/**************************************************************************************************************************Override from original css AdminLTE*/
b, strong {
    font-weight: bold;
}

.logo-lg {
    margin-top: -6px;
}

    .logo-lg img {
        height: 40px;
    }

.logo-mini {
    margin-top: -6px;
}

    .logo-mini img {
        height: 30px;
    }

.can-grow {
    height: auto !important;
}

/*css for main footer*/
.main-footer {
    padding: 10px 15px;
    background: rgb(197, 203, 210); /* For browsers that do not support gradients */
    font-size: 12px;
}

.content-header {
    color: rgb(0,92,185);
    border-bottom: 4px solid rgb(0,92,185);
    border-top: 1px solid #d2d6de;
    background: rgba(0,92,185,.075); /* For browsers that do not support gradients */
    position: relative;
    padding: 0px;
    width: 100%;
    padding: 8px 14px;
    font-size: 20px;
    text-shadow: 1px 1px 2px #d2d6de;
}

.content-ToolBar {
    background-color: rgb(203, 209, 218);
    padding-left: 19px;
    padding-top: 2px;
    padding-bottom: 1px;
    border-bottom: 1px solid;
}

.content-ToolBar .form-toolbar {
    margin-top :3px;
    margin-bottom :3px;
}

.npcc-sign:before {
    font-family: 'Courier New';
    /*color: rgb(227,29,26);*/
    content: "\25E5";
    font-size: 14px;
    padding: 0px 2px;
}

.content-header .npcc-sign {
    padding-right: 12px;
}

    .content-header .npcc-sign:before {
        font-size: 17px !important;
        line-height: 20px;
    }

.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 0px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
/******************************************************************************************************************************End of all overridded class*/

html {
    height: 100%;
}

body {
    font-family: NpccFont !important;
    background: rgb(220,231,245);
    color: rgb(0,92,185);
    font-weight: normal;
    font-size: 13px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

#wrapper {
    background-color: rgb(29,112,183)
}

.npcc-webapptitle {
    color: rgb(0,92,185);
    font-size: 24px;
    line-height: 46px;
    text-shadow: 1px 1px #d2d6de;
}

.content-wrapper, .right-side {
    min-height: 100%;
    /*background-color: rgba(242, 242, 242, 1);*/
    background-color: rgba(255, 255, 255, 1);
    z-index: 800;
}

.content {
    min-height: 250px;
    /*padding: 20px;*/
    margin-right: auto;
    margin-left: auto;
    overflow: auto;
}

/*
 * Skin: Blue
 * ----------
 */

/*css for top header*/
.main-header {
    border-top: 5px solid rgb(29,112,183);
}

.skin-blue .main-header .navbar {
    background-color: #fff;
}

    .skin-blue .main-header .navbar .nav > li > a {
        color: rgb(0,92,185);
    }

        .skin-blue .main-header .navbar .nav > li > a:hover,
        .skin-blue .main-header .navbar .nav > li > a:active,
        .skin-blue .main-header .navbar .nav > li > a:focus,
        .skin-blue .main-header .navbar .nav .open > a,
        .skin-blue .main-header .navbar .nav .open > a:hover,
        .skin-blue .main-header .navbar .nav .open > a:focus,
        .skin-blue .main-header .navbar .nav > .active > a {
            background: rgb(49,136,198);
            color: #fff;
        }

    .skin-blue .main-header .navbar .sidebar-toggle:hover {
        color: #fff;
        background: rgb(49,136,198);
    }

    .skin-blue .main-header .navbar .sidebar-toggle {
        color: rgb(0,92,185);
    }

        .skin-blue .main-header .navbar .sidebar-toggle:hover {
            background-color: rgb(49,136,198);
        }

.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
    color: #fff;
}

.dropdown-user {
    padding: 0px;
}

    .dropdown-user .divider {
        margin: 0px;
    }

@media (max-width: 767px) {
    .skin-blue .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-blue .main-header .navbar .dropdown-menu li a:hover {
            background: #367fa9;
        }
}


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 3px;
    padding-right: 3px;
}

