/* FONTS */
p,
h1, h2, h3, h4, h5, h6,
.btn,
.ez-login__header-title,
.ez-login__header-sub-title,
.ez-login__form-title,
.ez-form__title,
.ez-form__group,
.ez-form__control,
.ez-btn,
.ez-top-navbar__brand,
.ez-navbar__nav-link,
.ez-navbar__item-dropdown-toggle,
.ez-header__dropdown-item,
.ez-header__sub-menu-btn,
.ez-accordion__button {
    font-family: "Poppins", sans-serif;
    /* font-family: "Courier Prime", serif; */
}

.ez-form__label {
    font-family: -apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, sans-serif;
}

.ez-form__label {
    font-family: 'Nunito', sans-serif;
}

/* EZ GENERAL */

/* font */
h1 {
    font-weight: 800;
}

h2 {
    font-weight: 700;
}

h3 {
    font-weight: 600;
}

h4 {
    font-weight: 500;
}

h5 {
    font-weight: 400;
}

h6 {
    font-weight: 300;
}

p {
    font-weight: 400;
}

.ez-container {
    min-height: calc(100vh - 292px);
    padding: 20px;
}

.ez-form__title {
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 25px;
    color: #152c53;
    margin-left: 25px;
}

.ez-title {
    margin: 0;
    font-weight: 500;
    font-size: 25px;
    color: #152c53;
}

.ez-badge {
    background:#ffca2c;
    border-radius: 5px;
    padding:5px 10px;
    color:#000000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    width: fit-content !important;
}

.ez-bg__green-70 {
    background: #00800070;
}

.ez-bg__red-70 {
    background: #ff000070;
}

/* icon */
.ez-pg-icon {
    font-size: 25px !important;
    margin-right: 10px;
}

/* margin */
.ez-margin__top-25 {margin-top: 25px !important;}

/* padding */
.ez-padding__bottom-25 {padding-bottom: 25px !important;}
.ez-padding__bottom-50 {padding-bottom: 50px !important;}
.ez-padding__bottom-75 {padding-bottom: 75px !important;}

/* button */
.ez-btn {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: unset;
    padding: 10px 25px;
    color: #ffffff;
    border: 1px solid #0062ab;
    background-color: #0062ab;
    border-radius: 10px;
}

.ez-btn i {
    margin-right: 10px;
}

.ez-btn__pull-right {
    margin-left: auto !important;
}

.ez-btn-color__green {
    border: 1px solid darkgreen;
    background-color: darkgreen;
    color: #ffffff !important;
}

.ez-btn-color__blue {
    border: 1px solid #0061aa;
    background-color: #0061aa;
    color: #ffffff !important;
}

/* section */
.ez-section__hide,
.ez-col__hide {
    display: none;
}

.ez-section__show,
.ez-col__show {
    display: block;
}

/* form */
.ez-form__section {
    background-color: #f1f1f1;
    padding: 20px 10px;
    border-radius: 10px;
    border: solid 1px #0062ab50;
    margin-bottom: 50px;
}

.ez-form__row {
    row-gap: 1px;
    margin: 0;
}

.ez-form__col {
    padding-right: 0;
    padding-left: 0;
}

.ez-form__group {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    border-radius: 20px;
    font-size: 20px;
    line-height: 25px;
    font-weight: 300;
    padding: 5px 20px;
    width: 100%;
    height: 100%;
    min-height: 72px;
    border: 1px solid #f1f1f1;
    background-color: #ffffff;
    cursor: text;
    transition: background-color 0.2s ease;
}

.ez-form__group:has(.ez-form__standout) {
    min-height: 87px;
}

.ez-form__group:has(.form-check-input):hover .form-switch {
    display: flex;
    align-items: center;
    column-gap: 10px;

}

.ez-form__group:has(.form-check-input):hover .ez-form__label {
    font-size: 20px;
}

.ez-form__group:has(.form-check-input):hover .form-check-input {
    width: 4em;
    height: 2em;
}

