﻿body {
    background-color: #580358 !important;
    color: white;
    font-family: 'Open Sans', sans-serif;
    background: #580358 url(./images/sliderbg.png) center center repeat-y;
}
/*#AEDC74  #a1d264 /*background-color: #a02ea0;  background: #6d0b45 url(./images/sliderbg.png) center center repeat-y;*/
/*background-color: #6d0b45;*/
.body-content {
    
    color: #fff;
   
}
.navbar-fixed-top {
    background-color: #753680 !important;
    border-bottom: none;
    border-bottom: 1px solid #000;
}
.nav > li > a {
    color: #fff !important;
    font-weight: normal;
}
/*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: #753680;
}
.dropdown-menu {
    background: #753680;
}
    .dropdown-menu > li > a {
        color: white;
        background-color: #753680; /*#753680;*/
    }
        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background-color: #821e58;
            color: #f9c68a;
        }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #753680;
}

/*Nav tab style*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #753680;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #753680;
}

.logoimg {
    background-color: #f4c7f9;
}

.top_banner_bg {
    background: hsl(220, 93%, 6%) url("./images/top_bannerv.jpg") no-repeat fixed 0 0 / cover;
    height: 700px;
}
.whychoose { color:#fff; }

.loginbox {
    background-color: rgba(225, 225, 225,0.3);
    border: 1px solid #821e58;
}

@media (min-width: 768px) {
}

    .error {
        color: red
    }
.text-danger {
    background: red;
    color: white;
    padding: 0px 5px;
}
.text-danger.field-validation-valid { padding:0px;}
.text-danger.field-validation-error, .text-danger.validation-summary-errors {
    color: #b30704;
}
.form-control.input-validation-error {
    border: 1px solid #fd0404;
    background-color: #d86060;
}

.btn-theme, .btn-primary {
    color: #f9c68a;
    background-color: #682673;
    text-shadow: 1px 1px 1px hsl(0,0%,0%);
    border: 1px solid #fcb6fc;
}

.btn-theme:hover, .btn-primary:hover,.btn.btn-theme:active, .btn.btn-primary:active, .btn-theme:focus, .btn-primary:focus, .btn-primary[disabled]:hover {
background-color: #821e58;
color: white;
border: 1px solid #f9c68a;
}

.btn-primary {
    border: 1px solid #cd76dc;
}


#api {
    background-color: #c4aec8;
    color: #4e002d;
}

#help {
    background-color: #4a1b52;
    color: #FFF;
}

#adminlogin .text-danger {
    color: red;
    background-color: #6f1212;
}

.footer {
    background-color: #4a012b;
    color: white;
}

.AjaxLoader {
    background-color: #821e58cc;
    opacity: 1.0;
}

    #numDiv {
    border: 1px solid #753680;
    background-color: #5c3b5c;
    /*background-color: #560556;*/
    }

    #numDiv #PhoneNo, #msgPanel #Message {
    background-color: #560556;
    color: white;
    }

#groupList, #mobNumberList {
    background-color: #560556;
}

.form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    color: #000;
    background-color: #d2cfd2; /*#ecb7ec #d2cfd2*/
    border: 1px solid #454c49;
}

    .form-control[readonly], .form-control[disabled] {
        background-color: #ab8fab;
        border: 1px solid;
        box-shadow: none;
    }

.panel-default {
    background-color: #934d9e;
    border: 1px solid #481d50;
    border-radius: 8px;
}

    .panel-default > .panel-heading {
        color: white;
        background-color: #753680; /* #303E51;*/
        border: none;
        border-bottom: 1px solid black;
    }

    .panel-default > .panel-body {
        background-color: #934d9e;
        border: none;
    }

    .tblhead {
        background-color: #753680;
        color: white;
    }

.modal-content {
    background-color: #96669e !important;
}

    .modal-header {
        background-color: #753680;
        color: white;
        border-bottom-color: #344965;
    }

    .panel-body {
        border: 1px solid white;
    }

    .modal-footer {
        border-top-color: #753680
    }

    /*DateTime Picker Dark Theme*/
    .bootstrap-datetimepicker-widget.dropdown-menu {
        color: white;
        background-color: #753680;
    }

    .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: #753680;
        color: white;
    }

    .e-spinner-pane {
        background-color: #753680;
        opacity: 0.5;
    }

    .e-grid .e-gridfooter {
        background-color: #753680;
        color: white;
    }
    /*Page Style*/
.stat-box {
    background-color: #9a75a0;
}

    .stat-box span {
    background-color: #753680;
    }