/*@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900);*/
/*Theme Colors*/
/*bootstrap Color*/
/*Normal Color*/
/*Border radius*/
/*Preloader*/


/*@font-face {
 font-family:Tondo;
 src:url(../../fonts/tondo/tondo-bold-webfont.woff2) format('woff2'),url(fonts/tondo/tondo-bold-webfont.woff) format('woff');
 font-weight:500;
 font-style:normal
}

@font-face {
 font-family:Tondo;
 src:url(../../fonts/tondo/tondo-regular-webfont.woff2) format('woff2'),url(fonts/tondo/tondo-regular-webfont.woff) format('woff');
 font-weight:400;
 font-style:normal
}

@font-face {
 font-family:Tondo;
 src:url(../../fonts/tondo/tondo-light-webfont.woff2) format('woff2'),url(fonts/tondo/tondo-light-webfont.woff) format('woff');
 font-weight:100;
 font-style:normal
}*/


@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src:  url("../../fonts/roboto/Roboto-Thin-webfont.woff") format("woff"), 
        url("../../fonts/roboto/Roboto-Thin-webfont.svg#robotothin") format("svg");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../../fonts/roboto/Roboto-Light-webfont.woff") format("woff"), 
       url("../../fonts/roboto/Roboto-Light-webfont.svg#robotolight") format("svg");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/roboto/Roboto-Regular-webfont.woff") format("woff"), 
       url("../../fonts/roboto/Roboto-Regular-webfont.svg#robotoregular") format("svg");
}


@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../../fonts/roboto/Roboto-Bold-webfont.woff") format("woff"), 
       url("../../fonts/roboto/Roboto-Bold-webfont.svg#robotobold") format("svg");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/roboto/Roboto-Black-webfont.woff") format("woff"), 
       url("../../fonts/roboto/Roboto-Black-webfont.svg#robotoblack") format("svg");
}



.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff;
}
.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}
/*Just change your choise color here its theme Colors*/
body {
  background: #fff;
  font-family: Roboto;
  font-style: normal;
  font-weight:400;
  font-size: 13px;
}


.cs_row:after{content:''; display:block; clear:both;}
.cs_row{width:100%; box-sizing: border-box;}
.cs_row > div{box-sizing: border-box; float:left; padding:0 1%; position:relative;}
.cs_row > div:first-child{ padding-left:0px !important;}
.cs_row > div:last-child{ padding-right:0px !important;}
.cs_row > div.form-group{padding:0 6px;}

.cs_row > .col_12{width:100%;}
.cs_row > .col_10{width:83.33333333333333%;}
.cs_row > .col_9{width:75%;}
.cs_row > .col_8{width:66.667%;}
.cs_row > .col_7{width:58.33333333333333%;} 
.cs_row > .col_6{width:50%;}
.cs_row > .col_5{width:41.66666666666667%;}
.cs_row > .col_4{width:33.333%;}
.cs_row > .col_3{width:25%;}
.cs_row > .col_2{width:16.66666666666667%;}
.cs_row > .col_1{width:8.33333333333333%;}  

@media only screen and (max-width : 768px) {
  .cs_row > div{padding:0px !important;}
  .cs_row > .col_12{width:100%;}
  .cs_row > .col_9{width:100%}
  .cs_row > .col_8{width:100%}
  .cs_row > .col_6{width:100%;}
  .cs_row > .col_5{width:100%}
  .cs_row > .col_4{width:100%}
  .cs_row > .col_3{width:100%}
  .cs_row > .col_2{width:100%}
  .cs_row > .col_1{width:100%}  
}



.top-left-part {
  background: #fff;
}
.top-left-part .dark-logo {
  display: none;
}
.top-left-part .light-logo {
  display: inline-block;
}
/*Top Header Part*/
.logo i {
  color: #ffffff;
}
.navbar-header {
  /*background: #515196;*/
  background: #fff;
  border-bottom: #E6E9EE solid 1px;
}
.navbar-top-links > li > a {
  /*color: #ffffff;*/
  color: #333;
}
.sidebar .sidebar-head {
  background: #ffffff;
}
.sidebar .sidebar-head h3 {
  color: #686868;
}
/*Right panel*/
.right-sidebar .rpanel-title {
  background: #41b3f9;
}
/*Bread Crumb*/
.bg-title .breadcrumb .active {
  color: #41b3f9;
}

