.pd-bottom-60{ padding-bottom: 60px; }
.pd-bottom-30{ padding-bottom: 30px; }
.pd-top-30{ padding-top: 30px; }
span.required{ color: red;}
.status_active{ font-weight: bold; }
.ui-tabs .ui-tabs-nav{padding:0px!important;}
ul.tabs li.ui-tabs-active{background: #d0c5c5!important;; }
.ui-widget-content{border:none!important;;}
.upload-image{float: left;width: 100%;margin: 5px;}
.box-upload{width:200px;float:left;margin: 0px 15px 0px 0px;}
.doUploadImage { margin:0px 10px 0px 0px; width:100%; min-height:140px; background-color:#f5f5f5; border:1px solid #ccc; box-shadow:0 0 2px #ccc; position:relative; float:left; border-radius:1px; position: relative; cursor: pointer;}
.camera{display:block; width:60%; height:50%; position:absolute; top:30%; left:20%; background-color:#ccc; border-radius:1px;}
.camera:after{content:"";display:block;width:25px; height:25px; border:5px solid #fff; position:absolute; top:15%; left:35%; background-color:#ccc; border-radius:18px;}
.camera:before{content:"";display:block;width:50%;height:15px;position:absolute; top:-14%; left:25%; background-color:#ccc; border-radius:10px;}
img.responsiveImg {max-width: 100%;}
img.responsiveImg[src=""]{ display: none;}
img.setImgEmpty {display: none;}
.empDoUpload {float: right; }
.actionDoUpload{padding: 2px 0;float: left;margin: 0px;width: 100%;}
.logic-action{display: none;}
.dashicons { text-decoration: none !important;}
.doUploadImage:hover { background: #dfdfdf !important;}
ul.tabs{margin: 0px;padding: 0px;list-style: none;}
ul.tabs li{	background: none;color: #222;display: inline-block; padding: 10px 0px;	cursor: pointer;margin-bottom: 0px;}
ul.tabs li a{text-decoration: none;color: #333; padding: 10px 15px; }
ul.tabs li.ui-tabs-active{	background: #ededed;color: #222;}
.tab-content{ display: none;background: #ededed; padding: 5px;}
.form-table-customer{ background: #FFF; margin: 0px;}
.tab-content.ui-tabs-active{display: inherit;}
.option-data,.rows-option{border-bottom: 2px solid #ccc;position: relative;overflow: hidden;}
.remove-option-label{position: absolute;top: 10px;text-align: right;width: 99%;}
.tab-content tr td label{font-weight: 500; }
.tab-content tr.form-field th{width: 150px; }
.taeditor-right .meta-box-sortables{width: 240px!important;min-height: 50px!important}
.taeditor-right table tr th{padding:17px 10px 10px 0px!important; margin:0px;}
.taeditor-right .form-table th{width: 60px!important;}
.taeditor-right input[type="text"], .taeditor-right select{padding: 3px 5px; width: 100%;}
.booking-appointment input.regular-text {
	width: 100%;
    font-size: 18px;
    line-height: 1.5;
    padding: 7px 10px;
    display: block;
    max-width: none;
    box-sizing: border-box;
}
.booking-appointment input.midle-text {
	width: 50%;
    font-size: 18px;
    line-height: 1.5;
    padding: 7px 10px;
    display: block;
    max-width: none;
    box-sizing: border-box;
}
.booking-appointment select.regular-text {
	width: 50%;
    font-size: 18px;
    line-height: 2.5;
    padding: 7px 10px;
    display: block;
    max-width: none;
    box-sizing: border-box;
    height: 40px;
}
.booking-appointment textarea {
	width: 100%;
    font-size: 18px;
    line-height: 1.5;
    padding: 7px 10px;
    display: block;
    max-width: none;
    box-sizing: border-box;
    min-height: 60px;
}
.taeditor-right select.regular-text {
	width: 100%;
    font-size: 16px;
    line-height: 2.5;
    padding: 3px 10px;
    display: block;
    max-width: none;
    box-sizing: border-box;
    height: 30px!important;
}

.taeditor-right .time_available_title{
	font-size: 16px; 
	font-weight: bold;
}
.taeditor-right .the_time_avariable {
	border: 1px solid #dfdfdf;
	min-height: 100px;
	overflow: hidden;
}
.taeditor-right .item-available {
	float: left;
	margin: 3px 5px;
}
.business_time{ padding: 3px!important; }
.setting-input{ width: 100%;}
.container-booking select.regular-text, .container-booking input.regular-text {
	width: 100%;
    font-size: 16px;
    line-height: 2.5;
    padding: 3px 10px;
    display: block;
    max-width: none;
    box-sizing: border-box;
    height: 40px!important;
}
.container-booking { font-size: 16px; }
.container-booking p{
	margin: 0px!important;
	padding: 0px;
}
.container-booking .services-data-output { font-size: 16px; }
.container-booking .components-base-control__field{
	float: left;
	margin: 0px;
	width: 50%;
}
.container-booking .components-checkbox-control__label{
	padding-left: 5px;
}

.components-checkbox-control__label_cost{
    float: left;
    width: 100%;
    margin: 0px;
}

.container-booking .item-available {
	float: left;
	margin: 3px 2.2% 3px 0;
	width: 31%;
	font-size: 16px;
	border: 1px solid #dfdfdf;
	padding-left: 5px;
	border-radius: 3px;
	cursor: pointer;
}
.container-booking .item-available .date-time-text{
	padding-left: 5px;
}
.container-booking .booking-contacts{
	display: none;
}

.container-booking .required{
	border: 1px solid red;
}

.container-booking .container-employees, 
.container-booking .container-calendar, 
.container-booking .container-time-avariable,
.container-booking .container-button-next,
.container-booking .booking-status {
	display: none;
}

.container-booking .button-b-primary {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
	line-height: 20px;
}
.container-booking .button-b-primary:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b))!important;
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%)!important;
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%)!important;
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%)!important;
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%)!important;
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0)!important;
	background-color:#bc3315;
}

.container-booking .button-b-primary:active {
	position:relative;
	top:1px;
}

.container-booking .button-b-primary-back {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	line-height: 20px;
}
.container-booking .button-b-primary-back:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9))!important;
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%)!important;
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%)!important;
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%)!important;
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%)!important;
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0)!important;
	background-color:#e9e9e9;
}

