form label.error {
color:red!important;
}
form input.error {
border:1px solid red;
}
div.flash-message-success {
  color: white;
  background: none repeat scroll 0 0 #66cc66;
  padding: 10px;
}
div.flash-message-error{
  color: white;
  background: none repeat scroll 0 0 #D9534F ;
  padding: 10px;
}
.loading{background:url('../img/loader.gif') no-repeat center;}
.loading-back{position: relative;}
.loading-back:before{background:url('../img/loader.gif') no-repeat center;content:'';position: absolute;left: 0;right: 0;margin: 0 auto;text-align:center;width:60px;height:60px;z-index: 9px;top: 50px;}

.cart-div{min-height:148px;}
.holiday_div{color:#357ebd;}
.sickday_div{color:#800000;}

.datepicker .datepicker_input{
	font-size:14px;
	font-weight:500;
	border:0 none;
	background:url('../img/dateselect-arrow.png') no-repeat right center;
	cursor:pointer;
	text-align:center;
	width:100%;
}
#app_datepicker .datepicker_input{width:110px;font-size:16px!important;text-align:left;padding:5px 0px 0px 5px;}
.datepicker-dropdown {border-top: 0 none; box-shadow: none;	/*margin: 50px 0 0;*/ border-color: #ddd; /* width: 313px; */ padding: 5px 15px 15px; border-radius: 0; /*left: auto !important; right: 45px;*/}
.datepicker-dropdown table{/*border:0 none;*/width:100%;}
.event-agenda-content.rotate1 {background-color: #dedede;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.emp_select .btn.dropdown-toggle.selectpicker.btn-default{font-size:14px;font-weight:500;border:0 none;background: #fff url('../img/dateselect-arrow.png') no-repeat 96% center;cursor:pointer;text-align:center;width:100%;height: 53px;border-radius: 0; }
.emp_select .caret{border-left: none;border-right: none;border-top: none;display: none;}
.emp_select{width: 340px;float: left;}
.loader_change{float: left;width: auto;}
.loader_change .form-group{margin-top: -3px;}
/*.email_editor .note-editable {border: 1px solid #ddd !important;padding: 10px !important;}*/
.date_font_16{font-size: 18px;}
.header-menu #notifications-header li ul li{position: relative;}
.header-menu #notifications-header li ul li a.close-notification {display: none;}
.header-menu #notifications-header li ul li:hover a.close-notification {background: #fff none repeat scroll 0 0;color: #000 !important;display: block;height: 20px;position: absolute;right: 10px;text-align: center;top: 5px;width: 20px;}

.service-list h3{float: left;}

 .group-checkbox { padding:5px 0px;}
.group-checkbox .ui-checkbox { margin:0px;}
.group-checkbox .ui-checkbox .ui-btn { padding-left:25px;}

.print-btns .btn.btn-white{padding: 7px 16px;}

/* Harsh Css */
	#form_box{
		border: 1px solid #d3d3d3;
		min-height: 493px;
		max-height: 493px;
		overflow: auto;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		background: #f7f7f7 none repeat scroll 0 0;
		position: relative;
	}
	#field_box{
		border: 1px solid #d3d3d3;
		min-height: 200px;
		position:relative;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	.control-box{
		background: #f5f5f5;
		padding: 0px;
		width:100%;
	}
	.control-box li {
		border-bottom: 1px solid #d3d3d3;
		cursor: pointer;
		display: block;
		padding: 10px 15px;
		cursor: move;
	}
	.control-box li:hover {
		background: #e7e7e7;
	}
	.element_box {
		border: 1px dashed #aaa;
		margin-bottom: 5px;
		padding: 15px;
		position: relative;
	}
	#form_box li {
		height: auto !important;
		padding: 5px;
		width: 100% !important;
	}
	.create-user{
		font-size: 0;
		height: 20px;
		position: absolute;
		right: 19px;
		top: -1px;
		width: 20px;
		background: #357ebd url('../img/edit-icon.png') no-repeat center center;
		background-size: 12px auto;
	}
	.remove-element {
		font-size: 0;
		height: 20px;
		position: absolute;
		right: -1px;
		top: -1px;
		width: 20px;
		background: #ef4040 url('../img/delete-icon.png') no-repeat center center;
		background-size: 10px auto;
	}
	.remove.btn.btn-danger {
		padding: 6px 14px;
	}
	.no-pad-left {
		padding-left: 0;
	}
	#form_box li.loader {
		/*background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;*/
		height: 100% !important;
		left: 0;
		padding-top: 219px;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
		display: none;
                background:url('../img/loader.gif') rgba(0, 0, 0, 0.5) no-repeat center;
	}
  /* Harsh Css end */

/* Harsh Css 03-11 */
.edit-client-upload-block .edit-client-img {
    position: relative;
}
.edit-client-upload-block .edit-client-img a img{
	background: #ddd none repeat scroll 0 0;
    margin: 5px;
    max-height: 180px;
    padding: 5px;
    cursor: pointer;
}
.edit-client-upload-block .edit-client-img a.remove_images {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    height: 18px;
    line-height: 16px;
    position: absolute;
    right: -3px;
    text-align: center;
    top: 0px;
    width: 18px;
    cursor: pointer;
}
.edit-client-upload-block .loader_change {
    float: left;
    left: 45px;
    position: absolute;
    top: 40px;
    width: auto;
    z-index: 1;
}
/* Harsh Css End 03-11 */
.app_edit{
height:20px;
overflow:hidden;
}
#report-unredeemed{
font-size:11px;}
#report-unredeemed th{font-size:11px;font-weight: bold;padding:2px 3px 2px 5px; text-align: left;}
#report-unredeemed h3{font-size:15px; font-weight: bold!important;}
#report-unredeemed h4{/*font-size:11px!important; */ font-weight: bold;}
#report-unredeemed td{padding:2px 3px 2px 5px; font-size:13px;}


