.border-color-light {border-color: #d5d7d9 !important;}
.border-color-dark {border-color: rgba(72, 73, 74, 0.3) !important;}
.table-filter-section .ms-choice { border: 0 }
/* .table-filter-section .ms-choice > span { padding-top: 8px } */
.courser-pointer { cursor: pointer !important }
.filters-overlay { background-color: rgba(0, 0, 0, 0.4) }
.filters-overlay .open-all-filters { right: -280px; position: absolute; transition: all 0.4s ease-in-out }
.open-filters-sheet { overflow: hidden; }
.open-filters-sheet .filters-overlay { position: fixed; top: 0; width: 100%; height: 100%; left: 0; z-index: 9999; -webkit-transition: background-color 0.3s all; -ms-transition: background-color 0.3s all; transition: background-color 0.3s all; }
.fillter-scroller { overflow-y: scroll; height: 100%; padding: 20px 20px 66px 20px }
.open-filters-sheet .filters-overlay .open-all-filters { width: 300px; background-color: #fff; height: 100%; right: 0px; }
.filters-footer { position: absolute; width: 298px; bottom: 0px; background-color: #fff; padding: 13px 18px }
/* --theme-bg: #1A1C1E; */
/* Admin custom black theme  */
:root{
  --theme-bg: #F3F5F9;
  --primary: #191B1E;
  --left-menu-active: #8291F8; 
  --border-color: #ffffff30;
  --white: #ffffff;
  --text-purple: #8291F8;
  --input-text: #bab7b7;
  --text-info: #4EE4FA 
}

body{background-color: var(--theme-bg);}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: var(--primary); font-family: var(--bs-font-sans-serif); }
.text-primary { color: var(--primary) !important; }
/* typography */
.text-body { color: #47494B !important; }
.text-black { color: #000 !important; }
/* Left Menu bar */
body[data-sidebar=dark] .navbar-brand-box {background-color: var(--white); border-bottom: 1px solid var(--border-color);}
body[data-sidebar=dark] .vertical-menu { background-color: var(--primary); box-shadow: 0px 8px 28px 0px #0105114D; }
body[data-sidebar=dark] #sidebar-menu ul li a, 
body[data-sidebar=dark] #sidebar-menu ul li a i { color: #636e75; }
#sidebar-menu { background:var(--white); }
body[data-sidebar=dark] .mm-active .active, 
body[data-sidebar=dark] #sidebar-menu ul li a:hover { background: linear-gradient(90deg, rgba(254, 254, 254, 0.1) 0%, rgba(29, 24, 25, 0.1) 100%); }
body[data-sidebar=dark] .mm-active .active i, 
body[data-sidebar=dark] .mm-active .active span { color: var(--left-menu-active) !important; }

/* Border */
.rounded-4 { border-radius: 0.5rem !important; }
/* Text Purplue */
.text-purple { color: var(--text-purple) !important; }
.text-info { color: var(--text-info) !important; }
/* Card Custom styles */
/* .card { background: linear-gradient(0.09deg, #050505 0.02%, #454649 100%); border-radius: 0.4rem; } */
.card { background: #fff;}

/* Table style */
.table { --bs-table-striped-bg: rgba(255,255,255,0.1); --bs-table-striped-color: #fff; color: #fff; }

/* Overwrite the border table */
.table-bordered { border: 0 !important; }
.table-bordered>tbody>tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color) }
.table-bordered, .table-bordered td, .table-bordered th { border: 0 !important; }
.table-bordered>:not(caption)>* { border: 0; }

.table>thead>tr>th { vertical-align: baseline }

.table>:not(caption)>*>* { border-bottom-width: 0; }
div.dataTables_wrapper div.dataTables_length label, 
div.dataTables_wrapper div.dataTables_filter label { color: #fff; } 
div.dataTables_wrapper div.dataTables_paginate ul.pagination li { margin: 0 0.3rem } 
div.dataTables_wrapper div.dataTables_paginate ul.pagination li a { border-radius: 0.3rem; color: #505d69 }
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a { color: #fff; }
div.dataTables_wrapper div.dataTables_info { color: #fff }
.page-item .page-link { border-radius: 4px !important }
.page-item.active .page-link { background-color: #8291F8; border-color: #8291F8; }



/* INPUT STYLE */
.form-control { width: 100%;  border: 1px solid rgba(72, 73, 74, 0.3)!important; /* background-color: #47494B;  */ color: var(--input-text); border: 0; border-radius: 0.45rem; padding: 0.55rem .75rem; line-height: 1.7; 
  /* box-shadow: 0px 1px 2px 0px #01051133  */
}
/* .form-control:focus { color: #fff; background-color: #47494B;  box-shadow: 0px 1px 2px 0px #01051133; border-color: #656464; } */
.form-control::placeholder { color: var(--input-text); opacity: 1 }
.form-control::-ms-input-placeholder { color: var(--input-text) }
input[type="date"]::-webkit-calendar-picker-indicator, 
input[type="time"]::-webkit-calendar-picker-indicator { color: #fff; filter: invert(0.9); cursor: pointer; }
.browse-file-input { width: 100%; background-color: #47494B; border-radius: 0.45rem; height: 140px; display: flex; align-items: center; justify-content: center; color: #fff }
.iti.iti--allow-dropdown.iti--separate-dial-code { width: 100%; }
.iti__country-list { background-color: #47494B !important; border-color: var(--border-color) !important; }
.iti__country { color: var(--white) !important; }
.iti__divider { border-color: var(--border-color) !important; }
.iti__selected-flag { color: var(--input-text); } 
.iti__arrow { border-top-color: var(--input-text) !important; } 
.ms-drop ul>li.hide-radio:focus, .ms-drop ul>li.hide-radio:hover { background-color: rgba(255, 255, 255, 0.1) }


/* Multi select */
.multiple-select.form-control .ms-choice { padding: 0.55rem .75rem !important; height: 42px; border-radius: 0.45rem; background-color: #47494B; border: 0 }
.multiple-select.form-control .ms-choice>span { top: 7.8px; color: #fff; }
.multiple-select .ms-drop { background-color: #47494B; border:1px solid #47494B; }
.multiple-select .ms-drop ul>li label { color: #fff }

/* Selecte 2 */
/* .select2-container { width: 100% !important; }
.select2-container--default .select2-selection--multiple { background-color: #47494B !important; } 

.select2-container .select2-search--inline .select2-search__field { margin-top: 0 !important; }
.select2-container .select2-selection--multiple .select2-search__field { color: var(--input-text) !important; }
.select2-container--default .select2-search--inline .select2-search__field::placeholder { color: var(--input-text) !important; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 8px 8px !important; }
.select2-dropdown  { background-color: #47494B !important; border: 1px solid transparent !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #3a3a3a !important; }
.select2-results__option[aria-selected] { color: #fff !important; } */
.select2-container .select2-selection--multiple {  height: 44px !important; border-radius: 8px !important;  }
.select2-container .select2-selection__choice { height:32px; }
.select2-container .select2-selection__choice__remove { height: 32px; }
.select2-container .select2-selection__choice__display { display: table-cell; vertical-align: middle; height: 32px; }
.select2-container  textarea.select2-search__field { margin-top: 10px !important; margin-left: 10px !important; }

/* Buttons */
.btn {  font-weight: 700; border-radius: 1.5rem; padding: 0.64rem .75rem; }
.btn-md { font-size: 0.875rem; }  
.btn-secondary-gradiant { min-width: 120px; background: linear-gradient(180deg, #4EE4FA 0%, #8194F8 50.6%, #9760F8 100%); border: 0;}
.btn-primary-gradiant { min-width: 120px; background: linear-gradient(180deg, #9861F8 0%, #D9519D 100%); border: 0; }

/* Radio */
.custom-theme-radio .form-check-input { width: 1.3em; height: 1.3em; background-color: #fff; border-color: #fff }
.custom-theme-radio .form-check-input:checked { background-color: #fff; border-color: #fff }
.form-check-input[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2347494B'/%3e%3c/svg%3e") }
.form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23D9519D'/%3e%3c/svg%3e") }
.custom-theme-switch-right .form-check-input { border: 1px solid rgba(255,255,255,.2); width: 2.5em; height: 1.2em; background-color: #0F0F0F; }
.custom-theme-switch-right { padding-left: 0; padding-right: 2.5rem; }
.custom-theme-switch-right.form-switch .form-check-input { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
.custom-theme-switch-right.form-switch .form-check-input:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23D9519D'/%3e%3c/svg%3e") }
.custom-theme-switch-right.form-check .form-check-input { float: none; margin-left: 2.5rem; }


/* Header */
#page-topbar { background-color: var(--theme-bg); }
.header-item { color: #636e75; }
.navbar-header .dropdown .show.header-item { background: linear-gradient(90deg, rgba(254, 254, 254, 0.1) 100%, rgba(29, 24, 25, 0.9) 100%); }
.navbar-header .dropdown-menu { background: linear-gradient(90deg, rgba(254, 254, 254, 0.1) 100%, rgba(29, 24, 25, 0.9) 100%); } 
.navbar-header .dropdown-item:focus, .dropdown-item:hover { background-color: #2c2c2c; }

/* Pagies */
.page-title-box { display: block !important }
.page-title-box h4 { text-transform: capitalize; font-size: 20px; }
.page-title-right { margin-top: 30px; }
.breadcrumb-item>a, .breadcrumb-item.active { color: var(--primary); }
.breadcrumb-item+.breadcrumb-item::before { color: var(--primary); }

/* Ticket Style */

.ticket-card { width: 362px; height: 164px; background-color: #fff; position: relative; padding: 1rem 1.5rem; }
.ticket-left { width: 190px }
.ticket-right { width: 140px;}
.ticket-card .title-text { font-size: 11px; }
.ticket-card .value-text { font-size: 14px; font-weight: 700; }
.ticket-right:before { content: ""; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='7' stroke-dasharray='6%2c 14' stroke-dashoffset='11' stroke-linecap='square'/%3e%3c/svg%3e"); width: 2px; height: 100%; margin-right: 24px }

.dots.top-doted { top: 0; width: 100%; left: 0 }
.dots { position: absolute }
.dots span { display: block; width: 30px; height: 30px; background-color: #000; border-radius: 50%; position: absolute }

.dots.top-doted span:nth-child(1) { left: -10px; top: -10px }
.dots.top-doted span:nth-child(2) { left: calc(100% - 162px); top: -18px }
.dots.top-doted span:nth-child(3) { right: -10px; top: -10px }

.dots.bottom-doted { bottom: 0; width: 100%; left: 0 }
.dots.bottom-doted span:nth-child(1) { left: -10px; bottom: -10px }
.dots.bottom-doted span:nth-child(2) { left: calc(100% - 162px); bottom: -18px }
.dots.bottom-doted span:nth-child(3) { right: -10px; bottom: -10px }

/* // Ticket End */

/* User Detail */
.pink-gradiant-card-bg { background: radial-gradient(84.95% 102.92% at 50% 51.11%, #A84C9C 0%, #532C85 70%, #131418 100%); }
.blue-gradiant-card-bg { background: linear-gradient(180deg, #7D91D5 0%, #4758AB 100%) }
.green-sheen-gradiant-card-bg { background: linear-gradient(160.46deg, #4F87A0 3.74%, #283950 87.4%) }
.purplle-gradiant-card-bg { background: linear-gradient(180deg, #7659AA 0%, #704EC5 100%) }
.dark-blue-gradiant-card-bg { background: linear-gradient(160.46deg, #4F87A0 3.74%, #4C5DAE 87.09%) }
.coin-cart-icon { width: 56px; height: 56px; background-color: rgba(255, 255, 255, 0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center }

.swal2-popup, .modal-content { box-shadow: 0 0 12px rgb(145 140 140 / 20%); 
  /* background: #222222; border: 0 !important;  */
}
.swal2-title { color: #fff; }
.swal2-content { color: #9b9a9a; }
.swal2-confirm { background: linear-gradient(180deg, #9861F8 0%, #D9519D 100%) !important; border-radius: 1.5rem !important; }
.swal2-cancel { background: linear-gradient(180deg, #4EE4FA 0%, #8194F8 50.6%, #9760F8 100%) !important; border-radius: 1.5rem !important; } 
.modal-header { border-bottom: 1px solid #48494a; }
.modal-footer { border-top: 1px solid #48494a; } 

/*=========== EVENT PAGES ============
=====================================*/
/* Stepers */
/* .stepper-wrapper { margin-top: auto; display: flex; justify-content: space-between; margin-bottom: 20px }
.stepper-item { position: relative; display: flex; flex-direction: column; align-items: center; flex: 1; }
@media (max-width: 768px) { .stepper-item { font-size: 12px }}
.stepper-item::before { position: absolute; content: ""; border-bottom: 4px solid transparent; border-image: linear-gradient(0deg, #050505 -45%, #FEFEFE 240%); border-image-slice: 1; width: 100%; top: 18px; left: -50%; z-index: 2 }
.stepper-item::after { position: absolute; content: ""; border-bottom: 4px solid transparent; border-image: linear-gradient(0deg, #050505 -45%, #FEFEFE 240%); border-image-slice: 1; width: 100%; top: 18px; left: 50%; z-index: 2 }
.stepper-item .step-counter { position: relative; z-index: 5; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(0deg, #050505 8%, #FEFEFE 240%); margin-bottom: 6px }
.stepper-item.completed .step-counter { background: linear-gradient(180deg, #A84C9C 0%, #532C85 100%);  }
.stepper-item.completed::before { position: absolute; content: ""; border-bottom: 4px solid transparent; border-image: linear-gradient(180deg, #A84C9C 80%, #532C85 100%); border-image-slice: 1; width: 100%; top: 18px; left: -50%; z-index: 3 }
.stepper-item.completed::after { position: absolute; content: ""; border-bottom: 4px solid transparent; border-image: linear-gradient(0deg, #050505 -45%, #FEFEFE 240%); border-image-slice: 1; width: 100%; top: 18px; left: 50%; z-index: 3 }
.stepper-item:first-child::before { content: none }
.stepper-item:last-child::after { content: none }
.step-item-box { display: none }
.step-item-box.completed { display: block }
.step-item-box.active { display: block } */

/* Footer */
.footer { background-color: var(--theme-bg); }


/* table */
.custom-table table tr td, .custom-table table tr th {
  color: var(--primary);
}
.custom-table tr td svg path {
  fill: #1c1c1c;
}
.custom-table table {
  border-collapse: separate;
}
.custom-table tr th, .custom-table tr td {
  border-bottom: 1px solid #1c1c1c !important;
}
.custom-table tr th, .custom-table tr td {
  border-bottom: 1px solid rgba(28, 28, 28, 0.2) !important;
}
div#datatable_length label {
  color: var(--primary);
}
.dataTables_length label {
  color: var(--primary) !important;
}
.table>:not(:last-child)>:last-child>* {
  border-bottom-color: var(--primary) !important;
}
form.custom-form2 .input-group-addon {
  display: flex;
}