@charset "utf-8";
/* CSS Document */

/*@font-face{src:url(../fonts/Rambla-Regular.ttf) format('truetype');
font-family:'rambla';}
*/
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}
.thead-label{background-color:#f2f1f6;}
.thead-search{border-bottom: none !important;padding: 1px 0px !important; border-radius:0px !important; background-color:#e0dfe1;}
.row{margin:0px ;}
.margine-0{margin:0px !important;}
.padding-0{padding:0px !important;}
body{font-family:"sans-serif",Arial,Helvetica,sans-serif !important;font-size:12px;color:#000;}
.my-container{width:100%; margin:auto;}

.slider-wrapper{padding: 1em 0em ;}
.slider{width:86%; margin:auto;}
.slider-img{height:500px !important;width:100%;}
/*---------------- Header Area--------------------*/
.header-top{padding: 7px 0px 7px;}
.header-top_left {
    /*float: left;*/
}
.header-top_right {
    float:right;
    margin-top: 0.6em;
  /*  width: 33.33%;*/
}
.header-top_right  p{color:#e31837; margin:0px;font-size:14px;}
.logo-img{width:9%;float:left;}
/*Bootstrap Reset*/
.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
}
.mainmenu {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
	border: 0px !important;
}
.navbar-nav > li:last-child > a {
    padding-right: 0px;
    margin-right: 0px;
}
.dropdown-menu {
    padding: 0px 0; 
    margin: 0 0 0; 
    border: 0px solid transition !important;
	border: 0px solid rgba(0,0,0,.15);	
	border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
}
.dropdown-menu > li > a {color:#fff; padding: 5px 10px 5px 10px;}


/*=-====Main Menu=====*/
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;}
.navbar-nav .open .dropdown-menu > li > a {
  /*  padding: 16px 15px 16px 25px;*/
}
.header_bottom { background: #e31837; }
.header_area .header_bottom .mainmenu a , .navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    padding: 5px 11px 5px 13px;
	
}
.header_area .mainmenu .active a,
.header_area .mainmenu .active a:focus,
.header_area .mainmenu .active a:hover,
.header_area .mainmenu li a:hover,
.header_area .mainmenu li a:focus ,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #fff;
    background:#535353;
	/*border:1px solid #fff; background:none;*/
    outline: 0;
}
/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle { border-color: #fff } /*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar { background-color: #fff } /*Toggle Button*/

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background:#535353;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background: #333;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #333;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#535353;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#535353;}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#535353}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li{position:relative;}
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
/*-------------------- Breadcrumbs ---------------------*/
.breadcrumb-grid{padding:0px 0px; background-color:#f2f1f6;}
.breadcrumb{margin:0px 0px 0px;background-color:#f2f1f6;/*font-size:15px;*/ padding: 3px 0px;}
.breadcrumb li{color:#333;}
.breadcrumb > .active {
    color: #333;
}
.breadcrumb li a{color:#e31837;font-size:13px;}
/*-----------------------ustom classes -------------------*/
.cl-cust{ padding-right:0px; padding-left:0px;}
.cinput-cust{ padding-right:0px; padding-left:3px;}
.tg-full-form{text-align:right; font-size:11px;color:#e31837;}
/*---------------- Forms ---------------------*/
.form-control {border-radius:0px; height:25px; padding:3px 12px;font-size: 12px;}
.form-control-radio {padding:3px 0px 3px 15px;}
.form-horizontal .form-group{margin:0px 0px 7px 0px;}
.form-box{background-color:#F7F7F9;padding:25px 15px 5px 15px; margin:10px auto 0px;}
.form-horizontal .control-label { padding-bottom: 4px;color:#666;padding-right:15px;}
.panel-danger > .panel-heading {
    color: #333333;background-color: #f2f1f6;border-color: #c5c5c7;}
.panel-danger {border-color: #c5c5c7;
 -moz-border-radius: 4px;
  border:1px solid #ddd;
 /* margin-top: 20px;
  margin-left: 50px;*/
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);}

.control-label.col-md-5,.control-label.col-md-4 {
    padding-right: 0px;
}
.panel-title {font-size:15px;}
.panel-body h5 {font-size:14px; margin:7px 0px 0px; text-align:left; padding-left:10px;}
.panel-body h6 {font-size:15px; margin:0px 0px 9px; text-align:left; color:#e31837;}

input.sicon::-moz-placeholder {
    font-family: 'FontAwesome';
    font-family: fontAwesome;
    content: '\f002';
    color: #666666; font-size:11px;
}
input.sicon::-webkit-input-placeholder {
    font-family: 'FontAwesome';
    font-family: fontAwesome;
    content: '\f002';
    color: #666666; font-size:11px;
}
input.sicon::-ms-input-placeholder{
    font-family: 'FontAwesome';
    font-family: fontAwesome;
    content: '\f002';
    color: #666666; font-size:11px;
}

/*---------------- middle section form -----------------*/
.form-wrapper{padding:.8em 0em 1em; min-height:590px;}

.form-wrapper h4{margin:5px 0px 0px 0px; }
.panel-heading {/*padding: 20px 15px;*/padding: 6px 15px;}

.form-wrapper textarea {resize:none; }
/*.form-wrapper input[type="submit"]:hover {background:#333333;}
.form-wrapper input[type="reset"]:hover {background:#333333;}*/
.d-button{border: none;
padding: 4px 11px;
font-size: 13px;
outline: none;

background: #e31837;
color: #fff;
border-radius: 2px;
margin-left: 10px;}
.d-button:hover{color:#fff !important;background:#333333; }
/*.form-wrapper input[type="reset"] {
  border: none;
padding: 0.2em 0em;margin-top:10px;
font-size: 15px;
border-radius: 5px;
outline: none;
font-weight: 600;
letter-spacing: 1px;
background: #e31837;
color: #fff;
width: 5%; margin-left:10px;
}
.add-query{padding: 6px 15px;
background-color: #e31837;
border-radius: 5px;
float: right;
border: none;
margin: 0px 0px 10px 0px;
color: #fff;
font-size: 15px;}*/
.add-query{font-size:14px;}
.add-query:hover{color:#e31837;}

/*--------------------------- data table -------------------------------*/
.t-date-width{width:82px !important;}
.t-sr-width{width:40px !important;}
.t-rwup-width{width:80px !important;}
.t-rwup-throttle{width:70px !important;}
.t-rwup-speed{width:70px !important;}

/*--------------- User dashboard —--------------------*/
.t-report{width:45%;}
.nav-tabs { border-bottom:none !important; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #ffffff;background: #e31837; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none;  color: #e31837 !important; background: #fff; }
.nav-tabs > li > a::after { content: ""; background: #e31837; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: ##5a4080 none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:5px}
.nav-tabs > li  {width:12%; text-align:center;}
.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }
.nav > li > a {padding:2px 15px;font-size:14px;}
/*-----------------field failure directory---------------------*/
.ffd-menu{margin-top:6px;padding: 0px 5px 0px 5px;}
.ffd-content{margin-top:6px;padding: 0px 5px 0px 5px;}
.ffd-heading{background-color:#f2f1f6 !important;}
.ffd-list{padding:5px;}
.list-group-item{padding: 5px 15px;}
.list-group-item a{color:#e31837;padding-left: 5px; font-weight:bold;font-size: 13px;}
.list-group i{font-size:13px;margin-right:3px;}

 #accordion .glyphicon { margin-right:6px; }
      .panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
      .panel-collapse>.list-group .list-group-item {border-width: 1px 0;}
      .panel-collapse>.list-group {margin-bottom: 0;}
      .panel-collapse .list-group-item {border-radius:0;}

      .panel-collapse .list-group .list-group {margin: 0;margin-top: 10px;}
      .panel-collapse .list-group-item li.list-group-item {margin: 0 -15px;border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 35px;}
      .panel-collapse .list-group-item li.list-group-item:last-child {padding-bottom: 0;}

      .panel-collapse div.list-group div.list-group{margin: 0;}
      .panel-collapse div.list-group .list-group a.list-group-item {border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}
      .panel-collapse .list-group-item li.list-group-item {border-top: 1px solid #DDD !important;}

/*-----------------------------------*/

@media all and (max-width:724px){
.nav-tabs > li > a > span {display:none;}	
.nav-tabs > li > a {padding: 5px 5px;}
}

/*---------------- Contact -----------------*/
.contact-detail{margin-bottom:20px; padding-left:0px;}
.contact-detail h2{color:#000; font-size:25px;}
.contact-detail p{font-size:18px; margin-bottom:5px;}
.contact-detail span{margin:0px 0px 0px 0px;width: 40px;font-size:1.1em;color: #e31837;}

/*-------------------- Footer ----------------------*/
.footer-grid{padding:.5em 0em;background-color:#535353;text-align:center;}
.footer-grid p{color:#fff;font-size:13px;margin:0px;}


/*------------------- Responsive ------------------*/
@media (max-width: 1366px) {
.d-button{margin-left:0px;}	
}
@media (max-width: 1166px) {
.nav-tabs > li {width:13%;}
.slider-img{height:400px !important;width:100%;}
.d-button { padding: 4px 9px;}
}
@media (max-width: 1024px) {
.logo-img { width: 11%;}
.nav-tabs > li {width:14%;}
}
@media (max-width: 980px) {
.slider-img{height:300px !important;width:100%;}
.nav-tabs > li {width:15%;}
}
@media (max-width: 800px) {
.logo-img { width: 12%;}
.slider-img{height:300px !important;width:100%;}
.nav-tabs > li {width:18%;}
.t-date-width {width: 15% !important;}
}
@media (max-width: 767px) {
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {  color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color:transparent;}
}
@media (max-width: 768px) {
.contact-detail {padding-left: 30px;}
.c-d{padding-bottom:25px;}
.nav-tabs > li {width:20%;
}
}
@media (max-width: 750px) {
.navbar-nav {margin:0px 0px !important;}
}
@media (max-width: 640px) {
.logo-img { width: 15%;}	
.navbar-nav {margin:0px 0px !important;}
}
@media (max-width: 360px) {
.contact-detail {padding-left: 20px;}
.contact-detail p{font-size:17px;}
.logo-img {
    width: 200px;
    height: 40px;
}	
}
@media (max-width: 320px) {
.logo-img {width: 180px;height: 38px;}	
}