html {
    height: 100%;
}

body {
    background-color: #eeeeee;
    font-family: 'Roboto', Helvetica, sans-serif;
    font-size: 14px;
    height: 100%;
    font-weight: 400;
}

.p-20 {
    padding: 20px;
}

.mtb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-0 {
    margin-top: 0;
}
.pl-0 {
    padding-left: 0;
}
.pr-0 {
    padding-right: 0;
}

.wrapper {
    max-width: 1170px;
    margin: 0 auto;
}

    .wrapper.mainWrapper {
        background-color: #ffffff;
        max-width: 1170px;
        margin: 0 auto;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
        /*min-height: 76%;*/
        padding-top: 10px;
        height: inherit;
        /*min-height:600px;
overflow:hidden;*/
    }

.text-center{text-align: center;}
.mainNav .wrapper {
    background-color: rgba(000, 000, 000, 0.1);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #155c9e;
}

{
    transition: all 0.9s ease;
}

label {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size: 11px;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label, .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label, .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #333;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 5px 4px;
    vertical-align: top;
    /*border-right:1px solid #ddd;*/
}

.clear {
    clear: both;
    width: 100%;
    font-size: 0;
    line-height: 0;
}

.text-warning {
    color: #f0911c;
}

.panel {
    border-radius: 2px;
}

.panel-default > .panel-footer, .panel-default > .panel-heading {
    background-color: #fefefe;
}

.form-control {
    border-radius: 2px;
    height: 30px;
    font-size: 12px;
}

.control-group {
    margin-bottom: 10px;
}

.btn {
    border-radius: 2px;
}

.btn-sm, .btn-group-sm > .btn, .nav-pills > li > a, .dropdown-menu {
    border-radius: 2px;
}

.fontWeight300 {
    font-weight: 300;
}

.fontWeight400 {
    font-weight: 400;
}

.fontWeight500 {
    font-weight: 500;
}

.fontWeight600 {
    font-weight: 600;
}

.fontWeight700 {
    font-weight: 700;
}

.fontWeight800 {
    font-weight: 800;
}


.title {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
/* ****************************************
*************************************HEADER
******************************************/
header {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #155c9e;
}

.brand-logo img {
    max-height: 40px;
}


.mainNav .navbar-header {
    background-color: transparent;
}

.navbar-brand {
    padding: 4px 10px;
    background-color: transparent;
}

    .navbar-brand img {
        max-width: 220px;
        margin-top: 4px;
    }

.contactsNav {
    margin-top: 0px;
}

    .contactsNav li a.btn:hover, .contactsNav li a.btn:focus {
        background-color: #000033;
    }

.dropdown.btnProfile .divider {
    margin: 0px 0;
}

.btnProfile.open > .dropdown-menu {
    left: auto;
    right: 0;
    min-width: 220px;
}

.btnProfile.open > .dropdown-menu {
    background-color: #155c9e;
    color: #FFFFFF;
}

    .btnProfile.open > .dropdown-menu li a {
        font-size: 14px;
        color: #ffffff;
        line-height: 24px;
        border-bottom: 1px #039 solid;
    }

    .btnProfile.open > .dropdown-menu li:last-child a {
        border-bottom: 0px #039 solid;
    }

    .btnProfile.open > .dropdown-menu li a:hover {
        color: #333;
    }

.navbar-inverse.mainNav {
    background-color: #064d8f;
    border-radius: 0;
    border-width: 0 0 0px;
    border-bottom-color: #f09119;
    margin-bottom: 0;
}

.mainNav.navbar-inverse li a {
    color: #fff;
    font-weight: 600;
    font-weight: 300;
    letter-spacing: 2px;
    font-size: 16px;
}

p {
    font-size: 14px;
}

.mainNav.navbar-inverse .navbar-right > li > a {
    line-height: 28px;
}




.mainNav.navbar-inverse .navbar-nav > .active > a, .mainNav.navbar-inverse .navbar-nav > li > a:hover, .mainNav.navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #302f2f;
    background-color: rgba(11, 11, 111, 0.5);
}