.top-left-part {
    border-right: 0px solid rgba(0,0,0,.08);
}

.top-left-part img.logo{ max-height: 56px; }

.navbar-top-links .dropdown-user {
    width: 180px;
}

.navbar-top-links .profile-pic{ padding-right: 30px; }

.navbar-top-links .avtar{ width: 32px; height: 32px; border-radius: 50%; }


/*Sidebar*/
.sidebar {
  background: #F6F9FE;
  background: #fff;
  border-right: #E8E9EE solid 1px;

  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}





.sidebar .label-custom {
  background: #01c0c8;
}
#side-menu li a {
  color: #1175B0;
  /*color: #54667a;*/
  border-left: 0px solid #fff;
}

#side-menu > li > a {
  border-left: 3px solid transperant;
}
#side-menu > li > a:hover,
#side-menu > li > a:focus {
  background: rgba(0, 0, 0, 0.07);
}
#side-menu > li > a.active {
  background: transperant;
  color: /*#54667a*/#1175B0;
  border-left: 3px solid #41b3f9;
  font-weight: 500;
}
#side-menu ul > li > a:hover {
  color: #41b3f9;
}
#side-menu ul > li > a.active {
  color: #54667a;
  font-weight: 500;
}
.user-profile .user-pro-body .u-dropdown {
  color: #54667a;
}
/*themecolor*/
.bg-theme {
  background-color: #707cd2 !important;
}
.bg-theme-dark {
  background-color: #41b3f9 !important;
}
/*Button*/
.btn-custom {
  background: #41b3f9;
  border: 1px solid #41b3f9;
  color: #ffffff;
}
.btn-custom:hover {
  background: #41b3f9;
  opacity: 0.8;
  color: #ffffff;
  border: 1px solid #41b3f9;
}
/*Custom tab*/
.customtab li.active a,
.customtab li.active a:hover,
.customtab li.active a:focus {
  border-bottom: 2px solid #41b3f9;
  color: #41b3f9;
}
.tabs-vertical li.active a,
.tabs-vertical li.active a:hover,
.tabs-vertical li.active a:focus {
  background: #41b3f9;
  border-right: 2px solid #41b3f9;
}
/*Nav-pills*/
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background: #41b3f9;
  color: #ffffff;
}
/*Extra css*/
.bg-theme {
  background-color: #41b3f9 !important;
}
.panel-themecolor,
.panel-theme {
  border-color: #41b3f9;
}
.panel-themecolor .panel-heading,
.panel-theme .panel-heading {
  border-color: #41b3f9;
  color: white;
  background-color: #41b3f9;
}
.panel-themecolor .panel-heading a,
.panel-theme .panel-heading a {
  color: #ffffff;
}
.panel-themecolor .panel-heading a:hover,
.panel-theme .panel-heading a:hover {
  color: rgba(255, 255, 255, 0.5);
}
.panel-themecolor a,
.panel-theme a {
  color: #41b3f9;
}
.panel-themecolor a:hover,
.panel-theme a:hover {
  color: #0791e6;
}



#loginMsg > div{ margin: 40px 0 0 0; }


/* Modal */
.modal-content {
    border-radius: 4px;
}

/*#page-wrapper { background: #fff; }*/

/* PAGE SUB HEADER*/

.bg-title { background: transparent; margin-bottom: 20px; }
h4.page-title{ font-size: 20px; font-weight: 300; }

.add-btn{
  color: #fff;
  background: #0B4783;
  border: 1px solid #0B4783;
  padding: 5px 6px 5px 22px;
  border-radius: 36px;
  box-shadow: 4px 4px 22px 1px #d6d9e3;
}

.add-btn:hover {    
    opacity: .8;
    color: #fff;
    background: #0B4783;
    border: #0B4783 solid 1px;
}

