| Server IP : 85.193.89.191 / Your IP : 3.135.215.210 Web Server : Apache System : Linux 956367-cx40159.tmweb.ru 3.10.0-1160.105.1.el7.x86_64 #1 SMP Thu Dec 7 15:39:45 UTC 2023 x86_64 User : bitrix ( 600) PHP Version : 8.1.27 Disable Function : NONE MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/bitrix/www/bitrix/js/calendar/userfield/ |
Upload File : |
.crm-entity-field-user-title {}
.crm-entity-field-user-title .crm-entity-field-user-title-content-block,
.crm-entity-field-resourses-wrap .crm-entity-field-resources-list-content-block
{
max-height: 0;
margin: 0;
overflow: hidden;
opacity: 0;
transition: all 300ms ease;
}
.crm-entity-field-user-title.shown .crm-entity-field-user-title-content-block
{
max-height: 200px;
margin: 10px;
opacity: 1;
}
.crm-entity-field-resourses-wrap.shown .crm-entity-field-resources-list-content-block
{
max-height: 1000px;
margin: 10px;
opacity: 1;
}
.calendar-resbook-planner-popup{
min-height: 200px;
padding: 0;
opacity: 0;
transition: 300ms all ease;
}
.calendar-resbook-planner-popup.show{
opacity: 1;
min-height: 200px;
padding: 20px;
}
.calendar-resbook-date-input,
.calendar-resbook-duration-input
{
display: inline-block;
box-sizing: border-box;
padding: 9px 9px;
min-height: 37px;
max-width: 100%;
outline: none;
border: 1px solid #dde0e8;
border-radius: 1px;
background-color: #fff;
color: #424956;
font: 15px/17px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
transition: 220ms all ease;
}
.calendar-resbook-duration-input{
width: 114px;
}
.calendar-resbook-date-input{
margin-right: 10px;
width: 200px;
}
.calendar-resbook-field-datetime {
max-width: 165px;
background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%3E%20%20%3Cpath%20fill%3D%22%23A1A1A1%22%20d%3D%22M19.2203068%2C227.579302%20C19.4159762%2C227.579302%2019.6036161%2C227.503694%2019.7418756%2C227.369138%20C19.8801351%2C227.234582%2019.9576669%2C227.052123%2019.957385%2C226.861969%20L19.957385%2C225.786486%20C19.957385%2C225.390884%2019.6273838%2C225.070185%2019.2203068%2C225.070185%20C18.8132298%2C225.070185%2018.4832287%2C225.390884%2018.4832287%2C225.786486%20L18.4832287%2C226.861969%20C18.4829467%2C227.052123%2018.5604785%2C227.234582%2018.698738%2C227.369138%20C18.8369975%2C227.503694%2019.0246374%2C227.579302%2019.2203068%2C227.579302%20L19.2203068%2C227.579302%20Z%20M11.7858009%2C227.652584%20C12.2169272%2C227.652584%2012.566424%2C227.312939%2012.566424%2C226.893965%20L12.566424%2C225.758618%20C12.566424%2C225.339645%2012.2169272%2C225%2011.7858009%2C225%20C11.3546747%2C225%2011.0051778%2C225.339645%2011.0051778%2C225.758618%20L11.0051778%2C226.893965%20C11.0051778%2C227.095164%2011.0874218%2C227.288121%2011.233817%2C227.43039%20C11.3802123%2C227.572658%2011.5787668%2C227.652584%2011.7858009%2C227.652584%20L11.7858009%2C227.652584%20Z%20M22.0369225%2C226.582261%20L20.8134152%2C226.582261%20L20.8134152%2C227.098328%20C20.8134152%2C227.953376%2020.1001563%2C228.646529%2019.2203068%2C228.646529%20C18.3404574%2C228.646529%2017.6271984%2C227.953376%2017.6271984%2C227.098328%20L17.6271984%2C226.582261%20L13.3789093%2C226.582261%20L13.3789093%2C227.098328%20C13.3789093%2C227.953376%2012.6656504%2C228.646529%2011.7858009%2C228.646529%20C10.9059515%2C228.646529%2010.1926925%2C227.953376%2010.1926925%2C227.098328%20L10.1926925%2C226.582261%20L8.96918531%2C226.582261%20C8.41963391%2C226.58108%207.89468921%2C226.803615%207.52173741%2C227.195865%20C7.14878561%2C227.588115%206.96191611%2C228.114226%207.00647571%2C228.646529%20L7.00647571%2C238.967866%20C7.00647571%2C239.537898%207.48198171%2C240%208.06854801%2C240%20L22.9375597%2C240%20C23.524126%2C240%2023.999632%2C239.537898%2023.999632%2C238.967866%20L23.999632%2C228.646529%20C24.020459%2C227.558434%2023.1547325%2C226.647912%2022.0369225%2C226.582261%20Z%20M22%2C238%20L9.00000001%2C238%20L9.00000001%2C231%20L22%2C231%20L22%2C238%20Z%20M12.6705071%2C234.641161%20C12.2449609%2C234.998271%2011.8674281%2C235.406081%2011.5468347%2C235.854951%20C11.3616803%2C236.149457%2011.2456369%2C236.48002%2011.2069715%2C236.823092%20L14.7064997%2C236.823092%20L14.7064997%2C235.922039%20L12.7236107%2C235.922039%20C12.7820647%2C235.825793%2012.850385%2C235.735538%2012.9275286%2C235.652653%20C13.0110783%2C235.560449%2013.2107479%2C235.373976%2013.5265374%2C235.093236%20C13.7608069%2C234.894272%2013.9791618%2C234.678277%2014.1797118%2C234.44712%20C14.344479%2C234.251596%2014.479337%2C234.03398%2014.5801131%2C233.801005%20C14.6639123%2C233.59354%2014.7067873%2C233.372603%2014.7064997%2C233.149728%20C14.7148934%2C232.768765%2014.5538791%2C232.402777%2014.2646776%2C232.145462%20C13.9312208%2C231.861749%2013.4963595%2C231.716804%2013.0539152%2C231.741898%20C12.6354439%2C231.727784%2012.2241582%2C231.850236%2011.8856357%2C232.089727%20C11.5433086%2C232.380948%2011.3412673%2C232.797575%2011.3280478%2C233.239524%20L12.3168371%2C233.336544%20C12.3118734%2C233.115932%2012.3870846%2C232.900679%2012.5292515%2C232.728618%20C12.8124615%2C232.488233%2013.2338215%2C232.484726%2013.521227%2C232.720361%20C13.6488467%2C232.855654%2013.7140671%2C233.035733%2013.7017793%2C233.218881%20C13.6937327%2C233.432916%2013.6197322%2C233.63967%2013.4893648%2C233.812358%20C13.2408452%2C234.112072%2012.9669355%2C234.391035%2012.6705071%2C234.646322%20L12.6705071%2C234.641161%20Z%20M17.6696813%2C236.823092%20L18.635105%2C236.823092%20L18.635105%2C235.804376%20L19.2829691%2C235.804376%20L19.2829691%2C234.955962%20L18.635105%2C234.955962%20L18.635105%2C231.746026%20L17.79713%2C231.746026%20L15.5381023%2C234.960091%20L15.5381023%2C235.808505%20L17.6696813%2C235.808505%20L17.6696813%2C236.827221%20L17.6696813%2C236.823092%20Z%20M16.4727258%2C234.951834%20L17.6696813%2C233.221978%20L17.6696813%2C234.955962%20L16.4727258%2C234.955962%20L16.4727258%2C234.951834%20Z%22%20transform%3D%22translate%28-7%20-225%29%22/%3E%3C/svg%3E) no-repeat right 11px center;
}
.calendar-resbook-field-datetime-menu {
padding-right: 25px;
background: #fff no-repeat right 11px center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%227%22%20viewBox%3D%220%200%2011%207%22%3E%20%20%3Cpath%20fill%3D%22%23979797%22%20fill-rule%3D%22evenodd%22%20d%3D%22M349.545942%2C95.4246212%20L349.545942%2C89.6066017%20L347.606602%2C89.6066017%20L347.606602%2C96.3942911%20L347.606602%2C97.363961%20L355.363961%2C97.363961%20L355.363961%2C95.4246212%20L349.545942%2C95.4246212%20Z%22%20transform%3D%22rotate%28-45%2067.431%20465.144%29%22/%3E%3C/svg%3E) !important;
}
.calendar-resbook-field-datetime-menu:focus {
background: #fff no-repeat right 11px center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%3E%20%20%3Cpath%20fill%3D%22%23979797%22%20fill-rule%3D%22evenodd%22%20d%3D%22M606%2C611%20L606%2C605%20L604%2C605%20L604%2C612%20L604%2C613%20L612%2C613%20L612%2C611%20L606%2C611%20Z%22%20transform%3D%22rotate%28135%20431.885%20182.822%29%22/%3E%3C/svg%3E);
}
.resource-booking-slider-workarea {
}
.resource-booking-slider-content {
overflow: hidden;
padding: 0;
}
.resource-booking-settings {
padding: 20px 18px;
background: #fff;
color: #525c69;
font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.calendar-resourcebook-widget {
position: relative;
z-index: 140;
box-sizing: border-box;
margin-bottom: 15px;
border-radius: 1px;
background-color: #fff;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .04);
transition: background-color 250ms linear;
}
.crm-entity-card-widget-title {
margin: 0 auto;
padding: 11px 0;
width: calc(100% - 30px);
border-bottom: 1px solid #e8ecee;
}
.crm-entity-card-widget-title-text {
display: inline-block;
height: 23px;
color: #525c69;
vertical-align: middle;
text-transform: uppercase;
font: 11px/23px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.crm-entity-widget-actions-block {
float: right;
padding: 2px 0;
transition: 300ms all ease;
}
.calendar-resourcebook-content-block-title {
position: relative;
margin-bottom: 5px;
color: #a3a9b1;
font: 12px/14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.calendar-resourcebook-content-block-duration-title {
position: absolute;
left: 316px;
}
.calendar-resourcebook-content-block-detail-resource .calendar-resourcebook-content-block-title {
margin-bottom: 0;
}
.calendar-resourcebook-content-block-detail-resource-datetime .calendar-resourcebook-content-block-title:first-child {
margin-right: 18%;
}
.calendar-resourcebook-hr {
margin-bottom: 10px;
height: 1px;
border: none;
background: #e4e5e8;
}
.calendar-resourcebook-content-block-wrap {
padding: 0 7px;
position: relative;
}
.calendar-resourcebook-content {
padding: 11px 0 7px;
}
.calendar-resourcebook-content-block-wrap:hover .crm-entity-card-widget-title-edit-icon {
position: absolute;
display: inline-block;
margin-bottom: -3px;
line-height: inherit;
}
.crm-entity-widget-edit-btn,
.crm-entity-widget-hide-btn,
.crm-entity-widget-actions-btn-create,
.crm-entity-widget-actions-btn-select,
.crm-entity-widget-client-connect-btn {
position: relative;
display: inline-block;
float: right;
margin-left: 8px;
padding-top: 2px;
border-bottom: 1px dashed transparent;
color: #333;
text-transform: lowercase;
letter-spacing: .2px;
font-weight: normal;
font-size: 13px;
line-height: 14px;
opacity: .5;
cursor: pointer;
transition: 300ms all ease;
}
.calendar-resourcebook-content-block-inner {
position: relative;
padding: 14px 0 16px;
background-color: #f6f6f7;
border-radius: var(--ui-border-radius-sm);
}
.calendar-resourcebook-content-block {
padding: 0 13px;
margin-bottom: 10px;
}
.calendar-resourcebook-content-block-field {
margin-bottom: 17px;
position: relative;
display: block;
word-break: break-all;
}
.calendar-resourcebook-content-block-field .calendar-resourcebook-content-input {
border-color: #dde0e8;
}
.calendar-resourcebook-content-block-select {
color: #0063c6;
border-bottom: 1px dashed rgba(0, 99, 198, .5);
margin-left: 3px;
font: 14px/14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.calendar-resourcebook-mode-selector {
cursor: pointer;
}
.calendar-resourcebook-content-block-title-text {
color: #525C69;
opacity: .5;
font: 12px/14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.calendar-resourcebook-content-block-control {
display: flex;
width: 100%;
min-width: 200px;
padding: 3px 0 0 0;
flex-wrap: wrap;
position: relative;
min-height: 38px;
border: 1px solid #dde0e8;
border-radius: 2px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
overflow: hidden;
align-items: center;
}
.calendar-resourcebook-content-block-control-inner {
height: 30px;
max-width: 0;
white-space: nowrap;
outline: none;
background: #c0eefd;
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
margin: 0 0 3px 3px;
/*padding: 0 0 0 13px;*/
padding: 0;
box-sizing: border-box;
position: relative;
overflow: hidden;
transition: 300ms all ease;
}
.calendar-resourcebook-content-block-control-inner.transparent {
opacity: 0;
}
.calendar-resourcebook-content-block-control-inner.shown {
max-width: 200px;
padding: 0 0 0 13px;
}
.calendar-resourcebook-content-block-control-inner:hover {
background-color: #86e2ff;
}
.calendar-resourcebook-content-block-control-text {
color: #1968b8;
font-weight: var(--ui-font-weight-bold);
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
}
.calendar-resourcebook-content-block-control-text-add {
margin-left: 5px;
padding: 5px;
flex-shrink: 0;
}
.calendar-resourcebook-content-block-control-text-add:hover {
text-decoration: underline;
}
.calendar-resourcebook-content-block-control-delete {
position: relative;
width: 30px;
height: 31px;
cursor: pointer;
right: 0;
top: 0;
margin-left: 8px;
flex-shrink: 0;
}
.calendar-resourcebook-content-block-control-delete:before, .calendar-resourcebook-content-block-control-delete:after {
content: '';
width: 2px;
height: 10px;
background: #86c0e5;
position: absolute;
top: 10px;
right: 15px;
transition: background .2s linear;
}
.calendar-resourcebook-content-block-control-delete:after {
transform: rotate(45deg);
}
.calendar-resourcebook-content-block-control-delete:before {
transform: rotate(-45deg);
}
.calendar-resourcebook-content-block-detail-resource-inner-wide .calendar-resourcebook-content-block-control-delete:hover:before,
.calendar-resourcebook-content-block-detail-resource-inner-wide .calendar-resourcebook-content-block-control-delete:hover:after {
background: #525c69;
}
.calendar-resourcebook-content-block-detail-resource-inner-wide .calendar-resourcebook-content-block-control-delete:before,
.calendar-resourcebook-content-block-detail-resource-inner-wide .calendar-resourcebook-content-block-control-delete:after {
right: 6px;
}
.calendar-resourcebook-content-block-detail-delete {
position: relative;
width: 30px;
height: 37px;
margin-left: 4px;
flex-shrink: 0;
cursor: pointer;
opacity: 0;
transition: opacity 150ms ease;
}
.calendar-resourcebook-content-block-detail-delete. calendar-resourcebook-content-block-control-delete {
height: 37px;
}
.calendar-resourcebook-content-block-control-delete-detail:before, .calendar-resourcebook-content-block-control-delete-detail:after {
background: #a3a9b1;
top: 7px;
left: 7px;
}
.calendar-resourcebook-content-block-detail-resource:hover .calendar-resourcebook-content-block-detail-delete {
opacity: 1;
}
.calendar-resourcebook-content-block-control-inner.green {
background: #dbF381;
}
.calendar-resourcebook-content-block-control-inner.green:hover {
background: #b2e233;
}
.calendar-resourcebook-content-block-control-inner.green .calendar-resourcebook-content-block-control-delete:before,
.calendar-resourcebook-content-block-control-inner.green .calendar-resourcebook-content-block-control-delete:after {
background: #bccf88;
}
.calendar-resourcebook-content-block-control-inner.green .calendar-resourcebook-content-block-control-text {
color: #525c69;
}
.calendar-resourcebook-content-block-control-field {
margin-bottom: 15px;
font: 13px/20px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.calendar-resourcebook-content-block-control-field:last-child {
margin-bottom: 0;
}
.calendar-resourcebook-folding-block{
max-height: 0;
margin: 0 !important;
overflow: hidden;
opacity: 0.2;
transition: all 500ms ease;
}
.calendar-resourcebook-folding-block.shown {
max-height: 10000px;
margin-bottom: 15px !important;
opacity: 1;
}
.calendar-resourcebook-content-block-options {
color: #525c69;
font: 13px/13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
margin: 9px 0 15px;
}
.calendar-resourcebook-content-block-option {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.calendar-resourcebook-content-block-option:last-child {
margin-bottom: 0;
}
.calendar-resourcebook-content-block-option input {
margin: 0 8px 0 0;
}
.calendar-resourcebook-content-block-btn-container {
padding: 0 15px;
margin-top: 15px;
}
.calendar-resourcebook-content-block-options .calendar-resourcebook-hr {
margin: 16px 0 15px;
}
.calendar-resourcebook-content-input:hover, .calendar-resourcebook-content-block-detail-time-inner:hover {
border-color: #64a6f3;
}
.calendar-resourcebook-content-input, .calendar-resourcebook-content-block-detail-time-inner {
display: block;
box-sizing: border-box;
padding: 9px 9px;
min-height: 37px;
max-width: 100%;
width: 100%;
outline: none;
border: 1px solid #c4c7cc;
border-radius: var(--ui-field-border-radius, 1px);
background-color: #fff;
color: #424956;
font: 15px/17px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
transition: 220ms all ease;
}
.calendar-resource-content-block-add-link {
color: #80868e;
font: 13px/13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
border-bottom: 1px dashed rgba(82, 92, 105, .3);
position: relative;
transition: 500ms all ease;
opacity: 1;
cursor: pointer;
}
.calendar-resource-content-block-add-link-active {
color: #424956;
}
.calendar-resource-content-block-add-link-icon {
margin-left: 11px;
}
.calendar-resource-content-block-add-link-icon:first-child {
margin-right: 0;
}
.calendar-resource-content-block-add-link-icon:before, .calendar-resource-content-block-add-link-icon:after {
content: '';
position: absolute;
left: -8px;
top: 7px;
width: 5px;
height: 1px;
background: #80868e;
}
.calendar-resource-content-block-add-link-icon:after {
transform: rotate(90deg);
}
.calendar-resource-content-block-add-link:first-child {
margin-right: 16px;
}
.calendar-resource-content-block-add-field {
margin: 9px 0 0;
font-size: 0;
line-height: 13px;
position: relative;
}
.popup-window-resource-select .calendar-resourcebook-content-block-control-delete {
width: 25px;
}
.popup-window-resource-select .calendar-resourcebook-content-block-control-delete:before,
.popup-window-resource-select .calendar-resourcebook-content-block-control-delete:after {
background: #525C69;
opacity: .15;
top: 11px;
right: 13px;
}
.popup-window-resource-select .calendar-resourcebook-content-block-control-delete:hover:before,
.popup-window-resource-select .calendar-resourcebook-content-block-control-delete:hover:after {
opacity: .5;
}
.popup-window-resource-select .menu-popup-item-text {
padding: 0 0 0 5px;
cursor: pointer;
position: relative;
text-overflow: ellipsis;
max-width: 260px;
overflow: hidden;
}
#menu-popup-popup-submenu-time-state-scale .menu-popup-item-text,
#menu-popup-popup-submenu-duration-default-value .menu-popup-item-text,
.popup-window-resource-select .menu-popup-item-text-normal {
padding: 0 15px 0 9px !important;
}
.popup-window-resource-select .menu-popup-item-text:hover {
color: #424956;
}
.menu-popup-item-resource-all {
border-top: 1px solid #f0f1f2;
padding-right: 15px;
}
.menu-popup-item-resource-all .menu-popup-item-icon{
display: none;
}
.popup-window-resource-select .menu-popup .menu-popup-item {
display: flex;
justify-content: space-between;
}
.popup-window-resource-select .menu-popup-item-inner {
width: 100%;
}
.popup-window-resource-select .menu-popup-item-text:before {
content: '';
width: 14px;
height: 14px;
border: 1px solid #c6cdd3;
border-radius: 2px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
#menu-popup-popup-submenu-time-state-scale .menu-popup-item-text:before,
#menu-popup-popup-submenu-duration-default-value .menu-popup-item-text:before
{
display: none!important;
}
.popup-window-resource-select .menu-popup-item.main-buttons-submenu-separator .menu-popup-item-text {
overflow: visible;
}
.popup-window-resource-select .menu-popup-item.main-buttons-submenu-separator .menu-popup-item-text:before {
display: none;
}
.popup-window-resource-select .menu-popup .menu-popup-item.main-buttons-submenu-separator {
display: block;
}
.menu-popup-item-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 5px 0 11px;
box-sizing: border-box;
}
.menu-popup-item-resource-checkbox,
.menu-popup-item-resource-radio {
display: none;
}
input[type="checkbox"]:checked + .menu-popup-item-text:before {
background-color: #80868e;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx0aXRsZT5Db21iaW5lZCBTaGFwZTwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB1c2luZyBGaWdtYTwvZGVzYz48ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjc0OSAtNDQ4NCkiPjxnIGlkPSJDb21iaW5lZCBTaGFwZSI+PHVzZSB4bGluazpocmVmPSIjcGF0aDBfZmlsbCIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzE5MzQgLTAuNjk0NjU4IDAuNjk0NjU4IC0wLjcxOTM0IDI3NTIuNTIgNDQ5MC4wNikiIGZpbGw9IiNGRkZGRkYiLz48L2c+PC9nPjxkZWZzPjxwYXRoIGlkPSJwYXRoMF9maWxsIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0gMS4zOTc3NiA1LjU5MDQ5QyAxLjM5NzkzIDUuOTc2NTYgMS4wODUxMyA2LjI4OTQ4IDAuNjk5MjQgNi4yODk0OEMgMC4zMTMzNDUgNi4yODk0OCAwLjAwMDQyMDIwNSA1Ljk3NjY4IDAuMDAwMjUyNjgzIDUuNTkwNjFMIDAuMDAwNDA3MjYxIDEuMzk3NTdDIDAuMDAwNTUzNDQ0IDEuMjcwNSAwLjAzNDU3MzcgMS4xNTE0NCAwLjA5Mzg2MjYgMS4wNDg3QyAwLjAzNDM2MTYgMC45NDU5NjkgMS43Mzg2NGUtMDUgMC44MjY0MDcgMCAwLjY5ODgxMUMgMC4wMDAzNDcyODcgMC4zMTI5MjMgMC4zMTMxNDQgLTIuMDcyMjRlLTA2IDAuNjk5MDM4IDEuMDI5MjFlLTExTCAzLjQ5NDQgMC4wMDAxMDMwNTJDIDMuODA2MzkgMC4wMDAxOTY0NzYgNC4wNzAyOCAwLjIwNDIyNSA0LjE2MDMyIDAuNDg2NTQxQyA0LjE4MTU5IDAuNTUzNTU5IDQuMTkzMjkgMC42MjUwNzIgNC4xOTMyMSAwLjY5OTE0MUMgNC4xOTMwNCAxLjA4NDg2IDMuODgwMjQgMS4zOTc3OSAzLjQ5NDM1IDEuMzk3NzhMIDEuMzk3OTIgMS4zOTc0NUwgMS4zOTc3NiA1LjU5MDQ5WiIvPjwvZGVmcz48L3N2Zz4=);
background-repeat: no-repeat;
background-position: center;
border-color: transparent;
}
.popup-window-resource-select input[type="radio"] + .menu-popup-item-text:before {
border-color: #afafaf;
border-radius: 50%;
margin-right: 5px;
}
input[type="radio"]:checked + .menu-popup-item-text:before {
background-color: #999ea5;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cg%20filter%3D%22url%28%23filter0_d%29%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4%206C5.65685%206%207%204.65685%207%203C7%201.34315%205.65685%200%204%200C2.34315%200%201%201.34315%201%203C1%204.65685%202.34315%206%204%206Z%22%20fill%3D%22white%22/%3E%0A%3C/g%3E%0A%3Cdefs%3E%0A%3Cfilter%20id%3D%22filter0_d%22%20x%3D%220%22%20y%3D%220%22%20width%3D%228%22%20height%3D%228%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%0A%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%0A%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22/%3E%0A%3CfeOffset%20dy%3D%221%22/%3E%0A%3CfeGaussianBlur%20stdDeviation%3D%220.5%22/%3E%0A%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.316123%200%22/%3E%0A%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow%22/%3E%0A%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow%22%20result%3D%22shape%22/%3E%0A%3C/filter%3E%0A%3C/defs%3E%0A%3C/svg%3E%0A);
background-repeat: no-repeat;
background-position: top 3px center;
border-color: transparent;
}
.calendar-resourcebook-content-block-detail-wrap {
min-width: 295px;
/*margin-top: 15px;*/
}
.calendar-resourcebook-content-block-detail-wrap-flex {
display: flex;
flex-wrap: wrap;
}
.calendar-resourcebook-content-block-detail-resource {
display: flex;
margin-bottom: 5px;
}
.calendar-resourcebook-content-block-detail-resource-inner {
display: flex;
position: relative;
align-items: center;
width: 100%;
}
.calendar-resourcebook-content-block-detail-resource-inner-wide {
width: 100%;
}
.calendar-resourcebook-content-block-detail-resource-inner-wide .calendar-resourcebook-content-input {
color : #525C69;
}
.calendar-resourcebook-content-block-detail-resource-inner .calendar-resourcebook-content-block-control-delete:before,
.calendar-resourcebook-content-block-detail-resource-inner .calendar-resourcebook-content-block-control-delete:after {
background: #a3a9b1;
}
.calendar-resourcebook-content-block-detail-resource-inner .calendar-resourcebook-content-block-control-delete {
opacity: 0;
transition: opacity 300ms ease;
}
.calendar-resourcebook-content-block-detail-resource-inner:hover .calendar-resourcebook-content-block-control-delete {
opacity: 1;
}
.calendar-resourcebook-content-block-detail-resource-inner-wide .calendar-resourcebook-content-block-control-delete {
opacity: 1;
margin-left: 3px;
width: 19px;
}
.calendar-resourcebook-content-block-detail .calendar-resourcebook-content-input {
max-width: 290px;
border-color: #dde0e8;
margin-right: 13px;
}
.calendar-resourcebook-content-block-detail .calendar-resourcebook-service-input {
max-width: 288px !important;
}
.calendar-resourcebook-content-block-detail-resource-inner-wide .calendar-resourcebook-content-input {
max-width: 100%;
margin-right: 0;
}
.calendar-resourcebook-content-block-detail {
font-size: 0;
}
.calendar-resourcebook-content-block-detail-time-inner {
min-width: 114px;
border-color: #dde0e8;
position: relative;
}
.calendar-resourcebook-content-block-detail-calendar {
margin-right: 10px;
}
.calendar-resourcebook-content-block-detail-calendar .calendar-resourcebook-content-block-detail-time-inner {
min-width: 165px;
}
.calendar-resourcebook-content-block-detail .crm-entity-widget-content-block-title {
margin-bottom: 7px;
}
.calendar-resourcebook-content-block-detail-icon {
width: 35px;
height: 37px;
display: inline-block;
vertical-align: middle;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
background-repeat: no-repeat;
}
.calendar-resourcebook-content-block-detail-icon-arrow {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGU+UGF0aDwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB1c2luZyBGaWdtYTwvZGVzYz48ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY4MyAtMzIyKSI+PGcgaWQ9IlBhdGgiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX2ZpbGwiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MTA3IC0wLjcwNzEwNyAwLjcwNzEwNyAwLjcwNzEwNyAxNjgzIDMyNy40ODUpIiBmaWxsPSIjNTM1QzY5Ii8+PC9nPjwvZz48ZGVmcz48cGF0aCBpZD0icGF0aDBfZmlsbCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNIDEuOTM5MzkgMi4xNTc5MmUtMDVMIDQuMzE1ODRlLTA1IDBMIDYuNDczNzZlLTA1IDUuODE4MDdMIDAgNy43NTczM0wgMS45MzkzNiA3Ljc1NzMzTCA3Ljc1NzQyIDcuNzU3MzdMIDcuNzU3MzkgNS44MTgwM0wgMS45Mzk0MSA1LjgxODA5TCAxLjkzOTM5IDIuMTU3OTJlLTA1WiIvPjwvZGVmcz48L3N2Zz4=);
background-position: top 10px center;
}
.calendar-resourcebook-content-block-detail-icon-calendar {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNiAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGU+Qml0bWFwIENvcHk8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgdXNpbmcgRmlnbWE8L2Rlc2M+PGcgaWQ9IkNhbnZhcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ1NzkgMTgpIj48ZyBpZD0iQml0bWFwIENvcHkiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX2ZpbGwiIGZpbGw9InVybCgjcGF0dGVybjApIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NTc5IC0xOCkiLz48L2c+PC9nPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuMCIgcGF0dGVyblVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjx1c2UgeGxpbms6aHJlZj0iI2ltYWdlMCIgdHJhbnNmb3JtPSJtYXRyaXgoMC4wMzg0NjE1IDAgMCAwLjA0MTY2NjcgMCAwKSIvPjwvcGF0dGVybj48cGF0aCBpZD0icGF0aDBfZmlsbCIgZD0iTSAwIDBMIDI2IDBMIDI2IDI0TCAwIDI0TCAwIDBaIi8+PGltYWdlIGlkPSJpbWFnZTAiIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFCb0FBQUFZQ0FZQUFBRGtndTNGQUFBQUFYTlNSMElBcnM0YzZRQUFBanhKUkVGVVNBM3RWTTlyVTBFUS9sN2lhOEFlckNkYktSNGpCY1diSUNMb1FhaW1UWXkvVUZEb24xWlF5RUh3SUlvdDBvdUhFcHZhRUtLSXRHblROUFZtVXZKcUpEYUp6b3h2ZjVpd3RVSUpIanJ3c3QvdXpIemZ6dXh1dko5a0dJQkZCcUFoRXYrWFVMdmR4cWZQcStoME9uME42SFM3V0Y4dmc4Zjk3RUFWMVhkMjhHNXBHYlY2dlk4cmFEVHdkakdMSUFqNmZQYkNNWHRpNDlKR0dWa2kzL3V4aDNReUFYL0loKy83bUgyU0FUeUtESy9RL1RzcERBOGYvKzE3bWtFc0ZzUGxTeGR4Wm56Y3BvT3pvcVhjZXhGaDBzMXFGZmZTU1ZTcTJ5YVp4ZWhibzdhbEVqZFFvcEd0MVdwaE1ac1RiUDk0cnVzOVM3dlR4cnRYVlhnaFVHdmF3ZEhHTi9QNG9VNW40S3hJV2lQdG9XUXR3aW0wcUVURUg4NFpxeWNwbStGWVk4NHpFbktLbTNuMHdFUWZBTWtacWdPMDR2ZXZ5QW9zRkQvaXhhczV6TDFaQUY5M3RscXRoc3l6NTFZVVFhNmV2eDV6Qy9VRUQ5R3RTMHhlUjhTTG9CSHN5cHZLNVFzeS80TlQydG1UVEFGdUllbTVvWmc0RzhmR1pnVmRlcGduUjA0Z1h5aGlJaDVITkJvMVFScUptcDR4Y0F0SkM4ek90cmEvWUhXdGhHdFhyOENqd3k1WHRyQzhra2Z6ZXhPRjRnZERLaWttVHpuY1F0WXQ0ajk0SnQzOTFzVEwxL1A0U21kejk5WTBicWVtTUVMVlhUaC9UdkdGRDdtL29yL2VPbWJnQ3RMVENVTm1vZVROU1d2bWhtNGh6cUdOeWNQbERhcHVDT1lKQWNiSzFFTU9YV3BaamM3V25SNGREY2twMDA0V0hDb3dWcDhTSnRmWTJDbkZyMGZuWDVDT09DVGdyT2lRK0RYTmtaQnV4YitDZ2JYdUY1YVN5WUtaL2gvRkFBQUFBRWxGVGtTdVFtQ0MiLz48L2RlZnM+PC9zdmc+);
background-position: center;
}
.calendar-resourcebook-content-block-inner-no-bg {
background: #fff;
}
.calendar-resourcebook-content-block-title-text-light {
color: #525c69;
}
.calendar-resource-content-block-date .calendar-resourcebook-content-block-detail-wrap {
margin-top: 0;
}
.calendar-resourcebook-content-block-detail-wrap-down {
margin-bottom: 15px;
}
.calendar-resourcebook-select-popup-menu {
opacity: 0;
}
.calendar-resourcebook-select-popup {
opacity: 1;
max-height: 0;
transition: 400ms all ease;
}
.calendar-resourcebook-select-popup.shown {
opacity: 1;
max-height: 600px;
}
.calendar-resourcebook-content-new-entries-wrap {
}
.calendar-resourcebook-content-new-entries-wrap .calendar-resourcebook-input-block-field {
margin-top: 17px;
}
.calendar-resourcebook-resource-list-wrap {
position: relative;
}
.calendar-resourcebook-resource-list-wrap .calendar-resourcebook-content-input.calendar-resourcebook-shadow-input {
position: absolute;
opacity: 1;
}
.calendar-resourcebook-resource-list-wrap .calendar-resourcebook-shadow-input.animate {
transition: 300ms all ease;
}
.calendar-resourcebook-select-popup {
max-height: 300px;
}
.calendar-resourcebook-service-list-wrap {
max-height: 0;
overflow: hidden;
transition: 300ms all ease;
}
.calendar-resourcebook-service-list-wrap.show{
max-height: 600px;
}
/* region LOADER */
.calendar-loader { position: relative; }
.calendar-loader-circular {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 125px;
height: 125px;
transform-origin: center center;
animation: calendarLoader 2s linear infinite;
}
.calendar-loader-inner-path {
stroke: rgba(215, 220, 223, .17);
stroke-width: 1.5;
stroke-dasharray: 200, 200;
stroke-dashoffset: 0;
stroke-linecap: round;
}
.calendar-loader-path {
animation: calendarStroke 1.5s ease-in-out infinite;
stroke: rgba(215, 220, 223, .74);
stroke-width: 1.5;
stroke-dasharray: 20, 200;
stroke-dashoffset: 0;
stroke-linecap: round;
}
@keyframes calendarLoader {
100% { transform: rotate(360deg); }
}
@keyframes calendarStroke {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
/* endregion END OF LOADER */
.menu-popup-item-resource-remove-loader {
background-color: transparent !important;
transition: 500ms all ease;
overflow: hidden;
}
.menu-popup-item-resource-remove-loader .calendar-loader {
position: absolute;
top: 15px;
right: 32px;
}
.menu-popup-item-resource-remove-loader .menu-popup-item-text {
opacity: 0.6!important;
}
.menu-popup-item-resource-remove-loader .calendar-resourcebook-content-block-control-delete,
.menu-popup-item-resource-remove-loader .menu-popup-item-text:before
{
opacity: 0!important;
}
.calendar-resourcebook-service-row {
max-height: 0;
opacity: 0;
transition: 500ms all ease;
overflow: hidden;
}
.calendar-resourcebook-service-row.show {
max-height: 40px;
opacity: 1;
}
.calendar-resourcebook-content-block-control-empty {
opacity: 0;
overflow: hidden;
padding-left: 15px;
transition: 500ms all ease;
height: 20px;
}
.calendar-resourcebook-content-block-control-empty.show {
opacity: 1;
}
.calendar-resourcebook-content-block-control-empty .calendar-resourcebook-content-block-control-text {
color: #b3b6bb;
cursor: default;
font-weight: normal;
}
.calendar-resourcebook-content-block-detail-inner-hidden {
display: flex;
}
.calendar-resourcebook-content-block-detail-inner-hidden .calendar-resourcebook-content-block-detail-resource {
flex-direction: column;
}
.calendar-resourcebook-content-block-detail-inner-hidden .calendar-resourcebook-content-block-detail-resource:first-child {
margin-right: 13px;
max-width: 290px;
width: 100%;
}
.calendar-resourcebook-content-block-detail-inner-hidden .calendar-resourcebook-content-block-control-delete {
width: 16px;
}
.calendar-resourcebook-content-block-detail-inner-hidden .calendar-resourcebook-content-input,
.calendar-resourcebook-content-block-detail-inner-hidden .calendar-resbook-date-input {
min-height: 0;
height: 0;
overflow: hidden;
padding: 0;
border: 0;
}
.calendar-resourcebook-content-block-detail-inner-hidden .calendar-resourcebook-content-block-control-delete {
height: 0;
overflow: hidden;
}
.calendar-resourcebook-destination-input-box{display: none;}
.calendar-resourcebook-destination-input,
.calendar-resourcebook-content-admin-settings .calendar-resourcebook-destination-input
{
background: #fff !important;
border: none!important;
color: #555!important;
display: inline-block!important;
font-size: 13px!important;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica))!important;
margin-left: 7px!important;
height: 30px!important;
min-width: 108px!important;
outline: none!important;
padding: 0!important;
vertical-align: middle!important;
box-shadow: none!important;
-webkit-box-shadow: none!important;
}
.calendar-res-book-public-view-outer-wrap {
display: block;
box-sizing: border-box;
padding: 15px 0 10px 0;
min-height: 39px;
max-width: 100%;
width: 100%;
outline: none;
border: 1px solid #c4c7cc;
border-radius: 1px;
/*background-color: #fff;*/
color: #424956;
font: 15px/17px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
transition: 220ms all ease;
}
.calendar-res-book-public-view-outer-wrap:hover { border-color: #64a6f3; }
.calendar-resbook-planner-popup .calendar-planner-main-container-resource .calendar-planner-user-container {
padding-left: 0;
}
.calendar-resbook-planner-popup .calendar-planner-main-container-resource .calendar-planner-user-container-inner {
left: 0;
}
.resourcebooking.field-wrap {
color: #535c69;
}
.resourcebooking.field-wrap .calendar-resbook-field-empty{
color:#a5a9ab;
font-size:11px;
padding:5px 0 0 3px;
line-height:14px !important;
white-space: nowrap;
}
.calendar-resbook-error input[type=text],
input.calendar-resbook-error{
border-color: #ff5752 !important;
}
.calendar-resbook-content-error-text {
margin-top: 5px;
margin-bottom: 15px;
padding: 10px 11px;
background-color: #fae5e8;
color: #d0011b;
font: 400 14px/16px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.calendar-resbook-hr {
margin-bottom: 10px;
height: 1px;
border: none;
background: #e4e5e8;
}
/* region ADMIN PANEL CUSTOMIZATION */
.calendar-resourcebook-content-admin-settings .calendar-resourcebook-content-input,
.calendar-resourcebook-content-admin-settings .calendar-resbook-duration-input
{
min-height: 27px !important;
}
.calendar-resourcebook-content-admin-settings .calendar-resbook-duration-input
{
margin-left: 15px !important;
}
.calendar-resourcebook-content-admin-settings .calendar-resourcebook-content-block-detail-resource-inner-wide
{
width: auto !important;
min-width: 350px !important;
}
.calendar-resourcebook-content-admin-settings .calendar-resourcebook-folding-block.shown
{
max-width: 500px;
}
.calendar-resourcebook-content-admin-settings .calendar-resourcebook-content-block-option .adm-designed-checkbox-label {
margin-right: 8px !important;
}
/* endregion */
/* region CRM webform resourcebooking UF settings */
.calendar-resbook-webform-settings-popup-wrap {
border: 1px dashed red;
min-width: 700px;
min-height: 400px;
}
.calendar-resbook-webform-wrapper {
width: 100%;
margin: 0 auto;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
.calendar-resbook-webform-title-text {
color: #333;
font-size: 22px;
line-height: 28px;
}
.calendar-resbook-webform-title {
border-bottom: 1px solid #f0f1f3;
padding-bottom: 18px;
margin-bottom: 25px;
}
.calendar-resbook-webform-block-title {
color: #818892;
font-size: 12px;
line-height: 18px;
padding-bottom: 9px;
}
.calendar-resbook-webform-block-title-timezone {
font-style: italic;
}
.calendar-resbook-webform-block-input {
width: 100%;
outline: none;
border: 1px solid #ccc;
background: #f7f7f7;
border-radius: 2px;
line-height: 23px;
box-sizing: border-box;
position: relative;
font-size: 15px;
color: #333;
padding: 7px 35px 8px 13px;
transition: border-color .5s ease-in-out;
}
.calendar-resbook-webform-block-input:hover {
border-color: #5ba0da;
}
.calendar-resbook-webform-block + .calendar-resbook-webform-block {
margin-top: 17px;
}
.calendar-resbook-webform-block-date {
padding-bottom: 15px;
overflow: hidden;
}
.calendar-resbook-webform-block-date-month {
font-size: 10px;
line-height: 16px;
color: #8f969e;
text-transform: uppercase;
display: block;
margin: 4px 0 8px;
}
.calendar-resbook-webform-block-date-range {
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}
.calendar-resbook-webform-block-date-range-static-wrap {
overflow: hidden;
position: relative;
}
.calendar-resbook-webform-block-date-range-inner-wrap {
display: inline-flex;
margin-left: -5px;
}
.calendar-resbook-webform-block-date-item {
padding: 0 5px;
flex-shrink: 0;
box-sizing: border-box;
cursor: pointer;
position: relative;
}
.calendar-resbook-webform-block-date-item-inner {
background: #f6f7f8;
border-radius: 4px;
display: flex;
flex-direction: column;
width: 60px;
height: 47px;
align-items: center;
justify-content: center;
}
.calendar-resbook-webform-block-date-item-off {
opacity: .6;
}
.calendar-resbook-webform-block-date-number {
color: #333;
font: 17px/23px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.calendar-resbook-webform-block-date-day {
color: #828b95;
font-size: 12px;
line-height: 18px;
}
.calendar-resbook-webform-block-date-item-today {
color: #abadb4;
font: 8px/16px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
text-transform: uppercase;
text-align: center;
position: absolute;
bottom: -15px;
left: 0;
right: 0;
width: 100%;
}
.calendar-resbook-webform-block-time {
display: flex;
overflow: hidden;
position: relative;
padding: 5px 0;
border: 1px solid transparent;
}
.calendar-resbook-webform-block-time-static-wrap {
overflow: hidden;
position: relative;
}
.calendar-resbook-webform-block-time-inner-wrap {
display: inline-flex;
margin-left: -4px;
}
.calendar-resbook-webform-block-col-title {
color: #8f969e;
font-size: 10px;
line-height: 18px;
margin-bottom: 8px;
text-transform: uppercase;
display: block;
padding-left: 5px;
}
.calendar-resbook-webform-block-col-item {
width: 105px;
margin-bottom: 8px;
cursor: pointer;
text-align: center;
padding: 0 4px;
box-sizing: border-box;
}
/* 10:30 */
.calendar-resbook-webform-block-time-sm .calendar-resbook-webform-block-col-item {
width: 70px;
}
/* 10:30 am */
.calendar-resbook-webform-block-time-md .calendar-resbook-webform-block-col-item {
width: 85px;
}
/* 10:30 am - 10:45 am */
.calendar-resbook-webform-block-time-lg .calendar-resbook-webform-block-col-item {
width: 155px;
}
.calendar-resbook-webform-block-col-item-inner {
border-radius: 2px;
background: #e4f8fe;
font: 14px/20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
color: #828b95;
padding: 5px 0;
}
.calendar-resbook-webform-block-col-item-select .calendar-resbook-webform-block-col-item-inner,
.calendar-resbook-webform-block-col-item-select .calendar-resbook-webform-block-col-time:first-child {
color: #fff;
}
.calendar-resbook-webform-block-date-item-select .calendar-resbook-webform-block-date-item-inner,
.calendar-resbook-webform-block-col-item-select .calendar-resbook-webform-block-col-item-inner {
background: #2fc6f6;
}
.calendar-resbook-webform-block-date-item-select .calendar-resbook-webform-block-date-number,
.calendar-resbook-webform-block-date-item-select .calendar-resbook-webform-block-date-day {
color: #fff;
}
.calendar-resbook-webform-block-col-item-off .calendar-resbook-webform-block-col-item-inner {
background: #a8adb4;
opacity: .3;
}
.calendar-resbook-webform-block-col + .calendar-resbook-webform-block-col {
margin-left: 36px;
}
.calendar-resbook-webform-block-col-time:first-child {
margin-right: 3px;
color: #525c69;
}
.calendar-resbook-webform-block-col-list {
display: flex;
align-items: flex-start;
}
.calendar-resbook-webform-block-col-list-inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.calendar-resbook-webform-block-result {
display: flex;
justify-content: center;
margin: 27px 0;
}
.calendar-resbook-webform-block-result-inner {
position: relative;
display: flex;
padding: 10px 12px 9px 38px;
border: 1px solid #c2eefc;
border-radius: 35px;
color: #333;
font-size: 15px;
line-height: 18px;
align-items: center;
justify-content: center;
}
.calendar-resbook-webform-block-result-inner:before {
position: absolute;
top: 50%;
left: 13px;
width: 17px;
height: 17px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.46986%2015.1239C4.79477%2015.1239%201.8158%2012.1449%201.8158%208.4698C1.8158%204.79471%204.79477%201.81573%208.46986%201.81573C12.145%201.81573%2015.1239%204.79471%2015.1239%208.4698C15.1239%2012.1449%2012.145%2015.1239%208.46986%2015.1239ZM0%208.4698C0%2013.1477%203.7919%2016.9396%208.4698%2016.9396C13.1477%2016.9396%2016.9396%2013.1477%2016.9396%208.4698C16.9396%203.7919%2013.1477%200%208.4698%200C3.7919%200%200%203.7919%200%208.4698Z%22%20fill%3D%22%232FC6F6%22/%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.67678%205H7V10.4497H12.4497V8.77296H8.67678V5Z%22%20fill%3D%22%232FC6F6%22/%3E%0A%3C/svg%3E%0A)
no-repeat center;
content: '';
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.calendar-resbook-webform-block-result-text {
font-size: 12px;
line-height: 18px;
color: #818892;
margin-right: 8px;
flex-shrink: 0;
}
.calendar-resbook-webform-block-result-timezone {
color: #a8adb4;
padding-left: 4px;
position: relative;
}
.calendar-resbook-webform-block-result-timezone:before {
content: '(';
}
.calendar-resbook-webform-block-result-timezone:after {
content: ')';
}
.calendar-resbook-webform-block-arrow {
position: absolute;
top: 0;
bottom: 0;
box-shadow: 0 0 13px 11px #fff;
z-index: 98;
width: 10px;
background: #fff;
}
.calendar-resbook-webform-block-arrow:before {
position: absolute;
content: '';
top: 50%;
width: 18px;
height: 30px;
opacity: .6;
transition: opacity .15s ease;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
transform: translate(0,-50%);
background-position: center;
background-repeat: no-repeat;
}
.calendar-resbook-webform-block-arrow:hover:before {
opacity: 1;
}
.calendar-resbook-webform-block-arrow-prev {
left: 0;
}
.calendar-resbook-webform-block-arrow-prev:before {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20opacity%3D%220.6%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.5%2016.2782L9.99855%2014.7796L3.71892%208.5L9.99855%202.22038L8.5%200.721832L2.22038%207.00146L0.721831%208.5L2.22037%209.99855L8.5%2016.2782Z%22%20fill%3D%22%23525C69%22/%3E%0A%3C/svg%3E%0A);
left: 5px;
}
.calendar-resbook-webform-block-arrow-next {
right: 0;
}
.calendar-resbook-webform-block-arrow-next:before {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20opacity%3D%220.6%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.5%200.721817L7.00145%202.22037L13.2811%208.5L7.00145%2014.7796L8.5%2016.2782L14.7796%209.99854L16.2782%208.5L14.7796%207.00145L8.5%200.721817Z%22%20fill%3D%22%23525C69%22/%3E%0A%3C/svg%3E%0A);
right: 5px;
}
.calendar-resbook-webform-block-arrow-container {
cursor: pointer;
}
.calendar-resbook-webform-block + .calendar-resbook-webform-block-person {
margin-top: 39px;
}
.calendar-resbook-webform-block-person .calendar-resbook-webform-block-title {
border-bottom: 1px solid #f0f1f3;
margin-bottom: 17px;
}
.calendar-resbook-webform-block-input-label {
color: #9b9b9b;
font-size: 11px;
line-height: 15px;
margin-bottom: 7px;
display: block;
}
.calendar-resbook-webform-block-field-person {
margin-bottom: 16px;
}
.calendar-resbook-webform-block-field-person-checkbox {
display: flex;
align-items: flex-start;
margin: 29px 0;
}
.calendar-resbook-webform-block-field-person-checkbox .calendar-resbook-webform-block-input {
margin: 3px 11px 0 0;
width: auto;
padding: 0;
}
.calendar-resbook-webform-block-field-btn {
display: flex;
flex-direction: column;
align-items: center;
}
.calendar-resbook-webform-block-btn-notice {
color: #828b95;
font: 10px/16px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
}
.calendar-resbook-webform-block-btn {
background: #a6c12e;
border-color: #a6c12e;
margin-bottom: 8px;
}
.calendar-resbook-webform-block-btn:hover {
background: #b4cc4b;
border-color: #b4cc4b;
}
.calendar-resbook-webform-block-strip {
background: #f7f7f7;
border-radius: 3px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.calendar-resbook-webform-block-strip-arrow {
display: block;
width: 36px;
height: 47px;
cursor: pointer;
position: relative;
background-repeat: no-repeat;
background-position: center;
opacity: .3;
transition: all .2s ease;
}
.calendar-resbook-webform-block-strip-arrow:hover {
opacity: .7;
}
.calendar-resbook-webform-block-strip-arrow:before {
content: '';
position: absolute;
top: 9px;
width: 1px;
height: 29px;
background: rgba(82, 92, 105, .07);
}
.calendar-resbook-webform-block-strip-arrow-prev {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.19794%205.70419L6.80316%201.09897L5.70419%200L1.09897%204.60522L0%205.70419L1.09897%206.80316L5.70419%2011.4084L6.80316%2010.3094L2.19794%205.70419Z%22%20fill%3D%22%23525C69%22/%3E%0A%3C/svg%3E%0A);
}
.calendar-resbook-webform-block-strip-arrow-prev:before {
right: 0;
}
.calendar-resbook-webform-block-strip-arrow-next {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1.09897%200L0%201.09897L4.60522%205.70419L0%2010.3094L1.09897%2011.4084L5.70419%206.80316L6.80316%205.70419L5.70419%204.60522L1.09897%200Z%22%20fill%3D%22%23525C69%22/%3E%0A%3C/svg%3E%0A);
}
.calendar-resbook-webform-block-strip-arrow-next:before {
left: 0;
}
.calendar-resbook-webform-block-strip-text {
font-size: 0;
}
.calendar-resbook-webform-block-strip-date {
color: #333;
font: 19px/25px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
margin-right: 11px;
}
.calendar-resbook-webform-block-strip-day {
color: #828b95;
font-size: 14px;
line-height: 20px;
}
.calendar-resbook-webform-block-notice {
display: flex;
flex-direction: column;
height: 220px;
color: #525c69;
font-size: 19px;
line-height: 29px;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.calendar-resbook-webform-block-notice-icon {
display: block;
width: 56px;
height: 49px;
margin-bottom: 27px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2256%22%20height%3D%2249%22%20viewBox%3D%220%200%2056%2049%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%232FC6F6%22%20fill-rule%3D%22nonzero%22%20d%3D%22M28%202.706L2.469%2047.15H53.53L28%202.706zm.737-2.13l27%2047A.85.85%200%200%201%2055%2048.85H1a.85.85%200%200%201-.737-1.273l27-47a.85.85%200%200%201%201.474%200zM28%202.707L2.469%2047.15H53.53L28%202.706zm.737-2.13l27%2047A.85.85%200%200%201%2055%2048.85H1a.85.85%200%200%201-.737-1.273l27-47a.85.85%200%200%201%201.474%200z%22/%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%233CCAF7%22%20d%3D%22M27%2016h2v16h-2z%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2228%22%20cy%3D%2239%22%20r%3D%222%22%20fill%3D%22%233CCAF7%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A);
}
.calendar-resbook-webform-block-notice-date {
color: #a8adb4;
}
.calendar-resbook-webform-block-notice-detail {
max-width: 265px;
text-align: center;
}
.calendar-resbook-webform-block-input-dropdown {
cursor: pointer;
padding-right: 35px;
background: #f9f9f9 url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211pt%22%20height%3D%2211pt%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20d%3D%22M2.32%201.43h3.93c.047%200%20.09.015.125.05a.186.186%200%200%201%20.055.133V6.43H7.5c.148%200%20.258.066.324.207a.326.326%200%200%201-.05.383L5.987%209.164a.335.335%200%200%201-.273.121.33.33%200%200%201-.274-.12L3.656%207.02a.337.337%200%200%201-.05-.383.334.334%200%200%201%20.324-.207H5V2.855H3.215a.205.205%200%200%201-.14-.058l-.891-1.074c-.051-.051-.059-.114-.024-.188a.164.164%200%200%201%20.16-.105zm0%200%22%20fill%3D%22%23ccc%22/%3E%3C/svg%3E) no-repeat top 12px right 11px;
}
.calendar-resbook-webform-block-input-dropdown:before {
content: '';
position: absolute;
top: 4px;
bottom: 0;
right: 36px;
width: 1px;
opacity: 1;
height: calc(100% - 8px);
background: #ccc;
}
.calendar-resbook-webform-block-error .calendar-resbook-webform-block-input {
border-color: #ff5752;
}
.calendar-resbook-webform-block-error .calendar-resbook-webform-block-time {
border-color: #ff5752;
border-radius: 3px;
}
.calendar-resbook-webform-block-error-text {
color: #d2000d;
font-size: 12px;
line-height: 18px;
margin-top: 5px;
display: block;
}
.calendar-resbook-webform-block-result-error .calendar-resbook-webform-block-result-inner,
.calendar-resbook-webform-block-result-error .calendar-resbook-webform-block-result-timezone {
border-color: transparent;
color: #d2000d;
background: #ffe2e2;
}
.calendar-resbook-webform-block-result-error .calendar-resbook-webform-block-result-inner:before {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2217%22%20viewBox%3D%220%200%2020%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.9001%2014.081L10.9062%200.766602C10.2903%20-0.255554%208.82263%20-0.255554%208.21973%200.766602L0.22583%2014.081C-0.403198%2015.1294%200.356934%2016.4529%201.57568%2016.4529H17.5634C18.769%2016.4529%2019.5291%2015.1294%2018.9001%2014.081ZM8.41638%205.4057C8.41638%204.81598%208.88818%204.34424%209.47791%204.34424H9.62207C10.2117%204.34424%2010.6835%204.81598%2010.6835%205.4057V9.37646C10.6835%209.96613%2010.2117%2010.4379%209.62207%2010.4379H9.47791C8.88818%2010.4379%208.41638%209.96613%208.41638%209.37646V5.4057ZM9.5564%2014.4479C10.2903%2014.4479%2010.8931%2013.8452%2010.8931%2013.1113C10.8931%2012.3774%2010.2903%2011.7746%209.5564%2011.7746C8.82251%2011.7746%208.21973%2012.3774%208.21973%2013.1113C8.21973%2013.8452%208.82251%2014.4479%209.5564%2014.4479Z%22%20fill%3D%22%23D2000D%22/%3E%0A%3C/svg%3E%0A);
width: 20px;
}
/*Popup*/
.calendar-resbook-webform-settings-popup {
display: flex !important;
position: relative;
}
.calendar-resbook-webform-settings-popup-inner {
background: #eef2f4;
padding: 18px 24px 22px 18px;
}
.calendar-resbook-webform-settings-popup-title {
display: flex;
flex-direction: column;
margin-bottom: 25px;
}
.calendar-resbook-webform-settings-popup-label {
color: #80868e;
font-size: 14px;
line-height: 20px;
}
.calendar-resbook-webform-settings-popup-input {
border: 1px solid #c6cdd3;
border-radius: 2px;
background-color: #fff;
font-size: 15px;
line-height: 17px;
padding: 9px 20px 10px 11px;
width: 586px;
}
.calendar-resbook-webform-settings-popup-head {
display: flex;
color: #525c69;
padding-left: 19px;
margin-bottom: 11px;
}
.calendar-resbook-webform-settings-popup-head-inner {
display: flex;
flex-direction: column;
}
.calendar-resbook-webform-settings-popup-head-inner:first-child {
width: 26.5%;
}
.calendar-resbook-webform-settings-popup-head-decs {
font-size: 11px;
line-height: 19px;
color: rgba(130, 139, 149, .7);
}
.calendar-resbook-webform-settings-popup-list {
background: #f8fafa;
padding: 9px 20px 3px 21px;
}
.calendar-resbook-webform-settings-popup-field {
display: flex;
flex-direction: column;
width: 26%;
margin-right: 10px;
flex-shrink: 0;
}
.calendar-resbook-webform-settings-popup-field-title {
font-weight: 600;
color: #535c69;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.calendar-resbook-webform-settings-popup-field-subtitle {
opacity: 0;
height: 0;
color: #828b95;
font-size: 12px;
line-height: 20px;
display: flex;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: all 200ms ease;
}
.calendar-resbook-webform-settings-popup-field-subtitle.show{
opacity: 1;
height: 20px;
}
.calendar-resbook-webform-settings-popup-field-subtitle-text {
overflow: hidden;
text-overflow: ellipsis;
max-width: 300px;
}
input.calendar-resbook-webform-settings-popup-field-subtitle-text {
padding: 0;
width: 100%;
border: none;
background-color: transparent;
color: #828b95;
font-size: 12px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.calendar-resbook-webform-settings-popup-field-edit {
width: 12px;
height: 12px;
cursor: pointer;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.99017%201.92862L8.06146%200L1.14398%206.91616L3.07269%208.84478L9.99017%201.92862ZM0.0609741%209.9279C0.00823975%209.87402%20-0.0122681%209.79666%200.00726318%209.72343L0.622986%207.437L2.5517%209.36562L0.265564%209.98178C0.192322%2010.0025%200.114685%209.98178%200.0609741%209.9279Z%22%20fill%3D%22%23A8ADB4%22/%3E%0A%3C/svg%3E%0A)
no-repeat center;
opacity: .5;
transition: all .2s ease;
flex-shrink: 0;
margin-left: 4px;
}
.calendar-resbook-webform-settings-popup-field-edit:hover {
opacity: 1;
}
.calendar-resbook-webform-settings-popup-item {
display: flex;
border-bottom: 1px solid #e7eaeb;
height: 54px;
box-sizing: border-box;
align-items: center;
}
.calendar-resbook-webform-settings-popup-select-value {
color: #2066b0;
font-size: 13px;
line-height: 19px;
border-bottom: 1px dashed rgba(65, 125, 188, .5);
transition: all .2s ease;
cursor: pointer;
}
.calendar-resbook-webform-settings-popup-select-value:hover {
border-color: rgba(65, 125, 188, 1);
}
.calendar-resbook-webform-settings-popup-checkbox {
margin: 0;
}
.calendar-resbook-webform-settings-popup-checkbox-container {
position: relative;
padding-right: 31px;
margin-right: 18px;
}
.calendar-resbook-webform-settings-popup-checkbox-container:after {
content: '';
position: absolute;
top: 5px;
right: 0;
width: 14px;
height: 5px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2214%22%20height%3D%225%22%20viewBox%3D%220%200%2014%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M10.6299%200.0117188C11.236%200.672526%2011.7601%201.17611%2012.2021%201.52246C12.6442%201.86426%2013.0612%202.11947%2013.4531%202.28809V2.5957C13.002%202.81445%2012.5645%203.09473%2012.1406%203.43652C11.7168%203.77376%2011.2109%204.27051%2010.623%204.92676H10.0967C10.5251%204.01074%2010.974%203.30664%2011.4434%202.81445H0.540039V2.12402H11.4434C11.097%201.68197%2010.8555%201.35384%2010.7188%201.13965C10.582%200.925456%2010.3792%200.549479%2010.1104%200.0117188H10.6299Z%22%20fill%3D%22%23A8ADB4%22/%3E%0A%3C/svg%3E%0A)
no-repeat;
}
.calendar-resbook-webform-settings-popup-select {
width: 32%;
margin-right: 30px;
flex-shrink: 0;
}
.calendar-resbook-webform-settings-popup-preview {
width: 400px;
background: #226e96;
border-left: 8px solid #fff;
}
.calendar-resbook-webform-wrapper-preview {
transform: scale(.73);
transform-origin: top left;
pointer-events: none;
}
.calendar-resbook-webform-wrapper-preview .calendar-resbook-webform-inner {
padding: 44px 36px 30px 25px;
}
.calendar-resbook-webform-settings-popup-item:last-child {
border-bottom: none;
}
.calendar-resbook-webform-settings-popup-checkbox-label {
color: #828b95;
font-size: 13px;
margin-left: 8px;
}
.calendar-resbook-webform-settings-popup-decs {
color: #828b95;
}
.calendar-resbook-webform-settings-popup-select.disabled .calendar-resbook-webform-settings-popup-select-value {
color: #525c69;
border-bottom: none;
pointer-events: none;
cursor: default;
}
/* Dark theme */
.calendar-resbook-webform-wrapper-dark {
background: #226e96;
width: 548px;
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-title,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-title {
border-color: rgba(255, 255, 255, .2);
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-title {
color: rgba(255, 255, 255, .95);
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-input {
border-color: transparent;
border-radius: 3px;
font-size: 17px;
padding: 7px 35px 7px 13px;
color: #333;
transition-duration: .2s;
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-input,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-date-item-inner,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-col-item-inner,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-strip {
background-color: rgba(255, 255, 255, .15);
color: #fff;
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-date-number,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-date-day,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-date-item-today,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-col-time:first-child,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-strip-date,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-strip-day,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-notice,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-notice-date,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-result-text,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-input-label,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-btn-notice,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-col-title,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-title-text,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-date-month,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-result-timezone {
color: #fff;
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-date-item-select .calendar-resbook-webform-block-date-item-inner,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-col-item-select .calendar-resbook-webform-block-col-item-inner {
background: #fff;
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-date-item-select .calendar-resbook-webform-block-date-number,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-date-item-select .calendar-resbook-webform-block-date-day,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-col-item-select .calendar-resbook-webform-block-col-item-inner,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-col-item-select .calendar-resbook-webform-block-col-time:first-child {
color: #525c69;
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-arrow {
background: #226e96;
box-shadow: 0 0 13px 16px #226e96;
width: 5px;
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-error .calendar-resbook-webform-block-input,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-error .calendar-resbook-webform-block-time {
border-color: #ffb400;
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-error-text,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-result-error .calendar-resbook-webform-block-result-value {
color: #ffb400;
font-weight: normal;
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-result-error .calendar-resbook-webform-block-result-inner {
border-color: #ffb400;
color: #ffb400;
background: transparent;
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-result-error .calendar-resbook-webform-block-result-inner:before {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2217%22%20viewBox%3D%220%200%2020%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.9001%2014.081L10.9062%200.766602C10.2903%20-0.255554%208.82263%20-0.255554%208.21973%200.766602L0.22583%2014.081C-0.403198%2015.1294%200.356934%2016.4529%201.57568%2016.4529H17.5634C18.769%2016.4529%2019.5291%2015.1294%2018.9001%2014.081ZM8.41638%205.4057C8.41638%204.81598%208.88818%204.34424%209.47791%204.34424H9.62207C10.2117%204.34424%2010.6835%204.81598%2010.6835%205.4057V9.37646C10.6835%209.96613%2010.2117%2010.4379%209.62207%2010.4379H9.47791C8.88818%2010.4379%208.41638%209.96613%208.41638%209.37646V5.4057ZM9.5564%2014.4479C10.2903%2014.4479%2010.8931%2013.8452%2010.8931%2013.1113C10.8931%2012.3774%2010.2903%2011.7746%209.5564%2011.7746C8.82251%2011.7746%208.21973%2012.3774%208.21973%2013.1113C8.21973%2013.8452%208.82251%2014.4479%209.5564%2014.4479Z%22%20fill%3D%22%23ffa900%22/%3E%0A%3C/svg%3E%0A);
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-arrow-prev:before,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-strip-arrow-prev {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20opacity%3D%221%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.5%2016.2782L9.99855%2014.7796L3.71892%208.5L9.99855%202.22038L8.5%200.721832L2.22038%207.00146L0.721831%208.5L2.22037%209.99855L8.5%2016.2782Z%22%20fill%3D%22%23ffffff%22/%3E%0A%3C/svg%3E%0A);
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-arrow-next:before,
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-strip-arrow-next {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20opacity%3D%221%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.5%200.721817L7.00145%202.22037L13.2811%208.5L7.00145%2014.7796L8.5%2016.2782L14.7796%209.99854L16.2782%208.5L14.7796%207.00145L8.5%200.721817Z%22%20fill%3D%22%23ffffff%22/%3E%0A%3C/svg%3E%0A);
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-result-value {
color: #fff;
font-weight: 600;
line-height: 15px;
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-result-inner::before {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.46986%2015.1239C4.79477%2015.1239%201.8158%2012.1449%201.8158%208.4698C1.8158%204.79471%204.79477%201.81573%208.46986%201.81573C12.145%201.81573%2015.1239%204.79471%2015.1239%208.4698C15.1239%2012.1449%2012.145%2015.1239%208.46986%2015.1239ZM0%208.4698C0%2013.1477%203.7919%2016.9396%208.4698%2016.9396C13.1477%2016.9396%2016.9396%2013.1477%2016.9396%208.4698C16.9396%203.7919%2013.1477%200%208.4698%200C3.7919%200%200%203.7919%200%208.4698Z%22%20fill%3D%22%23fff%22/%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.67678%205H7V10.4497H12.4497V8.77296H8.67678V5Z%22%20fill%3D%22%23fff%22/%3E%0A%3C/svg%3E%0A);
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-input-dropdown {
background: rgba(255, 255, 255, .15) url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2223%22%20height%3D%2224%22%20viewBox%3D%220%200%2023%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20opacity%3D%220.5%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8992%209.76807L13%2010.6672L16.7681%2014.4353L17.6672%2015.3345L18.5664%2014.4353L22.3345%2010.6672L21.4353%209.76807L17.6672%2013.5361L13.8992%209.76807Z%22%20fill%3D%22%23ffffff%22/%3E%0A%3Crect%20width%3D%221%22%20height%3D%2224%22%20fill%3D%22%23none%22/%3E%0A%3C/svg%3E%0A) no-repeat top 7px right 10px;
}
.calendar-resbook-webform-wrapper-dark .calendar-resbook-webform-block-input-dropdown:before {
background: #d8d8d8;
opacity: .6;
right: 30px;
top: 7px;
height: calc(100% - 14px);
}
.disabled {
opacity: .6;
pointer-events: none;
}
/* Inside the crm form */
.calendar-resbook-webform-wrapper-form {
margin: 0;
}
.calendar-resbook-webform-wrapper-form .calendar-resbook-webform-block-title {
color: #535c69;
font-size: 13px;
}
.calendar-resbook-webform-wrapper-form .calendar-resbook-webform-inner {
border: 1px solid #e2e2e2;
border-radius: 4px;
padding: 6px 9px 7px 8px;
}
.calendar-resbook-webform-wrapper-form .calendar-resbook-webform-block-input {
padding: 12px 12px 10px;
height: 38px;
border: 1px solid #caced7;
font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
border-radius: 0;
background-color: #fff;
color: #333;
transition-duration: .2s;
}
.calendar-resbook-webform-wrapper-form .calendar-resbook-webform-block-input-dropdown {
padding-right: 35px;
min-height: 38px;
height: 100%;
background: #f7f7f7 url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2223%22%20height%3D%2224%22%20viewBox%3D%220%200%2023%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%20%20%3Cpath%20opacity%3D%220.6%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8992%209.76807L13%2010.6672L16.7681%2014.4353L17.6672%2015.3345L18.5664%2014.4353L22.3345%2010.6672L21.4353%209.76807L17.6672%2013.5361L13.8992%209.76807Z%22%20fill%3D%22%23525C69%22/%3E%0A%3C/svg%3E) no-repeat top 7px right 10px;
}
.calendar-resbook-webform-wrapper-form .calendar-resbook-webform-block-input-dropdown:before {
background: #d8d8d8;
opacity: .6;
right: 30px;
top: 7px;
height: calc(100% - 14px);
}
.calendar-resbook-webform-wrapper-form .calendar-resbook-webform-block-date-item-inner {
border: 1px solid #cdcdcd;
box-sizing: border-box;
}
.calendar-resbook-webform-wrapper-form .calendar-resbook-webform-block-date-number {
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.calendar-resbook-webform-wrapper-form .calendar-resbook-webform-block-col-item-inner {
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #525c69;
}
.calendar-resbook-webform-wrapper-form .calendar-resbook-webform-block-date-item-select .calendar-resbook-webform-block-date-item-inner {
border-color: transparent;
}
.calendar-resbook-form-popup .menu-popup-item-text {
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
.popup-window-with-titlebar.calendar-resbook-webform-settings-popup-window .popup-window-content {
padding: 0;
}
.menu-popup-item-resource-wide .menu-popup-item-text:before {
content: none;
}
.menu-popup-item-resource-wide {
width: 100%;
padding-right: 30px;
}
.menu-popup-item-resource-wide .menu-popup-item-resource-subvalue {
margin-left: 6px;
}
.menu-popup-item-resource-wide .menu-popup-item-text {
display: flex;
justify-content: space-between;
}
/* endregion */
.calendar-resbook-socnet-dest-popup-hide
{
display: none!important;
}
.calendar-resourcebook-pseudo-popup-wrap {
width: 680px;
}
.calendar-resourcebook-pseudo-popup-wrap .bx-lm-socnet-log-destination {
min-height: 300px !important;
}
.calendar-resbook-socnet-dest-custom-wrap
{
opacity: 0;
overflow: hidden;
max-height: 0;
transition: all 300ms ease;
}
.calendar-resbook-socnet-dest-custom-wrap-show
{
max-height: 1000px;
}
.calendar-resbook-socnet-dest-custom-wrap-appearing
{
opacity: 1;
}
.calendar-resbook-time-select-popup
{
min-width: 150px;
}
.calendar-resbook-time-select-popup .popup-window-content{
max-height: 250px;
overflow: auto;
}
.calendar-resbook-time-select-popup .menu-item-booked {
opacity: .5;
font-style: italic;
background-color: transparent !important;
}
.calendar-resbook-form-popup .menu-item-selected,
.calendar-resbook-time-select-popup .menu-item-selected {
opacity: 1;
font-weight: 600;
background: #f7f7f7;
}
.calendar-resourcebook-popup-loader-wrap{
width: 38px;
height: 38px;
overflow: hidden;
margin-left: 40px;
}
.calendar-resourcebook-popup-loader-wrap .calendar-loader{
top: 20px;
}
.crm-webform-resourcebooking-wrap-live {
background: #fff;
}
.calendar-resbook-webform-wrapper-loader-wrap {
width: 200px;
height: 200px;
overflow: hidden;
}
.calendar-resbook-webform-wrapper-loader-wrap .calendar-loader {
position: static;
}
.page-theme-image .crm-webform-field-resourcebooking .crm-webform-label-content,
.page-theme-image .crm-webform-resourcebooking-wrap-live,
.page-theme-transparent .crm-webform-field-resourcebooking .crm-webform-label-content,
.page-theme-transparent .crm-webform-resourcebooking-wrap-live,
.page-theme-colored .crm-webform-field-resourcebooking .crm-webform-label-content,
.page-theme-colored .crm-webform-resourcebooking-wrap-live {
background: transparent;
}
.page-theme-image .calendar-resbook-webform-block-title,
.page-theme-transparent .calendar-resbook-webform-block-title,
.page-theme-colored .calendar-resbook-webform-block-title {
color: #333;
}
.page-theme-image .calendar-resbook-webform-block-result-inner,
.page-theme-transparent .calendar-resbook-webform-block-result-inner,
.page-theme-colored .calendar-resbook-webform-block-result-inner {
background: #fff;
}
.calendar-resbook-webform-timezone-title {
display: inline-block;
margin-left: 10px;
font-size: 90%;
}
.calendar-resbook-empty-input {
width: 1px!important;
position: absolute!important;
border: none!important;
opacity: 0!important;
}