/* wcOverlay directive CSS styles */

 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
            display: none !important;
        }

.overlayContainer { display: none;z-index:1061;}
.overlayBackground { top:0px; left:0px; padding-left:100px;position:absolute; z-index:1061;height:100%;width:100%;background-color:#808080;opacity:0.8;}
.overlayContent { position:absolute; border: 1px solid #000; background-color:#fff; font-weight: bold;height: 95px;width: 105px;z-index:1061;text-align:center;padding-top:7px}

/* ------------------------------------------------ Google Maps Custom Styles ----------------------------------------------- */
.gm-style-iw
{
    width: auto !important;
    top: 5px !important;
    left: 5px !important;
    border: 0px !important;
}

.mapAddressBox h1 { margin:0; padding:0; display:block; font-size:15px; color:#00C8F8; padding: 0px 0px 0px 20px; font-weight:normal; text-transform:uppercase }
.mapWrapperSummary .mapAddressBox p span{ font-size:12px  }
.markerCont
{
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    font-size: 13px;
}

.maphr
{
    height: 1px;
    background: #fff !important;
    margin: 0 10px !important;
    float: none !important;
}

.mapWrapperSummary
{
    width: 190px;
    margin: 0 0 0 0;
    font-size: 100%;
}
    
.mapWrapperSummary .mapAddressBox
{
    width: 100%;
    height: auto;
    border: 0px solid #cecece;
    position: relative;
}
.mapWrapperSummary .mapAddressBox p
{
    padding: 0 20px !important;
    margin: 10px 0;
    font-size: 15px;
    color: #1c1c1c;
    line-height: 15px;
}
.mapWrapperSummary .mapAddressBox h1 { margin: 5px 0px 0px 0px; }
.mapViewBtn { background:#00C8F8; padding:5px 20px;  font-size:14px; color:#fff; margin: 0px 0px 0px 20px; display:inline-block; *width:60px;  cursor:pointer }
   
.mapWrapper { width:242px; margin:0px; }/*this is only for align center*/
.mapWrapper .mapAddressBox { width:100%; height:auto; border:0px solid #cecece; position:relative; background:#fff }
.mapWrapper .mapAddressBox h1 { margin: 5px 0px 0px 0px; padding:0; display:block;  font-size:15px; color:#00C8F8; padding:0px 0 0px 20px; font-weight:normal; text-transform:uppercase;  }
.mapWrapper .mapAddressBox h2 { margin:10px 0px 0px 0px; padding:0; display:block;  font-size:15px;background-color:#fff;color:#1c1c1c; padding:0 0 0 20px; font-weight:normal; }
.mapWrapper .mapAddressBox p { padding: 0 20px; margin:0px 0px 10px;  font-size:12px; color:#1c1c1c; line-height:15px  }
.mapWrapper .mapAddressBox ul { margin:0; padding:0; list-style:none; margin-bottom:10px; *margin-top:-9px }
.mapWrapper .mapAddressBox ul li { margin:0; padding:0; height:14px; margin-bottom:2px; *margin-bottom:-5px;  font-size:12px; padding-left:20px; color:#1c1c1c; white-space: pre;  }
.mapWrapper .mapAddressBox .imgSz { width:32px !important; height:32px !important}
.mapResLabel { font-size:15px;display:inline; }
/* --------------------------------------------- Google Maps Custom Styles ENDS -------------------------------- */
.headerCol {
  color: #00C8F8;
  text-decoration: none;
}


.box {border-left:1px solid #000;padding-left:30px;}

.agentInformation {display:table;width:100%;}
.agentLogo, .agentDetails {display:table-cell; vertical-align:middle;}
.agentLogo {
    padding-right: 20px;
    width: 30%;
}

@media screen and (max-width:767px) {
	.box {padding:30px 0 0 0; border:0px; border-top:1px solid #000;}
	.agentInformation, .agentLogo, .agentDetails {display:block;}
	}

.active.btn-success, .focus.btn-success, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .btn-success.dropdown-toggle {
    background-color:#E31D1A;
}



.center-modal {
    position: fixed;
    top: 10%;
    left: 18.5%;
    z-index: 1050;
    width: 80%;
    height: 80%;
    margin-left: -10%;
}





.left_panel .glyphicon-search:hover {
    color:red;
}


.form-control-feedback {
    pointer-events: auto !important;
    cursor:pointer;
}

textarea {
    resize: none;
}



input:invalid {
    border: 1px solid red !important;
}

.has-error .form-control {

    border: 1px solid red !important;
}







/* Put your css in here */
/**
 * Angular JS slider directive
 *
 * (c) Rafal Zajac <rzajac@gmail.com>
 * http://github.com/rzajac/angularjs-slider
 *
 * Licensed under the MIT license
 */

rzslider {
  position: relative;
  display: inline-block;
  width: 80%;
  height: 2px;
  margin: 30px 0 15px 0;
  vertical-align: middle;
}

rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}

rzslider span.base {
  width: 100%;
  height: 100%;
  padding: 0;
}

rzslider span.bar {
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 1px solid #D7D7D7!important;
  border-radius: 4px;
  background: #D7D7D7!important;
}
.wrapper {
    width: 97%;
}
rzslider span.bar.selection {
  z-index: 1;
  width: 0;
  background: #eeb914!important;
  border: 1px solid #eeb914!important;
}

rzslider span.pointer {
  background: #eeb914;
  top: -10px;
  z-index: 2;
  width: 22px;
  height: 22px;
  cursor: pointer;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
/*
rzslider span.pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 5px;
  background: #71818e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  content: '';
  background: #0579B4;
}*/

rzslider span.pointer:hover:after {
  background: #0579B4;
}



rzslider span.bubble {
  top: -30px;/*Added By PS default was 18px*/
  padding: 1px 3px 1px 3px;
  color:white;
  cursor: default;
  font-size: 12px;
}

rzslider span.bubble.selection {
  top: 15px;
}

rzslider span.bubble.limit {
  /*color: #808080;*/
  display:none; /*Added By PS*/
}
.DisableSlider .EnableSliderToggle{ 
	background:#BBBBBB!important; 
	border: 1px solid #BBBBBB!important;	
}
.EnableSlider .EnableSliderToggle { 
	background:#1575A9; 
	border: 1px solid #1575A9;	
}
.DisableSlider .selection  {
   	background:#BBBBBB!important; 
	border: 1px solid #BBBBBB!important;
} 
.DisableSlider .Disabletooltip { 
	display:none;
}
.EnableSlider .Disabletooltip{ 
	display:block; 
}


.DisableSlider .DisableCOS { 
	display:none;
}
.EnableSlider .DisableCOS { 
	display:block; 
}

.disablepointer2 { pointer-events:none;}

.disablepointer3 { border-bottom: 8px solid grey; pointer-events:none; }

.disablepointer4 {border-top: 8px solid grey; }

.scaleWrap ul {
  overflow: hidden;
	float: left;
	margin-left: -31px;
	margin-top: 12px;
	width: 97.5%;
	list-style: none;
}
/* rz-slider styling */

.rzslide-addport { 
	width:100px;
	float:right;
	margin-top:20px;
	margin-right: 5px; 
}

.inputslide-port { 
	float:right;
	width:60px;
	padding:5px 24px 5px 0px;
	border:1px solid grey;
	border-radius:5px;
	text-align:center;
}

.slidearrow { 
	position: absolute;
	right: 0;
	height: 23px;
	border-left: 1px solid grey;
	width: 17%;
	top: 2px;
	padding: 2px 3px;
}

.rzslide-addevc { 
	width:100px;
	float:right;
	margin-top:20px;
	margin-right: 5px; 
}

.inputslide-evc { 
	float:right;
	width:60px;
	padding:5px 24px 5px 0px;
	border:1px solid grey;
	border-radius:5px;
	text-align:center;
}

.slidearrow-evc { 
	position: absolute;
	right: 0;
	height: 23px;
	border-left: 1px solid grey;
	width: 17%;top: 2px;
	padding: 2px 3px;
}

.rzslider-evc-size {
	width: 80%;
}

.scaleWrap ul li{
	float:left;
}

.scaleWrap ul li:last-child{
	width: 1% !important;
}

.sliderinputbox {
	width:100px;
	float:right;
	margin-top:20px;
	margin-right: 5px;
}

.slidervaluebox {
	float:right;
	width:60px;
	padding:5px 24px 5px 0px;
	border:1px solid grey;
	border-radius:5px;
	text-align:center;
	position:relative;
}

.slidervalueincrdecr {
	position: absolute;
right: 13px;
height: 23px;
border-left: 1px solid grey;
width: 2%;
top: 28px;
padding: 2px 3px;
}

.sliderTextIncrementer{
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid #0579B4;
	border-radius: 5px;
	position: absolute;
	top: 6px;
	right: 4px;
}

.sliderTextIncrementerDisabled{
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid grey;
	border-radius: 5px;
	position: absolute;
	top: 6px;
	right: 4px;
}

.sliderTextDecrementer{
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 8px solid #0579B4;
	border-radius: 5px;
	position: absolute;
	top: 16px;
	right: 4px;
}

.sliderTextDecrementerDisabled{
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 8px solid grey;
	border-radius: 5px;
	position: absolute;
	top: 16px;
	right: 4px;
}

/*************Ng Crop Image CSS*******************/
        .cropArea {
          background: #E4E4E4;
          overflow: hidden;
          width:500px;
          height:350px;
        }
/*************Ng Crop Image CSS*******************/


/* " fixed for ck editor unwanted text Source" button label */
.cke_button_label 
{
    display: none !important;
}

a[role="button"]:after {
    content:none !important;
}


.navbar-brand
{
cursor:default;
}
.VErr { border : 2px solid red}
.VClear { border : 0px}


.cropArea {
    background: #E4E4E4;
    overflow: hidden;
    width:500px;
    height:350px;
}

#dvR ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

#dvR li {
    float: left;
    width: 50%;
    text-align: center;
    background: #464646;
          
    color: #fff;
    font-weight: bold;
}

#dvR li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
#dvR li a:hover {
    background-color: #111;
}

#dvR li.active > a, li.active > a:hover, li.active > a:focus {
    color: #555555;
    background-color: #e31d1a;
    border: none;
    border-bottom-color: transparent;
    cursor: default;
    color: #fff;
}

.center-modal {
    position: fixed;
    top: 66%;
    left: 60%;
    z-index: 1050;
    width: 80%;
    height: 80%;
    margin-left: -10%;
}
    .ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    border: 1px solid #dfdfdf !important;
    position: absolute;
}

.submitted.ng-invalid
{
    border:1px solid red;
}

/*css for custom Facebook Like button*/
.fancylike-fb-like {
    width: 26px;
    height: 30px;
    position: relative;
    cursor: pointer;
    top: 8px;
    color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.fancylike-fb-like:hover {color:#333333; text-decoration:none;}
.fa-thumbs-o-up:before {
    position: absolute;
    left: 0;
    top: 0;
}
/*end css for custom Facebook Like button*/


.modal {
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}

/* css for center modal dialog*/
.center-modal {
    position: fixed;
    top: 10% !important;
    left: 18.5%!important;
    z-index: 1050;
    width: 80% !important;
    height: 80% !important;
    margin-left: -10% !important;
}

/*Custom_select*/
/*.custom-select {
       position: relative;
       display: inline-block;
       vertical-align: middle;
       font-size: 14px;
       zoom: 1;
       *display: inline;
       width: 100%;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
}*/
/*Custom_select*/
.custom-select {
       position: relative;
       display: inline-block;
       vertical-align: middle;
       font-size: 14px;
       zoom: 1;
       *
       display: inline;
       width: 100%;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       margin-bottom: 15px;
} 
.custom-select.small {
       width: 104px;
}
.custom-select.medium {
       width: 164px;
}
.custom-select.large {
       width: 300px;
}
.custom-select.xlarge {
       width: 380px;
}
.custom-select > select {
       display: none !important;
}
.custom-select > a.dropdown-toggle {
       border-radius: 0;
       line-height: 30px;
       box-shadow: none;
       background: #ffffff;
       position: relative;
       display: block;
       overflow: hidden;
       padding: 0 0 0 8px;
       border: 1px solid #b3b3b4;
       text-decoration: none;
       white-space: nowrap;
       cursor: pointer;
       color: #666;
       width: 100%;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       height: 34px;
	   font-weight:400;      
}
.custom-select > a.dropdown-toggle:active  {       
       background: #fff0bf;       
}

.custom-select > a.dropdown-toggle.disabled,
.custom-select > a.dropdown-toggle.disabled:hover {
       cursor: not-allowed;
       color: #aaa;
       background: #eee;
}
.custom-select > a.dropdown-toggle:hover, 
.custom-select.open > a.dropdown-toggle {
       color: #333;
}
.custom-select.open > a.dropdown-toggle {
       border-bottom: 0;
       line-height: 29px;
}
.control-group.error .custom-select > a.dropdown-toggle {
       border-color: #f09784;
       color: #d68273;
}
.custom-select > a.dropdown-toggle > span {
       display: block;
       overflow: hidden;
       margin-right: 26px;
       text-overflow: ellipsis;
       white-space: nowrap;
}
.custom-select > a.dropdown-toggle > b {
       position: absolute;
       top: 0;
       right: 0;
       display: block;
       width: 18px;
       height: 100%;
}
.custom-select > a.dropdown-toggle > b:before {
	content:"";
	display:block;
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -4px;
	border: 6px solid transparent;
	border-top: 8px solid #898989;
}
.custom-select.open > a.dropdown-toggle > b:before {
	content:"";
    margin-top: -10px;
	border-top: 6px solid transparent;
	border-bottom: 8px solid #898989;
}
.custom-select > .dropdown-menu {
       margin-top: 0;
       border-color: #aaa;
       border-top: 0;
       padding-bottom: 0;
       width: auto;
       min-width: 100%;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       border-radius: 0;
}
.custom-select > .dropdown-menu > .custom-select-search {
       position: relative;
       z-index: 1010;
       margin: 0;
       padding: 0 4px;
       white-space: nowrap;
}
.custom-select > .dropdown-menu > .custom-select-search > input {
       width: 100%;
       height: 30px;
       margin: 0;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       padding: 4px 20px 4px 5px;
       border-radius: 0;
    color: #888;
}
.custom-select > .dropdown-menu > .custom-select-search:after {
       content: "\f002";
       display: inline-block;
       color: #888;
       font-family: FontAwesome;
       font-size: 14px;
       position: absolute;
       top: 4px;
       right: 10px;
}
.custom-select > .dropdown-menu > ul {
       border-color: #aaa;
       border-top: 0;
       margin: 4px 0;
       padding: 0;
       list-style: none;
       background-color: #fff;
       overflow-x: hidden;
       overflow-y: auto;
       max-height: 240px;
/*       padding-right: 14px;*/
}
.custom-select > .dropdown-menu > ul > li > a {
       font-size: 14px;
       margin-bottom: 1px;
       margin-top: 1px;
       display: block;
       padding: 6px 8px;
       clear: both;
       font-weight: normal;
       line-height: 20px;
       color: #333;
       cursor: pointer;
       width: 100%;
}
.custom-select > .dropdown-menu > ul > li > a:hover, 
.custom-select > .dropdown-menu > ul > li > a:focus {
       color: #333;
       text-decoration: none;
       background-repeat: repeat-x;
}
.custom-select > .dropdown-menu > ul > li > a:hover {
       background: #fec30c;
}
.custom-select > .dropdown-menu > ul > li > a:focus {
       background:  #fec30c;
}

.custom-select > .dropdown-menu > ul > li.empty-result > em {
       text-align: center;
       padding: 4px 8px;
       display: block;
}
.custom-select > .dropdown-menu > .custom-select-action > button {
       border-radius: 0;
       background-image: none;
}

.custom-select-error{
    border:1px solid red ;
}

.muted {
    color : red !important;
}

.datepicker .btn { margin-bottom:0px; } 

#cAccordion .panel-default .panel-heading { border-top:none;}
#cAccordion .panel-default:last-child {border-bottom:none;}
#cAccordion .panel-collapse > .panel-body .intDetail:last-child {border-bottom:none;}




/*Custom_select*/

/*below clas override fo to remove ck editor bottom status*/
.cke_bottom{display:none !important;}

/*for map dialog*/
.mapHeight{height: 600px;}

/* class used for last row of ng-repeat for to remove bottom border*/ 
.lastRow {
    border: 2px solid transparent;
    border-bottom: none !important;
    box-shadow: 5px 5px 5px rgba(204,204,204,0);
    padding-top: 30px;
    padding-bottom: 20px;
}