.ez-form__group:has(.form-check-input[type="radio"]):hover .form-check-input,
.ez-form__group:has(.ez-form-checkbox-input[type="checkbox"]):hover .form-check-input {
    width: 2em;
    height: 2em;
}

.ez-form__group:has(.form-check-input) {
    display:flex;
    justify-content: center;
}

.ez-form__group .form-check-input {
    cursor: pointer;
}

.ez-form__group.required:after,
.ez-form__group:has(input[type="text"]:focus):after,
.ez-form__group.required:has(input[type="text"]:focus):after,
.ez-form__group:has(input[readonly="readonly"]:focus):after,
.ez-swal2-form__field-group.required:after,
.ez-swal2-form__field-group:has(input:focus):after,
.ez-swal2-form__field-group.required:has(input:focus):after,
.ez-swal2-form__field-group:has(.select2-container--open):after {
    position:absolute;
    content:"REQUIRED";
    font-style: normal;
    font-weight: 600 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #ff0000;
    border: 1px solid #ff000050;
    background: #ff000050;
    font-size: 10px;
    transform: translateY(-50%);
    right: 20px;
    top: 25%;
    border-radius: 10px;
    padding: 2px 8px;
    z-index: 100;
}


.ez-form__group.populated:after {
    display:none;
}

.ez-form__label {
    font-size: 14px;
    line-height: 20px;
    color: #0078d1;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 2px;
    display: block;
    opacity: 1;
    cursor: text;
    margin-top: 6px;
    z-index: 100;
    transition: 0.3s ease;
}

.ez-form__control,
.swal2-input {
    position: relative;
    display: block;
    color: #212121;
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
    border:none;
    box-shadow: 0 0 0 1000px white inset !important;
    border: 1px solid white !important;
    z-index: 50;
    transition: 0.3s ease;
}

.ez-form__control:focus,
.ez-form__group:has(.select2-container--open) .select2-selection__rendered,
.swal2-input:focus,
.ez-swal2-form__field-group:has(.select2-container--open) .select2-selection--single {
    font-size: 30px;
    box-shadow: 0 0 0 1000px #e6f1f9 inset !important;
    background: #e6f1f9;
    border:none !important;
    transition: 0.3s ease;
}

.ez-form__group:has(input[type="text"]:focus),
.ez-form__group:has(.select2-container--open),
.ez-form__group:has(textarea:focus),
.ez-swal2-form__field-group:has(input:focus),
.ez-swal2-form__field-group:has(.select2-container--open) {
    display: flex;
    justify-content: center;
    border:1px solid #2089d750 !important;
    background: #e6f1f9;
    transition: 0.3s ease;
}

.ez-form__group.required:has(input[type="text"]:focus),
.ez-form__group.required:has(.select2-container--open),
.ez-form__group.required:has(textarea:focus) {
    border:1px solid #ff000050 !important;
}

.ez-form__group.required:has(input[type="text"]:focus):after,
.ez-swal2-form__field-group.required:has(input:focus):after,
.ez-swal2-form__field-group:has(.select2-container--open):after {
    font-size: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease;
}

.ez-form__group:has(input[type="text"]:focus):after,
.ez-swal2-form__field-group:has(input:focus):after,
.ez-swal2-form__field-group:has(.select2-container--open):after {
    content: "NOT REQUIRED";
    color: #008000;
    border: 1px solid #00800050;
    background: #00800050;
    font-size: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease;
}

.ez-form__group:has(input[readonly="readonly"]:focus):after {
    content: "READ ONLY";
}

.ez-form__group:has(input[type="text"]:focus) .ez-form__label,
.ez-form__group:has(.select2-container--open) .ez-form__label,
.ez-swal2-form__field-group:has(input:focus) label,
.ez-swal2-form__field-group:has(.select2-container--open) label {
    display:none;
    transition: 0.3s ease;
}

.ez-form__group .select2-container--default .select2-selection--multiple {
    border: 1px solid transparent;
}

