:root {
    --primary: #17a2b8;
    --primary-light: #f6feff;
    --primary-border: #0a7582;
	--text: #535353;
	--primary-background: #f2f2f2;
}
.content-wrapper {
	color: var(--text);
}
.card-primary.card-outline{
	border-top: 3px solid var(--primary);
}
.card-body{
	/* background: #f6feff; */
}
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:disabled, 
.btn-primary.disabled,
.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link,
.btn-check:checked + .btn-outline-primary, 
.btn-check:active + .btn-outline-primary, 
.btn-outline-primary:active, 
.btn-outline-primary.active, 
.btn-outline-primary.dropdown-toggle.show,
.form-check-input:checked,
.main-sidebar .nav-sidebar > .nav-item > .nav-link.active,
.btn-outline-primary:hover,
.page-item.active .page-link,
.bgr-primary
{
	background-color: var(--primary);
	border-color: var(--primary-border);
}
.btn-outline-primary{
	border-color: var(--primary-border);
	color: var(--primary);
}
a,
a:hover,
.nav-link,
.nav-link:hover, 
.nav-link:focus,
.page-link,
.text-primary,
.text-primary:hover,
.sidebar-bg-light .nav-item.parent > .nav-link{
	color: var(--primary);
}
p {
	margin-bottom: 0.4rem;
}
.nav-sidebar, .nav-sidebar > .nav-header, .nav-sidebar .nav-link {
	white-space: initial;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: var(--primary);
}
.powered_brixy {
	float: right;
	color: #737373;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 5px;
}
.powered_brixy a {
	font-size: 150%;
	text-decoration: none;
	color: #17a2b8;
}
.powered_brixy .italic-i {
	font-style: italic;
	letter-spacing: 1px;
	padding-left: 1px;
}
.nav-item.parent.menu-open.parent,
.nav-item.parent.menu-open.menu-is-open {
	background: var(--primary-background);
}

.nav-treeview .nav-link.item-active {
	background: #e6e2e2;
	font-weight: bold;
}

.select input[type='checkbox'] {
    accent-color: var(--primary);
}

.color-primary{
	color: var(--primary) !important;
}
.brixy_page_details{
	color: var(--text);
}
.content-header{
	padding: 0.2rem 0.5rem;
}
.form-control:focus,
.form-select:focus{
	box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%), 0 0 0 0.25rem rgb(121 209 216 / 25%);
}

.tab-content .row > .group_wrapper:first-of-type {
	padding-left: 0px;
}
.tab-content .row > .group_wrapper:last-of-type {
	padding-right: 0px;
}
.messages_icon{
	display: flex;
	align-items: center;
}
.messages_icon i{
	font-size: 22px;
	color: #555b6d;
}
.messages_icon .badge {
	position: absolute;
	top: 8px;
	right: 1px;
	width: 25px !important;
	height: 25px !important;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* html {
	font-size: 18px !important;
} */
pre {
	z-index: 10000;
	position: relative;
	background: #edf6e6;
	margin: 0;
	border-bottom: 1px solid #bfcbb5;
	padding: 20px 10px;
}

.brixy-el-wrapper.validation-error label,
.required::after {
	content: '*';
	color: var(--bs-danger);
	margin-left: 3px;
}
.brixy-el-wrapper.validation-error .form-control,
.brixy-el-wrapper.validation-error .form-select,
.brixy-el-wrapper.validation-error .select2-container{
	border: 1px solid var(--bs-danger);
}
.text-alert{
	color: var(--bs-danger) !important;
};
.messages-container ul {
	margin: 0;
}

/* #datatable thead, #datatable tfoot {
	display: table-header-group;
}
#datatable .actions .btn{
	display: flex;
	align-items: center;
}
#datatable .actions .btn i{
	margin-right: 5px;
} */
.flex-center{
	display: flex;
	justify-content: center;
}
.flex-gap10{
	gap: 10px;
}
.flex-right{
	display: flex;
	justify-content: right;
}

.required_el {
	border-color: var(--bs-danger) !important;
	background-image: none !important;
}
.verified_el{
	border-color: var(--bs-success);
}
/* tables */
/* .table .actions .btn {
	margin-right: 5px;
} */
.table > thead {
	/* background: #0a7582; */
	background: #17a2b8;
	color: #fff;
}
.table.table_content{
	height: auto;
}
.table.table_content tr {
	height: auto !important;
}
.table.table_content td {
	padding: 0px 5px;
	border-width: 2px !important;
}

.table td {
	vertical-align: middle;
}
.table td p{
	margin: 0px;
	padding: 0px;
}
.table th.select, td.select {
	text-align: center;
}

.brixy_list_wrapper div.dt-processing > div:last-child > div {
	background: var(--primary);
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, 
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
	border-top: 5px solid transparent;
	border-left: 10px solid var(--primary) !important;
	border-bottom: 5px solid transparent;
	border-right: 0px solid transparent;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control::before, 
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control::before {
	border-top: 10px solid var(--primary) !important;
	border-left: 5px solid transparent !important;
	border-bottom: 0px solid transparent;
	 border-right: 5px solid transparent;
}

table.dataTable > thead > tr > th:not(.sorting_disabled), 
table.dataTable > thead > tr > td:not(.sorting_disabled) {
	padding-right: 0.5rem !important;
}
table.dataTable th.dt-type-numeric, 
table.dataTable th.dt-type-date{
	text-align: left !important;	
}

table.dataTable th[data-sortable="1"]{
	cursor: pointer;
}
form .wrapper.actions {
	text-align: center;
}
form .wrapper.actions .btn-group > .btn-group:not(:last-child) > .btn, 
form .wrapper.actions .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
	border-right: 2px solid #fff;
}

#side-menu .dropdown-item {
	white-space: normal;
}
#page-topbar {
	z-index: 998;
}
.form-check-input{
	transform: scale(1.5);
	margin-right: 8px;
	max-height: 17px;
}

