@font-face {
	font-family: "SFProDisplay";
	src:url("../fonts/SF-Pro-Display-Regular.otf") format("opentype");
}
@font-face {
	font-family: "SFProDisplay";
	font-weight: 500;
	src:url("../fonts/SF-Pro-Display-Medium.otf") format("opentype");
}
@font-face {
	font-family: "SFProDisplay";
	font-weight: bolder;
	src:url("../fonts/SF-Pro-Display-Semibold.otf") format("opentype");
}
@font-face {
	font-family: "SFProDisplay";
	font-weight: bold;
	src:url("../fonts/SF-Pro-Display-Bold.otf") format("opentype");
}
@font-face {
	font-family: "SFProDisplay";
	font-weight: 800;
	src:url("../fonts/SF-Pro-Display-Heavy.otf") format("opentype");
}

html, body {
    height: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}
body {
	font-family: "SFProDisplay", sans-serif;
	background-color: #202020;
	
	overflow-y: auto;
    overflow-x: hidden;
	margin: 0;
	font-size: .8rem; /* ATTENTION */
}


.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	text-align: center;
	padding-top: calc(50vh - 39px);
}


.fs-08 { font-size: .8rem; }
.fw-medium {
	font-weight: 500;
}
.cursor-pointer {
	cursor: pointer;
}

.c-gold { color: gold; }
.c-silver { color: silver; }
.c-bronze { color: #bf8970; }
.text-primary { color: #1372cb !important; }
.text-lightgray { color: lightgray !important; }

.bg-transparent { background-color: transparent; }
.bg-primary {
	background-color: #1372cb !important;
	color: #fff;
}



.hr-page-navigation {
	margin: 0.5rem -20px 1.5rem -30px;
}



.spc-actions-2 {
	width: 80px;
}




/** --- Side Nav --- */
body.theme-dark #containerSidenav {
	background-color: #282a29;
}
body.theme-dark .dropdown:not(.table-actions) .dropdown-toggle {
	height:34px;
	padding-top:5px !important;
	background-color: #3f3f3f;
	color: #fefefe;
	text-transform: none;
}
body.theme-dark .dropdown-toggle::after {
	display: none;
}
body.theme-dark .dropdown-menu-dark {
	background-color: #3f3f3f;
}
.dropdown-menu-dark {
	font-size: 0.75rem;
}
.dropdown-menu-dark .dropdown-item {
	height:40px;
}
.dropdown-menu > li:last-child:first-child,
.dropdown-menu > li:last-child:first-child .dropdown-item {
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
}
.sidenav-menu {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.sidenav-menu > .sidenav-item > .sidenav-link {
	height: 1.5rem;
	font-size: 0.81rem;
	padding-left: 0.75rem;
}
.sidenav-menu > .sidenav-item.sidenav-headline > .sidenav-link {
	padding-left: 0.2rem !important;
}
.sidenav-menu > .sidenav-item.sidenav-headline > .sidenav-link.active {
	background-color: transparent;
	color: unset;
}
.sidenav-menu > .sidenav-item .sidenav-collapse .sidenav-item .sidenav-link {
	padding-left: 0.75rem !important;
}
#scrollContainerSidenav {
	height: calc(100dvh - 263px);
	height: calc(100vh - 263px);
}
.sidenav-userloggedin {
	transition: all .15s linear;
	height: 65px;
}
.sidenav-userloggedin:hover {
	color: #fbfbfb;
	background-color: hsla(0,0%,98.4%,.05);
}
.sidenav .sidenav-initials {
	font-size: 1.13rem;
	font-weight: 800;
}
.sidenav .sidenav-userinfo {
	font-size: 0.81rem;
}
.sidenav .sidenav-userinfo div:nth-child(2) {
	overflow: hidden;
	text-overflow: ellipsis;
}
.sidenav-item.sidenav-headline .sidenav-link:hover,
.sidenav-item.sidenav-headline > .sidenav-link:active,
.sidenav-item.sidenav-headline > .sidenav-link:focus {
	color: unset;
	background-color: transparent !important;
}
.sidenav .sidenav-item .sidenav-link.active {
	color: #fbfbfb;
	background-color: hsla(0,0%,98.4%,.05);
}
.sidenav #header-content p:first-of-type {
	font-size: 0.81rem;
}
.sidenav-dd-settings {
	width: calc(240px - 16px);
}
#dropdownSidenavStaffPool {
	padding-top: 4px !important;
}
#dropdownSidenavStaffPool ~ ul.dropdown-menu .dropdown-item div.lh-1 {
	overflow: hidden;
	text-overflow: ellipsis;
}