.mainNav.navbar-inverse ul.dropdown-menu a {
    color: #333;
    font-weight: 300;
}

/* header small nav */
nav.navbar-findcond {
    background: #fff;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    box-shadow: 0 0 0px 0 #ccc;
    margin-bottom: 0px;
    padding-bottom: 4px;
    border-radius: 2px;
    min-height: 30px;
}

    nav.navbar-findcond .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    nav.navbar-findcond a {
        color: #064d8f;
    }

    nav.navbar-findcond ul.navbar-nav a {
        color: #064d8f;
        border-style: solid;
        border-width: 0 0 0px 0;
        border-color: #fff;
        padding-bottom: 4px;
        padding-top: 4px;
        border-radius: 2px;
    }

    nav.navbar-findcond ul.navbar-nav li a {
        background: #fff;
        color: #064d8f;
    }

    nav.navbar-findcond ul.navbar-nav li.active a {
        background: #064d8f;
        color: #fff;
    }

    nav.navbar-findcond ul.navbar-nav a:hover {
        border-color: #064d8f;
    }

    nav.navbar-findcond li.divider {
        background: #ccc;
    }

    nav.navbar-findcond button.navbar-toggle {
        background: #064d8f;
        border-radius: 2px;
    }

        nav.navbar-findcond button.navbar-toggle:hover {
            background: #999;
        }

        nav.navbar-findcond button.navbar-toggle > span.icon-bar {
            background: #fff;
        }

    nav.navbar-findcond ul.dropdown-menu {
        border: 0;
        background: #fff;
        border-radius: 4px;
        margin: 4px 0;
        box-shadow: 0 0 4px 0 #ccc;
    }

        nav.navbar-findcond ul.dropdown-menu > li > a {
            color: #444;
        }

            nav.navbar-findcond ul.dropdown-menu > li > a:hover {
                background: #064d8f;
                color: #fff;
            }

    nav.navbar-findcond span.badge {
        background: #064d8f;
        font-weight: normal;
        font-size: 11px;
        margin: 0 4px;
    }

        nav.navbar-findcond span.badge.new {
            background: rgba(255, 0, 0, 0.8);
            color: #fff;
        }

/* /header small nav */



.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
}

.equalHeight {
    overflow: hidden;
}

.sideNavHight, .containHight {
    /*padding-bottom: 99999px;
    margin-bottom: -99999px;*/
    position: relative;
}

.hightControl {
    max-height: 1000px;
    overflow: hidden;
    overflow-y: auto;
}
/* ***************************************
********************************** Top Nav
*****************************************/

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    background-color: #080808;
    color: #fff;
}

li.userOption > a {
    background-color: rgba(11, 11, 111, 0.5);
}
/* ***************************************
***************************** End Top Nav
*****************************************/



/* ***************************************
******************************** Side Menu
*****************************************/
:focus {
    outline: none;
}


/* ***************************************
****************************** Panel table
*****************************************/
.panel-table .panel-body {
    padding: 0;
}

    .panel-table .panel-body .table-bordered {
        border-style: none;
        margin: 0;
    }

.tableHight-md {
    height: 400px;
    overflow: auto;
}

.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type {
    /*text-align:center;
    width: 100px;*/
}

.panel-table .panel-body .table-bordered > thead > tr > th:last-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type {
    border-right: 0px;
}

.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type {
    border-left: 0px;
}

.panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td {
    border-bottom: 0px;
}

.panel-table .panel-body .table-bordered > thead > tr:first-of-type > th {
    border-top: 0px;
}

.panel-table .panel-footer .pagination {
    margin: 0;
}

/*
used to vertically center elements, may need modification if you're not using default sizes.
*/
.panel-table .panel-footer .col {
    line-height: 34px;
    height: 34px;
}