/*#########################################################################*/
/*#########################     Form Styles     ###########################*/
/*#########################################################################*/
.form-horizontal {
    background: #fff;
    /*border-top: 4px solid rgb(0,92,185);*/
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

    .form-horizontal .form-title {
        border-bottom: 1px solid #eeeeee;
        display: inline-block;
        font-size: 20px;
        margin: 0px 0px 0px 0px;
        line-height: 1;
        padding: 15px 10px;
        width: 100%;
    }

    .form-horizontal .form-group {
        margin-top: 3px;
        margin-left: 5px;
        margin-bottom: 3px;
        margin-right: 5px;
    }

.control-label.required:before {
    font-family: 'Courier New';
    color: rgb(227,29,26);
    content: "\25E5";
    font-size: 10px;
    padding: 0px 3px;
    vertical-align: top;
    line-height: 1.8;
}

.form-horizontal .form-toolbar {
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.form-control label {
    font-weight: normal;
    padding-left: 5px;
    padding-right: 15px;
    margin-bottom: 0px;
}

.form-control {
    color: #333;
    font-size: 13px;
    height: 28px;
    padding: 4px 7px;
    background-color: #ffffee;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .form-control.input-sm {
        font-size: 11px;
        height: 27px;
        padding: 3px 8px;
    }

    /*.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #f2f2f2;
    }

label.form-control {
    height: auto !important;
    min-height: 32px;
    font-weight: bold;
    background-color: #f2f2f2;
}

span.form-control {
    height: auto !important;
    min-height: 32px;
    font-weight: bold;
    background-color: #f2f2f2;
}*/

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #ececec;
        border: 1px solid #ececec;
        box-shadow: none;
        border: 1px solid #ccc;
    }

label.form-control {
    height: auto !important;
    min-height: 28px;
    font-weight: bold;
    background-color: #ececec;
    border: 1px solid #ececec;
    box-shadow: none;
}

span.form-control {
    height: auto !important;
    min-height: 28px;
    font-weight: bold;
    background-color: #ececec;
    border: 1px solid #ccc;
    box-shadow: none;
}

a.form-control {
    height: auto !important;
    min-height: 28px;
    font-weight: bold;
    background-color: #ececec;
    border: 1px solid #ececec;
    box-shadow: none;
    color: inherit;
}

.control-has-error {
    border-color: #dd4b39 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.control-has-error-input-group-addon {
    border-radius: 0;
    border-color: #dd4b39;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn .label-has-error {
    height: 28px;
    padding: 4px 10px;
}

.label-has-error {
    color: #dd4b39;
}


.control-label {
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 2px;
    padding-top: 4px !important;
}

label.form-control {
    height: auto !important;
}

/*########################  End of Form Styles  ###########################*/

/*#########################################################################*/
/*#########################     Modal Form Styles     #####################*/
/*#########################################################################*/

.modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-content.form-horizontal {
    background: #fff;
    border-top: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.modal-footer {
    padding: 10px 24px 10px 0px;
    border-top: 1px solid rgb(129,174,237);
}

.modal-header {
    border-bottom: 4px solid rgb(0,92,185);
}

.modal-title:before {
    font-family: 'Courier New';
    /*color: rgb(227,29,26);*/
    content: "\25E5";
    font-size: 18px;
    padding: 0px 3px;
    vertical-align: top;
}

.modal-title {
    display: inline-block;
    font-size: 20px;
    margin: 0px 0px 0px 0px;
    line-height: 1;
}

.modal-message {
    width: 100%;
    padding: 0px 15px 15px 15px;
}

/*########################  End of Modal Form Styles  #####################*/

/*#########################################################################*/
/*#########################     Message Styles       #####################*/
/*#########################################################################*/
.message {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 4px;
    width: 100%;
    min-height: 33px;
    height: auto;
    overflow: auto;
    padding: 1px 5px;
}

.message-info {
    background-color: rgb(106, 194, 236);
}

.message-success {
    background-color: rgb(122, 193, 79);
}

.message-error {
    background-color: rgb(252, 86, 88);
}

.message-warning {
    background-color: rgb(248, 186, 74);
    color: #000;
}

.message-icon {
    font-size: 20px;
    padding: 0px 4px;
    top: 4px;
}

/*#########################################################################*/
/*#########################     AJAX Tab Styles       #####################*/
/*#########################################################################*/
.ajax__tab_xp .ajax__tab_header {
    background-image: none !important;
    border-bottom: 1px solid rgb(49,136,198);
    font-family: inherit !important;
    font-size: inherit !important;
}

.ajax__tab_default .ajax__tab {
    height: 40px !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
    background-image: none !important;
    height: 41px !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_inner {
    background-image: none !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    background-image: none !important;
    padding: 0px 15px !important;
    border: 1px solid rgb(238,238,238);
    border-top-width: 3px !important;
    border-radius: 4px 4px 0 0;
    background-color: rgb(242,242,242);
    height: 40px;
    line-height: 35px;
}


.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
    background-image: none !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner {
    background-image: none !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
    background-image: none !important;
    border: 1px solid rgb(49,136,198);
    border-bottom-color: transparent;
    border-top-color: rgb(227, 29, 26);
    background-color: #fff;
    font-weight: bold;
    background-color: rgb(49,136,198);
    color: #fff;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .badge {
    background-color: rgb(129,174,237);
}

.ajax__tab_xp .ajax__tab_body {
    border: none !important;
    font-family: inherit !important;
    font-size: inherit !important;
}

/*#########################     Bootstrap Tab Styles       #####################*/
.nav-tabs {
    border-bottom-color: rgb(49,136,198);
    border-bottom-width: 2px;
}

    .nav-tabs > li > a {
        border-top-width: 3px;
        border-color: rgb(238,238,238);
        background-color: rgb(242,242,242);
        margin-right: 6px;
        margin-bottom: 1px;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border-top-width: 3px;
        border-top-color: rgb(227,29,26);
        font-weight: bold;
        background-color: rgb(49,136,198);
        color: #fff;
    }



/*#########################################################################*/
/*#########################     GridView Styles       #####################*/
/*#########################################################################*/

table {
    background-color: #fff;
}

.table-caption {
    background-color: #fff;
    border-top: 2px solid rgb(29,112,183);
    width: 100%;
    padding: 5px 15px 5px 15px;
}

.header-row > tbody > tr:first-child > td, .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    font-weight: normal;
    background-color: rgb(49,139,198);
    color: #fff;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.table > tbody > tr > td, .table > tbody > tr > th {
    word-break: break-word;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: rgb(242,242,242);
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.table-hover > tbody > tr:hover {
    background-color: rgb(189, 220, 247);
}

    .table-hover > tbody > tr:hover a:not(.btn) {
    }

    .table-hover > tbody > tr:hover td {
    }

table.table-borderless td, table.table-borderless th {
    border: none !important;
}

table.table-borderless {
    border: 0;
}

/*.ui-widget {
    font-family: inherit !important;
}
.panel-default {
    /* remove border in gridview*/
/*border-color: transparent;
}*/
/*.ui-widget-content{
    border: 0px none;
    

}*/
/*.wijmo-wijgrid-headerrow th {
    background: #fff !important;
    border: 0px none !important;
    border-bottom: 2px solid #f4f4f4 !important;
}

.wijmo-wijgrid-headertext  {
    display: inline;
    position: relative;
    float: left;
    color: rgb(0, 92, 185) !important;
    padding: 0.5em 2px !important;
}

.wijmo-wijgrid .wijmo-wijgrid-headerrow .ui-icon {
    position: relative;
    float: left;
    margin-top: 10px;
}

.wijmo-wijgrid-alternatingrow {
    background: rgb(245,249,254);
    
}

.wijmo-wijgrid tr.wijmo-wijgrid-row {
    border-color: transparent;
}

.wijmo-wijgrid tr.wijmo-wijgrid-row.ui-state-hover {
    background: rgb(129, 174, 237);
    text-shadow: none;
}

.wijmo-wijgrid tr.c1-c1gridview-editrow.wijmo-wijgrid-row.ui-state-hover {
    background: #fff;
    text-shadow: none;
    color: #000;
}

.wijmo-wijgrid tr.c1-c1gridview-editrow.wijmo-wijgrid-row.wijmo-wijgrid-alternatingrow.ui-state-hover {
    background: rgb(245,249,254);
    text-shadow: none;
    color: #000;
}

.wijmo-wijgrid-innercell { padding: 3px 2px !important;} /* cell padding */
/*.wijmo-wijgrid div.wijmo-wijgrid-footer {
    border-top: 2px solid #f4f4f4 !important;
    background: #fff;
    padding: 5px 0px;
}


.wijmo-wijpager .ui-list
{
    border: 1px solid #ddd;
    padding: 0px;
    font-size: 12px;
}
.wijmo-wijpager .ui-list .wijmo-wijpager-button {
    background: #fff;
    border: 0px none;
    border-right: 1px solid #ddd;
    border-radius: 0;
    font-weight: normal;
    text-shadow: none;
    margin: 0px;
    /*padding: 6px 10px;*/
/*padding: 0px;*/
/*}*/
/*.wijmo-wijpager .ui-state-default a {
    color: rgb(0, 92, 185) !important;
    text-shadow: none !important;
    padding: 5px 11px !important;
}

.wijmo-wijpager .ui-state-active {
    background: rgb(29,112,183) !important;
    color: #fff !important;
}

    .wijmo-wijpager .ui-state-active span {
        padding: 5px 11px !important;
    }

.wijmo-wijpager .ui-state-hover {
    background: rgb(243,247,251) !important;
}
    .wijmo-wijpager .ui-state-hover a, .ui-state-hover a:hover {
        
    }

.ui-widget-content .btn {
    font-size: 12px;
}

.ui-widget input[type="text"], .ui-widget select, .ui-widget textarea { 
    border-radius: 4px;
    height: 27px;
    padding: 3px 6px;
    border: 1px solid #ccc;
}


/* Filter row style*/
/*.wijmo-wijgrid-filterrow {
    height: 25px !important;
}
.wijmo-wijgrid .wijmo-wijgrid-filterrow td {
    border: none !important;
}

.wijmo-wijinput .wijmo-wijinput-input {
    color: inherit !important;
}

.wijmo-wijgrid-filterrow .ui-state-default, .wijmo-wijgrid-filterrow .ui-widget-content .wijmo-wijgrid-filterrow .ui-state-default, .wijmo-wijgrid-filterrow .ui-widget-header .ui-state-default {
    border: none !important;
    font-weight: normal !important;
    color: rgb(29,112,183) !important;
    background: rgb(243,247,251);
}

.wijmo-wijgrid-filterrow .wijmo-wijinput, .wijmo-wijtextbox {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.wijmo-wijinput-wrapper {
    padding: 2px 5px !important;
}

.wijmo-wijgrid .wijmo-wijinput {
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.wijmo-wijinput-wrapper {
    border: none;
}

/*########################  End of GridView   Styles  #####################*/
/**/
/**/
/*########################  End of GridView   Styles  #####################*/
/*
 * Component: Main Header
 * ----------------------
 */
.main-header {
    position: relative;
    max-height: 100px;
    z-index: 1030;
}

    .main-header .navbar {
        -webkit-transition: margin-left 0.3s ease-in-out;
        -o-transition: margin-left 0.3s ease-in-out;
        transition: margin-left 0.3s ease-in-out;
        margin-bottom: 0;
        margin-left: 230px;
        border: none;
        min-height: 50px;
        border-radius: 0;
    }

.layout-top-nav .main-header .navbar {
    margin-left: 0;
}

.main-header #navbar-search-input.form-control {
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent;
}

    .main-header #navbar-search-input.form-control:focus,
    .main-header #navbar-search-input.form-control:active {
        border-color: rgba(0, 0, 0, 0.1);
        background: rgba(255, 255, 255, 0.9);
    }

    .main-header #navbar-search-input.form-control::-moz-placeholder {
        color: #ccc;
        opacity: 1;
    }

    .main-header #navbar-search-input.form-control:-ms-input-placeholder {
        color: #ccc;
    }

    .main-header #navbar-search-input.form-control::-webkit-input-placeholder {
        color: #ccc;
    }