/** --- Accordion --- */
.accordion,
.accordion-item,
.accordion-button {
	color: #C2C2C2 !important;
}
.accordion-item,
.accordion-button {
	font-size: .8rem;
}
.accordion-item,
.accordion-button,
.accordion-button:not(.collapsed) {
	background-color: transparent;
}




/** --- File Upload --- */
.file-upload {
	border: 1px solid #454746;
	border-radius: .25rem;
}
.file-upload.disabled {
	border-color: #3b3b3b;
}
.file-upload-message {
	color: #C2C2C2;
}




/** --- Card --- */
.card {
	background-color: #1f2120;
	box-shadow: none;
	border: 1px solid #363837;
}
.card-title {
	font-size: 1rem;
}
.card-text {
	margin-bottom: 0px;
}




/** --- Modal --- */
.modal {

}
.modal-content {
	background-color: rgba(42,39,38,1);
	border: 1px solid rgb(70, 70, 70);
}
.modal-header {
	border-bottom: none;
	padding-bottom: .5rem;
	color: #C2C2C2;
}
.modal-header a {
	color: #C2C2C2 !important;
}
.modal-footer {
	border-top: none;
	padding-top: .5rem;
}
.modal-backdrop {
    opacity:0.2 !important;
}
.modal-title {
	font-size: 1rem;
}
.modal .btn-sm {
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
}
@media (min-width: 768px) {
	[data-mdb-toggle="modal"] > .fas {
		pointer-events: none;
	}
}
.modal-body-text {
	color: #C2C2C2;
	font-size: .8rem;
}
.modal .modal-body > .nav-pills .nav-link {
	border: 1px solid #3f3f3f !important;
}




/** --- Toasts --- */
.toast-header {
	border-bottom: none;
}
.toast-header .btn-close {
	background: none;
	padding-top: 1px;
}
.toast-header .btn-close:after {
	color: #C2C2C2;
	font-family: "Font Awesome 5 Free";
	content: "\f00d";
	font-weight: 900;
}
.toast-body {
	padding-top: 0px;
}




/** --- Slim --- */
.slim {
    border-radius: 0.25rem;
	cursor: pointer;
	background-color: #1f2120 !important;
}
.modal .slim {
	/* border: 1px solid rgb(70, 70, 70); */
	background-color: rgba(42,39,38,1) !important;
}
.slim-label {
	color: #C2C2C2;
	font-size: .8rem;
}
.slim ~ .form-helper {
	font-size: .8rem;
	color: #757575;
	position: absolute;
}
.col-img-container {
	border: 1px solid rgb(70, 70, 70);
	border-radius: .25rem;
	height: 100%;
	padding: 5px;
}
.col-img-container-not100 {
	border: 1px solid rgb(70, 70, 70);
	border-radius: .25rem;
	padding: 5px;
}






/** --- Main Content --- */
.main-content {
	transition: padding 0.3s linear;
	background-color: #1f2120;
	min-height: 100vh;
	width: 100vw;
	padding-left: 270px;
	padding-right: 20px;
	padding-top: 50px;
	padding-bottom: 30px;
}

#sidenavToggler {
	display: none;
	background-color: #282a29;
	color: #8c8d91;
}