.panel-table .panel-heading .col h3 {
    line-height: 30px;
    height: 30px;
}

.panel-table .panel-body .table-bordered > tbody > tr > td {
    line-height: 20px;
}

.questionTable.table > tbody > tr > td {
    vertical-align: middle;
}

.questionTable.table > tbody {
    max-height: 400px;
    overflow-y: scroll;
}

.questionTable a i.fa.fa-arrow-up, .questionTable a i.fa.fa-arrow-down {
    font-size: 14px;
}

/* filterable */

.filterable {
    margin-top: 2px;
}

    .filterable .panel-heading {
        padding: 6px 6px;
    }

    .filterable .table > tbody > tr > td {
        border-top: 0px solid #ddd;
        line-height: 1.42857;
        padding: 4px 4px 0px 0px;
        vertical-align: top;
        max-width: 250px;
    }

    .filterable .panel-heading .pull-right {
        margin-top: -20px;
    }

    .filterable .filters input[disabled] {
        background-color: transparent;
        border: none;
        cursor: auto;
        box-shadow: none;
        padding: 0;
        height: auto;
    }

        .filterable .filters input[disabled]::-webkit-input-placeholder {
            color: #333;
        }

        .filterable .filters input[disabled]::-moz-placeholder {
            color: #333;
        }

        .filterable .filters input[disabled]:-ms-input-placeholder {
            color: #333;
        }

    .filterable .radioTD {
        width: 40px;
        font-size: 10px;
        font-weight: 300;
        vertical-align: middle;
    }

    .filterable input[type="radio"] {
        margin: 0 auto;
        vertical-align: middle;
        text-align: center;
        display: block;
    }

    .filterable th:last-child {
        text-align: center;
    }
/* End filterable */
/* ***************************************
************************** End Panel table
*****************************************/

/* sticky Button */
.stickyButton {
    position: fixed;
    top: 200px;
    right: 0px;
    width: 115px;
    height: 0px;
    text-align: right;
    z-index: 9999;
    margin-top: -15px;
}

    .stickyButton span {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        display: block;
        background: #f09119;
        text-align: center;
        border-radius: 4px;
        height: 70px;
        width: 200px;
        padding: 8px 16px;
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 17px;
        font-weight: bold;
        text-decoration: none;
        border-bottom: solid 1px #333;
        border-left: solid 1px #333;
        border-right: solid 1px #fff;
    }

    .stickyButton a:hover {
        background: #064d8f;
    }
/* sticky Button */





.searchBar {
    position: relative;
}

    .searchBar input {
        padding-right: 30px;
    }

.btnSmallSearch {
    background-color: transparent;
    border: none;
    position: absolute;
    top: 7px;
    right: 6px;
}
/* ------------------------------------- */



/* 
    Sometimes the sub menus get too large for the page and prevent the menu from scrolling, limiting functionality
    A quick fix is to change .side-menu to 

*/
/*.absolute-wrapper{
    position: fixed;
    width: 300px;
    height: 100%;
    background-color: #f8f8f8;
    border-right: 1px solid #e7e7e7;
}*/

.sideNavHight {
    background-color: #f8f8f8;
}

.side-menu {
    /*position: fixed;*/
    /*width: 300px;
  height:600px;*/
    margin-left: -10px;
    margin-right: -10px;
    max-height: 1000px;
    overflow: auto;
    /*border-right: 1px solid #e7e7e7;*/
}



    .side-menu .navbar {
        border: none;
    }

    .side-menu .navbar-header {
        width: 100%;
        border-bottom: 1px solid #e7e7e7;
    }

    .side-menu .navbar-nav .active {
        background-color: #e7e7e7;
    }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}

.side-menu .navbar-nav li {
    display: block;
    width: 100%;
    border: none;
    /*border-top: 1px solid #e7e7e7;*/
}