.ez-swal2-form__field-group:has(.select2-container--open) .select2-container--open {
    display: flex;
    align-items: center;
}

textarea.ez-form__control {
    min-height: 100px !important;
}

.ez-form__standout {
    font-size: 30px;
}

.ez-form__control:focus {
    outline: 0;
}

.ez-form__group .select2-container--default .select2-selection--single,
.ez-swal2-form__field-group .select2-selection--single {
    border: 0 !important;
}

.select2-results__group {
    color:#152c53;
    font-size: 20px;
    background: #ffca2c;
}

.select2-results__option--selectable {
    font-weight: 700;
}

.ez-form__add-remove-container {
    display:flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
    margin-top: -75px;
    margin-bottom: 50px;
}

.ez-form__submit-btn-col {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ez-form__standout,
.ez-form__group:has(.ez-form__standout) .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 600;
    font-size: 30px;
}

.ez-form__capitalize {
    text-transform: capitalize;
}

.ez-form__capitalize::placeholder {
    text-transform: none;
}

.ez-form__uppercase {
    text-transform: uppercase;
}

.ez-form__lowercase {
    text-transform: lowercase;
}

/* <header></header> */


.ez-header {
    display: flex;
    flex-direction:column;
    border-bottom: 1px solid #5e5d46;
}

/* top navbar */
.ez-top-navbar {
    background-color: #2b303b;
    padding-left: 20px;
    padding-right: 20px;
}

.ez-top-navbar__icon-close {
    font-size: 30px;
    color: #152c53;
    margin-left: 25px;
    cursor: pointer;
}

.ez-top-navbar__icon-close:hover {
    color: #2089d7;
}

.ez-top-navbar__brand,
.ez-top-navbar__toggler {
    color: #929aac;
}

.ez-top-navbar__brand:hover {
    color: #ffca2c;
}

.ez-top-navbar__right {
    display:flex;
    column-gap: 10px;
    margin-left: auto;
}

.ez-top-navbar__new-employee-btn {
    border-radius: 5px;
}

.ez-top-navbar__toggler {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffca2c;
    color: #152c53;
    font-size: 15px;
    font-weight: 700;
}

.ez-top-navbar__admin,
.ez-offcanvas {
    width: 100% !important;
    height: 100% !important;
    padding: 0;
}

.ez-top-navbar__admin-header,
.ez-offcanvas__header {
    background-color: #ffca2c;
    border-bottom: 1px solid #152c53;
}

.ez-top-navbar__admin-title {
    font-weight: 600;
    color: #152c53;
    font-size: 25px;
}

.ez-top-navbar__nav {
    margin-bottom: 20px;
}

.ez-top-navbar__admin-body,
.ez-top-navbar__nav {
    background-color: #152c53;
    padding: 0 !important;
}