@media (max-width: 767px) {
	.main-content {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}

	#sidenavToggler {
		display: unset;
		position:absolute;
		top:10px;
		left:0px;
	}

	.sidenav[data-mdb-hidden='false'] {
		transform: translateX(-100%);
	}
}

.main-content .page-header {
	width: 100%;
	position: relative;
}
.main-content .page-header .page-title {
	font-size: 1.2rem;
	margin-top: 0px;
	margin-bottom: 0px;
}
.main-content .page-header .page-title + .page-subtitle {
	/* margin-top: 2px; */
}
.main-content .page-header .page-title + .nav-pills {
	margin-top: 1rem;
}
.main-content .page-header .page-subtitle {
	font-size: 0.9rem;
	margin-top: 0px;
	margin-bottom: 0.75rem;
	color: #848484;
}
.main-content .section-title {
	color: #575958;
	font-size: .9rem;
	margin-top: 0px;
	margin-bottom: 1.5rem;
	
	display: flex;
	align-items: center;
	text-align: center;
}
.main-content .section-title::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid #575958;
	margin-left: .5em;
	height: 12px;
}
/* .main-content .section-title:not(:empty)::after { */
	/* margin-right: .25em; */
/* } */
.main-content .page-header .nav-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
}
.main-content .page-header .nav-pills .nav-link {
	white-space: nowrap;
}
.main-content .page-header .nav-pills .nav-link:last-of-type {
	margin-right: 0px;
}
.action-items {
	position: absolute;
	top: -5px;
	right: 10px;
}
.action-items .fas {
	color: #C2C2C2;
}

.main-content .label-text {
	font-size: .8rem;
	color: #C2C2C2;
}





/** --- Content Tabs --- */
.nav-pills .nav-link {
	padding: 10px 15px;
	box-shadow: none !important;
	text-transform: none;
}
.nav-pills .nav-link.active {
	background-color: #3f3f3f !important;
}
.nav-pills .nav-link:not(.active) {
	background-color: transparent !important;
}
.nav-pills .nav-link-back {
	padding-left: 0px;
	margin-right: 0px;
}




/** --- Forms --- */
.form-outline .form-control {
	color: #C2C2C2;
	-webkit-text-fill-color: #C2C2C2;
}
.form-outline .form-control[disabled],
.form-outline .form-control[readonly] {
    background-color: transparent !important;
    opacity: 1;
	color: #C2C2C2;
	-webkit-text-fill-color: #C2C2C2;
	/*color: #5E5E5E;
	-webkit-text-fill-color: #5E5E5E;*/
	cursor: default;
}

/** unfocused borders */
.form-outline .form-control:not(.focused) ~ .form-notch .form-notch-leading {
    border-color: #454746;
}
.form-outline .form-control:not(.focused) ~ .form-notch .form-notch-trailing {
    border-color: #454746;
}
.form-outline .form-control:not(.focused) ~ .form-notch .form-notch-middle {
    border-color: #454746;
}
/** unfocused borders */
.form-outline .form-control[readonly] ~ .form-notch .form-notch-leading {
    /* border-color: #bdbdbd; */
}
.form-outline .form-control[readonly] ~ .form-notch .form-notch-trailing {
    /* border-color: #bdbdbd; */
}
.form-outline .form-control[readonly] ~ .form-notch .form-notch-middle {
    /* border-color: #bdbdbd; */
}

/** focused borders */
.form-outline .form-control:focus ~ .form-notch .form-notch-leading {
    border-color: #1372cb;
}
.form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
    border-color: #1372cb;
}
.form-outline .form-control:focus ~ .form-notch .form-notch-middle {
    border-color: #1372cb;
}
.select-input:not(.select-input) ~ .select-arrow,
.select-input[disabled] ~ .select-arrow {
    color: #454746;
}
.select-input.focused ~ .select-arrow {
    color: #1372cb;
}
.select-input.focused ~ .form-notch .form-notch-leading,
.select-input.focused ~ .form-notch .form-notch-trailing,
.select-input.focused ~ .form-notch .form-notch-middle {
    border-color: #1372cb;
}
.select-filter-input:focus {
    border-color: #1372cb !important;
}

