/** 
 * @package   	VikBooking
 * @subpackage 	front-end styles
 * @author    	E4J s.r.l.
 * @link 		https://vikwp.com
 */

/* Variable declarations
 * Guidelines input elements:
 * -- Config Input and Select: 
      Background: --vbo-input-style / Border-color: --vbo-config-border-color
 * -- Config Input and Select - Status DEACTIVE
  	  Background: --vbo-input-style-deactive / Border-color: --vbo-config-border-color
 * -- Nested Config Input and Select: 
	  Background: --vbo-input-style-nested / Border-color: --vbo-config-border-color
 * -- Nested Config Input and Select - Status DEACTIVE: 
	  Background: --vbo-input-style-nested-deactive / Border-color: --vbo-input-style-deactive
 * -- Generic btn gray:
	  Background: --vbo-basic-btn / --vbo-config-border-color

 */
p.err {
    background: no-repeat scroll 10px center var(--vbo-white-bg-color) !important;
    border: 1px solid #F7C9C9 !important;
    border-radius: 5px;
    color: #bb2828;
    font-weight: bold;
    margin: 15px 0 20px;
    padding: 20px !important;
    box-sizing: border-box;
}

 :root {
	/* Backgrounds */
	--vbo-white-bg-color: #fff;
	--vbo-grey-bg-color: #eee;
	--vbo-light-grey-bg-color: #e9e9e9;
	--vbo-light-dark-grey-bg-color: #444;
	--vbo-light-dark-grey-bg-color-hover: #666;
	--vbo-available-bg-color: #d4edda; /* Light green */
	--vbo-available-text-color: #155724; /* Dark green */
	--vbo-unavailable-bg-color: #f8d7da; /* Light red */
	--vbo-unavailable-text-color: #721c24; /* Dark red */	


	/* Borders */
	--vbo-border-color: #ddd;
	--vbo-light-border-color: #eee;
	
	/* Texts */
	--vbo-text-color: #444;
	--vbo-light-text-color: #999;
	--vbo-contrast-text-color: #fff;

// color change //

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

// color chgange// 

	/* Colors */
	--vbo-darkblue-color: #144D5C;
	--vbo-blue-color: #0167A2;
	--vbo-blue-color-hover: #2B74A0;
	--vbo-lightblue-color: #80b3ca;
	--vbo-lightblue-color-hover: #649fbb;
	--vbo-green-color: #09AA0A;
	--vbo-green-color-hover: #4c794c;
	--vbo-orange-color: #FF8000;
	--vbo-orange-color-hover: #D06800;
	--vbo-red-color: #F77069;
	--vbo-red-color-hover: #3286b8;
}
element.style {
}
p.err {
    background: no-repeat scroll 10px center var(--vbo-white-bg-color) !important;
    border: 1px solid #F7C9C9 !important;
    border-radius: 5px;
    color: var(--vbo-red-color);
    font-weight: bold;
    margin: 15px 0 20px;
    padding: 20px !important;
    box-sizing: border-box;
}

element.style {
    display: block;
    width: 34em;
}
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.vbo-horizsearch-dpicker-cont > .ui-datepicker-multi {
    width: auto !important;
    padding: 20px;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
    border-radius: 28px;
}
.ui-datepicker, .ui-datepicker.ui-datepicker-multi {
    width: auto !important;
}
.ui-datepicker, .ui-datepicker.ui-datepicker-multi {
    width: auto !important;
}
.ui-datepicker.ui-datepicker-multi {
    width: auto !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}
.ui-widget-content {
    border: 1px solid #fff;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222;
}