body{
    background: rgb(240, 241, 245);
    /* background: linear-gradient(148deg, rgba(240, 241, 245, 1) 0%, rgba(235, 236, 242, 1) 24%, rgba(210, 214, 227, 1) 100%); */
    background: linear-gradient(148deg, rgba(240, 241, 245, 1) 0%, rgb(242 242 242) 24%, rgb(242 242 242) 100%);
    /* font-family: 'Kanit Regular'; */
    font-family: 'DBHeavent';
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    /* font-family: 'Kanit SemiBold'; */
    font-family: 'DBHeavent-bd';
    font-weight: 500;
}
i{
    font-size: .85rem;
}

.content-header h1, .content-header .h1 {
    font-size: 2rem;
    font-family: "DBHeavent-med";
    font-weight: 700;
}

.table.ew-table.table-head-fixed thead tr:nth-child(1) th{
    font-weight: 500;
}

.sidebar .nav-link p, .main-sidebar .brand-text, .main-sidebar .logo-xs, .main-sidebar .logo-xl, .sidebar .user-panel .info{
    font-weight: 600;
    font-family: "DBHeavent-med";
}

.content-header .breadcrumb{
    font-weight: 700;
}

.navbar-navy {
    background-color: transparent;
    color: #3d3d3d;
    border: none;
    padding: 0.5rem 1rem;
}

.main-footer {
    background-color: transparent;
    border-top: unset;
    color: #3d3d3d;
    padding: 1rem;
    font-weight: 700;
}

.content-wrapper {
    background-color: transparent;
    padding: 1rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}

.btn-primary {
    color: #FFFFFF;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    white-space: nowrap;
}

.btn {
    border-radius: 10px;
    white-space: nowrap;
    font-family: "DBHeavent-thin";
    font-weight: 600;
    font-size: 1rem;
}
a {
    color: #3d3d3d;
    font-size: 1rem;
}

.form-control {
    border-radius: 10px;
    font-size: 1rem;
}

.select2-container--bootstrap5 .select2-selection {
    border-radius: 10px;
    font-size: 1rem;
    font-family: 'DBHeavent';

}

.select2-container .select2-search--inline .select2-search__field{
    font-family: 'DBHeavent';
}

.user-panel a{
    font-size: 1.25rem;
    line-height: 1;

}
.ew-ext-search-form {
    background: #fff;
    border: none;
}

.ew-grid {
    padding: 0;
    border: 1px solid #001832;
    margin-bottom: 1rem;
    display: table;
    border-radius: 15px;
    box-shadow: 0px 0px 22px 0px rgb(0 0 0 / 17%);
}

.ew-grid {
    border: unset;
    border-radius: 15px;
    overflow: hidden;
}

.ew-grid .ew-table>thead>tr>th{
    font-weight: normal;
    border-color: #001C38;
    vertical-align: center !important;
}

.table.ew-table.table-head-fixed thead tr:nth-child(1) th {
    /* background-color: #3d3d3d; */
    /* box-shadow: none; */
    vertical-align: middle;
    height: 60px;
}


.tempus-dominus-widget {
    list-style: none !important;
    margin: 0;
    padding: 4px;
    min-width: 19rem;
    border-radius: 15px !important;
    display: none;
    background-color: white;
    border: unset !important;
    z-index: 9999;
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.1);
    padding: 12px !important;
}

.tempus-dominus-widget [data-action] {
    cursor: pointer;
    font-weight: 700;
}

