:root {
	--dark-mode-bg: #0f0f0f;
	--dark-mode-bg-2: ##0f0f0f;
	--dark-mode-bg-3: #000000;
	--dark-mode-bg-4: #535353;
	--dark-mode-border-color: #252525;
	--dark-mode-text-color: #ffffff;
	--dark-mode-text-color-2: #aaaaaa;
	--dark-mode-bg-red: #402626;
	--dark-mode-bg-green: #283428;
}

/* test test test test test test test test test test test test */

.optionMenu-content .dashMenu > .container,
.optionMenu-content .dashMenu > .container-fluid {
	margin-top: 2px;
	border: 1px solid;
	padding: 0 10px;
}

.optionMenu-content .dashMenu > .container .allCategoryOpt {
	margin: 8px 0;
}

.optionMenu-content .dashMenu > .container .allCategoryOpt .fireHide a:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border: 3px solid transparent;
	content: "";
}

.nav-tabs {
	position: relative;
	z-index: 1;
}

.userWebsiteContainer .nav-tabs.bordered {
	border-bottom: none;
}

.caschier-container .nav-tabs .nav-link-personalize.active {
	border-bottom: none !important;
}

.select2-container .select2-choice,
.select2-container .select2-chosen,
.select2-container--open .select2-selection,
.select2-dropdown-open .select2-choice,
#ticketForm .select2-container .select2-choice,
#ticketForm .select2-container .select2-chosen,
#transactionsForm .select2-container .select2-choice,
#transactionsForm .select2-container .select2-chosen,
#structSearchRow .select2-container .select2-choice,
#structSearchRow .select2-container .select2-chosen {
	border: none !important;
	box-shadow: none !important;
}

.card,
.select2-container .select2-choice {
	border-radius: 0;
}

#ticketForm .borderd_row {
	border-width: 1px !important;
}

.form-control,
.form-control:focus,
.form-control:disabled,
.form-control[readonly],
form.smart-form #chtime,
form.smart-form .mdl-textfield__input,
form.smart-form .input input,
form.smart-form .textarea textarea,
form.smart-form .select select,
.modal-content input[type="text"],
.modal-content select {
	border: none;
	border-radius: 0 !important;
}

.specialStructurePaddingAndManyMore input,
.specialStructurePaddingAndManyMore select {
	border: none !important;
}

.headerList input {
	border: none;
}

.headerList input.searchOd {
	border-radius: 0;
}

.form-control:disabled,
.form-control[readonly] {
	opacity: 0.55;
}

.flatpickr-input,
form.smart-form .mdl-textfield__input {
	height: 30px;
}

#betting_tickets .filtreInputs {
	padding: 0;
}

.select2-results {
	margin: 0 !important;
}

form.smart-form .checkbox i,
form.smart-form .radio i {
	width: 12px;
	height: 12px;
}

form#ticketForm .label2 {
    margin-right: 25px;
    position: relative;
    left: 20px;
}


form#ticketForm .checkbox i {
    top: -20px !important;
}

form.smart-form .checkbox input + i:after {
	top: -2px;
	left: -1px;
	font-size: 12px;
}

.dt-toolbar select {
	border: 1px solid !important;
	border-radius: 3px !important;
}

.bull_status {
	box-shadow: none !important;
}

.status_text {
	margin-left: 5px !important;
}

#totals_table .totals_element .top_border {
	border-top-width: 1px;
}

.table td {
	min-height: 20px;
}

.table thead th {
	border-bottom: none;
}

.dt-toolbar-footer {
	box-shadow: none;
}

div.jarviswidget > div {
	border-top: 1px solid;
	border-bottom-width: 1px;
}

div.jarviswidget .widget-body {
	min-height: 0;
}

#ticket_details_modal div.jarviswidget > div {
	border: none;
}

.optionMenu-content .dashMenu > .container.myAccount-Container2 {
	margin-top: -1px;
	padding-top: 15px !important;
}

