/*---------------------------------------------------------------*/
/*-------------------------- Global -----------------------------*/
/*---------------------------------------------------------------*/
.kuad-calendar-full
{   
    width: 100%;
    position: relative;
    color: #141414;
    display: block;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
    position: relative;
}

.kuad-calendar-full > div 
{
    box-sizing: border-box;
    position: relative;
}


/* Header */
.kuad-calendar-full-header
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    padding: 10px 0 15px 0;
    border-radius: 15px 15px 0 0;
    box-sizing: border-box;
    position: relative;
    color: #403A60;
}

.kuad-calendar-full-panel-left 
{
    display: flex;
    flex-wrap: wrap;
    width: auto;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.kuad-calendar-full-panel-right 
{
    display: flex;
    flex-wrap: wrap;
    width: auto;
    justify-content: flex-end;
    align-items: center;
}

.kuad-calendar-full-panel-right-vertical 
{
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: flex-end;
}

/* Arrows */
.kuad-calendar-full-month-arrows
{
    width: auto;
    display: flex;
    justify-content: flex-start;
    margin-right: 10px;
}

.kuad-calendar-full-month-arrows-arrow
{
    border-color: #403A60;
    background-color: #403A60;
    padding: 2px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

.kuad-calendar-full-months-arrows-arrow-left
{
    margin-right: 10px;
}

.kuad-calendar-full-months-arrows-arrow-right
{

}

/* Month Container */
.kuad-calendar-full-month-container
{
    display: flex;
    font-size: 20px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    box-sizing: border-box;
}

.kuad-calendar-full-month
{
    margin-right: 10px;
}

.kuad-calendar-full-year
{

}


/* Visual Type Container */
.kuad-calendar-full-visual-types-List
{
    display: flex;
    width: 100px;
    font-size: 15px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 15px;
}

.kuad-calendar-full-visual-types-List .ks-global-inputs-system-separator 
{
    margin-bottom: 0;
}

.kuad-calendar-full-visual-types-List .ui-selectmenu-button.ui-button 
{
    width: auto;
    margin-right: 0;
}

.kuad-calendar-full-visual-types-List .kuad-calendar-full-visual-types
{
    border-color: #403A60;
    background-color: #403A60;
    box-shadow: 0 3px 8px rgb(0 0 0 / 50%);
    padding: 3px 5px;
    margin-right: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    color: #ffffff;
}

.kuad-calendar-full-visual-types-List .kuad-calendar-full-visual-types:last-child 
{
    margin-right: 0;
}

.kuad-calendar-full-visual-types-List .kuad-calendar-full-visual-type-day,
.kuad-calendar-full-visual-types-List .kuad-calendar-full-visual-type-month,
.kuad-calendar-full-visual-types-List .kuad-calendar-full-visual-type-year
{

}

.kuad-calendar-full-List 
{
    margin-bottom: 15px;
}

.kuad-calendar-full-List .ks-global-inputs-system-separator 
{
    margin-bottom: 0;
}

.kuad-calendar-full-List .ui-selectmenu-button.ui-button 
{
    width: auto;
    margin-right: 0;
}

/*---- Mobile ----*/
@media only screen and (max-width: 1080px)  
{
    .kuad-calendar-full-header 
    {
        justify-content: flex-end;
        align-items: center;
    }

    .kuad-calendar-full-panel-left 
    {

    }
}

/*==== Calendar manage Popup ====*/
.kuad-calendar-full-manage-show 
{
    position: relative;
    width: 250px;
    height: 48px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.kuad-calendar-full-manage-show:hover 
{
    color: #ffffff !important;
    background-color: #403A60 !important;
}

.kuad-calendar-full-manage-show::before
{
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(../images/ajustes_calendar_config_icon.png);
    margin-right: 10px;
}

.kuad-calendar-full-manage-popup 
{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
    top: 0;
    left: 0;
    display: none;
    color: #403A60;
}

.kuad-calendar-full-manage-popup-background
{
    background-color: rgba(0,0,0,0.75);
    position: absolute;
    width: 101%;
    height: 100%;
    border-radius: 15px;
    left: -0.5%;
    display: none;
}

/* Calendar manage Popup - Wrapper */
.kuad-calendar-full-manage-popup-wrapper 
{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f9f9f9;
    border-radius: 15px;
    padding: 55px 15px 10px 15px;
    box-sizing: border-box;
    text-align: left;
    overflow: auto;
}

.kuad-calendar-full-manage-popup-title 
{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
}

.kuad-calendar-full-manage-popup-description 
{
    font-size: 15px;
    margin-bottom: 25px;
}

.kuad-calendar-full-manage-popup-close 
{
    -webkit-box-shadow: 0 3px 8px rgb(0 0 0 / 75%);
    box-shadow: 0 3px 8px rgb(0 0 0 / 75%);
    border-radius: 50px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 25px;
    box-sizing: border-box;    
}

.kuad-calendar-full-manage-popup-delete 
{
    margin-right: 10px;
}

.kuad-calendar-full-manage-popup-delete:last-child 
{
    margin-right: 0;
}

.kuad-calendar-full-manage-popup-save 
{

}

/* Calendar manage Popup - List */
.kuad-calendar-full-manage-popup-list 
{
    display: flex;
    flex-wrap: wrap
}

.kuad-calendar-full-manage-popup-list-item 
{
    width: 220px;
    height: 220px;
    background-color: #ffffff;
    border: 2px solid #E8E8E8;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    margin-right: 15px;
    margin-bottom: 15px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

.kuad-calendar-full-manage-popup-list-item:hover,
.kuad-calendar-full-manage-popup-list-item-selected 
{

}

.kuad-calendar-full-manage-popup-list-item-misc-footer 
{
    display: none;
    width: 100%;
    height: 28px;
    background-color: #E8E8E8;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 17px 17px;
}

.kuad-calendar-full-manage-popup-list-item:hover .kuad-calendar-full-manage-popup-list-item-misc-footer,
.kuad-calendar-full-manage-popup-list-item-selected .kuad-calendar-full-manage-popup-list-item-misc-footer 
{
    display: block;
}

.kuad-calendar-full-manage-popup-list-item-icon 
{
    width: 64px;
    height: 64px;
    background-image: url(../images/kuad_calendar_manage_popup_list_item_icon.png);
    margin-bottom: 15px;
}

.kuad-calendar-full-manage-popup-list-item-add 
{
    
}

.kuad-calendar-full-manage-popup-list-item-add .kuad-calendar-full-manage-popup-list-item-icon 
{
    background-image: url(../images/kuad_calendar_manage_popup_list_item_add_item_icon.png);
}

.kuad-calendar-full-manage-popup-list-item-title 
{
    color: #403A60;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    height: 45px;
}

/* Tabs Menu */
.kuad-calendar-full-manage-popup-wrapper .ks-global-inputs-system-menu-tabs 
{
    margin-top: 25px;
    margin-bottom: 10px;
}

/* Calendar manage Popup - Settings */
.kuad-calendar-full-manage-popup-settings 
{
    background-color: #ffffff;
    border-radius: 16px;
    padding: 20px 20px 20px 20px;
}

.kuad-calendar-full-manage-popup-settings-title
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}

.kuad-calendar-full-manage-popup-settings-sub-title
{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.kuad-calendar-full-manage-popup-settings-description
{
    font-size:12px;
}

/* Available Week Days */
.kuad-calendar-full-manage-popup-settings-available-week-days 
{

}

.kuad-calendar-full-manage-popup-settings-available-week-days-container 
{
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
}

.kuad-calendar-full-manage-popup-settings-available-week-day 
{
    display: flex;
    flex-direction: column;
    width: 14.27%;
    padding: 20px 10px;
    border: 1px #dadada;
    border-style: solid solid solid none;
    box-sizing: border-box;
    margin: 0;
    justify-content: center;
    align-items: center;
}

.kuad-calendar-full-manage-popup-settings-available-week-day:first-child 
{
    border-style: solid;
}

.kuad-calendar-full-manage-popup-settings-available-week-day input
{
    margin: 0px 0px 10px 0px;
}

.kuad-calendar-full-manage-popup-settings-available-week-day p
{
    margin: 0px;
    font-size: calc(0.8em + 0.1vw);
}

/*---- Mobile ----*/
@media only screen and (max-width: 1080px)  
{
    .kuad-calendar-full-manage-popup-settings-available-week-day 
    {
        width: 33%;
    }
}

/* Time Intervals */
.kuad-calendar-full-manage-popup-settings-time-intervals 
{
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.kuad-calendar-full-manage-popup-settings-time-interval 
{
    display: flex;
    align-items: baseline;
    margin-bottom: 25px;
}

.kuad-calendar-full-manage-popup-settings-time-interval select 
{
    max-width: 88px;
    width: 88px;
    margin-right: 10px;
}

.kuad-calendar-full-manage-popup-settings-time-interval .ks-global-inputs-system-button-remove 
{
    margin-bottom: 0 !important;
}

.kuad-calendar-full-manage-popup-settings-time-intervals-add 
{

}

/* Week Days Hours Intervals */
.kuad-calendar-full-manage-popup-settings-week-days-time-intervals-wrapper
{
    /*display: none;*/
}

.kuad-calendar-full-manage-popup-settings-week-days-time-intervals
{
    
}

.kuad-calendar-full-manage-popup-settings-week-days-time-day
{
    display: flex;
    width: 100%;
    max-width: 315px;
    align-items: center;
}

.kuad-calendar-full-manage-popup-settings-week-days-time-day-name
{
    min-width: 75px;
    font-size: 14px;
    font-weight: 600;
}

.kuad-calendar-full-manage-popup-settings-week-days-time-intervals-title 
{
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 4px;
}

.kuad-calendar-full-manage-popup-settings-week-days-time-intervals-columns
{
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}

.kuad-calendar-full-manage-popup-settings-week-days-time-interval-container 
{
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: end;
    margin-bottom: 15px;
}

.kuad-calendar-full-manage-popup-settings-week-days-time-interval-column
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.kuad-calendar-full-manage-popup-settings-week-days-time-interval-column select 
{
    margin-bottom: 0;
}

.kuad-calendar-full-manage-popup-settings-week-days-time-intervals-add,
.kuad-calendar-full-manage-popup-settings-week-days-time-intervals-remove 
{
    background-image: url(../images/week-day-interval-add.png);
    width: 24px;
    height: 24px;
    text-indent: -99999999px;
    cursor: pointer;
    position: relative;
    bottom: 10px;
}

.kuad-calendar-full-manage-popup-settings-week-days-time-intervals-remove 
{
    background-image: url(../images/week-day-interval-remove.png);
}

.kuad-calendar-full-manage-popup-settings-week-days-time-intervals-add:hover,
.kuad-calendar-full-manage-popup-settings-week-days-time-intervals-remove:hover,
.kuad-calendar-full-manage-popup-settings-week-days-time-intervals-add:focus,
.kuad-calendar-full-manage-popup-settings-week-days-time-intervals-remove:focus  
{
    filter: invert(0.5);
}




/* Link account providers */
.kuad-calendar-full-manage-popup-settings-link-account-container 
{
    display: block;
}

.kuad-calendar-full-manage-popup-settings-link-account-list 
{
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
}

.kuad-calendar-full-manage-popup-settings-link-account-list-item 
{
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 2px solid #E8E8E8;
    padding: 10px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 96px;
    height: 96px;
    cursor: pointer;
}

.kuad-calendar-full-manage-popup-settings-link-account-list-item-google-0 
{
    display: none;
}

.kuad-calendar-full-manage-popup-settings-link-account-list-item:last-child 
{
    margin-right: 0;
}

.kuad-calendar-full-manage-popup-settings-link-account-list-item-icon 
{
    width: 36px;
    height: 36px;
    background-image: url(../images/link_provider_google_calendar.png);
    margin-bottom: 10px;
}

.kuad-calendar-full-manage-popup-settings-link-account-list-item-title 
{
    height: 35px;
}

.kuad-calendar-full-manage-popup-settings-link-account-list-item-google 
{

}

.kuad-calendar-full-manage-popup-settings-link-account-list-item-outlook 
{
    display: none;
}

.kuad-calendar-full-manage-popup-settings-link-account-list-item-office365 
{
    display: none;
}

.kuad-calendar-full-manage-popup-settings-link-account-list-item-disabled 
{
    opacity: 0.5;
    cursor: not-allowed;
}

.kuad-calendar-full-manage-popup-settings-link-account-list-item-linked 
{
    border-color: #B55C80;
}

.kuad-calendar-full-manage-popup-settings-link-account-select-calendar-id 
{

}

/* Manage - Google Select Calendar*/
.kuad-calendar-full-manage-popup-settings-link-account-google-select-calendar 
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.kuad-calendar-full-manage-popup-settings-link-account-google-background 
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.85;
}

.kuad-calendar-full-manage-popup-settings-link-account-google-select-calendar-wrapper 
{
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background: #ffffff;
    padding: 25px 25px 25px 25px;
    border-radius: 15px;
}

.kuad-calendar-full-manage-popup-settings-link-account-google-select-calendar .googleCalendarId-container 
{
    
}

.kuad-calendar-full-manage-popup-settings-link-account-google-select-calendar-button 
{
    margin-bottom: 0 !important;
}

/*==== Days ====*/
.kuad-calendar-full-days-container
{
    width: 100%;
    min-height: 40px;
    display: flex;
    border-color: #323537;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    padding: 0;
    border-radius: 15px;
    box-sizing: border-box;
    position: relative;
    color: #141414;
}

.kuad-calendar-full-days-header
{
    display: flex;
}

.kuad-calendar-full-days-header-name 
{
    flex-basis: 14.28571428571429%;
    color: #403A60 !important;
    font-weight: bold;
    padding: 8px 0 5px 0;
    border-top: 2px solid #e8e8e8;
    border-bottom: 2px solid #e8e8e8;
    border-left: 2px solid #e8e8e8;
    box-sizing: border-box;
    text-align: center;
}

.kuad-calendar-full-days-header-name:nth-child(7n)
{
    border-right: 2px solid #e8e8e8;
}

.kuad-calendar-full-days-header-name:first-child 
{
    border-radius: 15px 0 0 0;
}

.kuad-calendar-full-days-header-name:last-child 
{
    border-radius: 0 15px 0 0;
}

.kuad-calendar-full-days-list
{
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
}

.kuad-calendar-full-day
{
    flex-basis: 14.28571428571429%;
    height: 10vw;
    min-height: 140px;
    padding: 10px 0;
    cursor: pointer;
    overflow: hidden;
    border-bottom: 2px solid #e8e8e8;
    border-left: 2px solid #e8e8e8;
    box-sizing: border-box;
    transition: all 0.5s;
    position: relative;
}

.kuad-calendar-full-day:nth-child(7n)
{
    border-right: 2px solid #e8e8e8;
}

.kuad-calendar-full-day:nth-child(36n)
{
    border-radius: 0 0 0 15px;
}

.kuad-calendar-full-day:nth-child(42n)
{
    border-radius: 0 0 15px 0;
}

.kuad-calendar-full-day:hover,
.kuad-calendar-full-day:focus,
.kuad-calendar-full-day-selected 
{
    
}

.kuad-calendar-full-day-number 
{
    width: 36px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 10px;
    color: #3C434A !important;
    font-size: 15px;
    font-weight: bold;
    box-sizing: border-box;
    transition: all 0.25s;
    position: absolute;
    top: 10px;
    left: 2px;
}

.kuad-calendar-full-day-weekend 
{
    
}

.kuad-calendar-full-day-weekend .kuad-calendar-full-day-number
{
    color: #B55C80;
}

.kuad-calendar-full-day-selected .kuad-calendar-full-day-number
{
    color: #fff !important;
    background-color: #403a60;
    font-weight: 500;
    border-radius: 50px;
    padding: 6px 5px 5px 5px;
    width: 36px;
    height: 36px;
}

.kuad-calendar-full-day-previous,
.kuad-calendar-full-day-next 
{
    cursor: not-allowed;
}

.kuad-calendar-full-day-previous .kuad-calendar-full-day-number,
.kuad-calendar-full-day-next .kuad-calendar-full-day-number
{
    color: #cccccc !important;
}

/* Day - Event */
.kuad-calendar-full-day-events-list
{
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    overflow: auto;
    width: 100%;
    height: calc(100% - 50px);
    margin-top: 40px;
}

.kuad-calendar-full-day-event 
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
    padding: 2px 10px;
    background-color: rgba(0, 0, 0, 0);
    transition: all 0.25s;
}

.kuad-calendar-full-day-event:hover
{
    background-color: rgba(0, 0, 0, 0.25);
}

.kuad-calendar-full-day-event-icon 
{
    min-width: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #31bbbf;
    margin-right: 10px;
}

.kuad-calendar-full-day-event-title
{
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Day - Event - Popup */
.kuad-calendar-full-day-event-popup 
{
    width: 100%;
    height: 100%;
    position: absolute !important;
    z-index: 9;
    top: 0;
    left: 0;
    display: none;
}

.kuad-calendar-full-day-event-popup-background
{
    background-color: rgba(0,0,0,0.75);
    position: absolute;
    width: 101%;
    height: 100%;
    border-radius: 15px;
    left: -0.5%;
}

.kuad-calendar-full-day-event-popup-wrapper 
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 500px;
    height: 500px;
    background-color: #ffffff;
    transform: translate(-50%, -50%);
    border-radius: 15px;
    padding: 10px;
    box-sizing: border-box;
}

.kuad-calendar-full-day-event-popup-header
{
    display: flex;
    justify-content: space-between;
    height: 40px;
    box-sizing: border-box;
    align-items: center;
    border-bottom: thin solid #999999;
    padding-top: 5px;
    padding-left: 15px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.kuad-calendar-full-day-event-popup-header-title
{
    
}

.kuad-calendar-full-day-event-popup-header-close
{
    -webkit-box-shadow: 0 3px 8px rgb(0 0 0 / 75%);
    box-shadow: 0 3px 8px rgb(0 0 0 / 75%);
    border-radius: 50px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 25px;
    box-sizing: border-box;
    color: #141414 !important;
}

.kuad-calendar-full-day-event-popup-events-list
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 10px 10px;
    width: 93%;
    height: 370px;
    overflow: auto;
}

.kuad-calendar-full-day-event-popup-events-list-item
{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 15px;
}

.kuad-calendar-full-day-event-popup-events-list-item:hover
{
    background-color: rgba(0, 0, 0, 0.25);
}

.kuad-calendar-full-day-event-popup-events-list-item-icon
{
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #31bbbf;
    margin-right: 10px;
}

.kuad-calendar-full-day-event-popup-events-list-item-hours
{

}

.kuad-calendar-full-day-event-popup-events-list-item-title
{
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kuad-calendar-full-day-event-popup-footer 
{

}

.kuad-calendar-full-day-event-popup-footer-create-new 
{
    -webkit-box-shadow: 0 3px 8px rgb(0 0 0 / 75%);
    box-shadow: 0 3px 8px rgb(0 0 0 / 75%);
    border-radius: 50px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    right: 20px;
    font-size: 25px;
    padding-top: 3px;
    box-sizing: border-box;
    color: #141414 !important;
}

/* Calendar Type */
.kuad-calendar-full-type-full 
{
    position: relative;
}

.kuad-calendar-full-type-picker 
{

}


/* Calendar Visual Type */
.kuad-calendar-full-visual-type-day
{

}

.kuad-calendar-full-visual-type-week
{

}

.kuad-calendar-full-visual-type-month
{

}

.kuad-calendar-full-visual-type-year
{

}

/* Events */
.kuad-calendar-full-event-popup 
{
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 91;
    display: none;
    box-sizing: border-box;
}

.kuad-calendar-full-event-popup-show
{
    /*transform: scale(1);
    opacity: 1;*/
}

.kuad-calendar-full-event-popup-background
{
    background-color: rgba(0,0,0,0.75);
    position: absolute;
    width: 101%;
    height: 100%;
    border-radius: 15px;
    left: -0.5%;
}

.kuad-calendar-full-event-popup-wrapper 
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 500px;
    min-height: 500px;
    height: auto;
    max-height: 85%;
    background-color: #ffffff;
    transform: translate(-50%, -50%);
    border-radius: 15px;
    padding: 55px 25px 10px 27px;
    box-sizing: border-box;
    overflow: auto;
}

/* Events - Close */
.kuad-calendar-full-event-popup-close 
{
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0 3px 8px rgb(0 0 0 / 18%);
    color: #333333;
    padding: 10px;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15px;
    right: 15px;
}

/* Events - Title */
.kuad-calendar-full-event-popup-title 
{

}

.kuad-calendar-full-event-popup-title .ks-global-inputs-system-sub-title
{

}

.kuad-calendar-full-event-popup-title .ks-global-inputs-system-text
{

}

/* Events - Description */
.kuad-calendar-full-event-popup-description 
{

}

/* Events - From - To - Day */
.kuad-calendar-full-event-popup-from-to-days-container 
{
    /*display: none;*/
}

.kuad-calendar-full-event-popup-from-to-days 
{

}

.kuad-calendar-full-event-popup-from-day 
{

}

.kuad-calendar-full-event-popup-to-day 
{

}

/* Events - From - To */
.kuad-calendar-full-event-popup-from-to-container 
{

}

.kuad-calendar-full-event-popup-from-to 
{

}

.kuad-calendar-full-event-popup-from 
{

}

.kuad-calendar-full-event-popup-to 
{

}

/* Events - Repeat */
.kuad-calendar-full-event-popup-repeat-type 
{
    /*display: none;*/
}

/* Events - Location */
.kuad-calendar-full-event-popup-location
{

}

/* Events - Guests */
.kuad-calendar-full-event-popup-meet-guests
{
    
}

/* Events - Buttons */
.kuad-calendar-full-event-popup-buttons
{
    display: flex;
    justify-content: space-around;
}

/*---------------------------------------------------------------*/
/*--------------------------- Admin -----------------------------*/
/*---------------------------------------------------------------*/

.ks-m-kuad-calendar-full-admin 
{

}

/* Add */
.ks-m-kuad-calendar-full-admin-add-container
{
    display: none;
}

.ks-m-kuad-calendar-full-admin-add-button
{

}

/* List */
.ks-m-kuad-calendar-full-admin-list 
{
    display: flex;
    flex-wrap: wrap;
}

.ks-m-kuad-calendar-full-admin-list-item 
{
    width: 100%;
    max-width: 300px;
    height: 200px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px rgb(0 0 0 / 18%);
    box-shadow: 0 3px 8px rgb(0 0 0 / 18%);
    color: #333333;
    padding: 10px;
    border-radius: 5px;
    position: relative;
}

.ks-m-kuad-calendar-full-admin-list-item:last-child
{
    margin-right: 0;
}

.ks-m-kuad-calendar-full-admin-list-item-title 
{

}

.ks-m-kuad-calendar-full-admin-list-item-event-duration 
{

}

.ks-m-kuad-calendar-full-admin-list-item-edit 
{

}

.ks-m-kuad-calendar-full-admin-list-item-buttons 
{

    display: flex;
    justify-content: space-around;
    margin-top: 10px;
    position: absolute;
    width: 100%;
    bottom: 10px;

}

.ks-m-kuad-calendar-full-admin-list-item-buttons .ks-m-kuad-calendar-full-admin-list-item-button
{
    width: 100px !important;
    height: 42px !important;
    margin-bottom: 0 !important;
    display: flex;
}

.ks-m-kuad-calendar-full-admin-list-item-open 
{

}

.ks-m-kuad-calendar-full-admin-list-item-delete 
{

}


/* Calendar */
.ks-m-kuad-calendar-full-admin-calendar 
{

}


/*---------------------------------------------------------------*/
/*---------------------- Meeting Picker -------------------------*/
/*---------------------------------------------------------------*/

.kuad-calendar-meeting-picker 
{
    position: relative;
    display: flex;
    justify-content: center;
    padding: 25px 0;
    min-height: 500px;
}

.kuad-calendar-meeting-picker div 
{
    font-weight: 400;
    font-size: 14px;
}

.kuad-calendar-meeting-picker input,
.kuad-calendar-meeting-picker textarea,
.ks-global-inputs-system-phone-country-code
{
    font-family: 'Inter', sans-serif;
    height: 25px;
}

.kuad-calendar-meeting-picker textarea 
{
    height: 120px;
}

.kuad-calendar-meeting-picker .ks-global-inputs-system-phone-country-code 
{
    padding-left: 10px;
}

.kuad-calendar-meeting-picker-wrapper 
{
    max-width: 740px;
    font-family: 'Inter', sans-serif;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #ffffff;
    color: #000 !important;
    padding: 25px 20px;
    border-radius: 10px;
    position: relative;

    /*transform: scale(0);*/
    transition: all 0.5s;
}


/*==== Main ====*/

.kuad-calendar-meeting-picker-main 
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.kuad-calendar-meeting-picker-main-column 
{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}

.kuad-calendar-meeting-picker-main-column:first-child 
{
    width: calc(65% - 10px);
    margin-right: 20px;
}

.kuad-calendar-meeting-picker-main-column:last-child
{
    width: calc(35% - 10px);
}


/* Header */
.kuad-calendar-meeting-picker-header 
{
    display: flex;
    width: 100%;
}

/* Arrows - Months */
.kuad-calendar-meeting-picker-arrows-months
{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* - Months */
.kuad-calendar-meeting-picker-months 
{
    display: flex;
    font-size: 16px;
}

.kuad-calendar-meeting-picker-month 
{
    color: #000 !important;
    margin-right: 5px;
}

.kuad-calendar-meeting-picker-year 
{
    color: #000 !important;
}

/* - Arrows */
.kuad-calendar-meeting-picker-arrows 
{
    display: flex;
    font-weight: bold !important;
}

.kuad-calendar-meeting-picker-arrow 
{
    color: #000 !important;
    cursor: pointer;
}

.kuad-calendar-meeting-picker-arrow-left 
{
    margin-right: 25px;
}

.kuad-calendar-meeting-picker-arrow-right 
{

}


/* Days */

.kuad-calendar-meeting-picker-visual-render 
{
    width: 100%;
}

.kuad-calendar-meeting-picker-days-container 
{
    width: 100%;
    min-height: 40px;
    display: flex;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    padding: 0;
    border-radius: 15px;
    box-sizing: border-box;
    position: relative;
    color: #000 !important;
}


/* Days - Header */
.kuad-calendar-meeting-picker-days-header 
{
    display: flex;
}

.kuad-calendar-meeting-picker-days-header-name 
{
    flex-basis: 14.28571428571429%;
    color: #403A60 !important;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 0 5px 0;
    box-sizing: border-box;
    text-align: center;
}

.kuad-calendar-meeting-picker-days-header-name:first-child 
{
    border-radius: 15px 0 0 0;
}

/* Days - List */ 
.kuad-calendar-meeting-picker-days-list 
{
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
}

.kuad-calendar-meeting-picker-day 
{
    flex-basis: 14.28571428571429%;
    height: 50px;
    padding: 10px 0;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.5s;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}


.kuad-calendar-meeting-picker-day-number 
{
    color: #000 !important;
}

.kuad-calendar-meeting-picker-day-previous 
{

}

.kuad-calendar-meeting-picker-day-next 
{

}

.kuad-calendar-meeting-picker-day-previous, 
.kuad-calendar-meeting-picker-day-next,
.kuad-calendar-meeting-picker-day-blocked
{
    /*cursor: not-allowed;*/
}

.kuad-calendar-meeting-picker-day-number 
{
    width: 36px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    color: #000000 !important;
    box-sizing: border-box;
    transition: all 0.25s;
    background-color: #d9d9d9;
    border-radius: 50px;
}

.kuad-calendar-meeting-picker-day-previous .kuad-calendar-meeting-picker-day-number, 
.kuad-calendar-meeting-picker-day-next .kuad-calendar-meeting-picker-day-number 
{
    color: #cccccc !important;
    background-color: transparent;
}

.kuad-calendar-meeting-picker-day-selected .kuad-calendar-meeting-picker-day-number
{
    color: #ffffff !important;
    background-color: #000000 !important;
}

.kuad-calendar-meeting-picker-day-blocked 
{

}

.kuad-calendar-meeting-picker-day-blocked .kuad-calendar-meeting-picker-day-number
{
    background-color: #B55C80 !important;
    color: #ffffff !important;
}

/* TimeZone Selector */
.kuad-calendar-meeting-picker-timezone-container 
{
    font-family: 'Inter', sans-serif;
}

.kuad-calendar-meeting-picker-timezone-container label
{
    font-family: 'Inter', sans-serif;
    color: #000000 !important;
    font-size: 16px;
}

.kuad-calendar-meeting-picker-timezone-container select
{
    font-family: 'Inter', sans-serif;
}

/* Hours Selector */
.kuad-calendar-meeting-picker-hours-selector-container 
{
    width: 100%;
}

.kuad-calendar-meeting-picker-hours-selector-header 
{

}

.kuad-calendar-meeting-picker-hours-selector-header-date
{
    color: #000 !important;
}

.kuad-calendar-meeting-picker-hours-selector-list 
{
    overflow: auto;
    height: auto;
    max-height: 500px;
}

.kuad-calendar-meeting-picker-hours-selector-list-item
{
    color: #000 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kuad-calendar-meeting-picker-hours-selector-list-item-disabled 
{
    display: none;
}

.kuad-calendar-meeting-picker-hours-selector-list-item-hour,
.kuad-calendar-meeting-picker-hours-selector-list-item-confirm
{
    color: #000 !important;
    background-color: #D9D9D9;
    cursor: pointer;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.kuad-calendar-meeting-picker-hours-selector-list-item-hour:hover,
.kuad-calendar-meeting-picker-hours-selector-list-item-confirm:hover,
.kuad-calendar-meeting-picker-hours-selector-list-item-selected
{
    background-color: #808080;
    color: #ffffff !important;
}

.kuad-calendar-meeting-picker-hours-selector-list-item-confirm
{
    display: none;
    margin-left: 10px;
}

/*---- Mobile ----*/
@media only screen and (max-width: 1080px)  
{
    .kuad-calendar-meeting-picker-main 
    {

    }

    .kuad-calendar-meeting-picker-main-column 
    {
        width: 100% !important;
    }

    .kuad-calendar-meeting-picker-hours-selector-container 
    {

    }
}


/*==== Confirm Meeting ====*/
.kuad-calendar-meeting-picker-confirm-meeting-main 
{

}

/* Confirm */
.kuad-calendar-meeting-picker-confirm-meeting 
{
    display: none;
    width: 100%;
}

.kuad-calendar-meeting-picker-confirm-meeting-wrapper
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Request */
.kuad-calendar-meeting-picker-confirm-meeting-request 
{
    display: flex;
    flex-direction: column;
}

.kuad-calendar-meeting-picker-confirm-meeting-request-header 
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 390px;
}

.kuad-calendar-meeting-picker-confirm-meeting-request-header-back 
{
    background-image: url(../images/arrow-back.png);
    width: 19px;
    height: 16px;
    cursor: pointer;
    margin-right: 10px;
}

.kuad-calendar-meeting-picker-confirm-meeting-request-header-title 
{
    font-size: 20px !important;
    color: #000000 !important;
}

.kuad-calendar-meeting-picker-confirm-meeting-request-summary 
{   
    padding: 10px 10px 10px 30px;
    width: 100%;
    max-width: 390px;
}

.kuad-calendar-meeting-picker-confirm-meeting-request-summary-item 
{
    font-size: 14px;
    color: #333333 !important;
}

.kuad-calendar-meeting-picker-confirm-meeting-request-form 
{
    color: #000 !important;
}

.kuad-calendar-meeting-picker-confirm-meeting-request-form label 
{
    color: #000 !important;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
}

.kuad-calendar-meeting-picker-confirm-meeting-request-form .ks-global-inputs-system-separator 
{
    margin-bottom: 5px;
}


.kuad-calendar-meeting-picker-confirm-meeting-request-form-confirm
{
    background-color: #D9D9D9;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #000000 !important;
    margin-top: 50px;
    height: 48px;
}

.kuad-calendar-meeting-picker-confirm-meeting-request-form-confirm:hover 
{
    background-color: #808080;
    color: #ffffff !important;
}

/* Result */
.kuad-calendar-meeting-picker-confirm-meeting-result
{
    display: none;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 80px 10px;
}

.kuad-calendar-meeting-picker-confirm-meeting-result-title,
.kuad-calendar-meeting-picker-confirm-meeting-result-title-2
{
    font-size: 36px !important;
    color: #000000 !important;
    max-width: 360px;
    line-height: 1.2;
    margin-bottom: 50px;
}

.kuad-calendar-meeting-picker-confirm-meeting-result-summary
{
    font-size: 24px !important;
    color: #000000 !important;
    max-width: 336px;
    margin-bottom: 25px;
    line-height: 1.5;
}

.kuad-calendar-meeting-picker-confirm-meeting-result-description 
{
    font-size: 16px !important;
    color: #000000 !important;
    max-width: 336px;
    margin-bottom: 25px;
}

/* Loading Screen */
.kuad-calendar-meeting-picker-confirm-meeting-loading-screen 
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    cursor: no-drop;
}

.kuad-calendar-meeting-picker-confirm-meeting-loading-screen-background 
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.5);
}

.kuad-calendar-meeting-picker-confirm-meeting-loading-screen-alert 
{
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 100%;
    max-width: 350px;
    height: 100px;
    transform: translate(-50%, -50%);
    padding: 15px;
    border: 1px solid #000;
}

.kuad-calendar-meeting-picker-confirm-meeting-loading-screen-alert-title 
{
    font-size: 20px !important;
    text-align: center;
}

/*---------------------------------------------------------------*/
/*----------------------- Mini Picker ---------------------------*/
/*---------------------------------------------------------------*/

.kuad-calendar-mini-picker 
{
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 92;
}

.kuad-calendar-mini-picker-background 
{
    position: fixed;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.kuad-calendar-mini-picker-wrapper
{
    position: absolute;
    display: block;
    width: 280px;
    height: auto;
    top: 50%;
    left: 50%;
    background: #ffffff;
}

.kuad-calendar-mini-picker-close 
{
    display: none;
}

.kuad-calendar-mini-picker-header 
{
    border-top: 2px solid #e8e8e8;
    border-right: 2px solid #e8e8e8;
    border-left: 2px solid #e8e8e8;
    padding: 5px;
}

.kuad-calendar-mini-picker-month-arrows 
{
    width: auto;
    display: flex;
    justify-content: space-between;
}

.kuad-calendar-mini-picker-month-arrows-arrow 
{
    border-color: #403A60;
    background-color: #403A60;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    width: 15px;
    height: 15px;
    padding: 5px;
}

.kuad-calendar-mini-picker-months-arrows-arrow-left 
{

}

.kuad-calendar-mini-picker-months-arrows-arrow-right 
{

}

.kuad-calendar-mini-picker-month-arrows-arrow img
{

}


.kuad-calendar-mini-picker-month-arrows-date 
{
    display: flex;
    font-size: 15px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    box-sizing: border-box;
}

.kuad-calendar-mini-picker-month 
{
    margin-right: 5px;
}

.kuad-calendar-mini-picker-visual-render 
{

}

.kuad-calendar-mini-picker-days-container 
{
    width: 100%;
    min-height: 40px;
    display: flex;
    border-color: #323537;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    padding: 0;
    border-radius: 15px;
    box-sizing: border-box;
    position: relative;
    color: #141414;
}

.kuad-calendar-mini-picker-days-header 
{
    display: flex;
}

.kuad-calendar-mini-picker-days-header-name 
{
    flex-basis: 14.28571428571429%;
    color: #403A60 !important;
    font-weight: bold;
    padding: 8px 0 5px 0;
    border-top: 2px solid #e8e8e8;
    border-bottom: 2px solid #e8e8e8;
    border-left: 2px solid #e8e8e8;
    box-sizing: border-box;
    text-align: center;
}

.kuad-calendar-mini-picker-days-header-name:last-child 
{
    border-right: 2px solid #e8e8e8;
}

.kuad-calendar-mini-picker-days-list 
{
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
}


.kuad-calendar-mini-picker-day 
{
    flex-basis: 14.28571428571429%;
    height: 40px;
    padding: 5px;
    cursor: pointer;
    overflow: hidden;
    border-bottom: 2px solid #e8e8e8;
    border-left: 2px solid #e8e8e8;
    box-sizing: border-box;
    transition: all 0.5s;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kuad-calendar-mini-picker-day:nth-child(7n) 
{
    border-right: 2px solid #e8e8e8;
}

.kuad-calendar-mini-picker-day-number 
{
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    color: #3C434A !important;
    font-size: 15px;
    font-weight: bold;
    box-sizing: border-box;
    transition: all 0.25s;
    position: relative;
    top: 0;
    left: 0;
}

.kuad-calendar-mini-picker-day-selected 
{

}

.kuad-calendar-mini-picker-day-weekend 
{

}

.kuad-calendar-mini-picker-day-previous,
.kuad-calendar-mini-picker-day-next 
{
    cursor: not-allowed;
}

.kuad-calendar-mini-picker-day-previous .kuad-calendar-mini-picker-day-number, 
.kuad-calendar-mini-picker-day-next .kuad-calendar-mini-picker-day-number 
{
    color: #cccccc !important;
}

.kuad-calendar-mini-picker-day-selected .kuad-calendar-mini-picker-day-number
{
    color: #fff !important;
    background-color: #403a60;
    font-weight: 500;
    border-radius: 50px;
    padding: 12px 15px 12px 15px;
}


/* Mini Picker - Input */
.kuad-calendar-mini-picker-input-container 
{
    display: flex;
    align-items: center;
}

.kuad-calendar-mini-picker-input 
{

}

.kuad-calendar-mini-picker-input-show
{
    background-image: url(../images/mini-picker-icon.png);
    width: 50px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    margin-right: 0;
    margin-left: 10px;
}