.form-outline .form-control:not(.select-input):focus[readonly] ~ .form-notch .form-notch-leading {
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
}
.form-outline .form-control:not(.select-input):focus[readonly] ~ .form-notch .form-notch-trailing {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
}
.form-outline .form-control:not(.select-input):focus[readonly] ~ .form-notch .form-notch-middle {
	border-top-width: 1px;
	border-bottom-width: 1px;
}

/** Disabled Textfields */
.form-outline .form-control.readonly[readonly] ~ .form-notch .form-notch-leading,
.form-outline .form-control.readonly[readonly] ~ .form-notch .form-notch-trailing,
.form-outline .form-control.readonly[readonly] ~ .form-notch .form-notch-middle,
.form-outline .form-control.readonly:focus[readonly] ~ .form-notch .form-notch-leading,
.form-outline .form-control.readonly:focus[readonly] ~ .form-notch .form-notch-trailing,
.form-outline .form-control.readonly:focus[readonly] ~ .form-notch .form-notch-middle,
.form-outline .form-control[disabled] ~ .form-notch .form-notch-leading,
.form-outline .form-control[disabled] ~ .form-notch .form-notch-trailing,
.form-outline .form-control[disabled] ~ .form-notch .form-notch-middle {
    border-color: #3b3b3b;
}

.form-outline .form-control.select-input[disabled] ~ .form-label,
.form-outline .form-control:not(.select-input)[readonly] ~ .form-label,
.form-outline .form-control:not(.select-input):focus[readonly] ~ .form-label {
    color: #5E5E5E;
	-webkit-text-fill-color: #5E5E5E;
}
.form-outline .form-control:not(.select-input)[disabled] ~ .form-label {
    color: #5E5E5E !important;
	-webkit-text-fill-color: #5E5E5E;
}
.form-outline .form-control.select-input[readonly] ~ .form-label {
    font-size: .775rem;
}
.form-outline .form-helper {
	font-size: .8rem;
}


.form-label-left {
	line-height: 1;
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: .9rem;
}
@media (min-width: 576px) {
	.form-label-left {
		margin-bottom: 0px;
	}
}
.form-label-modal {
	line-height: 1;
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: .8rem;
}


input[type=checkbox] {
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.form-check-label {
	font-size: .85rem;
	color: #C2C2C2;
}

textarea {
	box-sizing: border-box;
	resize: none;
}


.datepicker-cell.disabled {
	color: #555;
}

.btn-check:active + .btn-secondary,
.btn-check:checked + .btn-secondary {
    color: #fff;
    background-color: #1372cb !important;
}







/** --- Buttons --- */
.btn {
	text-transform: none;
}
.btn-light, .btn-light:hover {
	color: #1372cb;
}
.btn-sm {
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
}
.btn-primary {
	background-color: #1372cb !important;
}
.btn-secondary {
	background-color: #615e5d !important;
	color: #fbfbfb !important;
}
.btn-gray {
	background-color: #625e5d;
}
.btn-details-edit {
	font-size: .9rem;
}





/** --- List Group --- */
.list-group {
	line-height: 1;
	font-size: .8rem;
}



/** --- Select --- */
.select-wrapper .select-input {
	background-color: transparent !important;
	padding-left: .99em;
	height: 29.5px;
}
.select-wrapper .select-arrow {
	top: 5px;
}


.sidenav #header-content .select-wrapper .select-input {
	height: 26px;
}
.sidenav #header-content .select-wrapper .select-arrow {
	top: 3px;
}
.selSidenavStaffPool .select-option {
	padding-left: 10px;
}
.selSidenavStaffPool .select-option-text::before {
	font-family: "Font Awesome 5 Free";
	content: "\f1c0";
	font-weight: 900;
	margin-right: 4px;
}