.myAccount-Container2 .bg-color-lighten {
	margin-right: -2px;
}

.smart-form footer #list_tickets {
	border-radius: 3px;
}

#ticketContainer {
	padding: 0 !important;
}

.documents_section ~ .row {
	padding: 0 10px;
}

.myAccount-Container2 .editFrm .row {
	height: auto !important;
	min-height: 0 !important;
}

.myAccount-Container2 .divContainerGallery {
	width: calc(25% - 10px) !important;
	border: 1px solid;
	margin: 5px !important;
}

.myAccount-Container2 .divContainerGallery div.gallery {
	position: relative;
	box-shadow: none;
	margin: 0;
}

.myAccount-Container2 .divContainerGallery div.gallery .divHeaderUpateDoc {
	width: 100% !important;
	display: flex;
	align-items: center;
}

.myAccount-Container2 .divContainerGallery div.gallery .txtimgno,
.myAccount-Container2 .divContainerGallery div.gallery .divSubheaderUpdateDoc {
	width: 100% !important;
}

.myAccount-Container2 .divContainerGallery div.gallery img {
	max-width: 100% !important;
}


#transactionWidget .dt-toolbar-footer {
	border-bottom: none;
}

#financialSummaryWidget .userWebsiteContainer {
	padding: 10px !important;
	margin-top: -1px !important;
}

#financialSummaryWidget .dt-toolbar-footer {
	border-bottom: 1px solid;
}

.userWebsiteContainer #financialSummaryWidget {
	border-top: 1px solid;
}

.promotion-content {
	padding-bottom: 10px;
	margin-bottom: 0 !important;
	border-bottom: 1px solid;
}

.promotion-content > div {
	flex: 1;
	border-right: 1px solid;
}

.promotion-content > div:last-child {
	border-right: none;
}

#usersTabList,
#bet_summary,
#mostplayed_tabs {
	border-bottom: 1px solid;
}

.vakata-context li > a {
	text-shadow: none !important;
}

.jstree-table-wrapper {
	margin-bottom: 10px !important;
}

#financialSummaryWidget [id^="userDetailsContainer"] {
	border: 1px solid;
	margin-top: -1px;
}

.custom-input-file input[type="file"] {
	position: absolute;
	opacity: 0;
}

.custom-input-file input[type="file"] + label {
	display: block;
	padding: 8px;
}

#historyTab #transactionWidgetTotals table th,
#historyTab #transactionWidgetTotals table td {
	font-weight: 700;
	font-size: 14px;
}

#financialSummaryWidget #tickets_list_view {
	border: 1px solid;
	border-bottom: none;
}

#financialSummaryWidget #transactionWidgetTotals2 .table {
	border-top: 1px solid !important;
}

#financialSummaryWidget #transactionWidget2 .dt-toolbar-footer {
	border-bottom: none;
}

#betting_tickets .row.border {
	padding: 0 15px;
}

#reportsRequest .nav-tabs {
	border-bottom: 1px solid !important;
}

#myTabTransaction.nav-tabs,
.nav-tabs[id^="repo"] {
	border-bottom: none !important;
}

.nav-tabs[id^="repo"] .nav-item {
	margin: 0 2px 2px 0 !important;
}

.nav-tabs[id^="repo"] .nav-item:last-child {
	margin-right: 0 !important;
}

.nav-tabs[id^="repo"] .nav-item .nav-link {
	border: 1px solid !important;
	border-radius: 3px;
	margin: 0 !important;
}

.nav-tabs[id^="repo"] .nav-item .nav-link.activ {
	margin-top: 0 !important;
	border-radius: 3px !important;
}

#reportsRequest .tab-content {
	padding: 0 !important;
    height: 180px;
}

#reportsRequest .tab-content div.jarviswidget > div {
	border: none;
}

#reportsRequest .dimensionsbetting {
	margin-top: 5px !important;
}

#reportsRequest .dimensionsbetting table,
#reportsRequest .dimensionscasino table {
	border: 1px solid !important;
	border-bottom: none !important;
}

