@agendize/vue-settings/dist/style.css

Vue agendize's settings component

#az-module-settings #az-menu{height:100%}#az-module-settings #az-menu #az-desktop-menu{background-color:var(--az-grey-25);width:250px;padding:var(--spacing-4) 0;overflow:auto;border-right:1px solid var(--az-grey-200);height:100%}@media screen and (max-width: 899px){#az-module-settings #az-menu #az-desktop-menu{display:none}}#az-module-settings #az-menu #az-mobile-menu{display:flex;flex-direction:row;z-index:var(--z-index-900);position:fixed;left:-100%;transition-duration:.3s;transition-property:left;height:100%;width:100%}#az-module-settings #az-menu #az-mobile-menu.open{left:0%}#az-module-settings #az-menu #az-mobile-menu .az-panel{background-color:#fff;width:90%}#az-module-settings #az-menu #az-mobile-menu .blur-panel{background-color:#0000000d}#az-module-settings #az-menu .az-menu-list{display:flex;flex-direction:column;gap:var(--spacing-2);font-weight:var(--font-weight-medium)}#az-module-settings #az-menu .az-menu-list .az-menu-item{padding:var(--spacing-2) var(--spacing-4);color:var(--az-grey-500)}#az-module-settings #az-menu .az-menu-list .az-menu-item.az-menu-sub-item{margin-left:var(--spacing-4)}#az-module-settings #az-menu .az-menu-list .az-menu-item.active{color:var(--black);border-right:3px solid var(--az-secondary-500)}#az-module-settings #az-menu .az-menu-list .az-menu-item.sub-active{color:var(--black);background-color:var(--az-grey-100);border-radius:var(--radius-300) 0 0 var(--radius-300)}#az-module-settings #az-menu .az-menu-list .az-menu-item:hover:not(.az-menu-title){background-color:var(--az-grey-200)}#az-module-settings #az-title-button{display:none}@media screen and (max-width: 899px){#az-module-settings #az-title-button{display:flex}}#az-module-settings .az-settings-staffs-selection,#az-module-settings .az-settings-services-selection{height:250px}#az-module-settings .az-settings-with-preview{display:flex;flex-direction:row;column-gap:var(--spacing-4);flex-wrap:wrap;width:100%}#az-module-settings .az-settings-with-preview .az-settings-main{flex:1;min-width:600px}@media screen and (max-width: 899px){#az-module-settings .az-settings-with-preview .az-settings-main{min-width:fit-content}}#az-module-settings .az-settings-with-preview .az-settings-preview{display:flex;flex-direction:column;gap:var(--spacing-4);width:350px;padding:16px 0 16px 16px}#az-module-settings .az-settings-with-preview .az-settings-section{display:flex;flex-direction:column;gap:var(--spacing-4)}#az-module-settings .az-settings-with-preview .az-settings-section .az-body-2{color:var(--az-grey-500)}#az-module-settings .az-settings-with-preview .az-settings-section-separator{border-bottom:1px solid var(--az-grey-200)}#az-module-settings .az-min-h-250-to-full{height:100%;min-height:250px}#az-module-settings .az-settings-hours{display:flex;flex-wrap:wrap;justify-content:space-between;padding:var(--spacing-4);gap:var(--spacing-4);border:1px solid var(--az-grey-50);border-left:4px solid var(--az-primary-500);border-radius:0 var(--radius-200) var(--radius-200) 0}#az-module-settings .az-settings-hours .az-settings-hours-list{display:grid;grid-template-columns:auto 1fr;grid-gap:0 4px}#az-module-settings .az-table .az-table-cel{overflow:unset}#az-module-settings .az-table .az-table-cel .az-tooltip{position:relative}#az-module-settings #az-modal-container #az-modal-content.az-modal-panel{height:auto}#az-module-settings.az-menu-close{grid-template-areas:"content";grid-template-columns:1fr}.az-select-absolute .az-search-container{position:relative}.az-select-absolute .az-search-container .az-search-result{position:absolute;top:40px;height:250px;background-color:var(--az-grey-25);border-radius:0 0 var(--radius-200);width:100%}.az-select-absolute .az-panel-header-title{font-family:var(--font-family-header);font-weight:var(--font-weight-medium);font-size:var(--font-size-title-2);line-height:var(--line-height-title-2)}@media screen and (min-width: 900px){.az-settings-main{min-width:700px}}.az-settings-calendar-dates{display:flex;flex-direction:row;gap:var(--spacing-2)}@media screen and (max-width: 599px){.az-settings-calendar-dates{flex-direction:column}}#qrCodeModal .az-modal-panel-footer,#integrationModal .az-modal-panel-footer{padding:0}#az-company-home-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media screen and (max-width: 1640px){#az-company-home-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1024px){#az-company-home-grid{grid-template-columns:1fr}}@media screen and (max-width: 640px){.az-home-card{flex-wrap:wrap;justify-content:center}}#settings-service-details .az-tabs.az-tabs-min-content{height:100%}#settings-service-details .az-tabs.az-tabs-min-content .az-tab-contents>div{height:100%}#settings-service-details .az-tabs.az-tabs-min-content .az-tab-contents>div #service-details-staffs .az-section-body{height:100%}#settings-services-group-details .az-tabs.az-tabs-min-content{height:100%}#settings-services-group-details .az-tabs.az-tabs-min-content .az-tab-contents>div{height:100%}#settings-services-group-details .az-tabs.az-tabs-min-content .az-tab-contents>div #services-group-details-services .az-section-body{height:100%}#settings-staff-details .az-tabs.az-tabs-min-content{height:100%}#settings-staff-details .az-tabs.az-tabs-min-content .az-tab-contents>div{height:100%}#settings-staff-details .az-tabs.az-tabs-min-content .az-tab-contents>div #staff-details-services .az-section-body{height:100%}#settings-staffs-group-details .az-tabs.az-tabs-min-content{height:100%}#settings-staffs-group-details .az-tabs.az-tabs-min-content .az-tab-contents>div{height:100%}#settings-staffs-group-details .az-tabs.az-tabs-min-content .az-tab-contents>div .az-section-body{height:100%}.az-activities-plan .az-activities-plan-header{position:sticky;top:0px;height:40px;background-color:#fff;color:var(--az-grey-500)}.az-activities-plan .az-activities-plan-section{position:sticky;top:40px}.az-activities-plan .az-sticky-left{position:sticky;left:0px}.az-activities-plan .az-activities-plan-grid{display:grid;grid-template-columns:minmax(200px,2fr) repeat(7,minmax(100px,1fr))}.az-activities-plan .az-plage{background-color:var(--az-primary-50);border-radius:var(--radius-200);display:flex;flex-direction:column;padding:var(--spacing-2);justify-items:center;font-size:var(--font-size-caption-1);cursor:pointer;transition:all .3ms;color:var(--az-primary-500)}.az-activities-plan .az-plage:hover{background-color:var(--az-primary-100);color:var(--az-primary-700)}.az-activities-plan .az-plage.az-plage-empty{background-color:var(--az-grey-25);height:100%}.az-activities-plan .az-plage.az-plage-empty:hover{background-color:var(--az-grey-50)}.az-activities-plan .az-plage.az-plage-vacation{background-color:var(--az-grey-50);height:100%;cursor:auto}.az-activities-plan .az-plage.az-plage-vacation:hover{background-color:var(--az-grey-100)}.az-activities-plan .az-occupancy{height:60px}.az-plage{background-color:var(--az-primary-50);border-radius:var(--radius-200);display:flex;flex-direction:column;padding:var(--spacing-2);align-items:center;font-size:var(--font-size-caption-2);transition:all .3ms;color:var(--az-primary-500)}.az-plage.az-plage-empty{background-color:var(--az-grey-25);height:100%;min-height:4rem}.az-planning,.az-days-show{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr))}#settings-container #az-share-modals #az-modal-container #az-modal-content.az-modal-panel{max-width:400px}.az-week-name{overflow:hidden;text-align:center;color:var(--az-grey-500)}.az-week-name:before,.az-week-name:after{background-color:var(--az-grey-50);content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}.az-week-name:before{right:.5em;margin-left:-50%}.az-week-name:after{left:.5em;margin-right:-50%}.az-modal-panel{height:80%}#az-modal-container #az-modal-content.az-modal-panel{width:700px;max-width:80%}@media screen and (max-width: 900px){#az-modal-container #az-modal-content.az-modal-panel{max-width:90%}}#az-modal-container #az-modal-content.az-modal-panel .az-panel-header-title{font-size:var(--font-size-title-1);font-weight:600}#az-modal-container #az-modal-content.az-modal-panel .az-modal-subtitle{font-size:var(--font-size-body-2);margin-bottom:var(--spacing-2)}#az-modal-container #az-modal-content.az-modal-panel .az-search-title{display:none}