:root {
    --bs-secondary-color: #0a3c55 !important;
    --bs-body-color: #0a3c55 !important;
    --bs-border-width: 2px !important;
    --bs-nav-tabs-link-hover-border-color: #0a3c55 !important;
}

.nav-link {
    color: var(--e-global-color-primary) !important;
    cursor: pointer;
}

.nav-link.active {
    font-weight: bold;
    background-color: #f0f5f5 !important;
    border-bottom-color: #f0f5f5 !important;
}

.w-24 {
    width: 3rem;
}

.bg-custom {
    background-color: var(--e-global-color-primary) !important;
}

.ml-1 {
    margin-left: 1rem;
}

.ml-0\.5 {
    margin-left: 0.5rem;
}

.mr-0\.5 {
    margin-right: 0.5rem;
}

.mt-0\.5 {
    margin-top: 0.5rem;
}

/* .btn-default { */
/*     background-color: #f0f5f5 !important; */
/*     border: 2px solid var(--e-global-color-primary) !important; */
/*     color: var(--e-global-color-primary) !important; */
/* } */

.form-check-label {
    border: 2px solid var(--e-global-color-primary) !important;
    padding: 10px 2rem 10px 2rem !important;
    border-radius: 3px !important;
    cursor: pointer;
    min-width: 4rem !important;
}

.form-check-input:checked + .form-check-label {
    background-color: #ced8dd !important;
}

.form-check {
    padding-left: 0rem !important;
    margin-right: 1rem !important;
}

.form-control {
    background: #ffffff !important;
    background-color: rgb(255, 255, 255) !important;
    background-position-x: 0% !important;
    background-position-y: 0% !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-image: none !important;
    background-size: auto !important;
    background-origin: padding-box !important;
    background-clip: border-box !important;
    padding: 10px 15px !important;
    margin: 5px 0px !important;
    border: 1px solid #b5bfc3 !important;
    color: #0a3c55 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}

.dropdown-menu.show {
    display: block !important;
    width: 100%;
    border-radius: 3px !important;
}

.dropdown-menu > li {
    font-size: 1.25rem;
}

.dropdown {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0.25rem;
    position: relative !important;
}

.dropdown > div{
    display: inline-block;
}

.form-select {
    box-shadow: none !important;
    border: 1px solid #b5bfc3 !important;
    border-radius: 3px !important;
}

.task-reminder-form {
    background-color: #f0f5f5;
}

.cursor-pointer {
    cursor: pointer;
}

.dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

.add-btn {
    display: inline-block;
    vertical-align: top;
    padding: 15px 25px;
    background: #0a3c55;
    color: #FFFFFF;
    border-radius: 10px;
    border: 0;
    font-size: 0.8em;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s;
}

table#table-task-open td.dataTables_empty {
    padding: 100px !important;
    font-size: 20px;
    font-weight: 600;
}

.tab-table {
    margin-top: 20px;
    margin-left: 20px;
}

#table-task-open_wrapper {
    border: 1px solid var(--e-global-color-primary);
    border-radius: 5px;
    padding: 20px;
}

#table-task-open_wrapper .search-field-task {
    display: flex;
    justify-content: end;
    font-size: 1rem;
    gap: 10px
}

#table-task-open_info {
    width: 200px !important;
}

#table-task-open_paginate {
    width: 200px !important;
    float: right;
    position: relative !important;
    top: -70px !important;
}
.tabs-table-wrapper #table-task-open_wrapper #table-task-open_paginate {
    gap: 10px;
    display: flex;
}
.tabs-table-wrapper #table-task-open_wrapper #table-task-open_paginate a.paginate_button.current {
    padding: 10px 15px;
    border-radius: 2px;
}
.active-field {
    display: flex;
    gap: 20px;
    height: 100%;
    margin-top: 15px;
}

#user-tasks-table_wrapper .active-field {
    margin-top: 0px;
}

.active-field .ico-done-task {
    color: #0a3c55;
    cursor: pointer;
}

.active-field .ico-done-task i:hover {
    color: #1bce6c;
}

.active-field .ico-edit-task {
    color: #0a3c55;
    cursor: pointer;
}

.active-field .ico-edit-task i:hover {
    color: #1bce6c;
}

.active-field i:hover {
    color: #0a3c55;
}

.active-field .ico-trash {
    color: #0a3c55;
    cursor: pointer;
}

.active-field .ico-trash i:hover {
    color: red;
    cursor: pointer;
}

#table-task-open_wrapper table.dataTable tbody td {
    text-align: center;
    vertical-align: middle;
}

.field-error {
    border-color: #ED4337 !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.required-label::after {
    content: ' *';
    color: #ED4337;
}
#add-task-toggle::after {
    display: none !important;
}
#add-task-toggle {
    padding: 10px 40px 5px 40px;
    font-size: 2rem;
}

#task-reminder-tabs-form .btn-confirm:hover, #task-reminder-tabs-form-edit .btn-confirm:hover {
    color: #0a3c55;
    background-color: var( --e-global-color-secondary );
}

