body {
    background-color: #3f516a !important;
    color: white;
    font-family: 'Open Sans', sans-serif;
}
/*#AEDC74  #a1d264 */
.body-content {
    background-color: #3f516a;
    color: #fff;
}
.navbar-fixed-top {
    background-color: #2a3f54 !important;
    border-bottom: none;
    border-bottom: 1px solid #000;
}
.nav > li > a {
    color: #ffffff !important;
}
/*Active Link */
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: white;
    background-color: #081F36;
}
.dropdown-menu {
    background: #081F36;
}
    .dropdown-menu > li > a {
        color: white;
        background-color: #081F36;
    }
        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background-color: #3F516A;
            color: white;
        }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #081F36;
}

/*Nav tab style*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #081F36;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #204469;
}

.top_banner_bg {
    background: hsl(220, 93%, 6%) url("./images/top_banner.jpg") no-repeat fixed 0 0 / cover;
    height:700px;
    }
.logoimg {
    background-color: #2a3f54;
}
.whychoose { color:#fff;}

.loginbox {
    background-color: rgba(47, 47, 71, 0.7);
    /*border-style: dotted;*/
    /*border-image: url("images/br1-w.png");*/
    border:none;
    border-image-slice: 60;
  
}

.error{
    color:red
}
.text-danger {
    background: red;
    color: white;
    padding: 0px 5px;
}
.text-danger.field-validation-valid {
    padding: 0px;
}
 
.form-control.input-validation-error {
    border: 1px solid #fd0404;
    background-color: #d86060;
}

.btn-theme, .btn-primary {
    color: white;
    background-color: #356392; /* #081F36*/
    text-shadow: 1px 1px 1px hsl(0,0%,0%);
    border: 1px solid #081F36;
}
    .btn-theme:hover, .btn-primary:hover, .btn-theme:focus, .btn-primary:focus, .btn-primary[disabled]:hover {
        background-color: #4b7bab;
        color: white;
        text-shadow: 0px 0px 0px hsl(0,0%,0%);
    }
.btn-primary {
    border: 1px solid #081F36;
}


#api {
    color: #081F36;
    background-color: #b5b7b6;
}
#help {
    background-color: #4e565e;
    color: white;
}

.footer {
    background-color: #081F36;
    color: white;
}

.AjaxLoader {
    background-color: #303E51;
    opacity: 0.9;
}

#numDiv {
    border: 1px solid #081F36;
    background-color: #93a9c9;
}



.form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    color: #000;
    background-color: #a4bde2; /* bigtext:#7486a0  #93a9c9 #e4efff #B4CAE8 #93a9c9  dull #7486a0  light #93a9c9 */
    border: 1px solid #454c49;
}
    .form-control[readonly], .form-control[disabled] {
        background-color: #7486a0;
        border: 1px solid;
        box-shadow: none;
    }
.panel-default {
    background-color: #5B6D88;
    border: 1px solid #081F36;
}
    .panel-default > .panel-heading {
        color: white;
        background-color: #081f36; /* #303E51;*/
        border: none;
    }
    .panel-default > .panel-body {
        background-color: #5b6d88;
        border: none;
    }
#msgPanel .panel-body {
    background-color: #93a9c9;
}
.tblhead {
    background-color: #081F36;
    color: white;
}
.modal-content {
    background-color: #303E51 !important;
}
.modal-header {
    background-color: #081F36;
    color: white;
    border-bottom-color: #344965;
}
.panel-body { border:1px solid white;}
.modal-footer {
    border-top-color: #081F36
}

/*DateTime Picker Dark Theme*/
.bootstrap-datetimepicker-widget.dropdown-menu {
    color: white;
    background-color: #081F36;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover,
.bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background-color: #081F36;
    color: white;
}

.e-spinner-pane {
    background-color: #081F36;
    opacity: 0.8;
}
.e-grid .e-gridfooter {
    background-color: #081F36;
    color: white;
}
/*Page Style*/
.stat-box {
    background-color: #303E51;
}
.stat-box span {
    background-color: #081F36;
}