@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');

:root {
	--bs-link: #003eb5;
	--bs-link-active: #0b94e1;
	--bs-link-hover: #009EF7;
	--bs-body: #111111;
	--bs-primary-btn: #28A745;
	--bs-primary-btn-active: #228E3B;
	--bs-secondary-btn: #dddddd;
	--bs-secondary-btn-active: #d1d1d1;
	--bs-light-btn: #f3f6f9;
	--bs-table-striped-bg:#FBFBFE;
	--bs-side-menu: #011438;
	--bs-side-menu-active: #041c4a;
	--bs-field-border:#a1a5b7;
}

html, body {
	font-size: 14px !important;
	color: var(--bs-body);
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
}

a {color: var(--bs-link)}
a:hover {color: var(--bs-link-active)}

td {vertical-align: middle;}

.aside.aside-dark, .aside.aside-dark .aside-logo {
	background-color: var(--bs-side-menu);
}
.aside-dark .menu .menu-item.hover > .menu-link:not(.disabled):not(.active), .aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active), .show:not(.menu-dropdown) > .menu-sub-accordion, .menu-sub-accordion.show, .aside-dark .menu .menu-item.here > .menu-link, .aside-dark .menu .menu-item.show > .menu-link, .aside-dark .menu .menu-item .menu-link.active {
	background-color: var(--bs-side-menu-active);
}
.text-muted th {
	font-weight:600!important;
	color: var(--bs-body);
}

.btn-sm, .btn-group-sm > .btn {border-radius: 0.3rem;}

.btn.btn-primary,
.btn.btn-success {
	border-color: var(--bs-primary-btn);
    background-color: var(--bs-primary-btn);
	font-weight:600;
}
.badge-success { background-color: var(--bs-primary-btn) !important; }

.btn.btn-primary:hover,
.btn.btn-success:hover,
.btn.btn-success:hover:not(.btn-active),
.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary {
	border-color: var(--bs-primary-btn-active);
    background-color: var(--bs-primary-btn-active);
}

.btn.btn-secondary {
	background-color: var(--bs-secondary-btn);
	border-color: var(--bs-secondary-btn);
	font-weight:600;
	color:color: var(--bs-body);
}

.btn.btn-light {
    background-color: var(--bs-light-btn);
	font-weight:600;
	color: var(--bs-link);
    border: 1px solid #dae6f3 !important;
}
.btn.btn-light:hover:not(.btn-active) {
	border-color: var(--bs-light-btn);
    background-color: var(--bs-light-btn);
	color: var(--bs-link-active);
}
.btn-check:checked + .btn.btn-secondary, .btn-check:active + .btn.btn-secondary, .btn.btn-secondary:focus:not(.btn-active), .btn.btn-secondary:hover:not(.btn-active), .btn.btn-secondary:active:not(.btn-active), .btn.btn-secondary.active, .btn.btn-secondary.show, .show > .btn.btn-secondary {	background-color: var(--bs-secondary-btn-active);
	border-color: var(--bs-secondary-btn-active);
}

.table {
	color: var(--bs-body);
}
.table-striped > tbody > tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-of-type(even),
.table.table-row-bordered tr {
	border-bottom-color: #e3e6e9;
	}

.table-striped > tbody > tr:nth-of-type(odd) {
	color: var(--bs-body);
}

.btn-group-sm > .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
	padding: calc(0.75rem + 1px) calc(1.5rem + 1px);
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm { padding: 0.75rem 1.5rem; }

.btn i {
	font-size:1.1rem;
	margin-left:5px;
}

i.fa.fa-pencil-alt {
	color:var(--bs-link);
}
i.fa.fa-user-times {
    color: var(--bs-active-warning);
}
i.fa.fa-trash-alt,.btn-row-delete i.fa,i.fa.fa-archive {
    color: var(--bs-red);
}

i.fa.fa-check,
i.fa.fa-user-check,
i.fa.fa-checki.fa.fa-check,
i.fa.fa-box-open {
	color: var(--bs-primary-btn);
}

div.dataTables_wrapper div.dataTables_info {
	color: var(--bs-body);
	font-weight:normal;
}

.card > .card-header {
	padding: 0.5rem 2.25rem;
}

.form-control-lg {
	min-height: 48px;
	border-radius: 0.3rem;
	font-size: 1.1rem;
	padding: 0.825rem 1rem;
}
.menu-title-gray-700 .menu-item .menu-link .menu-title {
	color: var(--bs-body);
}
.menu-state-title-primary .menu-item .menu-link.active .menu-title {
	color: var(--bs-link);
}
.menu-state-bg .menu-item .menu-link.active {
	background-color: var(--bs-light-btn);
	border: 1px solid #dae6f3;
	padding: 0.7rem 0.95rem !important;
}
.menu-state-title-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title, .menu-state-title-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title {
	color: var(--bs-link);
}
.form-control-sm,
div.dataTables_wrapper div.dataTables_length select {
	min-height: 48px;
	border-radius: 0.3rem;
	font-size: 1rem;
}