#reportsRequest .dimensions table tr:last-child {
	font-size: 16px;
	font-weight: 700;
}

#reportsRequest .dimensions table tr:last-child td.border-success,
#reportsRequest .dimensions table tr:last-child td.border-danger {
	border: 1.5px solid;
}

#reportsRequest .dimensionsbetting .dt-toolbar {
	display: none;
}

#reportsRequest [id^="financialUsers"] {
	margin-top: 5px;
}

#reportsRequest .dimensionsprovider > div,
#reportsRequest .dimensionsprovidergames > div,
#reportsRequest [id^="financialUsers"] > div {
	border: none;
}

.specialStructurePaddingAndManyMore .nav-tabs {
	border-bottom: 1px solid !important;
}

.specialStructurePaddingAndManyMore .nav-tabs .nav-link.active {
	border-top: none !important;
	margin-bottom: 1px;
}

.specialStructurePaddingAndManyMore .nav-tabs .nav-item:first-child .nav-link.active {
	border-left: none !important;
}

.specialStructurePaddingAndManyMore #usersTabList + .tab-content {
	border: none;
}

.specialStructurePaddingAndManyMore #usersTabList + .tab-content .navTopTabsUserMenuStyle {
	border: 1px solid;
}

.smart-form .select2-container-multi .select2-choices {
	height: 30px !important;
}

.smart-form .select2-container-multi .select2-choices .select2-search-choice {
	margin: 2px 5px !important;
}


.page-item .page-link,
.page-item.disabled .page-link,
.totals table.table {
	background-color: transparent;
}

.smart-form fieldset,
.smart-form .checkbox input + i,
.widget-footer,
.nav-tabs[id^="repo"] {
	background: transparent !important;
}

.card,
.table,
.optionMenu-content .dashMenu > .container,
.bg-color-white,
#myTabTransaction.nav-tabs,
.nav-tabs .nav-link.active,
.userWebsiteContainer .nav-tabs.bordered,
.userWebsiteContainer .nav-tabs .nav-link.active,
.myAccount-Container2 .nav-tabs.bordered,
.myAccount-Container2 .nav-tabs .nav-item.show .nav-link,
.myAccount-Container2 .nav-tabs .nav-link.activ,
.modal-content {
	background-color: var(--dark-mode-bg);
	color:#fff!important;
}



.fc-head-container thead tr,
.table thead tr,
.dt-toolbar-footer,
.smart-form .select2-selection__choice,
.allLeagues .list-group-item,
.headerList input,
.specialStructurePaddingAndManyMore .list-group-item {
	background: var(--dark-mode-bg);
}

.userWebsiteContainer,
#bodyContainer .userWebsiteContainer,
div.jarviswidget > div,
.select2-results .select2-highlighted,
.select2-results__option--highlighted,
.optionMenu-content .jarviswidget table tr:hover,
.caschier-container .nav-tabs .nav-link-personalize.active,
.promotion-container .available-bonus-content,
#entityCreditsSection .jstree-table-cell-regular,
.vakata-context li > a:hover,
.specialStructurePaddingAndManyMore .bg-white,
.nav-tabs[id^="repo"] .nav-item .nav-link {
	background: var(--dark-mode-bg) !important;
}

table tbody tr.row_green,
table tbody td.win_event {
	background: var(--dark-mode-bg-green) !important;
}

table tbody tr.row_red,
table tbody td.loose_event {
	background: var(--dark-mode-bg-red) !important;
}

#ticket_details_modal table thead tr,
#ticket_details_modal table thead tr:hover {
	background-color: var(--dark-mode-bg-4) !important;
}

