/* ==========================================================================
   Project:     TWD CMS 7 - Calendar
   Date:        06/25/20 - File created
   Created by:  Third Wave Digital (www.thirdwavedigital.com)
   ========================================================================== */

/* ==========================================================================
	Calendar Add/Edit
========================================================================== */

.cms-calendar-addedit {}
     .cms-calendar-addedit .ss-main {position:relative;display:inline-block;user-select:none;color:#666;width:100%}.cms-calendar-addedit .ss-main .ss-single-selected{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;cursor:pointer;width:100%;height:30px;padding:6px;border:1px solid #dcdee2;border-radius:0px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.cms-calendar-addedit .ss-main .ss-single-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.cms-calendar-addedit .ss-main .ss-single-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.cms-calendar-addedit .ss-main .ss-single-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.cms-calendar-addedit .ss-main .ss-single-selected .placeholder{flex:1 1 100%;text-align:left;width:calc(100% - 30px);line-height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cms-calendar-addedit .ss-main .ss-single-selected .placeholder,.cms-calendar-addedit .ss-main .ss-single-selected .placeholder *{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-calendar-addedit .ss-main .ss-single-selected .placeholder *{width:auto}.cms-calendar-addedit .ss-main .ss-single-selected .placeholder .ss-disabled{color:#dedede}.cms-calendar-addedit .ss-main .ss-single-selected .ss-deselect{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px;font-weight:700}.cms-calendar-addedit .ss-main .ss-single-selected .ss-deselect.ss-hide{display:none}.cms-calendar-addedit .ss-main .ss-single-selected .ss-arrow{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px}.cms-calendar-addedit .ss-main .ss-single-selected .ss-arrow span{border:solid #666;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform .2s,margin .2s}.cms-calendar-addedit .ss-main .ss-single-selected .ss-arrow span.arrow-up{transform:rotate(-135deg);margin:3px 0 0}.cms-calendar-addedit .ss-main .ss-single-selected .ss-arrow span.arrow-down{transform:rotate(45deg);margin:-3px 0 0}.cms-calendar-addedit .ss-main .ss-multi-selected{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex-direction:row;cursor:pointer;min-height:30px;width:100%;padding:0 0 0 3px;border:1px solid #dcdee2;border-radius:0px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.cms-calendar-addedit .ss-main .ss-multi-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.cms-calendar-addedit .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled{color:#666}.cms-calendar-addedit .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.cms-calendar-addedit .ss-main .ss-multi-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.cms-calendar-addedit .ss-main .ss-multi-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.cms-calendar-addedit .ss-main .ss-multi-selected .ss-values{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex-wrap:wrap;justify-content:flex-start;flex:1 1 100%;width:calc(100% - 30px)}.cms-calendar-addedit .ss-main .ss-multi-selected .ss-values .ss-disabled{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;padding:4px 5px;margin:2px 0;line-height:1em;align-items:center;width:100%;color:#dedede;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.cms-calendar-addedit .ss-main .ss-multi-selected .ss-values .ss-value{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;user-select:none;align-items:center;font-size:12px;padding:3px 5px;margin:3px 5px 3px 0;color:#fff;background-color:#007bff;border-radius:0px;animation-name:scaleIn;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both; border-radius: .125rem}.cms-calendar-addedit .ss-main .ss-multi-selected .ss-values .ss-value.ss-out{animation-name:scaleOut;animation-duration:.2s;animation-timing-function:ease-out}.cms-calendar-addedit .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete{margin:0 0 0 5px;cursor:pointer}.cms-calendar-addedit .ss-main .ss-multi-selected .ss-add{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex:0 1 3px;margin:9px 12px 0 5px}.cms-calendar-addedit .ss-main .ss-multi-selected .ss-add .ss-plus{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content:center;align-items:center;background:#666;position:relative;height:10px;width:2px;transition:transform .2s}.cms-calendar-addedit .ss-main .ss-multi-selected .ss-add .ss-plus:after{background:#666;content:"";position:absolute;height:2px;width:10px;left:-4px;top:4px}.cms-calendar-addedit .ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross{transform:rotate(45deg)}.cms-calendar-addedit .ss-main .ss-content{position:relative;width:100%;margin:-1px 0 0;box-sizing:border-box;border:1px solid #dcdee2;z-index:1010;background-color:#fff;transform-origin:center top;transition:transform .2s,opacity .2s;opacity:0;transform:scaleY(0)}.cms-calendar-addedit .ss-main .ss-content.ss-open{display:block;opacity:1;transform:scaleY(1)}.cms-calendar-addedit .ss-main .ss-content .ss-search{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex-direction:row;padding:8px 8px 6px}.cms-calendar-addedit .ss-main .ss-content .ss-search.ss-hide,.cms-calendar-addedit .ss-main .ss-content .ss-search.ss-hide input{height:0;opacity:0;padding:0;margin:0}.cms-calendar-addedit .ss-main .ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;height:30px;padding:6px 8px;margin:0;border:1px solid #dcdee2;border-radius:0px;background-color:#fff;outline:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:textfield}.cms-calendar-addedit .ss-main .ss-content .ss-search input::placeholder{color:#8a8a8a;vertical-align:middle}.cms-calendar-addedit .ss-main .ss-content .ss-search input:focus{box-shadow:0 0 5px #007bff}.cms-calendar-addedit .ss-main .ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:22px;font-weight:700;flex:0 0 30px;height:30px;margin:0 0 0 8px;border:1px solid #dcdee2;border-radius:0px;box-sizing:border-box}.cms-calendar-addedit .ss-main .ss-content .ss-addable{padding-top:0}.cms-calendar-addedit .ss-main .ss-content .ss-list{max-height:200px;overflow-x:hidden;overflow-y:auto;text-align:left}.cms-calendar-addedit .ss-main .ss-content .ss-list .ss-optgroup .ss-optgroup-label{padding:6px 10px;font-weight:700}.cms-calendar-addedit .ss-main .ss-content .ss-list .ss-optgroup .ss-option{padding:6px 6px 6px 25px}.cms-calendar-addedit .ss-main .ss-content .ss-list .ss-optgroup-label-selectable{cursor:pointer}.cms-calendar-addedit .ss-main .ss-content .ss-list .ss-optgroup-label-selectable:hover{color:#fff;background-color:#007bff}.cms-calendar-addedit .ss-main .ss-content .ss-list .ss-option{padding:6px 10px;cursor:pointer;user-select:none}.cms-calendar-addedit .ss-main .ss-content .ss-list .ss-option *{display:inline-block}.cms-calendar-addedit .ss-main .ss-content .ss-list .ss-option.ss-highlighted,.cms-calendar-addedit .ss-main .ss-content .ss-list .ss-option:hover{color:#fff;background-color:#007bff}.cms-calendar-addedit .ss-main .ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;color:#dedede;background-color:#fff}.cms-calendar-addedit .ss-main .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected{color:#666;background-color:rgba(88,151,251,.1)}.cms-calendar-addedit .ss-main .ss-content .ss-list .ss-option.ss-hide{display:none}.cms-calendar-addedit .ss-main .ss-content .ss-list .ss-option .ss-search-highlight{background-color:#fffb8c}
     .cms-calendar-addedit .ss-value-text, .ss-value-delete {color: #fff!important}
     .cms-calendar-addedit .ss-main .ss-content .ss-list {max-width:100%;max-height:150px}

	.cms-calendar-addedit .custom-checkbox .custom-control-input.is-invalid~.custom-control-label, 
	.cms-calendar-addedit .custom-checkbox .was-validated .custom-control-input:invalid~.custom-control-label {color:#212529 !important}
	
	.cms-calendar-addedit .custom-checkbox .custom-control-input.is-invalid~.custom-control-label::before, 
	.cms-calendar-addedit .custom-checkbox .was-validated .custom-control-input:invalid~.custom-control-label::before,
	.cms-calendar-addedit .custom-radio .custom-control-input.is-invalid~.custom-control-label::before,
	.cms-calendar-addedit .custom-radio .was-validated .custom-control-input:invalid~.custom-control-label::before {border-color:#adb5bd !important }

/* ==========================================================================
	Calendar Page Main
========================================================================== */

/* Calendar Toolbar */
.cms-calendar-toolbar .custom-select {width:auto} 

/* Calendar Full View */
.cms-calendar-fullview {}
	.cms-calendar-fullview .cms-calendar-week .btn-link {line-height:1.2;color:#444;}
     .cms-calendar-fullview .cms-calendar-week small {line-height:1.4}
	.cms-calendar-fullview .col {position: relative;}
	.cms-calendar-fullview .col hr {margin: 0px;  position: absolute; bottom: -2px; left: 0px; width: 100%;z-index:1}
	.cms-calendar-fullview .cms-calendar-day .text-muted {opacity: .5}
	.cms-calendar-fullview .btn-stretched {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background:none; border:none;border-radius: 0px; padding: 0px}
	.cms-calendar-fullview .btn-stretched [class*="bg-"] {width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 28px; left: 9px}
	.cms-calendar-fullview .cms-calendar-day-detail {position:relative;min-height:130px}
	.cms-calendar-fullview .cms-calendar-event-image {height: 80px; width: 80px;}
	.cms-calendar-fullview .cms-calendar-event-image img {width: 100%; height: 100%; object-fit:cover;}
	.cms-calendar-fullview .cms-calendar-event-loading {opacity: .75;}

/* Calendar Header (On templates below) */
.cms-calendar-header {position: relative;}
	.cms-calendar-header hr {border-top: 4px solid #ebebeb; position: relative;margin-bottom:0px}
	.cms-calendar-header [class*="bg-"] {height: 4px; text-align: center;position: absolute;bottom: 0px;margin-left: -30px;left: 50%;width: 60px;}
	.cms-calendar-header .fa-angle-down {position: absolute; opacity: .75; top: calc(100% + 2px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}

/* Calendar List View */
.cms-calendar-listview {}
	.cms-calendar-listview .cms-calendar-date div:first-child {background: rgba(255,255,255,.1)}
	.cms-calendar-listview .cms-calendar-event p {position: relative;}
	.cms-calendar-listview .cms-calendar-event p [class*="bg-"] {position: absolute; left: -23px; height: 1px; width: 17px; top: 50%}

/* Calendar Agenda View */
.cms-calendar-agendaview {}
	.cms-calendar-agendaview .cms-calendar-event .btn {position: relative;font-size: 90%}
	.cms-calendar-agendaview .cms-calendar-event [class*="bg-"] {width: 8px; height: 8px; position: absolute; border-radius: 50%; left: -15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

/* Calendar Modal */
.cms-calendar-modal {padding-right: 0px!important}
	.cms-calendar-modal .close {font-size: 1rem}

/* ==========================================================================
	Calendar Settings
========================================================================== */

.cms-calendar-settings {}
	.cms-calendar-settings button[aria-controls] {background:none; border:none; border-bottom: 1px solid rgba(0,0,0,.1); padding-top: 5px; padding-bottom: 5px; width: calc(100% - 20px);transition: opacity 250ms ease}
	.cms-calendar-settings button[aria-controls]:focus {outline:none}
	.cms-calendar-settings button[aria-controls] span {transition: transform 250ms ease;}
	.cms-calendar-settings button[aria-controls] span small {font-size: .85rem}
	.cms-calendar-settings button[aria-controls].active span {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
	.cms-calendar-settings button[aria-controls].disabled {opacity: .5; pointer-events:none}
	.cms-calendar-settings table img {height:50px; width: 50px;object-fit:cover;}
     .cms-calendar-settings .text-primary {color: #007bff !important}
     .cms-calendar-settings .btn-primary {background: #007bff !important; color: #fff !important}
     .cms-calendar-settings .btn-primary:hover {color: #fff !important;background-color: #0069d9 !important;border-color: #0062cc !important;}

/* ==========================================================================
	Media Queries
========================================================================== */

@media (min-width: 0px) {
	/* Calendar Fullview */
	.cms-calendar-fullview .col .h4, .cms-calendar-fullview .cms-calendar-header {font-size: .9rem}
	.cms-calendar-fullview .col {border-bottom: 1px solid #eaeaea;border-left: 1px solid #eaeaea;}
	.cms-calendar-fullview .col hr {border-top-width: 2px;}
	.cms-calendar-fullview .cms-calendar-header .col {border-top: 1px solid #eaeaea;}
	.cms-calendar-fullview .cms-calendar-header .col:last-child, .cms-calendar-fullview .cms-calendar-week .col:last-child {border-right: 1px solid #eaeaea;}
	.cms-calendar-fullview .cms-calendar-day-detail {border-bottom: 1px solid #eaeaea;}

	/* Calendar Day Detail */
	.cms-calendar-fullview .cms-calendar-day-detail {border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
}

@media (min-width: 768px) {
	/* Calendar Fullview */
	.cms-calendar-fullview .col .h4 {font-size: 1.5rem}
	.cms-calendar-fullview .col {border-bottom: 1px solid #eaeaea;border-left: 1px solid #eaeaea;}
	.cms-calendar-fullview .col hr {border-top-width: 1.5px;}
	.cms-calendar-fullview .cms-calendar-header .col {border-top: 1px solid #eaeaea;}
	.cms-calendar-fullview .cms-calendar-header .col:last-child, .cms-calendar-fullview .cms-calendar-week .col:last-child {border-right: 1px solid #eaeaea;}
	.cms-calendar-fullview .cms-calendar-week .col {min-height: 100px}
	.cms-calendar-fullview .cms-calendar-day-detail {border-bottom: 1px solid #eaeaea;}

	/* Calendar Day Detail */
	.cms-calendar-fullview .cms-calendar-day-detail {border-left: 2px solid #eaeaea;border-right: 2px solid #eaeaea;}
}