@media screen and (width: 768px) {
    .event-block{
        flex-wrap: wrap;
    }
}

/* worker-dashboard-new page */
.banner-bg-image{
    background-image: url(https://dev.rees-catering.co.il/wp-content/uploads/2024/02/sd5-1920w.webp);
    padding: 25px 20px;
    border-radius: 10px;
    margin-top: 50px;
}
.banner_title-worker{
    display: flex;
    justify-content: space-between;
}
.worker-left-time{
    text-align: left;
}
.worker-left-time h2{
    padding: 13px 21px;
    margin-bottom: 0 !important;
    border: 2px solid #fff;
    border-radius: 5px;
    font-size: 50px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    display: inline-block;
}
.worker-left-time p.worker-date_sec{
    padding: 5px 20px;
    color: #1f4a53;
    background-color: #fff;
    border-radius: 10px;
    display: inline-block;
    margin-top: 15px;
    font-size: 17px;
    font-weight: 500;
}
.worker-left-time div span{
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin: 0 10px 0 10px;
}
.worker-right-print h2{
    font-size: 80px;
    letter-spacing: 2px;
    margin-bottom: 0;
    font-weight: 500;
    color: #fff;
}
.worker-right-print a{
    border: 2px solid #fff;
    color: #fff;
    padding: 5px 14px;
    border-radius: 15px;
}
.worker-right-print a i{
    margin-right: 6px;
}
/*  */

.total-box-title {
    margin-bottom: 15px;
}
.total-box-title span{
    font-size: 18px;
    font-weight: 600;
    text-align: end;
    color: #000;
}
.total-box-title span i{
    margin-right: 7px;
}
.main-total-to-prepare{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 14px;
}
.total-box{
    padding: 15px;
    background: #f3f4f4;
    border-radius: 5px;
}
.total-box .total-box-prepare-title p{
    font-size: 11px;
    font-weight: 500;
    color: #1f4a53;
}
.total-box .total-box-prepare-title p i{
    font-size: 14px;
    margin-right: 62px;
}

table tr.table_header{
    background-color: #1f4a53;
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
}
table tr.table_header th{
    border-color: transparent !important;
}
.input-chk-field input[type=checkbox]{
    margin-right: 0;
    background-color: green;
    border-color: transparent;
    border-radius: 2px;
}
.input-chk-field input.close[type=checkbox]{
    background-color: red;
}
.input-chk-field input.close[type=checkbox]::before{
    content: '';
    opacity: 0;
}
.input-chk-field input.close[type=checkbox]:checked:before{
    opacity: 1;
    color: #fff;
}
.input-chk-field input[type=checkbox]:checked:before{
    color: #fff;
}
.input-chk-field span{
    color: #000;
    font-size: 16px; 
    margin-right: 5px;
}
.total-services_chk{
    display: flex;
    gap: 0 15px;
}
.divider-total-box{
    width: 100%;
    height: 1px;
    background-color: #c7cccc;
    margin-top: 7px;
    margin-bottom: 10px;
}
.input-filed-progress .bg-progress{
    width: 100%;
    height: 20px;
    border-radius: 10px;
    background-color: #fff;
}
.input-filed-progress .time-progress{
    height: 20px;
    border-radius: 10px;
    background-color: green;
    text-align: center;
    color: #000;
    font-weight: 500;
}
.total-box-chk input[type=checkbox]{
    margin-right: 0;
    border-color: #fff;
    background-color: transparent;
    border-radius: 2px;
    position: relative;
}
.total-box-chk input[type=checkbox]::after{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 25px;
    background-color: #1f4a53;
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 1;
}
.total-box-chk input[type=checkbox]:checked:before{
    color: #fff;
    position: relative;
    z-index: 2;
}
.total-box-sec-chk input[type=checkbox]{
    margin-right: 0;
    border-color: #000000;
    background-color: transparent;
    border-radius: 2px;
    position: relative;
}
.total-box-sec-chk input[type=checkbox]::after{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 25px;
    background-color: #f3f4f4;
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 1;
}
.total-box-sec-chk input[type=checkbox]:checked:before{
    color: #000000;
    position: relative;
    z-index: 2;
    opacity: 1;
}
.totla-color-img img{
    width: 30px;
    height: 30px;
}
.totla-color-img span{
    margin-right: 8px;
    color: #000000;
    font-weight: 600;
    font-size: 13px;
}
.total-box-color-sec{
    margin: 15px 0 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sidebar-chk-box input[type=checkbox]::after{
    background-color: #fff;
}
@media screen and (max-width: 1024px){
    .main-total-to-prepare{
        grid-template-columns: 2fr 2fr;
    }
    .banner_title-worker{
        text-align: center !important;
        flex-wrap: wrap;
    }
    .worker-right-print{
        margin-bottom: 15px !important;
    }
}
@media screen and (max-width: 425px){
    .main-total-to-prepare{
        grid-template-columns: 4fr;
    }
}

/* contact details page */








.select-item-info {
    display: flex;
    align-items: center;
    gap: 5px;
}
.select-item-info span {
    height: 26px;
    font-size: 20px;
}
table.contact-table tr td i{
    margin-left: 5px;
}