:root {
    --chevron: url('/themes/_dec20/images/chevron.png');
}
.form-inline{
    position:relative;
}
.rt_daterangepicker-wrapper {
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 0 0 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .25);
}
.rt_daterangepicker-wrapper.active {
    display: block;
}
.rt_daterangepicker {
    display: none;
    position: fixed;
    z-index: 9999999;
    background-color: #fff;
    top: 50px;
    left: 0;
    height: 300px;
    min-width: 328px;
    border-radius: 8px;
    border: 1px solid rgba(71, 71, 71, 0.4);
}
.rt_daterangepicker.active{
    display:block;
}
.rt_daterangepicker_inner{
    position:relative;
    height: 224px;
    width: 250px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 16px;
    overflow-y: hidden;
}
.rt_daterangepicker .controllers-wrapper{
    width:100%;
    height:100%;
    position:relative;
}
.rt_daterangepicker .scroll-button{
    position:absolute;
    width:20px;
    text-align:center;
    height:30px;
    line-height:30px;
    font-size:15px;
    cursor:pointer;
    left:10px;
    background-color:#fff;
    z-index:99999999;
}
.rt_daterangepicker .scroll-button.disabled {
    opacity: 0.2;
    cursor: not-allowed;
}
.rt_daterangepicker .scroll-button.scroll-up.pulsating {
    animation: pulsateUp 0.2s infinite;
}
.rt_daterangepicker .scroll-button.scroll-down.pulsating {
    animation: pulsateDown 0.2s infinite;
}

.rt_daterangepicker .scroll-next,
.rt_daterangepicker .scroll-prev {
    background-size: cover;
    width: 20px;
    height: 20px;
}
.rt_daterangepicker .scroll-next {
    background-image: var(--chevron);
    transform: rotate(180deg);
}
.rt_daterangepicker .scroll-prev{
    background-image: var(--chevron);
}
.rt_daterangepicker .scroll-up,
.rt_daterangepicker .scroll-down {
    width:20px;
    height:20px;
    background-size:cover;
}
.rt_daterangepicker .scroll-up{
    top:10px;
    background-image: var(--chevron);
    transform: rotate(270deg);
}
.rt_daterangepicker .scroll-down{
    top:185px;
    background-image: var(--chevron);
    transform: rotate(90deg);
}
.rt_daterangepicker_inner_inner{
    position: absolute;
    top: 0;
}
.rt_daterangepicker .tr-header{font-size:22px;}
.rt_daterangepicker table{
    table-layout: fixed;
    width: 246px;
    border-collapse: collapse;
    margin: 12px 0;
}
.rt_daterangepicker th {
    pointer-events: none;
}
.rt_daterangepicker th, 
.rt_daterangepicker td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
}
.rt_daterangepicker td{
    font-weight: 600;
    cursor: pointer;
}
.rt_daterangepicker td > span {
    border: 1px solid transparent;
    border-radius: 50%;
    display: block;
    max-height: 100%;
    height: 40px;
    width: 100%;
    line-height: 40px;
    font-weight:normal;
}
.rt_daterangepicker td:hover > span {
    border: 1px solid rgb(71,71,71);
}
.rt_daterangepicker td.disabled:hover > span {
    border: 1px solid transparent;
}
.rt_daterangepicker td.disabled, 
.rt_daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}
.rt_daterangepicker td.avilable {
    cursor:pointer;
}
.rt_daterangepicker td.start-date,
.rt_daterangepicker td.end-date {
    background-color: #c9475f;
    color: #fff;
}
.rt_daterangepicker td.in-the-range{
    background-color: rgba(201, 71, 95, 0.25);
    border-radius: 0 0 0 0;
    color:#000;
}
.rt_daterangepicker td.start-date {
    border-radius: 0px 4px 4px 0px;
}
.rt_daterangepicker td.end-date {
    border-radius: 4px 0px 0px 4px;
}
.rt_daterangepicker button.close{
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 100px;
    height: 36px;
    line-height: 32px;
    font-size: 16px;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    background-color: #c9475f;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    position: absolute;
    top: 460px;
    left: 50px;
}
.tr-header.cloned{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: red;
    z-index: 9999999;
}



/** Desktop **/
.rt_daterangepicker-desktop{
    width: 848px;
    height: 490px;
    top: 100px;
    left: 50%;
    bottom: auto;
    right: auto;
    margin-top: 0;
    margin-left: -424px;
    border-radius: 32px;
    padding: 32px 32px;
    position: fixed;
    z-index: 9999999;
    scale: .7;
}

.rt_daterangepicker-desktop .rt_daterangepicker_inner{
    width: 800px;
    height: 427px;
    margin-right:auto;
    margin-left:auto;
    display: flex;
    /*flex-direction: row-reverse;*/
    overflow:hidden;
}

.rt_daterangepicker-desktop .controllers-wrapper {
    height: 460px;
    margin-top: -84px;
    margin-bottom: 16px;
}

.rt_daterangepicker-desktop .rt_daterangepicker_inner table.calendar-month {
    width:336px;
    table-layout:fixed;
    flex-shrink: 0; /* Ensure the element does not shrink */
    margin-right:27px;
    margin-left:27px;
    margin-top:0;
    margin-bottom:6px;
}

.rt_daterangepicker-desktop .scroll-button {
    top: 77px;
}

.rt_daterangepicker-desktop .scroll-button.scroll-prev {
    right: 16px;
}

.rt_daterangepicker-desktop .scroll-button.scroll-next {
    left : 14px;
}
.rt_daterangepicker .calendar-month > tbody > tr:nth-child(2) > th {font-weight: 400;}

