.cursor-pointer{
    cursor:pointer;
}

.transparent-background{
    -webkit-backdrop-filter: contrast(4) blur(3px)!important;
    backdrop-filter: contrast(4) blur(3px)!important;
    background-color: rgba(255, 255, 255, 0.4)!important;
}

.interaction{
    top: 0;
    transition: 0.3s;
}
.interaction:hover{
    top: -3px!important;
    transition: 0.3s;
}


.call-window{
    z-index: 9999!important;
    right: -270px!important;
    width: 100%!important;
    max-height: 450px!important;
    overflow: hidden!important;
    transition: 0.3s!important;
    border: 2px solid black!important;
}
.call-window.show{
    right: 15px!important;
}
select[readonly]{
    pointer-events: none;
}


.ui_tpicker_time_label{
    display: none!important;
}
.ui_tpicker_time{
    display: none!important;
}
.ui_tpicker_timezone_label{
    display: none!important;
}
.ui_tpicker_timezone{
    display: none!important;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    padding: .375rem .75rem!important;
}





@media (min-width: 400px) {
    .w-sm-25{
        width: 25% !important;
    }
    .w-sm-50{
        width: 50% !important;
    }
    .w-sm-75{
        width: 75% !important;
    }
    .w-sm-100{
        width: 100% !important;
    }
    .w-sm-unset{
      width: auto!important;
    }
}
@media (min-width: 768px) {
    .w-md-25{
        width: 25% !important;
    }
    .w-md-50{
        width: 50% !important;
    }
    .w-md-75{
        width: 75% !important;
    }
    .w-md-100{
        width: 100% !important;
    }
    .w-md-unset{
      width: auto!important;
    }
}
@media (min-width: 992px) {
    .w-lg-25{
        width: 25% !important;
    }
    .w-lg-50{
        width: 50% !important;
    }
    .w-lg-75{
        width: 75% !important;
    }
    .w-lg-100{
        width: 100% !important;
    }
    .w-lg-unset{
      width: auto!important;
    }
}
@media (min-width: 1200px) {
    .w-xl-25{
        width: 25% !important;
    }
    .w-xl-50{
        width: 50% !important;
    }
    .w-xl-75{
        width: 75% !important;
    }
    .w-xl-100{
        width: 100% !important;
    }
    .w-xl-unset{
      width: auto!important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-25{
        width: 25% !important;
    }
    .w-xxl-50{
        width: 50% !important;
    }
    .w-xxl-75{
        width: 75% !important;
    }
    .w-xxl-100{
        width: 100% !important;
    }
    .w-xxl-unset{
      width: auto!important;
    }
}