@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);

body{ font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; font-size:14px; color:#484848; line-height:22px; letter-spacing: 0.02em; background:#f7f7f7 }
a{ color: #000; }
a:hover{ color: #575757; }
ul{ margin: 0px; padding:0px; list-style: none outside none; }:focus{  outline:0; /*removes the dotted border*/} a:focus, *:focus { noFocusLine: expression(this.onFocus=this.blur());}
ul, ol, dl {list-style-position: outside;}
img { -webkit-backface-visibility: hidden; max-width: 100%; height: auto;}
* { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
textarea{font-size: 15px!important;}
input, textarea, select{ border: 1px solid #dfdfdf; letter-spacing: 1px; font-size: 12px;  padding: 8px 15px; width: 100%; margin: 0 0 17px 0; max-width: 100%; resize: none; color:#484848 !important;}
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none;  border-radius: 0; }
input:focus, textarea:focus{ border: 1px solid #989898;}
input[type="submit"]:focus { border:none !important}
input[type=radio]{ transform:scale(1.2);}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height:20px !important;}
section { padding: 30px 0;}
.no-padding{padding:0 !important}.no-padding-right { padding-right:0px !important;}.no-padding-top { padding-top:0 !important}.no-padding-left { padding-left:0px !important;}.no-padding-bottom { padding-bottom:0 !important}
.no-padding-top-bottom{padding-top:0 !important; padding-bottom:0 !important  }
.no-margin{ margin:0 !important}.no-margin-top{ margin-top:0 !important}.no-margin-bottom{ margin-bottom:0 !important}.no-margin-left{ margin-left:0 !important}.no-margin-right{ margin-right:0 !important}
.tar{ text-align:right}.tal{ text-align:left}.tac{ text-align: center}.displaynone{ display:none}
.margin-bottom-20{ margin-bottom:20px;}.margin-top-100{ margin-top:100px;}.margin-top-20{ margin-top:20px;}
.border-top{ border-top:2px solid #CCC;}
.text-black{ color:#000;}
/*nav { width: 100%; z-index: 99; padding-top:15px;}
nav .container{ vertical-align: middle; height: 65px; position: relative;}
.logo { max-width: 280px; margin-top:0px; }
.logo-style-2 { max-width: 177px; }
.logo-style-3 { max-width: 210px; }*/
/*.shrink-nav .container { height: 60px; }
.shrink-nav { background-color:#FFF; border-bottom:1px solid #f5f5f5;}
.sticky-nav{  top: 0px; display: inline-table;}
.sticky-nav .logo-light { height: 55px; vertical-align: middle; display: table-cell;}
.shrink-nav .logo-light { opacity: 0; }
.sticky-nav .logo-dark {opacity: 0; }
.shrink-nav .logo-dark { height: 55px; vertical-align: middle; display: table-cell; opacity: 1}*/

footer{ background-color:#022742; color:#fff; text-align:center; padding:30px;}

/* Navigation */
nav { width: 100%; top: 0px; z-index: 99; background-color:#fff;}
nav .container{ display: table-cell; vertical-align: middle;  position: relative; }/*height: 80px;*/
.shrink-nav .container { height: 60px; }
.shrink-nav { background-color:#FFF; border-bottom:1px solid #f5f5f5;}
.sticky-nav{  top: 0px; display: inline-table;}/* position: fixed;*/
.logo { max-width: 211px; margin-top:0px; }
.logo-style-2 { max-width: 177px; }
.logo-style-3 { max-width: 210px; }
.sticky-nav .logo-light { height: 55px; vertical-align: middle; display: table-cell;}
.shrink-nav .logo-light { opacity: 0; display: none}
.sticky-nav .logo-dark {opacity: 0; display: none}
.shrink-nav .logo-dark { height: 55px; vertical-align: middle; display: table-cell; opacity: 1}
.mega-menu-full .mega-menu-column { margin: 0; }
.navbar-nav li a.active { border-bottom:2px solid #000}
.nav-white-bg { background-color:#fff !important;}
.black-bg { background: rgba(0,0,0,0.65)}
.nav-white.sticky-nav .navbar-nav li a { color: #ffffff; padding:10px;}
.nav-white.shrink-nav .navbar-nav li a { color: #ffffff}
.nav-white.sticky-nav .navbar-nav li a:hover, .nav-white.sticky-nav .navbar-nav > .open > a  { background-color:#F00;}
.nav-dark.shrink-nav .navbar-nav li a:hover, .nav-dark.shrink-nav .navbar-nav > .open > a { border-bottom-color: #fff !important}
.navbar-default .navbar-nav > li > a { color: #ffffff; padding:10px;}
.nav-dark-transparent.shrink-nav .navbar-nav li a:hover, .nav-dark-transparent.shrink-nav .navbar-nav > .open > a { border-bottom-color: #fff !important}
.navbar-fixed-top { top:71px !important;}
.navbar-fixed-top, .navbar-fixed-bottom { position: absolute!important;}

/* home new menu end */

.header-without-cart-search .dropdown-menu {right: 15px;}
.header-without-cart-search .dropdown.simple-dropdown .dropdown-menu { left: auto !important; right: 0 !important;}
.header-without-cart-search .navbar-right .dropdown-menu { left: auto; right: 15px;}
.navbar-right .dropdown-menu { right: 100px !important; }
.search-cart-header { float: right; letter-spacing: 1px; padding-top: 10px; }
.nav > li { display: block; margin: 0 12px 5px; }
.navbar-nav > li > a {font-size: 14px !important; letter-spacing: 0.5px;}
.navbar-nav > li.orn > a { font-size: 14px; letter-spacing: 0.2px; color:#f47321 !important}
.navbar-default .navbar-nav > li.orn > a:hover, .navbar-default .navbar-nav > li.orn > a.active { border-bottom: 2px solid #f47321 !important; }
.navbar-default .navbar-nav > .open.orn  > a,
.navbar-default .navbar-nav > .open.orn  > a:hover { border-bottom: 2px solid #f47321 !important;}
.dropdown-menu.ornc{ background-color:rgba(182,71,0,0.95);}
.navbar-nav.navbar-right:last-child { margin-right: 0px;}

header{background-color:#075797; padding:10px;}
.navbar{ float:left !important; background-color:#04345b;}
.dashbord-body{background-color:#FFF; border:1px solid #d2d2d2; border-radius:6px; padding:50px; width:76% !important; margin-top:50px; min-height:710px; }
.network-status-body{background-color:#FFF; border:1px solid #d2d2d2; border-radius:6px; width:97% !important; margin-top:50px; min-height:710px; }
.network-status-title{background-color:#005c97; padding:10px 10px 10px 20px; font-size:20px; font-weight:600; color:#fff; text-align:center; margin-bottom:30px; border-radius:4px 4px 0px 0px;}
.network-status-dbox {padding:2px;}
.network-status-dbox-title{padding:10px 10px 10px 20px; font-size:20px; font-weight:600; color:#000;}
.network-status-dbox-body{padding:5px 25px 10px 25px; }
.network-status-ldbox{background-color:#f3faff; border:1px solid #d5e3ed; border-radius:6px; padding:2px; margin-bottom:25px;}
.network-status-ldbox-title{background-color:#d5e3ed; padding:10px 10px 10px 20px; font-size:20px; font-weight:600; color:#000; border-radius:4px 4px 0px 0px;}
.network-status-ldbox-body{padding:10px 25px 10px 25px; }
.network-status-ldbox tr:nth-child(even) {border: 1px solid #e1e1e1; }
.network-status-btable th {cursor: pointer; background-color: #e5f3ff; }
.network-status-btable th select{ margin-bottom:0px !important;; }
.network-status-btable th, td { text-align: left; padding: 10px; /*border: 1px solid #ddd;*/ }
.network-status-btable tr:nth-child(even) { background-color: #f9f9f9; border: 1px solid #e1e1e1; }
/*.network-status-btable td:last-child { color:#FFF; }*/

.dashbord-con-box {background-color:#f3faff; border:1px solid #d5e3ed; border-radius:6px; padding:25px; font-size:20px;  margin-bottom:30px;  display:inline-block; width:100%;}
.dashbord-con-box:hover {background-color:#f9f9f9; border:1px solid #e1e1e1; border-radius:6px; padding:25px; font-size:20px;  margin-bottom:30px;  display:inline-block; width:100%; box-shadow: 0 0 11px rgba(33,33,33,.2);}
.dashbord-con-box .date{ color:#6c6c6c}
.dashbord-con-box .location-text{ border-top:1px solid #d5e3ed; padding-top:8px; margin-top:8px; font-size:14px;}
.dashbord-con-box h2{ font-size:21px !important; text-transform:capitalize; letter-spacing: inherit; margin-top:0px; margin-bottom:0px; color:#000; font-weight:600;}
.dashbord-con-box {background-color:#f3faff; border:1px solid #d5e3ed; border-radius:6px; padding:25px; font-size:20px;  margin-bottom:30px;  display:inline-block; width:100%;}
.dashbord-con-box:hover {background-color:#f9f9f9; border:1px solid #e1e1e1; border-radius:6px; padding:25px; font-size:20px;  margin-bottom:30px;  display:inline-block; width:100%; box-shadow: 0 0 11px rgba(33,33,33,.2);}
.dashbord-con-box .date{ color:#6c6c6c}
.dashbord-con-box .location-text{ border-top:1px solid #d5e3ed; padding-top:8px; margin-top:8px; font-size:14px;}
.dashbord-con-box h2{ font-size:21px !important; text-transform:capitalize; letter-spacing: inherit; margin-top:0px; margin-bottom:0px; color:#000; font-weight:600;}

.maintenance-left{  /*border-right:1px solid #dcdcdc;*/ height:941px; overflow-y: scroll;}
.maintenance-right .title-padd{ padding-left:15px; margin-bottom:15px; font-size:22px; font-weight:600; margin-bottom:20px; display:inline-block}
.maintenance-left-con-box{background-color:#f3faff; border:1px solid #d5e3ed; border-radius:6px; padding:15px 10px; font-size:20px;  margin-bottom:10px;  display:inline-block; width:95%;}
.maintenance-left-con-box:hover{box-shadow: 0 0 11px rgba(33,33,33,.2); background-color:#fafdff; cursor:pointer;}
.maintenance-left-con-box .left-con{ font-size:18px; padding-top:12px; line-height:28px;}
.maintenance-left-con-box .pie-chart{border-left:1px solid #d2d2d2; padding-left:22px;}

.maintenance-left-con-box-gray {background-color:#f9f9f9; border:1px solid #e1e1e1; border-radius:6px; padding:15px 10px; font-size:20px;  margin-bottom:10px;  display:inline-block; width:95%;}
/*.maintenance-left-con-box-gray {box-shadow: 0 0 11px rgba(33,33,33,.2); background-color:#fafdff;}*/
.maintenance-left-con-box-gray .left-con{ font-size:18px; padding-top:12px; line-height:28px;}
.maintenance-left-con-box-gray .pie-chart{border-left:1px solid #d2d2d2; padding-left:22px;}
.maintenance-left-con-box-gray.active{box-shadow: 0 0 11px rgba(33,33,33,.2); background-color:#fdfad4; border:1px solid #e4e1ba;}
.maintenance-left-con-box-gray.active:hover{box-shadow: 0 0 11px rgba(33,33,33,.5); cursor:pointer;}
.maintenance-left-con-box.active{box-shadow: 0 0 11px rgba(33,33,33,.2); background-color:#fdfad4; border:1px solid #e4e1ba;}
.maintenance-left-con-box.active:hover{box-shadow: 0 0 11px rgba(33,33,33,.5); cursor:pointer;}


/*.scrollbar { margin-left: 30px; float: left; height: 300px; width: 65px;  background: #F5F5F5; overflow-y: scroll; margin-bottom: 25px;}*/
#style-3::-webkit-scrollbar-track{/*	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ background-color: #f7f7f7;}
#style-3::-webkit-scrollbar{ width: 2px; background-color: #f7f7f7;}
#style-3::-webkit-scrollbar-thumb{ background-color: #e2e2e2;}

.maintenance-right h1{ font-size:27px; text-transform:capitalize; letter-spacing: inherit; margin-top:0px; margin-bottom:10px; color:#000; font-weight:600;}
.maintenance-right-left {  /*border-right:1px solid #dcdcdc;*/ height:750px; overflow-y: scroll;}
.maintenance-right ul { margin-top:20px;}
.maintenance-right ul .blue-title { background-color:#e5f3ff; font-size:16px; font-weight:600; color: #000; padding:10px 20px; margin-bottom:10px;}
.maintenance-right li { border-bottom:1px solid #f5f5f5; background-image:url(../images/arrow_gray.png); background-position:left top 8px; background-repeat:no-repeat; margin: 0 0 8px 0; padding:0px 5px 5px 15px; }
.maintenance-right li:last-child { border-bottom:0px; }
.maintenance-right .darkblue-title { background-color:#075790; font-size:16px; font-weight:600; color: #fff; padding:10px 20px; margin-bottom:-15px;}
.maintenance-right .red-title { background-color:#950101; font-size:16px; font-weight:600; color: #fff; padding:10px 20px; margin-bottom:-15px;}
.maintenance-right .remarks { border-top:2px solid #eeeeee; margin-top:30px; padding-top:22px;}

.home-4box {clear:both; display:block; padding-top:20px !important; margin-top:0px !important;}
.home-4box .container { width: 76% !important;}

.thead-blue{ background-color:#e5f3ff; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; padding:20px 0px; height:50px;}
.maintenance-table {}
.maintenance-table td, .maintenance-table th { padding: 0.75rem; border-top: 1px solid #dee2e6;}

.maintenance-table tbody tr:nth-of-type(odd){background-color:#f9f9f9;}


h2{ font-size:22px; color:#005c97; font-weight:700; text-transform:capitalize; letter-spacing: 0px; margin-top:0px;}
.custom-control-inline{ display:inline-flex;}
.col-form-label { text-align:right; padding-right:0px; }

input[type="radio"], input[type="checkbox"] { margin: 0px 10px 0px; margin-top: 1px \9; line-height: normal; width: auto;}
.form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem;}
.form-group-title{ background: #e5f3ff; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:16px; font-weight:600; padding-top:10px; padding-bottom:10px;
text-align:center; margin-left: -15px; margin-right: -15px; margin-top:30px;}
.form-group { margin-bottom:0px; padding-top:10px; padding-bottom:3px;}
.form-group:nth-child(2n) { border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; } 
.form-group  label{ margin-bottom:0px;}
.form-group  textarea{ height:140px;}

.multi_step_form #msform {  position: relative; padding-top: 20px; min-height: 820px; height: auto; /*max-width: 820px;*/ margin: 0 auto; background: #ffffff; z-index: 1; }
.multi_step_form #msform fieldset { border: 0; padding: 0px 20px ; position: relative; width: 100%; left: 0; right: 0; }
.multi_step_form #msform fieldset:not(:first-of-type) { display: none; }
.multi_step_form #msform .action-button { background: #014bae; color: white; border-radius: 5px;  min-width: 130px; font: 700 14px/40px "Open Sans", sans-serif; border: 1px solid #014bae; margin: 50px 10px 10px 10px;
text-transform: uppercase; display: inline-block; text-align:center; }
.multi_step_form #msform .action-button:hover, .multi_step_form #msform .action-button:focus { background: #000000; border-color: #000000;}
.multi_step_form #msform .previous_button { background: transparent; color: #99a2a8; border-color: #99a2a8; margin-left:40%; margin-top:50px;}
.multi_step_form #msform .previous_button:hover, .multi_step_form #msform .previous_button:focus { background: #000000; border-color: #000000; color: #fff; }
.multi_step_form #msform #progressbar { margin-bottom: 30px; overflow: hidden; margin-left:20%;}
.multi_step_form #msform #progressbar li { list-style-type: none; color: #99a2a8; /*  width: calc(100%/3);*/ width: auto; float: left; position: relative;  width: auto; display: block; background: #eaf0f4 !important;  font-size:16px; font-weight:600; margin:5px 20px 10px 0px; padding:10px 20px 10px 20px; }
.multi_step_form #msform #progressbar li:after { content: ''; width: 100%; height: 4px; background: #eaf0f4; position: absolute; left: -50%; top: 20px; z-index: -1; }
.multi_step_form #msform #progressbar li.active { color: #ffffff; background: #02386c !important; }
.multi_step_form #msform #progressbar li.active:before, .multi_step_form #msform #progressbar li.active:after { background: #02386c; color: white; }
.pssc-headertoprighttitle { font-size:26px; color:#012c8b; font-weight:600; margin-top:15px; text-align:right;}
.pssc-projectboxbg{ color:#FFF;background: #16c4cd; /* fallback for old browsers */ background: -webkit-linear-gradient(to left, #16c4cd , #2f77cd); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #16c4cd , #2f77cd); padding: 25px 15px 25px 15px; color:#FFF; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
.pssc-projectboxbg .col-form-label{ color:#FFF !important; padding:10px 0px 0px 0px; font-size:16px;}
.pssc-projectboxbg .form-group{ border:0px; padding-bottom:0px;}
.pssc-projectboxbg .form-control{ border-radius:0px; height:40px; padding:10px 15px !important; width:500px !important; text-align:left !important; font-size:16px; line-height:28px;}
.pssc-projectboxbg .font22{ font-size:22px; font-weight:600;}
.pssc-locationstrip{ padding:15px; text-align:center; background-color:#175da0; border-top:1px solid #023f79; font-size:20px; font-weight:600; color:#FFF; }
.continuebtnpad{ margin-left:50% !important;}
.pssc-projectboxbg .pssc-projecttitle{ text-align:center; font-size:22px; line-height:28px; font-weight:600;}

/*-------------return-to-top---------------*/
#return-to-top{}
/*#return-to-top { position: fixed; bottom: 15px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 30px; height: 30px; display: block; text-decoration: none; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:99999;}*/
#return-to-top i { color: #fff; margin: 0; position: relative; left: 10px; top: 2px; font-size: 12px; -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#return-to-top:hover { background: rgba(0, 0, 0, 0.9);}
#return-to-top:hover i { color: #fff; top: 5px;}
.ora_gradient{ color:#FFF; background: #ff684a; /* fallback for old browsers */background: -webkit-linear-gradient(to left, #ff684a , #f2a537); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #ff684a , #f2a537); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
.tac{ text-align:center !important}
/*-------------return-to-top end---------------*/
.logout-btn{ padding:5px 20px; font-size:14px !important; background-color:#000; color:#FFF; border-radius:4px;}
.logout-btn:hover{ background-color:#014bae; color:#FFF; }
.input-btn{ padding:10px 20px !important; font-size:14px !important; background-color:#000; color:#FFF !important; border-radius:4px !important; border:0 !important; width:auto !important;}
.input-btn:hover{ background-color:#014bae; color:#FFF; }
.form-group .input-btn { margin-top:-10px;}
.blue-text-btn{padding:7px 25px; font-size:14px !important; background-color:#005c97; color:#FFF; border-radius:24px;}
.blue-text-btn:hover{background-color:#000; color:#FFF; }
#img_div li {background-image: none!important;}