.ez-top-navbar__admin-row {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.ez-top-navbar__admin-col {
}

.ez-top-navbar__admin-col-title {
    color: #2089d7;
}

.ez-top-navbar__nav {
    row-gap:1px;
}

.ez-top-navbar__nav-link {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    background-color: #ffffff10;
    padding: 10px 10px;
    border-radius: 10px;
    transition: 0.3s ease;
}

.ez-top-navbar__nav-link:hover {
    color: #152c53;
    background-color: #ffca2c;
    border-radius: 20px;
    transition: 0.3s ease;
}

/* navbar */
.ez-navbar {
    padding: 0;
    background-color: #2089d7;
}

.ez-navbar__collapse {
    justify-content: space-between;
}

.ez-navbar__nav-item,
.ez-navbar__item-dropdown {
    border-right: 2px solid #0078d1;
}

.ez-navbar__nav-link,
.ez-navbar__item-dropdown-toggle {
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 25px !important;
}

.ez-navbar__nav-link:hover {
    color: #152c53 !important;
    background-color: #ffca2c;
}

.ez-navbar__nav-link.active {
    background-color: #ffca2c ;
    color: #152c53 !important;
}

/* PAGE */

/* ez-page__header */
.ez-page__header {
    background-color: #152c53;
    width: 100%;
    padding: 20px;
}

.ez-page__header-image-container,
.ez-page__header-image {
    width:200px;
    max-width: 200px;
    height: 190px;
    max-height: 190px;
}

.ez-page__header-image-container {
    overflow: hidden;
}

.ez-page__header-image {
    cursor: pointer;
    object-fit: cover;
    object-position: center center;
}

.ez-page__header-content {
    width: calc(100% - 200px);
    padding-left: 10px;
}

.ez-page__header-title {
    color: #ffca2c;
    font-size: 30px;
    font-weight: 800;
}

.ez-page__header-row {
    background-color: #ffffff20;
    margin-top: 5px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 10px;
    overflow: hidden;
}

.ez-page__header-col {
    padding: 10px !important;
    border-right: 2px solid #152c53;
}

.ez-page__header-label {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: #ffca2c;
    padding: 2px 5px;
}

.ez-page__header-value {
    color: #ffffff;
    font-size: 20px;
    margin: 0;
    padding-left: 10px;
}

.ez-page__title {
    font-size: 30px;
    color: #152c53;
    text-align: center;
    background-color:#ffca2c;
    padding: 10px;
}

.ez-header__btn-group,
.ez-header__sub-menu {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1px;
    background-color: #0e437b;
    border-radius: 0;
    width: 100%;
}

.ez-header__btn,
.ez-header__dropdown {
    border-radius: 0;
    flex: unset !important;
}

.ez-header__btn,
.ez-header__dropdown-toggle {
    flex: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #0078d1;
    line-height: 1.5;
    width: fit-content;
    height: 100%;
    border-right: 1px solid #152c53;
}

.ez-header__btn.ez-btn__pull-right {
    border-left: 1px solid #152c53;
}

.ez-header__btn i {
    margin-right: 10px;
}

.ez-header__dropdown-menu {
    width: fit-content;
}

/* ez-page__header-sub-menu */
.ez-header__sub-menu {
    background-color: #0078d1;
    border-top: 1px solid #152c53;
}

.ez-header__sub-menu-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    font-size: 14px;
    color: #152c53 !important;
    background-color: #ffffff10;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.5;
    width: fit-content;
    height: 100%;
    border: unset;
    border-right: 1px solid #152c53;
}

.ez-header__sub-menu-btn:hover {
    background-color: #ffca2c;
}

.ez-header__sub-menu-btn span {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffca2c;
    bottom: 0;
    opacity: 0;
}

.ez-header__sub-menu-btn.active > span {
    opacity: 1;
}

/* dashboard */
.ez-dashboard__counters {
    display: flex;
    row-gap: 25px;
    column-gap: 25px;
    margin-top: 20px;
}

.ez-dashboard__counter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 10px;
    min-width: 250px;
    background-color: #152c53;
    border-radius: 10px;
    padding: 15px;
    text-decoration: none;
    transition: 0.3s ease;
}

.ez-dashboard__counter:hover {
    background-color: #ffca2c;
    transition: 0.3s ease;
}

.ez-dashboard__counter-icon,
.ez-dashboard__counter-title {
    color: #ffffff;
}

.ez-dashboard__counter-icon {
    font-size: 40px;
}

.ez-dashboard__counter-title,
.ez-dashboard__counter-sub-title {
    font-size: 20px;
    color: #ffffff;
}

.ez-dashboard__counter-title {
    font-size: 30px;
}

.ez-dashboard__counter-sub-title {
    font-size: 20px;
}

/* ez-tabs */
.ez-tab__content {
    display:none;
}

.ez-tab__show {
    display: block;
}

.ez-tab__content-form-col {
    border: 1px solid #80808050;
    border-radius: 5px;
    padding: 20px 10px;
    background: #f1f1f1;
}

