@charset "UTF-8";
@import "~antd/dist/antd.css";
@font-face {
    font-family: "SourceSansProLight";
    src: local("SourceSansProLight"),
        url("../fonts/SourceSansProLight.ttf") format("truetype");
}
@font-face {
    font-family: "SourceSansProRegular";
    src: local("SourceSansProRegular"),
        url("../fonts/SourceSansProRegular.ttf") format("truetype");
}
:root {
    --yellow: #fff;
    --red: #960402;
    --green: #0a6c31;
    --violet: #154988;
}

.text-primary {
    color: #0866c6;
}

.bg-primary {
    background-color: #0866c6;
}

.text-primary-active {
    color: #0753a1;
}

.bg-primary-active {
    background-color: #0753a1;
}

.text-secondary {
    color: #868e96;
}

.bg-secondary {
    background-color: #868e96;
}

.text-secondary-active {
    color: #727b84;
}

.bg-secondary-active {
    background-color: #727b84;
}

.text-success {
    color: #23bf08;
}

.bg-success {
    background-color: #23bf08;
}

.text-success-active {
    color: #1c9a06;
}

.bg-success-active {
    background-color: #1c9a06;
}

.text-warning {
    color: #f49917;
}

.bg-warning {
    background-color: #f49917;
}

.text-warning-active {
    color: #da850a;
}

.bg-warning-active {
    background-color: #da850a;
}

.text-danger {
    color: #930502;
}

.bg-danger {
    background-color: #930502;
}

.text-danger-active {
    color: #930502;
}

.bg-danger-active {
    background-color: #930502;
}

.text-info {
    color: #5b93d3;
}

.bg-info {
    background-color: #5b93d3;
}

.text-info-active {
    color: #3d7fcb;
}

.bg-info-active {
    background-color: #3d7fcb;
}

.text-indigo {
    color: #6610f2;
}

.bg-indigo {
    background-color: #6610f2;
}

.text-indigo-active {
    color: #560bd0;
}

.bg-indigo-active {
    background-color: #560bd0;
}

.text-purple {
    color: #6f42c1;
}

.bg-purple {
    background-color: #6f42c1;
}

.text-purple-active {
    color: #5e37a6;
}

.bg-purple-active {
    background-color: #5e37a6;
}

.text-pink {
    color: #e83e8c;
}

.bg-pink {
    background-color: #e83e8c;
}

.text-pink-active {
    color: #e41c78;
}

.bg-pink-active {
    background-color: #e41c78;
}

.text-teal {
    color: #1caf9a;
}

.bg-teal {
    background-color: #1caf9a;
}

.text-teal-active {
    color: #178e7d;
}

.bg-teal-active {
    background-color: #178e7d;
}

.text-dark {
    color: #343a40;
}

.bg-dark {
    background-color: #343a40;
}

.text-dark-active {
    color: #23272b;
}

.bg-dark-active {
    background-color: #23272b;
}

.text-orange {
    color: #f27510;
}

.bg-orange {
    background-color: #f27510;
}

.text-orange-active {
    color: #d16a17;
}

.bg-orange-active {
    background-color: #d16a17;
}

.main-text-primary {
    color: var(--yellow);
}

.main-bg-primary {
    background-color: var(--yellow);
}

.main-text-secondary {
    color: #e1492a;
}

.main-bg-secondary {
    background-color: #e1492a;
}

.main-text-tertiary {
    color: #a10613;
}

.main-bg-tertiary {
    background-color: #a10613;
}

.main-text-quaternary {
    color: #2b8300;
}

.main-bg-quaternary {
    background-color: #2b8300;
}

.main-text-quinary {
    color: #fdb500;
}

.main-bg-quinary {
    background-color: #fdb500;
}

.main-text-senary {
    color: #34a2ee;
}

.main-bg-senary {
    background-color: #34a2ee;
}

.zoom-in-out-box-1 {
    transition: transform 0.2s; /* Animation */
    margin: 0 auto;
    cursor: pointer;
}

