%PDF-
%PDF-
Mini Shell
Mini Shell
.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 "Helvetica Neue", Helvetica, Arial, sans-serif;
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 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.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: 600 11px/23px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.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 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.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;
}
.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 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.calendar-resourcebook-mode-selector {
cursor: pointer;
}
.calendar-resourcebook-content-block-title-text {
color: #525C69;
opacity: .5;
font: 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.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: 700;
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 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.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: 3000px;
margin-bottom: 15px !important;
opacity: 1;
}
.calendar-resourcebook-content-block-options {
color: #525c69;
font: 13px/13px "Helvetica Neue", Arial, Helvetica, sans-serif;
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: 1px;
background-color: #fff;
color: #424956;
font: 15px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
transition: 220ms all ease;
}
.calendar-resource-content-block-add-link {
color: #80868e;
font: 13px/13px "Helvetica Neue", Arial, Helvetica, sans-serif;
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;
}
.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: 8px;
}
/*.menu-popup-item-resource-all .menu-popup-item-text:before {*/
/*content: none;*/
/*}*/
/*.menu-popup-item-resource-all .menu-popup-item-text {*/
/*padding-left: 18px;*/
/*}*/
.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 {
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;
}
.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;
overflow: hidden;
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 {
overflow: auto;
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: "Helvetica Neue", Arial, Helvetica, sans-serif!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 "Helvetica Neue", Helvetica, Arial, sans-serif;
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 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.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 */
Zerion Mini Shell 1.0