.box-shadow {
	box-shadow: 2px 2px 5px 0px rgb(228, 228, 237);
	/* border: 1px solid var(--bs-gray-500); */
	border: 1px solid #17a2b8;
	border-radius: 3px;
	padding: 12px;
	background: #fff;
}
.box-legend {
	border-bottom: 1px solid var(--bs-blue);
	padding-bottom: 5px;
	color: var(--bs-blue);
}
select.form-select[readonly=""]option,
.dd_readonly option{
	display: none;
}

.dd_readonly .form-select, 
select.form-select[readonly=""],
.dd_readonly,
.dd_readonly .select2-selection {
	cursor: not-allowed;
	pointer-events: none;
	/* background: var(--bs-gray-300); */
	background: #eff2f7 !important;
}

.btn-group-toggle > .btn input[type="checkbox"], 
.btn-group-toggle > .btn input[type="radio"], 
.btn-group-toggle > .btn-group > .btn input[type="checkbox"], 
.btn-group-toggle > .btn-group > .btn input[type="radio"] {
	position: absolute;
	clip: rect(0,0,0,0);
	pointer-events: none;
}

.sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
html>body .sortable li { height: 1.5em; line-height: 1.2em; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
.zoom:hover i {
	color: var(--bs-primary);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	cursor: grab;
}

.table-responsive .table{
	margin: 5px 0;
}
.table-responsive .table.d-none{
	margin: 0;
}
.table-responsive .table .actions .btn {
	word-wrap: normal;
	display: flex;
	align-items: center;
	gap: 7px;
}
.table-responsive .table th,
.table-responsive .table td {
	white-space: nowrap;
}
.table-responsive .table > :not(:first-child){
	border-color: inherit;
	border-style: solid;
	border-width: 0;
}
form .form_action_buttons.actions_bottom{
	border-top: 1px solid #ccc;
	padding-top: 16px !important;
	/* margin-top: 16px !important; */
}
form .form_action_buttons.actions_to{
	border-bottom: 1px solid #ccc;
}
form .form_action_buttons .btn:not(:last-child){
	margin-right: 2px; 
}
.btn-label{   
	position: relative;
    /* display: inline-block; */
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 3px 0 0 3px;
}
.btn-label.icon-before{
    left: -10px;
	background: transparent;
	padding-right: 0px;
}
.btn-label.icon-after{
    left: 9px;
	background: transparent;
	padding-left: 0px;
}

.cursor-pointer{
	cursor: pointer;
}

form[class*="brixy_form_"]{
	margin-bottom: 0px;
}

fieldset[id*="group_"],
.fieldset_style {
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
	padding: 7px 15px !important;
	background: var(--primary-light);
	margin-bottom: 20px;
}
fieldset[id*="group_"] legend {
	border-bottom: 1px solid var(--bs-gray-400);
}
.dataTables_wrapper .bottom,
.dt-container .bottom,
.brixy_list_wrapper .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0px;
    border-top: 1px solid var(--primary-border);
    padding-top: 5px;
}
.dataTables_wrapper .left,
.dt-container .left,
.brixy_list_wrapper .bottom .left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.brixy_list_wrapper .dataTables_length select {
	display: inline-block !important;
	width: auto !important;
	background-image: none;
	padding: 0.25rem 0.5rem;
}
.dataTables_wrapper .dataTables_info,
.dt-container .dataTables_info {
    padding: 0px !important;
}
.clear_filters,
.clear_filters:hover{
	color: var(--primary-border);
	text-decoration: underline;
	font-weight: bold;
}
.clear_filters:hover,
.clear_filters:focus{
	box-shadow: none !important;
}

