@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
*{ margin:0; padding:0;}

a, .btn{ -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} 
a:hover, a:focus{ text-decoration:none; color:#036aa6; outline:0; outline-offset: 0;}
:focus {outline:0; outline-offset: 0;}
img{ max-width:100%;}
ul{ list-style:none; padding:0; margin:0;}
h1, h2, h3, h4, h5, h6{ font-weight:400;  line-height:normal;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .bootstrap-select .dropdown-toggle:focus {outline:0px !important; outline-offset:0;}
body{font-family: 'Roboto', sans-serif; font-size:14px; line-height:normal; font-weight:300; color:#303030; 
     background:#eae4f0;  padding:70px 0 0;}

/*[Start headerWrapper]*/
.headerWrapper{ background:#fff; padding:13px 15px 11px; border-bottom:1px solid #918e97; height:70px; position:fixed; z-index:12; top:0; left:0; width:100%;}
.headerWrapper:after{ content:''; position:absolute; bottom:-2px; left:0; width:100%; height:1px; background:#cbc8d1;}
.logo{ display:inline-block;}
.title{ font-size:50px; color:#2a2a2a; margin:0 0 30px;}

.searchForm, .topMenu{ display:inline-block; vertical-align:middle; margin-top:0;}
.searchForm{ position:relative;}
.search-field{ width:255px; height:32px; background:#ffffff; color:#303030; border:1px solid #918e97; padding:7px 45px 7px 10px;}
.searchIcon{ position:absolute; top:0; right:0; width:45px; height:100%; background:url(../images/sprit-img.png) no-repeat 0px -425px; border:0;}

.topMenu{ margin:12px 0 0 0;}
.topMenu a{ display:inline-block; vertical-align:middle; font-size:15px; color:#909090; margin:0 0 0 28px; font-weight:400;}
.topMenu a:first-child{ margin:0 0 0 32px;}
.topMenu a:hover, .topMenu a:focus{ color:#333;}
.breadcrumb{ position: relative; z-index: 9; }
.breadcrumb li{ font-size:12px; }
/*[/End headerWrapper]*/

/*[Start login/new account form]*/
.formContainer{ padding:30px 0 0;}
.formSet{ background:#fff; width:430px; min-height: 210px;  margin:0 auto 10px; padding:15px 15px 25px; position:relative; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px; 
          -moz-box-shadow:0px 2px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.5); -o-box-shadow:0px 2px 3px rgba(0,0,0,0.5); -ms-box-shadow:0px 2px 3px rgba(0,0,0,0.5); box-shadow:0px 2px 3px rgba(0,0,0,0.5);
}
.formTitle{ margin:0 0 20px; font-size:22px; color:#292929; font-weight:normal;}
.formText{ font-size:15px; line-height:24px; margin:5px 0 15px;}
.formSet .form-group{}
.form-fields, .bootstrap-select.selectOption{ border-radius:0; box-shadow:none; border:0; border-bottom:1px solid #979797;   padding:12px 15px 12px 38px; font-size:16px; color:#303030; height:52px; background: #fff; text-align:left;}
.form-control:focus {border-color:#979797; outline: 0; -webkit-box-shadow: none; box-shadow:none;}
.select-fields{ position:relative;}
.select-fields select {color: #c9c7c7; padding-right:35px;}
.select-fields:before, .select-fields:after{ content:''; position:absolute; top:0; right:0; z-index:1; width:35px; height:98%; background:#fff; display:none;}
.select-fields:after{ width:auto; height:auto; border-top:10px solid #dad9d9; border-left:6px solid transparent; border-right:6px solid transparent; top:50%; margin-top:-4px; right:12px;}
.select-fields:hover:after{ border-top:0; border-bottom:10px solid #dad9d9; }
.form-group.active select{color:#303030;}
.panel-default.active > .panel-heading a{color: #000 !important;}

.icon{ position:relative;}
.icon:before{ content:''; background:url(../images/sprit-img.png) no-repeat 0 0; position:absolute; top:0; left:0; width:30px;
              height:100%; z-index:2;}
.icon.userIcon:before{ background-position:-3px 7px;}
.icon.passwordIcon:before{ background-position:-3px -64px;}
.icon.cityIcon:before{ background-position:-2px -131px;}
.icon.organisationIcon:before{ background-position:-1px -199px;}
.icon.accessControlIcon:before{ background-position:-1px -269px;}
.icon.departmentIcon:before{ background-position:-1px -339px;}
.icon.phoneIcon:before{ background-position:-32px -532px;}

.formSet .form-group.rememberMe{ padding:16px 8px 0; border:0;}
.checkbox, .radio{ margin:0; color:#b9b7b7;}
.checkbox input.checkboxSpace, .radio input.radioSpace{ margin:2px 0 0 0; cursor:pointer;}
.checkbox label, .radio label{ cursor:inherit; padding-left:20px;}
.forgotLink{ color:#008cdd;}

.bootstrap-select.selectOption{ padding:0 0 0 38px;}
.selectOption .btn{font-weight: 300;   font-size: 16px; color: #c9c7c7;}
.selectOption .btn,  .selectOption.open>.dropdown-toggle.btn-default{  border:0; padding:0; height:51px; background:transparent; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none;}
.selectOption .btn:active:focus, .selectOption .btn:active:hover{ background:#fff; border:0; color:inherit;}
.selectOption .btn[aria-expanded="false"] {color:#303030;}

.selectOption .dropdown-menu{ padding:0; max-height:195px !important; background:#fafafa; border-radius:0;}
.selectOption .dropdown-menu>li>a { padding:4px 15px; white-space:normal;}
.selectOption .dropdown-menu>li>a:focus, .selectOption .dropdown-menu>li>a:hover{ background:#efefef;}
.selectOption .caret{border-left-width:6px; border-right-width:6px; border-top:6px solid #dad9d9;}
.selectOption.dropup .caret{ border-top:0; border-bottom:6px solid #dad9d9;}


.btnNew, .bookAppt .btnDesign4{ font-size:15px; display:block; color:#fff; border:0; background:#ed7516 !important; padding:8px; height:44px; line-height:normal; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; width:340px; margin:0 auto; font-weight:300;}
.btnNew, .btnNew:focus, .bookAppt .btnDesign4, .bookAppt .btnDesign4:focus{ -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.6); -o-box-shadow: 0px 2px 5px rgba(0,0,0,0.6); -ms-box-shadow: 0px 2px 5px rgba(0,0,0,0.6); box-shadow: 0px 2px 5px rgba(0,0,0,0.6);}

.btnNew:hover, .btnNew:focus{ background:#e57013; color:#fff;}
.resetPassword .formText{ margin:34px 0 28px;}
.resetPassword .formSet .btnNew{margin: 43px 0 0;}
.forgotPassword .formText{ line-height:18px;}

.bookAppt .btnDesign4{ float: right;}
.bookAppt .col-sm-offset-5{ margin-left:0 !important; width:100% !important; }
.bookAppt .appt_form{padding:5px 15px 20px;}
.bookAppt .appt_form .row:last-child .apptField:nth-child(2){ width:100% !important; }
.emailCheck {margin: 10px; font-size: 12px; font-weight: normal;}
.emailCheck input{transform: scale(1.5); margin-right: 10px;}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus {background-color: #FFFFFF !important; color: #303030 !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; -webkit-text-fill-color: #303030 !important;}

input::-moz-placeholder {color: #c9c7c7; opacity: 1;}
input:-ms-input-placeholder {color: #c9c7c7;}
input::-webkit-input-placeholder {color: #c9c7c7;}
::i-block-chrome, .formSet select.form-fields{line-height:52px;}

.spaceBottom{ margin-bottom:35px;}

.alertMsg{ position:absolute; top:64px; left:0; width:100%; z-index:2;}
.errorMsg{ color:#c00101; font-size:15px;}
.successMsg{ color:#159f71; font-size:15px;}
ul li.errorMsg {text-align: left; margin: 5px 0 0; font-size: 13px; }

/*[End login/new account form]*/


/*[Start dashboardWrapper]*/
/*.dashboardWrapper{ background:#fff;}*/
.leftSide{ color:#333; padding:0 10px 0 ; border-right:1px solid  #e5e5e5; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2);  -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2);  -o-box-shadow:0px 0px 5px rgba(0,0,0,0.2);  -ms-box-shadow:0px 0px 5px rgba(0,0,0,0.2);  box-shadow:0px 0px 5px rgba(0,0,0,0.2); }
.leftTitle{ font-size:18px; margin:0 0 0; font-weight:500;}
.leftSubTitle{ border-bottom:1px solid #cdcbcb; color:#4a4949; font-weight:500; font-size:15px; margin:0 0 6px; 
               padding:8px 0 9px;}
.accordionHeading a.categoryTitle{font-weight:500; font-size:13px; margin:0 0 9px;}
#leftSideWrapper .accordionHeading{ padding:5px;}
#leftSideWrapper .accordionHeading a:after{font-size: 17px; top:5px; right:5px;}
#leftSideWrapper .accordionHeading a[aria-expanded="true"]:after{top:1px;}
#leftSideWrapper .accordionHeading.active a{color:#000;}
#leftSideWrapper .panel-body{ padding:10px 5px;}


.filterSearch{    position: relative;z-index: 5;margin-top: 15px;}  
.filterSearch .search-field{ width:100%;}
.filterCategory{ margin-bottom:0;}
.filterCategory .checkbox, .filterCategory .radio{ color:#333; margin:1px 0 0; font-size:13px;}

.filterCategory .checkbox:first-child, .filterCategory .radio:first-child{ margin:0;}
.filterCategory input.checkboxSpace {margin: 1px 0 0 0;}

.bootstrap-select.filterSelectList{ padding:0; border:0; height:auto;}
.filterInput, .filterSelectList .btn{border:1px solid #cccccc; font-size:13px; }
.filterSelectList .btn:active:focus, .filterSelectList .btn:active:hover{border:1px solid #cccccc;}
.filterInput:focus, .filterSelectList:focus{border-color:#cccccc;}
.filterInput{  height:30px; -moz-box-shadow:inset 0 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,0.1); -o-box-shadow:inset 0 2px 3px rgba(0,0,0,0.1); -ms-box-shadow:inset 0 2px 3px rgba(0,0,0,0.1); box-shadow:inset 0 2px 3px rgba(0,0,0,0.1);}
.filterSelectList .btn, .filterSelectList.open>.dropdown-toggle.btn-default{-moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none; padding:4px 30px 4px 6px; height: 28px; border:1px solid #cccccc;}
.filterSelectList .btn:hover{ background:transparent;}
.filterSelectList .dropdown-menu>li>a {padding: 4px 8px; font-size: 13px;}
.inputWrapper{ position: relative; width: 43%; }
.inputWrapper:after{ content: ''; position: absolute; bottom: 0; right: 0; border-bottom:5px solid #858585; border-left:5px solid transparent; border-right:0px solid transparent;  }
.filterInput2{ font-size:13px; height: 25px; width: 100%; padding:3px 8px; border:0; border-bottom:1px solid #c9c9c9; box-shadow: none; border-radius: 0px;}
.toText{ color: #000; float: left; width: 14%; text-align: center; font-size: 14px; padding: 11px 0 0;   line-height: 14px;}

.statusField{ border-radius:4px; padding:3px 5px;}
.clip{border:1px solid #cccccc; display:inline-block; border-radius:3px; padding:3px 15px 3px 5px; font-size: 12px; position:relative;background:#f4f4f4;}
.clip i{  cursor:pointer; position:absolute; top: 6px; right:5px; font-family: 'Glyphicons Halflings'; font-size: 8px; }
/*[/Start dashboardWrapper]*/


.topBar{ background:#c9c9c9; padding:8px 15px; margin:2px 0 0;}
.topBarLink, .editLink{ color: #ed7634;font-size: 14px;text-decoration: underline;text-transform: uppercase;}
.topBarLink:hover, .topBarLink:focus{ text-decoration:none;}

.appointmentFormWrapper{ background:#fff; padding:30px; min-height:550px;}
.appLable{ font-weight:400; padding-right:0; margin:7px 0 0; font-size: 13px;}
.appInput, .selectOption_1 .btn { height:30px; border-color:#bab9b9; background:#f4f4f4; border-radius:0px; padding: 6px 8px; font-size: 13px; font-weight: 400; color: #000; box-shadow:none;} 
.appInputBtm{ background:#fff; border:0; border-bottom:1px solid #bab9b9; color:#676767;}
.selectOption_1 .btn{ border-radius:0;}
.selectOption_1.open>.dropdown-toggle.btn-default,
.selectOption_1 .btn-default:active:hover, .bootstrap-select.selectOption_1 > .dropdown-toggle.bs-placeholder:hover { background:#f4f4f4;}


.editLink{ margin:0 100px 0 10px; font-size:14px; text-decoration:none;}

.accBody .filterSelectList .btn, .accBody .filterSelectList.open>.dropdown-toggle.btn{ -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0; height: 30px; border-color: #bab9b9;
                                                                                       background: #f4f4f4;}

.accPanel{ margin:0;}
.accPanel, .accordionHeading{border:0; box-shadow:none; border-radius:0;}
.accPanel .accordionHeading{border-bottom:1px solid #c9c9c9; position:relative;}
.accordionHeading a{color:#828080; font-size:18px; }
.accordionHeading a:after{ content:'+'; position: absolute; top: 4px; right: 15px; font-size: 25px; width:25px; text-align:center; }
.accordionHeading a[aria-expanded="true"]{ color:#000;}
.accordionHeading a[aria-expanded="true"]:after{content: '--'; line-height: 26px; top: 5px; letter-spacing: -2px;}
.panel-group .panel+.panel{ margin:0;}
.panel-group .panel-heading+.panel-collapse>.panel-body{ border:0;}
.accBody{ padding-top:30px;}
.accSpaceBottom{ margin-bottom:10px;}

.accordionWrapper{    padding-bottom: 0; margin-bottom: 0;}
.accordionWrapper .panel-group{ margin-bottom: 0; padding-bottom:45px; }
.panel, .panel-heading {border:0; box-shadow:none; border-radius:0;}
.panel-default > .panel-heading{background:transparent; border-bottom:1px solid #c9c9c9; position:relative; padding: 5px;}
.panel-default > .panel-heading a{ color: #828080;  font-size: 13px; font-weight: 500; margin: 3px 0; padding-right: 25px; display:block; }
.panel-default > .panel-heading a:after{ content:'+'; position: absolute; top: 4px; right: 0; font-size: 17px; width:25px; text-align:center; }
.panel-default > .panel-heading a[aria-expanded="true"]{ color:#000;}
.panel-default > .panel-heading a[aria-expanded="true"]:after{content: '--'; line-height: 26px; top: 3px; letter-spacing: -2px;}


.rightSideWrapper{ background-color:#fff;padding:15px 15px 15px 25px; border-left:1px solid  #e5e5e5; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2);  -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2);  -o-box-shadow:0px 0px 5px rgba(0,0,0,0.2);  -ms-box-shadow:0px 0px 5px rgba(0,0,0,0.2);  box-shadow:0px 0px 5px rgba(0,0,0,0.2); position:relative;}
.export{ background:url(../images/sprit-img.png) no-repeat 45px -476px; padding:5px 40px 5px 0; display: inline-block; font-weight:500; color:#777; margin:3px 0 0;}
.paginationInfo{ display: inline-block; vertical-align: top;}
.pagination, .result{ display:inline-block; vertical-align:middle;}
.pagination{ margin:0 0 0 5px;}
.pagination > li > a, .pagination > li > span{ padding:3px 5px; color:#575757;}
.previousIcon, .nextIcon{ top:3px;}
.result{ color:#000;}
.pagination > li > a:hover, .pagination > li > a:focus{ color:#575757; background:transparent;}
.pagination > li.disabled > a{color:#ccc;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{color:#ccc;}

.scheduledBook{ font-size:17px; font-weight:500; margin: 0 0 10px;}
.scheduledBookTitle{ margin-top: 0; font-size:22px; font-weight:500;}
.scheduledSelectList .filterSelectList{ background:transparent;}
.scheduledSelectList{display:inline-block; width:auto; vertical-align:middle; margin:-5px 0 0 0;}
.scheduledSelectList .filterSelectList .btn, .scheduledSelectList .filterSelectList.open>.dropdown-toggle.btn-default,
.scheduledSelectList .filterSelectList .btn:active:focus, .scheduledSelectList .filterSelectList .btn:active:hover
{ border:0; font-size:17px; font-weight:500; color:#333; padding:0px 30px 0px 0px; line-height:normal;}

.tableWrapper{ margin:10px 0 0;}
.tableInfo{ background:#fff; border-color:#d4d4d4;}
.tableInfo thead tr th, .tableInfo tbody tr td{ vertical-align:middle; font-size: 13px; border-color:#d4d4d4; line-height:normal; font-weight:400;}
.tableInfo tr th{ background:#185a8c; color:#fff; text-align:center;  font-weight: 500; border-bottom-width:1px;}
.tableInfo tr:nth-child(2n){ background:#f3f3f3;}
.carName{ width:162px; text-align:left;}
.tableInfo td.carName{ text-transform:uppercase; font-size:11px;}
.tableInfo td.carImgInfo{ padding:5px;}
.tableInfo td.cep{ background:#eef1fd;}
.carImg{ max-width:45px;}

.leftBtnSearch{ background: #fff; padding: 15px 2px;  position: relative;  z-index: 9;}
.mCustomScrollBox, .mCSB_container{ overflow: inherit; }

#leftSideWrapper{ height:370px; padding:0 0 0px;}
#leftSideWrapper .mCSB_buttonUp, #leftSideWrapper .mCSB_buttonDown{ display:none !important;}
#leftSideWrapper .mCSB_outside + .mCSB_scrollTools{ right:-13px;}
#leftSideWrapper .mCSB_scrollTools a + .mCSB_draggerContainer{ margin:0;}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:#c3c3c3;}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width: 20px; background: transparent; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none; border-radius:0px; border-left:0; border-right:0; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ margin:2px 6px 0;}

#leftSideWrapper .bootstrap-select .dropdown-menu { width: 100%; }
#leftSideWrapper .uib-datepicker-popup.dropdown-menu{ width: 100%; left: 0 !important; }
#leftSideWrapper .uib-datepicker-popup.dropdown-menu table{ width: 100%; }

.slideMovement{ position:fixed; top:103px; left:0; height:100%; z-index:8; background:#fff; padding:0 15px 45px; }
.rightSide, .leftSide, .applyClear { -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; }
.rightSide{ padding-left:18%; padding-right:0; position:relative;}
.slideOpen .rightSide{ padding-left:3px;}
.slideOpen .leftSide, .slideOpen .applyClear { left:-17.66666667%;}

.collapseIcon{ width:15px; height:40px; background:#b4b4b4; text-align:center; position:absolute; left:0; top:50%; 
               font-size:10px; color:#fff; padding:13px 0; cursor:pointer; z-index:5; margin:-45px 0 0; webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.collapseIcon:before{ content:'\e257'; display:inline-block;  font-family: 'Glyphicons Halflings';}
.slideOpen .collapseIcon:before{ content:'\e258';}

.priority .filterInput{ width:48%;}

.rightSide .ui-grid-header-cell{background:#185a8c; padding: 5px 8px; color:#fff; text-align:center;  font-weight: 500; font-size:13px;}
.rightSide .ui-grid-cell{border-right-color:#d4d4d4; border-bottom:1px solid #d4d4d4;}
.rightSide .ui-grid-row:nth-child(2n) .ui-grid-cell{background:#f3f3f3;}
.rightSide .ui-grid-row:nth-child(2n+1) .ui-grid-cell{background:#fff;}

.tableInfo tr th select, .tableInfo tr th input[type="text"] {background:#fff; color: #606060;font-size: 12px; font-weight: normal; height: 30px;
                                                              line-height: 27px;  width: 80%; border:0; border-radius: 0; padding:4px 5px;}

.user-table.tableInfo tr th { width:15%;}
.user-table.tableInfo tr th.sreenke_me5 { width:5%;}

.navWrapper{background: transparent;  border: 0; border-radius: 0; margin-bottom: 0px; min-height: 0px; }
.navWrapper .navbar-nav > li > a{ padding:10px 15px; color:#505050;}
.navWrapper .navbar-nav > li > a:focus, .navWrapper .navbar-nav > li > a:hover{ color:#000;}
.navWrapper .navbar-nav > .open > a, .navWrapper .navbar-nav > .open > a:focus, .navWrapper .navbar-nav > .open > a:hover{color:#000;}

.navbar-nav > li > .dropdown-menu{ border-radius: 0; min-width: 157px; padding:0; border:1px solid #ebebeb;}
.navbar-nav > li > .dropdown-menu > li{border-top:1px solid #ebebeb;}
.navbar-nav > li > .dropdown-menu > li > a {font-size: 13px; padding: 6px 15px; color: #505050;}
.navbar-nav > li > .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background-color: #efefef;}
.navbar-nav > li > .dropdown-menu > li:first-child{border:0;}

.successBtn{font-size: 13px; font-weight: 500; padding: 5px 15px;}
.changePassLink:hover, .changePassLink:focus{text-decoration:underline;}

.limitedCategory{ height: 207px; overflow-y: auto;}

.applyClear{ position: fixed; bottom: 0; left: 0; width:16.66%; background: #E0E0E0; padding: 8PX; border-radius: 0; z-index: 9;}
.btnFilter{ width:48%; float: left; border-radius: 0; color: #fff;}
.btnDefault{background:#CECECE; color: #333;}
.btnDefault:hover, .btnDefault:focus{background:#C3C3C3; }
.btnOrange{background: #ef7623; float: right;}
.btnOrange:hover, .btnOrange:focus{background:#DE6D20;  color: #fff; }


.datepickerWrapper .form-group { margin: 5px 0;}

.datepickerInput, .datepickerBtn{ float: left; }
.datepickerInput{ width: 77%; border-radius: 3px 0 0 3px; } 
.datepickerBtn{width: 5%;  }
.datepickerBtn .btn{padding: 4px 13px 4px 15px; background: #efefef;}
.datepickerBtn .btn:hover, .datepickerBtn .btn:focus{ border-color: #adadad; }


.datepickerWrapper .uib-daypicker{ background: #fff; padding: 5px; border-radius: 5px; }
.datepickerWrapper .uib-button-bar{ padding: 5px; clear: both; overflow: hidden;}
.datepickerWrapper .uib-datepicker-popup{ box-shadow: none; }
.datepickerWrapper .uib-daypicker small, .datepickerWrapper .uib-weeks em, .datepickerWrapper .btn-group-sm > .btn, .datepickerWrapper .btn-sm{font-size: 10px;}
.datepickerWrapper .btn-group-sm > .btn, .datepickerWrapper .btn-sm{padding: 4px; font-size: 10px;}

.mbtm0{ margin: 0; }


label.required:after { content:" *"; color: red; }

.red { color: red !important;}
.green { color: green !important;}
.strike {   text-decoration: line-through; }
.delete {color : Plum}
.cancel {color : Gold}
/*========================ui-qa-release-1.2 start================================*/
.leadDeatails input[type="text"] {
    height: 30px;
    border: solid 1px #c4c4c4;
    background: #f4f4f4;
    border-radius: 3px;
    padding: 6px 8px;
    font-size: 15px;
    font-weight: 400;
    color: #212121;
    box-shadow: none;
    opacity: .8;
}
.leadDeatails input[disabled="disabled"]{border: 1px solid transparent;opacity: .5;}
.leadDeatails{background: #f7f7f8;padding: 0px 0 64px;clear: both;overflow: hidden;}
.leadDeatailsLi:last-child {margin: 0;}
.feedSubBlock:last-child {padding-bottom: 15px;clear: both;}
.leadDeatailsUl_2 .tab-content{ background: transparent;}
.leadDeatailsLi, .leadDeatailsUl_2 .nav-tabs li {float: left;margin-right: 15px;border-bottom: 3px solid transparent; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; display: inline-block; width: auto;}
.feedLi {color: #888;font-size: 14px;}
.feedSubCon{color: #888;font-size: 13px;}
.activityFeedBlock .leadDeatailsUl, .leadDeatailsUl_2 .nav-tabs {margin-left: 0px;box-shadow: none;margin-bottom: 15px;border-bottom: 1px solid #c9ccd3; background: transparent;}
.activityFeedBlock .leadDeatailsUl .leadDeatailsLi:first-child, .leadDeatailsUl_2 .nav-tabs li:first-child{padding-left: 0px;padding-right: 0px;}
.leadDeatailsLi.active, .leadDeatailsUl_2 .nav-tabs li.active{border-bottom: 3px solid #ed7634;}
.leadDeatailsLi.active a, .leadDeatailsUl_2 .nav-tabs li.active a{color: #212121 !important; background: transparent !important; border:0 !important;}
.leadDeatailsLi:hover, .leadDeatailsUl_2 .nav-tabs li:hover{border-bottom: 3px solid #ed7634;}
.leadDeatailsLi:hover a, .leadDeatailsUl_2 .nav-tabs li:hover a{color: #212121 !important; background: transparent !important;}
.leadDeatails .form-horizontal .control-label {padding-top: 21px;margin-bottom: 0;text-align: left;color: #888;
                                               font-weight: 200;font-size: 13px;margin-bottom: 6px;}
.panel-clear .row{clear: both;}
.card {overflow: hidden;clear: both;margin:0 15px 15px 32px; background: #fff;border-radius: 2px;-moz-border-radius: 2px;
       -webkit-border-radius: 2px;-o-border-radius: 2px;   -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
       box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);}
.leadDeatailsTitte {border-bottom: 1px solid #f1f1f1;margin: 0;padding: 13px 15px;line-height:16px;font-size: 16px;color: #212121;opacity: .8;}
.leadDeatailsA,  .leadDeatailsUl_2 .nav-tabs li a {color: #888;font-size: 13px;text-decoration: none;font-weight: normal;text-transform: uppercase; padding: 10px 26px; display: block; border:0;}
.EditDeleteBlock {position: absolute;top: -9px;right: 30px;}
.activityFeedBlock{background: #e8ecef;overflow: hidden;}
.leadDeatailsoverflowHeightTwo {padding-left: 30px;/*min-height: 330px;*/ min-height:270px; height: auto !important;}
.leadDeatailsoverflowHeightOne {/*min-height: 370px;*/ min-height:325px;}



.activityFeedBlock { background: #e8ecef; padding-bottom: 41px !important;}
.panel-leadDeatails{padding:0px 15px 15px;}
.paddingZero{padding: 0;}
.leadDeatailsUl {width: 100%;clear: both;overflow: hidden;-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);
                 -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);-o-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);
                 -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);margin-bottom: 20px;}
.leadDeatailsoverflowY {overflow: hidden;overflow-y: auto;padding-top: 2px; padding-bottom: 0;}
.leadDeatailsoverflowY .card{overflow: initial;}
.card .panel-leadDeatails .row:last-child .accSpaceBottom{margin-bottom:0;}
.feedSubTittle {font-size: 15px;margin: 0px 0 15px 0;font-weight: 500;color: #212121;opacity: 0.7;}
.activityFeed {font-size: 16px;padding-left: 33px;color: #212121;opacity: .8;}
.feedSubBlock {margin-left: 0px;clear: both;float: left;width: 100%;border-left: 1px solid #c9ccd3;padding-left: 21px;
               position: relative;}
.feedSubBlock:after{width:10px;height: 10px;border-radius: 50%;background: #afbcc7;content: '';display: inline-block;position: absolute;top: 4px;left:-5px;}
/*.feedSubBlock:first-child h3 {margin-top: 0;}*/
.feedUl {width: 100%;clear: both;overflow: hidden;margin-bottom: 15px;}
.feedLi {float: left;padding: 0;margin-right: 15px;}
.feedLi:last-child{margin: 0;}
.fixedBtn {position: fixed;bottom: 0;width:40%;right: 0;height: 65px;background: #dbe1e6;z-index: 999;  -moz-box-shadow: -5px 0 10px rgba(0,0,0,0.5);  -webkit-box-shadow: -5px 0 10px rgba(0,0,0,0.5);  box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.btn.btn-default.activity {margin-top: 12px;margin-left: 40px;background: #ed7533;color: #fff;font-size: 16px;font-weight: 500;
                           outline: none;height: 45px;padding: 0 30px;}
.fixedBtnLeft {position: fixed;bottom: 0;width: 60%;left: 0;height: 65px;background: #dbe1e6; z-index:1025; -moz-box-shadow: -5px 0 10px rgba(0,0,0,0.5);  -webkit-box-shadow: -5px 0 10px rgba(0,0,0,0.5);  box-shadow:-5px 0 10px rgba(0,0,0,0.5);}
.feedLi img {margin-top: -3px;}
.btnDot {background: none;border: 0;color: #a3a3a3;margin-top: 15px;float: right;margin-right: 0px;}
/*.leadDeatailsToggle {position: absolute;top: 17px;right: 15px;background: #fff;border-radius: 2px;padding: 0;
        width: 120px;z-index: 9;}*/
.leadDeatailsToggle {
    position: absolute;
    top: 9px !important;
    right: 15px;
    background: #fff;
    border-radius: 2px;
    padding: 0;
    width: 120px;
    z-index: 9;
    height: auto;
}
.feedSubBlock:last-child .leadDeatailsToggle{ top:inherit;} 
.leadDeatailsToggle li {border-bottom: 1px solid #f1f1f1; }
.leadDeatailsToggle span {margin-right: 10px;color: #a3a3a3;}
.leadDeatailsToggle a {padding: 10px; display: block; color: #303030; font-size: 11px;}

.feedSubBlock:first-child h3:after {width: 10px;height: 10px;position: absolute;content: '';display: inline-block;
                                    left: -20px;top: -3px;background: #e8ecef;}
.feedSubBlock:last-child h3:after {width: 10px;position: absolute;content: '';display: inline-block;left: -20px;
                                   top: 13px;background: #e8ecef;height: 114px;}
.popupCon {padding: 30px;background: #dbe1e6;border-radius: 0;}
.btnCancel {background: #b6b8c1 !important;color: #fff;margin-right: 10px;}
.btnAdd {background: #ed7533 !important;color: #fff;}
.btnCancel:hover,.btnAdd:hover{color: #fff;}
.popupTitle{margin-bottom: 15px;font-size: 18px;margin-top: 0; color: #212121;}
.popupCon .btnCancel, .popupCon .btnAdd  {-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
                                          box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); min-width: 126px;
                                          padding: 13px; line-height: normal;}

.popupTextbox{
    width: 100%;
    height: 35px;
    padding: 0 0 0 15px;
    margin-bottom: 18px;
    border: 1px solid #b4c2d4;
}
.popupTextarea{width: 100%;
               height: 60px;
               padding-left: 10px;
               padding-top: 5px;
               border: 1px solid #b4c2d4;
               margin-bottom: 15px; overflow-y: auto; resize: none;}

.commonTime {
    float: left;
    width: 48%;
    margin-bottom: 15px;
}
.commonTime .input-group-addon{background: #b6b8c1;
                               color: #fff;}
.tabError a,.tabError:hover a,.tabError.active a{color: red !important;}


.commonTime:first-child {margin-right: 4%;}
.commonTime {float: left;width: 48%;margin-bottom: 15px;}
.commonTime .input-group-addon{background: #b6b8c1;color: #fff; border-color: rgba(171, 171, 171, 0.8);} 

.manageDealA {margin-top: 0;}
.dropdown-menu.fixedUl {
    position: absolute;
    z-index: 9999;
    top: 232px;
    left: 0;
    border-radius: 0;
    width: 100%;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0;
    overflow: hidden;
}
.dropdown-menu.borderBottom {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.dropdown-menu.borderBottom .divider{display: none;}
.dropdown-menu.fixedUl > li > a{ padding:6px 20px; background:#ed7533; color: #fff; }
.feedSubject{margin-top: -19px;margin-left: 16px;}

/*========================ui-qa-release-1.2 end================================*/



/*========================lms-167 start================================*/
.modal{ width: 100%; height: 100%; }
.modal-dialog{display: table; height: 100%; margin: 0 auto; padding: 30px 0;}
.modal-content{ display: table-cell; vertical-align: middle; background: transparent; -moz-box-shadow:none; box-shadow:none; border:0;  }

.popupCon, .modalOutProp{border: 1px solid #98999f; border-radius: 3px; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5);}
.popupTextbox, .popupTextarea, .popupCon .form-control{height: 32px; color: #212121; font-size: 15px; margin-bottom: 0; padding: 5px 8px; background-color: rgba(255, 255, 255, 0.8); border: solid 1px #b4c2d4; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.popupTextbox, .popupTextarea{width: 100%; }
.popupTextarea{height: 64px; margin-bottom: 0;}
.popupTextbox:focus, .popupTextarea:focus, .popupCon .form-control:focus{ border-color: #979797; }
.popupCon input::-webkit-input-placeholder, .popupCon textarea::-webkit-input-placeholder {color:#a1a2a3;}
.popupCon input:-moz-placeholder, .popupCon textarea:-moz-placeholder {color:#a1a2a3;}
.popupCon input::-moz-placeholder, .popupCon textarea::-moz-placeholder  {color:#a1a2a3;}
.buttonTopSpace{ margin-top: 35px; }
.popupCon .form-control{ margin-bottom: 0; }
.popupCon .timeWrapper{ width: 100%; padding: 6px 8px; }
.popupCon .error { font-size: 13px; margin:6px 0 0 3px; display:block;}

.rangeFilterInDeal .form-group{ vertical-align: top; position: relative; margin-bottom: 25px; }
.rangeFilterInDeal .form-group .error { position: absolute; bottom: -18px; left: 0; font-size: 13px;}

.btnSubmit{ background: #ed7516; font-size: 12px; color: #fff;}
.btnSubmit:hover, .btnSubmit:focus{ background: #e57013;color: #fff; }

@media only screen and (max-width: 767px){
    .rangeFilterInDeal .form-group{ vertical-align: top; }

}

@media only screen and (max-width: 767px){

    .modal-dialog{ width: 92%; }
    .commonTime{ width: 100%; }
    .commonTime:first-child{ margin-right: 0; }
    .popupCon{ padding: 15px; }
    .popupCon .btn{    min-width: 100px; padding: 8px;}
    .buttonTopSpace {margin-top: 5px;}
}

/*========================lms-167 end================================*/


/*==========================lms-205 start============================*/
.selectSaveList, #btn-append-to-single-button{ position: relative; text-align: left; width: 100%;}
#btn-append-to-single-button .caret{ position:absolute; top:15px; right: 15px; }


/*==========================lms-205 end============================*/
.grid-loading {
    position: absolute;
    top: 120px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 1.5em;
}



.loader_sect{position: absolute; top: 50%; left: 50%; z-index:6;}

.leadDeatailsoverflowHeightOne{ /*height:414px;*/ height:325px;}

.ui-grid-cell{ padding:5px !important;}
.ui-grid-cell-contents{ padding:0 !important;}

#activity, #changelog{clear: both; overflow: auto; padding-left: 4px;}

.typeahead-demo .custom-popup-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: #f9f9f9;
}

.typeahead-demo .custom-popup-wrapper > .message {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #868686;
}

.typeahead-demo .custom-popup-wrapper > .dropdown-menu {
    position: static;
    float: none;
    display: block;
    min-width: 160px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover{
    color:#333;
}
/*==================search box start=========================*/
.leftSearch {
    display: inline-block;
    width: 76%;
    vertical-align: middle;
}
.rightSearch {
    display: inline-block;
    width: auto;
    /*    background: red;*/
    border-radius: 4px;
    padding: 4px 6px;
    text-align: center;
    color: #fff;
    float: right;
    margin:6px 0;
    width:24%; white-space: normal;
    line-height: 14px;
}
.searchCon {
    float: left;
    clear: both;
    width: 100%;
    background: #fff;
}
.leftSearch .ng-binding{white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;width:239px;}
.dropdown-menu>.active>a.searchCon{background:#e3e3e3;positio:relative;}
.dropdown-menu>.active>a.searchCon:hover{color:#505050;}
.nav>li{ z-index:1;}
.searchUl{position:relative;}
.searchUl .filterTopSection {width:210px; margin-right:10px; margin-top:3px;}
.searchUl .filterTopSection ul.dropdown-menu{    position: absolute !important;
                                                 width: 350px;
                                                 overflow: auto;
                                                 max-height: 250px;}
.noResult {
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: -7px;
    padding: 5px 10px;
}
.noResult p {
    margin: 0;
    font-size: 12px;
}
.noResult button {
    background: none;
    border-bottom: 1px solid #185a8c;
    padding-bottom: 5px;
    border-top: none;
    border-right: none;
    border-left: none;
    font-size: 14px;
    font-weight: 600;
    color: #185a8c;
    margin-top: 5px;
    margin-bottom: 5px;
}
.won{background:#2cbf55;}
.lost{background:#e84646;}
.openStage{background:#000;}
.noResults{ text-align:left; font-size:11px; margin-top:4px;}
.globalLoader{margin: 0;right: 0;width: 65px;top: 0;height: 100%;left: inherit;padding: 2px;}
/*==================search box end  =========================*/
.countBtn {
    display: inline-block;
    width: 16%;
    float: left;
    background: #b5b3b3;
    margin-left: .5%;
    color:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
}
.countBtn:hover,.countBtn:visited,.countBtn:focus{color:#fff;}
.countBtn:first-child{margin:0;}
.circleCount {
    display: block;
    width: 75px;
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    margin-top: 5px;
    color: #777;
    padding: 2px 0;
}
.countBtn.active ,.countBtn:hover{
    background: #185a8c;
    color: #fff !important;
}
.tooltip.top { margin-top:15px;}
.tooltip { word-wrap:break-word;}


/*[lms-446 start]*/
.header_sect2{ padding:4px 15px 13px;}
.header_top{ padding:0;}
.header_list{ margin:5px 0 0; padding:0;}
.header_list li{ display:inline-block; vertical-align:middle; margin:0px 0 0 15px; padding:5px 0; color:#575a5d; font-size:14px;}
.header_list li.price{ font-weight:500; }
.header_list li a{ color:#5d5d5d; position:relative;} 
.header_list li i{ display:inline-block; margin-right:5px; }
.header_list li:first-child{ line-height:10px; padding-right:15px; margin-left:0;}

.header_list li a.user_name, .header_list li a.building_name{ padding-left:25px;}
.header_list li a.user_name:before, .header_list li a.building_name:after{ content:''; position:absolute; top:0; left:0; width:25px; height:25px; background:url(../images/sprit-img.png) no-repeat 0 0; }
.header_list li a.user_name:before{ background-position:-12px -548px;}
.header_list li a.building_name:after{background-position:-35px -548px;}

/*.appt_id, .price{ font-weight:600; font-size:20px;}
.price{ font-size:17px;}*/

.wonBtn, .lostBtn{ border-radius:2px; font-size:14px; color:#fff; background:#2cbf55; padding:4px 10px; min-width:80px; font-weight:600; margin:3px 2px 3px 0; display:inline-block; vertical-align:middle;}
.wonBtn:hover, .wonBtn:focus{background:#1ca642; color:#fff;}
.lostBtn{ background:#e84646; margin-right:0;}
.lostBtn:hover, .lostBtn:focus{background:#d43939; color:#fff;}

.process_days{ margin:5px 0 0; padding:0; background:#d8d4d4; border-radius:5px; overflow:hidden; clear:both; overflow:hidden;}
.process_days li{ width:16.61%; float:left;}
.process_days li a{ font-size:14px; color:#fff; text-align:center; background:#2cbf55; position:relative; display:block; font-weight:500; padding:4px 5px;}
.process_days li a:before, .process_days li a:after{ content:''; position:absolute; top:0; right:-5px; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:5px solid #2cbf55; z-index:2;}
.process_days li a:before{ border-left:5px solid #fff; z-index:1; right:-6px;}
.process_days li.redActive a{background: #e84646;}
.process_days li.redActive a:after{ border-left-color:#e84646;}

.process_days li.greyActive a{background: #9c9c9c;}
.process_days li.greyActive a:after{ border-left-color:#9c9c9c;}

.process_days li.greenActive a{background: #2cbf55;}
.process_days li.greenActive a:after{ border-left-color:#2cbf55;}

/*[lms-446 end]*/
/*======================= start lms-493================================= */
.leadDeatailsLi.leftNavigation {
    padding-left: 4px;
}
/*=======================lms-493 end==========================================*/

.leftSide .bootstrap-select.btn-group .dropdown-menu li a span.text{padding-right: 10px; margin: 0px;}
.leftSide .bootstrap-select .dropdown-menu>li>a{    white-space: normal;}
.leftSide .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{ right:4px;}
.greyBtn{ background:#969494; margin-right:0; color:#fff;}
.greyBtn:hover, .greyBtn:focus{color:#fff;}
/*=========================================LMS-690 Start===========================================*/
.process_days .tooltip {top: 139px !important;margin: 0;text-align: left !important;}
.process_days .tooltip-inner{text-align: left;max-width: 218px;}
/*=========================================LMS-690 End===========================================*/

.lost_reason_txt{margin-left: 40px;font-weight: bold;font-size: 14px;padding: 3px;}
.width_100px{width:100px !important;}
.font-weight-300{font-weight: 300;}
.margin-lft30{margin-left: 30px;}
.dropdown-header { 
    background: #cccccc;
    font-weight: bold;
}
.successMsgInfo{ width: 40%; margin: 15% auto 0; border-color:#c6e0b1;padding:20px 20px; min-height: 150px;}
.successMsgInfoTitle{font-weight: 500; font-size: 22px; margin: 0 0 18px;}
.apptID, .apptID strong{ font-size: 17px; font-weight: 500;}
.apptID strong, .apptID span{ display: inline-block; vertical-align: middle; margin-right:8px;}
.uploadFile{
    margin-top: 15px;
    margin-bottom: 15px;
    height: 215px;
    overflow-x: auto;
}
.btn-dark .btn, .btn-dark .btn:hover, .btn-dark .btn:focus{color: #333; font-weight: 400;}
.btn-dark .caret{border-left-width: 4px; border-right-width: 4px; border-top: 4px solid #333333;}
.btn-dark.dropup .caret {border-top: 0;border-bottom: 4px solid #333333;}
.selected, .leftSide .bootstrap-select .dropdown-menu>li.selected a {
    background: #cecece;
}
.totalPages{float:left;padding-right:20px;line-height:28px;}

/*=======================lms-1026 start==========================================*/
.addLeftFixed {position: fixed;width: 30.33%;left: 15px;overflow-y: scroll;top: 123px;background: #fff;}
.formSet.col-lg-12.col-md-12 {width: 96%;    margin-bottom: 15px;}
/*=======================lms-1026 end==========================================*/
.rotting_btn {background: #f00; color: #fff !important; padding: 8px 15px; border-radius: 65px; font-size: 13px; margin: 0 0 0 10px; }
.leadDeatails textarea{font-size: 11px; height: 42px; resize: none;  overflow: auto; border:1px solid #ccc; padding:6px; width: 100%; display: block;}
.rightSide .darkGrey  {background: #e2e2e2 !important; color : #ada6a6;}
.rightSide .ui-grid-header-cell-row .ui-grid-cell-contents{ padding: 0 !important;}
.rightSide .ui-grid-cell-contents {padding: 6px !important;}
.ui-grid-canvas .ui-grid-cell a{padding: 6px 0!important; display: block;}
.btnNewSubmit, .bookAppt .btnDesign4 {padding: 11px 15px; width: auto; line-height: normal; height: auto; margin: 0;}
.btnNewSubmit{padding: 11px 15px; width: auto; line-height: normal; height: auto; margin: 0;}
.pll{ background: #333;}
.spaceBtm{ margin-bottom: 30px;}

/*[columnsSearch]*/
.columnsSearch{ margin:0 0 0 5px;}
.columnsSearch .btn{font-size: 12px; padding: 4px 12px; border-radius: 0;}
.columnsMenu{ left:inherit; right:0; min-width:240px; padding: 15px 15px 15px;}
.colTitle{ margin:0 0 15px; font-size: 17px;}
.colSearch{ position:relative;}
.colSearch .form-control{ padding-right:40px; height: 30px; font-size: 12px; color:#000; border-color:#bbb1b1;}
.searchColBtn{ position: absolute; top:0; right:0; background:transparent;}

.colsList{  position: relative; padding: 0px 22px; max-height: 220px; height: 220px; overflow-y: scroll; margin:10px 0; font-size: 12px;}
.colsList li{ padding:3px 0;}
.colsList label{ font-weight: 400; color:#636363;}
.colsList .checkbox, .colsList .checkbox input{cursor:pointer; margin-top: 2px;}

.colsList li:first-child{ margin: 0 0 15px;}
.colsList li:first-child:before{ content: ''; position: absolute; top:28px; left:0; width: 100%; border-bottom: 1px dashed #ccc;}
.colsList li:first-child label{ font-weight: 500;}
/*[columnsSearch]*/

.selectdemoSelectHeader {
    /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */ }
.selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0; }
.selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto; }
.selectdemoSelectHeader md-content._md {
    max-height: 240px; }

.popupCon h3{ font-size:16px; margin: 0 0 15px;}
.popupCon .btnCancel, .popupCon .btnAdd{ min-width: 95px; padding:10px; margin: 3px;}
.popupCon .radio input{ margin-top:2px;}
.popupCon .radio {margin: 0; color: #1f1d1d; font-size: 12px; font-weight: 500;}

.ui-grid-header-canvas{ background: #185a8c;}
.ui-grid-header-cell:last-child, .ui-grid-cell:last-child{ border-right:1px solid #d4d4d4 !important;}
.bookAppt{ background: #fff; padding: 15px;}
.appt_form{ position: relative;}
.appt_form .loader_sect{ position: absolute; top:0; left:0; width: 100%; height: 100%;background: url('../../img/loader.gif') no-repeat center center;}
.btnInfo, .btnDanger{display: block; text-align: left;  margin: 3px 0 0; font-size: 13px; }
.btnInfo .glyphicon, .btnDanger .glyphicon{ font-size: 12px;}
.btnInfo:hover, .btnDanger:hover{ text-decoration: underline;}
.bootstrap-select.OptionSelect{ min-width: 100px;  border:1px solid #ccc; height: 35px; padding: 7px 0 7px 12px;}
.bootstrap-select.OptionSelect .btn{ height: 100% !important; font-size: 14px;}
.bookAppt{ background: #fff; padding: 15px;}
.appt_form{ position: relative;}
.appt_form .loader_sect{ position: absolute; top:0; left:0; width: 100%; height: 100%;background: url('../../img/loader.gif') no-repeat center center;}


/*Amit upadhyay LMS 1213 */

.slideMovement.sl-move{
    overflow-y: scroll;
    padding: 0 15px 45px;
    top: 70px;
    width: 20%;
}
.slideMovement.sl-move + .rightSide{
    padding-left: 20%;
}
.slideOpen .rightSide {
    padding-left: 3px !important;
}
.slideOpen .slideMovement.sl-move.leftSide{
    left: -20%;
}
.slideMovement.sl-move .fill-form{
    padding-bottom: 60px;
    /* margin-bottom: 60px; */
}
/* apply filters */
.mb20{margin-bottom: 20px;}
.applied-filters ul.flit-lists{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.applied-filters .flit-lists li{display: block;vertical-align: -webkit-baseline-middle;}
.applied-filters .flit-lists.list-2 li{display: inline-block;}
.applied-filters .flit-lists li a{
    height: 30px;
    /* background-color: #e0e0e0; */
    box-shadow: 0 2px 4px 0 hsla(0,0%,100%,.5);
    border-radius: 3px;
    margin: 0px 4px 0 0;
    padding: 5px 8px;
    line-height: 30px;
    font-size: 12px;
    color: #969595;
    font-weight: 400;
    /* display: inline-block; */
    border: 1px solid currentColor;
}
.applied-filters .flit-lists li a i{margin-left: 6px;}
.applied-filters p{
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    margin-right: 6px;
    vertical-align: middle;
    /* height: 29px;
    line-height: 29px; */
    margin: 12px 0 5px;
}
.applied-filters .flit-lists li span{
    display: inline-block;
    color: #636161;
    width: 45px;
    font-size: 13px;
    font-weight: 500;
}
.columnsSearch .cogs_btn{background: transparent;border: none;color: #185a8c;font-size: 24px;padding: 0 14px 0 15px;}
.columnsSearch.cogs_row .cogs_btn:focus{
    background: transparent;
    border:none;
    color:#185a8c;
    box-shadow: none
}
.paginationInfo .result{font-size: 12px;font-weight: 400;}
.reset_btn{position: relative;}
.reset_btn a{
    border-radius: 3px;
    color: #969595;
    font-weight: 400;
    border: 1px solid currentColor;
    padding: 3px 10px;
    margin-bottom: 10px;
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 13px;
    z-index: 1;
}
.filters-list h3.reset_btn{padding-bottom: 14px;font-size: 14px;}
.filters-list .sh-more{
    margin: 14px 0 0;
    color: #185a8c;
    font-size: 13px;
}

/* ========================== */
/* custom chechkbox */

.check_box, .radio_check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    color: #24272c;
    vertical-align: middle;
}

/* Hide the browser's default checkbox */
.check_box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border: 1px solid #929191;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.check_box:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check_box input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check_box input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check_box .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ======== custom radio buttons ================ */

/* .radio_check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    color: #24272c;
    vertical-align: middle;
} */

/* Hide the browser's default radio button */
.radio_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radio_check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border: 1px solid #929191;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio_check:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio_check input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
radio_check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio_check .checkmark:after {
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}

/* aside filters */
.category-card .category-row{
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
}
.category-card .category-row .panel-heading{
    padding: 0;
    background: transparent;
    border: none;
}
.category-card .category-row .panel-title{
    font-size: 14px;
    font-weight: 500;
    position: relative;
    padding: 10px 0px;
    color: #828080;
    cursor: pointer;
}

.category-card .category-row .panel-title::after{
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    transition: all 0.5s;
    font-size: 22px;
    color: #000;
    position: absolute;
    top: 6px;
    right: 10px;
}
.category-card .category-row .panel-body{
    border: none !important;
    padding: 10px 0 15px;
}
p.sh-more{
    font-size: 13px;
    color: #185a8c;
    margin: 10px 0 0;
    font-weight: 500;
}
p.sh-more a{color: #70CBF8;}

/* side align */
.rightSideWrapper {
    background-color: #fff;
    padding: 2px 15px 15px 25px;
    padding-left: 10px;
    border: none;
    box-shadow: none;
}
body{background: #fff;}
/* go */
/* .go-page{
    width: 80px;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: 0;
}
.go-page span{
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin-right: 5px;
}
.go-page input{
    display: inline-block;
    width: 35px;
    padding: 5px;
    height: 28px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    color: #333;
    font-weight: 400;
    font-size: 13px;
} */
/* filt-tab */
.filt-tab .countBtn.active, .filt-tab .countBtn:hover {
    background: #98BDE7;
    color: #000 !important;
    box-shadow: none;
    font-weight: 500;
    border-bottom: 3px solid #588FD7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
} 
.filt-tab .countBtn.active span, .filt-tab .countBtn:hover span{color: #000;}
.filt-tab .countBtn{
    background: #F2F2F2;
    color: #9E9E9E;
    font-weight: 500;
    border-bottom: 3px solid transparent;
    padding: 10px 12px;
    margin: 0;
    border-radius: 0;
    width: 16.5%;
}
.filt-tab .circleCount{
    margin: 0 auto;
    font-size: 18px;
    font-weight: 500;
    color:#9E9E9E;
    padding:0;
    background: transparent;
}

/* custom scroll */

.slideMovement.sl-move::-webkit-scrollbar {
    width: 8px;
}
.slideMovement.sl-move::-webkit-scrollbar-track {
    background: #f1f1f1; 
    border-radius: 50px;
}
.slideMovement.sl-move::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius:50px;
}
.slideMovement.sl-move::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.arr-style{
    border-radius: 8px;
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.4);
}
.arr-style .filterSelectList .btn, .filterSelectList.open>.dropdown-toggle.btn-default{
    padding: 4px 30px 4px 6px;
    height: 26px;
}
/* my page */
.pagination.my-page li a{
    padding: 0px 11px;
    color: #000;
    font-size: 16px;
    /* box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.42); */
    background: #DDD;
    border: 1px solid #ccc;
}

.pagination.my-page li.disabled a{
    color: #ccc;
    background: transparent;

}
.pagination.my-page li a i{font-weight: bold;}
#show_filt, #shApp-filter{display: none;}
#shApp-filter{margin-top: 15px;}
#shApp-filter p:first-child{margin-top: 0px;}
.category-card .category-row .form-control{
    /*border-radius: 10px;*/
    color: #000;
}
.applied-filters .flit-lists.list-2 li a{
    border: 1px solid #969595;
    color: #71A0DA;
}
.applied-filters .flit-lists.list-2 li a i{
    color: #969595;
}
.sh-row{
    font-size: 12px;
    font-weight: 400;
    color: #000;
    padding-top: 5px;
    display: inline-block;
    padding-right: 6px;
}
.category-card .category-row .panel-title.active{
    color: #000;
}
.category-card .category-row .colsList li:first-child{
    margin-bottom: 0;
}
.category-card .category-row .colsList li:first-child label{
    font-weight: 400;
}
.category-card .category-row .colsList li:first-child:before{
    content: none;
}


/* -------------Grid height css -----------------------------*/
.my-grid {
    height: 65vh;
}  
/*//-------------Grid height css -------------------------------//*/
.clr-all{
    margin-bottom: 15px;
    font-size: 14px;
    color: #878787;
}
.clr-all a{color: #878787;}
.clr-all i{
    margin-right: 9px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-color: #f0f0f0;
    padding: 1px 0;
    font-size: 10px;
    text-align: center;
    color: #878787;
    vertical-align: middle;
}

/*media query*/
@media screen and (min-width:992px) and (max-width:1100px){
    .headerWrapper{padding: 13px 0px 11px;}
    .navWrapper .navbar-nav > li > a{padding: 10px 4px;}
}

/* otp css */
.otp-row{display: none;}
/*.otp-field{display: none;}*/
.otp-section-active{display: block;}
.otp-row .ot-text{
    margin: 0 0 7px;
}
.otp-row .otp-field .form-group{margin: 0 0 10px;}
.otp-row .ot-text a{
    font-weight: 400;
}
.otp-row .otp-field a{
    font-weight: 400;
    margin-right: 30px;
}
.otp-popup .modal-content{
    display: block;
    background: #fff;
}
.detail-lock-icon{
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 2px;
    z-index: 99;
}
.otp-resend-btn i{margin-right: 5px;}

.form-otp-res .form-group button, .btns-2 button{margin-right: 10px;}
.btns-2{margin-top: 15px;}
.form-otp-res label{font-weight: normal;}
.form-otp-res .form-control{height: 34px !important;}

/*Loader CSS Starts*/
/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 99999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*Loader CSS Ends*/
.breadcrumb{
    background: #f5f5f5;
    padding: 5px 0px 5px 10px;
}

.no-record{
    top: 172px; 
    left: 50%; 
    width: 100%; 
    text-align: center; 
    font-size:20px; 
}

.token-table{
    padding: 15px 15px;
}

.tooltip {
    position: absolute;
    z-index: 4;
}

/*===== LMS-1586 =====*/
@media (max-width: 767px){
    .p-l-0{
        padding-left: 0;
    }
    .logo-img img {
        max-width: 90px;
    }
    .mobile-nav {
        padding-right: 0;
    }

    .mobile-nav .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        padding: 10px 15px;
        background: #f9f9f9;
        border: 1px solid #f3f3f3;
        border-radius: 4px;
        z-index: 9;
        height: 360px;
        position: fixed;
        left: 0;
        width: 100%;
        text-align: left;
    }
    .mobile-nav .searchUl .filterTopSection ul.dropdown-menu{
        width: 100%;
    }
    .mobile-nav .navbar-toggle {
        margin-top: 0;
        margin-right: 0;
    }
    .mobile-nav .searchUl .filterTopSection{
        width: auto;
        margin: 0 15px;
        z-index: 99;
    }

    /* File Upload Error CSS */
    .uploaderror{
        white-space: pre-wrap !important;
    }

}
.generate-link-btn{
    padding: 4px 5px;
    margin-left: 10px;
    background: #ef7738;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    border-radius: 2px;
    border:none;
    display: inline-block;
}
/* LMS Customer Dashboard Start */
.pt-0 {
    padding-top: 0;
}

.bg-blue{
    background: #0059a3;
}
.welcome-header{
    padding: 18px 0 60px;
}
.welcome-header p{
    margin-bottom: 0;
    font-size: 22px;
    line-height: 1.27;
    letter-spacing: 0.4px;
    color: #fff
}
.welcome-header p>strong{
    font-weight: bold;
}
.white-head{
    padding-left: 25px;
    padding-bottom: 50px;
}
.white-head p{
    color: #4a4a4a;
}
/* Customer Table */
/* .customer-header{
    padding: 15px 0 20px;
}
.curstomer-status-table .table>thead>tr>th {
    padding-bottom: 10px;
    font-size: 16px;
        line-height: normal;
        letter-spacing: 0.4px;
        color: #ffffff;
    font-weight: normal;
    border-bottom: 1px solid #dfdfdf;
}
.font-weight-bold{
        font-weight: bold !important;
}
 .curstomer-status-table .table>tbody>tr>td{
        padding-top: 7px;
    padding-bottom: 7px;
    font-size: 17px;
        line-height: normal;
        letter-spacing: 0.5px;
        color: #ffffff;
        border-top: solid 1px #0059a3;
}
.curstomer-status-table .table>tbody>.denied-color>td{
        color: #ff7e1f
} */

/* Retail View */
.retail-view-table .table>thead>tr{
    background: #f5f5f5;
}
.retail-view-table .table>thead>tr>th {
    padding: 20px 15px 20px;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0.6px;
    color: #8c8c8c;
    font-weight: normal;
    border-bottom: none;
}
.font-weight-bold{
    font-weight: bold !important;
}
.retail-view-table .table>tbody>tr>td{
    padding: 12px 15px 12px;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #4a4a4a;
    border-top: solid 1px #eaeaea;
}
.retail-view-table .table>tbody>.denied-color>td{
    color: #ff7e1f
}
.retail-view-table .table .done{
    color: #76F56D;
}
.retail-view-table .table .denied{
    color: #FF5D41;
}
.retail-view-table .table .starts, .evaluator-table .table .time{
    color: #FFB81F;
}

.retail-view-table .table .pending{
    color: #2196F3;
}

/*Evaluator Inspection*/
.evaluator-table .table .ins-count{
    font-size: 16px;
    font-weight: 700;
    line-height: norma
}	


.onoffswitch {
    position: relative; 
    width: 60px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; 
    overflow: hidden; 
    cursor: pointer;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block; 
    width: 200%; 
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; 
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; 
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; 
    float: left; 
    width: 50%; 
    height: 20px; 
    padding: 0; 
    line-height: 22px;
    font-size: 14px; 
    color: white; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Yes";
    padding-left: 10px;
    background-color: #2db923; 
    color: #208219;
}

.onoffswitch-inner:after {
    content: "No";
    padding-right: 10px;
    background-color: #dc502a; 
    color: #9c391e;
    text-align: right;
}
.onoffswitch-switch {
    display: block; 
    width: 16px;
    height: 16px;
    margin: 2px;
    background: #ffffff; 
    border-radius: 20px;
    position: absolute; 
    top: 0; 
    bottom: 0; 
    right: 40px;
    -moz-transition: all 0.3s ease-in 0s; 
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; 
    transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.gray-switch:before {
    content: "Yes";
    background-color: #e0e0e0; 
    color: #c2c2c2;
}

/* Sbu Menu */
.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 {
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;  
    height: 0;     
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}

.dropdown-submenu:hover a:after {
    border-left-color:#555;
}
.dropdown-submenu:hover .dropdown-menu {
    display: block;
}

/* Sbu Menu */
.dashboard-store {
    padding: 20px 30px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
    background: #fff0;
}

.orange-color{
    color: #f07500;
}

.dashboard-store-button {
    background: #f07500;
    width: -moz-available;
    margin-top: 20px;
    color: #153f6b;
}
/* LMS-1597 */
.walk-section{
    margin-top: 0;
}
.walk-section .walk-form {
    padding: 30px 30px;
    width: 100%;
    margin: 0 auto;
    background: #f9f9f9;
    border-radius: 4px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.2);
}
.walk-section .w-head {
    margin: 0 -30px 30px;
    padding-bottom: 10px;
    font-size: 24px;
    border-bottom: 1px solid #dedede;
}
.walkinBookAppointment {
    text-align: center;
    margin-bottom: 15px;
}
.walk-section .form-group .btn-default{
    height: 44px;
    line-height: 34px;
    box-shadow: none;
    border-color: #dedede;
}
.walk-section .form-group .btn-default:hover{
    background: #efefef;
}

.curstomer-status-table .table>tbody>.green-color>td{
    color: #76F56D !important;
}
.curstomer-status-table .table>tbody>.yellow-color>td{
    color: #FFB81F !important;
}
.curstomer-status-table .table>tbody>.red-color>td{
    color: #FF5D41 !important;
}
.reload-button{
    margin: 0px 10px 10px 0px !important;
}
.accordion-reload-button{
    float: right;
    margin-right: 55px;
    margin-top: 2px;
    pointer-events: none;
}
.defaultBtn{
    font-size: 13px; 
    font-weight: 500; 
    padding: 5px 15px;
}
.defaultBtn:active{
    background:#fff;
    border-color: #494F57;
}
.ccReportWrapper{
    margin: 10px 200px 0;
}
.ccReportHeading{
    text-align: center;
    margin: 14px 0px 10px 0;
    font-size: 25px;
    font-weight: 500;
}
.ccReportTotals{
    background-color: #a9d08e;
}
.tableInfo tr th{
    background: #333f4f;
}
.cc-dropdown .filterSelectList .btn, .filterSelectList.open>.dropdown-toggle.btn-default{
    padding: 9px 7px 26px 19px;
    height: 26px;
}
.totalCount{
    background: #dddddd;
    text-align: center;
    color: rgb(54, 45, 45);
    font-weight: 500;
    border-bottom: 3px solid transparent;
    padding: 10px 12px;
    margin: 5px;
    border-radius: 0;
    width: 14.5%;
    border-radius: 10px;
}
.align-center{
    text-align: center;
}
.update-btn{
    margin-top: 4px;
    margin-left: 0px;
    background: #ed7533;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    outline: none;
    height: 35px;
    padding: 0 0px;
    border: none;
    width: 115px;
    border-radius: 7px;
    float: right;
}
.edit-pencil{
    display: none;
    margin-left: 3px;
    padding: 3px;
    border-left: 1px solid #dcdcdc;
}
.hover-text-field:hover .edit-pencil{
    display: inline-block;
}
.edit-button-group{
    border: 1px solid #dcdcdc;
    border-top: none;
    border-radius: 4px;
    padding: 0px 3px 0px 3px;
}
.edit-button-group .glyphicon{
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    margin: 1px;
    cursor: pointer;
}
/* Center the loader */
.dataLoader {
    width:50px !important;
    height: 50px !important;
    border: 8px solid #f3f3f3 !important;
    border-top: 8px solid #3498db !important;
    z-index: 0 !important;
}
#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

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

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 } 
    to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
    from{ bottom:-100px; opacity:0 } 
    to{ bottom:0; opacity:1 }
}
.mb-15{
    margin-bottom: 15px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-5{
    margin-bottom: 5px;
}

.search-list .form-control{
    height: 38px;
    color: #081927;
    display: block;
    box-shadow: none;
    cursor: pointer;
}
.search-list a .fa-chevron-down{
    font-size: 10px;
    position: absolute;
    right: 12px;
    top: 13px;
}
.search-list .dropdown-menu{
    min-width: 100%;
}
.search-list .dropdown-menu>li>a{
    padding: 5px 15px;
    font-size: 13px;
}
.search-field {
    width: auto;
    height: 32px;
    background: #ffffff;
    padding: 15px 10px 15px 10px;
    border: none;

}
.search-list{
    padding: 15px 0;
}
.search-field .input-group-addon{
    background: #ffffff; 
    border-radius: 0px 25px 25px 0px;
}
.search-field .form-control{
    height: 38px;
    border-right:0; 
    box-shadow:0 0 0; 
    border-color:#ccc;
    border-radius: 25px;
}
.search-field button{
    border: 0;
    background: transparent;
}
.search-wrapp {
    padding-top: 40px;
    background: #f7f7f7;
    height: 100%;
    display: block;
    overflow: hidden;
}

.accordion .panel-group .panel{
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
}
.accordion-heading  > .panel-heading{  
    padding: 15px 20px;
    border: 0 none;
}
.accordion-heading  > .panel-heading a {
    padding-right: 0;
    margin: 0;
    font-size: 16px;
    color: #5d5b5b;
    display: block;

}
.accordion-body {
    padding: 0 35px;
}
.accordion-heading > .panel-heading a:after, 
.accordion-heading > .panel-heading a[aria-expanded="true"]:after{
    top: 14px;
    right: 14px;
    font-family: 'FontAwesome';
    content: "\f107";
    font-size: 18px;
}
.accordion-heading > .panel-heading a[aria-expanded="true"]:after {
    content: "\f106";
    line-height: normal;
    letter-spacing: normal;

}
.search-table .table>tbody>tr>th,
.search-table .table>tbody>tr>td, .search-table label{
    font-size: 13px;
}
/*.search-table .table>tbody>tr>th {
   font-weight: 600;
}*/
.search-table .table>tbody>tr>td, .search-table label{
    color: #1e2d3a;
}

.search-table .table .form-control{
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
}
.font-bold{
    font-weight: 600;
}
.lmserror, .appointerr{color: red; font-size: 16px; font-weight: 400;}
.header{
    padding: 8px 0 3px;
}
.logo{
    display: flex;
}
.branch{
    flex: 1;
}
.branch strong{
    padding-left: 24px;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    color: #0059a3;
}
.support{
    padding-top: 8px;
}
.support li{
    padding-right: 36px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    display: inline-block;
}
.support li>span{
    margin-right: 8px;
}
.support li:last-child{
    padding-right: 0;
}
.circle{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border-radius: 50%;
    display: inline-block;
    background-color: transparent;
}
/* .red{
    background: #c80039;
} */
.orange{
    background: #f79d00
}

/** Call log CSS starts here */
.call-log-wrapper{
    width: 100%;
    margin: auto;
    padding-right: 30px;
}
.call-log-dates{
    margin-bottom: 34px;
}
.call-log-dates h5{
    font-family: sans-serif;
    margin: 0px 7px 8px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #2e384d;
}
.call-log-c2b{
    border-radius: 8px;
    border: solid 1px rgba(46, 56, 77, 0.1);
    background-color: #ffffff;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 10px;
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -o-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -ms-box-shadow:0px 1px 2px rgba(0,0,0,0.5); box-shadow:0px 1px 2px rgba(0,0,0,0.5);
}
.call-log-c2b .log-left{
    max-width: 65px;
    width: 100%;
    text-align: center;
}
.call-log-c2b .log-right{
    width: calc(100% - 80px);
    border-left: 2px solid #e8ecef;
    padding: 10px;
    /*    padding-left: 21px;*/
    width: 100%;
    position: relative;
}
.call-log-c2b .log-right .head{
    font-family: sans-serif; 
    font-size: 14px;
    /*font-weight: 600;*/
    letter-spacing: 1.3px;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.call-log-c2b .log-right .label{
    margin-left: 5px;
    display: inline-block;
    border-radius: 8px;
    /*font-size: 14px;*/
    color: #ffffff;
    padding: 3px 16px;
    text-align: center;
    text-transform: capitalize;
}
.call-log-c2b .log-right .label.green-label{
    background-color: #00ccb5;
}
.call-log-c2b .log-right .label.purple-label{
    background-color: #5900cc;
}
.call-log-c2b .log-right .label.grey-label{
    background-color: #D3D3D3;
}
.call-log-c2b .log-right .parameters{
    position: relative;
}
.call-log-c2b .log-right .parameters span{
    font-family: sans-serif; 
    font-size: 12px;
    /*color: rgba(46, 56, 77, 0.5);*/
    display: inline-block;
}
.call-log-c2b .log-right .parameters span.time{
    margin-left: 12px;   
}
.call-log-c2b .log-right .parameters span.cust-id{
    margin-left: 12px;   
}
.call-log-c2b .log-right .parameters .arrow{
    margin: 0 4.3px;
}
.call-log-c2b .external-link{
    position: absolute;
    right: 20px;
    top: 13px;
    z-index: 9;
}

/** Call log CSS ends here */
#cover-spin {
    position:fixed;
    width:100%;
    left:245px;
    right:0;
    top:76px;
    bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:block;
}

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

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:41%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}    

.header{
    padding: 8px 0 3px;
}
.logo{
    display: flex;
}
.branch{
    flex: 1;
}
.branch strong{
    padding-left: 20px;
    font-size: 22px;
    font-weight: 450;
    line-height: 40px;
    color: #0059a3;
}
.support{
    padding-top: 8px;
}
.support li{
    padding-right: 20px;
    font-size: 13px;
    line-height: 24px;
    font-weight: 700;
    display: inline-block;
}
.support li>span{
    margin-right: 2px;
    margin-bottom: 4px;
}
.support li:last-child{
    padding-right: 0;
}
.circle{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border-radius: 50%;
    display: inline-block;
    background-color: transparent;
}
.red-circle{
    background: #c80039;
}
.orange{
    background: #f79d00
}
/* Customer Table */
.curstomer-status-table .table>tbody>tr>th {
    padding: 6px 20px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    background-color: #0059a3;
}
.curstomer-status-table .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #eaeff3;
}
.curstomer-status-table .table>tbody>tr>td{
    padding: 6px 8px;
    font-size: 18px;
    font-weight: 500;
    border: none;
}

.gray-color{
    color: rgba(70, 81, 102, 0.7);
}
.green-color{
    color: #0f7447;
}
.dark-grey-color {
    color: #465166;
}
.number{
    margin-left: 20px;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #0059a3;
    padding: 4px 7px 4px 7px;
    text-align: center;
    color: #ffffff;
}
.curstomer-status-table .active-row{
    background: rgb(236,238,241); 
    background: -moz-linear-gradient(left,  rgba(236,238,241,1) 0%, rgba(210,214,220,1) 32%, rgba(236,238,241,1) 66%, rgba(210,214,220,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(236,238,241,1) 0%,rgba(210,214,220,1) 32%,rgba(236,238,241,1) 66%,rgba(210,214,220,1) 100%);
    background: linear-gradient(to right,  rgba(236,238,241,1) 0%,rgba(210,214,220,1) 32%,rgba(236,238,241,1) 66%,rgba(210,214,220,1) 100%);
}

.call-log-time{
    margin: 0 10px 0 10px;
    color : #7E7E6C;
}

.call-recording {
    color: #ff6a00;
    font-weight: 500;
}

.call-recording:hover {
    color: #ff6a00;
}

.advertisment-wrapper {
    position: relative;
}
.advertisment {
    position: absolute;
    height: calc(100vh - 51px);
    top: 0px;
    left: 0%;
    width: 100%;
    z-index: 10;
    transition: opacity 2.3s;
}
.advertisment img {
    max-height: 100%;
    width: 100%;
}
.advertisment.showAdv {
    /* left: 0; */
    visibility: visible;
    opacity: 1;
    transition: opacity 1s linear;
}

.advertisment.hideAdv {
    /* left: -100%; */
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 2s, opacity 2s linear;
}
.offers-alignment{
    
    font-size: 12px;
    font-weight: bold;
    line-height: 48px;
    color: #ed7533;
}
.offers-alignment i{
    font-size: 22px;
    margin-right: 5px;
    color: #ed7533;
}
.no-padding{
    padding: 0;
}
.cashBonus{
    display: block;
    margin-top: 40px;
    padding-left: 15px;
}
.cashBonus p{
    display: block;
    font-size: 12px;
    color: #4d4d4d;
    font-weight: bold;
    margin-bottom: 25px;
    width: 82%;
}
.cashBonus table{
    text-align: center;
    font-size: 12px;
}
.cashBonus table>th{
    border: 1px solid #bbb;
    color: #000;
    font-size: 12px;
    text-align: center;
}
.exampleTable{
    display: block;
    float: right;
    line-height: 25px;
}
.exampleTable table{
    font-size: 8px;
    line-height: 20px;
}
.exampleTable table td{
    width: 37%;
    font-size: 8px;
    font-weight: bold;
}
.exampleTable ul{
    display: block;
    margin: 0;
    padding: 0;
}
.exampleTable ul li{
    display: inline-block;
    list-style-type: none;
    font-size: 8px;
    color: #4d4d4d;
    margin-right: 7px;
}
.background{
    background: #fff;
}
.table>thead>tr>th{
    background: #e7ecee;
    border-bottom: 1px solid #ddd;
    font-size: 16px !important;
    color: #465166;
    font-weight: bold;
    padding: 15px 10px;
}
.table>tbody>tr>th, .table>tbody>tr>td{
    font-size: 16px !important;
    color: #465166;
    font-weight: normal;
    padding: 30px 10px;
}
.offerModal :global .modal-body{
    padding: 0;
}
.offer-title{
    font-size: 16px !important;
    color: #465166;
    font-weight: bold;
}
.txt-wrap {
    overflow-wrap: break-word;
}

.input-location {
    width: 100%;
    height: 40px;
    padding: 0px 10px;
}
.loc-content {
    padding-top: 40px;
    background: #F7F7F7;
    height: 500px;
    display: block;
    overflow: hidden;
}
.loc-container {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
}
.pac-container {z-index: 9999;}

.loc-content .heading {
    height: 24px;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.5px;
    padding-left: 30px;
}

.loc-content .card-body {
    position: relative;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0,55,255,.2);
    background-color: #fff;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid rgba(0,55,255,.2);
}

.loc-content .card-body.active{
    border: 2px solid #0037FF;
}

.loc-content .card-body h4{
    height: 24px;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.5px;
}

.loc-content .km {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 20px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #2E384D;
    font-family: OpenSans;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #fff;
}

.loc-content .cards-panel {
    overflow: scroll;
    height: 300px;
}

.loc-content .buttonWrapper {
    display: flex;
    justify-content: flex-end;
    margin-right: 15px;
}

.loc-content .transparent {
    width: 226px;
    height: 40px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    margin-left: 10px;
    background-color: transparent;
    color: #000;
}

.loc-content .base {
    width: 226px;
    height: 40px;
    border-radius: 4px;
    background-color: #0037FF;
    border: none;
    color: #fff;
    cursor: pointer;
    margin-left: 10px;
}

.loc-content .dropdown-menu {
    right: 35px;
    height: 286px;
    overflow: scroll;
}
 .loc-content .dropdown-menu li {
    background-image: url(../images/location.png);
    background-repeat: no-repeat;
    background-position: 9px 10px;
    background-size: 12px;
    border-bottom: 1px solid #C1C1C1!important;
    padding: 8px 26px!important;
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: rgba(0,0,0,.87);
    font-size: 15px;
}

.loc-content .dropdown-menu li:hover {
    background-color: rgba(158,158,158,.18);
}

.loc-content button.close {
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: #000;
    z-index: 9999;
    opacity: 1;
    border-radius: 100%;
    width: 24px;
    height: 24px;
}
.loc-content button.close span {
    font-size: 14px;
    color: #fff;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -5px;
}
.pd-top { padding-top: 10px;}
.pd5 {padding: 5px;}
.mt10 {margin-top: 10px;}