@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:wght@400;700&display=swap');

:root {
  --basic-dark: #222222;
  --basic-white: #ffffff;
  --basic-lightgray: #F5F5F5;
  --basic-green: #01AE8F;
  --logon-green-1: #065C4D;
  --logon-green-2: #0C816D;
  --logon-background: #2BC8AC;
  --dark-green: #11876A;
  --form-legend-color: #ffffff;
  /*--main-font-family: 'Jost', sans-serif;*/
  /*--main-container-width: 1100px;*/
  --logon-wrapper-width: 450px;
}

* {
	/*font-family: var(--main-font-family);*/
}

.samo_container {
	margin: 0 auto;
	/*font-size: 16px;*/
}

.samo_container .checklistbox label {
    /*font-size: 12px;*/
}

.samo_container table td, 
.samo_container table th {
    /*font-size: 16px;*/
}

.samo_container .panel {
	box-shadow: unset;
}

.samo_container .panel,
.samo_container .direction, 
.samo_container .searchmode, 
.samo_container table.res thead th {
	background-color: var(--basic-green);
}

.samo_container table.res td  {
	/*font-size: 9px;*/
	/*font-weight: 500;*/
}


.samo_container table.res thead th {
	color: var(--basic-dark);
	/*font-size: 14px;*/
}

.samo_container .resultset {
	/*width: var(--main-container-width);*/
    /*margin: auto;*/
}

#search_tour td.td_price .bron, #search_tour td.td_price .stop, #search_tour td.all_prices {
	/*font-size: 13px;*/
	/*font-weight: 700;*/
}

.samo_container .price_button {
	border: thin solid var(--basic-green);
	background: url("../pict/buy-ico-green.png") no-repeat 10px 50%;
}

.samo_container .user_info .panel,
.samo_container .hotels_container,
.samo_container .subpanel
{
	background-color: var(--basic-green);
}

.samo_container a, 
.samo_container .link {
	/*color: var(--basic-white);*/
	text-decoration: none;
}

.samo_container div.logon-wrapper {
	/*font-family: var(--main-font-family) !important;*/
	/*font-size: 16px !important;*/
	width: var(--logon-wrapper-width) !important;
	max-height: unset !important;
}

.samo_container div.logon-wrapper div.panel div.row button, 
.samo_container div.logon-wrapper.person .row .button {
	width: 46.5% !important;
}

.samo_container div.logon-wrapper button {
	/*background-color: var(--dark-green) !important;
	font-family: var(--main-font-family) !important;
	font-size: 32px !important;
	font-weight: 800 !important;
	
	height: 53px !important;
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;*/
}

.samo_container button.load {
    background-color: var(--dark-green);
    /*font-size: 20px;*/
}

.samo_container div.logon-wrapper div.panel div.choose span.legend {
	/*font-weight: 800 !important;*/
	/*font-size: 32px !important;*/
	color:  var(--logon-green-1) !important;
}

.samo_container div.logon-wrapper div.panel div.choose {
    display: flex !important;
    align-items: flex-start !important;
    flex-direction: column !important;
}

.samo_container div.logon-wrapper div.panel div.choose a {
	/*font-size: 20px !important;*/
	/*font-weight: 600 !important;*/
    color: var(--logon-green-2) !important;
    background: var(--basic-white) !important;
    margin-top: 5px !important;
    padding: 10px !important;
    border-radius: 10px !important;
	border:thin solid var(--logon-green-2) !important;
}

.samo_container div.logon-wrapper div.panel, 
.samo_container div.logon-wrapper.person div.panel {

    box-shadow: 0px 2px 8px hsl(0 0% 88%) !important;
    padding: 20px 47.5px !important;
}

#loginbox input {
    margin: 0 !important;
    float: none;
    width: 100%;
    margin-top: 8px !important;
    /*padding: 0 20px;*/
    /*font-size: 32px !important;*/
    height: 50px;
    /*font-weight: 500;*/
    border-radius: 10px;
}

.samo_container div.logon-wrapper .show-password {
	display: flex;
    justify-content: flex-end;
}

.samo_container div.logon-wrapper input#showpasswd {
	height: unset !important;
    width: unset !important;
    margin-top: 0 !important;
}

.samo_container input#login, .samo_container input#passwd {
    border: var(--logon-green-2) thin solid !important;
}

.samo_container .Zebra_DatePicker .dp_daypicker th
{
	background-color: var(--basic-dark);
}

.samo_container .logon-wrapper:not(.person) label[for='login']::before {
    background-image: url(../pict/ukey.png) !important;
}

.samo_container .logon-wrapper:not(.person) label[for='passwd']::before { 
    background-image: url(../pict/upasswd.png) !important;
}