#block_filters .mobile{
	display: none;
}
@media all and (max-width:600px) {
	#block_filters .desktop{
		display: none;
	}
	#block_filters .mobile{
		display: block;
	}
	#block_filters.mobile-toggle legend, 
	#block_filters .mobile{
		text-decoration: none !important;
	}
	
	.brixy_list_wrapper .bottom .left{
		display: block;
	}
}	
.dataTable #column_filters {
	border-top: 2px transparent;
}
.dataTable tbody {
	border-top: 2px solid var(--primary) !important;
}

#data_table_length, #data_table_length select {
    height: 29px;
}

.brixy-el .yesno .btn.checked[for*="input_0"],
.brixy-el .yesno .btn[for*="input_0"]:hover {
	background: #dc3545 !important;
}
.main-sidebar .sidebar {
	height: calc(100vh - (calc(3.5rem + 1px)));
}

.modal-content .modal-body .alert{
	margin: 0px;
	padding: 0px;
}
.modal-content .modal-body .alert[class*="alert-"]{
	margin: 0px 0px 10px 0px !important;
	padding: 5px !important;
}
.modal-content .modal-body .alert ul{
	margin: 5px 0;
}
#generic.modal{
	z-index: 1051 !important;
}
.navbar-nav > .user-menu .user-image {
	object-fit: cover;
}
.user-image.img-circle.shadow.no_image{
	background: var(--primary);
	text-align: center;
	line-height: 2.1rem;
	color: #fff;
}
.content-wrapper .content .brixy_category_pages .page_wrapper{
	text-align: center;
}
.content-wrapper .content .brixy_category_pages .page_wrapper h3{
	margin-top: 0.5rem;
}
.content-wrapper .content .brixy_category_pages img{
	width: auto;
	height: 300px;
}
.el-help {
	padding-left: 5px;
}

.fa-solid {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}

[class*="brixy_el_"] label .el-help{
	margin-left: 5px;
	color: var(--primary-border);
}
.popover-header {
    background-color: var(--primary-light);
}

/* spinner */
.spinner-loading{
	position: relative;
	color: var(--primary);
}
.spinner-loading::after {
	z-index: 3;
}
.spinner-loading > .spinner-border {
	display: block !important;
	position: absolute;
	top: 50%;
	left: 48%;
	right: 0;
	z-index: 2000;
}
.spinner-loading::after {
	content: '';
	background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.spinner-border{
	animation-play-state: paused;
	display: none;
}
.spinner-loading .spinner-border{
	animation-play-state: running !important;
}
.tab-pane .brixy_group_wrapper,
.tab-pane .brixy_subgroups_wrapper{
	padding: 0px;
}
.tab-pane .row .brixy_group_wrapper[class*='col']:first-child{
	padding-right: calc(var(--bs-gutter-x) * 0.25);
}
.tab-pane .row .brixy_group_wrapper[class*='col']:last-child{
	padding-left: calc(var(--bs-gutter-x) * 0.25);
}
.tab-error, .tab-error.resp-tab-active {
	background: #f2dede !important;
}
.row br{
	margin: 0px;
	padding: 0px;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
	display: none;
}
.ui-sortable-handle {
	cursor: move;
}
.import_data #chooseFileButton,
.import_data #uploadButton {
	border-radius: 0.25rem;
}