.ez-tab__content-form-col-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #cccccc;
}

/* SECTIONS */
.ez-section__container {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

/* EZ BANNERS */

.ez-banner__warning {
    background-color: #ffca2c;
    border: 10px solid #ffca2c;
    border-radius: 10px;
    padding: 25px;
}

.ez-banner__title,
.ez-banner__sub-title {
    color: darkred;
    text-align: center;
}

.ez-banner__sub-title {

}

/* .ez-table */
.ez-table__container {
    background-color: #f1f1f1;
    padding: 10px;
    border-spacing: 0 4px !important;
    border-radius: 10px;
    border: solid 1px #0062ab10 !important;
    margin: 20px 0;
}

.ez-table__container .dt-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}



.ez-table {
    width: 100% !important;
    border-bottom: 0 !important;
    margin-bottom: 20px !important;
}

#ez-datatable__basic-active_wrapper.dt-container .row {
    flex-direction: column;
    justify-content: flex-start !important;
    row-gap: 10px;
}

#ez-datatable__basic-active_wrapper.dt-container .row div {
    margin:0 !important;
}

#ez-datatable__basic-active_wrapper.dt-container .dt-search,
#ez-datatable__basic-active_wrapper.dt-container .dt-length {
    width: 100% !important;
}

#ez-datatable__basic-active_wrapper.dt-container .dt-search label {
    display: none;
}

#ez-datatable__basic-active_wrapper.dt-container .dt-search {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat .75rem 50%;
    background-size: 1.5rem 1.5rem;
    padding-left: 3.5rem;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

#ez-datatable__basic-active_wrapper.dt-container .dt-search input {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    margin: 0 !important;
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    border:none;
}

.ez-table.table.dataTable thead th,
.ez-table.table.dataTable thead td {
    border-bottom: 1px solid #0062ab10;
}

.ez-table.table thead tr th {
    color: #2089d7;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px 10px !important;
    text-transform: uppercase;
}

.ez-table.table thead tr th.dt-type-numeric {
    text-align: left;
}

.ez-table tbody tr {
    background-color: #f1f1f1 !important;
    transition: font-size 0.3s ease;
}

.ez-table tbody tr td {
    background-color: #e2e8ed !important;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500 !important;
    padding: 0;
    border-top: 2px solid #f1f1f1;
    border-bottom: 0 !important;
    transition: 0.3s ease;
}

.ez-form__section .ez-table tbody tr td {
    padding: 10px 10px;
}

.ez-table tbody tr td span {
    width: 100%;
}

.ez-table tbody tr td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-left: 10px;
}

.ez-table tbody tr td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.ez-table tbody tr td a {
    color: #0078d1;
    font-weight: 300;
    padding: 5px 10px;
    text-decoration: none;
}

.ez-table.table.table-hover tbody tr:hover td {
    background: #0078d1 !important;
    color: #ffffff !important;
    font-weight: 700;
    padding: 10px 10px;
    transition: 0.3s ease;

}

.ez-table tbody tr:hover td .ez-table__td-a {
    color: #ffffff !important;
    font-weight: 700;
    transition: 0.3s ease;
}

.ez-table button {
    font-size: 12px;
    padding: 5px 5px;
    font-weight: 700;
}

.ez-table__container .dataTables_length {
    margin-bottom: 10px;
    margin-left: 10px;
}

.ez-table__container .dataTables_length select,
.ez-table__container .dataTables_length label {
    font-family: 'Nunito Sans', sans-serif !important;
    color: #0078d1;
    text-align: center;
    font-weight: 800 !important;
    border-radius: 10px;
    text-transform: uppercase;
}

.ez-table .ez__datatable-col-search {
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    border-radius: 5px;
    border: 1px solid rgba(224, 224, 224, 0.7);
    padding: 5px;
    color: #0078d1;
    text-transform: capitalize;
}

