@font-face {
    font-family: 'robotoregular';
    src: url('/fonts/Roboto-Regular-webfont.eot');
    src: url('/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Roboto-Regular-webfont.woff2') format('woff2'),
         url('/fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('/fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.ui-dialog .ui-widget-content {
    background: #fff none repeat scroll 0 0;
    border: 0;

    color: #222222;
}
.ui-dialog .ui-dialog-title{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 86%;
}
.ui-dialog .ui-dialog-titlebar-close{
    background: #e6e6e6 url("/images/closedlg.jpg") repeat scroll 0 0;
    display: block;
    float: right;
    height: 21px;
    margin-right: 1px;
    margin-top: 0;
    padding: 0;
    width: 21px;
}

body{
    background: #fff !important;
	margin:0;
	padding:0;
	font-family:'robotoregular'; /*vasw*/
	font-size:1.2em;
	color:#524C52;
}/*background-image: url(/images/retina_wood.png);*/
/*MENU VASW*/
.TopMenu{
	/*width:100%;
	height:auto;/*height must be the same for the container & the svg*/
	/*background:url(/images/header.svg) no-repeat;
	background-size:cover; /* Resize the background image to cover the entire container */
	/*background-position:center bottom;
	position:fixed;
	top:0;
	z-index:10000;
	clip-path: polygon(100% 0, 100% 100%, 76% 76%, 0 100%, 0 0);/*important so its masked with the svg*/
	width: 100%;
  height: auto;
  background-size: cover;
  background-position: center bottom;
  position: fixed;
  top: 0;
  z-index: 10000;
  background-image: linear-gradient(135deg, #194D8A , #194D8A, #5DC8E5, #6CB43D );
  border: 0px solid transparent;
  border-bottom-left-radius: 50px;
}
.TopMenu .Back{
	float:left;
	width:100px;
	height:65px;
}
.TopMenu .Logo{
	width:120px;
	height:65px;
	background:url(/images/logo.png) no-repeat 0 0px;
	background-size:90%;
	float:left;
}

.TopMenu .Back .BackBtn{
	width:65px;
	height:65px;
	background:url(/images/Back.png) no-repeat 30px 12px;
	cursor:pointer;
	float:left;
}
.TopMenu .Home{
	width:65px;
	height:65px;
	float:right;
	border-left:3px solid #fff;
	margin-right:3px;
	cursor:pointer;
}
.TopMenu .Home a{
	background: url(/images/HomeBtn.png) no-repeat 14px 10px;
	height:65px;
	width:65px;
	cursor:pointer;
	float:left;
}
.TopMenu .Home a:active, .TopMenu .Home a:hover,.TopMenu .Home a:focus{
	background: #194D8A url(/images/HomeBtn.png) no-repeat 14px 10px;
}

.TopMenu .LogOut{
	width:65px;
	height:65px;
	float:right;
	border-left:3px solid #fff;
	cursor:pointer;
}
.TopMenu .LogOut a{
	background: url(/images/logout.png) no-repeat 14px 10px;
	height:65px;
	width:65px;
	cursor:pointer;
	float:left;
}
.TopMenu .LogOut a:active{
	background:#194D8A url(/images/logout.png) no-repeat 14px 10px;
}
.TopMenu .LogOut a:hover{
	background:#194D8A url(/images/logout.png) no-repeat 14px 10px;
}
.TopMenu .LogOut a:focus{
	background:#194D8A url(/images/logout.png) no-repeat 14px 10px;
}

.floated{
    left: 392px;
    position: fixed;
    top: 100px;
    z-index: 1000;
}
.Header{
	width:100%;
	height:auto;
	min-height:30px;
	font-size:22px;
	color:#194D8A;
	padding:30px;
	font-weight:normal;
}
#content{
	text-align:center;
	height: 100%;
	float: center;
	/*overflow:auto; SCROLLBAR*/
}
#content h2 {
	padding-top: 100px;
}
#LogFormBackground{
	max-width:60vw;
	margin:auto;
	margin-top:150px;
	height: 45vh;
	min-height:500px;/*on mobile when keyboard use without min-height resizes the form*/
	box-shadow:10px 10px 40px 10px #D3D3D3;
	background: linear-gradient(45deg, #6CB43D, #5DC8E5);
	z-index:2;
}
/*----BROWSER STYLE----*/
input:focus, textarea:focus, select:focus{
      outline: none !important;
    }
/*------SHAPE---------*/
/*Login Form Shape*/
.triangeshape{
	min-height:500px;
	position:absolute;
	border-style: solid;
	border-width: 45vh 0 0 60vw;
	border-color: transparent transparent transparent #ffffff;
	z-index:10;
}
#LogFormBackground .form {
	z-index:100;
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
/* Login In Form */
.LoginForm{
	/*vasw width:70%;*/
	max-width:50vw;
	margin: auto; /*margin: 20px 15% ;
	background:#F6F5F6;
	border:1px dashed #D4DEE9;
	height:auto;*/
	/*min-height:270px;*/
}
/*vasw.LoginForm* .note{
	 color: #194d8a;
	 height:20px;
	 width:100%;
	 float:left;
	 font-style: italic;
	 padding-bottom:4vh;
}/

/* Login In Form */
.note, .LoginForm .Lbl{
	width:100%;
	/*vasw padding:0 0 0 5px;*/
	text-align:left;
	height:30px;
	float:left;
	color: #194d8a;
	height:20px;
	width:100%;
	float:left;
	font-style: italic;
	padding-bottom:4vh;
	font-size: 0.9em;

}
.LoginForm .Value{
	width:100%;
	padding:0;
	text-align:center;
	height:40px;
	float:left;
}
.LoginForm .Value input, input, .chosen-container-single, .chosen-container, .chosen-select-disabled, .FormContRow {
	border: 0px;
	border-bottom: 2px solid;
	border-image-source: linear-gradient(45deg, #6CB43D, #5DC8E5);
	border-image-slice: 1;
	font-size:1em;
}
.LoginBtn{
	width:150px;
	height:45px;
	background-image: linear-gradient(45deg, #6CB43D, #5DC8E5);
	/*vasw background: url(/images/loginIcon.png) no-repeat 119px 10px;*/
	color:#fff;
	border:none;
	font-size:20px;
	padding:0 20px 0 0;
	cursor:pointer;
}
.LoginBtn:active, .LoginBtn:hover, .LoginBtn:focus{
	background:#194D8A url(/images/loginIcon.png) no-repeat 119px 10px;
}
/*VASW HIDE PLACEHOLDER*/
::placeholder {
	font-style: italic;
	padding-bottom:4vh;
	font-size: 0.9em;
	opacity: 1;
}
/* Change Autocomplete styles in Chrome for LOGIN*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 7px 4px -4px rgba(102, 175, 233, .6) #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
/*MARGINS & PADDINGS CLASSES*/
.nomarginTop{
	margin-top:0 !important;
}
.nomarginBottom{
	margin-bottom:0 !important;

}
.nomarginLeft{
	margin-left:0 !important;
}
.nomarginRight{
	margin-right:0 !important;
}
.marginTop15{
	margin-top:15px !important;
}
.marginTop10{
	margin-top:10px !important;
}
.marginTop20{
	margin-top:5vh !important;
}
.marginTop30{
	margin-top:8vh !important;
}
.marginTop-40{
	margin-top:-3.5vh !important;
}
.marginBottom15{
	margin-bottom:15px !important;
}
.marginBottom5{
	margin-bottom:5px !important;
}
.marginBottom10{
	margin-bottom:10px !important;
}
.marginLeft10{
	margin-left:10px !important;
}
.marginLeft5{
	margin-left:5px !important;
}
.marginRight5{
	margin-right:5px !important;
}
.marginright5vw{
	margin-right:5vw !important;
}

.paddingTop6{
	padding-top:6px !important;
}
/*  Menu Page */
.MenuCont{
	width:100%;
	height:100%;
	padding:5%;
	padding-top:100px;
	float:left;
	margin-bottom:30px;
	text-align:center;
	min-width: 350px;
	background-image: url(/images/svg_background.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:-0.5vh -0.5vw;
}
.MainHeader{
	width:100%;
	line-height:8px;
	margin-bottom:10px;
	float:left;
}
.MainHeader h1{
	width:100%;
	font-size:1.5em;
	color:#194D8A;
	margin-top:5vh;
	margin-bottom:3vh;
	padding:2%;
	text-align:center;
	font-weight:normal;
	float:center;
	border-bottom:0px;
}
.MainHeader h2{
	width:100%;
	font-size:22px;
	color:#6F6F6F;
	padding:20px 0 0 20px;
	text-align:left;
	font-weight:normal;
}
.ExcursionsBtn, .CarBtn{
	position:relative;
	width:100%;
	/*height:90px; vasw*/
	text-align:center;
	float:left;
	cursor:pointer;
	padding-bottom:70%;/*make the square responsive*/
	display:block;
	clear:both;
	filter: drop-shadow(-1px 3px 5px rgba(50, 50, 0, 0.4));
}
.ExcursionsBtn{
	background:#6CB43D;
	background-image: url(/images/Ship_icon.svg), linear-gradient(135deg, #6CB43D, #5DC8E5);
	background-repeat:no-repeat, no-repeat;
	background-position: 50% 70%, center;
	/*background-position: bottom center, center;*/
	background-size: 50%, 100%;
}

.CarBtn{
	background:#6CB43D;
	background-image: url(/images/Car_icon.svg), linear-gradient(225deg, #6CB43D, #5DC8E5);
	background-repeat:no-repeat, no-repeat;
	background-position: bottom center, center;
	background-size: 60%, 100%;
}
.ExcursionsBtn:hover, .ExcursionsBtn:active, .ExcursionsBtn:focus{
	background: #194D8A;
	background-image: url(/images/Ship_icon.svg);
	background-repeat:no-repeat;
	background-position: 50% 70%, center;
	background-size: 50%;
}
.CarBtn:hover, .CarBtn:active, .CarBtn:focus{
	background: #194D8A;
	background-image: url(/images/Car_icon.svg);
	background-repeat:no-repeat;
	background-position: bottom center;
	background-size: 60%;
}
a .ExcursionsBtn, a .CarBtn {
	float:left;	/*vasw line-height:90px;*/
	font-size:1.3em;
	line-height:0.5em;
	text-decoration:none;
	color:#fff;
	line-height:4em;
}
.HelpBtn{
	width:100%;
	height:90px;
	background:#6CB43D;
	background-image: url(/images/HelpBtn.png), url(/images/WhiteArrow.png);
	background-repeat:no-repeat, no-repeat;
	background-position:17px 0, 97% 28px;
	text-align:left;
	margin-top:10px;
	float:left;
	cursor:pointer;
}
.HelpBtn:hover, .HelpBtn:focus, .HelpBtn:active{
	background:#194D8A;
	background-image: url(/images/HelpBtn.png), url(/images/WhiteArrow.png);
	background-repeat:no-repeat, no-repeat;
	background-position:17px 0, 97% 28px;
}
.HelpBtn a{
	width:100%;
	float:left;
	line-height:90px;
	font-size:26px;
	text-decoration:none;
	color:#fff;
	padding:0 0 0 90px;

}
.ContactBtn{
	width:100%;
	height:90px;
	background:#6CB43D;
	background-image: url(/images/Contactbtn.png), url(/images/WhiteArrow.png);
	background-repeat:no-repeat, no-repeat;
	background-position:17px 0, 97% 28px;
	text-align:left;
	margin-top:10px;
	float:left;
	cursor:pointer;
}
.ContactBtn:active, .ContactBtn:focus, .ContactBtn:hover{
	background:#194D8A;
	background-image: url(/images/Contactbtn.png), url(/images/WhiteArrow.png);
	background-repeat:no-repeat, no-repeat;
	background-position:17px 0, 97% 28px;
}
.ContactBtn a{
	width:100%;
	float:left;
	line-height:90px;
	font-size:26px;
	text-decoration:none;
	color:#fff;
	padding:0 0 0 90px;
}
.EmptyBtn{
	width:100%;
	height:90px;
	background:#6CB43D;
	background-image: url(/images/WhiteArrow.png);
	background-repeat: no-repeat;
	background-position: 97% 28px;
	text-align:left;
	margin-top:10px;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:0 0 0 30px;
	line-height:90px;
	font-size:26px;
	cursor:pointer;
}
.EmptyBtn:active, .EmptyBtn:hover, .EmptyBtn:focus {
	background:#194D8A;
	background-image: url(/images/WhiteArrow.png);
	background-repeat: no-repeat;
	background-position: 97% 28px;
}
/* Excursion Menu  */
/*------SHAPE---------*/
.triangles{
	width:100%;
	min-height: 350px;
	margin:auto;
	position:relative;
}
/*shadows need to be on diferent selector or div cause of clip-path*/
.ExcursionsNewBooking{
	filter: drop-shadow(-1px 3px 5px rgba(50, 50, 0, 0.4));
}
/*for position absolute shadow, the div needs to be wrapped*/
.ExcursionsListBtn-wrap {
	position: absolute;
	bottom:0;
	right:0;
	filter: drop-shadow(-1px 3px 5px rgba(50, 50, 0, 0.4));
}
.ExcursionsNewBooking a, .ExcursionsListBtn a{
	width: 75vw;
	height: 30vh;
	cursor:pointer;
	float:left;
	text-decoration:none;
	font-size:1.2em;
	line-height:1em;
	color:#fff;
}
.ExcursionsNewBooking a{
	min-height: 350px;/*otherwise stretches too much on landscape mode*/
	position:relative;
	display:block;
	background-image: url(/images/plus-circle.svg), linear-gradient(90deg, #6CB43D, #5DC8E5);
	clip-path: polygon(0 0, 0 100%, 100% 0);
	background-repeat:no-repeat, no-repeat;
	background-position: 14% 33%, center;
	background-size: 80px, 100%;
}
.ExcursionsListBtn a{
	min-height: 350px;/*otherwise stretches too much on landscape mode*/
	/*background: linear-gradient(135deg,#5DC8E5, #6CB43D);
	clip-path: polygon(100% 0, 0 100%, 100% 100%);*/
	bottom:0;
	right:0;
	position:absolute;
	display:block;
	background-image: url(/images/file-alt.svg), linear-gradient(225deg, #6CB43D, #5DC8E5);
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
	background-repeat:no-repeat, no-repeat;
	background-position: 87% 65%, center;
	background-size: 60px, 100%;
}
.ExcursionsNewBooking a p {
	height:50vh;
	text-align:left;
	padding-top:0vh;
	padding-left:7vw;
}
.ExcursionsListBtn a p {
	position:absolute;
	bottom:0vh;/*use this instead of padding cause position absolute*/
	right:5vw;
}
/* REMORF this button from last page. Has two classes.*/
div .excbtn2 {
	min-height: 90px;/*otherwise stretches too much on landscape mode*/
  background:#194d8a;
	background-image: url(/images/Ship_icon.svg),url(/images/Ship_icon.svg);
	background-repeat:no-repeat;
	background-position:5% center, 95% center;
	background-size: 6%;
	text-align:center;
	float:left;
	cursor:pointer;
	height:10vh;
	width:100%;
	padding:0;
}
.excbtn2 a{
	text-align:center;
	text-decoration:none;
	font-size:1.2em;
	position:absolute;
	color:white;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.excbtn2:hover, .excbtn2:active, .excbtn2:focus{
	background:#6CB43D;
	background-image: url(/images/Ship_icon.svg),url(/images/Ship_icon.svg);
	background-repeat:no-repeat;
	background-position:5% center, 95% center;
	background-size: 6%;
}
.FormCont .timepicker{
	font-size:1.3em;
}
.Sep{
	float:left;
	width:100%;
	height:1px;
	border-top:1px solid #dddddd;
}
.SepWhite{
	float:left;
	width:100%;
	height:1px;
	border-top:2px solid #fff;
}
/* Excursions Booking List  */
.width60{
	width:60%;
}
.AddBtn{
	width:auto;
	min-width:130px;
	height:35px;
	background:#6CB43D url(/images/plusIcon.png) no-repeat 9px 12px;
	font-size:15px;
	padding:13px 0 0 15px;
	text-align:center;
	float:right;
	/*float:left;*/
	text-decoration:none;
	color:#fff;
	cursor:pointer;
}
.AddBtn:active{
	background:#194D8A url(/images/plusIcon.png) no-repeat 9px 12px;
}
.AddBtn:hover{
	background:#194D8A url(/images/plusIcon.png) no-repeat 9px 12px;
}
.AddBtn:focus{
	background:#194D8A url(/images/plusIcon.png) no-repeat 9px 12px;
}
.topBtnCon{
	float:right;
	width:auto;
	height:35px;
}
.Filters{
	float:right;
	width:auto;
	min-width:130px;
	height:35px;
	text-decoration:none;
	padding:13px 0 0 19px;
	background:#7A869A url(/images/SearchBtnIcon.png) no-repeat 11px 10px;
	font-size:15px;
	text-align:center;
	color:#fff;
	padding:13px 0 0 15px;
	margin-left:10px;
	cursor:pointer;
}
.Filters:active{
	background:#194D8A url(/images/SearchBtnIcon.png) no-repeat 11px 10px;
}
.Filters:hover{
	background:#194D8A url(/images/SearchBtnIcon.png) no-repeat 11px 10px;
}
.Filters:focus{
	background:#194D8A url(/images/SearchBtnIcon.png) no-repeat 11px 10px;
}
#excursionbookingsgrid table{
    table-layout: fixed;
}
.grid-view .pager{
	font-size:13px !important;
}
ul.yiiPager{
	margin-left:5px;
}
.grid-view table.items th, .grid-view table.items td{
	overflow: hidden;
}
#bookingDetails .FormContRow{
	background:#fff;
}
.EmailTxt::placeholder{
	opacity:1;
}
/* CHECKOUT PAGE EDIT_FORM3 */
/*Form & Footer*/
.FormCont, #bank-footer {
	width:100%;
	float:left;
	height:auto;
	padding:2% 5%;
	background:#fff;
	padding-bottom: 3vh;
	margin:auto;
}
.FormCont input{
	width:100%;
	height:50px;/*34 vasw*/
	/*border:1px solid #D4DEE9;*/
	color:#524C52;
	background:#fff;
	border-radius:0px;
	text-align:right;
	font-size:16px;
	color:#524C52;
	padding:0 5px 0 5px;
}
.ddlCont input, .voucher1 input {
	border: 0px;
	border-bottom: 2px solid;
	border-image-source: linear-gradient(45deg, #6CB43D, #5DC8E5);
	border-image-slice: 1;
}
#checkoutform, #bank-footer {
	background-color:white;
	border-left:5px solid white;
	border-radius: 30px;
	box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.2);
}
#bank-footer	{
	margin-top:8vh;
	padding: 1vh;
}
#bank-footer a{
	text-decoration:none;
	cursor: pointer;
}
#paynow_button {
	background: linear-gradient(45deg, #6CB43D, #5DC8E5);
}
.bank-logos {
	background-image: url("/images/Horizontal_Banner_White.png");
	height: 15vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80% contain;
}
.navbarbottom ul li, .contact ul li{
	display: inline-block;
    position: relative;
	padding: 1vw 2vw 1vw 2vw;
    text-overflow: ellipsis;
    vertical-align: bottom;
    color:black;
	text-decoration:none;
}
.navbarbottom ul li{
	background-image: linear-gradient(45deg, #6CB43D, #5DC8E5);
	background-repeat: no-repeat;
	background-size: 85% 0.2em;
	background-position: center 75% ;
}
/*MODAL*/
@-webkit-keyframes fadein {
	0% {opacity:0;}
	100% {opacity:1;}
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 8888; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
	-webkit-animation:fadein ease 1s;
}
/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 10vh auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 90%; /* Could be more or less, depending on screen size */
	text-align: left;
}
/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 4em;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/*END MOD*/
/*Chosen*/
.chosen-select-disabled +div{
    pointer-events: none;
    cursor: not-allowed !important;
}
.chosen-select-disabled +div a{
    /*background : #eee !important;*/
    color: #444 !important;
	text-align:center;/*vasw*/
    /*border: 1px solid #d4dee9 !important;*/
    cursor: not-allowed !important;
}
.chosen-container.chosen-container-single{
	width:100% !important;
	border-radius:0px;
	text-align:left;
}
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  background: #fff;
  background-clip: padding-box;
  -webkit-box-shadow: 0 7px 4px -4px rgba(102, 175, 233, .6);
          box-shadow: 0 7px 4px -4px rgba(102, 175, 233, .6);
  text-decoration: none;
  white-space: nowrap;
  line-height: 2.5em; /*35px;*/ /*24px;*/
}
.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 37px;
    height: 100%;
}
.chosen-container-single .chosen-single div b{
	display: block;
    width: 100%;
    height: 100%;
}
/*hides the arrow for the choices that are disabled*/
.chosen-select-disabled ~ .chosen-container-single .chosen-single div b{
    background: unset;
}
.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 30px;
}
.chosen-container .chosen-results{
	font-size:1em;
}
.chosen-container-single .chosen-search input[type="text"]{
	text-align:left !important;
}
/*SCROLLBAR only webkit browsers vasw*/
/* width */
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  /*box-shadow: inset 0 0 3px grey;
  border: 1px solid grey;*/
  border:0px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background-image: linear-gradient(135deg, #6CB43D, #5DC8E5);
  height:3em;
}
.ContinueBtn{
	width:150px;
	height:45px;
	background:#6CB43D url(/images/ContinueBtn.png) no-repeat 130px 11px;
	font-size:22px;
	padding:0 20px 0 0;
	text-align:center;
	border:none;
	text-decoration:none;
	float:right;
	color:#fff;
	font-weight: normal;
	cursor:pointer;
}
.ContinueBtn:active{
	background:#194d8a url(/images/ContinueBtn.png) no-repeat 130px 11px;
}
.ContinueBtn:hover{
	background:#194d8a url(/images/ContinueBtn.png) no-repeat 130px 11px;
}
.ContinueBtn:focus{
	background:#194d8a url(/images/ContinueBtn.png) no-repeat 130px 11px;
}
.CreateBtn{
	width:200px;
	height:45px;
	background:#6CB43D url(/images/ContinueBtn.png) no-repeat 180px 11px;
	font-size:22px;
	padding:0 20px 0 0;
	text-align:center;
	border:none;
	text-decoration:none;
	float:right;
	color:#fff;
	font-weight: normal !important;
	cursor:pointer;
}
.CreateBtn:active{
	background:#194d8a url(/images/ContinueBtn.png) no-repeat 180px 11px;
}
.CreateBtn:hover{
	background:#194d8a url(/images/ContinueBtn.png) no-repeat 180px 11px;
}
.CreateBtn:focus{
	background:#194d8a url(/images/ContinueBtn.png) no-repeat 180px 11px;
}
.SendEmailCont{
	float:right;
	width:200px;
	height:45px;
}
.SendEmailBtn{
	width:200px;
	height:45px;
	background:#6CB43D url(/images/emailIcon.png) no-repeat 160px 11px;
	font-size:1em;
	padding:10px 40px 0 0;
	text-align:center;
	border:none;
	text-decoration:none;
	float:right;
	color:#fff;
	font-weight: normal !important;
	cursor:pointer;
	margin-top:10px;
}
.SendEmailBtn:active{
	background:#194d8a url(/images/emailIcon.png) no-repeat 160px 11px;
}
.SendEmailBtn:hover{
	background:#194d8a url(/images/emailIcon.png) no-repeat 160px 11px;
}
.SendEmailBtn:focus{
	background:#194d8a url(/images/emailIcon.png) no-repeat 160px 11px;
}

