/*
|--------------------------------------------------------------------------
| Common
|--------------------------------------------------------------------------
*/
.app-color, .app-hover-color:hover { color: #6F10A2 !important; }
.app-bg { background: #6F10A2 !important; }
.app-bg-secondary { background: #F9F5FE!important; }
.app-border-color { border-color:#6F10A2 !important; }
._lang.collapse input[type="text"],
._lang.collapse textarea { background-color: #cfe2ff5c; }

.app-fs-12 { font-size: 12px; }
.app-fs-14 { font-size: 14px; }
.app-fw-600 { font-weight: 600 !important; }
.app-cursor-pointer { cursor: pointer; }

.app-size-24 { width: 24px; height: 24px; }
.app-size-36 { width: 36px; height: 36px; }
.app-size-80 { width: 80px; height: 80px; }

.app-min-w-300  { min-width: 300px !important; }

.container_sm { max-width: 500px!important }
.container_md { max-width: 580px !important; }
.container_lg { max-width: 800px !important; }
.container_xl { max-width: 1000px !important; }

.app-table-dropdown { width: 300px; }

/*
|--------------------------------------------------------------------------
| Bootstrap
|--------------------------------------------------------------------------
*/
/* button */
button.btn, a.btn { min-width: 110px; height: 48px; }
a.btn { line-height: 35px; }
button.btn-lg, a.btn-lg { /*min-width: 58px;*/ height: 58px; }
a.btn-lg { line-height: 40px; }
button.btn-sm, a.btn-sm { min-width: 35px; height: 35px; }
a.btn-sm { line-height: 26px; }

/* button -customize */
.btn:hover, .btn:focus, .btn:active { outline:none; transition:all ease .2s; -webkit-box-shadow:none; box-shadow:none !important; }
/* --- */
/* .btn-warning { color:#fff !important; } */
/* --- */
.btn-primary.btn_skn { border-color:#6F10A2; background:#6F10A2; }
.btn-primary.btn_skn:hover, .btn-primary.btn_skn:focus, .btn-primary.btn_skn:active, .btn-primary.btn_skn:disabled { color:#fff; border-color:#6F10A2; background:#6F10A2; }
.btn-primary.btn_skn:not(:disabled):not(.disabled).active, .btn-primary.btn_skn:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle.btn_skn { border-color:#6F10A2; background:#6F10A2; }
.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { border-color:#6F10A2; background:#6F10A2; }
/* --- */
.btn-outline-primary.btn_skn { color:#6F10A2; border-color:#6F10A2; }
.btn-outline-primary.btn_skn:hover, .btn-outline-primary.btn_skn:disabled { color:#fff; border-color:#6F10A2; background:#6F10A2; }
.btn-outline-primary.btn_skn:not(:disabled):not(.disabled).active, .btn-outline-primary.btn_skn:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle.btn_skn { border-color:#6F10A2; background:#6F10A2; }
/* --- */
.btn-close:hover, 
.btn-close:focus,
.btn-close:active { outline:none !important; box-shadow:none; }

/* hyperlink */
a:link, a:visited, a:hover, a:active { outline:none; text-decoration:none; }
a:hover { color:#6F10A2; }

/* input */
.input-group-text { width: 58px; justify-content: center; }

/* navbar */
.navbar-toggler { outline:none; transition:all ease .2s; -webkit-box-shadow:none; box-shadow:none !important; }   

/* form controls */
.form-control, .form-select { height:48px; z-index:1; /*z-index:1;*/ /*line-height: 1.75;*/ font-size: 16px;  outline:none; }
.form-control:focus, .form-select:focus { border-color:none; box-shadow:none; outline:0 none; }
/* --- */
.form-control-lg { height:48px; padding:1rem .75rem; font-size:16px; }

/* check box */
/* .form-check-input { width:20px; height:20px; } */
.form-check-input:checked { background-color:#6F10A2; border-color:#6F10A2; }
.custom-control-input:checked~.custom-control-label::before { border-color:#6F10A2; background-color:#6F10A2; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color:#6F10A2; }
.custom-control-input:active~.custom-control-label::before { background-color:#6F10A2; }
.custom-checkbox .custom-control-input:focus~.custom-control-label::before { -webkit-box-shadow:none; box-shadow:none; }

/* check box - switch */
.form-switch .form-check-input { width:40px; height:24px; }
.form-switch .form-check-input[id=_lang] { width:38px; height:18px; }

/* radio box */
.btn-check:checked+.btn { color: #6F10A2; background: #F4EBFF; }
.btn-check+.btn { border: 1px solid #dee2e6; padding: .25rem 1rem;  border-radius: 50rem; background: #fff; }

/* dropdown menu */
.dropdown-menu { min-width:240px; padding:3px; -webkit-box-shadow:2px 0 20px 2px rgba(64, 70, 74, 0.25); box-shadow:2px 0 20px 2px rgba(64, 70, 74, 0.25); }
.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-item { padding:9px 16px; /*line-height: 1.5rem;*/ }
.dropdown-menu .dropdown-item:active { color:#212529; background:#e2e3e5; }

/* accordion */
.accordion-button:focus { border-color:rgba(0,0,0,.125); box-shadow:none; }

/* scrollbar */
::-webkit-scrollbar { width:6px; }
::-webkit-scrollbar-track { background:#F1F3F7; }
::-webkit-scrollbar-thumb { border-radius:50px; background:#DAD1F9; }
::-webkit-scrollbar-thumb:hover { background:#A8A8A8; }
/* --- */
.app-scroll-over::-webkit-scrollbar-track { background:#fff; }
.app-scroll-over::-webkit-scrollbar-thumb { background: transparent; }
.app-scroll-over:hover::-webkit-scrollbar-thumb { background: #DAD1F9; }

/* modal */
/* .modal .modal-header { height:60px; } */
.modal form { display: contents; }
.modal .modal-dialog-scrollable .modal-content { overflow:inherit; }
.modal-footer>* { margin: inherit; }

/* floating labels */
.form-floating>.form-control,
.form-floating>.form-select,
.form-floating>.form-control:not(:placeholder-shown),
.form-floating>.form-select:not(:placeholder-shown) { padding-top: 10px !important; padding-bottom: 10px !important; }
.form-floating .form-control:focus~label,
.form-floating .form-control:not(:placeholder-shown)~label { transform: translateY(-28px); font-size: 14px; }
.form-floating select:not([value=""])~label { transform: translateY(0rem); font-size: 16px; color: #212529; }
.form-floating select:focus~label { transform: translateY(-28px); font-size: 16px;  }
/* .form-floating .form-control:focus~label { color: #0d6efd; } */

/*
|--------------------------------------------------------------------------
| Bootstrap validator
|--------------------------------------------------------------------------
*/
.help-block { display:block; width:100%; margin-top:0.25rem; font-size:.875em; color:#737373; }
/* --- */
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.custom-checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label { color:#dc3545; }
.has-error .form-control,
.has-error .form-select,
.has-error .custom-file-label,
.has-error .input-group-text,
.has-error .select2-container--bootstrap-5 .select2-selection { border-color:#dc3545; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); }
.has-error .form-control:focus,
.has-error .form-select:focus,
.has-error .custom-file-label:focus,
.has-error .input-group-text:focus,
.has-error .select2-container--bootstrap-5 .select2-selection:focus { border-color:#843534; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; }
.has-error .input-group-addon { color:#dc3545; background-color:#f2dede; border-color:#dc3545; }
.has-error .form-control-feedback { color:#dc3545; }
/* --- */
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label { color:#198754; }
.has-success .form-control,
.has-success .form-select,
.has-success .custom-file-label,
.has-success .input-group-text,
.has-success .select2-container--bootstrap-5 .select2-selection { border-color:#198754; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); }
.has-success .form-control:focus,
.has-success .form-select:focus,
.has-success .custom-file-label:focus,
.has-success .input-group-text:focus
.has-success .select2-container--bootstrap-5 .select2-selection:focus { border-color:#2b542c; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; }
.has-success .input-group-addon { color:#198754; background-color:#dff0d8; border-color:#198754; }
.has-success .form-control-feedback { color:#198754; }
/* --- */
.has-success .help-block._error { display: none; }

/*
|--------------------------------------------------------------------------
| Hide number scroll
|--------------------------------------------------------------------------
*/
/* ---- Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
/* ---- Firefox */
input[type=number] { -moz-appearance:textfield; }

/*
|--------------------------------------------------------------------------
| page loader
|--------------------------------------------------------------------------
*/
.app-page-loader { position: absolute;  display: none; top: 0; left: 0; z-index: 1030; width: 100%; height: 100%; flex-direction: column; background-color: transparent; }
.app-page-loader .loader { position: relative; display: block; overflow: hidden; width: 100%; height: 5px; }
.app-page-loader .loader:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #6F10A2; animation: 6s loader ease-in infinite; }
@keyframes loader { to { width: 100%; } }
/* --- */
.rtl .app-page-loader { left: inherit !important; right: 0 }
.rtl .app-page-loader .loader:after { left: inherit !important; right: 0 }

/*
|--------------------------------------------------------------------------
| data table
|--------------------------------------------------------------------------
*/
.table_container { min-width: 1200px; }
.table_container > .row { display: flex; margin-right: 0px !important; margin-left: 0px !important; background-color: #F5F6F8;}
.table_container > .row:hover { background-color: #E6E9EF; }
.table_container > .row .col { padding: 8px 10px; align-items: center; box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0); border-bottom-width: 2px;  border-top:2px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #F1F2F4; }
.table_container > .row .hover { display: none; }
.table_container > .row:hover .hover { display: inline; }
/* --- */
.table_scroll { overflow-x: auto; /*scrollbar-width:thin; scrollbar-color: #DAD1F9 #F1F3F7;*/}
.table_scroll::-webkit-scrollbar { width: 3px; }
.table_scroll::-webkit-scrollbar-track { background: #F1F3F7; }
.table_scroll::-webkit-scrollbar-thumb { border-radius: 50px; background: #DAD1F9; }
.table_scroll::-webkit-scrollbar-thumb:hover { background: #A8A8A8; }
/* --- */
.data-table .dt-layout-cell { padding:0px !important; }
/* --- */
.data-table .table { position: relative; z-index: 1; border-collapse: separate; }
.data-table .table thead>tr>th { height:42px; vertical-align: middle; font-weight: 600; border-bottom: 1px solid #F1F2F4; border-left: 1px solid #F1F2F4; background-color: #F7F8F9; }
.data-table .table tbody>tr>td { height:42px; vertical-align: middle; border-top: 0px solid #fff; border-bottom: 1px solid #F1F2F4 ; border-left: 1px solid #F1F2F4; }
.data-table .table tbody>tr>td.z-index-3 { z-index: 3 !important; }
.data-table .table tbody>tr:last-child>td { border-bottom: 1px solid #F1F2F4 !important; }
.data-table .table tbody>tr:hover > * { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035); }
.data-table .table tbody>tr>td .hover { display: none; }
.data-table .table tbody>tr:hover>td .hover { display: inline; }
.data-table .table.table-bordered>tbody>tr.selected>* { color: #212529; border-bottom: 1px solid #d0d4e4; box-shadow: none; background-color: #F9F5FE/*rgba(204, 229, 255, 1)*/; }
.data-table .table.table-bordered.table-hover>tbody>tr.selected:hover>* { background-color: #F9F5FE /*rgba(204, 229, 255, 1)*/; box-shadow: none; }
/* --- */
.ltr .data-table table thead>tr>th:first-child { border-left: 0px solid #ced4da; }
.ltr .data-table table tbody>tr>td:first-child { border-left: 0px solid #0d6efd; }
.ltr .data-table table thead>tr>th,
.ltr .data-table table tbody>tr>td { border-left: 0px solid #fff; border-right: 1px solid #F1F2F4; }
/* --- */
.rtl .data-table table thead>tr>th:first-child { border-right: 0px solid #ced4da; }
.rtl .data-table table tbody>tr>td:first-child { border-right: 0px solid #0d6efd; }
.rtl .data-table table thead>tr>th,
.rtl .data-table table tbody>tr>td { border-right: 0px solid #fff; border-left: 1px solid #F1F2F4; }
.rtl .data-table table.table-bordered tr>.dtfc-fixed-right::after { transform: translateX(-100%); }
/* --- */
.data-table .dt-container { border: 1px solid #F1F2F4; border-bottom: 0px; border-radius: 10px 10px 3px 3px; overflow: hidden; }
.data-table .dt-scroll-head { z-index: 1; }
.data-table .dt-scroll-body { overflow-x: auto; top: -0px; z-index: 0; border-bottom: 0px !important; }
.data-table .dt-scroll-body::-webkit-scrollbar { width: 3px; height: 12px; }
.data-table .dt-scroll-body::-webkit-scrollbar-track { background: #F1F3F7; }
.data-table .dt-scroll-body::-webkit-scrollbar-thumb { border-radius: 50px; background: #DAD1F9; }
.data-table .dt-scroll-body::-webkit-scrollbar-thumb:hover { background: #A8A8A8; }
/* --- */
.data-table .dropdown-menu ::-webkit-scrollbar { width: 0px; }

/*
|--------------------------------------------------------------------------
| pagination
|--------------------------------------------------------------------------
*/
/* .pagination { position: relative; z-index: -1; } */
.pagination .page-item { margin-left: 10px; }
.pagination .page-item:first-child { margin: 0px !important; }
.pagination .page-item .page-link { padding: 5px 12px; color: rgba(0, 0, 0, .5); font-size: 14px; font-weight: bold; border-radius: 2px; border: 1px solid #ced4da; }
.pagination .page-item.active .page-link { background-color: #e7ebee; }
.pagination .page-item.disabled .page-link { padding: 5px 0px; border: 0px; background-color: #ffffff; }
.pagination .page-item i { font-size: 0.8125rem; }
/* --- */
.rtl .pagination .page-item { margin-left: 0px; margin-right: 10px; }

/*
|--------------------------------------------------------------------------
| intel tel input
|--------------------------------------------------------------------------
*/
.iti { width: 100%; }
.iti__country-list { z-index: 3; }
.iti--separate-dial-code.iti-rtl { direction: rtl; }
.iti--separate-dial-code.iti-rtl .iti__flag-container { left: auto !important; right: -1px !important; }
.iti--separate-dial-code.iti-rtl input,
.iti--separate-dial-code.iti-rtl input[type=tel],
.iti--separate-dial-code.iti-rtl input[type=text] { direction: ltr !important; padding-left: 10px !important; padding-right: 101px; text-align: right; }
.iti--separate-dial-code.iti-rtl .iti__selected-flag .iti__selected-dial-code { direction: ltr; margin-left: 0; margin-right: 6px; }
.iti--separate-dial-code.iti-rtl .iti__selected-flag .iti__arrow { margin-left: 0;  margin-right: 6px; }
.iti--separate-dial-code.iti-rtl .iti__country-list { text-align: right; }
.iti--separate-dial-code.iti-rtl .iti__country-name,
.iti--separate-dial-code.iti-rtl .iti__flag-box { margin-left: 6px;  margin-right: 0; }
.iti--separate-dial-code.iti-rtl .iti__country-name { display: inline-block; }

/*
|--------------------------------------------------------------------------
| select2
|--------------------------------------------------------------------------
*/
.select2-dropdown { z-index: 1055; }
/* ---  Bootstrap 5 styles */
/* .select2-container { width:100% !important; } */
.select2-container { width:auto !important; }
.select2-container--bootstrap-5 .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field { font-size: 14px; }
.select2-container--bootstrap-5 .select2-selection { height: 38px; padding: .375rem 2.25rem .375rem .75rem; line-height: 1.75; border-radius: 0.375rem; border-color: #dee2e6; }
.select2-container--bootstrap-5 .select2-selection--multiple { height: inherit; min-height: 38px; }
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus { z-index: 1; outline: none; box-shadow: none; }
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered { line-height: 1.75; }
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field { height: 38px; padding: .375rem .75rem; }
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear,
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear,
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover { background-size: 9px auto; }
/* --- */
.select2-selection__choice { display: flex; align-items: center; justify-content: space-between; color: #fff !important; background-color: #6F10A2; }
.select2-selection__choice .select2-selection__choice__remove { margin-left: 5px !important; margin-right: 0px !important; order: 1; border-radius: 50%; background-color: #fff !important; }
/* --- */
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 0px; }
.rtl .select2-container--bootstrap-5 .select2-selection { padding: .375rem .75rem .375rem 2.25rem; }
.rtl .select2-selection__choice__remove { margin-left: 0px !important; margin-right: 5px !important; }
/* --- */
.select-2-multi .select2-selection__clear { display: none !important; }
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display { font-size: 14px; line-height: 21px !important; }
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove,
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover { text-align: center; background-size: 5px auto; }
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { padding: 1px 8px; }
.select2-container--default .select2-selection--multiple { display: flex; flex-wrap: wrap; max-width: 300px; }