.dt-toolbar,
.form-control,
.form-control:focus,
.form-control:disabled,
.form-control[readonly],
form.smart-form #chtime,
form.smart-form .mdl-textfield__input,
form.smart-form .input input,
form.smart-form .textarea textarea,
form.smart-form .select select,
.modal-content input[type="text"],
.modal-content select,
.bg-color-lighten,
.btn-light,
.dropdown-menu,
.smart-form .select2-container-multi .select2-choices,
.smart-form .select2-selection--multiple,
.custom-input-file input[type="file"] + label,
#betting_tickets #selectTimeMenu ul#day_labels li a:not(.active),
.allLeagues .masteLi.list-group-item,
.oddList .headerList,
.oddList .list-group-item,
.specialStructurePaddingAndManyMore .range {
	background-color: var(--dark-mode-border-color);
}

#search_ticket_header,
.select2-container .select2-chosen,
#ticketForm .select2-container .select2-choice,
#ticketForm .select2-container .select2-chosen,
.select2-drop,
.genderBtn .disabled,
.smart-form .select i,
.myAccount-Container2 .divContainerGallery div.gallery .divHeaderUpateDoc,
.myAccount-Container2 .divContainerGallery div.gallery .divSubheaderUpdateDoc,
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit,
.vakata-context,
.vakata-context ul,
#entityCreditsSection .positionDown,
#structSearchRow .form-control,
.jstree-default .jstree-hovered,
.specialStructurePaddingAndManyMore input,
.specialStructurePaddingAndManyMore select,
.specialStructurePaddingAndManyMore .card-header-special,
.merginDisplayPercentual,
.smart-form .select2-container-multi .select2-choices .select2-search-choice,
.jarviswidget > header.minimFiltre,
.nav-tabs[id^="repo"] .nav-item .nav-link.active {
	background-color: var(--dark-mode-border-color) !important;
}

.select2-search input,
.promotion-container .promotion-title {
	background: var(--dark-mode-border-color) !important;
}

.dropdown-menu:not(.languageDropdown) .dropdown-item:focus,
.dropdown-menu:not(.languageDropdown) .dropdown-item:hover,
#loggedSubmenu .dropdown-menu:not(.languageDropdown) .dropdown-item:hover,
#makeTransactionsForm .dpui-numberPicker-input,
#valueForDeposit,
#valueForWhitdraw {
	background-color: #126e51 !important;
}

.select2-container .select2-choice .select2-arrow b,
.search_ticket_header_form #ticketForm .select2-container .select2-choice .select2-arrow b,
.genderBtn .btn-secondary:not([disabled]):not(.disabled).active,
.optionMenu-content table tbody tr:hover,
.optionMenu-content .jarviswidget table tbody tr:hover,
#ticketList tbody > tr:hover,
.btn-light:hover,
.btn-light:not([disabled]):not(.disabled).active,
.btn-light:not([disabled]):not(.disabled):active,
.show > .btn-light.dropdown-toggle,
.jstree-default .jstree-clicked {
	background-color: var(--dark-mode-bg-2) !important;
}

#ticket_info .d_label {
	background-color: var(--dark-mode-bg-3) !important;
}



.optionMenu-content .dashMenu > .container,
.optionMenu-content .dashMenu > .container-fluid,
.optionMenu-content .dashMenu > .container .allCategoryOpt,
.optionMenu-content .dashMenu > .container .allCategoryOpt .fireHide.active a:after,
#totals_table .totals_element .top_border,
.page-item .page-link,
.page-item.disabled .page-link,
.myAccount-Container2 .divContainerGallery,
.nav-tabs,
.nav-tabs.bordered + .tab-content,
.dt-toolbar,
.dt-toolbar-footer,
#financialSummaryWidget,
#financialSummaryWidget .dt-toolbar-footer,
.userWebsiteContainer #financialSummaryWidget,
.promotion-content,
.promotion-content > div,
#usersTabList,
#bet_summary,
#mostplayed_tabs,
.btn-light,
.table-bordered,
#financialSummaryWidget [id^="userDetailsContainer"],
#financialSummaryWidget #tickets_list_view,
.smart-form .select2-container-multi .select2-choices,
.smart-form .select2-selection--multiple,
.modal-header,
.modal-footer,
.allLeagues .panel-title,
.oddList .headerList,
.specialStructurePaddingAndManyMore .list-group-item,
.specialStructurePaddingAndManyMore #usersTabList + .tab-content .navTopTabsUserMenuStyle {
	border-color: var(--dark-mode-border-color);
}