.side-menu .navbar-nav > li, .side-menu #dropdown {
    background-color: #FFFFFF;
}

    .side-menu .navbar-nav > li.active {
        display: block;
        width: 100%;
        margin-right: -1px;
        border-right: 1px solid #f09119;
        border-bottom: 1px solid #e7e7e7;
    }

.side-menu .navbar-nav li a {
    /*padding: 15px;*/
    display: inline-block;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 14px;
    vertical-align: middle;
}

    .side-menu .navbar-nav li a.caretIcon {
        padding-left: 4px;
        padding-right: 4px;
    }

        .side-menu .navbar-nav li a.caretIcon:hover, .side-menu .navbar-nav li a.caretIcon:focus {
            background-color: transparent;
            text-decoration: none;
        }

    .side-menu .navbar-nav li a .glyphicon {
        padding-right: 1px;
        font-size: 10px;
    }

    .side-menu .navbar-nav li a.badge {
        padding: 1px;
        border-radius: 2px;
        border: 1px #009;
        background-color: rgba(0,0,0,0.1);
    }

.side-menu .label.label-default {
    background-color: transparent;
    border-radius: 0;
    font-weight: normal;
}

.side-menu .label .glyphicon {
    font-size: 12px;
    margin-right: 2px;
}

.side-menu #dropdown {
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}

    .side-menu #dropdown .caret {
        float: none;
        margin: 2px 5px 0;
    }

    .side-menu #dropdown .indicator {
        float: right;
    }

    .side-menu #dropdown > a {
        /*border-bottom: 1px solid #e7e7e7;*/
    }

    .side-menu #dropdown .panel-body {
        padding: 0;
        background-color: #f3f3f3;
    }

        .side-menu #dropdown .panel-body .navbar-nav {
            width: 100%;
        }

            .side-menu #dropdown .panel-body .navbar-nav li {
                padding-left: 15px;
                border-top: 1px solid #e7e7e7;
            }

                .side-menu #dropdown .panel-body .navbar-nav li:last-child {
                    border-bottom: none;
                }

        .side-menu #dropdown .panel-body .panel > a {
            margin-left: -20px;
            padding-left: 20px;
        }

        .side-menu #dropdown .panel-body .panel-body {
            margin-left: -15px;
        }

            .side-menu #dropdown .panel-body .panel-body li {
                padding-left: 30px;
            }

                .side-menu #dropdown .panel-body .panel-body li:last-child {
                    border-bottom: 1px solid #e7e7e7;
                }

.side-menu #search-trigger {
    background-color: #f3f3f3;
    border: 0;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 18px;
}

.side-menu .brand-name-wrapper {
    min-height: 50px;
}

    .side-menu .brand-name-wrapper .navbar-brand {
        display: block;
    }

.side-menu #search {
    position: relative;
    z-index: 1000;
}

    .side-menu #search .panel-body {
        padding: 0;
    }

        .side-menu #search .panel-body .navbar-form {
            padding: 0;
            padding-right: 50px;
            width: 100%;
            margin: 0;
            position: relative;
            border-top: 1px solid #e7e7e7;
        }

            .side-menu #search .panel-body .navbar-form .form-group {
                width: 100%;
                position: relative;
            }

            .side-menu #search .panel-body .navbar-form input {
                border: 0;
                border-radius: 0;
                box-shadow: none;
                width: 100%;
                height: 50px;
            }

            .side-menu #search .panel-body .navbar-form .btn {
                position: absolute;
                right: 0;
                top: 0;
                border: 0;
                border-radius: 0;
                background-color: #f3f3f3;
                padding: 15px 18px;
            }