.booking-footer{
	padding: 5px 10px;
	text-align: center;
}

.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 0px;
	padding: 5px 7px;
	background-repeat: no-repeat;
	background-position: 10px center;
	line-height: 150%;
    width: 98%;
    font-size: .9rem;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
}
.error{
	color: #D8000C;
	background-color: #FFBABA;
}
.validation{
	color: #D63301;
	background-color: #FFCCBA;
}

.loader {
  height: 4px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  display: none;
}
.loader:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #2980b9;
  animation: loading 2s linear infinite;
}

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}
tr.active-booking td, tr.old-booking td{
	padding-top: 5px;
	padding-bottom: 5px;
    line-height: 150%;
    font-size: 16px;
}
tr.active-booking td { background: #d8e9f5; text-align: left; }
tr.old-booking td { background: #e5e0ea; text-align: left; }
.select-hour {
    width: 70px!important;
    float: left;
    font-size: 12px;
}
div.field_row label {
    width: 120px;
    padding: 5px;
    float: left;
}
.employees-status{
    display: none;
    color: red;
}
.btn-add-new-appointment{
    float: right;
}
.sync-status{
    font-size: 12px;
    font-weight: bold;
    color: #b8761b;
}
#featured-image{  border: 1px solid #DFDFDF; width:98%; margin:0px; padding:0px;cursor: pointer; }
#featured-image .featured-image{ width: 100%;}
.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large{ margin: 2px;}

.booking-services .col{
    float: left;
    width: 25%;
    padding: 2px;
    margin: 0 0 5px;
}
.booking-services .col a{
    color: #b8761b;
}
.booking-services .booking-title{
    text-transform: uppercase;
    border-bottom: 1px solid #DFDFDF;
}
.booking-services .img-holder{
    height: 100px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #DFDFDF;
}
.booking-services .service-item .img-holder{
    height: 90px;
    overflow: hidden;
}

.services-data-col{
    cursor: pointer;
}

.booking-services .text-holder{
    background: #f6f6f6;
    padding: 10px 5px;
    position: relative;
    overflow: auto;
    display: flex;
    flex: 1;
    flex-direction: column;
}
.desc-height-full{ height: 100px;}
.desc-height-less{ height: 50px;}
.booking-services .text-holder p{
    line-height: 150%;
    font-size: 15px;
}
.booking-services .selected-bg{
   border: 2px solid #b8761b;
   border-radius: 2px;
   padding: 0px 2px;
}
.booking-services .service-item .text-holder .components-base-control__field{
    width: 100%;
}
.booking-services .service-item .text-holder{
    min-height: 50px;
    padding: 0px;
}

.booking-services .service-item .text-holder.desc-height-full{
    height: 60px;
}
.booking-services .service-item .text-holder.desc-height-less{
    height: 30px;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered{
    line-height: 34px;
}

#primary .page .entry-content .container-booking table tr td.left-r-form{
    padding: 5px;
}

.fl-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
}

.fl-table td, .fl-table th {
    text-align: center;
    padding: 8px;
}

.fl-table td {
    border-right: 1px solid #f8f8f8;
    font-size: 12px;
}

.fl-table thead th {
    color: #333;
    background: #DFDFDF;
}


.fl-table thead th:nth-child(odd) {
    color: #333;
    background: #DFDFDF;
}

.fl-table tr:nth-child(even) {
    background: #F8F8F8;
}

.bnt-status{
    margin: 7px 2px;
    padding: 5px 10px;
    background: #DFDFDF;
    color: #333;
    text-transform: uppercase;
    cursor: pointer;
    position: relative; 
    top: 0px;
    font-weight: bold;
}

.page-numbers{
    padding: 5px 10px;
    background: #DFDFDF;
}

.bnt-status:hover{
    text-decoration: none;
}

.ui-dialog-buttonpane .ui-button{
    padding: 1px 15px;
    height: 36px;
    text-transform: uppercase;
    background: #DFDFDF;
}
#location .col{ float: left; width: 33.3%; padding-left: 2px; padding-right: 2px; margin: 0 0 5px; }
#location .col .img-holder{ height: 200px; overflow: hidden; }
.booking-data-output{ line-height: 150%; }

.content-block{ width: 100%; padding: 20px; margin: 0px; border:1px solid #DFDFDF; background:#e0dbdb }
.content-block .col4{ width: 33.33333333%; float: left; margin:0px;  }
.content-block .col8{ width: 66.66666667%; float: left; margin:0px; }

.content-block .bg-service-bottom{
    /*background: url('../images/paradise_dash_bottom.png') bottom center no-repeat;*/
}

.circle-service-image {
    width: 80%;
    border-radius: 50%;
    border: 3px solid #b8761b;
    display: inline-block;
    margin-top: 20px;
    display: block;
    background-size: cover;
    background-position: center;
    transition: transform 0.25s ease;
    padding-bottom: 80%;
    margin: 0 auto;
}

h1.service-name {
    font-weight: 900;
    font-size: 25px!important;
    font-style: normal;
    line-height: 1!important;
    color: #b8761b!important;
    background-position: 5px 2px;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #b8761b;
    padding-right: 15px;
    margin: 0px 0px 10px 0px!important;
}

.detail-price-item {
    display: flex;
    width: 100%;
    padding: 5px 0px;
}
.detail-price-item .detail-price-name {
    padding-right: 5px;
    font-size: 18px;
    font-weight: 600;
}
.detail-price-item .detail-price-dots {
    flex: 1;
    border-bottom: 1px dotted #000000;
    height: 24px;
}
.detail-price-item .detail-price-number {
    padding-left: 5px;
    font-size: 18px;
}

.box_service .service-desc{
    font-size: 16px;
    margin: 0px!important;
    line-height: 150%;
    font-style: italic;
}

.service-desc p{ margin: 0px 0px 10px 0px!important; }

.thumb-service-img{ border: 13px solid rgba(255, 255, 255, 0.42); margin-bottom:1.5rem; }

input[readonly], input[readonly="readonly"] {
    /*styling info here*/
}
input:-moz-read-only { /* For Firefox */
  background-color: #f7f7f7;
}
input:read-only {
  background-color: #f7f7f7;
}

@media only screen and (max-width: 1920px){
    .page-template-template-booking .booking-services .col{
        width: 16.66666666666667%;
    }
    .booking-services {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0px;
    }
    .container-booking .item-available{
        width: 24%;
        margin: 1px 5px 1px 0px;
        padding: 5px 7px;
        font-size: 15px;
    }
    .page-template-template-booking .booking-services .col{
        width: 16%;
    }
}
@media only screen and (max-width: 1024px){
    .page-template-template-booking .booking-services .col{
        width: 20%;
    }
    .container, .booking-services {
        max-width: 1024px;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .booking-services{
        padding-left: 0px;
        padding-right: 0px;
    }
    .container-booking .item-available{
        width: 19%;
        margin: 1px 5px 1px 0px;
        padding: 5px 7px;
    }
}
@media only screen and (max-width: 768px){
    .booking-services .col, .page-template-template-booking .booking-services .col{
        width: 50%;
    }
    .page-template-template-booking .container-booking .item-available{
        width: 32.5%;
        margin: 1px 5px 1px 0px;
        padding: 5px 7px;
    }
}
@media only screen and (max-width: 767px){
    .booking-services .col, .page-template-template-booking .booking-services .col{
        width: 50%;
    }
    .page-template-template-booking .container-booking .item-available{
        width: 48.2%;
        margin: 1px 5px 1px 0px;
        padding: 5px 7px;
    }
    .container-booking .item-available{
        width: 49%;
        margin: 1px 2px 1px 0px;
        padding: 5px 7px;
    }
    .container-booking .item-available .date-time-text{
        font-size: 0.83rem;
    }
    #location .col{ width: 94%; }
    #location .col .img-holder{ height: 160px; }
    .bnt-status{ top: 10px; }
    .btn-green{ font-size: .7rem; }
    .fl-table { display: block; width: 100%; }
    .table-wrapper:before{
        content: "Scroll horizontally >";
        display: block;
        text-align: right;
        font-size: 11px;
        color: white;
        padding: 0 0 10px;
    }
    .fl-table thead, .fl-table tbody, .fl-table thead th {
        display: block;
    }
    .fl-table thead th:last-child{
        border-bottom: none;
    }
    .fl-table thead {
        float: left;
    }
    .fl-table tbody {
        width: auto;
        position: relative;
        overflow-x: auto;
    }
    .fl-table td, .fl-table th {
        padding: 20px .625em .625em .625em;
        height: 60px;
        vertical-align: middle;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        width: 110px;
        font-size: 13px;
        text-overflow: ellipsis;
        vertical-align: middle;
    }
    .fl-table th{ width: 110px; }
    .fl-table th:first-child, .fl-table tr td:first-child{
        height: 35px;
        font-weight: bold;
    }
    .fl-table td{
        width: 172px;
    }
    .fl-table thead th {
        text-align: left;
        border-bottom: 1px solid #f7f7f9;
    }
    .fl-table tbody tr {
        display: table-cell;
    }
    .fl-table tbody tr:nth-child(odd) {
        background: none;
    }
    .fl-table tr:nth-child(even) {
        background: transparent;
    }
    .fl-table tr td:nth-child(odd) {
        background: #f7f7f7;
        border-right: 1px solid #E6E4E4;
    }
    .fl-table tr td:nth-child(even) {
        border-right: 1px solid #E6E4E4;
    }
    .fl-table tbody td {
        display: block;
        text-align: center;
        line-height: 140%;
    }
    .content-block .col4, .content-block .col8{ width: 100%; }
}