.tab-pane .allCategoryOpt .fireHide.active a:after {
	border: 0 !important;
}

.userWebsiteContainer .nav-tabs .nav-link.active,
#ticketForm .borderd_row,
.table-bordered td,
.table-bordered th,
.select2-drop,
div.jarviswidget > div,
.myAccount-Container2 .colorChanger,
.genderBtn .disabled,
.myAccount-Container2 .nav-tabs.bordered,
.myAccount-Container2 .nav-tabs .nav-item.show .nav-link,
.myAccount-Container2 .nav-tabs .nav-link.active,
.widget-footer,
.caschier-container .nav-tabs,
div .cashierContainer,
.promotions-container .promotion-container,
#stats_section .st,
#stats_section .st-box,
.b-r,
hr,
.jstree-table-separator-regular,
#entityCreditsSection .custom_cell,
#entityCreditsSection .custom_cell_border,
#entityCreditsSection .jstree-table-wrapper .jstree-table-cell-regular,
#financialSummaryWidget #transactionWidgetTotals2 .table,
.border,
#structSearchRow .form-control,
.specialStructurePaddingAndManyMore,
.specialStructurePaddingAndManyMore .nav-tabs,
.specialStructurePaddingAndManyMore #usersTabList + .tab-content .colorChanger,
#ticket_info .d_label,
#ticket_info .d_info,
.nav-tabs[id^="repo"] .nav-item .nav-link,
#reportsRequest .nav-tabs,
#myTabTransaction.nav-tabs > li > a.active,
#reportsRequest .dimensionsbetting table,
#reportsRequest .dimensionscasino table {
	border-color: var(--dark-mode-border-color) !important;
}

.select2-container .select2-choice .select2-arrow b,
#ticketForm .select2-container .select2-choice .select2-arrow b,
.genderBtn .btn-secondary:not([disabled]):not(.disabled).active,
.btn-light:hover,
.btn-light:not([disabled]):not(.disabled).active,
.btn-light:not([disabled]):not(.disabled):active,
.show > .btn-light.dropdown-toggle,
.dpui-numberPicker-input,
#valueForDeposit,
#valueForWhitdraw {
	border-color: var(--dark-mode-bg-2) !important;
}

.smart-form .select i:after {
	border-top-color: var(--dark-mode-text-color) !important;
}

.smart-form .select i:before {
	border-bottom-color: var(--dark-mode-text-color) !important;
}

.smart-form .select2-selection__choice,
.allLeagues .masteLi.list-group-item {
	border-color: var(--dark-mode-bg);
}

.smart-form .checkbox input + i,
.smart-form .checkbox input:checked + i {
	border-color: var(--dark-mode-text-color) !important;
}

.dt-toolbar select,
.smart-form .select2-container-multi .select2-choices .select2-search-choice {
	border-color: var(--dark-mode-text-color-2) !important;
}


#reportsRequest .dimensions table tr:last-child td.border-success {
	border-color: #0fd101 !important;
}

#reportsRequest .dimensions table tr:last-child td.border-danger {
	border-color: #dc3545 !important;
}