.main-header .navbar-custom-menu,
.main-header .navbar-right {
    float: right;
}

@media (max-width: 991px) {
    .main-header .navbar-custom-menu a,
    .main-header .navbar-right a {
        color: inherit;
        background: transparent;
    }
}

@media (max-width: 767px) {
    .main-header .navbar-right {
        float: none;
    }

    .navbar-collapse .main-header .navbar-right {
        margin: 7.5px -15px;
    }

    .main-header .navbar-right > li {
        color: inherit;
        border: 0;
    }
}

.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 15px 15px;
    font-family: fontAwesome;
}

    .main-header .sidebar-toggle:before {
    }

    .main-header .sidebar-toggle:hover {
        color: #fff;
    }

    .main-header .sidebar-toggle:focus,
    .main-header .sidebar-toggle:active {
        background: transparent;
    }

    .main-header .sidebar-toggle .icon-bar {
        display: none;
    }

.main-header .navbar .nav > li.user > a > .fa,
.main-header .navbar .nav > li.user > a > .glyphicon,
.main-header .navbar .nav > li.user > a > .ion {
    margin-right: 5px;
}

.main-header .navbar .nav > li > a > .label {
    position: absolute;
    top: 9px;
    right: 7px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
}

.main-header .logo {
    -webkit-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    display: block;
    float: left;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    width: 230px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 15px;
    font-weight: 300;
    overflow: hidden;
    background-color: #fff;
    color: rgb(0,92,185);
    border-bottom: 0 solid transparent;
}

    .main-header .logo .logo-lg {
        display: block;
    }

    .main-header .logo .logo-mini {
        display: none;
    }

    .main-header .logo:hover {
        background-color: #fff;
    }