.btnwrapper{
	float:left;
	width:300px;
}
.Similar{
	float:left;
	width:200px;
	height:45px;
	margin-top:10px;
}
.Similar a{
	background:#4FA7CC url(/images/SimilarBtn.png) no-repeat 165px 11px;
	width:100%;
	height:45px;
	font-size:1em;
	padding:10px 40px 0 0;
	text-align:center;
	border:none;
	text-decoration:none;
	float:left;
	color:#fff;
	font-weight: normal !important;
	cursor:pointer;
}
.Similar a:hover, .Similar a:active, .Similar a:focus{
	background:#667286 url(/images/SimilarBtn.png) no-repeat 165px 11px;
}
.VoucherCont{
	float:left;
	width:200px;
	height:45px;
}
.VoucherBtn{
	width:200px;
	height:45px;
	background:#194D8A url(/images/VoucherBtn.png) no-repeat 160px 11px;
	font-size:1em;
	padding:10px 40px 0 0;
	text-align:center;
	border:none;
	text-decoration:none;
	float:right;
	color:#fff;
	font-weight: normal !important;
	display:block;
	cursor:pointer;
}
.VoucherBtn:active{
	background:#6CB43D url(/images/VoucherBtn.png) no-repeat 160px 11px;
}
.VoucherBtn:hover{
	background:#6CB43D url(/images/VoucherBtn.png) no-repeat 160px 11px;
}
.VoucherBtn:focus{
	background:#6CB43D url(/images/VoucherBtn.png) no-repeat 160px 11px;
}
.MenuCont label{
	text-align:left;
	padding-left:5px;
	width:100%;
	float:left;
	padding-top:5vh;
}
/*For edit_form1 when option appears*/
#optionsForExcursion label {
	padding-top:0vh;
}
.PriceInputCont{
	width: 80px;
	float:left;
}
.PriceInputCont input{
	width:80px;
	height:34px;
	border:1px solid #D4DEE9;
	color:#524C52;
	background:#fff;
	border-radius:0px;
	text-align:right;
	font-size:16px;
	color:#524C52;
	padding:0 5px 0 0;
}
.LeftCol{
	float:left;
	width:50%;
}
.RightCol{
	float:right;
	width:50%;
}
.PriceLblCont{
	width:auto;
	height:40px;
	float:left;
}
.ExcInfoBtn{
	width:100%;
	float:left;
	height:45px;
	background-image:linear-gradient(135deg, #6CB43D, #5DC8E5);
	color:#fff;
	padding:8px 0 0 0;
	font-size:1.1em;
	cursor:pointer;
}
.ExcInfoBtn.selected{
	background:#1A4F8A !important;
}
#excurs_desc{
	width:100%;
	float:left;
	text-align:left;
	padding:10px 6px 10px 6px;
}
#excurs_photos{
	width:100%;
	float:left;
	text-align:left;
	padding:10px 6px 0 6px;
}
#excurs_photos .PhotoCont{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:10px;
}
#excurs_photos .PhotoCont:last-child{
	margin-bottom:0px;
}
#excurs_photos .PhotoCont img{
	width:100%;
	height:auto;

}
.ddlCont{
	float:left;
	width:100%;/*75%; vasw*/
}
.ddlCont .voucher1{
	width:45%;
	float:left;
}
.ddlCont .voucher2{
	width:45%;
	float:left;
}
.valueCont {
	float:right;
	width:100%;
}
.dateCont{
	float:left;
	width:23%;
	margin-left:1%;
	margin-right:1%;
}
.Persons.Lbl{
	float:left;
	width:15%;
}
.Persons{
	float:left;
	width:16%;
}
.textLeft{
	text-align:left !important;
}
/*edit_form1 title left when options*/
.titlelbleft{
	border-bottom: 1px solid;
	border-image-source: linear-gradient(45deg,#5DC8E5,#6CB43D,#ffffff, #ffffff);
	border-image-slice: 1;
}
.options #CheckGrey{
	width:35px;
	height:35px;
	float: right;
	/*i dont have any idea why margin-top:-22px;*/
}
#CheckGrey .checkbox{
	float:left;
	margin:0;
}
#CheckGrey .checkbox label{
	display: inline-block;
	position: relative;
	padding-left: 40px;
	line-height: 2.3;
	height:50px;
	margin:0;
	padding-top:0vh !important;
}
#CheckGrey .checkbox label::before{
	content: "";
	display: inline-block;
	position: absolute;
 	width:34px;
	height:34px;
	left: 0;
	top: 0;
	/*margin-left: -20px;*/
	border: 1px solid #cccccc;
	border-radius: 0px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
