@font-face {
    font-family: ppBLK;
    src: url("../fonts/Poppins-Black.ttf");
}

@font-face {
    font-family: ppBI;
    src: url("../fonts/Poppins-BlackItalic.ttf");
}

@font-face {
    font-family: ppBD;
    src: url("../fonts/Poppins-Bold.ttf");
}

@font-face {
    font-family: ppBDI;
    src: url("../fonts/Poppins-BoldItalic.ttf");
}

@font-face {
    font-family: ppEBD;
    src: url("../fonts/Poppins-ExtraBold.ttf");
}

@font-face {
    font-family: ppEBI;
    src: url("../fonts/Poppins-ExtraBoldItalic.ttf");
}

@font-face {
    font-family: ppEL;
    src: url("../fonts/Poppins-ExtraLight.ttf");
}

@font-face {
    font-family: ppELI;
    src: url("../fonts/Poppins-ExtraLightItalic.ttf");
}

@font-face {
    font-family: ppI;
    src: url("../fonts/Poppins-Italic.ttf");
}

@font-face {
    font-family: ppL;
    src: url("../fonts/Poppins-Light.ttf");
}

@font-face {
    font-family: ppLI;
    src: url("../fonts/Poppins-LightItalic.ttf");
}

@font-face {
    font-family: ppM;
    src: url("../fonts/Poppins-Medium.ttf");
}

@font-face {
    font-family: ppMI;
    src: url("../fonts/Poppins-MediumItalic.ttf");
}

@font-face {
    font-family: ppR;
    src: url("../fonts/Poppins-Regular.ttf");
}

@font-face {
    font-family: ppSBD;
    src: url("../fonts/Poppins-SemiBold.ttf");
}

@font-face {
    font-family: ppSBDI;
    src: url("../fonts/Poppins-SemiBoldItalic.ttf");
}

@font-face {
    font-family: ppT;
    src: url("../fonts/Poppins-Thin.ttf");
}

@font-face {
    font-family: Outfit;
    src: url("../fonts/Outfit-VariableFont_wght.ttf");
}


/*
    Kodchasan
*/

@font-face {
    font-family: kBD;
    src: url("../fonts/Kodchasan-Bold.ttf");
}

@font-face {
    font-family: kBDI;
    src: url("../fonts/Kodchasan-BoldItalic.ttf");
}

@font-face {
    font-family: kEL;
    src: url("../fonts/Kodchasan-ExtraLight.ttf");
}

@font-face {
    font-family: kELI;
    src: url("../fonts/Kodchasan-ExtraLightItalic.ttf");
}

@font-face {
    font-family: kI;
    src: url("../fonts/Kodchasan-Italic.ttf");
}

@font-face {
    font-family: kL;
    src: url("../fonts/Kodchasan-Light.ttf");
}

@font-face {
    font-family: kLI;
    src: url("../fonts/Kodchasan-LightItalic.ttf");
}

@font-face {
    font-family: kM;
    src: url("../fonts/Kodchasan-Medium.ttf");
}

@font-face {
    font-family: kMI;
    src: url("../fonts/Kodchasan-MediumItalic.ttf");
}

@font-face {
    font-family: kR;
    src: url("../fonts/Kodchasan-Regular.ttf");
}

@font-face {
    font-family: kSBD;
    src: url("../fonts/Kodchasan-SemiBold.ttf");
}

@font-face {
    font-family: kSBDI;
    src: url("../fonts/Kodchasan-SemiBoldItalic.ttf");
}

.b-brand .b-bg {
    background: transparent !important;
}

span.pcoded-badge.label {
    color: #3f4d67;
    font-weight: bold;
}

.card div.card-block._datatable {
    padding: 1.25rem 0rem !important;
}

ul.pagination>li.paginate_button.page-item>a.page-link,
.page-link {
    padding: 0.75rem 1rem;
}

ul.breadcrumb>li.breadcrumb-item {
    font-size: 1.35rem;
}

.page-header-title>* {
    font-size: 2.25rem;
}

table.dataTable.table thead {
    background: rgb(244, 247, 250);
    color: black;
}

table.dataTable.table {
    margin-bottom: 3rem;
    border-bottom: #DCDCDC solid 4px;
}

td.dt-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.dt-control {
    background: url('../images/details_close.png') no-repeat center center;
}

div.slider {
    display: none;
    border-bottom: #DCDCDC solid 4px;
}

table.dataTable tbody td.no-padding {
    padding: 0;
}

div.slider table td._bl {
    border-left: #DCDCDC solid 2px;
}

div.slider table td._br {
    border-right: #DCDCDC solid 2px;
}

div.DTED_Lightbox_Background,
div[class*="DTE"]:not(.DTE_Bubble_Background) {
    z-index: 99999 !important;
}


/* nav.pcoded-navbar,header.pcoded-header {
    z-index: 9!important;
  } */

body {
    overflow-x: hidden;
}

div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header,
div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer {
    background-color: #3f4d67;
    border-color: #3f4d67;
    color: #ffffff;
}

div.DTE button.btn:hover,
div.DTE div.DTE_Form_Buttons button:hover,
div.DTE button.btn:active,
div.DTE div.DTE_Form_Buttons button:active,
div.DTE button.btn:focus,
div.DTE div.DTE_Form_Buttons button:focus,
div.DTE button.btn,
div.DTE div.DTE_Form_Buttons button {
    color: #3f4d67;
    background-color: transparent;
    border: #DCDCDC;
    border-radius: 8px;
}

label.DTE_Label {
    font-weight: 700;
}

 ::-webkit-scrollbar {
    width: 7px;
    height: 6px;
}

.sleepcheckicon:before {
    content: "";
    background: url('../logo/brand-icon.svg') no-repeat center center/cover;
}