.ez-table .ez-table-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ez-table__container .sorting_asc span, .sorting_desc span {
    background-color: #0078d1;
    border: 1px solid #0078d1;
    padding: 5px 10px;
    border-radius: 8px;
    color: #ffffff;
}

.ez-table tbody tr td a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.ez-table.table.table-hover tbody tr:hover td .dropdown-menu a {
    color: #212121;
}

.ez-table thead {
    background-color: #f1f1f1;
}

.ez-table .ez__table-th-action {
    width: 100px !important;
}

.ez-table__container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.ez-table__container .dataTables_wrapper .dataTables_paginate .paginate_button,
.ez-table__container .dataTables_paginate .paginate_button {
    font-family: "Poppins", sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    background: #0078d1 !important;
    color: #ffffff !important;
    border: 1px solid #0078d1 !important;
}

.ez-table__container .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.ez-table__container .dataTables_paginate .paginate_button.current {
    background: #152c53 !important;
    color: #ffffff !important;
    border: 1px solid #152c53 !important;
}

.ez-table__img {
    width: 50px;
    max-width: 50px;
    height: 50px;
    max-height: 50px;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
}

/* ez-datatable__basic */

.dt-container .dt-search .form-control {
    font-size: 20px;
    width: 100%;
}

.ez-datatable__basic,
.ez-datatable__column {
    border: 1px solid #0077d050;
}

.ez-datatable__basic thead tr,
.ez-datatable__column thead tr {
    font-family: "Poppins", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
}


.ez-datatable__basic thead th,
.ez-datatable__column thead th {
    border-bottom: 0 !important;
    background: #0077d0 !important;
}

/*
.ez-datatable__basic thead tr th:first-child,
.ez-datatable__column thead tr th:first-child {
    border-top-left-radius: 10px;
}

.ez-datatable__basic thead tr th:last-child,
.ez-datatable__column thead tr th:last-child {
    border-top-right-radius: 10px;
}
*/

.ez-datatable__basic thead th .dt-column-title,
.ez-datatable__column thead th .dt-column-title{
    padding: 5px;
}

.ez-datatable__column tbody tr.dtrg-group th,
.ez-datatable__column tbody tr.dtrg-group th span {
    padding: 5px 15px;
    font-size: 20px;
    color: #0077d0;
}

.ez-datatable__column tbody tr.dtrg-group th span {
    background: transparent;
}

.ez-datatable__basic tbody tr td i.active,
.ez-datatable__column tbody tr td i.active,
.ez-table tbody tr td i.active,
.ez-datatable__basic tbody tr td i.inactive,
.ez-datatable__column tbody tr td i.inactive,
.ez-table tbody tr td i.inactive {
    font-size: 20px;
    color: green;
    font-weight: 400 !important;
    font-variant: normal;
    margin-right:5px;
}

.ez-datatable__basic tbody tr td i.inactive,
.ez-datatable__column tbody tr td i.inactive,
.ez-table tbody tr td i.inactive {
    color: red;
}

.ez-table.table.table-hover tbody tr:hover td i.active {
    color: yellowgreen;
}

.ez-datatable__basic tbody td,
.ez-datatable__column tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid gainsboro;
}

.ez-datatable__basic tbody td:has(a),
.ez-datatable__column tbody td:has(a) {
    padding: 0 !important;
}

.ez-datatable__basic-a {
    display: block;
    font-family: "Courier Prime", serif;
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: 8px 10px;
    transition: 0.3s ease;
}

.ez-datatable__basic-a:hover {
    font-size: 20px;
    font-weight: 600;
    transition: 0.3s ease;
}

.ez-datatable__basic tbody td.ez_datatable__td-action,
.ez-datatable__column tbody td.ez_datatable__td-action {
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    padding: 5px !important;
}

/* SWAL CUSTOM CSS */
/* SWEET ALERT FORMS */

.ez-swal2-form__container {
    background: rgba(255,255,255) !important;
}

