@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Regular.woff') format('woff'),
		url('../fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Light.eot');
	src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Light.woff') format('woff'),
		url('../fonts/Roboto-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}


*{ box-sizing:border-box;}
body, html{font-family: 'Open Sans', sans-serif !important; background:#eeeeee;}
input, button, select, textarea, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{ font-family: 'Open Sans', sans-serif !important;}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4{font-family: 'Open Sans', sans-serif !important;}
a{ text-decoration:none;}
a:hover{ color:#0d1f4f !important;}
.loginOuter{ background-size:cover; float:left; width:100%; position:relative;}
.logo{ float:left; margin-left:30px; margin-top:30px;}
.logo a{ font-family: 'Montserrat', sans-serif; font-size:27px; color:#fff; }
.headerNav{ float:right; margin-top:30px; margin-right: 10px;}
.headerNav ul{ margin:o; padding:0;}
.headerNav ul li{ list-style:none; float:left; padding:8px 15px; transition:all 0.6s;}
.headerNav .navInner li{ background:#62c6f2; border-radius:30px;}
.headerNav .navInner li:first-child{  margin-right:10px;}
.headerNav ul li:hover{ background:rgba(0,0,0,0.1); transition:all 0.6s;}
.headerNav ul li:hover a{ text-decoration:none;}
.headerNav ul li a{ color:#fff; font-size:14px;}
.headerNav ul li a img{ margin-right:3px;}
.loginBox{ width:100%; margin:auto; float:left; text-align:center;}
.loginInner{ background:#fff; box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); width:450px; padding:30px; display:inline-block; border-radius:10px; margin-top:8%;} 
.loginBox h2{color: #aaa; font-size: 30px; padding-bottom: 20px; margin: 0; font-weight:300; letter-spacing:3px;}
.icons{ display:inline-block; margin-top:30px;}
.icons img{ float:left; padding:0 10px;}
.loginBelow{ font-size:12px; margin-top:10px; color:#636363;}
.email{}
.email img{ margin-right:5px;}
.password, .email{ text-align:left;}
.password img{ margin-right:5px; }
.forgotPswd{ float:right; font-size:11px; color:#636363; margin-top:5px; cursor:pointer;}
.loginBox .button{ background:#0d1f4f; padding:8px 25px; border-radius:4px;  display:block; margin:40px auto; width:40%; transition:all 0.6s;}
.button:hover a{ text-decoration:none;}
.button:hover{ background:#777777; transition:all 0.6s;}
.button a{ color:#fff;}
.loginBox input{ border:none; border-bottom:1px solid #636363; width:100%;}
.footerNav{ float:left; margin-left:30px; display:none;}
.footerNav ul{ margin:o; padding:0;}
.footerNav ul li{ list-style:none; float:none; padding:10px 20px; display:inline-block;transition:all 0.6s;}
.footerNav ul li a{ color:#000; font-size:14px;}
footer .copyright{ text-align:center;}
header{ margin-bottom:100px;}
footer{ float:left; width:100%;}
.footerNav ul li:hover{ background:rgba(0,0,0,0.1); transition:all 0.6s;}
.footerNav ul li:hover a{ text-decoration:none;}
.email.email2{padding:0;}
.loginOuter.registerOuter .button{ width:55%;}
.terms{ margin-top:30px; font-size:12px; text-align:left;}
.terms span{ color:#f64051;}
.registerOuter .loginBox .terms input { width:auto; outline:none;}
.box1{ background:#fff; border-radius:0; box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); display:inline-block; margin:auto; position:relative; padding:25px 0 7px; width:23%;}
.box1 .boxInner{ position:absolute;}
.box1 .text{ float:right; text-align:right; margin-top:-14px;}
.boxLwd .row{ float:left; width:100%; }
.boxLwd h2{ float:left; margin:0; line-height:100%; margin-left:-15px;}
.loginInner .row.rowBtn{ margin-top:30px;}
.lightboxInner .form-group{ margin-top:10px; }
.row.LwdButtons .settingselect { border:1px solid #cdcdcd;}
.boxLwd select.settingselect { width:88%;}


/* Base for label styling */
.terms [type="checkbox"]:not(:checked),
.terms [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.terms [type="checkbox"]:not(:checked) + label,
.terms [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  padding-top:2px;
}

/* checkbox aspect */
.terms [type="checkbox"]:not(:checked) + label:before,
.terms [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.7em; height: 1.7em;
  border: 1px solid #676767;
  background: #fff;
  border-radius: 50%;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.terms [type="checkbox"]:not(:checked) + label:after,
.terms [type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: .3em; left: .3em;
  font-size: 1.2em;
  line-height: 0.8;
  color: #f64051;
  transition: all .2s;
}
/* checked mark aspect changes */
.terms [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.terms [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.terms [type="checkbox"]:disabled:not(:checked) + label:before,
.terms [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #676767;
  background-color: #676767;
}
.terms [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.terms [type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
.terms [type="checkbox"]:checked:focus + label:before,
.terms [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px solid #676767;
}

/* hover style just for information */
.terms label:hover:before {
  border: 1px solid #676767!important;
}

.leftSide{ 
    background: #0d1f4f none no-repeat scroll 0 0 / 100% auto;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    float: left;
    height: 100vh !important;
    left: 0;
    padding-bottom: 0;
    position: fixed;
    width: 17%;
    z-index: 115;
}
.dashboard{ float:left; width:100%; position:relative;}
.userImage{ float:none; width:auto; text-align:center; margin:15px 10px; color:#fff; border-bottom:1px solid #2d3c66;}
.userImage img{ max-width:80px; margin:0 auto 5px auto;}
.dashboard .logo{ width:auto; text-align: center; margin: 5px 10px 10px 10px; padding:10px 0 37px 0; border-bottom:1px solid #2d3c66; float:none; clear:both;}
.dashboard .dashboardList ul{ margin:0; padding:0;}
.dashboard .dashboardList ul li{ list-style:none; margin:5px 0; transition:all 0.6s; color:#fff}
.dashboard .dashboardList ul li img{ margin-right:10px; margin-bottom:3px;} 
.dashboard .dashboardList ul li img.hover1{ display:none;}
.dashboard .dashboardList ul li:hover img.main1{ display:none;}
.dashboard .dashboardList ul li:hover img.hover1{ display:inline-block;}
.dashboard .dashboardList ul li a{ color:#fff; text-decoration:none; padding:5px 25px; display:inline-block; width:100%;}
.dashboard .dashboardList ul li:hover a, .dashboard .dashboardList ul li:focus a{ color:#000;}
.dashboard .dashboardList ul li a:hover, .dashboard .dashboardList ul li a?:hover{ color:#000;}
.dashboard .dashboardList ul li:hover{ background:#fff; border-radius:0; transition:all 0.6s; color:#000;}
.dashboard .dashboardList ul li.dropdownList1:hover ul li, .dashboard .dashboardList ul li.dropdownList2:hover ul li, .dashboard .dashboardList ul li.dropdownList3:hover ul li{ border-radius:0; background:transparent; }
.dashboard .dashboardList ul li.dropdownList1:hover ul li a, .dashboard .dashboardList ul li.dropdownList2:hover ul li a, .dashboard .dashboardList ul li.dropdownList3:hover ul li a{ color:#fff;}
.dashboard .dashboardList ul li:hover{ text-decoration:none;}
.dashboard .dashboardList{ float:left; width:100%;}
.dashboardHeading{ float:right; margin-right:15px;}
.dashboardHeading a{ color:#3399ff;}
.dashboardHeading img{ margin-left: 5px; margin-top: -4px;}
.dashboardNav{ float:right;}
.dashboard .rightSide{ padding:20px 40px 20px 40px; float:right; width:81%; position:relative; margin-bottom:20px;}
.dashboard .dashboardNav ul{ margin:0; padding:0;}
.dashboard .dashboardNav ul li{ list-style:none; display:inline-block;}
.dashboard .dashboardNav ul li input{border:none; border-bottom:1px solid #000; background:none;}
.dashboard .dashboardNav ul li:nth-child(2){background-color:#fff; padding:5px; border-radius:50%; margin-right:20px; width:30px; height:30px;}
.dashboard .dashboardNav ul li:nth-child(2) img{ margin-bottom:4px; margin-right:4px; padding-left:3px;}
.rightSide .box{ float:left; width:100%; text-align:center; margin:45px 0;}
.rightSide .box .box1 .boxInner{ padding:15px 20px; border-radius:0; position:absolute; top:-15px; left:15px;}
.rightSide .box .box11 .boxInner{ background:#f8b501;}
.rightSide .box .box22 .boxInner{ background:#9ec418;}
.rightSide .box .box33 .boxInner{ background:#ed782e;}
.rightSide .box .box44 .boxInner{ background:#d2418f;}
.rightSide .box .box1.box2{ margin-left:2%;}
.greyLine{ background:#eeeeee; height:2px; float:left; width:100%; margin:15px 0 5px 0;}
.boxUpper{ float:left; width:100%; padding:0 16px;}
.boxText{ float:left; padding:10px 15px;}
.box1 .boxText a{ color:#000; font-size:12px; text-decoration:none;}
.box1 .boxText a:hover{ color:#777777;}
.box2 .boxText a{ color:#000; font-size:12px; text-decoration:none;}
.boxInner img{ width:20px;}
.dashboardTable{ background:#fff; box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); float:left; width:100%; position:relative; border-radius:10px; }
.dashboardTable .imageTop{ background:#ff5722; padding: 15px 20px; color: #fff; float: left;
margin-left: 20px;margin-top: -15px;}
.tableHeading{display: inline-block; float: left; margin-left: 15px; margin-top: 15px;}
.dashboardTable table{ margin:20px 20px 50px 20px; float:left; width:95%;}
.dashboardTable table th{ color:#ff5722;}
.dashboardTable table th, .dashboardTable table td{ border-bottom:1px solid #c6c6c6; padding:8px 10px; }
.dashboardTable table td img{ margin-right:10px;}
.footer{ background: #0d1f4f ; display: inline-block; float: none; margin: auto; padding: 15px 15px 15px 0;
text-align: center; width: 100%; position:relative; bottom:0; top:auto; left:0; right:0; z-index:1;} 
.footer .footerNav ul li a{ color:#fff; font-size:12px; text-transform:uppercase;}
.footer .footerNav ul li { padding:10px;}
.footer .footerNav{ margin:0; display:none;}
.footer .copyright{ margin-right:0; color:#fff; text-align:center;}
.dashboardTable table{ overflow:auto;}
.dashboardTable .imageTop.imageElec{ background:#62c6f2;}
.dashboardTable.dashboardTable2 table th, .dashboardTable.dashboardTable2 table th{ color:#62c6f2;}
.boxTimer .boxIcon{ margin:auto; display:inline-block; margin-bottom:15px;}
.boxTimer{display:inline-block; width:60%; background:#62c6f2; padding:15px; margin-top:-20px; border-radius:15px;
box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
.boxTimer img{ display:inline-block;}
.boxTimer .timer{width:100%; text-align:center; display:inline-block;}
.boxTimer .timer ul{ margin:0; padding:0;}
.boxTimer .timer ul li{ display:inline-block; background:#fff; padding: 10px 15px; color:#000; list-style:none;margin-right:10px;}
.dashboard.dashboard3 .dashboardTable{ width:100%; float:none; display:inline-block; max-width:500px;
text-align:center;}
.dashBoardTableOuter{ float:left; width:100%; text-align:center;}
.reading{ font-size:12px; color:#fff; display:inline-block; padding-top:30px;}
.meterHeading{ color:#000; text-align:center; font-size:14px; margin:20px 0; display:inline-block; width:100%;}
.meterBottom{ display:inline-block; width:100%; padding:20px 0; border-top:1px solid #ebebeb;}
.dashboard3 .rightSide .box{ margin-bottom:90px;}
.meterDate{ float:left; margin-left:20px; font-size:12px;}
.meterBottom .meterButton{ background:#62c6f2; padding:10px 20px; border-radius:10px; 
margin:-12px auto 0 auto; text-align:center; color:#fff; width:25%; cursor:pointer;}
.meterBottom .meterButton:hover{ background:#777;}
.boxTimer .reading img{ margin-top:-4px; margin-right:5px;}
.meterDate img{margin-top:-4px; margin-right:5px;}
.dashboard4 .boxTimer{ background:#ff5722;}
.listInner1, .listInner2, .listInner3{ display:none; margin-left:5px; }
.dashboard .dashboardList .listInner1.collapse1, .dashboard .dashboardList .listInner2.collapse1, .dashboard .dashboardList .listInner3.collapse1{ display:block; float:left; width:100%; margin:5px 0 5px 20px; }
.dashboard .dashboardList .listInner1.collapse1 li, .dashboard .dashboardList .listInner2.collapse1 li,
.dashboard .dashboardList .listInner3.collapse1 li{border-radius:0; padding:5px 20px; margin:0;}
.listInner1.collapse1 li:hover, .listInner2.collapse1 li:hover, .listInner3.collapse1 li:hover{ border-radius:0;}
.dashboard .dashboardList .listInner1.collapse1 li a, .dashboard .dashboardList .listInner2.collapse1 li a, 
.dashboard .dashboardList .listInner3.collapse1 li a { text-decoration:none; color:#777;}
.dashboard .dashboardList ul li:hover .listInner1.collapse1 li a, .dashboard .dashboardList ul li:hover .listInner2.collapse1 li a, .dashboard .dashboardList ul li:hover .listInner3.collapse1 li a{ color:#fff;}
.dashboard .dashboardList ul li .listInner1.collapse1 li:hover a, .dashboard .dashboardList ul li .listInner2.collapse1 li:hover a, .dashboard .dashboardList ul li .listInner3.collapse1 li:hover a{ color:#000;}
.dashboardList ul li{ cursor:pointer; float:none; width:100%; display:inline-block;}
.clickArrow2, .clickArrow4, .clickArrow6{ display:none;}
.logo img{ width:80px;}
.boxLwd select{ padding:7px 5px; width:96%; background:#f6f6f6 !important; border:1px solid #cdcdcd; }
.boxLwd .row{ float:left; width:100%; margin-top:25px;}
.boxLwd .costLine{ margin-top:20px;}
.boxLwd .costLine > div{ padding:0; }
.boxLwd .LwdButtons .selectNumber{ width:35%; margin:0 3px;}
.boxLwd .LwdButtons label{ font-weight:normal;}
.boxLwd .LwdButtons input[type="search"]{ width:90%; padding:5px;}
.boxLwd .LwdButtons input[type="submit"]{ width:90%; background:#0d1f4f; color:#fff; border:none; padding:5px 0;}
.boxLwd .LwdButtons > div{ padding:0;}
.boxLwd table th, .boxLwd table td{ padding:5px; text-align:left;}
.boxLwd table td{ border:1px solid #999;}
.boxLwd .Entries .showResults{ padding:10px 0;}
.boxLwd .Entries ul{ margin:0; padding:0; text-align:right}
.boxLwd .Entries ul li{ padding:10px; display:inline-block; cursor:pointer;}
.boxLwd .Entries ul li:hover{ background:#ccc;}
.boxLwd .Entries > div{ padding:0;}
table{ overflow-x: scroll;}
#lightbox .modal-content { display: inline-block; text-align: center; width:100%; }
#lightbox .close { opacity: 1;  color: rgb(255, 255, 255); background-color: rgb(25, 25, 25); padding: 5px 8px; border-radius: 30px;
 border: 2px solid rgb(255, 255, 255); position: absolute; top: 10px; right: 10px; z-index:1032;}
#lightbox{ padding:20px;}
#lightbox .costCenterSelect{ display:block; margin:auto;}
#lightbox .lighboxInner { margin:0 auto;}
#lightbox .costCenterSelect{ margin-bottom:0; width:65%; padding:5px;}
#lightbox .lighboxInner .col-lg-6{ text-align:left}
#lightbox .lighboxInner input, #lightbox .lighboxInner select, #lightbox .lighboxInner textarea{ padding:5px; width:100%; margin-top:0;}
#lightbox .lighboxInner .fullNameField{ width:100% !important;}
.logoLogin{ margin: auto; }
.logoLogin img{ width:150px;}
.LwdButtons input[type="submit"]{ transition:all 0.6s ease 0s;}
.LwdButtons input[type="submit"]:hover{ background:#777; transition:all 0.6s ease 0s}
body input[type="submit"]{background: #0d1f4f; border: medium none; color: #fff; padding: 5px 0; width: 70% !important; border-radius:4px;}
body input[type="submit"]:hover{ background:#777;}
.loginInner .row{ margin: 0; display:inline-block; width:100%;}
.loginFooter{ bottom:10px; position:fixed; padding:0;}
.lighboxInner .thumbnail{ margin:auto;}
.lightboxCost .lighboxInner a{float: left; }
#lightbox.lightboxCost .lighboxInner input{ width:83%; float:left; border:none; border-bottom:1px solid #cdcdcd;}
.form-control, .form-group .form-control{ border-bottom:1px solid #cdcdcd !important;}
#lightbox.lightboxCost .lighboxInner .thumbnail{ float: right;  margin-left: 2%;  margin-top: 30px; width: 25% !important;}
#lightbox.lightboxCost .lighboxInner img{ width:20px;}
#lightbox.lightboxCost .modal-dialog{ margin-top:10%;}
.form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label{ left:0;}
.rowBtn{ margin-top:30px;}
.lightBoxInner .form-group{ margin-top:10px;}
.modal-dialog h2{ margin-top:0;}
#example_length .form-control{background: #f6f6f6 !important; border: 1px solid #c5c5c5 !important;}
.boxLwd .LwdButtons .btn{ display:inline-block;}
.boxLwd .btn:hover{ background:#3399ff !important}
.dashboardHeading .btn:hover{ background:#3399ff !important}
.boxLwd .LwdButtons{ text-align:right;}
.boxLwd .custom-combobox{ width:80%;}
.boxLwd .ui-widget.ui-widget-content{ width:100%;}
#example{ width:100% !important;} 
.boxLwd .tableLWD{ width:100% !important; margin-top:40px !important;}
#example_wrapper .mdl-grid{ margin-top:20px; margin-bottom:-10px;}
.tableLWD .mdl-cell{ margin:auto !important;}
.tableLWD .mdl-grid{ padding:0 !important;}
.costLine .custom-combobox { position: relative; display: inline-block; }
.costLine .custom-combobox-toggle { position: absolute; top: 0;  bottom: 0; margin-left: -1px; padding: 0;}
.costLine .custom-combobox-input { margin: 0; padding: 5px 10px;}
#add_lwd .lighboxInner.lightBoxSelect{ margin-top:30px;}
#add_lwd .lighboxInner.lightBoxSelect:last-child{ margin-bottom:10px; margin-top:20px;}
.selectLwdNew{ margin-top:13px;}
#lightbox .lwdDob .form-group{ margin:0;}
.labelContract img{ width:30px;}
#lightbox .labelContract .fullNameField{ width:93%; float:left;}
.labelContract a{ float:right; margin-top:7px;}
.tableLWD table a{ color:#3399ff;}
.profile-content .avatar img{ width:120px; margin:auto; margin-top:-60px;}
.profile-content .name h3{ text-align:center; margin-top:10px;}
.profileInfo1.card{ width: 95%; padding:10px; height:180px;}
.profileInfo{ float:left; width:46%; margin:2%;}
.profileInfo1.card .profileLeft{ float:left; width:50%;}
.profileInfo1.card .profileRight{ float:right; width:50%;}
.boxMap{float: left; margin: auto; text-align: center; width: 100%;}
.mainProfile .tableLWD{ margin: 30px 0 0 0; float:left; width:100%;}
.boxMap iframe{ width:100% !important;}
.tableLWD .mdl-button { border-radius:50%;}
#add_contractarea hr{ float: left; margin-bottom: 0; margin-top: 20px; padding: 0; width: 100%}
#lightbox.modal3 .lighboxInner .costCenterSelect{ width:93%; margin-right:10px; float:left;}
#lightbox.modal3 .lighboxInner a{ float:left;}
#lightbox.modal3 .lighboxInner img{ width:25px;}
#lightbox .lighboxInner.lightBoxSelect{ margin:20px auto;}
.form-group.has-error.is-focused .form-control{ background:transparent !important;}
.addLwdPage{
	float:left;
	width:100%;
	min-height:550px;
}
.progress-track .progress-track {
    display: table;
    list-style-type: none;
    margin: 0;
    padding: 2em 1em;
    table-layout: fixed;
    width: 100%; 
}
.progress-track li {
      display: table-cell;
      line-height: 3em;
      position: relative;
      text-align: center;
	  float:left;
	  width:24%;
}
.progress-track li .icon-wrap {
        border-radius: 50%;
        top: -1.5em;
		color: #fff;
        display: block;
        height: 2.5em;
        margin: 0 auto -2em;
        left: 0;
        right: 0;        
        position: absolute;
        width: 2.5em;
}
.progress-track .icon-check-mark, .icon-down-arrow {
        height: 25px;
        width: 15px;
        display: inline-block;
        fill: currentColor;        
}         
      
.progress-text {
		 position: relative;
		 top: 10px;
}

.progress-track .progress-done {
        border-top: 7px solid #87ba51;
        transition: border-color 1s ease-in-out;
        -webkit-transition: border-color 1s ease-in-out;
        -moz-transition: border-color 1s ease-in-out;
}
.progress-track .progress-done .icon-down-arrow {
	    display: none;
}   

.progress-track .progress-current .icon-wrap {
       background-color: #0070c0;
}
.progress-track .progress-current .icon-check-mark {
       display: none;
}
.progress-track .progress-current  .icon-down-arrow {
       display: block;
}  
.icon-wrap {
       background-color: #4a6a28;
       border: 5px solid #87ba51;     
}   
.progress-track .progress-todo {
	  border-top: 7px solid #DDD;
	  color: black;
}
.progress-track .progress-todo .icon-wrap {
	  background-color: #FFF;
	  border: 5px solid #DDD;
	  border-radius: 50%;
	  bottom: 1.5em;
	  color: #fff;
	  display: block;
	  height: 2.5em;
	  margin: 0 auto -2em;
	  position: relative;
	  width: 2.5em;
}
.icon-check-mark, .icon-down-arrow {
      display: none;
}    

.progress-track{
	margin-top:30px;
}
.addLwdPage .box1{
	width:25%;
}
.addLwdPage .boxText{
	float:none;
	margin-top:10px;
	display:inline-block;
	width:80%;
}
.addLwdPage .box22, .addLwdPage .box33, .addLwdPage .box44, .addLwdPage .box11{
	margin:auto !important;
	padding:30px 0;
}
.addLwdPage .box1.boxForm{
	width:60%;
	padding:20px;
}

.addLwdPage .box1.boxForm textarea{
	width:100%;
	margin:30px 0;
}

.addLwdPage .form-group{
	margin:0;
}

.addLwdPage .selectLwdNew select{
	padding:3px;
	width:100%;
}

.addLwdPage .boxText select{
	width:100%;
	padding:3px;
}

.rightSide .addLwdPage .boxLwdNew2 .box22, .rightSide .addLwdPage  .boxLwdNew2 .box33, .rightSide  .addLwdPage  .boxLwdNew2 .box11{
	margin: 0 0 0 25px !important;
    padding: 30px 0;
    width: 22%;
	float:left;
}

.addLwdPage .boxLwdNew2 .box1.box44{
	margin-top:40px !important;
	display:none;
}

.addLwdPage .boxLwdNew2 .box1.box22{
	opacity:0.4;
}

.addLwdPage .boxLwdNew2 .box1.box33{
	opacity:0.2;
}

.addLwdPage .boxLwdNew2 .box1.box55{
	opacity:0.2;
}


.addLwdPage .boxLwdNew2 .boxText{
	width:100%;
}

.addLwdPage .boxLwdNew2 .box1.boxForm textarea{
	padding-left:5px;
}

.addLwdPage .boxLwdNew2 .lightBoxbtnNew2 .btn{
    padding: 10px 30px;
    width: auto !important;
}

.rightSide .addLwdPage .boxLwdNew2 .box1.box55{
	background:none !important;
	box-shadow:none;
	vertical-align:top;
	margin:20px auto 0 auto !important;
	width:auto;
}

.addLwdPage .boxLwdNew2 .box1.box55:hover .arrowIconInner2{
	display:none;
}

.addLwdPage .boxLwdNew2 .box1.box55:hover .hoverNew{
	display:inline-block;
}

.addLwdPage .boxLwdNew2 .box1.box55 .hoverNew{
	display:none;
}

.boxLwd .row.costLine .col-xs-12{
	padding:0 !important;
}

.showNewTable {
	
}

.addLwdPage .error_msg1 p{
    font-size: 12px;
    line-height: 18px;
	margin-top:20px;
}

.showNewTable .col-sm-12, .showNewTable .col-sm-6{
	padding:0 !important;
}

.row.costLine .custom-combobox{
	margin-top:5px;
}

body .btn.btn-default{
	padding:12px 30px !important;
	width:auto !important;
	font-size:12px !important;
	margin:0 !important;
}


@media screen and (max-width:1000px){
	.footerNav, .copyright{ float:none; margin:auto; width:100%; display:inline-block; text-align:center;}
	.burgerMenu{ display:inline-block; float:left; margin-top:30px; margin-left:30px;}
	.leftSide{ display:none;}
	.leftSide.active{ position:absolute; left:0;}
	.cancelButton{ display:inline-block; float:right; margin-top:10px; margin-right:10px;  clear:both; cursor:pointer;}
	body .dashboard .rightSide{ width:100%; float:right;}
	.dashboardHeading{ margin-top:-43px;}
	.boxLwd{ float:left; width:100%; text-align:center;}
	.boxLwd h2{ float:none;}
	.boxLwd .row{ margin:25px auto;}
	.boxLwd .LwdButtons > div{ text-align:center;}
	.footer .copyright{ margin:a; padding:0; text-align: center;}
	.tableLWD .mdl-cell{ width:auto !important; margin:auto;}
	.dashboard .leftSide{ width:100% !important; z-index:111;}
	.tableLWD .mdl-cell{ width:100%;}
	.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label{ font-size:12px !important;}
	#example_wrapper .mdl-cell.mdl-cell--12-col{ width:100% !important;}
	.boxLwd .custom-combobox{ float:left; width:91%;}
	.boxLwd .costLine > div{ margin-bottom:10px;}
	#lightbox .labelContract .fullNameField{ width:93%;}
	.labelContract img{ width:25px;}
	#lightbox.lightboxCost .lighboxInner input{ width:85%;}
	#lightbox.lightboxCost .lighboxInner img{ width:20px;}
	.rightSide .box .box1.box2{ margin-left:0;}
	
}

@media screen and (max-width:500px){
	.loginInner{ width:90%;}
	.loginBox input{ width:100%;}
	.loginOuter.registerOuter .button{ width:70%;}
	.footerNav ul li{ padding:7px;}
	.footerNav ul li a{ font-size:10px;}
	.copyright{ font-size:12px;}
	.loginBox .button{ width:50%;}
	.footer{ position:relative; }
	body #lightbox .labelContract .fullNameField{ width:85%;}
	body #lightbox.lightboxCost .lighboxInner input{ width:70%;}
	.lightboxCost .lighboxInner a{ margin-left:5px;}	
	.profileInfo{ width:100%; font-size:12px;}
	.profileInfo1.card .profileLeft, .profileInfo1.card .profileRight{ float:left; width:100%;}
	.progress-track li .icon-wrap, .progress-track .progress-todo .icon-wrap{ width:2em; height:2em;}
	.progress-track li{ line-height:19px !important;}
	.rightSide .addLwdPage .box1{ width:80% !important;}
}

@media screen and (min-width:1000px){
	.burgerMenu{ display:none;}
	.cancelButton{ display:none;}
}

@media screen and (max-width:1100px){
	.dashboard .leftSide{ width:25%;}
	.dashboard .rightSide{ width:73%; float:right;}
	.logo img{ max-width:100%;}
	.footer{ position:fixed; bottom:0; margin:0; left:0; right:0;}
	.rightSide .addLwdPage .box1{width:40%}
	.boxLwdNew2 .box1 .text{ float:none; margin-top:15px; text-align:center;}
	.boxLwdNew2 .boxText select{ font-size:12px;}
	.rightSide .addLwdPage .boxLwdNew2 .box1{ width:23% !important; margin-left:15px !important;}
}
	
@media screen and (max-width:767px){
	.dashboardNav{ float:none; margin:auto; clear:both; width:100%;}
	.dashboard .leftSide{ width:100%; z-index:111;}
	.dashboard .rightSide{width:100%; padding:0 2%; float:left; margin-top:7px;}
	.burgerMenu{margin-top:15px; margin-bottom:10px; cursor:pointer; margin-left: 13px; margin-right: 10px;}
	.box1{width:100%;}
	.rightSide .box .box1.box2{ margin-left:0; margin-top:20px;}
	.boxTimer{ width:100%;}
	.rightSide{ height:100% !important}
	.boxLwd table{ overflow-x:scroll; display:block;}
	.mainProfile .tableLWD{ overflow:auto;}
	.rightSide .addLwdPage .boxLwdNew2 .box1{ width:93% !important; margin-top:20px !important;}
}	

@media screen and (max-width:600px){
	.meterBottom .meterButton{ display:inline-block;}
}

@media screen and (max-width:400px){
	.boxTimer .timer ul li{padding: 10px 10px;}
}

@media screen and (max-width:1100px) and (min-width:769px){
	.box1{ width:45%; margin-top:30px;}
}

@media screen and (max-width:768px){
	.box1{ width:45%; margin-top:30px;}
	.rightSide .box1{ width:70%; }
}

#lightbox.lightboxCost #add_costcenter .lighboxInner input{
	width:88%;
}

#lightboxPopup .modal-dialog .col-lg-12{
	text-align:center !important;
}

#lightboxPopup .modal .modal-dialog{
	margin-top:10%;
}

#lightboxPopup .modal-dialog .col-lg-12 img{
	width:50px;
	margin-bottom:20px;
}

.selectpopup{
    padding-top:20px;
}

#settingpopup .control-label{
	width:auto;
}

.form-group-new{
	display:inline-block;
	margin-right:10px;
}

#settingpopup .lightBoxBtn {
	text-align:center;
}

#add_costcenter .row.lighboxInner{
	margin:10px 0;
}

#example_wrapper .mdl-cell--12-col, #example_wrapper .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{
	width:calc(100%) !important;
}

#example_wrapper .mdl-cell--6-col, #example_wrapper .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{
	width:calc(50%) !important;
}

.row.LwdButtons .searchbar_LWD{
	width:88%;
}

.boxLwd .LwdButtons .addNewButton.btn{
	margin:20px 0 10px 0;
}

.progress-track{
	display: inline-block;
    margin-top: 40px;
    padding: 0;
    width: 100%;
}

.iconBox a{
	border-radius: 2px;
    display: inline-block;
    padding: 3px 6px;
	background:#0d1f4f;
}

.iconBox a i{
	padding:2px;
	color:#fff;
}

.iconBox a:hover{
	background:#3399ff;
}

.showNewTable .pagination{
	margin:0 !important;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{ vertical-align:middle !important;}

div.dataTables_wrapper div.dataTables_length select{
	padding:0;
}

.selectPopupDropdown.form-group label.control-label{
	top:-25px !important;
}

#editlwd textarea{
	width:100% !important;
}

.selectpopup .lightBoxBtn .col-xs-12{
	text-align:center;
}

#editsettingpopup h5{
	margin-bottom:0;
}

#editsettingpopup .selectpopup .lightBoxBtn .col-xs-12{
	margin:20px auto;
}

#editsettingpopup .row{
	padding-top:0;
}

.dashboardHeading .btn{
	margin:0 !important;
}

.boxLwd .LwdButtons .btn{
	margin-top:20px !important;
	margin-bottom:0 !important;
}

#editsettingpopup .selectpopup .falldetectsensitivity,  #editsettingpopup .falldetectsensitivity {
	margin-top:5px;
}

.boxLwd .row.lwdButtons, #settingpopup .row.lwdButtons{
	margin-top:15px;
}

#editlwd h3, #editsettingpopup h3,  #settingpopup h3{
	margin:0 !important;
}

#editsettingpopup .form-group{
	margin-top:20px !important;
}

.modal button.close{
	position:absolute;
	font-size:16px;
	color:#fff;
	top:5px;
	z-index:1111;
	right:10px;
}

#settingpopup .form-group{
	margin-top:0
}

#settingpopup h5{
	margin:0;
}

#settingpopup #change_setting{
	margin:25px 0 !important;
}

#settingpopup .falldetectsensitivity{
	margin-top:4px;
}

.popupOrbis .form-group.label-floating label.control-label, .popupOrbis .form-group.label-placeholder label.control-label{
	top:-31px !important;
}

.popupOrbis .row{
	padding-top:0; !important;
}

.popupOrbis form{
	margin-top:10px;
}

#add_office .row.lighboxInner.row1Popup{
	margin-bottom:20px;
}

.popupOrbis .row.lighboxInner.lightBoxSelect{
	text-align:center;
	margin:10px 0;
}

.popupOrbis .form-group select{
	border:1px solid #cdcdcd;
	background:#f6f6f6;
}

.popupOrbis .close { opacity: 1;  color: rgb(255, 255, 255); background-color: rgb(25, 25, 25); padding: 5px 8px; border-radius: 30px;
 border: 2px solid rgb(255, 255, 255); position: absolute; top: 10px; right: 10px; z-index:1032;}


/*  loader css  */

.no-js #loader { display: none;  }
.js #loader { display: block; position: fixed; left: 0; top: 0; right:0;
bottom:0; }
.se-pre-con {
	position: fixed;
	left: 0;
	top: 0;
	right:0;
	bottom:0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background:#fff;
}

.loaderNew{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 1s linear 0s normal none infinite running spin;
    border-color: #3399ff #f3f3f3 #f3f3f3;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 7px;
    height: 100px;
    width: 100px;
	text-align:center;
	margin:17% auto 0 auto;
}

#lightbox.lightboxCost .lighboxInner input[type="submit"]{
	float:none !important;
}

#add_contractarea .row{
	margin-bottom:15px;
}

#add_contractarea .row .col-lg-12{
	padding:0;
}


@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.modal .nav-tabs{
	background:#0d1f4f;
	margin-top:20px;
}

.se-pre-con h3{
	text-align:center;
}

.profileInfo1.card .profileLeft span, .profileInfo1.card .profileRight span{
	padding:5px 0;
	display:inline-block;
}

.tableLWD .pagination{
	margin:0 !important;
}

.boxLwd .tableLWD .row{
	margin-top:10px !important;
}

#example_wrapper .row{
	margin:0 !important;
}

#example_wrapper .row .col-sm-12, #example_wrapper .row .col-sm-3, #example_wrapper .row .col-sm-6{
	padding:0 !important;
}

.showNewTable select{
	width:95px !important;
}

.showNewTable .col-sm-3{
	padding:0 !important;
}

.showNewTable .col-sm-3 .form-group{
	margin:0;
}

.boxLwd .row.showNewTable{
	margin-top:40px;
}

.boxLwd .tableLWD.tableLWD2{
	margin-top:10px !important;
}

.pagination{
	margin:0 !important;
}

.dataTables_wrapper{
	margin:40px auto 10px auto;
}

.cropit-preview {
        background-color: #f8f8f8;
        background-size: cover;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-top: 7px;
        width: 250px;
        height: 250px;
      }

  .cropit-preview-image-container {
	cursor: move;
  }

  .image-size-label {
	margin-top: 10px;
  }

  input {
	display: block;
  }

  button[type="submit"] {
	margin-top: 10px;
  }

  #result {
	margin-top: 10px;
	width: 900px;
  }

  #result-data {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: break-word;
  }
































#editlwd textarea {
    height: 70px;
    width: 100%;
}

.ui-corner-right {
    right: -2px;
}
 .boxText a u{
    font-size: 13px;
    text-decoration: none;
}
h2 {
    font-size: 40px !important;
    line-height: 48px !important;
}
@media screen and (min-device-width: 320px) and (max-device-width: 767px) {
.col-xs-12.col-sm-12.col-md-12.col-lg-12.pull-right {
    padding: 0;
}
.modal-body .col-lg-12 {
    margin: 10px 0 0;
    padding: 0;
}
#lightbox.lightboxCost .modal-dialog{ 
  margin-top:15%;
}
.LwdButtons .addNewButton {
    float: left;
    width: 100%;
}
.boxLwd select.settingselect {
    width: 100%;
}
.boxLwd .custom-combobox {
    float: left;
    width: 100%;
}
.boxLwd .row.costLine .col-xs-12 {
    padding:0 0 10px !important;
}
.row.lighboxInner.row1Popup .col-xs-12 {
    padding: 0;
}




}



