span.amount.text-cursor {
	color: var(--bs-link);
}
span.amount.text-cursor:hover {
	color: var(--bs-link-active);
}

@media (min-width: 1400px) {
	.px-xxl-15 {
		padding: 1rem 2.25rem !important;
	}
	.w-xxl-400px {
		width:360px!important;
	}
}

@media (max-width: 1680px) {
	.col-lg-9.col-xl-9.d-flex.align-items-center,
	.activity-wrapper label.col-form-label.col-xl-3.col-lg-3 {
		margin-bottom:2rem;
	}
}

.aside-menu .menu-item .menu-link {
	padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.aside-dark .menu .menu-item .menu-link .menu-title {
	font-weight: normal;
	font-size:14px;
}
.menu-tabs .menu-item {
	margin-bottom:0;
	border-top:1px solid #e3e6e9;

}
a.menu-link.py-5 {
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.py-5 {
	padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.menu-tabs .menu-item .menu-link.active .menu-title, .menu-tabs .menu-item .menu-link:hover .menu-title {
	color: var(--bs-link);
	font-weight:600;
}
.menu-state-icon-primary .menu-item .menu-link.active .menu-icon i,
.menu-state-icon-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon i, .menu-state-icon-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i {
	color: var(--bs-link);
}
.menu-tabs .menu-item .menu-link.active, .menu-tabs .menu-item .menu-link:hover {
	border-radius: 0.3rem;
	border-left: 1px solid #e3e6e9;
    border-right: 1px solid #e3e6e9;
	transition: color 0.2s ease, background-color 0.2s ease
}
.menu-title-gray-800 .menu-item .menu-link .menu-title {
		color: var(--bs-body);
		font-weight:600;
}

.card .card-header .card-title small, .card .card-header .card-title .small {
	color: var(--bs-body);
	font-weight: normal;
	font-size: 1rem;
}
.col-lg-6 .form-control-sm {
	    font-size: 0.925rem;
		color: var(--bs-body);
}

input#venue_address,
div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_length select.form-select.form-select-sm,
.form-check.form-check-solid .form-check-input,
.form-control.form-control-solid, .form-select.form-select-solid {
	color: var(--bs-body);
	font-size: 1rem;
	border-radius:0.3rem;
	background-color: #ffffff;
	border-color: var(--bs-field-border);
}

input#venue_address:focus,
div.dataTables_wrapper div.dataTables_filter input:focus,
div.dataTables_wrapper div.dataTables_length select.form-select.form-select-sm:focus,
.form-select.form-select-solid:focus,
.dropdown.show > .form-control.form-control-solid, .form-control.form-control-solid:active, .form-control.form-control-solid.active, .form-control.form-control-solid:focus, .form-control.form-control-solid.focus,
.select2-container--bootstrap5.select2-container--focus .form-select-solid, .select2-container--bootstrap5.select2-container--open .form-select-solid {
	background-color: var(--bs-light-btn);
    border-color: var(--bs-link-active)!important;
    color: var(--bs-body);
}

.input-group.input-group-solid.address-dv.has-validation {
	background-color: transparent;
	border: none;
}

button.btn.btn-clear-address {
	position:absolute;
	display:block;
	right: 1px;
}

.form-select {
	background-size: 20px 16px;
	padding-left: 1rem;
}
.select2-container--bootstrap5 .select2-dropdown {
	border-radius: 0.3rem;
	box-shadow: 0px 30px 30px -10px rgb(82 63 105 / 30%);
	border: 1px solid var(--bs-field-border);;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
	color: var(--bs-link);
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
	color: #ffffff;
}
.form-check .form-check-label,
.select2-container--bootstrap5 .select2-dropdown .select2-results__option, .select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__rendered {
	color: var(--bs-body);
	font-weight: 500;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field {
	border: 1px solid var(--bs-field-border);
	border-radius: 0.3rem;
}
.btn-link {
	color: var(--bs-link);
}
.btn-link:hover, .btn-link:focus, .btn-link:active {
	color: var(--bs-link-active);
}

.col-form-label,
.subheading-form {
	color: var(--bs-side-menu-active);
	font-weight: 600!important;
}
.form-text {
	color: var(--bs-body);
}
.subheading-form {
	margin-top: 1.5rem;
	margin-bottom: 0.5rem!important;
}
.form-check-input {
	width: 1.4rem;
    height: 1.4rem;
}
.text-success {
	color:var(--bs-primary-btn)!important;
}
.fw-bold {font-weight:600!important}

.activity-wrapper label.col-form-label.col-xl-3.col-lg-3,
.selection-dv label.col-xl-3.col-lg-3 {
	font-weight:500!important;
	font-size:14px;
	}
	
ul.nav.nav-tabs.nav-line-tabs.mb-5.fs-6 {
	margin-top:1rem;
}
.nav-line-tabs {
	border-bottom-color: var(--bs-field-border);
}


.nav-line-tabs .nav-item .nav-link {
	color: var(--bs-body);
	font-weight:600;
	font-size:14px;
	padding: 0.65rem 1rem!important;
	border-top: 1px solid var(--bs-field-border);
	border-right: 1px solid var(--bs-field-border);
	border-left: 1px solid var(--bs-field-border);
	margin: 0 0.5rem;
}
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item.show .nav-link, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
	background-color: var(--bs-light-btn);
	color: var(--bs-link);
	border: 1px solid var(--bs-link);
	padding: 0.65rem 1rem;
}
input#invoice_period,
input#discount_value {
	border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.status-toggle::after {
	margin-left:0.5rem;
	position:relative;
	top:1px;
}

.input-group-lg > .input-group-text {
	background-color: #ffffff;
	border: none
}
 
 /* double select olumn module */
 
 .transfer-double-content {padding: 0;}
 .transfer-double-header {display:none}
 .transfer-double {border:none}
 .transfer-double-content-left,
 .transfer-double-content-right {
	 border: 1px solid var(--bs-field-border);
	 border-radius:0.3rem;
	 height: auto;
}
 .transfer-double-list-search-input,
 .transfer-double-selected-list-search-input {
	min-height:48px;
	border: 1px solid var(--bs-field-border);
	border-radius:0.3rem;
}
 .transfer-double-list-search-input:focus,
 .transfer-double-selected-list-search-input:focus {
	 border: 1px solid var(--bs-link-active);
	 outline:none;
	 background-color: var(--bs-light-btn);;
 }
 .transfer-double-content-param .param-item {
	 font-size:14px;
	 font-weight:600;
	 line-height: 43px;
 }
.transfer-double-content-param {
	border-bottom:none;
}
.transfer-double-list-main .transfer-double-group-list-ul,
.transfer-double-selected-list-main .transfer-double-selected-list-ul {
	padding-left: 15px;
}
.transfer-double-list-header,
 .transfer-double-selected-list-header {
	padding: 8px 18px 6px 18px;
}
.transfer-double-list-main .transfer-double-group-list-ul .transfer-double-group-list-li .transfer-double-group-list-li-ul {
	margin-left:0;
}
.transfer-double-list-main .transfer-double-group-list-ul .transfer-double-group-list-li {
	margin-top: 15px;
}
.transfer-double-list-main,
.transfer-double-selected-list-main {
	height: 330px;
}
.transfer-double-list-footer {
	padding: 8px 0px;
	height:auto;
	color: var(--bs-body);
}
.transfer-double-list-footer label {
	margin-left: 18px;
}
.transfer-double-content-middle {
	margin: 15rem 13px 0 13px;
}
.btn-select-arrow {
	background: #ffffff;
}
i.iconfont.icon-forward,
i.iconfont.icon-back {
	color: var(--bs-link);
	font-size: 24px;
	font-weight:600
}
i.iconfont.icon-forward:hover,
i.iconfont.icon-back:hover {
	color: var(--bs-link-active);
}
.btn-select-arrow + .btn-select-arrow {
	margin-top:20px;
}
  /* end of double select olumn module */
  
  /* fullcalendar + roster */
.bg-dark {background-color: var(--bs-side-menu-active)!important}
.fc-header-day-col {font-weight:600;}
.p-2 {padding:0.5rem 1rem!important;}  
.bd-callout .fc-event-main * {
	color: var(--bs-body)!important;
	font-weight:600!important;
	font-size: 14px!important;
} 
.bd-callout:not(.fc-list-event) {border-radius: 0.3rem;}
.fc-event-title.fc-sticky {
	font-weight: 500!important;
    font-size: 13px!important;
    line-height: 1.4;
}
.fc-event-title.fc-sticky .fw-bold { font-size: 14px !important; }
.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg .select2-selection__choice {
	border: 1px solid var(--bs-field-border);
	border-radius: 0.3rem;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	background-color: var(--bs-light-btn);
}  
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
	opacity: 1;
}
i.fa.fa-list.fa-2x.me-3,
i.far.fa-user-circle.fa-2x.me-3,
i.far.fa-clock.fa-2x.me-3,
i.fas.fa-dollar-sign,
.fw-bolder i.fa.fa-map-marker-alt {
	font-size: 1.6em;
	color: var(--bs-side-menu-active);
}
span.shift-count,
span.staff-count,
span.hours-count,
span.location-count  {
	font-size: 16px;
	color: var(--bs-side-menu-active);
}
i.fa.fa-list.me-1,
i.far.fa-clock.me-1,
i.far.fa-user-circle.me-1 {
	color: var(--bs-body);
}
span.event-count,
span.resource-hours-count {
	color: var(--bs-body);
	font-weight:500!important;
}
.bullet-vertical {width:8px}
.text-link { color: var(--bs-link) !important; }
.text-normal { color: var(--bs-body) !important; }

/* end of fullcalendar + roster */
.text-blue { color: var(--bs-side-menu-active); }
.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { font-size: 1rem; }