/* This CSS file will be loaded at last. Any CSS customization should be placed here */

:root {
	/* Backgrounds */
	--vbo-white-bg-color: #fff;
	--vbo-grey-bg-color: #eee;
	--vbo-light-grey-bg-color: #f4f3f2;
	--vbo-light-dark-grey-bg-color: #444;
	--vbo-light-dark-grey-bg-color-hover: #666;
	
	/* Borders */
	--vbo-border-color: #ddd;
	--vbo-light-border-color: #eee;
	
	/* Texts */
	--vbo-text-color: #372621;
	--vbo-middle-text-color: #666;
	--vbo-light-text-color: #999;
	--vbo-contrast-text-color: #fff;
	---vbo-body-text-color: #372621;

	/* Input Style */
	--vbo-input-style: #fff;
	--vbo-input-style-deactive: #f6f7f7;
	--vbo-input-style-nested-deactive: #eee;

	/* Colors */
	--vbo-base-color: #2282bd;
	--vbo-base-color-hover: #1890ce;
	--vbo-darkblue-color: #3A4220;
	--vbo-blue-color: #79825E;
	--vbo-blue-color-hover: #2B74A0;
	--vbo-lightblue-color: #79825e;
	--vbo-lightblue-color-hover: #79825e;
	--vbo-green-color: #52aa20;
	--vbo-green-color-hover: #4c794c;
	--vbo-orange-color: #FF8000;
	--vbo-orange-color-hover: #D06800;
	--vbo-red-color: #c70000;
	--vbo-red-color-hover: #9f0000;
}

.vbclistheadt {display:none;}

.vblistcontainer {
font-family: Spectral !important;
font-size:1.2em;
letter-spacing:-0.5px;
}

.vbdivsearch, .vbmodhorsearchmaindiv, .vbo-horizsearch-standardformat-wrap {
    border-radius: 10px;
font-family:Spectral !important;
}

.vbmodhorsearchmaindiv {
    font-family: 'Spectral';
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Montserrat !important;
}

.vbo-search-inpblock {
    width: 30%;
}

.vbdivsearch input[type^="text"] {
    width: 100% !important;
}

.vbo-search-submit .btn {
    padding: 10px 50px !important;
    background: #A68448;
    font-size: 1.2em;
    color: #fff;
    position: relative;
border-radius:50px;
font-weight:600;
}

.vbo-search-submit {
    margin: 0px;
}

.ui-datepicker-calendar .ui-state-default.ui-state-highlight {
    background: #79825e;
    color: #fff;
}

.ui-datepicker td span:hover, .ui-datepicker td a:hover {
	background: var(--vbo-darkblue-color);
	border-color: var(--vbo-darkblue-color);
	color: var(--vbo-contrast-text-color);
}