#insurance_pdf{font-size:11px !important; font-family:"Open Sans",verdana,arial;}
#insurance_pdf th{font-size:11px;font-weight: bold;padding:2px 3px 2px 5px; text-align: left;}
#insurance_pdf h3{font-size:15px; font-weight: bold!important;}
#insurance_pdf h4{font-size:13px!important; font-weight: bold;}
#insurance_pdf td{padding:2px 3px 2px 5px; font-size:13px;}

.pull-left {
    float: left !important;
}
.pull-right {
    float: right !important;
}
.online td{background:#F4B643!important;}
.online:hover td{background:orange!important;}


/*css added by shadman on 13-11-2018 start*/
.wd-50{width: 50% !important}
/*css added by shadman on 13-11-2018 end*/
.pagination li.active{
  margin-top: 3px;
  font-weight: 900;
  padding: 0px 0px;
  background-color: #159077;
  padding: 6px 12px;
  color: white;
  border-radius: 3px;
}

.popover{
	background: #fff;
  border:1px solid;
  box-shadow:: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.pagination li.active a{
  padding: 0px 0px;
}
.position-relative {
	position: relative;
}
.position-absolute-btn {
	position:absolute;
	right:0;
	top:0;
}
/*.popover.fade.right.in {
	left: 0 !important;
	right: 0;
	top: 51px !important;
}
.agenda-contenter{
  position: relative;
}*/


@media screen and (max-width: 767px){
.appointment-easy-drop .bootstrap-select {
  width: 100% !important;
}
/*css added by shadman on 13-11-2018 start*/
.wd-50{width: 100% !important}
/*css added by shadman on 13-11-2018 end*/
}


@media screen and (max-width:320px){
/*.datepicker-dropdown{width:283px;left:20px!important;padding:0;border:0 none;float: left;}
.datepicker-dropdown table{border:1px solid #ddd;border-top:0 none;}*/
.emp_select{width:313px !important;float: none !important;}
.service-list h3{clear:both;width:100%;margin: 0px;}
.service-list a.bookservice{float: left;margin-bottom: 10px;}
.datepicker-width-control{margin:5px 0 0;}
.datepicker-width-control .datepicker td,
.datepicker-width-control .datepicker th{padding:4px 10px !important;}
/*css added by shadman on 13-11-2018 start*/
.wd-50{width: 100% !important}
/*css added by shadman on 13-11-2018 end*/
}

.ui-autocomplete.ui-menu{max-height:205px;overflow:auto}.ui-autocomplete.ui-menu .ui-menu-item{border-top:solid 1px #ccc}.ui-autocomplete.ui-menu .ui-menu-item:first-child{border-top:0 none}.ui-autocomplete.ui-menu .ui-menu-item a{-webkit-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;line-height:normal;padding:8px 10px;position:relative}.ui-autocomplete.ui-menu .ui-state-focus{background:transparent;border:0 none;margin:0!important;}.ui-autocomplete.ui-menu .ui-menu-item a:after{background:#ededed;content:'';position:absolute;left:0;top:0;width:0;height:100%;bottom:0;right:0;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;z-index:-1}.ui-autocomplete.ui-menu .ui-menu-item .ui-state-focus:after{width:100%}

/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }
.ui-autocomplete-loading { background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
    list-style:none;
    padding: 10px;
    margin: 0;
    display:block;
    /*width:227px;*/
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    /*width: 200px;*/

}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    margin: -1px;
}


.ui-menu-item {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;

    .ui-state-active, .ui-state-hover {
        color: #ffffff;
        text-decoration: none;
        background-color: #0088cc;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        background-image: none;
    }

}

.datepicker-dropdown.datepicker th.prev, .datepicker-dropdown.datepicker th.next {color: #fff;}

@media screen and (max-width: 479px){
.datepicker-dropdown.datepicker td,
.datepicker-dropdown.datepicker th {padding: 4px 7px !important;}
.datepicker-dropdown {left: auto !important; right: 44px;}
/*css added by shadman on 13-11-2018 start*/
.wd-50{width: 100% !important}
/*css added by shadman on 13-11-2018 end*/
}
@media screen and (max-width: 400px){
.datepicker-dropdown.datepicker {left: 21px !important; right: 21px !important; padding: 0px 10px 10px;}
/*css added by shadman on 13-11-2018 start*/
.wd-50{width: 100% !important}
/*css added by shadman on 13-11-2018 end*/
}
/*--- PS CSS START ---*/
.datepicker-dropdown{margin:0;padding:12px}.datepicker .datepicker-days,.datepicker .datepicker-months,.datepicker .datepicker-years,.datepicker .datepicker-decades,.datepicker .datepicker-centuries{border:1px solid #eee;overflow:auto}.datepicker table{border:0 none;width:100%}.datepicker th.prev,.datepicker th.next{color:#fff}@media screen and (-webkit-min-device-pixel-ratio:0){.datepicker-dropdown{margin:20px 0 0}}
/*--- PS CSS END ---*/

/*--- PS CSS FOR TOOTL TIP START ---*/
.popover hr{display: block;height: 1px;border: 0;border-top: 1px solid black;margin: 3px 0;padding: 0;}
.popover-content {
	color: black;	
	font-weight: 400;
}
/*--- PS CSS FOR TOOTL TIP END ---*/
.booked_services td{background-color : #d7ebf3 !important;}



.appointment-border-top,.manage_pre_time
{
	border-top:2px solid #888888;
}

#ProductSaveprodcutstockForm .stock-form::after,#ProductSaveprodcutstockForm .stock-form::before {
	content: "";
	display: block;
	clear: both;
}
#ProductSaveprodcutstockForm .modal-footer {
	margin-top: 0;
}
#ProductSaveprodcutstockForm .stock-form {
	padding-bottom: 0;
}
.background_red {
	background-color: #f2dede!important;;
}
.background_red td{
	background-color: #f2dede!important;;
}
.customer-notes .fa.fa-info {
	content: "\f129";
	color: #C75757 !important;
}
.customer-info-section {
	float: left;
	margin-top: 33px;
	margin-left: -11px;
	z-index: 999999;
	position: relative;
}
.customer-notes .fa.fa-info:hover {
	cursor: pointer;
}
.customer-notes{cursor: pointer;}
.cust-notes{
cursor: pointer;
display: block;
position: absolute;
background: white;
z-index: 9999;
border: 1px solid #ccc;
padding: 15px;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: none;
    opacity: unset;
}
.tooltip .tiptext {
    visibility: hidden;
    width: 250px;
    background-color: white;
    color: #000;
    text-align: center;
    border-radius: 3px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    text-align: left;
}
.tooltip .tiptext::after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
}
.tooltip:hover .tiptext {
    visibility: visible;
}

.tooltip.right .tiptext{
    top: -12px;
    left: 110%;
    white-space: pre-line;
}
.tooltip.right .tiptext::after{
    margin-top: -5px;
    top: 16%;
    right: 100%;
    border-color: transparent #2E2E2E transparent transparent;
}
.col-md-2.edit-client-div{width: 15.6%}
.noshow_request{width: 25%;}
.employee-updated{cursor: pointer;}
.employee-not-change{pointer-events: none;}
.selectpicker li.selected{background-color: #428bca; color: #fff;}