#task-reminder-tabs-form .btn-cancel, #task-reminder-tabs-form-edit .btn-cancel {
    color: inherit !important;
    width: 180px;
    background-color: #dde7ed;
    line-height: 3em;
    font-size: 1em;
    font-weight: 600;
    padding: 0px;
    border: 0px;
    margin-right: 10px;
}

#task-reminder-tabs-form .btn-confirm, #task-reminder-tabs-form-edit .btn-confirm {
    background-color: #4cb96a;
    border: 0;
    cursor: pointer;
    color: #FFFFFF;
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    line-height: 3em;
    font-size: 1em;
    min-width: 150px;
    padding: 0px;
    font-weight: 600;
}

#task-reminder-tabs-form .btn-cancel:hover, #task-reminder-tabs-form-edit .btn-cancel:hover {
    background-color: var( --e-global-color-secondary ) !important;
}

#table-task-open_paginate .paginate_button.next {
    border: none !important;
    cursor: pointer !important;
}

#table-task-open_paginate .paginate_button.previous {
    border: none !important;
    cursor: pointer !important;
}

#table-task-open_paginate .paginate_button.next:hover {
    background-color: transparent !important;
}

#table-task-open_paginate .paginate_button.previous:hover {
    background-color: transparent !important;
}

#table-task-open_paginate .paginate_button {
    margin-right: 10px !important;
    padding: 5px 5px 5px 5px !important;
    cursor: pointer !important;
}

#table-task-open_paginate .paginate_button.current {
    color: var( --e-global-color-accent ) !important;
    background-color: var( --e-global-color-primary ) !important;
    cursor: pointer !important;
}

#table-task-open_paginate {
    width: auto !important;
}
/* Styling for cells in the first column */
#table-task-open_wrapper table.dataTable tbody td.column-title-row {
    text-align: left;
}

/* Styling for the first column header */
.column-title-header {
    text-align: center;
}

#task-reminder-tabs-list #table-task-open_length {
    line-height: 46px;
}

#table-task-open_paginate .paginate_button.next {
    border: none !important;
    cursor: pointer !important;
}

#table-task-open_paginate .paginate_button.previous {
    border: none !important;
    cursor: pointer !important;
}

#table-task-open_paginate .paginate_button.next:hover {
    background-color: transparent !important;
}

#table-task-open_paginate .paginate_button.previous:hover {
    background-color: transparent !important;
}

#table-task-open_paginate .paginate_button {
    margin-right: 10px !important;
    padding: 5px 10px 5px 10px !important;
    cursor: pointer !important;
}

#table-task-open_paginate .paginate_button.current {
    color: var( --e-global-color-accent ) !important;
    background-color: var( --e-global-color-primary ) !important;
    cursor: pointer !important;
}

#table-task-open_paginate {
    width: auto !important;
}

.sorting {
    cursor: pointer;
    position: relative;
    padding-right: 15px;
}

.sorting::after,
.sorting::before {
    font-size: 0.6em;
    color: #666;
    position: absolute;
    right: 10px;
    opacity: 0.5;
}

.sorting::after {
    content: "▲";
    top: 1px;
}

.sorting::before {
    content: "▼";
    bottom: 1px;
}

.sorting.sorting_asc::after {
    opacity: 1;
}

.sorting.sorting_desc::before {
    opacity: 1;
}

#task-reminder-tabs-list .dataTables_wrapper table.dataTable tbody td:not(.dataTables_empty) {
    text-align: start;
}


#table-task-open thead th {
    text-align: center !important;
}

#table-task-open thead th:not(:last-child) {
    border-right: 2px solid #f0f0f0 !important;
}

.res-table-col-10 {
    width: 10% !important;
}

.res-table-col-15 {
    width: 15% !important;
}

.res-table-col-20 {
    width: 20% !important;
}

.w-250px {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 250px !important;
}

@media (max-width: 768px) {
    .res-table-col-10 {
        width: 30% !important;
    }

    .res-table-col-15 {
        width: auto !important;
    }

    .res-table-col-20 {
        width: auto !important;
    }

    #table-task-open thead th {
        font-size: 1rem !important;
    }

    .sorting::after,
    .sorting::before {
        right: 5px;
    }
}

#table-task-open .dataTables_empty {
    height: 256px !important;
}

.gap-0\.5 {
    gap: 0.5rem;
}

.btn-task-ct {
    padding: 10px 20px 5px 20px !important;
}

.item-center-ct .active-field {
    justify-content: center;
}

@media (max-width: 768px) {
    .search-field-task {
        flex-direction: column;
        gap: 0px;
        align-items: flex-end;
    }
}

.task-card {
    padding: 10px 5px;
    margin-bottom: 10px;
    position: relative;
}

.task-status {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid black;
    padding: 5px;
    border-radius: 3px;
    font-size: 0.8rem;
}

.recent-activity-text, .enquiry-text, .notes-text {
    position: relative;
}

#elementor-tab-content-1573 {
    display: block;
    height: 100vh;
    overflow-x: scroll;
    position: relative;
}

.w-100px {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100px !important;
}