.select-wrapper .form-control {
	font-size: .8rem;
}
.select-wrapper .form-control[readonly]:not([disabled]) {
	color: #C2C2C2;
	-webkit-text-fill-color: #C2C2C2;
}
.select-wrapper .form-control[disabled] {
	color: #C2C2C2;
	-webkit-text-fill-color: #C2C2C2;
	/*color: #5E5E5E;
	-webkit-text-fill-color: #5E5E5E;*/
}
.select-wrapper .form-control:focus[readonly], .select-wrapper input[type=text]:focus[readonly] {
	color: #C2C2C2;
	-webkit-text-fill-color: #C2C2C2;
}

.select-wrapper .select-arrow::before {
	font-family: "Font Awesome 5 Free";
	/* content: "\f0d7"; */
	content: "\f0dc";
	font-weight: 900;
}
.select-options-wrapper .select-options-list .select-option, .select-options-wrapper .select-no-results {
	/* height: 25px !important; */
	/* font-size: .8rem; */
}
.input-group,
.select-dropdown-sm .input-group {
	padding: 8px;
}
.select-filter-input,
.select-dropdown-sm .select-filter-input {
	font-size: 0.8rem;
	height: calc(1.664rem + 2px) !important;
	min-height: calc(1.664rem + 2px) !important;
	padding-top: 0.216rem !important;
	padding-bottom: 0.216rem !important;
}
.select-option,
.select-option-group-label,
.select-no-results,
.select-dropdown-sm .select-option,
.select-dropdown-sm .select-option-group-label,
.select-dropdown-sm .select-no-results {
	font-size: 0.8rem;
}

.select-option-text > .form-check-input + .select-option-secondary-text {
	padding-left: 28px;
}





/** --- Search Table --- */
.table {
	margin-bottom: 0px;
	font-size: .8rem;
}
.table td, .table th {
	padding: 2px 5px;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
   background-color: #242625;
}
.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
   background-color: #2e302f;
}
.table-striped > :not(caption) > * > * {
	border-bottom-width: 0px;
}

.table-responsive {
	overflow: auto;
	max-height: calc(100vh - 210px);
	border: 1px solid #363837;
}
.table-responsive thead th {
	position: sticky;
	top: 0;
	background-color: #242625;
	white-space: nowrap;
	z-index: 2;
}
.table-responsive tfoot td {
	border-top: 1px solid #363837;
	background-color: #242625;
}
/*.table-responsive tbody tr td:not(:first-of-type) {*/
.table-responsive tbody tr td {
	white-space: nowrap;
}
.table-responsive tbody tr td a{
	color: #fff !important;
}

/* here is the trick */
.table-responsive tbody:nth-of-type(1) tr:nth-of-type(1) td {
	border-top: none !important;
}
.table-responsive thead th {
	border-top: none !important;
	border-bottom: none !important;
	box-shadow: inset 0 -2px 0 #363837;
}
/* and one small fix for weird FF behavior, described in https://stackoverflow.com/questions/7517127/ */
.table-responsive thead th {
	background-clip: padding-box;
}


.table-responsive thead th:not(:first-of-type) {
	padding-left: 6px;
}
.table-responsive thead th:not(:first-of-type):not(:last-of-type):before {
	content: "";
	position: absolute;
	top: 15%;
	width: 2px;
	height: 70%;
	
	left: 0px;
	border-left: 2px solid #4a4c4b;
}


.table-responsive thead th.sortable {
	cursor: pointer;
}
.table-responsive thead th.sortable.sort-asc, .table-responsive thead th.sortable.sort-desc {
	padding-right: 15px;
}
.table-responsive thead th.sortable.sort-asc:after, .table-responsive thead th.sortable.sort-desc:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	
	position: absolute;
	top: 2px;
	right: 5px;
}
.table-responsive thead th.sortable.sort-asc:after {
	content: "\f0d7";
}
.table-responsive thead th.sortable.sort-desc:after {
	content: "\f0d8";
}


