:root {
  --basic-panel: #DCE5F8;
  --basic-white: #fff;
  --basic-red: #9e0101;
  --basic-black: #222222;
  --basic-blue: #40759c;
  --basic-red-active: #ec1c24;
  --basic-gray: #707070;
  --basic-lightgray: #e6e8e9;
}

body {
	/*background: var(--basic-panel);*/
}

.samo_container {
    max-width: 1200px;
    padding-top: 20px;
}

.samo_container input[type='checkbox'] {
	accent-color: var(--basic-red);
}


.samo_container button, 
.samo_container input[type='submit'], 
.samo_container input[type='button'], 
.samo_container .link.button,
.samo_container div.logon-wrapper button,
#bron_info .calc,
#bron_info .additional_services,
#bron_info .bron
{
	background: var(--basic-red);
}

#bron_info .calc:hover,
#bron_info .additional_services:hover,
#bron_info .bron:hover
{
	background: var(--basic-blue);
}

/* .samo_container .container table,
.samo_container .logon-wrapper,
.samo_container .searchmode_selected,
.samo_container fieldset > table {
	color: var(--basic-white) !important;
} */

/* .samo_container .HOTELSCONTAINER .checklistbox,
.samo_container .chosen-results {
	color: var(--basic-black) !important;
}
 */
 
.samo_container .price_button {
	color: var(--basic-red) !important;
}

/*
.samo_container .panel,
.samo_container .direction, 
.samo_container table.panel,
.samo_container table.direction, 
.samo_container .searchmode, 
.samo_container table.res thead th,
.samo_container .Zebra_DatePicker .dp_daypicker th,
.samo_container .user_info .panel,
.samo_container .hotels_container,
.samo_container .subpanel,
#modalContainer div.modalTitle, 
#logonContainer div.modalTitle,
.samo_container button 
{
	color: var(--basic-white) !important;
}
*
/*
.samo_container input, 
.samo_container select,
.samo_container table.res
{
    color: var(--basic-black) !important;
}
*/

/* .samo_container .panel,
.samo_container .direction, 
.samo_container .searchmode, 
.samo_container table.res thead th,
.samo_container .Zebra_DatePicker .dp_daypicker th,
.samo_container .user_info .panel,
.samo_container .hotels_container,
.samo_container .subpanel,
#modalContainer div.modalTitle, 
#logonContainer div.modalTitle
{
	background-color: var(--basic-brown);
}
 */
/* .samo_container button.load, .samo_container div.logon-wrapper button {
	background-color: var(--basic-dark);
} */


/*--------------------------------------------------------------------*/
.samo_container .panel, 
#modalContainer div.modalTitle, 
#logonContainer div.modalTitle,
.samo_container .subpanel {
	background-color: var(--basic-panel);
}
/*--------------------------------------------------------------------*/

.arm-button {
	
	padding: 8px 16px;
	text-decoration: none !important;
    display: flex;
    border-radius: 1.5rem;
    transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
	justify-content: center;
	cursor: pointer;
	
}
.arm-button-red {
	
	background-color: var(--basic-red);
    color: var( --basic-white) !important;
}

.arm-button-empty {
	border: thin solid var(--basic-red);
	color: var( --basic-gray) !important;
}

.arm-button-empty:not(:disabled):hover {
	border: thin solid var(--basic-gray);
    color: var(--basic-white) !important;
    background: var(--basic-gray);
}

.arm-button-red:not(:disabled):hover {
	background: var( --basic-red-active);
    box-sizing: border-box;
}

.arab-button {
	border: thin solid var(--basic-red);
	color: var( --basic-gray) !important;
    /*background-color: var(--basic-dark);
    color: var( --basic-white) !important;*/
	
    padding: 8px 16px;
    text-decoration: none !important;
    display: flex;
    box-shadow: 0px 5px 5px rgb(0 0 0 / 25%);
    border-radius: 1.5rem;
    transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: thin solid var(--basic-blue);
	justify-content: center;
	cursor: pointer;
}

.arab-button:disabled {
	cursor: not-allowed;
	background-color: var(--basic-gray);
	border:0;
}

.arab-button:not(:disabled):hover {
	
	background: var( --basic-white);
    color: var(--basic-dark) !important;
    box-sizing: border-box;
	
}

.arab_container {

    display: flex !important;
    gap: 5px 10px;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-around;

}

/*
#header {
	margin-bottom:100px;
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: 1fr 5fr 1fr;
    justify-items: stretch;
}
*/

#header {
	margin: 0;
    padding: 0;
    text-align: unset;
    display: flex;
    gap: 0 0.5rem;
    flex-direction: column;
    align-items: center;
}

iframe#extheader {height: 7rem;}