.main-header li.user-header {
    background-color: rgb(49,136,198);
}

.main-header .navbar-brand {
    color: #fff;
}

/*css for aside menu*/

.main-sidebar {
    /*padding-top: 55px;*/
    /* ADDED BY HAMED FOR TESTING */
    padding-top: 0 !important;
    top: auto;
    min-height: inherit !important;
}

.sidebar .arrow {
    float: right;
}

.fa.arrow:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e258";
    font-size: 11px !important;
}

.active > a > .fa.arrow:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e259";
    font-size: 11px !important;
}

.btn {
    font-size: 13px;
    padding: 4px 12px;
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-primary {
    background-color: rgb(49,136,198);
    border-color: rgb(49,136,198);
    color: #fff;
}

    .btn-primary.focus, .btn-primary:focus {
        background-color: rgb(29,112,183);
        border-color: rgb(29,112,183);
        color: #fff;
    }

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.hover {
        background-color: rgb(29,112,183);
        border-color: rgb(29,112,183);
        color: #fff;
    }


    .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: rgb(29,112,183);
        border-color: rgb(29,112,183);
        color: #fff;
    }

    .btn-primary.aspNetDisabled, .btn-primary.aspNetDisabled.focus, .btn-primary.aspNetDisabled:focus, .btn-primary.aspNetDisabled:hover {
        background-color: rgb(29,112,183);
        border-color: rgb(29,112,183);
        color: #fff;
    }