.samo_container .logon-wrapper:not(.person) label[for='login']::before, 
.samo_container .logon-wrapper:not(.person) label[for='passwd']::before {
    width: 35px !important;
    height: 35px !important;
    /*right: 18px !important;*/
	background-position: center !important;
	/*top: 45% !important;*/
}

#logonContainer {
	width: unset !important;
}

#modalContainer #basicModalContent, #logonContainer #basicModalContent {
	max-height: unset !important;
}

#modalContainer div.modalTitle, #logonContainer div.modalTitle {
	background-color: var(--logon-background) !important;
}

.samo_container table.res {
	width: 100%;
}

/*
.samo_container div.logon-wrapper div.header a.button,
.samo_container .searchmodes .searchmode_button {
	color: var(--link-hover-color);
}
*/

#samo-link-to-page a {
	margin-top: unset;
}

#cl_refer .controls table td,
#cl_refer .controls table th {
	/*font-size: 11px !important;*/
}

#cl_refer .resultset {
    padding: 0;
}

#cl_refer .resultset table.res td {
	/*font-size: 10px;*/
}

#cl_refer .resultset table.res th {
	/*font-size: 10px;*/
	color: var(--basic-white);
	/*font-weight: 400;*/
}

/* input[type="checkbox"] {
	accent-color: var(--basic-blue);
} */

#header {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: 2fr 8fr 2fr;
    justify-items: center;
    margin: 0;
    text-align: unset;
    align-items: center;
	/*font-size: 12px;*/
	/*font-weight: 400;*/
	gap: 0 10px;
}

#header img.logo {
}

#header .menu {
	margin: unset;
	width: unset;
	display: flex;
	
}

#header .menu .nav {
    background-color: var(--basic-lightgray);
	border-radius: 15px;
}

#header .menu li a {
    text-decoration: none !important;
    padding: 5px;
}

#header .menu ul.nav-center {
    width: unset;
    display: flex;
    align-items: center;
    gap: 10px;
	padding: 0 2rem;
	flex-wrap: wrap;
}

#header .menu ul.nav-center > li {
    border: thin solid var(--basic-green);
    border-radius: 15px;
    background: var(--basic-white);
    padding: 0 5px;
	cursor: pointer;
}

#header .menu .nav ul ul {
    margin-top: 1px;
}

#currency,
#currency td,
#currency th {
    /*font-size: 12px;*/
	/*font-weight: 700;*/
}

#currency.res.panel {
    border-radius: 15px;
}

#currency.res.panel {
    max-width: unset;
}

#currency thead th {
	background-color: var(--basic-green);
}

#currency thead th:first-child,
#currency thead th:last-child {
	border-radius: 15px;
}

#currency tbody td:first-child {
	border-bottom-left-radius: 15px;
}

#currency tbody td:last-child {
	border-bottom-right-radius: 15px;
}

#currency tbody td {
	border: 0;
}

/*---------------------------------------*/
div.note {display:none}
.samo_container .note:not(tr) {
	padding: 0;
}


#pr-carousel-item .slick-dots button {
	box-shadow:none;
}

#pr-carousel-item .slick-dots button:hover {
	background:transparent;
}

#pr-carousel-item .slick-slide img {
    width: 100%;
	height: 300px;
	object-fit:fill;
	border-radius: 25px;
}

#pr-carousel-item .cr-button-container-next {
	position: absolute;
    display: block;
    top: 122px;
    right: 30px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-color: rgba(167,167,167,.4);
	z-index:1;
}


#pr-carousel-item .cr-button-next {
	width: 50px;
    height: 50px;
    top: 0px;
    right: 30px;
    text-align: center;
    left: 0px;
    transform: scale(1);
}

#pr-carousel-item .cr-button-container-prev {
	position: absolute;
    display: block;
    top: 122px;
    left: 30px;
    width: 50px;
    height: 50px;
	cursor: pointer;
    background-color: rgba(167,167,167,.4);
	z-index:1;
}

#pr-carousel-item .cr-button-prev {
	width: 50px;
    height: 50px;
    top: 0px;
    left: 0px;
    text-align: center;
    transform: scale(1);
}

#pr-carousel-item .cr-button-container-prev:hover,
#pr-carousel-item .cr-button-container-next:hover {
	opacity: .8;
}


#pr-carousel-item .slick-slide {
	box-sizing: border-box;
	width:100%;
}

#pr-carousel-item .slick-list {
	border-radius: 10px;
}

#pr-carousel-item .slick-slide p {
	top: 20%;
    position: absolute;
    color: white;
    background: rgba(1,93,166,.8);
    padding: 1rem;
    /*font-size: 1.2rem;*/
    /*letter-spacing: .1rem;*/
    max-width: 50%;
    overflow: hidden;
    max-height: 45%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*font-weight: 500;*/
}

#pr-carousel-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 20px 0 0;
}

#pr-carousel-item {
    width: var(--main-container-width);
}