body{font-family:Arial !important;}
* {box-sizing: border-box;}
 header {background:#211a14;    margin-bottom: 20px; }
.logo {padding-top:10px;padding-bottom: 10px;}
.admintxt {
    font-family: Arial;
    font-size: 20px;
    color: #fff;
}
.overlay {position: fixed;z-index: 98; top: 0px;left: 0px;right: 0px;bottom: 0px;background-color: #aaa;filter: alpha(opacity=80);opacity: 0.8;display:none}
.bgtoolbar {padding:10px 0;color:#fff; font-size:12px;float:right;}
.bgtoolbar a,.bgtoolbar a:hover{color:#fff;}
.navbar {background: #000;   margin-bottom: 0; }
.textboxwraper {padding:25px 0 0 0;clear:both;}
.textboxwraper input{width:140px;font-family:Arial;color:#6a5749;text-align: center;display: inline;margin-left: 2px;float:right;font-size: 12px;height: inherit;}
.copyrighttxt { border-top: 5px solid #E1C10C;font-size: 12px;color: #fff;text-align: center;background:#211a14; padding: 5px 0;}
.userbox{background: #FFF4E0;color: #F8B500;border: 1px solid #F8B500;border-radius: 3px; padding: 10px;font-size: 12pt;/*display: inline-block;width: 250px;*/margin-top: 10px;font-weight: bold;text-transform: capitalize;font-family: Arial;}
.opencom{background-color: #00ADB5; color:#FFF4E0; border: 1px solid #007F85;border-radius: 3px;padding: 10px;font-size: 15pt;display: inline-block; width:90%; margin:10px 0 0 0; font-weight:normal;}
.closecom{background-color: #FC3C3C; color:#FFF4E0; border: 1px solid #C93030;border-radius: 3px;padding: 10px;font-size: 15pt;display: inline-block; width:90%; margin:5px 0 0 0; font-weight:normal;}
.othercom{color:#FFF4E0; border-radius: 3px;padding: 5px;font-size: 10pt;display: inline-block; width:25%; margin:3px 0 0 0; font-weight:normal;}
.othercolor1{background-color: #393E46; border: 1px solid #2A2D33;}
.othercolor2{background-color: #4BA47E; border: 1px solid #347358;}
.othercolor3{background-color: #E5963C; border: 1px solid #9E6829;}
a.complaint{color: #FFF4E0;text-decoration: none;}
a.complaint:hover{color: #FFF4E0;text-decoration: underline;}
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 20px;display: none;}
.navbar-toggle{background: #fff;}
.navbar-toggle .icon-bar{background: #333;}
.navbar {border-radius:0;border:none;}
.navbar-nav>li>a{color:#fff;cursor: pointer;padding-left: 12px;padding-right: 12px;}
.navbar-nav>li>a:hover{color:#333;}
.navbar-nav > li:hover > .dropdown-toggle { background: #eee; color: #333;}
.navbar-nav li.dropdown-submenu:hover > .dropdown-toggle { background: #211a14; color: #fff;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {color: #333;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{color: #fff;text-decoration: none; background-color: #211a14;}
/*.nav .open ul li a.dropdown-toggle {background-color: #333;color: #fff;}*/
.nav .open ul li > a:focus, .nav .open ul li > a:hover{background-color: #333;color: #fff;}
/*---Login Page-----*/
.loginbody {height: 100%;width: 100%;position: absolute;background:#000000;}
.login-form {width: 340px;margin: auto;padding: 40px 0 30px;}
.loginlogo {text-align: center;padding-bottom: 60px; z-index:1000; position: relative;}
.login-form form {color: #eee;border-radius: 2px;margin-bottom: 15px;font-size: 13px;background: rgba(85, 85, 85, 0.70);box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);padding: 30px;position: relative;}
.login-form .avatar {position: absolute;margin: 0 auto;left: 0;right: 0;top: -50px;width: 95px;height: 95px;border-radius: 50%;z-index: 9;background:#e2c22d;padding: 15px;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
.login-form .avatar img {width: 100%;}
.login-form h2 {font-size: 22px;margin: 35px 0 25px;}
.login-form .form-control {min-height: 41px;background: #fff;box-shadow: none !important;border-color: #e3e3e3;}
.login-form .btn {color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.login-form .btn:hover, .login-form .btn:focus {background: #983634;outline: none !important;}
.sareelist{padding:5px;}
.sareelist p{font-size:12px;line-height:20px;margin:0;}
.PadTB5{padding-bottom:5px;padding-top:5px;}
.MarB10{margin-bottom:10px;}
.MarT20{margin-top:20px;}
.MarT25{margin-top:25px;}
.MarT0{margin-top:0;}
.MarT0{margin-top:0;}
.MarB0{margin-bottom:0;}
.MarL0{margin-left:0 !important;}
.MarR0{margin-right: 0 !important;}
.MarR10{margin-right: 10px !important;}
.detaillist .col-md-3 .panel-default > .panel-heading{font-size:12px;}
.PadB10{padding-bottom:10px;}
.PadB5{padding-bottom:5px;}
.PadT10{padding-top:10px;}
.PadT20{padding-top:20px;}
.PadT8{padding-top:8px;}
.PadT5{padding-top:5px;}
.PadL0{padding-left: 0 !important;}
.PadR0{padding-right: 0 !important;}
.pointer{cursor:pointer;}
.btn-info {color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.btn-info:hover {background-color: #c9302c;border-color: #ac2925;}
.btn-info.focus,.btn-info:focus {background-color: #c9302c;border-color: #ac2925;color: #fff;}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover{background-color: #c9302c;border-color: #ac2925;color: #fff;}
.priceschemelist {height: 200px;overflow: auto;font-size: 12px;}
.priceschemelist input{margin-right:5px;}
.PadL10{padding-left:10px;}
@media only screen and (min-width: 768px) {
    ul.nav li:hover > ul.dropdown-menu {display: block;}
}
@media (min-width: 992px) {
.detaillist .col-md-3{width:25%;float:none;display:inline-block;margin:0 -2px;vertical-align: top;}
}
@media screen and (max-width: 767px) {
    .logo {padding:5px 0;}
    .textboxwraper {padding: 5px 0 0 0;}
    .textboxwraper input {width: 49%;margin: 0;}
    .logo{text-align:center;}
    .dropdown-menu > li > a {color: #fff;}
    .login-form {width: 300px;}
    ul.dropdown-menu ul.dropdown-menu a {padding-left: 35px !important;}
}