.btn-default {
    color: #333;
    background-color: #EFEFEF;
    border-color: #cdcdcd;
}

    .btn-default:hover, .btn-default:active, .btn-default.hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #cdcdcd;
    }


    .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
        color: #707070;
        background-color: #EFEFEF;
        border-color: #cdcdcd;
    }

    .btn-default.aspNetDisabled, .btn-default.aspNetDisabled.focus, .btn-default.aspNetDisabled:focus, .btn-default.aspNetDisabled:hover {
        color: #707070;
        background-color: #EFEFEF;
        border-color: #cdcdcd;
    }


.badge {
    background-color: rgb(49, 136, 198);
}

.skin-blue .user-panel > .info, .skin-blue .user-panel > .info > a {
    color: #fff;
}

.skin-blue .sidebar-menu {
    border-top: 1px solid rgb(126,174,237);
}

    .skin-blue .sidebar-menu > li {
        border-bottom: 1px solid rgb(126,174,237);
    }

        .skin-blue .sidebar-menu > li.header {
            color: #4b646f;
            background: #1a2226;
        }

        .skin-blue .sidebar-menu > li > a {
            border-left: 3px solid transparent;
            color: #fff;
        }

        /*MenuItem Hover*/
        .skin-blue .sidebar-menu > li:hover > a,
        .skin-blue .sidebar-menu > li.active > a {
            color: #fff;
            text-shadow: 0px 0px 1px #fff;
            background: rgb(49,136,198);
            /*border-left-color: rgb(227,29,26);*/
        }


            .skin-blue .sidebar-menu > li:hover > a > .glyphicon,
            .skin-blue .sidebar-menu > li.active > a > .glyphicon {
                /*color: rgb(227,29,26);*/
                text-shadow: 0px 0px 1px #fff;
            }

    .skin-blue .sidebar-menu .treeview-menu {
        padding-left: 22px;
    }

    .skin-blue .sidebar-menu > li > .treeview-menu {
        margin: 0 1px;
        background: rgb(126,174,237);
    }

.skin-blue .sidebar a {
    color: #fff;
}

    .skin-blue .sidebar a:hover {
        text-decoration: none;
    }

