| Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/cvetdv.ru/bitrix/components/bitrix/calendar.grid/templates/.default/ |
Upload File : |
.workarea-content-paddings {
overflow: visible !important;
}
/**/
.calendar-main-container--scope {
--background-white-color-96: rgba(255, 255, 255, .96);
--background-color-gray: #a8adb4;
--background-color-light-gray: #e1e3e5;
--background-red: #ff5752;
--background-red-translucent: #ff575288;
--color-white: rgba(255, 255, 255, 1);
--color-gray: #cbced2;
--color-dark-gray: #535c69;
--color-dark-gray-darker: #47505c;
--color-light-gray: #80868e;
--color-light-gray-lighter: #a5abb2;
--color-red: #f00;
--color-blue: #468ee5;
--border-color-light-gray: #e8e9eb;
--border-color-light-gray-lighter: #f1f2f3;
--border-color-gray: #c6cdd3;
--border-dark: rgba(0, 0, 0, .1);
--color-sharing: #C48300;
--calendar-views-container-min-height: 300px;
}
.calendar-slider-calendar-wrap {
/*position: absolute;*/
/*top: 0;*/
/*right: 0;*/
/*bottom: 0;*/
/*left: 0;*/
/*overflow: auto;*/
padding: 0 15px 21px 21px;
}
.calendar-slider-calendar-wrap-edit {
bottom: 70px !important;
}
.calendar-form-buttons-fixed + .calendar-slider-calendar-wrap {
bottom: 0;
padding-bottom: 70px;
}
.calendar-main-container {
position: relative;
padding-right: 0;
width: 100%;
border-right: 0 solid var(--ui-color-palette-white-base, #fff);
transition: 310ms width, 300ms opacity ease;
transform: translate3d(0, 0, 0);
}
.calendar-main-container-small-calendar {
width: calc(100% - 249px);
}
.calendar-top-block {
box-sizing: border-box;
padding: 9px 8px 5px 20px;
min-height: 35px;
background-color: var(--background-white-color-96, rgba(255, 255, 255, .96));
border-radius: var(--ui-border-radius-md);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.calendar-top-title {
margin: 0;
padding: 0;
letter-spacing: -0.7px;
font: 24px/30px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
}
.calendar-top-title-gray {
color: var(--ui-color-palette-gray-70, var(--ui-color-palette-gray-70, #828b95));
}
.calendar-top-title-container {
float: left;
}
.calendar-top-subtitle {
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-lg, 15px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
line-height: 20px;
}
.calendar-right-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: calc(100% + 15px);
/*overflow: hidden;*/
margin-left: 0;
width: 233px;
border-left: 0 solid var(--ui-color-palette-gray-05, var(--ui-color-palette-gray-05, #eef2f4));
transform: translate3d(0, 0, 0);
}
.calendar-right-container:empty {
display: none;
}
.calendar-right-block {
margin-bottom: 20px;
padding: 0 18px 15px;
background: var(--background-white-color-96, rgba(255, 255, 255, .96));
border-radius: var(--ui-border-radius-md);
}
.calendar-right-block.hide { }
.calendar-field-right-block-table {
margin-bottom: 20px;
border-collapse: collapse;
color: #777e89;
font-size: var(--ui-font-size-xs);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 14px;
}
.calendar-right-block table td {
padding: 5px 0 4px;
}
.calendar-field-table-cell-name {
min-width: 73px;
}
.calendar-right-block .calendar-text {
color: var(--ui-color-palette-black-solid, #000);
font-size: var(--ui-font-size-sm, 13px);
}
.calendar-right-block .calendar-text-link {
font-size: var(--ui-font-size-sm, 13px);
}
.calendar-right-container .calendar-right-block:last-child {
border-bottom: none;
}
.calendar-slider-calendar-wrap .webform-small-button-link {
cursor: pointer;
}
/*region small calendar*/
.calendar-right-block .bx-calendar {
margin: 0 auto;
padding: 0;
width: 100%;
}
.calendar-right-block .bx-calendar-header {
margin: 0 -5px 2px;
padding-top: 7px;
text-align: right;
}
.calendar-right-block .bx-calendar-header-content {
width: 100px;
}
.calendar-right-block .bx-calendar-top-year,
.calendar-right-block .bx-calendar-top-month {
padding: 0;
background: none;
color: var(--ui-color-palette-gray-70, #828b95) !important;
font-size: var(--ui-font-size-sm, 13px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 28px;
}
.calendar-right-block .bx-calendar-top-month {
padding-right: 2px;
}
.calendar-right-block .bx-calendar-top-year:hover,
.calendar-right-block .bx-calendar-top-month:hover {
background-color: var(--ui-color-background-transparent, transparent);
}
.calendar-right-block .bx-calendar-left-arrow,
.calendar-right-block .bx-calendar-right-arrow {
display: inline-block;
}
.calendar-right-block .bx-calendar-name-day-wrap {
display: flex;
margin: 0;
padding: 0 0 13px;
border-bottom: 1px solid #f2f3f4;
background-color: var(--ui-color-background-transparent, transparent);
justify-content: space-between;
}
.calendar-right-block .bx-calendar-range {
padding-top: 4px;
padding-bottom: 4px;
}
.calendar-right-block .bx-calendar-cell,
.calendar-right-block .bx-calendar-cell:link,
.calendar-right-block .bx-calendar-cell:active,
.calendar-right-block .bx-calendar-cell:visited {
margin: 0;
padding: 4px 1px 3px;
min-width: 20px;
min-height: 20px;
box-sizing: border-box;
border-radius: 10px;
color: #525c69;
text-align: center;
font: 11px/11px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
transition: 300ms all ease;
}
.calendar-right-block .bx-calendar-name-day {
margin: 0;
width: auto;
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-3xs, 11px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 16px;
}
.calendar-right-block .bx-calendar-date-hidden,
.calendar-right-block .bx-calendar-date-hidden:link,
.calendar-right-block .bx-calendar-date-hidden:active,
.calendar-right-block .bx-calendar-date-hidden:visited {
color: var(--color-gray, #cbced2);
}
.calendar-right-block .bx-calendar-active {
background-color: var(--ui-color-palette-blue-50, #2fc6f6);
color: var(--ui-color-palette-black-solid, #000) !important;
opacity: 0.4;
}
.calendar-right-block .bx-calendar-today-date {
color: var(--ui-color-palette-white-base, #fff) !important;
background-color: var(--ui-color-palette-blue-50, #2fc6f6);
opacity: 1;
}
.calendar-right-block .bx-calendar-active:hover {
background-color: #0abdf6;
}
.bx-calendar-layer {
padding: 4px 0;
}
.calendar-right-block .bx-calendar-range {
display: flex;
margin: 7px 0 10px;
padding: 0;
border-bottom: none;
justify-content: space-between;
}
.calendar-right-block-event-info {
padding-top: 15px;
}
.calendar-right-block-event-info-title {
position: relative;
margin-bottom: 15px;
/*padding-top: 13px;*/
padding-bottom: 13px;
padding-left: 23px;
border-bottom: 1px solid #ebebeb;
letter-spacing: -0.31px;
font-size: var(--ui-font-size-md, 14px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 19px;
z-index: 1;
}
.calendar-right-block-event-info-title-calendar {
position: absolute;
top: 3px;
left: 0;
width: 15px;
height: 15px;
border-radius: var(--ui-border-radius-3xs, 2px);
}
.calendar-right-block-event-info-date {
margin-bottom: 8px;
color: var(--ui-color-palette-gray-90, #525c69);
letter-spacing: -0.31px;
font-size: var(--ui-font-size-sm, 13px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 15px;
}
.calendar-right-block-event-info-btn-container {
position: relative;
display: flex;
min-height: 20px;
align-items: center;
flex-wrap: wrap;
}
.calendar-right-block-event-info-btn {
margin-right: 3px;
margin-bottom: 2px;
padding: 6px 10px 7px;
border-radius: var(--ui-border-width-thin, 1px);
background-color: var(--ui-color-background-transparent, transparent);
color: var(--color-dark-gray, #535c69);
text-transform: uppercase;
font-size: var(--ui-font-size-4xs, 10px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
line-height: 14px;
cursor: pointer;
}
.calendar-right-block-event-info-btn:hover {
background-color: #f6f8f9;
color: var(--ui-color-palette-black-solid, #000);
}
.calendar-right-block-event-info-btn:active {
background-color: #d6f1fb;
color: var(--ui-color-palette-black-solid, #000);
}
.calendar-right-block-event-info-btn-dotted {
position: relative;
display: block;
box-sizing: content-box;
width: 4px;
height: 4px;
border: 7px solid var(--ui-color-background-transparent, transparent);
border-radius: var(--ui-border-radius-circle, 50%);
background-color: var(--background-color-gray, #a8adb4);
background-clip: content-box;
opacity: .57;
transition: 200ms all ease;
}
.calendar-right-block-event-info-btn-dotted:after,
.calendar-right-block-event-info-btn-dotted:before {
position: absolute;
top: 50%;
margin-top: -2px;
width: 4px;
height: 4px;
border-radius: var(--ui-border-radius-circle, 50%);
background-color: var(--background-color-gray, #a8adb4);
background-clip: content-box;
content: '';
}
.calendar-right-block-event-info-btn-dotted:after {
left: -6px;
}
.calendar-right-block-event-info-btn-dotted:before {
right: -6px;
}
.calendar-right-block-event-info-btn-dotted:hover {
opacity: 1;
}
.calendar-right-block-button-wrap {
margin-top: 10px;
text-align: center;
}
.calendar-right-block-title {
margin-bottom: 15px;
color: var(--ui-color-palette-gray-70, #828b95) !important;
font-size: var(--ui-font-size-md, 14px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 28px;
}
.calendar-right-block .bx-calendar-left-arrow,
.calendar-right-block .bx-calendar-right-arrow {
position: relative;
display: inline-block;
width: 11px;
height: 28px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%3E%3Cpolygon%20fill%3D%22%23535C6B%22%20fill-rule%3D%22evenodd%22%20points%3D%22.001%207.835%205.161%2012.995%200%2018.154%20.835%2018.99%205.995%2013.829%206.832%2012.996%205.996%2012.16%20.836%207%22%20transform%3D%22rotate%28-180%203.416%209.495%29%22/%3E%3C/svg%3E) no-repeat center;
background-size: 5px;
opacity: .5;
cursor: pointer;
transition: opacity 220ms ease;
}
.calendar-right-block .bx-calendar-right-arrow {
transform: rotate(180deg);
}
.calendar-right-block .bx-calendar-left-arrow:hover,
.calendar-right-block .bx-calendar-right-arrow:hover {
background-color: var(--ui-color-background-transparent, transparent) !important;
opacity: 1;
}
.popup-window.calendar-navi-month-popup .bx-calendar-month,
.popup-window.calendar-navi-year-popup .bx-calendar-year-number {
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-xs, 12px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 16px;
}
.popup-window.calendar-navi-month-popup .bx-calendar-month.bx-calendar-month-active,
.popup-window.calendar-navi-year-popup .bx-calendar-year-number.bx-calendar-year-active {
color: var(--ui-color-palette-blue-50, #2fc6f6);
}
.popup-window.calendar-navi-month-popup .bx-calendar-month-title,
.popup-window.calendar-navi-year-popup .bx-calendar-year-title {
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-md, 14px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 18px;
}
/*endregion*/
/*region small info*/
.calendar-right-block-info { }
/*endregion*/
.calendar-view-switcher-selector {
float: right;
padding: 4px 2px 5px 10px;
cursor: pointer;
position: relative;
margin-right: 10px;
}
.calendar-view-switcher-text {
position: relative;
display: inline-block;
padding: 0 17px 0 2px;
cursor: pointer;
transition: all 220ms ease;
}
.calendar-view-switcher-text-inner {
display: inline-block;
border-bottom: 1px dashed rgba(106, 115, 126, .4);
color: var(--ui-color-palette-gray-90, #525c69);
vertical-align: middle;
transition: all 220ms ease;
font-size: var(--ui-font-size-lg, 15px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 20px;
}
.calendar-view-switcher-text-mode-inner {
display: inline-block;
vertical-align: middle;
color: #7a828c;
padding: 0 0 0 5px;
font-size: var(--ui-font-size-lg, 15px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
line-height: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 177px;
transition: all 220ms ease;
border-bottom: 1px dashed rgba(106, 115, 126, .4);
}
.calendar-view-switcher-selector:hover .calendar-view-switcher-text:after {
opacity: .8;
}
.calendar-view-switcher-selector:hover .calendar-view-switcher-text-inner,
.calendar-view-switcher-selector:hover .calendar-view-switcher-text-mode-inner {
border-color: rgba(106, 115, 126, .8);
}
.calendar-view-switcher-text:after {
position: absolute;
top: 2px;
right: 0;
bottom: 0;
margin: auto;
width: 11px;
height: 6px;
opacity: .5;
transition: all .2s linear;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%229%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.667.151L9.14%204.678%207.999%205.801%206.88%204.678%202.353.151.756%201.748%208.01%209.003l7.254-7.255z%22/%3E%3C/svg%3E) no-repeat center;
background-size: contain;
content: '';
vertical-align: middle;
cursor: pointer;
}
.calendar-navigation-container {
float: right;
margin: 3px 0 0;
}
.calendar-navigation-current {
display: inline-block;
padding: 0 2px;
border-bottom: 1px dashed var(--ui-color-background-transparent, transparent);
color: var(--ui-color-palette-gray-90, #525c69);
vertical-align: middle;
font-size: var(--ui-font-size-lg, 15px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 21px;
cursor: pointer;
transition: all 220ms ease;
}
.calendar-navigation-current:hover {
color: var(--ui-color-palette-black-solid, #000);
}
.calendar-navigation-previous,
.calendar-navigation-next {
position: relative;
bottom: -1px;
display: inline-block;
width: 20px;
height: 24px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%3E%3Cpolygon%20fill%3D%22%23535C6B%22%20fill-rule%3D%22evenodd%22%20points%3D%22.001%207.835%205.161%2012.995%200%2018.154%20.835%2018.99%205.995%2013.829%206.832%2012.996%205.996%2012.16%20.836%207%22%20transform%3D%22rotate%28-180%203.416%209.495%29%22/%3E%3C/svg%3E) no-repeat center;
vertical-align: middle;
opacity: .5;
cursor: pointer;
transition: opacity 220ms ease;
}
.calendar-navigation-next {
transform: rotate(180deg);
}
.calendar-navigation-previous:hover,
.calendar-navigation-next:hover {
background-color: var(--ui-color-background-transparent, transparent) !important;
opacity: 1;
}
.calendar-grid-week-row-days-week,
.calendar-grid-month-row-days-week {
display: flex;
padding: 0 10px 3px 43px;
height: 25px;
border-bottom: 2px solid var(--border-color-light-gray, #e8e9eb);
flex-wrap: nowrap;
align-items: stretch;
}
.calendar-grid-month-row-days-week {
padding-right: 0;
padding-bottom: 3px;
padding-left: 0;
}
.calendar-day-view .calendar-grid-week-row-days-week {
padding-left: 14px;
padding-bottom: 8px;
}
.calendar-grid-week-row .calendar-grid-week-cell:nth-child(7),
.calendar-grid-week-row-days-week .calendar-grid-week-cell:last-child,
.calendar-grid-week-full-days-events-holder-grid .calendar-grid-week-cell:last-child {
border-right: none;
}
.calendar-grid-week-row-days-week .calendar-grid-week-cell,
.calendar-grid-month-row-days-week .calendar-grid-month-cell {
overflow: hidden;
border: none;
}
.calendar-grid-week-row-days-week .calendar-grid-cell-inner,
.calendar-grid-month-row-days-week .calendar-grid-cell-inner {
padding: 4px 9px;
color: var(--ui-color-palette-gray-90, #525c69);
background-color: var(--ui-color-background-transparent, transparent);
text-align: right;
font-size: var(--ui-font-size-lg, 15px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
line-height: 20px;
}
.calendar-day-view .calendar-grid-week-row-days-week .calendar-grid-cell-inner {
text-align: left;
}
.calendar-custom-scroll,
.calendar-grid-wrap {
overflow-y: auto;
scrollbar-track-color: var(--background-color-light-gray, #e1e3e5);
scrollbar-base-color: var(--ui-color-palette-white-base, #fff);
scrollbar-shadow-color: var(--ui-color-palette-white-base, #fff);
scrollbar-highlight-color: var(--ui-color-palette-white-base, #fff);
border-radius: var(--ui-border-radius-md);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.calendar-grid-wrap::-webkit-scrollbar-track,
.calendar-custom-scroll::-webkit-scrollbar-track { }
.calendar-custom-scroll::-webkit-scrollbar,
.calendar-grid-wrap::-webkit-scrollbar {
width: 17px;
}
.calendar-custom-scroll::-webkit-scrollbar-thumb,
.calendar-grid-wrap::-webkit-scrollbar-thumb {
border: 5px solid var(--ui-color-background-transparent, transparent);
border-radius: var(--ui-border-radius-sm, 8px);
background-color: var(--background-color-light-gray, #e1e3e5);
background-clip: content-box;
transition: 300ms background-color ease;
}
.calendar-custom-scroll::-webkit-scrollbar-thumb:hover,
.calendar-grid-wrap::-webkit-scrollbar-thumb:hover {
background-color: #d4d6d8;
}
.calendar-views-container {
position: relative;
box-sizing: border-box;
min-height: var(--calendar-views-container-min-height, 300px);
max-width: 100%;
width: 100%;
background-color: var(--background-white-color-96, rgba(255, 255, 255, .96));
border-radius: var(--ui-border-radius-md);
border-top-left-radius: 0;
border-top-right-radius: 0;
transition: height 300ms ease;
overflow: hidden;
}
/*region month grid*/
.calendar-month-view {
transition: 220ms width ease;
}
.calendar-grid-month-container {
position: relative;
overflow: hidden;
box-sizing: border-box;
}
.calendar-grid-month {
position: relative;
}
.calendar-grid-month-row {
position: relative;
display: flex;
height: 128px;
border-bottom: 1px solid var(--border-color-light-gray, #e8e9eb);
flex-wrap: nowrap;
align-items: stretch;
}
.calendar-animate-mod .calendar-grid-month-row {
transition: all 310ms linear;
}
.calendar-grid-month-cell {
position: relative;
border-left: 1px solid var(--border-color-light-gray, #e8e9eb);
flex: 1 1;
}
.calendar-grid-month-row .calendar-grid-month-cell:first-child {
border-left: none;
}
.calendar-grid-month-row .calendar-grid-month-cell:last-child {
border-right: 1px solid var(--border-color-light-gray, #e8e9eb);
}
.calendar-grid-cell-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-sizing: border-box;
background: #fefeff;
}
/**/
.calendar-grid-month-current {
z-index: 10;
opacity: 1;
transform: translateY(0);
}
.calendar-change-month-next .calendar-grid-month-current {
transform: translateY(-100%);
}
.calendar-change-month-previous .calendar-grid-month-current {
transform: translateY(100%);
}
/**/
.calendar-grid-month-next,
.calendar-grid-month-previous {
position: absolute;
right: 0;
left: 0;
transition: all 400ms ease;
}
.calendar-grid-month-next {
top: 100%;
}
.calendar-grid-month-previous {
top: -100%;
}
.calendar-change-month-next .calendar-grid-month-next,
.calendar-change-month-previous .calendar-grid-month-previous {
top: 0;
}
/* calendar-grid-holiday */
.calendar-grid-holiday .calendar-grid-cell-inner {
background-color: #f7f9f9;
}
.calendar-change-animate-day-to-week .calendar-grid-holiday .calendar-grid-cell-inner {
background-color: var(--ui-color-background-transparent, transparent);
}
.calendar-grid-animate {
transition: all 400ms ease;
}
.calendar-animate-casper-day {
position: absolute;
z-index: 120;
border: 1px solid var(--border-color-light-gray, #e8e9eb);
animation: casperDay 300ms linear 1;
}
@keyframes casperDay {
0%, 100% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, .4)
}
50% {
box-shadow: 0 0 15px 1px rgba(0, 0, 0, .1)
}
}
/*endregion*/
/*region week grid*/
.calendar-week-view { }
.calendar-grid-week-container {
position: relative;
padding-left: 43px;
}
.calendar-grid-week {
position: relative;
}
.calendar-grid-week-row,
.calendar-grid-week-row-shadow {
display: flex;
height: 128px;
flex-wrap: nowrap;
align-items: stretch;
}
.calendar-grid-week-row-shadow {
position: absolute;
top: 24px;
right: 0;
bottom: 24px;
left: 0;
z-index: 110;
outline: 1px dashed var(--color-red, #f00);
opacity: 0;
}
.calendar-grid-week-row-shadow.calendar-grid-week-row-shadow-off-hours {
top: 25px;
}
.calendar-grid-week-cell {
position: relative;
border-right: 1px solid var(--border-color-light-gray, #e8e9eb);
flex: 1 1;
}
.calendar-change-animate-day-to-week .calendar-grid-week-cell,
.calendar-change-animate-week-to-month .calendar-grid-week-cell {
background: var(--ui-color-background-transparent, transparent);
}
.calendar-animate-mod .calendar-grid-week-cell {
transition: flex 310ms linear;
}
/**/
.calendar-grid-week-current {
transform: translateY(0);
}
.calendar-change-week-right-slide .calendar-grid-week-current {
transform: translateX(calc(100% + 43px));
}
.calendar-change-week-left-slide .calendar-grid-week-current {
transform: translateX(calc(-100% - 43px));
}
/**/
.calendar-grid-week-right-slide,
.calendar-grid-week-left-slide {
position: absolute;
top: 0;
right: 0;
left: 0;
}
.calendar-grid-week-right-slide {
right: 100%;
left: -100%;
}
.calendar-grid-week-left-slide {
right: -100%;
left: 100%;
}
.calendar-change-week-right-slide .calendar-grid-week-right-slide,
.calendar-change-week-left-slide .calendar-grid-week-left-slide {
right: 0;
left: 43px;
}
/**/
.calendar-grid-week-right-slide .calendar-grid-week-events-holder,
.calendar-grid-week-left-slide .calendar-grid-week-events-holder {
opacity: 0;
}
/**/
.calendar-grid-week-full-days-events-holder {
position: relative;
overflow: hidden;
padding: 0 0 0 43px;
min-height: 32px;
background-color: #f2f3f3;
}
.calendar-grid-week-full-days-events-holder-title {
position: absolute;
top: 10px;
left: 0;
width: 43px;
color: var(--ui-color-palette-gray-90, #525c69);
text-align: center;
font-size: var(--ui-font-size-xs, 12px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 17px;
}
.calendar-grid-week-full-days-events-holder-grid {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 43px;
display: flex;
flex-wrap: nowrap;
align-items: stretch;
}
.calendar-grid-week-full-days-events-holder-grid .calendar-grid-week-cell {
background-color: var(--ui-color-background-transparent, transparent);
}
/*endregion*/
/*region day grid*/
.calendar-day-view {
padding: 0;
}
.calendar-grid-day-container {
position: relative;
padding-left: 43px;
}
.calendar-grid-day {
position: relative;
}
.calendar-grid-day-row {
display: flex;
height: 128px;
flex-wrap: nowrap;
align-items: stretch;
}
.calendar-grid-day-cell {
position: relative;
border-right: none;
flex: 1 1;
}
/**/
.calendar-grid-day-current {
transform: translateY(0);
}
.calendar-change-day-right-slide .calendar-grid-day-current {
transform: translateX(calc(100% + 43px));
}
.calendar-change-day-left-slide .calendar-grid-day-current {
transform: translateX(calc(-100% - 43px));
}
/**/
.calendar-grid-day-right-slide,
.calendar-grid-day-left-slide {
position: absolute;
top: 0;
right: 0;
left: 0;
}
.calendar-grid-day-right-slide {
right: 100%;
left: -100%;
}
.calendar-grid-day-left-slide {
right: -100%;
left: 100%;
}
.calendar-change-day-right-slide .calendar-grid-day-right-slide,
.calendar-change-day-left-slide .calendar-grid-day-left-slide {
right: 0;
left: 43px;
}
/**/
.calendar-grid-day-right-slide .calendar-grid-day-events-holder,
.calendar-grid-day-left-slide .calendar-grid-day-events-holder {
opacity: 0;
}
/**/
.calendar-grid-day-full-days-events-holder {
position: relative;
overflow: hidden;
padding: 0 10px 0 43px;
min-height: 32px;
background-color: #f2f3f3;
}
.calendar-grid-day-full-days-events-holder-title {
position: absolute;
top: 6px;
left: 3px;
width: 43px;
color: var(--ui-color-palette-gray-90, #525c69);
text-align: center;
letter-spacing: -0.3px;
font-size: var(--ui-font-size-xs, 12px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 17px;
}
/*endregion*/
/*region day-time*/
.calendar-grid-day-time-lines,
.calendar-grid-week-time-lines {
position: absolute;
top: 20px;
right: 0;
left: 0;
z-index: 80;
display: block;
height: 1px;
opacity: 1;
}
.calendar-grid-day-time-line-hour,
.calendar-grid-week-time-line-hour,
.calendar-grid-day-time-line-hour-now,
.calendar-grid-week-time-line-hour-now {
position: absolute;
right: 0;
left: 0;
z-index: 150;
height: 1px;
background: var(--border-color-light-gray, #e8e9eb);
opacity: 1;
}
.calendar-grid-day-time-line-hour-now, .calendar-grid-week-time-line-hour-now {
pointer-events: none;
}
.calendar-grid-day-time-line-hour.calendar-grid-time-line-translucent .calendar-grid-day-time-line-hour-label,
.calendar-grid-week-time-line-hour.calendar-grid-time-line-translucent .calendar-grid-week-time-line-hour-label,
.calendar-grid-time-line-translucent span {
opacity: .3;
}
.calendar-grid-day-time-line-hour-now,
.calendar-grid-week-time-line-hour-now {
background-color: var(--ui-color-background-transparent, transparent);
}
.calendar-grid-day-time-line-hour-now-line,
.calendar-grid-week-time-line-hour-now-line {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 2px;
background: var(--background-red, #ff5752);
opacity: 1;
}
.calendar-grid-day-time-line-hour-now-line.calendar-hour-now-line-translucent,
.calendar-grid-week-time-line-hour-now-line.calendar-hour-now-line-translucent {
background: var(--background-red-translucent, #ff575288);
}
.calendar-grid-day-time-line-hour-now-line {
left: 3px;
}
.calendar-grid-day-time-line-hour-label,
.calendar-grid-week-time-line-hour-label {
position: absolute;
top: 50%;
left: -37px;
z-index: 20;
width: 35px;
color: var(--background-color-gray, #a8adb4);
vertical-align: middle;
text-align: right;
text-transform: uppercase;
font-size: var(--ui-font-size-3xs, 11px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 12px;
transform: translateY(-50%);
}
.calendar-grid-week-time-line-hour-label-inner {
position: relative;
display: inline-block;
padding: 0 2px;
}
.calendar-grid-week-time-line-hour-label-inner:after {
position: absolute;
top: 50%;
right: 0;
left: 0;
z-index: -1;
height: 8px;
border-top: 1px solid var(--ui-color-palette-white-base, #fff);
border-bottom: 1px solid var(--ui-color-palette-white-base, #fff);
content: '';
transform: translateY(-50%);
}
.calendar-grid-day-time-line-hour-label.calendar-grid-day-time-line-hour-label-hide,
.calendar-grid-week-time-line-hour-label.calendar-grid-week-time-line-hour-label-hide {
opacity: .4;
}
.calendar-grid-day-time-line-hour-label small,
.calendar-grid-week-time-line-hour-label small {
font-size: 7px;
}
.calendar-grid-day-time-line-hour-now .calendar-grid-day-time-line-hour-label,
.calendar-grid-week-time-line-hour-now .calendar-grid-week-time-line-hour-label {
color: var(--background-red, #ff5752);
white-space: nowrap;
font-size: var(--ui-font-size-xs, 12px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
transform: translate(-100%, -50%);
padding: 0 5px;
width: auto;
}
.calendar-grid-day-time-line-hour-now .calendar-grid-day-time-line-hour-label {
left: 4px;
}
.calendar-grid-week-time-line-hour-now .calendar-grid-week-time-line-hour-label {
left: 1px;
background: rgba(255,255,255,0.8);
border-radius: 1in;
}
.is-am-pm-mode .calendar-grid-week-time-line-hour-now .calendar-grid-week-time-line-hour-label {
left: 7px;
}
.calendar-grid-day-time-line-hour-now-dot,
.calendar-grid-week-time-line-hour-now-dot {
position: absolute;
top: 50%;
left: -1px;
width: 9px;
height: 9px;
border-radius: var(--ui-border-radius-circle, 50%);
background-color: var(--background-red, #ff5752);
transform: translateY(-50%);
z-index: 20;
}
.calendar-grid-off-hours-animate,
.calendar-grid-off-hours-animate.calendar-grid-off-hours:after,
.calendar-grid-off-hours-animate.calendar-grid-off-hours-collapse:after,
.calendar-grid-off-hours-animate.calendar-grid-off-hours:before,
.calendar-grid-off-hours-animate.calendar-grid-off-hours-collapse:before,
.calendar-grid-off-hours-animate .calendar-grid-day-time-line-hour,
.calendar-grid-off-hours-animate .calendar-grid-week-time-line-hour {
transition: 400ms all ease;
}
.calendar-grid-off-hours-fast-animate {
transition: 50ms all ease;
}
.calendar-grid-off-hours,
.calendar-grid-off-hours-collapse {
position: absolute;
right: 6px;
left: -36px;
z-index: 8;
box-sizing: border-box;
border-radius: var(--ui-border-radius-xs, 6px);
background: rgba(202, 202, 202, .16);
}
.calendar-grid-off-hours-collapse {
margin-top: -9px;
min-height: 10px;
height: 15px;
background-color: var(--ui-color-background-transparent, transparent);
cursor: pointer;
}
.calendar-grid-day-time-line-hour-label span,
.calendar-grid-week-time-line-hour-label span {
display: block;
margin-left: 7px;
width: 30px;
text-align: center;
}
.is-am-pm-mode .calendar-grid-day-time-line-hour-label span,
.is-am-pm-mode .calendar-grid-week-time-line-hour-label span {
width: auto;
text-align: right;
}
.calendar-grid-off-hours .calendar-grid-off-hours-active {
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 30;
width: 33px;
border-radius: 0 var(--ui-border-radius-xs, 6px) var(--ui-border-radius-xs, 6px) 0;
cursor: pointer;
}
.calendar-grid-off-hours:before,
.calendar-grid-off-hours-collapse:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
box-sizing: border-box;
border: 1px solid var(--border-color-light-gray, #e8e9eb);
border-radius: var(--ui-border-radius-xs, 6px);
content: '';
clip-path: polygon(7px 100%, 0 100%, 0 0, 7px 0, 7px 100%, 36px 100%, 36px 0, 100% 0, 100% 100%);
}
.is-am-pm-mode .calendar-grid-off-hours:before,
.is-am-pm-mode .calendar-grid-off-hours-collapse:before {
clip-path: polygon(7px 100%, 0 100%, 0 0, 7px 0, 7px 100%, 40px 100%, 40px 0, 100% 0, 100% 100%);
}
.calendar-grid-off-hours-collapse:before {
border-radius: 10px;
}
.calendar-grid-off-hours.calendar-grid-off-hours-hover,
.calendar-grid-off-hours-collapse.calendar-grid-off-hours-hover,
.calendar-grid-off-hours-collapse:hover {
background: rgba(202, 202, 202, .16);
}
.calendar-grid-off-hours.calendar-grid-off-hours-hover:before,
.calendar-grid-off-hours-collapse.calendar-grid-off-hours-hover:before,
.calendar-grid-off-hours-collapse:hover:before {
border-color: #b4b7ba;
}
.calendar-grid-off-hours-animate.calendar-grid-off-hours-collapse .calendar-grid-week-time-line-hour-label span {
transition: 400ms background ease;
}
.calendar-grid-off-hours-collapse.calendar-grid-off-hours-hover .calendar-grid-week-time-line-hour-label span,
.calendar-grid-off-hours-collapse:hover .calendar-grid-week-time-line-hour-label span {
background: none;
}
.calendar-grid-off-hours-collapse .calendar-grid-off-hours-active,
.calendar-grid-off-hours-collapse .calendar-grid-off-hours-active {
display: none;
}
.calendar-grid-off-hours-collapse .calendar-grid-day-time-line-hour-label,
.calendar-grid-off-hours-collapse .calendar-grid-week-time-line-hour-label {
left: 0;
display: block;
width: auto;
}
.calendar-grid-off-hours .calendar-grid-day-time-line-hour-label,
.calendar-grid-off-hours .calendar-grid-week-time-line-hour-label {
display: none;
}
.calendar-grid-off-hours-drag-up,
.calendar-grid-off-hours-drag-down {
position: absolute;
left: 10px;
width: 18px;
height: 5px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%225%22%20viewBox%3D%220%200%2018%205%22%3E%20%20%3Cg%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%3Crect%20width%3D%2218%22%20height%3D%223%22/%3E%20%20%20%20%3Crect%20width%3D%222.138%22%20height%3D%222.138%22%20x%3D%228%22%20y%3D%222%22%20transform%3D%22rotate%28-45%209.069%203.069%29%22/%3E%20%20%3C/g%3E%3C/svg%3E) no-repeat center;
opacity: .2;
cursor: ns-resize;
transition: 220ms opacity ease;
}
.calendar-grid-off-hours-collapse .calendar-grid-off-hours-drag-up,
.calendar-grid-off-hours-collapse .calendar-grid-off-hours-drag-down {
display: none;
}
.calendar-grid-off-hours .calendar-grid-off-hours-drag-up,
.calendar-grid-off-hours .calendar-grid-off-hours-drag-down {
display: block;
}
.calendar-grid-off-hours-drag-up:hover,
.calendar-grid-off-hours-drag-up:active,
.calendar-grid-off-hours-drag-down:hover,
.calendar-grid-off-hours-drag-down:active {
opacity: 1;
}
.calendar-grid-off-hours-drag-up {
top: -12px;
transform: rotate(180deg);
}
.calendar-grid-off-hours-drag-down {
bottom: -12px;
}
/*endregion*/
/*region CELL > Num day*/
.calendar-num-day {
position: absolute;
top: 6px;
right: 4px;
box-sizing: border-box;
padding: 4px;
border-radius: var(--ui-border-radius-sm, 8px);
color: var(--ui-color-palette-gray-90, #525c69);
text-align: right;
font-size: var(--ui-font-size-lg, 15px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 15px;
cursor: pointer;
transition: color 400ms ease, opacity 310ms linear, box-shadow 100ms ease;
}
.calendar-grid-month-cell .calendar-num-day:hover {
box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.05);
}
.calendar-change-animate-month-to-week .calendar-num-day {
opacity: 0;
}
.calendar-day-of-week {
color: var(--ui-color-palette-gray-90, #525c69);
cursor: pointer;
}
.calendar-day-of-week-day {
color: var(--ui-color-palette-gray-90, #525c69);
text-transform: capitalize;
cursor: pointer;
}
.calendar-month-view .calendar-num-day {
color: #474747;
}
.calendar-grid-next-month-day .calendar-num-day,
.calendar-grid-previous-month-day .calendar-num-day {
color: var(--ui-color-palette-gray-70, #828b95);
font-weight: 300;
}
.calendar-grid-today .calendar-num-day,
.calendar-grid-today:hover .calendar-num-day {
padding: 2px 5px 3px;
border-radius: 15px;
background: #2fc6f6;
color: #fff;
font: 13px/13px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.calendar-grid-week-row-days-week .calendar-grid-today .calendar-num-day {
position: relative;
top: -1px;
left: 3px;
display: inline-block;
padding: 1px 8px 3px;
border-radius: var(--ui-border-radius-lg, 12px);
background: var(--ui-color-palette-blue-50, #2fc6f6);
color: var(--ui-color-palette-white-base, #fff);
font: 17px/17px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.calendar-grid-wrap .calendar-grid-week-cell.calendar-grid-today .calendar-grid-cell-inner,
.calendar-month-view .calendar-grid-today .calendar-grid-cell-inner,
.calendar-month-view .calendar-grid-drag-select .calendar-grid-cell-inner {
background: #eaf9fe;
}
.calendar-grid-today .calendar-num-day small,
.calendar-grid-today:hover .calendar-num-day small {
color: var(--ui-color-palette-white-base, #fff);
}
.calendar-num-day small {
color: var(--ui-color-palette-gray-70, #828b95);
font-size: var(--ui-font-size-sm, 13px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 15px;
}
.calendar-grid-today .calendar-num-day small {
color: var(--ui-color-palette-white-base, #fff);
font-size: var(--ui-font-size-sm, 13px);
}
.calendar-grid-week-row-days-week .calendar-num-day {
position: relative;
top: auto;
right: auto;
font: 19px/19px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
}
/*endregion*/
/*region CELL > Num week*/
.calendar-num-week {
position: absolute;
top: 7px;
left: 4px;
color: var(--ui-color-palette-blue-50, #2fc6f6);
text-align: right;
font-size: var(--ui-font-size-xs, 12px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 17px;
cursor: pointer;
transition: color 400ms ease, opacity 310ms linear;
padding: 2px;
border-radius: 1in;
}
.calendar-num-week:hover {
box-shadow: inset 0 0 0 99999px rgba(47, 198, 246, 0.15);
}
.calendar-change-animate-month-to-week .calendar-num-week {
opacity: 0;
}
.calendar-grid-month-row:hover .calendar-num-week {
color: #2aa6f6;
}
/*endregion*/
/*region events holder*/
.calendar-grid-day-events-holder,
.calendar-grid-week-events-holder,
.calendar-grid-month-events-holder {
position: absolute;
top: 26px;
right: 0;
left: 0;
z-index: 120;
display: block;
height: 1px;
}
.calendar-grid-week-events-holder.shifted,
.calendar-grid-month-events-holder.shifted {
top: 46px;
overflow: hidden;
height: 60px;
}
.calendar-grid-day-full-days-events-holder .calendar-grid-day-events-holder,
.calendar-grid-week-full-days-events-holder .calendar-grid-week-events-holder {
top: 3px;
left: 45px;
}
.calendar-grid-day .calendar-grid-day-events-holder,
.calendar-grid-week .calendar-grid-week-events-holder {
top: 20px;
}
/**/
.calendar-grid-day-events-holder,
.calendar-grid-week-events-holder,
.calendar-grid-month-events-holder {
opacity: 0;
/*transition: all 250ms linear; -causes conflict in safari during events displaying*/
}
.calendar-events-holder-show .calendar-grid-day-events-holder,
.calendar-events-holder-show .calendar-grid-week-events-holder,
.calendar-events-holder-show .calendar-grid-month-events-holder {
opacity: 1;
animation: showEventsHolder 300ms 1 linear;
}
@-webkit-keyframes showEventsHolder {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/*endregion*/
.calendar-event-line-wrap {
position: absolute;
box-sizing: border-box;
margin-bottom: 3px;
/*box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);*/
cursor: pointer;
}
.calendar-event-line-inner-container {
box-sizing: border-box;
padding: 1px 0 1px 1px;
border: 1px solid var(--ui-color-background-transparent, transparent);
border-radius: var(--ui-border-radius-2xs, 4px);
background-clip: padding-box;
opacity: 1;
transition: opacity 250ms ease, background-color 250ms linear, border-color 250ms linear, box-shadow 100ms ease;
}
.calendar-event-line-inner-container:hover {
box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.05);
}
.calendar-event-line-wrap.calendar-event-line-refused .calendar-event-line-inner-container {
opacity: .5;
}
.calendar-event-line-wrap.calendar-event-line-expired .calendar-event-line-inner-container {
opacity: .7;
}
.calendar-week-view .calendar-event-line-wrap.calendar-event-line-fill .calendar-event-line-inner,
.calendar-day-view .calendar-event-line-wrap.calendar-event-line-fill .calendar-event-line-inner {
padding-left: 3px;
}
.calendar-event-line-wrap.calendar-event-line-fill .calendar-event-line-dot,
.calendar-event-line-wrap.calendar-event-line-fill .calendar-event-line-time {
display: none;
}
.calendar-event-line-wrap.calendar-event-line-border .calendar-event-line-inner-container {
border: 1px solid var(--ui-color-palette-gray-70, #828b95);
}
.calendar-event-line-wrap.calendar-event-line-start-yesterday .calendar-event-line-inner-container {
border-left: none !important;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.calendar-event-line-wrap.calendar-event-line-finish-tomorrow .calendar-event-line-inner-container {
border-right: none !important;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.calendar-event-angle-start-yesterday,
.calendar-event-angle-finish-tomorrow {
position: absolute;
top: 0;
bottom: 0;
height: 18px;
}
.calendar-month-view .calendar-event-angle-start-yesterday,
.calendar-month-view .calendar-event-angle-finish-tomorrow {
height: 19px;
}
.calendar-event-angle-start-yesterday {
left: 0;
transform: translate(calc(-100% + 1px), 0);
background-position: center left;
}
.calendar-event-angle-finish-tomorrow {
right: 0;
transform: translate(calc(100% - 1px), 0);
background-position: center right;
}
.calendar-event-line-dot {
min-width: 8px;
min-height: 8px;
width: 8px;
height: 8px;
border-radius: var(--ui-border-radius-circle, 50%);
margin: 0 5px 0 1px;
}
.calendar-event-line-start-yesterday .calendar-event-line-dot {
left: 1px;
}
.calendar-event-line-inner {
box-sizing: border-box;
padding-right: 5px;
display: flex;
align-items: center;
border-radius: var(--ui-border-radius-2xs, 4px);
}
.calendar-event-line-wrap.calendar-event-line-fill.calendar-event-line-start-yesterday .calendar-event-line-inner {
padding-left: 2px;
}
.calendar-event-line-start-yesterday { }
.calendar-event-line-text {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--color-dark-gray-darker, #47505c);
font-size: var(--ui-font-size-xs, 12px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
line-height: 14px;
margin-right: auto;
}
.calendar-grid-month-row .calendar-event-line-text {
color: #b5b9be;
line-height: 15px;
font-size: 10px;
vertical-align: top;
}
.calendar-grid-month-row .calendar-event-line-text span {
color: var(--color-dark-gray-darker, #47505c);
vertical-align: top;
font-size: var(--ui-font-size-xs, 12px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-medium, 500);
line-height: 14px;
}
.calendar-event-line-time,
.calendar-event-line-expired-time {
padding-left: 5px;
color: var(--ui-color-palette-gray-70, #828b95);
font-size: var(--ui-font-size-3xs, 11px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 14px;
}
.calendar-event-line-time {
float: right;
order: 1;
margin-left: auto;
white-space: nowrap;
}
.calendar-grid-month-row .calendar-event-line-time {
padding-left: 1px;
}
.calendar-event-line-expired-time {
position: absolute;
right: 5px;
}
/*calendar-event-intranet*/
.calendar-event-line-wrap.calendar-event-line-intranet { }
.calendar-event-line-wrap.calendar-event-line-intranet .calendar-event-line-text {
padding-left: 20px;
color: #ffa900;
}
.calendar-event-line-wrap.calendar-event-line-intranet .calendar-event-line-text:before {
position: absolute;
top: 50%;
left: 12px;
display: inline-block;
margin-top: -7px;
width: 14px;
height: 14px;
background: 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%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%20%20%3Cpath%20fill%3D%22%23FFA900%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.96085%2C12.2642173%20C13.6883029%2C12.2642173%2012.5207137%2C11.8155629%2011.6070901%2C11.0683493%20C11.6195981%2C11.004722%2011.632106%2C10.9351125%2011.632106%2C10.8954134%20C11.632106%2C10.8100331%2011.4037001%2C10.6387287%2011.4037001%2C10.6387287%20L11.746309%2C9.89640956%20C11.746309%2C9.89640956%2010.8038627%2C9.1818254%2010.7184824%2C9.12526775%20C10.6325583%2C9.06762246%2010.3182283%2C8.69619097%2010.232848%2C8.63963332%20C10.1469239%2C8.58198802%209.97561946%2C7.98269446%209.97561946%2C7.98269446%20L9.74775739%2C7.91743564%20C9.69119974%2C7.60691238%209.65748268%2C7.28823178%209.65748268%2C6.96085%20C9.65748268%2C6.16795525%209.83640063%2C5.41856639%2010.1480115%2C4.74313754%20C10.2464436%2C4.68277312%2010.3399812%2C4.61425135%2010.3753298%2C4.55551841%20C10.4612539%2C4.41249282%2011.2041169%2C3.92685838%2011.3754213%2C3.86975691%20C11.5467257%2C3.81265543%2012.0323601%2C3.21281805%2012.0323601%2C3.21281805%20L11.8322331%2C2.81310774%20L11.7234684%2C2.76688273%20C12.6196896%2C2.07405152%2013.7405099%2C1.65748268%2014.96085%2C1.65748268%20C15.6183327%2C1.65748268%2016.2459051%2C1.78310592%2016.8272524%2C2.00172299%20L16.5401136%2C1.98268917%20L16.221433%2C1.98268917%20C16.1578056%2C1.98268917%2016.0300071%2C2.00172299%2015.9239615%2C2.00172299%20C15.8179159%2C2.00172299%2015.5628627%2C2.16541388%2015.4780262%2C2.186623%20C15.3948212%2C2.20783212%2015.2017638%2C2.31659683%2015.1191027%2C2.31659683%20C15.0337224%2C2.31659683%2014.9064676%2C2.4775686%2014.9064676%2C2.4775686%20C14.9064676%2C2.4775686%2014.7580038%2C2.74730509%2014.8852585%2C2.70488685%20C15.0125132%2C2.66246861%2015.18273%2C2.66029332%2015.2017638%2C2.7244645%20C15.2251482%2C2.78754803%2015.265935%2C2.89250598%2015.2871441%2C2.95558951%20C15.3078094%2C3.01921686%2015.6058247%2C3.04096981%2015.6058247%2C3.04096981%20C15.6058247%2C3.04096981%2015.7124142%2C2.95395804%2015.7760415%2C2.86857774%20C15.8380374%2C2.78374126%2015.839125%2C2.65811802%2015.839125%2C2.65811802%20C15.839125%2C2.65811802%2015.9457145%2C2.87129686%2015.9669236%2C2.93438039%20C15.9875889%2C2.99800775%2015.9239615%2C3.18943364%2015.9239615%2C3.18943364%20C15.9239615%2C3.18943364%2015.6901174%2C3.33789747%2015.6270339%2C3.33789747%20C15.5628627%2C3.33789747%2015.2017638%2C3.01921686%2015.2017638%2C3.01921686%20C15.0745091%2C3.0616351%2014.9679197%2C3.12526246%2014.9679197%2C3.12526246%20C14.8194559%2C3.27427011%2014.6704482%2C3.40152482%2014.6704482%2C3.40152482%20C14.6704482%2C3.40152482%2014.5431935%2C3.44394306%2014.458357%2C3.50757042%20C14.3735206%2C3.57228542%2014.1907958%2C3.58479336%2014.1396764%2C3.65657807%20C14.0336308%2C3.80286661%2014.0983458%2C3.87356367%2014.0983458%2C3.87356367%20L14.0504894%2C4.07912898%20L13.959127%2C4.14275633%20L13.6491476%2C4.20747133%20L13.4256361%2C4.14275633%20C13.4468452%2C4.20638369%2013.3701661%2C4.48264605%2013.3701661%2C4.48264605%20L13.4408632%2C4.86386637%20C13.4408632%2C4.86386637%2013.7486673%2C4.94815902%2013.8122946%2C4.94815902%20C13.8764658%2C4.94815902%2014.0352623%2C4.97154343%2014.1206426%2C4.88725078%20C14.2033038%2C4.80132666%2014.3436103%2C4.61044459%2014.3860285%2C4.54736106%20C14.4262714%2C4.48264605%2014.486092%2C4.4190187%2014.6133467%2C4.37714428%20C14.7406015%2C4.33418222%2014.7618106%2C4.27055487%2014.8259818%2C4.24934575%20C14.8896091%2C4.22868045%2015.1446624%2C4.18571839%2015.1446624%2C4.18571839%20C15.1446624%2C4.18571839%2015.3034588%2C4.29176399%2015.36763%2C4.33418222%20C15.3948212%2C4.35593517%2015.1805547%2C4.42119399%2015.6161574%2C4.48482135%20L15.6161574%2C4.65286283%20L15.8755612%2C4.63165371%20L15.7243783%2C4.46143694%20L15.7031692%2C4.4559987%20L15.4568171%2C4.20747133%20L15.4394147%2C4.01604544%20C15.4394147%2C4.01604544%2015.8527206%2C4.27544928%2015.7863742%2C4.20747133%20C15.7357986%2C4.1558081%2016.0022721%2C4.32711252%2016.0283756%2C4.34505869%20L16.1529112%2C4.64253018%20L16.3465124%2C4.88018107%20C16.5754621%2C4.90247784%2016.1496483%2C4.61044459%2016.3698968%2C4.61044459%20C16.3698968%2C4.61044459%2016.5749183%2C4.6544943%2016.6385457%2C4.63328518%20C16.702173%2C4.61207606%2016.7500295%2C4.55116782%2016.8397604%2C4.52560812%20C16.9740848%2C4.485909%2016.8169198%2C4.33472605%2016.890336%2C4.22868045%20C16.9681027%2C4.11502133%2017.0861125%2C4.07912898%2017.1497398%2C4.05791986%20C17.2155425%2C4.03725456%2017.3824963%2C4.03181633%2017.3824963%2C4.03181633%20L17.6636531%2C3.97308338%20C17.6348304%2C4.11610898%2017.4852789%2C4.07151545%2017.5151892%2C4.16396545%20C17.5423804%2C4.24717045%2017.7914516%2C4.24934575%2017.8762881%2C4.3129731%20C17.9616684%2C4.37714428%2017.8974972%2C4.47068194%2017.8974972%2C4.47068194%20C17.8974972%2C4.47068194%2017.6636531%2C4.44947282%2017.5151892%2C4.4282637%20C17.3661816%2C4.40705458%2017.1328813%2C4.50385517%2017.1328813%2C4.50385517%20L16.9436307%2C4.61044459%20C16.9436307%2C4.61044459%2016.816376%2C4.65286283%2016.8375851%2C4.75890842%20C16.8566189%2C4.86549784%2016.9436307%2C4.99275255%2017.0262919%2C5.09879814%20C17.1116722%2C5.20538756%2017.1752995%2C5.33264227%2017.2389269%2C5.29022404%20C17.3030981%2C5.2456305%2017.4537372%2C5.25868227%2017.4537372%2C5.25868227%20C17.4537372%2C5.25868227%2017.472771%2C5.26901492%2017.4939801%2C5.37342904%20C17.5151892%2C5.47893081%2017.5151892%2C5.62793846%2017.5151892%2C5.62793846%20C17.5151892%2C5.62793846%2017.3030981%2C5.62793846%2017.3661816%2C5.672532%20C17.4303528%2C5.71277494%2017.5195398%2C5.87429053%2017.5576075%2C5.92540995%20C17.7702425%2C6.22342526%2018.2140025%2C6.88199558%2018.2569646%2C6.96683206%20C18.298839%2C7.05112471%2018.280349%2C7.18055472%2018.3412572%2C7.24091913%20C18.4690558%2C7.36763002%2018.724109%2C7.24091913%2018.7877364%2C7.19958854%20C18.8513637%2C7.1571703%2019.0639987%2C7.05112471%2019.1254508%2C6.98804118%20C19.1912534%2C6.92441382%2019.1700443%2C6.94562294%2019.2978429%2C6.85969882%20C19.4250976%2C6.77486234%2019.5077588%2C6.71177881%2019.4463067%2C6.64760763%20C19.3821355%2C6.58398028%2019.2548808%2C6.35013615%2019.2548808%2C6.35013615%20C19.0639987%2C6.39309821%2018.8725728%2C6.28650879%2018.8725728%2C6.22342526%20C18.8725728%2C6.15871025%2018.7589137%2C5.90746377%2018.7589137%2C5.90746377%20C18.7589137%2C5.90746377%2018.724109%2C5.86341406%2018.8725728%2C5.94661907%20C19.0210367%2C6.03199937%2019.1488352%2C6.20221614%2019.2766337%2C6.20221614%20C19.4038885%2C6.20221614%2019.4653405%2C6.24409055%2019.6138043%2C6.32892703%20C19.762812%2C6.4137635%2019.8286147%2C6.5198091%2019.9118197%2C6.56331498%20C19.9961123%2C6.60518939%2020.1239108%2C6.77486234%2020.1239108%2C6.77486234%20C20.1239108%2C6.77486234%2020.2185361%2C6.99674235%2020.2566038%2C7.11040148%20C20.1766617%2C9.96928191%2017.8393081%2C12.2642173%2014.96085%2C12.2642173%20L14.96085%2C12.2642173%20Z%20M17.6593025%2C2.4014333%20C17.5804481%2C2.44548301%2017.4928925%2C2.48518213%2017.4515619%2C2.44330772%20C17.3879345%2C2.37968036%2017.2389269%2C2.27145947%2017.2389269%2C2.27145947%20C17.2780822%2C2.24535594%2017.2661181%2C2.21109506%2017.2351201%2C2.17520271%20C17.380321%2C2.24481212%2017.5217151%2C2.31985977%2017.6593025%2C2.4014333%20L17.6593025%2C2.4014333%20Z%20M14.96085%2C1%20C11.6685422%2C1%209%2C3.66908601%209%2C6.96085%20C9%2C10.2531578%2011.6685422%2C12.9217%2014.96085%2C12.9217%20C18.2531578%2C12.9217%2020.9217%2C10.2531578%2020.9217%2C6.96085%20C20.9217%2C3.66908601%2018.2531578%2C1%2014.96085%2C1%20L14.96085%2C1%20Z%20M18.4288128%2C7.7711471%20C18.3015581%2C7.55742444%2017.9404593%2C7.09136765%2017.8762881%2C6.98532206%20C17.8126607%2C6.87982029%2017.7490334%2C6.66718528%2017.7278243%2C6.58180498%20C17.7060713%2C6.49696851%2017.6005695%2C6.26312438%2017.5788166%2C6.20004084%20C17.5576075%2C6.13532584%2017.4091437%2C5.94444377%2017.3661816%2C5.88081642%20C17.3237634%2C5.81718906%2017.1752995%2C5.774227%2017.090463%2C5.71059964%20C17.0050827%2C5.64751611%2016.474311%2C5.54092669%2016.474311%2C5.54092669%20C16.474311%2C5.54092669%2016.3127954%2C5.43868787%2016.2638512%2C5.47729934%20C16.0517601%2C5.64751611%2015.5628627%2C5.54092669%2015.4568171%2C5.49905228%20C15.3502277%2C5.4555464%2015.2871441%2C5.39409433%2015.2871441%2C5.33046698%20C15.2871441%2C5.26466433%2015.1908874%2C4.95849167%2015.1908874%2C4.95849167%20C15.1908874%2C4.95849167%2014.9831468%2C4.99492784%2014.9189756%2C4.99492784%20C14.8553482%2C4.99492784%2014.6900259%2C4.92912519%2014.6900259%2C4.92912519%20C14.6900259%2C4.92912519%2014.4773909%2C4.94815902%2014.3925544%2C4.99057726%20C14.3093494%2C5.03299549%2014.1396764%2C5.09662285%2014.0760491%2C5.11783197%20C14.0124217%2C5.13904109%2013.8422049%2C5.16025021%2013.8422049%2C5.16025021%20C13.6507791%2C5.07541373%2013.5044905%2C5.28804874%2013.459897%2C5.37342904%20C13.419654%2C5.45772169%2013.3342737%2C5.50013993%2013.3342737%2C5.58552023%20C13.3342737%2C5.6703567%2013.1705829%2C5.76389435%2013.1091308%2C5.80468112%20C13.0455034%2C5.84709936%2012.8247111%2C6.00861495%2012.7610837%2C6.11411672%20C12.6974564%2C6.22070614%2012.6631955%2C6.35557438%2012.6419864%2C6.46161998%20C12.6207772%2C6.56766557%2012.5908669%2C6.64543234%2012.5908669%2C6.79389617%20C12.5908669%2C6.94344765%2012.5696578%2C7.0277403%2012.5908669%2C7.15499501%20C12.6120761%2C7.28333737%2012.8247111%2C7.60201797%2012.9095475%2C7.70751974%20C12.994384%2C7.81356534%2013.1009734%2C7.9419077%2013.207019%2C8.00499123%20C13.3130646%2C8.06644329%2013.4811061%2C8.09961653%2013.4811061%2C8.09961653%20C13.4811061%2C8.09961653%2013.5447335%2C8.32149654%2013.7149502%2C8.25841301%20C13.8846232%2C8.19478565%2014.05484%2C8.19478565%2014.2033038%2C8.10886153%20C14.3517676%2C8.02620035%2014.5856117%2C7.92069858%2014.5856117%2C8.04740947%20C14.5856117%2C8.17466418%2014.8091232%2C8.22904653%2014.9369218%2C8.1866283%20C15.0641765%2C8.14366623%2015.1359612%2C8.06861858%2015.1147521%2C8.21817006%20C15.0957182%2C8.36609007%2015.1593456%2C8.55805978%2015.1593456%2C8.64289626%20C15.1593456%2C8.72501362%2015.1381365%2C8.80985009%2015.2017638%2C8.87619657%20C15.2637597%2C8.93819245%2015.324668%2C9.02737951%2015.324668%2C9.08883158%20C15.324668%2C9.15245893%2015.4568171%2C9.38358394%2015.4992353%2C9.46842042%20C15.5416536%2C9.55434454%2015.5862471%2C9.68105543%2015.5438289%2C9.7658919%20C15.5014106%2C9.8512722%2015.4182056%2C10.0845725%2015.4182056%2C10.0845725%20C15.4182056%2C10.0845725%2015.3823133%2C10.2765422%2015.4035224%2C10.3396258%20C15.4252753%2C10.4032531%2015.4758509%2C10.4880896%2015.5824403%2C10.5952228%20C15.6884859%2C10.6985493%2015.6884859%2C10.8279793%2015.7521133%2C10.9117281%20C15.8157406%2C10.9987399%2015.839125%2C11.1700443%2015.839125%2C11.1700443%20L15.950065%2C11.4153087%20L16.0370768%2C11.7715132%20C16.0370768%2C11.7715132%2016.4128589%2C11.5915076%2016.4955201%2C11.5702985%20C16.5809004%2C11.5490893%2016.8060433%2C11.3995379%2016.890336%2C11.3152452%20C16.9757163%2C11.2304087%2016.9583139%2C11.1656937%2017.0649033%2C11.0808573%20C17.1709489%2C10.9987399%2017.3645501%2C10.847557%2017.3645501%2C10.847557%20L17.3427972%2C10.5305078%20L17.5983942%2C10.1906181%20L17.7892763%2C9.99973603%20C17.7892763%2C9.99973603%2017.9589493%2C9.7680672%2017.938284%2C9.68377455%20C17.9170749%2C9.59893807%2017.8741128%2C9.17312423%2017.8741128%2C9.17312423%20C17.8741128%2C9.17312423%2017.9589493%2C8.98278598%2018.0225766%2C8.89794951%20C18.0867478%2C8.80985009%2018.0867478%2C8.70597979%2018.2140025%2C8.60047802%20C18.3412572%2C8.49334478%2018.4266375%2C8.36609007%2018.4902649%2C8.28179742%20C18.5538922%2C8.19641712%2018.6811469%2C8.02620035%2018.724109%2C7.96311681%20C18.7665272%2C7.90166475%2018.7099696%2C7.80105739%2018.7116011%2C7.7988821%20L18.4288128%2C7.7711471%20Z%20M13.8742905%2C3.26121835%20L13.8742905%2C3.4863613%20L14.2435467%2C3.40152482%20L14.3349091%2C3.27427011%20L14.1054155%2C2.99800775%20L13.986862%2C2.76416362%20L13.8742905%2C2.87129686%20L13.8742905%2C3.24871041%20L13.5871517%2C3.1676807%20L13.5023152%2C3.35910659%20L13.5849764%2C3.4863613%20L13.8742905%2C3.26121835%20Z%20M18.2352116%2C9.99973603%20C18.2140025%2C10.0845725%2018.1927934%2C10.2129149%2018.1927934%2C10.2129149%20C18.1927934%2C10.2129149%2018.0889231%2C10.4456713%2018.0655387%2C10.5305078%20C18.0443296%2C10.6164319%2018.0889231%2C10.7855611%2018.1503752%2C10.764352%20C18.2140025%2C10.7431428%2018.3200481%2C10.6164319%2018.3842193%2C10.5740137%20C18.4478466%2C10.5305078%2018.5538922%2C10.3608349%2018.5751014%2C10.2765422%20C18.5968543%2C10.1906181%2018.6365534%2C10.0421543%2018.6599378%2C9.95786162%20C18.6811469%2C9.87411279%2018.7023561%2C9.70226455%2018.7045314%2C9.64135631%20C18.7045314%2C9.57772895%2018.7279158%2C9.31016776%2018.7279158%2C9.31016776%20L18.4353387%2C9.69030043%20C18.4353387%2C9.69030043%2018.258596%2C9.91761868%2018.2352116%2C9.99973603%20L18.2352116%2C9.99973603%20Z%22%20transform%3D%22translate%28-9%20-1%29%22/%3E%3C/svg%3E) no-repeat center;
content: '';
}
/*loader*/
.calendar-event-line-wrap:after,
.calendar-event-block-wrap:after {
width: 0;
content: '';
transition: 2000ms width linear;
}
.calendar-event-line-wrap.calendar-event-line-loader:after,
.calendar-event-block-wrap.calendar-event-line-loader:after {
position: absolute;
bottom: 0;
left: -100%;
z-index: 50;
display: block;
width: 100%;
height: 2px;
border-radius: var(--ui-border-width-thin, 1px);
background-color: var(--ui-color-palette-blue-50, #2fc6f6);
animation: eventLoader 3000ms linear infinite;
}
@keyframes eventLoader {
0%, 50% { left: 0; }
0%, 49.9% { right: auto; }
50%, 100% { right: 0; left: auto }
0%, 100% { width: 0; }
50% { width: 100%; }
}
.calendar-event-not-confirmed .calendar-event-line-dot {
animation: eventLineNotConfirmed 3000ms linear infinite;
}
@keyframes eventLineNotConfirmed {
0%, 15%, 20%, 35%, 100% { opacity: 1; }
5%, 10%, 25%, 30% { opacity: 0.2; }
}
/**/
.calendar-event-line-wrap.calendar-event-more-btn-container {
border-style: none;
background: none;
text-align: center;
}
.calendar-event-line-clone {
position: absolute;
z-index: 1100;
transition: opacity 200ms ease;
}
.calendar-event-more-btn {
height: auto;
color: var(--ui-color-palette-gray-70, #828b95);
font-size: var(--ui-font-size-3xs, 11px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 12px;
transition: color 220ms ease;
}
.calendar-event-more-btn:hover {
color: var(--ui-color-palette-black-base, #333);
}
/*region EVENT BLOCK*/
.calendar-event-block-wrap {
position: absolute;
/*overflow: hidden;*/
box-sizing: border-box;
display: flex;
flex-direction: column;
margin-bottom: 3px;
min-height: 19px;
border-radius: var(--ui-border-radius-2xs, 4px);
background-clip: border-box;
transition: opacity 250ms ease;
border: 1px solid var(--ui-color-palette-white-base, #fff);
}
.calendar-event-block-finish-tomorrow:after,
.calendar-event-block-start-yesterday:after {
position: absolute;
right: -1px;
left: -1px;
z-index: 100;
display: block;
height: 8px;
background: repeat-x url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22128%22%20height%3D%229%22%20viewBox%3D%220%200%20128%209%22%3E%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20points%3D%22122.856%2049%20117.343%2052.408%20112.108%2049%20106.504%2052.408%20101.286%2049.012%2096.049%2052.408%2090.446%2049%2085.21%2052.408%2079.697%2049%2074.636%2052.389%2069.574%2049%2064.062%2052.408%2058.826%2049%2053.222%2052.408%2048.004%2049.012%2042.768%2052.408%2037.164%2049%2031.928%2052.408%2026.416%2049%2021.281%2052.438%2016.145%2049%2010.633%2052.408%205.397%2049%200%2052.283%200%2057.04%20128%2057.04%20128%2052.444%22%20transform%3D%22translate%280%20-49%29%22/%3E%3C/svg%3E);
content: '';
}
.calendar-event-block-finish-tomorrow:after {
bottom: -3px;
}
.calendar-event-block-start-yesterday:after {
top: -3px;
transform: rotate(180deg);
}
.calendar-grid-day-events-holder .calendar-event-block-wrap {
width: 100%;
}
.calendar-event-block-wrap-more {
margin-top: 0;
min-height: 0;
height: 15px;
cursor: pointer;
}
.calendar-event-block-wrap-more .calendar-event-block-inner {
padding: 0 5px;
}
.calendar-event-block-wrap-more .calendar-event-block-text {
line-height: 13px;
margin: 0;
}
.calendar-event-block-text-subtitle {
position: relative;
margin-right: 4px;
}
.calendar-event-block-wrap-more .calendar-event-block-text-subtitle:after {
content: ":";
}
.calendar-event-line-day {
background: rgba(255, 255, 255, .63);
border: 1px solid rgba(151, 151, 151, .31);
padding: 1px 0;
border-radius: var(--ui-border-radius-2xs, 4px);
}
.calendar-event-block-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
border-radius: var(--ui-border-radius-3xs, 2px);
transition: opacity 250ms ease, background 250ms ease;
}
.calendar-event-not-confirmed .calendar-event-block-background {
animation: EventBlockConfirmed 3000ms linear 1590ms infinite;
}
.calendar-event-text-dark .calendar-event-block-text,
.calendar-event-text-dark .calendar-event-block-time {
color: var(--color-dark-gray-darker, #47505c);
}
@keyframes EventBlockConfirmed {
0%, 15%, 20%, 35%, 100% { opacity: .25; }
5%, 10%, 25%, 30% { opacity: 0.6; }
}
.calendar-event-block-wrap-animate {
animation: onCreationEvent .6s forwards;
}
@keyframes onCreationEvent {
0% {
transform: scale(0, 0);
opacity: 0;
}
40% {
transform: scale(1.1, 1.1);
}
60% {
transform: scale(0.9, 0.9);
}
85% {
transform: scale(1.05, 1.05);
}
100% {
transform: scale(1, 1);
opacity: 1;
}
}
.calendar-event-block-border {
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 90;
width: 3px;
border-radius: var(--ui-border-radius-3xs, 2px) 0 0 var(--ui-border-radius-3xs, 2px);
opacity: .7;
}
.calendar-event-resizer {
position: absolute;
right: 0;
left: 0;
z-index: 90;
height: 5px;
cursor: ns-resize;
}
.calendar-event-resizer-top {
top: 0;
}
.calendar-event-resizer-bottom {
bottom: 0;
}
.calendar-event-bind-node {
position: absolute;
top: 45%;
z-index: 90;
}
.calendar-event-block-inner {
display: flex;
flex-direction: column;
align-content: flex-start;
flex: 1;
overflow: hidden;
box-sizing: border-box;
padding: 5px 3px 6px 8px;
background-color: rgba(255, 255, 255, .6);
border-radius: var(--ui-border-radius-2xs, 4px);
text-overflow: ellipsis;
}
.calendar-event-block-wrap:hover .calendar-event-block-inner {
bottom: auto;
min-height: 100%;
}
.calendar-event-block-wrap-opaque .calendar-event-block-inner {
background-color: rgba(255, 255, 255, .9);
}
.calendar-event-block-time {
display: block;
text-overflow: ellipsis;
white-space: nowrap;
font-size: var(--ui-font-size-3xs, 11px);
line-height: 15px;
color: var(--ui-color-palette-white-base, #fff);
}
.calendar-event-block-time {
position: relative;
z-index: 50;
opacity: 1;
margin-right: auto;
}
.calendar-event-block-title,
.calendar-event-block-collab {
display: flex;
align-items: center;
}
.calendar-event-block-text {
position: relative;
z-index: 50;
display: -webkit-box;
color: #fff;
font: 12px/16px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
-webkit-box-orient: vertical;
margin-right: 4px;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.calendar-event-block-other-info {
position: relative;
z-index: 250;
float: right;
padding: 0 10px;
}
.calendar-event-block-members {
margin-bottom: 3px;
vertical-align: middle;
text-align: right;
line-height: 18px;
}
a.calendar-event-block-members-user {
display: inline-block;
width: 18px;
height: 18px;
border-radius: var(--ui-border-radius-circle, 50%);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
vertical-align: middle;
line-height: 18px;
}
.calendar-event-block-members-user-more {
color: var(--ui-color-palette-black-base, #333);
vertical-align: middle;
font-size: var(--ui-font-size-3xs, 11px);
line-height: 18px;
opacity: .6;
transition: 220ms all ease;
}
.calendar-event-block-members-user-more:hover {
opacity: 1;
}
.calendar-event-block-room {
color: var(--ui-color-palette-black-base, #333);
font-size: var(--ui-font-size-3xs, 11px);
line-height: 14px;
opacity: .6;
}
.calendar-event-block-compact .calendar-event-block-inner {
flex-wrap: wrap;
justify-content: center;
padding: 0 8px;
}
.calendar-event-block-compact.calendar-event-block-wrap.calendar-bordered-block .calendar-event-block-inner {
padding: 0 1px 1px 5px;
}
.calendar-event-block-compact .calendar-event-block-time {
display: inline-block;
line-height: 11px;
align-self: center;
}
.calendar-event-block-compact .calendar-event-block-title {
width: calc(100% + 10px);
}
.calendar-event-block-compact .calendar-event-block-text {
vertical-align: top;
line-height: 14px;
margin-right: 4px;
white-space: nowrap;
text-overflow: ellipsis;
}
.calendar-event-block-hide-collab .calendar-event-block-collab {
display: none;
}
.calendar-event-block-compact.narrow-block .calendar-event-block-text {
display: inline-block !important;
max-width: 100% !important;
}
.calendar-event-block-compact.narrow-block .calendar-event-block-time {
max-width: 100% !important;
}
.calendar-tmp-outer {
visibility: hidden;
width: 100px;
}
.calendar-tmp-inner {
width: 100%;
}
.calendar-counter {
color: var(--color-dark-gray, #535c69);
}
.bitrix24-light-theme .calendar-counter {
color: var(--ui-color-palette-white-base, #fff);
}
.calendar-counter-container {
display: inline-flex;
white-space: nowrap;
text-decoration: none;
flex: 1;
}
.calendar-disable-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.calendar-change-hide-all-children > * {
opacity: 0;
}
.calendar-all-events-popup {
overflow: auto;
max-height: 300px;
width: 250px;
}
.calendar-all-events-popup .calendar-event-line-wrap {
position: relative !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
}
.calendar-all-events-popup .calendar-event-line-wrap .calendar-event-line-inner {
max-width: none !important;
width: auto !important;
}
.calendar-event-block-wrap.calendar-event-full-block-wrap {
z-index: 800;
overflow: initial;
margin-top: -5px;
margin-left: -8px;
padding: 5px 8px;
max-width: 250px;
width: 100%;
opacity: 1;
cursor: default;
}
.calendar-event-block-wrap.calendar-bordered-block {
border: 2px solid var(--ui-color-palette-white-base, #fff);
}
.calendar-event-block-wrap.calendar-bordered-block .calendar-event-block-inner {
padding: 5px 2px 2px 7px;
border-radius: 2px;
}
.calendar-event-full-block-draggable-btn {
position: absolute;
top: 5px;
left: 4px;
width: 8px;
height: 14px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%226%22%20height%3D%2214%22%20viewBox%3D%220%200%206%2014%22%3E%3Cg%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%222%22%20height%3D%222%22/%3E%3Crect%20width%3D%222%22%20height%3D%222%22%20x%3D%224%22/%3E%3Crect%20width%3D%222%22%20height%3D%222%22%20y%3D%224%22/%3E%3Crect%20width%3D%222%22%20height%3D%222%22%20x%3D%224%22%20y%3D%224%22/%3E%3Crect%20width%3D%222%22%20height%3D%222%22%20y%3D%228%22/%3E%3Crect%20width%3D%222%22%20height%3D%222%22%20y%3D%2212%22/%3E%3Crect%20width%3D%222%22%20height%3D%222%22%20x%3D%224%22%20y%3D%228%22/%3E%3Crect%20width%3D%222%22%20height%3D%222%22%20x%3D%224%22%20y%3D%2212%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center;
opacity: .5;
}
.calendar-event-full-block-close-btn {
position: absolute;
top: -8px;
right: -8px;
width: 16px;
height: 16px;
border-radius: var(--ui-border-radius-circle, 50%);
background: rgba(255, 255, 255, .9);
cursor: pointer;
}
.calendar-event-full-block-close-btn:hover {
opacity: 1;
}
.calendar-event-full-block-close-btn:after,
.calendar-event-full-block-close-btn:before {
position: absolute;
top: 50%;
left: 50%;
width: 9px;
height: 1px;
background-color: var(--color-gray, #cbced2);
content: "";
transition: all 250ms ease;
}
.calendar-event-full-block-close-btn:hover:after,
.calendar-event-full-block-close-btn:hover:before {
background: var(--ui-color-palette-black-base, #333);
}
.calendar-event-full-block-close-btn:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.calendar-event-full-block-close-btn:after {
transform: translate(-50%, -50%) rotate(45deg);
}
.calendar-event-full-block-wrap .calendar-event-block-inner {
position: relative;
background-color: var(--ui-color-background-transparent, transparent);
}
.calendar-event-full-block-wrap .calendar-event-block-text {
border: 1px solid var(--ui-color-background-transparent, transparent);
color: var(--ui-color-palette-white-base, #fff);
}
.calendar-event-full-block-wrap .calendar-event-block-time{
color: var(--ui-color-palette-white-base, #fff) !important;
opacity: 1;
}
.calendar-event-block-info {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.calendar-event-full-block-wrap .calendar-event-block-members {
display: block;
text-align: right;
}
.calendar-event-full-block-wrap a.calendar-event-block-members-user {
display: inline-block;
width: 18px;
height: 18px;
border-radius: var(--ui-border-radius-circle, 50%);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
vertical-align: middle;
line-height: 18px;
}
.calendar-event-full-block-wrap .calendar-event-block-members-user-more {
color: var(--ui-color-palette-white-base, #fff);
opacity: 1;
}
.calendar-event-full-block-wrap .calendar-event-block-room {
display: block;
color: var(--ui-color-palette-white-base, #fff);
text-align: right;
opacity: 1;
}
.calendar-event-block-comment-count {
display: inline-block;
padding: 0 5px 0 17px;
border: 1px solid var(--ui-color-palette-white-base, #fff);
border-radius: var(--ui-border-radius-sm, 8px);
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M1.97583938%2C3.21099502%20C1.84042268%2C3.21099502%201.73208932%2C3.10733824%201.73208932%2C2.97776727%20L1.73208932%2C2.01894204%20C1.73208932%2C1.88937107%201.84042268%2C1.78571429%201.97583938%2C1.78571429%20L8.15512768%2C1.78571429%20C8.29054437%2C1.78571429%208.39887773%2C1.88937107%208.39887773%2C2.01894204%20L8.39887773%2C2.97776727%20C8.42596107%2C3.10733824%208.29054437%2C3.21099502%208.15512768%2C3.21099502%20L1.97583938%2C3.21099502%20Z%20M1.97683846%2C6.06813788%20C1.84086672%2C6.06813788%201.73208932%2C5.9644811%201.73208932%2C5.83491012%20L1.73208932%2C4.8760849%20C1.73208932%2C4.74651392%201.84086672%2C4.64285714%201.97683846%2C4.64285714%20L8.18145433%2C4.64285714%20C8.31742607%2C4.64285714%208.42620346%2C4.74651392%208.42620346%2C4.8760849%20L8.42620346%2C5.83491012%20C8.45339781%2C5.9644811%208.31742607%2C6.06813788%208.18145433%2C6.06813788%20L1.97683846%2C6.06813788%20Z%20M1.20829194%2C0%20C0.549223611%2C0%200%2C0.518283904%200%2C1.14022459%20L0%2C6.84993278%20C0%2C7.47187347%200.549223611%2C7.99015737%201.20829194%2C7.99015737%20L5.65081123%2C7.99015737%20C5.73319478%2C7.99015737%205.78811714%2C8.01607157%205.8430395%2C8.06789996%20L7.54563269%2C9.80415104%20C7.71039978%2C9.95963621%207.98501158%2C9.85597943%207.98501158%2C9.64866587%20L7.98501158%2C8.22338513%20C7.98501158%2C8.09381415%208.0948563%2C7.99015737%208.23216221%2C7.99015737%20L8.79170806%2C7.99015737%20C9.45077639%2C7.99015737%2010%2C7.47187347%2010%2C6.84993278%20L10%2C1.14022459%20C9.97253882%2C0.518283904%209.42331521%2C0%208.76424687%2C0%20L1.20829194%2C0%20Z%22/%3E%3C/svg%3E) no-repeat 5px center;
color: var(--ui-color-palette-white-base, #fff);
font-size: var(--ui-font-size-3xs, 11px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 16px;
}
.calendar-event-block-comment-edit {
display: inline-block;
margin-left: 5px;
width: 10px;
height: 18px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M75.0616687%2C65%20L76.9902911%2C66.9286224%20L70.0727496%2C73.8447824%20L68.1441272%2C71.91616%20L75.0616687%2C65%20Z%20M67.0071241%2C74.7234385%20C66.9877826%2C74.7966598%2067.0085057%2C74.8740257%2067.061004%2C74.9279056%20C67.1148838%2C74.9817855%2067.1922498%2C75.0025085%2067.2654711%2C74.9817855%20L69.551911%2C74.365621%20L67.6232886%2C72.4369986%20L67.0071241%2C74.7234385%20Z%22%20transform%3D%22translate%28-67%20-65%29%22/%3E%3C/svg%3E) no-repeat center;
vertical-align: middle;
line-height: 18px;
cursor: pointer;
}
.calendar-event-short-block-wrap {
overflow: hidden;
min-height: 8px;
height: 8px;
top: -8px;
}
.calendar-event-short-block-wrap .calendar-event-block-inner {
left: 6px;
display: flex;
padding: 1px 6px;
vertical-align: middle;
align-items: center;
}
.calendar-event-short-item {
display: inline-block;
margin-right: 4px;
min-width: 6px;
min-height: 6px;
width: 6px!important;
height: 6px!important;
border-radius: var(--ui-border-radius-circle, 50%)!important;
}
.calendar-event-block-collab {
font-size: var(--ui-font-size-3xs, 11px);
line-height: 16px;
color: var(--ui-color-palette-white-base, #fff);
}
.calendar-event-block-collab-name .collab-prefix {
opacity: 0.6;
}
.calendar-event-block-collab-name {
z-index: 50;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.calendar-event-block-compact .calendar-event-block-collab {
width: calc(105%);
}
/*endregion*/
/*region POPUP forms */
.calendar-add-popup-slider-container {
position: relative;
overflow: hidden;
width: 100%;
}
.calendar-add-popup-main-slide {
overflow-y: auto;
box-sizing: border-box;
padding: 8px 10px 0;
width: 100%;
opacity: 1;
transition: 250ms all ease;
transform: translateX(0);
}
.calendar-add-popup-wrap-second-tab-active .calendar-add-popup-main-slide {
opacity: 0;
transform: translateX(-100%);
}
.calendar-add-popup-second-slide {
position: absolute;
top: 0;
left: 100%;
z-index: 100;
overflow: hidden;
box-sizing: border-box;
padding: 7px 10px 0;
width: 100%;
height: 100%;
background-color: var(--ui-color-palette-white-base, #fff);
opacity: 0;
transition: 250ms all ease;
transform: translateX(0);
}
.calendar-add-popup-wrap-second-tab-active .calendar-add-popup-second-slide {
opacity: 1;
transform: translateX(-100%);
}
.calendar-field-container {
margin: 2px 0;
}
.calendar-add-popup-wrap .calendar-field-container {
display: flex;
margin-bottom: 6px;
align-items: center;
}
.calendar-add-popup-wrap .calendar-field-container-members {
margin-bottom: 14px;
align-items: flex-end;
}
.calendar-add-popup-wrap .calendar-field-container-string-select {
margin-bottom: 12px;
}
.calendar-add-popup-wrap .calendar-field-container:last-child {
margin-bottom: 0;
}
.calendar-add-popup-wrap .calendar-field-right-block-table .calendar-field-container {
margin-bottom: 2px;
}
.calendar-field-container-rooms .ui-tag-selector-tag {
animation-duration: 0s;
}
.calendar-field-block {
position: relative;
flex: 1 0;
}
.calendar-field-block.--locked {
display: flex;
}
.calendar-field-block .tariff-lock {
display: none;
}
.calendar-field-block.--locked .tariff-lock {
cursor: pointer;
margin-left: 10px;
display: block;
}
.calendar-field {
display: block;
box-sizing: border-box;
padding: 10px 10px 10px 9px;
max-width: 100%;
width: 100%;
outline: none;
border: 1px solid #dde0e8;
border-radius: var(--ui-field-border-radius, 1px);
background-color: var(--ui-color-palette-white-base, #fff);
color: #424956;
font-size: var(--ui-font-size-lg, 15px);
line-height: 17px;
transition: 220ms all ease;
text-overflow: ellipsis;
}
.calendar-field.--text-overflow-none {
text-overflow: unset;
}
.calendar-field.calendar-field-datetime-menu {
box-sizing: border-box;
padding-right: 25px;
min-width: 100px;
text-overflow: unset;
}
.calendar-field.calendar-section-selector-readonly,
.calendar-field.calendar-repeat-selector-readonly,
.calendar-field.calendar-date-selector-readonly {
border: none;
background-color: var(--ui-color-background-transparent, transparent);
overflow: hidden;
text-overflow: ellipsis;
height: 39px;
white-space: nowrap;
transition: none;
}
.calendar-field.calendar-date-selector-readonly {
margin-top: 32px;
}
.calendar-date-selector-readonly-timezone {
display: inline-block;
margin: 2px 0 0 5px;
vertical-align: middle;
}
.calendar-date-selector-readonly-timezone-icon {
display: inline-block;
margin: 3px 0 0 0;
height: 13px;
width: 14px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2013%22%3E%3Cpath%20fill%3D%22%238E959D%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.636%209.942h-2.71v-.03H9.92v-2.31h.977V8.96h1.74v.982zm-2.243-3.96c-1.918%200-3.473%201.556-3.473%203.473%200%201.918%201.555%203.472%203.473%203.472%201.917%200%203.472-1.554%203.472-3.472%200-1.917-1.555-3.472-3.472-3.472zm-6.056%204.57c-1.328-.46-2.405-1.453-2.94-2.743h2.12c.156%201.088.444%202.036.82%202.74zM1.02%205.927c0-.368.048-.725.125-1.07h2.283c-.027.347-.044.704-.044%201.07%200%20.376.017.743.046%201.1H1.154c-.08-.355-.134-.72-.134-1.1zm3.317-4.622c-.38.71-.67%201.67-.824%202.77H1.388c.532-1.303%201.61-2.308%202.95-2.77zm1.592.035c.73%200%201.357%201.127%201.636%202.736H4.292c.28-1.61.906-2.735%201.637-2.735zm4.54%202.736H8.345c-.155-1.1-.445-2.06-.825-2.77%201.338.462%202.418%201.467%202.95%202.77zm-4.607%202.95H4.195c-.035-.353-.058-.717-.058-1.098%200-.37.02-.725.055-1.07h3.474c.007.068.006.143.01.212.8-.5%201.736-.802%202.748-.802.428%200%20.838.067%201.235.164C10.994%201.884%208.685%200%205.93%200%202.654%200%200%202.654%200%205.928c0%203.244%202.606%205.875%205.837%205.925-.263-.505-.446-1.052-.532-1.637-.447-.43-.812-1.297-1.007-2.407h1.226c.09-.274.205-.533.34-.783z%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
vertical-align: top;
cursor: pointer;
}
.calendar-clear-filed,
.calendar-remove-filed {
position: absolute;
top: 50%;
right: 10px;
display: block;
margin-top: -10px;
width: 20px;
height: 20px;
cursor: pointer;
transition: all 250ms ease;
}
.calendar-clear-filed:after,
.calendar-clear-filed:before,
.calendar-remove-filed:after,
.calendar-remove-filed:before {
position: absolute;
top: 50%;
left: 50%;
width: 9px;
height: 2px;
background-color: #c7cdd3;
content: "";
transition: all 250ms ease;
}
.calendar-clear-filed:hover:after,
.calendar-clear-filed:hover:before,
.calendar-remove-filed:hover:after,
.calendar-remove-filed:hover:before {
background-color: #b0b8c1;
}
.calendar-clear-filed:before,
.calendar-remove-filed:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.calendar-clear-filed:after,
.calendar-remove-filed:after {
transform: translate(-50%, -50%) rotate(45deg);
}
.calendar-add-popup-second-slide-header {
margin-bottom: 10px;
padding-bottom: 12px;
border-bottom: 1px solid var(--ui-color-palette-gray-10, #edeef0);
}
.calendar-add-popup-second-slide-back-btn {
position: relative;
padding-left: 20px;
color: var(--color-light-gray, #80868e);
font-size: var(--ui-font-size-md, 14px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 20px;
cursor: pointer;
transition: 300ms all ease;
}
.calendar-add-popup-second-slide-back-btn:hover {
color: var(--ui-color-palette-black-base, #333);
}
.calendar-add-popup-second-slide-back-btn:after {
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 20px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2217%22%20viewBox%3D%220%200%2010%2017%22%3E%20%20%3Cpolygon%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20points%3D%2223.423%2021.423%2023.423%2033.12%2035.12%2033.12%2035.12%2031.507%2025.036%2031.507%2025.036%2021.423%22%20transform%3D%22rotate%2845%2041.706%20-7.578%29%22/%3E%3C/svg%3E) no-repeat center;
content: '';
opacity: .5;
transition: 300ms all ease;
transform: translateY(-50%);
}
.calendar-add-popup-second-slide-back-btn:hover:after {
opacity: 1;
}
/*region Separator*/
.calendar-filed-separator {
margin-bottom: 21px;
height: 1px;
border: none;
background-color: #dcdee1;
}
/*endregion*/
/*region Feild String*/
.calendar-field-container-string {
padding-top: 10px;
}
.calendar-add-popup-wrap .calendar-field-string {
border: none;
border-bottom: 1px solid #dde0e8;
font-size: 18px;
color: var(--ui-color-palette-black-base, #333);
-webkit-text-fill-color: var(--ui-color-palette-black-base, #333);
padding-bottom: 15px;
padding-left: 4px;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
.calendar-add-popup-wrap .calendar-field-string::placeholder {
color: #777;
-webkit-text-fill-color: #777;
}
.calendar-field-string.--disabled {
opacity: .6;
pointer-events: none;
background-color: #bfbfbf;
}
.calendar-field-string-error {
border: 1px solid #f22!important;
}
/*endregion*/
/*region Field double Datetime and Date*/
.calendar-field-container-date,
.calendar-field-container-datetime { }
.calendar-field-block.calendar-field-block-prefix,
.calendar-field-block.calendar-field-block-text,
.calendar-field-block.calendar-field-block-left,
.calendar-field-block.calendar-field-block-between,
.calendar-field-block.calendar-field-block-right {
flex: auto;
}
.calendar-field-block.calendar-field-block-prefix {
padding-right: 15px;
white-space: nowrap;
font-size: var(--ui-font-size-xl, 16px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 19px;
}
.calendar-field-block.calendar-field-block-prefix::first-letter {
text-transform: uppercase;
}
.calendar-field-block.calendar-field-block-text {
padding: 0 15px;
font-size: var(--ui-font-size-sm, 13px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 15px;
}
.calendar-field-block.calendar-field-block-between {
box-sizing: border-box;
padding: 0 15px;
max-width: 45px;
width: 45px;
height: 1px;
background-color: #dcdee1;
background-clip: content-box;
}
.calendar-field-time,
.calendar-field-date,
.calendar-field-datetime {
max-width: 130px;
background: var(--ui-color-palette-white-base, #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-field-datetime { max-width:125px;}*/
/*endregion*/
/*region Field Select*/
.calendar-field-container-select {
display: block;
}
.calendar-field-select {
position: relative;
display: block;
overflow: hidden;
padding-right: 30px;
min-width: 50px;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
.calendar-field-select.calendar-field-block {
padding: 0;
border: none;
}
.calendar-field-select.calendar-field-block:after, .calendar-field-select.calendar-field-block:before {
pointer-events: none;
left: calc(100% - 4px);
}
.calendar-field-select-dot {
display: inline-block;
margin-left: 12px;
width: 55px;
}
input.calendar-field-select,
select.calendar-field-select {
display: inline-block;
padding: 3px 2px 3px 9px;
height: 38px;
outline: none;
border-radius: var(--ui-field-border-radius, 1px);
background: var(--ui-color-palette-white-base, #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);
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.calendar-field-container-select.locked .calendar-field-select,
.calendar-field-place.locked .calendar-field-select {
background: no-repeat calc(100% - 8px) center var(--ui-color-palette-white-base, #fff) url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%229%22%20height%3D%2212%22%20viewBox%3D%220%200%209%2012%22%3E%0A%20%20%3Cpath%20fill%3D%22%2328BAE9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M356.952%2C204.92251%20L358%2C204.92251%20L358%2C211.92251%20L349%2C211.92251%20L349%2C204.92251%20L350.052%2C204.92251%20L350.052%2C203.33451%20C350.115332%2C201.474832%20351.641245%2C200%20353.502%2C200%20C355.362755%2C200%20356.888668%2C201.474832%20356.952%2C203.33451%20L356.952%2C204.92251%20Z%20M355.996428%2C204.92251%20L356.008%2C203.33451%20C355.903002%2C201.999785%20354.835746%2C200.943593%20353.5%2C200.85251%20C352.164254%2C200.943593%20351.096998%2C201.999785%20350.992%2C203.33451%20L351.005041%2C204.92251%20L355.996428%2C204.92251%20Z%20M354.019%2C208.80151%20L354.019%2C210.08851%20L352.981%2C210.08851%20L352.981%2C208.80151%20C352.787695%2C208.647866%20352.675031%2C208.414437%20352.675%2C208.16751%20C352.675%2C207.711875%20353.044365%2C207.34251%20353.5%2C207.34251%20C353.955635%2C207.34251%20354.325%2C207.711875%20354.325%2C208.16751%20C354.324969%2C208.414437%20354.212305%2C208.647866%20354.019%2C208.80151%20L354.019%2C208.80151%20Z%22%20transform%3D%22translate%28-349%20-200%29%22/%3E%0A%3C/svg%3E%0A);
}
.calendar-field-container.calendar-field-container-select.hidden-locked .calendar-field-select,
.calendar-field-place.hidden-locked .calendar-field-select {
background-image: none;
cursor: text;
}
.menu-popup-item-lock .menu-popup-item-icon {
background: no-repeat calc(100% - 8px) center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%229%22%20height%3D%2212%22%20viewBox%3D%220%200%209%2012%22%3E%0A%20%20%3Cpath%20fill%3D%22%2328BAE9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M356.952%2C204.92251%20L358%2C204.92251%20L358%2C211.92251%20L349%2C211.92251%20L349%2C204.92251%20L350.052%2C204.92251%20L350.052%2C203.33451%20C350.115332%2C201.474832%20351.641245%2C200%20353.502%2C200%20C355.362755%2C200%20356.888668%2C201.474832%20356.952%2C203.33451%20L356.952%2C204.92251%20Z%20M355.996428%2C204.92251%20L356.008%2C203.33451%20C355.903002%2C201.999785%20354.835746%2C200.943593%20353.5%2C200.85251%20C352.164254%2C200.943593%20351.096998%2C201.999785%20350.992%2C203.33451%20L351.005041%2C204.92251%20L355.996428%2C204.92251%20Z%20M354.019%2C208.80151%20L354.019%2C210.08851%20L352.981%2C210.08851%20L352.981%2C208.80151%20C352.787695%2C208.647866%20352.675031%2C208.414437%20352.675%2C208.16751%20C352.675%2C207.711875%20353.044365%2C207.34251%20353.5%2C207.34251%20C353.955635%2C207.34251%20354.325%2C207.711875%20354.325%2C208.16751%20C354.324969%2C208.414437%20354.212305%2C208.647866%20354.019%2C208.80151%20L354.019%2C208.80151%20Z%22%20transform%3D%22translate%28-349%20-200%29%22/%3E%0A%3C/svg%3E%0A);
}
.calendar-lock-icon {
position: absolute;
top: 0;
right: 0;
z-index: 1000 !important;
width: 37px;
height: 37px;
cursor: pointer;
}
.calendar-event-block-icon-refused {
display: inline-block;
align-self: flex-start;
margin-top: 1px;
padding: 1px 0;
min-width: 12px;
min-height: 12px;
width: 12px;
height: 12px;
margin-right: 5px;
background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23FFF' d='M3.7881393,9.53543213 C4.42311341,9.92466127 5.17005184,10.1490532 5.96939983,10.1490532 C8.27775866,10.1490532 10.1490532,8.27775866 10.1490532,5.96939983 C10.1490532,5.17005184 9.92466127,4.42311341 9.53543213,3.7881393 L3.7881393,9.53543213 L3.7881393,9.53543213 Z M2.40336752,8.15066036 L8.15066036,2.40336752 C7.51568624,2.01413838 6.76874781,1.78974643 5.96939983,1.78974643 C3.66104099,1.78974643 1.78974643,3.66104099 1.78974643,5.96939983 C1.78974643,6.76874781 2.01413838,7.51568624 2.40336752,8.15066036 Z M5.96939983,11.9387997 C2.67259134,11.9387997 -1.73105974e-12,9.26620832 -1.73105974e-12,5.96939983 C-1.73105974e-12,2.67259134 2.67259134,-8.21565038e-13 5.96939983,-8.21565038e-13 C9.26620832,-8.21565038e-13 11.9387997,2.67259134 11.9387997,5.96939983 C11.9387997,9.26620832 9.26620832,11.9387997 5.96939983,11.9387997 Z'/%3E%3C/svg%3E") center no-repeat;
z-index: 99;
}
.calendar-event-block-icon-sharing {
display: inline-block;
align-self: flex-start;
border: 1px solid #fefeff;
border-radius: 50%;
min-width: 14px;
min-height: 14px;
width: 14px;
height: 14px;
margin-right: 5px;
background-color: #f7a700;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 15.9993C12.4183 15.9993 16 12.4177 16 7.99964C16 3.58156 12.4183 0 8 0C3.58172 0 0 3.58156 0 7.99964C0 12.4177 3.58172 15.9993 8 15.9993Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.95215 3.48052C6.62306 2.95332 9.39755 2.51546 9.58177 4.12894C9.6542 4.6151 9.6542 5.10978 9.58177 5.59594C9.58177 5.59594 9.99641 5.54796 9.71977 6.34476C9.71977 6.34476 9.5674 6.91805 9.33323 6.78925C9.33323 6.78925 9.37132 7.51407 9.00289 7.63687C9.00289 7.63687 9.02912 8.02296 9.02912 8.04916L9.33698 8.09557C9.33698 8.09557 9.32761 8.41757 9.38912 8.45229C9.67013 8.63539 9.97799 8.77461 10.3018 8.86427C11.2578 9.10956 11.743 9.53037 11.743 9.89909L12 11.2215C10.8935 11.6903 9.60924 11.9706 8.23605 12H7.75615C6.38576 11.9706 5.10436 11.6916 4 11.2247C4.05027 10.8588 4.11584 10.4449 4.18359 10.1782C4.32909 9.60487 5.14745 9.17901 5.90024 8.85164C6.28991 8.68211 6.37421 8.58015 6.76637 8.40683C6.78823 8.30139 6.79697 8.19343 6.7926 8.08578L7.12606 8.04569C7.12606 8.04569 7.16978 8.12619 7.09952 7.65265C7.09952 7.65265 6.72485 7.55448 6.70736 6.8003C6.70736 6.8003 6.42573 6.895 6.40887 6.4382C6.39669 6.12883 6.15658 5.85986 6.50222 5.6373L6.32613 5.16314C6.32613 5.16314 6.14129 3.33214 6.95215 3.48052Z' fill='white'/%3E%3C/svg%3E%0A");
z-index: 99;
}
.calendar-event-block-icon-sharing.--month {
min-width: 10px;
min-height: 10px;
width: 10px;
height: 10px;
}
.calendar-event-line-wrap .calendar-event-block-icon-sharing {
top: 0;
left: 15px;
margin: 1px 3px 0 -1px;
}
.calendar-event-block-icon-sharing-view-list {
position: static;
width: 22px;
height: 22px;
vertical-align: middle;
}
.calendar-field-container-select.locked .calendar-field-select:hover {
border-color: #bfbfbf !important;
}
select.calendar-field-select::-ms-expand {
display: none;
}
@media (-webkit-min-device-pixel-ratio: 0) {
input.calendar-field-select,
select.calendar-field-select {
padding-right: 24px !important;
}
}
select:not(:-internal-list-box) {
overflow: visible !important;
}
.calendar-field-select:after,
.calendar-field-select.active:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.calendar-field-select:before,
.calendar-field-select.active:after {
transform: translate(-50%, -50%) rotate(45deg);
}
.calendar-field-select:after {
margin-left: -10px;
}
.calendar-field-select:before {
margin-left: -15px;
}
.calendar-field-select:after,
.calendar-field-select:before {
position: absolute;
top: 50%;
left: 100%;
width: 8px;
height: 2px;
background-color: #979797;
content: "";
transition: all 250ms ease;
transform-origin: center;
}
.calendar-field-container-select.locked .calendar-field-select:after,
.calendar-field-container-select.locked .calendar-field-select:before {
display: none;
}
.calendar-field-select-icon {
position: relative;
display: inline-block;
margin-right: 10px;
width: 20px;
height: 20px;
border-radius: var(--ui-border-radius-3xs, 2px);
background-color: var(--ui-color-palette-black-base, #333);
vertical-align: middle;
}
.calendar-event-block-icon-collab {
display: inline-block;
align-self: flex-start;
width: 21px;
height: 20px;
min-width: 21px;
min-height: 20px;
background-image: url(images/collab.svg);
background-repeat: no-repeat;
z-index: 99;
background-size: 20px 20px;
background-position: -2px;
}
.calendar-event-block-icon-collab.--month {
width: 14px;
height: 13px;
min-width: 14px;
min-height: 13px;
background-size: 14px 14px;
margin-top: 1px
}
.calendar-event-block-icon-collab.--white {
background-image: url(images/collab-white.svg);
}
.calendar-event-block-icon-collab.--gray {
opacity: 0.7;
background-image: url(images/collab-gray.svg);
}
.calendar-event-line-wrap-collab .calendar-event-line-text,
.calendar-event-line-wrap-collab .calendar-event-line-text span {
color: #19CC45;
}
/*endregion*/
/*region Field Select calendar*/
.calendar-field-container-select-calendar {
display: block;
}
.calendar-field-select-calendar {
display: block;
padding-right: 40px;
height: 39px;
white-space: nowrap;
cursor: pointer;
}
.calendar-field-select-calendar {
position: relative;
}
.calendar-field-select-calendar:after {
position: absolute;
top: 50%;
left: 100%;
margin-top: -9px;
margin-left: -25px;
width: 16px;
height: 16px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M144.915475%2C44.6171441%20L146.04203%2C42.7726002%20L146.04203%2C44.6215473%20L144.915475%2C44.6215473%20L144.915475%2C44.6171441%20Z%20M146.04203%2C46.6113649%20L146.95067%2C46.6113649%20L146.95067%2C45.5262097%20L147.56043%2C45.5262097%20L147.56043%2C44.6215473%20L146.95067%2C44.6215473%20L146.95067%2C41.1987954%20L146.161982%2C41.1987954%20L144.035822%2C44.6259489%20L144.035822%2C45.5306129%20L146.04203%2C45.5306129%20L146.04203%2C46.6157681%20L146.04203%2C46.6113649%20Z%20M141.336889%2C44.2858754%20C140.936048%2C44.6666705%20140.581189%2C45.1002913%20140.279309%2C45.5801377%20C140.105377%2C45.8937985%20139.995421%2C46.2459793%20139.959435%2C46.6113649%20L143.253133%2C46.6113649%20L143.253133%2C45.6505745%20L141.38687%2C45.6505745%20C141.441848%2C45.5493217%20141.505824%2C45.4524721%20141.578795%2C45.3644273%20C141.657763%2C45.2664769%20141.845689%2C45.0672753%20142.142571%2C44.7679217%20C142.362485%2C44.5555137%20142.568403%2C44.3243954%20142.757328%2C44.0789698%20C142.912267%2C43.8698626%20143.039217%2C43.6376434%20143.134179%2C43.3900162%20C143.213149%2C43.1688034%20143.253133%2C42.9332834%20143.253133%2C42.6955618%20C143.261129%2C42.289453%20143.109189%2C41.8987538%20142.837297%2C41.6247138%20C142.523421%2C41.3220578%20142.113582%2C41.1679794%20141.697747%2C41.1943922%20C141.303902%2C41.1789842%20140.917056%2C41.3099522%20140.598182%2C41.5652834%20C140.27531%2C41.8756418%20140.085385%2C42.320269%20140.07339%2C42.7913106%20L141.004022%2C42.8947634%20C140.999024%2C42.6592434%20141.069995%2C42.430325%20141.203942%2C42.2465314%20C141.470837%2C41.9900994%20141.86668%2C41.9856978%20142.137573%2C42.2377266%20C142.257526%2C42.381901%20142.318502%2C42.5744994%20142.307505%2C42.7692994%20C142.299509%2C42.9971154%20142.229537%2C43.2183282%20142.107585%2C43.4021234%20C141.873678%2C43.7223874%20141.615779%2C44.0184386%20141.336889%2C44.2913778%20L141.336889%2C44.2858754%20Z%20M138.005208%2C47.7988737%20L150.000465%2C47.7988737%20L150.000465%2C40.0949299%20L138.005208%2C40.0949299%20L138.005208%2C47.7988737%20Z%20M150.152404%2C35.6926772%20L149.00086%2C35.6926772%20L149.00086%2C36.2429588%20C149.00086%2C37.1542243%20148.329126%2C37.8938035%20147.501452%2C37.8938035%20C146.673781%2C37.8938035%20146.002046%2C37.1542243%20146.002046%2C36.2429588%20L146.002046%2C35.6926772%20L142.003627%2C35.6926772%20L142.003627%2C36.2429588%20C142.003627%2C37.1542243%20141.332891%2C37.8938035%20140.504219%2C37.8938035%20C139.675547%2C37.8938035%20139.004813%2C37.1542243%20139.004813%2C36.2429588%20L139.004813%2C35.6926772%20L137.853267%2C35.6926772%20C136.831672%2C35.6904756%20136.002%2C36.5995412%20136%2C37.7243171%20C136%2C37.7804451%20136.002%2C37.8365747%20136.005998%2C37.8938035%20L136.005998%2C48.8994368%20C136.005998%2C49.5069472%20136.453821%2C50%20137.005603%2C50%20L151.00007%2C50%20C151.552851%2C50%20151.999675%2C49.5069472%20151.999675%2C48.8994368%20L151.999675%2C37.8938035%20C152.018667%2C36.7327092%20151.203988%2C35.7631124%20150.152404%2C35.6926772%20L150.152404%2C35.6926772%20Z%20M140.504219%2C36.8339604%20C140.910059%2C36.8339604%20141.238929%2C36.4718756%20141.238929%2C36.0250468%20L141.238929%2C34.8144276%20C141.240928%2C34.3675988%20140.915057%2C34.0033124%20140.509217%2C34.00001%20C140.103377%2C33.99781%20139.771509%2C34.3576932%20139.76951%2C34.8034212%20L139.76951%2C34.8144276%20L139.76951%2C36.0250468%20C139.76951%2C36.4718756%20140.098379%2C36.8339604%20140.504219%2C36.8339604%20L140.504219%2C36.8339604%20Z%20M147.501452%2C36.7558212%20C147.8843%2C36.7558212%20148.195179%2C36.413546%20148.195179%2C35.9920308%20L148.195179%2C35.99093%20L148.195179%2C34.8441428%20C148.195179%2C34.4215268%20147.8843%2C34.0803508%20147.501452%2C34.0803508%20C147.118604%2C34.0803508%20146.807728%2C34.4215268%20146.807728%2C34.8441428%20L146.807728%2C35.99093%20C146.807728%2C36.4124452%20147.116604%2C36.7547204%20147.500452%2C36.7558212%20L147.501452%2C36.7558212%20Z%22%20transform%3D%22translate%28-136%20-34%29%22%20opacity%3D%22.5%22/%3E%3C/svg%3E);
content: "";
transition: all 250ms ease;
}
/*.calendar-field-container-select .calendar-field-select{ padding-left: 30px;}*/
/*endregion*/
/*region Field String Select */
.calendar-field-container-string-select .calendar-field-block {
display: flex;
align-items: center;
}
.calendar-field-container-string-select .calendar-field-select {
margin: 0 14px;
max-width: 55px;
border: none;
border-bottom: 1px solid #dde0e8;
height: 51px;
}
.calendar-field-container-string-select .calendar-field-select:after,
.calendar-field-container-string-select .calendar-field-select:before {
background-color: #a9adb4;
}
/*endregion*/
/* region Field Tiny */
.calendar-field-tiny .calendar-field-select-icon {
top: 7px;
width: 19px;
height: 19px;
}
.calendar-field-tiny {
padding: 7px 28px 7px 8px;
text-overflow: clip;
height: 48px !important;
}
/*endregion*/
/*region Checkbox*/
.calendar-field-checkbox-label {
position: relative;
display: flex;
padding-left: 20px;
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-md, 14px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 15px;
align-items: center;
}
.calendar-field-select-label {
padding-top: 10px;
position: relative;
display: flex;
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-md, 14px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 15px;
align-items: center;
}
.calendar-field-checkbox {
position: absolute;
top: 50%;
left: 0;
margin: 0;
transform: translateY(-50%);
}
.calendar-field-container-checkbox-description {
padding-top: 10px;
color: #6a747f;
font-size: var(--ui-font-size-3xs, 11px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 14px;
}
/*endregion*/
/*region text*/
.calendar-text-link {
display: inline-block;
border-bottom: 1px dashed;
color: var(--color-blue, #468ee5);
white-space: nowrap;
font-size: var(--ui-font-size-md, 14px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 15px;
cursor: pointer;
transition: 220ms ease all;
}
.calendar-text-link:hover {
border-bottom-style: solid;
}
.calendar-text-link.--gray {
color: var(--ui-color-palette-gray-70, #828b95);
border-bottom: 1px dashed;
}
.calendar-text {
margin: 2px 0;
color: var(--ui-color-palette-gray-70, #828b95);
font-size: var(--ui-font-size-md, 14px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 15px;
}
.calendar-field-right-block-table .calendar-text {
font-size: 12px;
}
.calendar-field-table-cell-value .calendar-text {
color: var(--ui-color-palette-gray-90, #525c69);
}
/*endregion*/
/*region notification*/
.calendar-notification-btn-container {
position: relative;
display: inline-block;
margin-top: 1px;
margin-left: 0;
width: 16px;
height: 16px;
border-radius: var(--ui-border-radius-circle, 50%);
background-color: var(--ui-color-background-transparent, transparent);
vertical-align: top;
transition: 300ms all ease;
padding: 3px 3px 0 0;
}
.calendar-notification-btn-container:hover {
background-color: #2ec6f6;
}
.calendar-notification-text {
border-bottom: 1px dotted;
color: var(--ui-color-palette-gray-70, #828b95);
cursor: pointer;
vertical-align: middle;
font: 400 14px/19px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.calendar-notification-icon {
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
cursor: pointer;
transform: translate(-50%, -50%);
}
.calendar-notification-icon:after,
.calendar-notification-icon:before {
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 2px;
background-color: #bec2c7;
content: "";
transition: all 250ms ease;
}
.calendar-notification-btn-container:hover .calendar-notification-icon:after,
.calendar-notification-btn-container:hover .calendar-notification-icon:before { background-color: var(--ui-color-palette-white-base, #fff); }
.calendar-notification-icon:before { transform: translate(-50%, -50%) rotate(-90deg); }
.calendar-notification-icon:after { transform: translate(-50%, -50%) rotate(-180deg); }
.calendar-notification-btn-remove .calendar-notification-icon:before,
.calendar-notification-btn-remove .calendar-notification-icon:after { transform: translate(-50%, -50%) rotate(0deg); }
.calendar-notification-icon:hover:after,
.calendar-notification-icon:hover:before { background-color: var(--ui-color-palette-white-base, #fff); }
/*endregion*/
/*region members*/
.calendar-field-container-members {}
.calendar-user-selector-wrap{
display: none;
max-width: 450px;
}
.user-selector-edit-mode .calendar-user-selector-wrap {
display: block;
}
.user-selector-edit-mode .calendar-add-popup-planner-wrap,
.user-selector-edit-mode .calendar-field-container-inform {
display: block !important;
}
/*
* :nth-child(0+9) - display none
* :nth-child(1+9) - display none
* :nth-child(2+9) - display none
* so we show only 8 pictures
*/
.calendar-attendees-list div:nth-child(n+9) {
display: none;
}
.calendar-attendees-list .ui-avatar {
vertical-align: middle;
}
/*show only 4 pictures*/
.user-selector-edit-mode .calendar-attendees-list div:nth-child(n+5) {
display: none;
}
.calendar-userselector-readonly .calendar-field-container-members .calendar-members-change-link {
display: none;
}
.calendar-add-popup-wrap .calendar-add-popup-planner-wrap {
display: none;
border-top: none;
background-color: unset;
}
.calendar-members-selected {
vertical-align: middle;
font-size: var(--ui-font-size-sm, 13px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 18px;
}
.calendar-member,
.calendar-list-view .calendar-timeline-stream-section-content .ui-icon {
display: inline-block;
margin: 0 1px 0 2px;
width: 22px;
height: 22px;
border-radius: var(--ui-border-radius-circle, 50%);
/*background: #535c6a url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2247.188%22%20height%3D%2254.063%22%20viewBox%3D%220%200%2047.188%2054.063%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20%23fff%3B%20fill-rule%3A%20evenodd%3B%20%7D%3C/style%3E%3C/defs%3E%3Cpath%20id%3D%22Shape_2_copy_4%22%20data-name%3D%22Shape%202%20copy%204%22%20class%3D%22cls-1%22%20d%3D%22M47.18%2054.062c0-3.217-3.61-16.826-3.61-16.826%200-1.99-2.6-4.26-7.72-5.585a17.394%2017.394%200%200%201-4.887-2.223c-.33-.188-.28-1.925-.28-1.925l-1.648-.25c0-.142-.14-2.225-.14-2.225%201.972-.663%201.77-4.574%201.77-4.574%201.252.695%202.068-2.4%202.068-2.4%201.482-4.3-.738-4.04-.738-4.04a27.05%2027.05%200%200%200%200-7.918c-.987-8.708-15.847-6.344-14.085-3.5-4.343-.8-3.352%209.082-3.352%209.082l.942%202.56c-1.85%201.2-.564%202.65-.5%204.32.09%202.466%201.6%201.955%201.6%201.955.093%204.07%202.1%204.6%202.1%204.6.377%202.556.142%202.12.142%202.12l-1.786.217a7.1%207.1%200%200%201-.14%201.732c-2.1.936-2.553%201.485-4.64%202.4-4.032%201.767-8.414%204.065-9.193%207.16S-.012%2054.06-.012%2054.06h47.19z%22/%3E%3C/svg%3E) no-repeat center;*/
background-size: 50%;
vertical-align: middle;
line-height: 18px;
}
.calendar-list-view .calendar-timeline-stream-section-content .ui-avatar {
margin: 0 1px 0 2px;
vertical-align: middle;
}
.calendar-members-selected .ui-icon {
display: inline-block;
margin: 0 1px 0 4px;
width: 22px;
height: 22px;
vertical-align: middle;
line-height: 18px;
}
.calendar-members-selected .ui-avatar {
vertical-align: middle;
margin: 0 1px 0 4px;
}
.calendar-slider-sidebar-user-container .ui-icon-common-user-mail > i,
.calendar-members-selected .ui-icon-common-user-mail > i,
.calendar-popup-user-menu .ui-icon-common-user-mail > i {
background-color: #f7a700;
}
.ui-icon-common-user-sharing > i {
background-color: #f7a700;
}
.calendar-members-selected .calendar-attendees-label {
color: #A8ADB4;
font-size: var(--ui-font-size-3xs, 11px);
display: block;
margin-bottom: 3px;
}
.calendar-members-selected .calendar-attendees-label span {
color: #CCCFD3;
}
.calendar-member-question {
position: relative;
}
.calendar-member-question:after {
content:'';
position: absolute;
bottom: -3px;
right: -6px;
width: 14px;
height: 14px;
border-radius: var(--ui-border-radius-circle, 50%);
border: 2px solid var(--ui-color-palette-white-base, #fff);
box-sizing: border-box;
background: var(--ui-color-palette-white-base, #fff) url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cpath%20fill%3D%22%23525C69%22%20d%3D%22M4.898.462a4.435%204.435%200%20110%208.87%204.435%204.435%200%20010-8.87zm-.042%206.005a.51.51%200%2000-.52.51c0%20.162.052.289.155.379a.54.54%200%2000.365.135.52.52%200%2000.357-.137.478.478%200%2000.154-.377.494.494%200%2000-.147-.363.494.494%200%2000-.364-.147zm.083-4.163a1.92%201.92%200%2000-.936.22%201.61%201.61%200%2000-.61.552c-.139.223-.209.443-.209.66%200%20.105.044.203.132.293.088.09.196.135.324.135.217%200%20.364-.129.442-.387.082-.247.183-.433.302-.56.118-.127.303-.19.555-.19.214%200%20.39.063.526.188.135.126.203.28.203.463%200%20.093-.022.18-.066.26a.982.982%200%2001-.165.218c-.065.065-.17.161-.317.29-.167.145-.3.272-.397.378-.098.106-.177.23-.237.37-.06.14-.089.307-.089.498%200%20.153.04.269.122.346a.417.417%200%2000.3.117c.228%200%20.364-.119.407-.356.026-.112.044-.19.057-.235a.719.719%200%2001.158-.281c.046-.054.109-.116.186-.187.281-.251.476-.43.584-.536.109-.106.203-.232.281-.379a1.06%201.06%200%2000.119-.51c0-.247-.07-.475-.208-.685a1.423%201.423%200%2000-.587-.499%201.998%201.998%200%2000-.877-.183z%22%20opacity%3D%22.44%22/%3E%3C/svg%3E) no-repeat center;
}
.calendar-members-change-link .calendar-members-change-link {
margin-left: 5px;
}
.calendar-members-change-link,
.calendar-members-more,
.calendar-members-invited {
margin-left: 5px;
border-bottom: 1px dashed rgba(128, 134, 142, .4);
color: var(--color-light-gray, #80868e);
cursor: pointer;
transition: border .2s linear;
}
.calendar-members-change-link:hover,
.calendar-members-more:hover,
.calendar-members-invited:hover {
border-color: rgba(128, 134, 142, 1);
}
.calendar-members-invited {
margin-left: 5px;
}
.calendar-videocall-wrap.calendar-videocall-hidden{
display: none;
}
.calendar-videocall-wrap{
padding-right: 10px;
}
.calendar-videocall-wrap .ui-btn-split.intranet-control-btn {
border: none;
padding: 0 20px 0 0;
height: 19px;
top: -3px;
white-space: nowrap;
width: auto;
}
.calendar-videocall-wrap .ui-btn-split.intranet-control-btn .ui-btn-main {
text-transform: none;
padding-left: 0;
padding-right: 0;
font: 400 13px/18px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
border-top: none;
border-right: none;
border-bottom: 1px dashed rgba(128, 134, 142, .4);
border-left: none;
color: var(--color-light-gray, #80868e);
cursor: pointer;
height: auto;
}
.calendar-videocall-wrap .ui-btn-split.intranet-control-btn.ui-btn-wait .ui-btn-main {
background-color: var(--ui-btn-background);
border-bottom-color: var(--ui-color-background-transparent, transparent);
}
.calendar-videocall-wrap .ui-btn-split.intranet-control-btn .ui-btn-main:after,
.calendar-videocall-wrap .ui-btn-split.intranet-control-btn .ui-btn-menu:before {
display: none;
}
.calendar-videocall-wrap .ui-btn-split.intranet-control-btn .ui-btn-menu {
width: 20px;
height: 20px;
border: none;
}
.calendar-videocall-wrap .ui-btn-split.intranet-control-btn .ui-btn-menu:after{
width: 4px;
height: 4px;
top: 5px;
left: 8px;
border: 2px solid #c7cdd3;
border-top: none;
border-left: none;
transform: rotate(45deg);
opacity: 1;
background: none;
}
.calendar-members-additionally {
margin-left: 5px;
border-bottom: 1px dashed var(--ui-color-background-transparent, transparent);
color: var(--ui-color-palette-gray-70, #828b95);
font-size: var(--ui-font-size-xs, 12px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 16px;
transition: 300ms all ease;
}
.calendar-members-additionally:hover {
border-bottom-color: var(--ui-color-palette-black-base, #333);
color: var(--ui-color-palette-black-base, #333);
}
.calendar-add-popup-attendees-list {
padding: 0 4px;
}
/*endregion*/
/*region maps*/
.calendar-add-popup-maps-block {
position: relative;
padding-top: 66.6%;
max-width: 100%;
width: 100%;
}
.calendar-add-popup-maps-frame {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: var(--ui-border-radius-xs, 6px);
}
.calendar-reminder-item {
position: relative;
display: inline-block;
margin-right: 22px;
margin-left: 5px;
padding: 3px 0 3px 0;
color: var(--ui-color-palette-black-solid, #000);
white-space: nowrap;
font-size: var(--ui-font-size-sm, 13px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 14px;
border-radius: var(--ui-border-radius-2xs);
}
.calendar-slider-sidebar-remind .calendar-reminder-item {
display: block;
position: relative;
box-sizing: border-box;
padding: 8px 10px;
height: 30px;
background: #f5f7f8;
color: var(--ui-color-palette-gray-90, #525c69);
transition: opacity .3s;
margin: 0 0 var(--ui-space-stack-2xs) 0;
}
.calendar-slider-sidebar-remind .calendar-reminder-item-title {
display: inline-block;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
.calendar-slider-sidebar-remind .calendar-reminder-clear-icon {
position: absolute;
top: 1px;
right: 4px;
opacity: .3;
}
.calendar-reminder-item:hover .calendar-reminder-clear-icon {
display: inline-block;
opacity: 1;
}
.calendar-reminder-readonly .calendar-reminder-item .calendar-reminder-clear-icon {
display: none;
}
.calendar-slider-sidebar-remind .calendar-notification-add-btn-wrap,
.calendar-location-clear-btn-wrap {
display: block;
margin-top: 8px;
}
.calendar-notification-add-btn-wrap {
white-space: nowrap;
}
.calendar-location-clear-btn-wrap
{
margin-bottom: 7px;
margin-left: 7px;
margin-top: 3px;
}
.calendar-location-clear-btn-text {
margin-left: 5px;
border-bottom: 1px dotted;
color: #828b95;
cursor: pointer;
vertical-align: middle;
font: 400 13px/18px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.calendar-reminder-clear-icon {
position: absolute;
top: -4px;
right: -25px;
width: 22px;
height: 22px;
outline: none;
opacity: .7;
cursor: pointer;
transition: opacity 200ms linear;
}
.calendar-reminder-clear-icon:after {
position: absolute;
top: 50%;
left: 50%;
display: block;
margin-top: 3px;
width: 10px;
height: 10px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.787%201L5%203.787%202.213%201%201%202.213%203.787%205%201%207.787%202.213%209%205%206.213%207.787%209%209%207.787%206.213%205%209%202.213%22%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E);
background-size: cover;
background-repeat: no-repeat;
content: "";
transform: translate3d(-50%, -50%, 0);
}
.calendar-reminder-item:hover .calendar-reminder-clear-icon:hover {
opacity: 1;
}
.calendar-add-popup-date-label {
display: inline-block;
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-lg, 15px);
line-height: 17px;
}
.calendar-add-popup-time-select-input {
display: inline-block;
width: 100%;
border-width: 0;
}
.calendar-add-popup-time-select {
display: inline-block;
width: 100px;
}
.calendar-add-popup-color-menu-item .menu-popup-item-icon,
.calendar-add-popup-section-menu-item .menu-popup-item-icon,
.calendar-location-popup-menu-item .menu-popup-item-icon,
.calendar-add-popup-section-menu-item-img .menu-popup-item-icon {
display: inline-block;
margin: 0 0 0 12px;
width: 18px;
height: 18px;
border-radius: var(--ui-border-radius-3xs, 2px);
background-color: var(--ui-color-palette-black-base, #333);
vertical-align: top;
line-height: 17px;
}
.calendar-location-popup-menu-item .menu-popup-item-icon {
margin: 0 0 0 12px;
}
.calendar-add-popup-section-menu-item .menu-popup-item-text {
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;
}
.calendar-location-popup-menu-item .menu-popup-item-text {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 255px;
overflow: hidden;
text-overflow: ellipsis;
}
.calendar-add-popup-section-menu-item.section-menu-item-full .menu-popup-item-text {
max-width: 246px;
}
.calendar-add-popup-color-menu-item {
/*padding-right: 14px;*/
background-color: var(--ui-color-background-transparent, transparent) !important;
}
.calendar-add-popup-color-menu-item .menu-popup-item-text{
display: none;
}
.calendar-add-popup-section-menu-item-img .menu-popup-item-icon {
width: 22px;
height: 22px;
border-radius: var(--ui-border-radius-circle, 50%);
margin-left: 10px;
}
.calendar-select-popup {
max-height: 300px;
}
.calendar-select-popup.menu-popup .menu-popup-items .menu-popup-item.menu-popup-no-icon .menu-popup-item-text {
padding: 0 30px 0 15px;
text-overflow: unset;
}
.calendar-select-popup.menu-popup .menu-popup-items .menu-popup-item.menu-popup-no-icon .menu-popup-item-hint {
display: inline-block;
color: #A8ADB4;
padding-left: 5px;
text-overflow: unset;
}
.calendar-add-popup-title-text {
padding: 7px 0 13px 20px;
color: var(--color-light-gray, #80868e);
font-size: var(--ui-font-size-sm, 13px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 18px;
opacity: 0.6;
}
/*endregion*/
/*region Filed textarea*/
.calendar-field-container-textarea {
display: block;
}
.calendar-field-teatarea {
box-sizing: border-box;
min-width: 100%;
min-height: 130px;
max-width: 100%;
width: 100%;
}
.calendar-field-block .feed-add-post-text {
padding: 0;
}
/*endregion*/
/*region Filed colorpicker*/
.calendar-field-container-colorpicker,
.calendar-field-container-colorpicker-square {
display: block;
}
.calendar-field-colorpicker {
margin: 0;
padding: 0;
list-style: none;
}
.calendar-field-colorpicker-color-item,
.calendar-field-colorpicker-color-item-more {
position: relative;
display: inline-block;
box-sizing: border-box;
margin: 0 1px 0 0;
padding: 0;
width: 29px;
height: 29px;
border-radius: var(--ui-border-radius-circle, 50%);
background-color: var(--ui-color-background-transparent, transparent);
vertical-align: middle;
cursor: pointer;
transition: 300ms all ease;
}
.calendar-field-colorpicker-color-item-more {
margin-left: 5px;
width: auto;
background-color: var(--ui-color-background-transparent, transparent);
}
.calendar-field-container-colorpicker-square .calendar-field-colorpicker-color-item {
width: 27px;
height: 27px;
border-radius: var(--ui-border-radius-2xs, 4px);
}
.calendar-field-colorpicker-color {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
display: block;
border: 4px solid var(--ui-color-palette-white-base, #fff);
border-radius: var(--ui-border-radius-circle, 50%);
background-color: var(--ui-color-background-transparent, transparent);
transition: 300ms border-color ease, 300ms background-color ease;
}
.calendar-field-colorpicker-color-item.active .calendar-field-colorpicker-color {
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
border: 2px solid var(--ui-color-palette-white-base, #fff);
}
.calendar-field-container-colorpicker-square .calendar-field-colorpicker-color {
border-radius: var(--ui-border-radius-2xs, 4px);
}
.calendar-options-item-colorpicker .calendar-field-colorpicker-color {
border-color: var(--ui-color-palette-gray-03, #f8f9fa);
}
.calendar-field-colorpicker-color-item-more-link {
border-bottom: 1px dashed;
color: var(--ui-color-palette-gray-70, #828b95);
vertical-align: middle;
text-transform: lowercase;
font-size: var(--ui-font-size-lg, 15px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 29px;
cursor: pointer;
transition: 300ms all ease;
}
.calendar-field-colorpicker-color-item-more-link:hover {
color: var(--ui-color-palette-black-base, #333);
}
.calendar-options-item .calendar-edit-planner-wrap {
margin-left: -17px;
}
.calendar-options-item-planner {
margin: 0 20px;
padding: 11px 30px 11px 0;
}
.calendar-edit-planner-additional-settings-wrap {
padding: 10px 0 0 0;
opacity: 1;
transition: 300ms opacity ease;
}
.calendar-edit-planner-additional-settings-wrap.hidden {
opacity: 0;
}
.calendar-edit-planner-additional-settings {
overflow: hidden;
padding: 5px 0;
max-height: 300px;
transition: 300ms all ease;
}
.calendar-edit-planner-additional-settings .calendar-field-container {
padding: 5px 0;
}
.calendar-edit-planner-additional-settings.collapse {
padding: 0;
max-height: 0;
}
.calendar-planner-more-link {
padding-bottom: 1px;
border-bottom: 1px dashed;
color: var(--color-blue, #468ee5);
text-decoration: none;
cursor: pointer;
}
.calendar-planner-more-link:hover {
border-bottom-style: solid;
}
/*endregion*/
/*region Slider detail new event*/
.calendar-slider-workarea {
overflow: hidden;
min-width: 800px;
width: 100%;
border-radius: var(--calendar-slider-workarea-border-radius, var(--ui-border-radius-md));
}
/* SIDEBAR */
.calendar-slider-sidebar {
position: relative;
float: right;
padding-left: 14px;
width: 300px;
}
.calendar-slider-sidebar-head {
padding: 0 17px;
height: 47px;
max-height: 47px;
max-width: 300px;
background: var(--ui-color-palette-blue-50, #2fc6f6);
border-radius: var(--ui-border-radius-md);
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.calendar-slider-sidebar-head.calendar-slider-sidebar-head-long-time {
height: 54px;
}
.calendar-slider-sidebar-head-long-time .calendar-slider-sidebar-head-title {
margin-top: 5px;
font-size: var(--ui-font-size-sm, 13px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 46px;
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.calendar-slider-sidebar-head-long-time .calendar-slider-sidebar-head-timezone-icon11 {
margin-bottom: 4px;
vertical-align: bottom;
}
.calendar-slider-sidebar-head-title {
display: flex;
margin: 0 6px 0 0;
color: var(--ui-color-palette-white-base, #fff);
font-size: var(--ui-font-size-sm, 13px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 47px;
font-weight: var(--ui-font-weight-semi-bold, 600);
white-space: nowrap;
}
.calendar-slider-sidebar-head-timezone {
display: inline-block;
margin: 2px 0 0 5px;
vertical-align: middle;
}
.calendar-slider-sidebar-head-timezone-icon {
display: inline-block;
width: 14px;
height: 13px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2013%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.636%209.942h-2.71v-.03H9.92v-2.31h.977V8.96h1.74v.982zm-2.243-3.96c-1.918%200-3.473%201.556-3.473%203.473%200%201.918%201.555%203.472%203.473%203.472%201.917%200%203.472-1.554%203.472-3.472%200-1.917-1.555-3.472-3.472-3.472zm-6.056%204.57c-1.328-.46-2.405-1.453-2.94-2.743h2.12c.156%201.088.444%202.036.82%202.74zM1.02%205.927c0-.368.048-.725.125-1.07h2.283c-.027.347-.044.704-.044%201.07%200%20.376.017.743.046%201.1H1.154c-.08-.355-.134-.72-.134-1.1zm3.317-4.622c-.38.71-.67%201.67-.824%202.77H1.388c.532-1.303%201.61-2.308%202.95-2.77zm1.592.035c.73%200%201.357%201.127%201.636%202.736H4.292c.28-1.61.906-2.735%201.637-2.735zm4.54%202.736H8.345c-.155-1.1-.445-2.06-.825-2.77%201.338.462%202.418%201.467%202.95%202.77zm-4.607%202.95H4.195c-.035-.353-.058-.717-.058-1.098%200-.37.02-.725.055-1.07h3.474c.007.068.006.143.01.212.8-.5%201.736-.802%202.748-.802.428%200%20.838.067%201.235.164C10.994%201.884%208.685%200%205.93%200%202.654%200%200%202.654%200%205.928c0%203.244%202.606%205.875%205.837%205.925-.263-.505-.446-1.052-.532-1.637-.447-.43-.812-1.297-1.007-2.407h1.226c.09-.274.205-.533.34-.783z%22/%3E%3C/svg%3E);
background-repeat: no-repeat;
}
.calendar-slider-sidebar-inner {
padding: 0 17px 1px 17px;
background: var(--ui-color-palette-white-base, #fff);
font-size: var(--ui-font-size-sm, 13px);
border-radius: var(--ui-border-radius-md);
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.calendar-slider-sidebar-layout-top {
display: flex;
box-sizing: border-box;
}
.calendar-slider-sidebar-border-bottom {
border-bottom: 1px solid rgba(82, 92, 105, .1);
}
.ui-btn-main.calendar-slider-conference-button {
border-right: 1px solid #3ac8f5 !important;
border-radius: 2px;
}
.calendar-slider-sidebar-left-side,
.calendar-slider-sidebar-right-side {
display: flex;
flex: 1;
}
.calendar-slider-sidebar-left-side {
margin: 0 5px 0 0;
}
.calendar-slider-sidebar-event .calendar-slider-sidebar-left-side,
.calendar-slider-sidebar-event .calendar-slider-sidebar-right-side {
margin: auto 0;
}
.calendar-slider-sidebar-right-side {
justify-content: flex-end;
}
.calendar-slider-sidebar-name {
color: var(--ui-color-palette-gray-90, #525c69);
}
.calendar-slider-sidebar-color-grey-opacity {
color: rgba(82, 92, 105, .7);
}
.calendar-slider-sidebar-property {
color: var(--ui-color-palette-black-base, #333);
}
.calendar-slider-sidebar-user-top {
padding: 21px 0 7px 0;
align-items: flex-end;
}
.calendar-slider-sidebar-link-user {
border-bottom: 1px solid var(--ui-color-background-transparent, transparent);
color: #8e959d;
font-size: var(--ui-font-size-xs, 12px);
cursor: pointer;
transition: border-bottom .3s;
}
.calendar-slider-sidebar-link-user:hover {
border-bottom: 1px solid #8e959d;
}
.calendar-slider-sidebar-user-inner {
width: 100%;
}
.calendar-slider-sidebar-user-block {
margin: 0 0 19px;
}
.calendar-slider-sidebar-user-container-holder {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.calendar-slider-sidebar-user-container, .calendar-slider-sidebar-user-more-container {
margin: 9px 7px 0 0;
}
.calendar-slider-sidebar-user-more-container {
display: flex;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
border: 1px solid #e5e5e5;
border-radius: 50%;
cursor: pointer;
}
.calendar-slider-sidebar-user-more {
width: max-content;
height: max-content;
color: #bdc1c6;
font: var(--ui-font-size-xs, 12px)/var(--ui-font-size-xs, 12px) var(--ui-font-family-primary, var(--ui-font-family-system));
}
.calendar-slider-sidebar-user-more-container:hover {
background: #f1f1f1;
border-color: #d5d5d5;
}
.calendar-slider-sidebar-user-more-container:hover .calendar-slider-sidebar-user-more {
color: #95989b;
}
.calendar-slider-sidebar-user-block-avatar {
position: relative;
display: inline-block;
width: 34px;
height: 34px;
}
.calendar-slider-sidebar-user-card.calendar-slider-sidebar-user-container {
display: flex;
width: auto;
height: auto;
align-items: center;
overflow: hidden;
white-space: nowrap;
}
.calendar-slider-sidebar-user-card .calendar-slider-sidebar-user-block-avatar {
margin: 0 7px 0 0;
}
.calendar-slider-sidebar-user-info {
overflow: hidden;
text-overflow: ellipsis;
}
.calendar-slider-sidebar-user-info-name {
margin: 0 0 7px 0;
color: #0063c6;
font-size: var(--ui-font-size-md, 14px);
}
.calendar-slider-sidebar-user-info-name.calendar-collab-user {
color: #19cc45;
}
.calendar-slider-sidebar-user-info-name-padding {
padding-left: 5px;
}
.calendar-slider-sidebar-user-info-status {
color: rgba(82, 92, 105, .7);
font-size: var(--ui-font-size-xs, 12px);
}
.calendar-slider-sidebar-user-block-item {
display: inline-block;
overflow: hidden;
width: 34px;
height: 34px;
border-radius: 100%;
background: #535c6a no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2247.188%22%20height%3D%2254.063%22%20viewBox%3D%220%200%2047.188%2054.063%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20%23fff%3B%20fill-rule%3A%20evenodd%3B%20%7D%3C/style%3E%3C/defs%3E%3Cpath%20id%3D%22Shape_2_copy_4%22%20data-name%3D%22Shape%202%20copy%204%22%20class%3D%22cls-1%22%20d%3D%22M47.18%2054.062c0-3.217-3.61-16.826-3.61-16.826%200-1.99-2.6-4.26-7.72-5.585a17.394%2017.394%200%200%201-4.887-2.223c-.33-.188-.28-1.925-.28-1.925l-1.648-.25c0-.142-.14-2.225-.14-2.225%201.972-.663%201.77-4.574%201.77-4.574%201.252.695%202.068-2.4%202.068-2.4%201.482-4.3-.738-4.04-.738-4.04a27.05%2027.05%200%200%200%200-7.918c-.987-8.708-15.847-6.344-14.085-3.5-4.343-.8-3.352%209.082-3.352%209.082l.942%202.56c-1.85%201.2-.564%202.65-.5%204.32.09%202.466%201.6%201.955%201.6%201.955.093%204.07%202.1%204.6%202.1%204.6.377%202.556.142%202.12.142%202.12l-1.786.217a7.1%207.1%200%200%201-.14%201.732c-2.1.936-2.553%201.485-4.64%202.4-4.032%201.767-8.414%204.065-9.193%207.16S-.012%2054.06-.012%2054.06h47.19z%22/%3E%3C/svg%3E);
background-size: 50%;
}
.calendar-slider-sidebar-user-icon-top,
.calendar-slider-sidebar-user-icon-bottom {
position: absolute;
}
.calendar-slider-sidebar-user-icon-top {
top: 0;
right: -1px;
width: 11px;
height: 12px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2011%2012%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.601%22%20r%3D%225.5%22%20fill%3D%22%23FFF%22/%3E%3Cpath%20fill%3D%22%2363AC03%22%20d%3D%22M8%208H3L2%204l2%201%202-3%201%203%202-1%22/%3E%3C/g%3E%3C/svg%3E);
background-repeat: no-repeat;
}
.calendar-slider-sidebar-user-icon-bottom {
right: -2px;
bottom: -3px;
width: 15px;
height: 15px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2015%2015%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22a%22%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22/%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%282%202%29%22%3E%3Cuse%20fill%3D%22%23A7C31C%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%226.5%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M8.278%204.092l-.458-.46c-.067-.066-.146-.1-.238-.1s-.17.034-.238.1l-2.697%202.7L3.55%205.233c-.066-.067-.146-.1-.237-.1-.092%200-.17.033-.238.1l-.46.46c-.065.066-.1.145-.1.237s.035.17.1.238L4.41%207.96c.066.068.145.1.237.1.09%200%20.17-.032.237-.1l3.394-3.393c.067-.067.1-.146.1-.238s-.033-.17-.1-.238z%22/%3E%3C/g%3E%3C/svg%3E);
background-repeat: no-repeat;
}
.calendar-slider-sidebar-user-social {
display: flex;
padding: 0 0 13px 0;
}
.calendar-slider-sidebar-user-social-left,
.calendar-slider-sidebar-user-social-right {
flex: 1;
}
.calendar-slider-sidebar-row {
display: flex;
padding: 14px 0;
align-items: baseline;
}
.calendar-slider-sidebar-user-social-item {
display: flex;
margin: 0 0 9px 0;
align-items: center;
}
.calendar-slider-sidebar-user-social-number {
display: inline-block;
margin: 0 8px 0;
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-lg, 15px);
cursor: pointer;
}
.calendar-slider-sidebar-user-social-name {
display: inline-block;
cursor: pointer;
align-self: flex-end;
}
.calendar-slider-sidebar-remind {
padding: 0 0 15px 0;
align-items: center;
}
.calendar-slider-sidebar-string-name {
display: inline-block;
margin: 0 7px 0 0;
color: rgba(82, 92, 105, .7);
vertical-align: top;
}
.calendar-slider-sidebar-string-value {
display: inline-block;
line-height: 17px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.calendar-slider-sidebar-rrule-desc {
white-space: unset;
}
.calendar-slider-sidebar-remind-link {
display: inline-block;
}
.calendar-slider-sidebar-remind-link-name {
display: inline-block;
border-bottom: 1px dashed rgba(82, 92, 105, .2);
color: var(--ui-color-palette-black-base, #333);
transition: border-bottom .3s;
}
.calendar-slider-sidebar-remind-link-name:hover {
border-bottom: 1px dashed var(--ui-color-background-transparent, transparent);
}
.calendar-slider-sidebar-remind-link-icon {
display: inline-block;
width: 14px;
height: 15px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAbFBMVEX////w+/+r5vtt1vj5/f+76/yz6fxXz/jz+//J7/3S8vy36fp42Pn7/v/r+f7j9/6T3/v1+fqS3/rH7Pm76fl82fl01/lo1Phk0/hb0fhr1Pdq1PdHy/fc9P7T8f2i4/v8+/r8+vrP7vqI3Plg/e/YAAAAbElEQVQIHW3BRRLDMBAEwNkVg5kh/P8/phS7oou7caWoqgIZ1TUhs8wWf6Vu20A4STbLYrTEoRxF34uBcLhP3DQsbvixj/n9enrBEomap9B1QQiHZNjNtq6b2T9InFI6Rq2Uw4niSMik9xIXvtcxBIxVYcqTAAAAAElFTkSuQmCC);
content: '';
vertical-align: middle;
}
.calendar-slider-sidebar-copy {
padding: 14px 17px;
background: rgba(255, 255, 255, .5);
margin-top: var(--ui-space-stack-md);
border-radius: var(--ui-border-radius-md);
}
.calendar-slider-sidebar-copy-link {
display: inline;
border-bottom: 1px dashed rgba(82, 92, 105, .2);
color: var(--ui-color-palette-gray-70, #828b95);
font-size: var(--ui-font-size-sm, 13px);
line-height: 20px;
cursor: pointer;
transition: border-bottom .3s;
}
.calendar-slider-sidebar-copy-link:hover {
border-bottom: 1px dashed var(--ui-color-background-transparent, transparent);
color: var(--ui-color-palette-gray-70, #828b95);
}
/* END OF SIDEBAR */
.calendar-slider-content {
overflow: hidden;
padding: 0;
min-height: 450px;
}
/* MAIN CONTENT */
.calendar-slider-detail-option {
padding: 20px 0;
border-bottom: 1px solid rgba(234, 235, 237, .78);
}
.calendar-slider-detail-option-without-border {
padding: 5px 0;
}
.calendar-slider-detail-option-block {
display: flex;
margin: 0 0 30px 0;
align-items: center;
}
.calendar-slider-detail-option-block:last-child {
margin: 0;
}
.calendar-slider-detail-option-name {
margin: 0 22px 0 0;
width: 115px;
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-sm, 13px);
line-height: 16px;
font-weight: var(--ui-font-weight-bold, 700);
}
.calendar-slider-detail-option-host{
width: 100px;
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-sm, 13px);
line-height: 16px;
}
.calendar-slider-detail-option-value {
color: var(--ui-color-palette-black-base, #333);
}
.calendar-slider-detail-info {
margin: 0 0 20px 0;
background-color: var(--ui-color-palette-white-base, #fff);
border-radius: var(--ui-border-radius-md);
}
.calendar-slider-info-panel-important {
float: right;
line-height: 30px;
}
.calendar-slider-info-panel-important span {
position: relative;
display: inline-block;
padding: 0 20px;
color: var(--ui-color-palette-black-solid, #000);
vertical-align: middle;
font-size: var(--ui-font-size-sm, 13px);
opacity: .9;
}
.calendar-slider-info-panel-important:hover span {
opacity: 1 !important;
}
.calendar-slider-info-panel-important span:after {
position: absolute;
top: -2px;
right: 0;
bottom: 0;
margin: auto;
width: 12px;
height: 16px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%2016%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23F16C0A%22%20d%3D%22M4.29%2016C1.762%2015.073.06%2012.692%200%2010%200%205.46%204.49%201.213%207%200c-.48%204.19%205%205.287%205%2010.75C12%2014.627%207.71%2016%207.71%2016H4.29z%22/%3E%3Cpath%20fill%3D%22%23EBF1F4%22%20d%3D%22M3%2012c.133-2.054%201.25-3.916%203-5%201.48%203.148%203%202.8%203%205-.003%201.573-.743%203.054-2%204H5c-1.182-1.007-1.904-2.45-2-4z%22/%3E%3C/g%3E%3C/svg%3E);
background-repeat: no-repeat;
content: '';
}
.calendar-slider-info-panel-important.no span {
color: gray;
opacity: .7;
}
.calendar-slider-info-panel-important.no span:after {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%2016%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23C1C4C8%22%20d%3D%22M4.29%2016C1.762%2015.073.06%2012.692%200%2010%200%205.46%204.49%201.213%207%200c-.48%204.19%205%205.287%205%2010.75C12%2014.627%207.71%2016%207.71%2016H4.29z%22/%3E%3Cpath%20fill%3D%22%23EBF1F4%22%20d%3D%22M3%2012c.133-2.054%201.25-3.916%203-5%201.48%203.148%203%202.8%203%205-.003%201.573-.743%203.054-2%204H5c-1.182-1.007-1.904-2.45-2-4z%22/%3E%3C/g%3E%3C/svg%3E);
}
.calendar-slider-info-panel-important.mutable span {
cursor: pointer;
}
.calendar-slider-info-panel-important .if-no {
display: none;
}
.calendar-slider-info-panel-important.no .if-no {
display: inline-block;
}
.calendar-slider-info-panel-important.no .if-not-no {
display: none;
}
.calendar-slider-detail-header {
padding: 11px 13px 12px 20px;
border-bottom: 1px solid #e9eaec;
}
.calendar-slider-detail-subtitle-status {
color: var(--ui-color-palette-gray-90, #525c69);
vertical-align: middle;
font-size: var(--ui-font-size-lg, 15px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 24px;
}
.calendar-slider-detail-subtitle-status-delay-message {
color: #f93000;
font-weight: normal;
}
.calendar-slider-detail-content {
position: relative;
overflow: hidden;
padding: 2px 23px 0;
color: var(--color-dark-gray, #535c69);
font-size: var(--ui-font-size-md, 14px);
line-height: 22px;
}
.calendar-detail-author-info {
display: none;
}
.calendar-slider-detail-description,
.calendar-slider-detail-checklist,
.calendar-slider-detail-files,
.calendar-slider-detail-extra,
.calendar-slider-detail-properties,
.calendar-slider-detail-relation,
.calendar-slider-detail-video {
padding: 15px 0;
border-bottom: 1px solid rgba(234, 235, 237, .78);
}
.calendar-slider-detail-timeline {
padding: 15px 0;
overflow: hidden;
min-height: 120px;
opacity: 1;
transition: opacity .6s;
}
.calendar-slider-detail-relation:empty {
padding: 0;
}
.calendar-slider-detail-timeline.hidden {
opacity: 0;
}
.calendar-slider-detail-description {
overflow-x: auto;
padding-bottom: 30px;
min-height: 80px;
max-height: 400px;
word-wrap: break-word;
}
.calendar-slider-detail-extra {
overflow: hidden;
}
.calendar-slider-detail-content > div:last-child {
border-bottom: none;
}
.calendar-slider-detail-like {
float: right;
height: 27px;
}
.calendar-slider-detail-video {
display: flex;
-ms-flex-pack: justify;
-ms-flex-align: center;
justify-content: space-between;
align-items: center;
}
.calendar-slider-detail-video-name {
display: inline-block;
margin: 0 10px 0 0;
padding: 13px 0 0;
color: rgba(3, 3, 3, .5);
vertical-align: top;
font-size: var(--ui-font-size-sm, 13px);
}
.calendar-slider-detail-video-select {
display: inline-block;
box-sizing: border-box;
padding: 7px 9px;
height: 39px;
border: 1px solid var(--ui-color-palette-blue-50, #2fc6f6);
border-radius: var(--ui-border-radius-3xs, 2px);
line-height: 39px;
cursor: pointer;
}
.calendar-slider-detail-video-select-item {
display: inline-block;
}
.calendar-slider-detail-video-icon-b24 {
width: 98px;
height: 23px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAAXCAMAAADHlGpOAAAC9FBMVEUAAAB51Pohs/Itx/gtxvcvx/cAvNMqu/IXY5cnv+wsve4txvgsxfcfX5ceXJYpwvcsv+4QV5ofXpgtxvYeXJcqwfQswPIsxPYVW5ZZyPQfXpctxvctxvctxfgAZJ8sxfcsw/crxPc5wPQZXJUuxvgtyPgtxfYfXpcsxPgeXZUsxPcsxPcdWZQrxPQuwvEtvfETXJZpzPliyvhTxfcgYJgsxfYfXpgsxvgeXZYsxvceXZYsxPcAZJ8rxfYYXJgYX5QmTZVAwPQ6vPV71vwgYJcfYJgtxfcfX5gfXpcAZp4AZJ8rxfYsxPYrxfctxvcAY54AZKAtxvUrxfcfXJYrxfUsxfctxPUcXJUov/YeXJQpwvcUW5cqxfdvzfxz0PsuyPkqt/Zvz/ovt/Zax/hOxPdJwvZCvvYzuPQtxvgjtPQfXpZ41PsfX5ceXpcAZqEAZZ8fXZYAZZ4AZJ4eW5YeXZYAZZ4AY50AYZ930fcAYqAbW5MtxvoAY5whs/ccXJgow+81uvUhs/IkuPggtfMAZZ8hYZoux/kjtfYAZJ561PsuxPYsxfYuyPoltfN10PohtfMAZZ971fkAZJ8gX5crxPYAZJ8AZp4AZJ8bWZcAYJ8fXJl0zfR30Pkgn8////8ot/UuuPUktfUwz/900fx51Pt31Ptx0Pttz/sux/j5/f9kzPpNw/cftPQgYpsx0v9pzvovyvwst/YhY54x1P81vPVhy/pbyflz0fogX5ky2f8vzP4uyvtUxvk7vvYxu/YhZKH0/P962f921PsmuvpJwvgvzf8vzP/u+f7d9P6B1vp90/pYyPlDwPf3/fN42jdk2SJB1wImxALq+P7C6/225/yr4/yk4fug3/sZtPTy/Oy07pRV1gA30wAyyAD7/v/x+v7S8f3Q7/3+/vz7/vqW3PqI1/lRxfjg9dXj+NHi+MzV88fY98XP9rnB76u57Jun5Iue7HCP3muY5WSK41R62VSK6Ed340Vv3jV95S5d0S5Gyh1OzwrTSt2OAAAAnnRSTlMA9fT3kzsBDgMTBPKe/mAmCQf2zKBVPjcdF/nqz5pcV005Fgz75cm7qGxeUDMwJhgX9fX16ru2oZyMfntKRDcjERD18fDh4NnWyMO1rqWXlomFf3ZzbWZTSkgpKCQX+vr69vb19fX19NvQzs3IwL21sKqfkYVyZFVQUDwzLy4tIPXz8vDo49za2NfIxcLBvrq4taSOh392cEI9Mi4rED06XGsAAAQhSURBVEjHrdJ3VFJRHMDxX0FsBDTEkATDcmVauVfZ3nvvvffee++9exKlEvWAkOVM06bmaO+9957/dN+jB2rn9Befc3j3nns4fPnd8wD2b21erbLm4+cwwIUOrM0/UlV+8zngQpvyT6WkpKAP9STW/PFJ4DqDDpOsen3aYadBA8F1hqYiVr02NSVVm2a1ptoNdWWiYRpiTrt8Nu/SFW22RZtGalg1wREy/nvAYIlY1J4lYpBL/LQtU31YKKHX683acxjhwfWr54v0hIa1gMCWi+UKXzYAk1e3JyCOnxWSB5Sw3tv9J/jHegHBa8rE/mgRdWk3K3H25M4iaKTVarOvYJSj17K1SCN7oka6Wq3LkklAUDejPQjlnTzBjjiIAAe3k0ajETe2IRpNI43S+midOzlMObOpaOpOaGQ2WwqJIS6+L/n4HMPuWQvNZjOVUPtFdeTqOjA5QXQJhHqfFgOFOHCoHxmYmBhtwwPRnDNw3B0lWJ19oEnbeOXeNTDcYim2nkWFL+U/7/56hWGXnx2zWIZTCW4IdDWMCeVIFIJ+vWiarn3mJ/XxTBL3CpmvGDBAkSAECFHU4JAX2J9viwUI5LvbiIRoWzyETZvk47UCGhcVP81DQ7wrL335u7zkEYZdulBc1JhK0CShHdS1OUxZBp2XrtFk6mLQZOvUhh4eGfR+3pk9IMT7dDcOIMpoXDoPeruHT3cnp+iyCwg+7aBxYfZZDPl0t/TF25LbN9E2z1LoSGi8vQ11fSGpXjo9oRNN06FrA4khq1UMfbGHrhOIB3ODInQ8ISBNInE8Fha1xAP7St0XAcCCtvEs4jkXRpjOY4Rbd25/vvW99DGGPMkd4Uy0omXKBMx66bVhAFcjBvA10BIA2B46OnC6GfzOrGcD0re1sUUsK2yi0b9Jd760txeL+P+dd3eZNAtgZK49cfFbWdmdsjfk/lryyDrURQULEsaoeWSiAVcjJxOefxMglKlpNQBxa2EctwdghhEPb9mCzw/3b0q8vbNn+hCv7yhTdh5GuPnhx9fXGOnCiVFUgtsAoP2ZCCoRXDkhpmVm0jnolloaJ4QBQPc2bVq3DufzV0aihEOznEPXscoe5uY0c0zRMziOezqOSuzwXSxxJkJWaXitsnoBoztum+KG9FUqlSI3vnSeiAFOS3JMxy+cO+p0/2pusiOhy9JkqQ0dmUyPDB6wI9QaWoDnGT8iIUuns2U6Oit4sJ+cMQ634ScRf/LSbNJ9UNFok8l0Q3XMKedGssk02p4QdORF8WKCOSCMCwgC6Be1oX2QIKq2AIDZLUCuCIhBX+sREHdwek27QEASo6O9oKJhKpUq98Rxp0MqZFgouM6QE4iqIuJgiCsTGwuS/1Uwlgmus3B1waGqCpb1AVdauHl59cqWjhUzwHX+AGSa8RHNqovHAAAAAElFTkSuQmCC);
}
.calendar-slider-detail-column-right .webform-button:last-child {
margin: 0;
}
.calendar-slider-detail-place {
padding: 15px 0 26px 0;
border-bottom: 1px solid rgba(234, 235, 237, .78);
}
.calendar-slider-detail-place-title {
margin: 0 0 7px;
color: rgba(0, 0, 0, .7);
font-size: var(--ui-font-size-lg, 15px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 24px;
font-weight: var(--ui-font-weight-light, 300);
}
.calendar-slider-detail-place-name {
padding: 12px 14px;
border-radius: var(--ui-border-radius-3xs, 2px);
background: #f5f7f8;
color: var(--color-dark-gray, #535c69);
font-size: var(--ui-font-size-md, 14px);
}
.calendar-slider-detail-place-map {
box-sizing: border-box;
margin: 7px 0 0;
width: 100%;
height: 246px;
border: 1px solid #e6e8eb;
}
/* COMMENTS */
.calendar-slider-comments {
padding: 11px;
background: var(--ui-color-palette-white-base, #fff);
border-radius: var(--ui-border-radius-md);
}
.calendar-slider-comments-title {
padding: 5px 0 12px;
color: var(--ui-color-palette-gray-70, #828b95);
font-size: var(--ui-font-size-sm, 13px);
}
.calendar-slider-comments-main .feed-comments-block {
margin: 0;
}
.calendar-slider-comments-main .feed-com-corner {
display: none;
}
/* END OF COMMENTS */
/* POPUP SYNCHRONIZATION */
.calendar-sync {
overflow: hidden;
margin: -5px 0;
width: 440px;
border-collapse: collapse;
background: var(--ui-color-palette-white-base, #fff);
}
.calendar-sync-button.webform-small-button {
padding: 0 8px;
}
.calendar-sync-button .webform-small-button-icon {
display: inline-block;
margin: 12px 0 0;
width: 23px;
height: 16px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%3E%3Cpath%20fill%3D%22%23555E6C%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.678%2014.202H8.415c-1.426%200-2.594-1.167-2.594-2.593v-.744h3.702l-4.32-4.32-4.318%204.32h3.173v.643c0%202.457%202.01%204.468%204.468%204.468h7.042c1.852%200%203.45-1.144%204.124-2.76l-1.75-.37c-.444.802-1.287%201.354-2.262%201.354M8.415%201.776h7.263c1.426%200%202.592%201.166%202.592%202.593v.66h-3.653l4.318%204.32%204.32-4.32h-3.22v-.562C20.035%202.01%2018.025%200%2015.568%200H8.526c-1.83%200-3.41%201.116-4.1%202.7l1.76.37c.45-.768%201.277-1.294%202.23-1.294%22/%3E%3C/svg%3E);
background-position: center;
background-repeat: no-repeat;
}
.calendar-sync-button-confirm.calendar-sync-button .webform-small-button-icon {
height: 18px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2018%22%3E%3Cg%20fill%3D%22%23555E6C%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M11.12%2015.978H8.524c-2.458%200-4.468-2.01-4.468-4.47v-.642H.884l4.32-4.32%204.318%204.32h-3.7v.743c0%201.425%201.167%202.592%202.593%202.592h2.704v1.776zM8.414%201.776c-.952%200-1.78.526-2.23%201.295L4.428%202.7c.69-1.584%202.27-2.7%204.1-2.7h7.04c2.458%200%204.468%202.01%204.468%204.468v.56h3.22l-4.32%204.32-4.318-4.32h3.653v-.66c0-1.426-1.166-2.592-2.592-2.592H8.415zM17.4%2015.223l-2.528-2.527-1.263%201.264%202.526%202.525L17.4%2017.75l5.766-5.77-1.263-1.262%22/%3E%3C/g%3E%3C/svg%3E);
}
.calendar-sync-button-warning.calendar-sync-button .webform-small-button-icon {
height: 19px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2219%22%20viewBox%3D%220%200%2024%2019%22%3E%3Cg%20fill%3D%22%23555E6C%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M11.884%2015.978h-3.36c-2.457%200-4.467-2.01-4.467-4.47v-.642H.884l4.32-4.32%204.318%204.32h-3.7v.743c0%201.425%201.167%202.592%202.593%202.592h3.47v1.776zM8.414%201.776c-.95%200-1.778.526-2.228%201.295l-1.76-.37c.69-1.584%202.27-2.7%204.1-2.7h7.042c2.457%200%204.467%202.01%204.467%204.468v.56h3.22l-4.32%204.32-4.318-4.32h3.653v-.66c0-1.426-1.166-2.592-2.592-2.592H8.415zM15%2010h1.96v5.876H15z%22/%3E%3Crect%20width%3D%221.96%22%20height%3D%222%22%20x%3D%2215%22%20y%3D%2217%22%20rx%3D%22.98%22/%3E%3C/g%3E%3C/svg%3E);
}
.calendar-sync-cell:nth-child(2) {
width: 140px;
}
.calendar-sync-cell-link {
max-width: 90px;
text-align: right;
}
.calendar-sync-column {
height: 41px;
border-bottom: 1px solid #eef2f5;
vertical-align: middle;
}
.calendar-sync-column:last-child {
border: 0;
}
.calendar-sync-cell-icon {
width: 40px;
text-align: center;
}
.calendar-sync-platform-icon-container {
display: inline-block;
width: 22px;
height: 22px;
}
.calendar-sync-platform-icon {
display: inline-block;
background-repeat: no-repeat;
vertical-align: middle;
}
.calendar-sync-platform-icon-google {
width: 17px;
height: 15px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2017%2015%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.82%201.27c.005-.338-.13-.664-.372-.903-.243-.24-.573-.372-.916-.367H1.274C.63%200%20.003.565.003%201.16-.002%205.378-.002%209.593%200%2013.808c0%20.546.61%201.133%201.164%201.135.564.002%201.128%200%201.692%200h9.608c.105%200%20.204.012.3-.083%201.293-1.282%202.59-2.56%203.893-3.833.112-.104.173-.253.165-.407-.005-3.116-.006-6.233-.004-9.35zM2.82%202.458c0-.373.312-.692.678-.695.36-.002.708.34.71.7.004.36-.32.672-.698.674-.377-.007-.682-.306-.69-.68zm5.467%208.958c-.2.218-.445.39-.72.508-.63.28-1.335.362-2.016.24-1.1-.193-1.753-.843-1.926-1.923-.086-.54-.17-.44.403-.474.496-.03.505-.02.64.45.173.598.537.994%201.17%201.09.625.096%201.192-.035%201.614-.532.347-.407.403-.88.21-1.37-.203-.52-.62-.782-1.166-.84-.242-.02-.484-.024-.727-.015-.13%200-.186-.037-.177-.172.01-.17.015-.34.01-.51-.006-.128.05-.153.17-.146.29.016.575-.003.853-.107.6-.226.87-.637.813-1.252-.042-.456-.468-.866-1.006-.97-.695-.132-1.277.187-1.532.842-.028.072-.052.145-.074.22-.158.545-.16.556-.74.485-.443-.054-.382.056-.306-.414.008-.054.018-.107.03-.16.317-1.408%201.397-2.1%202.868-1.835.514.094%201.006.236%201.364.652.655.762.645%202.183-.415%202.842%201.532.624%201.408%202.583.66%203.392zm4.365.53c0%20.178-.056.23-.228.217-.195-.012-.39-.014-.586-.007-.148.003-.22-.064-.224-.204-.004-.13%200-.26%200-.392%200-1.6-.004-3.2.005-4.798%200-.225-.047-.315-.296-.302-.42.022-.844%200-1.266.01-.173.003-.262-.03-.24-.226.022-.182-.048-.415.043-.538.074-.1.33-.064.5-.1.613-.126%201.142-.378%201.432-.968.04-.083.096-.103.182-.11.694-.07.694-.07.694.605v3.222h-.02c0%201.197-.004%202.394.004%203.59zm.67-8.803c-.375%200-.66-.288-.662-.67-.002-.392.307-.72.677-.717.373.003.707.338.702.704-.005.373-.33.682-.718.683z%22%20opacity%3D%22.5%22/%3E%3C/svg%3E);
}
.calendar-sync-platform-icon-exchange {
width: 18px;
height: 17px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2018%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.262%201.094c-1.262.227-2.52.47-3.787.67-.473.076-.473.08-.473.545v13.36c0%20.086.006.172%200%20.257-.014.178.072.25.242.277%201.362.228%202.725.448%204.082.7.942.177%201.885.342%202.828.51.957.17%201.91.364%202.87.507.498.074.497.08.497-.398V0c-.696.113-1.34.2-1.975.323-1.424.28-2.856.514-4.283.77zM7.17%205.802c.007.187-.06.246-.243.244-.61-.01-1.223-.005-1.834-.003-.437%200-.4-.052-.4.42-.002.34-.004.68%200%201.023.003.27.04.318.315.33.37.015.74.008%201.11.01.624.004.624.004.624.624%200%20.227-.01.456.004.682.01.194-.07.245-.248.235-.467-.026-.937.018-1.4-.073-.085-.008-.17-.01-.256-.005-.11-.006-.15.05-.15.153.002.47.003.938%200%201.408-.004.043.008.086.035.12.027.032.066.052.11.057.066.02.135.034.206.037.57-.03%201.126.12%201.695.11.33-.005.34.017.343.336.005.355-.006.71.004%201.066.006.173-.06.227-.224.21-.38-.04-.762-.065-1.14-.108-.646-.073-1.29-.155-1.935-.232-.056-.007-.113-.003-.17-.01-.54-.056-.54-.056-.54-.598V8.595%205.18c0-.317.003-.31.3-.35.76-.1%201.522-.126%202.285-.174.424-.026.845-.083%201.27-.083.19%200%20.247.064.24.247-.012.328-.012.655%200%20.982zM18.79%204.7c.004-.113.002-.227-.007-.34-.026-.305-.224-.568-.51-.678-.15-.065-.308-.046-.462-.046-1.99%200-3.982-.002-5.973%200-.072%200-.143.002-.214%200-.13-.004-.17.066-.168.186.004.313.004.626%200%20.94%200%20.158.067.235.23.234.153%200%20.3-.015.432.12.238.243.498.465.752.692.128.116.155.227.028.363-.043.057-.082.116-.118.178-.19.26-.193.26-.448.058-.185-.147-.34-.32-.627-.295-.215.02-.257.092-.253.285.012.44.042.886-.005%201.322-.062.565.108.986.564%201.32.205.15.368.356.55.536.076.074.137.157.057.258-.065.082-.152.057-.23.018-.065-.03-.128-.063-.19-.097l-.74-.41v1.07c0%20.47-.004.94%200%201.41.003.17.095.238.24.186.064-.026.123-.066.172-.116.154-.146.304-.298.455-.45l1.532-1.545c.07-.07.143-.167.252-.1.13.084.065.193.013.3-.135.28-.288.55-.46.812-.465.695-.94%201.385-1.518%201.995-.096.1-.182.217-.344.23-.107.01-.253-.058-.313.06-.046.093-.028.22-.03.332-.003.256.005.513-.002.77-.005.15.062.203.203.195.085-.007.17-.002.256-.002%201.92%200%203.84-.015%205.76.008.673.01%201.134-.258%201.126-1.126-.027-2.89-.01-5.78-.01-8.67zm-1.358%208.005c-.003.394-.03.423-.402.425-.683.004-1.366-.004-2.048.005-.157.008-.31-.054-.414-.17-.23-.233-.463-.463-.71-.675-.136-.115-.12-.204-.03-.323.11-.146.213-.297.33-.463.03.012.055.028.08.047.312.42.735.53%201.235.47.227-.016.455-.017.682-.005.043.007.087-.007.118-.037.03-.03.046-.074.04-.117v-1.066c0-.165-.13-.248-.23-.345-.572-.575-1.15-1.144-1.726-1.715l-.182-.18c-.077-.072-.144-.156-.062-.256.076-.094.183-.065.272-.015.296.167.595.33.88.515.666.432%201.3.912%201.896%201.437.19.153.294.388.28.63-.02.613-.003%201.225-.008%201.838zm-.05-5.023c-.168.342-.51.6-.774.896-.1.113-.207.143-.33.032-.01-.01-.02-.018-.033-.026-.47-.297-.474-.304-.11-.7.1-.106.186-.203.182-.365-.01-.4-.005-.797%200-1.195%200-.14-.04-.208-.193-.205-.327.007-.654.01-.98%200-.168-.007-.258.093-.358.194L13.134%207.98c-.07.07-.136.144-.21.212-.09.082-.175.23-.316.125-.147-.108-.018-.236.033-.34.38-.766.892-1.443%201.41-2.118.178-.24.372-.465.58-.68.114-.127.28-.196.45-.188.668.01%201.337%200%202.004.005.298.003.34.047.347.353.01.355.003.71.003%201.066%200%20.043.002.086%200%20.128-.015.383.112.805-.05%201.138z%22%20opacity%3D%22.5%22/%3E%3C/svg%3E);
}
.calendar-sync-platform-icon-iphone {
width: 12px;
height: 22px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%2022%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.458%200H1.54C1.133%200%20.74.17.45.47.163.77%200%201.178%200%201.602v18.796c0%20.425.162.832.45%201.133.29.3.682.47%201.09.47h8.917C11.31%2022%2012%2021.283%2012%2020.398V1.602c0-.424-.162-.832-.45-1.132-.29-.3-.683-.47-1.092-.47zM5.124%201h1.75C6.95.998%207.005.976%207%20.95%207.005.924%206.95.902%206.875.9h-1.75C5.05.902%204.994.924%205%20.95c-.005.026.05.048.124.05zM6%2021c-.552%200-1-.448-1-1s.447-1%201-1c.552%200%201%20.447%201%201%200%20.552-.448%201-1%201zm5-3H1V3h10v15z%22%20opacity%3D%22.5%22/%3E%3C/svg%3E);
}
.calendar-sync-platform-icon-macosx {
width: 21px;
height: 18px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2021%2018%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.378%200H1.622C.726%200%20.002.712%200%201.59v11.593c0%20.877.726%201.588%201.622%201.588h5.922L7.1%2016.4H5.785c-.22-.003-.42.11-.53.295-.11.185-.11.414%200%20.6.11.184.31.297.53.295h9.432c.218.002.42-.11.53-.296.11-.185.11-.414%200-.6-.11-.184-.312-.297-.53-.295H13.9l-.444-1.63h5.922c.896%200%201.62-.71%201.622-1.587V1.59C21%20.71%2020.274%200%2019.378%200zM1.622%201.19h17.756c.224.002.406.18.406.4v9.424H1.216V1.59c0-.22.182-.398.406-.4z%22%20opacity%3D%22.5%22/%3E%3C/svg%3E);
}
.calendar-sync-platform-icon-android {
width: 17px;
height: 20px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2017%2020%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.806%206.312H3.13c-.097%200-.084-.014-.084.083v8.298c.02.727.602%201.314%201.33%201.34.235.004.47.003.705%200%20.063%200%20.078.016.078.077-.002.96.002%201.923-.004%202.884-.002.336.14.584.417.75.433.26.884.27%201.327.032.31-.167.474-.428.47-.796-.007-.956%200-1.91-.003-2.866%200-.06.01-.082.078-.082.68.003%201.357.002%202.036.002.08%200%20.08%200%20.08.084%200%20.96.004%201.918-.002%202.878-.002.335.143.58.42.75.392.24.81.263%201.228.078.375-.166.573-.446.567-.878-.01-.948-.002-1.897-.004-2.846%200-.052.013-.068.067-.067.216.003.432%200%20.65%200%20.115.003.232-.01.345-.037.635-.158%201.058-.704%201.058-1.37V6.394c0-.094.012-.08-.08-.08zm3.147%201.007c0-.292-.112-.524-.344-.69-.41-.293-.858-.327-1.314-.126-.37.162-.566.443-.56.868.01.862.003%201.723.003%202.585%200%20.885%200%201.77-.002%202.654-.01.268.12.52.34.67.444.316.92.338%201.397.09.32-.167.48-.437.48-.812-.007-1.746-.007-3.493-.002-5.24zm-14.74%200c.01-.29-.137-.567-.386-.722-.357-.237-.748-.276-1.15-.143-.35.116-.605.337-.673.724-.005.012-.005.026%200%20.04.003.005.006.012.008.02.002.016.002.033.002.05v5.302c0%20.026%200%20.05-.002.077-.002.01-.005.02-.01.032-.003.013-.003.028.003.042.032.22.157.42.343.544.456.312.935.33%201.415.067.298-.163.45-.42.45-.776-.005-1.753-.006-3.506%200-5.26zm11.612-2.333c-.138-.76-.427-1.45-.905-2.06-.458-.583-1.037-1.007-1.716-1.3-.047-.02-.052-.034-.023-.077.182-.267.36-.535.54-.803.102-.153.206-.306.306-.46.037-.05.045-.118.02-.176-.025-.057-.078-.098-.14-.106-.09-.015-.148.032-.195.103-.292.44-.586.877-.878%201.317-.007.016-.02.03-.037.034-.016.006-.035.005-.05-.004-.12-.04-.243-.076-.366-.107-.814-.197-1.653-.267-2.487-.208-.59.03-1.172.136-1.734.316-.015.007-.03.008-.046.003-.014-.006-.026-.017-.032-.03-.11-.17-.223-.336-.335-.504L5.187.09c-.043-.077-.136-.11-.22-.078-.08.03-.127.114-.114.2.008.037.025.072.05.102.273.41.547.822.823%201.23.033.05.028.064-.025.087-1.283.57-2.1%201.543-2.488%202.887-.083.303-.14.613-.166.926-.01.11-.015.11.092.11h5.325c1.785%200%203.57%200%205.356.002.065%200%20.07-.022.065-.076-.015-.166-.03-.33-.06-.493zm-7.695-.97c-.334%200-.604-.27-.604-.605%200-.333.27-.604.603-.605.333%200%20.604.268.606.602%200%20.16-.062.315-.176.43-.114.114-.27.178-.43.177zm4.638%200c-.245%200-.465-.15-.558-.377-.092-.227-.04-.487.136-.66.174-.17.435-.22.66-.125.227.095.372.317.37.562-.004.334-.275.6-.608.6z%22%20opacity%3D%22.5%22/%3E%3C/svg%3E);
}
.calendar-sync-platform-icon-outlook {
width: 19px;
height: 18px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2018%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.99%205.462c.02-.094.007-.192-.036-.278-.062.044-.124.083-.182.128l-1.807%201.44c-1.145.914-2.29%201.827-3.437%202.74-.095.105-.23.165-.37.166-.142.002-.277-.055-.374-.158-.34-.258-.675-.523-1.014-.782-.04-.062-.115-.092-.187-.077v.244c0%201.645.004%203.29-.005%204.935%200%20.224.05.294.286.293%202.093-.01%204.186-.017%206.278.002.625.005.857-.32.855-.873-.01-2.593-.004-5.186-.006-7.78zm-7.41%201.9c-.008.125.05.246.154.317.434.327.864.66%201.29.997.032.037.08.058.127.057.05%200%20.097-.022.128-.06%201.856-1.484%203.715-2.965%205.576-4.444.05-.028.087-.077.1-.133.014-.057.003-.116-.03-.165-.12-.268-.4-.427-.69-.394-1.064.002-2.127.002-3.19%200-1.08%200-2.16.004-3.24-.003-.063-.02-.13%200-.178.046-.047.048-.065.117-.047.18.007%201.2.007%202.402%200%203.6zM10.36.01c-1.643.305-3.29.592-4.934.885-1.72.305-3.438.61-5.157.918C.12%201.84%200%201.85%200%202.075c.01%204.51.01%209.02.004%2013.53-.012.06.003.123.042.17.038.048.096.076.157.076%201.302.22%202.603.443%203.904.67%202.067.356%204.134.712%206.2%201.07.308.053.307.06.307-.242V8.833c0-2.864%200-5.728.003-8.592%200-.2-.02-.272-.26-.227zM7.026%2010.62c-.403.88-1.092%201.414-2.114%201.36-.968-.052-1.573-.62-1.958-1.46-.233-.512-.3-1.06-.298-1.783-.002-.626.15-1.243.443-1.797.45-.817%201.138-1.27%202.076-1.24.973.03%201.592.607%201.928%201.475.454%201.11.426%202.358-.078%203.444zM3.708%208.866c-.02-.497.094-.99.327-1.428.19-.368.577-.59.988-.57.398.01.75.263.885.64.358.812.377%201.736.05%202.563-.13.444-.54.746-1%20.74-.506.002-.813-.3-1.02-.727-.162-.385-.24-.8-.23-1.22z%22%20opacity%3D%22.5%22/%3E%3C/svg%3E);
}
.calendar-sync-platform-icon-office365 {
width: 15px;
height: 18px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2215%22%20height%3D%2218%22%20viewBox%3D%220%200%2015%2018%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.114%2014.453l9.293%201.316V2.81l-.598.147c-1.83.45-3.66.897-5.49%201.345-.035.002-.07.02-.09.05-.023.028-.03.065-.024.102.003%202.854.004%205.708.004%208.562.012.08-.04.16-.12.176-1%20.397-1.996.8-2.994%201.2l-.092.035v-.977c0-3.238%200-6.475-.002-9.713-.012-.08.04-.16.12-.175C3.19%202.383%206.257%201.2%209.324.017c.057-.02.12-.022.177-.006l5.03%201.486c.033.004.063.022.083.05.02.026.028.06.022.094-.003%204.922-.003%209.843%200%2014.765.005.036-.004.073-.027.102-.022.03-.055.047-.09.05-1.674.473-3.346.947-5.018%201.423-.055.015-.113.013-.167-.006-3.056-1.158-6.11-2.318-9.165-3.48l-.06-.024.004-.017z%22%20opacity%3D%22.5%22/%3E%3C/svg%3E);
background-repeat: no-repeat;
}
.calendar-sync-platform-name {
/*display: inline-block;*/
margin: 0 15px 0 0;
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-md, 14px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.calendar-sync-info-warning .calendar-sync-info-inner:before {
left: -13px;
width: 2px;
height: 12px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%222%22%20height%3D%2212%22%20viewBox%3D%220%200%202%2012%22%3E%3Cg%20fill%3D%22%23828B95%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%222%22%20height%3D%228.396%22%20rx%3D%221%22/%3E%3Crect%20width%3D%222%22%20height%3D%221.904%22%20y%3D%2210%22%20transform%3D%22matrix%281%200%200%20-1%200%2021.904%29%22%20rx%3D%22.952%22/%3E%3C/g%3E%3C/svg%3E);
background-repeat: no-repeat;
}
.calendar-sync-info-inner {
position: relative;
display: inline-block;
margin: 0 0 0 17px;
width: 124px;
}
.calendar-sync-info-inner:before {
position: absolute;
top: -1px;
left: -17px;
display: inline-block;
margin: 4px 6px 0 0;
width: 12px;
height: 10px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2010%208%22%3E%3Cstyle%3E.st0%7Bfill%3A%233674C4%3B%7D%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M9.9%201.4L9%20.4%203.7%205.7%201.1%203.1l-.9%201%203.5%203.5%201-.9z%22/%3E%3C/svg%3E);
background-repeat: no-repeat;
content: '';
}
.calendar-sync-info-status {
overflow: hidden;
color: var(--color-blue, #468ee5);
text-overflow: ellipsis;
white-space: nowrap;
font-size: var(--ui-font-size-xs, 12px);
line-height: 19px;
}
.calendar-sync-info-warning .calendar-sync-info-status {
color: var(--ui-color-palette-gray-90, #525c69);
}
.calendar-sync-info-date {
color: var(--ui-color-palette-gray-70, #828b95);
font-size: var(--ui-font-size-3xs, 11px);
}
.calendar-sync-link {
display: inline-block;
overflow: hidden;
margin: 0 9px 0 0;
padding: 5px 0;
color: rgba(130, 139, 149, .7);
text-overflow: ellipsis;
white-space: nowrap;
font-size: var(--ui-font-size-3xs, 11px);
cursor: pointer;
transition: color .3s;
}
.calendar-sync-link:hover { color: rgba(130, 139, 149, 1); }
.calendar-sync-two-links .calendar-sync-link {
padding: 8px 0 4px 0;
}
.calendar-sync .calendar-sync-two-links .calendar-sync-link:last-child {
padding-top: 0;
}
.calendar-slider-sync-wrap .calendar-sync {
width: 100%;
}
.calendar-sync-desc {
border-top: 2px solid var(--ui-color-background-transparent, transparent);
}
.calendar-sync-desc .calendar-sync-cell {
padding: 0 25px 10px 40px;
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-xs, 12px);
line-height: 21px;
}
.calendar-sync-desc ol {
margin: 10px 0 20px 0;
padding: 0 0 0 17px;
}
.calendar-sync-desc-info {
margin: 0 0 20px 0;
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-xs, 12px);
line-height: 21px;
}
.calendar-slider-sync-content {
padding: 10px 10px 10px 5px;
min-height: 200px;
width: 455px;
background-color: var(--ui-color-palette-white-base, #fff);
}
.calendar-sync-help-wrap {
overflow: hidden;
max-height: 0;
opacity: 0;
transition: 400ms all ease;
}
.calendar-sync-help-wrap.open {
max-height: 1000px;
opacity: 1;
}
/* END OF POPUP SYNCHRONIZATION */
/* CALENDAR SETTINGS */
.calendar-settings {
padding: 20px 18px;
background: var(--ui-color-palette-white-base, #fff);
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-sm, 13px);
border-radius: var(--ui-border-radius-md);
}
.calendar-settings > div:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.calendar-settings-title {
margin: 0 0 12px;
padding: 0 0 14px;
border-bottom: 1px solid rgba(82, 92, 105, .10);
font-size: var(--ui-font-size-md, 14px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.calendar-settings-title .ui-hint {
transform: translateY(2px);
}
.calendar-settings-control {
margin: 0 0 20px;
}
.calendar-settings-control-name {
margin: 0 0 8px;
}
.calendar-settings-control-item { }
.calendar-settings-button-container {
padding: 14px 0 0;
border-top: 1px solid rgba(82, 92, 105, .10);
text-align: center;
}
.calendar-settings-button-container .webform-small-button {
margin: 0;
}
.calendar-settings-control-user .calendar-settings-control-name {
margin: 0 0 2px;
color: #a9adb2;
}
.calendar-settings-question .ui-hint-icon {
width: 16px;
height: 16px;
margin-top: 0;
vertical-align: text-bottom;
}
.calendar-settings-access-hint .ui-hint-icon {
width: 16px;
height: 16px;
margin-top: 0;
vertical-align: text-bottom;
}
.ui-hint.calendar-settings-access-hint {
opacity: 1;
}
.calendar-settings-message-arrow-target {
position: relative;
}
.calendar-settings-message-card {
display: flex;
padding-top: 5px;
max-height: 0;
overflow: hidden;
transition: max-height 0.666s;
}
.calendar-settings-message-arrow-target::after {
content: '';
display: block;
background-color: #ebfaff;
width: 20px;
height: 20px;
position: absolute;
left: 4px;
z-index: 1;
transform: rotate(45deg);
}
.calendar-location-alert-icon .ui-alert-icon-danger {
width: 16px;
height: 16px;
margin-top: 8px;
vertical-align: text-bottom;
}
.calendar-location-alert-icon:before {
margin-left: 10px;
opacity: 0.5;
}
.calendar-settings-link-option {
display: inline-block;
margin: 0 0 42px;
border-bottom: 1px dashed rgba(0, 99, 198, .5);
color: #0063c6;
cursor: pointer;
transition: border-bottom .3s;
}
.calendar-settings-link-option:hover {
border-bottom: 1px dashed var(--ui-color-background-transparent, transparent);
}
.calendar-settings-control-inner {
display: flex;
align-items: center;
}
.calendar-settings-control-time .calendar-settings-control-inner .calendar-event-time {
margin: 0;
flex: 0 0 100px;
}
.calendar-settings-control-time .calendar-settings-control-inner .calendar-event-mdash {
display: flex;
margin: 0 5px;
justify-content: center;
}
.calendar-settings-control.--disabled {
pointer-events: none;
opacity: 0.6;
}
.calendar-settings-email-wrap .tariff-lock {
display: none;
}
.calendar-settings-email-wrap.lock .tariff-lock {
display: inline-block;
margin-left: 10px;
}
.calendar-settings-email-wrap.lock .calendar-field-select {
width: 380px;
pointer-events: none;
}
.calendar-field-multiple-select {
display: block;
overflow: hidden;
padding: 6px 7px 6px 4px;
width: 230px;
height: 211px;
outline: none;
border: 1px solid var(--border-color-gray, #c6cdd3);
border-radius: var(--ui-border-radius-3xs, 2px);
}
.calendar-field-multiple-select-item {
padding: 5px 0 5px 9px;
color: var(--ui-color-palette-black-base, #333);
font-size: var(--ui-font-size-lg, 15px);
line-height: 25px;
}
.calendar-field-multiple-select-item-colored {
background: rgba(47, 198, 246, .1);
}
.calendar-settings-access-rights {
margin: 0 0 20px;
}
.calendar-settings-access-rights-inner {
display: flex;
margin: 0 0 24px;
align-items: center;
}
.calendar-settings-access-rights-name {
display: inline-block;
margin: 0 20px 0 0;
cursor: pointer;
}
.calendar-settings-access-rights-value {
display: flex;
align-items: center;
}
.calendar-settings-access-rights-value-item {
display: inline-block;
border-bottom: 1px dashed rgba(82, 92, 106, .3);
color: var(--ui-color-palette-black-base, #333);
cursor: pointer;
}
.calendar-close-button {
display: inline-block;
padding: 5px;
width: 8px;
height: 8px;
background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-opacity%3D%22.373%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.657%202.243L1.537.123.12%201.535l2.123%202.12L.12%205.78l1.416%201.413%202.12-2.12%202.122%202.12L7.192%205.78l-2.12-2.123%202.12-2.12L5.778.12l-2.12%202.12z%22/%3E%3C/svg%3E);
opacity: .3;
cursor: pointer;
transition: opacity .3s;
}
.calendar-close-button:hover {
opacity: 1;
}
.calendar-settings-access-rights-value:hover .calendar-settings-access-rights-value-item {
border-bottom: 1px dashed var(--ui-color-background-transparent, transparent);
color: var(--ui-color-palette-black-base, #333);
}
.calendar-settings-link-grey {
display: inline-block;
border-bottom: 1px dashed rgba(82, 92, 106, .3);
color: rgba(82, 92, 106, .6);
font-size: var(--ui-font-size-xs, 12px);
line-height: 18px;
cursor: pointer;
transition: border-bottom .3s;
}
.calendar-settings-link-grey:hover {
border-bottom: 1px dashed var(--ui-color-background-transparent, transparent);
color: rgba(82, 92, 106, .6);
}
/* END OF CALENDAR SETTINGS */
/* TEMPORARY STYLES LIKE BUTTON */
.ilike-light .bx-ilike-button {
position: relative;
display: inline-block;
height: 19px;
color: #929292;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.ilike-light .bx-ilike-button {
position: relative;
display: inline-block;
height: 14px !important;
color: #929292;
-moz-user-select: none;
}
.ilike-light .bx-ilike-right-wrap {
display: inline-block;
margin-right: 3px;
height: 19px;
cursor: default;
}
.ilike-light .bx-ilike-right-wrap {
height: auto !important;
}
.ilike-light .bx-ilike-right {
display: inline-block;
padding: 3px 1px 0 12px;
height: 17px;
background: var(--color-red, #f00);
/*TODO: background: var(--ui-color-background-transparent, transparent) scroll no-repeat 10px 10px url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdkuODM4ODEyMzMsNC4xMTc2NTQ2MiA5LjU0NzExMTE4LDQuMDI1NjEzMDIgWiIvPjwvc3ZnPg==); */
}
.calendar-slider-detail-like .ilike-light .bx-ilike-right {
padding-left: 14px !important;
background-position: 0 8px;
font-size: var(--ui-font-size-sm, 13px);
}
.bx-ilike-text {
padding: 0 !important;
height: auto !important;
border-bottom: 1px solid var(--ui-color-background-transparent, transparent);
}
.calendar-slider-detail-like a {
text-decoration: none;
font-size: var(--ui-font-size-sm, 13px);
line-height: 14px;
}
.ilike-light .bx-ilike-text {
display: inline-block;
padding: 3px 0 0;
height: 17px;
cursor: pointer;
}
.bx-ilike-wrap-block {
position: relative;
display: inline-block;
overflow: hidden;
max-height: 132px;
width: 186px;
font-family: Verdana, Tahoma, sans-serif;
}
.bx-ilike-popup {
display: inline-block;
overflow-x: hidden;
overflow-y: auto;
margin: 0 0 2px;
padding: 0 6px 5px 0;
max-height: 121px;
width: 180px;
background-color: var(--ui-color-palette-white-base, #fff);
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.bx-ilike-wait {
display: block;
margin-top: 2px;
width: 183px;
height: 26px;
background: url(images/i-like-wait.gif) no-repeat center center;
}
/* END OF TEMPORARY STYLES LIKE BUTTON */
.calendar-slider-detail-buttons {
padding: 13px 15px 15px;
border-top: 1px solid var(--ui-color-palette-gray-05, #eef2f4);
background: var(--ui-color-palette-white-base, #fff);
text-align: left;
border-radius: var(--ui-border-radius-md);
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.calendar-slider-view-buttonset-inner {
display: flex;
-ms-flex-align: center;
align-items: center;
}
.calendar-slider-view-buttonset-inner .webform-small-button-link {
text-transform: capitalize;
}
.webform-small-button-transparent .webform-small-button-text {
position: relative;
display: inline-block;
vertical-align: middle;
}
.webform-small-button-transparent .webform-small-button-text:after {
display: inline-block;
margin-left: 7px;
width: 0;
height: 0;
border: 3px solid var(--ui-color-background-transparent, transparent);
border-top: 3px solid;
content: '';
vertical-align: middle;
}
.calendar-slider-view-button-more-right .calendar-slider-view-buttonset-inner .calendar-slider-more-button {
margin-left: auto;
}
.calendar-slider-view-buttonset-inner .webform-small-button-dropdown .webform-small-button-text:after {
display: none;
}
/* END OF MAIN CONTENT */
.calendar-form {
padding: 15px 15px 0 20px;
background-color: var(--ui-color-palette-white-base, #fff);
color: #838586;
font-size: var(--ui-font-size-sm, 13px);
border-radius: var(--calendar-form-border-radius, var(--ui-border-radius-md));
}
.calendar-form-buttons-fixed {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 2000;
overflow: hidden;
padding: 15px;
background: var(--ui-color-palette-white-base, #fff);
box-shadow: 0 -2px 4px 0 #c6c9cb;
text-align: left;
}
.calendar-form-footer-container {
position: relative;
text-align: left;
}
.calendar-info-panel {
padding-bottom: 15px;
border-bottom: 1px solid var(--ui-color-palette-gray-10, #edeef0);
background: var(--ui-color-palette-white-base, #fff);
line-height: 34px;
}
.calendar-info-panel-important {
float: right;
padding-right: 2px;
}
.calendar-info-panel-important label {
position: relative;
display: inline-block;
padding-right: 20px;
color: rgba(0, 0, 0, .5);
vertical-align: middle;
font-size: var(--ui-font-size-sm, 13px);
}
.calendar-info-panel-important label:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 12px;
height: 16px;
background: url(images/media.png) no-repeat 0 -103px;
content: '';
}
.calendar-info-panel-important input[type=checkbox]:checked + label:after {
background-position: 0 -85px;
}
.calendar-info-panel-important input {
display: inline-block;
vertical-align: middle;
}
.calendar-info-panel-title {
overflow: hidden;
padding: 0 25px 0 9px;
}
.calendar-info-panel-title input {
width: 100%;
height: 32px;
outline: none;
border: none;
font: 19px/32px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
overflow: hidden;
}
.calendar-info-panel-description {
position: relative;
}
.calendar-info-panel-description .feed-add-post-form {
margin-bottom: 0!important;
}
.calendar-slider-content .feed-add-post-form-but-more-open {
right: 48px;
}
.calendar-event-date-label {
display: block;
margin-top: 10px;
color: #a4aab1;
font-size: var(--ui-font-size-xs, 12px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 16px;
}
.calendar-field-placeholder,
.calendar-field-additional-placeholder {
overflow: hidden;
transition: 300ms all ease;
}
.calendar-hide-field {
height: 0 !important;
}
/**/
.calendar-info-editor {
background: var(--ui-color-palette-white-base, #fff);
}
.calendar-separator-line {
margin: 5px 0;
border: none;
border-bottom: 1px solid #f0f1f2;
}
/**/
.calendar-options {
position: relative;
margin: 6px 0 0;
background: var(--ui-color-palette-gray-03, #f8f9fa);
border-radius: var(--calendar-options-border-radius, var(--ui-border-radius-sm));
}
.calendar-options-item {
position: relative;
display: flex;
margin: 0 20px;
padding: 11px 30px 11px 0;
}
.calendar-options-item-border {
border-bottom: 1px solid #e6e9ec;
}
.calendar-options-item-border.no-border {
border-bottom: none !important;
}
/*
.calendar-options .calendar-options-item:last-child { border-bottom: none; }
*/
.calendar-options-sub-item {
position: relative;
display: flex;
margin: 0;
padding: 11px 30px 11px 0;
}
.calendar-options-item-column-left {
min-width: 200px;
flex: 1;
}
.calendar-options-item-column-right {
flex: 5;
}
.calendar-options-sub-item .calendar-options-item-column-right {
display: flex;
align-items: center;
justify-content: flex-start;
}
.calendar-options-sub-item .calendar-options-item-column-right > * {
flex: initial;
}
.calendar-options-item-name {
padding-top: 12px;
padding-right: 10px;
color: #5d6575;
font-size: var(--ui-font-size-md, 14px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 16px;
}
.calendar-options-item-column-left-location {
display: flex;
justify-content: center;
flex-direction: column;
}
.calendar-options-item-column-left-location .calendar-options-item-name {
padding-top: 0;
}
.calendar-options-item-notification .calendar-options-item-name {
padding-top: 5px;
}
.calendar-options-item-datetime .calendar-options-item-name {
padding-top: 43px;
}
.calendar-form-field.inline {
display: inline-block;
}
.calendar-option-fixedbtn {
position: absolute;
top: 8px;
right: 0;
width: 30px;
height: 30px;
opacity: 0;
cursor: pointer;
transition: 300ms all ease;
}
.calendar-info-panel-description .calendar-option-fixedbtn {
top: auto;
right: 37px;
bottom: 6px;
}
.pinned .calendar-option-fixedbtn,
.calendar-options-item:hover .calendar-option-fixedbtn {
opacity: .5;
}
.calendar-info-panel-description:hover .calendar-option-fixedbtn:hover,
.calendar-options-item:hover .calendar-option-fixedbtn:hover {
opacity: 1;
}
.calendar-option-fixedbtn:after {
position: absolute;
top: 8px;
left: 8px;
margin: auto;
width: 17px;
height: 17px;
background: url(images/media.png) no-repeat 0 -51px;
content: '';
}
.pinned .calendar-option-fixedbtn:after {
background-position: 2px -68px;
}
/*region Destination*/
.calendar-options-item-destination .calendar-options-item-column-one {
display: block;
overflow: hidden;
}
.calendar-form-field {
position: relative;
display: inline-block;
padding: 5px 5px 0;
min-height: 33px;
border: 1px solid var(--border-color-gray, #c6cdd3);
background-color: var(--ui-color-palette-white-base, #fff);
}
.calendar-form-field .calendar-form-field-item {
position: relative;
display: inline-block;
overflow: hidden;
margin: 0 5px 5px 0;
height: 30px;
background: #bcedfc;
vertical-align: middle;
white-space: nowrap;
line-height: 30px;
transition: background-color 0.2s linear;
}
.calendar-form-field .calendar-form-field-item.hover-delete {
background-color: #8be0fa;
}
.calendar-form-field .calendar-form-field-item .calendar-form-field-item-text {
display: inline-block;
overflow: hidden;
padding: 0 0 0 10px;
max-width: 250px;
color: #1f6ab5;
vertical-align: middle;
text-decoration: none;
text-overflow: ellipsis;
font-weight: var(--ui-font-weight-semi-bold, 600);
font-size: var(--ui-font-size-sm, 13px);
line-height: 31px;
}
.calendar-form-field .calendar-form-field-item .calendar-form-field-item-delete {
position: relative;
z-index: 1;
display: inline-block;
margin: auto;
width: 25px;
height: 30px;
vertical-align: middle;
cursor: pointer;
}
.calendar-form-field .calendar-form-field-item .calendar-form-field-item-delete:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto auto auto 7px;
width: 6px;
height: 6px;
background: url(images/media.png) no-repeat -2px -17px;
content: '';
opacity: .2;
}
.calendar-form-field .calendar-form-field-controls {
position: relative;
display: inline-block;
overflow: hidden;
margin: 0 5px 5px 0;
min-width: 200px;
height: 30px;
vertical-align: middle;
white-space: nowrap;
line-height: 30px;
}
.calendar-form-field .calendar-form-field-loading {
display: none;
color: #808080;
font-size: var(--ui-font-size-sm, 13px);
}
.calendar-form-field .calendar-form-field-item {
position: relative;
display: inline-block;
overflow: hidden;
margin: 0 5px 5px 0;
height: 30px;
background: #bcedfc;
vertical-align: middle;
white-space: nowrap;
line-height: 30px;
transition: background-color 0.2s linear;
}
.calendar-form-field .calendar-form-field-search {
display: none;
}
.calendar-form-field .calendar-form-field-input {
box-sizing: border-box;
width: 100%;
height: 30px;
outline: none;
border: 0 none;
background: var(--ui-color-background-transparent, transparent);
color: var(--color-dark-gray, #535c69);
font-size: var(--ui-font-size-lg, 15px);
line-height: 30px;
}
.calendar-form-field .calendar-form-field-link.add {
margin-left: 18px;
}
.calendar-form-field .calendar-form-field-link.add:before {
position: absolute;
top: 5px;
left: -14px;
width: 8px;
height: 8px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAH0lEQVQoz2NgQAIK6Rv+gzADLkCeApggLkxYAe0dCQDF5T3p5/14OgAAAABJRU5ErkJggg==) no-repeat center;
content: '';
}
.calendar-form-field .calendar-form-field-link:hover {
border-bottom: 1px solid;
}
.calendar-form-field .calendar-form-field-link {
position: relative;
display: inline-block;
margin: 7px;
border-bottom: 1px solid var(--ui-color-background-transparent, transparent);
color: #2067b0;
vertical-align: top;
font-weight: var(--ui-font-weight-bold, 700);
font-size: var(--ui-font-size-sm, 13px);
line-height: 17px;
cursor: pointer;
transition: border-bottom-color 0.2s linear;
}
.calendar-form-field.t-filled .calendar-form-field-when-empty {
display: none;
}
/*endregion*/
/*region Calendar*/
.calendar-options-item-calendar .calendar-field-block {
width: 300px;
}
.calendar-options-item-calendar .calendar-field-block.calendar-section-selector-readonly,
.calendar-options-item-calendar .calendar-field-block.calendar-repeat-selector-readonly {
width: 100%;
}
/*endregion*/
/**/
.calendar-additional-block {
overflow: hidden;
margin: 20px 0 10px;
transition: 300ms all ease;
}
.calendar-additional-block-hidden {
height: 0;
opacity: 0;
}
.calendar-field-highlighted {
background: #E4F5C9;
}
.calendar-field-highlighted .calendar-options-item-colorpicker .calendar-field-colorpicker-color {
border-color: #E4F5C9;
}
.calendar-additional-alt {
margin-bottom: 15px;
cursor: pointer;
}
.calendar-additional-alt.opened {
border-bottom: var(--ui-border-radius-none, 1px) solid #f0f1f3;
}
.calendar-additional-alt-more {
position: relative;
display: inline-block;
float: left;
overflow: hidden;
padding-left: 26px;
color: #5e6675;
font-weight: var(--ui-font-weight-bold, 700);
cursor: pointer;
}
.calendar-additional-alt-more:before {
position: absolute;
top: 0;
bottom: 0;
left: 7px;
margin: auto;
width: 11px;
height: 7px;
background: url(images/media.png) no-repeat 0 -197px;
content: '';
opacity: .7;
}
.calendar-additional-alt.opened .calendar-additional-alt-more:before {
background-position: 0 -207px;
}
.calendar-additional-alt:hover .calendar-additional-alt-more:before {
opacity: 1;
}
.calendar-additional-alt-promo {
overflow: hidden;
padding-left: 10px;
min-height: 20px;
color: rgba(94, 102, 117, .7);
}
.calendar-additional-alt-promo:before {
content: "(";
}
.calendar-additional-alt-promo:after {
content: ")";
}
.calendar-additional-alt-promo {
overflow: hidden;
padding-left: 10px;
min-height: 20px;
color: rgba(94, 102, 117, .7);
}
.calendar-additional-alt-promo-text {
margin-right: 5px;
line-height: 18px;
cursor: pointer;
}
.calendar-additional-alt-promo-text:hover {
text-decoration: underline;
text-underline-offset: 2px;
}
.calendar-additional-alt-promo .calendar-additional-alt-promo-text:last-child {
margin-right: 0;
}
.calendar-additional-alt-promo-text:after {
content: ",";
}
.calendar-additional-alt-promo .calendar-additional-alt-promo-text:last-child:after {
content: "";
}
/**/
.calendar-event-quest {
width: 14px;
height: 14px;
border-radius: var(--ui-border-radius-circle, 50%);
background-color: #ebf1f4;
color: #748288;
vertical-align: middle;
text-align: center;
font-size: var(--ui-font-size-xs, 12px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 14px;
font-weight: var(--ui-font-weight-semi-bold, 600);
cursor: pointer;
transition: 300ms all ease;
}
.calendar-event-quest:hover {
background-color: #dee3e6;
}
.calendar-field-timezone .calendar-event-quest {
margin-left: 10px;
padding: 2px 5px;
}
.calendar-field-timezone .calendar-field-select {
max-width: 300px;
}
/*region Time*/
.calendar-options-item-datetime .calendar-options-item-column-one {
display: flex;
position: relative;
align-items: flex-end;
flex-wrap: wrap;
margin-bottom: -10px;
}
.calendar-options-item-column-one-item {
display: flex;
align-items: flex-end;
margin-bottom: 10px;
}
.calendar-event-date,
.calendar-event-time,
.calendar-event-timezone,
.calendar-event-mdash {
position: relative;
display: inline-block;
margin-right: 12px;
vertical-align: middle;
}
.calendar-event-mdash {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 0;
max-width: 20px;
height: 38px;
}
.calendar-event-mdash:after {
display: inline-block;
width: 10px;
height: 1px;
background-color: #c6c9ce;
content: '';
}
.calendar-event-date { }
.calendar-event-time {
overflow: hidden;
min-width: 80px;
max-width: 200px;
opacity: 1;
transition: 350ms all ease;
flex-shrink: 2;
}
.calendar-options-item-datetime-hide-time .calendar-event-time {
margin: 0;
min-width: 0;
max-width: 0;
opacity: 0;
}
.calendar-options-item-datetime .calendar-event-date-label {
max-width: 40px;
overflow: inherit;
margin: 0;
white-space: nowrap;
}
.calendar-options-item-datetime .calendar-event-full-day {
height: 39px;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.calendar-options-item-datetime .calendar-event-mdash {
margin-bottom: 10px;
}
.calendar-event-date-label-date,
.calendar-options-item-datetime-hide-time .calendar-event-date-label-datetime {
overflow: hidden;
width: 0;
height: 0;
opacity: 0;
animation: calendarDataLabelHideAnimate 300ms ease-out;
}
.calendar-event-date-label-datetime,
.calendar-options-item-datetime-hide-time .calendar-event-date-label-date {
/*overflow: auto;*/
width: auto;
height: auto;
opacity: 1;
animation: calendarDataLabelShowAnimate 300ms ease-in;
}
@keyframes calendarDataLabelShowAnimate {
0%, 100% { display:block; }
0% { opacity: 1; }
100% { opacity: 1; }
}
@keyframes calendarDataLabelHideAnimate {
0%, 100% { display:none; }
0% { opacity: 1; }
100% { opacity: 1; }
}
.calendar-options-timezone {
overflow: hidden;
padding: 7px 0 5px;
max-height: 100px;
opacity: 1;
transition: 300ms all ease;
}
.calendar-options-timezone-default {
display: flex;
align-items: center;
}
.calendar-options-item-datetime-hide-time .calendar-options-timezone {
margin: 0;
max-height: 0;
opacity: 0;
}
.calendar-options-timezone-inner {
display: flex;
max-width: 630px;
align-items: center;
}
.calendar-options-timezone-collapse-btn {
padding-bottom: 1px;
border-bottom: 1px dashed;
color: var(--color-blue, #468ee5);
text-decoration: none;
cursor: pointer;
}
.calendar-options-timezone-collapse-btn:hover {
border-bottom-style: solid;
}
.calendar-options-timezone-collapse {
overflow: hidden;
box-sizing: border-box;
margin-top: 10px;
padding-top: 0;
max-height: 0;
opacity: 0;
transition: 300ms all ease;
}
.calendar-options-timezone-expand {
margin-top: 10px;
padding-top: 10px;
max-height: 300px;
opacity: 1;
transition: 300ms all ease;
}
.calendar-event-timezone {
flex-shrink: 4;
}
/*endregion*/
/*region location*/
.calendar-event-location { }
.calendar-event-location .calendar-field-block {
display: flex;
align-items: center;
margin-right: 12px;
}
.calendar-options-item-column-location .ui-alert {
margin-bottom: 0;
}
.calendar-event-location-input-wrap-inner {
max-width: 300px;
position: relative;
}
.calendar-event-location-maps-container {
position: relative;
margin-top: 10px;
height: 300px;
}
/*endregion*/
/*region private*/
.calendar-event-private .calendar-field-container-checkbox {
padding: 10px 0;
}
/*endregion*/
/*region repeat*/
.calendar-field-container-repeat { }
.calendar-field-container-repeat .calendar-field-container {
margin-right: 10px;
}
.calendar-options-item-repeat .calendar-filed-separator {
margin: 5px 0;
}
.calendar-options-item-repeat .calendar-field-container-checkbox {
padding: 10px 0;
}
.calendar-options-item-repeat .calendar-options-sub-item {
padding: 5px 0;
}
.calendar-rrule-type-none { }
.calendar-rrule-endson {
overflow: hidden;
opacity: 1;
transition: 300ms all ease;
}
.calendar-rrule-count {
transition: 200ms all ease;
}
.calendar-rrule-daily,
.calendar-rrule-weekly,
.calendar-rrule-monthly,
.calendar-rrule-yearly {
display: none;
opacity: 0;
transition: 200ms all ease;
}
.calendar-rrule-type-daily .calendar-rrule-daily,
.calendar-rrule-type-weekly .calendar-rrule-weekly,
.calendar-rrule-type-monthly .calendar-rrule-monthly,
.calendar-rrule-type-yearly .calendar-rrule-yearly {
display: block;
opacity: 1;
}
.calendar-rrule-type-none .calendar-rrule-count * {
visibility: hidden;
opacity: 0;
}
.calendar-rrule-type-none .calendar-rrule-endson {
height: 0;
opacity: 0;
}
.calendar-repeat-endson-input {
display: inline-block;
margin: 0 10px;
padding-right: 10px !important;
width: 50px;
}
.calendar-options-item-repeat .calendar-week-day-container {
overflow: hidden;
padding: 0;
height: 0;
opacity: 0;
transition: 300ms all ease;
}
.calendar-week-day-container .calendar-options-day {
padding: 0 10px;
}
.calendar-options-item-repeat .calendar-rrule-type-weekly .calendar-week-day-container {
padding: 10px 0;
height: 25px;
opacity: 1;
}
/*endregion*/
/*remember*/
.calendar-event-reminder-collapsed, .calendar-event-reminder {
height: 45px;
vertical-align: top;
}
.calendar-event-rem-ch {
margin: 10px 0 0;
vertical-align: top;
}
.calendar-event-reminder-collapsed label,
.calendar-event-reminder label {
display: none;
margin: 8px 0 0;
vertical-align: top;
}
.calendar-event-reminder .calendar-event-rem-lbl-for {
display: inline-block !important;
}
.calendar-event-rem-value {
display: inline-block;
margin: 0 0 0 5px;
vertical-align: top;
}
.calendar-event-rem-value .calendar-field {
margin-right: 5px;
}
.calendar-field-title-fade {
position: absolute;
top: 0;
bottom: 1px;
width: 40px;
right: 83px;
border-radius: 0 0 4px 0;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
pointer-events: none;
z-index: 1;
transform: translateX(10px);
opacity: 0;
transition: .3s;
}
.calendar-field-title-fade.--show {
transform: translateX(0);
opacity: 1;
}
.calendar-field-title-fade.--edit-form {
top: 75px;
height: 62px;
right: 226px;
}
.calendar-options-more {
margin-top: 0;
}
.calendar-openable-block {
overflow: hidden;
margin-bottom: 50px;
max-height: 4000px;
transition: 400ms all ease;
}
.calendar-openable-block.invisible {
margin-bottom: 0;
padding: 0 5px;
max-height: 0;
opacity: 0;
}
/*endregion*/
.popup-window-titlebar.calendar-add-popup-titlebar {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
height: 32px;
background: none;
}
.popup-window-close-icon {
z-index: 10 !important;
}
.calendar-add-popup-planner-wrap {
margin: 0 0 13px;
padding-top: 10px;
border-top: 1px solid var(--ui-color-palette-gray-10, #edeef0);
padding-bottom: 2px;
background-color: #fdfdfd;
opacity: 0;
transition: opacity 220ms ease;
}
.calendar-add-popup-meeting-options-wrap {
padding-top: 14px;
}
.calendar-add-popup-planner-wrap.calendar-add-popup-show-planner {
opacity: 1;
}
/*region Calendar List*/
.calendar-list-slider-wrap {
padding: 21px;
}
.calendar-list-slider-title-container {
display: flex;
padding: 0 0 10px;
align-items: center;
justify-content: space-between;
}
.calendar-list-slider-title {
color: var(--ui-color-palette-black-solid, #000);
vertical-align: middle;
font-size: var(--ui-font-size-3xl, 22px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 24px;
}
.calendar-list-slider-title-container .webform-small-button {
margin-right: 0;
}
.calendar-list-slider-card-widget {
position: relative;
z-index: 800;
box-sizing: border-box;
padding: 13px 19px 15px 19px;
margin-bottom: 15px;
border-radius: var(--calendar-list-slider-card-widget-border-radius, var(--ui-border-radius-md, 1px));
background-color: var(--ui-color-palette-white-base, #fff);
}
.calendar-list-slider-card-widget-title {
margin-bottom: 10px;
border-bottom: 1px solid var(--border-color-light-gray-lighter, #f1f2f3);
}
.calendar-list-slider-card-widget-title-text {
display: inline-block;
box-sizing: border-box;
margin-bottom: 10px;
padding-top: 9px;
min-height: 24px;
color: var(--color-light-gray-lighter, #a5abb2);
vertical-align: middle;
text-transform: uppercase;
font-size: var(--ui-font-size-4xs, 10px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 15px;
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.calendar-list-slider-archive-hint {
vertical-align: middle;
margin-bottom: 2px;
}
.calendar-list-title-disabled {
position: relative;
float: right;
padding-left: 17px;
color: #fcaa1c;
}
.calendar-list-title-disabled:before {
content: '';
position: absolute;
top: 10px;
left: 0;
display: block;
width: 12px;
height: 12px;
background: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.126 2.821h1.76l-.204 3.802H5.33l-.203-3.802ZM6.005 9.283a1.082 1.082 0 1 0 0-2.163 1.082 1.082 0 0 0 0 2.163Z' fill='%23F3C58E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 11.777A5.775 5.775 0 1 0 6 .227a5.775 5.775 0 0 0 0 11.55Zm0-1.372a4.403 4.403 0 1 0 0-8.807 4.403 4.403 0 0 0 0 8.807Z' fill='%23F3C58E'/%3E%3C/svg%3E") center no-repeat;
}
.calendar-list-slider-card-section-title {
margin-bottom: 3px;
}
.calendar-list-slider-card-section-title-text {
display: inline-block;
box-sizing: border-box;
padding-top: 9px;
min-height: 24px;
color: var(--color-light-gray-lighter, #a5abb2);
vertical-align: middle;
text-transform: uppercase;
font-size: var(--ui-font-size-4xs, 10px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 15px;
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.calendar-list-slider-card-widget .crm-entity-widget-content-block {
margin: 0 -15px 20px;
padding: 0 15px;
}
.calendar-list-slider-widget-content-block {
position: relative;
transition: 220ms all ease;
}
.calendar-list-slider-container {
margin: 0;
padding: 0;
list-style: none;
}
.calendar-list-slider-item {
position: relative;
overflow: hidden;
padding: 7px;
transition: 300ms all ease;
}
.calendar-list-slider-item-disappearing {
padding: 0;
height: 0;
opacity: 0;
}
.calendar-list-slider-item.active,
.calendar-list-slider-item:hover {
background-color: #f4f4f6;
border-radius: var(--ui-border-radius-xs);
}
.calendar-list-slider-item-checkbox {
position: relative;
display: inline-block;
margin-right: 10px;
width: 18px;
height: 18px;
border-radius: var(--ui-border-radius-3xs, 2px);
background-color: var(--color-red, #f00);
vertical-align: middle;
line-height: 18px;
cursor: pointer;
}
.calendar-list-slider-item-checkbox:after {
position: absolute;
top: 50%;
left: 50%;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 0 solid var(--ui-color-palette-white-base, #fff);
border-right: 14px solid var(--ui-color-palette-white-base, #fff);
border-radius: var(--ui-border-width-thin, 1px);
background-color: var(--ui-color-background-transparent, transparent);
content: '';
transition: 250ms all ease;
transform: translate(-50%, -50%) rotate(0);
}
.calendar-list-slider-item-checkbox-checked:after {
margin-top: -1px;
width: 7px;
height: 11px;
border: 3px solid var(--ui-color-palette-white-base, #fff);
border-top: 0 solid var(--ui-color-palette-white-base, #fff);
border-left: 0 solid var(--ui-color-palette-white-base, #fff);
transform: translate(-50%, -50%) rotate(45deg);
}
.calendar-title-checkbox {
background-color: #b6bac0;
margin: 0 9px 0 7px;
}
.calendar-list-slider-item-checkbox.calendar-list-slider-item-checkbox-indeterminate:after {
width: 3px;
height: 3px;
border: 0 solid var(--ui-color-palette-white-base, #fff);
border-right: 13px solid var(--ui-color-palette-white-base, #fff);
}
.calendar-list-slider-item-name {
display: inline-block;
overflow: hidden;
max-width: calc(100% - 55px);
color: var(--ui-color-palette-black-base, #333);
vertical-align: middle;
text-overflow: ellipsis;
white-space: nowrap;
font-size: var(--ui-font-size-md, 14px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 18px;
cursor: pointer;
transition: 180ms all linear;
}
.calendar-list-slider-item.active .calendar-list-slider-item-name,
.calendar-list-slider-item:hover .calendar-list-slider-item-name {
max-width: calc(100% - 60px);
}
.calendar-list-slider-item-actions-container {
position: absolute;
top: 7px;
right: 7px;
overflow: hidden;
width: 20px;
height: 20px;
white-space: nowrap;
/*opacity: 0;*/
cursor: pointer;
transition: 300ms all ease;
}
.calendar-list-slider-item.active .calendar-list-slider-item-actions-container,
.calendar-list-slider-item:hover .calendar-list-slider-item-actions-container {
width: 20px;
opacity: 1;
}
.calendar-list-slider-item-context-menu {
position: absolute;
top: 50%;
left: 0;
display: inline-block;
width: 17px;
height: 4px;
/*background-color: #b6bac0;*/
background-image: url("data:image/svg+xml,%3Csvg width='17' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8.5 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM16.5 2a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z' fill='%23525C69'/%3E%3C/svg%3E");
vertical-align: middle;
line-height: 20px;
opacity: .4;
transition: 300ms all ease;
transform: translateY(-50%);
}
.calendar-list-slider-card-widget-bottom-button {
text-align: center;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid var(--border-color-light-gray-lighter, #f1f2f3);
}
.calendar-list-slider-card-widget-bottom-button .calendar-list-slider-link {
display: inline-block;
font-size: var(--ui-font-size-3xs, 11px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 16px;
font-weight: var(--ui-font-weight-semi-bold, 600);
color: var(--color-light-gray-lighter, #a5abb2);
border-bottom: 1px dashed var(--color-light-gray-lighter, #a5abb2);
text-decoration: none;
cursor: pointer;
}
.calendar-list-slider-link:hover {
color: var(--ui-color-palette-black-base, #333);
border-bottom: 1px dashed var(--ui-color-palette-black-base, #333);
}
/*.calendar-list-slider-item-context-menu:after,*/
/*.calendar-list-slider-item-context-menu:before {*/
/* position: absolute;*/
/* width: 17px;*/
/* height: 2px;*/
/* background: #b6bac0;*/
/* content: '';*/
/*}*/
.calendar-list-slider-item.active .calendar-list-slider-item-context-menu,
.calendar-list-slider-item:hover .calendar-list-slider-item-context-menu {
opacity: .7;
}
.calendar-list-slider-item .calendar-list-slider-item-context-menu:hover,
.calendar-list-slider-item.active .calendar-list-slider-item-context-menu {
opacity: .7;
}
/*.calendar-list-slider-item-context-menu:after { top: -5px; }*/
/*.calendar-list-slider-item-context-menu:before { bottom: -5px; }*/
.calendar-list-slider-btn-container {
padding: 14px 0;
border-top: 1px solid #f1f2f4;
text-align: center;
}
.calendar-list-slider-new-calendar-options-container {
display: flex;
padding: 8px 0 10px;
justify-content: space-between;
align-items: center;
}
.calendar-list-slider-new-calendar-option-color {
display: flex;
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-xs, 12px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 14px;
align-items: center;
}
.calendar-list-slider-new-calendar-option-color-selected {
display: inline-block;
margin: 0 4px;
width: 18px;
height: 18px;
border-radius: var(--ui-border-radius-3xs, 2px);
}
.calendar-simple-color-wrap {
padding: 5px;
}
.calendar-simple-color-more-link-wrap {
padding: 10px 0 0 3px;
}
.calendar-list-slider-new-calendar-option-add,
.calendar-list-slider-new-calendar-option-more,
.calendar-list-slider-new-calendar-option-color-change,
.calendar-simple-color-more-link {
border-bottom: 1px dashed;
color: #979da5;
font-size: var(--ui-font-size-sm, 13px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 17px;
cursor: pointer;
transition: 300ms all ease;
}
.calendar-list-slider-new-calendar-option-add:hover,
.calendar-list-slider-new-calendar-option-more:hover,
.calendar-section-slider-access-value:hover,
.calendar-simple-color-more-link:hover,
.calendar-list-slider-new-calendar-option-color-change:hover {
color: var(--ui-color-palette-black-base, #333);
}
.calendar-section-slider-access-value {
position: relative;
margin-right: 15px;
color: #979da5;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 17px;
cursor: pointer;
transition: 300ms all ease;
}
.calendar-section-slider-access-value:after {
position: absolute;
top: calc(50% + 2px);
right: -11px;
border: 4px solid var(--ui-color-background-transparent, transparent);
border-top-color: #979da5;
content: '';
transition: 250ms linear border-color;
transform: translateY(-50%);
}
.calendar-section-slider-access-value:hover:after {
border-top-color: var(--ui-color-palette-black-base, #333);
}
.calendar-section-slider-access-container {
display: inline-flex;
align-items: center;
justify-content: flex-end;
}
.calendar-section-slider-access-remove {
position: relative;
display: block;
margin-left: 10px;
width: 10px;
height: 10px;
cursor: pointer;
transition: all 250ms ease;
}
.calendar-section-slider-access-remove:after,
.calendar-section-slider-access-remove:before {
position: absolute;
top: 50%;
left: 50%;
width: 9px;
height: 2px;
background-color: #c7cdd3;
content: "";
transition: all 250ms ease;
}
.calendar-section-slider-access-remove:hover:after,
.calendar-section-slider-access-remove:hover:before {
background-color: #b0b8c1;
}
.calendar-section-slider-access-remove:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.calendar-section-slider-access-remove:after {
transform: translate(-50%, -50%) rotate(45deg);
}
.calendar-section-slider-access-table-row:hover .calendar-access-clear-icon {
display: inline-block;
}
.calendar-access-clear-icon {
position: absolute;
top: -6px;
right: -35px;
display: none;
width: 27px;
height: 27px;
outline: none;
opacity: .5;
cursor: pointer;
transition: opacity 0.2s linear;
}
.calendar-access-clear-icon:after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 10px;
height: 10px;
background: no-repeat url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.787%201L5%203.787%202.213%201%201%202.213%203.787%205%201%207.787%202.213%209%205%206.213%207.787%209%209%207.787%206.213%205%209%202.213%22%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E);
background-size: cover;
content: "";
transform: translate3d(-50%, -50%, 0);
}
.calendar-access-clear-icon:hover {
opacity: 1;
}
.calendar-list-slider-form-wrap {
overflow: hidden;
margin-bottom: 0;
padding: 0 19px;
max-height: 0;
opacity: 0;
transition: 300ms all ease;
}
.calendar-list-slider-form-wrap.show {
margin-bottom: 15px;
padding: 13px 19px 0;
max-height: 15000px;
opacity: 1;
}
.calendar-list-slider-access-container {
overflow: hidden;
max-height: 0;
opacity: 0;
transition: 300ms all ease;
}
.calendar-list-slider-access-container.shown {
max-height: 15000px;
opacity: 1;
}
.calendar-section-slider-access-table {
width: 100%;
border-collapse: collapse;
}
.calendar-section-slider-access-table-cell {
padding-bottom: 10px;
vertical-align: center;
}
.calendar-section-slider-access-table-row .calendar-section-slider-access-table-cell:last-child {
text-align: right;
}
.calendar-section-slider-access-title {
display: block;
max-width: 170px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--ui-color-palette-gray-90, #525c69);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
line-height: 17px;
}
/*endregion*/
/*region Calendar Timeline*/
.calendar-list-view { }
.calendar-list-view .calendar-grid-month-row-days-week {
border-color: var(--ui-color-palette-gray-05, #eef2f4);
}
.calendar-timeline-stream-container {
overflow: auto;
min-height: var(--calendar-views-container-min-height, 300px);
background-color: var(--ui-color-base-02, #f8fafb);
border-radius: var(--ui-border-radius-md);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.calendar-timeline-stream-container-content {
position: relative;
}
.calendar-timeline-stream-container-list {
padding: 10px 0;
}
/*Section*/
.calendar-timeline-stream-section-wrap {
opacity: 0;
transition: all 300ms ease;
}
.calendar-timeline-stream-section {
position: relative;
margin-bottom: 15px;
transition: height 220ms ease, opacity 220ms ease;
}
.calendar-timeline-stream-section.calendar-timeline-section-date-label:before {
position: absolute;
top: 20px;
right: 0;
left: 0;
z-index: 1;
height: 1px;
background-color: #dbe1e6;
content: "";
transition: left 300ms ease;
margin-left: 17px;
}
/*Content*/
.calendar-timeline-stream-section-content {
position: relative;
z-index: 500;
box-sizing: border-box;
padding: 0;
min-height: 22px;
width: 100%;
border-radius: var(--ui-border-radius-3xs, 2px);
transition: all 300ms ease, 1000ms background-color linear;
}
.calendar-timeline-stream-content-event:first-child {
border-top-left-radius: var(--ui-border-radius-md, 10px);
border-top-right-radius: var(--ui-border-radius-md, 10px);
}
.calendar-timeline-stream-content-event:last-child {
border-bottom-left-radius: var(--ui-border-radius-md, 10px);
border-bottom-right-radius: var(--ui-border-radius-md, 10px);
}
.calendar-timeline-empty-section {
padding: 15px 13px;
background-color: var(--ui-color-palette-white-base, #fff);
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-sm, 13px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 15px;
opacity: .7;
margin-left: 17px;
border-radius: var(--ui-border-radius-md, 10px);
}
/*Label*/
.calendar-timeline-section-label,
.calendar-timeline-section-date-label {
min-height: 22px;
}
.calendar-timeline-section-label .calendar-timeline-stream-section-content,
.calendar-timeline-section-date-label .calendar-timeline-stream-section-content {
padding: 0;
background-color: var(--ui-color-background-transparent, transparent);
text-align: center;
}
.calendar-timeline-stream-section.calendar-timeline-section-date-label:before,
.calendar-timeline-section-label:before,
.calendar-timeline-section-date-label:before {
top: 10px;
}
.calendar-timeline-stream-label,
.calendar-timeline-stream-today-label {
position: relative;
z-index: 10;
display: inline-block;
padding: 2px 15px;
min-height: 18px;
border-radius: var(--ui-border-radius-lg, 11px);
color: var(--ui-color-palette-white-base, #fff);
font-size: var(--ui-font-size-xs, 12px);
font-weight: var(--ui-font-weight-bold, 700);
line-height: 18px;
cursor: pointer;
}
.calendar-timeline-stream-label {
background-color: #dde5e8;
color: #6e7273;
}
.calendar-timeline-stream-today-label {
background-color: #2fc6f5;
}
.calendar-timeline-loader {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
height: 180px;
transition: .3s height ease;
}
.calendar-timeline-loader_icon {
display: none;
margin-bottom: 10px;
width: 138px;
height: 138px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='138' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M20.023 114.91c0-2.011-1.752-3.642-3.912-3.642-1.57 0-2.915.867-3.539 2.112a4.888 4.888 0 0 0-1.592-.278c-2.49 0-4.504 1.83-4.619 4.121-.095-.007-.189-.027-.287-.027-2.021 0-3.659 1.529-3.659 3.415 0 1.888 1.638 3.417 3.66 3.417h12.98c2.702 0 4.893-2.035 4.893-4.546 0-2.207-1.693-4.043-3.939-4.456.002-.039.014-.077.014-.116ZM115.668 18.527c0-1.635 1.427-2.96 3.187-2.96 1.28 0 2.375.705 2.883 1.717.407-.139.84-.226 1.298-.226 2.028 0 3.669 1.487 3.763 3.348.078-.005.154-.021.234-.021 1.647 0 2.982 1.242 2.982 2.774 0 1.534-1.335 2.776-2.982 2.776h-10.577c-2.202 0-3.986-1.653-3.986-3.694 0-1.792 1.379-3.284 3.208-3.62-.001-.032-.01-.062-.01-.094Z' clip-rule='evenodd' opacity='.5'/%3E%3Cg filter='url(%23a)'%3E%3Crect width='85.332' height='31.102' x='26.34' y='32.315' fill='%23DFE0E3' rx='5.582'/%3E%3C/g%3E%3Cg filter='url(%23b)'%3E%3Crect width='85.332' height='59.813' x='26.34' y='52.331' fill='%23D5D7DB' rx='5.582'/%3E%3C/g%3E%3Crect width='85.332' height='59.813' x='26.34' y='50.456' fill='%23DFE0E3' rx='5.582'/%3E%3Crect width='85.332' height='59.813' x='26.34' y='48.581' fill='%23fff' rx='5.582'/%3E%3Crect width='9.377' height='9.377' x='34.358' y='57.537' fill='%23BDC1C6' opacity='.3' rx='1.875'/%3E%3Crect width='9.377' height='9.377' x='34.358' y='73.478' fill='%23BDC1C6' opacity='.3' rx='1.875'/%3E%3Crect width='9.377' height='9.377' x='34.358' y='89.419' fill='%23BDC1C6' opacity='.3' rx='1.875'/%3E%3Crect width='9.377' height='9.377' x='49.318' y='57.537' fill='%23BDC1C6' opacity='.3' rx='1.875'/%3E%3Crect width='9.377' height='9.377' x='49.318' y='73.478' fill='%23BDC1C6' rx='1.875'/%3E%3Crect width='9.377' height='9.377' x='49.318' y='89.419' fill='%23BDC1C6' opacity='.3' rx='1.875'/%3E%3Crect width='9.377' height='9.377' x='64.278' y='57.537' fill='%23BDC1C6' opacity='.3' rx='1.875'/%3E%3Crect width='9.377' height='9.377' x='64.278' y='73.478' fill='%23BDC1C6' opacity='.3' rx='1.875'/%3E%3Crect width='9.377' height='9.377' x='64.278' y='89.419' fill='%23BDC1C6' opacity='.3' rx='1.875'/%3E%3Crect width='9.377' height='9.377' x='79.238' y='57.537' fill='%23BDC1C6' opacity='.3' rx='1.875'/%3E%3Crect width='9.377' height='9.377' x='79.238' y='73.478' fill='%23BDC1C6' opacity='.3' rx='1.875'/%3E%3Crect width='9.377' height='9.377' x='94.197' y='57.537' fill='%23BDC1C6' opacity='.3' rx='1.875'/%3E%3Crect width='9.377' height='9.377' x='94.197' y='73.478' fill='%23BDC1C6' opacity='.3' rx='1.875'/%3E%3Crect width='6.564' height='16.879' x='42.281' y='26.732' fill='%23BDC1C6' opacity='.25' rx='3.282'/%3E%3Crect width='6.564' height='16.879' x='42.281' y='24.857' fill='%23BDC1C6' rx='3.282'/%3E%3Crect width='6.564' height='16.879' x='90.105' y='26.732' fill='%23BDC1C6' opacity='.25' rx='3.282'/%3E%3Crect width='6.564' height='16.879' x='90.105' y='24.857' fill='%23BDC1C6' rx='3.282'/%3E%3Cdefs%3E%3Cfilter id='a' width='90.117' height='35.888' x='23.947' y='30.72' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='.797'/%3E%3CfeGaussianBlur stdDeviation='1.196'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0.294118 0 0 0 0 0.388235 0 0 0 0.09 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_8314_321600'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_8314_321600' result='shape'/%3E%3C/filter%3E%3Cfilter id='b' width='90.117' height='64.597' x='23.947' y='50.736' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='.797'/%3E%3CfeGaussianBlur stdDeviation='1.196'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0.294118 0 0 0 0 0.388235 0 0 0 0.09 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_8314_321600'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_8314_321600' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat;
}
.calendar-timeline-loader_text {
display: none;
font: 24px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light);
color: var(--ui-color-palette-gray-60);
}
.calendar-timeline-loader-no-more-events {
align-items: center;
height: 220px;
padding-bottom: 10px;
}
.calendar-timeline-loader-no-more-events.--bottom {
justify-content: start;
}
.calendar-timeline-loader-no-more-events.--top {
justify-content: center;
}
.calendar-timeline-loader-no-more-events .calendar-timeline-loader_icon,
.calendar-timeline-loader-no-more-events .calendar-timeline-loader_text {
display: block;
}
/*Event*/
.calendar-timeline-stream-content-event {
display: flex;
box-sizing: border-box;
padding: 15px 13px;
min-height: 47px;
border-bottom: 1px solid #eeeff0;
background-color: var(--ui-color-palette-white-base, #fff);
align-items: center;
margin-left: 17px;
}
.calendar-timeline-stream-content-event.calendar-timeline-stream-content-event-invited {
background: #F8FFE1;
}
.calendar-timeline-stream-content-event-invited .ui-btn-light:hover {
background: none;
}
.calendar-timeline-stream-content-event.calendar-timeline-stream-section-event-animate-next {
position: relative;
animation-name: showEventTimelineNext;
animation-duration: 400ms;
}
@keyframes showEventTimelineNext {
from {
opacity: 0;
transform: translateY(200px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
.calendar-timeline-stream-section-content .calendar-timeline-stream-content-event + .calendar-timeline-stream-content-event:not(.calendar-timeline-stream-content-event-sharing):last-child,
.calendar-timeline-stream-content-event-sharing + .calendar-timeline-stream-content-event-sharing {
border-top: none;
}
.calendar-timeline-stream-content-event-time {
max-width: 150px;
min-width: 150px;
flex: 1;
}
.calendar-timeline-stream-content-event-time-link {
border-bottom: 1px dashed var(--ui-color-background-transparent, transparent);
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-sm, 13px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 15px;
transition: 200ms all ease;
cursor: pointer;
}
.calendar-timeline-stream-content-event-recursive {
font-size: var(--ui-font-size-3xs, 11px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 13px;
opacity: 0.5;
color: var(--ui-color-palette-gray-90, #525c69);
padding-top: 3px;
display: block;
}
.calendar-timeline-stream-content-event-time-link:hover {
border-bottom: 1px dashed var(--ui-color-palette-black-base, #333);
color: var(--ui-color-palette-black-base, #333);
}
.calendar-timeline-stream-content-event-name {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
margin-right: 10px;
gap: 4px;
}
.calendar-timeline-stream-content-event-name-link {
margin-left: 5px;
border-bottom: 1px dashed var(--ui-color-background-transparent, transparent);
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-md, 14px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 15px;
transition: 200ms all ease;
cursor: pointer;
}
.calendar-timeline-stream-content-event-name-link span {
word-break: break-word;
transition: .2s;
}
.calendar-timeline-stream-content-event-name-link:hover span {
border-bottom: 1px dashed;
color: var(--ui-color-palette-black-base, #333);
}
.calendar-timeline-stream-content-event-sharing .calendar-timeline-stream-content-event-name-link {
color: #C48300;
}
.calendar-timeline-stream-content-event-sharing .calendar-timeline-stream-content-event-name-link:hover span {
color: #da9100;
}
.calendar-timeline-stream-content-event-location {
display: inline-block;
margin-left: 3px;
font-size: 90%;
opacity: 0.8;
}
.calendar-timeline-stream-content-event-color {
min-width: 12px;
min-height: 12px;
width: 12px;
height: 12px;
border-radius: var(--ui-border-radius-3xs, 2px);
margin-right: 5px;
}
.calendar-timeline-stream-content-event-members {
min-width: 130px;
color: #b5bbc1;
font-size: var(--ui-font-size-sm, 13px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 16px;
}
.calendar-timeline-stream-content-event-actions {
min-width: 150px;
text-align: right;
}
.calendar-timeline-stream-content-event-control {
text-align: center;
}
.calendar-timeline-stream-content-event-control .ui-btn-light {
margin: 0 12px;
}
.calendar-timeline-content-event-action-join-btn,
.calendar-timeline-content-event-action-joined-btn {
position: relative;
margin-right: 15px;
border-bottom: 1px dotted;
font-size: var(--ui-font-size-sm, 13px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 16px;
transition: 300ms all ease;
}
.calendar-timeline-content-event-action-join-btn {
color: #0063c6;
}
.calendar-timeline-content-event-action-joined-btn {
color: var(--ui-color-palette-gray-70, #828b95);
}
.calendar-timeline-content-event-action-join-btn:hover {
border-bottom: 1px solid var(--ui-color-palette-black-base, #333);
color: var(--ui-color-palette-black-base, #333);
}
.calendar-timeline-content-event-action-joined-btn:hover {
border-bottom: 1px solid var(--ui-color-palette-black-base, #333);
color: var(--ui-color-palette-black-base, #333);
}
.calendar-timeline-content-event-action-join-btn:before,
.calendar-timeline-content-event-action-joined-btn:before {
position: absolute;
top: 50%;
right: -15px;
box-sizing: border-box;
margin-top: -2px;
border: 4px solid var(--ui-color-background-transparent, transparent);
content: '';
transition: 300ms all ease;
}
.calendar-timeline-content-event-action-join-btn:before,
.calendar-timeline-content-event-action-joined-btn:before {
border-top-color: var(--ui-color-palette-gray-70, #828b95);
}
.calendar-timeline-content-event-action-join-btn:hover:before,
.calendar-timeline-content-event-action-joined-btn:hover:before {
border-top-color: var(--ui-color-palette-black-base, #333);
}
.calendar-timeline-content-event-action-video-meeting {
position: relative;
display: inline-block;
margin-bottom: -4px;
margin-left: 10px;
padding: 3px;
}
.calendar-timeline-content-event-action-video-meeting:hover { }
.calendar-timeline-content-event-action-video-meeting i {
display: block;
width: 14px;
height: 10px;
border-radius: var(--ui-border-radius-3xs, 2px);
background: var(--ui-color-palette-blue-50, #2fc6f6);
transition: 300ms all ease;
}
.calendar-timeline-content-event-action-video-meeting:hover i {
background: #62cef0;
}
.calendar-timeline-content-event-action-video-meeting i:before {
position: absolute;
display: block;
box-sizing: border-box;
margin-top: 2px;
margin-left: 6px;
width: 4px;
height: 4px;
border: 3px solid var(--ui-color-background-transparent, transparent);
border-left-color: var(--ui-color-palette-white-base, #fff);
content: '';
}
.calendar-timeline-stream-section-content .calendar-timeline-stream-content-event + .calendar-timeline-stream-content-event:not(.calendar-timeline-stream-content-event-collab):last-child,
.calendar-timeline-stream-content-event-collab + .calendar-timeline-stream-content-event-collab {
border-top: none;
}
.calendar-timeline-stream-content-event-collab .calendar-timeline-stream-content-event-name-link {
color: #19CC45;
}
.calendar-timeline-stream-content-event-collab .calendar-timeline-stream-content-event-name-link:hover span {
color: #19CC45;
}
.calendar-timeline-stream-content-event-title-wrap {
display: flex;
align-items: center;
}
.calendar-timeline-stream-content-collab-block {
display: flex;
font-size: var(--ui-font-size-xs, 12px);
font-weight: var(--ui-font-weight-regular, 400);
gap: 4px;
padding-left: 22px;
}
.calendar-timeline-stream-content-collab-name .collab-prefix {
color: var(--ui-color-base-50, #A8ADB4);
}
.calendar-timeline-stream-content-collab-name {
color: var(--ui-color-base-70, #828B95);
}
/*endregion*/
/**
* Submenu separator styles ?????
*/
.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator {
margin-top: 4px;
margin-bottom: 4px;
height: 0;
border-top: none;
border-bottom: 1px var(--border-dark, rgba(0, 0, 0, .1)) solid;
}
.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator.main-buttons-hidden-label {
z-index: 2;
margin-top: 8px;
margin-bottom: 8px;
height: 0;
border-top: none;
border-bottom: 1px var(--border-dark, rgba(0, 0, 0, .1)) solid;
}
.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator.main-buttons-hidden-label .menu-popup-item-icon {
display: none;
}
.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator:hover {
border-bottom: 1px solid var(--border-dark, rgba(0, 0, 0, .1));
background: none;
box-shadow: none;
cursor: default;
}
.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator {
padding: 0;
}
.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator .menu-popup-item-text {
position: relative;
top: -8px;
box-sizing: border-box;
padding-right: 0;
padding-left: 0;
width: 100%;
height: 1px;
text-align: center;
}
.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator .menu-popup-item-text span {
position: relative;
display: inline-block;
padding: 0 12px;
height: 16px;
border-radius: 30px;
background: var(--ui-color-palette-white-base, #fff);
color: #b1b6bc;
vertical-align: middle;
text-transform: uppercase;
font-weight: var(--ui-font-weight-bold, 700);
font-size: var(--ui-font-size-4xs, 10px);
line-height: 16px;
}
.template-bitrix24 .menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator .menu-popup-item-text span {
top: -19px;
}
.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator.main-buttons-manage {
margin-top: 12px;
margin-bottom: 12px;
}
.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator .menu-popup-item-text {
overflow: inherit;
}
/*region POPUP TIMELINE */
.calendar-slider-popup-timeline {
display: inline-block;
padding: 20px;
background: var(--ui-color-palette-white-base, #fff);
}
.calendar-slider-popup-timeline-date {
display: inline-block;
margin: 0 10px 0 0;
padding: 2px 3px 3px 3px;
background: #1ec6f9;
text-align: center;
}
.calendar-slider-popup-timeline-date-day {
color: var(--ui-color-palette-white-base, #fff);
font-size: var(--ui-font-size-3xs, 11px);
font-weight: var(--ui-font-weight-bold, 700);
}
.calendar-slider-popup-timeline-date-number {
padding: 2px 8px;
background: var(--ui-color-palette-white-base, #fff);
color: #535c6a;
font-size: var(--ui-font-size-2xl, 18px);
font-weight: var(--ui-font-weight-bold, 700);
}
.calendar-slider-popup-timeline-info {
display: inline-block;
}
.calendar-slider-popup-timeline-info-date {
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-md, 14px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 19px;
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.calendar-slider-popup-timeline-info-desc {
color: var(--ui-color-palette-gray-70, #828b95);
font-size: var(--ui-font-size-md, 14px);
line-height: 19px;
}
/*endregion OF POPUP TIMELINE */
/*region CALENDAR EVENTS */
.calendar-all-events-popup {
padding: 0 5px;
}
.calendar-all-events-popup .calendar-event-line-wrap { margin-bottom: 2px; }
.calendar-event-title {
margin: 0 0 9px;
padding: 0 0 6px;
border-bottom: 1px solid rgba(130, 139, 149, .2);
color: #828b95;
font: var(--ui-font-weight-bold) 11px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.calendar-event-title-button {
cursor: pointer;
text-decoration: underline dashed;
}
.calendar-event-title-button:hover {
text-decoration: underline;
}
.calendar-event-block {
margin: 0 0 18px;
}
.calendar-event-block:last-child {
margin: 0;
}
/*endregion OF CALENDAR EVENTS */
/* END OF CALENDAR EVENTS */
/*region CALENDAR DIALOGS */
.calendar-busy-users-content {
padding-bottom: 15px;
max-width: 550px;
}
/*endregion OF CALENDAR DIALOGS */
/* region LOADER */
.calendar-loader {
position: relative;
}
.calendar-loader-circular {
position: absolute;
z-index: 3;
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(205, 210, 213, .17);
stroke-width: 2;
stroke-dasharray: 200, 200;
stroke-dashoffset: 0;
stroke-linecap: round;
}
.calendar-loader-path {
animation: calendarStroke 1.5s ease-in-out infinite;
stroke: rgba(205, 210, 213, .74);
stroke-width: 2;
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 */
/* Drag & Drop*/
.calendar-entry-drag-mode {
z-index: 2000 !important;
}
.calendar-entry-drag-mode .calendar-event-line-inner-container {
/*box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.05);*/
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
border-radius: 1in;
background: #ffffff;
border: 1px solid #ebebeb;
}
.calendar-entry-drag-mode.animate {
transition: 300ms all ease;
}
.calendar-entry-drag-mode .calendar-event-angle-finish-tomorrow,
.calendar-entry-drag-mode .calendar-event-angle-start-yesterday {
display: none !important;
}
.calendar-entry-drag-mode .calendar-event-line-days-count {
font-size: 90%;
}
.calendar-event-block-duration {
display: none;
color: white;
font-size: var(--ui-font-size-3xs, 11px);
margin: auto;
padding: 2px;
border-radius: 4px;
}
.calendar-entry-drag-mode.duration-changed {
justify-content: center;
}
.calendar-entry-drag-mode.duration-changed .calendar-event-block-duration {
display: block;
animation: 1600ms ease highlight-text forwards;
}
@keyframes highlight-text {
25%, 75% {
font-size: 13px;
box-shadow: inset 0 0 0 99999px rgba(255, 255, 255, 0.25);
}
to {
box-shadow: none;
font-size: 11px;
}
}
.calendar-entry-drag-popup {
animation: 3s ease close-entry-drag-popup forwards;
white-space: nowrap;
}
@keyframes close-entry-drag-popup {
0%, 80% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes calendar-edit-sharing-events-feature-popup-animation-open { from { opacity: 0; } to { opacity: 1; } }
@keyframes calendar-edit-sharing-events-feature-popup-animation-close { from { opacity: 1; } to { opacity: 0; } }
.calendar-edit-sharing-events-feature-popup-animation-open {
animation: calendar-edit-sharing-events-feature-popup-animation-open 300ms;
animation-fill-mode: both;
}
.calendar-edit-sharing-events-feature-popup-animation-close {
animation: calendar-edit-sharing-events-feature-popup-animation-close 300ms;
animation-fill-mode: both;
}
.calendar-month-view .calendar-grid-drag-select .calendar-grid-cell-inner {
background: #eaf9fe;
}
.calendar-grid-week-cell.calendar-timeline-drag-select .calendar-grid-cell-inner {
background: #eaf9fe !important;
}
.calendar-entry-shake-mode {
transform: translate3d(0, 0, 0);
animation: shakeDeny 0.82s cubic-bezier(.36, .07, .19, .97) both;
backface-visibility: hidden;
perspective: 1000px;
}
@keyframes shakeDeny {
10%, 90% { transform: translate3d(-1px, 0, 0); }
20%, 80% { transform: translate3d(2px, 0, 0); }
30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
40%, 60% { transform: translate3d(4px, 0, 0); }
}
/* END OF Drag & Drop*/
/* SEARCH */
.calendar-search-head {
display: flex;
margin: 0;
padding: 0 20px 0 0;
min-height: 30px;
/*background: var(--ui-color-palette-white-base, #fff);*/
justify-content: space-between;
align-items: center;
}
.calendar-search-name {
color: var(--ui-color-palette-black-base, #333);
font: 20px/27px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.calendar-search-cancel {
display: inline-block;
color: var(--ui-color-palette-black-base, #333);
letter-spacing: -0.32px;
font-size: var(--ui-font-size-md, 14px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 19px;
font-weight: var(--ui-font-weight-light, 300);
cursor: pointer;
transition: opacity .3s;
}
.calendar-search-cancel:before {
display: inline-block;
margin: 6px 3px 0 0;
width: 13px;
height: 13px;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23828B95%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.754%205.004L9.88.877l-.75-.75-4.126%204.127L.877.127l-.75.75%204.126%204.127L.127%209.13l.75.75%204.127-4.126L9.13%209.88l.75-.75-4.126-4.126z%22%20opacity%3D%22.5%22/%3E%3C/svg%3E);
background-repeat: no-repeat;
content: '';
vertical-align: top;
cursor: pointer;
}
.calendar-search-cancel:hover {
opacity: .7;
}
.calendar-search-main {
display: flex;
justify-content: center;
align-items: center;
}
.calendar-list-view-empty {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 3%;
}
.calendar-list-view-empty-title {
text-align: center;
margin-bottom: 10px;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
font-size: var(--ui-font-size-5xl, 28px);
line-height: var(--ui-font-line-height-3xs, 1.2);
}
.calendar-list-view-empty-text {
margin-bottom: 12px;
text-align: center;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-normal, 400);
font-size: var(--ui-font-size-md, 14px);
line-height: var(--ui-font-line-height-2xl, 1.75);
color: var(--ui-color-text-subtle, #828B95);
}
.calendar-list-view-empty-list {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 38px;
}
.calendar-list-view-empty-item {
display: flex;
align-items: center;
position: relative;
padding-right: 17px;
padding-left: 6px;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-size: var(--ui-font-size-sm, 13px);
}
.calendar-list-view-empty-item:not(.calendar-list-view-empty-item:last-of-type)::after {
content: '';
position: absolute;
left: 100%;
top: 50%;
transform: translate(0, -50%);
display: block;
width: 1px;
height: 28px;
background: var(--ui-color-base-15, #e6e7e9);
}
.calendar-list-view-empty-list-icon {
--calendar-empty-box-sizing: 38px;
display: block;
margin-right: 4px;
width: var(--calendar-empty-box-sizing);
height: var(--calendar-empty-box-sizing);
background-repeat: no-repeat;
background-position: center;
}
.calendar-list-view-empty-list-icon.--google {
background-image: url(images/calendar-empty-list-icon-google.svg);
}
.calendar-list-view-empty-list-icon.--apple {
background-image: url(images/calendar-empty-list-icon-apple.svg);
}
.calendar-list-view-empty-list-icon.--office {
background-image: url(images/calendar-empty-list-icon-office.svg);
}
.calendar-list-view-empty-no-invitations-icon {
width: 218px;
height: 178px;
margin-bottom: 23px;
background: url(images/calendar-invitations-empty-icon.svg) no-repeat center;
}
.calendar-list-view-empty-icon {
width: 198px;
height: 162px;
margin-bottom: 40px;
background: url(images/calendar-empty-icon.svg) no-repeat center;
}
.calendar-list-view-empty-add-event-button {
display: block;
border-bottom: var(--ui-border-width-thin, 1px) dashed rgba(var(--ui-color-link-primary-base-rgb), 0.4);
color: var(--ui-color-link-primary-base, #2066B0);
text-decoration: none;
font: 15px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
cursor: pointer;
transition: .3s;
}
.calendar-list-view-empty-add-event-button:hover {
border-color: var(--ui-color-link-primary-base, #2066B0);
}
.calendar-timeline-stream-search-result .calendar-timeline-loader {
display: none;
}
.calendar-search-no-result-popup {
border-top: 2px solid var(--ui-color-palette-orange-50, #ffa900);
}
.calendar-search-no-result-popup .popup-window-angly--arrow {
border: 2px solid var(--ui-color-palette-orange-50, #ffa900);
}
.calendar-search-no-result-popup-container {
display: flex;
flex-direction: column;
align-items: center;
}
.calendar-search-no-result-popup-title {
text-align: center;
font: 22px/28px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
margin-bottom: 10px;
}
.calendar-search-no-result-popup-text {
text-align: center;
font: 15px/21px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-normal, 400);
}
/* END OF SEARCH */
/*Simple view popup*/
.popup-window.calendar-simple-view-popup {
padding: 15px 20px 10px 20px;
max-width: 590px;
min-width: 600px;
}
.calendar-simple-view-popup-full .popup-window-buttons {
padding-right: 115px;
box-sizing: border-box;
text-align: left;
}
.calendar-simple-view-popup .calendar-right-block-event-info-btn-container {
margin-top: 15px;
}
/*END OF Simple view popup*/
.calendar-stepper-block {
width: 100%;
}
.calendar-user-list-popup-block {
overflow: auto;
max-height: 300px;
}
.popup-window.calendar-user-list-popup .popup-window-content {
overflow: hidden;
}
.calendar-user-list-popup-block .calendar-slider-sidebar-user-card {
margin: 0 7px 8px 0;
}
.calendar-member-more-count,
.calendar-member-total-count {
display: inline-block;
margin: 3px 0 0 5px;
border-bottom: 1px dashed var(--ui-color-background-transparent, transparent);
cursor: pointer;
transition: .2s;
}
.calendar-member-more-count:hover,
.calendar-member-total-count:hover {
border-bottom: 1px dashed var(--ui-color-palette-gray-70, #828b95);
color: var(--ui-color-palette-gray-70, #828b95);
}
.calendar-popup-overlay {
opacity: 0 !important;
transition: opacity 300ms ease;
}
.calendar-popup-overlay.calendar-popup-overlay-dark {
opacity: 0.2 !important;
}
.calendar-view-popup-wrap {
padding: 0;
width: 300px;
}
.calendar-view-popup-wrap .calendar-right-block-event-info {
padding-top: 0;
}
.calendar-caldav-item {
margin-bottom: 10px;
border-bottom: 1px solid var(--border-color-light-gray-lighter, #f1f2f3);
}
.calendar-caldav-item-title {
margin-bottom: 5px;
border-bottom: 1px solid var(--border-color-light-gray-lighter, #f1f2f3);
color: var(--color-light-gray-lighter, #a5abb2);
vertical-align: middle;
font-size: var(--ui-font-size-xs, 13px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 20px;
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.calendar-caldav-item-title .bxec-dav-del {
margin-left: 10px;
}
.calendar-caldav-sections-outer-wrap {
padding: 10px;
}
.calendar-caldav-sections-wrap {
position: relative;
top: -18px;
padding-left: 180px;
}
.calendar-caldav-field-container-wrap .calendar-field-container {
margin: 0 0 8px 20px;
width: 400px;
}
.calendar-page-link-btn {
display: inline-block;
width: 40px;
height: 32px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjODA4NjhFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS45OSA1Ljg5TDkuNTUgOC4zM2EzLjQ1IDMuNDUgMCAwIDEtNC44OCAwIDMuNDQ3IDMuNDQ3IDAgMCAxLS41MjQtLjY5Nkw1LjI4IDYuNWMuMDU0LS4wNTQuMTItLjA4NS4xODQtLjEyMi4wNzkuMjY4LjIxNS41MjEuNDI2LjczMmExLjcyNyAxLjcyNyAwIDAgMCAyLjQ0IDBsMi40NC0yLjQ0YTEuNzI2IDEuNzI2IDAgMCAwIDAtMi40NCAxLjcyNyAxLjcyNyAwIDAgMC0yLjQ0IDBsLS44NjguODY5YTQuMzI5IDQuMzI5IDAgMCAwLTIuMi0uMjRMNy4xMSAxLjAxMWEzLjQ1IDMuNDUgMCAwIDEgNC44OCA0Ljg4ek01LjUzOCA5LjkwMmwtLjg2OC44NjhhMS43MjggMS43MjggMCAwIDEtMi40NCAwIDEuNzI4IDEuNzI4IDAgMCAxIDAtMi40NGwyLjQ0LTIuNDRhMS43MjYgMS43MjYgMCAwIDEgMi40NCAwYy4yMS4yMS4zNDcuNDY0LjQyNi43MzEuMDY0LS4wMzcuMTMtLjA2Ny4xODQtLjEyMWwxLjEzMy0xLjEzM2EzLjM5IDMuMzkgMCAwIDAtLjUyMy0uNjk3IDMuNDUgMy40NSAwIDAgMC00Ljg4IDBMMS4wMSA3LjExYTMuNDUgMy40NSAwIDAgMCA0Ljg4IDQuODhsMS44NS0xLjg1YTQuMzI2IDQuMzI2IDAgMCAxLTIuMjAyLS4yMzh6Ii8+PC9zdmc+) no-repeat center;
vertical-align: middle;
line-height: 36px;
opacity: .5;
cursor: pointer;
transition: 250ms opacity linear;
}
.calendar-page-link-btn:hover {
opacity: 1;
}
.calendar-field-container .feed-add-post .diskuf-selectdialog {
padding-right: 0;
padding-left: 0;
}
.calendar-field-container .wd-fa-add-file-light-cell {
background-color: var(--ui-color-palette-white-base, #fff);
}
.calendar-clock-wrap .bxc-cus-sel {
box-sizing: content-box !important;
}
.calendar-lowercase {
text-transform: lowercase;
}
.crm_balloon_no_photo {
z-index: 3200 !important;
}
.calendar-default-search-wrap .main-ui-filter-search {
margin: 0 !important;
}
.calendar-default-buttons-container {
text-align: right !important;
}
.calendar-add-popup-planner-wrap .calendar-planner-settings-icon-container {
display: none;
/*background: #fdfdfd;*/
/*box-shadow: 0 0 10px 3px #fdfdfd;*/
}
.calendar-edit-planner-wrap .calendar-planner-settings-icon-container {
background: var(--ui-color-palette-gray-03, #f8f9fa);
box-shadow: 0 0 10px 3px var(--ui-color-palette-gray-03);
}
.calendar-error input[type=text],
input.calendar-error {
border-color: var(--background-red, #ff5752) !important;
}
.calendar-content-error-text {
margin-top: 5px;
margin-bottom: 15px;
padding: 10px 11px;
background-color: #fae5e8;
color: #d0011b;
font-size: var(--ui-font-size-md, 14px);
font-weight: var(--ui-font-weight-regular, 400);
line-height: 16px;
}
.menu-popup-item-help {
border-top: 1px solid rgba(0,0,0,.1);
}
.menu-popup-item-help .menu-popup-item-icon {
background: #bfc5ca none repeat scroll 0 0;
border-radius: var(--ui-border-radius-circle, 50%);
color: var(--ui-color-palette-white-base, #fff);
font-size: var(--ui-font-size-3xs, 11px);
height: 15px;
width: 15px;
line-height: 16px;
text-align: center;
margin-right: 2px;
cursor: help;
position: relative;
}
.menu-popup-item-help .menu-popup-item-icon:before {
content: '?';
}
.calendar-container-short-description {
max-width: 300px;
max-height: 250px;
overflow: auto;
}
.calendar-right-block .calendar-container-short-description {
max-width: 200px;
max-height: 350px;
}
.calendar-center-loader-block {
height: 180px;
transition: 300ms all ease;
position: absolute;
top: 20%;
left: calc(50% - 90px);
z-index: 1000;
}
#popup-window-content-menu-popup-popup-submenu-time-menu-day-0,
#popup-window-content-menu-popup-popup-submenu-time-menu-day-1,
#popup-window-content-menu-popup-popup-submenu-time-menu-day-2 {
max-height: 400px;
overflow: auto;
}
#popup-window-content-menu-popup-popup-submenu-custom-reminder {
padding: 14px!important;
}
.menu-popup-item-text .calendar-field-datetime{
max-width: 170px!important;
padding: 9px 30px 8px 9px!important;
}
.calendar-header-btn-container {
display: flex;
align-items: center;
margin-left: auto;
height: 53px;
color: var(--color-dark-gray, #535c69);
font-size: var(--ui-font-size-sm, 13px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 19px;
justify-content: flex-end;
margin-right: 20px;
}
.calendar-header-btn-item {
border-radius: var(--ui-border-radius-2xl, 16px);
border: 1px solid var(--border-color-gray, #c6cdd3);
padding: 3px 8px 3px 10px;
cursor: pointer;
transition: all 160ms linear;
height: 27px;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-right: 7px;
}
.calendar-header-btn-item:hover {
background: #cfd4d8;
}
.calendar-header-btn-item + .calendar-header-btn-item {
margin-left: 9px;
}
.calendar-header-btn-item-number {
margin-left: 3px;
position: relative;
padding-right: 10px;
}
.calendar-header-btn-item-number:after {
content: '';
right: 0;
position: absolute;
top: 8px;
width: 0;
height: 0;
border: 3px solid var(--ui-color-background-transparent, transparent);
border-top-color: rgba(83, 92, 105, .5);
}
.calendar-header-btn-item-text {
position: relative;
}
.bitrix24-light-theme .calendar-header-btn-container {
color: var(--ui-color-palette-white-base, #fff);
}
.bitrix24-light-theme .calendar-header-btn-item {
border-color: rgba(255, 255, 255, .33);
}
.bitrix24-light-theme .calendar-header-btn-item:hover {
background-color: rgba(255, 255, 255, .3);
}
.bitrix24-light-theme .calendar-header-btn-item-number:after {
border-top-color: rgba(255, 255, 255, .5);
}
.bitrix24-dark-theme .calendar-header-btn-item {
background-color: rgba(0, 0, 0, .07);
color: rgba(51, 51, 51, .8);
}
.bitrix24-dark-theme .calendar-header-btn-item:hover {
background-color: var(--border-dark, rgba(0, 0, 0, .1));
}
.calendar-header-btn-sync {
font-size: var(--ui-font-size-sm, 13px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 18px;
font-weight: var(--ui-font-weight-semi-bold, 600);
flex-shrink: 0;
}
.calendar-event-block-wrap-past .calendar-event-block-inner {
box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.8);
}
.calendar-event-block-wrap-past .calendar-event-block-text,
.calendar-event-block-wrap-past .calendar-event-block-collab-name {
color: var(--color-dark-gray-darker, #47505c);
opacity: .7;
}
.calendar-event-block-wrap-past .calendar-event-block-time {
opacity: .25;
color: var(--ui-color-palette-black-base, #333);
}
.calendar-event-block-wrap-new, .calendar-event-block-wrap-new .calendar-event-block-inner {
overflow: visible;
}
.calendar-event-block-new {
background-color: var(--ui-color-palette-white-base, #fff);
position: absolute;
top: -8px;
right: 6px;
z-index: 201;
color: #1bb8e9;
border-radius: 10px;
border: 1px solid #d4f0f8;
font-size: var(--ui-font-size-4xs, 10px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 12px;
font-weight: var(--ui-font-weight-semi-bold, 600);
padding: 0 6px 1px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}
.calendar-event-block-user {
width: 20px;
height: 20px;
display: inline-block;
border-radius: var(--ui-border-radius-circle, 50%);
border: 2px solid var(--ui-color-palette-white-base, #fff);
background: #525b69 url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2247.188%22%20height%3D%2254.063%22%3E%3Cpath%20data-name%3D%22Shape%202%20copy%204%22%20d%3D%22M47.18%2054.062c0-3.217-3.61-16.826-3.61-16.826%200-1.99-2.6-4.26-7.72-5.585a17.394%2017.394%200%2001-4.887-2.223c-.33-.188-.28-1.925-.28-1.925l-1.648-.25c0-.142-.14-2.225-.14-2.225%201.972-.663%201.77-4.574%201.77-4.574%201.252.695%202.068-2.4%202.068-2.4%201.482-4.3-.738-4.04-.738-4.04a27.05%2027.05%200%20000-7.918c-.987-8.708-15.847-6.344-14.085-3.5-4.343-.8-3.352%209.082-3.352%209.082l.942%202.56c-1.85%201.2-.564%202.65-.5%204.32.09%202.466%201.6%201.955%201.6%201.955.093%204.07%202.1%204.6%202.1%204.6.377%202.556.142%202.12.142%202.12l-1.786.217a7.1%207.1%200%2001-.14%201.732c-2.1.936-2.553%201.485-4.64%202.4-4.032%201.767-8.414%204.065-9.193%207.16S-.012%2054.06-.012%2054.06h47.19z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E) no-repeat top 2px center;
z-index: 11;
position: absolute;
top: 3px;
left: 7px;
background-size: contain;
box-sizing: border-box;
overflow: hidden;
}
.calendar-event-block-user img {
border-radius: var(--ui-border-radius-circle, 50%);
width: 17px;
height: 17px;
}
.calendar-event-wrap-icon .calendar-event-block-text {
vertical-align: top;
}
.calendar-event-line-wrap-sharing .calendar-event-line-text,
.calendar-event-line-wrap-sharing .calendar-event-line-text span {
color: var(--color-sharing, #C48300);
}
.calendar-event-invite-counter {
display: inline-flex;
overflow: hidden;
align-items: center;
justify-content: center;
min-width: 18px;
max-width: 18px;
line-height: 12px;
height: 14px;
border-radius: 7px;
border: 1px solid #fefeff;
box-sizing: border-box;
background: var(--ui-color-text-alert);
font-family: var(--ui-font-family-open-sans);
color: #fff;
width: 6px;
font-weight: 600;
font-size: 10px;
order: -1;
}
.calendar-event-invite-counter-dot {
display: none;
/*display: inline-block;*/
background: #F25830;
min-width: 9px;
min-height: 9px;
border-radius: 50%;
margin-right: 5px;
margin-bottom: 2px;
}
.calendar-event-invite-counter-big {
position: absolute;
margin-right: 5px;
transform: translate(0, -1px);
}
.calendar-event-invite-counter-none {
display: none;
}
.calendar-event-invite-counter-big:not(.calendar-event-invite-counter-none) + .calendar-field-string {
padding-left: 28px;
}
.calendar-slider-header .calendar-event-invite-counter-big {
position: relative;
border-color: var(--ui-color-text-alert);
margin-right: 10px;
transform: translate(0, -3px);
}
.calendar-event-block-title .calendar-event-invite-counter {
margin-right: 5px;
align-self: center;
}
.calendar-event-line-inner .calendar-event-invite-counter {
margin-right: 3px;
}
.calendar-timeline-stream-content-event-name .calendar-event-invite-counter {
margin-left: -3px;
margin-right: 2px;
}
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight {
animation-name: event-counter-highlight;
outline: 1px solid #FFA90000;
border-radius: var(--ui-border-radius-2xs, 4px);
}
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight.calendar-event-line-fill .calendar-event-line-inner-container,
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight.calendar-event-line-border .calendar-event-line-inner-container,
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight .calendar-event-angle-finish-tomorrow,
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight .calendar-event-angle-start-yesterday,
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight .calendar-event-block-text,
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight .calendar-event-block-time,
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight .calendar-event-block-collab,
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight {
animation-delay: 2s;
animation-duration: 3s;
}
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight.calendar-event-line-fill,
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight.calendar-event-line-border {
animation-name: event-counter-highlight-border;
}
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight.calendar-event-line-fill .calendar-event-line-inner-container,
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight.calendar-event-line-border .calendar-event-line-inner-container {
animation-name: event-counter-highlight-border;
}
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight .calendar-event-angle-finish-tomorrow,
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight .calendar-event-angle-start-yesterday {
animation-name: event-counter-arrow-highlight;
}
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight .calendar-event-block-text,
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight .calendar-event-block-time,
.calendar-grid-highlight-all .calendar-event-animate-counter-highlight .calendar-event-block-collab {
animation-name: event-counter-color-highlight;
}
@keyframes event-counter-highlight {
50% {
box-shadow: inset 0 0 0 9999px rgba(253, 250, 225, 1);
outline: 1px solid #FFA900;
}
}
@keyframes event-counter-highlight-border {
50% {
box-shadow: inset 0 0 0 9999px rgba(253, 250, 225, 1);
border-color: #FFA900;
}
}
@keyframes event-counter-color-highlight {
50% {
color: var(--color-dark-gray-darker, #47505c);
}
}
@keyframes event-counter-arrow-highlight {
50% {
stroke: #FFA900;
fill: rgba(253, 250, 225, 1);
opacity: 1;
}
}
.calendar-event-block-icon-extranet {
width: 14px;
height: 14px;
position: absolute;
top: 6px;
left: 9px;
z-index: 11;
display: inline-block;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.96%2013.154a6.165%206.165%200%2001-3.916-1.397c.015-.074.03-.155.03-.202%200-.1-.267-.3-.267-.3l.4-.866s-1.1-.835-1.2-.9c-.1-.068-.468-.502-.567-.568-.1-.067-.3-.767-.3-.767l-.267-.076A6.22%206.22%200%2001.768%206.96c0-.926.209-1.801.573-2.59.115-.07.224-.15.265-.219.1-.167.968-.734%201.168-.8.2-.067.767-.768.767-.768l-.234-.467-.127-.054A6.16%206.16%200%20016.96.768c.769%200%201.501.146%202.18.402l-.335-.022h-.372c-.074%200-.224.022-.347.022-.124%200-.422.19-.521.216-.097.024-.323.151-.42.151-.1%200-.248.188-.248.188s-.173.315-.024.266c.148-.05.347-.052.37.023.026.073.074.196.099.27.024.074.372.1.372.1s.124-.102.199-.202a.485.485%200%2000.073-.246s.125.25.15.323c.024.074-.05.298-.05.298s-.274.173-.347.173c-.075%200-.497-.372-.497-.372-.148.05-.273.124-.273.124-.173.174-.347.322-.347.322s-.149.05-.248.124c-.099.076-.312.09-.372.174-.124.171-.048.254-.048.254l-.056.24-.107.074-.362.076-.26-.076c.024.074-.066.397-.066.397l.083.445s.36.099.434.099c.075%200%20.26.027.36-.072.096-.1.26-.323.31-.397a.452.452%200%2001.265-.198c.149-.05.173-.125.248-.15.075-.024.372-.074.372-.074l.26.174c.033.025-.218.101.291.175v.197l.303-.025-.177-.199-.024-.006-.288-.29-.02-.224s.482.303.405.224c-.06-.06.252.14.282.16l.146.348.226.277c.267.026-.23-.315.027-.315%200%200%20.24.052.314.027.074-.025.13-.096.235-.126.157-.046-.027-.223.059-.347.09-.132.229-.174.303-.2.077-.023.272-.03.272-.03l.328-.068c-.034.167-.208.115-.173.223.031.097.322.1.421.174.1.075.025.184.025.184s-.273-.025-.446-.05c-.174-.024-.447.089-.447.089l-.22.124s-.15.05-.125.174c.023.124.124.273.22.396.1.125.175.273.25.224.074-.052.25-.037.25-.037s.022.012.047.134c.025.123.025.297.025.297s-.248%200-.174.052c.075.047.179.236.223.296a27.1%2027.1%200%2001.817%201.216c.049.098.027.25.098.32.15.148.447%200%20.522-.048.074-.05.322-.174.394-.247.077-.075.052-.05.201-.15.149-.1.246-.173.174-.248-.075-.074-.224-.347-.224-.347-.223.05-.446-.075-.446-.148%200-.076-.133-.37-.133-.37s-.04-.05.133.046c.173.1.322.299.472.299.148%200%20.22.049.393.148.174.099.251.223.348.274.099.049.248.247.248.247s.11.259.155.391a6.19%206.19%200%2001-6.184%206.019zm3.152-11.517c-.092.051-.194.097-.243.048a2.883%202.883%200%2000-.248-.2c.046-.03.032-.07-.004-.113.17.082.334.17.495.265zM6.961%200a6.96%206.96%200%20100%2013.922A6.96%206.96%200%20006.961%200zm4.05%207.907c-.149-.25-.57-.794-.646-.918a2.19%202.19%200%2001-.173-.47c-.025-.1-.149-.373-.174-.447-.025-.075-.198-.298-.248-.372-.05-.075-.223-.125-.322-.2-.1-.073-.72-.197-.72-.197s-.188-.12-.246-.075c-.247.2-.818.075-.942.026-.124-.051-.198-.123-.198-.197%200-.077-.113-.434-.113-.434s-.242.042-.317.042c-.074%200-.267-.077-.267-.077s-.249.023-.348.072c-.097.05-.295.124-.37.149-.074.024-.272.05-.272.05-.224-.1-.395.148-.447.248-.047.099-.147.148-.147.248%200%20.099-.19.208-.263.256-.074.05-.332.238-.406.361a1.322%201.322%200%2000-.139.406c-.025.124-.06.215-.06.388%200%20.175-.024.273%200%20.422.025.15.273.522.372.645.1.124.224.273.348.347.124.072.32.11.32.11s.074.26.273.186c.198-.074.397-.074.57-.175.174-.096.447-.22.447-.071%200%20.148.26.212.41.162.149-.05.232-.138.208.037-.023.173.052.397.052.496%200%20.096-.025.195.05.273.072.072.143.176.143.248%200%20.074.154.344.204.443.05.1.101.248.052.347-.05.1-.147.373-.147.373s-.042.224-.017.297a.826.826%200%2000.209.299c.124.12.124.272.198.37.074.101.101.301.101.301l.13.287.102.416s.438-.21.535-.235c.1-.025.363-.2.461-.298.1-.1.08-.175.204-.274l.35-.272-.026-.37.299-.398.223-.222s.198-.271.174-.37c-.025-.098-.075-.596-.075-.596s.099-.222.173-.321c.075-.103.075-.224.224-.347.148-.126.248-.274.322-.373.075-.1.223-.298.273-.372.05-.072-.016-.189-.014-.192l-.33-.032zM5.692%202.641v.262l.431-.099.107-.148-.268-.323-.139-.273-.131.125v.441l-.335-.095-.1.224.097.148.338-.262zm5.093%207.869c-.025.099-.05.248-.05.248s-.121.272-.149.371c-.024.1.028.298.1.273.074-.024.198-.172.273-.222.074-.05.198-.249.222-.347.026-.1.072-.274.1-.372.024-.098.049-.299.052-.37%200-.074.027-.387.027-.387l-.342.444s-.206.266-.233.362z%22/%3E%3C/svg%3E);
}
.calendar-event-block-icon-mail {
align-self: flex-start;
padding: 2px 0;
min-width: 14px;
min-height: 10px;
width: 14px;
height: 10px;
margin-right: 5px;
display: inline-block;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2210%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.985%201.228v7.894c0%20.487-.449.882-1.005.882H1.02c-.555%200-1.005-.394-1.005-.882V1.228L7%206.393l6.985-5.165zM12.91%200L7%204.071%201.089.001H12.91z%22/%3E%3C/svg%3E) no-repeat center;
}
.calendar-event-block-compact .calendar-event-block-icon-mail {
padding: 1px 0;
}
.calendar-event-block-compact .calendar-event-block-icon-extranet {
top: 5px;
}
.calendar-event-block-compact .calendar-event-block-icon-refused {
margin-top: 0;
padding: 0;
}
.calendar-item-hotkey {
margin-left: 14px;
float: right;
}
.calendar-view-switcher-popup .menu-popup-item-text {
width: calc(100% - 31px);
box-sizing: border-box;
}
/*crm userfield popup*/
div#bx-selector-dialog-uf-crm-cal-event,
div#bx-selector-dialog-uf-crm-cal-event-search {
z-index: 3200 !important;
}
.calendar-field-choice-calendar {
display: flex;
align-items: center;
cursor: pointer;
max-width: 480px;
}
.calendar-field-choice-calendar-name {
font-size: var(--ui-font-size-md, 14px);
line-height: 20px;
color: #858c96;
position: relative;
padding-right: 16px;
transition: color .2s linear;
white-space: nowrap;
max-width: 480px;
overflow: hidden;
text-overflow: ellipsis;
}
.calendar-field-choice-calendar-name:after {
content: '';
position: absolute;
width: 8px;
height: 5px;
right: 0;
top: 9px;
opacity: .5;
transition: opacity .2s linear;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%225%22%3E%3Cpath%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.914%203.885L0%20.971.971%200l2.914%202.914L6.799%200l.972.971-3.886%203.886-.971-.972z%22%20opacity%3D%221%22/%3E%3C/svg%3E);
}
.calendar-field-choice-calendar-name:hover {
color: #656c78;
}
.calendar-field-choice-calendar-name-location:hover {
color: #858c96;
}
.calendar-field-choice-calendar-name:hover:after {
opacity: .9;
}
.calendar-field-choice-calendar-img {
overflow: hidden;
margin-right: 9px;
flex-shrink: 0;
}
.calendar-field-choice-calendar-img-value {
border-radius: var(--ui-border-radius-circle, 50%);
width: 28px;
height: 28px;
}
.calendar-field-location-host-img{
overflow: hidden;
margin-right: 5px;
flex-shrink: 0;
}
.calendar-field-location-host-img-value{
border-radius: var(--ui-border-radius-circle, 50%);
width: 28px;
height: 28px;
margin-left: 10px;
}
.calendar-field-choice-calendar-img .ui-icon{
width: 28px;
height: 28px;
}
.calendar-add-popup-wrap .calendar-field-block-left,
.calendar-add-popup-wrap .calendar-field-block-right {
display: flex;
flex-grow: 0;
flex-shrink: 1;
}
.calendar-add-popup-wrap .calendar-field-block-between {
width: 8px;
max-width: 8px;
padding: 0;
flex-shrink: 0;
background: #d3d6d9;
margin: 0 3px;
}
.calendar-add-popup-wrap .calendar-event-full-day {
flex-shrink: 0;
color: var(--ui-color-palette-gray-90, #525c69);
font-size: var(--ui-font-size-sm, 13px);
line-height: 18px;
margin-left: 15px;
display: flex;
align-items: center;
}
.calendar-add-popup-wrap .calendar-event-full-day input[type="checkbox"] {
margin: 0;
}
.calendar-add-popup-wrap .calendar-event-full-day label {
margin-bottom: 2px;
margin-left: 7px;
line-height: 13px;
}
.calendar-add-popup-wrap .calendar-field-datetime,
.calendar-add-popup-wrap .calendar-field-time {
font-size: 14px;
line-height: 18px;
color: var(--ui-color-palette-gray-90, #525c69);
padding-top: 6px;
padding-bottom: 6px;
border-color: var(--border-color-gray, #c6cdd3);
border-radius: var(--ui-field-border-radius, 2px);
}
.calendar-add-popup-wrap .calendar-field-datetime {
max-width: 110px;
padding-left: 5px;
background-position: right 6px center;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 25px;
}
.calendar-add-popup-wrap .calendar-field-time {
max-width: 70px;
background: var(--ui-color-palette-white-base, #fff);
padding-right: 10px;
margin: 0 2px;
opacity: 1;
transition: 350ms all linear;
}
.calendar-time-modifier .calendar-add-popup-wrap .calendar-field-time {
max-width: 80px;
}
.calendar-add-popup-wrap .calendar-options-item-datetime-hide-time .calendar-field-time {
margin: 0;
min-width: 0;
max-width: 0 !important;
opacity: 0;
padding: 0;
}
.calendar-field-container-inform {
cursor: pointer;
margin-bottom: 3px;
display: none;
}
.calendar-field-container-inform-text {
font-size: var(--ui-font-size-sm, 13px);
line-height: 18px;
color: #858c96;
transition: color .2s linear;
position: relative;
padding-left: 18px;
}
.calendar-field-container-inform-text:before {
content: none;
width: 13px;
height: 14px;
opacity: .63;
transition: opacity .2s linear;
position: absolute;
left: 0;
top: 1px;
}
.calendar-field-container-inform .calendar-field-container-inform-text:before {
content: '';
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2213%22%20height%3D%2214%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.19%2012.202l-.002.027a1.713%201.713%200%20003.425%200c0-.008-.003-.017-.003-.027H5.19zm5.976-7.297c0-1.496-1.16-3.618-3.464-4.018V.85A.852.852%200%20006.852%200a.851.851%200%2000-.848.849v.04c-2.3.402-3.457%202.522-3.457%204.016%200%201.658.016%202.84.016%203.601%200%20.761-1.762%201.837-1.762%201.837v.936h12.11v-.936s-1.76-1.076-1.76-1.837c0-.76.015-1.943.015-3.601z%22/%3E%3C/svg%3E);
}
.calendar-field-container-inform.calendar-field-container-inform-off .calendar-field-container-inform-text:before {
content: '';
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2213%22%20height%3D%2214%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.61%2012.202c0%20.01.003.019.003.027a1.713%201.713%200%2001-3.425%200l.001-.013.001-.014h3.42zM11.04.224l.937.936L.937%2012.2%200%2011.264%2011.04.224zm.002%203.783c.083.31.124.616.124.898l-.001.682c-.003%201.305-.015%202.267-.015%202.92%200%20.722%201.589%201.73%201.748%201.828l.012.008v.936l-9.14-.001%207.272-7.271zM6.852%200c.431%200%20.79.325.843.743l.007.106v.038c.224.039.437.094.639.163L2.554%206.84a317.82%20317.82%200%2001-.006-1.252l-.001-.682c0-1.443%201.079-3.468%203.223-3.969L6.004.89v-.04c0-.467.381-.849.848-.849z%22%20opacity%3D%221%22/%3E%3C/svg%3E);
}
.calendar-field-container-inform-text:hover {
color: #747a82;
}
.calendar-field-container-inform-text:hover:before {
opacity: .8;
}
.calendar-field-container-info {
border-radius: var(--ui-border-radius-xs, 2px);
background: #f8f9fA;
}
/*.calendar-add-popup-planner-menu {*/
/* cursor: pointer;*/
/* width: 30px;*/
/* height: 18px;*/
/* border: 1px solid rgba(82, 92, 105, .1);*/
/* border-radius: 10px;*/
/* display: flex;*/
/* align-items: center;*/
/* justify-content: center;*/
/* transition: border-color .2s linear;*/
/*}*/
/*.calendar-add-popup-planner-menu-icon {*/
/* width: 16px;*/
/* height: 4px;*/
/* opacity: .5;*/
/* transition: opacity .2s linear;*/
/* background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%224%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%200a2%202%200%20110%204%202%202%200%20010-4zm6%200a2%202%200%20110%204%202%202%200%20010-4zm6%200a2%202%200%20110%204%202%202%200%20010-4z%22/%3E%3C/svg%3E);*/
/*}*/
/*.calendar-add-popup-planner-menu:hover {*/
/* border-color: rgba(82, 92, 105, .3);*/
/*}*/
/*.calendar-add-popup-planner-menu:hover .calendar-add-popup-planner-menu-icon {*/
/* opacity: .6;*/
/*}*/
.calendar-field-container.calendar-field-container-info {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
padding: 10px 30px 15px 18px;
}
.calendar-field-container-info .calendar-field-block {
display: flex;
align-items: center;
flex: auto;
}
.calendar-field-title {
font-size: var(--ui-font-size-sm, 13px);
line-height: 18px;
color: #9b9b9b;
max-width: 120px;
width: 120px;
margin-right: 13px;
flex-shrink: 0;
}
.calendar-field-link, .calendar-add-popup-wrap .calendar-reminder-item {
font-size: var(--ui-font-size-md, 14px);
line-height: 18px;
color: #2066b0;
border-bottom: 1px dashed rgba(39, 107, 179, .4);
transition: all .2s linear;
padding: 0;
cursor: pointer;
}
.calendar-field-link:hover, .calendar-add-popup-wrap .calendar-reminder-item:hover {
border-color: rgba(39, 107, 179, .8);
}
.calendar-add-popup-wrap .calendar-reminder-item {
margin-left: 0;
}
.calendar-field-link {
cursor: pointer;
}
.calendar-field-place {
display: flex;
}
.calendar-field-place input.calendar-field-select {
height: 31px;
font-size: 14px;
line-height: 18px;
color: var(--ui-color-palette-black-base, #333);
min-width: 300px;
border-color: var(--border-color-gray, #c6cdd3);
margin-bottom: 5px;
}
.calendar-location-readonly {
pointer-events: none;
}
.calendar-location-readonly .calendar-field-place-link .calendar-text-link {
border-bottom-style: none;
margin-top: 2px;
}
.calendar-field-place-link {
height: 31px;
display: flex;
align-items: center;
}
.calendar-field-place-link .calendar-text-link {
color: #80868E;
border-color: rgba(128, 134, 142, .4);
transition: border .2s linear;
overflow: hidden;
text-overflow: ellipsis;
max-width: 300px;
}
.calendar-field-place-link .calendar-text-link:hover {
border-color: rgba(128, 134, 142, 1);
border-bottom-style: dashed;
}
.calendar-field-container-info .calendar-field-block .calendar-text {
min-height: 31px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.calendar-field-container-info .calendar-text {
margin: 0;
}
.calendar-field-container-info .calendar-reminder-clear-icon {
top: -3px;
right: -22px;
}
.calendar-field-container-info .calendar-notification-btn-container {
margin-top: 3px;
cursor: pointer;
margin-left: 2px;
}
.calendar-field-container-info .calendar-notification-icon {
top: 7px;
}
.calendar-field-container-info .calendar-notification-icon:before,
.calendar-field-container-info .calendar-notification-icon:after {
top: 5px;
background: #c9caca;
}
.calendar-field-container-info .calendar-reminder-clear-icon:after {
opacity: .7;
}
.calendar-field-container-info .calendar-notification-add-btn-wrap,
.calendar-location-clear-btn-wrap {
display: flex;
align-items: center;
}
.calendar-add-popup-wrap .calendar-field-container-choice {
margin-bottom: 7px;
}
.calendar-add-popup-wrap .calendar-notification-text,
.calendar-location-clear-btn-text {
border-bottom-style: dashed;
transition: border-color .2s linear;
border-color: rgba(128, 134, 142, .4);
line-height: 16px;
}
.calendar-location-clear-btn-text {
margin-top: 3px;
}
.calendar-add-popup-wrap .calendar-notification-text:hover,
.calendar-location-clear-btn-text:hover {
border-color: rgba(128, 134, 142, 1);
}
.calendar-full-form-btn.ui-btn {
font-size: var(--ui-font-size-sm, 13px);
line-height: 18px;
color: var(--color-light-gray, #80868e);
cursor: pointer;
border: none;
border-bottom: 1px dashed rgba(130, 139, 149, .4);
transition: all .2s linear;
position: absolute;
top: 29px;
right: 1px;
height: auto;
background: var(--ui-color-background-transparent, transparent);
outline: none;
text-transform: none;
padding: 0;
margin: 0;
max-width: 135px;
}
.calendar-field-link-secondary {
font-size: var(--ui-font-size-sm, 13px);
line-height: 18px;
color: var(--color-light-gray, #80868e);
cursor: pointer;
border-bottom: 1px dashed rgba(130, 139, 149, .4);
transition: all .2s linear;
}
.calendar-full-form-btn.ui-btn:hover,
.calendar-field-link-secondary:hover {
border-color: rgba(130, 139, 149, .8);
}
.calendar-field-value {
font-size: var(--ui-font-size-md, 14px);
line-height: 32px;
color: var(--ui-color-palette-gray-90, #525c69);
display: inline-block;
}
.calendar-field-value + .calendar-field-value {
margin-left: 4px;
}
.calendar-field-value-time {
padding-left: 9px;
margin: 0 7px 0 3px;
}
.calendar-datetime-inline-mode-view .calendar-field-block-left,
.calendar-datetime-inline-mode-view .calendar-field-block-right {
flex-grow: 0;
}
.calendar-field-block-right .calendar-field-value-time {
padding-left: 0;
margin-left: 7px;
}
.calendar-datetime-inline-mode-view .calendar-event-full-day {
margin-left: auto;
}
.calendar-datetime-inline-mode-view .calendar-reminder-clear-icon,
.calendar-datetime-inline-mode-view .calendar-notification-add-btn-wrap {
display: none;
}
.calendar-colorpicker-readonly.calendar-field-select {
cursor: default;
}
.calendar-colorpicker-readonly.calendar-field-select:after,
.calendar-colorpicker-readonly.calendar-field-select:before {
display: none;
}
.calendar-colorpicker-readonly.calendar-field-select .calendar-field-select-icon {
margin-right: 0;
margin-left: 8px;
}
.calendar-section-selector-readonly .calendar-field-choice-calendar-name:after {
display: none;
}
.calendar-section-selector-readonly .calendar-field-choice-calendar-name:hover {
color: #858c96;
}
.calendar-section-selector-readonly .calendar-field-choice-calendar-name {
padding-right: 0;
}
.calendar-field-choice-calendar.calendar-section-selector-readonly,
.calendar-field-choice-calendar.calendar-repeat-selector-readonly {
cursor: default;
}
.calendar-field-value.calendar-field-value-date {
white-space: nowrap;
}
.calendar-datetime-inline-mode-edit .calendar-field-value.calendar-field-value-date,
.calendar-datetime-inline-mode-edit .calendar-field-value.calendar-field-value-time {
display: none;
}
.calendar-datetime-inline-mode-view .calendar-field.calendar-field-datetime,
.calendar-datetime-inline-mode-view .calendar-field.calendar-field-time,
.calendar-datetime-inline-mode-view .calendar-event-full-day {
display: none;
}
.popup-window.bx-finder-popup.bx-finder-v2,
div#invite-email-email-user-popup {
z-index: 4200!important;
}
.calendar-field-container-view {
border-bottom: 1px solid #eeedf0;
}
.calendar-field-container-view .calendar-field-string {
border: none;
width: auto;
text-overflow: ellipsis;
}
.calendar-field-container-view .calendar-field-select-icon {
margin-right: 0;
right: 20px;
width: 12px;
height: 12px;
top: 0;
}
.calendar-simple-view-popup-show {
animation: popupShowAnimation 200ms;
animation-fill-mode: both;
}
.calendar-simple-view-popup-close {
animation: popupCloseAnimation 200ms;
animation-fill-mode: both;
}
@keyframes popupShowAnimation {
0% {
opacity: 0;
transform: translate3d(0,5px,0);
}
100% {
opacity: 1;
transform: translate3d(0,0px,0);
}
}
@keyframes popupCloseAnimation {
0% {
opacity: 1;
transform: translate3d(0,0px,0);
}
100% {
opacity: 0;
transform: translate3d(0,25px,0);
}
}
.popup-window.calendar-color-popup-wrap .calendar-add-popup-color-menu-item {
display: inline-block;
}
.calendar-simple-view-popup .popup-window-close-icon {
height: 35px;
width: 35px;
}
.calendar-simple-view-popup .popup-window-close-icon:after {
top: 71%;
left: 42%;
}
.calendar-simple-view-popup .popup-window-buttons {
position: relative;
}
.calendar-popup-user-menu .popup-window-content {
padding: 0;
overflow-y: auto;
overflow-x: hidden;
max-height: 400px;
}
.calendar-popup-user-menu .popup-window-content::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
.calendar-popup-user-menu .popup-window-content::-webkit-scrollbar-thumb {
border-radius: 14px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.calendar-popup-user-menu .calendar-add-popup-user-menu-item .menu-popup-item-icon img,
.calendar-popup-user-menu .calendar-add-popup-user-menu-item .menu-popup-item-icon .ui-icon,
.calendar-popup-user-menu .calendar-add-popup-user-menu-item.calendar-collab-user .menu-popup-item-icon .ui-avatar {
width: 22px;
height: 22px;
margin: -4px 2px 0 -4px;
}
.calendar-popup-user-menu .menu-popup-item.calendar-add-popup-user-menu-item.calendar-collab-user .menu-popup-item-text {
color: #19cc45;
}
.popup-window.reinvite-popup-window .popup-window-content {
text-align: center;
background-color: var(--ui-color-palette-white-base, #fff);
}
.calendar-header-btn-container {
display: flex;
align-items: center;
margin-left: auto;
height: 53px;
color: var(--color-dark-gray, #535c69);
font-size: var(--ui-font-size-sm, 13px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 19px;
font-weight: var(--ui-font-weight-semi-bold, 600);
justify-content: flex-end;
margin-right: 20px;
}
.calendar-header-btn-item {
border-radius: var(--ui-border-radius-2xl, 16px);
border: 1px solid rgba(83, 92, 105, .15);
padding: 3px 8px 3px 10px;
cursor: pointer;
transition: all .2s linear;
height: 27px;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.calendar-header-btn-item:hover {
border-color: rgba(83, 92, 105, .25);
}
.calendar-header-btn-item + .calendar-header-btn-item {
margin-left: 9px;
}
.calendar-header-btn-item-number {
margin-left: 3px;
position: relative;
padding-right: 10px;
}
.calendar-header-btn-item-number:after {
content: '';
right: 0;
position: absolute;
top: 8px;
width: 0;
height: 0;
border: 3px solid var(--ui-color-background-transparent, transparent);
border-top-color: rgba(83, 92, 105, .5);
}
.calendar-header-btn-item-text {
position: relative;
}
.calendar-header-btn-item-sync {
padding-left: 7px;
}
.calendar-header-btn-item-sync .calendar-header-btn-item-text {
padding-left: 24px;
}
.calendar-header-btn-item-sync .calendar-header-btn-item-text:before {
content: '';
position: absolute;
left: 0;
top: 1px;
width: 17px;
height: 17px;
background-repeat: no-repeat;
background-position: center;
}
.calendar-header-btn-item-sync-success .calendar-header-btn-item-text:before {
background-image: 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%2217%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%239DCF00%22%20d%3D%22M8.5%200a8.5%208.5%200%20110%2017%208.5%208.5%200%20010-17z%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7.369%209.879l4.778-4.808%201.322%201.33-6.08%206.117-.02-.021-.021.021L3.54%208.689%204.863%207.36z%22/%3E%3C/g%3E%3C/svg%3E);
}
.calendar-header-btn-item-sync-fail .calendar-header-btn-item-text:before {
background-image: 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%2217%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FF5752%22%20d%3D%22M8.5%200a8.5%208.5%200%20110%2017%208.5%208.5%200%20010-17z%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7.1%203.134h2.68l-.289%206.374H7.327z%22/%3E%3Ccircle%20cx%3D%228.463%22%20cy%3D%2212.836%22%20r%3D%221.429%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E);
}
.bitrix24-light-theme .calendar-header-btn-container {
color: var(--ui-color-palette-white-base, #fff);
}
.bitrix24-light-theme .calendar-header-btn-item {
border-color: rgba(255, 255, 255, .33);
}
.bitrix24-light-theme .calendar-header-btn-item:hover {
border-color: rgba(255, 255, 255, .5);
}
.bitrix24-light-theme .calendar-header-btn-item-number:after {
border-top-color: rgba(255, 255, 255, .5);
}
.calendar-header-btn-item-sync-connect {
color: var(--ui-color-palette-white-base, #fff);
background: var(--ui-color-palette-blue-50, #2fc6f6);
border: none;
padding-left: 15px;
padding-right: 15px;
}
.calendar-header-btn-item-sync-connect .calendar-header-btn-item-text {
padding-left: 0;
}
.calendar-header-btn-item-sync-connect:hover {
background: #3eddff;
}
.calendar-event-block-wrap-past .calendar-event-block-inner {
box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.8);
}
.calendar-event-block-wrap-past .calendar-event-block-text {
color: var(--color-dark-gray-darker, #47505c);
opacity: .7;
}
.calendar-event-block-wrap-past .calendar-event-block-time,
.calendar-event-block-wrap-past .calendar-event-block-time-shadow,
.calendar-event-block-wrap-past .calendar-event-block-collab-name .collab-prefix {
opacity: .25;
color: var(--ui-color-palette-black-base, #333);
}
.calendar-event-block-wrap-new, .calendar-event-block-wrap-new .calendar-event-block-inner {
overflow: visible;
}
.calendar-event-block-new {
background-color: var(--ui-color-palette-white-base, #fff);
position: absolute;
top: -8px;
right: 6px;
z-index: 201;
color: #1bb8e9;
border-radius: var(--ui-border-radius-md, 10px);
border: 1px solid #d4f0f8;
font-size: var(--ui-font-size-4xs, 10px);
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
line-height: 12px;
font-weight: var(--ui-font-weight-semi-bold, 600);
padding: 0 6px 1px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}
.calendar-event-block-user {
width: 20px;
height: 20px;
display: inline-block;
border-radius: var(--ui-border-radius-circle, 50%);
border: 2px solid var(--ui-color-palette-white-base, #fff);
background: #525b69 url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2247.188%22%20height%3D%2254.063%22%3E%3Cpath%20data-name%3D%22Shape%202%20copy%204%22%20d%3D%22M47.18%2054.062c0-3.217-3.61-16.826-3.61-16.826%200-1.99-2.6-4.26-7.72-5.585a17.394%2017.394%200%2001-4.887-2.223c-.33-.188-.28-1.925-.28-1.925l-1.648-.25c0-.142-.14-2.225-.14-2.225%201.972-.663%201.77-4.574%201.77-4.574%201.252.695%202.068-2.4%202.068-2.4%201.482-4.3-.738-4.04-.738-4.04a27.05%2027.05%200%20000-7.918c-.987-8.708-15.847-6.344-14.085-3.5-4.343-.8-3.352%209.082-3.352%209.082l.942%202.56c-1.85%201.2-.564%202.65-.5%204.32.09%202.466%201.6%201.955%201.6%201.955.093%204.07%202.1%204.6%202.1%204.6.377%202.556.142%202.12.142%202.12l-1.786.217a7.1%207.1%200%2001-.14%201.732c-2.1.936-2.553%201.485-4.64%202.4-4.032%201.767-8.414%204.065-9.193%207.16S-.012%2054.06-.012%2054.06h47.19z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E) no-repeat center;
z-index: 11;
position: absolute;
top: 3px;
left: 7px;
background-size: contain;
box-sizing: border-box;
}
.calendar-event-block-user img {
border-radius: var(--ui-border-radius-circle, 50%);
width: 16px;
height: 16px;
}
.calendar-event-block-wrap-user .calendar-event-block-text {
margin-left: 22px;
display: inline;
vertical-align: top;
}
#add_from_email.popup-window{
z-index: 4500!important;
}
.calendar-confirm-email-text {
text-align: left;
color: #424956;
margin-bottom: 15px;
}
.calendar-confirm-email-help-link {
color:rgb(32, 103, 176);
border-bottom: 1px dashed rgba(39, 107, 179, .4);
}
.calendar-confirm-email-help-link:hover {
color:rgb(32, 103, 176);
border-color: rgba(39, 107, 179, .8);
}
.popup-window.confirmemail-popup-window .popup-window-content {
padding: 5px 20px 5px 20px;
background-color: var(--ui-color-palette-white-base, #fff);
}
.calendar-field-container-info .calendar-notification-values {
max-width: 295px;
}
.calendar-slider-error {
background: var(--ui-color-palette-white-base, #fff);
color: var(--ui-color-palette-gray-90, #525c69);
display: flex;
justify-content: center;
text-align: center;
}
.calendar-slider-error-inner {
max-width: 730px;
padding: 67px 0 100px;
display: flex;
flex-direction: column;
align-items: center;
}
.calendar-slider-error-title {
margin-bottom: 45px;
font: 37px/52px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
}
.calendar-slider-error-desc {
font-size: 14px;
line-height: 24px;
max-width: 480px;
margin-bottom: 30px;
}
.calendar-slider-error-desc a {
border-bottom: 1px dashed rgba(32, 102, 176, .5);
transition: border-color .2s linear;
}
.calendar-slider-error-desc a:hover {
border-color: rgba(32, 102, 176, 1);
}
.calendar-slider-error-img {
width: 250px;
height: 246px;
background: url(data:image/png;base64,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) no-repeat center;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 45px;
}
.calendar-slider-error-img:before {
content: '';
position: absolute;
left: -120px;
top: 61px;
width: 100px;
height: 170px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22101%22%20height%3D%22171%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%232FC6F6%22%20d%3D%22M83.587%2029.985h-23.29c-.2%200-.397-.008-.593-.022-5.263-.121-9.493-4.451-9.493-9.775a9.813%209.813%200%20012.852-6.916%209.719%209.719%200%20013.245-2.155%2010.354%2010.354%200%20012.98-8.098A10.23%2010.23%200%200166.546%200c3.486.004%206.564%201.758%208.414%204.435a8.338%208.338%200%20012.809-.483c4.352.005%207.926%203.343%208.34%207.61%204.17.915%207.29%204.652%207.287%209.12-.005%205.149-4.156%209.32-9.274%209.318-.18%200-.358-.005-.535-.015z%22%20opacity%3D%22.117%22/%3E%3Cpath%20stroke%3D%22%232FC6F6%22%20d%3D%22M77.843%20169.964H24.22c-.458%200-.913-.017-1.364-.05C10.74%20169.637%201%20159.678%201%20147.434a22.559%2022.559%200%20016.568-15.908%2022.378%2022.378%200%20017.47-4.957%2023.803%2023.803%200%20016.86-18.625A23.566%2023.566%200%200138.608%20101c8.027.01%2015.113%204.044%2019.372%2010.2%202.022-.72%204.2-1.111%206.468-1.11%2010.019.012%2018.248%207.688%2019.202%2017.503%209.6%202.104%2016.784%2010.699%2016.776%2020.975-.01%2011.843-9.568%2021.437-21.352%2021.432-.414%200-.824-.012-1.231-.036h0z%22%20opacity%3D%22.302%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center;
}
.calendar-slider-error-img:after {
content: '';
position: absolute;
right: -83px;
top: 51px;
width: 80px;
height: 141px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2280%22%20height%3D%22142%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%232FC6F6%22%20d%3D%22M71.448%20141.987h-20.04c-.172%200-.342-.007-.51-.02-4.53-.104-8.17-3.857-8.17-8.47a8.536%208.536%200%20012.455-5.995%208.359%208.359%200%20012.792-1.867%209.007%209.007%200%20012.564-7.018A8.772%208.772%200%200156.784%20116c3%20.004%205.649%201.524%207.24%203.844a7.128%207.128%200%20012.417-.419c3.745.005%206.82%202.897%207.177%206.596%203.588.792%206.273%204.031%206.27%207.903-.004%204.463-3.576%208.078-7.98%208.076-.155%200-.308-.005-.46-.013z%22%20opacity%3D%22.117%22/%3E%3Cpath%20stroke%3D%22%232FC6F6%22%20d%3D%22M23.834%2021.99H7.584c-.138%200-.276-.006-.413-.016C3.5%2021.889.548%2018.858.548%2015.132a6.881%206.881%200%20011.99-4.842%206.779%206.779%200%20012.264-1.508%207.26%207.26%200%20012.079-5.668A7.126%207.126%200%200111.944%201a7.128%207.128%200%20015.87%203.104%205.8%205.8%200%20011.96-.338c3.037.004%205.53%202.34%205.82%205.328%202.909.64%205.086%203.256%205.083%206.383-.003%203.605-2.9%206.524-6.47%206.523-.126%200-.25-.004-.373-.01h0z%22%20opacity%3D%22.302%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center;
}
.calendar-slider-error-img-inner {
width: 132px;
height: 106px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22113%22%20height%3D%22103%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%232FC6F6%22%20d%3D%22M19.835%2010.19v3.256c0%205.39%204.19%209.765%209.365%209.765%204.888%200%208.896-3.902%209.326-8.877l.038-.888V10.19h19.067v3.255c0%205.39%204.195%209.765%209.364%209.765%204.882%200%208.896-3.902%209.327-8.877l.038-.888V10.19h7.192c6.269.398%2011.19%205.641%2011.521%2012.09l.016.93v65.1c0%203.355-2.431%206.119-5.562%206.473l-.681.038H7.349c-3.216%200-5.867-2.54-6.206-5.801l-.037-.71v-65.1c-.025-.339-.037-.67-.037-1.003.012-6.35%204.734-11.539%2010.712-11.986l.862-.031h7.192zm62.768%2019.9h-69.01v51.712h69.01V30.09zM33.634%2059.462a2.953%202.953%200%20012.953%202.953v5.905a2.953%202.953%200%2001-2.953%202.953H27.73a2.953%202.953%200%2001-2.953-2.953v-5.905a2.953%202.953%200%20012.953-2.953h5.905zm17.716%200a2.953%202.953%200%20012.953%202.953v5.905a2.953%202.953%200%2001-2.953%202.953h-5.905a2.953%202.953%200%2001-2.953-2.953v-5.905a2.953%202.953%200%20012.953-2.953h5.905zM33.634%2041.746a2.953%202.953%200%20012.953%202.953v5.905a2.953%202.953%200%2001-2.953%202.953H27.73a2.953%202.953%200%2001-2.953-2.953V44.7a2.953%202.953%200%20012.953-2.953h5.905zm17.716%200a2.953%202.953%200%20012.953%202.953v5.905a2.953%202.953%200%2001-2.953%202.953h-5.905a2.953%202.953%200%2001-2.953-2.953V44.7a2.953%202.953%200%20012.953-2.953h5.905zm17.716%200A2.953%202.953%200%200172.02%2044.7v5.905a2.953%202.953%200%2001-2.953%202.953h-5.905a2.953%202.953%200%2001-2.953-2.953V44.7a2.953%202.953%200%20012.953-2.953h5.905zM29.231.178c2.323.018%204.227%201.83%204.519%204.168l.038.65v7.16c0%202.644-2.054%204.786-4.588%204.786-2.34%200-4.27-1.825-4.553-4.185l-.036-.6V4.93c.013-2.637%202.085-4.766%204.62-4.753zm37.764.476c2.192%200%204.006%201.695%204.293%203.904l.04.614v6.79c0%202.493-1.942%204.518-4.339%204.518-2.197-.006-4.001-1.708-4.287-3.912l-.04-.613V5.172c0-2.5%201.942-4.518%204.333-4.518z%22/%3E%3Cg%20transform%3D%22translate%2867.5%2057.5%29%22%3E%3Ccircle%20cx%3D%2219.931%22%20cy%3D%2219.931%22%20r%3D%2222%22%20fill%3D%22%23FF5752%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%225%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M20.98%2027.393h-2.096v-2.61a1.646%201.646%200%2001-.619-1.285%201.66%201.66%200%20011.666-1.654c.92%200%201.667.74%201.667%201.654%200%20.519-.242.982-.619%201.285v2.61zm-5.61-13.7c0-2.502%202.042-4.53%204.561-4.53%202.52%200%204.562%202.028%204.562%204.53v3.275H15.37v-3.276zm11.534%203.275v-3.276c0-3.823-3.122-6.921-6.973-6.921-3.85%200-6.972%203.098-6.972%206.921v3.276h-2.116v14.148H29.02V16.968h-2.116z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E) no-repeat top 2px left 17px;
}
/*hidden members*/
.calendar-hide-members-container {
margin: -3px 0 10px 20px;
}
.calendar-hide-members-container-inner {
display: inline-flex;
align-items: center;
justify-content: flex-start;
cursor: pointer;
}
.calendar-hide-members-text {
font-size: var(--ui-font-size-sm, 13px);
line-height: 16px;
color: #8B929B;
}
.calendar-hide-members-icon-hidden,
.calendar-hide-members-icon-visible {
height: 15px;
width: 15px;
opacity: .6;
background: no-repeat center;
margin-right: 6px;
transition: .17s opacity linear;
}
.calendar-hide-members-container-inner:hover .calendar-hide-members-icon-hidden,
.calendar-hide-members-container-inner:hover .calendar-hide-members-icon-visible {
opacity: 1;
}
.calendar-hide-members-icon-hidden {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.09804 0.831177L13.425 12.1581L12.4142 13.1688L10.7349 11.4893L10.6665 11.5209C9.80671 11.9014 8.91791 12.0916 8.00006 12.0916C5.28596 12.0916 2.82554 10.4282 0.618762 7.10152C0.57511 7.03571 0.567822 6.95339 0.596927 6.88217L0.618762 6.84092L0.769572 6.61661C1.52448 5.51019 2.30877 4.59648 3.12243 3.87535L1.08724 1.84196L2.09804 0.831177ZM8.00005 1.85072C10.7141 1.85072 13.1745 3.51408 15.3813 6.84082C15.425 6.90664 15.4323 6.98887 15.4031 7.06018L15.3813 7.10143L15.2305 7.32574C14.4922 8.40777 13.7257 9.30565 12.9312 10.0192L10.5312 7.61862C10.584 7.41163 10.612 7.19466 10.612 6.97117C10.612 5.52862 9.44261 4.3592 8.00005 4.3592C7.7763 4.3592 7.55923 4.38733 7.35197 4.44023L5.33275 2.42176C6.19285 2.04107 7.08192 1.85072 8.00005 1.85072ZM5.38808 6.97118C5.38808 8.41373 6.5575 9.58313 8.00005 9.58313C8.25186 9.58313 8.49533 9.54747 8.72578 9.48101L5.49025 6.24536C5.42375 6.47581 5.38808 6.71937 5.38808 6.97118Z' fill='%23525C69' fill-opacity='1'/%3E%3C/svg%3E");
}
.calendar-hide-members-icon-visible {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.009 6.1513C14.4088 7.00912 11.3344 11.1274 7.63194 11.1274C3.92957 11.1274 0.855178 7.00912 0.254972 6.1513C0.188284 6.05597 0.188284 5.93589 0.254972 5.84055C0.855178 4.98283 3.92957 0.864502 7.63194 0.864502C11.3344 0.864502 14.4088 4.98283 15.009 5.84055C15.0756 5.93589 15.0756 6.05597 15.009 6.1513ZM10.2494 5.99593C10.2494 7.4416 9.07752 8.61347 7.63185 8.61347C6.18617 8.61347 5.01429 7.4416 5.01429 5.99593C5.01429 4.55025 6.18617 3.37836 7.63185 3.37836C9.07752 3.37836 10.2494 4.55025 10.2494 5.99593Z' fill='%23525C69'/%3E%3C/svg%3E%0A");
}
.calendar-hide-members-helper {
position: relative;
top: -8px;
height: 15px;
}
.calendar-error-wrap {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 431px;
color: var(--ui-color-palette-gray-90, #525c69);
}
.calendar-error-icon {
display: block;
margin-bottom: 34px;
width: 63px;
height: 55px;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2063%2055%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M30.434%201.118a1.227%201.227%200%20012.132%200L62.02%2052.664a1.227%201.227%200%2001-1.065%201.836H2.045A1.227%201.227%200%2001.98%2052.664zM31.5%204.201L4.159%2052.045h54.68L31.5%204.201zM31.5%2041a2.455%202.455%200%20110%204.91%202.455%202.455%200%20010-4.91zm1.339-22.09v17.18h-3.794V18.91h3.794z%22%20fill%3D%22%23FF5752%22%20fill-rule%3D%22nonzero%22/%3E%3C/svg%3E') no-repeat;
}
.calendar-error-title {
display: block;
margin: 0;
font: 29px/32px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
}
.calendar-error-desc {
display: block;
font-size: var(--ui-font-size-md, 14px);
line-height: 18px;
opacity: .7;
}
.calendar-slider-sidebar-videocall {
padding: 18px 0 9px;
}
/** region ALERT **/
.calendar-slider-alert-header {
margin: 20px 30px;
}
.calendar-slider-alert {
display: flex;
align-items: center;
margin: 0 auto 10px auto;
height: 100%;
width: 100%;
max-width: 540px;
}
.calendar-slider-alert-inner {
text-align: center;
}
.calendar-slider-alert-img {
position: relative;
display: block;
margin: 0 auto;
width: 270px;
height: 276px;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 270 276' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill-rule='nonzero'%3E%3Cpath d='M135.078 261c68.501 0 124.032-55.068 124.032-123 0-67.931-55.53-123-124.032-123-68.501 0-124.03 55.069-124.03 123 0 67.932 55.53 123 124.03 123z' fill='%23FF5752' opacity='.094'/%3E%3Cpath d='M135.078 218c44.65 0 80.847-35.817 80.847-80s-36.196-80-80.847-80c-44.65 0-80.846 35.817-80.846 80s36.196 80 80.846 80z' fill='%23FFF'/%3E%3Cpath d='M237.292 124.076c.033.05.063.102.092.153 5.295 40.161-13.576 81.477-50.972 103.068-37.432 21.611-82.699 17.268-114.837-7.461a2.417 2.417 0 01-.208-1.719 2.412 2.412 0 013.222-1.667l-.853-.655c30.769 24.062 74.394 28.408 110.426 7.605 35.75-20.64 53.797-60.132 48.75-98.526.131-.595.49-1.141 1.042-1.5a2.412 2.412 0 013.338.702zm-153.88-75.18c36.759-21.223 81.074-17.416 113.091 6.148.35.463.537 1.053.482 1.677a2.412 2.412 0 01-2.608 2.198l-.15-.017-.14-.025-.297-.221c-30.617-22.52-72.984-26.154-108.128-5.863-35.048 20.235-53.082 58.586-49.022 96.261a2.408 2.408 0 01-1.182 1.735 2.413 2.413 0 01-3.213-.741l-.05-.079-.124-1.18c-3.92-39.149 14.93-78.871 51.34-99.893z' fill='%23FF5752' opacity='.304'/%3E%3C/g%3E%3Cpath d='M106.835 98.19v3.256c0 5.39 4.189 9.765 9.364 9.765 4.888 0 8.896-3.902 9.327-8.877l.038-.888V98.19h19.067v3.255c0 5.39 4.195 9.765 9.364 9.765 4.882 0 8.895-3.902 9.326-8.877l.039-.888V98.19h7.191c6.27.398 11.19 5.641 11.522 12.09l.016.93v65.1c0 3.355-2.431 6.119-5.562 6.473l-.681.038H94.349c-3.216 0-5.867-2.54-6.206-5.801l-.037-.71v-65.1c-.025-.339-.038-.67-.038-1.003.012-6.35 4.734-11.539 10.713-11.986l.862-.031h7.192zm62.768 19.9h-69.011v51.712h69.01V118.09zm-48.97 29.372a2.953 2.953 0 012.954 2.953v5.905a2.953 2.953 0 01-2.953 2.953h-5.906a2.953 2.953 0 01-2.952-2.953v-5.905a2.953 2.953 0 012.952-2.953h5.906zm17.717 0a2.953 2.953 0 012.953 2.953v5.905a2.953 2.953 0 01-2.953 2.953h-5.905a2.953 2.953 0 01-2.953-2.953v-5.905a2.953 2.953 0 012.953-2.953h5.905zm-17.716-17.716a2.953 2.953 0 012.953 2.953v5.905a2.953 2.953 0 01-2.953 2.953h-5.906a2.953 2.953 0 01-2.952-2.953V132.7a2.953 2.953 0 012.952-2.953h5.906zm17.716 0a2.953 2.953 0 012.953 2.953v5.905a2.953 2.953 0 01-2.953 2.953h-5.905a2.953 2.953 0 01-2.953-2.953V132.7a2.953 2.953 0 012.953-2.953h5.905zm17.716 0a2.953 2.953 0 012.953 2.953v5.905a2.953 2.953 0 01-2.953 2.953h-5.905a2.953 2.953 0 01-2.953-2.953V132.7a2.953 2.953 0 012.953-2.953h5.905zm-39.835-41.568c2.323.018 4.227 1.83 4.518 4.168l.04.65v7.16c0 2.644-2.055 4.786-4.59 4.786-2.34 0-4.27-1.825-4.552-4.185l-.036-.6V92.93c.012-2.637 2.085-4.766 4.62-4.753zm37.764.476c2.192 0 4.006 1.695 4.293 3.904l.04.614v6.79c0 2.493-1.942 4.518-4.34 4.518-2.197-.006-4-1.708-4.286-3.912l-.04-.613v-6.783c0-2.5 1.942-4.518 4.333-4.518z' fill='%232FC6F6'/%3E%3Cg transform='translate(154.5 145.5)'%3E%3Ccircle stroke='%23FFF' stroke-width='5' fill='%23FF5752' cx='19.931' cy='19.931' r='22'/%3E%3Cpath d='M30.426 25.45L21.44 10.486c-.692-1.15-2.342-1.15-3.02 0L9.438 25.45c-.707 1.179.147 2.666 1.517 2.666h17.97c1.354 0 2.209-1.487 1.502-2.666zM18.643 15.7c0-.663.53-1.193 1.193-1.193h.162c.662 0 1.193.53 1.193 1.193v4.463c0 .662-.53 1.193-1.193 1.193h-.162c-.663 0-1.193-.53-1.193-1.193V15.7zm2.783 8.66c0 .825-.677 1.503-1.502 1.503a1.509 1.509 0 01-1.502-1.503c0-.825.677-1.502 1.502-1.502s1.502.677 1.502 1.502z' fill='%23FFF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
}
.calendar-slider-alert-img:before,
.calendar-slider-alert-img:after {
content: '';
position: absolute;
display: block;
}
.calendar-slider-alert-img:before {
top: 75px;
left: -104px;
width: 101px;
height: 171px;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 101 171' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M83.587 29.985h-23.29c-.2 0-.397-.008-.593-.022-5.263-.121-9.493-4.451-9.493-9.775a9.813 9.813 0 012.852-6.916 9.719 9.719 0 013.245-2.155 10.354 10.354 0 012.98-8.098A10.23 10.23 0 0166.546 0c3.486.004 6.564 1.758 8.414 4.435a8.338 8.338 0 012.809-.483c4.352.005 7.926 3.343 8.34 7.61 4.17.915 7.29 4.652 7.287 9.12-.005 5.149-4.156 9.32-9.274 9.318-.18 0-.358-.005-.535-.015z' fill='%232FC6F6' opacity='.117'/%3E%3Cpath d='M77.843 169.964H24.22c-.458 0-.913-.017-1.364-.05C10.74 169.637 1 159.678 1 147.434a22.559 22.559 0 016.568-15.908 22.378 22.378 0 017.47-4.957 23.803 23.803 0 016.86-18.625A23.566 23.566 0 0138.608 101c8.027.01 15.113 4.044 19.372 10.2 2.022-.72 4.2-1.111 6.468-1.11 10.019.012 18.248 7.688 19.202 17.503 9.6 2.104 16.784 10.699 16.776 20.975-.01 11.843-9.568 21.437-21.352 21.432-.414 0-.824-.012-1.231-.036h0z' stroke='%232FC6F6' opacity='.302'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;
}
.calendar-slider-alert-img:after {
right: -85px;
top: 64px;
width: 82px;
height: 142px;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 82 142' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M72.448 141.987h-20.04c-.172 0-.342-.007-.51-.02-4.53-.104-8.169-3.857-8.169-8.47a8.536 8.536 0 012.455-5.995 8.359 8.359 0 012.792-1.867 9.007 9.007 0 012.564-7.018A8.772 8.772 0 0157.784 116c3 .004 5.648 1.524 7.24 3.844a7.128 7.128 0 012.417-.419c3.744.005 6.82 2.897 7.176 6.596 3.588.792 6.273 4.031 6.27 7.903-.003 4.463-3.576 8.078-7.98 8.076-.154 0-.308-.005-.46-.013z' fill='%232FC6F6' opacity='.117'/%3E%3Cpath d='M24.834 21.99H8.585c-.139 0-.277-.006-.413-.016-3.672-.085-6.624-3.116-6.624-6.842a6.881 6.881 0 011.99-4.842 6.779 6.779 0 012.264-1.508 7.26 7.26 0 012.079-5.668A7.126 7.126 0 0112.945 1a7.128 7.128 0 015.87 3.104 5.8 5.8 0 011.96-.338c3.036.004 5.53 2.34 5.819 5.328 2.909.64 5.086 3.256 5.083 6.383-.003 3.605-2.899 6.524-6.47 6.523-.125 0-.25-.004-.373-.01h0z' stroke='%232FC6F6' opacity='.302'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;
}
.calendar-slider-alert-text {
display: block;
font: 29px/32px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
color: var(--ui-color-palette-black-base, #333);
}
input.calendar-field.calendar-field-select.calendar-field-location-select-border{
border-color: #828B95;
min-width: 300px;
width: 100%;
}
.calendar-field-place input.calendar-field-select.calendar-field-location-select-border{
border-color: #828B95;
min-width: 265px;
width: 100%;
}
.calendar-field-title-align-top{
align-self: flex-start;
margin-top: 9px;
}
.menu-popup-item-text .calendar-menu-item-title,
.menu-popup-item-text .calendar-menu-item-title-with-status {
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
}
.menu-popup-item-text .calendar-menu-item-title-with-status {
max-width: 160px;
}
.menu-popup-item-text .calendar-menu-item-title {
max-width: 231px;
}
.menu-popup-item-text .calendar-menu-item-capacity {
color: #525C69;
opacity: 0.5;
text-align: end;
float: right;
}
.calendar-menu-item-status {
display: inline-block;
padding: 0 6px;
height: 14px;
border-radius: 7px;
font-size: var(--ui-font-size-6xs, 8px);
line-height: 14px;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
text-transform: uppercase;
}
.calendar-menu-item-status.--red {
background-color: #f9e7e7;
color: var(--background-red, #ff5752);
}
.calendar-view-locker {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255,255,255,.92);
z-index: 10000 !important;
}
.calendar-view-locker-container {
display: inline-flex;
flex-direction: column;
align-items: center;
white-space: normal;
}
.calendar-view-locker-icon {
display: block;
min-width: 23px;
height: 23px;
margin-right: 12px;
background: var(--ui-color-palette-blue-50, #2fc6f6) url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.932' height='11.963' viewBox='0 0 8.932 11.963'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M4.98103365,10.134027 L3.9514285,10.134027 L3.9514285,8.8514095 C3.76612808,8.70242223 3.64750414,8.47479057 3.64750414,8.21958149 C3.64750414,7.77070154 4.01408221,7.40681791 4.46624691,7.40681791 C4.91837993,7.40681791 5.28495801,7.77070154 5.28495801,8.21958149 C5.28495801,8.47479057 5.16636574,8.70242223 4.98103365,8.8514095 L4.98103365,10.134027 Z M2.22471367,3.40123649 C2.22471367,2.17226451 3.22828173,1.17598686 4.46621524,1.17598686 C5.70418041,1.17598686 6.70774848,2.17226451 6.70774848,3.40123649 L6.70774848,5.01077952 L2.22471367,5.01077952 L2.22471367,3.40123649 Z M7.8923408,5.01077952 L7.8923408,3.40123649 C7.8923408,1.52276431 6.35840176,0 4.46621524,0 C2.57406039,0 1.04012135,1.52276431 1.04012135,3.40123649 L1.04012135,5.01077952 L-2.54019028e-13,5.01077952 L-2.54019028e-13,11.9630988 L8.93246215,11.9630988 L8.93246215,5.01077952 L7.8923408,5.01077952 Z'/%3E%3C/svg%3E") center no-repeat;
border-radius: 100%;
}
.calendar-view-locker-top {
display: flex;
align-items: center;
margin-bottom: 12px;
}
.calendar-view-locker-text {
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
font-size: 20px;
color: var(--ui-color-palette-black-base, #333);
line-height: 19px;
pointer-events: all;
}
.calendar-view-locker-button {
z-index: 12000 !important;
pointer-events: all;
}
.calendar-main-container.--lock{
pointer-events: none;
}
.calendar-list-slider-item-category{
position: relative;
overflow: hidden;
padding: 0 7px 0 0;
transition: 300ms all ease;
border-bottom: 1px solid #e6e9ec;
margin-bottom: 10px;
cursor: pointer;
}
.calendar-list-slider-item-context-menu-category-wrap:hover .calendar-list-slider-item-context-menu-category {
opacity: 0.7;
}
.calendar-list-slider-item-category-text{
vertical-align: middle;
text-overflow: ellipsis;
overflow: hidden;
max-width: calc(100% - 55px);
white-space: nowrap;
}
.calendar-popup-window-delimiter-default-category {
background-color: #f0f1f2;
display: block;
height: 1px;
line-height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
.calendar-popup-window-delimiter-default-category:after {
top: -3px;
}
.calendar-popup-window-delimiter-default-category:before {
top: 0;
}
.calendar-field-tag-selector-outer-container {
border: 1px solid #dde0e8;
}
.calendar-field-tag-selector-text-box {
font-size: var(--ui-font-size-lg, 15px);
line-height: 17px;
}
.calendar-content-locked {
pointer-events: none;
}
/** endregion **/
/* region ENTITY_SELECTOR */
.calendar-category-form-room-tag-selector .ui-tag-selector-tag-avatar,
.calendar-category-form-room-selector-dialog .ui-selector-item-avatar {
min-width: 8px;
width: 8px;
height: 8px;
}
.calendar-category-form-room-selector-dialog .ui-selector-tab-labels,
.calendar-room-form-category-selector-dialog .ui-selector-tab-labels {
display: none;
}
.calendar-room-form-category-selector-container-with-change-button .ui-tag-selector-item .ui-tag-selector-add-button-caption:before {
display: none;
}
.calendar-room-form-category-selector-container-with-change-button .ui-tag-selector-item .ui-tag-selector-add-button-caption {
margin-left: 7px;
}
.calendar-category-form-room-selector-dialog .ui-selector-item {
padding-right: 10px;
}
.calendar-category-form-room-selector-dialog .ui-selector-item-box-selected .ui-selector-item {
padding-right: 45px;
transition: .2s;
}
.calendar-category-form-room-selector-dialog .ui-selector-item-badges {
flex: 1;
min-width: 90px;
}
.calendar-category-form-room-tag-selector .ui-tag-selector-add-button,
.calendar-room-form-category-selector-container-with-change-button .ui-tag-selector-add-button {
width: 1000px;
}
.calendar-list-slider-messagebox-text {
text-align: center;
font-size: 13px;
margin: 20px 20px 10px 20px;
line-height: 17px;
}
.calendar-list-slider-messagebox-text-with-title {
font-size: 13px;
margin: 20px 20px 10px 20px;
line-height: 17px;
}
/** endregion **/
.calendar__confirm-dialog .popup-window-content{
padding: 10px 20px 20px 20px;
}
.calendar__confirm-dialog-content {
text-align: center;
position: relative;
}
.calendar-collab-calendar__wrapper .ui-side-panel-toolbar {
margin-left: 0;
}
.calendar-collab-calendar__wrapper {
--hexagon-height: 42px;
--hexagon-width: 42px;
}
.calendar-collab-calendar__wrapper.pagetitle-toolbar-field-view .pagetitle {
display: grid;
grid-template-columns: 40px 1fr;
grid-template-rows: 20px 10px;
grid-template-areas:
"icon title"
"icon subtitle";
gap: 5px 10px;
margin-right: 12px;
}
.calendar-collab-icon__wrapper {
grid-area: icon;
position: relative;
width: var(--hexagon-width);
height: var(--hexagon-height);
display: flex;
align-items: center;
margin: auto;
}
.calendar-collab-calendar__wrapper .pagetitle-item {
grid-area: title;
font-size: var(--ui-font-size-3xl);
font-weight: var(--ui-font-weight-normal);
}
.calendar-collab__subtitle {
grid-area: subtitle;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
font-size: var(--ui-font-size-sm);
font-weight: var(--ui-font-weight-normal);
color: rgba( var(--ui-color-on-primary-alt-rgb), var(--ui-opacity-70));
white-space: nowrap;
}
.bitrix24-default-theme .calendar-collab__subtitle,
.bitrix24-dark-theme .calendar-collab__subtitle {
color: var(--ui-color-base-default);
}