:root {
    --primary-color: #1B2C74
}

body {
	color: #1C1C1B;
}

.spinner {
	 background-color: var(--primary-color);
}
.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.radio-primary input[type="radio"] + label::after {
    background-color: var(--primary-color);
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: var(--primary-color);
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: var(--primary-color);
}
a {
	color: var(--primary-color);
}
a:hover {
	color: var(--primary-color);
}
h2 {
    background-color: #A6A8AA;	
    color: #ffffff;
}
.form-control {
    color: #1C1C1B;
    border-bottom: 1px solid #A6A8AA;
}
.form-control:focus {
    border-bottom: 2px solid var(--primary-color);
}

.StripeElement {
    color: #1C1C1B;
    border-bottom: 1px solid #A6A8AA;
}
.StripeElement--focus {
    border-bottom: 2px solid var(--primary-color);
}
textarea.form-control {
    border-left: 1px solid #A6A8AA;
}
textarea.form-control:focus {
    border-left: 2px solid #A6A8AA;
}
textarea.form-control:read-only:focus {
    border: none;
    border-left: 1px solid #A6A8AA;
    border-bottom: 1px solid #A6A8AA;
}
.btn-positive {
    background-color: var(--primary-color);
    border: solid 1px var(--primary-color);
}
.btn-positive:hover, .btn-positive:focus, btn-positive:active {
    background-color: var(--primary-color);
    border: solid 1px var(--primary-color);
}
.btn-negative {
    color: #1C1C1B;
    border: solid 1px #A6A8AA;
}
.btn-negative:hover, .btn-negative:focus, .btn-negative:active {
    background-color: #e6e6e6;
}
.btn-frameonly {
    color: #1C1C1B;
    border: solid 1px var(--primary-color);
}
.text-danger {
    color: #F60000;
}
.check-icon:before {
    color: var(--primary-color);
}
.modal-btn {
    color: var(--primary-color);
}
.modal-btn:hover, .modal-btn:active {
    color: var(--primary-color);
}
.maint-tab-active {
    border-bottom: 3px solid var(--primary-color);
}
.maint-tab-active a {
    color: var(--primary-color);
}
.maint-item a i {
    color: var(--primary-color);
}
.pager-btn {
	background: var(--primary-color);
}
.maint-reminder-done {
    color: var(--primary-color);
}
.maint-reminder-edit {
    color: var(--primary-color);
}
.reminder-progress-percent {
    background-color: var(--primary-color);
}

@media screen and (min-width:500px) {
	.form-control {
	    color: #1C1C1B;
	    border: 1px solid #A6A8AA;
	}
	.form-control:focus {
	    border: 2px solid var(--primary-color);
	}
	.StripeElement {
	    color: #1C1C1B;
	    border: 1px solid #A6A8AA;
	}
	.StripeElement--focus {
	    border: 2px solid var(--primary-color);
	}
}