body {
    background-color: var(--bg-primary);
    color: var(--text);
    width: 100vw !important;
    min-height: 100vh;
}

footer {
	padding-top: 1.5vw;
    padding-bottom: 0.5vw;
    padding-left: 4vw;
    padding-right: 4vw;
}


#logo {
    height: 75px;
    border-radius: 15px;
}

a {
    color: var(--accent);
    text-decoration: none;
}
a:hover {
    cursor: pointer;
    color: var(--accent);
}

.container-fluid {
    max-width: 85vw !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--text);
}

.text-accent {
    color: var(--accent);
}

.text-accent-orange {
    color: var(--accent-orange);
}

.text-italic {
    font-style: italic;
}

.text-bold {
    font-weight: bold;
}

.bg-accent-orange {
    background-color: var(--accent-orange) !important;
    color: #fff;
}

.btn.disabled {
	cursor: not-allowed !important;
	pointer-events:none !important;
	background-color: #ccc !important;
    color: #666 !important;
    border-color: #666 !important;
}

/*
.btn-group .btn-primary:not(:last-child) {
    border-right: 2px solid var(--accent-dark-tint) !important;
}
*/
.btn-primary {
    background-color: var(--accent-dark);
    border-color: var(--accent-dark);
    color: var(--accent-light);
}

.btn-primary:hover {
    background-color: var(--accent-dark-tint);
    border-color: var(--accent-dark);
    color: var(--accent-dark);
}

.btn-primary:active, .btn-primary:target, .btn-primary:focus {
    background-color: var(--accent-dark-tint);
    border-color: var(--accent-dark);
    color: var(--accent-dark);
    box-shadow: none;
}

.btn-secondary {
    background-color: var(--accent-dark-tint);
    border-color: var(--accent-dark);
    color: var(--accent-dark);
}

.btn-secondary:hover {
    background-color: var(--accent-dark);
    border-color: var(--accent-dark);
    color: var(--accent-dark-tint);
}

.btn-secondary:active, .btn-secondary:target, .btn-secondary:focus {
    background-color: var(--accent-dark-tint);
    border-color: var(--accent-dark-tint);
    color: var(--accent-light);
    box-shadow: none;
}

.btn-accent {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--accent-light);
}

.btn-accent:hover {
    background-color: var(--accent-dark-tint);
    border-color: var(--accent);
    color: var(--accent);
}

.btn-accent:active, .btn-accent:target, .btn-accent:focus {
    background-color: var(--accent-dark-tint);
    border-color: var(--accent);
    color: var(--accent);
    box-shadow: none;
}


.form-check-input:checked {
    background-color: var(--accent-dark);
    border-color: var(--accent-dark);
    color: var(--accent-light);
}

.form-check-input:focus {
    box-shadow: none;
}

.control-label {
    z-index: 5 !important;
    opacity: 1;
}

.modal-dialog {
    min-width: 25%;
    max-width: 75%;
    margin: 1.75rem auto;
}

textarea {
    width: 100%;
    height: 80%;
    border-radius: 0.25rem;
    font-size: 1rem;
    padding: 0.375rem 0.75rem;
    overflow: auto;
}
textarea:disabled {
    width: 100%;
    height: 80%;
    /*background-color: var(--bg-primary);*/
    background-color: #e9ecef;
    color: var(--text);
    /*border: 1px solid var(--accent-dark);*/
    resize: none;
}
textarea::-webkit-resizer {
    display: none;
}
.dropdown-item.active, dropdown-item:active {
    background-color: var(--accent-dark-tint);
    color: var(--text);
}

.form-switch > .form-check-label {
	vertical-align: middle;
}

.form-switch > .form-check-input {
	height: 1.4rem;
	width: calc(2rem + 0.75rem);
}

/****************************************/
/************ LOADER ********************/
/****************************************/
#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1130;
}

#loader-wrapper .entry-title h2 {
	color: 	var(--accent-dark);
}

#loader-wrapper .entry-title h6 {
	color: 	var(--accent);
}

#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -250px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: var(--accent-dark);
	-webkit-animation: spin 2s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 2s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
	z-index: 1001;
}

#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: var(--accent);
	-webkit-animation: spin 3s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: var(--accent-dark-tint);
	-webkit-animation: spin 1.5s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 1.5s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: rgba(255,255,255,1);
	z-index: 1000;
	-webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(0); /* IE 9 */
	transform: translateX(0); /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
	left: 0;
}

#loader-wrapper .loader-section.section-right {
	right: 0;
}

#loader-wrapper .entry-title {
	text-align: center;
	z-index: 1002;
    /* display: block; */
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: 25px 0 0 -75px;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(-100%); /* IE 9 */
	transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.7s 0.3s
		cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(100%); /* IE 9 */
	transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.7s 0.3s
		cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateY(-100%); /* IE 9 */
	transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.3s 0.5s ease-out;
	transition: all 0.3s 0.5s ease-out;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
	display: none;
}

.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active {
    background-color: var(--accent-dark);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--accent-dark)), to(var(--accent-dark)));
    background-image: -webkit-linear-gradient(top, var(--accent-dark), var(--accent-dark));
    background-image: -o-linear-gradient(top, var(--accent-dark), var(--accent-dark));
    background-image: linear-gradient(top, var(--accent-dark), var(--accent-dark));
}

.datetimepicker table tr td.today, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover {
 	background-color: var(--accent);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--accent)), to(var(--accent)));
    background-image: -webkit-linear-gradient(top, var(--accent), var(--accent));
    background-image: -o-linear-gradient(top, var(--accent), var(--accent));
    background-image: linear-gradient(top, var(--accent), var(--accent));
}

.datetimepicker table tr td.today:hover, .datetimepicker table tr td.today:hover:hover, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today.disabled:hover:hover, .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today:hover.disabled, .datetimepicker table tr td.today.disabled.disabled, .datetimepicker table tr td.today.disabled:hover.disabled, .datetimepicker table tr td.today[disabled], .datetimepicker table tr td.today:hover[disabled], .datetimepicker table tr td.today.disabled[disabled], .datetimepicker table tr td.today.disabled:hover[disabled] {
    background-color: var(--accent);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--accent)), to(var(--accent)));
    background-image: -webkit-linear-gradient(top, var(--accent), var(--accent));
    background-image: -o-linear-gradient(top, var(--accent), var(--accent));
    background-image: linear-gradient(top, var(--accent), var(--accent));
}

.datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active {
    background-color: var(--accent);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--accent)), to(var(--accent)));
    background-image: -webkit-linear-gradient(top, var(--accent), var(--accent));
    background-image: -o-linear-gradient(top, var(--accent), var(--accent));
    background-image: linear-gradient(top, var(--accent), var(--accent));
}