.zoom-in-out-box-1:hover {
    transform: scale(
        1.2
    ); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.p-0 {
    padding: 0px !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-35 {
    padding: 35px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-45 {
    padding: 45px !important;
}

.p-50 {
    padding: 50px !important;
}

.pw-5 {
    padding: 0 5px !important;
}

.pw-10 {
    padding: 0 10px !important;
}

.pw-15 {
    padding: 0 15px !important;
}

.pw-20 {
    padding: 0 20px !important;
}

.pw-25 {
    padding: 0 25px !important;
}

.pw-30 {
    padding: 0 30px !important;
}

.pw-35 {
    padding: 0 35px !important;
}

.pw-40 {
    padding: 0 40px !important;
}

.pw-45 {
    padding: 0 45px !important;
}

.pw-50 {
    padding: 0 50px !important;
}

.ph-5 {
    padding: 5px 0 !important;
}

.ph-10 {
    padding: 10px 0 !important;
}

.ph-15 {
    padding: 15px 0 !important;
}

.ph-20 {
    padding: 20px 0 !important;
}

.ph-25 {
    padding: 25px 0 !important;
}

.ph-30 {
    padding: 30px 0 !important;
}

.ph-35 {
    padding: 35px 0 !important;
}

.ph-40 {
    padding: 40px 0 !important;
}

.ph-45 {
    padding: 45px 0 !important;
}

.ph-50 {
    padding: 50px 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-5 {
    padding-left: 5 !important;
}

.pl-10 {
    padding-left: 10 !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20 !important;
}

.pl-23 {
    padding-left: 23px !important;
}

.pl-25 {
    padding-left: 25 !important;
}

.pl-30 {
    padding-left: 30 !important;
}

.pl-35 {
    padding-left: 35 !important;
}

.pl-40 {
    padding-left: 40 !important;
}

.pl-45 {
    padding-left: 45 !important;
}

.pl-50 {
    padding-left: 50 !important;
}

.pl-n-5 {
    padding-left: -5px !important;
}

.pl-n-10 {
    padding-left: -10px !important;
}

.pl-n-15 {
    padding-left: -15px !important;
}

.pl-n-20 {
    padding-left: -20px !important;
}

.pl-n-25 {
    padding-left: -25px !important;
}

.pl-n-30 {
    padding-left: -30px !important;
}

.pl-n-35 {
    padding-left: -35px !important;
}

.pl-n-40 {
    padding-left: -40px !important;
}

.pl-n-45 {
    padding-left: -45px !important;
}

.pl-n-50 {
    padding-left: -50px !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-7 {
    padding-top: 7px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-n-5 {
    padding-top: -5px !important;
}

.pt-n-10 {
    padding-top: -10px !important;
}

.pt-n-15 {
    padding-top: -15px !important;
}

.pt-n-20 {
    padding-top: -20px !important;
}

.pt-n-25 {
    padding-top: -25px !important;
}

.pt-n-30 {
    padding-top: -30px !important;
}

.pt-n-35 {
    padding-top: -35px !important;
}

.pt-n-40 {
    padding-top: -40px !important;
}

.pt-n-45 {
    padding-top: -45px !important;
}

.pt-n-50 {
    padding-top: -50px !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-n-5 {
    padding-right: -5px !important;
}

.pr-n-10 {
    padding-right: -10px !important;
}

.pr-n-15 {
    padding-right: -15px !important;
}

.pr-n-20 {
    padding-right: -20px !important;
}

.pr-n-25 {
    padding-right: -25px !important;
}

.pr-n-30 {
    padding-right: -30px !important;
}

.pr-n-35 {
    padding-right: -35px !important;
}

.pr-n-40 {
    padding-right: -40px !important;
}

.pr-n-45 {
    padding-right: -45px !important;
}

.pr-n-50 {
    padding-right: -50px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-n-5 {
    padding-bottom: -5px !important;
}

.pb-n-10 {
    padding-bottom: -10px !important;
}

.pb-n-15 {
    padding-bottom: -15px !important;
}

.pb-n-20 {
    padding-bottom: -20px !important;
}

.pb-n-25 {
    padding-bottom: -25px !important;
}

.pb-n-30 {
    padding-bottom: -30px !important;
}

.pb-n-35 {
    padding-bottom: -35px !important;
}

.pb-n-40 {
    padding-bottom: -40px !important;
}

.pb-n-45 {
    padding-bottom: -45px !important;
}

.pb-n-50 {
    padding-bottom: -50px !important;
}

.m-0 {
    margin: 0px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-25 {
    margin: 25px !important;
}

.m-30 {
    margin: 30px !important;
}

.m-35 {
    margin: 35px !important;
}

.m-40 {
    margin: 40px !important;
}

.m-45 {
    margin: 45px !important;
}

.m-50 {
    margin: 50px !important;
}

.mw-5 {
    margin: 0 5px !important;
}

.mw-10 {
    margin: 0 10px !important;
}

.mw-15 {
    margin: 0 15px !important;
}

.mw-20 {
    margin: 0 20px !important;
}

.mw-25 {
    margin: 0 25px !important;
}

.mw-30 {
    margin: 0 30px !important;
}

.mw-35 {
    margin: 0 35px !important;
}

.mw-40 {
    margin: 0 40px !important;
}

.mw-45 {
    margin: 0 45px !important;
}

.mw-50 {
    margin: 0 50px !important;
}

.mh-5 {
    margin: 5px 0 !important;
}

.mh-10 {
    margin: 10px 0 !important;
}

.mh-15 {
    margin: 15px 0 !important;
}

.mh-20 {
    margin: 20px 0 !important;
}

.mh-25 {
    margin: 25px 0 !important;
}

.mh-30 {
    margin: 30px 0 !important;
}

.mh-35 {
    margin: 35px 0 !important;
}

.mh-40 {
    margin: 40px 0 !important;
}

.mh-45 {
    margin: 45px 0 !important;
}

.mh-50 {
    margin: 50px 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-12 {
    margin-top: 12px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-n-5 {
    margin-top: -5px !important;
}

.mt-n-10 {
    margin-top: -10px !important;
}

.mt-n-15 {
    margin-top: -15px !important;
}

.mt-n-20 {
    margin-top: -20px !important;
}

.mt-n-25 {
    margin-top: -25px !important;
}

.mt-n-30 {
    margin-top: -30px !important;
}

.mt-n-35 {
    margin-top: -35px !important;
}

.mt-n-40 {
    margin-top: -40px !important;
}

.mt-n-45 {
    margin-top: -45px !important;
}

.mt-n-50 {
    margin-top: -50px !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mr-n-5 {
    margin-right: -5px !important;
}

.mr-n-10 {
    margin-right: -10px !important;
}

.mr-n-15 {
    margin-right: -15px !important;
}

.mr-n-20 {
    margin-right: -20px !important;
}

.mr-n-25 {
    margin-right: -25px !important;
}

.mr-n-30 {
    margin-right: -30px !important;
}

.mr-n-35 {
    margin-right: -35px !important;
}

.mr-n-40 {
    margin-right: -40px !important;
}

.mr-n-45 {
    margin-right: -45px !important;
}

.mr-n-50 {
    margin-right: -50px !important;
}

@media (min-width: 576px) {
    .mr-sm-5 {
        margin-right: 5px !important;
    }
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-n-5 {
    margin-bottom: -5px !important;
}

.mb-n-10 {
    margin-bottom: -10px !important;
}

.mb-n-15 {
    margin-bottom: -15px !important;
}

.mb-n-20 {
    margin-bottom: -20px !important;
}

.mb-n-25 {
    margin-bottom: -25px !important;
}

.mb-n-30 {
    margin-bottom: -30px !important;
}

.mb-n-35 {
    margin-bottom: -35px !important;
}

.mb-n-40 {
    margin-bottom: -40px !important;
}

.mb-n-45 {
    margin-bottom: -45px !important;
}

.mb-n-50 {
    margin-bottom: -50px !important;
}

@media (max-width: 575px) {
    .mb-xs-5 {
        margin-bottom: 5px !important;
    }
}

@media (max-width: 575px) {
    .mb-xs-10 {
        margin-bottom: 10px !important;
    }
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-24 {
    margin-left: 24px !important;
    display: block;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-n-5 {
    margin-left: -5px !important;
}

.ml-n-10 {
    margin-left: -10px !important;
}

.ml-n-15 {
    margin-left: -15px !important;
}

.ml-n-20 {
    margin-left: -20px !important;
}

.ml-n-25 {
    margin-left: -25px !important;
}

.ml-n-30 {
    margin-left: -30px !important;
}

.ml-n-35 {
    margin-left: -35px !important;
}

.ml-n-40 {
    margin-left: -40px !important;
}

.ml-n-45 {
    margin-left: -45px !important;
}

.ml-n-50 {
    margin-left: -50px !important;
}

.br-0 {
    border-radius: 0px !important;
}

.br-1 {
    border-radius: 1px !important;
}

.br-2 {
    border-radius: 2px !important;
}

.br-3 {
    border-radius: 3px !important;
}

.br-4 {
    border-radius: 4px !important;
}

.br-5 {
    border-radius: 5px !important;
}

.br-10 {
    border-radius: 10px !important;
}

.br-50per {
    border-radius: 50% !important;
}

.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 20px 0;
}

.hr-line-solid {
    border-bottom: 1px solid #e7eaec;
    background-color: rgba(0, 0, 0, 0);
    border-style: solid !important;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ant-page-break-before {
    page-break-before: always !important;
}

.ant-page-break-after {
    page-break-after: always !important;
}

.ant-page-break-inside {
    page-break-inside: avoid !important;
}

.float-none {
    float: none !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-justify {
    text-align: justify !important;
}

.font-bold {
    font-weight: bold !important;
}

.font-bolder {
    font-weight: bolder !important;
}

.font-normal {
    font-weight: normal !important;
}

.font-lighter {
    font-weight: lighter !important;
}

.font-initial {
    font-weight: initial !important;
}

.font-inherit {
    font-weight: inherit !important;
}

.font-100 {
    font-weight: 100 !important;
}

.font-200 {
    font-weight: 200 !important;
}

.font-300 {
    font-weight: 300 !important;
}

.font-400 {
    font-weight: 400 !important;
}

.font-500 {
    font-weight: 500 !important;
}

.font-600 {
    font-weight: 600 !important;
}

.font-700 {
    font-weight: 700 !important;
}

.font-800 {
    font-weight: 800 !important;
}

.font-900 {
    font-weight: 900 !important;
}

.font-italic {
    font-style: italic !important;
}

.text-transform-none {
    text-transform: none !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-transform-initial {
    text-transform: initial !important;
}

.text-transform-inherit {
    text-transform: inherit !important;
}

.font-10px {
    font-size: 10px !important;
}

.font-12px {
    font-size: 12px !important;
}

.font-14px {
    font-size: 14px !important;
}

.font-16px {
    font-size: 16px !important;
}

.font-18px {
    font-size: 18px !important;
}

.font-20px {
    font-size: 20px !important;
}

.w-auto {
    width: auto !important;
}

.w-100 {
    width: 100% !important;
}

.w-10 {
    width: 10% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.w-33-33 {
    width: 33.33% !important;
}

@media (max-width: 575px) {
    .w-xs-block {
        width: 100% !important;
    }
}

.h-auto {
    height: auto !important;
}

.h-100 {
    height: 100% !important;
}

.h-70vh {
    height: 70vh !important;
}

.h-50vh {
    height: 50vh !important;
}

.h-40vh {
    height: 40vh !important;
}

.h-30vh {
    height: 30vh !important;
}

.h-500px {
    height: 500px !important;
}

.h-400px {
    height: 400px !important;
}

.h-300px {
    height: 300px !important;
}

.h-200px {
    height: 200px !important;
}

.h-150px {
    height: 150px !important;
}

.mh-500px {
    max-height: 500px !important;
}

.mh-400px {
    max-height: 400px !important;
}

.mh-300px {
    max-height: 300px !important;
}

.mh-200px {
    max-height: 200px !important;
}

.mh-150px {
    max-height: 150px !important;
}

/**===========rotate========== */
.rotate-45 {
    transform: rotate(45deg);
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-135 {
    transform: rotate(135deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.rotate-225 {
    transform: rotate(225deg);
}

.rotate-270 {
    transform: rotate(270deg);
}

.rotate-315 {
    transform: rotate(315deg);
}

.rotate-360 {
    transform: rotate(360deg);
}

/**===========end rotate========== */
/**===========border========== */
.b-0 {
    border: 0px;
}

.bt-0 {
    border-top: 0px;
}

.br-0 {
    border-right: 0px;
}

.bb-0 {
    border-bottom: 0px;
}

.br-0 {
    border-right: 0px;
}

/**===========end border========== */
/**===========cursor========== */
.cursor-alias {
    cursor: alias;
}

.cursor-all-scroll {
    cursor: all-scroll;
}

.cursor-auto {
    cursor: auto;
}

.cursor-cell {
    cursor: cell;
}

.cursor-col-resize {
    cursor: col-resize;
}

.cursor-context-menu {
    cursor: context-menu;
}

.cursor-copy {
    cursor: copy;
}

.cursor-crosshair {
    cursor: crosshair;
}

.cursor-default {
    cursor: default;
}

.cursor-e-resize {
    cursor: e-resize;
}

.cursor-ew-resize {
    cursor: ew-resize;
}

.cursor-grab {
    cursor: grab;
}

.cursor-grabbing {
    cursor: grabbing;
}

.cursor-help {
    cursor: help;
}

.cursor-move {
    cursor: move;
}

.cursor-n-resize {
    cursor: n-resize;
}

.cursor-ne-resize {
    cursor: ne-resize;
}

.cursor-nesw-resize {
    cursor: nesw-resize;
}

.cursor-ns-resize {
    cursor: ns-resize;
}

.cursor-nw-resize {
    cursor: nw-resize;
}

.cursor-nwse-resize {
    cursor: nwse-resize;
}

.cursor-no-drop {
    cursor: no-drop;
}

.cursor-none {
    cursor: none;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-progress {
    cursor: progress;
}

.cursor-row-resize {
    cursor: row-resize;
}

.cursor-s-resize {
    cursor: s-resize;
}

.cursor-se-resize {
    cursor: se-resize;
}

.cursor-sw-resize {
    cursor: sw-resize;
}

.cursor-text {
    cursor: text;
}

.cursor-w-resize {
    cursor: w-resize;
}

.cursor-wait {
    cursor: wait;
}

.cursor-zoom-in {
    cursor: zoom-in;
}

.cursor-zoom-out {
    cursor: zoom-out;
}

/**===========end cursor========== */
/**===========flex========== */
.flex {
    display: flex !important;
}

.flex-align-center {
    display: flex !important;
    align-items: center;
}

.flex-column {
    display: flex !important;
    flex-direction: column;
}

/**===========end flex========== */
/** others **/
.hide {
    display: none !important;
}

.ws-normal {
    white-space: normal;
}

/** end others **/
/** others **/
.float-input-box {
    height: 45px;
}

/** end others **/
.d-block {
    display: block;
}

.one-line-parag {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.three-line-parag {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.action-color {
    color: var(--yellow);
}

@supports (zoom: 2) {
    input[type="radio"],
    input[type="checkbox"] {
        zoom: 2;
    }
}
@supports not (zoom: 2) {
    input[type="radio"],
    input[type="checkbox"] {
        transform: scale(2);
        margin: 15px;
    }
}
.ant-input.no-float-wrapper.ant-input-lg {
    height: 45px;
}

.float-wrapper {
    position: relative;
    border: 1px solid #cccccc;
}
.float-wrapper .label {
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 12px;
    top: 12px;
    transition: 0.2s ease all;
    color: #2e3032;
    z-index: 1;
}
.float-wrapper .label.float-label {
    top: -10px;
    font-size: 12px;
    background-color: #ffffff;
    padding: 0 4px;
    margin-left: -4px;
}
.float-wrapper .ant-input {
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */
    padding: 9.5px 11px;
}
.float-wrapper .ant-input::-webkit-outer-spin-button,
.float-wrapper .ant-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.float-wrapper .ant-input[type="number"] {
    -moz-appearance: textfield;
}
.float-wrapper .ant-input:focus {
    box-shadow: none;
}
.float-wrapper .ant-input-affix-wrapper {
    padding: 0px 10px 0px 12px;
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
}
.float-wrapper .ant-input-affix-wrapper:hover {
    border: 0px;
}
.float-wrapper .ant-input-affix-wrapper .ant-input {
    padding: 9.5px 0px;
}
.float-wrapper
    .ant-input-affix-wrapper
    .ant-input-suffix
    .ant-form-item-feedback-icon {
    padding-top: 2px;
}
.float-wrapper .ant-picker.ant-picker-large,
.float-wrapper
    .ant-input-number-lg
    .ant-input-number-input-wrap
    .ant-input-number-input,
.float-wrapper .ant-input-lg:not(textarea),
.float-wrapper .ant-select-lg,
.float-wrapper
    .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
    .ant-select-selector,
.float-wrapper .ant-input-mask {
    height: 45px;
}
.float-wrapper
    .ant-input-number
    .ant-input-number-input-wrap
    .ant-input-number-input,
.float-wrapper .ant-input {
    padding: 9.5px 11px;
    border-radius: 0px;
}
.float-wrapper .ant-input-number,
.float-wrapper .ant-input-number .ant-input-number-focused,
.float-wrapper
    .ant-input-number
    .ant-input-number-input-wrap
    .ant-input-number-input,
.float-wrapper .ant-input {
    border: 0px;
    box-shadow: none;
}
.float-wrapper .ant-input-mask {
    height: 45px;
    border-radius: 0px;
    border: 0px;
    width: 100%;
    padding: 16px 12px 7px 12px;
    font-size: 16px;
    line-height: 1.5;
    box-sizing: border-box;
    margin: 0px;
    color: #2e3032;
    list-style: none;
    display: inline-block;
    min-width: 0;
    background-color: #ffffff;
    background-image: none;
    transition: all 0.2s;
}
.float-wrapper .ant-input-mask:focus-visible {
    outline: 0px;
    outline-offset: 0px;
}
.float-wrapper.float-select .ant-select {
    border-radius: 0px;
    border: 0px;
}
.float-wrapper.float-select .ant-select .ant-select-selector {
    height: 45px;
    padding: 4px 11px !important;
    border-radius: 5px;
    border: 0px;
    box-shadow: none;
    border-color: transparent;
}
.float-wrapper.float-select
    .ant-select
    .ant-select-selection-search
    .ant-select-selection-search-input {
    height: 45px !important;
}
.float-wrapper.float-select .ant-select .ant-select-selection-item {
    padding: 0px 12px 0px 0px;
}
.float-wrapper
    .ant-select-focused.ant-select:not(.ant-select-disabled):not(
        .ant-select-customize-input
    ):not(.ant-pagination-size-changer)
    .ant-select-selector {
    border: 0px;
    box-shadow: none;
    border-color: transparent;
}
.float-wrapper .ant-picker {
    padding: 0px 12px 0px 12px;
    border: 0px;
    width: 100%;
    border-radius: 0px;
}
.float-wrapper .ant-picker.ant-picker-focused {
    border: 0px;
    box-shadow: none;
}
.float-wrapper .ant-picker .ant-picker-input {
    height: 100%;
}
.float-wrapper.quill .ql-toolbar.ql-snow {
    border: 0px;
    border-bottom: 1px solid #cccccc;
}
.float-wrapper.quill .ql-container.ql-snow {
    border: 0px;
    height: 200px;
}
.float-wrapper.float-textarea {
    padding-top: 6px !important;
    padding-bottom: 5px;
    line-height: 1.1;
}
.float-wrapper.float-textarea .label.float-label {
    top: -8px;
}
.float-wrapper.float-textarea .ant-input {
    padding-top: 0px;
    resize: none;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}
.float-wrapper.float-textarea .ant-input::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.float-wrapper.float-textarea .ant-input::-webkit-scrollbar-track {
    background-color: transparent;
}
.float-wrapper.float-textarea .ant-input::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.float-wrapper.float-textarea .ant-input::-webkit-scrollbar-track,
.float-wrapper.float-textarea .ant-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
.float-wrapper.float-input-number .ant-input-number {
    width: 100%;
}

.ant-select-dropdown {
    border-radius: 0px;
}
.ant-select-dropdown
    .rc-virtual-list
    .rc-virtual-list-holder
    > div
    .rc-virtual-list-holder-inner
    .ant-select-item {
    border-radius: 0px;
}

.ant-picker-dropdown .ant-picker-panel-container {
    border-radius: 0px;
}
.ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel-layout
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell:hover
    .ant-picker-cell-inner {
    border-radius: 0px;
}
.ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel-layout
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell.ant-picker-cell-today
    .ant-picker-cell-inner {
    border-radius: 0px;
}
.ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel-layout
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell.ant-picker-cell-today
    .ant-picker-cell-inner::before {
    border-radius: 0px;
    border-color: var(--yellow);
}
.ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel-layout
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell.ant-picker-cell-selected
    .ant-picker-cell-inner {
    border-radius: 0px;
    background-color: var(--yellow);
}
.ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel-layout
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell:hover
    .ant-picker-cell-inner {
    border-radius: 0px;
}
.ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel-layout
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell.ant-picker-cell-selected
    .ant-picker-cell-inner {
    border-radius: 0px;
    background-color: var(--yellow);
}

.ant-select-disabled + .label.float-label,
.disabled .label.float-label {
    background: linear-gradient(180deg, #fff 0 50%, #f5f5f5 50% 100%);
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border: none;
    border-radius: 5px;
}

.float-select-multi .ant-select-selection-overflow {
    padding-bottom: 1px;
    padding-top: 10px;
}
.float-select-multi .ant-select.ant-select-multiple.ant-select-show-search {
    height: auto;
}

.ant-form-item-explain-error {
    margin-bottom: 6px;
}

.ant-form-item-has-error .float-wrapper {
    border-color: #c80202 !important;
}
.ant-form-item-has-error .ant-form-item-control-input-content input {
    border-color: #c80202 !important;
}

.input-number-custom-class .ant-input-number-handler-wrap {
    display: none !important;
}
.input-number-custom-class .ant-input-number-input-wrap input {
    text-align: center;
}

.ant-btn {
    /** outline */
    /* primary-outline */
    /* secondary-outline */
    /* success-outline */
    /* warning-outline */
    /* danger-outline */
    /* info-outline */
    /* indigo-outline */
    /* purple-outline */
    /* pink-outline */
    /* teal-outline */
    /* dark-outline */
}
.ant-btn.ant-btn-lg {
    height: 45px !important;
}
.ant-btn.btn-main-primary {
    color: #ffffff;
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.ant-btn.btn-main-primary:hover {
    color: var(--yellow);
    background-color: #ffffff;
    border-color: var(--yellow);
}
.ant-btn.btn-main-primary:focus {
    color: var(--yellow);
    background-color: #ffffff;
    border-color: var(--yellow);
}
.ant-btn.btn-main-primary.outlined {
    color: var(--yellow);
    background-color: #ffffff;
    border-color: var(--yellow);
}
.ant-btn.btn-main-primary.outlined:hover {
    color: var(--yellow);
    background-color: rgba(var(--yellow), 0.2);
    border-color: var(--yellow);
}
.ant-btn.btn-main-primary.outlined:focus {
    color: var(--yellow);
    background-color: rgba(var(--yellow), 0.2);
    border-color: var(--yellow);
}
.ant-btn.btn-main-primary.invert {
    color: var(--yellow);
    background-color: transparent;
    border-color: var(--yellow);
}
.ant-btn.btn-main-primary.invert:hover {
    color: #ffffff;
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.ant-btn.btn-main-primary.invert:focus {
    color: #ffffff;
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.ant-btn.btn-main-primary.active {
    color: #ffffff;
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.ant-btn.btn-main-primary.active:hover {
    color: #ffffff;
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.ant-btn.btn-main-primary.active:focus {
    color: #ffffff;
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.ant-btn.btn-main-primary.custom-outlined {
    color: var(--yellow);
    background-color: #ffffff;
    border-color: var(--yellow);
}
.ant-btn.btn-main-primary.custom-outlined:hover {
    color: var(--yellow);
    background-color: rgba(var(--yellow), 0.2);
    border-color: var(--yellow);
}
.ant-btn.btn-main-primary.custom-outlined:focus {
    color: var(--yellow);
    background-color: white;
    border-color: var(--yellow);
}
.ant-btn.btn-main-secondary {
    color: #ffffff;
    background-color: #e1492a;
    border-color: #e1492a;
}
.ant-btn.btn-main-secondary:hover {
    color: #e1492a;
    background-color: #b0b4b4;
    border-color: #e1492a;
}
.ant-btn.btn-main-secondary:focus {
    color: #e1492a;
    background-color: #b0b4b4;
    border-color: #e1492a;
}
.ant-btn.btn-main-secondary.outlined {
    color: #e1492a;
    background-color: #b0b4b4;
    border-color: #e1492a;
}
.ant-btn.btn-main-secondary.outlined:hover {
    color: #e1492a;
    background-color: rgba(225, 73, 42, 0.2);
    border-color: #e1492a;
}
.ant-btn.btn-main-secondary.outlined:focus {
    color: #e1492a;
    background-color: rgba(225, 73, 42, 0.2);
    border-color: #e1492a;
}
.ant-btn.btn-main-secondary.active {
    color: #ffffff;
    background-color: #e1492a;
    border-color: #e1492a;
}
.ant-btn.btn-main-secondary.active:hover {
    color: #ffffff;
    background-color: #e1492a;
    border-color: #e1492a;
}
.ant-btn.btn-main-secondary.active:focus {
    color: #ffffff;
    background-color: #e1492a;
    border-color: #e1492a;
}
.ant-btn.btn-main-tertiary {
    color: #ffffff;
    background-color: #a10613;
    border-color: #a10613;
}
.ant-btn.btn-main-tertiary:hover {
    color: #ffffff;
    background-color: #a10613;
    border-color: #a10613;
}
.ant-btn.btn-main-tertiary:focus {
    color: #ffffff;
    background-color: #a10613;
    border-color: #a10613;
}
.ant-btn.btn-main-quaternary {
    color: #ffffff;
    background-color: #2b8300;
    border-color: #2b8300;
}
.ant-btn.btn-main-quaternary:hover {
    color: #2b8300;
    background-color: #ffffff;
    border-color: #2b8300;
}
.ant-btn.btn-main-quaternary:focus {
    color: #2b8300;
    background-color: #ffffff;
    border-color: #2b8300;
}
.ant-btn.btn-primary {
    color: #ffffff;
    background-color: #0866c6;
    border-color: #0866c6;
}
.ant-btn.btn-primary:hover {
    color: #ffffff;
    background-color: #0753a1;
    border-color: #0753a1;
}
.ant-btn.btn-primary:focus {
    color: #ffffff;
    background-color: #0753a1;
    border-color: #0753a1;
}
.ant-btn.btn-primary-active {
    color: #ffffff;
    background-color: #0753a1;
    border-color: #0753a1;
}
.ant-btn.btn-primary-active:hover {
    color: #ffffff;
    background-color: #0753a1;
    border-color: #0753a1;
}
.ant-btn.btn-primary-active:focus {
    color: #ffffff;
    background-color: #0753a1;
    border-color: #0753a1;
}
.ant-btn.btn-primary-disabled {
    color: #ffffff;
    background-color: #0753a1;
    border-color: #0753a1;
    opacity: 0.6;
}
.ant-btn.btn-primary-disabled:hover {
    color: #fff;
    background-color: #0753a1;
    border-color: #0753a1;
    opacity: 0.6;
}
.ant-btn.btn-primary-disabled:focus {
    color: #fff;
    background-color: #0753a1;
    border-color: #0753a1;
    opacity: 0.6;
}
.ant-btn.btn-secondary {
    color: #ffffff;
    background-color: #868e96;
    border-color: #868e96;
}
.ant-btn.btn-secondary:hover {
    color: #ffffff;
    background-color: #727b84;
    border-color: #727b84;
}
.ant-btn.btn-secondary:focus {
    color: #ffffff;
    background-color: #727b84;
    border-color: #727b84;
}
.ant-btn.btn-secondary-active {
    color: #ffffff;
    background-color: #727b84;
    border-color: #727b84;
}
.ant-btn.btn-secondary-active:hover {
    color: #ffffff;
    background-color: #727b84;
    border-color: #727b84;
}
.ant-btn.btn-secondary-active:focus {
    color: #ffffff;
    background-color: #727b84;
    border-color: #727b84;
}
.ant-btn.btn-secondary-disabled {
    color: #ffffff;
    background-color: #727b84;
    border-color: #727b84;
    opacity: 0.6;
}
.ant-btn.btn-secondary-disabled:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #727b84;
    opacity: 0.6;
}
.ant-btn.btn-secondary-disabled:focus {
    color: #fff;
    background-color: #727b84;
    border-color: #727b84;
    opacity: 0.6;
}
.ant-btn.btn-success {
    color: #ffffff;
    background-color: #23bf08;
    border-color: #23bf08;
}
.ant-btn.btn-success:hover {
    color: #ffffff;
    background-color: #1c9a06;
    border-color: #1c9a06;
}
.ant-btn.btn-success:focus {
    color: #ffffff;
    background-color: #1c9a06;
    border-color: #1c9a06;
}
.ant-btn.btn-success-active {
    color: #ffffff;
    background-color: #1c9a06;
    border-color: #1c9a06;
}
.ant-btn.btn-success-active:hover {
    color: #ffffff;
    background-color: #1c9a06;
    border-color: #1c9a06;
}
.ant-btn.btn-success-active:focus {
    color: #ffffff;
    background-color: #1c9a06;
    border-color: #1c9a06;
}
.ant-btn.btn-success-disabled {
    color: #ffffff;
    background-color: #1c9a06;
    border-color: #1c9a06;
    opacity: 0.6;
}
.ant-btn.btn-success-disabled:hover {
    color: #fff;
    background-color: #1c9a06;
    border-color: #1c9a06;
    opacity: 0.6;
}
.ant-btn.btn-success-disabled:focus {
    color: #fff;
    background-color: #1c9a06;
    border-color: #1c9a06;
    opacity: 0.6;
}
.ant-btn.btn-warning {
    color: #ffffff;
    background-color: #f49917;
    border-color: #f49917;
}
.ant-btn.btn-warning:hover {
    color: #ffffff;
    background-color: #da850a;
    border-color: #da850a;
}
.ant-btn.btn-warning:focus {
    color: #ffffff;
    background-color: #da850a;
    border-color: #da850a;
}
.ant-btn.btn-warning-active {
    color: #ffffff;
    background-color: #da850a;
    border-color: #da850a;
}
.ant-btn.btn-warning-active:hover {
    color: #ffffff;
    background-color: #da850a;
    border-color: #da850a;
}
.ant-btn.btn-warning-active:focus {
    color: #ffffff;
    background-color: #da850a;
    border-color: #da850a;
}
.ant-btn.btn-warning-disabled {
    color: #ffffff;
    background-color: #da850a;
    border-color: #da850a;
    opacity: 0.6;
}
.ant-btn.btn-warning-disabled:hover {
    color: #fff;
    background-color: #da850a;
    border-color: #da850a;
    opacity: 0.6;
}
.ant-btn.btn-warning-disabled:focus {
    color: #fff;
    background-color: #da850a;
    border-color: #da850a;
    opacity: 0.6;
}
.ant-btn.btn-danger {
    color: #ffffff;
    background-color: #930502;
    border-color: #930502;
}
.ant-btn.btn-danger:hover {
    color: #ffffff;
    background-color: #930502;
    border-color: #930502;
}
.ant-btn.btn-danger:focus {
    color: #ffffff;
    background-color: #930502;
    border-color: #930502;
}
.ant-btn.btn-danger-active {
    color: #ffffff;
    background-color: #930502;
    border-color: #930502;
}
.ant-btn.btn-danger-active:hover {
    color: #ffffff;
    background-color: #930502;
    border-color: #930502;
}
.ant-btn.btn-danger-active:focus {
    color: #ffffff;
    background-color: #930502;
    border-color: #930502;
}
.ant-btn.btn-danger-disabled {
    color: #ffffff;
    background-color: #930502;
    border-color: #930502;
    opacity: 0.6;
}
.ant-btn.btn-danger-disabled:hover {
    color: #fff;
    background-color: #930502;
    border-color: #930502;
    opacity: 0.6;
}
.ant-btn.btn-danger-disabled:focus {
    color: #fff;
    background-color: #930502;
    border-color: #930502;
    opacity: 0.6;
}
.ant-btn.btn-info {
    color: #ffffff;
    background-color: #5b93d3;
    border-color: #5b93d3;
}
.ant-btn.btn-info:hover {
    color: #ffffff;
    background-color: #3d7fcb;
    border-color: #3d7fcb;
}
.ant-btn.btn-info:focus {
    color: #ffffff;
    background-color: #3d7fcb;
    border-color: #3d7fcb;
}
.ant-btn.btn-info-active {
    color: #ffffff;
    background-color: #3d7fcb;
    border-color: #3d7fcb;
}
.ant-btn.btn-info-active:hover {
    color: #ffffff;
    background-color: #3d7fcb;
    border-color: #3d7fcb;
}
.ant-btn.btn-info-active:focus {
    color: #ffffff;
    background-color: #3d7fcb;
    border-color: #3d7fcb;
}
.ant-btn.btn-info-active .ant-btn.btn-info-active .ant-btn.btn-info-disabled {
    color: #ffffff;
    background-color: #3d7fcb;
    border-color: #3d7fcb;
    opacity: 0.6;
}
.ant-btn.btn-info-active
    .ant-btn.btn-info-active
    .ant-btn.btn-info-disabled:hover {
    color: #fff;
    background-color: #3d7fcb;
    border-color: #3d7fcb;
    opacity: 0.6;
}
.ant-btn.btn-info-active
    .ant-btn.btn-info-active
    .ant-btn.btn-info-disabled:focus {
    color: #fff;
    background-color: #3d7fcb;
    border-color: #3d7fcb;
    opacity: 0.6;
}
.ant-btn.btn-indigo {
    color: #ffffff;
    background-color: #6610f2;
    border-color: #6610f2;
}
.ant-btn.btn-indigo:hover {
    color: #ffffff;
    background-color: #560bd0;
    border-color: #560bd0;
}
.ant-btn.btn-indigo:focus {
    color: #ffffff;
    background-color: #560bd0;
    border-color: #560bd0;
}
.ant-btn.btn-indigo-active {
    color: #ffffff;
    background-color: #560bd0;
    border-color: #560bd0;
}
.ant-btn.btn-indigo-active:hover {
    color: #ffffff;
    background-color: #560bd0;
    border-color: #560bd0;
}
.ant-btn.btn-indigo-active:focus {
    color: #ffffff;
    background-color: #560bd0;
    border-color: #560bd0;
}
.ant-btn.btn-indigo-disabled {
    color: #ffffff;
    background-color: #560bd0;
    border-color: #560bd0;
    opacity: 0.6;
}
.ant-btn.btn-indigo-disabled:hover {
    color: #fff;
    background-color: #560bd0;
    border-color: #560bd0;
    opacity: 0.6;
}
.ant-btn.btn-indigo-disabled:focus {
    color: #fff;
    background-color: #560bd0;
    border-color: #560bd0;
    opacity: 0.6;
}
.ant-btn.btn-purple {
    color: #ffffff;
    background-color: #6f42c1;
    border-color: #6f42c1;
}
.ant-btn.btn-purple:hover {
    color: #ffffff;
    background-color: #5e37a6;
    border-color: #5e37a6;
}
.ant-btn.btn-purple:focus {
    color: #ffffff;
    background-color: #5e37a6;
    border-color: #5e37a6;
}
.ant-btn.btn-purple-active {
    color: #ffffff;
    background-color: #5e37a6;
    border-color: #5e37a6;
}
.ant-btn.btn-purple-active:hover {
    color: #ffffff;
    background-color: #5e37a6;
    border-color: #5e37a6;
}
.ant-btn.btn-purple-active:focus {
    color: #ffffff;
    background-color: #5e37a6;
    border-color: #5e37a6;
}
.ant-btn.btn-purple-disabled {
    color: #ffffff;
    background-color: #5e37a6;
    border-color: #5e37a6;
    opacity: 0.6;
}
.ant-btn.btn-purple-disabled:hover {
    color: #fff;
    background-color: #5e37a6;
    border-color: #5e37a6;
    opacity: 0.6;
}
.ant-btn.btn-purple-disabled:focus {
    color: #fff;
    background-color: #5e37a6;
    border-color: #5e37a6;
    opacity: 0.6;
}
.ant-btn.btn-pink {
    color: #ffffff;
    background-color: #e83e8c;
    border-color: #e83e8c;
}
.ant-btn.btn-pink:hover {
    color: #ffffff;
    background-color: #e41c78;
    border-color: #e41c78;
}
.ant-btn.btn-pink:focus {
    color: #ffffff;
    background-color: #e41c78;
    border-color: #e41c78;
}
.ant-btn.btn-pink-active {
    color: #ffffff;
    background-color: #e41c78;
    border-color: #e41c78;
}
.ant-btn.btn-pink-active:hover {
    color: #ffffff;
    background-color: #e41c78;
    border-color: #e41c78;
}
.ant-btn.btn-pink-active:focus {
    color: #ffffff;
    background-color: #e41c78;
    border-color: #e41c78;
}
.ant-btn.btn-pink-disabled {
    color: #ffffff;
    background-color: #e41c78;
    border-color: #e41c78;
    opacity: 0.6;
}
.ant-btn.btn-pink-disabled:hover {
    color: #fff;
    background-color: #e41c78;
    border-color: #e41c78;
    opacity: 0.6;
}
.ant-btn.btn-pink-disabled:focus {
    color: #fff;
    background-color: #e41c78;
    border-color: #e41c78;
    opacity: 0.6;
}
.ant-btn.btn-teal {
    color: #ffffff;
    background-color: #1caf9a;
    border-color: #1caf9a;
}
.ant-btn.btn-teal:hover {
    color: #ffffff;
    background-color: #178e7d;
    border-color: #178e7d;
}
.ant-btn.btn-teal:focus {
    color: #ffffff;
    background-color: #178e7d;
    border-color: #178e7d;
}
.ant-btn.btn-teal-active {
    color: #ffffff;
    background-color: #178e7d;
    border-color: #178e7d;
}
.ant-btn.btn-teal-active:hover {
    color: #ffffff;
    background-color: #178e7d;
    border-color: #178e7d;
}
.ant-btn.btn-teal-active:focus {
    color: #ffffff;
    background-color: #178e7d;
    border-color: #178e7d;
}
.ant-btn.btn-teal-disabled {
    color: #ffffff;
    background-color: #178e7d;
    border-color: #178e7d;
    opacity: 0.6;
}
.ant-btn.btn-teal-disabled:hover {
    color: #fff;
    background-color: #178e7d;
    border-color: #178e7d;
    opacity: 0.6;
}
.ant-btn.btn-teal-disabled:focus {
    color: #fff;
    background-color: #178e7d;
    border-color: #178e7d;
    opacity: 0.6;
}
.ant-btn.btn-dark {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}
.ant-btn.btn-dark:hover {
    color: #ffffff;
    background-color: #23272b;
    border-color: #23272b;
}
.ant-btn.btn-dark:focus {
    color: #ffffff;
    background-color: #23272b;
    border-color: #23272b;
}
.ant-btn.btn-dark-active {
    color: #ffffff;
    background-color: #23272b;
    border-color: #23272b;
}
.ant-btn.btn-dark-active:hover {
    color: #ffffff;
    background-color: #23272b;
    border-color: #23272b;
}
.ant-btn.btn-dark-active:focus {
    color: #ffffff;
    background-color: #23272b;
    border-color: #23272b;
}
.ant-btn.btn-dark-disabled {
    color: #ffffff;
    background-color: #23272b;
    border-color: #23272b;
    opacity: 0.6;
}
.ant-btn.btn-dark-disabled:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #23272b;
    opacity: 0.6;
}
.ant-btn.btn-dark-disabled:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #23272b;
    opacity: 0.6;
}
.ant-btn.btn-primary-outline {
    color: #ffffff;
    background-color: #0866c6;
    border-color: #0866c6;
}
.ant-btn.btn-primary-outline:hover {
    color: #0866c6;
    background-color: #ffffff;
    border-color: #0866c6;
}
.ant-btn.btn-primary-outline:focus {
    color: #0866c6;
    background-color: #ffffff;
    border-color: #0866c6;
}
.ant-btn.btn-primary-outline-active {
    color: #0866c6;
    background-color: #ffffff;
    border-color: #0866c6;
}
.ant-btn.btn-primary-outline-active:hover {
    color: #0866c6;
    background-color: #ffffff;
    border-color: #0866c6;
}
.ant-btn.btn-primary-outline-active:focus {
    color: #0866c6;
    background-color: #ffffff;
    border-color: #0866c6;
}
.ant-btn.btn-primary-outline-disabled {
    color: #ffffff;
    background-color: #0866c6;
    border-color: #0866c6;
    opacity: 0.6;
}
.ant-btn.btn-primary-outline-disabled:hover {
    color: #0866c6;
    background-color: #ffffff;
    border-color: #0866c6;
    opacity: 0.6;
}
.ant-btn.btn-primary-outline-disabled:focus {
    color: #0866c6;
    background-color: #ffffff;
    border-color: #0866c6;
    opacity: 0.6;
}
.ant-btn.btn-secondary-outline {
    color: #ffffff;
    background-color: #868e96;
    border-color: #868e96;
}
.ant-btn.btn-secondary-outline:hover {
    color: #868e96;
    background-color: #ffffff;
    border-color: #868e96;
}
.ant-btn.btn-secondary-outline:focus {
    color: #868e96;
    background-color: #ffffff;
    border-color: #868e96;
}
.ant-btn.btn-secondary-outline-active {
    color: #868e96;
    background-color: #ffffff;
    border-color: #868e96;
}
.ant-btn.btn-secondary-outline-active:hover {
    color: #868e96;
    background-color: #ffffff;
    border-color: #868e96;
}
.ant-btn.btn-secondary-outline-active:focus {
    color: #868e96;
    background-color: #ffffff;
    border-color: #868e96;
}
.ant-btn.btn-secondary-outline-disabled {
    color: #ffffff;
    background-color: #868e96;
    border-color: #868e96;
    opacity: 0.6;
}
.ant-btn.btn-secondary-outline-disabled:hover {
    color: #868e96;
    background-color: #ffffff;
    border-color: #868e96;
    opacity: 0.6;
}
.ant-btn.btn-secondary-outline-disabled:focus {
    color: #868e96;
    background-color: #ffffff;
    border-color: #868e96;
    opacity: 0.6;
}
.ant-btn.btn-success-outline {
    color: #ffffff;
    background-color: #23bf08;
    border-color: #23bf08;
}
.ant-btn.btn-success-outline:hover {
    color: #23bf08;
    background-color: #ffffff;
    border-color: #23bf08;
}
.ant-btn.btn-success-outline:focus {
    color: #23bf08;
    background-color: #ffffff;
    border-color: #23bf08;
}
.ant-btn.btn-success-outline-active {
    color: #23bf08;
    background-color: #ffffff;
    border-color: #23bf08;
}
.ant-btn.btn-success-outline-active:hover {
    color: #23bf08;
    background-color: #ffffff;
    border-color: #23bf08;
}
.ant-btn.btn-success-outline-active:focus {
    color: #23bf08;
    background-color: #ffffff;
    border-color: #23bf08;
}
.ant-btn.btn-success-outline-disabled {
    color: #ffffff;
    background-color: #23bf08;
    border-color: #23bf08;
    opacity: 0.6;
}
.ant-btn.btn-success-outline-disabled:hover {
    color: #23bf08;
    background-color: #ffffff;
    border-color: #23bf08;
    opacity: 0.6;
}
.ant-btn.btn-success-outline-disabled:focus {
    color: #23bf08;
    background-color: #ffffff;
    border-color: #23bf08;
    opacity: 0.6;
}
.ant-btn.btn-warning-outline {
    color: #ffffff;
    background-color: #f49917;
    border-color: #f49917;
}
.ant-btn.btn-warning-outline:hover {
    color: #f49917;
    background-color: #ffffff;
    border-color: #f49917;
}
.ant-btn.btn-warning-outline:focus {
    color: #f49917;
    background-color: #ffffff;
    border-color: #f49917;
}
.ant-btn.btn-warning-outline-active {
    color: #f49917;
    background-color: #ffffff;
    border-color: #f49917;
}
.ant-btn.btn-warning-outline-active:hover {
    color: #f49917;
    background-color: #ffffff;
    border-color: #f49917;
}
.ant-btn.btn-warning-outline-active:focus {
    color: #f49917;
    background-color: #ffffff;
    border-color: #f49917;
}
.ant-btn.btn-warning-outline-disabled {
    color: #ffffff;
    background-color: #f49917;
    border-color: #f49917;
    opacity: 0.6;
}
.ant-btn.btn-warning-outline-disabled:hover {
    color: #f49917;
    background-color: #ffffff;
    border-color: #f49917;
    opacity: 0.6;
}
.ant-btn.btn-warning-outline-disabled:focus {
    color: #f49917;
    background-color: #ffffff;
    border-color: #f49917;
    opacity: 0.6;
}
.ant-btn.btn-danger-outline {
    color: #ffffff;
    background-color: #930502;
    border-color: #930502;
}
.ant-btn.btn-danger-outline:hover {
    color: #930502;
    background-color: #ffffff;
    border-color: #930502;
}
.ant-btn.btn-danger-outline:focus {
    color: #930502;
    background-color: #ffffff;
    border-color: #930502;
}
.ant-btn.btn-danger-outline-active {
    color: #930502;
    background-color: #ffffff;
    border-color: #930502;
}
.ant-btn.btn-danger-outline-active:hover {
    color: #930502;
    background-color: #ffffff;
    border-color: #930502;
}
.ant-btn.btn-danger-outline-active:focus {
    color: #930502;
    background-color: #ffffff;
    border-color: #930502;
}
.ant-btn.btn-danger-outline-disabled {
    color: #ffffff;
    background-color: #930502;
    border-color: #930502;
    opacity: 0.6;
}
.ant-btn.btn-danger-outline-disabled:hover {
    color: #930502;
    background-color: #ffffff;
    border-color: #930502;
    opacity: 0.6;
}
.ant-btn.btn-danger-outline-disabled:focus {
    color: #930502;
    background-color: #ffffff;
    border-color: #930502;
    opacity: 0.6;
}
.ant-btn.btn-info-outline {
    color: #ffffff;
    background-color: #5b93d3;
    border-color: #5b93d3;
}
.ant-btn.btn-info-outline:hover {
    color: #5b93d3;
    background-color: #ffffff;
    border-color: #5b93d3;
}
.ant-btn.btn-info-outline:focus {
    color: #5b93d3;
    background-color: #ffffff;
    border-color: #5b93d3;
}
.ant-btn.btn-info-outline-active {
    color: #5b93d3;
    background-color: #ffffff;
    border-color: #5b93d3;
}
.ant-btn.btn-info-outline-active:hover {
    color: #5b93d3;
    background-color: #ffffff;
    border-color: #5b93d3;
}
.ant-btn.btn-info-outline-active:focus {
    color: #5b93d3;
    background-color: #ffffff;
    border-color: #5b93d3;
}
.ant-btn.btn-info-outline-disabled {
    color: #ffffff;
    background-color: #5b93d3;
    border-color: #5b93d3;
    opacity: 0.6;
}
.ant-btn.btn-info-outline-disabled:hover {
    color: #5b93d3;
    background-color: #ffffff;
    border-color: #5b93d3;
    opacity: 0.6;
}
.ant-btn.btn-info-outline-disabled:focus {
    color: #5b93d3;
    background-color: #ffffff;
    border-color: #5b93d3;
    opacity: 0.6;
}
.ant-btn.btn-indigo-outline {
    color: #ffffff;
    background-color: #6610f2;
    border-color: #6610f2;
}
.ant-btn.btn-indigo-outline:hover {
    color: #6610f2;
    background-color: #ffffff;
    border-color: #6610f2;
}
.ant-btn.btn-indigo-outline:focus {
    color: #6610f2;
    background-color: #ffffff;
    border-color: #6610f2;
}
.ant-btn.btn-indigo-outline-active {
    color: #6610f2;
    background-color: #ffffff;
    border-color: #6610f2;
}
.ant-btn.btn-indigo-outline-active:hover {
    color: #6610f2;
    background-color: #ffffff;
    border-color: #6610f2;
}
.ant-btn.btn-indigo-outline-active:focus {
    color: #6610f2;
    background-color: #ffffff;
    border-color: #6610f2;
}
.ant-btn.btn-indigo-outline-disabled {
    color: #ffffff;
    background-color: #6610f2;
    border-color: #6610f2;
    opacity: 0.6;
}
.ant-btn.btn-indigo-outline-disabled:hover {
    color: #6610f2;
    background-color: #ffffff;
    border-color: #6610f2;
    opacity: 0.6;
}
.ant-btn.btn-indigo-outline-disabled:focus {
    color: #6610f2;
    background-color: #ffffff;
    border-color: #6610f2;
    opacity: 0.6;
}
.ant-btn.btn-purple-outline {
    color: #ffffff;
    background-color: #6f42c1;
    border-color: #6f42c1;
}
.ant-btn.btn-purple-outline:hover {
    color: #6f42c1;
    background-color: #ffffff;
    border-color: #6f42c1;
}
.ant-btn.btn-purple-outline:focus {
    color: #6f42c1;
    background-color: #ffffff;
    border-color: #6f42c1;
}
.ant-btn.btn-purple-outline-active {
    color: #6f42c1;
    background-color: #ffffff;
    border-color: #6f42c1;
}
.ant-btn.btn-purple-outline-active:hover {
    color: #6f42c1;
    background-color: #ffffff;
    border-color: #6f42c1;
}
.ant-btn.btn-purple-outline-active:focus {
    color: #6f42c1;
    background-color: #ffffff;
    border-color: #6f42c1;
}
.ant-btn.btn-purple-outline-disabled {
    color: #ffffff;
    background-color: #6f42c1;
    border-color: #6f42c1;
    opacity: 0.6;
}
.ant-btn.btn-purple-outline-disabled:hover {
    color: #6f42c1;
    background-color: #ffffff;
    border-color: #6f42c1;
    opacity: 0.6;
}
.ant-btn.btn-purple-outline-disabled:focus {
    color: #6f42c1;
    background-color: #ffffff;
    border-color: #6f42c1;
    opacity: 0.6;
}
.ant-btn.btn-pink-outline {
    color: #ffffff;
    background-color: #e83e8c;
    border-color: #e83e8c;
}
.ant-btn.btn-pink-outline:hover {
    color: #e83e8c;
    background-color: #ffffff;
    border-color: #e83e8c;
}
.ant-btn.btn-pink-outline:focus {
    color: #e83e8c;
    background-color: #ffffff;
    border-color: #e83e8c;
}
.ant-btn.btn-pink-outline-active {
    color: #e83e8c;
    background-color: #ffffff;
    border-color: #e83e8c;
}
.ant-btn.btn-pink-outline-active:hover {
    color: #e83e8c;
    background-color: #ffffff;
    border-color: #e83e8c;
}
.ant-btn.btn-pink-outline-active:focus {
    color: #e83e8c;
    background-color: #ffffff;
    border-color: #e83e8c;
}
.ant-btn.btn-pink-outline-disabled {
    color: #ffffff;
    background-color: #e83e8c;
    border-color: #e83e8c;
    opacity: 0.6;
}
.ant-btn.btn-pink-outline-disabled:hover {
    color: #e83e8c;
    background-color: #ffffff;
    border-color: #e83e8c;
    opacity: 0.6;
}
.ant-btn.btn-pink-outline-disabled:focus {
    color: #e83e8c;
    background-color: #ffffff;
    border-color: #e83e8c;
    opacity: 0.6;
}
.ant-btn.btn-teal-outline {
    color: #ffffff;
    background-color: #1caf9a;
    border-color: #1caf9a;
}
.ant-btn.btn-teal-outline:hover {
    color: #1caf9a;
    background-color: #ffffff;
    border-color: #1caf9a;
}
.ant-btn.btn-teal-outline:focus {
    color: #1caf9a;
    background-color: #ffffff;
    border-color: #1caf9a;
}
.ant-btn.btn-teal-outline-active {
    color: #1caf9a;
    background-color: #ffffff;
    border-color: #1caf9a;
}
.ant-btn.btn-teal-outline-active:hover {
    color: #1caf9a;
    background-color: #ffffff;
    border-color: #1caf9a;
}
.ant-btn.btn-teal-outline-active:focus {
    color: #1caf9a;
    background-color: #ffffff;
    border-color: #1caf9a;
}
.ant-btn.btn-teal-outline-disabled {
    color: #ffffff;
    background-color: #1caf9a;
    border-color: #1caf9a;
    opacity: 0.6;
}
.ant-btn.btn-teal-outline-disabled:hover {
    color: #1caf9a;
    background-color: #ffffff;
    border-color: #1caf9a;
    opacity: 0.6;
}
.ant-btn.btn-teal-outline-disabled:focus {
    color: #1caf9a;
    background-color: #ffffff;
    border-color: #1caf9a;
    opacity: 0.6;
}
.ant-btn.btn-dark-outline {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}
.ant-btn.btn-dark-outline:hover {
    color: #000000;
    background-color: #ffffff;
    border-color: #000000;
}
.ant-btn.btn-dark-outline:focus {
    color: #000000;
    background-color: #ffffff;
    border-color: #000000;
}
.ant-btn.btn-dark-outline-active {
    color: #000000;
    background-color: #ffffff;
    border-color: #000000;
}
.ant-btn.btn-dark-outline-active:hover {
    color: #000000;
    background-color: #ffffff;
    border-color: #000000;
}
.ant-btn.btn-dark-outline-active:focus {
    color: #000000;
    background-color: #ffffff;
    border-color: #000000;
}
.ant-btn.btn-dark-outline-disabled {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
    opacity: 0.6;
}
.ant-btn.btn-dark-outline-disabled:hover {
    color: #000000;
    background-color: #ffffff;
    border-color: #000000;
    opacity: 0.6;
}
.ant-btn.btn-dark-outline-disabled:focus {
    color: #000000;
    background-color: #ffffff;
    border-color: #000000;
    opacity: 0.6;
}
.ant-btn.ant-btn-link.btn-main-primary {
    color: var(--yellow);
    background-color: transparent;
    border: 0px;
}
.ant-btn.ant-btn-link.btn-main-primary:hover {
    color: var(--yellow);
    background-color: transparent;
    border: 0px;
}
.ant-btn.ant-btn-link.btn-main-primary:focus {
    color: var(--yellow);
    background-color: transparent;
    border: 0px;
}
.ant-btn.ant-btn-link.btn-delete {
    color: #e4151f !important;
    background-color: transparent;
    border: 0px;
}
.ant-btn.ant-btn-link.btn-delete:hover {
    color: #e4151f !important;
    background-color: transparent;
    border: 0px;
}
.ant-btn.ant-btn-link.btn-delete:focus {
    color: #e4151f !important;
    background-color: transparent;
    border: 0px;
}
.ant-btn.ant-btn-link.btn-secondary {
    color: #868e96 !important;
    background-color: transparent;
    border: 0px;
}
.ant-btn.ant-btn-link.btn-secondary:hover {
    color: #868e96 !important;
    background-color: transparent;
    border: 0px;
}
.ant-btn.ant-btn-link.btn-secondary:focus {
    color: #868e96 !important;
    background-color: transparent;
    border: 0px;
}
.ant-btn.ant-btn-link.btn-disabled {
    color: #212529;
}
.ant-btn.ant-btn-link.btn-disabled:hover {
    color: #212529;
}
.ant-btn.ant-btn-link.btn-disabled:focus {
    color: #212529;
}
.ant-btn.ant-btn-link.btn-info {
    color: #5b93d3 !important;
    background-color: transparent;
    border: 0px;
}
.ant-btn.ant-btn-link.btn-info:hover {
    color: #5b93d3 !important;
    background-color: transparent;
    border: 0px;
}
.ant-btn.ant-btn-link.btn-info:focus {
    color: #5b93d3 !important;
    background-color: transparent;
    border: 0px;
}
.ant-btn.ant-btn-link.btn-primary {
    color: #ffffff;
    background-color: transparent;
    border-color: #0866c6;
}
.ant-btn.ant-btn-link.btn-primary:hover {
    color: #ffffff;
    background-color: transparent;
    border-color: #0753a1;
}
.ant-btn.ant-btn-link.btn-primary:focus {
    color: #ffffff;
    background-color: transparent;
    border-color: #0753a1;
}
.ant-btn.ant-btn-link.btn-success {
    color: #ffffff;
    background-color: transparent;
    border-color: #23bf08;
}
.ant-btn.ant-btn-link.btn-success:hover {
    color: #ffffff;
    background-color: transparent;
    border-color: #1c9a06;
}
.ant-btn.ant-btn-link.btn-success:focus {
    color: #ffffff;
    background-color: transparent;
    border-color: #1c9a06;
}
.ant-btn.ant-btn-dashed.btn-main-primary {
    color: var(--yellow);
    background-color: transparent;
    border-color: transparent;
}
.ant-btn.ant-btn-dashed.btn-main-primary:hover {
    color: var(--yellow);
    background-color: transparent;
    border-color: var(--yellow);
}
.ant-btn.ant-btn-dashed.btn-main-primary:focus {
    color: var(--yellow);
    background-color: transparent;
    border-color: var(--yellow);
}
.ant-btn.ant-btn-dashed.btn-delete {
    color: #e4151f !important;
}
.ant-btn.ant-btn-dashed.btn-delete:hover {
    color: #e4151f !important;
    border-color: #e4151f !important;
}
.ant-btn.ant-btn-dashed.btn-delete:focus {
    color: #e4151f !important;
    border-color: #e4151f !important;
}
.ant-btn.ant-btn-dashed.btn-secondary {
    color: #868e96 !important;
    background-color: transparent;
}
.ant-btn.ant-btn-dashed.btn-secondary:hover {
    color: #868e96 !important;
    background-color: transparent;
    border-color: #868e96 !important;
}
.ant-btn.ant-btn-dashed.btn-secondary:focus {
    color: #868e96 !important;
    background-color: transparent;
    border-color: #868e96 !important;
}

.bug-request-btn {
    font-size: 12px;
    padding: 6.4px 10px;
}
@media (min-width: 375px) {
    .bug-request-btn {
        font-size: 14px;
        padding: 6.4px 15px;
    }
}
@media (min-width: 425px) {
    .bug-request-btn {
        font-size: 16px;
    }
}

.status-btn {
    display: flex;
    gap: 12px;
}

.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
    color: rgba(0, 0, 0, 0.25) !important;
    border-color: #d9d9d9 !important;
    background: #f5f5f5 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.ant-radio.ant-radio-disabled .ant-radio-inner {
    border-color: #d9d9d9 !important;
}

.ant-radio-disabled .ant-radio-inner {
    background-color: #f5f5f5 !important;
    cursor: not-allowed !important;
}

.ant-radio-disabled + span {
    color: rgba(0, 0, 0, 0.25) !important;
    cursor: not-allowed !important;
}

@media (max-width: 767px) {
    .mobile-view-right {
        float: right;
    }
}
.default-btn {
    font-size: 16px !important;
    height: auto !important;
}

@media (max-width: 575px) {
    .full-space {
        width: 100%;
        flex-wrap: wrap;
    }
    .full-space .ant-space-item {
        width: 100%;
    }
    .full-btn {
        width: 100%;
    }
}
.primary-button .ant-btn-primary {
    color: #ffffff;
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.primary-button .ant-btn-primary:hover {
    color: #ffffff;
    border-color: var(--yellow);
    background: var(--yellow);
}
.primary-button .ant-btn-primary:focus {
    color: var(--yellow);
    background-color: #ffffff;
    border-color: var(--yellow);
}

#PageVideosAndArticles
    .ant-btn-compact-item.ant-btn-primary:not([disabled])
    + .ant-btn-compact-item.ant-btn-primary:not([disabled])::after {
    background-color: white;
}

.add-task-category-btn {
    display: flex;
    float: none;
    align-items: center;
    flex-direction: row-reverse;
    gap: 8px;
    padding: 6.4px 12px 6.4px 15px;
    margin-bottom: 23px;
}
@media (min-width: 768px) {
    .add-task-category-btn {
        margin-bottom: 0;
    }
}
@media (min-width: 1440px) {
    .add-task-category-btn {
        float: right;
    }
}

.ant-radio-group.ant-radio-group-large .ant-radio-button-wrapper {
    height: 45px;
    line-height: 43px;
}
.ant-radio-group.flex {
    display: flex;
    width: 100%;
}
.ant-radio-group.flex.wrap {
    flex-wrap: wrap;
}
.ant-radio-group.flex.nowrap {
    flex-wrap: nowrap;
}
@media (max-width: 575px) {
    .ant-radio-group.flex {
        gap: 8px;
    }
}
.ant-radio-group .ant-radio-button-wrapper {
    width: 50%;
    text-align: center;
}
.ant-radio-group .ant-radio-button-wrapper:first-child {
    border-radius: 0px;
}
.ant-radio-group .ant-radio-button-wrapper:last-child {
    border-radius: 0px;
}
@media (max-width: 575px) {
    .ant-radio-group .ant-radio-button-wrapper {
        width: 100% !important;
    }
}
.ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
    color: var(--yellow);
    border-color: var(--yellow);
}
.ant-radio-group .ant-radio-button-wrapper:hover {
    color: var(--yellow);
}

.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
    border-color: var(--yellow);
    background-color: var(--yellow);
}

.ant-radio-wrapper:hover .ant-radio-wrapper,
.ant-radio-wrapper:hover .ant-radio-inner {
    border-color: var(--yellow);
}

.ant-switch.switch-main-primary.ant-switch-checked {
    background-color: #129d00;
}

.ant-collapse {
    border: 0px !important;
    background-color: transparent !important;
    border-radius: 0px !important;
}
.ant-collapse .ant-collapse-item {
    border: 0px !important;
    border-radius: 5px !important;
}
.ant-collapse .ant-collapse-item:not(:first-child) {
    margin-top: 20px;
}
.ant-collapse .ant-collapse-item .ant-collapse-header {
    border-radius: 5px !important;
    border: 0px !important;
}
.ant-collapse
    .ant-collapse-item
    .ant-collapse-header
    .ant-collapse-expand-icon
    svg {
    font-size: 18px;
}
.ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.ant-collapse .ant-collapse-item .ant-collapse-content {
    border: 1px solid #d9d9d9;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.ant-collapse.collapse-default .ant-collapse-item {
    border: 1px solid #cccccc !important;
}
.ant-collapse.collapse-default .ant-collapse-item .ant-collapse-header {
    background-color: #f1f3f2;
    color: #000000;
}
.ant-collapse.collapse-default
    .ant-collapse-item
    .ant-collapse-header
    .ant-collapse-expand-icon {
    color: var(--yellow);
}
.ant-collapse.collapse-default .ant-collapse-item .ant-collapse-content {
    border: 0px;
}
.ant-collapse.collapse-main-primary .ant-collapse-item .ant-collapse-header {
    background-color: var(--yellow);
    color: #ffffff;
}

.ant-collapse.collapse-default .ant-collapse-header {
    padding: 12px 10px;
}
@media (min-width: 375px) {
    .ant-collapse.collapse-default .ant-collapse-header {
        padding: 12px 20px;
    }
}
.ant-collapse.collapse-default .ant-collapse-content-box {
    padding: 24px 10px;
}
@media (min-width: 375px) {
    .ant-collapse.collapse-default .ant-collapse-content-box {
        padding: 24px 24px;
    }
}
.ant-collapse.collapse-default.collapse-no-padding-bottom
    .ant-collapse-content-box {
    padding: 24px 10px 0 10px;
}
@media (min-width: 375px) {
    .ant-collapse.collapse-default.collapse-no-padding-bottom
        .ant-collapse-content-box {
        padding: 24px 24px 0 24px;
    }
}

.ant-card {
    border-radius: 5px !important;
}
.ant-card.ant-card-bordered {
    border: 1px solid #cccccc;
}
.ant-card .ant-card-head {
    background-color: #f1f3f2;
    border-bottom: transparent;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    padding: 0 10px;
}
@media (min-width: 375px) {
    .ant-card .ant-card-head {
        padding: 0 24px;
    }
}
.ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
    color: #4c4e4d;
}
.ant-card .ant-card-body {
    border-radius: 0px;
    padding: 24px 10px 0 10px;
}
@media (min-width: 375px) {
    .ant-card .ant-card-body {
        padding: 24px 24px 0 24px;
    }
}
.ant-card.card-with-padding-bottom > .ant-card-body {
    padding: 24px 10px 24px 10px;
}
@media (min-width: 375px) {
    .ant-card.card-with-padding-bottom > .ant-card-body {
        padding: 24px 24px 24px 24px;
    }
}

.row-col-padding-15 .ant-col {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.tbl-top-filter,
.tbl-bottom-filter {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 575px) {
    .tbl-top-filter {
        flex-direction: column;
        gap: 12px;
    }
}
.tbl-top-filter .tbl-page-size {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-end;
}
.tbl-top-filter .tbl-page-size .ant-select .ant-select-selector {
    border-radius: 0px;
}
.tbl-top-filter
    .tbl-page-size
    .ant-select:not(.ant-select-customize-input)
    .ant-select-selector {
    border: 1px solid var(--yellow);
}
.tbl-top-filter .tbl-page-size .ant-typography {
    font-size: 16px;
}
.tbl-top-filter .tbl-search-wrapper {
    width: 300px;
}
@media (max-width: 767px) {
    .tbl-top-filter .tbl-search-wrapper {
        width: 100%;
    }
}
.tbl-top-filter .tbl-search-wrapper .ant-input-group-wrapper .ant-input {
    border-radius: 0px;
}
.tbl-top-filter
    .tbl-search-wrapper
    .ant-input-group-wrapper
    .ant-input.ant-input-lg {
    height: 45px;
}
.tbl-top-filter
    .tbl-search-wrapper
    .ant-input-group-wrapper
    .ant-input-group-addon
    .ant-btn.ant-btn-lg.ant-btn-icon-only.ant-input-search-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tbl-bottom-filter {
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .tbl-bottom-filter {
        flex-direction: column;
        gap: 12px;
    }
}
.tbl-bottom-filter .ant-typography {
    font-size: 16px;
}

.ant-select-table-pagesize .ant-select-selector {
    border-radius: 4px !important;
}

.ant-pagination {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
}
.ant-pagination.table-pagination {
    margin-right: -5px;
}
@media (max-width: 767px) {
    .ant-pagination.table-pagination {
        width: 100%;
        display: flex;
    }
}
.ant-pagination.table-pagination .ant-pagination-item {
    border-radius: 4px;
    border-color: #d9d9d9;
}
.ant-pagination.table-pagination
    .ant-pagination-item.ant-pagination-item-active {
    background-color: transparent;
    border-color: var(--yellow);
}
.ant-pagination.table-pagination
    .ant-pagination-item.ant-pagination-item-active
    a {
    color: var(--yellow);
}
.ant-pagination.table-pagination .ant-pagination-item a {
    color: rgba(0, 0, 0, 0.85);
}

.table-showing-entries {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.table-showing-entries .wrapper b {
    font-weight: 600;
}

.ant-table-wrapper
    .ant-table-container
    table
    > thead
    > tr:first-child
    > *:first-child {
    border-radius: 0px;
}

.ant-table-wrapper
    .ant-table-container
    table
    > thead
    > tr:first-child
    > *:last-child {
    border-radius: 0px;
}

.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header.ant-table-sticky-holder {
    z-index: 3;
    overflow: auto hidden !important;
    scrollbar-width: thin;
    scrollbar-color: #8c53fb #eeeeee;
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header.ant-table-sticky-holder::-webkit-scrollbar {
    width: 0;
    height: 10px;
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header.ant-table-sticky-holder::-webkit-scrollbar-track {
    background-color: #efefef;
    border: 1px solid #e1e1e1;
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header.ant-table-sticky-holder::-webkit-scrollbar-thumb {
    background-color: #8c53fb;
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header.ant-table-sticky-holder::-webkit-scrollbar-track,
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header.ant-table-sticky-holder::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header
    table
    thead.ant-table-thead
    tr
    th.ant-table-cell {
    font-weight: 600;
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header
    table
    thead.ant-table-thead
    tr
    th.ant-table-cell
    .ant-table-column-sorters {
    justify-content: flex-end;
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header
    table
    thead.ant-table-thead
    tr
    th.ant-table-cell
    .ant-table-column-sorters
    .ant-table-column-title {
    flex: none;
    margin-left: 5px;
    font-weight: 600;
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header
    table
    thead.ant-table-thead
    tr
    th.ant-table-cell
    .ant-table-column-sorters
    .ant-table-column-sorter
    .ant-table-column-sorter-inner
    .anticon {
    font-size: 14px;
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header
    table
    thead.ant-table-thead
    tr
    th.ant-table-cell
    .ant-table-column-sorters
    .ant-table-column-sorter
    .ant-table-column-sorter-inner
    .anticon.anticon-caret-down.ant-table-column-sorter-down {
    margin-top: -0.43em;
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header
    table
    thead.ant-table-thead
    tr
    th.ant-table-cell
    .ant-table-selection
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #000000;
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header
    table
    thead.ant-table-thead
    tr
    th.ant-table-cell
    .ant-table-selection
    .ant-checkbox-wrapper
    .ant-checkbox.ant-checkbox-indeterminate
    .ant-checkbox-inner::after {
    background-color: var(--yellow);
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header
    table
    thead.ant-table-thead
    tr
    th.ant-table-cell
    .ant-table-selection
    .ant-checkbox-wrapper:hover
    .ant-checkbox.ant-checkbox-checked
    .ant-checkbox-inner,
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header
    table
    thead.ant-table-thead
    tr
    th.ant-table-cell
    .ant-table-selection
    .ant-checkbox-wrapper.ant-checkbox-wrapper-checked
    .ant-checkbox.ant-checkbox-checked
    .ant-checkbox-inner {
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header
    table
    thead.ant-table-thead
    tr
    th.ant-table-cell
    .ant-table-selection
    .ant-checkbox-wrapper:hover
    .ant-checkbox.ant-checkbox-checked
    .ant-checkbox-inner::after,
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header
    table
    thead.ant-table-thead
    tr
    th.ant-table-cell
    .ant-table-selection
    .ant-checkbox-wrapper.ant-checkbox-wrapper-checked
    .ant-checkbox.ant-checkbox-checked
    .ant-checkbox-inner::after {
    left: 20%;
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-body
    table
    tbody.ant-table-tbody
    tr.ant-table-row
    td.ant-table-cell {
    vertical-align: baseline;
    color: #696969;
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-body
    table
    tbody.ant-table-tbody
    tr.ant-table-row
    td.ant-table-cell
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid var(--yellow);
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-body
    table
    tbody.ant-table-tbody
    tr.ant-table-row
    td.ant-table-cell
    .ant-checkbox-wrapper.ant-checkbox-wrapper-checked
    .ant-checkbox.ant-checkbox-checked
    .ant-checkbox-inner {
    background-color: var(--yellow);
}
.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-body
    table
    tbody.ant-table-tbody
    tr.ant-table-row
    td.ant-table-cell
    .ant-checkbox-wrapper.ant-checkbox-wrapper-checked
    .ant-checkbox.ant-checkbox-checked
    .ant-checkbox-inner::after {
    left: 20%;
}
.ant-table-wrapper.ant-table-default {
    border: 1px solid #d5d5d5;
}
.ant-table-wrapper.ant-table-default
    .ant-table
    .ant-table-container
    .ant-table-header.ant-table-sticky-holder
    table
    thead.ant-table-thead
    tr
    th {
    padding-top: 10px;
    padding-bottom: 10px;
}
.ant-table-wrapper.ant-table-default
    .ant-table
    .ant-table-container
    .ant-table-header.ant-table-sticky-holder
    table
    thead.ant-table-thead
    tr
    th::before {
    background-color: transparent;
}
.ant-table-wrapper.ant-table-striped .ant-table-tbody > tr:nth-child(odd) > td {
    background: #fafafa !important;
}

.ant-table-column-sorters {
    flex-direction: row-reverse;
}
.ant-table-column-sorters .ant-table-column-title {
    margin-left: 9px;
}
.ant-table-column-sorters
    .ant-table-column-sorter
    .ant-table-column-sorter-inner
    .anticon {
    font-size: 13px;
    color: #c1c1c1;
}
.ant-table-column-sorters
    .ant-table-column-sorter
    .ant-table-column-sorter-inner
    .anticon.active {
    color: #000000;
}

.ant-table-body {
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #8c53fb #eeeeee;
}
.ant-table-body::-webkit-scrollbar {
    width: 0;
    height: 10px;
}
.ant-table-body::-webkit-scrollbar-track {
    background-color: #efefef;
    border: 1px solid #e1e1e1;
}
.ant-table-body::-webkit-scrollbar-thumb {
    background-color: #8c53fb;
}
.ant-table-body::-webkit-scrollbar-track,
.ant-table-body::-webkit-scrollbar-thumb {
    border-radius: 5px;
}

.tbl-scroll-wrapper {
    width: 100%;
    border: none;
    overflow-x: auto;
    overflow-y: hidden;
    height: 20px;
    position: relative;
    z-index: 10;
    top: 46px;
    scrollbar-width: thin;
    scrollbar-color: #8c53fb #eeeeee;
}
.tbl-scroll-wrapper::-webkit-scrollbar {
    width: 0;
    height: 10px;
}
.tbl-scroll-wrapper::-webkit-scrollbar-track {
    background-color: #efefef;
    border: 1px solid #e1e1e1;
}
.tbl-scroll-wrapper::-webkit-scrollbar-thumb {
    background-color: #8c53fb;
}
.tbl-scroll-wrapper::-webkit-scrollbar-track,
.tbl-scroll-wrapper::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
.tbl-scroll-wrapper.isOnTop {
    position: sticky !important;
    top: 24px !important;
}
.tbl-scroll-wrapper .space {
    height: 20px;
}

.ant-table-sticky-scroll {
    display: none !important;
}

.tbl-btn-add {
    width: 300px;
}

.table-global-search {
    width: 300px;
}
.table-global-search .ant-input-affix-wrapper {
    border-radius: 5px;
}

.table-pagination-wrapper {
    text-align: right;
    padding-right: 0px !important;
}

.ant-table-tbody > tr.ant-table-row-selected > td,
.ant-table-tbody > tr.ant-table-row-selected:hover > td,
td.ant-table-column-sort {
    background: transparent;
}

.tbl-page-size {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-end;
}
.tbl-page-size .ant-select .ant-select-selector {
    border-radius: 0px;
}
.tbl-page-size
    .ant-select:not(.ant-select-customize-input)
    .ant-select-selector {
    border: 1px solid var(--yellow);
}
.tbl-page-size .ant-select .ant-select-arrow {
    color: var(--yellow);
}
.tbl-page-size
    .ant-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(
        .ant-select-customize-input
    )
    .ant-select-selector {
    box-shadow: none;
}
.tbl-page-size .ant-typography {
    font-size: 16px;
}

.ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-header.ant-table-sticky-holder::-webkit-scrollbar-thumb {
    background-color: var(--yellow);
}

.ant-table-body::-webkit-scrollbar-thumb {
    background-color: var(--yellow);
}

.ant-modal-root .ant-modal-mask {
    background-color: rgba(0, 0, 0, 0.8);
}
.ant-modal-root .ant-modal-wrap .ant-modal {
    padding-bottom: 0px;
}
.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content {
    border-radius: 7px;
    padding: 0px;
}
.ant-modal-root
    .ant-modal-wrap
    .ant-modal
    .ant-modal-content
    .ant-modal-close
    .ant-modal-close-x {
    color: #fff;
}
.ant-modal-root
    .ant-modal-wrap
    .ant-modal
    .ant-modal-content
    .ant-modal-header {
    margin-bottom: 0px;
    padding: 15px 20px;
    background-color: var(--yellow);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.ant-modal-root
    .ant-modal-wrap
    .ant-modal
    .ant-modal-content
    .ant-modal-header
    .ant-modal-title {
    color: #fff;
}
.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-body {
    padding: 20px;
}
.ant-modal-root
    .ant-modal-wrap
    .ant-modal
    .ant-modal-content
    .ant-modal-footer {
    padding: 20px;
}
.ant-modal-root
    .ant-modal-wrap
    .ant-modal
    .ant-modal-content
    .ant-modal-footer
    .ant-btn.ant-btn-primary {
    color: #ffffff;
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.ant-modal-root
    .ant-modal-wrap
    .ant-modal
    .ant-modal-content
    .ant-modal-footer
    .ant-btn.ant-btn-primary:hover {
    color: var(--yellow);
    background-color: #ffffff;
    border-color: var(--yellow);
}
.ant-modal-root
    .ant-modal-wrap
    .ant-modal
    .ant-modal-content
    .ant-modal-footer
    .ant-btn.ant-btn-primary:focus {
    color: var(--yellow);
    background-color: #ffffff;
    border-color: var(--yellow);
}
.ant-modal-root
    .ant-modal-wrap
    .ant-modal
    .ant-modal-content
    .ant-modal-footer
    .ant-btn.ant-btn-default {
    color: var(--yellow);
    background-color: #ffffff;
    border-color: var(--yellow);
}
.ant-modal-root
    .ant-modal-wrap
    .ant-modal
    .ant-modal-content
    .ant-modal-footer
    .ant-btn.ant-btn-default:hover {
    border-color: var(--yellow);
}
.ant-modal-root
    .ant-modal-wrap
    .ant-modal
    .ant-modal-content
    .ant-modal-footer
    .ant-btn.ant-btn-default:focus {
    color: #ffffff;
    background-color: var(--yellow);
    border-color: var(--yellow);
}

.ant-popover.ant-popconfirm
    .ant-popover-content
    .ant-popover-arrow
    .ant-popover-arrow-content::before {
    background: rgba(0, 0, 0, 0.75);
}
.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner {
    background: rgba(0, 0, 0, 0.75);
}
.ant-popover.ant-popconfirm
    .ant-popover-content
    .ant-popover-inner
    .ant-popover-inner-content {
    padding: 10px;
}
.ant-popover.ant-popconfirm
    .ant-popover-content
    .ant-popover-inner
    .ant-popover-inner-content
    .ant-popover-message {
    padding: 0px 0 10px;
    color: #fff;
}
.ant-popover.ant-popconfirm
    .ant-popover-content
    .ant-popover-inner
    .ant-popover-inner-content
    .ant-popover-message
    .ant-popover-message-icon {
    color: var(--yellow);
}
.ant-popover.ant-popconfirm
    .ant-popover-content
    .ant-popover-inner
    .ant-popover-inner-content
    .ant-popover-buttons {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 8px;
}
.ant-popover.ant-popconfirm
    .ant-popover-content
    .ant-popover-inner
    .ant-popover-inner-content
    .ant-popover-buttons
    .ant-btn.ant-btn-primary {
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.ant-popover.ant-popconfirm
    .ant-popover-content
    .ant-popover-inner
    .ant-popover-inner-content
    .ant-popover-buttons
    .ant-btn.ant-btn-default {
    color: var(--yellow);
    border-color: var(--yellow);
}

.ant-notification .ant-notification-notice {
    border-radius: 0px;
    margin-bottom: 0px;
    background: rgba(0, 0, 0, 0.75);
}
.ant-notification
    .ant-notification-notice
    .ant-notification-notice-content
    .ant-notification-notice-with-icon
    .ant-notification-notice-message {
    color: #ffffff;
}
.ant-notification
    .ant-notification-notice
    .ant-notification-notice-content
    .ant-notification-notice-with-icon
    .ant-notification-notice-description {
    color: #ffffff;
}
.ant-notification
    .ant-notification-notice
    .ant-notification-notice-close
    .ant-notification-notice-close-x {
    color: #ffffff;
}

.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover
    .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover
    .ant-checkbox-inner,
.ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
    border-color: var(--yellow);
}

.ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--yellow);
    border-color: var(--yellow);
}

.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover
    .ant-checkbox-checked:not(.ant-checkbox-disabled)
    .ant-checkbox-inner,
.ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-disabled):hover
    .ant-checkbox-inner,
.ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
    background-color: var(--yellow);
    border-color: var(--yellow);
}

.form-item-checkbox .ant-form-item-control-input {
    height: 45px;
}

.private-layout {
    background: #f8f8f8;
}
.private-layout > .ant-layout {
    background-color: #ffffff;
    max-width: 100%;
    margin-left: 295px;
    min-height: 100vh;
    box-shadow: rgba(105, 107, 112, 0.1) 2px 2px 10px 8px;
    z-index: 6;
}
@media (max-width: 767px) {
    .private-layout > .ant-layout {
        margin-left: 0px;
    }
}
.private-layout > .ant-layout.ant-layout-has-collapse {
    margin-left: 55px;
    max-width: 100%;
}
@media (max-width: 767px) {
    .private-layout > .ant-layout.ant-layout-has-collapse {
        margin-left: 0px;
    }
}
@media (max-width: 767px) {
    .private-layout
        > .ant-layout:not(.private-layout > .ant-layout.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .menu-left-icon.menu-left-icon-menu-collapse-on-close {
        display: none;
    }
}
.private-layout > .ant-layout > .ant-layout-content > .ant-breadcrumb {
    padding: 12px 10px 12px 20px;
    background-color: transparent;
}
@media (max-width: 767px) {
    .private-layout > .ant-layout > .ant-layout-content > .ant-breadcrumb {
        padding-left: 15px;
    }
}
@media (max-width: 575px) {
    .private-layout > .ant-layout > .ant-layout-content > .ant-breadcrumb {
        padding-left: 10px;
    }
}
.private-layout
    > .ant-layout
    > .ant-layout-content
    > .ant-breadcrumb
    > ol
    > li
    .breadcrumb-item-text {
    color: #a8a8a8;
}
.private-layout
    > .ant-layout
    > .ant-layout-content
    > .ant-breadcrumb
    > ol
    > li
    .breadcrumb-item-text.breadcrumb-item-text-last {
    color: rgba(0, 0, 0, 0.85) !important;
}
.private-layout
    > .ant-layout
    > .ant-layout-content
    > .ant-breadcrumb
    > ol
    > li:first-child
    .ant-breadcrumb-link
    a {
    color: #a8a8a8;
}
.private-layout
    > .ant-layout
    > .ant-layout-content
    > .ant-breadcrumb
    > ol
    > li
    .ant-breadcrumb-separator {
    color: #a8a8a8;
}
.private-layout > .ant-layout > .ant-layout-content > .content-wrapper {
    background-color: transparent;
    padding: 20px;
}
@media (max-width: 767px) {
    .private-layout > .ant-layout > .ant-layout-content > .content-wrapper {
        padding: 15px;
    }
}
@media (max-width: 575px) {
    .private-layout > .ant-layout > .ant-layout-content > .content-wrapper {
        padding: 10px;
    }
}
.private-layout > .ant-layout > .ant-layout-footer {
    padding: 15px 20px;
    background-color: #f8f8f8;
}
.private-layout > .ant-layout > .ant-layout-footer .ant-typography {
    color: #000000;
}

.notification-notice {
    background: white;
    position: fixed;
    bottom: 10px;
    right: 10px;
    /* width: 390px; */
    z-index: 9999999;
    padding: 5px 17px;
    border-radius: 5px;
    box-shadow: 0px 0px 18px -3px rgba(0, 0, 0, 0.47);
}
.notification-notice .notification-notice-content {
    display: flex;
    gap: 12px;
    align-items: center;
    height: 110px;
}
.notification-notice .notification-notice-content .notification-notice-icon {
    font-size: 90px;
    color: #960402;
    padding-top: 7px;
}
.notification-notice .notification-notice-content .notification-notice-message {
    display: flex;
    flex-direction: column;
    padding-bottom: 6px;
}
.notification-notice
    .notification-notice-content
    .notification-notice-message
    .title {
    font-size: 18px;
    font-family: SourceSansProRegular;
    font-weight: 700;
}
.notification-notice
    .notification-notice-content
    .notification-notice-message
    .description {
    margin-top: -5px;
}
.notification-notice
    .notification-notice-content
    .notification-notice-message
    .action {
    margin-top: 5px;
}
.notification-notice
    .notification-notice-content
    .notification-notice-message
    .action
    .ant-btn {
    background-color: #960402;
    color: white;
    border: 1px solid #960402;
}
.notification-notice
    .notification-notice-content
    .notification-notice-message
    .action
    .ant-btn:hover {
    background-color: white;
    color: #960402;
    border: 1px solid #960402;
}

.private-layout > .ant-layout > .ant-layout-header {
    background-color: #f8f8f8;
    width: 100%;
    height: 100px;
    padding: 0px 20px 0px 0px;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    gap: 20px;
    box-shadow: rgba(105, 107, 112, 0.2) 0px 5px 7px 0px;
}
@media (max-width: 767px) {
    .private-layout > .ant-layout > .ant-layout-header {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 575px) {
    .private-layout > .ant-layout > .ant-layout-header {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.private-layout > .ant-layout > .ant-layout-header .header-left-menu {
    width: 33.33%;
    display: flex;
    align-items: center;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon
    a {
    width: 130px;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    gap: 8px;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon
    a:hover {
    background: var(--yellow);
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon
    a:hover
    .ant-typography {
    font-weight: 600;
    color: #ffffff;
}
@media (max-width: 991px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        .menu-left-icon
        a {
        width: 110px;
    }
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon.with-header {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 371px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        .menu-left-icon.with-header
        .logo_wrapper
        img {
        width: 160px;
    }
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon
    .menu-left-icon-collpase {
    position: relative;
    width: 24px;
    height: 24px;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon
    .menu-left-icon-collpase
    span {
    background-color: var(--yellow);
    width: 100%;
    height: 2px;
    border-radius: 5px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s, width 0.5s;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon
    .menu-left-icon-collpase
    span.line1 {
    transform: translate(-50%, -10px);
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon
    .menu-left-icon-collpase
    span.line3 {
    transform: translate(-50%, 8px);
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon
    .menu-left-icon-collpase.is-collapse
    span.line1 {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon
    .menu-left-icon-collpase.is-collapse
    span.line3 {
    transform: translate(-50%, -50%) rotate(45deg);
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon
    .menu-left-icon-collpase.is-collapse
    span.line2 {
    width: 0;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon
    a
    .anticon {
    color: var(--yellow);
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon
    a
    svg {
    color: var(--yellow);
    font-size: 42px;
    stroke: var(--yellow);
}
@media (max-width: 991px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        .menu-left-icon
        a
        svg {
        font-size: 32px;
    }
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon
    a
    svg
    path {
    color: var(--yellow);
    stroke: var(--yellow);
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    .menu-left-icon
    a
    .ant-typography {
    line-height: 1em;
    color: #bdbec0;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    > .ant-page-header {
    background-color: transparent;
    padding: 10px 20px;
}
@media (max-width: 575px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header {
        padding: 10px;
    }
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    > .ant-page-header
    .ant-page-header-heading {
    width: 100%;
    display: inherit;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    > .ant-page-header
    .ant-page-header-heading
    .ant-page-header-heading-left {
    width: 100%;
    display: inherit;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    > .ant-page-header
    .ant-page-header-heading
    .ant-page-header-heading-left
    .ant-page-header-heading-title {
    display: flex !important;
    gap: 12px;
    align-items: center;
}
@media (max-width: 1203px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title {
        width: 100%;
    }
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    > .ant-page-header
    .ant-page-header-heading
    .ant-page-header-heading-left
    .ant-page-header-heading-title
    .ant-page-header-icon {
    border-radius: 100%;
    width: 55px !important;
    height: 55px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #757374;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    > .ant-page-header
    .ant-page-header-heading
    .ant-page-header-heading-left
    .ant-page-header-heading-title
    .ant-page-header-icon
    svg {
    font-size: 28px;
    color: #ffffff;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    > .ant-page-header
    .ant-page-header-heading
    .ant-page-header-heading-left
    .ant-page-header-heading-title
    .ant-page-header-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    > .ant-page-header
    .ant-page-header-heading
    .ant-page-header-heading-left
    .ant-page-header-heading-title
    .ant-page-header-text
    .sub-title {
    color: #5f6160;
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
}
@media (max-width: 575px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .sub-title {
        font-size: 12px;
    }
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-left-menu
    > .ant-page-header
    .ant-page-header-heading
    .ant-page-header-heading-left
    .ant-page-header-heading-title
    .ant-page-header-text
    .title {
    color: #404042;
    font-size: 32px;
    font-family: SourceSansProRegular;
    font-weight: 400;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 575px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        font-size: 25px;
    }
}
@media (min-width: 700px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 450px !important;
    }
}
@media (min-width: 900px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 550px !important;
    }
}
@media (min-width: 1000px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 650px !important;
    }
}
@media (min-width: 1100px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 750px !important;
    }
}
@media (min-width: 1200px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 850px !important;
    }
}
@media (min-width: 1300px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 950px !important;
    }
}
@media (min-width: 1400px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 1050px !important;
    }
}
@media (min-width: 1800px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 630px !important;
    }
}
@media (min-width: 1900px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 670px !important;
    }
}
@media (min-width: 2000px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 725px !important;
    }
}
@media (min-width: 2100px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 775px !important;
    }
}
@media (min-width: 2200px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 820px !important;
    }
}
@media (min-width: 2300px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 875px !important;
    }
}
@media (min-width: 2400px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 980px !important;
    }
}
@media (min-width: 2500px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 1020px !important;
    }
}
@media (min-width: 2600px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 1080px !important;
    }
}
@media (min-width: 2700px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-left-menu
        > .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 1120px !important;
    }
}
.private-layout > .ant-layout > .ant-layout-header .header-right-menu {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 40px;
    width: 33.33%;
}
@media (max-width: 575px) {
    .private-layout > .ant-layout > .ant-layout-header .header-right-menu {
        gap: 15px;
    }
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .ant-image.dropdown-profile {
    transition: transform 0.2s;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .ant-image.dropdown-profile:hover {
    transform: scale(1.1);
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .ant-image.dropdown-profile
    img {
    object-fit: cover;
    -o-object-fit: cover;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    box-shadow: rgba(105, 107, 112, 0.2) 0px 5px 7px 0px;
}
@media (max-width: 991px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-right-menu
        .ant-image.dropdown-profile
        img {
        width: 55px;
        height: 55px;
    }
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .dropdown-notification-alert {
    cursor: pointer;
    color: var(--yellow);
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .dropdown-notification-alert:hover {
    transform: scale(1.1);
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .dropdown-notification-alert:hover
    svg {
    color: var(--yellow);
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .dropdown-notification-alert
    svg {
    color: var(--yellow);
    font-size: 36px;
}
@media (max-width: 991px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-right-menu
        .dropdown-notification-alert
        svg {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-right-menu
        .dropdown-notification-alert
        svg {
        font-size: 26px;
    }
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .dropdown-notification-alert
    .ant-badge-count {
    top: 5px;
    width: 18px;
    height: 18px;
    font-size: 10px;
    border-radius: 50%;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-right-menu
        .dropdown-notification-alert
        .ant-badge-count {
        right: 0px;
        min-width: 15px;
        width: 15px;
        height: 15px;
        font-size: 8px;
        line-height: 15px;
    }
}
@media (max-width: 767px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-right-menu
        .dropdown-notification-alert
        .ant-badge-count
        .ant-scroll-number-only {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .dropdown-message-alert {
    cursor: pointer;
    color: var(--yellow);
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .dropdown-message-alert:hover {
    transform: scale(1.1);
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .dropdown-message-alert:hover
    svg {
    color: var(--yellow);
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .dropdown-message-alert
    svg {
    color: var(--yellow);
    font-size: 36px;
}
@media (max-width: 991px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-right-menu
        .dropdown-message-alert
        svg {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-right-menu
        .dropdown-message-alert
        svg {
        font-size: 26px;
    }
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .dropdown-message-alert
    .ant-badge-count {
    right: -5px;
    top: 5px;
    width: 18px;
    height: 18px;
    font-size: 10px;
    border-radius: 50%;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-right-menu
        .dropdown-message-alert
        .ant-badge-count {
        right: 0px;
        min-width: 15px;
        width: 15px;
        height: 15px;
        font-size: 8px;
        line-height: 15px;
    }
}
@media (max-width: 767px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-right-menu
        .dropdown-message-alert
        .ant-badge-count
        .ant-scroll-number-only {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .menu-submenu-message-alert {
    cursor: pointer;
    margin-top: 2px;
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .menu-submenu-message-alert:hover
    svg {
    color: var(--yellow);
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .menu-submenu-message-alert
    svg {
    color: var(--yellow);
    font-size: 45px;
}
@media (max-width: 991px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-right-menu
        .menu-submenu-message-alert
        svg {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-right-menu
        .menu-submenu-message-alert
        svg {
        font-size: 30px;
    }
}
.private-layout
    > .ant-layout
    > .ant-layout-header
    .header-right-menu
    .menu-submenu-message-alert
    .ant-badge-count {
    right: -2px;
    top: 10px;
    width: 18px;
    height: 18px;
    font-size: 10px;
    border-radius: 50%;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 991px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-right-menu
        .menu-submenu-message-alert
        .ant-badge-count {
        top: 12px;
    }
}
@media (max-width: 767px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-right-menu
        .menu-submenu-message-alert
        .ant-badge-count {
        right: 0px;
        min-width: 15px;
        width: 15px;
        height: 15px;
        font-size: 8px;
        line-height: 15px;
    }
}
@media (max-width: 767px) {
    .private-layout
        > .ant-layout
        > .ant-layout-header
        .header-right-menu
        .menu-submenu-message-alert
        .ant-badge-count
        .ant-scroll-number-only {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.private-layout
    > .ant-layout:not(.ant-layout-has-collapse)
    .ant-layout-header
    .header-left-menu
    .ant-page-header
    .ant-page-header-heading
    .ant-page-header-heading-left
    .ant-page-header-heading-title
    .ant-page-header-text
    .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 768px) and (max-width: 927px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        font-size: 18px;
    }
}
@media (min-width: 700px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 250px !important;
    }
}
@media (min-width: 800px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 290px !important;
    }
}
@media (min-width: 900px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 400px !important;
    }
}
@media (min-width: 1000px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 450px !important;
    }
}
@media (min-width: 1100px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 550px !important;
    }
}
@media (min-width: 1200px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 650px !important;
    }
}
@media (min-width: 1300px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 750px !important;
    }
}
@media (min-width: 1400px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 855px !important;
    }
}
@media (min-width: 1400px) and (max-width: 1450px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 855px !important;
    }
}
@media (min-width: 1500px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 855px !important;
    }
}
@media (min-width: 1600px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 1000px !important;
    }
}
@media (min-width: 1700px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 1100px !important;
    }
}
@media (min-width: 1800px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 500px !important;
    }
}
@media (min-width: 1900px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 550px !important;
    }
}
@media (min-width: 2000px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 600px !important;
    }
}
@media (min-width: 2100px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 650px !important;
    }
}
@media (min-width: 2200px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 700px !important;
    }
}
@media (min-width: 2300px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 750px !important;
    }
}
@media (min-width: 2400px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 800px !important;
    }
}
@media (min-width: 2500px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 850px !important;
    }
}
@media (min-width: 2600px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 900px !important;
    }
}
@media (min-width: 2700px) {
    .private-layout
        > .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-left-menu
        .ant-page-header
        .ant-page-header-heading
        .ant-page-header-heading-left
        .ant-page-header-heading-title
        .ant-page-header-text
        .title {
        width: 950px !important;
    }
}

.dropdown-profile-popup {
    width: 300px;
    top: 100px !important;
}
@media (max-width: 767px) {
    .dropdown-profile-popup {
        position: fixed;
        top: 70px !important;
    }
}
@media (max-width: 332px) {
    .dropdown-profile-popup {
        width: 100%;
        left: 0px !important;
    }
}
.dropdown-profile-popup .ant-dropdown-menu {
    padding: 0px 15px 15px 15px;
    border-radius: 0px;
}
.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item:first-child {
    cursor: default;
}
.dropdown-profile-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item.menu-item-profile-details {
    background-color: transparent;
}
.dropdown-profile-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item.menu-item-profile-details:hover {
    background-color: transparent;
}
.dropdown-profile-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item.menu-item-profile-details
    .menu-item-details-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 100px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}
.dropdown-profile-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item.menu-item-profile-details
    .menu-item-details-wrapper
    .ant-image {
    transition: transform 0.2s;
}
.dropdown-profile-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item.menu-item-profile-details
    .menu-item-details-wrapper
    .ant-image
    img {
    object-fit: cover;
    -o-object-fit: cover;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid var(--yellow);
    cursor: default;
    overflow: hidden;
    background: transparent;
    padding: 2px;
}
.dropdown-profile-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item.menu-item-profile-details
    .menu-item-details-wrapper
    .info-wrapper
    .ant-typography {
    white-space: break-spaces;
}
.dropdown-profile-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item.menu-item-profile-details
    .menu-item-details-wrapper
    .info-wrapper
    .info-username {
    color: var(--yellow);
    font-weight: 600;
    font-size: 17px;
}
.dropdown-profile-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item.menu-item-profile-details
    .menu-item-details-wrapper
    .info-wrapper
    .info-role {
    color: #000000;
}
.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item svg {
    color: var(--yellow);
    stroke: var(--yellow);
}
.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item svg path {
    color: var(--yellow);
    stroke: var(--yellow);
}
.dropdown-profile-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item
    .ant-dropdown-menu-title-content
    a {
    text-decoration: none;
    color: #000000;
}
.dropdown-profile-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item.ant-dropdown-menu-item-active
    a {
    color: var(--yellow);
}
.dropdown-profile-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item.ant-dropdown-menu-item-active
    svg {
    color: #000000;
    stroke: #000000;
}
.dropdown-profile-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item.ant-dropdown-menu-item-active
    svg
    path {
    color: #000000;
    stroke: #000000;
}

.dropdown-notification-alert-popup {
    top: 100px !important;
    width: 320px;
    border-top: none;
}
@media (max-width: 767px) {
    .dropdown-notification-alert-popup {
        position: fixed;
        top: 70px !important;
    }
}
@media (max-width: 480px) {
    .dropdown-notification-alert-popup {
        width: 100%;
        left: 0px !important;
    }
}
.dropdown-notification-alert-popup .ant-dropdown-menu {
    padding: 0px;
    max-height: 300px;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #808285 #bbb;
}
.dropdown-notification-alert-popup .ant-dropdown-menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.dropdown-notification-alert-popup .ant-dropdown-menu::-webkit-scrollbar-track {
    background-color: #bbb;
}
.dropdown-notification-alert-popup .ant-dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #808285;
}
.dropdown-notification-alert-popup .ant-dropdown-menu::-webkit-scrollbar-track,
.dropdown-notification-alert-popup .ant-dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
.dropdown-notification-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item-divider {
    margin: 0px;
}
.dropdown-notification-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item:first-child {
    background-color: transparent;
    padding: 10px 12px;
    cursor: default;
}
.dropdown-notification-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item:not(:first-child)
    .notification-wrapper {
    display: flex;
}
.dropdown-notification-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item:not(:first-child)
    .notification-wrapper
    .content-wrapper {
    width: calc(100% - 20px);
}
.dropdown-notification-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item:not(:first-child)
    .notification-wrapper
    .content-wrapper
    .title {
    font-weight: 600;
}
.dropdown-notification-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item:not(:first-child)
    .notification-wrapper
    .content-wrapper
    .content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.dropdown-notification-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item:not(:first-child)
    .notification-wrapper
    .status {
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 20px;
    color: #e1492a;
}
.dropdown-notification-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item.no-notification {
    text-align: center;
    background-color: transparent;
}

.dropdown-message-alert-popup {
    top: 100px !important;
    width: 320px;
    border-top: none;
}
@media (max-width: 767px) {
    .dropdown-message-alert-popup {
        position: fixed;
        top: 70px !important;
    }
}
@media (max-width: 480px) {
    .dropdown-message-alert-popup {
        width: 100%;
        left: 0px !important;
    }
}
.dropdown-message-alert-popup .ant-dropdown-menu {
    padding: 0px;
    max-height: 300px;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #808285 #bbb;
}
.dropdown-message-alert-popup .ant-dropdown-menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.dropdown-message-alert-popup .ant-dropdown-menu::-webkit-scrollbar-track {
    background-color: #bbb;
}
.dropdown-message-alert-popup .ant-dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #808285;
}
.dropdown-message-alert-popup .ant-dropdown-menu::-webkit-scrollbar-track,
.dropdown-message-alert-popup .ant-dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
.dropdown-message-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item-divider {
    margin: 0px;
}
.dropdown-message-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item:first-child {
    background-color: transparent;
    padding: 10px 12px;
    cursor: default;
}
.dropdown-message-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item:not(:first-child) {
    gap: 5px;
}
.dropdown-message-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item:not(:first-child)
    .message-user-logo {
    width: 50px;
    height: 50px;
    margin-right: 0px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 2px solid rgb(29, 133, 184);
}
.dropdown-message-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item:not(:first-child)
    .message-wrapper {
    display: flex;
}
.dropdown-message-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item:not(:first-child)
    .message-wrapper
    .content-wrapper {
    width: calc(100% - 20px);
}
.dropdown-message-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item:not(:first-child)
    .message-wrapper
    .content-wrapper
    .title {
    font-weight: 600;
}
.dropdown-message-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item:not(:first-child)
    .message-wrapper
    .content-wrapper
    .content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.dropdown-message-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item:not(:first-child)
    .message-wrapper
    .status {
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 20px;
    color: #e1492a;
}
.dropdown-message-alert-popup
    .ant-dropdown-menu
    .ant-dropdown-menu-item.no-message {
    text-align: center;
    background-color: transparent;
}

.ant-modal-root .modal-wrap-clock .ant-modal {
    width: 495px !important;
}
@media (max-width: 575px) {
    .ant-modal-root .modal-wrap-clock .ant-modal {
        width: 90% !important;
    }
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-radio-wrapper
    > .ant-radio
    > .ant-radio-inner {
    border-color: #5e5e5e;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-radio-wrapper.ant-radio-wrapper-checked
    > .ant-radio.ant-radio-checked
    > .ant-radio-inner {
    border-color: #8c53fb;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-radio-wrapper.ant-radio-wrapper-checked
    > .ant-radio.ant-radio-checked
    > .ant-radio-inner::after {
    background-color: #ffffff;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space {
    width: 100%;
    gap: 0px !important;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .horizontal {
    display: flex;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .horizontal
    > .ant-radio-wrapper {
    width: 50%;
    margin-right: 0px;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .mod_start_clock_task_wrapper {
    border: 1px solid #1e1e1e;
    background: #fff;
    max-height: 260px;
    overflow: hidden auto;
    margin-top: 20px;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
    scrollbar-width: thin;
    scrollbar-color: #bab6b6 #bab6b6;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .mod_start_clock_task_wrapper::-webkit-scrollbar {
    width: 10px;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .mod_start_clock_task_wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .mod_start_clock_task_wrapper::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #bab6b6;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .mod_start_clock_task_wrapper::-webkit-scrollbar-thumb:hover {
    background: #a7a5a5;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .mod_start_clock_task_wrapper
    .ant-space
    .ant-space-item
    .ant-radio-wrapper {
    width: 100%;
    padding: 5px;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .ant-divider::before,
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .ant-divider::after {
    border-top: 1px solid #1e1e1e;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .ant-divider
    .ant-divider-inner-text {
    color: #545454;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .general-note {
    font-size: 12px;
    color: #808285;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .timer-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 20px;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .timer-wrapper
    .ant-btn {
    background-color: var(--yellow);
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .timer-wrapper
    .ant-btn
    svg {
    cursor: pointer;
    margin-right: 5px;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .timer-wrapper
    .btn-play.is_loading
    svg {
    color: #545454;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .timer-wrapper
    .timer {
    display: flex;
    line-height: 38px;
    gap: 3px;
}
.ant-modal-root
    .modal-wrap-clock
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .timer-wrapper
    .timer
    > div {
    font-size: 38px;
    line-height: 38px;
}

.ant-popconfirm-stop-timer
    .ant-popover-content
    .ant-popover-inner
    .ant-popover-inner-content {
    padding: 10px 13px !important;
}
.ant-popconfirm-stop-timer
    .ant-popover-content
    .ant-popover-inner
    .ant-popover-inner-content
    .ant-popover-message {
    line-height: normal;
    font-size: 18px;
}
.ant-popconfirm-stop-timer
    .ant-popover-content
    .ant-popover-inner
    .ant-popover-inner-content
    .ant-popover-buttons {
    justify-content: space-between !important;
    gap: 8px !important;
}
.ant-popconfirm-stop-timer
    .ant-popover-content
    .ant-popover-inner
    .ant-popover-inner-content
    .ant-popover-buttons
    .ant-btn {
    margin: 0px;
    width: calc(50% - 4px);
    height: 32px;
    font-size: 18px;
}

.ant-layout:not(.ant-layout-has-collapse)
    .ant-layout-header
    .header-right-menu {
    gap: 15px;
}
@media (min-width: 768px) {
    .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-right-menu {
        gap: 15px;
    }
}
@media (min-width: 1024px) {
    .ant-layout:not(.ant-layout-has-collapse)
        .ant-layout-header
        .header-right-menu {
        gap: 40px;
    }
}

.ant-layout.ant-layout-has-collapse .ant-layout-header .header-right-menu {
    gap: 15px;
}
@media (min-width: 768px) {
    .ant-layout.ant-layout-has-collapse .ant-layout-header .header-right-menu {
        gap: 40px;
    }
}

.no-messages .ant-dropdown-menu-title-content {
    text-align: center;
}

.ant-tooltip.task_name,
.ant-tooltip.action {
    top: 75px !important;
}

.header-center-menu {
    display: flex;
    align-items: center;
    width: 33.33%;
}
.header-center-menu .clock-wrapper {
    display: flex;
    width: 310px;
    height: 60px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.3);
}
.header-center-menu .clock-wrapper .icon-wrapper {
    width: 60px;
    height: 60px;
    border-radius: 5px 0px 0px 5px;
    background: var(--yellow);
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-center-menu .clock-wrapper .icon-wrapper svg {
    color: #fff;
    font-size: 29px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.header-center-menu .clock-wrapper .time-wrapper {
    width: 190px;
    height: 60px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0px 10px;
}
.header-center-menu .clock-wrapper .time-wrapper .time {
    line-height: normal;
}
.header-center-menu .clock-wrapper .time-wrapper .time span {
    color: #1e1e1e;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.header-center-menu .clock-wrapper .time-wrapper .task-name {
    line-height: normal;
    color: var(--yellow);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}
.header-center-menu .clock-wrapper .time-wrapper .task-name.selectable {
    cursor: pointer;
}
.header-center-menu .clock-wrapper .time-wrapper .task-name.notselectable {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.header-center-menu .clock-wrapper .action-wrapper {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-center-menu .clock-wrapper .action-wrapper .ant-btn {
    width: auto;
    height: auto;
}
.header-center-menu .clock-wrapper .action-wrapper .ant-btn svg {
    color: var(--yellow);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.header-center-menu .clock-wrapper .action-wrapper .ant-btn.btn-stop svg {
    color: #c80202;
}

.private-layout > .ant-layout-sider {
    background-color: #f8f8f8;
    width: 300px !important;
    max-width: 300px !important;
    overflow: hidden auto;
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 6;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}
@media (max-width: 767px) {
    .private-layout > .ant-layout-sider {
        z-index: 7;
    }
}
.private-layout > .ant-layout-sider::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.private-layout > .ant-layout-sider::-webkit-scrollbar-track {
    background-color: transparent;
}
.private-layout > .ant-layout-sider::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.private-layout > .ant-layout-sider::-webkit-scrollbar-track,
.private-layout > .ant-layout-sider::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
.private-layout > .ant-layout-sider.ant-layout-sider-collapsed {
    width: 0px !important;
    min-width: 55px !important;
}
@media (max-width: 767px) {
    .private-layout > .ant-layout-sider.ant-layout-sider-collapsed {
        display: none;
    }
}
@media (max-width: 767px) {
    .private-layout > .ant-layout-sider {
        position: fixed;
    }
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-side-header {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    padding: 0px 15px;
    align-items: center;
    transition: none;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-side-header
    .sidemenu-collapse-icon-wrapper {
    height: 100%;
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-side-header
    .sidemenu-collapse-icon-wrapper
    .sidemenu-collapse-icon {
    position: relative;
    width: 24px;
    height: 24px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-side-header
    .sidemenu-collapse-icon-wrapper
    .sidemenu-collapse-icon
    span {
    background-color: var(--yellow);
    width: 100%;
    height: 2px;
    border-radius: 5px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s, width 0.5s;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-side-header
    .sidemenu-collapse-icon-wrapper
    .sidemenu-collapse-icon
    span.line1 {
    transform: translate(-50%, -10px);
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-side-header
    .sidemenu-collapse-icon-wrapper
    .sidemenu-collapse-icon
    span.line3 {
    transform: translate(-50%, 8px);
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-side-header
    .sidemenu-collapse-icon-wrapper
    .sidemenu-collapse-icon.is-collapse
    span.line1 {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-side-header
    .sidemenu-collapse-icon-wrapper
    .sidemenu-collapse-icon.is-collapse
    span.line3 {
    transform: translate(-50%, -50%) rotate(45deg);
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-side-header
    .sidemenu-collapse-icon-wrapper
    .sidemenu-collapse-icon.is-collapse
    span.line2 {
    width: 0;
}
@media (max-width: 767px) {
    .private-layout
        > .ant-layout-sider
        > .ant-layout-sider-children
        > .ant-side-header
        .sidemenu-collapse-icon-wrapper
        .sidemenu-collapse-icon
        span.line1 {
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    .private-layout
        > .ant-layout-sider
        > .ant-layout-sider-children
        > .ant-side-header
        .sidemenu-collapse-icon-wrapper
        .sidemenu-collapse-icon
        span.line3 {
        transform: translate(-50%, -50%) rotate(45deg);
    }
    .private-layout
        > .ant-layout-sider
        > .ant-layout-sider-children
        > .ant-side-header
        .sidemenu-collapse-icon-wrapper
        .sidemenu-collapse-icon
        span.line2 {
        width: 0;
    }
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-side-header
    .logo_wrapper {
    width: 100%;
    max-width: 220px;
    transition: none;
    height: auto;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-side-header
    .logo_wrapper
    img {
    width: 100%;
}
.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-menu {
    background-color: #f8f8f8;
    border-right: 0px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-item {
    background-color: #f8f8f8;
    margin-block: 0px;
    margin-inline: 0px;
    width: 100%;
    border-radius: 0px;
    padding-left: 16px !important;
    line-height: 45px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-item
    > .ant-menu-title-content {
    transition: none;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-item
    > .ant-menu-title-content
    > a {
    color: #6f6f6f;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700 !important;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-item::after {
    border-right: 0px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-item.ant-menu-item-selected,
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-item.ant-menu-item-active {
    background: var(--yellow);
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-item
    .ant-menu-item-icon {
    color: var(--yellow);
    font-size: 18px;
    width: 20px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-item
    .ant-menu-submenu-arrow {
    font-size: 16px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-item.ant-menu-item-selected
    a,
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-item.ant-menu-item-active
    a {
    color: #ffffff;
    text-decoration: none;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-item.ant-menu-item-selected
    .ant-menu-item-icon,
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-item.ant-menu-item-active
    .ant-menu-item-icon {
    color: #f9c457;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu {
    background-color: transparent;
    border-radius: 0px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    > .ant-menu-submenu-title {
    padding-left: 16px !important;
    padding-inline-end: 0px !important;
    margin-inline: 0px;
    margin-block: 0px;
    line-height: 45px;
    width: 100%;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow {
    color: #6f6f6f;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::before {
    width: 10px;
    height: 1px;
    left: 3px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::after {
    width: 10px;
    height: 1px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    .ant-menu-item-icon {
    color: var(--yellow);
    font-size: 18px;
    width: 20px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    > .ant-menu-submenu-title:active {
    background-color: transparent;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    > .ant-menu-title-content {
    color: #6f6f6f;
    transition: none;
    text-transform: uppercase;
    font-weight: 700 !important;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu.ant-menu-submenu-active {
    background: var(--yellow);
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu.ant-menu-submenu-active
    .ant-menu-submenu-title
    .ant-menu-submenu-arrow {
    color: #ffffff;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu.ant-menu-submenu-active
    .ant-menu-submenu-title
    .ant-menu-item-icon {
    color: #f9c457;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu.ant-menu-submenu-active
    .ant-menu-submenu-title
    .ant-menu-title-content {
    color: #ffffff;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu.ant-menu-submenu-active
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    .ant-menu-submenu-arrow {
    color: #6f6f6f;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-item {
    margin-block: 0px;
    margin-inline: 0px;
    width: 100%;
    border-radius: 0px;
    padding-left: 55px !important;
    line-height: 45px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-item.ant-menu-item-selected,
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-item.ant-menu-item-active {
    background: var(--yellow);
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-item
    a {
    color: #696969;
    text-decoration: none;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-item::after {
    border-right: 0px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-item.ant-menu-item-selected
    a,
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-item.ant-menu-item-active
    a {
    color: #ffffff;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-item.ant-menu-item-selected
    .ant-menu-title-content,
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-item.ant-menu-item-active
    .ant-menu-title-content {
    color: #ffffff;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu.ant-menu-submenu-active {
    background: var(--yellow);
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu.ant-menu-submenu-active
    .ant-menu-submenu-title
    .ant-menu-submenu-arrow {
    color: #ffffff;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu.ant-menu-submenu-active
    .ant-menu-submenu-title
    .ant-menu-item-icon {
    color: #f9c457;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu.ant-menu-submenu-active
    .ant-menu-submenu-title
    .ant-menu-title-content {
    color: #ffffff;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu.ant-menu-submenu-active
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    .ant-menu-submenu-arrow {
    color: #6f6f6f;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu
    > .ant-menu-submenu-title {
    padding-left: 55px !important;
    padding-inline-end: 0px !important;
    margin-inline: 0px;
    margin-block: 0px;
    line-height: 45px;
    width: 100%;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    .ant-menu-title-content {
    color: #6f6f6f;
    transition: none;
    font-weight: 400;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow {
    color: #6f6f6f;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::before {
    width: 10px;
    height: 1px;
    left: 3px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::after {
    width: 10px;
    height: 1px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu
    > .ant-menu.ant-menu-sub
    > .ant-menu-item {
    padding-left: 72px !important;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu
    > .ant-menu.ant-menu-sub
    > .ant-menu-item
    .ant-menu-title-content
    a
    .title-wrapper {
    display: flex;
    align-items: center;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu
    > .ant-menu.ant-menu-sub
    > .ant-menu-item
    .ant-menu-title-content
    a
    .title-wrapper
    .icon
    > span {
    border-radius: 50%;
    margin-right: 10px;
    padding: 0px 4px;
    font-size: 10px;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu
    > .ant-menu.ant-menu-sub
    > .ant-menu-item
    .ant-menu-title-content
    a
    .title-wrapper
    .icon.r
    > span {
    background: #fdb500;
    color: #fff;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu
    > .ant-menu.ant-menu-sub
    > .ant-menu-item
    .ant-menu-title-content
    a
    .title-wrapper
    .icon.p
    > span {
    background: #34a2ee;
    color: #fff;
}
.private-layout
    > .ant-layout-sider
    > .ant-layout-sider-children
    > .ant-menu
    > .ant-menu-submenu
    .ant-menu.ant-menu-sub
    > .ant-menu-submenu
    > .ant-menu.ant-menu-sub
    > .ant-menu-item
    .ant-menu-title-content
    a
    .title-wrapper
    > span:last-child {
    font-size: 13px;
}

.ant-menu-submenu-arrow {
    margin-right: 7px !important;
}

.quill-output p,
.quill-output h1,
.quill-output h2,
.quill-output h3,
.quill-output h4,
.quill-output h5 {
    margin: 0px;
    padding: 0px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: attr(data-value) !important;
    font-weight: 600;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
    font-weight: 600;
}

.ql-container.ql-snow {
    min-height: 200px;
}
.ql-container.ql-snow .ql-editor.ql-blank::before {
    font-style: normal;
    font-size: 14px;
}

strong {
    font-weight: bold;
}

.ant-image-preview-operations-wrapper
    .ant-image-preview-operations
    .ant-image-preview-operations-progress {
    color: #ffffff;
}
.ant-image-preview-operations-wrapper
    .ant-image-preview-operations
    .ant-image-preview-operations-operation {
    color: #ffffff;
}
.ant-image-preview-operations-wrapper
    .ant-image-preview-switch-left:not(
        .ant-image-preview-switch-left-disabled
    ) {
    color: #ffffff;
}
.ant-image-preview-operations-wrapper
    .ant-image-preview-switch-right:not(
        .ant-image-preview-switch-right-disabled
    ) {
    color: #ffffff;
}

.ant-pagination.ant-pagination-mini .ant-pagination-item {
    line-height: 21px;
}

.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
    font-size: 15px;
}

.pagination-and-support-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 575px) {
    .pagination-and-support-details {
        gap: 8px;
    }
}
@media (max-width: 575px) {
    .pagination-and-support-details .tbl-page-size {
        width: 100%;
    }
}

.ant-pagination .ant-pagination-prev.ant-pagination-disabled button,
.ant-pagination .ant-pagination-next.ant-pagination-disabled button {
    background-color: #fff !important;
    border: none;
}

.clock-timer-on-desktop {
    display: none !important;
    visibility: hidden;
}
@media (min-width: 1800px) {
    .clock-timer-on-desktop {
        visibility: visible;
        display: flex !important;
        justify-content: center !important;
    }
}
.clock-timer-on-mobile {
    display: flex;
    justify-content: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    border-radius: 3px;
    animation: myAnim 1s ease 0s 1 normal none;
}
@media (min-width: 375px) {
    .clock-timer-on-mobile {
        width: 70%;
    }
}
@media (min-width: 768px) {
    .clock-timer-on-mobile {
        width: 50%;
    }
}
@media (min-width: 1024px) {
    .clock-timer-on-mobile {
        width: 35%;
    }
}
@media (min-width: 1440px) {
    .clock-timer-on-mobile {
        width: 25%;
    }
}
@media (min-width: 1800px) {
    .clock-timer-on-mobile {
        display: none;
    }
}
.clock-timer-on-mobile .clock-wrapper {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    gap: 12px;
}
.clock-timer-on-mobile .timer {
    display: flex;
    align-items: center;
    font-size: 34px;
}
.clock-timer-on-mobile .btn-group {
    display: flex;
    gap: 10px;
}
.clock-timer-on-mobile .btn-group .ant-btn {
    padding: 0px;
    line-height: normal;
    width: auto;
    height: auto;
}
.clock-timer-on-mobile .btn-group .ant-btn svg {
    font-size: 34px;
}
.clock-timer-on-mobile .btn-group .ant-btn.btn-start {
    color: #057900;
}
.clock-timer-on-mobile .btn-group .ant-btn.btn-pause {
    color: #8c53fb;
}
.clock-timer-on-mobile .btn-group .ant-btn.btn-resume {
    color: #057900;
}
.clock-timer-on-mobile .btn-group .ant-btn.btn-stop {
    color: #c5171b;
}

@keyframes myAnim {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}
.radio-type-error .ant-radio-inner {
    border-color: red !important;
}

#PageLogin {
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
#PageLogin .ant-layout-content {
    background-color: transparent;
    width: 450px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}
@media (max-width: 767px) {
    #PageLogin .ant-layout-content {
        width: 90%;
    }
}
@media (max-width: 575px) {
    #PageLogin .ant-layout-content {
        width: 95%;
    }
}
#PageLogin .ant-layout-content .logo-wrapper {
    height: auto;
    width: 100%;
    text-align: center;
}
#PageLogin .ant-layout-content .logo-wrapper img {
    width: 300px;
}
#PageLogin .ant-layout-content .ant-card {
    width: 100%;
    box-shadow: 5px 6px 15px -2px rgba(149, 146, 146, 0.6);
}
#PageLogin .ant-layout-content .ant-card .title {
    text-align: center;
    color: #000000;
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 22px;
}
#PageLogin .ant-layout-content .ant-card .btn-forgot-password-wrapper {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 10px;
}
#PageLogin .ant-layout-content .ant-card .btn-forgot-password-wrapper .ant-btn {
    font-style: italic;
    font-size: 16px;
}
#PageLogin .ant-layout-content .ant-card .form-forgot-wrapper {
    margin-top: 20px;
}
#PageLogin
    .ant-layout-content
    .ant-card
    .form-forgot-wrapper
    .forgot-description {
    font-style: italic;
    font-size: 16px;
}
#PageLogin .ant-layout-content .ant-layout-footer {
    width: 100%;
    text-align: center;
    background-color: transparent;
}
#PageLogin .ant-layout-content .ant-layout-footer .ant-typography {
    font-size: 16px;
}

#PageForgotPassword {
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
#PageForgotPassword .text-create-account,
#PageForgotPassword .text-sign-in-here {
    font-weight: 500;
}
#PageForgotPassword .ant-divider-horizontal {
    border-top: 1px solid #434343;
}
#PageForgotPassword .register-button,
#PageForgotPassword .sign-in-button,
#PageForgotPassword .submit-button {
    width: 65%;
}
@media (max-width: 575px) {
    #PageForgotPassword .register-button,
    #PageForgotPassword .sign-in-button,
    #PageForgotPassword .submit-button {
        width: 100%;
    }
}
#PageForgotPassword .ant-layout-content {
    background-color: transparent;
    width: 525px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}
@media (max-width: 767px) {
    #PageForgotPassword .ant-layout-content {
        width: 90%;
    }
}
@media (max-width: 575px) {
    #PageForgotPassword .ant-layout-content {
        width: 95%;
    }
}
#PageForgotPassword .ant-layout-content .logo-wrapper {
    height: auto;
    width: 100%;
    text-align: center;
}
#PageForgotPassword .ant-layout-content .logo-wrapper img {
    width: 300px;
}
#PageForgotPassword .ant-layout-content .ant-card {
    width: 100%;
    box-shadow: -5px 6px 15px -2px rgba(149, 146, 146, 0.6);
}
#PageForgotPassword .ant-layout-content .ant-card .title {
    text-align: center;
    color: #000000;
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 22px;
}
#PageForgotPassword .ant-layout-content .ant-card .btn-forgot-password-wrapper {
    display: flex;
    margin-top: 15px;
}
#PageForgotPassword .ant-layout-content .ant-layout-footer {
    width: 100%;
    text-align: center;
    background-color: transparent;
}
#PageForgotPassword .ant-layout-content .ant-layout-footer .ant-typography {
    color: #000000;
}

#PageDashboard
    .ant-layout
    .ant-layout-header
    .header-left-menu
    .ant-page-header
    .ant-page-header-heading
    .ant-page-header-heading-left
    .ant-page-header-heading-title
    .ant-page-header-icon
    svg {
    margin-right: 3px;
}
#PageDashboard .card-list-title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}
#PageDashboard .card-counter {
    border-color: #e6e6e6;
    box-shadow: 5px 5px 6px 0 #efefef;
    border-radius: 10px !important;
}
#PageDashboard .card-counter .ant-card-body {
    border-radius: 10px;
    border: 0px;
    padding: 15px;
}
#PageDashboard
    .card-counter
    .ant-card-body
    .ant-card-meta
    .ant-card-meta-detail
    .ant-card-meta-title {
    font-size: 17px;
    margin-bottom: 0px;
    line-height: normal;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}
@media (min-width: 375px) {
    #PageDashboard
        .card-counter
        .ant-card-body
        .ant-card-meta
        .ant-card-meta-detail
        .ant-card-meta-title {
        font-size: 22px;
    }
}
#PageDashboard
    .card-counter
    .ant-card-body
    .ant-card-meta
    .ant-card-meta-detail
    .ant-card-meta-title
    .number {
    font-size: 13px;
    font-weight: 800;
}
@media (min-width: 375px) {
    #PageDashboard
        .card-counter
        .ant-card-body
        .ant-card-meta
        .ant-card-meta-detail
        .ant-card-meta-title
        .number {
        font-size: 14px;
    }
}
@media (min-width: 1440px) {
    #PageDashboard
        .card-counter
        .ant-card-body
        .ant-card-meta
        .ant-card-meta-detail
        .ant-card-meta-title
        .number {
        font-size: 17px;
    }
}
#PageDashboard
    .card-counter
    .ant-card-body
    .ant-card-meta
    .ant-card-meta-detail
    .ant-card-meta-description {
    color: #000000;
    font-size: 18px;
}
#PageDashboard
    .card-counter.card-total.new-tickets
    .ant-card-body
    .ant-card-meta
    .ant-card-meta-detail
    .ant-card-meta-title {
    color: #42d300;
}
#PageDashboard
    .card-counter.card-total.open-tickets
    .ant-card-body
    .ant-card-meta
    .ant-card-meta-detail
    .ant-card-meta-title {
    color: #097900;
}
#PageDashboard
    .card-counter.card-total.new-requests
    .ant-card-body
    .ant-card-meta
    .ant-card-meta-detail
    .ant-card-meta-title {
    color: #349cd0;
}
#PageDashboard
    .card-counter.card-total.open-requests
    .ant-card-body
    .ant-card-meta
    .ant-card-meta-detail
    .ant-card-meta-title {
    color: #104b91;
}
#PageDashboard
    .card-counter.card-total.employees
    .ant-card-body
    .ant-card-meta
    .ant-card-meta-detail
    .ant-card-meta-title {
    color: #258900;
}
#PageDashboard
    .ant-collapse
    .ant-collapse-item.collapse-current-tickets
    .ant-collapse-content
    .ant-collapse-content-box
    .btn-group-actions {
    display: flex;
    gap: 5px;
}
#PageDashboard
    .ant-collapse
    .ant-collapse-item.collapse-recent-retainer-tickets
    .ant-collapse-content
    .ant-collapse-content-box
    .year-wrapper {
    display: flex;
    gap: 5px;
    margin-bottom: 16px;
    width: 150px;
}
@media (max-width: 575px) {
    #PageDashboard
        .ant-collapse
        .ant-collapse-item.collapse-recent-retainer-tickets
        .ant-collapse-content
        .ant-collapse-content-box
        .year-wrapper {
        width: 100%;
    }
}
#PageDashboard
    .ant-collapse
    .ant-collapse-item.collapse-recent-retainer-tickets
    .ant-collapse-content
    .ant-collapse-content-box
    .year-wrapper
    .ant-btn {
    width: 50%;
}
#PageDashboard
    .ant-collapse
    .ant-collapse-item.collapse-recent-retainer-tickets
    .ant-collapse-content
    .ant-collapse-content-box
    .btn-archive-selected {
    width: 150px;
    margin-bottom: 16px;
    border-radius: 3px;
}
#PageDashboard .table-custom-wrapper {
    position: relative;
    border: 1px solid #ccc;
    clear: both;
    max-width: 100%;
}
#PageDashboard .table-custom-wrapper .table-custom {
    position: relative;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder {
    position: sticky;
    top: 0;
    z-index: 3;
    overflow: auto hidden;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
    scrollbar-width: thin;
    scrollbar-color: #8c53fb #eeeeee;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar {
    width: 0;
    height: 10px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-track {
    background-color: #efefef;
    border: 1px solid #e1e1e1;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
    background-color: #8c53fb;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-track,
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper {
    padding: 0px 15px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head {
    background-color: transparent;
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column {
    padding: 14px 16px;
    text-align: left;
    font-weight: 600;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.action {
    text-align: center;
    width: 60px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.date {
    width: 130px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.week {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.day {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.hours {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.subtasks {
    width: 500px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.toggle-collapse {
    width: 50px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters {
    display: flex;
    align-items: center;
    gap: 5px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter {
    display: flex;
    flex-direction: column;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-up {
    display: flex;
    align-items: flex-end;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-up.active
    svg {
    color: #000;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-up
    svg {
    margin-top: 2px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-down {
    display: flex;
    align-items: flex-start;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-down.active
    svg {
    color: #000;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-down
    svg {
    margin-top: -8px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .title {
    font-weight: 600;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body {
    padding: 15px 15px;
    overflow: auto hidden;
    scrollbar-width: thin;
    scrollbar-color: #8c53fb #eeeeee;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar {
    width: 0;
    height: 10px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-track {
    background-color: #efefef;
    border: 1px solid #e1e1e1;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-thumb {
    background-color: #8c53fb;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-track,
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container {
    table-layout: fixed;
    width: 100%;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead {
    background-color: #fafafa;
    border: 1px solid #ccc;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column {
    padding: 9px 15px;
    color: #b9bbba;
    text-align: left;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action {
    width: 60px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .btn-status.completed {
    color: #0d7211;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid var(--yellow);
    background-color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner::after {
    left: 16%;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox.ant-checkbox-checked
    .ant-checkbox-inner {
    background-color: var(--yellow);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #0d7211;
    background-color: #0d7211;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed
    .ant-checkbox
    .ant-checkbox-inner::after {
    border-color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed.ant-checkbox-wrapper:not(
        .ant-checkbox-wrapper-disabled
    ):hover
    .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed
    .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover
    .ant-checkbox-inner {
    border-color: #0d7211;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed
    .ant-checkbox:not(.ant-checkbox-checked)
    .ant-checkbox-inner {
    background-color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-btn {
    background-color: transparent;
    color: var(--yellow);
    width: auto;
    height: auto;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.date {
    width: 130px;
    text-align: left;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.date
    .from {
    margin-right: 3px;
    margin-left: 14px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.date
    .to {
    margin-left: 3px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.week {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.day {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.day
    .from {
    margin-right: 3px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.day
    .to {
    margin-left: 3px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.hours {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.subtasks {
    width: 500px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse {
    width: 50px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container {
    position: relative;
    height: 30px;
    cursor: pointer;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon {
    position: absolute;
    top: 60%;
    right: 0;
    width: 28px;
    color: #b9bbba;
    transform: translateY(-50%);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::before,
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::after {
    position: absolute;
    top: -2px;
    width: 12px;
    height: 2px;
    background-color: currentcolor;
    border-radius: 2px;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: "";
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::before {
    left: 3px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-down::before {
    transform: rotate(45deg) translateX(2.5px);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-down::after {
    transform: rotate(-45deg) translateX(-2.5px);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-up::before {
    transform: rotate(-45deg) translateX(2.5px);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-up::after {
    transform: rotate(45deg) translateX(-2.5px);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead {
    background-color: var(--yellow);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column {
    color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #ffffff;
    background-color: var(--yellow);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #0d7211;
    background-color: #0d7211;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed
    .ant-checkbox
    .ant-checkbox-inner::after {
    border-color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed:not(.ant-checkbox-checked)
    .ant-checkbox-inner {
    background-color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed:not(.ant-checkbox-checked)
    .ant-checkbox-inner::after {
    border-color: #0d7211;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-btn {
    background-color: transparent;
    color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon {
    color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::before,
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::after {
    background-color: currentcolor;
    top: -5px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper {
    height: 100%;
    transition: height 0.3s ease;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper.has-toggle-collapse {
    height: 0px;
    overflow: hidden;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container {
    table-layout: fixed;
    width: 100%;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody {
    border: 1px solid #ccc;
    border-top-color: transparent;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row:nth-child(even) {
    background-color: #fafafa;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column {
    text-align: left;
    padding: 14px 15px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action {
    width: 60px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action
    div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #ffffff;
    background-color: var(--yellow);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action
    .ant-btn {
    background-color: transparent;
    color: var(--yellow);
    width: auto;
    height: auto;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.date {
    width: 130px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.date
    > div {
    margin-left: 14px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.week {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.day {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.hours {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks {
    width: 500px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks
    .container {
    display: flex;
    gap: 6px;
    width: auto;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks
    .container
    .number {
    font-size: 16px;
    color: var(--yellow);
    width: 20px;
    text-align: center;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks
    .container
    .content {
    width: calc(100% - 20px);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.toggle-collapse {
    width: 50px;
}
#PageDashboard .btn-priority {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#PageDashboard .btn-priority.btn-standard {
    color: #ffffff;
    background-color: #0866c6 !important;
    border-color: #0866c6 !important;
}
#PageDashboard .btn-priority.btn-fast {
    color: #ffffff;
    background-color: #1c9a06 !important;
    border-color: #1c9a06 !important;
}
#PageDashboard .btn-priority.btn-lightspeed {
    color: #ffffff;
    background-color: #e4151f !important;
    border-color: #e4151f !important;
}
#PageDashboard .tbl_client_request_questions .title {
    display: flex;
    align-items: center;
    gap: 5px;
}
#PageDashboard .tbl_client_request_questions .title .text.active {
    color: var(--yellow);
}
#PageDashboard .tbl_client_request_questions .title .active-status {
    position: relative;
    height: 22px;
}
#PageDashboard .tbl_client_request_questions .title .active-status::before {
    content: "•";
    position: absolute;
    top: -22px;
    font-size: 38px;
    color: #0bb400;
}
#PageDashboard .ant-table-wrapper .tbl_client_comments .title {
    display: flex;
    align-items: center;
    gap: 5px;
}
#PageDashboard .ant-table-wrapper .tbl_client_comments .title .text.active {
    color: var(--yellow);
}
#PageDashboard .ant-table-wrapper .tbl_client_comments .title .active-status {
    position: relative;
    height: 22px;
}
#PageDashboard
    .ant-table-wrapper
    .tbl_client_comments
    .title
    .active-status::before {
    content: "•";
    position: absolute;
    top: -22px;
    font-size: 38px;
    color: #0bb400;
}
#PageDashboard .ant-table-wrapper .tbl_responses .title {
    display: flex;
    align-items: center;
    gap: 5px;
}
#PageDashboard .ant-table-wrapper .tbl_responses .title .text.active {
    color: var(--yellow);
}
#PageDashboard .ant-table-wrapper .tbl_responses .title .active-status {
    position: relative;
    height: 22px;
}
#PageDashboard .ant-table-wrapper .tbl_responses .title .active-status::before {
    content: "•";
    position: absolute;
    top: -22px;
    font-size: 38px;
    color: #0bb400;
}
#PageDashboard .ant-table-wrapper .quill-output-wrapper {
    display: flex;
}
#PageDashboard .table-custom-wrapper {
    position: relative;
    border: 1px solid #ccc;
    clear: both;
    max-width: 100%;
}
#PageDashboard .table-custom-wrapper .table-custom {
    position: relative;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder {
    position: sticky;
    top: 0;
    z-index: 3;
    overflow: auto hidden;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
    scrollbar-width: thin;
    scrollbar-color: #8c53fb #eeeeee;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar {
    width: 0;
    height: 10px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-track {
    background-color: #efefef;
    border: 1px solid #e1e1e1;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
    background-color: #8c53fb;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-track,
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper {
    padding: 0px 15px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head {
    background-color: transparent;
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column {
    padding: 14px 16px;
    text-align: left;
    font-weight: 600;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.action {
    text-align: center;
    width: 80px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.date {
    width: 130px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.week {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.day {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.hours {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.subtasks {
    width: 500px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.toggle-collapse {
    width: 50px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters {
    display: flex;
    align-items: center;
    gap: 5px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter {
    display: flex;
    flex-direction: column;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-up {
    display: flex;
    align-items: flex-end;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-up.active
    svg {
    color: #000;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-up
    svg {
    margin-top: 2px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-down {
    display: flex;
    align-items: flex-start;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-down.active
    svg {
    color: #000;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-down
    svg {
    margin-top: -8px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .title {
    font-weight: 600;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body {
    padding: 15px 15px;
    overflow: auto hidden;
    scrollbar-width: thin;
    scrollbar-color: #8c53fb #eeeeee;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar {
    width: 0;
    height: 10px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-track {
    background-color: #efefef;
    border: 1px solid #e1e1e1;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-thumb {
    background-color: #8c53fb;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-track,
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container {
    table-layout: fixed;
    width: 100%;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead {
    background-color: #fafafa;
    border: 1px solid #ccc;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column {
    padding: 9px 15px;
    color: #b9bbba;
    text-align: left;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action {
    width: 80px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .btn-status.completed {
    color: #0d7211;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid var(--yellow);
    background-color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner::after {
    left: 16%;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox.ant-checkbox-checked
    .ant-checkbox-inner {
    background-color: var(--yellow);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #0d7211;
    background-color: #0d7211;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed
    .ant-checkbox
    .ant-checkbox-inner::after {
    border-color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed.ant-checkbox-wrapper:not(
        .ant-checkbox-wrapper-disabled
    ):hover
    .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed
    .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover
    .ant-checkbox-inner {
    border-color: #0d7211;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed
    .ant-checkbox:not(.ant-checkbox-checked)
    .ant-checkbox-inner {
    background-color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-btn {
    background-color: transparent;
    color: var(--yellow);
    width: auto;
    height: auto;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.date {
    width: 130px;
    text-align: left;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.date
    .from {
    margin-right: 3px;
    margin-left: 14px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.date
    .to {
    margin-left: 3px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.week {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.day {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.day
    .from {
    margin-right: 3px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.day
    .to {
    margin-left: 3px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.hours {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.subtasks {
    width: 500px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse {
    width: 50px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container {
    position: relative;
    height: 30px;
    cursor: pointer;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon {
    position: absolute;
    top: 60%;
    right: 0;
    width: 28px;
    color: #b9bbba;
    transform: translateY(-50%);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::before,
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::after {
    position: absolute;
    top: -2px;
    width: 12px;
    height: 2px;
    background-color: currentcolor;
    border-radius: 2px;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: "";
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::before {
    left: 3px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-down::before {
    transform: rotate(45deg) translateX(2.5px);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-down::after {
    transform: rotate(-45deg) translateX(-2.5px);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-up::before {
    transform: rotate(-45deg) translateX(2.5px);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-up::after {
    transform: rotate(45deg) translateX(-2.5px);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead {
    background-color: var(--yellow);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column {
    color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #ffffff;
    background-color: var(--yellow);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #0d7211;
    background-color: #0d7211;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed
    .ant-checkbox
    .ant-checkbox-inner::after {
    border-color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed:not(.ant-checkbox-checked)
    .ant-checkbox-inner {
    background-color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.completed:not(.ant-checkbox-checked)
    .ant-checkbox-inner::after {
    border-color: #0d7211;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-btn {
    background-color: transparent;
    color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon {
    color: #ffffff;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::before,
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::after {
    background-color: currentcolor;
    top: -5px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper {
    height: 100%;
    transition: height 0.3s ease;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper.has-toggle-collapse {
    height: 0px;
    overflow: hidden;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container {
    table-layout: fixed;
    width: 100%;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody {
    border: 1px solid #ccc;
    border-top-color: transparent;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row:nth-child(even) {
    background-color: #fafafa;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column {
    text-align: left;
    padding: 14px 15px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action {
    width: 80px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action
    div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #ffffff;
    background-color: var(--yellow);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action
    .ant-btn {
    background-color: transparent;
    color: var(--yellow);
    width: auto;
    height: auto;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.date {
    width: 130px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.date
    > div {
    margin-left: 14px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.week {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.day {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.hours {
    width: 100px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks {
    width: 500px;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks
    .container {
    display: flex;
    gap: 6px;
    width: auto;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks
    .container
    .number {
    font-size: 16px;
    color: var(--yellow);
    width: 20px;
    text-align: center;
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks
    .container
    .content {
    width: calc(100% - 20px);
}
#PageDashboard
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.toggle-collapse {
    width: 50px;
}

#PageTicketing .btn-top-actions {
    display: flex;
    gap: 12px;
}
@media (max-width: 575px) {
    #PageTicketing .btn-top-actions {
        flex-direction: column;
    }
}
#PageTicketing .btn-top-actions .ant-btn {
    width: 190px;
    border-radius: 3px;
}
@media (max-width: 575px) {
    #PageTicketing .btn-top-actions .ant-btn {
        width: 100%;
    }
}
#PageTicketing .select-project-acronyms {
    width: 180px;
}
#PageTicketing .btn-top-actions-status {
    display: flex;
    gap: 12px;
}
@media (max-width: 575px) {
    #PageTicketing .btn-top-actions-status {
        flex-direction: column;
        margin-top: 12px;
    }
}
#PageTicketing .btn-top-actions-status .ant-btn {
    width: 89px;
    border-radius: 3px;
}
@media (max-width: 575px) {
    #PageTicketing .btn-top-actions-status .ant-btn {
        width: 100%;
    }
}
#PageTicketing .btn-top-actions-status .priority-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 386px;
}
#PageTicketing
    .btn-top-actions-status
    .priority-wrapper
    .btn-priority-filter.ant-btn {
    width: auto;
    background-color: transparent;
    border: 0px;
    color: #000000;
    display: flex;
    align-items: center;
}
#PageTicketing
    .btn-top-actions-status
    .priority-wrapper
    .btn-priority-filter.ant-btn
    svg {
    margin-right: 5px;
    border-radius: 50%;
    font-size: 10px;
    padding: 2px 6px;
}
#PageTicketing
    .btn-top-actions-status
    .priority-wrapper
    .btn-priority-filter.btn-standard
    svg {
    color: #ffffff;
    background-color: #0866c6 !important;
    border-color: #0866c6 !important;
}
#PageTicketing
    .btn-top-actions-status
    .priority-wrapper
    .btn-priority-filter.btn-fast
    svg {
    color: #ffffff;
    background-color: #1c9a06 !important;
    border-color: #1c9a06 !important;
}
#PageTicketing
    .btn-top-actions-status
    .priority-wrapper
    .btn-priority-filter.btn-lightspeed
    svg {
    color: #ffffff;
    background-color: #e4151f !important;
    border-color: #e4151f !important;
}
#PageTicketing .btn-priority {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#PageTicketing .btn-priority.btn-standard {
    color: #ffffff;
    background-color: #0866c6 !important;
    border-color: #0866c6 !important;
}
#PageTicketing .btn-priority.btn-fast {
    color: #ffffff;
    background-color: #1c9a06 !important;
    border-color: #1c9a06 !important;
}
#PageTicketing .btn-priority.btn-lightspeed {
    color: #ffffff;
    background-color: #e4151f !important;
    border-color: #e4151f !important;
}
@media (max-width: 767px) {
    #PageTicketing .table-pagination-wrapper .ant-pagination.table-pagination {
        justify-content: flex-end;
    }
}
#PageTicketing .tbl-page-size {
    margin-top: 12px;
}
#PageTicketing .tbl-page-size .ant-select {
    width: 100%;
}
@media (max-width: 575px) {
    #PageTicketing .tbl-bottom-showing-entries .table-showing-entries {
        justify-content: center;
    }
}
@media (max-width: 575px) {
    #PageTicketing .table-pagination-wrapper {
        text-align: center;
    }
}
@media (max-width: 575px) {
    #PageTicketing .table-pagination-wrapper .ant-pagination.table-pagination {
        justify-content: center;
    }
}
#PageTicketing .tbl_client_comments .title {
    display: flex;
    align-items: center;
    gap: 5px;
}
#PageTicketing .tbl_client_comments .title .text.active {
    color: var(--yellow);
}
#PageTicketing .tbl_client_comments .title .active-status {
    position: relative;
    height: 22px;
}
#PageTicketing .tbl_client_comments .title .active-status::before {
    content: "•";
    position: absolute;
    top: -22px;
    font-size: 38px;
    color: #0bb400;
}
#PageTicketing .tbl_responses .title {
    display: flex;
    align-items: center;
    gap: 5px;
}
#PageTicketing .tbl_responses .title .text.active {
    color: var(--yellow);
}
#PageTicketing .tbl_responses .title .active-status {
    position: relative;
    height: 22px;
}
#PageTicketing .tbl_responses .title .active-status::before {
    content: "•";
    position: absolute;
    top: -22px;
    font-size: 38px;
    color: #0bb400;
}
#PageTicketing .quill-output-wrapper {
    display: flex;
}

#PageTicketingForm .close-ticket-wrapper {
    height: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
}
#PageTicketingForm .ticket-no-wrapper {
    display: flex;
    gap: 25px;
}
#PageTicketingForm .ticket-no-wrapper .ant-input-group-wrapper {
    width: 150px;
}
#PageTicketingForm
    .ticket-no-wrapper
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input-group-addon {
    background-color: #f1f3f2;
    border-color: #cccccc;
    border-right: 0px;
    padding-right: 5px;
}
#PageTicketingForm
    .ticket-no-wrapper
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input.ant-input-disabled {
    background-color: #f1f3f2;
    border-color: #cccccc;
    color: #575958;
    border-left: 0px;
    padding-left: 0px;
}
#PageTicketingForm .ticket-no-wrapper .btn-close-ticket {
    background-color: #920503;
    color: #ffffff;
}
#PageTicketingForm .ticket-no-wrapper .btn-close-ticket:hover,
#PageTicketingForm .ticket-no-wrapper .btn-close-ticket:focus {
    border-color: #920503;
}
#PageTicketingForm .customer-details-wrapper {
    display: flex;
    justify-content: flex-end;
}
#PageTicketingForm .customer-details-wrapper .customer-details {
    width: 180px;
    display: flex;
    justify-content: space-between;
}
#PageTicketingForm
    .ant-layout:not(.ant-layout-has-collapse)
    .customer-details-wrapper {
    justify-content: flex-end;
}
@media (min-width: 768px) and (max-width: 991px) {
    #PageTicketingForm
        .ant-layout:not(.ant-layout-has-collapse)
        .customer-details-wrapper {
        justify-content: flex-start;
    }
}
@media (max-width: 991px) {
    #PageTicketingForm
        .ant-layout:not(.ant-layout-has-collapse)
        .ticket-no-wrapper
        .ant-input-group-wrapper {
        width: 180px;
    }
}
@media (width: 768px) {
    #PageTicketingForm
        .ant-layout.ant-layout-has-collapse
        .customer-details-wrapper {
        justify-content: flex-end;
    }
}
#PageTicketingForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-card
    .ant-card-head {
    padding-left: 15px;
    padding-right: 15px;
}
#PageTicketingForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-card
    .ant-card-body {
    padding: 15px;
}
#PageTicketingForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-card
    .ant-card-body
    .card-photo-wrapper
    .card-photo {
    border-radius: 5px !important;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}
#PageTicketingForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-card
    .ant-card-body
    .card-photo-wrapper
    .card-photo
    .ant-card-cover {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 200px;
    overflow: hidden;
    padding-top: 1px;
    padding-left: 1px;
    padding-right: 1px;
}
#PageTicketingForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-card
    .ant-card-body
    .card-photo-wrapper
    .card-photo
    .ant-card-cover
    .ant-image {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#PageTicketingForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-card
    .ant-card-body
    .card-photo-wrapper
    .card-photo
    .ant-card-cover
    .ant-image
    .ant-image-img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
}
#PageTicketingForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-card
    .ant-card-body
    .card-photo-wrapper
    .card-photo
    .ant-card-cover
    .ant-image
    .ant-image-mask {
    height: 250px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#PageTicketingForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-card
    .ant-card-body
    .card-photo-wrapper
    .card-photo
    .ant-card-body {
    padding: 15px 10px;
}
#PageTicketingForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-card
    .ant-card-body
    .card-photo-wrapper
    .card-photo
    .ant-card-body
    .ant-card-meta
    .ant-card-meta-detail
    .ant-card-meta-title {
    margin-bottom: 0px;
}
#PageTicketingForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-card
    .ant-card-body
    .card-photo-wrapper
    .card-photo
    .ant-card-body
    .ant-card-meta
    .ant-card-meta-detail
    .ant-card-meta-description {
    color: rgba(0, 0, 0, 0.85);
    font-size: 16px;
}
#PageTicketingForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-card
    .ant-card-body
    .card-photo-wrapper
    .card-photo
    .ant-card-actions {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#PageTicketingForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-card
    .ant-card-body
    .card-photo-wrapper
    .card-photo
    .ant-card-actions
    li {
    color: var(--yellow);
}
#PageTicketingForm
    .card-upload
    .ant-card-head
    .ant-card-head-wrapper
    .ant-card-head-title {
    padding: 3px 0px;
}
#PageTicketingForm
    .card-upload
    .ant-card-head
    .ant-card-head-wrapper
    .ant-card-head-title
    .subtitle {
    font-size: 14px;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box {
    padding: 0px;
    max-height: 400px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #58595b transparent;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box::-webkit-scrollbar-track {
    background-color: transparent;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box::-webkit-scrollbar-thumb {
    background-color: #58595b;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box::-webkit-scrollbar-track,
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    > div:not(:first-child) {
    margin-top: 10px;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-left-wrapper
    .message-left {
    width: 80%;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-left-wrapper
    .message-left
    .title {
    padding: 10px 15px;
    font-size: 12px;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-left-wrapper
    .message-left
    .description {
    padding: 10px 15px;
    background-color: #e2eaf7;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-left-wrapper
    .message-left
    .attachment {
    padding: 5px 15px;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-left-wrapper
    .message-left
    .attachment
    .ant-image {
    width: 60px;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-right-wrapper {
    display: flex;
    justify-content: flex-end;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-right-wrapper
    .message-right {
    width: 80%;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-right-wrapper
    .message-right
    .title {
    padding: 10px 15px;
    font-size: 12px;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-right-wrapper
    .message-right
    .description {
    padding: 10px 15px;
    background-color: #f9ead8;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-right-wrapper
    .message-right
    .attachment {
    padding: 5px 15px;
}
#PageTicketingForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-right-wrapper
    .message-right
    .attachment
    .ant-image {
    width: 60px;
}

.dropdown-customer-details .ant-dropdown-menu {
    padding: 0px !important;
}
.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item {
    padding-top: 10px;
    padding-bottom: 10px;
}
.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .name {
    font-weight: 600;
}
.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .number {
    margin-top: 10px;
    display: flex;
    gap: 5px;
}
.dropdown-customer-details
    .ant-dropdown-menu
    .ant-dropdown-menu-item
    .number
    .icon {
    color: var(--yellow);
}
.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .email {
    display: flex;
    gap: 5px;
}
.dropdown-customer-details
    .ant-dropdown-menu
    .ant-dropdown-menu-item
    .email
    .icon {
    color: var(--yellow);
}

.modal-form-upload-photos .ant-modal-content .ant-modal-footer {
    padding-top: 0px;
    border-top: 0px;
}

.btn-top-actions--tickets button.ant-btn {
    height: 45px !important;
    padding: 6.4px 15px;
    font-size: 16px;
}
@media (min-width: 768px) {
    .btn-top-actions--tickets button.ant-btn {
        height: auto !important;
        padding: 6.4px 7px;
        font-size: 12px;
    }
}
@media (min-width: 1024px) {
    .btn-top-actions--tickets button.ant-btn {
        height: 45px !important;
        padding: 6.4px 15px;
        font-size: 16px;
    }
}

#PageClientRetainer .btn-top-actions {
    display: flex;
    gap: 12px;
}
@media (max-width: 575px) {
    #PageClientRetainer .btn-top-actions {
        flex-direction: column;
    }
}
#PageClientRetainer .btn-top-actions .ant-btn {
    width: 190px;
    border-radius: 3px;
}
@media (max-width: 575px) {
    #PageClientRetainer .btn-top-actions .ant-btn {
        width: 100%;
    }
}
#PageClientRetainer .select-project-acronyms {
    width: 190px;
}
#PageClientRetainer .select-project-acronyms .ant-select-selector {
    border-color: var(--yellow);
    border-radius: 5px;
    box-shadow: none;
}
#PageClientRetainer
    .select-project-acronyms
    .ant-select-selector
    .ant-select-selection-search::-moz-placeholder {
    color: var(--yellow);
}
#PageClientRetainer
    .select-project-acronyms
    .ant-select-selector
    .ant-select-selection-search::placeholder {
    color: var(--yellow);
}
#PageClientRetainer
    .select-project-acronyms
    .ant-select-selector
    .ant-select-selection-placeholder {
    color: var(--yellow);
}
#PageClientRetainer .select-project-acronyms .ant-select-arrow {
    color: var(--yellow);
}
#PageClientRetainer .select-project-acronyms-wrapper {
    margin-top: 12px;
    display: flex;
    gap: 12px;
}
#PageClientRetainer .select-project-acronyms-wrapper .select-project-acronyms {
    width: calc(100% - 122px);
}
#PageClientRetainer .select-project-acronyms-wrapper .tbl-page-size {
    margin-top: 0px;
    width: 110px;
}
#PageClientRetainer .select-support-details-wrapper {
    margin-top: 12px;
    display: flex;
    gap: 12px;
}
#PageClientRetainer .select-support-details-wrapper .tbl-page-size {
    margin-top: 0px;
    width: 110px;
}
@media (max-width: 575px) {
    #PageClientRetainer .select-support-details-wrapper .tbl-page-size {
        width: 100%;
    }
}
#PageClientRetainer .btn-top-actions-year {
    display: flex;
    gap: 12px;
}
@media (max-width: 575px) {
    #PageClientRetainer .btn-top-actions-year {
        margin-top: 12px;
    }
}
#PageClientRetainer .btn-top-actions-year .ant-btn {
    width: 89px;
    border-radius: 3px;
}
@media (max-width: 575px) {
    #PageClientRetainer .btn-top-actions-year .ant-btn {
        width: 50%;
    }
}
#PageClientRetainer .btn-top-actions-year .priority-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 386px;
}
#PageClientRetainer
    .btn-top-actions-year
    .priority-wrapper
    .btn-priority-filter.ant-btn {
    width: auto;
    background-color: transparent;
    border: 0px;
    color: #000000;
    display: flex;
    align-items: center;
}
#PageClientRetainer
    .btn-top-actions-year
    .priority-wrapper
    .btn-priority-filter.ant-btn
    svg {
    margin-right: 5px;
    border-radius: 50%;
    font-size: 10px;
    padding: 2px 6px;
}
#PageClientRetainer
    .btn-top-actions-year
    .priority-wrapper
    .btn-priority-filter.btn-standard
    svg {
    color: #ffffff;
    background-color: #0866c6 !important;
    border-color: #0866c6 !important;
}
#PageClientRetainer
    .btn-top-actions-year
    .priority-wrapper
    .btn-priority-filter.btn-fast
    svg {
    color: #ffffff;
    background-color: #1c9a06 !important;
    border-color: #1c9a06 !important;
}
#PageClientRetainer
    .btn-top-actions-year
    .priority-wrapper
    .btn-priority-filter.btn-lightspeed
    svg {
    color: #ffffff;
    background-color: #e4151f !important;
    border-color: #e4151f !important;
}
#PageClientRetainer .btn-priority {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#PageClientRetainer .btn-priority.btn-standard {
    color: #ffffff;
    background-color: #0866c6 !important;
    border-color: #0866c6 !important;
}
#PageClientRetainer .btn-priority.btn-fast {
    color: #ffffff;
    background-color: #1c9a06 !important;
    border-color: #1c9a06 !important;
}
#PageClientRetainer .btn-priority.btn-lightspeed {
    color: #ffffff;
    background-color: #e4151f !important;
    border-color: #e4151f !important;
}
@media (max-width: 767px) {
    #PageClientRetainer
        .table-pagination-wrapper
        .ant-pagination.table-pagination {
        justify-content: flex-end;
    }
}
#PageClientRetainer .tbl-page-size {
    margin-top: 12px;
}
#PageClientRetainer .tbl-page-size .ant-select {
    width: 100%;
}
@media (max-width: 575px) {
    #PageClientRetainer .tbl-bottom-showing-entries .table-showing-entries {
        justify-content: center;
    }
}
@media (max-width: 575px) {
    #PageClientRetainer .table-pagination-wrapper {
        text-align: center;
    }
}
@media (max-width: 575px) {
    #PageClientRetainer
        .table-pagination-wrapper
        .ant-pagination.table-pagination {
        justify-content: center;
    }
}
#PageClientRetainer .color-retainer-hours {
    color: #ea2b32;
}
#PageClientRetainer .color-design {
    color: #2993c1;
}
#PageClientRetainer .color-programming {
    color: #36a800;
}

.modal-support-details {
    width: 100% !important;
}
@media (min-width: 1024px) {
    .modal-support-details {
        width: 58% !important;
    }
}
.modal-support-details .title-top {
    text-align: center;
    font-size: 18px;
    margin-bottom: 25px;
}
.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper {
    overflow-x: auto;
    padding-bottom: 10px;
}
.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table {
    border-collapse: collapse;
    border: 1px solid #e5e7e6;
    table-layout: fixed;
    width: 100%;
    font-size: 18px;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    thead
    tr
    th {
    padding: 3px;
    border-bottom: 1px solid #e5e7e6;
    padding: 20px;
    line-height: normal;
    background-color: #fafafa;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    thead
    tr
    th
    b {
    font-weight: 700;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    thead
    tr
    th:not(:last-child) {
    border-right: 1px solid #e5e7e6;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    thead
    tr
    th:nth-child(1) {
    width: 110px;
    font-weight: 600;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    thead
    tr
    th:nth-child(2) {
    width: 150px;
    font-weight: 600;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    thead
    tr
    th:nth-child(3) {
    width: 230px;
    font-weight: 600;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    thead
    tr
    th:nth-child(4) {
    width: 230px;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr.low
    td {
    padding: 20px;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr.low
    td:not(:first-child) {
    background: white;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr.low
    td:first-child {
    background: white;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr.medium
    td {
    padding: 20px;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr.medium
    td:not(:first-child) {
    background: #fafafa;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr.medium
    td:first-child {
    background: #fafafa;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr.high
    td {
    padding: 20px;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr.high
    td:not(:first-child) {
    background: white;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr.high
    td:first-child {
    background: white;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    td,
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    th {
    padding: 3px;
    line-height: normal;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    td:not(:last-child),
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    th:not(:last-child) {
    border-right: 1px solid #e5e7e6;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    td
    b,
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    th
    b {
    font-weight: 700;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    th:not(
        .modal-support-details
            .ant-modal-content
            .ant-modal-body
            .tbl-wrapper
            table
            tbody
            tr
            th:last-child
    ) {
    background: #fd9803;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    th:not(:first-child) {
    color: #ffffff;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    th:first-child {
    font-weight: 600;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    th:nth-child(3) {
    width: 115px;
    background: #1a66cc !important;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    th:nth-child(4) {
    width: 115px;
    background: #068003 !important;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    th:nth-child(5) {
    width: 115px;
    background: #993300 !important;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    th:nth-child(6) {
    width: 115px;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    td.low {
    background: #dceef4;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    td.medium {
    background: #d8e4bd;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    td.high {
    background: #f2dada;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    td.priority-level
    .ant-space {
    align-items: baseline;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    td.priority-level
    .ant-space
    .circle {
    padding: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 25px;
    font-size: 12px;
    color: white;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    td.priority-level
    .ant-space
    .l-c {
    background-color: #1a66cc;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    td.priority-level
    .ant-space
    .m-c {
    background-color: #068003;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    td.priority-level
    .ant-space
    .h-c {
    background-color: #993300;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    td.priority-level
    .ant-space
    .l-c-t {
    color: #1a66cc;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    td.priority-level
    .ant-space
    .m-c-t {
    color: #068003;
}
.modal-support-details
    .ant-modal-content
    .ant-modal-body
    .tbl-wrapper
    table
    tbody
    tr
    td.priority-level
    .ant-space
    .h-c-t {
    color: #993300;
}

#PageEditProfile
    .ant-layout
    .ant-layout-header
    .header-left-menu
    .ant-page-header
    .ant-page-header-heading
    .ant-page-header-heading-left
    .ant-page-header-heading-title
    .ant-page-header-icon
    svg {
    margin-left: 5px;
}
#PageEditProfile .card-personal-information .ant-card-body {
    padding-bottom: 10px;
}
#PageEditProfile .e_signature_canvas_wrapper {
    margin-bottom: 18px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfcfcf;
}
#PageEditProfile .e_signature_canvas_wrapper img {
    max-width: 100%;
    max-height: 100%;
}
#PageEditProfile .btn_group_e_signature_canvas_wrapper {
    display: flex;
    gap: 8px;
    justify-content: space-between;
}
@media (max-width: 575px) {
    #PageEditProfile .btn_group_e_signature_canvas_wrapper {
        flex-direction: column;
        gap: 18px;
    }
}
@media (max-width: 575px) {
    #PageEditProfile .btn_group_e_signature_canvas_wrapper .ant-btn {
        width: 100%;
    }
}
#PageEditProfile .edit-profile-layout > div:first-child {
    order: 2;
}
@media (min-width: 1440px) {
    #PageEditProfile .edit-profile-layout > div:first-child {
        order: 1;
    }
}
#PageEditProfile .edit-profile-layout > div:nth-child(2) {
    order: 1;
}
@media (min-width: 1440px) {
    #PageEditProfile .edit-profile-layout > div:nth-child(2) {
        order: 2;
    }
}

.card-profile-photo
    .ant-card-body
    .ant-upload-picture-card-wrapper
    .ant-upload {
    width: 180px;
    height: 180px;
}
.card-profile-photo
    .ant-card-body
    .ant-upload-picture-card-wrapper
    .ant-upload:hover {
    border-color: transparent;
}
.card-profile-photo
    .ant-card-body
    .ant-upload-picture-card-wrapper
    .ant-upload
    .ant-upload {
    border: 1px solid var(--yellow);
    box-shadow: -1px 1px 10px -1px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: -1px 1px 10px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 1px 10px -1px rgba(0, 0, 0, 0.75);
}

#PageEmployee .btn_add {
    width: 185px;
}
#PageEmployee .year-wrapper {
    width: 185px;
    display: flex;
    gap: 5px;
}
@media (max-width: 575px) {
    #PageEmployee .year-wrapper {
        width: 100%;
    }
}
#PageEmployee .year-wrapper .ant-btn {
    width: 92.5px;
}
@media (max-width: 575px) {
    #PageEmployee .year-wrapper .ant-btn {
        width: 50%;
    }
}
#PageEmployee .table-custom-wrapper {
    position: relative;
    border: 1px solid #ccc;
    clear: both;
    max-width: 100%;
}
#PageEmployee .table-custom-wrapper .table-custom {
    position: relative;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder {
    position: sticky;
    top: 0;
    z-index: 3;
    overflow: auto hidden;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
    scrollbar-width: thin;
    scrollbar-color: #8c53fb #eeeeee;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar {
    width: 0;
    height: 10px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-track {
    background-color: #efefef;
    border: 1px solid #e1e1e1;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
    background-color: #8c53fb;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-track,
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper {
    padding: 0px 15px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head {
    background-color: transparent;
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column {
    padding: 14px 14px;
    text-align: left;
    font-weight: 900;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.action {
    text-align: center;
    width: 80px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.date {
    width: 130px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.date
    .sorters
    .title {
    font-weight: 900;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.week {
    width: 100px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.day {
    width: 100px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.hours {
    width: 100px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.subtasks {
    width: 500px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.toggle-collapse {
    width: 50px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters {
    display: flex;
    align-items: center;
    gap: 5px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter {
    display: flex;
    flex-direction: column;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-up {
    display: flex;
    align-items: flex-end;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-up.active
    svg {
    color: #000;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-up
    svg {
    margin-top: 2px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-down {
    display: flex;
    align-items: flex-start;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-down.active
    svg {
    color: #000;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-down
    svg {
    margin-top: -8px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .title {
    font-weight: 500;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body {
    padding: 15px 15px;
    overflow: auto hidden;
    scrollbar-width: thin;
    scrollbar-color: #8c53fb #eeeeee;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar {
    width: 0;
    height: 10px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-track {
    background-color: #efefef;
    border: 1px solid #e1e1e1;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-thumb {
    background-color: #8c53fb;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-track,
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container {
    table-layout: fixed;
    width: 100%;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead {
    background-color: #fafafa;
    border: 1px solid #ccc;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column {
    padding: 9px 14px;
    color: #b9bbba;
    text-align: left;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action {
    width: 80px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .btn-status:hover
    svg {
    color: #ffffff;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .btn-status.paid
    svg {
    color: #0d7211;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .btn-status.paid:hover
    svg {
    color: var(--yellow);
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid var(--yellow);
    background-color: #ffffff;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner::after {
    left: 16%;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox.ant-checkbox-checked
    .ant-checkbox-inner {
    background-color: var(--yellow);
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #0d7211;
    background-color: #0d7211;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid
    .ant-checkbox
    .ant-checkbox-inner::after {
    border-color: #ffffff;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid.ant-checkbox-wrapper:not(
        .ant-checkbox-wrapper-disabled
    ):hover
    .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid
    .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover
    .ant-checkbox-inner {
    border-color: #0d7211;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid
    .ant-checkbox:not(.ant-checkbox-checked)
    .ant-checkbox-inner {
    background-color: #ffffff;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-btn {
    background-color: transparent;
    color: var(--yellow);
    width: auto;
    height: auto;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.date {
    width: 130px;
    text-align: left;
    padding-left: 31px !important;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.date
    .from {
    margin-right: 3px;
    margin-left: 0px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.week {
    width: 100px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.day {
    width: 100px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.day
    .from {
    margin-right: 3px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.hours {
    width: 100px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.subtasks {
    width: 500px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse {
    width: 50px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container {
    position: relative;
    height: 30px;
    cursor: pointer;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon {
    position: absolute;
    top: 60%;
    right: 0;
    width: 28px;
    color: #b9bbba;
    transform: translateY(-50%);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::before,
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::after {
    position: absolute;
    top: -2px;
    width: 12px;
    height: 2px;
    background-color: currentcolor;
    border-radius: 2px;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: "";
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::before {
    left: 3px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-down::before {
    transform: rotate(45deg) translateX(2.5px);
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-down::after {
    transform: rotate(-45deg) translateX(-2.5px);
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-up::before {
    transform: rotate(-45deg) translateX(2.5px);
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-up::after {
    transform: rotate(45deg) translateX(-2.5px);
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead {
    background-color: var(--yellow);
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column {
    color: #ffffff;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #ffffff;
    background-color: var(--yellow);
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #0d7211;
    background-color: #0d7211;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid
    .ant-checkbox
    .ant-checkbox-inner::after {
    border-color: #ffffff;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked)
    .ant-checkbox-inner {
    background-color: #ffffff;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked)
    .ant-checkbox-inner::after {
    border-color: #0d7211;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-btn {
    background-color: transparent;
    color: #ffffff;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.action
    .btn-status.paid:hover
    svg {
    color: #ffffff;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon {
    color: #ffffff;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::before,
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::after {
    background-color: currentcolor;
    top: -5px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper {
    height: 100%;
    transition: height 0.3s ease;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper.has-toggle-collapse {
    height: 0px;
    overflow: hidden;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container {
    table-layout: fixed;
    width: 100%;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody {
    border: 1px solid #ccc;
    border-top-color: transparent;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row:nth-child(even) {
    background-color: #fafafa;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column {
    text-align: left;
    padding: 14px 14px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action {
    width: 80px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action
    div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #ffffff;
    background-color: var(--yellow);
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action
    .ant-btn {
    background-color: transparent;
    color: var(--yellow);
    width: auto;
    height: auto;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.date {
    width: 130px;
    padding-left: 31px !important;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.week {
    width: 100px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.day {
    width: 100px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.hours {
    width: 100px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks {
    width: 500px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks
    .container {
    display: flex;
    align-items: center;
    gap: 6px;
    width: auto;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks
    .container
    .number {
    font-size: 16px;
    color: var(--yellow);
    width: 20px;
    text-align: center;
    margin-top: -1px;
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks
    .container
    .content {
    width: auto;
    max-width: calc(100% - 20px);
}
#PageEmployee
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.toggle-collapse {
    width: 50px;
}

.modal-wrap-choose-date-range .ant-modal {
    width: 600px !important;
}
@media (max-width: 575px) {
    .modal-wrap-choose-date-range .ant-modal {
        max-width: calc(100vw - 16px) !important;
    }
}
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper {
    border-radius: 10px;
    padding-top: 10px;
    border: 1px dashed #ececec;
    display: flex;
    flex-direction: column;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range {
    margin: 0 auto;
    background-color: #dedede;
    border-radius: 5px;
    padding: 2px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range:hover,
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range.ant-picker-focused,
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range:focus {
    border: transparent;
    box-shadow: none;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range
    .ant-picker-input {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 2px 10px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range
    .ant-picker-input.ant-picker-input-active {
    background-color: #ffffff;
    border-radius: 5px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range
    .ant-picker-input.ant-picker-input-holder {
    border: transparent;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range
    .ant-picker-active-bar {
    display: none;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range
    .ant-picker-input:nth-child(1)::before {
    content: "Start";
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range
    .ant-picker-input:nth-child(3)::before {
    content: "End";
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range
    .ant-picker-suffix {
    display: none;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range) {
    position: static !important;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown {
    position: static !important;
    padding: 0px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-range-arrow {
    display: none;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container {
    box-shadow: none;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container::-webkit-scrollbar-track {
    background-color: transparent;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container::-webkit-scrollbar-track,
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel {
    border: 0px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header {
    border: 0px;
    padding: 0 20px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn,
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn {
    display: none;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header
    .ant-picker-prev-icon::before,
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header
    .ant-picker-next-icon::before,
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header
    .ant-picker-super-prev-icon::before,
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header
    .ant-picker-super-next-icon::before {
    width: 10px;
    height: 10px;
    border-width: 2px 0 0 2px;
    color: #2578f2;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header
    .ant-picker-header-view
    button {
    font-size: 16px !important;
    color: #2578f2;
}

.modal-wrap-select-week .ant-modal {
    width: 600px !important;
}
@media (max-width: 575px) {
    .modal-wrap-select-week .ant-modal {
        max-width: calc(100vw - 16px) !important;
    }
}
@media (max-width: 345px) {
    .modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body {
        padding: 10px !important;
    }
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper {
    display: flex;
    flex-direction: column;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker) {
    position: static !important;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown {
    position: static !important;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container {
    box-shadow: none;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel {
    width: 100%;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel.ant-picker-panel-focused {
    border-color: transparent !important;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel {
    width: 100%;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header {
    padding: 0px 18px;
    border-bottom: transparent;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-month-btn,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-year-btn {
    font-size: 18px;
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-month-btn:hover,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-year-btn:hover {
    color: #000000;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-prev-btn,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-next-btn {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-prev-btn
    .ant-picker-prev-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-prev-btn
    .ant-picker-next-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-next-btn
    .ant-picker-prev-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-next-btn
    .ant-picker-next-icon::before {
    width: 10px;
    height: 10px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn {
    display: none;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body {
    padding: 0px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th[aria-label="empty cell"]::before {
    content: "WN";
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th:not([aria-label="empty cell"]) {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell.ant-picker-cell-week {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell
    .ant-picker-cell-inner {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell-today
    .ant-picker-cell-inner::before {
    border-color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr.ant-picker-week-panel-row-selected
    td {
    background: #fcfddc;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr.ant-picker-week-panel-row-selected
    td
    .ant-picker-cell-inner {
    color: #000000;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel {
    width: 100%;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header {
    padding: 0px 55px;
    border-bottom: transparent;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-decade-btn {
    font-size: 18px;
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-decade-btn:hover {
    color: #000000;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-next-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-prev-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-next-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-prev-icon::before {
    width: 10px;
    height: 10px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-next-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-prev-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-next-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-prev-icon::after {
    width: 10px;
    height: 10px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-body {
    padding: 0px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th[aria-label="empty cell"]::before {
    content: "WN";
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th:not([aria-label="empty cell"]) {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell.ant-picker-cell-week {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell
    .ant-picker-cell-inner {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell-selected
    .ant-picker-cell-inner {
    background-color: #fcfddc;
    color: #000000;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel {
    width: 100%;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header {
    padding: 0px 55px;
    border-bottom: transparent;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-view {
    font-size: 18px;
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-next-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-prev-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-next-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-prev-icon::before {
    width: 10px;
    height: 10px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-next-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-prev-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-next-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-prev-icon::after {
    width: 10px;
    height: 10px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-body {
    padding: 0px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th[aria-label="empty cell"]::before {
    content: "WN";
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th:not([aria-label="empty cell"]) {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell.ant-picker-cell-week {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell
    .ant-picker-cell-inner {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell-selected
    .ant-picker-cell-inner {
    background-color: #fcfddc;
    color: #000000;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel {
    width: 100%;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header {
    padding: 0px 55px;
    border-bottom: transparent;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-year-btn {
    font-size: 18px;
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-year-btn:hover {
    color: #000000;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-next-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-prev-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-next-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-prev-icon::before {
    width: 10px;
    height: 10px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-next-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-prev-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-next-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-prev-icon::after {
    width: 10px;
    height: 10px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-body {
    padding: 0px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th[aria-label="empty cell"]::before {
    content: "WN";
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th:not([aria-label="empty cell"]) {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell.ant-picker-cell-week {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell
    .ant-picker-cell-inner {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell-selected
    .ant-picker-cell-inner {
    background-color: #fcfddc;
    color: #000000;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    > div.ant-picker {
    visibility: hidden;
    height: 0px;
}

.modal-wrap-edit-hours-tasks .ant-modal {
    width: 700px !important;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .collapse-timer-recording
    .ant-collapse-header {
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc !important;
    padding: 12px 12px;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .collapse-timer-recording
    .ant-collapse-header
    .ant-collapse-expand-icon
    svg {
    color: #616161;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .collapse-timer-recording
    .ant-collapse-header
    .ant-collapse-expand-icon
    .ant-collapse-arrow {
    right: 12px;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .collapse-timer-recording
    .ant-collapse-content
    .ant-collapse-content-box {
    padding: 12px;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-input.ant-input-disabled.no-float-wrapper {
    color: #4d4e50;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-total-hours-manual
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input-group-addon,
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-timer-hours
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input-group-addon {
    border: 0px;
    border-left: 1px solid #cccccc;
    background-color: transparent;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-total-hours-manual
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input-group-addon
    svg,
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-timer-hours
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input-group-addon
    svg {
    color: #8c53fb;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-total-hours-manual.disabled
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input[disabled],
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-timer-hours.disabled
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input[disabled] {
    background-color: #f5f5f5;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-total-hours-manual.disabled
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input-group-addon,
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-timer-hours.disabled
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input-group-addon {
    background: #f5f5f5;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-total-hours-manual.disabled
    input,
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-timer-hours.disabled
    input {
    color: #4d4e50;
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .tasks-title {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 18px;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .quill
    .ql-container.ql-snow {
    min-height: 120px;
}

#PageRetainerTickets .btn-add {
    width: 190px;
    background-color: #0e7f00;
    color: #ffffff;
    border-color: #0e7f00;
}
#PageRetainerTickets .btn-add:hover,
#PageRetainerTickets .btn-add:focus {
    background-color: #0e7f00;
    color: #ffffff;
    border-color: #0e7f00;
    box-shadow: none;
}
@media (max-width: 575px) {
    #PageRetainerTickets .btn-add {
        width: 100%;
        margin-bottom: 10px;
    }
}
#PageRetainerTickets .btn-top-actions {
    display: flex;
    gap: 9px;
}
@media (max-width: 575px) {
    #PageRetainerTickets .btn-top-actions {
        flex-direction: column;
    }
}
#PageRetainerTickets .btn-top-actions .ant-btn {
    width: 90px;
    border-radius: 3px;
}
@media (max-width: 575px) {
    #PageRetainerTickets .btn-top-actions .ant-btn {
        width: 100%;
    }
}
#PageRetainerTickets .btn-priority {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#PageRetainerTickets .btn-priority.btn-standard {
    color: #ffffff;
    background-color: #0866c6 !important;
    border-color: #0866c6 !important;
}
#PageRetainerTickets .btn-priority.btn-fast {
    color: #ffffff;
    background-color: #1c9a06 !important;
    border-color: #1c9a06 !important;
}
#PageRetainerTickets .btn-priority.btn-lightspeed {
    color: #ffffff;
    background-color: #e4151f !important;
    border-color: #e4151f !important;
}
#PageRetainerTickets .tbl_client_request_questions .title {
    display: flex;
    align-items: center;
    gap: 5px;
}
#PageRetainerTickets .tbl_client_request_questions .title .text.active {
    color: var(--yellow);
}
#PageRetainerTickets .tbl_client_request_questions .title .active-status {
    position: relative;
    height: 22px;
}
#PageRetainerTickets
    .tbl_client_request_questions
    .title
    .active-status::before {
    content: "•";
    position: absolute;
    top: -22px;
    font-size: 38px;
    color: #0bb400;
}
@media (max-width: 767px) {
    #PageRetainerTickets
        .table-pagination-wrapper
        .ant-pagination.table-pagination {
        justify-content: flex-end !important;
    }
}
@media (max-width: 575px) {
    #PageRetainerTickets .tbl-page-size .ant-select {
        width: 100% !important;
    }
}

.modal-form-client-project .ant-modal {
    width: 550px !important;
}
.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-close {
    width: auto;
    height: auto;
    padding: 0px;
    top: -10px;
    right: -10px;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-close
    .ant-modal-close-x {
    width: 20px;
    height: 20px;
    line-height: normal;
    padding: 5px;
    background: var(--yellow);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-header {
    background-color: transparent !important;
    text-align: center;
    border: 0px;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-header
    .ant-modal-title {
    color: #000000 !important;
    font-weight: 600;
    font-size: 22px;
    line-height: normal;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-radio-wrapper
    > .ant-radio
    > .ant-radio-inner {
    border-color: #5e5e5e;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-radio-wrapper.ant-radio-wrapper-checked
    > .ant-radio.ant-radio-checked
    > .ant-radio-inner {
    border-color: #8c53fb;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-radio-wrapper.ant-radio-wrapper-checked
    > .ant-radio.ant-radio-checked
    > .ant-radio-inner::after {
    background-color: #ffffff;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space {
    width: 100%;
    gap: 0px !important;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .horizontal {
    display: flex;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .horizontal
    > .ant-radio-wrapper {
    width: 50%;
    margin-right: 0px;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .ant-divider::before,
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .ant-divider::after {
    border-top: 1px solid #8c53fb;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .ant-divider
    .ant-divider-inner-text {
    color: #545454;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-radio-group
    .ant-space
    .ant-space-item
    .general-note {
    font-size: 12px;
    color: #808285;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .timer-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .timer-wrapper
    .ant-btn {
    width: auto;
    height: auto;
    padding: 0px;
    line-height: normal;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .timer-wrapper
    .ant-btn
    svg {
    font-size: 32px;
    color: #057900;
    cursor: pointer;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .timer-wrapper
    .btn-play.is_loading
    svg {
    color: #545454;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .timer-wrapper
    .timer {
    display: flex;
    line-height: 38px;
    gap: 3px;
}
.modal-form-client-project
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .timer-wrapper
    .timer
    > div {
    font-size: 38px;
    line-height: 38px;
}

.add-retainer-hours-modal .ant-card-head-title {
    font-size: 15px;
    font-weight: 600;
}
.add-retainer-hours-modal .ant-table thead.ant-table-thead tr th {
    font-weight: 600;
}

#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-top-actions {
    display: flex;
    gap: 12px;
}
@media (max-width: 575px) {
    #PageProjectTickets
        > .ant-layout
        > .ant-layout-content
        > .content-wrapper
        .btn-top-actions {
        flex-direction: column;
    }
}
#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-top-actions
    .ant-btn {
    width: 190px;
    border-radius: 3px;
}
@media (max-width: 575px) {
    #PageProjectTickets
        > .ant-layout
        > .ant-layout-content
        > .content-wrapper
        .btn-top-actions
        .ant-btn {
        width: 100%;
    }
}
@media (max-width: 767px) {
    #PageProjectTickets
        > .ant-layout
        > .ant-layout-content
        > .content-wrapper
        .table-pagination-wrapper
        .ant-pagination.table-pagination {
        justify-content: flex-end;
    }
}
#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-top-actions-open-status {
    margin-top: 10px;
    display: flex;
    gap: 12px;
}
@media (max-width: 575px) {
    #PageProjectTickets
        > .ant-layout
        > .ant-layout-content
        > .content-wrapper
        .btn-top-actions-open-status {
        margin-top: 12px;
        flex-direction: column;
    }
}
#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-top-actions-open-status
    .ant-btn {
    width: 89px;
    border-radius: 3px;
}
@media (max-width: 575px) {
    #PageProjectTickets
        > .ant-layout
        > .ant-layout-content
        > .content-wrapper
        .btn-top-actions-open-status
        .ant-btn {
        width: 100%;
    }
}
#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-collapse
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .tbl-page-size {
    margin-top: 12px !important;
}
#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-collapse
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .tbl-page-size
    .ant-select {
    width: 100%;
}
#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-table-wrapper
    .btn-priority {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-table-wrapper
    .btn-priority.btn-standard {
    color: #ffffff;
    background-color: #197fb4 !important;
    border-color: #197fb4 !important;
}
#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-table-wrapper
    .btn-priority.btn-fast {
    color: #ffffff;
    background-color: #139a00 !important;
    border-color: #139a00 !important;
}
#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-table-wrapper
    .btn-priority.btn-lightspeed {
    color: #ffffff;
    background-color: #e50e1a !important;
    border-color: #e50e1a !important;
}
#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-table-wrapper
    .tbl_client_comments
    .title {
    display: flex;
    align-items: center;
    gap: 5px;
}
#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-table-wrapper
    .tbl_client_comments
    .title
    .text.active {
    color: var(--yellow);
}
#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-table-wrapper
    .tbl_client_comments
    .title
    .active-status {
    position: relative;
    height: 22px;
}
#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-table-wrapper
    .tbl_client_comments
    .title
    .active-status::before {
    content: "•";
    position: absolute;
    top: -22px;
    font-size: 38px;
    color: #0bb400;
}
#PageProjectTickets
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-table-wrapper
    .quill-output-wrapper {
    display: flex;
}

#PageProjectTicketForm .close-ticket-wrapper {
    height: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
}
#PageProjectTicketForm .ticket-no-wrapper {
    display: flex;
    gap: 25px;
}
#PageProjectTicketForm .ticket-no-wrapper .ant-input-group-wrapper {
    width: 150px;
}
@media (max-width: 575px) {
    #PageProjectTicketForm .ticket-no-wrapper .ant-input-group-wrapper {
        width: 100%;
    }
}
#PageProjectTicketForm
    .ticket-no-wrapper
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input-group-addon {
    background-color: #f1f3f2;
    border-color: #cccccc;
    border-right: 0px;
    padding-right: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 45px;
    font-size: 16px;
}
#PageProjectTicketForm
    .ticket-no-wrapper
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input.ant-input-disabled {
    background-color: #f1f3f2;
    border-color: #cccccc;
    color: #575958;
    border-left: 0px;
    padding-left: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 45px;
    font-size: 16px;
}
#PageProjectTicketForm .ticket-action-wrapper {
    display: flex;
    justify-content: flex-end;
}
#PageProjectTicketForm .ticket-action-wrapper .btn-close-ticket {
    background-color: #f1f3f2;
    color: #7b7d7d;
    border-color: #b1b1b1;
}
@media (max-width: 575px) {
    #PageProjectTicketForm .ticket-action-wrapper .btn-close-ticket {
        width: 100%;
    }
}
#PageProjectTicketForm .ticket-action-wrapper .btn-close-ticket:hover,
#PageProjectTicketForm .ticket-action-wrapper .btn-close-ticket:focus {
    border-color: #b1b1b1;
}
#PageProjectTicketForm .ticket-action-wrapper .btn-close-ticket.active {
    background: #930502;
    border-color: #930502;
    color: #ffffff;
}
#PageProjectTicketForm .ticket-action-wrapper .btn-close-ticket.active:hover,
#PageProjectTicketForm .ticket-action-wrapper .btn-close-ticket.active:focus {
    background: #930502;
    border-color: #930502;
    color: #ffffff;
}
#PageProjectTicketForm .priority-status-action-wrapper {
    display: flex;
    gap: 30px;
}
#PageProjectTicketForm .priority-status-action-wrapper .label {
    display: flex;
    gap: 3px;
}
#PageProjectTicketForm .priority-status-action-wrapper .label > span {
    font-weight: 600;
}
#PageProjectTicketForm .priority-status-action-wrapper .label .required {
    color: #a10613;
    font-weight: 600;
    display: flex;
    align-items: flex-end;
    line-height: normal;
    padding-bottom: 1px;
}
#PageProjectTicketForm
    .priority-status-action-wrapper
    .ant-radio-group
    .ant-radio-wrapper {
    margin-right: 20px;
}
#PageProjectTicketForm
    .priority-status-action-wrapper
    .ant-radio-group
    .ant-radio-wrapper
    > span:last-child {
    font-weight: 600;
    font-size: 16px;
}
#PageProjectTicketForm
    .priority-status-action-wrapper
    .ant-radio-group
    .ant-radio-wrapper:nth-child(1)
    > span:last-child {
    color: #197fb4;
}
#PageProjectTicketForm
    .priority-status-action-wrapper
    .ant-radio-group
    .ant-radio-wrapper:nth-child(1).ant-radio-wrapper-checked
    .ant-radio-checked
    .ant-radio-inner::after {
    background-color: #197fb4;
}
#PageProjectTicketForm
    .priority-status-action-wrapper
    .ant-radio-group
    .ant-radio-wrapper:nth-child(2)
    > span:last-child {
    color: #139a00;
}
#PageProjectTicketForm
    .priority-status-action-wrapper
    .ant-radio-group
    .ant-radio-wrapper:nth-child(2).ant-radio-wrapper-checked
    .ant-radio-checked
    .ant-radio-inner::after {
    background-color: #139a00;
}
#PageProjectTicketForm
    .priority-status-action-wrapper
    .ant-radio-group
    .ant-radio-wrapper:nth-child(3)
    > span:last-child {
    color: #e50e1a;
}
#PageProjectTicketForm
    .priority-status-action-wrapper
    .ant-radio-group
    .ant-radio-wrapper:nth-child(3).ant-radio-wrapper-checked
    .ant-radio-checked
    .ant-radio-inner::after {
    background-color: #e50e1a;
}
#PageProjectTicketForm
    .priority-status-action-wrapper
    .ant-radio-group
    .ant-radio-wrapper
    .ant-radio {
    top: 0.1em;
}
#PageProjectTicketForm
    .priority-status-action-wrapper
    .ant-radio-group
    .ant-radio-wrapper
    .ant-radio
    .ant-radio-inner {
    border-color: #1b1b1b;
    border-width: 2px;
    width: 14px;
    height: 14px;
}
@media (max-width: 691px) {
    #PageProjectTicketForm .priority-status-action-wrapper {
        gap: 0px;
        flex-direction: column;
    }
}
#PageProjectTicketForm .customer-details-wrapper {
    display: flex;
    justify-content: flex-end;
}
#PageProjectTicketForm .customer-details-wrapper .customer-details {
    width: 180px;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 575px) {
    #PageProjectTicketForm .btn-submit {
        width: 100%;
    }
}
#PageProjectTicketForm
    .ant-layout:not(.ant-layout-has-collapse)
    .customer-details-wrapper {
    justify-content: flex-end;
}
@media (min-width: 768px) and (max-width: 991px) {
    #PageProjectTicketForm
        .ant-layout:not(.ant-layout-has-collapse)
        .customer-details-wrapper {
        justify-content: flex-start;
    }
}
@media (max-width: 991px) {
    #PageProjectTicketForm
        .ant-layout:not(.ant-layout-has-collapse)
        .ticket-no-wrapper
        .ant-input-group-wrapper {
        width: 180px;
    }
}
@media (width: 768px) {
    #PageProjectTicketForm
        .ant-layout.ant-layout-has-collapse
        .customer-details-wrapper {
        justify-content: flex-end;
    }
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-head {
    padding-left: 15px;
    padding-right: 15px;
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body {
    padding: 15px;
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body
    .card-uploaded-wrapper
    .card-file-uploaded {
    border-radius: 5px !important;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body
    .card-uploaded-wrapper
    .card-file-uploaded
    .ant-card-cover {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 150px;
    overflow: hidden;
    padding-top: 1px;
    padding-left: 1px;
    padding-right: 1px;
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body
    .card-uploaded-wrapper
    .card-file-uploaded
    .ant-card-cover
    .react-player-video-wrapper {
    height: 200px !important;
    width: auto !important;
    display: flex;
    align-items: center;
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body
    .card-uploaded-wrapper
    .card-file-uploaded
    .ant-card-cover
    .react-player-video-wrapper
    video {
    max-width: 100%;
    height: auto;
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body
    .card-uploaded-wrapper
    .card-file-uploaded
    .ant-card-cover
    .ant-image {
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body
    .card-uploaded-wrapper
    .card-file-uploaded
    .ant-card-cover
    .ant-image
    .ant-image-img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body
    .card-uploaded-wrapper
    .card-file-uploaded
    .ant-card-cover
    .ant-image
    .ant-image-mask {
    height: 250px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body
    .card-uploaded-wrapper
    .card-file-uploaded.video
    .ant-card-cover {
    height: 200px;
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body
    .card-uploaded-wrapper
    .card-file-uploaded
    .ant-card-body {
    padding: 15px 10px;
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body
    .card-uploaded-wrapper
    .card-file-uploaded
    .ant-card-body
    .ant-card-meta
    .ant-card-meta-detail
    .ant-card-meta-title {
    margin-bottom: 0px;
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body
    .card-uploaded-wrapper
    .card-file-uploaded
    .ant-card-body
    .ant-card-meta
    .ant-card-meta-detail
    .ant-card-meta-description {
    color: rgba(0, 0, 0, 0.85);
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body
    .card-uploaded-wrapper
    .card-file-uploaded
    .ant-card-actions {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body
    .card-uploaded-wrapper
    .card-file-uploaded
    .ant-card-actions
    li {
    color: var(--yellow);
}
#PageProjectTicketForm
    .collapse-description-comment
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-card.card-upload
    .ant-card-body
    .card-uploaded-wrapper
    .card-file-uploaded
    .ant-card-actions
    li
    span:hover {
    color: var(--yellow);
}
#PageProjectTicketForm
    .card-upload
    .ant-card-head
    .ant-card-head-wrapper
    .ant-card-head-title {
    padding: 3px 0px;
}
#PageProjectTicketForm
    .card-upload
    .ant-card-head
    .ant-card-head-wrapper
    .ant-card-head-title
    .subtitle {
    font-size: 14px;
}
#PageProjectTicketForm
    .collapse-history
    .message-form-wrapper
    .ant-input-affix-wrapper:focus,
#PageProjectTicketForm
    .collapse-history
    .message-form-wrapper
    .ant-input-affix-wrapper:hover {
    border-color: var(--yellow);
}
#PageProjectTicketForm
    .collapse-history
    .message-form-wrapper
    .ant-input-affix-wrapper-focused {
    box-shadow: none;
    border-color: var(--yellow);
}
#PageProjectTicketForm
    .collapse-history
    .message-form-wrapper
    button.ant-btn-icon-only {
    width: 62px;
    height: 62px;
    border-left: none;
}
#PageProjectTicketForm
    .collapse-history
    .message-form-wrapper
    button.ant-btn-icon-only:active,
#PageProjectTicketForm
    .collapse-history
    .message-form-wrapper
    button.ant-btn-icon-only:hover {
    border: 1px solid var(--yellow);
    background-color: var(--yellow);
    color: white;
    border-left: none;
}
#PageProjectTicketForm .collapse-history .message-wrapper .message-content {
    word-break: break-word;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box {
    padding: 0px 0px 10px;
    scrollbar-width: thin;
    scrollbar-color: #58595b transparent;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box::-webkit-scrollbar-track {
    background-color: transparent;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box::-webkit-scrollbar-thumb {
    background-color: #58595b;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box::-webkit-scrollbar-track,
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    > div:not(:first-child) {
    margin-top: 10px;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-form-wrapper
    .message-form {
    display: flex;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-form-wrapper
    .message-form
    .ant-input-affix-wrapper
    .ant-input-suffix {
    cursor: pointer;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-form-wrapper
    .message-attachment {
    padding: 5px 15px;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-form-wrapper
    .message-attachment
    .ant-image {
    width: 60px;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-form-wrapper
    .message-attachment
    video {
    max-width: 60px;
    width: 100%;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper {
    max-height: 400px;
    overflow-y: auto;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper
    .message-left-wrapper {
    display: flex;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper
    .message-left-wrapper
    .message-left {
    width: auto;
    max-width: 80%;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper
    .message-left-wrapper
    .message-left
    .title {
    padding: 10px 20px 0px 15px;
    font-size: 12px;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper
    .message-left-wrapper
    .message-left
    .message-content {
    padding: 10px 15px;
    background-color: #d8e3fe;
    border-radius: 10px;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper
    .message-left-wrapper
    .message-left
    .attachment {
    padding: 5px 15px;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper
    .message-left-wrapper
    .message-left
    .attachment
    .ant-image {
    width: 60px;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper
    .message-left-wrapper
    .message-left
    .attachment
    video {
    max-width: 60px;
    width: 100%;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper
    .message-right-wrapper {
    display: flex;
    justify-content: flex-end;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper
    .message-right-wrapper
    .message-right {
    width: auto;
    max-width: 80%;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper
    .message-right-wrapper
    .message-right
    .title {
    padding: 10px 15px 0px 15px;
    font-size: 12px;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper
    .message-right-wrapper
    .message-right
    .message-content {
    padding: 10px 15px;
    background-color: #e1fbdd;
    border-radius: 10px;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper
    .message-right-wrapper
    .message-right
    .attachment {
    padding: 5px 15px;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper
    .message-right-wrapper
    .message-right
    .attachment
    .ant-image {
    width: 60px;
}
#PageProjectTicketForm
    .collapse-history
    .ant-collapse-item
    .ant-collapse-content
    .ant-collapse-content-box
    .message-wrapper
    .message-right-wrapper
    .message-right
    .attachment
    video {
    max-width: 60px;
    width: 100%;
}

.dropdown-customer-details .ant-dropdown-menu {
    padding: 0px !important;
}
.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item {
    padding-top: 10px;
    padding-bottom: 10px;
}
.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .name {
    font-weight: 600;
}
.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .number {
    margin-top: 10px;
    display: flex;
    gap: 5px;
}
.dropdown-customer-details
    .ant-dropdown-menu
    .ant-dropdown-menu-item
    .number
    .icon {
    color: var(--yellow);
}
.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .email {
    display: flex;
    gap: 5px;
}
.dropdown-customer-details
    .ant-dropdown-menu
    .ant-dropdown-menu-item
    .email
    .icon {
    color: var(--yellow);
}

.modal-wrap-form-upload-videos .ant-modal .ant-modal-content .ant-modal-footer {
    padding-top: 0px;
    border-top: 0px;
}

.modal-wrap-preview-attachment .ant-modal {
    width: 70% !important;
}
.modal-wrap-preview-attachment
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .card-file-uploaded {
    border-radius: 5px !important;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}
.modal-wrap-preview-attachment
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .card-file-uploaded
    .ant-card-cover {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 150px;
    overflow: hidden;
    padding-top: 1px;
    padding-left: 1px;
    padding-right: 1px;
}
.modal-wrap-preview-attachment
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .card-file-uploaded
    .ant-card-cover
    .react-player-video-wrapper {
    height: 200px !important;
    width: auto !important;
    display: flex;
    align-items: center;
}
.modal-wrap-preview-attachment
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .card-file-uploaded
    .ant-card-cover
    .react-player-video-wrapper
    video {
    max-width: 100%;
    height: auto;
}
.modal-wrap-preview-attachment
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .card-file-uploaded
    .ant-card-cover
    .ant-image {
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-wrap-preview-attachment
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .card-file-uploaded
    .ant-card-cover
    .ant-image
    .ant-image-img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}
.modal-wrap-preview-attachment
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .card-file-uploaded
    .ant-card-cover
    .ant-image
    .ant-image-mask {
    height: 250px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-wrap-preview-attachment
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .card-file-uploaded.video
    .ant-card-cover {
    height: 200px;
}
.modal-wrap-preview-attachment
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .card-file-uploaded
    .ant-card-body {
    padding: 15px 10px;
}
.modal-wrap-preview-attachment
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .card-file-uploaded
    .ant-card-body
    .ant-card-meta
    .ant-card-meta-detail
    .ant-card-meta-title {
    margin-bottom: 0px;
}
.modal-wrap-preview-attachment
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .card-file-uploaded
    .ant-card-body
    .ant-card-meta
    .ant-card-meta-detail
    .ant-card-meta-description {
    color: rgba(0, 0, 0, 0.85);
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal-wrap-preview-attachment
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .card-file-uploaded
    .ant-card-actions {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.modal-wrap-preview-attachment
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .card-file-uploaded
    .ant-card-actions
    li {
    color: var(--yellow);
}
.modal-wrap-preview-attachment
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .card-file-uploaded
    .ant-card-actions
    li
    span:hover {
    color: var(--yellow);
}

#PageMessaging .btn-group-action {
    display: flex;
    gap: 5px;
    width: 290px;
}
#PageMessaging .btn-group-action .ant-btn {
    border-radius: 3px;
    width: 50%;
}
#PageMessaging .btn-group-action .ant-btn svg {
    margin-left: 7px;
}
#PageMessaging .btn-group-action .ant-btn.btn-chat {
    background-color: #2b8400;
    border-color: #2b8400;
    color: #ffffff;
}
#PageMessaging .btn-group-action .ant-btn.btn-chat:hover,
#PageMessaging .btn-group-action .ant-btn.btn-chat:focus {
    background-color: #2b8400;
    border-color: #2b8400;
    color: #ffffff;
}
#PageMessaging .btn-group-action .ant-btn.btn-archived {
    background-color: #ca343f;
    border-color: #ca343f;
    color: #ffffff;
}
#PageMessaging .btn-group-action .ant-btn.btn-archived:hover,
#PageMessaging .btn-group-action .ant-btn.btn-archived:focus {
    background-color: #ca343f;
    border-color: #ca343f;
    color: #ffffff;
}
#PageMessaging .btn-group-action .ant-btn.btn-chat-outline {
    background-color: #ffffff;
    border-color: #2b8400;
    color: #2b8400;
}
#PageMessaging .btn-group-action .ant-btn.btn-chat-outline:hover,
#PageMessaging .btn-group-action .ant-btn.btn-chat-outline:focus {
    background-color: #ffffff;
    border-color: #2b8400;
    color: #2b8400;
}
#PageMessaging .btn-group-action .ant-btn.btn-archived-outline {
    border-color: #ca343f;
    color: #ca343f;
}
#PageMessaging .btn-group-action .ant-btn.btn-archived-outline:hover,
#PageMessaging .btn-group-action .ant-btn.btn-archived-outline:focus {
    border-color: #ca343f;
    color: #ca343f;
}
#PageMessaging .chat-wrapper {
    border: 1px solid #d9d9d9;
    display: flex;
    height: 70vh;
}
#PageMessaging .chat-wrapper .chat-users {
    overflow: hidden auto;
    height: calc(70vh - 2px);
    width: 290px;
    border-right: 1px solid #d9d9d9;
    scrollbar-width: thin;
    scrollbar-color: #1d85b8 #bbb;
}
#PageMessaging .chat-wrapper .chat-users.has-collapse {
    width: 48px;
}
#PageMessaging .chat-wrapper .chat-users::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
#PageMessaging .chat-wrapper .chat-users::-webkit-scrollbar-track {
    background-color: #bbb;
}
#PageMessaging .chat-wrapper .chat-users::-webkit-scrollbar-thumb {
    background-color: #1d85b8;
}
#PageMessaging .chat-wrapper .chat-users::-webkit-scrollbar-track,
#PageMessaging .chat-wrapper .chat-users::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
#PageMessaging .chat-wrapper .chat-users .ant-menu {
    border: 0px;
}
#PageMessaging .chat-wrapper .chat-users .ant-menu .ant-menu-item {
    margin: 0px;
    align-items: center;
    padding-left: 11px !important;
}
#PageMessaging .chat-wrapper .chat-users .ant-menu .ant-menu-item::after {
    border-right: 0px;
    position: inherit;
}
#PageMessaging
    .chat-wrapper
    .chat-users
    .ant-menu
    .ant-menu-item
    .ant-menu-item-icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}
#PageMessaging
    .chat-wrapper
    .chat-users
    .ant-menu
    .ant-menu-item
    .ant-menu-title-content {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
}
#PageMessaging
    .chat-wrapper
    .chat-users
    .ant-menu
    .ant-menu-item.ant-menu-item-active,
#PageMessaging
    .chat-wrapper
    .chat-users
    .ant-menu
    .ant-menu-item.ant-menu-item-selected {
    background-color: #f2f2f2;
    color: #2e3032;
}
#PageMessaging
    .chat-wrapper
    .chat-users
    .ant-menu
    .ant-menu-item.chat-users-header {
    background-color: #ffffff;
    padding: 26px 15px !important;
    display: flex;
    cursor: auto;
    color: #2e3032 !important;
}
#PageMessaging
    .chat-wrapper
    .chat-users
    .ant-menu
    .ant-menu-item.chat-users-header
    .ant-menu-title-content {
    display: flex;
    align-items: center;
    gap: 13px;
}
#PageMessaging
    .chat-wrapper
    .chat-users
    .ant-menu
    .ant-menu-item.chat-users-header
    .ant-menu-title-content
    .chat-users-header-action {
    margin-top: 3px;
}
#PageMessaging
    .chat-wrapper
    .chat-users
    .ant-menu
    .ant-menu-item.chat-users-header
    .ant-menu-title-content
    .chat-users-header-action
    .anticon {
    font-size: 17px;
    color: #8c53fb;
}
#PageMessaging
    .chat-wrapper
    .chat-users
    .ant-menu
    .ant-menu-item.chat-users-header
    .ant-menu-title-content
    .chat-users-header-title {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 1px;
}
#PageMessaging .chat-wrapper .chat-users .ant-menu.ant-menu-inline-collapsed {
    width: 48px;
}
#PageMessaging
    .chat-wrapper
    .chat-users
    .ant-menu.ant-menu-inline-collapsed
    .ant-menu-item
    .ant-menu-title-content {
    overflow: visible;
}
#PageMessaging
    .chat-wrapper
    .chat-users
    .ant-menu.ant-menu-inline-collapsed
    .ant-menu-item
    .ant-menu-title-content
    .chat-users-header-action {
    margin-top: 4px;
}
#PageMessaging
    .chat-wrapper
    .chat-users
    .ant-menu.ant-menu-inline-collapsed
    .ant-menu-item.chat-users-header
    .ant-menu-title-content
    .chat-users-header-title {
    display: none;
}
#PageMessaging .chat-wrapper .chat-discussion {
    width: calc(100% - 290px);
    display: flex;
    flex-direction: column;
}
#PageMessaging .chat-wrapper .chat-discussion.has-collapse {
    width: calc(100% - 48px);
}
#PageMessaging .chat-wrapper .chat-discussion .chat-message-form {
    display: flex;
    align-items: center;
    width: 100%;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-message-form
    .ant-input-group-wrapper {
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid transparent;
    height: 52px;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-message-form
    .ant-input-group-wrapper.ant-input-group-wrapper-focused {
    border: 1px solid #1d85b8;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-message-form
    .ant-input-group-wrapper
    .ant-input-wrapper.ant-input-group {
    height: 52px;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-message-form
    .ant-input-group-wrapper
    .ant-input-wrapper.ant-input-group
    .ant-input {
    height: 50px;
    border: 0px;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-message-form
    .ant-input-group-wrapper
    .ant-input-wrapper.ant-input-group
    .ant-input:focus {
    box-shadow: none;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-message-form
    .ant-input-group-wrapper
    .ant-input-wrapper.ant-input-group
    .ant-input-group-addon {
    border: 0px;
    padding: 0px;
    background-color: transparent;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-message-form
    .ant-input-group-wrapper
    .ant-input-wrapper.ant-input-group
    .ant-input-group-addon
    .ant-btn {
    color: grey;
    width: 49px;
    height: 49px;
    border-radius: 0px;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-message-form
    .ant-input-group-wrapper
    .ant-input-wrapper.ant-input-group
    .ant-input-group-addon
    .ant-btn:hover {
    color: #1d85b8;
}
#PageMessaging .chat-wrapper .chat-discussion .chat-message-form .btn-submit {
    width: 52px;
    height: 52px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-radius: 0px;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-message-form
    .btn-submit:hover {
    border-top-color: #1d85b8;
    border-right-color: #1d85b8;
    border-bottom-color: #1d85b8;
    background-color: #1d85b8;
    color: #ffffff;
}
#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list {
    width: 100%;
    height: calc(70vh - 52px);
    overflow: hidden auto;
    scrollbar-width: thin;
    scrollbar-color: #1d85b8 #bbb;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-discussion-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-discussion-list::-webkit-scrollbar-track {
    background-color: #bbb;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-discussion-list::-webkit-scrollbar-thumb {
    background-color: #1d85b8;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-discussion-list::-webkit-scrollbar-track,
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-discussion-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-discussion-list
    .chat-message {
    width: 80%;
    display: flex;
    gap: 10px;
    padding: 10px;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-discussion-list
    .chat-message
    .message-avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-discussion-list
    .chat-message
    .message
    .title {
    font-size: 14px;
    line-height: 1;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-discussion-list
    .chat-message
    .message
    .title
    .name {
    color: gray;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-discussion-list
    .chat-message
    .message
    .title
    .date {
    margin-left: 5px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4509803922);
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-discussion-list
    .chat-message
    .message
    .message-content {
    word-break: break-word;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-discussion-list
    .chat-message.right {
    float: right;
    flex-direction: row-reverse;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-discussion-list
    .chat-message.right
    .message
    .title {
    float: right;
}
#PageMessaging
    .chat-wrapper
    .chat-discussion
    .chat-discussion-list
    .chat-message.right
    .message
    .message-content {
    float: right;
    text-align: right;
}

.ant-menu-inline-collapsed-tooltip {
    display: none;
}

#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group {
    display: flex;
    justify-content: space-between;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-resource-category {
    gap: 12px;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-resource-category
    .btn-group-left {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-resource-category
    .btn-group-left
    .ant-btn {
    min-width: 85px;
    border-radius: 5px;
    font-size: 16px;
    height: auto;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-resource-category
    .btn-group-right {
    display: flex;
    gap: 40px;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-resource-category
    .btn-group-right
    .ant-btn {
    font-size: 18px;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-resource-category
    .btn-group-right
    .ant-btn.ant-btn-icon-only {
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
    height: auto;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-resource-category
    .btn-group-right
    .ant-btn
    svg {
    font-size: 18px;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-resource-category
    .btn-group-right
    .ant-btn.btn-search {
    color: #808082;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-filters
    .btn-group-left {
    display: flex;
    align-items: center;
}
@media (max-width: 991px) {
    #PageVideosAndArticles
        > .ant-layout
        > .ant-layout-content
        > .content-wrapper
        .btn-group.btn-filters
        .btn-group-left {
        flex-direction: column;
        align-items: flex-start;
    }
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-filters
    .btn-group-left
    .label {
    line-height: normal;
    margin-right: 35px;
}
@media (max-width: 991px) {
    #PageVideosAndArticles
        > .ant-layout
        > .ant-layout-content
        > .content-wrapper
        .btn-group.btn-filters
        .btn-group-left
        .ant-space {
        gap: 10px !important;
    }
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-filters
    .btn-group-left
    .ant-space
    .ant-space-item
    .ant-btn {
    color: #808082;
    width: auto;
    height: auto;
    padding: 0px;
    font-size: 16px;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-filters
    .btn-group-left
    .ant-space
    .ant-space-item
    .ant-btn.active {
    color: var(--yellow);
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-filters
    .btn-group-left
    .ant-space
    .ant-space-item-split
    .ant-divider {
    margin: 0px;
    border-color: #999999;
    top: -0.12em;
    height: 1em;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-filters
    .btn-group-right {
    display: flex;
    align-items: center;
}
@media (max-width: 991px) {
    #PageVideosAndArticles
        > .ant-layout
        > .ant-layout-content
        > .content-wrapper
        .btn-group.btn-filters
        .btn-group-right {
        align-items: flex-end;
    }
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-filters
    .btn-group-right
    .search-bar {
    width: 0;
    transition: width 0.5s ease-out;
    overflow: hidden;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-filters
    .btn-group-right
    .search-bar.show {
    width: 100%;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-filters
    .btn-group-right
    .ant-btn {
    color: var(--yellow);
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 700;
    font-size: 16px;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-group.btn-filters
    .btn-group-right
    .ant-btn
    svg {
    color: var(--yellow);
    margin-right: 8px;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .collapse-mobile-filter
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-space
    .ant-space-item
    .ant-btn {
    padding: 0px;
    width: auto;
    height: auto;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .collapse-mobile-filter
    .ant-collapse-content
    .ant-collapse-content-box
    .ant-space
    .ant-space-item
    .ant-btn.btn-search {
    color: #808082;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .collapse-mobile-filter
    .ant-collapse-content
    .ant-collapse-content-box
    .select-resource-category-wrapper
    .ant-select {
    width: 100%;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .collapse-mobile-filter
    .ant-collapse-content
    .ant-collapse-content-box
    .select-resource-category-wrapper
    .ant-select
    .ant-select-selector {
    border-color: var(--yellow);
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .collapse-mobile-filter
    .ant-collapse-content
    .ant-collapse-content-box
    .select-resource-category-wrapper
    .ant-select
    .ant-select-arrow {
    color: var(--yellow);
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .collapse-mobile-filter
    .ant-collapse-content
    .ant-collapse-content-box
    .select-filters-wrapper
    .ant-select {
    width: 100%;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .collapse-mobile-filter
    .ant-collapse-content
    .ant-collapse-content-box
    .select-filters-wrapper
    .ant-select
    .ant-select-selector {
    border-color: var(--yellow);
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .collapse-mobile-filter
    .ant-collapse-content
    .ant-collapse-content-box
    .select-filters-wrapper
    .ant-select
    .ant-select-arrow {
    color: var(--yellow);
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .collapse-mobile-filter
    .ant-collapse-content
    .ant-collapse-content-box
    .btn-my-favorites-wrapper
    .ant-btn {
    padding: 0px;
    width: auto;
    height: auto;
    color: #4095c8;
    font-weight: 700;
    font-size: 16px;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .collapse-mobile-filter
    .ant-collapse-content
    .ant-collapse-content-box
    .btn-my-favorites-wrapper
    .ant-btn
    svg {
    color: #d79f00;
    margin-right: 8px;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .card-resources
    .ant-card-cover
    > div {
    width: auto !important;
    height: 250px !important;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .card-resources
    .ant-card-body {
    padding: 10px 0px 0px 0px;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .card-resources
    .ant-card-body
    .date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #909092;
    font-size: 15px;
    font-weight: 500;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .card-resources
    .ant-card-body
    .date
    svg.active {
    color: var(--yellow);
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .card-resources
    .ant-card-body
    .category {
    color: var(--yellow);
    font-size: 15px;
    font-weight: 500;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .card-resources
    .ant-card-body
    .title {
    font-size: 18px;
    line-height: normal;
    color: #000000;
    font-weight: 500;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-pagination-wrapper
    .ant-pagination
    .ant-pagination-next,
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-pagination-wrapper
    .ant-pagination
    .ant-pagination-prev {
    display: none;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-pagination-wrapper
    .ant-pagination
    .ant-pagination-prev:not(.ant-pagination-disabled)
    .ant-pagination-item-link {
    border-color: var(--yellow);
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-pagination-wrapper
    .ant-pagination
    .ant-pagination-prev:not(.ant-pagination-disabled)
    .ant-pagination-item-link
    svg {
    color: var(--yellow);
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-pagination-wrapper
    .ant-pagination
    .ant-pagination-next:not(.ant-pagination-disabled)
    .ant-pagination-item-link {
    border-color: var(--yellow);
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-pagination-wrapper
    .ant-pagination
    .ant-pagination-next:not(.ant-pagination-disabled)
    .ant-pagination-item-link
    svg {
    color: var(--yellow);
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-pagination-wrapper
    .ant-pagination
    .ant-pagination-item {
    border-color: var(--yellow);
    background: var(--yellow);
    border-radius: 5px;
    margin-right: 5px;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-pagination-wrapper
    .ant-pagination
    .ant-pagination-item
    a {
    color: #fff;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-pagination-wrapper
    .ant-pagination
    .ant-pagination-item.ant-pagination-item-active {
    border-color: var(--yellow);
    background: transparent;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .ant-pagination-wrapper
    .ant-pagination
    .ant-pagination-item.ant-pagination-item-active
    a {
    color: var(--yellow);
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-new-resource-dropdown
    button {
    background-color: #2b8300;
    color: white;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-new-resource-dropdown
    button
    svg {
    color: white;
}
#PageVideosAndArticles
    > .ant-layout
    > .ant-layout-content
    > .content-wrapper
    .btn-new-resource-dropdown
    button:focus {
    border: transparent;
}

.btn-new-resource-overlay-classname {
    width: 185px;
}
.btn-new-resource-overlay-classname li {
    font-size: 16px;
}

#PageMyHours .btn_add {
    width: 185px;
}
#PageMyHours .year-wrapper {
    width: 185px;
    display: flex;
    gap: 5px;
}
@media (max-width: 575px) {
    #PageMyHours .year-wrapper {
        width: 100%;
    }
}
#PageMyHours .year-wrapper .ant-btn {
    width: 92.5px;
}
@media (max-width: 575px) {
    #PageMyHours .year-wrapper .ant-btn {
        width: 50%;
    }
}
#PageMyHours .table-custom-wrapper {
    position: relative;
    border: 1px solid #ccc;
    clear: both;
    max-width: 100%;
}
#PageMyHours .table-custom-wrapper .table-custom {
    position: relative;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder {
    position: sticky;
    top: 0;
    z-index: 3;
    overflow: auto hidden;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
    scrollbar-width: thin;
    scrollbar-color: #8c53fb #eeeeee;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar {
    width: 0;
    height: 10px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-track {
    background-color: #efefef;
    border: 1px solid #e1e1e1;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
    background-color: #8c53fb;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-track,
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper {
    padding: 0px 15px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head {
    background-color: transparent;
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column {
    padding: 14px 14px;
    text-align: left;
    font-weight: 500;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.action {
    text-align: center;
    width: 80px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.date {
    width: 130px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.week {
    width: 100px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.day {
    width: 100px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.hours {
    width: 100px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.subtasks {
    width: 500px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column.toggle-collapse {
    width: 50px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters {
    display: flex;
    align-items: center;
    gap: 5px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter {
    display: flex;
    flex-direction: column;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-up {
    display: flex;
    align-items: flex-end;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-up.active
    svg {
    color: #000;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-up
    svg {
    margin-top: 2px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-down {
    display: flex;
    align-items: flex-start;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-down.active
    svg {
    color: #000;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .sorter
    .sort-down
    svg {
    margin-top: -8px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-head-sticky-holder
    .table-custom-head-wrapper
    table.table-custom-head
    thead.table-custom-thead
    tr
    th.column
    .sorters
    .title {
    font-weight: 500;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body {
    padding: 15px 15px;
    overflow: auto hidden;
    scrollbar-width: thin;
    scrollbar-color: #8c53fb #eeeeee;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar {
    width: 0;
    height: 10px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-track {
    background-color: #efefef;
    border: 1px solid #e1e1e1;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-thumb {
    background-color: #8c53fb;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-track,
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container {
    table-layout: fixed;
    width: 100%;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead {
    background-color: #fafafa;
    border: 1px solid #ccc;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column {
    padding: 9px 14px;
    color: #b9bbba;
    text-align: left;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action {
    width: 80px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .btn-status:hover
    svg {
    color: #ffffff;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .btn-status.paid
    svg {
    color: #0d7211;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .btn-status.paid:hover
    svg {
    color: var(--yellow);
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid var(--yellow);
    background-color: #ffffff;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner::after {
    left: 16%;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox.ant-checkbox-checked
    .ant-checkbox-inner {
    background-color: var(--yellow);
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #0d7211;
    background-color: #0d7211;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid
    .ant-checkbox
    .ant-checkbox-inner::after {
    border-color: #ffffff;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid.ant-checkbox-wrapper:not(
        .ant-checkbox-wrapper-disabled
    ):hover
    .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid
    .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover
    .ant-checkbox-inner {
    border-color: #0d7211;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid
    .ant-checkbox:not(.ant-checkbox-checked)
    .ant-checkbox-inner {
    background-color: #ffffff;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-btn {
    background-color: transparent;
    color: var(--yellow);
    width: auto;
    height: auto;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.date {
    width: 130px;
    text-align: left;
    padding-left: 31px !important;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.date
    .from {
    margin-right: 3px;
    margin-left: 0px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.week {
    width: 100px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.day {
    width: 100px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.day
    .from {
    margin-right: 3px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.hours {
    width: 100px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.subtasks {
    width: 500px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse {
    width: 50px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container {
    position: relative;
    height: 30px;
    cursor: pointer;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon {
    position: absolute;
    top: 60%;
    right: 0;
    width: 28px;
    color: #b9bbba;
    transform: translateY(-50%);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::before,
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::after {
    position: absolute;
    top: -2px;
    width: 12px;
    height: 2px;
    background-color: currentcolor;
    border-radius: 2px;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: "";
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::before {
    left: 3px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-down::before {
    transform: rotate(45deg) translateX(2.5px);
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-down::after {
    transform: rotate(-45deg) translateX(-2.5px);
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-up::before {
    transform: rotate(-45deg) translateX(2.5px);
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon.toggle-up::after {
    transform: rotate(45deg) translateX(-2.5px);
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead {
    background-color: var(--yellow);
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column {
    color: #ffffff;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #ffffff;
    background-color: var(--yellow);
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #0d7211;
    background-color: #0d7211;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid
    .ant-checkbox
    .ant-checkbox-inner::after {
    border-color: #ffffff;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked)
    .ant-checkbox-inner {
    background-color: #ffffff;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked)
    .ant-checkbox-inner::after {
    border-color: #0d7211;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.action
    .ant-btn {
    background-color: transparent;
    color: #ffffff;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.action
    .btn-status.paid:hover
    svg {
    color: #ffffff;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon {
    color: #ffffff;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::before,
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    table.table-custom-body-head-container.active:not(.completed)
    thead.table-custom-body-thead
    tr
    th.column.toggle-collapse
    .toggle-collapse-container
    .toggle-collapse-icon::after {
    background-color: currentcolor;
    top: -5px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper {
    height: 100%;
    transition: height 0.3s ease;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper.has-toggle-collapse {
    height: 0px;
    overflow: hidden;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container {
    table-layout: fixed;
    width: 100%;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody {
    border: 1px solid #ccc;
    border-top-color: transparent;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row:nth-child(even) {
    background-color: #fafafa;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column {
    text-align: left;
    padding: 14px 14px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action {
    width: 80px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action
    div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action
    .ant-checkbox-wrapper
    .ant-checkbox
    .ant-checkbox-inner {
    border: 2px solid #ffffff;
    background-color: var(--yellow);
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.action
    .ant-btn {
    background-color: transparent;
    color: var(--yellow);
    width: auto;
    height: auto;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.date {
    width: 130px;
    padding-left: 31px !important;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.week {
    width: 100px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.day {
    width: 100px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.hours {
    width: 100px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks {
    width: 500px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks
    .container {
    display: flex;
    align-items: center;
    gap: 6px;
    width: auto;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks
    .container
    .number {
    font-size: 16px;
    color: var(--yellow);
    width: 20px;
    text-align: center;
    margin-top: -1px;
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.subtasks
    .container
    .content {
    width: auto;
    max-width: calc(100% - 20px);
}
#PageMyHours
    .table-custom-wrapper
    .table-custom
    .table-custom-container
    .table-custom-body
    .table-custom-body-body-wrapper
    table.table-custom-body-body-container
    tbody.table-custom-body-tbody
    tr.row
    td.column.toggle-collapse {
    width: 50px;
}

.modal-wrap-choose-date-range .ant-modal {
    width: 600px !important;
}
@media (max-width: 575px) {
    .modal-wrap-choose-date-range .ant-modal {
        max-width: calc(100vw - 16px) !important;
    }
}
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper {
    border-radius: 10px;
    padding-top: 10px;
    border: 1px dashed #ececec;
    display: flex;
    flex-direction: column;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range {
    margin: 0 auto;
    background-color: #dedede;
    border-radius: 5px;
    padding: 2px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range:hover,
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range.ant-picker-focused,
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range:focus {
    border: transparent;
    box-shadow: none;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range
    .ant-picker-input {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 2px 10px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range
    .ant-picker-input.ant-picker-input-active {
    background-color: #ffffff;
    border-radius: 5px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range
    .ant-picker-input.ant-picker-input-holder {
    border: transparent;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range
    .ant-picker-active-bar {
    display: none;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range
    .ant-picker-input:nth-child(1)::before {
    content: "Start";
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range
    .ant-picker-input:nth-child(3)::before {
    content: "End";
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    .ant-picker.ant-picker-range
    .ant-picker-suffix {
    display: none;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range) {
    position: static !important;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown {
    position: static !important;
    padding: 0px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-range-arrow {
    display: none;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container {
    box-shadow: none;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container::-webkit-scrollbar-track {
    background-color: transparent;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container::-webkit-scrollbar-track,
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel {
    border: 0px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header {
    border: 0px;
    padding: 0 20px;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn,
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn {
    display: none;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header
    .ant-picker-prev-icon::before,
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header
    .ant-picker-next-icon::before,
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header
    .ant-picker-super-prev-icon::before,
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header
    .ant-picker-super-next-icon::before {
    width: 10px;
    height: 10px;
    border-width: 2px 0 0 2px;
    color: #2578f2;
}
.modal-wrap-choose-date-range
    .ant-modal
    .date-range-wrapper
    > div:not(.ant-picker.ant-picker-range)
    > div
    > .ant-picker-dropdown
    .ant-picker-range-wrapper
    .ant-picker-panel-container
    .ant-picker-panels
    .ant-picker-panel
    .ant-picker-date-panel
    .ant-picker-header
    .ant-picker-header-view
    button {
    font-size: 16px !important;
    color: #2578f2;
}

.modal-wrap-select-week .ant-modal {
    width: 600px !important;
}
@media (max-width: 575px) {
    .modal-wrap-select-week .ant-modal {
        max-width: calc(100vw - 16px) !important;
    }
}
@media (max-width: 345px) {
    .modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body {
        padding: 10px !important;
    }
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper {
    display: flex;
    flex-direction: column;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker) {
    position: static !important;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown {
    position: static !important;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container {
    box-shadow: none;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel {
    width: 100%;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel.ant-picker-panel-focused {
    border-color: transparent !important;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel {
    width: 100%;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header {
    padding: 0px 18px;
    border-bottom: transparent;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-month-btn,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-year-btn {
    font-size: 18px;
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-month-btn:hover,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-year-btn:hover {
    color: #000000;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-prev-btn,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-next-btn {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-prev-btn
    .ant-picker-prev-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-prev-btn
    .ant-picker-next-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-next-btn
    .ant-picker-prev-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-next-btn
    .ant-picker-next-icon::before {
    width: 10px;
    height: 10px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn {
    display: none;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body {
    padding: 0px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th[aria-label="empty cell"]::before {
    content: "WN";
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th:not([aria-label="empty cell"]) {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell.ant-picker-cell-week {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell
    .ant-picker-cell-inner {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell-today
    .ant-picker-cell-inner::before {
    border-color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr.ant-picker-week-panel-row-selected
    td {
    background: #fcfddc;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-week-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr.ant-picker-week-panel-row-selected
    td
    .ant-picker-cell-inner {
    color: #000000;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel {
    width: 100%;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header {
    padding: 0px 55px;
    border-bottom: transparent;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-decade-btn {
    font-size: 18px;
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-decade-btn:hover {
    color: #000000;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-next-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-prev-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-next-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-prev-icon::before {
    width: 10px;
    height: 10px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-next-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-prev-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-next-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-prev-icon::after {
    width: 10px;
    height: 10px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-body {
    padding: 0px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th[aria-label="empty cell"]::before {
    content: "WN";
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th:not([aria-label="empty cell"]) {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell.ant-picker-cell-week {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell
    .ant-picker-cell-inner {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-year-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell-selected
    .ant-picker-cell-inner {
    background-color: #fcfddc;
    color: #000000;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel {
    width: 100%;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header {
    padding: 0px 55px;
    border-bottom: transparent;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-view {
    font-size: 18px;
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-next-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-prev-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-next-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-prev-icon::before {
    width: 10px;
    height: 10px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-next-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-prev-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-next-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-prev-icon::after {
    width: 10px;
    height: 10px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-body {
    padding: 0px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th[aria-label="empty cell"]::before {
    content: "WN";
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th:not([aria-label="empty cell"]) {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell.ant-picker-cell-week {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell
    .ant-picker-cell-inner {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-decade-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell-selected
    .ant-picker-cell-inner {
    background-color: #fcfddc;
    color: #000000;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel {
    width: 100%;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header {
    padding: 0px 55px;
    border-bottom: transparent;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-year-btn {
    font-size: 18px;
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-view
    .ant-picker-year-btn:hover {
    color: #000000;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-next-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-prev-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-next-icon::before,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-prev-icon::before {
    width: 10px;
    height: 10px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-next-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-next-btn
    .ant-picker-super-prev-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-next-icon::after,
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-header
    .ant-picker-header-super-prev-btn
    .ant-picker-super-prev-icon::after {
    width: 10px;
    height: 10px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-body {
    padding: 0px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th[aria-label="empty cell"]::before {
    content: "WN";
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-body
    .ant-picker-content
    thead
    tr
    th:not([aria-label="empty cell"]) {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell.ant-picker-cell-week {
    color: var(--yellow);
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell
    .ant-picker-cell-inner {
    font-weight: 600;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div:not(.ant-picker)
    > div
    > .ant-picker-dropdown
    .ant-picker-panel-container
    .ant-picker-panel
    .ant-picker-month-panel
    .ant-picker-body
    .ant-picker-content
    tbody
    tr
    td.ant-picker-cell-selected
    .ant-picker-cell-inner {
    background-color: #fcfddc;
    color: #000000;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-form-item-control-input-content
    > div.ant-picker {
    visibility: hidden;
    height: 0px;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-picker-cell-inner {
    color: #262626;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-picker-cell-inner::after {
    border-color: #262626;
}
.modal-wrap-select-week
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .select-week-wrapper
    .ant-picker-cell-inner::before {
    border-color: #262626;
}

.modal-wrap-edit-hours-tasks .ant-modal {
    width: 700px !important;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .collapse-timer-recording
    .ant-collapse-header {
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc !important;
    padding: 12px 12px;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .collapse-timer-recording
    .ant-collapse-header
    .ant-collapse-expand-icon
    svg {
    color: #616161;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .collapse-timer-recording
    .ant-collapse-header
    .ant-collapse-expand-icon
    .ant-collapse-arrow {
    right: 12px;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .collapse-timer-recording
    .ant-collapse-content
    .ant-collapse-content-box {
    padding: 12px;
    max-height: 200px;
    overflow: hidden auto;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .ant-input.ant-input-disabled.no-float-wrapper {
    color: #4d4e50;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-total-hours-manual
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input-group-addon,
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-timer-hours
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input-group-addon {
    border: 0px;
    border-left: 1px solid #cccccc;
    background-color: transparent;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-total-hours-manual
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input-group-addon
    svg,
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-timer-hours
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input-group-addon
    svg {
    color: #8c53fb;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-total-hours-manual.disabled
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input[disabled],
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-timer-hours.disabled
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input[disabled] {
    background-color: #f5f5f5;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-total-hours-manual.disabled
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input-group-addon,
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .input-timer-hours.disabled
    .ant-input-group-wrapper
    .ant-input-wrapper
    .ant-input-group-addon {
    background: #f5f5f5;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .tasks-title {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 18px;
}
.modal-wrap-edit-hours-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .quill
    .ql-container.ql-snow {
    min-height: 120px;
}

.table-custom-thead .sort-up svg,
.table-custom-thead .sort-down svg {
    color: #b9bbba;
}
.table-custom-thead .active svg {
    color: #000000;
}
.table-custom-thead .sorter {
    row-gap: 2px;
}

#PageAccountSetupClientProjectForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input {
    display: flex;
    gap: 10px;
}
#PageAccountSetupClientProjectForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    div {
    width: 100%;
}
#PageAccountSetupClientProjectForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    div.ant-form-item
    .ant-row {
    width: 100%;
}
#PageAccountSetupClientProjectForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    div.ant-form-item
    .ant-row
    .ant-col {
    width: 100%;
}
#PageAccountSetupClientProjectForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    div.ant-form-item
    .ant-row
    .ant-col
    .ant-form-item-control-input {
    width: 100%;
}
#PageAccountSetupClientProjectForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    div.ant-form-item
    .ant-row
    .ant-col
    .ant-form-item-control-input
    .ant-form-item-control-input-content
    .float-wrapper {
    width: 100%;
}
#PageAccountSetupClientProjectForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    div.ant-form-item
    .ant-row
    .ant-col
    .ant-form-item-control-input
    .ant-form-item-control-input-content
    .float-wrapper
    .ant-select-selector {
    width: 100%;
}
#PageAccountSetupClientProjectForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    div.action {
    width: 20px;
    height: 47px;
    display: flex;
    align-items: center;
}
#PageAccountSetupClientProjectForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    div.action
    .ant-btn {
    color: #930502;
}
#PageAccountSetupClientProjectForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    div.action
    .ant-btn:hover {
    color: #930502;
}

#PageAccountSetupCompanyForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input {
    display: flex;
    gap: 10px;
}
#PageAccountSetupCompanyForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    > div {
    width: 50%;
}
#PageAccountSetupCompanyForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    > div.ant-form-item
    .ant-row {
    width: 100%;
}
#PageAccountSetupCompanyForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    > div.ant-form-item
    .ant-row
    .ant-col {
    width: 100%;
}
#PageAccountSetupCompanyForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    > div.ant-form-item
    .ant-row
    .ant-col
    .ant-form-item-control-input {
    width: 100%;
}
#PageAccountSetupCompanyForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    > div.ant-form-item
    .ant-row
    .ant-col
    .ant-form-item-control-input
    .ant-form-item-control-input-content
    .float-wrapper {
    width: 100%;
}
#PageAccountSetupCompanyForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    > div.ant-form-item
    .ant-row
    .ant-col
    .ant-form-item-control-input
    .ant-form-item-control-input-content
    .float-wrapper
    .ant-select-selector {
    width: 100%;
}
#PageAccountSetupCompanyForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    > div.action {
    width: 20px;
    height: 47px;
    display: flex;
    align-items: center;
}
#PageAccountSetupCompanyForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    > div.action
    .ant-btn {
    color: #930502;
}
#PageAccountSetupCompanyForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card
    .ant-card-body
    .form-list-item-group-input
    > div.action
    .ant-btn:hover {
    color: #930502;
}

.account-setup-filter-mobile {
    display: flex;
}
@media (min-width: 768px) {
    .account-setup-filter-mobile {
        display: none;
    }
}
.account-setup-filter-mobile .ant-collapse .table-global-search {
    width: 100% !important;
}
.account-setup-filter-desktop {
    display: none;
}
@media (min-width: 768px) {
    .account-setup-filter-desktop {
        display: flex;
    }
}

.page-message {
    border: none;
}
.page-message .ant-card-body {
    padding: 0 10px 24px 10px;
}
@media (min-width: 380px) {
    .page-message .ant-card-body {
        padding: 0 24px 24px 24px;
    }
}
.page-message .image-previewgroup-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    width: 100%;
}
.page-message .image-previewgroup-wrapper .image-wrapper {
    width: 92px;
    height: 100px;
}
.page-message .image-previewgroup-wrapper .image-wrapper .ant-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.page-message
    .image-previewgroup-wrapper
    .image-wrapper
    .ant-image
    .ant-image-img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
}

.messagesContainer .messageText .ant-input.ant-input-lg {
    padding: 16px 37px 16px 21px !important;
    font-size: 12px;
    border-radius: 0;
    height: 50px;
}
@media (min-width: 576px) {
    .messagesContainer .messageText .ant-input.ant-input-lg {
        font-size: 14px;
    }
}

.messageText .type-message-input .ant-input {
    border-left: transparent;
}
.messageText .type-message-input .ant-input:focus {
    border: 1px solid #1d85b8;
}
.messageText .type-message-input .ant-input:hover {
    border: 1px solid #1d85b8;
}
.messageText .ant-input-group-addon {
    padding: 0px;
}
.messageText .ant-input-group-addon i {
    font-size: 18px;
    color: gray !important;
}
@media (min-width: 576px) {
    .messageText .ant-input-group-addon i {
        font-size: 20px;
    }
}
.messageText .ant-input-group-addon svg {
    color: black;
    font-size: 16px;
}
.messageText .ant-input-group-addon button[type="button"] {
    width: 45px;
    height: 48px;
}
@media (max-width: 576px) {
    .messageText .ant-input-group-addon button[type="button"] {
        width: 50px;
        height: 48px;
    }
}
.messageText .ant-input-group-addon:hover svg {
    color: white;
    font-size: 16px;
}
.messageText .ant-btn.ant-btn-link.ant-btn-icon-only {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none !important;
}
.messageText .the-message-button:hover {
    border: none;
    background-color: #1d85b8;
}
.messageText .the-message-button:hover i {
    color: white !important;
}
.messageText .upload-icon {
    position: absolute;
    z-index: 99;
    font-size: 16px;
    right: 0px;
    margin-right: 65px;
    margin-top: 18px;
    color: gray;
}
.messageText .ant-btn {
    border-radius: 0 !important;
}

.messagesContainer {
    border-right: none !important;
    border-top: none !important;
    border: 1px solid #ddd;
}
.messagesContainer .ant-layout-sider-children {
    margin-top: 0;
}
.messagesContainer
    :not(.ant-layout-sider-collapsed)
    .anticon.anticon-menu-unfold {
    padding: 5px 0 5px 0;
}
.messagesContainer .anticon.upload-icon {
    color: gray;
}
.messagesContainer .anticon.upload-icon:hover {
    color: #e1492a;
}

.messagesContainer .site-layout-background {
    padding: 0px;
    min-height: 280px;
    position: relative;
    overflow: hidden;
}

.messagesContainer .ant-layout-sider {
    border-right: 1px solid #ddd;
    position: inherit;
    z-index: 1;
    position: relative;
    background-color: transparent;
}
.messagesContainer .ant-layout-sider .ant-layout-sider-children {
    background-color: #fff;
}
.messagesContainer .ant-layout-sider .ant-layout-sider-trigger {
    position: absolute;
    border-bottom: 1px solid #ddd;
    height: 37px;
    line-height: 37px;
    top: 0;
}

.messagesContainer .ant-layout-sider.ant-layout-sider-collapsed {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
}

.messagesContainer
    .ant-layout-sider.ant-layout-sider-collapsed
    .ant-layout-sider-children
    .ant-menu.ant-menu-inline-collapsed {
    width: 47px !important;
}

.messagesContainer
    .ant-layout-sider.ant-layout-sider-collapsed
    .ant-layout-sider-trigger {
    width: 48px !important;
}

.messagesMenu .ant-menu-item-selected {
    background-color: #f49917;
    color: #fff;
}

.messagesMenu .ant-menu-item-selected:hover {
    color: #fff;
}

.messagesMenu .ant-menu-item:not(.ant-menu-item-selected):hover {
    color: #fff;
}

.messagesMenu .ant-menu-item {
    padding-left: 12px !important;
}

.messageRight {
    padding: 10px;
    word-wrap: break-word;
    border-radius: 18px;
    clear: both;
    font-size: 14px;
}
@media (min-width: 576px) {
    .messageRight {
        padding: 10px;
        font-size: 14px;
    }
}
.messageRight .messageNameDate {
    display: flex;
    flex-direction: column;
}
@media (min-width: 576px) {
    .messageRight .messageNameDate {
        display: block;
    }
}

.messageLeft {
    padding: 10px;
    word-wrap: break-word;
    border-radius: 18px;
    clear: both;
    font-size: 13px;
}
@media (min-width: 576px) {
    .messageLeft {
        padding: 10px;
        font-size: 14px;
    }
}
.messageLeft .messageNameDate {
    display: flex;
    flex-direction: column;
}
@media (min-width: 576px) {
    .messageLeft .messageNameDate {
        display: block;
    }
}

.messagesUserRow {
    cursor: pointer;
}

.messagesUserRow:hover {
    background: #ddd;
}

.messageConvoContainer {
    border-right: 1px solid #ddd;
    padding: 10px 10px 80px 10px;
    overflow-y: auto;
    height: 100%;
    margin-top: 50px;
}
@media (min-width: 576px) {
    .messageConvoContainer {
        margin-top: 50px;
    }
}
.messageConvoContainer::-webkit-scrollbar-track {
    margin-bottom: 53px;
    margin-top: 0px;
}
@media (min-width: 576px) {
    .messageConvoContainer::-webkit-scrollbar-track {
        margin-top: 0;
        margin-bottom: 59px;
    }
}
.messageConvoContainer .messageSapceGap {
    gap: 3px !important;
}
@media (min-width: 576px) {
    .messageConvoContainer .messageSapceGap {
        gap: 5px !important;
    }
}
.messageConvoContainer
    .ant-space
    .ant-space-item:nth-child(3)
    span
    div:nth-child(2) {
    word-break: break-word;
}

@media (max-width: 767px) {
    .add-fixed-height-mobile {
        height: 81.7vh !important;
        width: 100%;
    }
}

.messagesContainer {
    height: 82vh;
    margin-top: 20px;
    width: 100%;
}
@media (min-width: 768px) {
    .messagesContainer {
        height: 510px;
        width: 100%;
    }
}
.messagesContainer.ant-layout
    .ant-layout-sider:not(.ant-layout-sider-collapsed) {
    flex: 0 0 200px !important;
    max-width: 200px !important;
    min-width: 200px !important;
    width: 200px !important;
}
@media (min-width: 1100px) {
    .messagesContainer.ant-layout
        .ant-layout-sider:not(.ant-layout-sider-collapsed) {
        flex: 0 0 290px !important;
        max-width: 290px !important;
        min-width: 290px !important;
        width: 290px !important;
    }
}

.messagesContainer .site-layout-background {
    padding: 0px;
    min-height: 280px;
    position: relative;
}

.messagesContainer .ant-layout-sider {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    position: inherit;
    z-index: 1;
    position: relative;
    overflow: hidden auto;
    background-color: transparent;
}
.messagesContainer .ant-layout-sider .ant-layout-sider-children {
    background-color: #fff;
}
.messagesContainer .ant-layout-sider .ant-layout-sider-trigger {
    position: absolute;
    border-bottom: 1px solid #ddd;
    height: 37px;
    line-height: 37px;
    top: 0;
}
.messagesContainer .ant-layout-sider::-webkit-scrollbar {
    display: none;
}

.the-message-modal .ant-modal-header {
    background-color: #0866c6;
}
.the-message-modal .ant-modal-body {
    padding: 0 24px 20px 24px;
}
.the-message-modal
    .ant-upload-list-picture-container:first-child
    .ant-upload-list-item {
    margin-top: 0;
}
.the-message-modal
    .ant-upload-list-picture-container:not(:first-child)
    .ant-upload-list-item {
    margin-top: 22px;
}
.the-message-modal .ant-modal-footer {
    padding: 0px 24px 20px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
@media (min-width: 576px) {
    .the-message-modal .ant-modal-footer {
        flex-direction: row !important;
        justify-content: end !important;
    }
}
.the-message-modal
    .ant-modal-footer
    .ant-btn
    + .ant-btn:not(.ant-dropdown-trigger) {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}
.the-message-modal .ant-modal-footer button:nth-child(2) {
    margin-right: 0 !important;
}
.the-message-modal .ant-upload-list-item-card-actions-btn span svg {
    color: #e1492a;
}
.the-message-modal .ant-upload-list-item-card-actions-btn:hover {
    background-color: transparent;
    border-color: transparent;
}

.messagesUserRowDiv {
    position: absolute;
    background: #eee;
    width: 98%;
    z-index: 2;
}

.messagesMenu .ant-menu-item.ant-menu-item-selected {
    background-color: #f2f2f2 !important;
    color: #2e3032 !important;
}

.messagesMenu .ant-menu-item:hover {
    background-color: #f2f2f2 !important;
    color: #2e3032 !important;
}

.messagesMenu .ant-menu-item::after {
    border-right: none !important;
}

.messageNameDate {
    color: rgba(0, 0, 0, 0.4509803922);
}

.ChatMessageText {
    padding: 10px 15px;
}
@media (min-width: 576px) {
    .ChatMessageText {
        padding: 10px 15px;
    }
}

.chatTrigger {
    gap: 100% !important;
}

.gapButtonsMessages {
    gap: 15px !important;
}

.messagesUserRowDiv {
    position: absolute;
    background: #eee;
    width: 98%;
    z-index: 2;
}

.rowMessageSearch {
    margin-top: 20px;
}

.messageSearchName .float-label input {
    height: 45px !important;
}

.message-no-archived {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

/* Media Query for Large screens */
/* Media Query for Laptops and Desktops */
/* Media Query for Tablets Ipads portrait mode */
/* Media Query for Tablets, Ipads and below  */
@media (max-width: 768px) {
    .chat-container .chat-users {
        width: 30%;
    }
    .chat-container .chat-discussion {
        width: 70%;
    }
}
/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
    .page-message .buttons-action {
        flex-direction: column;
    }
    .page-message .messagesContainer .ant-layout-sider {
        display: block;
    }
    .chat-container .chat-users {
        width: 60%;
    }
    .chat-container .chat-discussion {
        width: 40%;
    }
}
/* Media Query for Mobile Devices */
@media (max-width: 575px) {
    .page-message .messageSearchName {
        margin-top: 6px;
    }
    .page-message .messagesContainer .ant-layout-sider {
        display: block;
    }
    .messagesContainer .ant-layout-sider {
        margin-top: 0px;
    }
}
@media (max-width: 480px) {
    .page-message .buttons-action {
        flex-direction: column;
    }
    .page-message .ant-space-message-buttons {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 8px !important;
        margin-bottom: 10px;
    }
    .page-message .ant-space-message-buttons .ant-space-item {
        width: 100%;
    }
    .page-message .ant-space-message-buttons .ant-space-item .ant-btn {
        width: 100%;
    }
}
@media (max-width: 480px) and (min-width: 576px) {
    .page-message .ant-space-message-buttons {
        margin-bottom: 0;
    }
}
@media (max-width: 480px) {
    .chat-container .chat-users {
        width: 60%;
    }
    .chat-container .chat-discussion {
        width: 40%;
    }
}
.messagesMenu {
    border: none;
}

.account-setup-filter-mobile {
    display: flex;
}
@media (min-width: 768px) {
    .account-setup-filter-mobile {
        display: none;
    }
}
.account-setup-filter-mobile .ant-collapse .table-global-search {
    width: 100% !important;
}
.account-setup-filter-desktop {
    display: none;
}
@media (min-width: 768px) {
    .account-setup-filter-desktop {
        display: flex;
    }
}

.page-admin-settings .role-types-tab .edit-delete span {
    color: var(--yellow);
    cursor: pointer;
    font-size: 16px;
}
.page-admin-settings .role-types-tab .edit-delete span:hover {
    color: gray;
}
.page-admin-settings .role-types-tab .edit-delete span:first-child {
    margin-right: 5px;
}

.page-system-settings .ant-tabs-tab {
    background-color: #f1f3f2;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid rgb(194, 194, 194);
    border-bottom: none;
}
.page-system-settings .ant-tabs-tab.ant-tabs-tab-active {
    background-color: #fff;
}
.page-system-settings .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: var(--yellow);
}
.page-system-settings .ant-tabs-tab:hover {
    color: var(--yellow);
}
.page-system-settings .ant-tabs-nav {
    margin-bottom: 0;
}
.page-system-settings .ant-tabs-nav::before {
    border-bottom: 1px solid transparent;
}
.page-system-settings .ant-tabs-ink-bar {
    background: none;
}
.page-system-settings .ant-tabs-tab + .ant-tabs-tab {
    margin: 0 0 0 2px;
}
.page-system-settings .ant-card:first-child {
    border-radius: 0 5px 5px 5px !important;
}
.page-system-settings
    .template-form
    .ant-row
    .ant-col:first-child
    .ant-collapse-item {
    border-radius: 0 5px 5px 5px !important;
}
.page-system-settings .url-tab .ant-btn[disabled],
.page-system-settings .url-tab .ant-btn[disabled]:hover,
.page-system-settings .url-tab .ant-btn[disabled]:focus,
.page-system-settings .url-tab .ant-btn[disabled]:active {
    color: #fff !important;
    border-color: #757374 !important;
    background: #757374 !important;
}
.page-system-settings .theme-color {
    display: flex;
    margin-top: 5px;
}
.page-system-settings .theme-color > div {
    height: 25px;
}
.page-system-settings .theme-color-box-1 {
    width: 100px;
    border: 1px solid #c7c8cc;
    border-right: none;
}
.page-system-settings .theme-color-box-2 {
    width: 50px;
    background-color: #c7c8cc;
    border: 1px solid #c7c8cc;
}
.page-system-settings .theme-color div[class^="theme-color-option"] {
    width: 25px;
}
.page-system-settings .theme-color-option-1 {
    background-color: #8c53fb;
    border: 1px solid #8c53fb;
}
.page-system-settings .theme-color-option-2 {
    background-color: #960402;
    border: 1px solid #960402;
}
.page-system-settings .theme-color-option-3 {
    background-color: #0a6c31;
    border: 1px solid #0a6c31;
}
.page-system-settings .theme-color-option-4 {
    background-color: #154988;
    border: 1px solid #154988;
}
.page-system-settings .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
    border-color: var(--yellow);
    background-color: var(--yellow);
}
.page-system-settings .ant-radio-inner::after {
    background-color: #fff;
}
.page-system-settings .ant-radio-inner::after .tab-ticketing {
    padding: 10px 15px;
}
.page-system-settings .logo-upload {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
    margin-top: 10px;
}
@media (min-width: 1024px) {
    .page-system-settings .logo-upload {
        flex-direction: row;
    }
}
.page-system-settings .logo-upload .upload-btn {
    border: 1px solid gray;
    padding: 30px 24px;
}
.page-system-settings .company_disabled .label.float-label {
    background: linear-gradient(180deg, #f1f3f2 0 50%, #f5f5f5 50% 100%);
}
.page-system-settings
    .tab-ticketing
    .ant-card
    .ant-card-body
    .space-ticket-prefix-wrapper
    .ant-space-item {
    height: 40px;
}
.page-system-settings
    .tab-ticketing
    .ant-card
    .ant-card-body
    .space-ticket-prefix-wrapper
    .ant-space-item
    .ant-form-item
    .ant-form-item-control-input
    .ant-form-item-control-input-content
    .ant-input {
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    height: 40px !important;
}
.page-system-settings
    .tab-ticketing
    .ant-card
    .ant-card-body
    .space-ticket-prefix-wrapper
    .ant-space-item
    .ticket-prefix-addon {
    height: 40px;
    border: 1px solid #c5c5c5;
    background: #f2f2f2;
    padding: 5px 10px;
    border-radius: 3px;
    display: flex;
    align-items: center;
}
.page-system-settings
    .tab-ticketing
    .ant-card
    .ant-card-body
    .space-ticket-prefix-wrapper
    .ant-space-item
    .ant-btn {
    height: 40px;
    border-radius: 3px;
    border: 1px solid var(--yellow);
    background: var(--yellow);
    color: #ffffff;
}
.page-system-settings
    .tab-ticketing
    .ant-card
    .ant-card-body
    .space-ticket-prefix-output-wrapper {
    height: 40px;
    margin-top: 10px;
}
.page-system-settings
    .tab-ticketing
    .ant-card
    .ant-card-body
    .space-ticket-prefix-output-wrapper
    .ant-space-item
    .ticket-prefix-output {
    height: 40px;
    border: 1px solid #c5c5c5;
    background: #f2f2f2;
    padding: 5px 10px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    width: 157px;
}
.page-system-settings
    .tab-ticketing
    .ant-card
    .ant-card-body
    .space-ticket-prefix-output-wrapper
    .ant-btn {
    height: 40px;
    border-radius: 3px;
}
.page-system-settings
    .tab-images-and-videos
    .card-images-and-videos
    .ant-card-body
    .btn-groups {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.page-system-settings
    .tab-images-and-videos
    .card-images-and-videos
    .ant-card-body
    .btn-groups
    .images {
    display: flex;
    gap: 10px;
}
.page-system-settings
    .tab-images-and-videos
    .card-images-and-videos
    .ant-card-body
    .btn-groups
    .images
    div.label {
    width: 50px;
}
.page-system-settings
    .tab-images-and-videos
    .card-images-and-videos
    .ant-card-body
    .btn-groups
    .videos {
    display: flex;
    gap: 10px;
}
.page-system-settings
    .tab-images-and-videos
    .card-images-and-videos
    .ant-card-body
    .btn-groups
    .videos
    div.label {
    width: 50px;
}
.page-system-settings
    .tab-images-and-videos
    .card-images-and-videos
    .ant-card-body
    .btn-groups
    .ant-switch.ant-switch-small {
    height: 18px !important;
}
.page-system-settings
    .tab-images-and-videos
    .card-images-and-videos
    .ant-card-body
    .btn-groups
    .ant-switch.ant-switch-small
    .ant-switch-handle {
    width: 10px;
    height: 10px;
}
.page-system-settings
    .tab-images-and-videos
    .card-images-and-videos
    .ant-card-body
    .btn-groups
    .ant-switch.ant-switch-checked {
    background-color: #2b8300;
    border: 3px solid #2b8300;
}
.page-system-settings
    .tab-images-and-videos
    .card-images-and-videos
    .ant-card-body
    .btn-groups
    .ant-switch.ant-switch-checked
    .ant-switch-handle {
    top: 1px;
    left: calc(100% - 11px);
}
.page-system-settings
    .tab-images-and-videos
    .card-images-and-videos
    .ant-card-body
    .btn-groups
    .ant-switch:not(.ant-switch-checked) {
    background-color: #fff;
    border: 3px solid #5a595c;
}
.page-system-settings
    .tab-images-and-videos
    .card-images-and-videos
    .ant-card-body
    .btn-groups
    .ant-switch:not(.ant-switch-checked)
    .ant-switch-handle {
    top: 1px;
    left: 2px;
}
.page-system-settings
    .tab-images-and-videos
    .card-images-and-videos
    .ant-card-body
    .btn-groups
    .ant-switch:not(.ant-switch-checked)
    .ant-switch-handle::before {
    background-color: #5a595c;
}
.page-system-settings
    .card-users-and-permissions
    .ant-card-body
    .switch-permission
    .ant-switch-handle {
    width: 13px !important;
    height: 13px !important;
}
.page-system-settings
    .card-users-and-permissions
    .ant-card-body
    .switch-permission.ant-switch-checked {
    background-color: #2592ff !important;
    border: 2px solid #2592ff !important;
}
.page-system-settings
    .card-users-and-permissions
    .ant-card-body
    .switch-permission.ant-switch-checked
    .ant-switch-handle {
    top: 1.5px;
    left: calc(100% - 14px) !important;
}
.page-system-settings
    .card-users-and-permissions
    .ant-card-body
    .switch-permission.ant-switch-checked
    .ant-switch-inner {
    margin: -3px 18px 0 5px;
}
.page-system-settings
    .card-users-and-permissions
    .ant-card-body
    .switch-permission:not(.ant-switch-checked) {
    background-color: #fff;
    border: 2px solid #5a595c;
}
.page-system-settings
    .card-users-and-permissions
    .ant-card-body
    .switch-permission:not(.ant-switch-checked)
    .ant-switch-handle {
    top: 1.5px;
    left: 2px;
}
.page-system-settings
    .card-users-and-permissions
    .ant-card-body
    .switch-permission:not(.ant-switch-checked)
    .ant-switch-handle::before {
    background-color: #5a595c;
}
.page-system-settings
    .card-users-and-permissions
    .ant-card-body
    .switch-permission:not(.ant-switch-checked)
    .ant-switch-inner {
    margin: -3px 8px 0px 20px;
    color: #5a595c;
}
.page-system-settings
    .card-users-and-permissions
    .ant-card-body
    .permission-buttons-label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#PageSystemSettingPageSupportLevelDetails
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-tabs.ant-tabs-card
    .ant-tabs-nav {
    margin: 0px !important;
}
#PageSystemSettingPageSupportLevelDetails
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-tabs.ant-tabs-card
    .ant-tabs-nav
    .ant-tabs-nav-wrap
    .ant-tabs-nav-list
    .ant-tabs-tab {
    border: 1px solid #ccc;
    border-bottom: 0px;
}
#PageSystemSettingPageSupportLevelDetails
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-tabs.ant-tabs-card
    .ant-tabs-nav
    .ant-tabs-nav-wrap
    .ant-tabs-nav-list
    .ant-tabs-tab:not(.ant-tabs-tab-active) {
    background-color: #f1f3f2;
}
#PageSystemSettingPageSupportLevelDetails
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-tabs.ant-tabs-card
    .ant-tabs-nav
    .ant-tabs-nav-wrap
    .ant-tabs-nav-list
    .ant-tabs-tab
    .ant-tabs-tab-btn {
    color: #6d6f6e;
}
#PageSystemSettingPageSupportLevelDetails
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-tabs.ant-tabs-card
    .ant-tabs-nav
    .ant-tabs-nav-wrap
    .ant-tabs-nav-list
    .ant-tabs-tab.ant-tabs-tab-active
    .ant-tabs-tab-btn {
    color: var(--yellow);
}

#PageUsersAndPermissions
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-table-wrapper
    .ant-table
    .ant-table-container
    .ant-table-content
    table
    tbody.ant-table-tbody
    tr.ant-table-row
    td.ant-table-cell {
    vertical-align: top;
}

.ant-switch {
    min-width: 35px !important;
    height: 20px !important;
}
.ant-switch .ant-switch-handle {
    width: 12px;
    height: 12px;
}
.ant-switch .ant-switch-inner {
    margin: 0 7px 0 20px;
}
.ant-switch.ant-switch-checked {
    background-color: #2b8300;
    border: 3px solid #2b8300;
}
.ant-switch.ant-switch-checked .ant-switch-handle {
    top: 1px;
    left: calc(100% - 13px);
}
.ant-switch:not(.ant-switch-checked) {
    background-color: #fff;
    border: 3px solid #5a595c;
}
.ant-switch:not(.ant-switch-checked) .ant-switch-handle {
    top: 1px;
    left: 2px;
}
.ant-switch:not(.ant-switch-checked) .ant-switch-handle::before {
    background-color: #5a595c;
}

.ant-switch-small {
    height: 18px !important;
}
.ant-switch-small .ant-switch-handle {
    width: 12px;
    height: 12px;
}
.ant-switch-small.ant-switch-checked {
    background-color: #2b8300;
    border: 3px solid #2b8300;
}
.ant-switch-small.ant-switch-checked .ant-switch-handle {
    top: 1px;
    left: calc(100% - 13px);
}
.ant-switch-small:not(.ant-switch-checked) {
    background-color: #fff;
    border: 3px solid #5a595c;
}
.ant-switch-small:not(.ant-switch-checked) .ant-switch-handle {
    top: 1px;
    left: 2px;
}
.ant-switch-small:not(.ant-switch-checked) .ant-switch-handle::before {
    background-color: #5a595c;
}

.custom-tabs-nav-list .ant-tabs-tab {
    padding: 10px 23px !important;
}

#PageAccountSetupClientForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-space.space-project-estimated-hours {
    width: 100%;
}
#PageAccountSetupClientForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-space.space-project-estimated-hours
    .ant-space-item:first-child {
    width: 100%;
}
#PageAccountSetupClientForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-space.space-project-estimated-hours
    .ant-space-item:nth-child(2) {
    width: 150px;
}
#PageAccountSetupClientForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-space.space-project-estimated-hours
    .ant-space-item:nth-child(2)
    .ant-input {
    height: 47px;
    border: 1px solid #cccccc;
}
#PageAccountSetupClientForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-space.space-project-estimated-hours
    .ant-space-item:nth-child(3) {
    display: flex;
    align-items: center;
    width: 20px;
    height: 50px;
}
#PageAccountSetupClientForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-space.space-project-estimated-hours
    .ant-space-item:nth-child(3)
    .ant-btn {
    width: auto;
    height: auto;
}
#PageAccountSetupClientForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card.card-contact-details
    .ant-card-head {
    padding: 0 20px;
}
#PageAccountSetupClientForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card.card-contact-details
    .ant-card-head
    .ant-card-head-wrapper
    .ant-card-head-title {
    display: flex;
    justify-content: space-between;
}
#PageAccountSetupClientForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card.card-contact-details
    .ant-card-head
    .ant-card-head-wrapper
    .ant-card-head-title
    .ant-btn {
    width: auto;
    height: auto;
}
#PageAccountSetupClientForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card.card-project-hours
    .ant-card-head
    .ant-card-head-wrapper
    .ant-card-head-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#PageAccountSetupClientForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card.card-project-hours
    .ant-card-head
    .ant-card-head-wrapper
    .ant-card-head-title
    .title {
    color: #4c4e4d;
}
#PageAccountSetupClientForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card.card-project-hours
    .ant-card-head
    .ant-card-head-wrapper
    .ant-card-head-title
    .ant-btn {
    width: auto;
    height: auto;
}
#PageAccountSetupClientForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card.card-project-hours
    .ant-card-body
    .card-project-hours-est-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
#PageAccountSetupClientForm
    .ant-layout
    .ant-layout-content
    .content-wrapper
    .ant-card.card-project-hours
    .ant-card-body
    .card-project-hours-est-total
    > div:last-child {
    width: auto;
    background-color: #ececec;
    color: #f6170d;
    font-weight: 700;
    padding: 5px 10px;
}

.show-mobile {
    display: none;
}

.hide-mobile {
    display: block;
}

@media (max-width: 1199px) {
    .hide-mobile {
        display: none;
    }
    .show-mobile {
        display: block;
    }
}
#PageTasks .react-trello-board-wrapper {
    position: relative;
}
#PageTasks .react-trello-board-wrapper .react-trello-board-scroll-bar {
    width: 100%;
    border: none;
    overflow-x: auto;
    overflow-y: hidden;
    height: 20px;
    position: relative;
    z-index: 10;
    top: 5px;
    scrollbar-width: thin;
    scrollbar-color: #8c53fb #eeeeee;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board-scroll-bar::-webkit-scrollbar {
    width: 0;
    height: 10px;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board-scroll-bar::-webkit-scrollbar-track {
    background-color: #efefef;
    border: 1px solid #e1e1e1;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board-scroll-bar::-webkit-scrollbar-thumb {
    background-color: #8c53fb;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board-scroll-bar::-webkit-scrollbar-track,
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board-scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
#PageTasks .react-trello-board-wrapper .react-trello-board-scroll-bar.isOnTop {
    position: sticky !important;
    top: 24px !important;
    background-color: #ffffff;
}
#PageTasks .react-trello-board-wrapper .react-trello-board-scroll-bar .space {
    height: 20px;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container {
    margin-bottom: 5px !important;
    padding-top: 9px !important;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container.horizontal {
    display: none;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane {
    padding-bottom: 60px;
    background-color: white;
    max-height: 80vh;
    border-radius: 5px;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    > header {
    align-items: center !important;
    justify-content: space-between;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    padding: 7px;
    padding-left: 18px;
    padding-right: 16px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    > header
    .add_card_task {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 17px;
    width: 245px;
    margin-left: 18px;
    border-radius: 5px;
    color: white;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    > header
    .add_card_task:hover {
    color: white;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    > header
    svg {
    color: white;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    > header
    > span {
    width: auto !important;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    > header
    > span:nth-child(2) {
    padding-right: 5px;
    font-size: 0px;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper {
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 7px;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card {
    border-radius: 5px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card
    header {
    display: none;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card
    .description-card
    .id-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card
    .description-card
    .id-wrap
    .id {
    border-radius: 3px;
    border: 1.5px solid #898989;
    padding: 0px 3px;
    font-size: 11px;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card
    .description-card
    .title {
    font-size: 16px;
    font-weight: 600;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card
    .description-card
    .sub_task {
    display: flex;
    align-items: center;
    gap: 3px;
    color: #898989;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card
    .description-card
    .date-wrap {
    display: flex;
    justify-content: space-between;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card
    .description-card
    .user-wrap {
    display: flex;
    gap: 2px;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card
    .description-card
    .user-wrap
    .user_icon
    svg {
    color: #23bf08;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card
    .description-card
    .user-wrap
    .user-abv {
    background: #fe8ab3;
    color: white;
    border-radius: 50%;
    padding: 2px 3px;
    margin-right: -3px;
    font-size: 10px;
    margin-top: 5px;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card
    .description-card
    .user-wrap
    .user-abv.key0 {
    background: #fe8ab3 !important;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card
    .description-card
    .user-wrap
    .user-abv.key1 {
    background: #f9c457 !important;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card
    .description-card
    .user-wrap
    .user-abv.key2 {
    background: #4cc459 !important;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card
    .description-card
    .user-wrap
    .user-abv.key3 {
    background: white !important;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
    color: black !important;
}
#PageTasks
    .react-trello-board-wrapper
    .react-trello-board
    > div
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-lane
    .smooth-dnd-container
    .smooth-dnd-draggable-wrapper
    .react-trello-card
    .description-card
    .quill-output {
    color: #898989;
}
#PageTasks .react-trello-board-wrapper .ant-btn-icon-only {
    width: 14px;
}

.items-display-task {
    display: flex;
    align-items: center;
    gap: 8px;
}

.circle-picker {
    justify-content: space-between;
}

.visibility-hidden {
    visibility: hidden;
}

.modal-wrap-add-tasks .ant-modal {
    width: 960px !important;
}
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-close {
    display: flex;
    width: 62px;
    height: 62px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-close
    .ant-modal-close-x
    svg {
    font-size: 18px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-header
    .ant-modal-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .float-wrapper {
    border-radius: 5px;
    background: #fff;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .float-wrapper.float-select
    .ant-select
    .ant-select-selector {
    border-radius: 5px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .float-wrapper
    .ant-picker,
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .float-wrapper
    .ant-input {
    border-radius: 5px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .float-wrapper.quill
    .ql-container.ql-snow {
    min-height: 100px;
    height: auto;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .float-wrapper.quill
    .ql-container.ql-snow
    .ql-editor {
    min-height: 100px;
    resize: vertical;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper {
    margin-bottom: 20px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper
    .task_subtasks-title {
    color: #1e1e1e;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item {
    width: 100%;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item.task_subtasks-item--add {
    margin-bottom: 10px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item.task_subtasks-item--add
    .ant-space-item:first-child {
    width: 100%;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item.task_subtasks-item--add
    .input-subtask {
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item:not(.task_subtasks-item--add)
    .ant-space-item:first-child {
    width: 18px;
    height: 32px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item:not(.task_subtasks-item--add)
    .ant-space-item:nth-child(2) {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item:not(.task_subtasks-item--add)
    .ant-space-item:nth-child(2)
    .subtask-content {
    color: #1e1e1e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item:not(.task_subtasks-item--add)
    .ant-space-item:nth-child(2)
    .subtask-content.done {
    text-decoration: line-through;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item:not(.task_subtasks-item--add)
    .ant-space-item:nth-child(3) {
    width: 18px;
    height: 32px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item:not(.task_subtasks-item--add)
    .ant-space-item:nth-child(3)
    .ant-btn {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item:not(.task_subtasks-item--add)
    .ant-space-item:nth-child(3)
    .ant-btn
    svg {
    color: #898989;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item--add-actions {
    display: flex;
    gap: 10px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item--add-actions
    .ant-btn {
    width: 80px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper {
    margin-top: 30px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-title {
    color: #1e1e1e;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .ant-upload.ant-upload-drag {
    height: 110px !important;
    border-color: #585858;
    background: #f4f4f4;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 10px;
    margin-top: 10px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item {
    width: calc(25% - 8px);
    position: relative;
    height: 240px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item:hover
    .attachment-uploaded-item-mask {
    opacity: 1;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-mask {
    position: absolute;
    width: 100%;
    height: calc(100% - 20px);
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-mask
    .attachment-uploaded-item-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: absolute;
    top: 8px;
    right: 8px;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-mask
    .attachment-uploaded-item-actions
    .ant-btn {
    width: 30px !important;
    height: 30px !important;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.3);
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-mask
    .attachment-uploaded-item-actions
    .ant-btn
    svg {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-image,
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-video {
    width: 100%;
    height: 220px;
    background: #fff;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-image.error,
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-video.error {
    border: 2px solid #930502;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-name {
    margin-top: 5px;
    color: #898989;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-image {
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-image
    img {
    width: 100%;
    height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-video
    .react-player-video-wrapper {
    width: 100% !important;
    height: 220px !important;
    display: flex;
    align-items: center;
}
.modal-wrap-add-tasks
    .ant-modal
    .ant-modal-content
    .ant-modal-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-video
    .react-player-video-wrapper
    video {
    height: auto !important;
}

.drawer-form-task {
    z-index: 999;
}
.drawer-form-task .ant-drawer-content-wrapper {
    width: 40% !important;
}
@media (max-width: 1199px) {
    .drawer-form-task .ant-drawer-content-wrapper {
        width: 80% !important;
    }
}
@media (max-width: 991px) {
    .drawer-form-task .ant-drawer-content-wrapper {
        width: 100% !important;
    }
}
.drawer-form-task .ant-drawer-content-wrapper .id {
    border-radius: 3px;
    border: 1.5px solid #898989;
    padding: 0px 3px;
}
.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content {
    padding-bottom: 15px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-header {
    border-bottom: transparent;
    margin-top: -15px;
    padding: 22px 22px;
    padding-bottom: 0px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-header
    .ant-drawer-header-title {
    flex-direction: row-reverse;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-header
    .ant-drawer-header-title
    .ant-drawer-close {
    margin-right: 0px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-header
    .ant-drawer-extra {
    display: flex;
    align-items: center;
    font-size: 20px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-header
    .ant-drawer-extra
    .ant-btn:hover {
    background: transparent;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-header
    .ant-drawer-extra
    .clock-timer-wrapper {
    display: flex;
    align-items: center;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-header
    .ant-drawer-extra
    .clock-timer-wrapper
    .clock-timer__time {
    color: #898989;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 3px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-header
    .ant-drawer-extra
    .clock-timer-wrapper
    .clock-timer__time
    span {
    line-height: normal;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-header
    .ant-drawer-extra
    .clock-timer-wrapper
    .btn-play
    svg {
    color: var(--yellow);
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-header
    .ant-drawer-extra
    .clock-timer-wrapper
    .btn-stop
    svg {
    color: #c80202;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-header
    .ant-drawer-extra
    .close
    svg {
    color: var(--yellow);
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-header
    .ant-drawer-extra
    .ellipses
    svg {
    color: var(--yellow);
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body {
    display: flex;
    gap: 5px;
    padding-top: 0px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper {
    margin-bottom: 20px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
@media (min-width: 425px) {
    .drawer-form-task
        .ant-drawer-content-wrapper
        .ant-drawer-content
        .ant-drawer-wrapper-body
        .ant-drawer-body
        .ant-form
        .task_subtasks_wrapper
        .task_subtasks-title {
        flex-direction: row;
    }
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-title
    .title {
    color: #1e1e1e;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
    width: 100%;
}
@media (min-width: 425px) {
    .drawer-form-task
        .ant-drawer-content-wrapper
        .ant-drawer-content
        .ant-drawer-wrapper-body
        .ant-drawer-body
        .ant-form
        .task_subtasks_wrapper
        .task_subtasks-title
        .title {
        margin-bottom: 20px;
    }
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-title
    .progress-wrapper {
    width: 300px;
    display: flex;
    gap: 10px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-title
    .progress-wrapper
    .progress-counter-wrapper {
    display: flex;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-title
    .progress-wrapper
    .progress-counter-wrapper
    span {
    color: #898989;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-title
    .progress-wrapper
    .progress-bar-wrapper {
    width: 275px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-title
    .progress-wrapper
    .progress-bar-wrapper
    .ant-progress
    .ant-progress-outer
    .ant-progress-inner
    .ant-progress-bg {
    background-color: #0a6c31 !important;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item {
    width: 100%;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item
    .ant-checkbox-checked::after {
    border: none;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item
    .ant-checkbox-inner {
    top: 2px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item.task_subtasks-item--add {
    margin-bottom: 10px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item.task_subtasks-item--add
    .ant-space-item:first-child {
    width: 100%;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item.task_subtasks-item--add
    .input-subtask {
    border-radius: 5px;
    border: 1px solid #434343;
    background: #fff;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item:not(.task_subtasks-item--add)
    .ant-space-item:first-child {
    width: 18px;
    height: 32px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item:not(.task_subtasks-item--add)
    .ant-space-item:nth-child(2) {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item:not(.task_subtasks-item--add)
    .ant-space-item:nth-child(2)
    .subtask-content {
    color: #1e1e1e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 210px;
}
@media (min-width: 375px) {
    .drawer-form-task
        .ant-drawer-content-wrapper
        .ant-drawer-content
        .ant-drawer-wrapper-body
        .ant-drawer-body
        .ant-form
        .task_subtasks_wrapper
        .task_subtasks-item-wrapper
        .task_subtasks-item:not(.task_subtasks-item--add)
        .ant-space-item:nth-child(2)
        .subtask-content {
        width: 250px;
    }
}
@media (min-width: 425px) {
    .drawer-form-task
        .ant-drawer-content-wrapper
        .ant-drawer-content
        .ant-drawer-wrapper-body
        .ant-drawer-body
        .ant-form
        .task_subtasks_wrapper
        .task_subtasks-item-wrapper
        .task_subtasks-item:not(.task_subtasks-item--add)
        .ant-space-item:nth-child(2)
        .subtask-content {
        width: 300px;
    }
}
@media (min-width: 768px) {
    .drawer-form-task
        .ant-drawer-content-wrapper
        .ant-drawer-content
        .ant-drawer-wrapper-body
        .ant-drawer-body
        .ant-form
        .task_subtasks_wrapper
        .task_subtasks-item-wrapper
        .task_subtasks-item:not(.task_subtasks-item--add)
        .ant-space-item:nth-child(2)
        .subtask-content {
        width: 600px;
    }
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item:not(.task_subtasks-item--add)
    .ant-space-item:nth-child(2)
    .subtask-content.done {
    text-decoration: line-through;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item:not(.task_subtasks-item--add)
    .ant-space-item:nth-child(3) {
    width: 18px;
    height: 32px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item:not(.task_subtasks-item--add)
    .ant-space-item:nth-child(3)
    .ant-btn {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    position: relative;
    top: 7px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item:not(.task_subtasks-item--add)
    .ant-space-item:nth-child(3)
    .ant-btn
    svg {
    color: #898989;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item--add-actions {
    display: flex;
    gap: 10px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .ant-form
    .task_subtasks_wrapper
    .task_subtasks-item-wrapper
    .task_subtasks-item--add-actions
    .ant-btn {
    width: 80px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-title {
    color: #1e1e1e;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .ant-upload.ant-upload-drag {
    height: 110px !important;
    border-color: #585858;
    background: #f4f4f4;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 10px;
    margin-top: 10px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item {
    width: calc(33.33% - 7px);
    position: relative;
    height: 240px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item:hover
    .attachment-uploaded-item-mask {
    opacity: 1;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-mask {
    position: absolute;
    width: 100%;
    height: calc(100% - 20px);
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-mask
    .attachment-uploaded-item-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: absolute;
    top: 8px;
    right: 8px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-mask
    .attachment-uploaded-item-actions
    .ant-btn {
    width: 30px !important;
    height: 30px !important;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.3);
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-mask
    .attachment-uploaded-item-actions
    .ant-btn
    svg {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-image,
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-video {
    width: 100%;
    height: 220px;
    background: #fff;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-image.error,
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-video.error {
    border: 2px solid #930502;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-name {
    margin-top: 5px;
    color: #898989;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-image {
    display: flex;
    align-items: center;
    justify-content: center;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-image
    img {
    width: 100%;
    height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-video
    .react-player-video-wrapper {
    width: 100% !important;
    height: 220px !important;
    display: flex;
    align-items: center;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .ant-drawer-body
    .attachment-wrapper
    .attachment-uploaded-wrapper
    .attachment-uploaded-item
    .attachment-uploaded-item-video
    .react-player-video-wrapper
    video {
    height: auto !important;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description {
    width: 100%;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description
    .title {
    font-size: 20px;
    font-weight: 600;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description
    .description {
    font-size: 16px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description
    .notes {
    font-size: 16px;
    font-weight: 600;
    margin-top: -15px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description
    .notes-description {
    font-size: 16px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description
    .label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 400;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description
    .label
    svg {
    color: var(--yellow);
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description
    .label-value {
    font-size: 16px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description
    .user-wrap {
    display: flex;
    gap: 2px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description
    .user-wrap
    .user_icon
    svg {
    color: #23bf08;
    font-size: 12px;
    cursor: pointer;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description
    .user-wrap
    .user-abv {
    background: #fe8ab3;
    color: white;
    border-radius: 50%;
    padding: 2px 3px;
    margin-right: -3px;
    font-size: 10px;
    margin-top: 5px;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description
    .user-wrap
    .user-abv.key0 {
    background: #fe8ab3 !important;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description
    .user-wrap
    .user-abv.key1 {
    background: #f9c457 !important;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description
    .user-wrap
    .user-abv.key2 {
    background: #4cc459 !important;
}
.drawer-form-task
    .ant-drawer-content-wrapper
    .ant-drawer-content
    .ant-drawer-wrapper-body
    .wrap-description
    .user-wrap
    .user-abv.key3 {
    background: white !important;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
    color: black !important;
}
.drawer-form-task .float-select-multi .ant-select-selection-overflow {
    padding-bottom: 4px;
    padding-top: 4px;
}

.subtask-tool-tip {
    max-width: 350px;
}
@media (min-width: 768px) {
    .subtask-tool-tip {
        max-width: 500px;
    }
}

#PageClients .tbl-global-search-wrapper {
    width: 320px;
} /*# sourceMappingURL=app.css.map */