#rt_daterangepicker_inner__plus_days {
    margin-right: 30px;
}
#rt_daterangepicker_inner__plus_days .flexy {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
#rt_daterangepicker_inner__plus_days .flexy button {
    min-height: 24px;
    line-height: 24px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid rgba(71, 71, 71, .4);
    padding-right: 10px;
    padding-left: 10px;
    font-size: 1rem;
    cursor: pointer;
    margin-top: -21px;
}
#rt_daterangepicker_inner__plus_days .flexy button:hover {
    background-color: rgba(71, 71, 71, .25);
}

@media only screen and (min-width: 1000px) { 
    .rt_daterangepicker-desktop.position-fixed {
        position: fixed;
    }
}

@media only screen and (max-width: 1000px) { 
    .rt_daterangepicker-desktop {
        width: 100%;
        padding-right: 16px;
        padding-left: 16px;
        border-radius: 16px;
    }
    .rt_daterangepicker-desktop .rt_daterangepicker_inner {
        width: calc(100% - 40px);
    }
    .rt_daterangepicker-desktop .rt_daterangepicker_inner table.calendar-month{
        width: 270px;
        margin-right: 10px;
        margin-left: 10px;
    }
    .rt_daterangepicker td:hover > span {
        border: 1px solid transparent;
    }
    .rt_daterangepicker {
        height: 450px;
    }
    .rt_daterangepicker table {
        width: 280px;
        margin-top: 4px;
        margin-bottom: 0;
    }
    .rt_daterangepicker_inner {
        height: 362px;
    }
    .rt_daterangepicker th, 
    .rt_daterangepicker td {
        height: 28px;
        line-height: 28px;
        width:38px;min-width:38px;max-width:38px;
    }
    .rt_daterangepicker th .tr-header{text-align: right;padding-right:12px;}
    .rt_daterangepicker td > span {
        height: 28px;
        line-height: 28px;
    }
    .rt_daterangepicker button.close {
        top: 330px;
        left: 50px
    }
    
    .rt_daterangepicker.show-calendar {
        position: relative;
        margin-bottom: 0;
        margin-right: auto;
        margin-left: auto;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }
    
    #sargel-rashi-and-beneath-wrapper .rt_daterangepicker.inside-sargel.show-calendar {
        width: 100%;
        max-width: 100%;
        border-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        margin-top: -32px;
    }
    
    :not(#sargel-rashi-and-beneath-wrapper) .rt_daterangepicker.show-calendar {
        margin-top: 16px;
        width: 360px;
    }
    
    .rt_daterangepicker_inner{width:280px;padding-top:100px;}
    .rt_daterangepicker .sargel{
        position: absolute;
        z-index: 1;
        top: 0px;
        right: 0px;
        left: 0px;
        width: 280px;
        margin-top:0;
        margin-left: auto;
        margin-right: auto;
        padding: 30px 0 12px 0;
        border-bottom: 1px solid rgba(71, 71, 71, .5);
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
        background: #fff;
        text-align: center;
    }
    .rt_daterangepicker .sargel table thead tr:nth-child(1) th{font-weight:600;font-size:18px;text-align:center;padding-right:12px;}
    .rt_daterangepicker_inner .sargel th{width:38px;min-width:38px;max-width:38px;text-align: center;}
    
    .rt_daterangepicker .scroll-up{top:120px;}
    .rt_daterangepicker .scroll-bottom{top:170px;}
    
    .rt_daterangepicker .calendar-month tbody tr:nth-child(2){display: none;}
    
    .column-3 #insured-people-in-sargel-rashi-inputs-wrapper .people-fields-wrapper-31 .border-bottom-light-gray{
        width:50%;flex-basis:50%;
    }
    .column-3 #insured-people-in-sargel-rashi-inputs-wrapper .border-bottom-light-gray .flexy .label-wrapper {
        width: 82px;
    }
    .column-3 #insured-people-in-sargel-rashi-inputs-wrapper .border-bottom-light-gray:nth-child(1) .flexy .label-wrapper label{padding-top:0;}
    .column-3 #insured-people-in-sargel-rashi-inputs-wrapper .border-bottom-light-gray:nth-child(1) .flexy .label-wrapper .span-1{word-wrap:break-word;width:70px;margin-top:2px;}
    #insured-people-in-sargel-rashi #insured-persons .form-item-with-label .input-wrapper select{margin-top:1px;padding-top:0;padding-bottom:0;padding-left:0;padding-right:6px;background-position:6px;}

    .rt_daterangepicker .tr-header,
    .rt_daterangepicker th, 
    .rt_daterangepicker td {
        font-size: 16px;
    }
}

@media only screen and (max-width: 500px) {
    .rt_daterangepicker button.close {
        /*top: 15px;*/
        /*left: 34px;*/
        z-index: 999;
        width: 77px;
    }
}

@media only screen and (max-width: 400px) {     
    .rt_daterangepicker {
        top: 101px;
        min-width: 100%;
        max-width: 100%;
        height: 416px;
    }
    .rt_daterangepicker_inner{
        height: 320px;
    }
    .rt_daterangepicker table{
        width: 100%;
    }
    .rt_daterangepicker button.close{
        margin-top: 14px;
    }
    .rt_daterangepicker table .tr-header{padding-right:14px;text-align:right;direction:rtl;}
}

@keyframes pulsateUp {
    0% { transform: scale(1) rotate(270deg); }
    50% { transform: scale(1.4) rotate(270deg); }
    100% { transform: scale(1) rotate(270deg); }
}
@keyframes pulsateDown {
    0% { transform: scale(1) rotate(90deg); }
    50% { transform: scale(1.4) rotate(90deg); }
    100% { transform: scale(1) rotate(90deg); }
}