.table-responsive tr td .form-check-input,
.table-responsive tr td:first-of-type .form-check-input,
.table-responsive tr th:first-of-type .form-check-input {
	margin-top: 1px;
	margin-right: 0px;
}
.table-responsive .form-check-input {
	border-color: rgb(79,79,79);
	background-image: linear-gradient(to top, rgb(79,79,79), rgb(110,110,110));
}
.table-responsive .form-check-input[type=checkbox]:focus:after {
	background-color: transparent;
}
.table-tr-check {
	width: 28px !important;
	z-index: 2;
}

.table-responsive tbody tr.tr-highlighted td {
	background-color: rgb(31, 90, 201);
}


.resizer {
    /* Displayed at the right side of column */
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    cursor: col-resize;
    user-select: none;
}
.resizer:hover, .resizer.resizing {
    border-right: 2px solid blue;
}






.table-actions {
	font-size: .8rem;
}
.table-actions:not(.dropdown) {
	padding-left: 5px;
}
.table-actions .dropdown-toggle {
	height:27px;
	padding: 2px 15px !important;
	background-color: #3f3f3f;
	color: #fefefe;
	text-transform: none;
}
.table-actions .btn {
	padding: 0;
	font-size: .8rem;
}
.table-actions:not(.dropdown) a {
	margin-right: 15px;
}
.table-actions a:not(.text-muted) {
	color: #fff !important;
}

.table-action-icons {
	text-align: center;
}
.table-action-icons a {
	color: #fff !important;
}
.table-action-icons a:not(:last-of-type),
.table-action-icons span > a {
	margin-right: 6px;
}

.search-container {
	position: relative;
}
.search-container .form-control {
	padding-left: 22px;
}
.search-container .form-control:focus {
    border-color: #1372cb;
    -webkit-box-shadow: inset 0 0 0 1px #1372cb;
    box-shadow: inset 0 0 0 1px #1372cb;
}
.search-container .search-icon {
	position: absolute;
	left: 7px;
	top: 9px;
	text-align: left;
	background-color: transparent;
	padding: 0px;
	padding-right: 3px;
	color: gray;
}

.search-container-filterinlinescroll .dropdown-menu {
	max-height: 500px;
	overflow-y: auto;
	width: 200px !important;
}
.search-container-filterinlinescroll .dropdown-menu li a {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height:1;
}

.search-table-itemcontainer{
	margin-top: 2px;
}

.search-table-itemsperpage {
	width: 80px;
}
.search-table-itemsperpage .select-wrapper .select-arrow {
	top: 2px;
}
.search-table-itemsperpage .select-wrapper .select-input {
	background-color: rgb(96,96,96) !important;
	height: 24px;
}
.search-table-itemsperpage .select-wrapper .form-control[readonly],
.search-table-itemsperpage .select-wrapper input[type=text]:focus[readonly] {
	color: #fff;
	-webkit-text-fill-color: #fff;
}
/** unfocused borders */
.search-table-itemsperpage .form-outline .form-control:not(:focus) ~ .form-notch .form-notch-leading {
    border-color: rgb(96,96,96);
}
.search-table-itemsperpage .form-outline .form-control:not(:focus) ~ .form-notch .form-notch-trailing {
    border-color: rgb(96,96,96);
}
.search-table-itemsperpage .form-outline .form-control:not(:focus) ~ .form-notch .form-notch-middle {
    border-color: rgb(96,96,96);
}

.search-table-itemsvisible {
	font-size: .8rem;
	margin-top: .15rem;
}

.pagination {
	margin-bottom: 0px;
}
.page-link {
	padding: 2px 7px;
}




































/* ####################################
	-- Copied from Bootstrap
   #################################### */


