/*
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
	background-color: white;
}
*/

/* Valid checkboxes (dark and light mode) */

body.active-light-mode .form-check-input.is-valid~.form-check-label,
body.active-light-mode .was-validated .form-check-input:valid~.form-check-label {
	color: black;
}

body.active-dark-mode .form-check-input.is-valid~.form-check-label,
body.active-dark-mode .was-validated .form-check-input:valid~.form-check-label {
	color: white;
}


/* Form control invalid focus */
body.active-dark-mode .form-control.is-invalid:focus,
body.active-dark-mode .was-validated .form-control:invalid:focus {
	/*border-color: #dc3545;*/
	border-color: white;
	-webkit-box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.25);
	box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.25);
}

/* Invalid input validations (dark mode) */
body.active-dark-mode .form-control.is-invalid,
body.active-dark-mode .was-validated .form-control:invalid {
	/*border-color: #dc3545;*/
	border-color: white;
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ffffff'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffffff' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/* Invalid input validations (light mode) */
body.active-light-mode .form-control.is-invalid,
body.active-light-mode .was-validated .form-control:invalid {
	/*border-color: #dc3545;*/
	border-color: black;
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23000000'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23000000' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/* Valid input validations (dark mode) */
body.active-dark-mode .form-control.is-valid,
body.active-dark-mode .was-validated .form-control:valid {
	/*border-color: #198754;*/
	border-color: white;
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M2.3 6.73L.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(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/* Invalid select validations (light mode) */
body.active-light-mode .form-select.is-invalid,
body.active-light-mode .was-validated .form-select:invalid {
	/*border-color: #dc3545;*/
	border-color: black;
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23000000'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23000000' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/* Invalid select validations (dark mode) */
body.active-dark-mode .form-select.is-invalid,
body.active-dark-mode .was-validated .form-select:invalid {
	/*border-color: #dc3545;*/
	border-color: white;
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ffffff'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffffff' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/* Valid select validations (dark mode) */
body.active-dark-mode .form-select.is-valid,
body.active-dark-mode .was-validated .form-select:valid {
	/*border-color: #198754;*/
	border-color: white;
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M2.3 6.73L.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(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/* Valid form-select validation (dark mode) */
body.active-dark-mode .form-select.is-valid:not([multiple]):not([size]),
body.active-dark-mode .form-select.is-valid:not([multiple])[size="1"],
body.active-dark-mode .was-validated .form-select:valid:not([multiple]):not([size]),
body.active-dark-mode .was-validated .form-select:valid:not([multiple])[size="1"] {
	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='%23ffffff' d='M2.3 6.73L.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 .75rem center, center right 2.25rem;
	background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}

/* Valid form-select validation (light mode) */

body.active-light-mode .form-select.is-valid:not([multiple]):not([size]),
body.active-light-mode .form-select.is-valid:not([multiple])[size="1"],
body.active-light-mode .was-validated .form-select:valid:not([multiple]):not([size]),
body.active-light-mode .was-validated .form-select:valid:not([multiple])[size="1"] {
	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.73L.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 .75rem center, center right 2.25rem;
	background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}

/* Invalid feedback (dark mode) */
body.active-dark-mode .is-invalid~.invalid-feedback,
body.active-dark-mode .is-invalid~.invalid-tooltip,
body.active-dark-mode .was-validated :invalid~.invalid-feedback,
body.active-dark-mode .was-validated :invalid~.invalid-tooltip {
	display: block;
	color: white;
}

body.active-dark-mode .form-select.is-invalid:not([multiple]):not([size]),
body.active-dark-mode .form-select.is-invalid:not([multiple])[size="1"],
body.active-dark-mode .was-validated .form-select:invalid:not([multiple]):not([size]),
body.active-dark-mode .was-validated .form-select:invalid:not([multiple])[size="1"] {
	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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ffffff'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffffff' stroke='none'/%3e%3c/svg%3e");
	background-position: right .75rem center, center right 2.25rem;
	background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}

/* Invalid feedback (light mode) */
body.active-light-mode .is-invalid~.invalid-feedback,
body.active-light-mode .is-invalid~.invalid-tooltip,
body.active-light-mode .was-validated :invalid~.invalid-feedback,
body.active-light-mode .was-validated :invalid~.invalid-tooltip {
	display: block;
	color: black;
}


body.active-dark-mode .alert p {
	color:black;
}

.alert-body a {
	color:black;
}


/* Responsive tables (Dashboards) */
.table-responsive-stack tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}


.table-responsive-stack td,
.table-responsive-stack th {
	display: block;
	/*      
   flex-grow | flex-shrink | flex-basis   */
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.table-responsive-stack .table-responsive-stack-thead {
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.table-responsive-stack tr {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		border-bottom: 3px solid #ccc;
		display: block;

	}

	/*  IE9 FIX   */
	.table-responsive-stack td {
		float: left\9;
		width: 100%;
	}
}


/* Dashboard panels */
.dash-panel.active {
	display:block;
}

.dash-panel {
	display:none;
}

body.active-dark-mode .slimScrollDiv {
	border: 1px solid #ced4da;
	padding: 3px 5px 5px 15px;
}

body.active-dark-mode .scrollpanel .sp-scrollbar {
	width: 20px;
	background-color: #222;
	cursor: pointer;
}

body.active-dark-mode .scrollpanel .sp-scrollbar .sp-thumb {
	background-color: white;
	transition: height 0.2s ease-in-out;
}

body.active-dark-mode .scrollpanel .sp-scrollbar.active .sp-thumb {
	background-color: white;
}


body.active-light-mode .slimScrollDiv {
	border: 1px solid #222;
	padding: 3px 5px 5px 15px;
}

body.active-light-mode .scrollpanel .sp-scrollbar {
	width: 20px;
	background-color: white;
	cursor: pointer;
}

body.active-light-mode .scrollpanel .sp-scrollbar .sp-thumb {
	background-color: rgba(0,0,0,0.75);
	transition: height 0.2s ease-in-out;
}

body.active-light-mode .scrollpanel .sp-scrollbar.active .sp-thumb {
	background-color: black;
}


.ql-toolbar {
	background-color: white;
}

.ql-editor {
	color: black;
}

.ql-editor p {
	color: black;
}

body.active-dark-mode .btn-close {
	color:white;
}

.page-link {
	cursor:pointer;
}

/*
#togglePassword {
	margin-left: -32px;
	float: right;
	cursor: pointer;
	position: relative;
	top:-36px;
	width: 32px;
}
*/

.scrollable {
	margin: 4px 4px;
	padding: 15px 15px 15px 15px;
	border: 1px solid white;
	background-color: none;
	height: 250px;
	width: 500px;
	overflow-x: hidden;
	overflow-y: auto;
	position:relative;
	text-align:start;
}

body.active-light-mode .rn-badge a {
	color: white;
}

/* Progress checkboxes */
.prog-check.form-check-input:disabled ~ .form-check-label, .prog-check.form-check-input[disabled] ~ .form-check-label {
	opacity: 1.0;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #666;
    color: #D3D3D3;
    opacity: 1;
}

.rn-card.card-list-view .inner .thumbnail a img {
	max-width:390px;
	height:auto;
}

.paginationjs-pages ul {
	list-style: none;
}

li.paginationjs-ellipsis {
	padding: 0.375rem 1.25rem;
	position: relative;
	display: block;
	margin-top: 30px;
}

.paginationjs-page.active {
	color: #fff;
	text-decoration: none;
	background-color: var(--color-split-comp-blue);
}

.pagination {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	/*height: 86px;*/
}

.pagination li {
	display: block;
/*	white-space: normal;*/
}