.modal-dialog {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content {
    border: unset;
    border-radius: 15px;
}

.select2-container--bootstrap5 .select2-search--dropdown .select2-search__field {
    padding: 0.375rem 0.75rem;
    color: #212529;
    border: 1px solid #ced4da;
    border-radius: 10px;
}

.modal-header {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #CC3140;
    color: #ffffff;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option--selected.select2-results__option--highlighted,
.select2-container--bootstrap5 .select2-dropdown .select2-results__option[aria-selected=true].select2-results__option--highlighted {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #3d3d3d;
}
.ew-grid .ew-table tbody,
.ew-grid .ew-table tfoot,
.ew-grid .ew-table :not(thead)>tr,
.ew-grid .ew-table td,
.ew-grid .ew-table th {
    border-color: transparent;
    border: unset;
}

.table-sm> :not(caption)>*>* {
    padding: 1rem 0.75rem;
}

body:not(.layout-fixed) .main-sidebar {
    border-right: unset;
    box-shadow: unset;
    background-color: #3d3d3d;
}
[class*=sidebar-dark] .user-panel {
    border-bottom: unset;
}

[class*=sidebar-dark] .brand-link {
    border-bottom: unset;
    text-align: center;
}


.sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active {
    background: rgb(255, 255, 255);
    background: linear-gradient(148deg, rgb(255, 255, 255) 0%, rgb(104, 104, 104) 100%);
    color: #000000;
    border-right: 5px solid #CC3140;
}


[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus {
    background: rgb(255, 255, 255);
    background: linear-gradient(148deg, rgb(255, 255, 255) 0%, rgb(104, 104, 104) 100%);
    color: #000000;
    border-right: 5px solid #CC3140;
}

.nav-sidebar .nav-item>.nav-link {
    height: 46px;
    display: flex;
    align-items: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.brand-link .brand-image {
    margin-left: 0.8rem;
    margin-right: 0.5rem;
    max-height: 45px;
    width: auto;
}

[class*=sidebar-dark] .user-panel {
    border-bottom: unset;
    background: rgb(255, 255, 255);
    background: linear-gradient(148deg, rgb(92, 92, 92) 0%, rgb(72, 72, 72) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem;
    border-radius: 22px;
    margin-bottom: unset !important;
}

.ew-add-edit-option a {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #3d3d3d;
    border-radius: 12px !important;
    height: 35px;
    display: flex;
    align-items: center;
    padding: 0 1rem !important;
    font-size: 1rem;
}

.ew-export-link.ew-excel{
    color: #FFFFFF;
    text-decoration: none;
    background-color: #3d3d3d;
    border-radius: 12px !important;
    height: 35px;
    display: flex;
    align-items: center;
    padding: 0 1rem !important;  
}

.ew-export-link.ew-excel .ew-icon {
    font-size: 0.75rem;
    margin-right: 6px;
}

.ew-add-edit-option a .ew-icon {
    font-size: 0.75rem;
    margin-right: 6px;
}

.nav-compact .nav-link > .right, .nav-compact .nav-link > p > .right {
    top: 1.025rem;
}

.ew-pager-form li{
    margin: 0 3px;
}

.page-link {
    color: #3d3d3d;
    background-color: #FFFFFF;
    border: 1px solid #DEE2E6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 5px !important;
    margin: 0 5px;
    font-size: 1rem;
    line-height: 1;
}

.ew-pager .form-select {
    height: 35px;
    border-radius: 8px !important;
}

.ew-grid .ew-table .ew-table-alt-row:not(.table-active) {
    --bs-table-accent-bg: #EDF0F7;
    color: #212529;
}

.card {
    border: unset;
    border-radius: 15px;
}
.ew-edit-div,.ew-add-div{
    background: #ffffff;
    padding: 2rem;
    border-radius: 20px;
    margin-bottom: 1.5rem;
}

.ew-detail-pages {
    display: table;
    width: 100%;
    padding: 2rem;
    background: #ffffff;
    border-radius: 20px;
}

.toast{
    border-radius: 12px;
}

.toast-header{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.ew-list-option-body .ew-row-link{
    text-decoration: none;
    background-color: #e5e5e5;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 100%;
}
.ew-list-option-body .ew-row-link:hover, .ew-list-option-body .ew-row-link:focus{
    background-color: #676767;
}

.ew-list-option-body .ew-row-link:hover i, .ew-list-option-body i .ew-row-link:focus i{
    color: #FFFFFF !important;
}


.nav-tabs {
    border-bottom: unset;
}

.nav-tabs .nav-link.active {
    background-color: #3d3d3d !important;
    border: 1.5px solid #3d3d3d !important;
    color: #FFFFFF !important;
}


.nav-tabs .nav-link .badge {
    display: flex;
    padding: 0.35em 0.65em;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    color: #FFFFFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background-color: #AAAAAA !important;
    border-color: #AAAAAA !important;
}


.nav-tabs .nav-link.active .badge {
    display: flex;
    padding: 0.35em 0.65em;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    color: #3d3d3d !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}


.ew-search-option .btn-group .ew-search-toggle {
    text-align: left;
    background: transparent;
    border: unset;
    color: #fff;
    display: flex;
    align-items: center;
    border-top-right-radius:a 12px;
    border-top-left-radius: 12px;
    background: rgb(255, 255, 255);
    background: linear-gradient(148deg, rgb(116, 116, 116) 0%, rgb(59, 59, 59) 100%);
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #EDF0F7;
    color: var(--bs-table-striped-color);
}

.table-striped.table-sm> :not(caption)>*>* {
    border: unset !important;
}

.table-striped{
    border-radius: 20px;
    overflow: hidden;
}

.ew-extended-search>div>div:last-child{
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: start;
}

.btn-reset-search{
    margin-left: 10px;
    color: #3d3d3d;
    background-color: #fff;
    border-color: #3d3d3d;
    display: flex;
    align-items: center;
}

.btn-reset-search:hover{
    margin-left: 10px;
    color: #3d3d3d;
    background-color: #dddddd;
    border-color: #3d3d3d;
}

.btn-primary:hover {
    color: #FFFFFF;
    background-color: #b72d3b;
    border-color: #b72d3b;
    white-space: nowrap;
}

.ew-view-table, .ew-desktop-table {
    background-color: #FFFFFF;
    width: 100%;
    max-width: unset !important;
    border-radius: 20px;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option--selected.select2-results__option--highlighted .text-dark, .select2-container--bootstrap5 .select2-dropdown .select2-results__option[aria-selected=true].select2-results__option--highlighted .text-dark {
    color: #FFFFFF !important;
}

.table.ew-table.table-head-fixed thead tr th[data-name="eap_id"],
    .table.ew-table.table-head-fixed thead tr th[data-name="member_id"]{
    width: 250px;
    max-width: 250px;
}

.ew-grid .ew-table.table > tbody .ew-icon{
    color: #3d3d3d;
}
.ew-form:not(.ew-list-form):not(.ew-user-priv-form), table.ew-master-table.ew-vertical, .query-builder{
    max-width: unset;
    width: 100%;
}
.ew-grid {
    border-color: #A9A9A9;
    width: 100%;
    margin-top: 1rem;
}

.table.ew-table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #575757 !important;
    box-shadow: none;
    outline: var(--bs-border-width) solid #575757;
    outline-offset: -1px;
    color: #fff;
}






.navbar-navy {
    background-color: transparent;
    color: #3d3d3d;
    border: none;
    padding: 0.5rem 1rem;
}

.main-footer {
    background-color: transparent;
    border-top: unset;
    color: #3d3d3d;
    padding: 1rem;
    font-weight: 700;
}

.content-wrapper {
    background-color: transparent;
    padding: 1rem;
}

/* Media query for all iPhone devices */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .content-wrapper {
        background-color: transparent;
        padding: 0;
    }
}

.btn-primary {
    color: #FFFFFF;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    white-space: nowrap;
}

.btn {
    border-radius: 10px;
    white-space: nowrap;
}
a {
    color: #b72d3b;
}

.form-control {
    border-radius: 10px;
}

.select2-container--bootstrap5 .select2-selection {
    border-radius: 10px;
    padding-right: 50px;
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em;
    right: 30px;
    position: absolute;
}


.ew-ext-search-form {
    background: #fff;
    border: none;
}

.ew-grid {
    padding: 0;
    border: 1px solid #001832;
    margin-bottom: 1rem;
    display: table;
    border-radius: 15px;
    box-shadow: 0px 0px 22px 0px rgb(0 0 0 / 17%);
}

.ew-grid {
    border: unset;
    border-radius: 15px;
    overflow: hidden;
}

.ew-grid .ew-table>thead>tr>th{
    font-weight: normal;
    border-color: #001C38;
    vertical-align: center !important;
    white-space: nowrap;
}

.table.ew-table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #3d3d3d;
    box-shadow: none;
    vertical-align: middle;
    height: 60px;
}


.tempus-dominus-widget {
    list-style: none !important;
    margin: 0;
    padding: 4px;
    min-width: 19rem;
    border-radius: 15px !important;
    display: none;
    background-color: white;
    border: unset !important;
    z-index: 9999;
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.1);
    padding: 12px !important;
}

.tempus-dominus-widget [data-action] {
    cursor: pointer;
    font-weight: 700;
}

.modal-dialog {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content {
    border: unset;
    border-radius: 15px;
}

.select2-container--bootstrap5 .select2-search--dropdown .select2-search__field {
    padding: 0.375rem 0.75rem;
    color: #212529;
    border: 1px solid #ced4da;
    border-radius: 10px;
}


.select2-container--bootstrap5 .select2-dropdown .select2-results__option--selected.select2-results__option--highlighted,
.select2-container--bootstrap5 .select2-dropdown .select2-results__option[aria-selected=true].select2-results__option--highlighted {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #3d3d3d;
}
.ew-grid .ew-table tbody,
.ew-grid .ew-table tfoot,
.ew-grid .ew-table :not(thead)>tr,
.ew-grid .ew-table td,
.ew-grid .ew-table th {
    border-color: transparent;
    border: unset;
}

.table-sm> :not(caption)>*>* {
    /* padding: 1rem 0.75rem; */
    padding: 0.125rem 0.25rem;
}

.btn {
    padding: 0.175rem 0.5rem;
}
/* textarea.form-control {
    display: inline !important;
    max-width: 450px !important;
    /* position: absolute !important; */
} */
[class*=sidebar-dark] .user-panel {
    border-bottom: unset;
}

[class*=sidebar-dark] .brand-link {
    border-bottom: unset;
}


.nav-sidebar .nav-item>.nav-link {
    height: 46px;
    display: flex;
    align-items: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.brand-link .brand-image {
    margin-left: 0.8rem;
    margin-right: 0.5rem;
    max-height: 45px;
    width: auto;
}

.ew-add-edit-option a {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #3d3d3d;
    border-radius: 12px !important;
    height: 35px;
    display: flex;
    align-items: center;
    padding: 0 1rem !important;
}

.ew-export-link.ew-excel{
    color: #FFFFFF;
    text-decoration: none;
    background-color: #3d3d3d;
    border-radius: 12px !important;
    height: 35px;
    display: flex;
    align-items: center;
    padding: 0 1rem !important;  
}

.ew-export-link.ew-excel .ew-icon {
    font-size: 0.75rem;
    margin-right: 6px;
}

.ew-add-edit-option a .ew-icon {
    font-size: 0.75rem;
    margin-right: 6px;
}

.nav-compact .nav-link > .right, .nav-compact .nav-link > p > .right {
    top: 1.025rem;
}

.ew-pager-form li{
    margin: 0 3px;
}

.ew-pager .form-select {
    height: 35px;
    border-radius: 8px !important;
    font-size: 1rem;
    line-height: 1;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-search.select2-search--inline {
    display: inline-block;
    width: 100%;
}
.navbar-red {
    background-color: #f01f2d;
    color: #FFFFFF;
}
.sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #f01f2d;
    color: #FFFFFF;
}
.ew-grid .ew-table > thead > *, .ew-grid .ew-table > thead > * > * {
    border-bottom: unset;
}
.form-check-input {
    width: 0.75em;
    height: 0.75em;
    position: relative;
    top: 3px;
    left: 8px;
}
.nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right {
    position: absolute;
    right: 1rem;
    top: 1rem;
}
.ew-grid .ew-table .ew-table-alt-row:not(.table-active) {
    --bs-table-accent-bg: #EDF0F7;
    color: #212529;
}

.card {
    border: unset;
    border-radius: 20px;
}
.ew-edit-div,.ew-add-div{
    background: #ffffff;
    padding: 2rem;
    border-radius: 20px;
    margin-bottom: 1.5rem;
}

.ew-detail-pages {
    display: table;
    width: 100%;
    padding: 2rem;
    background: #ffffff;
    border-radius: 20px;
}

.toast{
    border-radius: 12px;
}

.toast-header{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.nav-tabs {
    border-bottom: unset;
}

.nav-tabs .nav-link {
    height: 45px;
    background-color: #FFFFFF !important;
    border: 1.5px solid #E0E0E0 !important;
    border-radius: 10px !important;
    margin-right: 10px;
    /* font-family: 'Kanit Medium'; */
    font-family: "DBHeavent-med";
    color: #AAAAAA !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

.nav-tabs .nav-link.active {
    background-color: #3d3d3d !important;
    border: 1.5px solid #3d3d3d !important;
    color: #FFFFFF !important;
}


.nav-tabs .nav-link .badge {
    display: flex;
    padding: 0.35em 0.65em;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    color: #FFFFFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background-color: #AAAAAA !important;
    border-color: #AAAAAA !important;
}


.nav-tabs .nav-link.active .badge {
    display: flex;
    padding: 0.35em 0.65em;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    color: #3d3d3d !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #EDF0F7;
    color: var(--bs-table-striped-color);
}

.table-striped.table-sm> :not(caption)>*>* {
    border: unset !important;
}

.table-striped{
    border-radius: 20px;
    overflow: hidden;
}

.ew-extended-search>div>div:last-child{
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: start;
}

.btn-reset-search{
    margin-left: 10px;
}

.ew-view-table, .ew-desktop-table {
    background-color: #FFFFFF;
    width: 100%;
    max-width: unset !important;
    border-radius: 20px;
}

.ew-table .ew-detail {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px !important;
    width:100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    min-width: 215px;
}

.ew-table .ew-detail:hover {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}



.ew-table .ew-detail .badge {
    display: flex;
    padding: 0.35em 0.65em;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    color: #FFFFFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 6px;
    width: 37px;
    height: 20px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background-color: #E55039 !important;
    border-color: #E55039 !important;
}

.ew-import-link{
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px !important;
    min-width: 95px;
}

.ew-import-link i,.btn-template-download i{
    margin-right: 10px;
}


.btn-template-download{
    margin-right: 10px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px !important;
    min-width: 95px;
}

/* textarea.form-control {
    display: inline !important;
    max-width: 450px !important;
    min-width: 250px;
} */

.row{
    position: relative;
}

.ew-table th[data-name="sequence"],
.ew-table th[data-name="view"],
.ew-table th[data-name="edit"],
.ew-table th[data-name="delete"]{
    width: 40px;
}


.swal2-container.swal2-center>.swal2-popup {
    border-radius: 30px;
}

td[data-name="contract_status_all"]{
    white-space: nowrap;
}

.ew-list-other-options {
    margin-bottom: 12px;
    display: inline-flex;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-box-btn-custom{
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0.5rem !important;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}

/* #cboxWrapper {
    max-width: none;
    max-height: 100vh;
} */

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: 1024px !important;
    max-height: 720px !important;
    width: auto !important;
    height: auto !important;
    -ms-interpolation-mode: bicubic;
}

#tbl_accounting_recocilelist .table-active{
    background-color: #ffff0030 !important;
}



.box-card-info{
    background-color: #3b7fe826;
    padding: 1rem;
}

.box-card-info .row{
    align-items: center;
}

.box-card-info p{
    margin-bottom: unset;
}

.btn-edit-in-card{
    width: 180px;
    position: absolute;
    right: 16px;
    z-index: 1;
}

.btn-edit-in-card2{
    width: 115px;
    position: absolute;
    right: 204px;
    z-index: 1;
}

.spinner {
  display: inline-block;
  opacity: 0;
  max-width: 0;
  -webkit-transition: opacity 0.25s, max-width 0.45s;
  -moz-transition: opacity 0.25s, max-width 0.45s;
  -o-transition: opacity 0.25s, max-width 0.45s;
  transition: opacity 0.25s, max-width 0.45s;
  /* Duration fixed since we animate additional hidden width */
}

.has-spinner.active {
  cursor: progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  max-width: 50px;
  /* More than it will ever come, notice that this affects on animation duration */
}


.card-box-btn-custom-status .badge{
    width: 12px;
    height: 12px;
    padding: 0;
    position: relative;
    top: 1px;
    display: inline-block;
}

.card-box-btn-custom-status .badge1{
    background-color: #afd664;
}

.card-box-btn-custom-status .badge2{
    background-color: #62a0dc;
}

.card-box-btn-custom-status .badge3{
    background-color: #fb6f5b;
}

.card-box-btn-custom-status .badge4{
    background-color: #c086d8;
}

.card-box-btn-custom-status .badge5{
    background-color: #fabd69;
}

.sticky-footer{
    z-index: 3;
}

.ew-pdfobject{
    display: none;
}


#tbl_contract_filegrid .delete{
    display: none;
}


#tbl_contract_filegrid  .files .name {
    margin: 0;
    position: relative;
    top: -6px;
}

#tbl_contract_filegrid  .size {
    white-space: nowrap;
    position: relative;
    top: -5px;
}

.sticky-footer button.ew-btn{
    margin-left: 1rem;
}

.invalid-feedback {
    position: unset;
}


#loading{
  display: none;
}


.loading{
    pointer-events: none;
}

.loader {
  margin: auto;
  width: 120px;
  height: 120px;
  text-align: center;
  font-size: 10px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background-image: url(/images/ajax_loading.gif);
  background-size: cover;
}

.loader > div {
  height: 100%;
  width: 15px;
  display: inline-block;
  float: left;
  margin-left: 2px;
  -webkit-animation: delay 1s infinite ease-in-out;
  animation: delay 1s infinite ease-in-out;
}

.loader .bar1 {
  background-color: #754fa0;
}

.loader .bar2 {
  background-color: #09b7bf;
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.loader .bar3 {
  background-color: #90d36b;
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.loader .bar4 {
  background-color: #f2d40d;
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.loader .bar5 {
  background-color: #fcb12b;
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.loader .bar6 {
  background-color: #ed1b72;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

@-webkit-keyframes delay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.05);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes delay {
  0%,
  40%,
  100% {
    transform: scaleY(0.05);
    -webkit-transform: scaleY(0.05);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

.platform-overview .info-box {
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 13.4375rem;
    border-radius: .9375rem;
    filter: drop-shadow(.5rem .5rem .8125rem rgba(0,0,0,.14));
    align-items: center;
    padding-left: 1.35rem;
    padding-right: 1.35rem;
}

.platform-overview .info-box.box1 {
    background-image: url(/images/PO_card1.png);
}

.platform-overview .info-box.box2 {
    background-image: url(/images/PO_card2.png);
}

.platform-overview .info-box.box3 {
    background-image: url(/images/PO_card3.png);
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .platform-overview .info-box.box3{
        overflow-x: auto;
        width: 100%; 
    }
    
}

.platform-overview .info-box .info-box-icon {
    width: 5.9375rem;
}

.platform-overview .info-box-content .info-box-filter-container select.info-box-filter {
    width: 7.5rem;
    height: 2.5rem;
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: .375rem;
    text-align: center;
    color: #FFF;
    font-size: 1.0625rem;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 1.25rem;
    cursor: pointer;
}

/* Remove IE arrow */
.platform-overview .info-box-content .info-box-filter-container select.info-box-filter::-ms-expand {
    display: none;
}

.platform-overview .info-box-content .info-box-filter-container select.info-box-filter option {
    background-color: #FFFFFF;
    color: #3d3d3d;
    border: 1px solid #3d3d3d;
    padding: 30px 15px;
    cursor: pointer;
}

.platform-overview .info-box-content .info-box-filter-container select.info-box-filter option:checked {
    background-color: #3d3d3d;
    color: #fff;
}

.platform-overview .info-box-content .info-box-filter-container select.info-box-filter option:hover {
    background-color: #3d3d3d;
    color: #fff;
} 

.platform-overview .info-box-content .info-box-filter-container select.info-box-filter:focus-visible {
    outline: none;
}

.platform-overview .info-box-content .info-box-filter-container .select-wrapper {
    position: relative;
}
  
.platform-overview .info-box-content .info-box-filter-container .select-wrapper::after {
    content: "";
    font-size: 1rem;
    top: 1.0625rem;
    right: .625rem;
    position: absolute;
    width: .75rem; /* Adjust width as needed */
    height: .4375rem; /* Adjust height as needed */
    background-image: url(/images/arrow_select.png); /* Replace with your arrow image */
    background-size: cover;
    cursor: pointer;
}

.platform-overview .info-box-content .info-box-text {
    color: #FFF;
    font-size: 1rem;
    font-weight: 500;
}

.platform-overview .info-box-content .info-box-number {
    color: #FFF;
    font-size: 2.8125rem;
    line-height: 1;
    margin: 0;
}

.platform-overview .info-box.box3 .info-image-content {
    display: flex;
    flex-direction: column;
    margin-top: 1.5625rem;
}

.platform-overview .info-box.box3 .info-image-content .info-box-topic {
    color: #FFF;
    font-size: 1.125rem;
    width: 5.9375rem;
    text-align: center;
    line-height: 1.25rem;
}

.platform-overview .info-box.box3 .info-box-content {
    flex-direction: row;
    justify-content: end;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .platform-overview .info-box.box3 .info-box-content {
        flex: 0 0 auto
    }
}

.platform-overview .info-box.box3 .info-box-content .statistic-data .statistic-title {
    color: #FFF;
    font-size: 16px;
    width: 120px;
    display: flex;
    justify-content: center;
    line-height: 1.2;
}

.platform-overview .info-box.box3 .info-box-content .statistic-data {
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    border-right: 1px solid rgba(255,255,255, .36); /* สีและขนาดของเส้นแนวดิ่ง */
    height: 95px; /* ความสูงของเส้นแนวดิ่ง */
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
    .platform-overview .info-box.box3 .info-box-content .statistic-data {
        padding-left: 12px;
        padding-right: 12px;
    }
}


.platform-overview .info-box.box3 .info-box-content .statistic-data:last-child {
    border-right: none;
}

.platform-overview .info-box.box3 .info-box-content .statistic-data .statistic-amount {
    color: #FFF;
    font-size: 28px;
    font-weight: bold;
}

.project-overview .card {
    padding: 1.5625rem;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .project-overview .card {
        padding: 25px 10px
    }
}

.project-overview .aum-head-icon {
    width: 60px;
    height: 60px;
}

.project-overview h3.card-title {
    font-size: 1.5625rem;
    font-weight: 500;
    color: #393939;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .project-overview .aum-head-icon {
        width: 45px;
        height: 45px;
    }
    
    .project-overview h3.card-title {
        font-size: 18px;
        font-weight: 500;
        color: #393939;
    }
}

.project-overview .info-box {
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: .9375rem;
    height: 5.625rem;
    display: flex;
    align-items: center;
    padding-left: 65px;
    padding-right: 10px;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .project-overview .info-box {
        height: 5rem;
    }
}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .project-overview .info-box {
        padding-left: 20px;
        padding-right: 10px;
    }
}

.project-overview .info-box.box1 {
    background-image: url(/images/aum_card1.png);
}

.project-overview .info-box.box2 {
    background-image: url(/images/aum_card2.png);
}

.project-overview .info-box.box3 {
    background-image: url(/images/aum_card3.png);
}

.project-overview .info-box.box4 {
    background-image: url(/images/aum_card4.png);
}

.project-overview .info-box.box5 {
    background-image: url(/images/aum_card5.png);
}


.project-overview .info-box.box1::before {
    content: "●";
    margin-right: 5px;
    color: #FFF;
    font-size: 24px;
    position: absolute;
    top: 28px;
    left: 28px;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .project-overview .info-box.box1::before,
    .project-overview .info-box.box2::before,
    .project-overview .info-box.box3::before,
    .project-overview .info-box.box4::before,
    .project-overview .info-box.box5::before {
        display: none;
    }
}

.project-overview .info-box.box2::before {
    content: "●";
    margin-right: 5px;
    color: #0065C9;
    font-size: 24px;
    position: absolute;
    top: 28px;
    left: 28px;
}

.project-overview .info-box.box3::before {
    content: "●";
    margin-right: 5px;
    color: #6F8ED3;
    font-size: 24px;
    position: absolute;
    top: 28px;
    left: 28px;
}

.project-overview .info-box.box4::before {
    content: "●";
    margin-right: 5px;
    color: #13A899;
    font-size: 24px;
    position: absolute;
    top: 28px;
    left: 28px;
}

.project-overview .info-box.box5::before {
    content: "●";
    margin-right: 5px;
    color: #967DF0;
    font-size: 24px;
    position: absolute;
    top: 28px;
    left: 28px;
}


.project-overview .info-box .info-box-group {
    display: flex;
    align-items: center;
    width: 100%;
}

.project-overview .info-box .info-box-group .info-box-topic {
    width: 40%;
    color: #1B1464;
    font-size: 18px;
    font-weight: 500;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .project-overview .info-box .info-box-group .info-box-topic {
        font-size: 17px;
    }
}

.project-overview .info-box .info-box-group .info-box-topic.total {
    color: #FFF;
}

.project-overview .info-box .info-box-group .info-box-background {
    width: 60%;
    height: 70px;
    border-radius: 36px;
    margin: 10px;
    padding: 10px;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .project-overview .info-box .info-box-group .info-box-background {
        height: 50px;
        margin: 0;
    }
}

.project-overview .info-box.box1 .info-box-group .info-box-background {
    background-color: rgba(196,190,253,.12);
}

.project-overview .info-box.box2 .info-box-group .info-box-background,
.project-overview .info-box.box3 .info-box-group .info-box-background,
.project-overview .info-box.box4 .info-box-group .info-box-background,
.project-overview .info-box.box5 .info-box-group .info-box-background {
    background-color: rgba(255,255,255,.24);
}

.project-overview .info-box .info-box-group .info-box-background .info-box-content {
    background-color: #FFF;
    border-radius: 36px;
    flex-direction: row;
    height: 50px;
    align-items: center;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .project-overview .info-box .info-box-group .info-box-background .info-box-content {
        height: 30px;
        white-space: nowrap;
    }
}

.project-overview .info-box .info-box-group .info-box-background .info-box-content .contract-count-amount {
    color: #1B1464;
    font-size: 1rem;
    font-weight: 400;
    padding: 0 15px;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .project-overview .info-box .info-box-group .info-box-background .info-box-content .contract-count-amount {
        font-size: 14px;
        padding: 0 8px 0 0;
        overflow: unset;
    }
}

.project-overview .info-box .info-box-group .info-box-background .info-box-content .contract-investment-amount {
    margin-top: 0;
    color: #1B1464;
    font-size: 1.2rem;
    font-weight: 400;
    padding: 0 15px;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .project-overview .info-box .info-box-group .info-box-background .info-box-content .contract-investment-amount {
        font-size: 14px;
        padding: 0 0 0 8px;
    }
}

.project-overview .info-box .info-box-group .info-box-background .info-box-content .vertical-line {
    border-right: 3px solid #C4C4C4;
    height: 25px;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .project-overview .info-box .info-box-group .info-box-background .info-box-content .vertical-line {
        height: 18px;
    }
}

.project-overview .total-contract-text {
    margin-bottom: 1rem;
}

.project-overview .total-contract-text span {
    color: #868686;
    background-color: #F0F0F0;
    padding: 6px 14px;
    font-size: 18px;
    border-radius: 30px;
}

.project-overview .total-contract-amount span {
    color: #1B1464;
    font-size: 70px;
    font-weight: 500;
    line-height: 1.3;
}

.project-overview hr.line {
    width: 18%;
    margin: auto;
}

.project-overview .total-investment-amount {
    margin-bottom: 2rem;
}

.project-overview .total-investment-amount span {
    color: #1B1464;
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
}

.queue-title {
    margin: 3rem 0;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .queue-title {
        margin: 2rem 0;
    }
}

.queue-overview .small-box {
    height: 320px;
    border-radius: 15px;
    background-image: url(/images/queue_card.png);
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.queue-overview .bank-box {
    height: 135px;
}

.bank-box .queue-amount{
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.queue-overview .bank-box .inner .queue-topic span{
    color: #1D316B;
    font-size: 1rem !important;
    font-weight: bold;
    text-align: end;
}

.queue-overview .amount {
    font-size: 2rem;
}


.queue-overview .small-box.doc-await {
    height: 240px;
}

.queue-overview .small-box > .small-box-footer {
    background-color: #3d3d3d;
    display: block;
    padding: 24px 18px;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    text-decoration: none;
    z-index: 10;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.queue-overview .small-box > .inner {
    padding: 10px 15px;
}

.queue-overview .small-box .inner .queue-topic {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.queue-overview .small-box .inner .queue-topic img.queue-icon {
    width: 78px;
    height: 78px;
}

.queue-overview .bank-box .inner .queue-topic img.queue-icon {
    width: 55px;
    height: 55px;
}

.total_amount_class_green{
    /* background: #00800040;   */
}

.total_amount_class_green{
    /* background: #00800040;   */
}

.queue-overview .small-box .inner .queue-topic span {
    color: #1D316B;
    font-size: 24px;
    font-weight: bold;
}
.bank-record-box{
    display: flex;
    align-items: center;
    justify-content: start;
}

.box-amount-row{
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: row;
    white-space: nowrap;
}

.box-amount-row.red{

}


.bank-record-box .bank-icon{
    width: 35px;
    height: 35px;
    margin-right: 0.75rem;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .queue-overview .small-box .inner .queue-topic span {
        font-size: 30px;
    }
}

.queue-overview .small-box .inner .queue-detail {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
}

.queue-overview .small-box .inner .queue-detail.alone {
    margin-top: 1.5rem;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .queue-overview .small-box .inner .queue-detail.alone {
        margin-top: 1.75rem;
    }
}


.queue-overview .small-box .inner .queue-detail span.contract-amount-text {
    color: #b72d3b;
    font-size: 26px;
    font-weight: 500;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .queue-overview .small-box .inner .queue-detail span.contract-amount-text {
        font-size: 24px;
    }
}

.queue-overview .small-box .inner .queue-detail span.contract-amount {
    color: #1D316B;
    font-size: 52px;
    font-weight: bold;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .queue-overview .small-box .inner .queue-detail span.contract-amount {
        font-size: 55px;
    }
}

.queue-overview .small-box .inner .queue-progress {
    margin-top: 12px;
}

.queue-overview .small-box .inner .queue-progress .progress-bar-container {
    width: 100%;
    background-color: #EAEAEA;
    border-radius: 7px;
    overflow: hidden;
}

/* .queue-overview .small-box .inner .queue-progress .progress-bar {
    height: 14px;
    border-radius: 7px;
    background: linear-gradient(to right, #3d3d3d, #4187F3);
} */

.queue-overview .small-box .inner .queue-progress .progress-status {
    margin-top: 7px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.queue-overview .small-box .inner .queue-progress .progress-status .status {
    font-size: 23px;
    color: #1E326D;
}

.queue-overview .small-box .inner .queue-progress .progress-status .percent {
    font-size: 23px;
    color: #1E326D;
}

.queue-overview .small-box .small-box-footer .footer-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.queue-overview .small-box .small-box-footer .footer-content span.amount-text {
    color: #FFF;
    font-size: 26px;
    font-weight: 500;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .queue-overview .small-box .small-box-footer .footer-content span.amount-text {
        font-size: 20px;
    }
}

.queue-overview .small-box .small-box-footer .footer-content span.amount {
    color: #21356C;
    font-size: 26px;
    font-weight: bold;
    background-color: #FFF;
    padding: 0 20px;
    border-radius: 20px;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .queue-overview .small-box .small-box-footer .footer-content span.amount {
        font-size: 22px;
    }
}

.contract-title {
    margin: 3rem 0;
}

.contract-overview {
    padding: 25px 30px;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .contract-overview {
        padding: 25px 15px;
    }
    
}

.contract-overview .card1 {
    background-image: url(/images/contract_card1.png);
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 15px;
    height: 560px;
    box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1);
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .contract-overview .card1 {
        margin-bottom: 2rem!important;
    }
    
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    .contract-overview .card1 {
        margin-bottom: 2rem!important;
    }
    
}

.contract-overview .card2 {
    background-image: url(/images/contract_card2.png);
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 15px;
    height: 260px;
    box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1);
}

.contract-overview .card3 {
    background-image: url(/images/contract_card3.png);
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 15px;
    height: 175px;
    box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1);
}

.contract-overview .card .scroll {
    height: 100%;
    overflow-y: auto;
}

.contract-overview .status-text {
    color: #000;
    font-size: 18px;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .contract-overview .status-text {
        font-size: 14px;
    }
    
}

.contract-overview .status-text .status.success {
    background-color: #04B23C;
    color: #FFF;
    padding: 6px 40px;
    border-radius: 16px;
}

.contract-overview .status-text .status.warning {
    background-color: #F8AD03;
    color: #FFF;
    padding: 6px 40px;
    border-radius: 16px;
}

.contract-overview .status-text .status.danger {
    background-color: #E50000;
    color: #FFF;
    padding: 6px 40px;
    border-radius: 16px;
}

.contract-overview .card-list {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Creates columns with a minimum width of 300px */
    column-gap: 15px;
    row-gap: 0px;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) {
    .contract-overview .card-list {
        grid-template-columns: 1fr; /* Creates columns with a minimum width of 300px */
    }
}
  
.contract-overview .card-item {
    padding: 10px 15px;
    height: 65px;
    background-image: unset;
    background-color: rgba(165,165,165,.13);
    border: none;
    border-radius: 8px;
    margin-bottom: .75rem;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
    flex-direction: row;
    align-items: center;
}

.contract-overview .card-item .content-main {
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
}

.contract-overview .card-item .content-main span.topic {
    color: #3C3C3C;
    font-size: 16px;
}

.contract-overview .card-item .content-main span.description {
    color: #3C3C3C;
    font-size: 12px;
}

.contract-overview .card-item .image-main img{
    width: 100%;
    height: 35px;
    max-width: 35px;
    object-fit: cover;
}

#ew-preview-dialog .ew-nav .nav-item button{
    color: #000000 !important;
    border: unset !important;
    background-color: #ffffff !important;
    padding: unset;
    height: unset;
    font-size: 1.25rem;
}



.ew-search-field2 > .invalid-feedback{
    position: absolute;
}

.ew-edit-form .tab-content{
    max-width: 1440px;
    overflow: auto;
}

.btn-pre-search{
    min-height: 35px;
    display: flex;
    align-items: center;
    width: min-content;
}

.list-presearch{
    display: flex;
    margin-bottom: 10px;
    padding-bottom: 14px;
    overflow: auto;
}

.btn-flot-right{
    margin-left: auto !important;
    margin-right: 10px;
}
.form-check-input:checked {
    background-color: #b72d3b;
    border-color: #b72d3b;
}

.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight), .tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight), .tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight), .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active {
    background-color: #E50000 !important;
}
.btn:hover {
    color: #fff;
    background-color: #797979;
    border-color: #797979;
}




.template-download .size{
    display: none;
}

.list td[data-name="orderby"],
.list td[data-name="youtube_id"],
.list td[data-name="group_type"],
.list td[data-name="count_view"],
.list td[data-name="is_highlight"],
.list td[data-name="approve_status"],
.list td[data-name="media_thumbnail"],
.list td[data-name="start_date"],
.list td[data-name="end_date"],
.list td[data-name="product_series_thumbnail"],
.list td[data-name="Active_Status_Website"],
.list td[data-name="is_show"],
.list td[data-name="activities_category_id"],
.list td[data-name="download_count"],
.list td[data-name="download_cat_id"],
.list td[data-name="counter_service"],
.list td[data-name="active_status"],
.list td[data-name="is_arcitech_profile"],
.list td[data-name="last_login"],
.list td[data-name="member_type_id"],
.list td[data-name="scg_id"],
.list td[data-name="is_status"]{
    text-align: center;
}

.list td[data-name="product_series_id"],
.list td[data-name="group_type"],
.list td[data-name="tags"],
.list td[data-name="media_title"],
.list td[data-name="series_sub_name"],
.list td[data-name="content_type"],
.list td[data-name="url_slug"]{
    white-space: nowrap;
}

.list td[data-name="address"]{
    min-width: 350px;
}

.list td[data-name="open_time"],
.list td[data-name="business_type_id"]{
    min-width: 150px;
}

.list td[data-name="lead_form_name"]{
    min-width: 200px;

}


.list .ew-table-header-caption span{
    display: none;
}
.ew-add-div .ew-label span,
.ew-edit-div .ew-label span{
    display: block;
    font-size: .85rem;
    color: gray;
    font-weight: 100;
    font-style: italic;
}

.view #r_cdate,
.view #r_cuser,
.view #r_udate,
.view #r_uuser,
.view #r_cdata
{
    display: none;
}


.box-card-info {
    background-color: #f1f1f2 ;
    padding: 1rem;
}

.card {
    border: unset;
    border-radius: 20px;
}
.card {
    margin-bottom: 1rem;
}

.ew-master-table tbody td.w-col-2 span{
    display: none;
}

.gjs-cv-canvas {
    padding-top: unset !important;
    height: auto !important;
}
.gjs-editor-cont{
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    margin-bottom: 20px;
    border: 1px solid #463a3c;
}

.btn-toolbar{
    /* display: none; */
}

main.view{
    background: #fff;
    padding: 1rem;
    border-radius: 20px;
}

.ew-view-table .w-col-2 span>span{
    display: none;
}

.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #323232;
    border-color: #323232;
    border-radius: 0.375rem;
    color: #FFFFFF;
    display: inline-block;
    margin-left: 0 /*rtl:ignore*/;
    margin-top: 5px;
    padding: 0;
}



.ew-search-panel .row-cols-sm-1 > .col-sm-auto {
    width: auto;
    /* justify-content: center !important; */
    align-items: center !important;
}

.ew-action-option .ew-add{
    display: none;
}

.ew-action-option .ew-edit{
    display: none;
}
.ew-action-option .ew-delete{
    display: none;
}


.ew-view-table > tbody > tr:nth-of-type(odd) > *{
    max-width: 1285px;
}

.ew-view-table > tbody > tr:nth-of-type(odd) img{
    max-width: 1200px;
    height: auto;
}


.ew-ext-search-form .ew-search-caption span{
    display: none;
}


::placeholder {
    color: white !important;
    opacity: 1; /* Firefox */
  }
  
  ::-ms-input-placeholder { /* Edge 12 -18 */
    color: white !important;
  }

  .ew-table .ew-detail{
    color: #FFFFFF;
    text-decoration: none;
    background-color: #3d3d3d;
    border-radius: 12px !important;
    height: 35px;
    display: flex;
    align-items: center;
    padding: 0 1rem !important;
  }

  .ew-extended-search #btn-submit{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }

  .ew-upload-table tbody.files tr:last-child td {
    background-color: unset;
}

#bd-theme{
    display: none !important;
}


.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .text-dark{
    color: #ffffff !important;
}

.gjs-pn-panels >div:nth-child(5){
    top:40px;
}

.gjs-block svg {
    fill: currentColor;
    max-width: 30px;
}

.gjs-f-b2::before {
    content: 'W';
    font-size: 32px !important;
    text-align: center !important;
}

.gjs-f-b37::before {
    content: 'R';
    font-size: 32px !important;
    text-align: center !important;
}
.gjs-f-text::before {
    content: 'o';
    font-size: 45px !important;
    text-align: center !important;
}
.gjs-f-button::before {
    content: 'B';
    font-size: 46px !important;
    text-align: center !important;
}
.fa-youtube-play:before {
    content: "";
    font-size: 30px !important;
    text-align: center !important;
}
.gjs-pn-panels >div:nth-child(5) {
    top: 40px !important;
    max-height: 855px !important;
}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: white;
    height: 750px !important;
    max-height: 750px;
    margin-bottom: 16px;
}
.gjs-clm-tag-status svg, .gjs-clm-tag-close svg {
    vertical-align: middle;
    fill: currentColor;
    width: 16px;
}