#CheckGrey .checkbox label::after {
	display: inline-block;
	position: absolute;
	width:34px;
	height:34px;
	left: 5px;
	top: -4px;
	/*margin-left: -20px;*/
	padding-left: 3px;
	padding-top: 0;
	font-size: 18px;
	color: #fff;
}
#CheckGrey .checkbox-success input[type="checkbox"]:checked + label::before {
	/*background-color: #7A869A;*/
	border-color:#5DC8E5;
	background-image: linear-gradient(45deg, #6CB43D, #5DC8E5);
}
.datepicker-wrap:after{
	background:url(/images/calendar.png) no-repeat 0 4px;
	content:'';
}
.yellowTxt{
	background:#FCF8E3 !important;
	border-color: #01b7f2 !important;
}
.FormContRow{
	width:100%;
	min-height:35px;
	height:auto;
	background:#F6F5F6;
	float:left;
	padding:0 10px 0 10px;
}
.SepWhiteDouble{
	float:left;
	width:100%;
	height:4px;
	background:#fff;
}
.FormContRowYellow {background:#FCF8E3;}
.FormContRowGrey {background:#F6F5F6;}
.EmailTxt	{
	width:100%;
	float:left;
	height:45px;
	border:1px solid #6CB43D;
	font-size:17px;
	font-weight:normal;
	padding:0 10px 0 10px;

}
.info{
	margin: 0 6% 0 6%;
	width:88%;
}
.ExcInfo2Btn {
	margin: 0 6% 0 6%;
	width: 88%;
    float: left;
    min-height: 45px;
	height:auto;
    background: white url(/images/arrowDownWhite.png) no-repeat 98% 50%;
    color: #194D8A;
    padding: 17px 40px 17px 40px;
	text-align:left;
	cursor:pointer;
	border-bottom: 8px solid;
	border-image-source: linear-gradient(45deg, #6CB43D, #5DC8E5);
	border-image-slice: 1;
}
.ExcInfo2Btn:hover{
	background:#1A4F8A url(/images/arrowUpWhite.png) no-repeat 98% 50%;
	color:white;
}
.ExcInfo2Btn.selected{
	background:#1A4F8A url(/images/arrowUpWhite.png) no-repeat 98% 50% !important;
	color:white;
}
.desc{
	float:left;
	width:98%;
	text-align:left;
	margin:0 0 0 10px;
}
.PhotoCont2{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.PhotoCont2:last-child{
	margin-bottom:0px;
}
.PhotoCont2 img{
	width:100%;
	height:auto;
}
.flash-success{
	color:#6cb43d;
	width:50%;
	background:#fff;
	font-size:1em;
	font-weight:bold;
	margin-left: 25%;
    margin-right: 25%;
}
.StepCont{
	width:100%;
	float:left;
	font-size:16px;
}
.StepCont p{
	text-align:left;
	padding:0 4%;
}
.StepCont h2{
	color:#194D8A;
	font-size:16px;
	/*text-align:left;*/
}
.StepCont .ImgCont{
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.StepCont .ImgCont img{
	width:85%;
	max-width:320px;
	height:auto;
	border:5px solid #ddd;
}
.StepCont p strong{
	color:#194D8A !important;
}
.ui-datepicker{
	width:18em;
	border:1px solid #7a869a;
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5);
	margin-bottom: 10px;
	background:#fff;
	padding:2px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}
.ui-datepicker .ui-datepicker-header{
	background:#b7bfca;
}
.ui-widget-header {
	border:none;
}
.ui-datepicker .ui-datepicker-title{
	margin:3px;
}
.ui-datepicker .ui-datepicker-title select {
	height:27px;
    color: #524c52;
    font-size: 16px;
}
.ui-widget-content{
	border:none;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{
	background:#194d8a;
	border:none;
}
.ui-datepicker .ui-datepicker-buttonpane button{
	margin:10px 10px 8px 10px;
	padding:6px 13px;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close{
	background:#194d8a;
	border:none;
}
#page{ position: relative; top: 65px; }
.new-tab{
    background-color: #337ab7 !important;
    margin: 0 !important;
    padding: 1px 3px 0px 3px !important
}
/*thead{ position: fixed; }*/
/* MAIM the MENU */
#mainmenu{
    background:white url("/images/bg.jpg") repeat-x left top; white-space:nowrap;
}
#mainmenu ul{
    padding:6px 6px 6px 6px; margin:0px;
}
#mainmenu ul li{
    display: inline-block;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: bottom;
    color:white;
    /*z-index: 99;*/
}
#mainmenu ul li a{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
    cursor: pointer;
}
#mainmenu ul li a:hover, #mainmenu ul li.active a{
    background-color: #125B89;
    border-radius: 5px;
    text-decoration:none;

    /*transition-delay: 500ms; transition: all .5s ease;*/
}
#mainmenu ul ul {
    background: none repeat scroll 0 0 #666;
    display: none;
    position: absolute;
    padding:  5px;
    top: 112%;

    /*z-index: 99;*/
}
#mainmenu ul ul ul {
    background: none repeat scroll 0 0 #888;
    display: none;
    left: 100%;
    margin-top: -35px;
    position: absolute;
    padding:  5px;
    top: 115%;
    /*z-index: 98;*/
}
#mainmenu li:hover > ul { display: block; /*transition-delay: 500ms; transition: all .5s ease;*/ }
#mainmenu ul ul li{ display: block; word-break: keep-all; white-space: nowrap; /* padding-top: 5px;*/ }
#mainmenu ul ul li a{
    width: 100%;
    display: block;
}
#logo{
	padding: 10px 20px;
	font-size: 200%;
    font-weight: bold;
}
.loading{
    display: none;
    left: 50%;
    position: absolute;
    top: 66%;
    width: 30px;
}
.loading-div{
    position: absolute;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.loading-img{
    display: none;
    position: absolute;
    top: 66%;
    z-index: 999;
}
/* Colors */
.blue-color { color: #01b7f2 !important; }
.light-blue-color { color: #7692b4; }
.yellow-color { color: #4E87BA !important; }
.red-color { color: #e01a33 !important; }
.dark-red-color{ color: #892727 !important; }
.darker-red-color{color: #541000 !important; }
.green-color { color: #7db921 !important; }
.dark-green-color{ color: #508727 !important; }
.darker-green-color{color: #244F00 !important; }
.white-color { color: #fff !important; }
.dark-blue-color { color: #2D3E80 !important; }
.skin-color { color: #4E87BA; }
.default-color { color: inherit !important; }
.gray-color { color: #9e9e9e !important; }
.orange-color{ color: #D67900 !important; }
.hotel-color { color: #4E87BA; }
.select-color { color: #4E87BA; }
.note{ color: #194d8a ; font-size: 0.9em; text-align:left; font-style: italic; padding-left:5px;} /*#337ab7 #FF6326*/
.msg-normal{ color: #088915; }
.msg-error{ color: #FF2626; font-weight: bold; }
.errorMessage{ color: #FF2626; text-align:left; font-size:0.9em;}
.blue-bg { background-color: #01b7f2 !important; }
.yellow-bg { background-color: #4E87BA !important; }
.red-bg { background-color: #e01a33 !important; }
.green-bg { background-color: #98ce44 !important; }
.white-bg { background-color: #fff !important; }
.dark-blue-bg { background-color: #2D3E80 !important; } /*#2d3e52*/
.skin-bg { background-color: #4E87BA !important; }
.gray-bg { background-color: #f5f5f5 !important; }
/* Tools */
.clearer {
  clear: both !important;
  padding: 0 !important;
  margin: 0 !important; }
.left{ text-align: left; }
.right{ text-align: right !important; }
.center{ text-align: center !important; }
.num { padding-left: 5px; padding-right: 5px; }
.fl{ float: left; }
.fr{ float: right; }
.no-float { float: none !important; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.uppercase { text-transform: uppercase; }
.full-width { width: 100% !important; }
.double-height{ height: 80px;font-size: 22px;white-space: normal; }
.vcenter{height:90px; line-height: 90px;}
img.full-width { height: auto; }
.default-rounded{
    border:1px solid #d0e3ef;
    border-radius:15px;
}
/* General Adjustments */
/*.form label{ margin-top: 7px; } vasw*/
.small{ font-size: 80%; }
.to-small{ font-size: 70%; }
.ui-dialog .ui-widget-content {
    background: #fff none repeat scroll 0 0;
    border: 0;
    color: #222222;
}
.ui-dialog .ui-dialog-title{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 86%;
}
.ui-dialog .ui-dialog-titlebar-close{
    background: #e6e6e6 url("/images/closedlg.jpg") repeat scroll 0 0;
    display: block;
    float: right;
    height: 21px;
    margin-right: 1px;
    margin-top: 0;
    padding: 0;
    width: 21px;
}
/* pointer on disabled date & time pickers */
.form-control[disabled].hasDatepicker, .form-control[readonly].hasDatepicker { cursor: pointer; }
/* Price analysis addons */
.col_md_pr_anal{
    min-width: 45px;
    display: inline-block;
    vertical-align: top;
}
.col-md-pr{
    padding-left: 5px;
    padding-right: 5px;
}
/* contract rooms form */
.col-md-roomprice{
    width: 85px;
    float: left;
    min-height: 1px;
    padding: 0;
    position: relative;
}
/* Bootstrap Addon */
.col-md{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px 5px;
}
.col-md-0_5 {
    width: 5%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
     margin: 0px 5px;
}
.col-md-1_5 {
    width: 10%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
     margin: 0px 5px;
}
.col-md-2_5 {
    width: 20%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
     margin: 0px 5px;
}
.col-md-time{
    width: 90px; /*130*/
    float: left;
    padding-left: 10px;
    padding-right: 10px;
     margin: 0px 5px;
}
.col-md-date{
    width: 180px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
     margin: 0px 5px;
}
.col-md-num{
    width: 70px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
     margin: 0px 5px;
}
.col-md-price{
    width: 90px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
     margin: 0px 5px;
}
.px10{ width: 10px; }
.px15{ width: 15px; }
.px20{ width: 20px; }
.px25{ width: 25px; }
.px30{ width: 30px; }
.px35{ width: 35px; }
.px40{ width: 40px; }
.px45{ width: 45px; }
.px50{ width: 50px; }
.px55{ width: 55px; }
.px60{ width: 60px; }
.px65{ width: 65px; }
.px70{ width: 70px; }
.px75{ width: 75px; }
.px80{ width: 80px; }
.px85{ width: 85px; }
.px90{ width: 90px; }
.px95{ width: 95px; }
.px100{ width: 100px; }
.margin_1{ margin-left: 2px; margin-right: 2px;}
.margin-center { display: block; position: relative; margin: 0 auto; }
.margin-top { margin-top: 5px; }
.margin-bottom { margin-bottom: 5px; }
.bottom-border{ border-bottom: 1px solid #eee; }
.bottom-border-dark-blue{ border-bottom: 1px solid #2d3e52; }
.bottom-border-blue{ border-bottom: 1px solid #32A6C9; } /*01b7f2*/
.bottom-border-green{ border-bottom: 1px solid #7db921; }
.bottom-border-red{ border-bottom: 1px solid #e01a33; }
.price-anal-border{ border: 1px solid #eee; border-width: 1px 1px 1px 1px; margin:-1px 0 0 -1px; }
.section-header { border-width: 5px; }
.detail-view .even > td { background: whitesmoke none repeat scroll 0 0; }
.detail-view .odd > td { background: white none repeat scroll 0 0; }
.detail-view .even > th { background: silver none repeat scroll 0 0; }
.detail-view .odd > th { background: lightgray none repeat scroll 0 0; }
.grid-view .sort-link{ font-size: 13px; }
.btn{ margin:5px 0 10px 0; }
#tabs .ui-widget-content{ border: none; }
#tabs .ui-widget-content{ border: none; border-radius: 10px; margin-top: 10px; }
#tabs .ui-widget-header{  border: none; }
#tabs ul{ list-style: none; text-align: center; }
#tabs li{ /*border-top-left-radius: 20px;  border-top-right-radius: 20px;*/ }
#tabs li a:focus{ outline: 0; }
#tabs  {  min-height: 400px; }
.btn-sm{
    font-size: inherit !important;
    line-height: inherit !important;
}
.btn-sm:hover,
.btn-sm:focus,
.btn-sm.focus {
    /*color: #333;*/
    text-decoration: none;
}
/* stats */
.stats{
    background-color: #337ab7;
    padding: 5px;
    color: #fff;
}
.stats_num{
    background-color: #d09137;
    padding: 5px;
    color: #fff;
}
.selectable_date{
	background: #FCF8E3 !important;
	border:1px solid #C2C0C2 !important;
}
.selectable_date.selected{
 	background:#194D8A !important;
	color:#fff;
    opacity: 1;
}
.selectable{
    background: #FCF8E3 !important;
	border:1px solid #C2C0C2 !important;
    cursor: pointer;
    font-weight: normal;
    opacity: 0.7;
}
.selectable.selected{
 	background:#194D8A !important;
	color:#fff;
    opacity: 1;
}
.appcfgcell{
    display: block;
    height: 150px;
    overflow: auto;
}
/** hotel plan css **/
.ultable{
    display: table-row;
}
.licell{
     border: 1px solid #fff;
    display: table-cell;
    min-width: 48px;
    padding: 2px;
    text-align: center;
    cursor: pointer;

     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.licell-desc{
    border: 1px solid #fff;
    display: block;
    padding: 2px;
    width: 400px;
    text-align: right;
}
.scrollcontainer{
    cursor: pointer;
}
/** Blink CSS **/
.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.responsive_font{
    font-size: 1em;
}
/*Smartphones (Portrait and Landscape)*/
@media only screen and (max-width : 768px) {
	.VoucherBtn{
		display:block;
	}
}
@media only screen and (max-width : 670px) {
	.Header{
		padding:20px 10px 10px 10px;
	}
	.MenuCont{
		padding-top:90px;
	}
	.TopMenu .Back {
		width: 65px;
	}
	.MainHeader h1 {
		font-size: 22px;
		padding: 10px 0 0 10px;
	}
	.MainHeader h1.width60{
		width:100%;
		height:65px;
		text-align:center;
	}
	.MainHeader h2 {
		font-size: 22px;
		padding: 10px 0 0 10px;
	}
	.topBtnCon{
		width:100%;
		float:left;
	}
	.ExcursionsBtn, a .ExcursionsBtn, a .CarBtn, .CarBtn/*, .ExcursionsBtn:active, .ExcursionsBtn:hover, .ExcursionsBtn:focus, .CarBtn:active, .CarBtn:hover, .CarBtn:focus*/{
		/*vasw height: 60px;*/
		/*background-position: 10px -4px, 97% 13px;*/
		line-height:1em;
		padding-top:4%;
		padding-bottom:90%;
		font-size:1em;
	}
	.ExcursionsNewBooking a, .ExcursionsListBtn a{width: 80vw;}
	.excbtn2 {line-height:5em;}

	.HelpBtn {
		height: 60px;
		background-position: 10px -4px, 97% 13px;
	}
	.HelpBtn:active, .HelpBtn:hover {
		height: 60px;
		background-position: 10px -4px, 97% 13px;
	}
	.HelpBtn:focus {
		height: 60px;
		background-position: 10px -4px, 97% 13px;
	}
	.HelpBtn a {
		line-height: 60px;
		font-size: 22px;
		padding: 0 0 0 75px;
	}
	.ContactBtn {
		height: 60px;
		background-position: 10px -4px, 97% 13px;
	}
	.ContactBtn:active, .ContactBtn:hover {
		height: 60px;
		background-position: 10px -4px, 97% 13px;
	}
	.ContactBtn:focus {
		height: 60px;
		background-position: 10px -4px, 97% 13px;
	}
	.ContactBtn a {
		line-height: 60px;
		font-size: 22px;
		padding: 0 0 0 75px;
	}
	.EmptyBtn {
		height: 60px;
		background-position: 97% 13px;
		line-height: 60px;
		font-size: 22px;
		padding: 0 0 0 30px;
	}
	.EmptyBtn:hover, .EmptyBtn:active, .EmptyBtn:focus{
		background-position: 97% 13px;
	}

	.LeftCol{
		float:left;
		width:100%;
	}
	.RightCol{
		float:left;
		width:100%;
	}
	.PriceLblCont{
		width:60%;
	}
	.AddBtn{
		min-width:49%;
	}
	.Filters{
		min-width:49%;
		margin-left:0;
	}
	.ddlCont{
		width:100%;
		margin-bottom:5px;
	}
	.valueCont{
		width:100%;
	}
	.dateCont{
		width:32%;
		margin-left: 0.5%;
		margin-right: 0.5%;
	}
	.dateCont input{
		font-size:15px;
	}
	.marginTop10{
		margin-top:5px !important;
	}
	.desc{
		float:left;
		width:96%;
	}
	.bank-logos {
		background-image: url("/images/Vertical_Banner_White.png");
		min-height: 180px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 80% contain;
	}
	.chosen-container-single .chosen-single{
		font-size:1em;
	}
	.FormCont input{
		font-size:16px;/*vasw*/
	}
	.Persons.Lbl{
		width:21%;
	}
	.Persons{
		width:25%;
	}
	#CheckGrey .valueCont label{
		padding-left:0;
	}
	#CheckGrey .ddlCont {
		/*width:60%;*/
	}
	#credit .valueCont {
		width:100%;padding-bottom:3px;
	}
	#credit .LeftCol{
		width:50%;
	}
	#credit .LeftCol .LeftCol{
		width:100%;
	}
	#credit .LeftCol .LeftCol label{
		padding-bottom:3px;
	}
	#credit .LeftCol .valueCont .right{
		text-align:left !important;
		margin-left:10px;
	}
	.FormContRow .ddlCont{
		width:60%;
	}
	.FormContRow50Right .width50:first-child{
		width:40%;
	}
	.FormContRow50Right .width50:nth-child(2){
		width:60%;
	}
	.width20brdRight{
		width:50%;
		margin-bottom:4px;
	}
	.width20brdLeft{
		width:50%;
		margin-bottom:4px;
		border-right:none;
	}
	.width40RightYellow{
		width:50%;
		margin-top:0;
	}
	.width40RightYellow .width50:first-child{
		width:30%;
	}
	.width40RightYellow .width50:nth-child(2){
		width:70%;
	}
	.FormContRow50LeftYellow{
		width:100%;
		margin-bottom:4px;
	}
	.FormContRow50Left{
		width:100%;
		border-bottom:4px solid #fff;
		border-right:none;
		height:39px;
	}
	.FormContRow50Left .width50:first-child{
		width:40%;
	}
	.FormContRow50Left .width50:nth-child(2){
		width:60%;
	}
	.FormContRow50Right{
		width:100%;
		border-bottom:4px solid #fff;
		border-left:none;
		height:39px;
	}
	/*vasw chosen-sprite
	/*.chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
	background-size: 28px 15px !important;
	}*/
@media only screen and (max-width : 430px) {
	.SendEmailCont{
		width:100%;
	}
	.SendEmailBtn, SendEmailBtn:active, SendEmailBtn:focus, SendEmailBtn:hover  {
		width:100%;
		background-position: 97% 11px !important;
	}
	.VoucherBtn, VoucherBtn:active, VoucherBtn:focus, VoucherBtn:hover  {
		width:100%;
		background-position: 97% 11px !important;
	}
	.VoucherCont{
		width:100%;
		margin-left:0 !important;
		margin-top:10px;
	}
	.ddlCont .voucher1{
		width:100%;
		float:left;
	}
	.ddlCont .voucher2{
		width:100%;
		float:left;
		margin-left:0px !important;
		margin-top:10px !important;
	}
	.Similar{
		width:100%;
	}
	.Similar a{
		background-position: 97% 11px !important;
	}
}

@media only screen and (max-width : 400px) {
	.options .PriceLblCont {
		width:50%;
	}
}