.user-header .img-circle.no_image{
	width: 90px;
	height: 90px;
	margin: 0 auto;
	line-height: 90px;
	font-size: 44px;
	background: #cef1f3;
}
.color-white{
	color: #fff;
}
.no-margin{
	margin: 0px !important;
}
.text-primary{
	color: var(--primary) !important;
}
.main-header .brand-container,
.main-sidebar .brand-container {
	display: block;
	text-align: center;
	font-size: 200%;
	font-weight: bold;
	padding: 0px !important;
	line-height: 60px;
	background: var(--primary-light) !important;
}
.brixy-logo{
	font-family: Arial !important;
	color: var(--bs-secondary);
}
.brixy-logo i {
	padding: 0 3px 0 1px;
}
.content-image{
	cursor: pointer;
	border: 1px solid var(--bs-gray-300);
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
#imageModal {
    //display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
	display: flex;
	visibility: hidden;
}

#imageModal .modal-content {
    margin: auto;
    display: block;
    max-width: 90%;
    max-height: 90%;
	width: auto;
	height: auto;
}

#imageModal .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

.form-input {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.active-filter{
	border: 1px solid red;
}
.brixy_list_wrapper .actions-wrapper{
	justify-content: space-between;
}
.nav-treeview .nav-link i,[data-item-type="heading"]{
	cursor: pointer;
}
.nav.menu-horizontal .nav-item{
	list-style-type: none;
	line-height: 1;
}
.nav.menu-horizontal .nav-link {
	padding: 0.3rem 0.5rem;
}
@media all and (max-width:768px) {
	.tab-content .row > .group_wrapper[class*=col] {
		padding: 0px;
	}	
}
@media all and (max-width:600px) {
	.wrapper.actions .buttons4 {
		display: grid;
		grid-template-columns: auto auto;
	}
	.wrapper.actions .buttons4 div,
	.wrapper.actions .buttons4 .btn{
		width: 100%;
		margin: 0px !important;
	}
	.mobile-width-auto{
		width: auto;
	}
}

@media all and (max-width:480px) {
	.container-fluid .row .col-12{
		padding: 0px;
	}
	.container-fluid .row .card-body{
	    padding-left: 5px;
	    padding-right: 5px;
	}
	.container-fluid .row fieldset{
		padding: 7px 0px !important;
	}
	.container-fluid fieldset .row {
		margin: 0px;
	}
	.container-fluid .row .brixy-el-wrapper{
		padding: 0px 10px;
	}
}

@media all and (max-width:450px) {
	.wrapper.actions .buttons,
	.wrapper.actions .buttons4{
		display: flex;
		flex-wrap: wrap;
	}
	.wrapper.actions .buttons div,
	.wrapper.actions .buttons .btn{
		width: 100%;
		margin: 0px !important;
	}
	.nav-link.base_link{
		padding: 0.2rem !important;
	}
	.navbar-expand .navbar-nav .nav-link {
		padding: 0.2rem 0.5rem;
	}
}

@media print {
	html, body {
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
    }
	.section {
        /* Apply page break only if it is NOT the first section */
        page-break-before: avoid; 
    }
    
    .section + .section {
        page-break-before: always;
    }
	
	#printable-area {
        display: block !important;
        position: relative !important;
        top: 0 !important;
        margin-top: 0 !important;
    }
	
    /* Hide everything that should not be printed */
    .no-print, .main-header, .main-sidebar, .main-footer, .content-header {
        display: none !important;
    }
	
	.wrapper{
		display: block;
	}
	.content-wrapper .content,
	.content-wrapper .container-fluid{
		padding: 0px;
	}
	.card{
		box-shadow: 0 none;
		border: 0 none;
	}
}

.alert.emulate_user {
	position: fixed;
	left: 50%;
	top: 0px;
	z-index: 100000;
	transform: translateX(-50%);
}