.skin-blue .treeview-menu > li {
    margin: 0px;
}

    .skin-blue .treeview-menu > li > a {
        border-left: 1px dotted #fff;
        padding: 5px 5px 5px 0px;
    }

        .skin-blue .treeview-menu > li > a:before {
            font-family: 'Courier New';
            color: #fff;
            content: "\2508";
            font-size: 10px;
            padding: 0px 3px 0px 0px;
        }

        /*Sub Menu Hover*/
        .skin-blue .treeview-menu > li.active > a,
        .skin-blue .treeview-menu > li > a:hover {
            border-left: 1px solid rgb(48,83,160);
            text-shadow: 0px 0px 1px #fff;
        }

            .skin-blue .treeview-menu > li.active > a:before,
            .skin-blue .treeview-menu > li > a:hover:before,
            .skin-blue .treeview-menu > li.active .glyphicon,
            .skin-blue .treeview-menu > li > a:hover .glyphicon {
                color: rgb(48,83,160);
                text-shadow: 0px 0px 1px #fff
            }


.skin-blue .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-blue .sidebar-form input[type="text"],
    .skin-blue .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-blue .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-blue .sidebar-form input[type="text"]:focus,
        .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-blue .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-blue.layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue.layout-top-nav .main-header > .logo:hover {
        background-color: #3b8ab8;
    }

/ .skin-blue.layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

.skin-blue.layout-top-nav .main-header > .logo:hover {
    background-color: #3b8ab8;
}


/*NPCC Logo Loading Msg*/

[class^="npcc-spinner"], [class*=" npcc-spinner"], [class^="npcc-npcc-"], [class*=" npcc-npcc-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'npcc';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.npcc-spinner:before {
    content: "\e97a";
}

.npcc-spinner2:before {
    content: "\e97b";
}

.npcc-spinner3:before {
    content: "\e97c";
}

.npcc-spinner4:before {
    content: "\e97d";
}

.npcc-spinner5:before {
    content: "\e97e";
}

.npcc-spinner6:before {
    content: "\e97f";
}

.npcc-spinner7:before {
    content: "\e980";
}

.npcc-spinner8:before {
    content: "\e981";
}

.npcc-spinner9:before {
    content: "\e982";
}

.npcc-spinner10:before {
    content: "\e983";
}

.npcc-spinner11:before {
    content: "\e984";
}

.npcc-npcc-white-logo .path1:before {
    content: "\e95d";
    color: rgb(255, 255, 255);
}

.npcc-npcc-white-logo .path2:before {
    content: "\e95e";
    margin-left: -4.6904296875em;
    color: rgb(255, 255, 255);
}

.npcc-npcc-white-logo .path3:before {
    content: "\e95f";
    margin-left: -4.6904296875em;
    color: rgb(255, 255, 255);
}

.npcc-npcc-white-logo .path4:before {
    content: "\e960";
    margin-left: -4.6904296875em;
    color: rgb(226, 35, 26);
}

.npcc-npcc-white-logo .path5:before {
    content: "\e961";
    margin-left: -4.6904296875em;
    color: rgb(255, 255, 255);
}



@keyframes anim-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.spinner {
    display: inline-block;
    font-size: 4em;
    height: 1em;
    line-height: 1;
    margin: .5em;
    animation: anim-rotate 2s infinite linear;
    text-shadow: 0 0 .25em rgba(255,255,255, .3);
}

.spinner--steps {
    animation: anim-rotate 1s infinite steps(8);
}

.spinner--steps2 {
    animation: anim-rotate 1s infinite steps(12);
}

.logo-size {
    font-size: 1.5em;
}

.crc-size {
    font-size: 12em;
    color: #fff;
}


/*End of NPCC Logo Loading Msg*/



/***  Overriding Bootstrap
    Added by nebal on 26-02-2018
*/

/*.panel-heading {
    padding: 4px 10px !important;
    font-size: 14px;
}

.form-horizontal .control-label {
    font-weight: bold !important;
    font-size: 12px !important;
}

.form-control {
    padding: 3px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: 14px;
    height: 27px;
    background-color: #ffffcc;
}

.form-group .input-group .form-control {
    height: 32px;
}

.form-horizontal .form-group {
    margin-bottom: 3px !important;
    margin-left: 2px;
}

label {
    margin-bottom: 0px;
}

.form-horizontal .control-label {
    padding-top: 5px;
}

span.form-control {
    min-height: 27px;
}*/