.reservation-modal
{
	display: none;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	min-width: 450px;
	z-index:1000;
}

.reservation-modal .modal-overflow
{
	width: 100%;
	height: 100%;
	background-color: rgba(37,37,37,0.5);
	padding-left: 2%;
	padding-right: 2%;
	transition: padding .3s ease-out;
}

.reservation-modal .modal-content
{
	display: none;
	padding: 10px;
	background-color: white;
	width: 100%;
	max-width: 750px;
	min-height: 400px;
	margin: auto;
	overflow: auto;
	box-shadow: 0px 10px 25px 0px;
}

.reservation-modal .modal-head
{
	position: relative;
}

.reservation-modal .modal-head .modal-close
{
	position: absolute;
    right: 0;
    margin-right: -5px;
    font-size: 20pt;
}

.reservation-modal .modal-head .modal-close:hover
{
	color: black;
	cursor: pointer;
}

.reservation-modal .modal-body
{
	height: 250px;
}

.reservation-modal .modal-body .modal-info,
.reservation-modal .modal-body .modal-timer
{
	float: right;
	padding: 5px;
}

.reservation-modal .modal-body .modal-timer
{
	position: relative;
}

@media (max-width: 768px)
{
	.reservation-modal .modal-body .modal-info,
	.reservation-modal .modal-body .modal-timer
	{
		float: left;
		width: 100%;
	}
}

.reservation-modal .modal-body .modal-info .info b
{
	float: right;
}

.reservation-modal .modal-body .modal-timer .timer-text
{
	margin-top: 85px;
	text-align: center;
}

.reservation-modal .modal-body .modal-timer .timer-circle
{
	margin-top: -140px;
	text-align: center;
}

.reservation-modal .modal-body .modal-timer svg 
{
   -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.reservation-modal .modal-footer
{
	width: 100%;
}

.reservation-modal .modal-footer a:first-of-type
{
	float: left;
}

.reservation-modal .modal-footer a:last-of-type
{
	float: right;
}

.circle_animation 
{
  stroke-dasharray: 565px; /* this value is the pixel circumference of the circle */
}

.cicle_transition
{
	transition: all 1s ease-out;
}

.move-a-very-little-to-right
{
	transform: translateX(3px);
	display: inline-block;
}

.move-a-little-to-right
{
	transform: translateX(5px);
}

.right-fl
{
	float: right !important;
}

.desc-text, .cond-text, .set-text, .main-text
{
	min-height: 80px !important;
	padding: 2px 6px !important;
	font-size: 12px !important;
	margin: 0 !important;
}

.desc-text, .cond-text, .main-text
{
	box-shadow: none !important;
	margin-top: 4px !important;
}

.set-text
{
	min-height: 100px !important;
}

.condition, .description, .mainConditions
{
	margin-top: 10px !important;
}

.modal-content
{
	min-height: 0 !important;
}

.modal-body
{
	height: 0 !important;
}

.Aanpassen, .Annuleren, .Bevestigen, .Accepteren, .Weigeren
{
	margin: 15px 0 0 !important;
	font-size: 12px !important;
	padding: 8px 0 !important;
	width: 100% !important;
}

.Standaard
{
	border-radius: 3px 3px 0 0 !important;
	background-color: #f8f8f8 !important;
	border: 1px solid #e1e1e1 !important;
	padding: 6px 8px 5px !important;
	border-bottom: none !important;
	font-size: 11px !important;
	display: inline !important;
	float: right !important;
	color: #000 !important;
	margin: 0 !important;
}

.Standaard:hover
{
	background-color: #f0f0f0 !important;
	border-color: #d9d9d9 !important;
}

.single-button-container
{
	padding: 0 7px !important;
}

.buttonDiv
{
	margin: 10px -7px 0px -7px !important;
}

.smallBox, .bigBox
{
	border-radius: 1000px;
	color: #fff;
}

.smallBox
{
	margin-left: 4px;
	font-size: 12px;
	padding: 0 6px;
}

.bigBox
{
	margin-left: 10px;
	padding: 2px 14px;
	font-size: 25px;
}

.myUsers, .myAvailableUsers
{
	background-color: #edae44;
}

.totalUsers, .totalAvailableUsers, .myUnreadMessages
{
	background-color: #109bc5;
}

.myReservations, .myUnreadReservations, .myArchivedReservations, .myTotalReservations
{
	background-color: #e13276;
}

.myRequests, .myUnreadRequests, .myArchivedRequests, .myTotalRequests
{
	background-color: #4a1dd1;
}

.no-margin
{
	margin: 0 1px 0 !important;
}

.min-height
{
	min-height: 165px !important;
}

.min-height:hover
{
	background-color: #f8f8f8 !important;
}

.checkLabel, .checkBoxText
{
	margin: 4px 0 0 !important;
	transform: translateY(4px);
}

#checkBox
{
	margin: 0 5px 0 0 !important;
	transform: translateY(2px);
}

#header_main
{
	background-color: #fff !important;
}

.backButton
{
	padding: 15px 15px 14px 10px !important;
	background-color: #109bc5 !important;
	text-decoration: none !important;
	margin: 10px 15px 0 0 !important;
	color: #fff !important;
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer;
}

input.disabled,
select.disabled,
textarea.disabled,
.avia-button.disabled
{
	opacity: 0.3;
	cursor: not-allowed;
}

[buttonloading='true'],
[buttonLoading='true']
{
	opacity: 0.3;	
}

th.sortColumn,
td.sortColumn
{
	cursor: pointer;
}

th.sortColumn.active,
td.sortColumn.active
{
	color: #109bc5;
}