.add-btn:focus { color: #fff; }

.add-btn i {
    background: rgba(0,0,0,.1);
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    line-height: 24px;
}

.table > thead{ color: #696969; }


.table > thead > tr > th {
    background-color: #fff;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 6px 8px !important;
    border-bottom: 0px;
    text-transform: uppercase;
    border-bottom: 0px;
    border-bottom: 1px solid #93A1AC;
}

.table > thead > tr > th{background: #0B4680;}

.table > tbody > tr > td {font-size: 13px; font-weight: 300;}
.table > tbody > tr:nth-child(2n+0) > td{ background: #F6F6F6; }

.table-responsive{ margin: 0px; }

.table > tbody > tr > td{ 
  border-top: 1px solid #e7e7e7; 
  border-bottom: 1px solid #e7e7e7;
  color: #333;
  font-weight: 400;
}

.table > tbody > tr > td:first-child{border-radius:0;}
.table > tbody > tr > td:last-child{border-radius:0; padding: 10px 8px; }


.table > tbody > tr > td .btn-info{ font-size: 12px; padding: 2px 6px; }
.table > tbody > tr > td .btn-info.btn-circle{ line-height: 24px; }

.table > tbody > tr > td.cusUsername, 
.table > tbody > tr > td.cusName, 
.table > tbody > tr > td.cusAddress{ 
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
  white-space: normal; overflow: hidden;
  max-width: 210px; 
}

.tdw40{white-space:normal; overflow:hidden; max-width:40px;}
.tdw120{white-space:normal; overflow:hidden; max-width:120px;}
.tdw125{white-space:normal; overflow:hidden; max-width:125px;}
.tdw135{white-space:normal; overflow:hidden; max-width:135px;}
.tdw140{white-space:normal; overflow:hidden; max-width:140px;}
.tdw150{white-space:normal; overflow:hidden; max-width:150px;}
.tdw160{white-space:normal; overflow:hidden; max-width:160px;}
.tdw170{white-space:normal; overflow:hidden; max-width:170px;}
.tdw180{white-space:normal; overflow:hidden; max-width:180px;}
.tdw200{white-space:normal; overflow:hidden; max-width:200px;}
.tdw220{white-space:normal; overflow:hidden; max-width:220px;}
.tdw230{white-space:normal; overflow:hidden; max-width:230px;}
.tdw240{white-space:normal; overflow:hidden; max-width:240px;}

.table > tbody > tr > td.cusName{ min-width: 180px; }
.table > tbody > tr > td.cusAddress{max-width: 260px; white-space: normal; overflow: auto;}
.table > tbody > tr > td.cusArea{max-width: 136px; white-space: normal; overflow: auto;}
.table > tbody > tr > td.cusAreaPerson{max-width: 140px; white-space: normal; overflow: auto;}
.table > tbody > tr > td.cusComplaintType{max-width: 200px; white-space: normal; overflow: auto;}
.table > tbody > tr > td.cusRequestType{max-width: 200px; white-space: normal; overflow: auto;}
.table > tbody > tr > td.cusTime{max-width: 100px; min-width: 88px; white-space: normal; overflow: auto;}
.table > tbody > tr > td.cusRemarks{max-width: 100px; white-space: normal; overflow: hidden;}

.table > tbody > tr > td.cusComments{max-width: 400px; padding-right: 90px; white-space: normal; overflow: hidden;}



/*.table > tbody > tr > td:first-child::before{ 
  background: #ccc; 
  content: ''; 
display: block; 
position: absolute; top: 0px; left: 0px; 
height: 100%; width: 10px;
border-radius: 4px 0 0 4px; 
z-index: 99;
}


.table > tbody > tr:nth-child(even) > td {
  background-image: linear-gradient(top, #ffffff 0%, #eee 100%);
}

*/

/*.table > tbody > tr{ position: relative; }
.table > tbody > tr::after {
  background: #ccc; 
  content: ''; 
display: block; 
position: absolute; top: 2px; bottom: 2px; left: 0px; 
width: 10px;
border-radius: 4px 0 0 4px; 
z-index: 99;

}

.table > tbody > tr > td:first-child {
  border-radius: 4px 0 0 4px;
}*/


#side-menu>li>a {
    padding: 12px 35px 12px 20px;
    display: block;
    font-weight: 400; 
}

#side-menu li>a i{ margin-right: 5px; }

#side-menu>li>a b{ font-weight: 400; }

.sidebar .nav-second-level{ background: #c1d1dd; }
.sidebar .nav-second-level li a {
    padding: 10px 10px 10px 20px;
}

#side-menu li.active>a {
    background: #0B4783;
    color: #fff;
}

#side-menu ul > li > a.active {
    color: #0B4783;
    font-weight: 500;
    background: #9ab9d8;
}

span.error { color: #ff6600; font-size:12px; }
span.rq { color: #ff6600; font-size:14px; display: inline-block; padding-right: 3px; }


.fx-row{ display: flex; }

.fx-col-2{width:16.6666666667%;}
.fx-col-3{width:25%;}
.fx-col-4{width:33.3333333333%;}
.fx-col-5{ width: 41.66666667%; }
.fx-col-6{width:50%;}
.fx-col-7{width:58.33333333%;}
.fx-col-8{width:66.6666666667%;}
.fx-col-9{width:75%;}
.fx-col-12{width:100%;}


.fx-col-3 label, 
.fx-col-4 label{ display: block; margin: 0px; text-align: right; padding-right: 5px; padding-top: 8px; }

.fx-col-5 label{ display: block; margin: 0px; text-align: right; padding-right: 5px; padding-top: 0px; }


.fx-row.form-group > div{ padding-left:8px; padding-right:8px;  }
.fx-row.form-group > div:first-child{ padding-left: 0px;}
.fx-row.form-group > div:last-child{ padding-right: 0px;}

.form-horizontal .fx-row label{ text-align: right; font-weight: 400; display: block; /*text-transform: uppercase;*/ letter-spacing: 0.5px;}
.form-horizontal .fx-row.form-group > div{ padding-left:10px; padding-right:10px;  }
.form-horizontal .fx-row.form-group > div:first-child{ margin-left: -10px;}
.form-horizontal .fx-row.form-group > div:last-child{ margin-right: -10px;}


.customtab{ text-align: center;  margin-bottom: 30px; }
.customtab > li{ float: none; display: inline-block; }
.customtab li a {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    padding: 13px 25px;
    letter-spacing: 1.5px;
}


.form-actions{ border-top: #e7e7e7 solid 1px; padding-top: 15px; margin-top: 30px;}


.commentsFormWrap{ background: #F3F9FE; padding: 20px 25px; margin-left: -25px; margin-right: -25px; }
.commentsFormWrap textarea{ border:#E6EDF3 solid 1px; height: 100px; width: 100%; padding: 12px 18px; }

.commentsFormWrap a{ display: inline-block; padding:0px 10px 0px 18px; border-radius: 30px; height: 34px; line-height: 33px; color: #fff; margin-left: 10px; }
.commentsFormWrap .markCompleted, .commentsFormWrap .openMarkBox{background: #13BD9D;}
.commentsFormWrap .submitComment{background: #0B4783;}
.commentsFormWrap .goback{ background: #fff; color: #3A97CB; padding-right: 20px; padding-left: 5px; }
.pt20{ padding-top: 20px; }

.commentsFormWrap a i{ margin-left: 5px; padding: 0 6px;} 

.commentsFormWrap a:hover{ opacity: 0.8; color: #fff; }
.commentsFormWrap .goback:hover{ opacity: 0.8; color: #3A97CB; }

.filterFormWrap{ background: #fff; border: #e7e7e7 solid 1px; padding: 10px; border-radius: 3px; }


.searchFilterWrap{background:#ECF4FF; border:#C3D5F1 solid 1px; padding: 15px; border-radius: 3px; margin-bottom: 20px;}
.searchFilterWrap .form-control{ border-color: #C4D2E8; box-shadow: none; height: 34px; padding: 5px 9px; border-radius: 2px; }
.searchFilterWrap .row > div {padding-right: 6px; padding-left: 6px;}
.searchFilterWrap .row > div:first-child{padding-left: 15px;}
.searchFilterWrap .filterButtonWrapPad{ padding-top: 22px; }
.searchFilterWrap .add-btn {background: #3B8BF8;border: 1px solid #3B8BF8;}


.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }

.clfix:after, .clfix:before{ content: ''; display: block; clear: both;}
.posr{ position: relative; }

/*============== TOP FILTER ==========*/

.filter-form-horizontal{ background: #fff; padding:10px 10px 1px 10px; }
.filter-form-horizontal > .fx-row{ margin-bottom:10px;}
.filter-form-horizontal .fx-label{height: 32px; display: flex; align-items: center; text-align: right; }
.filter-form-horizontal .fx-label label{ display: block; text-align: right; padding-right: 10px; margin: 0px; margin-left: auto; }
.filter-form-horizontal input{ height: 32px; padding: 0 10px; }
.filter-form-horizontal select{ height: 32px; padding: 0 10px; }


.dateRangeWrap input{ float: left; width: 100px; }


/*============== ADD NEW BILL ==========*/

.searchBtnUser{ 
	position:absolute; 
	top:0px; right:0px; 
	width:32px; height:32px; 
	background:#e8edf8; 
	display:inline-block;
	text-align: center;
	line-height: 29px; 
}

.editUsernameButton{ 
  position:absolute; 
  top:1px; right:11px; 
  width:32px; height:36px; 
  background:#E0E0E0; 
  display:inline-block;
  text-align: center;
  line-height: 36px; 
}

.bill-panel-info {
    background : /*#D6E4F2*/ #F9FAFC !important; 
    border-radius: 3px; 
    /*box-shadow: 0 5px 5px rgba(0,0,0,.1);*/
}

.billForm .form-group {margin-bottom: 10px !important;}
.billForm .fx-row.form-group .fx-col-label{
  padding-left:0px; 
  padding-right:8px; 
  padding-top: 5px; 
  width:155px; 
  font-family: Rubik,sans-serif; 
  font-size: 12px; 
  letter-spacing: 0px; 
  text-align: right; 
}

.billForm .fx-row.form-group .fx-col-inpt{padding-left:0px; padding-right:0px;}
.billForm .fx-row.form-group .fx-col-inpt.full {width: 52%;}


.billForm .form-control {height: 32px; padding: 0px 12px; margin-bottom: 0px; box-shadow: none; border-radius: 0px; border-color: #E5ECF2;}



.remarkBillPanel{}
.remarkBillLeft{ float:left; width:67%; }
.remarkBillRight{ float:left; width:33%; }

.remarkBillLeft .fx{display: flex;}
.remarkBillLeft .fx .col{  width: 50%; }

.billForm .fx-row.form-group .fx-col-textarea{padding-left:0px; padding-right:0px;}
.fx-col-textarea > textarea{ padding-top: 6px !important; padding-bottom: 6px !important; min-height: 46px; line-height: 16px; }


/* ================== DAYBOOK ================= */
.pr{ position: relative; }
.mb0{ margin-bottom: 0px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb25{ margin-bottom: 25px; }
.mb30{ margin-bottom: 30px; }

.ff-rubik-300{font-family: Rubik,sans-serif; font-weight: 300;}
.ff-rubik-400{font-family: Rubik,sans-serif; font-weight: 400;}

.search-panel-wrap{ background: #fff; border:#d4dee9 solid 1px; border-radius: 3px; padding: 10px 15px; margin-bottom: 20px; }


/*ADD PAYMENT*/
.adpymFormTable thead th{ 
  border: #6c8396  solid 1px; background: #93A1AC; color: #fff; padding: 5px 5px; 
  font-weight: 400; font-size: 12px; font-family: Rubik,sans-serif; 
}
.adpymFormTable tbody td{ border: #ccc solid 1px; font-size: 11px; font-family: Rubik,sans-serif; padding: 5px 5px; background: #fff; color: #333; font-weight: 400; }
.adpymFormTable input{ padding:0px; font-size: 11px; font-family: Rubik,sans-serif; padding: 2px 3px; vertical-align: top; }
.adpymFormTable select{ padding:0px; font-size: 11px; font-family: Rubik,sans-serif; height: 23px; }

.adpymFormTable .billID{ width: 60px; }
.adpymFormTable .custUserName{ width: 102px; }
.adpymFormTable .amtInpt{ width: 65px; }
.adpymFormTable select.paymentType{width: 75px;}
.s-btn{ border: #e7e7e7 solid 1px; display: inline-block; padding: 2px 5px; margin-top: 0px; }
.actBtn{ border: #e7e7e7 solid 1px; display: inline-block; padding: 2px 5px; margin-top: 0px; }

.readonly{ background: #f3f3f3; border: #ccc solid 1px; }



/* ==================================== */

.hide-sidebar .sidebar { left: 0px; width: 50px; transition: .2s ease-out; }

.hide-sidebar #side-menu > li > a {padding: 12px 35px 12px 19px;}
.hide-sidebar #side-menu > li a i{margin-right: 15px; }

.hide-sidebar #page-wrapper {
    padding-left: 45px;
}

.hide-sidebar .sidebar:hover{width: 240px;}
.hide-sidebar .sidebar:hover #side-menu li > a i {margin-right: 5px; }


/* ====================================== */


.switch {
  display: inline-block;
  width: 50px;
  height: 30px;
  padding: 4px;
  border-radius: 20px;
  border: 1px solid #dfdfdf;
  box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
  border-color: rgb(223, 223, 223);
  background-color: rgb(255, 255, 255);
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  user-select: none;
  transition: background 350ms ease;
}
.switch:before, .switch:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transition: all 350ms cubic-bezier(0, 0.95, 0.38, 0.98), background 150ms ease;
}
.switch:before {
  background: rgba(128, 128, 128, 0.075);
  transform: translate3d(0, -50%, 0) scale(0);
}
.switch:after {
  background: grey;
  transform: translate3d(0, -50%, 0);
}
.switch:active:before {
  transform: translate3d(0, -50%, 0) scale(3);
}

input:checked + .switch {
  background: #d0efa8;
}
input:checked + .switch:before {
  background: rgba(131, 177, 84, 0.075);
  transform: translate3d(100%, -50%, 0) scale(1);
}
input:checked + .switch:after {
  background: #83b154;
  transform: translate3d(100%, -50%, 0);
}
input:checked + .switch:active:before {
  background: rgba(131, 177, 84, 0.075);
  transform: translate3d(100%, -50%, 0) scale(3);
}

.swithWrap input { display: none; }


.table.reportTabel > tbody > tr > td{padding: 7px 8px;}
.table.reportTabel > tbody > tr > td:last-child{ padding: 5px 8px 5px 8px;  }

.permissionBlocks .panel {margin-bottom: 10px;}
.permissionBlocks .panel .panel-heading {padding: 10px 25px; color: #1175B0;}
.permissionBlocks .panel .panel-body {padding: 10px 25px;}


.borderStyleTable .table > thead > tr > th { border: #e7e7e7 solid 1px !important; }
.borderStyleTable .table > tbody > tr > td { border: #e7e7e7 solid 1px !important; }


.autocompleteItemWrap{ 
  position: absolute; 
  left: 0px; right: 0px; 
  border: #e7e7e7 solid 1px; 
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  display: none;
}

.autocompleteItemWrap > a{ padding: 5px 10px; display:block; }
.autocompleteItemWrap > a:hover{ background-color: #efefef; color: 222; }
.autocompletClearX {
    position: absolute;
    top: 26px;
    right: 9px;
    font-size: 22px;
    color: #222;
    display: none;
}

.statusLed{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color:#ccc;}
.statusLed.grey{ background-color: #ccc; }
.statusLed.red{ background-color: #FF0B41; }
.statusLed.green{ background-color: #00E000; }
.statusLed.orangeLight{ background-color: #F9F024;}
.statusLed.orangeDark{ background-color: #EE9423;}


.infoTrRow{ padding: 10px 10px 10px 20px; background: #fff; border: #e7e7e7 solid 1px; border-radius: 3px; position: relative; margin-bottom: 10px; }
.infoSet{ padding-bottom: 2px; }
.infoSet span{ display: inline-block; }
.infoSet span:first-child{ font-weight: 500; width: 140px; text-align: right; padding-right: 5px; }