@media print{
    .calculations-options, .calculator-buttons, .timesheet-banner, .header.header-main, .page-container, .footer.footer--main, #popup, #cc--main, .hs-web-interactives-floating-container, iframe, .multiRateOtIn-body #addOvertime {
        display: none !important;
        visibility: hidden !important;
    }
    .main-content{
        margin-top: 50px !important;
    }
    .section-fluid, .section-trial, #qa {
        display: none;
        visibility: hidden !important;
    }
    @page {  
        size: landscape;
        margin: 0cm ;
    }  
    .timeSheetdivs {
        visibility: visible;
    }
    #printArea, #printArea * {  
        visibility: visible; 
        margin-bottom: 0 !important; 
        margin-top: 0 !important; 
    }
    #printArea {  
        position: absolute;  
        left: 0;  
        top: 0;  
        width: 100%;  
        margin: none;
    }  
    #jibble-print-logo{
        display : block !important;
    }
    #jibble-print-footer{
        margin-top: 10px;
        display : block !important;
    }
    textarea {
        width: 100%;
        height: auto;
        overflow: visible; 
        resize: none; 
        border: 1px solid #ccc;
        padding: 4px; 
        background: transparent; 
        color: #333;
    }
    .jibble-height { height: 10px !important;}
    .rowInputVal { display: block !important;}
    .multiRateOt-body.section-hours-calculator #inputscol { max-width: 70% !important;}
    .multiRateOt-body.ot-cal-body #otresults { max-width: 30% !important;}
    .multiRateOt-body.section-hours-body #resultsplaceholder { max-width: 30% !important;}

    .multiRateOt-body .overtime-headers { display: flex !important;}
    .tooltip-parent .tooltip-icon-wrapper , .multiRateOt-body .input-wrapper::before{ display: none !important;}
    .multiRateOt-body .overtime-header:not(.ovt-number) { width:33.33% !important; }
    .multiRateOt-body .overtime-block { display: flex !important; }
    .multiRateOt-body .input-wrapper { flex: 1; margin: 0 10px; width: 33.33% !important; }
    .multiRateOt-body .input-wrapper { margin: 0 10px; }
    .multiRateOt-body fieldset { margin: 20px 0px !important; padding: 10px 0px !important; }
    .multiRateOt-body legend { float: inline-end !important; margin-bottom: 0px !important; }
    .section-hours-body .hours-calculator-head { border: 1px solid #ff6603;}
    .ot-cal-body.section-hours-body .hours-calculator-body-inside #inputscol { display: block !important;}
    .section-hours-body #inputscol { border-right: 1px solid #e6e6e6 !important; }
    .rtl .section-hours-body #inputscol { border-left: 1px solid #e6e6e6 !important; }
    .page-template-template-project-timesheet .calculator__cell input[type="text"] , .section-student-attend .calculator__cell input[type="text"] {
        display: none !important;
    }
    .page-template-template-project-timesheet .calculator__cell.taskTItle, .section-student-attend .calculator__cell.taskTItle { font-size: 10px;line-height: 12px;}
     .timeSheetdivs.timesheet-five-column { user-select:none;}
     .section-student-attend .timeSheetdivs  { border: none !important;box-shadow: none !important;}
     #wpseo-frontend-inspector { box-shadow: none !important; display: none !important;}
    .section-student-attend .container { max-width: 1140px !important;}
    .section-student-attend .timesheet { max-width: unset !important;}
    .section-student-attend .dynamic-container {display: flex !important;flex-grow: 2 !important; }
    .section-student-attend .toggle { display: block !important}
    .section-student-attend .toggle__slider::after { background-color: #f2f2f2; border-radius: 50%; }
    .section-student-attend .student-topbar { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; }
    .section-student-attend .left-fields { display: flex !important; gap: 10px; width: 50% !important; justify-content: flex-start !important; border-right: 1px solid #e8e8e8 !important; }
    .section-student-attend .right-fields { display: flex !important; gap: 10px; width: 50% !important; justify-content: flex-end !important; }
    .section-student-attend .week-form-control, .section-student-attend .row-form-control, .section-student-attend .student-topbar input { height: 40px !important; font-size: 14px !important; line-height: 38px !important; color: #333; padding: 0px 9px !important; border-radius: 4px; border: solid 1px #e8e8e8; background-color: #fff; }
    .section-student-attend .calFormWeekSelect label { width: max-content; display: block; text-align: center; white-space: nowrap; height: 40px; line-height: 38px; margin-bottom: 0 !important; }
    .section-student-attend .left-fields .leftInputs{ width: unset !important;}
    .section-student-attend .right-fields .rightInputs{ width: unset !important;}
    .section-student-attend .print-headDate { display: block !important; }
    .section-student-attend .mob-text, .section-student-attend .des-text,.section-student-attend .data-date { display: none !important; width: unset !important; min-width: unset !important}
    .section-student-attend  span.toggle__slider::before { content: ""; position: absolute; left: unset !important; top: unset !important; width: unset !important; height: unset !important; background: none !important; border-radius: 50%; z-index: 1; transition: transform 0.3s; transform: translateX(24px); }
    .section-student-attend .toggle__slider::after { content: "✖"; left: unset !important; right: unset !important; color: #fc320a !important; font-size: 14px; position: initial !important; top: 50%; background-color: unset !important; }
    .section-student-attend  span.toggle__slider { position: initial !important; border-radius: 15px; box-shadow: none; background: none !important; transition: all 0.3s; }
    .section-student-attend .timesheet-seven-column .dayDiv.day-7.d-none:not([disabled]),.section-student-attend .timesheet-seven-column .dayDiv.d-none:not([disabled]) { display: flex !important; }
    .section-student-attend .timesheet-five-column .dayDiv.d-none:not([disabled]):not(.day-7) { display: flex !important; visibility: visible !important;}
    .section-student-attend .timesheet-six-column .dayDiv.d-none:not([disabled]):not(.day-6) { display: flex !important; visibility: visible !important;}
    .section-student-attend .timeCap-head,
    .section-student-attend .student-topbar,
    .section-student-attend .timesheet-row.week-row { display: none !important; }
    .section-student-attend .dayDiv { display: flex; flex-direction: column; align-items: center; justify-content: center;  min-width: unset !important; height: 35px !important; width: 25px !important; user-select: none !important; pointer-events: none !important;}
    .section-student-attend .taskTItle { padding-left: 4px; flex-basis: 155px !important; flex-direction: column; justify-content: center; align-items: flex-start; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: initial !important; border: 0; min-width: 150px !important;border-top: 0px !important;padding-left: 0px !important;height: 35px !important;}
    .section-student-attend .thTotal { padding-left: 4px; flex-basis: 45px !important; flex-direction: column; justify-content: center; align-items: flex-start; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: initial !important; border: 0; min-width: 20px !important;height: 35px !important;}
    .section-student-attend .timesheet-row.timseSheetfirst-row { padding: 0px !important;justify-content: start !important;border-bottom: 0px solid #000 !important;border-top: 0px solid #000 !important;}
    .section-student-attend .timesheet-body .timesheet-row:nth-child(even) { justify-content: start !important;background: #f6f8fb;border-top:1px solid #000 !important; border-bottom: 0px !important;margin: 0px 0px !important; padding: 0px 0px 0px 0px !important;}
    .section-student-attend .timesheet-row { padding: 0px 0px 0px 0px !important;justify-content: start !important;border-bottom: 0px !important;margin: 0px 0px !important;border-top:1px solid #000 !important;}
    .section-student-attend .dayDiv:not(.taskTItle) { border-left: 1px solid #000 !important;border-top: 0px !important;border-right: 0px !important;border-bottom: 0px !important;height: 46px !important;}
    .rtl .section-student-attend .dayDiv:not(.taskTItle) { border-right: 1px solid #000 !important;border-left: 0px !important;}
    .section-student-attend .dynamic-container .dayDiv.d-none[disabled] { display: none !important; }
    .section-student-attend .timseSheetfirst-row .dayDiv.thTotal { display: none;}
    .section-student-attend .timseSheetfirst-row .dayDiv.thTotal.printThtotal { display: inline-flex !important;}
    .section-student-attend .calculator__cell .total { min-width: 50px !important; max-width: 20px !important;flex-basis: 2% !important;justify-content: center !important;height: 24px !important;}
    .section-student-attend span.symbol, .section-student-attend .dayDiv.taskTItle #sort-students, .section-student-attend .timesheet-footer .addRowDiv,.section-student-attend .addIcon, .section-student-attend .dayDiv[disabled] {
        display: none !important;
    }
    .section-student-attend .trash.delete-button { display: none !important; padding: unset !important; }
    .section-student-attend .student-print-SecRow , .section-student-attend .student-print-firstRow, .section-student-attend #student-print-footer  { display: inline-block !important;}
    .section-student-attend .student-print-firstRow { width: 100%; display: flex !important; max-width: 1150px; justify-content: center; padding: 0 15px !important; }
    .section-student-attend .student-print-SecRow { width: 100%; display: flex; max-width: 1150px; padding: 0 24px; }
    .section-student-attend [type="checkbox"]:checked + .toggle__slider::after { content: "✔"; color:var(--green) !important; }
    .section-student-attend .student-print-SecRow {padding: 5px 15px !important;}
    .section-student-attend .timeLastinput.attendance-percentage span,
    .section-student-attend .timeLastinput.attendance-percentage span { font-size: 12px !important; font-weight: 400 !important; line-height: 10px !important; }
    .section-student-atten .taskTItle input[type="text"]::placeholder,
    .section-student-attend .calculator__cell input[type="text"] { font-size: 12px !important; font-weight: 400 !important; line-height: 10px !important; }
    .section-student-attend label.toggle { margin-bottom: 0px !important; }
    .section-student-attend .toggle__checkbox { position: absolute; visibility: hidden !important; width: 0 !important; height: 0 !important; }
    .section-student-attend .toggle__slider { text-align: center !important; }
    .section-student-attend .calculator__cell input[type="text"] { height: unset !important;max-width: max-content !important;min-width: 150px !important;width: 100% !important;}
    .rtl .section-student-attend .calculator__cell input[type="text"] { text-align: right;}
    .simpleOt-body .ot-hero-row, .simpleOt-body .action-buttons, #calcoverlay, #calcpagecontrols { display: none !important;}
    .ot-cal-body .hours-calculator-body-inside .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; }
    .ot-cal-body .hours-calculator-body-inside .col-fluid { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
    .ot-cal-body .otinput,
    .ot-cal-body .ot-input { height: 35px !important; }
    .page-template-template-simple-ot-calculator .main-content { margin-top: 10px !important; }
    .page-template-template-simple-ot-calculator #jibble-print-logo img { height: 35px; }
    .page-template-template-simple-ot-calculator .section-hours-calculator { margin-top: 0px !important; padding-top: 0px !important; }
    .page-template-template-simple-ot-calculator .container.hours-calculator-body.simpleOt-calculator-body { margin-top: 30px; }
    .simpleOt-calculator-body .hours-calculator-head { border: 1px solid #e6e6e6 !important; }
    .simpleOt-calculator-body  #inputscol { border-right: 1px solid #e6e6e6 !important; }
    .simpleOt-calculator-body.hours-calculator-body .hours-calculator-body-inside { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
    .section-student-attend .timesheet-body { border-top: 0px !important; border-bottom: 0px !important; }
    .simpleOt-body.ot-cal-body .baseSalary .col-f-input { width: 50%; }
    .simpleOt-body .input-group-label.otinput { background-color: #e6e8ec; border-color: #ddd; width: 15%; margin-right: 0px !important; border-left-style: double; border-radius: 8px 0px 0px 8px; }
    .simpleOt-body .input-group { display: flex; width: 100% !important; flex-wrap: wrap; gap: 0px !important; align-items: center; }
    .simpleOt-body .input-group .otinput.otrequire.bg { border-radius: 0px 8px 8px 0px; }
    div#calcpagecontrols, .student-genLink { display: none !important;}
    .section-student-attend .timesheet-row { page-break-inside: avoid !important; break-inside: avoid !important; -moz-page-break-inside: avoid !important; }
   .section-student-attend .timesheet-footer { padding: unset !important;background: linear-gradient(180deg, #fff2e9 100%, rgba(255, 242, 233, 0) 0);}
   .page-template-template-project-timesheet .timeSheetdivs { border:none !important;box-shadow: none !important;}
   .page-template-template-project-timesheet .timeSheetdivs { border:none !important;box-shadow: none !important;}
   .page-template-template-project-timesheet .timeSheetdivs .timesheet-header{ border-top: 1px solid #e8e8e8 !important;}
   .page-template-template-project-timesheet .timeSheetdivs .timesheet-header .timeCap-head { border-bottom: 1px solid #e8e8e8 !important;}
   .page-template-template-project-timesheet .timesheet-footer  { border-bottom: 1px solid #e8e8e8 ;}
}
/*printEnd */
[lang^="ar"] .lanRev { display: inline-flex;flex-direction: row-reverse;gap: 2px;}
[lang^="it"] .lanRev { display: inline-flex;flex-direction: row-reverse;gap: 2px;}
[lang^="fr"] .lanRev { display: inline-flex;flex-direction: row-reverse;gap: 2px;}
[lang^="pl"] .lanRev { display: inline-flex;flex-direction: row-reverse;gap: 2px;}
[lang^="es"] .lanRev { display: inline-flex;flex-direction: row-reverse;gap: 2px;}
[lang^="de"] .lanRev { display: inline-flex;flex-direction: row-reverse;gap: 2px;}
[lang^="sv"] .lanRev { display: inline-flex;flex-direction: row-reverse;gap: 2px;}

.mult-otr-wrap { display: inline-flex; gap: 2px;}
[lang^="it"] .mult-otr-wrap { flex-direction: row-reverse;}
[lang^="fr"] .mult-otr-wrap { flex-direction: row-reverse;}
[lang^="de"] .mult-otr-wrap { flex-direction: row-reverse;}
[lang^="es"] .mult-otr-wrap { flex-direction: row-reverse;}
[lang^="sv"] .mult-otr-wrap { flex-direction: row-reverse;}
[lang^="pl"] .mult-otr-wrap { flex-direction: row-reverse;}
[lang^="tr"] .mult-otr-wrap { flex-direction: row-reverse;}
[lang^="nl"] .mult-otr-wrap { flex-direction: row-reverse;}
[lang^="el"] .mult-otr-wrap { flex-direction: row-reverse;}
[lang^="ar"] .mult-otr-wrap { flex-direction: row-reverse;}
.rowInputVal {
    word-break: break-word;
    white-space: break-spaces;
}
.rtl .ot-cal-body .llb, .rtl .ot-cal-body .pay-rate .switch-field, .rtl .ot-cal-body .col-fluid.resultText  {text-align: right;}
.rtl.page-template-ot-calculator-template .section-hours-calculator #resultsplaceholder p { text-align: center !important;}

.flatpickr-calendar { direction: ltr;}
html[dir="rtl"] .flatpickr-calendar { direction: rtl; text-align: right; }
.rtl .section-student-attend .calculator__cell input[type="text"] { text-align: right; }
.rtl .timesheet-clonerow .addIcon { right: 10px; left: 0px; }
.rtl .section-student-attend .timesheet-row { padding: 6px 44px 6px 24px; }
.rtl .section-student-attend .taskTItle { padding-left: 0; padding-right: 4px; }
.rtl .section-student-attend .timseSheetfirst-row .dayDiv:not(.taskTItle) { border-right: 1px solid #e8e8e8; border-left: none; }
.rtl .section-student-attend .trash.delete-button { margin-right: 18px !important;margin-left: unset;}
.rtl .section-student-attend .student-print-firstRow { display: none; text-align: right; }
.rtl .section-student-attend div#jibble-student-logo { width: max-content; float: left; }
.rtl .section-student-attend .middle-fields { border-left: 1px solid #e8e8e8;border-right: none;}
.section-student-attend .timseSheetfirst-row .dayDiv.thTotal.printThtotal, .section-student-attend #student-print-footer, .section-student-attend .student-print-SecRow { display: none;}
.section-student-attend .timesheet-body .timesheet-row:last-child .plus-icon {
    display: none !important;
}
.section-student-attend .student-print-firstRow { display: none; }
.section-student-attend .student-print-firstRow .printMonth { text-transform: capitalize; }
.section-student-attend .row-left { width: 50%; }
.section-student-attend .row-right { width: 50%; left: 0 !important; right: 0 !important; }
.section-student-attend div#jibble-student-logo { width: max-content; float: right; }
.rtl .timesheet-footer .ttlPay, .rtl .timesheet-footer .grand-totalhr, .rtl .timesheet-footer .ovtPay, .rtl .timesheet-footer .dblOtPAy, .rtl .timesheet-footer .ovthr, .rtl .timesheet-footer .doubleOThr { padding-left: 2px;}
.rtl .page-template-template-project-timesheet .calculator__cell .time-input { direction: ltr !important;}
.rtl.page-template-template-project-timesheet .calculator__cell input[type="text"] { text-align: right !important;}
.rtl.page-template-template-project-timesheet .trash.delete-button { margin-right: 18px !important;}
.rtl.page-template-template-project-timesheet .dayDiv { border-right: 1px solid #e8e8e8; border-left: none;}
.rtl.page-template-template-project-timesheet .taskTItle, .section-student-attend .taskTItle { border: 0;}
.rtl .calculations-options { text-align: right;}
#jibble-print-logo{ display : none;text-align: center;}
#jibble-print-footer{ display : none; text-align: center; height: max-content; }
.page-template-template-project-timesheet .section-timesheet-calculator, .pomodoro-containers{ background: linear-gradient(180deg, #fff2e9 100%, rgba(255, 242, 233, 0) 0); }
.page-template-template-project-timesheet .main-content .page-container{ max-width: 960px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
body .main-content .page-container #page-content { padding-left: 30px; padding-right: 30px; max-width: 100%; }
body { background: linear-gradient(180deg, #fff2e9 100%, rgba(255, 242, 233, 0) 0);}
header.header.header-main  { background: #fff2e9; }

header.header.header-main.header-menu-active, .bodyoverlay header.header.header-main { background: #fff; }

.page-template-template-project-timesheet #jibble-print-logo img, #jibble-student-logo img, .section-hours-body #jibble-print-logo img{ height: 35px;}

.page-template-template-student-attendence .main-content .page-container { max-width: 960px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.page-template-ot-calculator-template .ot-cal-body.section-hours-calculator { margin-top: 0;padding-top: 80px;}
.page-template-ot-calculator-template main.main-content { background: linear-gradient(180deg, #fff2e9, rgba(255, 242, 233, 0)) !important;}
.page-template-ot-calculator-template .main-content .container { max-width: 960px;}
.page-template-ot-calculator-template div#page-content { padding-left: 30px;padding-right: 30px;margin-top: 80px;max-width: 100%; }

.page-template-ot-calculator-template .ot-cal-body.section-hours-calculator .action-buttons { margin-top: 40px!important; display: flex; flex-wrap: wrap; gap: 15px; }
.page-template-ot-calculator-template .ot-cal-body #resultsplaceholder { margin-top: 70px!important; }
.page-template-ot-calculator-template .ot-cal-body #otresults { margin-top: 70px!important; }
.page-template-ot-calculator-template .section-hours-calculator h1.title--3xl {font-size: 42px !important;}
.page-template-ot-calculator-template #page-content img.size-large{
    max-width: 100%;
}
.page-template-ot-calculator-template div#page-content h2 { 
    font-weight: 900;
    font-size: 24px;
}
.page-template-ot-calculator-template p.question-answer{
    padding: 0;
}

 input.timesheetCls:focus,
.timesheet-footer .tiSLastInput input:focus, 
.timesheet-footer .tiSLastInput textarea:focus,
 input:focus,
 textarea:focus,
 select:focus,
 input:hover,
 textarea:hover,
 select:hover {
    border-color: orange;
    box-shadow: 0 0 5px orange;
    outline: none;
}
.rtl .ot-cal-body .otinput input { padding-right: 10px; }
.rtl .multiRateOtIn-body .ot-cal-body .otinput { margin-right: 0px ;}
.rtl .multiRateOt-body .overtime-section { text-align: right;width: 100%;}

.ot-cal-body .otlselect { height: 40px; border: 1px solid #c6d2d9; background: #fff; padding-left: 10px; width: 100%; font-size: 16px; color: #666; border-radius: 8px; }
.ot-cal-body button { padding: 15px 24px; }
.ot-cal-body .ot-input { margin-top: 10px; border-radius: 8px; margin-bottom: 5px; margin-right: 5px; background-color: #fff; display: inline-flex; color: #555; align-items: center; }
.ot-cal-body .otinput { margin-top: 10px; border-radius: 8px; margin-bottom: 5px; margin-right: 5px; background-color: #fff; display: inline-flex; border: 1px solid #ccc; color: #555; align-items: center; }
.ot-cal-body .otinput input { border: none; color: #555; padding-left: 10px; /* text-align: center; */ width: 100%; background: transparent; padding-top: 7px; padding-bottom: 7px; }
.ot-cal-body #otresults { display: none; vertical-align: top; padding: 30px; }
.ot-cal-body .col-fluid.bottom { margin-top: 30px; }
.ot-cal-body .col-fluid.resultText { padding: 10px; }
.ot-cal-body .pay-rate .llb { margin-bottom: 20px; }
.ot-cal-body .llb { display: inline-block; vertical-align: middle; width: 45%; font-weight: 700; }
.ot-cal-body .switch-field { overflow: visible; }
.ot-cal-body .switch-field label { padding: 9px 13px; margin-bottom: 5px; flex: auto;}
.ot-cal-body .overtime-multiplier .ot-input input#otherMultiplier { border: none; color: #555; padding-left: 10px; background: transparent; padding-top: 5px; padding-bottom: 5px; border: 1px solid #c9c9c9; width: 100%; border-radius: 5px; }
.ot-cal-body .llb + * { width: 52%; margin-right: 0; }
.ot-cal-body .pay-rate .switch-field {width: 100%;}
.ot-cal-body .hours-calculator-body-inside .col-fluid { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.ot-cal-body .overtime-multiplier .ot-input {width: 52%;flex-direction: column;gap: 8px;}

.ot-cal-body input[disabled] { background-color: rgba(206, 217, 224, .5); background-image: none; cursor: not-allowed; outline: none; pointer-events: none; }
.ot-cal-body .totalIncomeResult { font-size: 20px;}
.ot-cal-body span#totalIncomeResult { font-weight: 700; font-size: 20px; }

 div#otresults .col-fluid .llb { width: 60% !important; }
 div#otresults span { width: 38%; }

.page-template-template-project-timesheet .input-wrapper,.section-student-attend .input-wrapper {display: flex; align-items: center; }
.page-template-template-project-timesheet .unit-label,.section-student-attend .unit-label { margin-left: 5px; font-size: 14px; color: #555; }
.page-template-template-project-timesheet .form-control,.section-student-attend .form-control { width: 80px; }

.page-template-template-project-timesheet .timesheet, .calculations-options, .section-student-attend .timesheet{ border-collapse: collapse; width: 100%; max-width: 1150px; height: 50%; margin: 0px auto 30px; }
.page-template-template-project-timesheet .calculator-buttons { display: flex; align-items: center; gap: 5px; padding: 20px 0px; border-top: 1px solid #eee; }
.page-template-template-project-timesheet .timeCap-head, .section-student-attend .timeCap-head { border-radius: 8px 8px 0 0; background: #ff6603; height: 40px; font-size: 25px; color: #fff; font-weight: 600; display: block; text-align: center; }

.page-template-template-project-timesheet .timesheet-row.timseSheetfirst-row,.section-student-attend .timesheet-row.timseSheetfirst-row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: #333; border-bottom: solid 1px #e8e8e8; -webkit-box-shadow: 0 1px 0 0 #d8d8d8; box-shadow: 0 1px 0 0 #d8d8d8; padding: 0 24px; flex-basis: 100%; background: #f6f8fb; }

.page-template-template-project-timesheet .dayDiv { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-basis: 8%; min-width: 92px; border-left: 1px solid #e8e8e8; height: 56px; display: flex; align-items: center; justify-content: center; }
.section-student-attend .dayDiv { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-basis: 8%; min-width: 108px; height: 56px; user-select: none;}

.page-template-template-project-timesheet .timesheet-five-column .dayDiv:not(.taskTItle, .thTotal) { flex-basis: 11%; }

.section-student-attend .timesheet-five-column .dayDiv:not(.taskTItle, .thTotal) { flex-basis: 11%; width: 100%;min-width: 151px;}

.section-student-attend .timesheet-six-column .dayDiv:not(.taskTItle, .thTotal) {
    flex-basis: 11%;
    width: 100%;
    min-width: 125px;
}

.page-template-template-project-timesheet .taskTItle, .section-student-attend .taskTItle { padding-left: 4px; flex-basis: 255px; flex-direction: column; justify-content: center; align-items: flex-start; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border: 0; }

.page-template-template-project-timesheet .dayDiv span, .section-student-attend .dayDiv span { font-size: 12px; line-height: 15px; font-weight: 500; letter-spacing: 0; color: #666; text-transform: uppercase; }

.page-template-template-project-timesheet .dayDiv span:last-child, .section-student-attend .dayDiv span:last-child { color: #333; font-weight: 600; }

.page-template-template-project-timesheet .timesheet-body { position: relative; display: flex; flex-direction: column; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.section-student-attend .timesheet-body  { position: relative; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }

.page-template-template-project-timesheet .timesheet-row, .section-student-attend .timesheet-row { position: relative; display: flex; align-items: center; justify-content: space-between; flex-basis: 100%; padding: 0 24px; background-color: #fff; }

.page-template-template-project-timesheet .calculator__cell.dayDiv, .section-student-attend .calculator__cell.dayDiv  { border: 0; }

.page-template-template-project-timesheet .calculator__cell input[type="text"], .page-template-template-project-timesheet .calculator__cell input[type="time"], .section-student-attend .calculator__cell input[type="text"] {
    width: 100%;
    min-width: 150px;
    max-width: 96%;
    height: 22px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #333;
    text-align: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background-color: transparent;
}

.page-template-template-project-timesheet .calculator__cell.taskTItle, .section-student-attend .calculator__cell.taskTItle { display: flex; justify-content: center; height: 56px; padding-left: 4px; }

.page-template-template-project-timesheet .calculator__cell input[type="number"], .section-student-attend .calculator__cell input[type="number"] {
    width: 100%;
    height: 100%;
    border: 0px;
    text-align: center;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
    padding: 0px;
    color: #333;
}

.page-template-template-project-timesheet .calculator__cell .time-input, .section-student-attend .calculator__cell .time-input{
    display: flex;
    gap: 3px;
    align-items: center;
    border: 1px solid #c6d2d9;
    display: inline-flex;
    padding: 4px 5px;
    border-radius: 8px;
    width: 70px;
    height: 34px;
    direction: ltr !important;
}

.page-template-template-project-timesheet .timesheet-body .timesheet-row:nth-child(even) { background: #f6f8fb; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; }
.section-student-attend .timesheet-body .timesheet-row:nth-child(even) { background: #f6f8fb; border-top: 1px solid #e8e8e8; border-bottom:  1px solid #e8e8e8; }

.page-template-template-project-timesheet .trash.delete-button,.section-student-attend .trash.delete-button {
    display: block;
    width: 11px;
    height: 13px;
    -o-object-fit: contain;
    object-fit: contain;
    background: url('/wp-content/themes/jibble-theme/img/icons/trash.svg');
    background: -webkit-image-set(url(/wp-content/themes/jibble-theme/img/icons/trash.png) 1x, url(/wp-content/themes/jibble-theme/img/icons/trash@2x.png) 2x, url(/wp-content/themes/jibble-theme/img/icons/trash@3x.png) 3x);
    background-repeat: no-repeat;
    background-size: 11px 13px;
    cursor: pointer;
    margin-left: 18px;
}
.section-student-attend .atten-icon { cursor: pointer;}
.page-template-template-project-timesheet .calculator__cell .total, .section-student-attend .calculator__cell .total {
    flex-basis: 10%;
    justify-content: flex-end;
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    display: flex;
    align-items: center;
    height: 56px;
}

.page-template-template-project-timesheet .timesheet-footer .tiSLast .tiSLastInputRight,.section-student-attend .timesheet-footer .tiSLast .tiSLastInputRight { display: flex; justify-content: flex-end; gap: 80px; }

.timesheet-footer .ttlPay, .timesheet-footer #ttlPay, .timesheet-footer .grand-totalhr, .timesheet-footer #grand-totalhr { font-weight: 700; color: #333; font-size: 16px; }

.timesheet-footer .tiSLast { display: flex; justify-content: space-between; padding: 16px 24px 14px; }

.timesheet-footer .ttlPay, .timesheet-footer .grand-totalhr, .timesheet-footer .ovtPay, .timesheet-footer .dblOtPAy, .timesheet-footer .ovthr, .timesheet-footer .doubleOThr {
    margin-right: 4px;
}

.timesheet-footer .ovtPay, .timesheet-footer #ovtPay, .timesheet-footer .dblOtPAy, .timesheet-footer #dblOtPAy, .timesheet-footer .doubleOThr, .timesheet-footer #doubleOThr,
    .timesheet-footer .ovthr, .timesheet-footer #ovthr {
    font-size: 15px;
    color: #5a6b7b;
}

.page-template-template-project-timesheet .calculator-options--timesheet, .section-student-attend .calculator-options--timesheet{
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    border: solid 1px #e8e8e8;
    border-radius: 6px;
    background-color: #fafafa;
    position: relative;
    padding: 24px 30px 0px 30px;
    background: #f6f8fb;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .2), 0 6px 5px 0 rgba(0, 0, 0, .19) !important;
    margin-top: 0;
    border: none;
    border-bottom: 6px solid #ff6603;
    border-top: 6px solid #ff6603;
    align-items: flex-start;
}

.page-template-template-project-timesheet .calculations-options-head h2, .section-student-attend .calculations-options-head h2{
    font-size: 23px;
    line-height: 26px;
    color: #333;
    padding: 16px 0;
    font-weight: 700;
}

.page-template-template-project-timesheet .timeSheetdivs {
    display: flex;
    flex-direction: column;
    border: solid 1px #e8e8e8;
    border-radius: 6px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .2), 0 6px 5px 0 rgba(0, 0, 0, .19);
}
.section-student-attend .timeSheetdivs {
    border: solid 1px #e8e8e8;
    border-radius: 6px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .2), 0 6px 5px 0 rgba(0, 0, 0, .19);
}

.page-template-template-project-timesheet .form-group.overtime-settings-wrap .overtimesetting-left--wrap, .week-curr-wrap { border-right: 1px solid #e8e8e8; padding-right: 13px; margin-right: 3px; width: 100%; max-width: 220px;}
.rtl.page-template-template-project-timesheet .form-group.overtime-settings-wrap .overtimesetting-left--wrap,.rtl .week-curr-wrap { border-left: 1px solid #e8e8e8; padding-left: 13px; margin-left: 3px;  border-right:unset; padding-right: unset; margin-right: unset; }

.page-template-template-project-timesheet .calculator-options label { font-size: 15px; }

.page-template-template-project-timesheet .calculator-options .option__input { width: 100%; max-width: 220px; }

.page-template-template-project-timesheet .calculator-options .option__input.option__input-sm, .page-template-template-project-timesheet .calculator-options .option__input.pay-rate {
    max-width: 39.2%;
}

.page-template-template-project-timesheet .calculator-options .form-control {
    width: auto;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    color: #333;
    padding: 0px 9px;
    border-radius: 4px;
    border: solid 1px #e8e8e8;
    background-color: #fff;
}



.page-template-template-project-timesheet .timesheet-footer .tiSLastInput input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-size: 14px;
    color: #333;
    height: 24px;
    line-height: 24px;
    padding: 3px 0;
    width: 100%;
}

.page-template-template-project-timesheet .timesheet-footer .tiSLastInput textarea, .section-student-attend .timesheet-footer .tiSLastInput textarea{ 
    border: 0;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    padding: 3px 0;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    resize: both;           
    min-height: 20px;      
    height: auto;           
    max-height: 100px;     
    max-width: 100%;        
    box-sizing: border-box; 

 }

.page-template-template-project-timesheet .timesheet-footer .tiSLastInput input, .section-student-attend .timesheet-footer .tiSLastInput input{ margin-bottom: 3px; }

.page-template-template-project-timesheet .timesheet-footer .tiSLastInput, .section-student-attend .timesheet-footer .tiSLastInput { height: auto; gap: 0px; padding: 5px; }

.page-template-template-project-timesheet .des-text, .section-student-attend .des-text{ display: block; }

.page-template-template-project-timesheet .mob-text, .section-student-attend .mob-text{ display: none; }

.page-template-template-project-timesheet .form-group.overtime-settings-wrap, .weekcurr-main-wrap { width: 100%; max-width: 100%; display: flex; gap: 10px; flex-wrap: wrap; margin: 0px; }

.page-template-template-project-timesheet .calculator-options .form-group.overtime-settings-wrap .option__input { max-width: 197px; }
.page-template-template-project-timesheet .calculator-options .form-group.overtime-settings-wrap .form-group.overtime-settings.option__input, .page-template-template-project-timesheet .calFormWeekSelect { max-width: 207px; }
.page-template-template-project-timesheet .calculator-options select { padding: 0px 3px; }
.page-template-template-project-timesheet .calculator-options .form-group.overtime-settings-wrap  .option__input.daily-dot { max-width: 275px; }
.page-template-template-pomodoro-timer audio {display: none;visibility: hidden; }
.page-template-template-pomodoro-timer .row.head-element { border-radius: 8px 8px 0 0; background: #ff6603; height: 40px; font-size: 25px; color: #fff; font-weight: 600; text-align: center; font-family: Roboto, sans-serif !important; }
.page-template-template-pomodoro-timer .row.pomodoro__mode-switch-container {margin-right: -15px;margin-left: -15px;display: block;}
.page-template-template-pomodoro-timer .top-section--divider .container { max-width: 960px; margin-left: auto; margin-right: auto; border-radius: 8px; }
.page-template-template-pomodoro-timer span.pomodoro__mode-label {font-size: 17px;}
.page-template-template-pomodoro-timer  .pomodoro__mode-switch { display: flex; justify-content: center; }
.page-template-template-pomodoro-timer .timer__countdown-wrap { text-align: center; user-select: none; /* position: relative; */}
.page-template-template-pomodoro-timer .timer__controls {text-align: center;user-select: none;}
.page-template-template-pomodoro-timer .button-start , .page-template-template-pomodoro-timer .button-reset{position: relative;}

.page-template-template-pomodoro-timer .timer__countdown {text-align: center; font-size: 13rem; line-height: 19rem; font-weight: 900; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;user-select: none; }
.page-template-template-pomodoro-timer .toggle { display: inline-flex; align-items: center; cursor: pointer; }
.page-template-template-pomodoro-timer .toggle__checkbox { position: absolute; visibility: hidden; width: 0; height: 0 }
.page-template-template-pomodoro-timer .main-content .row.pomodoro__mode-switch-container .toggle__slider { position: relative; text-align: left !important; }
.page-template-template-pomodoro-timer .toggle__slider::before { content: ""; display: block; width: 3rem; height: 1.7rem; background-color: #fff; border: 1px solid #ff6603; border-radius: 3rem }
.page-template-template-pomodoro-timer .toggle__slider::after { content: ""; position: absolute; top: calc(0.3rem - 3px); left: calc(0.3rem - 2px); width: calc(1.7rem - 4px); height: calc(1.7rem - 4px); background-color: #ff6603; border-radius: 50% }
.page-template-template-pomodoro-timer .toggle__checkbox:checked+.toggle__slider::before {background-color: #ff6603}
.page-template-template-pomodoro-timer  .toggle__checkbox:checked+.toggle__slider::after { background-color: #fff; -webkit-transform: translateX(1.3rem); -ms-transform: translateX(1.3rem); transform: translateX(1.3rem) }
.page-template-template-pomodoro-timer  .timer__options { display: flex; flex-wrap: wrap; width: 900px; background-color: #fafafa; border: solid 1px #e8e8e8; border-radius: 6px; margin: 0 auto; padding: 1.5rem; margin-top: 28px; margin-bottom: 20px; }
.page-template-template-pomodoro-timer .timer__option { display: flex; flex-direction: column; margin-right: 1rem; margin-bottom: 1rem;user-select: none;position: relative; }
.page-template-template-pomodoro-timer .timer__option:nth-child(-n+3) { width: 9rem; }
.page-template-template-pomodoro-timer .timer__option-label { margin-bottom: 5px; font-size: 14px; font-weight: 400; line-height: 24px; white-space: nowrap; color: #333; display: flex; flex-direction: column; width: 100%; position: relative; text-align: left; }
[lang^="fr"] .page-template-template-pomodoro-timer .timer__option-label { font-size: 13px;}
[lang^="el"] .page-template-template-pomodoro-timer .timer__option-label { font-size: 12px;}
.page-template-template-pomodoro-timer .timer__option input { width: 100%; font-size: 14px; line-height: 38px; color: #333; padding: 0 16px 0 15px; border-radius: 4px; border: solid 1px #e8e8e8; background-color: #fff; }
.page-template-template-pomodoro-timer .timer__option--divider { border-right: 1px solid #e8e8e8; margin-right: 25px; margin-left: 25px; }
.page-template-template-pomodoro-timer .main-content .page-container { max-width: 960px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.page-template-template-pomodoro-timer .pomodoro__mode input[type="radio"]{ display: none;}

.page-template-template-pomodoro-timer .clearfix:after { clear: both; content: ""; display: block; height: 0; }
.pomodoro__mode-switch .pomodoro__mode { position: relative; margin-right: 10px; width: 180px; height: 60px; text-align: center; background-color:#fff;border-left-color:#fff;color:black; user-select: none; cursor: pointer; }
 label.pomodoro__mode { display: flex; align-items: center; justify-content: center; padding-left: 10px; }
.pomodoro__mode-switch  .pomodoro__mode:after, .pomodoro__mode-switch  .pomodoro__mode:before { position: absolute; top: 0; content: " "; border-style: solid; border-width: 30px 0 30px 10px; border-color: transparent transparent transparent #6e6e6e; }
.pomodoro__mode-switch .pomodoro__mode.pomodoro-active:before { left: 0; border-color: transparent #fff2e9 transparent #fff2e9; }
.pomodoro__mode-switch .pomodoro__mode:before { left: 0; border-color: transparent transparent transparent #fff2e9; }
.pomodoro__mode-switch .pomodoro__mode:after { transform: translateX(100%); right: 0; border-left-color: inherit; }
label.pomodoro__mode.pomodoro-active { background-color: #ff6603; border-left-color: #ff6603; color: #fff; }
.page-template-template-pomodoro-timer .countdown-sequence {
    padding: 5px;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;

}
.page-template-template-pomodoro-timer .countdown-sequence.hidden {
    opacity: 0;
    visibility: hidden;
}

.page-template-template-pomodoro-timer button:disabled {  
    background-color: #f2f2f2;  
    border-color: #ccc;  
    color: #999;  
    cursor: pointer;  
    opacity: 0.6;  
    pointer-events: none;  
  }  
.page-template-template-pomodoro-timer input[type="number"].disabled {  
    background-color: #f2f2f2;  
    border-color: #ccc;  
    color: #999;  
    cursor: pointer;  
    opacity: 0.6;  
    pointer-events: none;  
  }  
  
  .page-template-template-pomodoro-timer input[type="number"].disabled::-webkit-inner-spin-button,  
  .page-template-template-pomodoro-timer input[type="number"].disabled::-webkit-outer-spin-button {  
    -webkit-appearance: none;  
    margin: 0;  
  }  
  
  .page-template-template-pomodoro-timer input[type="number"].disabled::placeholder {  
    color: #999;  
  }


  .page-template-template-pomodoro-timer .pomodoro-tooltip {
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%; 
    transform: translateX(-50%); 
    background: rgba(0, 0, 0, 0.8); 
    color: #fff;
    font-size: 12px;
    padding: 5px;
    border-radius: 3px;
    width: 150px;
    text-align: center;
    opacity: 0; 
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; 
    z-index: 1000;
}
.section-student-attend .st-delete-tooltip, .atten-tooltip{
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%; 
    transform: translateX(-82%); 
    background: rgba(0, 0, 0, 0.8); 
    color: #fff;
    font-size: 12px;
    padding: 5px;
    border-radius: 3px;
    width: 150px;
    text-align: center;
    opacity: 0; 
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; 
    z-index: 1000;
}
.rtl .section-student-attend .st-delete-tooltip, .rtl  .atten-tooltip {  transform: translateX(-3%); }
.section-student-attend .trash.delete-button, .atten-icon, .page-template-template-project-timesheet .trash.delete-button {
    position: relative;
}
.page-template-template-pomodoro-timer .tooltip-hover:hover .pomodoro-tooltip, .section-student-attend .trash.delete-button:hover .st-delete-tooltip,.section-student-attend .atten-icon:hover .atten-tooltip{
    opacity: 1; 
    visibility: visible;
}

.page-template-template-pomodoro-timer .timer-pomorodoseq-text{
    width: 100%;
}
.page-template-template-pomodoro-timer div#page-content h2{
   font-size: 36px !important;
}

.overtimesetting-right--wrap, .curr-hour-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: calc(100% - 233px);
}
.overtimesetting-right--wrap > div, .curr-hour-wrap > div {
    max-width: 50% !important;
}
.overtimesetting-right--wrap input, .curr-hour-wrap input {
    width: auto !important;
}

.page-template-template-project-timesheet .calFormWeekSelect {
    width: 100%;
    max-width: 220px;
}

.page-template-template-project-timesheet .calculator-options .calFormWeekSelect .form-control, .page-template-template-project-timesheet .calculator-options .overtime-settings .form-control {
    width: 100%;
}

.weekcurr-main-wrap {
    margin-bottom: 15px;
}

select.single-option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
    padding-right: 0;
    cursor: not-allowed;
    outline: none;
    pointer-events: none;
  }
  
select.single-option::-ms-expand {
 display: none;
}

.rtl.page-template-template-pomodoro-timer .timer__option-label{text-align: right !important;}
.rtl .timer__option .timer__option-body{ text-align: right !important;}


.section-student-attend .timseSheetfirst-row .dayDiv:not(.taskTItle) {border-left: 1px solid #e8e8e8; }

.section-student-attend .toggle {display: inline-flex;align-items: center;cursor: pointer;}
.section-student-attend .toggle__checkbox { position: absolute; visibility: hidden; width: 0; height: 0; }
.section-student-attend .toggle__slider { position: relative; text-align: center !important; }


 

 .section-student-attend span.toggle__slider { position: relative; width: 50px; height: 26px; border-radius: 15px; box-shadow: inset 0 0 5px #fc320a; background: #fc320a; transition: all 0.3s; }
 .section-student-attend span.toggle__slider::before { content: ""; position: absolute; left: 1px; top: 1px; width: 24px; height: 24px; background: var(--white); border-radius: 50%; z-index: 1; transition: transform 0.3s; transform: translateX(24px); }
 .section-student-attend .toggle__slider::after { content: "✖"; left: 8px; right: auto; color: white; font-size: 14px; position: absolute; top: 50%; transform: translateY(-50%); color: white; }
 .section-student-attend [type="checkbox"]:checked + .toggle__slider { background: var(--green); box-shadow: inset 0 0 5px var(--green); }
 .section-student-attend [type="checkbox"]:checked + .toggle__slider::before { transform: translateX(0); }
 .section-student-attend [type="checkbox"]:checked + .toggle__slider::after { content: "✔"; left: 30px; right: auto; color: white; font-size: 14px; }
 .section-student-attend .dynamic-container { display: flex; }
 .section-student-attend .timeLastinput.attendance-percentage span { font-size: 16px; font-weight: 400; line-height: 24px; }
 .section-student-attend .timesheet-row.week-row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: max-content !important;
}
 .section-student-attend .week-container { display: flex; align-items: center; justify-content: center; text-align: center;margin: 0 22px;}
 .prev-week-class { display: flex; justify-content: flex-end; align-items: center; gap: 10px;  }
 .next-week-class { display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
 .timesheet-row.week-row { height: 70px; }
 .section-student-attend span.totalclm,.section-student-attend .print-headDate { display: none; }
.section-student-attend .left-fields { display: flex; gap: 10px; width: 40%; justify-content: flex-start; }
.section-student-attend .middle-fields { display: flex; gap: 10px; width: 40%; justify-content: flex-start;  border-right: 1px solid #e8e8e8; }
.section-student-attend button[disabled] { background-color: #f2f2f2; border-color: #ccc; color: #999; cursor: not-allowed; opacity: 0.6; }
.section-student-attend .dayDiv[disabled] { background-color: #f2f2f2; border-color: #ccc; color: #999; cursor: not-allowed; opacity: 0.6; pointer-events: none; }
.section-student-attend .timesheet-row.week-row { user-select: none; }
.section-student-attend .right-fields { display: flex; width: 20%; justify-content: flex-end; }
.section-student-attend .week-form-control,.section-student-attend .row-form-control,.section-student-attend .student-topbar input { height: 40px; font-size: 14px; line-height: 38px; color: #333; padding: 0px 9px; border-radius: 4px; border: solid 1px #e8e8e8; background-color: #fff; }
.section-student-attend .student-topbar { display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: #333; border-bottom: solid 1px #e8e8e8; -webkit-box-shadow: 0 1px 0 0 #d8d8d8; box-shadow: 0 1px 0 0 #d8d8d8; padding: 10px 24px; flex-basis: 100%; background: #f6f8fb; }
.section-student-attend .week-form-control,.section-student-attend .row-form-control { width: 100%; }
.section-student-attend .calFormWeekSelect { display: flex; gap: 10px; justify-content: center; align-items: center; }
.section-student-attend .calFormWeekSelect label { width: max-content; display: block; text-align: center; white-space: nowrap; height: 40px; line-height: 38px; margin-bottom: 0 !important; }
.section-student-attend .calculator-buttons { display: flex; justify-content: end; align-items: center; flex-direction: row; gap: 15px; padding-right: 14px; }
.section-student-attend .calculator-buttons a#reset { font-weight: 700;padding-top: 15px; line-height: 16px;padding-bottom: 15px; font-size: 16px; }
.section-student-attend .calculator-buttons a#reset:hover { text-decoration: underline;cursor: pointer;}
.student-print-SecRow .row-sec { display: flex; flex-wrap: wrap; gap: 15px; }
.student-print-SecRow .row-sec > div { display: flex; align-items: center; font-size: 19px; }
.student-print-SecRow .row-sec > div >div { font-weight: 600; padding-left: 10px; }
.legend-box .legend-list { display: flex; align-items: center; margin: 5px 0; gap: 10px; font-size: 14px; }
.legend-box .legend-list .legend-left { width: 30px; height: 30px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color: #ff6603 !important; }
.section-student-attend .student-print-SecRow, .section-student-attend .timesheet-footer { padding: 15px; }
.rtl .section-student-attend .student-print-SecRow, .rtl .section-student-attend .timesheet-footer { text-align: right; }
.section-student-attend .timesheet-row { padding: 6px 24px 6px 44px; }
.timesheet-clonerow .addIcon { position: absolute; bottom: -11px; left: 10px; width: 25px; height: 25px; z-index: 2; display: flex; align-items: center; justify-content: center; cursor: pointer; user-select: none; }

.timesheet-clonerow .addIcon .plus-icon img { pointer-events: none; }
.timesheet-clonerow .addIcon .plus-icon img,
.timesheet-clonerow .addIcon .plus-icon { width: 100%; height: 100%; }
.section-student-attend .stTitle {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.section-student-attend  .dayDiv.taskTItle #sort-students { 
    font-size: 18px; 
    display: inline-block; 
    right: 12px;
    top: 0;
    bottom: 0;
    width: 12px;
}

.section-student-attend .sort-arrows::before {
    display: block;
    bottom: 50%;
    content: "\25B2";
    opacity: .2;
}
.section-student-attend .sort-arrows.asc::before { opacity: 0.6;}
.section-student-attend .sort-arrows.desc::before { opacity: 0.125;}
.section-student-attend .sort-arrows::after {
    display: block;
    top: 50%;
    content: "\25BC";
    opacity: .2;
}
.section-student-attend .sort-arrows.asc::after { opacity: 0.125;}
.section-student-attend .sort-arrows.desc::after { opacity: 0.6;}
.section-student-attend #student-print-footer { float: right;}
.rtl .section-student-attend #student-print-footer { float: left;}
#student-print-footer .print-Legend ul { display: flex; padding: 45px 0 15px 0; margin: 0; font-size: 20px; gap: 1rem; }
#student-print-footer ul li { list-style: none; width: auto; }
#student-print-footer .legend-right.symbol { color: var(--green); }
#student-print-footer .legend-wrong.symbol { color: var(--red);}
.legend-box .legend-right.symbol { color: var(--green); }
.legend-box .legend-wrong.symbol { color: var(--red);}
#student-print-footer .print-Legend li.Present, #student-print-footer .print-Legend li.Absend { display: flex; gap: 10px; justify-content: center; }
#student-print-footer li.Present img ,.calculator-options .legend-right img {
    filter: brightness(0) saturate(100%) invert(77%) sepia(33%) saturate(1043%) hue-rotate(59deg) brightness(103%) contrast(90%);
}

#student-print-footer li.Absend img ,.calculator-options .legend-wrong img {
    filter: brightness(0) saturate(100%) invert(10%) sepia(99%) saturate(6454%) hue-rotate(1deg) brightness(93%) contrast(114%);
}
.section-student-attend .calculator-options {
    padding: 20px 20px !important;
}
.section-student-attend .Legend-down {
    border: 1px solid #939393;
    border-radius: 5px;
    position: relative;
    top: 10px;
    width: 230px;
}

.section-student-attend .Legend-down h3 {
    left: 8px;
    font-size: 17px;
    background-color: #f6f8fb;
    align-items: center;
    gap: 9px;
    position: relative;
    top: -9px;
    display: inline-flex;
    padding: 2px 10px;
    margin: 0;
}

.section-student-attend .Legend-down span.down-arrow {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg) translate(-5px, 0px);
    -webkit-transform: rotate(45deg) translate(-5px, 0px);
    position: relative;
    margin-top: 0;
}
.section-student-attend .timesheet-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.section-student-attend .calculator-options .legend-box {
    display: flex;
    width: 100%;
    gap: 10px;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.page-template-template-simple-ot-calculator .main-content{  background: linear-gradient(180deg,#fff2e9 100%,rgba(255,242,233,0) 0); margin-top:50px; }
.page-template-template-simple-ot-calculator .main-content .container  { max-width: 960px;}
.page-template-multiple-rate-calculator .main-content .container  { max-width: 1140px;min-width: unset !important;}
.page-template-template-simple-ot-calculator .main-content .page-container{ max-width: 960px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.page-template-multiple-rate-calculator .main-content .page-container{ max-width: 960px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.simpleOt-body.ot-cal-body .llb {width: 100%;}
.simpleOt-body.ot-cal-body .llb + * {width: 100%;}
.page-template-template-simple-ot-calculator .section-hours-calculator #resultsplaceholder { margin-top: 50px !important;}
.section-hours-body #resultsplaceholder { margin-top: 50px !important;}
[lang^="pt-br"].page-template-template-simple-ot-calculator .section-hours-calculator #resultsplaceholder { margin-top: 98px !important;}
.page-template-template-simple-ot-calculator #calcpagecontrols.linkGenerate, .section-student-attend #calcpagecontrols.linkGenerate { display: inline-block; width: 100%; position: relative; max-width: 100%;}
.simpleOt-body div#stPrint-outline { display: inline-block; padding: 11px 24px; font-size: 17px; line-height: 25px; background: #fff; color: #ff6603; font-weight: 700; border: 1px solid #ff6603; border-radius: 24px; cursor: pointer; width: fit-content; max-width: 90%; text-align: center; }
.simpleOt-body .copyButton { display: inline-block; padding: 11px 24px; font-size: 17px; line-height: 25px; background: #fff; color: #ff6603; font-weight: 700; border: 1px solid #ff6603; border-radius: 24px; cursor: pointer; width: fit-content; max-width: 90%; text-align: center; margin-left: 5px; }
.simpleOt-body #calcoverlay{ display:none;transition-duration:.2s;position:fixed;background:#000;height:100%;width:100%;z-index:10000000;opacity:.95;top:0;}
.section-student-attend #calcoverlay{ display:none;transition-duration:.2s;position:fixed;background:#000;height:100%;width:100%;z-index:10000000;opacity:.95;top:0;}
.section-student-attend .copyButton { display: inline-block; padding: 15px 20px; font-size: 16px; line-height: 16px; background: #fff; color: #ff6603; font-weight: 700; border: 1px solid #ff6603; border-radius: 24px; cursor: pointer; text-align: center;}
.simpleOt-body .overlayinside{ position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:600px;max-width:90%;}
.simpleOt-body  #copied-to-clipboard{ opacity:0;transition:opacity .5s ease-out;display:block;position:absolute;top:-70px;left:50%;transform:translate(-50%);height:fit-content;display:inline-block;padding:8px 16px;font-size:20px;margin-right:20px;line-height:25px;background:#fff;color:#ff6603;font-weight:700;border-radius:24px;cursor:pointer;width:fit-content;}
.simpleOt-body #saveurlbox, .section-student-attend #saveurlbox{ overflow:auto;resize:vertical;width:100%;height:200px;font-size:20px;padding:10px 15px;border:2px solid #ff6603;border-radius:20px;}
.simpleOt-body #overlaybuttons, .section-student-attend #overlaybuttons{ text-align:center;margin-top:20px;}
.simpleOt-body .overlaybutton, .section-student-attend .overlaybutton { display:inline-block;padding:8px 16px;font-size:20px;margin-right:20px;line-height:25px;background:#fff;color:#ff6603;font-weight:700;border:1px solid #ff6603;border-radius:24px;cursor:pointer;width:fit-content;}
.simpleOt-body #closeOverlay, .simsection-student-attend #closeOverlay{ margin-right:0;}
.simpleOt-body #calcpagecontrols { margin:40px auto;display:block;width:fit-content;text-align:center;max-width:90%;padding-bottom:50px;}
.section-hours-body.section-hours-calculator h1.title--3xl, .row-hero-ff h1.title--3xl { font-size: 42px !important; }
.page-template-template-simple-ot-calculator div#page-content h2, .content-ff div#page-content h2  { font-size: 36px;font-weight: 900;}
.section-hours-body.section-hours-calculator h1.title--3xl, .row-hero-ff h1.title--3xl { font-size: 42px !important; }
.section-hours-body div#page-content h2, .content-ff div#page-content h2  { font-size: 36px;font-weight: 900;}
.simpleOt-body.ot-cal-body .baseSalary .col-f-input { width: 50%;}
.simpleOt-body .input-group-label.otinput { background-color: #e6e8ec; border-color: #ddd; width: 15%; margin-right: 0px !important; border-left-style: double; border-radius: 8px 0px 0px 8px; min-width: max-content; padding-right: 5px; padding-left: 8px; }
.simpleOt-body  span#currency { padding-top: 7px; padding-bottom: 7px; user-select: none; }
.simpleOt-body .input-group { display: flex; width: 100% !important; flex-wrap: wrap; gap: 0px !important; align-items: center; }
.simpleOt-body .input-group .otinput.otrequire.bg { border-radius: 0px 8px 8px 0px; width: 80%; }
.rtl .simpleOt-body .input-group .otinput.otrequire.bg { border-radius: 8px 0px 0px 8px; margin-right: 0px;}
.rtl .simpleOt-body .input-group-label.otinput { border-radius: 0px 8px 8px 0px; }
.rtl .simpleOt-body .input-group-label.otinput { padding-right: 8px; padding-left: 5px; }
[lang^="pt-br"] .simpleOt-body .otresultsData .otr-wrap { display: flex; gap: 0px;}
[lang^="pt-br"] .simpleOt-body .otresultsData .otr-wrap span { width: 15% !important; }

.student-genLink #copied-message {
    position: absolute;
    top: -25px;
    left: 0;
    background-color: #d4edda;
    color: #155724;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 10;
}

.month-picker-input {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 16px;
    cursor: pointer;
    min-width: 180px;
    background-color: #fff;
}
.flatpickr-calendar {
    z-index: 9999;
}
.ot-cal-body.multiRateOt-body  .hours-calculator-body-inside .col-fluid { display: flex; flex-wrap:unset;}
.multiRateOt-body.section-hours-calculator #inputscol { max-width: 70%;}
.multiRateOt-body.ot-cal-body #otresults { max-width: 30%;}
.multiRateOt-body.section-hours-body #resultsplaceholder { max-width: 30%;}
.multiRateOt-body .baseSalary .col-f-input  .otinput.otrequire.bg.totalHour { width: 100%;}
.multiRateOt-body .overtime-section { margin-top: 20px;width: 100%; }
.multiRateOt-body .overtime-headers { display: flex; font-weight: 700;justify-content: space-around; }
.multiRateOt-body .overtime-header { padding: 0 10px; margin-bottom: 10px;display: flex;align-items: center;gap: 3px; }
.multiRateOt-body .overtime-header:not(.ovt-number) { width:33.33%; }
.multiRateOt-body .overtime-block { display: flex; align-items: center; margin-bottom: 10px; justify-content: space-around;}
.multiRateOt-body .overtime-number { text-align: center; font-weight: bold; font-weight: 700; }
.multiRateOt-body .input-wrapper { flex: 1; margin: 0 10px; width: 33.33%; }
.multiRateOt-body .input-wrapper { margin: 0 10px; }
.multiRateOt-body input.otinput.otrequire.bg  { width: 100%;padding-top: 7px;padding-bottom: 7px;}
.section-hours-body #calcpagecontrols.linkGenerate { display: inline-block; width: 100%; position: relative; max-width: 100%;}
.multiRateOt-body fieldset { border: 1px solid #ccc;margin: 20px 0px;padding: 10px 0px;}
.multiRateOt-body legend { float: inline-end;margin-bottom: 0px !important;font-size: 16px;font-weight: 400;}
.rtl .section-hours-calculator #inputscol { border-left: 1px solid #e6e6e6; }

.tooltip-parent .tooltip-icon-wrapper { display: none;}
.tooltip-icon-wrapper {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    margin-bottom: -4px;
}
.tooltip--text {
    position: absolute;
    bottom: calc(100%);
    left: 70%; 
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8); 
    color: #fff;
    font-size: 12px;
    padding: 5px;
    border-radius: 3px;
    width: 150px;
    text-align: center;
    opacity: 0; 
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; 
    z-index: 1000;
}

.tooltip-icon-wrapper:hover .tooltip--text {
    visibility: visible;
    opacity: 1;
}
@media(max-width: 1280px) {
    .page-template-template-pomodoro-timer .timer__options { max-width: calc(100% - 2rem) }
}

@media screen and (max-width: 1199px) {
    .page-template-template-project-timesheet .timesheet { margin-bottom: 0px; }
    .page-template-template-project-timesheet .calculations-options-head h2 { padding: 16px 0 8px; }
    .page-template-template-project-timesheet .taskTItle { display: none; }
    .page-template-template-project-timesheet .des-text { display: none; }
    .page-template-template-project-timesheet .mob-text { display: block; }
    .page-template-template-project-timesheet .timesheet-row.timseSheetfirst-row { display: flex; padding: 16px; border-top: 1px solid #fafafa; }
    .page-template-template-project-timesheet .dayDiv { flex-basis: 14.28%; min-width: 32px; padding: 0; border-left: 0; }
    .page-template-template-project-timesheet .calculator__cell.taskTItle { flex-basis: 100%; }
    .page-template-template-project-timesheet .timesheet-row { display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; }
    .page-template-template-project-timesheet .calculator__cell.dayDiv { padding: 0; border: 0; min-width: 44px; flex-basis: 14.28%; background-color: transparent; }
    .page-template-template-project-timesheet .calculator__cell .time-input { width: 45px; height: 32px; font-size: 13px; gap: 0px; }
    .page-template-template-project-timesheet .calculator__cell input[type="number"] { font-size: 12px; padding: 0px; }
    .page-template-template-project-timesheet .timesheet-row.timseSheetfirst-row .dayDiv.thTotal { display: none; }
    .page-template-template-project-timesheet .calculator__cell .total .timeLastinput {display: none;}
    .rtl.page-template-template-project-timesheet .calculator__cell.thTotal.dayDiv { display: flex; position: absolute; top: 0; right: unset; left: 16px ; }
    .page-template-template-project-timesheet .calculator__cell.thTotal.dayDiv { display: flex; position: absolute; top: 0; right: 16px; }
    .page-template-template-project-timesheet .calculator-options.calculator-options--timesheet { padding: 16px; }
    .page-template-template-project-timesheet .calFormWeekSelect { border: 0; padding: 0; margin: 0; }
    .page-template-template-project-timesheet .section-cal-title, .section-student-attend .section-cal-title  { margin-bottom: 35px; }
    .page-template-template-project-timesheet .timesheet, .calculations-options { width: 100%;  margin: 30px auto 0; }
    .page-template-template-project-timesheet .timesheet-footer .tiSLast .tiSLastInputRight{ flex-wrap: wrap; column-gap: 20px; justify-content: center; row-gap: 10px; }
    .page-template-template-project-timesheet .calculator-options .form-group.overtime-settings, .calculator-options .option__input { max-width: 180px; }      
    .page-template-template-project-timesheet .calculator-options .form-group.overtime-settings-wrap .option__input { max-width: 193px; } 
    .page-template-template-project-timesheet .timesheet-footer .tiSLastInput { display: none; }
    .timesheet-footer .tiSLast { justify-content: flex-end; }
    .page-template-template-project-timesheet .form-group.overtime-settings-wrap .overtimesetting-left--wrap, .week-curr-wrap {max-width: 180px;}
    .overtimesetting-right--wrap > div, .curr-hour-wrap > div{max-width: 100% !important;margin-bottom: 10px;}
    .overtimesetting-right--wrap label, .curr-hour-wrap label {margin-bottom: 0px;}
    .section-student-attend .student-topbar { display: flex; flex-wrap: wrap; justify-content: center;gap: 15px;}
    .section-student-attend .left-fields { width: 50%;justify-content: center;border-right:none;}
    .section-student-attend .middle-fields { border: none;}
    .section-student-attend .right-fields { width: 100%;justify-content: center;}
    .section-student-attend .timesheet { margin-bottom: 0px; }
    .section-student-attend .des-text { display: none; }
    .section-student-attend .mob-text { display: block; }
    .section-student-attend .timesheet-row.timseSheetfirst-row { display: flex; padding: 16px; border-top: 1px solid #fafafa;border-left: 0; }
    .section-student-attend .dayDiv { flex-basis: 14.28%; min-width: 32px; padding: 0; border-left: 0; }
    .section-student-attend .calculator__cell.taskTItle { flex-basis: 100%; }
    .section-student-attend .timesheet-row { display: flex; flex-direction: row; flex-wrap: wrap; padding: 16px; }
    .section-student-attend .calculator__cell.dayDiv { padding: 0; border: 0; min-width: 44px; flex-basis: 14.28%;  }
    .section-student-attend .calculator__cell .total  { display: block;justify-content: flex-start;}
    .section-student-attend .dayDiv:not(.taskTItle, .thTotal) { flex-basis: 14.28%; }
    .section-student-attend .timseSheetfirst-row .dayDiv.thTotal { width: 100% !important;min-width: max-content !important;}
    .section-student-attend .timseSheetfirst-row .dayDiv.thTotal span { width: 100% !important;min-width: max-content !important;}
    .section-student-attend .trash.delete-button { position: absolute; top: 20px; right: 16px;}
    .page-template-template-project-timesheet .calculator__cell .total { position: absolute;top: 20px;right: 16px;}
    .section-student-attend .timseSheetfirst-row .dayDiv { border-left: none !important; }
    .rtl .section-student-attend .timseSheetfirst-row .dayDiv { border-right: none !important; }
    .dynamic-container { width: 100%;}
    .section-student-attend .timesheet-five-column .dayDiv:not(.taskTItle, .thTotal) {
        flex-basis: 14.28%;
        width: 100%;
        min-width: 178px;
    }
    .section-student-attend .timesheet-six-column .dayDiv:not(.taskTItle, .thTotal) {
        flex-basis: 16.28%;
        width: 100%;
        min-width: 178px;
    }
    .timesheet-row.week-row {
        height: 110px !important;
    }

    .section-student-attend .dayDiv.taskTItle { 
        width: 100%;
        min-width: 100%;
        max-width: max-content;
    }
    .rtl .section-student-attend .trash.delete-button { right: auto;left: 16px;}


}


@media(max-width: 991px) {
    .ot-cal-body .overtime-multiplier { display: flex; flex-wrap: wrap; }
    .ot-cal-body .hours-calculator-body-inside #inputscol { display: flex; flex-wrap: wrap; }
    .ot-cal-body .hours-calculator-body-inside #inputscol .pay-rate {display: flex;flex-wrap: wrap;}
    .ot-cal-body .hours-calculator-body-inside #inputscol .pay-rate .switch-field { flex-wrap: wrap; }
    .ot-cal-body .hours-calculator-body-inside #inputscol .col-fluid { align-items: center; display: flex; flex-wrap: wrap; width: 100%; margin-top: 10px; }
    .ot-cal-body .hours-calculator-body-inside #inputscol .col-fluid .llb { width: 100% !important; }
    .ot-cal-body .hours-calculator-body-inside #inputscol .col-fluid .switch-field { width: 70%; }
    .ot-cal-body .hours-calculator-body-inside #inputscol .col-fluid .llb + * { width: 100%; }
    .ot-cal-body .hours-calculator-body-inside #inputscol .col-fluid select#currency { width: 100%; }
    .ot-cal-body .overtime-multiplier .ot-input { display: flex; flex-direction: column; }
    .ot-cal-body .overtime-multiplier .ot-input select#overtimeMultiplier { width: 100%; margin-bottom: 10px; }
    .ot-cal-body .hours-calculator-body-inside #inputscol .pay-rate .switch-field label { margin: 0; }
    .ot-cal-body .switch-field label { padding: 9px 8px;font-size: 14px; }

    .page-template-template-pomodoro-timer .timer__option:nth-child(-n+3) { width: 10rem; }
    .page-template-template-pomodoro-timer .timer__option--divider { border-right: 1px solid #e8e8e8; margin-right: 25px; margin-left: 25px; border-right: 0; }
    .page-template-template-pomodoro-timer .timer__options {justify-content: center;}
    .page-template-template-pomodoro-timer .timer__countdown-sequence { right: calc(0% - 4.2rem); bottom: calc(0% + -15.8rem); }
    .pomodoro__mode-switch .pomodoro__mode.pomodoro-active:before { left: -1px; border-color: transparent #fff2e9 transparent #fff2e9;}
    .pomodoro__mode-switch .pomodoro__mode:after { transform: translateX(100%); right: 1px; border-left-color: inherit; }
    .section-student-attend .timesheet-five-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 125px;}
    .section-student-attend .timesheet-six-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 110px;}
    .section-student-attend .student-topbar { display: flex; flex-wrap: wrap; justify-content: center;gap: 15px;}
    .section-student-attend .left-fields { width: 100%;justify-content: center;border-right:none;}
    .section-student-attend .middle-fields { width: 50%;justify-content: center;border-right:none;}
    .section-student-attend .right-fields { width: 25%;justify-content: center;}
    .section-student-attend .calculator__cell.thTotal.dayDiv { flex-basis: 20%; }
    .page-template-template-simple-ot-calculator  #calcpagecontrols.linkGenerate { display: flex; flex-wrap: wrap; width: 70%; justify-content: center; gap: 10px; align-items: center; }
    .simpleOt-body.ot-cal-body .baseSalary .col-f-input { width: 100%;}
    .simpleOt-body.ot-cal-body .baseSalary .col-f-input .cfinput .otinput { width: 100% !important;}
    .simpleOt-body .input-group .otinput.otrequire.bg { width: 92%;margin-right: 0px !important; margin-left: 0px !important;}
    .simpleOt-body .input-group-label.otinput { width: 8%; padding-right: 0px; padding-left: 6px; }
    .rtl .simpleOt-body .input-group-label.otinput { padding-right: 7px; padding-left: 0px; }

    .multiRateOt-body .overtime-section { width: 100%;}
    .multiRateOt-body .overtime-headers { display: none;}
    .multiRateOt-body .overtime-block { display: block;}
    .multiRateOt-body .input-wrapper { width: 100%;margin-bottom: 1rem;}
    .multiRateOt-body.section-hours-calculator #inputscol { max-width: 100%;}
    .multiRateOt-body.ot-cal-body #otresults { max-width: 100%;}
    .multiRateOt-body.section-hours-body #resultsplaceholder { max-width: 100%;}
    .multiRateOt-body .overtime-number { margin-bottom: 4px;}
    .multiRateOt-body .input-wrapper.tooltip-parent { display: flex; flex-wrap: wrap; align-items: center; }
    .multiRateOt-body .input-wrapper::before {
        content: attr(data-label);
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        color: #000;
        margin-bottom: 4px;
    }
    .section-hours-body  #calcpagecontrols.linkGenerate { display: flex; flex-wrap: wrap; width: 70%; justify-content: center; gap: 10px; align-items: center; }
    .multiRateOt-body fieldset { padding: 30px;margin: 0px;}
    .multiRateOt-body legend { float: none;}

    .tooltip-parent .tooltip-icon-wrapper {
        position: relative;
        display: inline-block;
        cursor: pointer;
        margin-bottom: -4px;
        margin-left: 4px;
    }

    .tooltip--text {
        position: absolute;
        bottom: calc(100%);
        left: 70%; 
        transform: translateX(-50%);
        background: rgba(0, 0, 0, 0.8); 
        color: #fff;
        font-size: 12px;
        padding: 5px;
        border-radius: 3px;
        width: 150px;
        text-align: center;
        opacity: 0; 
        visibility: hidden;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; 
        z-index: 1000;
    }

    .tooltip-icon-wrapper:hover .tooltip--text {
        visibility: visible;
        opacity: 1;
    }

}
@media (max-width:896px) {
    div#otresults .col-fluid .llb { width: 60% !important; font-size: 14px; }
    div#otresults span { width: 38%; font-size: 14px; }
    .section-hours-calculator .section-hours-calculator div#otresults .col-fluid .llb.t { font-size: 16px; }
    .ot-cal-body span#totalIncomeResult { font-weight: 700; font-size: 16px; }
}
@media(max-width: 825px) {
    .page-template-template-pomodoro-timer .timer__countdown-sequence{right: calc(0% - 3.2rem);bottom: calc(0% + -17.8rem);}
    .page-template-template-pomodoro-timer .timer__countdown{font-size: 11rem;line-height: 14rem;}
    .simpleOt-body .input-group-label.otinput { width: 8%; padding-right: 0px; padding-left: 3px; }
    .rtl .simpleOt-body .input-group-label.otinput { padding-right: 5px; padding-left: 0px; }
}
@media screen and (max-width: 767px) {
    .ot-cal-body .switch-field label { padding: 9px 19px; font-size: 17px; }
    .ot-cal-body .section-hours-calculator { margin-top: 0; padding-top: 0; }
    .page-template-ot-calculator-template .ot-cal-body #resultsplaceholder { margin-top: 0px !important; }
    .page-template-ot-calculator-template .ot-cal-body #otresults { margin-top: 20px !important; }
    div#otresults .col-fluid .llb { width: 60% !important; font-size: 16px; }
    div#otresults span { width: 38%; font-size: 16px; }
    .ot-cal-body span#totalIncomeResult { font-weight: 700; font-size: 18px; }
    .section-hours-calculator div#otresults .col-fluid .llb.t { font-size: 18px; }
    .page-template-ot-calculator-template div#page-content { margin-top: 60px;}

    .page-template-template-project-timesheet .timesheet-footer .ttlPay, .timesheet-footer #ttlPay, .timesheet-footer .grand-totalhr, .timesheet-footer #grand-totalhr {
        font-weight: 700;
        color: #333;
        font-size: 15px;
    }
    .page-template-template-project-timesheet .calculator-options .form-group { margin-bottom: 0px; }
    .page-template-template-project-timesheet .calculator-options .form-group.overtime-settings, .calculator-options .option__input { max-width: 166px; }
    .page-template-template-project-timesheet .calculator-options label { font-size: 14px; margin-bottom: 3px; line-height: 1.4; }
    .page-template-template-project-timesheet .calculator-options .form-group.overtime-settings-wrap .form-group.overtime-settings.option__input {
        max-width: 100%;
        margin: 0;
        border: 0;
        padding: 0;
    }

    .page-template-template-project-timesheet .calculator-options--timesheet { gap: 10px; }

    .page-template-template-project-timesheet .calculator-options .form-group.overtime-settings-wrap .option__input, .calculator-options .form-group.overtime-settings-wrap .option__input.daily-dot {
        max-width: calc(50% - 5px);
    }

    .page-template-template-pomodoro-timer .timer__option--divider { width: 100%; border-right: 0; margin: 0 }
    .page-template-template-pomodoro-timer  .timer__option:not(:nth-child(5)) {flex-grow: 1;}
    .page-template-template-pomodoro-timer .timer__option:not(:nth-child(5)):nth-child(3) {margin-right: 0}
    .page-template-template-pomodoro-timer .timer__countdown-sequence {right: calc(0% - 1.2rem);bottom: calc(0% + -16.8rem);}
    .page-template-template-pomodoro-timer .timer__countdown {font-size: 11rem;line-height: 16rem;}
    .page-template-template-pomodoro-timer div#page-content h2{font-weight: 900;font-size: 24px !important;}
    .page-template-template-project-timesheet .form-group.overtime-settings-wrap, .weekcurr-main-wrap {
        flex-wrap: wrap;
    }

    .page-template-template-project-timesheet .form-group.overtime-settings-wrap .overtimesetting-left--wrap, .week-curr-wrap, .overtimesetting-right--wrap, .curr-hour-wrap {
        max-width: 100%;
        padding-right: 0px;
        margin-right: 0px;
    }

    .page-template-template-project-timesheet .calFormWeekSelect {
        max-width: 100%;
    }

    .overtimesetting-right--wrap input, .curr-hour-wrap input {
        width: 100% !important;
    }

    .weekcurr-main-wrap {
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 18px;
        margin-bottom: 5px;
    }

    .page-template-template-project-timesheet .calculator-options .form-group {
        margin-bottom: 5px;
    }

    .page-template-template-project-timesheet .form-group.overtime-settings-wrap .overtimesetting-left--wrap, .week-curr-wrap {
        border: 0;
    }
    .rtl.page-template-template-project-timesheet .form-group.overtime-settings-wrap .overtimesetting-left--wrap, .week-curr-wrap {
        border: 0;
    }
    .section-student-attend .timesheet-five-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 95px;}
    .section-student-attend .timesheet-six-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 80px;}
    .section-student-attend .dayDiv span.data-date { display: none; }
    .section-student-attend .left-fields { flex-wrap: wrap;}
    .section-student-attend .left-fields .leftInputs, .middle-fields .leftInputs { width: 100%;}
    .section-student-attend .right-fields .rightInputs{ width: 100%;}
    .section-student-attend .right-fields { flex-wrap: wrap; width: 100%;}
    .section-student-attend .middle-fields { flex-wrap: wrap; width: 100%;}
    .section-student-attend .week-form-control, .section-student-attend .student-topbar input { width: 100%;}
    .page-template-template-simple-ot-calculator .section-hours-calculator h1.title--3xl, .row-hero-ff h1.title--3xl {font-size: 25px !important;font-weight: 900}
    .page-template-template-simple-ot-calculator .section-hours-calculator #resultsplaceholder { margin-top: 0px !important;}
    .page-template-template-simple-ot-calculator div#page-content h2, .content-ff div#page-content h2 { font-weight: 900;font-size: 24px;}
    .section-hours-body.section-hours-calculator h1.title--3xl, .row-hero-ff h1.title--3xl {font-size: 25px !important;font-weight: 900}
    .section-hours-body.section-hours-calculator #resultsplaceholder { margin-top: 20px !important;}
    .section-hours-body div#page-content h2, .content-ff div#page-content h2 { font-weight: 900;font-size: 24px;}
    .rtl .simpleOt-body .input-group-label.otinput { padding-right: 15px; padding-left: 0px; }
    .page-template-ot-calculator-template div#page-content h2 { font-size: 18px !important;}

    .section-student-attend .timesheet-footer { justify-content: center;}
    .section-student-attend .calculator-buttons { flex-wrap: wrap; width: 100%;}
    .section-student-attend .calculator-buttons .cal-btns,.section-student-attend .addRowDiv, .timesheet-footer .button#addRow { width: 100%;text-align: center;}
    .calculator-buttons div#copyButton { width: 100%;}
    body.page-template-ot-calculator-template .section-hours-calculator h1.title--3xl { font-size: 18px !important; font-weight: 900; margin-top: 0px; }
    .page-template-ot-calculator-template .section-cal-title { margin-top: 0px; }
    .page-template-ot-calculator-template .ot-cal-body.section-hours-calculator { padding-top: 45px; }

}


@media(max-width: 541px) {
    .page-template-template-pomodoro-timer .timer__countdown-sequence { right: calc(0% - 13.2rem); bottom: calc(0% + -15.8rem); }
    .section-student-attend .timesheet-five-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 90px;}
    .section-student-attend .timesheet-six-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 75px;}
    .section-student-attend .calculator__cell.thTotal.dayDiv { flex-basis: max-content; }
    .page-template-template-project-timesheet .timesheet-footer .tiSLast .tiSLastInputRight { flex-direction: column; }
    .timesheet-footer .tiSLast { justify-content: center;}
}

@media (max-width : 534px){
    div#otresults .col-fluid .llb { width: 60% !important; font-size: 14px; }
    div#otresults span { width: 38%; font-size: 14px; }
    .section-hours-calculator div#otresults .col-fluid .llb.t{ font-size: 16px; }
    .ot-cal-body span#totalIncomeResult { font-weight: 700; font-size: 16px; }
}

@media(max-width: 531px) {
   
    .prev-week-class .prevText, .next-week-class .NextText {
        display: none;
    }

}

@media(max-width: 500px) {
    .page-template-template-pomodoro-timer .timer__option:nth-child(2) { margin-right: 0 }
    .page-template-template-pomodoro-timer .timer__option:nth-child(3) { width: 100% }
    .page-template-template-pomodoro-timer .timer__countdown {font-size: 6rem;line-height: 10rem;}
    .section-student-attend .timesheet-five-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 80px;}
    .section-student-attend .timesheet-six-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 70px;}
    .section-student-attend span.toggle__slider { position: relative; width: 35px; height: 26px; border-radius: 15px; box-shadow: inset 0 0 5px var(--red); background: var(--red); transition: all 0.3s; }
    .section-student-attend span.toggle__slider::before { content: ""; position: absolute; right: auto; left: -5px; top: 2px; width: 15px; height: 22px; background: var(--white); border-radius: 50%; z-index: 1; transition: transform 0.3s; transform: translateX(24px); }
    .section-student-attend .toggle__slider::after { content: "✖"; left: 6px; right: auto; color: white; font-size: 11px; position: absolute; top: 50%; transform: translateY(-50%); color: white; font-weight: 100; }
    .section-student-attend [type="checkbox"]:checked + .toggle__slider::before { transform: translateX(0); left: 2px; top: 2px; }
    .section-student-attend [type="checkbox"]:checked + .toggle__slider::after { content: "✔"; left: 19px; right: auto; color: white; font-weight: 100; font-size: 12px; }
    .simpleOt-body .input-group-label.otinput { width: 8%; padding-right: 0px; padding-left: 3px; }
    .rtl .simpleOt-body .input-group-label.otinput { padding-right: 5px; padding-left: 0px; }
}

@media screen and (max-width:465px) {

    .pomodoro__mode-switch .pomodoro__mode:after,
    .pomodoro__mode-switch .pomodoro__mode:before { border-width: 25px 0 25px 10px; }
    .page-template-template-pomodoro-timer span.pomodoro__mode-label { font-size: 14px; width: 100%; }
    .pomodoro__mode-switch .pomodoro__mode { height: 50px; flex-wrap: wrap; line-height: normal; }
    .page-template-template-pomodoro-timer .pomodoro-tooltip { bottom: auto; left: calc(100% - 150px); transform: none; }
    .page-template-template-pomodoro-timer .countdown-sequence { padding: 0 0 5px; opacity: 1; visibility: visible; transition: opacity 0.3s ease, visibility 0.3s ease; }
    .section-student-attend .timesheet-five-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 75px;}
    .section-student-attend .timesheet-six-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 65px;}
    .page-template-template-project-timesheet .timeCap-head, .section-student-attend .timeCap-head { font-size: 18px;height: 32px;}

}
@media (max-width : 450px){
    .ot-cal-body .switch-field label {font-size: 14px;padding: 9px 9px;}
    div#otresults .col-fluid .llb { width: 100% !important; font-size: 16px; }
    div#otresults span { width: 100%; font-size: 16px; }
    .ot-cal-body span#totalIncomeResult { font-weight: 700; font-size: 18px; }
}

@media(max-width: 437px) {
    .page-template-template-pomodoro-timer .timer__option { flex-grow: 1; }
}
@media(max-width: 432px) {
    .page-template-template-pomodoro-timer .timer__option:nth-child(1) { margin-right: 0 }
    .page-template-template-pomodoro-timer .timer__option:nth-child(2) { width: 100% }
    .section-student-attend .timesheet-five-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 70px;}
    .section-student-attend .timesheet-six-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 60px;}
    .section-hours-calculator div#otresults .col-fluid .llb.t{ font-size: 18px; }

}

@media screen and (max-width: 399px) {
    .page-template-template-project-timesheet .calculator-options .form-group.overtime-settings, .calculator-options .option__input {
        max-width: 100%;
    }
    .page-template-template-project-timesheet .calculator-options.calculator-options--timesheet {
        padding: 5px 8px;
    }
    .page-template-template-project-timesheet .calculator-options .form-group.overtime-settings-wrap .option__input, .calculator-options .form-group.overtime-settings-wrap .option__input.daily-dot, .calculator-options .option__input.option__input-sm, .calculator-options .option__input.pay-rate, .calculator-options .form-group { width: 100%;
        max-width: 100%;
    }
    .section-student-attend .timesheet-five-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 65px;}
    .section-student-attend .timesheet-six-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 55px;}
    .simpleOt-body .input-group .otinput.otrequire.bg { width: 91%;}
    .simpleOt-body .input-group-label.otinput { width: 9%; padding-right: 0px; padding-left: 3px; }

}

@media(max-width: 376px) {
    .page-template-template-pomodoro-timer .timer__option {
        flex-grow: 1;
    }
    .section-student-attend .timesheet-five-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 60px;}
    .section-student-attend .timesheet-six-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 50px;}
  

}
@media(max-width: 350px) {
    .section-student-attend .timesheet-five-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 55px;}
    .section-student-attend .timesheet-six-column .dayDiv:not(.taskTItle, .thTotal) { min-width: 45px;}
    .section-student-attend .calculator__cell.dayDiv { min-width: 38px;}
    .section-student-attend span.toggle__slider { position: relative; width: 18px; height: 45px; border-radius: 15px; box-shadow: inset 0 0 5px var(--red); background: var(--red); transition: all 0.3s; }
    .section-student-attend span.toggle__slider::before { content: ""; position: absolute; left: 1px; top: 11px; width: 16px; height: 24px; background: var(--white); border-radius: 50%; z-index: 1; transition: transform 0.3s; transform: translateY(0.6rem); }
    .section-student-attend [type="checkbox"]:checked + .toggle__slider::before { transform: translateX(0); top: 1px; left: 1px; }
    .section-student-attend [type="checkbox"]:checked + .toggle__slider::after { content: "✔"; left: 4px; right: auto; font-size: 14px; bottom: 270%; top: 28px; }
    .section-student-attend .toggle__slider::after { content: "✖"; left: 3px; right: auto; color: white; font-size: 14px; position: absolute; top: 30%; transform: translateY(-50%); color: white; }
    .simpleOt-body .input-group-label.otinput { width: 12%; }
    .simpleOt-body .input-group .otinput.otrequire.bg { width: 88%;}
}



@media print{
.simpleOt-body.ot-cal-body .baseSalary .col-f-input { width: 50%;}
.simpleOt-body .input-group-label.otinput {
    background-color: #e6e8ec;
    border-color: #ddd;
    width: 15%;
    margin-right: 0px !important;
    border-left-style: double;
    border-radius: 8px 0px 0px 8px;
    padding-right: 5px;
    padding-left: 8px;
}

.simpleOt-body .input-group {
    display: flex;
    width: 100% !important;
    flex-wrap: wrap;
    gap: 0px !important;
    align-items: center;
}

.simpleOt-body .input-group .otinput.otrequire.bg {
    border-radius: 0px 8px 8px 0px;
    width: 80%;
}

}