/* ========== theme overwrites ========== */
:root {
	/* vbh green 278b4d */
	--primary: #278b4d;
	--secondary: #5b5b5b;
	--bs-link-color: var(--primary);
	--bs-link-hover-color: #46ab6c;
	--bs-info-rgb: 78, 178, 198;
	
	--bs-dropdown-link-hover-bg: #e9e9e9;

	--success: #639f4f;
	--danger: #d36868;
}

a {color: var(--bs-link-color);}

body {background-color: #f9f9f7; color: #242424;}
body, .wrapper, .fixed .wrapper, .content-wrapper {overflow: visible; overflow-x: clip;}

 a:hover,  a:active,  a:focus,  .nav > li > a:hover,  .nav > li > a:active,  .nav > li > a:focus {color: var(--bs-link-hover-color);}

.text-primary, a.text-primary:hover, a.text-primary:focus {color: var(--primary) !important;} 

.btn-light {background-color: #e4e4e4 !important; border-color: #e4e4e4 !important; color: #000000;}
.btn-light:hover, .btn-light:active, .btn-light:focus, .btn-light.active {background-color: #ffffff !important; border-color: #e4e4e4 !important; color: #000000;}
.btn-white {background-color: #fff !important; border-color: #fff !important; color: #000000;}
.btn-white:hover, .btn-white:active, .btn-white:focus, .btn-white.active {background-color: rgba(255,255,255,0.7) !important; border-color: rgba(255,255,255,0.7) !important; color: #000000;}
.btn-link {color: var(--bs-link-color);}
.btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link.active {color: var(--bs-link-hover-color) !important;}
.btn-primary {background-color: var(--primary) !important; border-color: var(--primary) !important; color: #fff;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active {background-color: #46ab6c !important; border-color: #46ab6c !important; color: #fff !important;}
.btn-secondary {background-color: #b7b7b7 !important; border-color: #b7b7b7 !important; color: #000;}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.active {background-color: #6c6c6c !important; border-color: #6c6c6c !important; color: #000 !important;}

.form-control, .form-select, .input-group .input-group-addon, .select2-container--default [class*="select2-selection--"] {border-color: #868686;}
.select2-container--default .select2-search--dropdown .select2-search__field {border-color: #868686!important;}
.select2-container--default .select2-results__option[aria-selected=true] {color: #000;}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true]:hover {color: #fff; background-color: #46ab6c;}
.select2-container .select2-search--inline .select2-search__field {margin-top: 7px;}
.select2-container .select2-selection--multiple {min-height: 33.5px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {color: inherit;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered > * {line-height: normal; font-size: 13px;}
.form-control:focus {border-color: #46ab6c;}
.form-control:focus {color: #212121;}
.form-select:focus {border-color: #46ab6c; box-shadow: 0 0 0 0.25rem rgba(0,0,0, 0.07);}
.input-group .input-group-text {border-color: #868686;}

[type=checkbox]:checked + label:before {border-right-color: #000; border-bottom-color: #000;}

.daterangepicker td.active, .daterangepicker td.active:hover,  .daterangepicker td.active {background-color: var(--bs-link-color);}

[type="checkbox"].filled-in:checked + label:after {border-color: var(--primary); background-color: var(--primary);}

.border-primary {border-color: var(--primary) !important;}
.border-danger {border-left-color: var(--danger) !important;}
.border-success {border-left-color: var(--success) !important;}

.nav {--bs-nav-link-color: var(--bs-link-color); --bs-nav-link-color: var(--bs-link-hover-color);}
.pagination {--bs-pagination-active-color: #000; --bs-pagination-active-bg: #46ab6c; --bs-pagination-active-border-color: #46ab6c; --bs-pagination-focus-bg: #e9e8e2; --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.15);}
.pagination li a:hover {color: #000!important;}
.marginReset .pagination {margin-bottom: 0;}

.page-title {color: var(--primary);}
.content-header .breadcrumb {color: var(--bs-link-color);}

.dropdown-menu .ichack-input label {display: flex;}
.dropdown-menu .ichack-input label > div:first-child {flex: 0 0 auto;}
.dropdown-menu .ichack-input .ichack-input-text {padding-left: 0.75rem;}

.fixed .main-header {background-color: #f9f9f7;}
.main-sidebar, .sidebar-collapse .sidebar-menu > li > .treeview-menu {background-color: #242424;}
.main-header .navbar .nav > li > a {color: #184f2d;}
.sidebar-menu > li:hover > a, .sidebar-menu > li:active > a, .sidebar-menu > li.active > a {color: #3e955f;}
.main-header div.logo-box {background: #242424;}
.main-header > div .logo img {height: 30px; object-fit: cover;}

/* sidebar */
.sidebar-menu > li.menu-open > a, .sidebar-menu .treeview-menu > li > a:hover {color: var(--primary);}
.sidebar-menu {white-space: normal;}
.sidebar-menu li > a {white-space: normal; line-height: 1.2; align-items: flex-start; opacity: 1; color: rgba(255,255,255,0.65);}
.sidebar-menu li > a {display: flex;}
.sidebar-menu li > a > span {top: 0;}
.sidebar-menu li > a > i {flex: 0 0 auto;}
.sidebar-menu li ul a > i {position: relative; top: 1px;}
.sidebar-menu > li > a > i {margin: -7px 7px 0 0;}
.sidebar-menu li > a > .pull-right-container {top: 5px; margin-top: 0;}
.sidebar-menu > li > a > .pull-right-container {top: 11px;}
.treeview-menu > li > a {padding-left: 0; font-weight: 300;}
.treeview-menu > li > a > i {width: 37px; padding-left: 8px;}
@media (min-width: 768px){
	.sidebar-mini.sidebar-collapse .sidebar-other {visibility: hidden; overflow: hidden; width: 0; height: 0; padding: 0; -webkit-transform: translateZ(0);}
}
/* /sidebar */

/* ========== theme overwrites ========== */


/* ========== theme extend ============== */
a.disabled {opacity: 0.25; pointer-events: none;}
.btn.close {padding: 0; width: 1.45em; height: 1.45em; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; line-height: normal;}
.border-black-15 {border-color: rgba(0,0,0,0.15)!important;}
.mb-last-0 > :last-child {margin-bottom: 0!important;}
.calendar .fa.fa-calendar:before {content: '\E109';}
.col-count-2 {column-count: 2;}
.col-count-3 {column-count: 3;}
.content-wrap-custom {max-width: 1200px;}
.odd-striped-light > :nth-child(odd) {background-color: #f4f5f9;}
.even-striped-light > :nth-child(even) {background-color: #f4f5f9;}
.fs-inherit {font-size: inherit!important;}
.hover-opacity-60 {transition: opacity 0.15s linear 0s;}
.hover-opacity-60:hover {opacity: 0.6;}
.overlay2 {background-color: rgba(55,55,55,0.6); left: 0; top: 0; width: 100%; height: 100%; z-index: 5000;}
.overlay2 .fa-spinner {color: rgba(255,255,255,0.25); font-size: 4rem;}
.rstd {-webkit-appearance: none; appearance: none; background: none; border: none;}
.text-italic {font-style: italic;}
.text-light2 {color: #86869f!important;}
.text-secondary {color: var(--secondary)!important;}
.underline, .hover-underline:hover {text-decoration: underline;}
.underline.hover-underline:hover {text-decoration: none;}
.loading-state {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; display: flex; justify-content: center; align-items: center;}
.loading {width: 100px; height: 100px; border-radius: 50%; border: 10px solid #ddd; border-top-color: var(--primary); animation: loading 1s linear infinite;}
@keyframes loading {to {transform: rotate(360deg);}}

@media (min-width: 1200px) {
	.be-xl-2 {border-right: 2px solid #f3f6f9 !important;}
	.bb-xl-0 {border-bottom: 0 solid #f3f6f9 !important;}
}

.hasContent .form-control {
	border-color: #12f788;
	background-color: #cfffe7;
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.hasContent .form-select {
	border-color: #12f788!important;
	background-color: #cfffe7!important;
	padding-right: 4.125rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-position: right 0.75rem center, center right 2.25rem;
	background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.hasContent .select2-selection {
	border-color: #12f788!important;
	background-color: #cfffe7!important;
}
.hasContent  .select2-selection .select2-selection__rendered {
	padding-right: 4.125rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.select2-dropdown {z-index: 2000;}/* inside modal fix (global) */
/*.in-modal.select2-dropdown {z-index: 2000;} inside modal fix (dropdownCssClass: 'in-modal') */

.alert {background-color: var(--bs-alert-bg)!important; border-color: var(--bs-alert-bg)!important; color: var(--bs-alert-color)!important;}
.alert-primary {--bs-alert-color: #fff; --bs-alert-bg: var(--primary);}
.alert-secondary {--bs-alert-color: #fff; --bs-alert-bg: var(--secondary);}
.alert a {color: inherit!important;}

.badge-primary {background-color: var(--primary);}
.badge-secondary {background-color: var(--secondary);}
.badge-success, .badge-1 {background-color: #d1e7dd; color: #0f5132;}
.badge-danger, .badge-3 {background-color: #f8d7da; color: #842029;}
.badge-warning, .badge-2 {background-color: #f5e4ad; color: #664d03;}
.badge-info {background-color: #cff4fc; color: #055160;}
.badge-archived {background-color: #cbced7; color: rgba(0,0,0, 0.58);}
.badge-deactive {background-color: #ff5f5f; color: #fff;}
.badge-active {background-color: #7fad53; color: #fff;}
.badge-new {background-color: #ac6eff; color: #fff;}

.swal2-confirm  {background: var(--primary);}
.swal2-cancel {background: #a1a1a1;}

.col-fixed {width: var(--colFixed);}
.col-fixed-nth2 {width: calc(100% - var(--colFixed));}

.col-list {column-width: 175px; column-gap: 0.5rem; break-inside: avoid;}
.col-list > * {line-height: 1.2!important; margin-bottom: 0.5rem;}

.lang-btn-group {width: 100%; --groupWidth: 70px;}
@media (min-width: 992px) {
	.lang-btn-group {width: var(--groupWidth);}
}
.lang-dropdown-menu {width: var(--groupWidth); left: calc(50% - (var(--groupWidth) / 2))!important; text-align: center; min-width: 0;}
.lang-dropdown-menu .dropdown-item {padding-top: 4px; padding-bottom: 4px;}
.flag-icon2 {position: relative; display: inline-block; vertical-align: middle; width: 1.33333333em; line-height: 1em; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.17);}
[id*="detailandmed"] .modal-dialog .lang-btn-group {--groupWidth: 55px;}

.modal-title {font-weight: 500;}
.modal-header .btn-close {position: relative; top: -0.08em;}

.main-header {max-width: calc((1200px + 270px) + 5px);}
.content-wrapper, .main-footer {max-width: 1200px;}

@media (min-width: 576px) {.prTitle__txt {font-size: 1.33333em; margin-top: -0.15em;}}

.pr-tooltip {--tooltip-bg: #fff;}
.pr-tooltip .tooltip-inner {max-width: none; width: 250px; padding: 0.7em; text-align: left; font-size: 10px; color: #3F4254;}
.pr-tooltip .row {--bs-gutter-x: 0.5em;}
.pr-tooltip h3, .pr-tooltip p {margin-bottom: 0.5em;}
.pr-tooltip .btn {font-size: 1em; padding: 0.25em 0.5em; min-width: 8em; margin-top: 0.2em; transition: color .5s ease-in-out 0s, border-color .5s ease-in-out 0s, background-color .5s ease-in-out 0s, box-shadow .5s ease-in-out 0s;}

.codeInputGrid {grid-template-columns: 1fr 1fr 1fr 1fr 2fr;}

.treeList {font-size: 13px;}
.treeContent {position: sticky; top: 5px;}
.treeContent {max-height: calc(100vh - 5px); overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;}
.treeContent::-webkit-scrollbar {display: none;}
.treeList ul {list-style-type: disc; padding-top: 5px;}
.treeList li {line-height: 1.2!important; margin-bottom: 5px;}
.treeList .active > a {font-weight: bold;}

.translateR__r {display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; justify-content: center;}
.translateR__r .lang-btn-group {width: var(--groupWidth);}
@media (min-width: 576px) {
	.translateR__r {display: grid; grid-template-columns: repeat(4, auto);}
}
@media (max-width: 575px) {
	.translateR__r > * {flex: 0 0 auto;}
	.translateR__r > :nth-child(4) {flex: 0 1 100%;}
}

.catR4__r {display: grid; gap: 1rem 3rem;}
@media (min-width: 576px) {
	.catR4__r {grid-template-columns: minmax(0, max-content) minmax(0, max-content); padding: 0 2rem;}
}

.copyFromGrid {display: grid; gap: 0.5rem 1rem;}
@media (min-width: 1101px) {
	.copyFromGrid {grid-template-columns: minmax(0, max-content) auto minmax(0, max-content) auto;}
	.copyFromGrid > :nth-child(1), .copyFromGrid > :nth-child(3) {text-align: right;}
}
@media (max-width: 1100px) {
	.copyFromGrid > :nth-child(even):not(:last-child) {margin-bottom: 0.75rem;}
}

.uploaded-xls-table tr > * {max-width: 200px; word-wrap: break-word;}
.values-history-table tr > * {width: 50%;}


/* ========== theme extend ============== */