:root {
	--color-main-raw: 255,165,0;
	--color-accent-raw: 16,180,187;
	--color-primary-raw: 33,150,243;

	--color-main: rgb(var(--color-main-raw));
	--color-accent: rgb(var(--color-accent-raw));
	--color-primary: rgb(var(--color-primary-raw));

	--color-default: gray;
	--color-overdue: rgba(255,50,5,1);
	--color-completed: rgb(var(--color-accent-raw)); /*rgba(98,176,65,1);*/
	--color-snoozed: blue;
}


.loadingOverlay {
	position: relative !important;
	min-height: 100px;
}
.loadingOverlay::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 501;
	background-color: rgba(255,255,255,0.75);
	background-image: url('/images/spinner2.gif');
	background-position: center;
	background-repeat: no-repeat;
	transition: all 1s;
}

textarea {
	resize: vertical;
}

.modal-backdrop {
	/*backdrop-filter: blur(30px);
	-moz-backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);*/
}

.alignCenter {
	text-align: center;
}

.text-danger {
	color: #DD0000;
}

.smallGaps .row {
	margin: 0 -5px !important;
}
.smallGaps [class*=col-] {
	padding: 0 5px !important;
}

.btn.btn-primary {
	background-color: var(--color-primary);
}
.btn.btn-primary:hover {
	background-color: rgba(var(--color-primary-raw),0.8);
}

.block-flat, .block-wizard {
	margin-bottom: 25px !important;
}

/*.bs-placeholder*/
.dropdown.bootstrap-select {
	display: block !important;
}

.dropdown.bootstrap-select button.btn {
	height: 34px !important;
	margin: 0 !important;
}

.btnMinWidth {
	min-width: 80px;
}

.block-flat .content.scrollRight,
.overflowScrollRight {
	overflow-x: auto;
}

.overflowScrollRight table th,
.overflowScrollRight table td {
	white-space: nowrap;
}

.form-group {
	margin-top: 0 !important;
}

label {
	display: block;
}

label span {
	display: block;
	margin-bottom: 4px;
}

.bootstrap-select.right-align.btn-group .btn .filter-option,
.bootstrap-select.right-align .dropdown-item {
   text-align: right;
}

/*** temporary ***/
.parsley-errors-list {
	display: none;
}

.contactEditFormCon .dropdown.bootstrap-select .btn {
	font-size: 12px;
	/*padding-bottom: 8px;*/
	margin-bottom: 0 !important;
}


table.table {
	border-top: 1px solid #AAA !important;
}

table.table th,
.fc-head th {
	border-color: #AAA !important;
	background-color: #AAA;
	color: white;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.fc-head th span {
	color: white;
}