.wpsbc-table-id a {width:40px;}


.wpsbc-wrap .postbox {margin-bottom:0;}
.wpsbc-wrap {position:relative;}

.wpsbc-wrap .postbox-container {float:none;}

#inputCalendarData {display:none;}

.wpsbc-wrap .wpsbc-theme-classic div.wpsbc-calendar { margin-left: 0px;  }

.wpsbc-wrap h3.hndle {cursor:default !important;}
.wpsbc-wrap input.fullTitle { width:100%; padding-left:8px; margin:9px 0 0 0; height:32px; line-height:26px; font-size:20px;}


.wpsbc-wrap input.fullTitle.error {border: 1px solid #eb0707;}
.wpsbc-wrap input.fullTitle.error::-webkit-input-placeholder {color: #eb0707;}
.wpsbc-wrap input.fullTitle.error:-moz-placeholder {color: #eb0707;}
.wpsbc-wrap input.fullTitle.error::-moz-placeholder {color: #eb0707;}
.wpsbc-wrap input.fullTitle.error:-ms-input-placeholder {color: #eb0707;}

.wpsbc-wrap .wpsbc-calendar-users {background: #ffffff; border: 1px solid #CCC; width: 192px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; margin-top: 10px;}
.wpsbc-wrap .wpsbc-calendar-users select {width:100%;}
.wpsbc-wrap .wpsbc-calendar-users p {margin-top: 0; margin-bottom:4px;}

.wpsbc-wrap .wpsbc-hidden {display: none;}

.wpsbc-wrap .wpsbc-calendar-hyperlinks {background: #ffffff; border: 1px solid #CCC; width: 192px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; margin-top: 10px;}
.wpsbc-wrap .wpsbc-calendar-hyperlinks select {width:100%;}
.wpsbc-wrap .wpsbc-calendar-hyperlinks .chosen-container.chosen-container-single { width: 100% !important; }
.wpsbc-wrap .wpsbc-calendar-hyperlinks input[type="text"] {width:100%; border: 1px solid #aaa; line-height: 28px; margin: 0;}
.wpsbc-wrap .wpsbc-calendar-hyperlinks p {margin-top: 0; margin-bottom:4px;}

.wpsbc-legend-color {display:block; float:left; width:22px; height:22px; margin-right:5px; position:absolute; left:0;}
.wpsbc-legend-item {min-height:22px; line-height:16px; display:block; margin-bottom:10px; font-size:12px; position:relative;}
.wpsbc-legend-item p {padding: 3px 0 0 0; margin:0;}

.wpsbc-wrap .wpsbc-calendar {float:left; margin-left:0; }
.wpsbc-dates-editor {width:100%; float:right; margin:0 0 0 8px; padding:10px; border:1px solid #CCC; background:#fff;}
.wpsbc-dates-editor > ul > li > span span[class*="wpsbc-day-split-top-"]
{
    border-width: 22px 22px 0 0 !important;
}
.wpsbc-dates-editor > ul > li > span span[class*="wpsbc-day-split-bottom-"]
{
    border-width: 0 0 22px 22px !important;
}
.wpsbc-dates-editor-wrap {width:100%; padding-left:223px; box-sizing:border-box;} 


.wpsbc-wrap div.updated {margin:9px 0 0 0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.wpsbc-wrap .wpsbc-hide {display:none;}
.wpsbc-wrap .color-box {width:22px; height:22px; display:block;}
.wpsbc-dates-editor ul {list-style:none; margin:0; padding:0;}

.wpsbc-dates-editor ul li {display:block; margin-bottom:2px; float:left; clear:left; position:relative; width:100%;}
.wpsbc-dates-editor ul li .wpsbc-input-description-wrap {width:100%; position:absolute; left:0; top:0; padding-left:145px; box-sizing:border-box;}
.wpsbc-dates-editor ul li .wpsbc-input-description {width:99.5%;}

.wpsbc-dates-editor ul li span.wpsbc-select-status {display:block; width:22px; height:22px; float:left; clear:left; position:relative; line-height:22px; text-align:center; margin-right:3px;}

.wpsbc-table div.wpsbc-select-status {margin-top: 5px; display:block; width:22px; height:22px; float:left; clear:left; position:relative; line-height:22px; text-align:center; margin-right:3px; border:1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.wpsbc-table div.wpsbc-select-status .wpsbc-day-split-top {border-width: 22px 22px 0 0;}
.wpsbc-table div.wpsbc-select-status .wpsbc-day-split-bottom { border-width: 0 0 22px 22px; }

.wpsbc-table td.middle { vertical-align:middle}

.wpsbc-table td.middle.default-icon a, .wpsbc-table td.middle.default-icon img.default-icon {margin-left:17px;}
.wpsbc-table td.middle.visible-icon a {margin-left:14px;}
.wpsbc-table td.status-icon div.wpsbc-select-status {margin-left:5px;}
.wpsbc-table td.order-icon {padding-left:28px;}
.wpsbc-table td.order-icon.double {padding-left:23px;}


.wpsbc-dates-editor ul li select {height:22px; line-height:22px; padding:0; border:1px solid #dfdfdf; width:120px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; z-index:10; }

.wpsbc-dates-editor ul li input { height:22px; line-height:22px; float:left; border:1px solid #dfdfdf; margin-left:5px; width:393px; /*font-family: Arial, Helvetica, sans-serif;*/ font-size: 12px; font-weight:normal; padding-left:3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.wpsbc-batch-update {background:#ffffff; border: 1px solid #CCC; width:192px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px 10px 10px; margin-top:10px;} 
.wpsbc-batch-update label {display:block; font-weight:bold;}

.wpsbc-batch-update span.error {color:#eb0707; margin-top:7px; display:none;}
.wpsbc-batch-update .wpsbc-batch-change-status select {width:165px;}
.wpsbc-batch-update select, .wpsbc-batch-update input[type="text"] {line-height:22px !important; height:22px !important; font-size:12px; padding:1px;  }
.wpsbc-batch-update input[type="text"] {width:165px;}
.wpsbc-calendar-legend-container {background:#ffffff; border: 1px solid #CCC; width:192px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px;} 

.wpsbc-calendar-legend-container > .wpsbc-legend-item > .wpsbc-legend-color > div[class*="wpsbc-day-split-top-"]
{
    border-width: 22px 22px 0 0 !important;
}
.wpsbc-calendar-legend-container > .wpsbc-legend-item > .wpsbc-legend-color > div[class*="wpsbc-day-split-bottom-"]
{
    border-width: 0 0 22px 22px !important;
}

.wpsbc-select-status {height:22px; width:22px;}

body.wp-admin .hasCustomSelect {margin-left:1px;} 
.wpsbc-container {width:100%;}
.wpsbc-calendars {position:relative; width:100%;}
.wpsbc-responsive-calendars {position:absolute; width:202px; left:0; top:0;}

.wpsbc-notice-hidden-ok { display: none;  }
.wpsbc-notice-hidden-failed { display: none;  }
.wpsbc-notice { display: block;  }




/*EXPORT PAGES CSS*/
#wpsbc-export .wrap
{
    max-width: 800px;
}
#wpsbc-export .toolbar
{
    display: flex;
    flex: 0 0 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
#wpsbc-export .toolbar h2
{
    font-size: 28px;
}
#wpsbc-export .flex
{
    flex: 1;
}
#wpsbc-export .separator-top-bottom
{
    margin: 16px 0;
}
#wpsbc-export .clearfix
{
    display: table;
    
}
#wpsbc-export .clearfix:after
{
    content: " ";
    clear: both;
}
#wpsbc-export .header
{
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: rgba(0,0,0,.87);
    margin-bottom: 6px;
}
#wpsbc-export .subheader
{
    display: block;
    font-size: 20px;
    line-height: 20px;
    color: rgba(0,0,0,.54);
}
#wpsbc-export table {
    width: 800px;
    background-color: #fff;
    border-collapse:collapse;
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    margin: 8px 0 16px 0; 
}
#wpsbc-export table > tbody > tr > td
{
    padding: 16px;
}
#wpsbc-export table > tbody > tr > td:first-child
{
    background-color: rgba(0,0,0,.03);
    width: 35%;
}
#wpsbc-export table > tbody > tr > td:first-child span
{
    display: block;
}
#wpsbc-export table > tbody > tr > td:first-child span:first-child
{
    font-weight: bold;
    color: rgba(0,0,0,.87);
}
#wpsbc-export table > tbody > tr > td:first-child span:last-child
{
    color: rgba(0,0,0,.54);
    font-size: 12px;
}
#wpsbc-export table > tbody > tr > td:first-child span.totals
{
    background: #44b1f1;
    padding: 2px 4px 4px 4px;
    display: inline;
    border-radius: 6px;
    font-size: 10px;
    color: #fff;
    line-height: 14px;
}
#wpsbc-export table > tbody > tr > td:last-child
{
    background-color: #fff;
    width: 65%;
}
#wpsbc-export .card-row
{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center; 
    margin-left: -16px;
    margin-right: -16px;
}
#wpsbc-export .mini-card
{
    display: inline-block;
    background-color: #fff;
    border-radius: 2px;
    width: 75px;
    margin: 8px;
    padding:16px;
    background-color: #FFF8E1;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
#wpsbc-export .mini-card span
{
    display: block;
    text-align: center;
}

#wpsbc-export .mini-card span:first-child
{
    font-weight: bold;
}
#wpsbc-export .mini-card span:last-child
{
    margin-top: 8px;
    font-size: 16px;
}
#wpsbc-export .btn
{
    border-radius: 2px;
    padding: 8px 16px;
    margin: 0 8px;
    text-decoration: none;
    text-align: center;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
#wpsbc-export .btn.btn-info
{
    background-color: #2196F3;
    color: #fff;
}

#wpsbc-export .btn.btn-default
{
    background-color: #fff;
    color: rgba(0,0,0,.87);
}
#wpsbc-export .pull-right
{
    float: right;
}
#wpsbc-export .import.hndle .import-loading
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
#wpsbc-export .flex
{
    flex: 1;
}
#wpsbc-export .import.hndle.importing
{
    background-color:rgba(179, 229, 252, .5);
}
#wpsbc-export .import.hndle.imported-success
{
    background-color: rgba(139,195,74, .9);
    color: #fff;
}
#wpsbc-export .import.hndle.imported-error
{
    background-color:rgba(244,67,54, .9);
    color: #fff;
}

#wpsbc-export .wpsbc-exporter .inside .wpsbc-manual-export
{
    overflow-y: hidden;
    max-height: 500px; 

    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    /*transition: all 1s ease-in-out;*/
}
#wpsbc-export .wpsbc-exporter .inside .wpsbc-manual-export.close
{
    max-height: 0;
}
#wpsbc-export .wpsbc-exporter .inside .wpsbc-manual-toggle
{
    border-bottom: 1px solid rgba(0,0,0,.1);
    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    padding-bottom: 4px;
    padding-top: 4px;
    cursor: pointer;
    margin-top: 8px;
    color: rgba(0,0,0,.54);
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    display: none;
}

#wpsbc-export .progress-wrapper
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
#wpsbc-export .progress-wrapper .progress-bar
{
    min-height: 8px;
    max-height: 8px;
    height: 8px;
    border: 1px solid rgba(0,0,0,.2); 
    background-color: rgba(0,0,0,.05);
    min-width: 100px;
    width: 100px;
    max-width: 100px;

    margin-right: 8px;
}
#wpsbc-export .progress-wrapper .progress-bar .progress-bar-bar
{
    height: 8px;
    width: 0;
}
#wpsbc-export .progress-wrapper .progress
{
    min-width: 35px;
    text-align: right;
}
#wpsbc-export .wpsbc-exporter .inside .wpsbc-manual-toggle:hover
{
    background-color:rgba(179, 229, 252, .2);
}
#wpsbc-export .wpsbc-exporter .inside .wpsbc-manual-toggle.open
{
    display: flex;
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
    body.wp-admin .hasCustomSelect {margin-left:1px;} 
}


.wpsbc-wrap .wpsbc-settings-col {margin-left: 20px; clear:both; padding:10px 0; width:100%;}
.wpsbc-wrap .wpsbc-settings-col strong {font-size:12px; line-height:22px;}
.wpsbc-wrap .wpsbc-settings-col small {font-style:italic; font-size:11px; line-height:16px;}
.wpsbc-wrap .wpsbc-settings-col .wpsbc-settings-col-left {float:left; width:155px; padding-right:10px;}
.wpsbc-wrap .wpsbc-settings-col .wpsbc-settings-col-right {float:left; width:580px;}
.wpsbc-wrap .wpsbc-settings-col .wpsbc-settings-col-right label {display:block; height:34px; line-height:22px;}
.wpsbc-wrap .wpsbc-settings-col .wpsbc-settings-col-right label input {margin-right:6px;}


.edit-legend-container div.edit-legend-top label {width:146px; float:left; display:block; height:22px; line-height:22px;} 
.edit-legend-container div.edit-legend-top input {float:left;}
.edit-legend-container div.edit-legend-top div {float:left;}
.edit-legend-container div.edit-legend-top span {float:left;}

.edit-legend-container div.edit-legend-top span.color-box {width:20px; height:20px; border:1px solid #dfdfdf; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

.edit-legend-container div.edit-legend-top input[type="text"] {width:175px; height:22px; border:1px solid #dfdfdf; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding-left:5px; background-color:#ffffff; margin:0px 0px 0px 8px;}

.edit-legend-container div.edit-legend-top input.split-color {margin:3px 7px 0 14px; padding:0 !important;}
.edit-legend-container div.edit-legend-top span.color-wrapper {height:22px; line-height:22px; margin-right:14px;}

.edit-legend-container div.wpsbc-can-be-booked {margin-top:20px;}
.edit-legend-container div.wpsbc-can-be-booked label {width:147px; float:left; display:block; height:22px; line-height:22px;}
.edit-legend-container div.wpsbc-can-be-booked input  {line-height:22px;}

.edit-legend-container hr {clear:both; height:1px; border:none; background-color:#cccccc; display:block; margin:23px 0 28px 0;}

.edit-legend-container ul.wpsbc-legend-translations {list-style:none;}
.edit-legend-container ul.wpsbc-legend-translations li {list-style:none; height:23px; line-height:23px; padding-top:6px;}
.edit-legend-container ul.wpsbc-legend-translations li img {margin:2px 5px -1px 0;}
.edit-legend-container ul.wpsbc-legend-translations li label {width:141px; display:block; float:left;}
.edit-legend-container ul.wpsbc-legend-translations li input {width:140px; line-height:1;}

.wpsbc-ical-link {background:#fff; width:97%; display:inline-block; padding:4px 10px; margin-top:7px; line-height:16px; font-size:12px; border:1px solid #DFDFDF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.wpsbc-wrap .wpsbc-settings-col .wpsbc-date-format label {margin-right:10px; float:left !important; height:auto !important;}

.wpsbc-colorpicker span {float:left; margin-right:5px; }
.wpsbc-colorpicker .color-box {width:21px; height:21px; border:1px solid #ccc; margin-top:0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.wpsbc-colorpicker input {width:60px; margin-top:0px;}

body .colorpicker { z-index:86465455;   }
.chosen-container-multi .chosen-choices li.search-field input[type=text]{font-family: "Open Sans",sans-serif !important;}
.wpsbc-action-buttons {position: absolute; top: 7px; right: 0;}
.wpsbc-responsive-options {display:none;}

@media screen and (max-width: 782px){
    .auto-fold #adminmenu a.menu-top.toplevel_page_wp-simple-booking-calendar-premium {height:54px;}
    .auto-fold #adminmenu a.menu-top.toplevel_page_wp-simple-booking-calendar-premium .wp-menu-name { padding-right: 5px;}
    
    .wpsbc-table-calendars tr td:nth-child(n+3) {display:none !important;}
    .wpsbc-table-calendars tr td:nth-child(-n+2) {display:table-cell !important;}
    .wpsbc-table-calendars tr th:nth-child(n+3) {display:none !important;}
    
    
    .wpsbc-table-legend tr td:nth-child(n+3) {display:none !important;}
    .wpsbc-table-legend tr td:nth-child(-n+2), .wpsbc-responsive-options {display:table-cell !important;}
    .wpsbc-table-legend tr th:nth-child(n+3) {display:none !important;}
    
    
    .wpsbc-table-ical tr td, .wpsbc-table-forms tr td {display:table-cell !important;}
    
    
    
    
    .wpsbc-bookings-statuses {margin-top:0;}
    .wpsbc-data-table-pagination {float:none; text-align:center;}
    .dataTables_filter {margin: 0; text-align:center; margin-top:10px;}
    .wpsbc-booking-field .wpsbc-booking-field-date {display:none;}
    .wpsbc-booking-field .wpsbc-booking-field-date-padding,.wpsbc-booking-field .wpsbc-booking-field-date-id {display:block;}
    
    .wpsbc-booking-field .wpsbc-booking-field-options p {position:relative;}
    .wpsbc-booking-field-preview {display:none;}
    .wpsbc-booking-field-text-wrap {padding-left:110px; width:auto; position:absolute; left:0;}   
    
    .wpsbc-wrap .wpsbc-responsive-calendars {position:static;}
    .wpsbc-wrap .wpsbc-dates-editor-wrap {padding-left:0;}
    .wpsbc-wrap .wpsbc-dates-editor-wrap .wpsbc-dates-editor {margin:10px 0 0 0; float:left;}
    
    .edit-legend-container div.edit-legend-top label {width:100%;}
    .edit-legend-container div.edit-legend-top span.color-wrapper {clear:both;}
    .edit-legend-container div.edit-legend-top input.split-color {margin-left:0px; }
    
    .edit-legend-container div.edit-legend-top .show-split-color {float: none; clear: both; padding-top: 10px;}
    
    .wpsbc-wrap .wpsbc-settings-col .wpsbc-settings-col-right {width:90%; padding-right: 10%;}
    .wpsbc-wrap .wpsbc-settings-col .wpsbc-settings-col-left {width:100%;}
    .wpsbc-wrap .wpsbc-settings-col .wpsbc-settings-col-right label {line-height:38px;}
    .wpsbc-wrap .wpsbc-settings-col .wpsbc-date-format label {float:none !important;}
    .wpsbc-wrap .wpsbc-settings-col small {display:block;}
    
    .wpsbc-dates-editor ul li select {height:22px !important; font-size:14px !important;}
    
    .wpsbc-show-dropdown-translations {margin-left:0;}
    .fieldHtmlContainer textarea {width:100%;}
    .wpsbc-form-field {overflow:hidden;}
    .wpsbc-form-field span.wpsbc-field-name {width:100px;}
    .wpsbc-form-field span.wpsbc-field-type {width:100px;}
    
    
    .wpsbc-modal-overlay .wpsbc-modal-box {left:0; margin-left:0; width:100%; }
    .wpsbc-modal-overlay .wpsbc-modal-box-header-buttons {float:none; width: 90%; text-align: right;}
    .wpsbc-modal-overlay .wpsbc-modal-box-header {min-height:46px; height:auto;}
    .edit-dates-popup {width:auto!important;}
    .wpsbc-dates-editor {width:93%;}
    .edit-dates-sidebar {width:90%; margin-left:0px;}
    input.bulk-edit-legend-text {padding:2px 10px;}
}