:root {

	--primary-light: rgba(109, 125, 140, 1);
	--primary: rgba(78, 93, 108, 1);
	--primary-dark: rgba(43, 62, 80, 1);

	--secondary: rgba(64, 196, 255, 1);

	--button-primary: rgba(223, 105, 26, 1);
	--button-primary-hover: rgba(177, 83, 18, 1);
	--button-primary-inactive: rgba(161, 99, 61, 1);

	--button-secondary: rgba(230, 156, 53, 1);
	--button-secondary-hover: rgba(207, 146, 60, 1);
	--button-secondary-inactive: rgba(175, 133, 68, 1);

	--button-warn: rgba(217, 83, 79, 1);
	--button-warn-hover: rgba(189, 65, 61, 1);
	--button-warn-inactive: rgba(138, 73, 71, 1);

	--button-confirm: rgba(92, 184, 92, 1);
	--button-confirm-hover: rgba(61, 147, 61, 1);
	--button-confirm-inactive: rgba(54, 103, 54, 1);


	--table_tops: rgba(230, 156, 53, 1);

	--text-primary: rgba(255, 255, 255, 1);
	--text-primary-dark: rgba(228, 228, 228, 1);

	--text-secondary: rgba(240, 173, 78, 1);

	--text-table: rgba(46, 46, 46, 1);

	--input-field: rgba(255, 255, 255, 1);
	--input-field-text: rgba(117, 117, 117, 1);
	--input-field-text-focus: rgba(39, 39, 39, 1);
	--input-field-type: rgba(39, 39, 39, 1);


	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;

	/*!*--primary: #DF691A;*!*/
	/*--secondary: #4E5D6C;*/
	/*--success: #5cb85c;*/
	/*--info: #5bc0de;*/
	/*--warning: #f0ad4e;*/
	/*--danger: #d9534f;*/
	/*--light: #abb6c2;*/
	/*!*--dark: #4E5D6C;*!*/

	/*--white: rgb(255, 255, 255);*/
	/*--black: rgb(39, 39, 39);*/

	/*--indigo: #6610f2;*/
	/*--purple: #6f42c1;*/
	/*--pink: #e83e8c;*/
	/*--red: #d9534f;*/
	/*--orange: #f0ad4e;*/
	/*--yellow: #f0ad4e;*/
	/*--green: #5cb85c;*/
	/*--teal: #20c997;*/
	/*--cyan: #5bc0de;*/

	/*--gray: #868e96;*/
	/*--gray-dark: #343a40;*/

	/*--primary: rgba(78, 93, 108, 1);*/
}


.container {
	max-width: 100%;
}

.navbar {
	background-color: var(--gray-dark) !important;
}

.navbar a {
	color: rgba(255, 255, 255, 1);
	margin: 0px 5px;
	float: left;
}

label {
	/*font-weight: bold;*/
	text-decoration: none;
}

/* LOGIN PAGES */
.page-login {
	background-color: rgba(0, 0, 0, .25);
}

#login-overlay .modal-body {
	padding: 40px;
rgba(255, 255, 255, 1);
}

a, a:link {
	color: var(--text-primary);
}

a:hover,
a:active {
	color: var(--text-primary-dark);
	text-decoration: none;
}

h1 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.card {
	margin-top: 20px;
}

/* BASICS */
.navbar {
	width: 100%;
}

.hidden {
	display: none;
}

.modal-footer .btn-primary {
	display: none;
}

.slider-handle {
	width: 3em;
	height: 1.6em;
	top: 50%;
	margin-top: -14px;
	margin-left: -10px;
	text-align: center;
	line-height: 1.6em;
	/*	border: 1px solid rgba(255,255,255,.5);*/
	background-color: rgba(100, 100, 100, 1);
	border-radius: 3px;
	position: relative;
}

.slider-handle:hover, .slider-handle:active {
	border: 2px solid rgba(255, 0, 0, .5) !important;
	background-color: rgba(50, 50, 50, 1);
}

.slider {
	margin: 30px 0px;
	background-color: rgba(255, 255, 255, .2);
	height: 10px;
	border: 1px solid rgba(255, 255, 255, .5);
}

.lead-icon {
	padding-top: 8px;
	text-align: center;
}

.deleteicon {
}

.searchrow:hover {
	background-color: rgba(255, 255, 255, .1);
}

.clientrow {
	min-height: 40px;
	padding-top: 5px;
}

.row.bg-warning {
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
]
}


/* calendar */
div.zabuto_calendar .table tr.calendar-month-header td {
	text-align: center !important;
}

div.zabuto_calendar .table tr.calendar-month-header td span {
	font-size: 22px;
}


tr.calendar-dow {
}

tr.calendar-dow td {
	height: 100px;
	overflow: scroll-y;
}

div.zabuto_calendar .table th, div.zabuto_calendar .table td {
	text-align: left !important;
}

.zabuto-calendar__day, .zabuto-calendar__day--today {
	background-color: rgba(255, 255, 255, .75);
}

.zabuto-calendar__day.Calendar-Hours-Added, .zabuto-calendar__day--today.Calendar-Hours-Added {
	background-color: rgba(91, 192, 222, .5);
}

.zabuto-calendar__day--today.Calendar-Hours-Added {
	border: 2px solid rgba(240, 173, 78, 1);
}

.zabuto-calendar__day--today .badge.bg-primary {
	background-color: rgba(240, 173, 78, 1) !important;
}

.buttonlist a {
	padding: 5px;
	cursor: pointer;
	position: relative;
	float: left;
	width: 98%;
	margin: 2px 1%;
	border: 1px solid rgba(255, 255, 255, .5);
}

.buttonlist a:hover {
	background-color: rgba(255, 255, 255, .5);
}


.searchrow:hover {
	cursor: pointer
}

.searchrow .special:hover {
	background-color: rgba(30, 130, 75, 1) !important;
	color: rgba(255, 255, 255, 1);
}

/* REPORT EXPORT */

.event-empty {
	display: none;
}

table.dataTable {
	width: 100%;
}

table.dataTable td, table.dataTable th {
	padding: 2px 10px;
}

table.dataTable tr {
	border-bottom: 1px solid rgba(255, 255, 255, 1) !important;
}

table.dataTable th {
	background-color: var(--primary-dark) !important;
	border-bottom: 2px solid rgba(255, 255, 255, 0) !important;
	font-weight: 400 !important;
	color: var(--text-primary-dark) !important;
	font-size: 1.1em;
}

table.dataTable td {
	background-color: rgba(255, 255, 255, .5) !important;
	color: var(--text-table) !important;
}

table.dataTable td a {
	color: rgba(0, 0, 0, .7);
}

/*table.dataTable td*/
/*.table.table-condensed th{ font-weight: bold; }*/
/*.table.table-condensed  td{ }*/
.table-striped tbody tr:nth-of-type(odd) {
	color: rgba(0, 0, 0, 1);
}

.table-striped tbody tr:nth-of-type(even) {
	color: rgba(0, 0, 0, 1);
}


#LoadingScreen {
	position: absolute;
	width: 100%;
	background-color: rgba(0, 0, 0, .65);
	border: 1px dashed green;
	top: 0px;
	left: 0px;
	z-index: 99999;
	height: 100vh !important;
	text-align: center;
	padding-top: 50vh;
}

*:required {
	border: 2px solid var(--button-warn);
}

.fc-col-header .fc-scrollgrid-sync-inner {
	background-color: var(--button-secondary);
}

.fc-event-title-container:hover {
	background-color: rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

.fc-daygrid-day-frame:hover {
	background-color: rgba(255, 255, 255, 0.1);
	cursor: pointer;
}