.optionMenu-content .dashMenu > .container .allCategoryOpt a,
.optionMenu-content .dashMenu > .container .allCategoryOpt i,
.form-control,
.form-control:focus,
.form-control:disabled,
.form-control[readonly],
form.smart-form #chtime,
form.smart-form .mdl-textfield__input,
form.smart-form .input input,
form.smart-form .textarea textarea,
form.smart-form .select select,
.modal-content input[type="text"],
.modal-content select,
form.smart-form .input input::placeholder,
form.smart-form .icon-append,
form.smart-form .icon-prepend,
.select2-results li,
.status_text,
.table,
.fc-head-container thead tr,
.table thead tr,
.dataTables_empty,
.myAccount-Container2 .divContainerGallery div.gallery .divHeaderUpateDoc,
.myAccount-Container2 .divContainerGallery div.gallery .divSubheaderUpdateDoc,
.select2-search input,
.dt-toolbar,
.widget-footer,
.caschier-container,
.promotion-container,
#stats_section,
.btn-light,
.btn-light:hover,
.btn-light:not([disabled]):not(.disabled).active,
.btn-light:not([disabled]):not(.disabled):active,
.show > .btn-light.dropdown-toggle,
.exactResultDiv,
#structSearchRow label,
#entityCreditsSection .icon-addon.addon-md .fa-search,
.jstree-table-cell,
.jstree-table-cell .select_text,
form.smart-form .checkbox,
form.smart-form .radio,
.smart-form .select2-container-multi .select2-choices .select2-search-choice,
.smart-form .select2-selection__choice,
.page-item .page-link,
.modal-content,
.modal-content .smart-form,
.custom-input-file input[type="file"] + label,
.userWebsiteContainer,
.headerList input,
#makeTransactionsForm .dpui-numberPicker-input,
#valueForDeposit,
#valueForWhitdraw,
.nav-tabs > li > a,
#structSearchRow .form-control,
.specialStructurePaddingAndManyMore label,
.specialStructurePaddingAndManyMore input,
.specialStructurePaddingAndManyMore select,
.specialStructurePaddingAndManyMore .formIcons {
	color: var(--dark-mode-text-color);
}

.optionMenu-content .dashMenu > .container .allCategoryOpt .findPath:hover a,
.optionMenu-content .dashMenu > .container .allCategoryOpt .findPath:hover i,
.optionMenu-content .dashMenu > .container .allCategoryOpt .fireHide.active a,
.userWebsiteContainer .nav-tabs .nav-link.active,
form.smart-form .label,
form.smart-form .label2,
.select2-container .select2-choice,
.select2-container .select2-chosen,
#ticketForm .select2-container .select2-choice,
#ticketForm .select2-container .select2-chosen,
#totals_table .totals_element div,
.bg-color-lighten .text-dark,
.genderBtn .disabled,
div .smart-form .icon-append,
.smart-form .icon-prepend,
.changeTimeout:hover,
.documents_section,
.myAccount-Container2 .nav-tabs .nav-item.show .nav-link,
.myAccount-Container2 .nav-tabs .nav-link.active,
.select2-drop .select2-search:before,
.mdl-textfield__label,
.mdl-textfield__label.black,
.dropdown-menu:not(.languageDropdown) a,
#entityCreditsSection #financialSummaryWidget.jarviswidget-color-blueDark .nav-tabs li:not(.active) a,
.vakata-context li > a,
.jarviswidget > header,
.nav-item .close,
.userWebsiteContainer #selectTimeMenu .card-title,
.specialStructurePaddingAndManyMore #showPass,
.specialStructurePaddingAndManyMore .arangeSymbol,
.specialStructurePaddingAndManyMore .arangeSymbol2,
.specialStructurePaddingAndManyMore .smart-form,
#structuresContent .dropdown-item,
.modal-content .close,
.smart-form .checkbox input + i:after,
#myTabTransaction.nav-tabs > li > a,
.nav-tabs[id^="repo"] .nav-item .nav-link {
	color: var(--dark-mode-text-color) !important;
}

.nav-tabs > li > a {
	color: var(--dark-mode-text-color-2);
}

.dataTables_processing {
	color: var(--dark-mode-bg-2);
}

.smart-form .select i {
	box-shadow: 0 0 0 9px var(--dark-mode-border-color) !important;
}

.highcharts-legend-item text,
.highcharts-axis-labels text,
.highcharts-axis-title,
.highcharts-title {
	fill: var(--dark-mode-text-color) !important;
}

.dataTables_wrapper tr:hover{
	background-color: transparent!important;
}