table.table>tr>td {
    color: #000 !important;
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected,
table.dataTable tbody tr.odd.selected,
table.dataTable tbody tr.even.selected {
    background-color: #3f4d67 !important;
    color: #fff !important;
}

.card-header:not([class*="datatable_header"]),
.card-header:not([class*="datatable_header"]) h5 {
    background-color: #3f4d67 !important;
    color: #fff !important;
}

.colored-toast.swal2-icon-success {
    background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
    background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
    background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
    background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
    background-color: #87adbd !important;
}

.colored-toast .swal2-title {
    color: white;
}

.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: none;
    background-color: transparent;
    background: transparent
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.5rem 0;
}


/* Handle */

 ::-webkit-scrollbar-thumb {
    background: #3f4d67;
    /* border-radius: 10px; */
}


/* Handle on hover */

 ::-webkit-scrollbar-thumb:hover {
    background: #3f4d67;
}


/* Track */

 ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 7px rgba(255, 255, 255, 0);
    border-radius: 0.45rem;
}

a.pt_a {
    color: #000000;
    text-decoration: underline;
}

div.c-date {
    font-size: 1.125rem;
    font-weight: 900;
    padding: 0.5rem 0 0.65rem 0;
    margin-top: 0.8rem;
    border-top: 2.2px solid rgba(63, 77, 103, 0.75) !important;
    width: 65%
}

li.c-comment {
    list-style: none;
    padding-left: 2rem;
    margin-top: 0.2rem;
    color: #000000;
}

div.slider {
    padding-bottom: 0.75rem;
}

div._datatable div.container-fluid {
    padding: 1rem!important;
}

.card-block._datatable table tr td {
    color: black;
    vertical-align: middle;
}

.card-block._datatable table tr.selected td,
.card-block._datatable table tr.selected td .dropdown-item,
.card-block._datatable table tr.selected td a.pt_a {
    color: #fff;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 20px 18px !important;
}

table.dataTable tbody tr.even {
    background-color: rgba(4, 169, 245, 0.15);
}

.table-hover tbody tr.odd:hover,
table.dataTable tbody tr.odd:hover,
table.dataTable tbody tr.even:hover {
    background-color: rgba(4, 169, 245, 0.085);
}


/*  table .task-page tr td {
    padding: 1rem;
  } */

.pointer,
.pointer:hover {
    cursor: pointer;
}

.__c {
    padding: 10px 4px;
    border-radius: 100%;
    margin-left: 8.5px;
}

.__c:nth-child(1) {
    border: 2px solid #1de9b6;
    outline: 2.5px solid #1dc4e9;
}

.__c:nth-child(2) {
    border: 2px solid rgba(255, 0, 164, 1);
    outline: 2.5px solid rgba(162, 0, 255, 1);
}

.__c:nth-child(3) {
    border: 2px solid rgba(69, 255, 0, 1);
    outline: 2.5px solid rgba(255, 239, 0, 1);
}

body.swal2-shown>[aria-hidden="true"] {
    transition: 0.1s filter;
    filter: blur(10px);
}

table .dropdown-item:focus,
.dropdown-item:hover {
    color: inherit;
    text-decoration: none;
    background-color: inherit;
}

.main-footer {
    background-color: white;
    padding: 1rem 1rem;
    position: relative;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: 0 -30px -30px;
}

.pcoded-content {
    position: relative;
    display: block;
    padding: 0rem 30px;
}

.DTE_Form_buttons button.btn {
    width: 100% !important;
    background: #3f4d67 !important;
    color: white !important;
}

.bg-theme {
    background-color: #3f4d67 !important;
    border-color: #3f4d67 !important;
    color: #ffffff;
    font-size: large;
}

* {
    font-family: 'ppR';
    font-weight: 200!important;
}

.dataTable th,
._datatable th {
    font-family: 'ppM';
}

._datatable thead tr {
    background: rgba(241, 245, 250, .7);
    text-align: center;
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:after {
    bottom: 35%;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 0.75rem 0.625rem!important;
}

select,
td {
    padding: 0 16px!important;
    text-align: center;
}

.slider,
.slider * {
    text-align: left;
}

._datatable button.btn,
._datatable button.btn-secondary,
button#uploadDocs {
    background-color: rgba(63, 77, 103, 0.9)!important;
    border: rgba(63, 77, 103, 1)!important;
}

._datatable button.btn:hover,
._datatable button.btn-secondary:hover {
    background-color: rgba(63, 77, 103, 0.7)!important;
    border: rgba(63, 77, 103, 8)!important;
}

table.dataTable tbody tr.even {
    background-color: rgba(240, 240, 245, 0.35);
}

table.dataTable tbody tr:hover {
    background-color: rgba(4, 169, 245, 0.085);
}

#loader {
    position: absolute;
    border: 16px solid #3f4d67;
    border-radius: 50%;
    border-top: 16px solid #f3f3f3;
    width: 125px;
    height: 125px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: block;
    top: 30%;
    left: 39.5%;
}


/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.userFile {
    display: grid;
    text-align: center;
    text-decoration: none;
    color: inherit;
    white-space: pre-wrap;
}

.userFile i {
    margin-bottom: 0.375rem;
    font-size: 3rem !important;
    color: #3f4d67;
}

a#uploadDocs {
    background: #3f4d67 !important;
    border-color: #3f4d67 !important;
    color: #fff;
}

a#uploadDocs:active,
a#uploadDocs:hover,
a#uploadDocs:focus {
    background: #fff !important;
    color: #3f4d67;
    transition: .65s
}

.DTED_Lightbox_Content.editor2 {
    max-width: 50%;
    margin: auto;
}