/* Main body section */
.side-body {
    /*margin-left: 310px;*/
}
/* small screen */
@media (max-width: 768px) {
    .equalHeight {
        overflow: auto;
    }

    .sideNavHight, .containHight {
        padding-bottom: 0px;
        margin-bottom: 0px;
        position: relative;
    }

    .side-menu-container > .navbar-nav {
        position: absolute;
        width: 300px;
        z-index: 999;
    }

    .mainNav .navbar-header {
        background-color: transparent;
    }

    .side-menu {
        position: relative;
        width: 100%;
        height: 0;
    }

        .side-menu .brand-name-wrapper .navbar-brand {
            display: inline-block;
        }

    .side-menu {
        border-right: 0px solid #e7e7e7;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}

@-webkit-keyframes slidein {
    0% {
        left: -300px;
    }

    100% {
        left: 10px;
    }
}

@keyframes slidein {
    0% {
        left: -300px;
    }

    100% {
        left: 10px;
    }
}

@-moz-keyframes slideout {
    0% {
        left: 0;
    }

    100% {
        left: -300px;
    }
}

@-webkit-keyframes slideout {
    0% {
        left: 0;
    }

    100% {
        left: -300px;
    }
}

@keyframes slideout {
    0% {
        left: 0;
    }

    100% {
        left: -300px;
    }
}
/* Slide side menu*/
/* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
.side-menu-container > .navbar-nav.slide-in {
    -moz-animation: slidein 300ms forwards;
    -o-animation: slidein 300ms forwards;
    -webkit-animation: slidein 300ms forwards;
    animation: slidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.side-menu-container > .navbar-nav {
    /* Add position:absolute for scrollable menu -> see top comment */
    /*position: fixed;
    left: -300px;
    width: 300px;
    top: 43px;
    height: 100vh;*/
    border-right: 1px solid #e7e7e7;
    background-color: #f8f8f8;
    -moz-animation: slideout 300ms forwards;
    -o-animation: slideout 300ms forwards;
    -webkit-animation: slideout 300ms forwards;
    animation: slideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
/* Uncomment for scrollable menu -> see top comment */
/*.absolute-wrapper{
        width:285px;
        -moz-animation: slideout 300ms forwards;
        -o-animation: slideout 300ms forwards;
        -webkit-animation: slideout 300ms forwards;
        animation: slideout 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }*/
@-moz-keyframes bodyslidein {
    0% {
        left: 0;
    }

    100% {
        left: 80%;
    }
}

@-webkit-keyframes bodyslidein {
    0% {
        left: 0;
    }

    100% {
        left: 300px;
    }
}

@keyframes bodyslidein {
    0% {
        left: 0;
    }

    100% {
        left: 300px;
    }
}

@-moz-keyframes bodyslideout {
    0% {
        left: 300px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes bodyslideout {
    0% {
        left: 300px;
    }

    100% {
        left: 0;
    }
}

@keyframes bodyslideout {
    0% {
        left: 300px;
    }

    100% {
        left: 0;
    }
}
/* Slide side body*/
.side-body {
    /*margin-left: 5px;
    margin-top: 70px;*/
    position: relative;
    -moz-animation: bodyslideout 300ms forwards;
    -o-animation: bodyslideout 300ms forwards;
    -webkit-animation: bodyslideout 300ms forwards;
    animation: bodyslideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.body-slide-in {
    -moz-animation: bodyslidein 300ms forwards;
    -o-animation: bodyslidein 300ms forwards;
    -webkit-animation: bodyslidein 300ms forwards;
    animation: bodyslidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
/* side-menu-filter */
.side-menu-filter {
    border-right: 1px solid #e7e7e7;
    height: 100%;
    padding: 10px 6px;
    display: block;
}

.chooseOne {
    position: relative;
    min-height: 20px;
    border: 1px rgb(169, 169, 169) solid;
    border-radius: 2px;
}

.chooseOneItem {
    height: 250px;
    position: absolute;
    top: 26px;
    overflow-y: auto;
    background-color: #fff;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: rgba(30,144,255,1);
    box-shadow: 1px 2px 0px rgba(0,0,0,0.1);
    margin-left: -2px;
    margin-right: -2px;
    z-index: 9;
    display: block;
    width: 100%;
}

.chooseOne strong {
    line-height: 20px;
    min-height: 20px;
    line-height: 24px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    padding-left: 3px;
}

.chooseOne span.pull-right {
    line-height: 24px;
    padding-right: 3px;
}

.searchTextFeildByName input {
    height: 26px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-color: rgb(169, 169, 169);
}

.searchTextFeildByName {
    position: relative;
}

    .searchTextFeildByName:after {
        content: "\f002";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        color: rgba(0,0,0,0.1);
        font-size: 16px;
        padding-right: 0.5em;
        position: absolute;
        top: 1px;
        right: 0px;
        text-align: right;
        z-index: 2;
    }

.bookmarkBar, .bookmarkBar .btn, .bookmarkBar .btn span {
    text-align: center;
    border-color: rgb(169, 169, 169);
}

    .bookmarkBar .btn i {
        margin-left: 2px;
        text-align: center;
        font-size: 14px;
        line-height: 20px;
        float: none;
        left: auto;
        margin-right: 2px;
        padding: 0;
        border-radius: 2px;
    }

    .bookmarkBar, .bookmarkBar .btn, .bookmarkBar .btn span {
        text-align: center;
        border-color: rgb(169, 169, 169);
    }

.nextPreviousPage {
    border: 1px rgb(169, 169, 169) solid;
    border-radius: 2px;
}

.btnBackToList {
    font-size: 14px;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 12px;
    border-color: rgb(169, 169, 169);
}

.dataCalculatingBar {
    display: table;
}

    .dataCalculatingBar > div {
        margin-left: 10px;
        display: table-cell;
    }

    .dataCalculatingBar .progress {
        overflow: hidden;
        height: 16px;
        width: 50px;
        margin-bottom: 0px;
        background-color: #f5f5f5;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    }

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}
.pt0 {
    padding-top: 0;
}
.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}
.pb0 {
    padding-bottom: 0;
}
.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

/* /side-menu-filter */
/* Hamburger */
.navbar-toggle {
    border: 0;
    float: left;
    padding: 18px;
    margin: 0;
    border-radius: 0;
    background-color: #f3f3f3;
}
/* Search */
#search .panel-body .navbar-form {
    border-bottom: 0;
}

    #search .panel-body .navbar-form .form-group {
        margin: 0;
    }

.navbar-header {
    /* this is probably redundant */
    /*position: fixed;*/
    z-index: 3;
    background-color: #f8f8f8;
}
/* Dropdown tweek */
#dropdown .panel-body .navbar-nav {
    margin: 0;
}

/* 00000000000000000000000000000000000000000
000000000000000000000 Data Integration Setup  
000000000000000000000000000000000000000000 */
.widget-height_Extra_small {
    height: 7em;
}

.panel.panel-sm {
}

    .panel.panel-sm .panel-heading {
        padding: 6px 10px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }

        .panel.panel-sm .panel-heading nav {
            margin-top: -2px;
        }

.bg-lightGray, .panel > .panel-heading.bg-lightGray {
    background: rgba(242,242,242,1);
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ededed', GradientType=0 );
}

.panel.panel-sm {
    margin-bottom: 10px;
}

    .panel.panel-sm input[type="text"] {
        border-radius: 2px;
        height: 26px;
    }

    .panel.panel-sm textarea.form-control {
        border-radius: 2px;
        padding-top: 4px;
        padding-bottom: 3px;
        line-height: 14px;
    }

.noPading, .noPading.panel-body, .noPading.well {
    padding: 0;
}

.margin-botton-0, .well.margin-botton-0 {
    margin-bottom: 0;
}

.scrollbox.scrollboxVisible {
    visibility: initial;
}

.listUI {
    margin: 0;
    padding: 0;
}

    .listUI li {
        width: 100%;
        border-radius: 2px;
        display: inline-block;
        padding: 6px 10px;
        list-style: none;
        line-height: 20px;
        border: 1px rgba(0,0,0,0.05) solid;
    }

        .listUI li.active, .listUI li.sclected, .listUI li:hover {
            border: 1px rgba(0,0,0,0.09) solid;
            background-color: rgba(0,0,0,0.09);
        }

        .listUI li span {
            display: block;
        }

.btn-PanelHead {
}

.sectionItemsBoxe {
    background-color: rgba(0,0,0,0.01);
    border-right: 1px rgba(0,0,0,0.2) solid;
}

.row .col-md-4:last-child .sectionItemsBoxe {
    border-right: 0px rgba(0,0,0,0.09) solid;
}

.borderdList {
    padding: 0;
    margin: 0;
}

    .borderdList li {
        border-bottom: 1px #eee solid;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 20px;
        color: #000;
    }

        .borderdList li.active {
            /*border-bottom:1px #ccc solid;*/
            background-color: #fff;
            -webkit-box-shadow: inset 0px 1px 3px 1px rgba(0,0,0,0.15);
            -moz-box-shadow: inset 0px 1px 3px 1px rgba(0,0,0,0.15);
            box-shadow: inset 0px 1px 3px 1px rgba(0,0,0,0.15);
        }

        .borderdList li:last-child {
            border-right: none;
        }

        .borderdList li i.fa-angle-right {
            line-height: 20px;
        }
/*.borderdList .questionitem-color {color:#000;}*/
.clea10 {
    font-size: 0;
    line-height: 0;
    height: 10px;
    clear: both;
    width: 100%;
}

.tabularQuestionSection .table > tbody > tr > td {
    padding: 2px 4px;
}

.tabularQuestionSection .btn.glyphicon-remove {
    padding: 1px 3px;
    font-size: 8px;
    vertical-align: top;
    margin-top: 0px;
}

.tabularQuestionSection input[type="text"] {
    height: 22px;
    padding: 2px 10px;
}

/*
@media (max-width:768px) {
    .listUI li {
        width: 100%;
    }
}

*/

/* 00000000000000000000000000000000000000000
0000000000000000000 / Data Integration Setup  
000000000000000000000000000000000000000000 */


/* ***************************************
********************************** Footer
**************************************** */

footer, .footer, .bottomBar {
    background-color: #414141;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-top: 0px;
    color: #fff;
}

    footer .wrapper {
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: #686868;
    }

    footer p {
        margin-bottom: 0;
        line-height: 38px;
        font-size: 16px;
    }

.wrapper.footerWrapper {
    background-color: #302f2f;
    margin-top: 20px;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.navPrivacy li {
    display: inline;
}

.nav.navPrivacy a {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0;
    color: #CCC;
    padding: 4px 6px;
    border-radius: 2px;
}

    .nav.navPrivacy a:hover {
        background-color: #000;
    }

.nav-pills.socialIcons {
}

    .nav-pills.socialIcons li a {
        width: 32px;
        height: 32px;
        line-height: 34px;
        text-align: center;
        font-size: 18px;
        border-radius: 50%;
        background-color: #666;
        color: #fff;
        padding: 0;
    }

        .nav-pills.socialIcons li a:hover {
            background-color: #f09119;
            color: #155c9e;
        }
/* ***************************************
******************************* End Footer
*****************************************/


/*********************************************
****************************** All Media Query
*********************************************/
@media (max-width: 768px) {
    .sideNavHight, .containHight {
        padding-bottom: 10px;
        margin-bottom: 10px;
        position: relative;
    }
}


/*view Animation*/
/* Have to set height explicity on ui-view 
to prevent collapsing during animation*/
/*.well1[ui-view] {
    height: 65px;
}

.ui-view-container {
    position: relative;
}

[ui-view].ng-enter, [ui-view].ng-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

[ui-view].ng-enter {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    -moz-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
}

[ui-view].ng-enter-active {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

[ui-view].ng-leave {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[ui-view].ng-leave-active {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    -moz-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
}*/

/*Show Hide Animation*/
/*.sample-show-hide {
  padding:10px;
  border:1px solid black;
  background:white;
}*/

.sample-show-hide {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

    .sample-show-hide.ng-hide {
        opacity: 0;
    }

.ng-hide.ng-hide-animate {
    display: none !important;
}


/* you can also define the transition style
   on the base class as well (.repeat-item) */
.repeat-item.ng-enter,
.repeat-item.ng-leave {
    -webkit-transition: 0.5s linear all;
    transition: 0.5s linear all;
}

    .repeat-item.ng-enter,
    .repeat-item.ng-leave.ng-leave-active {
        opacity: 0;
    }

        .repeat-item.ng-leave,
        .repeat-item.ng-enter.ng-enter-active {
            opacity: 1;
        }


/*table column required field validataion*/
.required-validation-error {
    color: red;
    border: 1px solid red;
}

/*file upload control*/
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.input-group-addon-ChildControl {
    padding: 0px 12px !important;
}

.input-sm-ChildControl {
    height: 26px !important;
}

.show_fullheight .scrollbox .widget-height_Extra_small,
.show_fullheight .fixedheader tbody.height-small,
.show_fullheight .fixedheader tbody.height-standard {
    height: auto;
    /*max-height:auto;*/
}
/*.fixedheader tbody.height-small.show_fullheight {
    height:auto;
}*/
.fixedheader.header-white thead {
    background-color: #fff;
}

.test-style {
    background-image: url('../img/test-environment.png');
    background-repeat: repeat-x;
}

.btn.btn-width-1x {
    width: 60px;
}

.btn.btn-width-2x {
    width: 80px;
}

.btn.btn-width-3x {
    width: 100px;
}

.btn.btn-width-4x {
    width: 120px;
}

.btn.btn-width-5x {
    width: 140px;
}

.btn.btn-width-5x {
    width: 160px;
}

.btn.btn-width-6x {
    width: 180px;
}

.background-color-red {
    background-color: #d9534f;
}

.text-color-white {
    color: #e5e5e5;
}

.text-color-red {
    color: red;
}

.dashborad-container {
    height: 88vh;
}

.height-percent-100 {
    height: 100%;
}

.dashboard-leftmenu-container {
    margin-left: -3px;
    margin-right: -14px;
}

.dashboard-leftmenu-datacollection-body {
    border: 1px solid #bad9f4;
    background-color: #e3f1fc;
    overflow: auto;
    height: inherit;
    padding: 8px;
    box-sizing: border-box;
}

.dashboard-leftmenu-datacollection-body::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.dashboard-leftmenu-datacollection-body::-webkit-scrollbar-track {
    background-color: #ebebeb;
    border-radius: 6px
}

.dashboard-leftmenu-datacollection-body::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: #1a428a
}
.dashboard-leftmenu-workflow-body {
    border: 1px solid #f5c283;
    background-color: #fee4c3;
    overflow: hidden;
    height: inherit;
    padding-left: 3px;
    padding-right: 3px;
}

.background-color-white {
    background-color: white;
}

.overflow-auto {
    overflow: auto;
}

.dashboard-switch-button {
    background-color: #f09119 !important;
    border-color: none !important;
    font-size: 14px !important;
    border-radius: 3px !important;
}


.ui-view-container {
    background-color: #fff;
}
.border-less > tbody > tr, .border-less > tbody > tr > th, .border-less > tbody > tr > td {
    border: none !important;
}

.truncate {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.table-truncate {
   position: relative;
}

.table-truncate-body {
  position: absolute;
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden;         
  text-overflow: ellipsis;
}

.has-error [type="checkbox"] {
    outline: 1px auto red !important;
    outline-offset: -1px;
}
.has-error label.has-error-lebel {
    color: red;
}
.f14 {
    font-size: 14px;
}
.f16 {
    font-size: 16px;
}
.f18 {
    font-size: 18px;
}
.f20 {
    font-size: 20px;
}
.addNewList {
    position: absolute;
    right: 0;
    top: 0;
}
.table > thead > tr.active > th {
    background-color: #e5e6e7;
}