/*!
 * Start Bootstrap - SB Admin (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

body{
	margin-top: 66px;
	background-color: #222;
	font-family: Arial, sans-serif;
}

.btn-xs{
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

a,
.btn-link{
	color: #0098d6;
}

.btn-link:hover{
	text-decoration: none;
}

#wrapper{
	padding-left: 0;
}

#page-wrapper{
	width: 100%;
	padding: 0;
	background-color: #fff;
	min-height: 800px !important;
}

.huge{
	font-size: 50px;
	line-height: normal;
}

/* Top Navigation */
.navbar.fixed-top{
	background: #222;
}
.navbar-collapse{
	height: 0;
}

#dropdownMenuButton{
	padding: 0;
}

.nav.ml-auto .dropdown-menu{
	right: 0;
	left: auto;
}

.sidebar-search{
	padding: 15px;
}
.sidebar-search .input-group-btn .btn{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.top-nav{
	padding: 0 15px;
	margin-right: -10px;
}

.top-nav > li{
	display: inline-block;
	float: left;
}

.top-nav > li > a{
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;
	color: #999;
}

.top-nav > li > a:hover,
.top-nav > li > a:focus,
.top-nav > .open > a,
.top-nav > .open > a:hover,
.top-nav > .open > a:focus{
	color: #fff;
	/* background-color: #000; */
}

.top-nav > .open > .dropdown-menu{
	float: left;
	position: absolute;
	margin-top: 0;
	border: 1px solid rgba(0,0,0,.15);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav > .open > .dropdown-menu > li > a{
	white-space: normal;
}

ul.message-dropdown{
	padding: 0;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

li.message-preview{
	width: 275px;
	border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview > a{
	padding-top: 15px;
	padding-bottom: 15px;
}

li.message-footer{
	margin: 5px 0;
}

ul.alert-dropdown{
	width: 200px;
}

/* Side Navigation */

.side-nav > li > a.nav-link{
	display: block;
	padding: 8px 16px;
	color: #aaa;
}
.side-nav li a:hover,
.side-nav li a:focus{
	outline: none;
	background-color: #000 !important;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}

.side-nav > li.active > a{
	background: #0098d6;
	color: #333;
}
.side-nav > li.active > a:hover,
.side-nav > li.active > a:focus{
	color: #0098d6;
}

.side-nav > li > ul{
	padding: 0;
}

.side-nav > li > ul > li > a{
	display: block;
	padding: 10px 15px 10px 38px;
	text-decoration: none;
	color: #999;
}

.side-nav > li > ul > li > a:hover,
.side-nav > li > ul > li > a:focus{
	color: #fff;
}

.side-nav > li > ul > li.active > a{
	color: #fff;
	background-color: #080808;
}

.tab-content > .tab-pane:not(.show){
	display: none !important;
}

.nav.nav-tabs{
	margin-bottom: 16px;
}

.nav-pills .nav-link{
	border-radius: 0;
}
.navbar-nav .nav-item a,
.navbar-nav .nav-item .btn{
	font-size: .9rem;
}
.navbar-nav .dropdown-menu{
	position: absolute;
}
.navbar-nav .dropdown > a.btn{
	width: 100%;
	text-align: left;
	padding: 8px 16px;
	border-radius: 0;
	box-shadow: none;
	border: 0;
}

.navbar-brand{
	overflow: hidden;
	width: 250px;
	padding-top: 0;
	padding-bottom: 0;
}
.navbar-brand img{
	height: 50px;
}

.navbar-toggler-icon{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-nav .dropdown-toggle{
	color: #aaa;
}
.nav-item-dropdown.active > div > a{
	background: #0098d6;
	color: #333;
}
.nav-item-dropdown.active:hover > div > a,
.nav-item-dropdown.active:focus > div > a{
	color: #0098d6;
}

/* Flot Chart Containers */
.flot-chart{
	display: block;
	height: 400px;
}

.flot-chart-content{
	width: 100%;
	height: 100%;
}

/* Custom Colored Panels */
.huge{
	font-size: 40px;
}

.panel-green{
	border-color: #5cb85c;
}
.panel-green > .card-header{
	border-color: #5cb85c;
	color: #fff;
	background-color: #5cb85c;
}
.panel-green > a{
	color: #5cb85c;
}
.panel-green > a:hover{
	color: #3d8b3d;
}

.panel-red{
	border-color: #d9534f;
}
.panel-red > .card-header{
	border-color: #d9534f;
	color: #fff;
	background-color: #d9534f;
}
.panel-red > a{
	color: #d9534f;
}
.panel-red > a:hover{
	color: #b52b27;
}

.panel-yellow{
	border-color: #f0ad4e;
}
.panel-yellow > .card-header{
	border-color: #f0ad4e;
	color: #fff;
	background-color: #f0ad4e;
}
.panel-yellow > a{
	color: #f0ad4e;
}
.panel-yellow > a:hover{
	color: #df8a13;
}

/* CUSTOM CSTYLE **/
#rooms_table tbody tr:not(.table-success){
	cursor: copy;
}
#rooms_table tbody tr:not(.table-success) .hide-btn{
	display: none;
}
#dates_table_wrapper > .row{
	margin-right: 0;
	margin-left: 0;
}
#dates_table_wrapper > .row > div[class^="col-"]{
	padding-right: 0;
	padding-left: 0;
}

.content_tabs ul.nav-tabs{
	margin-bottom: 0;
}
.content_tabs .card{
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

table tr.hover{
	cursor: pointer;
}
tr.active{
	background-color: #82D466 !important;
	font-weight: bold;
}
h1, h2, h3, h4{
	font-family: 'Titillium Web', sans-serif;
}

h3 small{
	color: #666;
}

#subtabs 			{		list-style:none; margin: 0px; padding: 0px; display: block; padding-left: 10px; border-bottom: 1px solid #575757; height: 36px;	}
#subtabs a			{		text-decoration: none; color: #333;	}
#subtabs li			{		float: left; height: 35px; background-color: #cccccc; color: #333; padding-top: 10px; padding-left: 15px; padding-right: 15px; font-size: 13px; text-align: center; margin-right: 10px; border-top-left-radius: 6px 6px; border-top-right-radius: 6px 6px; }
#subtabs li.active 	{		background-color: #69923a; color: #ffffff !important; padding-left: 15px; padding-right: 15px; text-align: center; font-weight: bold; }
#subtabs li.active a{		color: #ffffff !important;	}

.reservatiekader{ border: 1px solid #BBBBBB; background-color: #eeeeee; padding: 10px 20px; }
.custom-search-form{
	padding-top: 10px;
}
.custom-search-form input.form-control{
	font-size: 12px;
	height: 30px;
	border: none;
}
.custom-search-form .input-group-btn button{
	height: 30px;
	padding: 1px 8px;
}

textarea{
	max-width: 100%;
	max-height: 500px;
}

.record_table{
	width: 100%;
	border-collapse: collapse;
}
.record_table tr:hover{
	background: #eee;
}
.record_table td{
	border: 1px solid #eee;
}
.highlight_row{
	background: #ffeb90;
}

fieldset > label{
	margin-right: 8px;
}

fieldset .no_list_style{
	margin-bottom: 0;
}

.required label::after{
	content: " *";
	color: #F00;
}

/*FullCalendar*/
.fc-day-header{
	background: #bbb;
}
/* .fc-time-grid-event{
	padding: 0 0 0 4px;
} */
.fc-content .fc-time,
.fc-content .fc-title{
	padding: 2px 2px 2px 4px;
}
.fc-content .fc-time{
	color: #fff;
	background-color: #222;
}
.fc-content .fc-title{
	font-weight: bold;
}
.fc-month-view .fc-day-header{
	padding: 8px 0;
}
.fc-widget-content .fc-scroller{
	height: 100% !important;
}
.weekday_day{
	text-transform: capitalize;
	margin-top: 8px;
	display: block;
}
.weekday_dayname{
	font-size: 40px;
	margin-bottom: 8px;
	display: block;
}
.modal_edit{
	position: absolute;
	bottom: -55px;
	left: 16px;
}
/* .weekday_month{} */
/* .fc-time-grid-event{
	box-shadow: inset 4px 0 0 red;
} */

#add_car_exhibition_button{
	width: 100%;
	height: 100%;
}
#add_car_exhibition_button button{
	width: 100%;
	height: 100%;
}

/*Autoworld Blue*/
.btn-primary{
	background-color: #0098d6;
	border-color: #0098d6;
}
.btn-primary:hover{
	background-color: #0086b0;
	border-color: #007fa3;
}

.bg-primary .btn-group-toggle .btn-primary{
	border: 1px solid #005cbf;
}

.btn-outline-primary{
	color: #0098d6;
	border-color: #0098d6;
}
.btn-outline-primary:hover{
	background-color: #0098d6;
	border-color: #0098d6;
}

.bg-primary{
	background-color: #0098d6 !important;
}
.bg-primary .card-title{
	margin-bottom: 0;
}

/*Bootstrap*/
.card{
	margin-bottom: 16px;
}
.panel-btn{
	width: 100px;
	float: left;
	padding: 7px 0;
}
.card-header .btn-group{
	margin-top: 5px;
}
.card-header .btn-group label{
	margin-bottom: 0;
}

.font-weight-normal{
	font-weight: normal;
}

ul.two_columns{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
ul.three_columns{
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

ul.no_list_style{
	list-style: none;
	padding-left: 0;
}

.cal-container a{
	width: 100%;
}
.cal-container a h3,
.cal-container button h3{
	font-size: 1.5rem;
}
.cal-container a .fa,
.cal-container button .fa{
	font-size: 2rem;
}
.cal-container .btn-event{
	background-color: #C4E538;
	border-color: #C4E538;
}
.cal-container .btn-event:hover{
	background-color: #A4C518;
	border-color: #94B508;
}

.cal-container .btn-news{
	background-color: #EE5A24;
	border-color: #EE5A24;
}
.cal-container .btn-news:hover{
	background-color: #CE3A04;
	border-color: #BE2A00;
}

.cal-container .btn-museum{
	background-color: #0652DD;
	border-color: #0652DD;
}
.cal-container .btn-museum:hover{
	background-color: #0032BD;
	border-color: #0012AD;
}

.cal-container .btn-car{
	background-color: #5758BB;
	border-color: #5758BB;
}
.cal-container .btn-car:hover{
	background-color: #37389B;
	border-color: #27288B;
}

.float_col{
	width: 85px;
}
.float_col input{
	text-align: center;
}

.select_col{
	width: 160px;
}

.single_action_col{
	width: 50px;
}

textarea.form-control{
	min-height: 38px;
}

.checkbox_col{
	text-align: center;
}
.checkbox_col input{
	/* transform: scale(1.3);
	height: 18px;
	margin-top: 7px; */
	height: auto;
	display: inline;
}
.checkbox_col label{
	margin-top: 6px;
	display: inline-block;
}

.btn-group-toggle .btn:not(.active){
	background-color: #eee !important;
	color: #333 !important;
	border-color: #333;
}
.btn-group-toggle .btn:not(.active):hover{
	background-color: #ddd !important;
}

.ui-timepicker-container,
.ui-datepicker{
	z-index: 1060 !important;
}

.daterangepicker-cell{
	width: 309px;
}
.input-cell .daterangepicker{
	width: 310px;
	margin-top: 0;
	top: 0;
	left: 0;
}

.daterangepicker option.disabled,
.daterangepicker td.disabled{
	color: #ddd;
}

input[type=file]{
	padding-bottom: 40px;
}

ol.breadcrumb{
	font-size: 13px;
}

.btn-container{
	text-align: center;
	display: flex;
}

.tooltip_question::after{
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f059";
	float: right;
}

table.table-narrow > tbody > tr > td{
	padding: 6px;
}
table.table-narrow .form-control{
	padding:	6px;
}

thead.text-center > tr > th{
	text-align: center;
	vertical-align: middle;
}
thead.text-center > tr > th small{
	font-weight: normal;
}

table .tooltip_question{
	padding-right: 25px;
}
table .tooltip_question::after{
	margin-top: 3px;
	/* margin-right: 4px; */
	margin-left: 5px;
	position: absolute;
}

table .form-group{
	margin-bottom: 0;
}

table th.input-cell,
table td.input-cell{
	/* padding: 0 !important; */
	position: relative;
}
table th.textarea-cell,
table td.textarea-cell{
	padding: 0 !important;
}

table th.input-cell > div,
table td.input-cell > div{
	position: absolute;
	top: 2px;
	height: calc(100% - 4px);
	/*
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	*/
}



table th.input-cell input,
table td.input-cell input,
table th.input-cell select,
table td.input-cell select,
table th.input-cell .input-group,
table td.input-cell .input-group{
	height: 100%;
	border-radius: 0;
}

.input-group-text { padding: 0px .5rem !important }
.border-right { border-right: 1px solid #666666 !important; }

table th.input-cell.date_and_time,
table td.input-cell.date_and_time,
table th.input-cell.date_and_time > div,
table td.input-cell.date_and_time > div{
	width: 160px;
}

table th.input-cell.date_and_time input.datepicker,
table td.input-cell.date_and_time input.datepicker{
	float: left;
	width: 100px;
}
table th.input-cell.date_and_time input.timepicker,
table td.input-cell.date_and_time input.timepicker{
	float: left;
	width: 60px;
}

table th.input-cell.date_and_time input:hover,
table td.input-cell.date_and_time input:hover{
	cursor: pointer;
}

.table-full-width .row{
	/* A scroll bar appears when 100% */
	width: 99.8%;
}

td.table-name, tr.table-name td,
td.table-buildup, tr.table-buildup td,
td.table-event, tr.table-event td,
td.table-breakdown, tr.table-breakdown td{
	vertical-align: middle;
}

th.table-name, tr.table-name td:first-child{
	font-weight: bold;
}
th.table-buildup, tr.table-buildup td:first-child{
	font-weight: bold;
}
th.table-event, tr.table-event td:first-child{
	font-weight: bold;
}
th.table-breakdown, tr.table-breakdown td:first-child{
	font-weight: bold;
}

td.table-name, tr.table-name td{
	background-color: #55EFC4;
}
td.table-buildup, tr.table-buildup td{
	background-color: #A1FFFF;
}
td.table-event, tr.table-event td{
	background-color: #94D9FF;
}
td.table-breakdown, tr.table-breakdown td{
	background-color: #C2BBFF;
}

.card-body .list-group{
	font-size: 14px;
}
.card-body .list-group .fa-arrow-right{
	padding-top: 3px;
}

.language_badges{
	text-transform: uppercase;
}

.badge-nl{
	color: #fff;
	background-color: #28a745;
}
.badge-fr{
	color: #212529;
	background-color: #ffc107;
}
.badge-en{
	color: #fff;
	background-color: #dc3545;
}

.mt1{	margin-top: 8px;}
.mt2{	margin-top: 16px;}
.mt3{	margin-top: 24px;}
.mt4{	margin-top: 32px;}

.mr1{	margin-right: 8px;}
.mr2{	margin-right: 16px;}
.mr3{	margin-right: 24px;}
.mr4{	margin-right: 32px;}

.mb1{	margin-bottom: 8px;}
.mb2{	margin-bottom: 16px;}
.mb3{	margin-bottom: 24px;}
.mb4{	margin-bottom: 32px;}

.ml1{	margin-left: 8px;}
.ml2{	margin-left: 16px;}
.ml3{	margin-left: 24px;}
.ml4{	margin-left: 32px;}

/*Datatables*/
table.table-full-width{
	width: 100% !important;
}
.main_contact_1{
	font-weight: bold;
}
.main_contact_1::after{
	content: " Main";
	vertical-align: super;
	font-size: smaller;
	font-weight: 400;
}

.dataTables_length{
	margin-bottom: 16px;
}
.dataTables_length select{
	margin: 0 8px;
}

.dataTables_wrapper .row{
	width: 100%;
}

/*Spinner*/
.spinner_container{
	display: none;
}
.spinner{
	text-align: center;
}
.spinner > span{
	width: 8px;
	height: 8px;
	margin: 0 1px;
	background-color: #fff;

	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner.black > span{
	background-color: #000;
}
.spinner.small > span{
	width: 2px;
	height: 2px;
}
.spinner .bounce1{
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner .bounce2{
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

/*Collapsible Left Sidebar*/
#row-main{
	overflow-x: hidden;
}
#quotation_menu{
	transition: all 0.3s ease;
}
/* .collapsed{
	display: none;
} */
#quotation_content{
	transition: all 0.3s ease;
}

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
	table th.input-cell input,
	table td.input-cell input,
	table th.input-cell select,
	table td.input-cell select,
	table th.input-cell .input-group,
	table td.input-cell .input-group{
		height: auto;
	}
}

@-webkit-keyframes sk-bouncedelay{
	0%, 80%, 100%{ -webkit-transform: scale(0) }
	40%{ -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay{
	0%, 80%, 100%{
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40%{
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

@media (min-width: 992px){
	.collapsed{
		display: block;
	}

	#quotation_menu.collapsed{
		margin-left: -212px;
	}
}

@media screen and (min-width:768px){
	.side-nav{
		position: fixed;
		top: 60px;
		left: 170px;
		width: 170px;
		margin-left: -170px;
		border: none;
		border-radius: 0;
		overflow-y: auto;
		background-color: #222;
		bottom: 0;
		overflow-x: hidden;
		padding-bottom: 40px;
	}
	/* .side-nav > li > a{
		width: 225px;
	} */

	#wrapper{
		padding-left: 170px;
	}

	#page-wrapper{
		padding: 30px 0;
	}

	.navbar-ex1-collapse{
		display: block !important;
	}
}

@media screen and (max-width:768px){
	body{
		margin-top: 70px;
	}

	.navbar-collapse{
		height: auto;
	}
}

@media screen and (max-width: 680px){
	ul.two_columns{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	ul.three_columns{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

	.dropdown-toggle .lastname{
		display: none;
	}
}

@media screen and (max-width: 520px){
	ul.two_columns,
	ul.three_columns{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	/* body{
		margin-top: 150px;
	} */

	.navbar-brand{
		width: 67px;
	}
}

@media screen and (max-width: 240px){
	body{
		margin-top: 90px;
	}
}