﻿body {
    background-color: #a1d264 !important;
    color: white;
    font-family: 'Open Sans', sans-serif;
}
label { color:black;}
/*#AEDC74  #a1d264 */
.body-content {
    background-color: #a1d264;
    color: darkgreen;
}
.navbar-fixed-top {
    background-color: #76C700 !important;
    border-bottom: none;
    border-bottom: 1px solid #437003;
}
.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: #437003;/*dark green*/
}
.dropdown-menu {
    background: #437003;
}
.dropdown-menu > li > a {
    color: white;
    background-color: #437003;
}
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: #52BB00;
        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: #437003;
}

/*Nav tab style*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #437003;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #52BB00;
}

.top_banner_bg {
    background: hsl(220, 93%, 6%) url("./images/top_banner.jpg") no-repeat fixed 0 0 / cover;
    height: 700px;
}
.whychoose { color:#436c09;}

.loginbox {
    border-color: #fff;
    border-image: url("images/br1-w.png");
    border-image-slice: 60;
    border-image-width: auto;
}
.error {
    color: red
}

.text-danger {
    background: red;
    color: white;
    padding: 0px 5px;
}

.text-danger.field-validation-valid {
    padding: 0px;
}


.btn-theme, .btn-primary {
    color: white;
    background-color: #52BB00;
    text-shadow: 1px 1px 1px hsl(0,0%,0%);
    border: none;
}
    .btn-theme:hover, .btn-primary:hover, .btn-theme:focus, .btn-primary:focus, .btn-primary[disabled]:hover {
        background-color: #437003;
        color: white;
        text-shadow: 0px 0px 0px hsl(0,0%,0%);
    }
.btn-primary {
    border: 1px solid #437003;
}

#api {
    color: darkgreen;
    background-color: #E5F68E;
}
#help {
    background-color: #AEDC74;
    color: darkgreen;
}

.footer {
    background-color: #437003;/*dark green*/
    color: white;
}

.AjaxLoader {
    background-color: #437003;
    opacity: 0.5;
}

.form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    color: darkgreen;
    background-color: #c0eb89; /*#E5F68E;*/
    border: 1px solid #76C700;
}
    .form-control[readonly], .form-control[disabled] {
        background-color: #AEDC74;
        border: 1px solid;
    }
    .form-control.input-validation-error {
        background-color: pink;
        border: 1px solid red;
    }
    .panel-default {
        background-color: #AEDC74;
        border: 1px solid #76C700;
    }
.panel-default > .panel-heading {
    color: white;
    background-color: #437003; /* #76C700;*/
    border:none;
}
    .panel-default > .panel-body {
        background-color: #AEDC74;
        border:none;
    }
.tblhead {
    background-color: #437003;
    color:white;
}
.modal-content {
    background-color: #AEDC74 !important;
}
.modal-header {
    background-color: #76C700;
    color: white;
    border-bottom-color: #437003;
}
.panel-body { border:1px solid white;}
.modal-footer {
    border-top-color: #76C700
}

/*DateTime Picker Dark Theme*/
.bootstrap-datetimepicker-widget.dropdown-menu {
    color: white;
    background-color: #437003;
}

.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: #76C700;
    color: white;
}

.e-spinner-pane {
    background-color: #437003;
    opacity: 0.5;
}
.e-grid .e-gridfooter {
    background-color: #437003;
    color: white;
}
/*Page Style*/
.stat-box {
    background-color: #76C700;
}
.stat-box span {
    background-color: #437003;
}