.form-control.is-valid,
.was-validated .form-control:valid {
	/*margin-bottom: 1rem;*/
	margin-bottom: 0px;
	background-image:none;
	border-color:#00b74a
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
	border-color:#00b74a;
	-webkit-box-shadow:0 0 0 .25rem rgba(0,183,74,.25);
	box-shadow:0 0 0 .25rem rgba(0,183,74,.25)
}
.form-outline .form-control.is-valid~.form-label,
.was-validated .form-outline .form-control:valid~.form-label {
	color:#00b74a
}
.form-outline .form-control.is-valid~.form-notch .form-notch-leading,
.form-outline .form-control.is-valid~.form-notch .form-notch-middle,
.form-outline .form-control.is-valid~.form-notch .form-notch-trailing,
.form-select.is-valid,
.was-validated .form-outline .form-control:valid~.form-notch .form-notch-leading,
.was-validated .form-outline .form-control:valid~.form-notch .form-notch-middle,
.was-validated .form-outline .form-control:valid~.form-notch .form-notch-trailing,
.was-validated .form-select:valid {
	border-color:#00b74a
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
	border-color:#00b74a;
	-webkit-box-shadow:0 0 0 .25rem rgba(0,183,74,.25);
	box-shadow:0 0 0 .25rem rgba(0,183,74,.25)
}
.form-select.is-valid~.valid-feedback,
.was-validated .form-select:valid~.valid-feedback {
	margin-top:0
}
.input-group .form-control.is-valid,
.was-validated .input-group .form-control:valid {
	margin-bottom:0
}
.was-validated input[type=file].form-control:valid .valid-feedback,
input[type=file].form-control.is-valid .valid-feedback {
	margin-top:0
}
.was-validated input[type=file].form-control:valid:focus,
input[type=file].form-control.is-valid:focus {
	-webkit-box-shadow:inset 0 0 0 1px #00b74a;
	box-shadow:inset 0 0 0 1px #00b74a;
	border-color:#00b74a
}
.was-validated input[type=file].form-control:valid:focus~.form-file-label,
input[type=file].form-control.is-valid:focus~.form-file-label {
	-webkit-box-shadow:none;
	box-shadow:none
}
.was-validated input[type=file].form-control:valid:focus-within~.form-file-label .form-file-button,
.was-validated input[type=file].form-control:valid:focus-within~.form-file-label .form-file-text,
input[type=file].form-control.is-valid:focus-within~.form-file-label .form-file-button,
input[type=file].form-control.is-valid:focus-within~.form-file-label .form-file-text {
	border-color:#00b74a
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
	border-color:#00b74a
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
	background-color:#00b74a
}
.form-check-input.is-valid:checked:focus:before,
.was-validated .form-check-input:valid:checked:focus:before {
	-webkit-box-shadow:0 0 0 13px #00b74a;
	box-shadow:0 0 0 13px #00b74a
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
	-webkit-box-shadow:none;
	box-shadow:none
}
.form-check-input.is-valid:focus:before,
.was-validated .form-check-input:valid:focus:before {
	-webkit-box-shadow:0 0 0 13px #00b74a;
	box-shadow:0 0 0 13px #00b74a
}
.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
	color:#00b74a;
	/* margin-bottom:1rem */
	margin-bottom: 0px;
}
.form-check-input.is-valid[type=checkbox]:checked:focus,
.was-validated .form-check-input:valid[type=checkbox]:checked:focus {
	background-color:#00b74a;
	border-color:#00b74a
}
.form-check-input.is-valid[type=radio]:checked,
.was-validated .form-check-input:valid[type=radio]:checked {
	border-color:#00b74a;
	background-color:#fff
}
.form-check-input.is-valid[type=radio]:checked:focus:before,
.was-validated .form-check-input:valid[type=radio]:checked:focus:before {
	-webkit-box-shadow:0 0 0 13px #00b74a;
	box-shadow:0 0 0 13px #00b74a
}
.form-check-input.is-valid[type=radio]:checked:after,
.was-validated .form-check-input:valid[type=radio]:checked:after {
	border-color:#00b74a;
	background-color:#00b74a
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
	/* margin-bottom:1rem; */
	margin-bottom: 0px;
	background-image:none;
	border-color:#f93154
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
	border-color:#f93154;
	-webkit-box-shadow:0 0 0 .25rem rgba(249,49,84,.25);
	box-shadow:0 0 0 .25rem rgba(249,49,84,.25)
}
.form-outline .form-control.is-invalid~.form-label,
.was-validated .form-outline .form-control:invalid~.form-label {
	color:#f93154
}
.form-outline .form-control.is-invalid~.form-notch .form-notch-leading,
.form-outline .form-control.is-invalid~.form-notch .form-notch-middle,
.form-outline .form-control.is-invalid~.form-notch .form-notch-trailing,
.form-select.is-invalid,
.was-validated .form-outline .form-control:invalid~.form-notch .form-notch-leading,
.was-validated .form-outline .form-control:invalid~.form-notch .form-notch-middle,
.was-validated .form-outline .form-control:invalid~.form-notch .form-notch-trailing,
.was-validated .form-select:invalid {
	border-color:#f93154 !important;
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
	border-color:#f93154;
	-webkit-box-shadow:0 0 0 .25rem rgba(249,49,84,.25);
	box-shadow:0 0 0 .25rem rgba(249,49,84,.25)
}
.form-select.is-invalid~.invalid-feedback,
.was-validated .form-select:invalid~.invalid-feedback {
	margin-top:0
}
.input-group .form-control.is-invalid,
.was-validated .input-group .form-control:invalid {
	margin-bottom:0
}
.was-validated input[type=file].form-control:invalid .invalid-feedback,
input[type=file].form-control.is-invalid .invalid-feedback {
	margin-top:0
}
.was-validated input[type=file].form-control:invalid:focus,
input[type=file].form-control.is-invalid:focus {
	-webkit-box-shadow:inset 0 0 0 1px #f93154;
	box-shadow:inset 0 0 0 1px #f93154;
	border-color:#f93154
}
.was-validated input[type=file].form-control:invalid:focus~.form-file-label,
input[type=file].form-control.is-invalid:focus~.form-file-label {
	-webkit-box-shadow:none;
	box-shadow:none
}
.was-validated input[type=file].form-control:invalid:focus-within~.form-file-label .form-file-button,
.was-validated input[type=file].form-control:invalid:focus-within~.form-file-label .form-file-text,
input[type=file].form-control.is-invalid:focus-within~.form-file-label .form-file-button,
input[type=file].form-control.is-invalid:focus-within~.form-file-label .form-file-text {
	border-color:#f93154
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
	border-color:#f93154
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
	background-color:#f93154
}
.form-check-input.is-invalid:checked:focus:before,
.was-validated .form-check-input:invalid:checked:focus:before {
	-webkit-box-shadow:0 0 0 13px #f93154;
	box-shadow:0 0 0 13px #f93154
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
	-webkit-box-shadow:none;
	box-shadow:none
}
.form-check-input.is-invalid:focus:before,
.was-validated .form-check-input:invalid:focus:before {
	-webkit-box-shadow:0 0 0 13px #f93154;
	box-shadow:0 0 0 13px #f93154
}
.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
	color:#f93154;
	/* margin-bottom:1rem; */
	margin-bottom: 0px;
}
.form-check-input.is-invalid[type=checkbox]:checked:focus,
.was-validated .form-check-input:invalid[type=checkbox]:checked:focus {
	background-color:#f93154;
	border-color:#f93154
}
.form-check-input.is-invalid[type=radio]:checked,
.was-validated .form-check-input:invalid[type=radio]:checked {
	border-color:#f93154;
	background-color:#fff
}
.form-check-input.is-invalid[type=radio]:checked:focus:before,
.was-validated .form-check-input:invalid[type=radio]:checked:focus:before {
	-webkit-box-shadow:0 0 0 13px #f93154;
	box-shadow:0 0 0 13px #f93154
}
.form-check-input.is-invalid[type=radio]:checked:after,
.was-validated .form-check-input:invalid[type=radio]:checked:after {
	border-color:#f93154;
	background-color:#f93154
}