.ez-swal2-form__popup {
    width: 80%;
    height: fit-content;
    background: #f1f1f1 !important;
    border: solid 5px #f1f1f1 !important;
    border-radius: 25px;
    padding: 10px 10px 50px 10px;
}

.ez-swal2-form__title {
    color: #2089d7 !important;
    margin-bottom: 20px;
}

.ez-swal2-form__field-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    row-gap: 1px;
    column-gap: 1px;
}

.ez-swal2-form__field-col-10 {
    width: calc(10% - 1px);
}

.ez-swal2-form__field-col-20 {
    width: calc(20% - 1px);
}

.ez-swal2-form__field-col-25 {
    width: calc(25% - 1px);
}

.ez-swal2-form__field-col-30 {
    width: calc(30% - 1px);
}

.ez-swal2-form__field-col-33 {
    width: calc(33% - 1px);
}

.ez-swal2-form__field-col-40 {
    width: calc(40% - 1px);
}

.ez-swal2-form__field-col-50 {
    width: calc(50% - 1px);
}

.ez-swal2-form__field-col-60 {
    width: calc(60% - 1px);
}

.ez-swal2-form__field-col-70 {
    width: calc(70% - 1px);
}

.ez-swal2-form__field-col-80 {
    width: calc(80% - 1px);
}

.ez-swal2-form__field-col-90 {
    width: calc(90% - 1px);
}

.ez-swal2-form__field-col-100,
.ez-swal2-form__field-col {
    width: calc(100% - 1px);
}

.ez-swal2-form__field-group {
    position: relative;
    background-color: #ffffff;
    border: 3px solid #ffffff;
    border-radius: 20px !important;
    padding: 5px 20px 4px 20px !important;
    height: 100%;
}

.ez-swal2-form__field-group label,
.ez-swal2-form__field-group input,
.ez-swal2-form__field-group select {
    width:100%;
}

.ez-swal2-form__field-group label {
    color: #0078d1;
    font-weight: 800;
    text-align: left;
}

.ez-swal2-form__field-group input,
.ez-swal2-form__field-group select {
    font-family: "Poppins", sans-serif !important;
    font-size: 20px;
    font-weight: 400;
    border: unset;
    box-shadow: unset;
    margin:0;
}

.ez-swal2-form__field-group input:focus {
    border: unset !important;
    box-shadow: unset !important;
}

.ez-swal2-form__field-group:focus-within {
    border: 3px solid #b4dbed !important;
}

div:where(.swal2-container) .swal2-html-container {
    text-align: left !important;
}

.ez-swal2-form__field-switch {
    margin-left: 0 !important;
    border: 1px solid #f1f1f1 !important;
}

.ez-swal2-form__field-group:has(.ez-swal2-form__field-switch) {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.ez-swal2-form__field-group:has(.ez-swal2-form__field-switch) label {
    font-family: inherit;
    font-size: 1.125em;
    font-weight: 800;
    margin-top: 0 !important;
}

.ez-swal2-visibility__hidden {
    visibility: hidden;
}

/* select2 */
.select2-container--open {
    /*z-index: 1056 !important;*/
}

/* ez-form-modal */

.ez-form-modal {
    padding-left: 0 !important;
}

.ez-form-modal__header,
.ez-form-modal__footer {
    background: #ffca2c;
}

.ez-form-modal__title {
    color: #152c53;
}

/* 1055 */

/* FOOTER */

.ez-footer {
    display:flex;
    justify-content: space-between;
    background-color: #2b303b;
    width: auto;
    padding: 25px;
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease;
}

.ez-copyright {
    color: #929aac;
    margin: 0;
}

.ez-footer__version {
    border: 1px solid #ffca2c;
    padding: 5px;
    border-radius: 10px;
    color: #ffca2c;
    font-size: 10px;
}

/* EZ STYLES */

.ez-bg__white {
    background-color: #ffffff !important;
}

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

    .login-wrapper .login-container, .testing, #testing {
        width: 100% !important;
    }

}

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

    .ez__login-container {
        padding: 0 !important;
    }

}