﻿.page{
		background-image:url("../Content/images/blue/bg_silver_spirit.jpg");
		background-repeat:no-repeat;
		background-position:right top;
		background-attachment: fixed;
		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
 		 background-size: cover;
		background-color: #435C85;
}
.page.homeMenu, .page.LogOn, .page.account_logon, .page.PasswordRemind, .page.account_passwordremind, .page.Register, .page.account_register, .page.account_createnewagent, .page.account_activateaccount {background-color:transparent;background-image:url("../Content/images/blue/bg_body_blue.png");background-repeat:repeat; background-size:auto;}
/*elementi header*/
header, #header{height: 89px;background-color:#1b304f;}
.headerContent{height:100%;/*background-image:url("../Content/images/blue/bg_my_blue.png");*/background-repeat:no-repeat;background-position:right 0px;/*background-position:right;*/background-color:#1b304f;}
/*elementi footer*/
#footer{background-color:#1b304f;color:#ffffff;font-size:1.1em;}
.topMenu{border-radius:0px 0px 4px 4px;}
.footer_dx_links{float:right; margin-right:1em;}

.footer_content img{float: left; margin: 0 10px;}
.mobile_footer_content img{float: left; margin:0;}
.mobile_footer_content{display:none; }

.topMenu .ui-link{text-shadow: 0 1px 0 #000;}
.block{top:0px;}
#main{padding:0px;}
/*-------------------------------colonna sinistra*/
.leftBar{
    width: 13em;
	background-color: #596f93;
	background:rgba(255, 255, 255, 0.1);
    display: block;
    /*position:absolute;*/
    height:auto;
    bottom:0;
    top:0;
    text-align: center;
    /*padding-top:100px;*/
	color: #fff;
    float:left;
    margin-bottom:25px;
}
.nameObj{text-align:center;font-size:1.5em;}
.descr{font-size:1.1em;font-weight:100; font-family:"Tw Cen MT Condensed";}
.additonal_description{font-size:1.2em;font-style:italic;padding:1.2em;text-align:left;}
.leftBar .additonal_description{padding:0em 1.2em 1.2em 1.2em;margin-bottom:60px;}
.divider{padding:1em 0em;}

.contentSpace{xwidth:100%;height:100%;margin-left:13em;}
.mobHeader, .mobIntro{display:none;}
.logoSection div.boxLogo{height: 89px;text-align: left;float:left;}
.logoSection div img{margin-left: 5em; position:relative; z-index: 99;}
.logoSection .userBox:hover{background-color:#E6E6E6; color:#1B304F;}
.logoSection .userBox img{margin-left: 0em; position:relative; z-index: 99;}
.logoSection .userBox{float:right;xtext-align: center; xwidth: 80px;margin-right: 25%; xbackground:rgba(255, 255, 255, 0.3); color: #FFF; height:28px; padding: 0.5em; border-radius: 0px 0px 3px 3px; line-height:28px;}
.logoSection .userBox .userName {float: left; margin-right: 10px;}
.logoSection .userBox .userLogoff {float: left;}
.logoSection .userBox .userLogoff2 { float: left; font-weight: bold; margin-left: 10px; }

.logoSection {
    position:relative;
}

.logoSection .homebutton {
    display:inline-block;
    background-image:url("../Content/images/blue/homebtn.png");
    background-repeat:no-repeat;
    height: 42px;
    margin-right: 12%;
    position: absolute;
    right: 0;
    width: 109px;
}

.userBox .userId{float: left; width: 52%;}
.userBox .loginBtn{padding: 0; margin: 0; width: 48%;}
.userBox .loginBtn .ui-submit{ width: 8em; padding: 0; margin: 0;}
.Bookings .ui-content, .MarketingEmails .ui-content{margin-bottom: 5em;}
.ui-content{padding: 0.4em; margin-bottom: 1em;height:100%;overflow:hidden;}

/*---------------------------------icone home*/
.boxItem{
    background-color:#e6e6e6;
    width:243px;
    height:243px;
    border:2px solid #ffffff;    
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.46);
    box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.46);
    color:#1b304f;
	cursor: pointer;
    transition: none;
}
.boxItem:hover{
    width:243px;
    height:243px;
    border:2px solid #ffffff;    
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#ffffff;
    -webkit-transition: background-color 1000ms ease;
    -moz-transition: background-color 1000ms ease;
    -o-transition: background-color 1000ms ease;
    -ms-transition: background-color 1000ms ease;
    transition: background-color 1000ms ease;
    font-weight:normal;
	text-shadow:0px;
	background: -webkit-gradient(linear, left top, left bottom, from( #435c85), to( #1b304f)); /* Saf4+, Chrome */
	background: -webkit-linear-gradient( #435c85, #1b304f); /* Chrome 10+, Saf5.1+ */
	background: -moz-linear-gradient( #435c85, #1b304f); /* FF3.6 */
	background: -ms-linear-gradient( #435c85, #1b304f); /* IE10 */
	background: -o-linear-gradient( #435c85, #1b304f); /* Opera 11.10+ */
	background: linear-gradient( #435c85, #1b304f);
	background-color:#435c85;
}
.boxItem:hover .catDescription, .boxItem.disabled .catDescription, .boxItem.disabled:hover .catDescription {color: #CCC}
.boxItem.disabled, .boxItem.disabled:hover{
	opacity: 0.5; 
	filter: alpha(opacity=50);
	color:#1b304f;
	cursor:default;
}
.boxItem.disabled:hover{
	 background-color:#e6e6e6;
	 background:#e6e6e6;
	 cursor:default;
}
.catLayerSelected{
    width:243px;
    height:243px;
    border:2px solid #ffffff;    
    -moz-border-radius: 3px;
    border-radius: 3px;
    x-webkit-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.46);
    xbox-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.46);
    color:#ffffff;
    background-color:#1b304f;
    -webkit-transition: background-color 1000ms ease;
    -moz-transition: background-color 1000ms ease;
    -o-transition: background-color 1000ms ease;
    -ms-transition: background-color 1000ms ease;
    transition: background-color 1000ms ease;
    font-weight:normal;text-shadow:0px;
}
.boxTitle{FONT-SIZE:2EM; position: absolute;bottom:20px;margin-left:1em;margin-right:1em;font-weight:100;text-align:left;xheight:100%;}
.catLayer{height:inherit;width:inherit;position: relative; background-position: 15px 25px;}
.catLayer:hover{background-image: url(../Content/images/blue/bg_my_icon.png); background-repeat: no-repeat;}
.catLayer:hover .catDescription{color:#cccccc;}

/*------------------------------submenu*/
.selectedSubSection{
	background:#1b304f;
	font-weight: bold;
	color:#fff ;
	text-shadow: 0 1px 0 #111;
}
.ui-btn-hover-w {
	background: #1b304f /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: #fff /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
	background: -webkit-gradient(linear, left top, left bottom, from( #435c85), to( #1b304f)); 
	background: -webkit-linear-gradient( #435c85, #1b304f); 
	background: -moz-linear-gradient( #435c85, #1b304f); 
	background: -ms-linear-gradient( #435c85, #1b304f);
	background: -o-linear-gradient( #435c85, #1b304f); 
	background: linear-gradient( #435c85, #1b304f);
}

/*icone home*/
.profile .profileBlu{background-image:url(../Content/images/blue/grey/icon_profile.png); background-repeat:no-repeat;}
.communications .commBlu{background-image:url(../Content/images/blue/grey/icon_communications.png); background-repeat:no-repeat;}
.bookings .bookingsBlu{background-image:url(../Content/images/blue/grey/icon_booking.png); background-repeat:no-repeat;}
.reports .reportBlu{background-image: url(../Content/images/blue/grey/icon_report.png);background-repeat: no-repeat;}
.training .trainingBlu{background-image:url(../Content/images/blue/grey/icon_training.png);background-repeat:no-repeat;}
.services .servicesBlu{background-image:url(../Content/images/blue/grey/icon_services.png); background-repeat:no-repeat;}
.venetian .venetianBlu{background-image:url(../Content/images/blue/grey/icon_venetian.png); background-repeat:no-repeat;}
.gadgets .gadgetsBlu{background-image:url(../Content/images/blue/grey/icon_gadgets.png); background-repeat:no-repeat;}
.referral .referralBlu{background-image:url(../Content/images/blue/grey/icon_referral.png); background-repeat:no-repeat;}

/*icone titoli pagina*/
.mobileTitleSection .profile {background-image:url(../Content/images/blue/grey/icon_profile.png); background-repeat:no-repeat;}
.mobileTitleSection .communications {background-image:url(../Content/images/blue/grey/icon_communications.png); background-repeat:no-repeat;}
.mobileTitleSection .bookings {background-image:url(../Content/images/blue/grey/icon_booking.png); background-repeat:no-repeat;}
.mobileTitleSection .report {background-image: url(../Content/images/blue/grey/icon_report.png);background-repeat: no-repeat;}
.mobileTitleSection .training {background-image:url(../Content/images/blue/grey/icon_training.png); background-repeat:no-repeat;}
.mobileTitleSection .services {background-image:url(../Content/images/blue/grey/icon_services.png); background-repeat:no-repeat;}
.mobileTitleSection .venetian {background-image:url(../Content/images/blue/grey/icon_venetian.png); background-repeat:no-repeat;}
.mobileTitleSection .gadgets {background-image:url(../Content/images/blue/grey/icon_gadgets.png); background-repeat:no-repeat;}
.mobileTitleSection .referral {background-image:url(../Content/images/blue/grey/icon_referral.png); background-repeat:no-repeat;}

.ui-body-c .ui-link{font-weight: normal;}
.ui-body-c .ui-link:hover{}
.listCats{display:none;}
.listCats li {ytext-transform: uppercase;}

/*form elelments*/
.formContainer{height:100%;background-color:#e6e6e6; padding:1.2em 1.5em; /*min-height:470px*/}
.innerPageHeader{padding-bottom:1em;border-bottom:1px solid #d1d0cb;}
.innerPageHeaderMobile{display:none;}
.innerPageContent{border-top:1px solid #FFF;}
.innerPageContent, .innerPageContentDouble{padding-top:1em;}
.innerPageContentDouble .itemSet{/*width:49%; display: inline-block;float:left; margin-right: 1%;*/}
.formBlock{float: left; padding: 0 1%;
    width: 47%; margin-bottom:5px;}
.lineSeparatorRight{    border-right: 1px #ffffff solid;
    margin: 0; }
.lineSeparatorLeft{    border-left: 1px #ffffff solid;
    margin: 0; }
.itemSet{width:100%;}
.innerPageContentDouble{display: inline-block; width: 100%;}
.itemSet.lineButton {width:80%;}
.formBlock .itemLabel{text-align:right;margin-right:0.6em;}
.formBlock .itemField{text-align:left;}
.Form_Write { display: none; }


/*innerPageContent .formBlock .itemSet .itemField.GIF_Read{line-height: 34px;padding: 0em;}*/


.itemSet .itemLabel{width:40%;ytext-transform:uppercase;FONT-SIZE:1em;color:#595959;display:inline-block;float:left; height: inherit; font-weight:bold;}
.filterBox .itemSet .itemLabel{FONT-SIZE:0.95em;}
.itemSet .itemLabel.labelBlock{float:none; clear: both;}
.innerPageContent .itemSet .itemField{float:left;width: 50%; padding:0.6em 0; line-height: normal;}
.innerPageContent .itemSet .itemField.itemFieldRight {float:right;}

.innerPageContent .itemSet .itemField.shortField{width: 38%;}
.innerPageContent .itemSet .itemField.miniField{width: 30%;}
.innerPageContent .itemSet .itemField.longField{width: 60%;}

#contactList .innerPageContent .itemSet .itemField > div {float: left; margin-right: 0.4em; width: 45%;}
#contactList .innerPageContent .itemSet .itemField.shortField > div {width: 70%;}

#GIFTab4Content .innerPageContent .itemSet .itemField, #featherFree .itemField, #GIFTab7Content .innerPageContent .itemSet .itemField, #featherFree .itemField { display: inline-block; float: none; width: 30%; }
#GIFTab4Content .innerPageContent .itemSet .itemLabel{float:none;}
/*#GIFTab4Content .innerPageContent .itemSet .itemLabel.labelFullPage{xdisplay:inline-block;}*/
.innerPageContent .itemSet .itemLabel {padding:0.6em 0; line-height: normal;}
.innerPageContentDouble .itemSet .itemField {float:left;width: 50%;}
.innerPageContentDouble .itemSet .itemField.itemCeck {float:left;width: 20px;}
.languageSelect {width: 180px;}
.innerPageContent .itemSet .itemField.languageSelect{width: 180px;clear:both;float:none;}
.itemSet .itemField input{border:0px;border-radius: 4px 4px 4px 4px;font-size:1em;}
.itemSet .itemField select{border:0px;border-radius: 4px 4px 4px 4px;font-size:1em;} 

.itemSet .itemField .ui-btn-inner,
.formBlock .buttonCopy .ui-btn-inner{border:0px;FONT-SIZE:1EM;text-align:left; padding: 0 45px 0 10px;height: 30px; line-height: 30px;/*z-index: 20;*/}
.ui-select .ui-btn {/*border: 0 none;*/ height: 28px; line-height: 28px; /*border-radius: 1px 1px 1px 1px;*/}
.filterBox{border: solid 1px #D3D3D3; padding: 0.4em; margin-bottom:1em;xdisplay:inline; }
.filterBox .itemSet.inlineItem{float:left; width: 50%;}
.filterBox .itemSet.inlineItem.leftBlockFilter{width: auto;/* padding-right: 0.4em;*/}
.filterBox .itemSet.inlineItem.rightBlockFilter{width: 22em;float: left;}
.filterBox .itemSet .item .itemLabel, 
.filterBox .itemSet .item .itemField {display: block; float: none;width: auto; padding: 0;line-height: normal;}
.filterBox .itemSet .item {width: 32%; display: inline-table; margin-right: 0.4em;}

.filterBox .itemSet .item.itemDate{width: 8em; margin: 0;}
.filterBox .itemSet .item.itemShip{margin: 0 0.3em 0 0; width: 13.5em;}
.filterBox .itemSet .item.itemVoyage {width: 5em; margin: 0;}
.filterBox .itemSet .item.itemPax {width: 8em; margin: 0;}
.filterBox .itemSet .item.itemBooking {margin: 0;width: 8em;/*20%;10.5em;*/}
.filterBox .itemSet .item.itemName{width: 20%;}
.filterBox .itemSet .item.itemSelect {width: 25%;}
.filterBox .itemSet .item.buttonInline{margin-top: 15px;width: 12.4em;margin-bottom: 0;margin-right: 0;float: right;}

.filterBox .itemSet .item.itemPaxName{width: 30%;}
.filterBox .itemSet .item.itemSuiteNumber{width: 20%;}

.filterBox .itemSet .item .itemField.itemBkgCode1, .reconnectCustomer .itemSet .itemField.itemBkgCode1 {display:inline-block; width: 4.5em;float:left;}
.filterBox .itemSet .item .itemField.itemBkgCode2, .reconnectCustomer .itemSet .itemField.itemBkgCode2 {display:inline-block; width: 2.4em;}
.filterBox .itemSet .item .itemField.space, .reconnectCustomer .itemSet .itemField.space {display:inline-block; xwidth: 1em; line-height: 25px;float:left;}


.filterBox .iconButton {width: 5em; float: right; margin-top: 1.4em; clear: none;}
.filterBox .iconButton a.button, .filterBox .iconButton .ui-submit {width: 1.8em; float: left; margin: 0;}
.filterBox .iconButton a.button {margin-right:0.2em}
.filterBox .buttonInline .ui-submit{width:12em;}
.filterBox .iconButton .ui-submit .ui-btn-inner{padding: 0;}
.filterBox .iconButton .ui-btn-inner .ui-icon {background-image: url("mobile/images/icons-18-blue.png");}
.filterBox .smallButton {float:right; width:auto;padding-top: 1.2em;}
.specialForm {text-align:right;margin-right: 0.6em;}
.rightLabel .itemLabel{text-align:right;margin-right: 0.6em;}
.specialField{width:30% !important;}
.specialBtn{float:left !important;}
.account_createnewagent .radioInline{    display: inline-block;
    height: auto;
    padding: 0.5em 0;
    text-align: center;
    width: 100%;}
.account_createnewagent .radioInline .itemRadio{ display:inline;  line-height: 25px;float:none;}
.innerPageContent .errorBox{ margin-left: 0.5em; float: right;}
.ui-shadow{box-shadow:none;}
.loginContainer .itemSet .itemLabel {width:100%;}
.messageBox{margin: 2em;}
.messageBox .loginBtn {padding: 0;}

.listItemButton.innerPageContent .itemSet .itemLabel{ width: 30%;}
.listItemButton.innerPageContent .itemSet .itemField{ width: 35%;}

.radioInline .itemRadio{ float:left; width: 28%;/*line-height: 25px;*/}
div.ui-input-text input.ui-input-text, 
div.ui-input-text textarea.ui-input-text, 
.ui-input-search input.ui-input-text{padding:0.4em 0em 0.4em 0.4em;}
.itemSet .itemField div, .buttonWrapper .ui-submit{padding:0px;margin:0px;}
.itemSet .itemField> div{border: 2px solid #FFFFFF;box-shadow: 3px 4px 3px rgba(0, 0, 0, 0.2) inset;border-radius: 4px 4px 4px 4px;}
/* .itemSet .itemField:focus div{padding:0px;margin:0px; border: 2px solid #828275;} */
.mainCategoriesMenu{margin-bottom:0px;display:block;}
.mainCategoriesMenuMobile{display:none;}  
.listBox{height:190px;}
.itemSet .itemField .radioInline {margin: 0.3em 2em 0.3em 0; border: none 0}
.itemSet .itemField .ui-checkbox { border: none 0 }
.itemSet .itemField.itemTime { display:inline-block; width:5em; float:left;}
.itemSet .itemField.itemLabelTime { display:inline-block; width:5em; }

.supercheckbox-container { margin-left: 20px; }
.supercheckbox-input { margin-left: -20px !important; margin-right: 0px !important }
.supercheckbox-label { display: block; margin-left: 2px; margin-top: -20px; }

.supercheckbox-label2 { display: inline-block; margin-left: 6px; margin-top: -22px; line-height: 2em;}

.imageFrame{
   	 	/*background-color:transparent;*/
    	/*-moz-border-radius: 50%;*/ /* Firefox 1-3.6 */
		/*-webkit-border-radius: 50%;*/ /* Safari 3-4, iOS 1-3.2, Android 1.6- */
		/*border-radius: 50%;*/  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    	text-align:center;
		width: 146px;
		height: 146px;
		margin: 0 1em;
		/*background-color:#FFF;*/
		position:relative;
		/*border: 3px solid #FFFFFF;
		box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.46);*/
		/*background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to( #fff), to( #fff), to( #fff)); 
		background: -webkit-linear-gradient(#cccccc, #fff,  #fff,  #fff);
		background: -moz-linear-gradient(#cccccc, #fff,  #fff,  #fff); 
		background: -ms-linear-gradient(#cccccc, #fff,  #fff,  #fff); 
		background: -o-linear-gradient(#cccccc, #fff,  #fff,  #fff);
		background: linear-gradient(#cccccc, #fff,  #fff,  #fff);*/	
}
.imageFrame .maskPhoto{
   /* background-image: url(images/blue/bg_mask_photo.png);
	background-repeat: no-repeat;
	background-position: left top;*/
	z-index: 200;
	display: block;
	/*-moz-border-radius: 50%;  Firefox 1-3.6 */
	/* -webkit-border-radius: 50%; Safari 3-4, iOS 1-3.2, Android 1.6- */
	 /*border-radius: 50%;  Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	width: 140px;
	height: 140px;
	padding: 3px;
}
.imageFrame img{
	/*-moz-border-radius: 50%;  Firefox 1-3.6 */
	/* -webkit-border-radius: 50%; Safari 3-4, iOS 1-3.2, Android 1.6- */
	/*border-radius: 50%;   Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	width: auto;
}
.agencyLogo img{width: auto; margin-right: 10px;}
.agencyLogo, .agencyLogo form{display:inline-block;}
.agencyLogo form{}
/*scelta categorie in box icone*/
.subCategories{background-color:#435c85;width:inherit;height:inherit;}
.subCategories .listBox{overflow-y:auto;}
.greyHeaderList{FONT-SIZE:2EM; color:#1B304F;font-weight:100;text-align:left;ytext-transform:uppercase;background-color:#E6E6E6;border-bottom:1px solid #ffffff; border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #ffffff;padding:0.5em;}
.subCategories ul li{border-top:0px;}

.ui-content .ui-listview-inset, .ui-panel-inner .ui-listview-inset{margin:0px;}
.ui-link-inherit{font-size:0.9em;text-shadow:0px;ytext-transform:uppercase;font-weight:normal;color:#bfbfbf;}
.ui-icon, .ui-widget-content .ui-icon,
.ui-icon-searchfield:after {background-image: url(mobile/images/icons-18-silver.png);}
.ui-icon-loading {background: url(mobile/images/ajax-loader.gif);background-size: 46px 46px;}
.ui-icon-gold {background-image: url(mobile/images/icons-18-gold.png);background-position: -108px -1px;}
.ui-icon-silver {background-image: url(mobile/images/icons-18-silver.png);background-position: 	-108px -1px;}
.ui-btn-active {xbackground-color:#7c7c70;color:#c0c0c0;}
.ui-btn-active .ui-icon {background-image: url(mobile/images/icons-18-silver.png);}
.ui-btn-active a.ui-link-inherit{xcolor:#293f64;text-shadow:0px;}
.ui-btn-active{text-shadow:0px;xborder:2px solid #fff;padding:0px;}
.smallIconMenu a img{border:2px solid transparent;}

#menupanelblue.ui-body-y, #menupanelblue.ui-overlay-y{background-color:#3A537B !important;background-image:none;}
#menupanelblue{width:15em;}
#menupanelblue .ui-panel-inner{padding:0px;}
#menupanelblue .ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
#menupanelblue .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
#menupanelblue .ui-panel-dismiss-position-left.ui-panel-dismiss-open {left: 25em; right: -25em;}
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-left.ui-panel-display-push
{
    -webkit-transform: translate3d(-15em,0,0);
	-moz-transform: translate3d(-15em,0,0);
	transform: translate3d(-15em,0,0);
}
#menuIconblue{background-image:url(../Content/images/menu.jpg); background-repeat:no-repeat;height:44px;width:43px;position: absolute;}
#menupanelblue .ui-panel-position-left{left:15em;}

.formContainer::selection {
	background:  /*#ffde99*/#293F64;
	color:/*#293F64*/#ffde99;
}
.formContainer::-moz-selection {
	background: /*#ffde99*/#293F64;
	color:/*#293F64*/#ffde99;
}
.categoryTitle{/*color:#1B304F; text-shadow: 0 1px  0  #fff;*/ytext-transform:uppercase;}
.formContainer .categoryTitle, .formContainer h1{font-size:2em;color:#1B304F; text-shadow: 0 1px  0  #fff;text-transform:uppercase;font-weight: normal;}
.formContainer .catDescription{font-size:1.2em;}
.smallIconMenu{display:inline-block;}
.smallIconMenu .active{border:2px solid #ffde99 !important;}
.leftBar .smallIconMenu{text-align:left;}
.leftBar .smallIconMenu .iconLink{float:left;}

.passportInvisibleButton { visibility: hidden; }



/*---------------------menu laterale*/
.leftBar .smallIconMenu .boxItem {
        -moz-border-radius: 2px;
        border-radius: 2px;
        width:80px;
        height:80px;
        border:1px solid #ffffff; float:left;
}
.leftBar .smallIconMenu .boxItem:hover {
        -moz-border-radius: 2px;
        border-radius: 2px;
        border:1px solid #ffffff; 
        width:80px;
        height:80px;float:left;
}
.leftBar{xmargin-top:10px;}
.leftBar .catDescription{display:none;}
.leftBar .block{margin:1px;}
.leftBar .boxTitle{font-size:0.7em;bottom:3px;text-align:center;margin-left:0px;width:100%;margin-right: 0em;xposition:relative;margin-top: 68px;}
.leftBar .boxTitle .categoryTitle{ytext-transform:uppercase;}
.leftBar .boxItem .catLayer{background-size:80px 80px;}

/*personalizzazione sfondo icone menu laterale*/
.leftBar .boxItem.profile .profileBlu{background-position: 9px center;}
.leftBar .boxItem.bookings .bookingsBlu{background-position: 3px center;}
.leftBar .boxItem.services .servicesBlu{background-position: 6px center;}
.leftBar .boxItem.reports .reportBlu{background-position: 15px center;}
.leftBar .boxItem.marketingCentral .marketingCentralBlu{background-position: 0px center;}
.leftBar .boxItem.communications .commBlu{background-position: 7px center;}
.leftBar .boxItem.training .trainingBlu{background-position: 11px center;}
.leftBar .boxItem.venetian .venetianBlu{background-position: 4px center;}
.leftBar .boxItem.gadgets .gadgetsBlu{background-position: 0 3px;}
.leftBar .boxItem.referral .referralBlu{background-position: 0 3px;}

.leftBar .catLayer:hover{background-size:80px 80px;}

.mainCategoriesMenu, .mainCategoriesMenuMobile{text-align:center;}

.catDescription{color:#595959;font-style:italic;font-size:0.7em;}
.collapsSilver{xwidth:100%;float:left;}
.collapsSilver h4 a span{padding:0px;margin:0px; font-size: 12.5px;}
.ui-body-x, .ui-overlay-x{
	background-image:url("../Content/images/blue/bg_body.png");
	background-repeat:repeat;
	border: 0 none;
	color: #58584e;
    font-weight: normal;
    text-shadow: none;
}
.listCats .ui-corner-all{border-radius:0px;}
.infoLayer{padding-top:5px;}
.ui-checkbox input, .ui-radio input {
    float: left;
    position: relative;
    padding: 1px;
	left: 0;
    margin-right: 0.4em;
    margin-top: 0em;
}



/* RADIOS & CHECKBOXES STYLES */
 
/* base styles */
input[type="checkbox"].customCheckbox {
vertical-align: middle;
margin: 0 0.4em 0.4em 0;
border: 1px solid rgba(0, 0, 0, 0.3);
box-shadow:inset 1px 1px 0 #fff, 0 2px 2px rgba(0,0,0,0.2);
background-color: transparent;
background: #FFFFFF;
-webkit-appearance: none;
-webkit-transition: box-shadow 200ms;
padding: 0px;
height: 1.1em;
width: 1.1em;
-webkit-border-radius:2px;
border-radius:2px;
}
 
 
/* hover state */
input[type="checkbox"].customCheckbox:not(:disabled):hover {
border-color:rgba(0,0,0,0.7);
-webkit-box-shadow: 0 1px 3px rgba(100,100,100,0.5);
}
 
/* active state */
input[type="checkbox"].customCheckbox:active:not(:disabled) {
background-image: -webkit-linear-gradient(#C2C2C2, #EFEFEF);
-webkit-box-shadow: 0 1px 3px rgb(0,0,0);
/*border-color:rgba(0,0,0,0.5); */
}
 
/* focus state */
input[type="checkbox"].customCheckbox:focus {
outline:none;
-webkit-box-shadow: 0 1px 3px rgb(128,128,128);
}
 
/* input checked border color */
input[type="checkbox"].customCheckbox:checked {
/* border-color:rgba(0, 0, 0, 0.5) */
}
 
/* checkbox checked */
input[type="checkbox"].customCheckbox:checked:before {
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
content: '\2713';
position: relative;
top: -3px;
-webkit-margin-start: 0;
margin-left: 2px;
font-size: 0.9em;
}
 
/* disabled input */
input[type="checkbox"].customCheckbox:disabled {
opacity: .6;
background: rgba(0, 0, 0, 0.1);
box-shadow:none;
}
 
/* style label for disabled input */
input[type="checkbox"].customCheckbox:disabled + label {
opacity: .6;
cursor:default;
-webkit-user-select: none;
}

/*
input[type="checkbox"] {
-webkit-appearance: none;

height: 15px;
width: 15px;
cursor: pointer;
position: relative;
-webkit-transition: .15s;
border-radius: 2em;
background-color: #900;
margin-right: 1em;
margin-top: .53em;
}

input[type="checkbox"]:checked {
background-color: green;
}

input[type="checkbox"]:before,
input[type="checkbox"]:checked:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 2.818em;
text-align: center;
color: #fff;
content: "&#x2611";
font-size: .618em;
}
input[type="checkbox"]:checked:before {
content: "&#x2610";
}
input[type="checkbox"]:hover:before {
background: rgba(255, 255, 255, 0.3);
}
*/



a.ui-link img.imgBox{border: 2px solid #fff;}
.ui-popup-container {
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    padding: 0.6em;
	border: solid 2px #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	/*background-color: #E6E6E6;*/
	background-color: #D3D3D3;
}
.ui-popup-container .ui-body-c{
	background-image: none;
	background-color: #D3D3D3;
	
}
.ui-popup-container .ui-widget-content {
    background: #E6E6E6;
}
.ui-popup-container .ui-widget-header{
	background-color: #D3D3D3;
	background-image: none;
}
.ui-tabs .ui-state-default, 
.ui-tabs .ui-widget-content .ui-state-default, 
.ui-tabs .ui-widget-header .ui-state-default{background-color: #fff;background-image: none;}
.ui-tabs .ui-state-active, 
.ui-tabs .ui-widget-content .ui-state-active, 
.ui-tabs .ui-widget-header .ui-state-active {background-color: #E6E6E6;}

#menuList_reports .performance:hover, #menuList_reports .netcruiserev:hover, #menuList_reports .agentproductivity:hover, 
#menuList_reports .commission:hover, #menuList_reports .fitnewpax:hover, #menuList_reports .fitrev:hover, #menuList_services .PriceFeed:hover, 
#menuList_services .BookOnline:hover, #menuList_communications .SilverseaSuggests:hover, #menuList_communications .TradeNews:hover, 
#menuList_training .Webinars:hover, #menuList_training .ReservationTraining:hover, 
.menuList .performance:hover, .menuList .netcruiserev:hover, .menuList .agentproductivity:hover, 
.menuList .commission:hover, .menuList .fitnewpax:hover, .menuList .fitrev:hover, .menuList .PriceFeed:hover, 
.menuList .BookOnline:hover, .menuList .SilverseaSuggests:hover, .menuList .TradeNews:hover, 
.menuList .Webinars:hover, .menuList .ReservationTraining:hover
{text-decoration:line-through;}

/*login page*/
#LogOn .container{text-align:center;}
.loginContainer{width: 740px; /*min-width:300px; height:320px;*/ margin: 0 auto; margin-top: 4%;}
.loginIntro, .loginFields{width:370px;height:520px;padding-top: 1.5em; padding-bottom: 1.5em;}
.page.account_register .loginIntro, 
.page.account_register .loginFields{height:340px;}
/*.page.account_createnewagent .loginContainer{margin-top: 3%;}*/
.page.account_createnewagent .loginIntro, 
.page.account_createnewagent .loginFields{height:450px;}
.page.account_createnewagent legend{ padding: 0 1.7em;}

.loginFields fieldset{background-color:#E6E6E6;}
.loginIntro{background:rgba(255, 255, 255, 0.3);float:left;}
.loginFields{background-color:#E6E6E6;float:left;}
.loginFields .errorBox, .itemSet .errorBox{margin: 0; line-height: 16px; color: #F00; xclear:both; text-align:center;/*height: 16px;*/float: none; clear: both;}
.loginFields .errorBox { padding: 0 2em 0 2em; }
.messageItemFound {margin: 0; color: #1B304F; clear:both; text-align:center; font-style: italic; font-size: 1.2em; font-weight:normal; line-height: 2em;}
.messageItemNotFound {margin: 0; color: red; clear:both; text-align:center; font-style: italic; font-size: 1.2em; font-weight:normal;}

.loginIntro h3.categoryTitle, .loginFields h3.categoryTitle{FONT-SIZE:2.2EM;color:#1B304F;padding:0 1em;ytext-transform:uppercase;text-align:left;text-shadow: 0 1px 1px #fff;font-weight: normal;}
.loginIntro .catDescription{height: 83px;}
.loginIntro .catDescription, .loginFields .catDescription{FONT-SIZE:1.2EM;/*padding:1.8em;*/padding:1.0em 1.8em 2.58em 1.8em;text-align:left;color: #FFF;}
.catDescription.registerLink{padding:0.4em 1.4em 0em 1.4em;}
.loginIntro .registerBlock {
    height:175px;
}
.loginIntro .mobileD, .loginIntro .registerLink{FONT-SIZE:1.4EM;}
.loginFields .catDescription{color: #595959; }
.catDescription.loginDescription{padding:0em 1.8em 0em 1.8em;}
.loginFields .itemSet .itemLabel {padding-left: 2em; color: #595959;font-size: 1em;ytext-transform: uppercase;font-weight: normal;float:none;
/*width: 320px;*/text-align:left;}
.loginFields .itemSet{width:100%;height:auto;padding:0.5em 0em;} 
.loginFields .itemSet .itemField{width:83%; margin-left:2em;}

/*bottoni*/
.loginBtn, .btBar{text-align:right; float: right; padding:0.5em 2em 0em 2em;}
.btBar{padding:0;/*border-bottom: 1px solid #d1d0cb;*/text-align:right; clear:both; width: 100%;}
.btBar div {float: right;margin-left: 0.4em;}
.btBar.btTable{border-bottom: 1px solid #d1d0cb; padding-bottom: 0.2em;}
.btBar.rightBar{clear: none; float: right;margin-top: 0.8em;width: 20%;}
.loginBtn .ui-submit, 
.btBar .ui-submit{width: 9.5em; border: 2px solid #FFFFFF;border-radius: 4px 4px 4px 4px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);line-height:1em;ytext-transform:uppercase;letter-spacing:0.2em;}
.loginBtn .ui-submit .ui-btn-inner, 
.btBar .ui-submit .ui-btn-inner{font-size:1em;padding: 0.4em 20px;}
.registerBtn .ui-submit .ui-btn-inner{font-size:0.9em;padding: 0.2em 10px;}
.registerBtn div{
    display:inline-block;
}
.registerBtn{padding:0em 2em; float:none; text-align:center; margin-bottom:2em;}
.buttonWrapper a, a.button, .buttonWrapperInner a, h4.button a, input.button {
	border: 2px solid #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	padding:0px;margin:0px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	line-height:1em;
	width:9.5em;
	ytext-transform:uppercase;
	letter-spacing:0.2em;
	margin-bottom: 0.2em;
	color: #1C3051;
}
.buttonInline a.bigButton{width:12em;}
.buttonWrapper a:focus, a.button:focus, .buttonWrapperInner a:focus, h4.button a:focus, input.button:focus, .ui-btn:focus
{
    color: #ffffff;
}
.ui-collapsible-heading .ui-btn:focus{color: #fff;text-shadow:none;background-color:#1C3051;}
.ui-collapsible-heading .ui-focus {color: #fff;text-shadow:none;background-color:#1C3051;}
.ui-collapsible-heading .ui-btn:hover{color: #fff;text-shadow:none;}
.buttonWrapper a:hover, a.button:hover, .buttonWrapperInner a:hover, h4.button a:hover, input.button:hover, .ui-btn-up-x:active
{
    color: #ffffff;
}
a.panelBar{
	display: block;
	background: url("themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    color: #555555;
    font-weight: normal;
	padding: 0.3em;
	border: 1px solid #FFF;
	margin-top: 0.5em;
}
h3.ui-collapsible-heading{
	background-color: #E6E6E6 !important;
	background-image: url("themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png") !important;
	background-repeat: repeat-x;
	background-position: 50% 50% !important;
}
.ui-collapsible a.ui-btn-up-c{background: none;}

a.panelBar h4 .iconOpenPanel{
	background-image: url("mobile/images/icons-18-silver.png");
	background-repeat: no-repeat;
	background-position: 3px 0px;
	width: 2em;
	display: block;
	float: left;
}
a.panelBar h4 .iconClosePanel{
	background-image: url("mobile/images/icons-18-silver.png");
	background-repeat: no-repeat;
	background-position: -30px 0px;
	width: 2em;
	display: block;
	float: left;
}
/*.buttonWrapper a:hover, a.button:hover, .buttonWrapperInner a:hover, h4.button a:hover {
	color: #fff;
}
.buttonWrapper a:visited, a.button:visited, .buttonWrapperInner a:visited, h4.button a:visited {
	color: #1C3051;
}*/
div.buttonInline{float:right; margin-bottom: 0.2em;}
.specialBtn{text-align: right;
    width: 100%;float:none !important;}
a.maxWidthButton{width:20em;}
a.btIcon {width:2.4em;}
.buttonWrapper {padding-top:1em;border-top:1px solid #FFF;text-align:right;}
.buttonWrapperInner{padding-top:0.4em;padding-bottom:0.4em;border-bottom:1px solid #d1d0cb;text-align:right;}
a.deleteButton{
	background-image: url(mobile/images/icons-18-silver.png);
	background-repeat: no-repeat;
	background-position: -73px -1px;
	display:block;
	float: right;
	width: 2em;
	height: 1.5em;
}


.mobile{display:none;}
.catDescription.mobileD{border-top: 1px solid #C8C8C8;padding: 0.7em 1.4em 0em;}
.catDescription.registerLink{height:auto;xpadding: 1.2em 4em 1.5em 2em;}

.registerFormContainer, .forgotPasswordFormContainer{display:none;}   
.registerFormContainer{background:none repeat scroll 0 0 rgba(255, 255, 255, 0.3);}
.forgotPasswordFormContainer{background-color:#E6E6E6;padding: 1em 0;}
.registerFormContainer{padding-bottom: 1em;} 
.registerFormContainer .itemSet {padding: 0.2em 0.5em;width: 44%;display:inline-block;float:left;}
.forgotPasswordFormContainer .itemSet {padding: 0.2em 2em;width: 44%;display:inline-block;float:left;}
.registerFormContainer .itemSet .itemLabel{float:none;text-align: left;width: 100%;font-weight:normal;color: #FFF;}
.forgotPasswordFormContainer .itemSet .itemLabel {float:none;text-align: left;width: 100%;font-weight:normal;}
.confirmationMsg{padding:1em 1em 0.5em 1em;}
.registerFormContent{width:100%;text-align:center;padding: 0.5em 2em;}
.registerFormContainer .buttonWrapper, .forgotPasswordFormContainer .buttonWrapper {border: none 0; padding-right: 2em;}
.tableDataListContainer {font-size: 0.95em;}

/*pannelli dettaglio bookings*/
.detailsContainer {margin-top: 35px; margin-bottom: 1em; /*border-bottom: 1px solid #666*/}
.mobileListTable{display: none;}
.webDisplay{ display: block;}
.deviceDisplay{display: none;}
ul.listPaxInfo {margin-bottom: 3em;}

/*#tabs .ui-corner-all {border-radius: 0;}*/
#GIFTab1Content{margin-bottom: 0.6em;}
#GIFTabs{margin-top: 0.6em;background-color: #E6E6E6;}
#GIFTabs ul {background-color:#D3D3D3;}
#GIFTabs ul li.ui-tabs{border-radius: 4px 4px 0 0; margin-bottom:-3px;}

.ui-datepicker-calendar td {
    cursor:pointer;
}
.ui-datepicker { z-index: 1101 !important; }
/* select.ui-datepicker-year, select.ui-datepicker-month, select.ui-datepicker-month option, select.ui-datepicker-year option
 { z-index: 1102 !important; } */

.ui-datepicker .ui-datepicker-prev.datepicker_hasdropdowns { left: 0px; }
.ui-datepicker .ui-datepicker-next.datepicker_hasdropdowns { right: 0px; }

/* .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom { top: 43% !important } */

#GIFTabs .ui-state-default, #GIFTabs .ui-widget-content .ui-state-default, #GIFTabs .ui-widget-header .ui-state-default{
float: left;margin-right: 0.2em;padding: 4px;}
#GIFTab3 .innerPageContentDouble .itemSet .itemLabel{width: 45%}
.innerPageContent .itemSet .itemLabel.labelBig{width: 66.5%; margin-right: 2%;}
.innerPageContent .itemSet .itemLabel.labelFullPage{width: 98%; margin-right: 2%;}
.innerPageContent .itemSet .itemLabel.labelSmall{width: 20%; margin-right: 2%;}

.innerPageContent .itemSet .itemLabel.lowCaseLabel {font-weight: normal; line-height: normal; padding: 0.6em 0;}

/*.groupSetinfo{margin: 0.9em 0;}*/
.ui-popup-container .itemSet .itemLabel, 
.ui-popup-container .itemSet .itemField,
.innerPageContentDouble .itemSet .itemLabel, 
.innerPageContentDouble .itemSet .itemField, 
.contactListSection .itemSet .itemField{line-height: 34px;padding:0em;}

.ui-popup-container .itemSet .itemLabel, 
.ui-popup-container .itemSet .itemField{padding:0.6em 0; line-height: normal;}
.ui-popup-container .itemSet .itemField.GIF_Write, 
.ui-popup-container .itemSet .itemField.Address_Write{padding: 0}

.innerPageContent .itemSet .itemField.GIF_Write{padding: 0}

textArea:focus {font-weight: normal; color: #595959; text-shadow: none;}

textarea.wideMultilineText {width: 100% !important; white-space: pre-wrap; border: 0px;}

#GIFTab4Content .innerPageContent .itemSet .itemField.GIF_Write.textArea{width: 77%}
#GIFTab4Content .innerPageContent .itemSet .itemField.GIF_Write.wideMultilineText{width: 98%; overflow: hidden;}

.itemSet .itemField.itemMultiSelect .ui-btn{
    box-shadow: none;
}
.itemSet .itemField.itemMultiSelect .ui-multiselect{
    border: 2px solid #FFFFFF;border-radius: 4px 4px 4px 4px;background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE; min-height:32px; line-height:normal;
}
.itemSet .itemField.itemMultiSelect .ui-multiselect span{ line-height:normal; text-overflow:ellipsis; }
/*.itemSet .itemField.itemMultiSelect .ui-btn .ui-btn-inner{border: 1px solid #CCCCCC;border-radius: 4px 4px 4px 4px;}*/
.itemSet .itemField.itemMultiSelect .ui-btn .ui-btn-inner span.ui-icon {
    background-color: none;
    background-image: none;
	display: none;
}
.itemSet .itemField.itemMultiSelect .ui-multiselect .ui-icon.ui-icon-triangle-2-n-s { background-position: -216px 0px; background-color:#CCC}
/*.itemSet .itemField.itemMultiSelect .ui-btn .ui-multiselect.ui-btn-hidden .ui-icon.ui-icon-triangle-2-n-s {opacity: 10; background-color:#FFFFFF;}*/
.ui-multiselect-menu .ui-icon.ui-icon-circle-close{background-position: -73px 0px;}
.ui-multiselect-menu .ui-icon.ui-icon-closethick {background-position: -73px 0px; margin-right: 4px;}
.ui-multiselect-menu .ui-icon.ui-icon-check {background-position: -253px 0; margin-right: 4px;}


.itemSet.celebrationOccasions{width: 30%;display: inline-block;float: left;}
.itemSet.celebrationOccasions .itemLabel{width:80%;margin-right: 0.6em;}
.innerPageContentDouble .itemSet.celebrationCenterSet {width: 28%;display: inline-block;float: left;}
.innerPageContentDouble .itemSet.celebrationCenterSet .itemField {width:80%; margin-right: 0.6em;}

.innerPageContentDouble .itemSet.celebrationCenterSet .bodytext {line-height: 34px; }

.innerPageContentDouble .itemSet.celebrationRightSet {display: inline-block;float: right;width: 42%;line-height: 34px;}
.innerPageContentDouble .itemSet.celebrationRightSet .itemLabel.yearslabel, 
.innerPageContentDouble .itemSet.celebrationRightSet .itemLabel.otherdetailslabel {width: 40%;margin-right: 1em;}

.buttonCopy .btBar .ui-select .ui-btn-icon-right .ui-btn-inner, 
.buttonCopy .btBar .ui-select .ui-li-has-count .ui-btn-inner {
    padding: 0px 40px 0px 10px;
}

.copyBlock {
    padding-top:0px;
    margin-bottom:-10px;
}

/*.innerPageContentDouble .celebrationOccasions .itemField{width:45%}*/
.innerPageContentDouble .celebrationOccasions .years{width:10%;}
.celebrationOccasions .yearslabel, .celebrationOccasions .otherdetailslabel{width:20% !important;}
.innerPageContentDouble .celebrationOccasions .otherdetails{width:70%;}
.suiteLabel{width:100% !important;}
.itemMultiSelect .ui-btn-hidden{opacity:1;filter: alpha(opacity=100);text-indent: 0px;}
.itemMultiSelect button.ui-multiselect{width:100% !important;}
.itemMultiSelect button.ui-multiselect .ui-icon .ui-icon-triangle-2-n-s{background-color:transparent !important;}
.ui-multiselect-menu{width:242px !important;}

#travelwithlist ul.line {
    background-color: #E6E6E6;
    float: left;
    width: 90%;
}
#travelwithlist ul.line li{clear: both; display: inline-table; float: none;}
h4.subTitileGroup{float: left; width: 60%; line-height: 33px;}
h4.titlePrimary{
    border-bottom: 1px solid #D1D0CB;
    padding-bottom: 0.3em;
    padding-top: 0.3em;
    width: 100%;
	line-height: 33px;
}
h4.categoryTitle{ padding-top: 0.6em;}
span.iconPrimary{
	background-image: url("images/blue/icon_primary.png");
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	/*float: left;*/
    height: 29px;
    margin-right: 0.6em;
	vertical-align: middle;
    width: 22px;
}

span.iconReadOnlyCheck{
	background-image: url("images/blue/icon_readonlycheck.png");
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	/*float: left;*/
    height: 16px;
    margin-left: -20px;
	vertical-align: top;
    width: 16px;
}

.ui-autocomplete {
    max-width:200px;
    max-height:300px;
    position:absolute;
    z-index:15000;
    overflow:auto;
}

.itemField.itemHours .ui-input-text{float: left; width: 40px; margin-right: 0.2em}
.itemField.itemHours .ui-select{float: left; width: 80px;}

#contactList div.buttonInline, 
#preferenceList div.buttonInline{margin-top: 0.2em; text-align:right;}

#friendsList .tableDataListContainer .firstLine ul.line li {
    font-weight: bold;
}
#friendsList .tableDataListContainer ul.line li {
    width: 11%;
}
#friendsList .tableDataListContainer ul.line li.checkicon {
    text-align: center;
}
#friendsList .tableDataListContainer ul.line li.modify, #friendsList span.modify {
    width: 0;
    cursor: pointer;
    font-weight: bold;
}
#friendsList .checkicon i.fa-check{
    color: green;
}
.friendsHeader {
    padding: 15px;
    background-color: #eee;
    margin-bottom: 20px;
    display: flex;
}

.friendsHeader .linkButton i {
    font-size: 25px;
}
.friendsHeader .linkButton .addlabel {
    vertical-align: super;
}
.friendsHeader .linkButton {
    margin-left: auto;
    cursor: pointer;
    font-weight: bold;
}

.friendsHeader .title {
    font-size: 18px;
}
.textBeforeList{
    padding: 20px 0 20px 0;
}
.textAfterList {
    padding-top: 30px;
}
.defaultList ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
.defaultList ul li {
    display: list-item;
    list-style-type: disc;
}
.smallText{
    font-size: 10px;
    padding-top: 20px;
}
.rightCol{
    margin-left: 40%;
}
.flex-form, .flex {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

    @media only screen and (max-width: 840px) {
        .logoSection .userBox  {
        margin-right: 15px;
    }

    .logoSection .homebutton {
        position:relative;
        margin:0;
        float:left;
    }
}

/*ipad orizzonatale
@media only screen and (max-width: 1024px)
{
    .filterBox .ui-icon-delete
    {
        background-position: -82px -1px;
        display: block;
    }

    .filterBox .ui-icon-search
    {
        background-position: -621px -1px;
        display: block;
    }
}*/
/*ipad verticale*/
@media only screen and (max-width: 1024px) 
{
	.tableDataListContainer.tableListBooking{ display: none;}
    .tableDataListContainer.tableListFriends {
        display: none;
    }
	.mobileListTable{display: block;}
	
	/*.mobileListTable div{padding: 0.4em; }*/
	.deviceDisplay .mobileListTable .headerLine{background-color: #E6E6E6; text-align: right; padding: 0.4em;width: 28%}
	.deviceDisplay .mobileListTable .dataItem {padding: 0.4em;width: 60%;}
	.mobileListTable div.itemSet, .mobileListTable hr{padding: 0; margin: 0; }

	.mobileListTable .bookingList {padding: 0;}
	.mobileListTable .bookingList .itemSet {padding: 0;}
	.mobileListTable .bookingList .headerLine{padding: 0.4em; width: 28%;background-color: #fff;min-height: 44px;}
	.mobileListTable .bookingList .dataItem{ padding: 0.4em; min-height: 44px; width: 50%;}
	.innerPageContent .mobileListTable .itemSet .itemLabel {line-height: normal;}
	.innerPageContent .mobileListTable .itemSet .itemField {line-height: normal;}
    .innerPageContent .smallText .rightCol {
        margin-left: auto;
    }
	.tableDataListContainer {font-size: 1em; padding-top: 0;}
	div.tableDataListContainer div.lineGroup ul.line li.title,
	div.tableDataListContainer div.lineGroup ul.line li.titleD {height: 70px;}
	.itemBrochure {width: 98%; clear:both;}
	.webDisplay{ display: none;}
	.deviceDisplay{display: block;}
	.deviceDisplay .innerGroup .itemSet .itemField {float: left;width: 65%;padding-bottom: 0.6em; padding-top: 0.3em; line-height: normal;}
	.deviceDisplay .innerGroup .itemSet label.itemLabel {width: 35%; padding-bottom: 0.6em; padding-top: 0.3em; line-height: normal;}
	.deviceDisplay .innerGroup .itemSet .buttonWrapperInner {border-bottom: none 0; padding: 0;}
    .formBlock{width:98%;}
    .itemSet{width:100%; /*display: inline-block;*/}
	.innerPageContentDouble .itemSet{/*width:100%;*/}
	.innerPageContentDouble div.firstItem {padding-top: 0;}
	.btTable a.button{width:8.8em;}
	.itemSet.lineButton {width: 72%;}
	.lineSeparatorRight{ border-right: 0px #ffffff solid;margin: 0; }
    .lineSeparatorLeft{ border-left: 0px #ffffff solid; margin: 0; }
	.filterBox .itemSet.inlineItem, 
	.filterBox .itemSet.inlineItem.rightBlockFilter, 
	.filterBox .itemSet.inlineItem.leftBlockFilter {float: left;width: 100%;}
	.filterBox .itemSet .item.itemDate{width: 32%;}
	.filterBox .itemSet .item.itemShip{margin: 0;width: 33%;}
	
	.filterBox .itemSet .item.itemVoyage {width: 32%;}
	.filterBox .itemSet .item.itemPax {width: 50%;}
	.filterBox .itemSet .item.itemBooking {margin: 0;width: 51%;}
	.filterBox .itemSet .item .itemField.itemBkgCode1, 
	.filterBox .itemSet .item .itemField.itemBkgCode2 {float:left; width: 46%;}/*.reconnectCustomer .itemSet .itemField.itemBkgCode1 */
	 
	.filterBox .itemSet .item .itemField.space {float:left; width: 5%;}/*.reconnectCustomer .itemSet .itemField.itemBkgCode2 */
	.reconnectCustomer .itemSet .itemField.space {float: left; width: 4%; line-height: 32px;height: 25px;}
	#GIFTab5 .filterBox .itemSet .item.itemBooking { margin: 0;width: 15.9em;}
	#GIFTab5 .filterBox .itemSet .item .itemField.itemBkgCode1 {width: 9em; }
	#GIFTab5 .filterBox .itemSet .item .itemField.itemBkgCode2 {width: 5.8em;}
	.filterBox .itemSet .item.itemPaxName, .filterBox .itemSet .item.itemSuiteNumber{width: 57%;}
	.itemSet.itemBrochure{width: 100%;}
	.filterBox .itemSet .item.itemName{width: 48.5%;}
	.filterBox .itemSet .item.itemSelect {width: 58%;}
	/*.filterBox .itemSet .item.buttonInline{width: 12.4em;}*/
    .occasionsEmpty{display:none;}
    .specialField{width:50% !important;}
   /* .filterBox .ui-icon-delete{ background-position: -82px -1px;display: block;}
    .filterBox .ui-icon-search{background-position: -621px -1px;display: block;}*/
/*	.logoSection .userBox {margin-right: 15px;} */
    .logoSection .userBox .userLogoff2 { display: none; }

    .itemSet .itemField.itemTime { display:inline-block; width:5em; float:left;}
    .itemSet .itemField.itemLabelTime { display:inline-block; width:5em; }
	.messageItemFound {line-height: 1em;}

    .passportInvisibleButton { display: none; }

    .friendsHeader .addlabel {
        display: none;
    }
}

/*mobile*/
@media only screen and (max-width: 640px)
{
	.page{ background-image:url("../Content/images/blue/bg_body_blue.png");background-repeat:repeat; background-size:auto;}
	
    .logoSection div.boxLogo{text-align: center;}
	.logoSection div img{margin-left:0em;}
	
    .divider{padding:0.5em 0em;}
    .headerContent{background-image:none;}
    .leftBar{width:0%;height:100%; background-color:#3a537b;float:left;display:none;}
    .contentSpace{width:100%;height:100%;float:right;}
	
    .mobHeader{display:inline-block;background: none repeat scroll 0 0 rgba(149, 149, 149, 0.1);text-align:center;width:100%;xclear:right;color:#FFF}
    .mobHeader .imageFrame{height: 136px;width: 136px;float: left;margin:1em; margin-left: 15%;}
	.mobHeader .imageFrame img.logoMobile{width:auto;}
	.imageFrame .maskPhoto{width: 130px;height: 130px;}
	.imageFrame img{width: auto;}	
    .mobHeader .mobileUserInfo{margin-top:1em;display: inline-block;}
    .mobIntro{display:block;padding:0em 1.2em 1.2em 1.2em;font-size:1.2em;font-style:italic;color:#fff;text-align:left;}
    #main{margin-top:0px;}
    #nomobile{display:none;}
    #popupMenu1{display:block;}
    .ui-content{padding:0em;}
	#footer{margin-bottom: -60px;}
	.footer_content{display:none;}
    #footer,.mobile_footer_content{height:60px;}
    div.mobile_footer_content div{height: 30px;line-height: 2em; padding-left: 0.6em; font-size: 0.9em}
    .mobile_footer_content{display:block;}
	.mobile_footer_content>div:first-child{border-bottom:1px solid #c0c0c0;}
	.block{margin:5px;}

    .additonal_description{padding:0em 1.2em 1.2em 1.2em;margin-bottom:60px;}

    .listCats{
		padding-top:5px;
		padding-bottom:5px;
		background-color:#f2f1ea;
        border-bottom:1px solid #ffffff; 
		border-top:1px solid #ffffff;
		border-left:1px solid #ffffff;
		border-right:1px solid #ffffff;
        -webkit-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.86);
    	box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.86);
    }
    .topItem.catLayerSelected:after{
    	z-index: 1;
    	border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #7C8DAA;
    	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.79) inset;
  		position:absolute;
    	top: 104px;
	}
    .bottomItem.catLayerSelected:before{
    	z-index: 1;
    	border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 8px solid #7C8DAA;
    	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.79) inset;
  		position:absolute;
  		bottom: 110px;
    }
    .menuSpace{position:absolute;width:99%;}
    .formContainer{padding:1em 1em;}
    .formBlock{width:98%;}
    .itemSet .itemLabel{width:45%;}
    .formBlock .itemLabel{text-align:right;margin-right:0.6em;}
    .formBlock .itemField{text-align:left;}
    .innerPageContent .itemSet .itemField{/*display:inline-block;*/width: 50%;}
    #GIFTab4Content .innerPageContent .itemSet .itemField{width: 100%;}
    .buttonWrapper{margin-bottom:5em;}
    .mainCategoriesMenu{display:none;}
    .mainCategoriesMenuMobile{display:block;}
    .listBox{height:100%;}
    .topSet, .bottomSet{display:inline-block; margin-top:4px}
    .imageFrame img{
		background-color:transparent;
/*		-moz-border-radius: 50%; 
		-webkit-border-radius: 50%; 
		border-radius: 50%;
*/      
		text-align:center;
}
	.innerPageHeader{display:none;}
    .innerPageHeaderMobile{display:block;}
    .innerPageContent{border:0px;}
    .boxItemTitle{
        background-color:#E6E6E6;
        border:2px solid #ffffff;    
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.46);
        box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.46);
        color:#1b304f;
		background-image:url("../Content/images/bg_freccia.png");
		background-repeat:no-repeat;
        background-position: right bottom;
        width:100%;
		margin-bottom: 1em;
		cursor:pointer;
    }
    .boxItemTitle:hover {
        width:100%;
        xheight:80px;
        border:2px solid #ffffff;    
        -moz-border-radius: 3px;
        border-radius: 3px;
        x-webkit-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.46);
        xbox-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.46);
        color:#ffffff;
        background-color:#435c85;
        -webkit-transition: background-color 1000ms ease;
        -moz-transition: background-color 1000ms ease;
        -o-transition: background-color 1000ms ease;
        -ms-transition: background-color 1000ms ease;
        transition: background-color 1000ms ease;
        font-weight:normal;text-shadow:0px;
    }
    .occasionsEmpty{display:none;}
	.boxItemTitle:hover .categoryTitle {text-shadow: none;color: #FFF;}
    .subCategories{height:auto;position:relative;}
	
	/*titoli pagine*/
    .mobileTitleSectionText{height:80px;xwidth:70%;xdisplay:inline-block;border-left:1px solid #ffffff;padding-left:3%;padding-top:0px; padding-bottom: 0px; overflow: hidden;}
	.mobileTitleSectionText div.oneLineTitle{margin-top: 28px}
	.mobileTitleSectionText div.oneLineTitle, 
	.mobileTitleSectionText div.twoLineTitle {margin-top: 28px}	
    .mobileTitleSectionText>div{margin-top:15%;}
    .mobileTitleSectionIcon{display: block;float: left;height: 80px;width: 30%;}
    .mobileTitleSection{height:80px;margin-bottom:5px;}
	.formContainer{padding:0.5em;}
	.boxItemTitle .categoryTitle{font-size: 1.6em; padding-bottom: 0;}
	.boxItemTitle .mobileTitleSection{margin-bottom: 0;}
	.mobileTitleSection a{ width:90px;}
	.mobileTitleSection .mobileTitleSectionIcon{ width:90px; background-size: 80px 80px;}
	.mobileTitleSectionIcon.profile {background-position: 12px 6px;}
	.mobileTitleSectionIcon.bookings {background-position: 8px 4px;}
	.mobileTitleSectionIcon.services {background-position: 12px 3px;}
	.mobileTitleSectionIcon.report {background-position: 21px 2px}
	.mobileTitleSectionIcon.communications {background-position: 9px 2px;}
	.mobileTitleSectionIcon.training {background-position: 16px 2px}
	
	.mobileTitleSectionText div.oneLineTitle{margin-top: 28px}

	.submenuListsMobile .ui-btn-up-w{ background-color:#1b304f}
	
	.boxItem{-moz-border-radius: 2px;border-radius: 2px;width:145px;height:145px; border:1px solid #ffffff; float:left;}
    .boxItem:hover{-moz-border-radius: 2px;border-radius: 2px; border:1px solid #ffffff; width:145px;height:145px;float:left;}
	
	.mainCategoriesMenuMobile .catLayer, 
	.mainCategoriesMenuMobile .catLayer:hover{background-size:120px 120px;}
	
	.mainCategoriesMenuMobile .boxItem.profile .profileBlu{background-position: 22px center;}
	.mainCategoriesMenuMobile .boxItem.bookings .bookingsBlu{background-position: 16px center;}
	.mainCategoriesMenuMobile .boxItem.services .servicesBlu{background-position: 24px center;}
	.mainCategoriesMenuMobile .boxItem.reports .reportBlu{background-position: 39px center;}
    .mainCategoriesMenuMobile .boxItem.marketingCentral .marketingCentralBlu{background-position:13px center;}
	.mainCategoriesMenuMobile .boxItem.communications .commBlu{background-position: 21px center;}
	.mainCategoriesMenuMobile .boxItem.training .trainingBlu{background-position: 30px center;}
	.mainCategoriesMenuMobile .boxItem.venetian .venetianBlu{background-position: 18px center;}
	.mainCategoriesMenuMobile .boxItem.gadgets .gadgetsBlu{background-position: 10px center;}
	.mainCategoriesMenuMobile .boxItem.referral .referralBlu{background-position: 10px center;}
	
	.mainCategoriesMenuMobile .catLayer .boxTitle{font-size:1.4em;bottom:3px;text-align:center;margin-left:0px;width:100%;margin-right: 0em;}
	.topItem.catLayerSelected:after{top:158px;}
	.bottomItem.catLayerSelected:before {bottom: 158px;}
	
	.loginContainer{width:100%; position: relative;vertical-align: middle;left:0px;margin-top:0px;}
    .loginIntro{width:100%;float:left;height:auto;}
    .loginFields{width:100%;float:left;height:auto;}
    .loginIntro .categoryTitle{padding:0.2em 1em 0.2em 1em;}
    .loginIntro .catDescription, .loginFields .catDescription{display:block;padding:0.5em 1.8em;}
    .catDescription.mobile{display:block;padding: 1.2em 4em 0.3em 2em}
    .catDescription.mobileD{border-top:1px solid #C8C8C8;padding: 0.3em 4em 1.5em 2em; margin-bottom:0em}
    .catDescription.registerLink{padding: 0.4em 4em 0.8em 2em;}
    .loginIntro, .loginFields{padding: 0.8em 0;}
    .loginFields .itemSet .itemLabel{width:100%;}
	.loginFields .itemSet .itemField {width: 91%;}
	.loginIntro .catDescription {height: auto}
	.registerFormContainer .itemSet {width: 44%; padding: 0.2em 0.3em;}
	.page.account_register .loginIntro, .page.account_register .loginFields {height: auto;}
	.page.account_createnewagent .loginIntro {height: auto;} 
	.page.account_createnewagent .loginFields {}
	
	div.buttonInline{ margin-top:0.7em;}
	.logoSection .userBox{display: inline-block;}
    .logoSection .userBox .userName{display: none;}
    .logoSection .userBox .userLogoff2{display: inline-block;}
	.innerPageContent .itemSet .itemLabel.labelFullPage {margin-right: 0%;width: 100%;}
	.innerPageContent .itemSet .itemLabel.labelBig {margin-right: 0%;width: 100%;}
	.innerPageContent .itemSet .itemField.GIF_Write, .innerPageContent .itemSet .itemField.GIF_Write {/*width: 100%;*/ display: none; }
    /* .GIF_Write { display: none; } */
	.filterBox .itemSet .item.itemName{width: 47%;}
	.filterBox .itemSet .item.itemSelect {width: 55%;}
    .specialField{width:50% !important;}
	
	.innerPageContentDouble .itemSet.celebrationOccasions {width: 35%;}
	.innerPageContentDouble .itemSet.celebrationCenterSet {width: 60%;}
	.innerPageContentDouble .itemSet.celebrationRightSet {width: 60%;float:left;  }
	.itemSet.celebrationOccasions .itemLabel { margin-right: 0.6em; width: 70%;}
	.innerPageContentDouble .itemSet.celebrationRightSet .itemField {width: 80%;}
	
	.ui-multiselect-checkboxes label {font-size: 1.2em;padding: 0;}

    .itemSet .itemField.itemTime { display:inline-block; width:5em; float:left;}
    .itemSet .itemField.itemLabelTime { display:inline-block; width:5em; }
	.filterBox .itemSet .item.itemPaxName, .filterBox .itemSet .item.itemSuiteNumber {width: 48%;}

    .passportInvisibleButton { display: none; }
}
@media only screen and (max-width: 500px)
{
    .leftBar{width:0%;height:100%; background-color:#3a537b;float:left;display:none;}
    .contentSpace{width:100%;height:100%;float:right;}
	
    .mobHeader{display:inline-block;background: none repeat scroll 0 0 rgba(149, 149, 149, 0.1);text-align:center;width:100%;color:#FFF}

	.mobHeader .imageFrame img.logoMobile{width:auto;}
	.imageFrame .maskPhoto{width: 130px;height: 130px;}
	.imageFrame img{width: auto;}	
    .mobHeader .mobileUserInfo{margin-top:1em;display: inline-block; width: 50%}
	
    .mobIntro{display:block;padding:0em 1.2em 1.2em 1.2em;font-size:1.2em;font-style:italic;color:#fff;text-align:left;}
    #main{margin-top:0px;}
    #nomobile{display:none;}
    #popupMenu1{display:block;}
    .ui-content{padding:0em;}
    .mobile_footer_content{display:block;}
	
    .additonal_description{padding:0em 1.2em 1.2em 1.2em;margin-bottom:60px;}
    .footer_content{display:none;}
    .listCats{
		padding-top:5px;
		padding-bottom:5px;
		background-color:#f2f1ea;
        border-bottom:1px solid #ffffff; 
		border-top:1px solid #ffffff;
		border-left:1px solid #ffffff;
		border-right:1px solid #ffffff;
        -webkit-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.86);
    	box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.86);
    }
    .menuSpace{position:absolute;width:99%;}
    .formContainer{padding:1em 1em;}
     .formBlock{width:98%;}
    .itemSet .itemLabel{width:45%;}
    .innerPageContent .itemSet .itemField{float:left;width: 50%;}
    .innerPageContent .itemSet .itemField.itemFieldRight {float:right;}

        #GIFTab4Content .innerPageContent .itemSet .itemField{width: 100%;}
    .buttonWrapper{margin-bottom:5em;}
	#PrePost .buttonWrapper{margin-bottom:0;}
    .mainCategoriesMenu{display:none;}
    .mainCategoriesMenuMobile{display:block;}
    .listBox{height:100%;}
    .topSet, .bottomSet{display:inline-block; margin-top:4px}
    .imageFrame img{
   	 	background-color:transparent;
/*    	-moz-border-radius: 50%; */ /* Firefox 1-3.6 */
/*		-webkit-border-radius: 50%; */ /* Safari 3-4, iOS 1-3.2, Android 1.6- */
/*		border-radius: 50%; */ /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    	text-align:center;
	}
	.innerPageHeader{display:none;}
    .innerPageHeaderMobile{display:block;}
    .innerPageContent{border:0px;}
    .boxItemTitle{
        background-color:#E6E6E6;
        border:2px solid #ffffff;    
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.46);
        box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.46);
        color:#1b304f;
		background-image:url("../Content/images/bg_freccia.png");
		background-repeat:no-repeat;
        background-position: right bottom;
        width:100%;
        xheight:80px;
		margin-bottom: 1em;
		cursor:pointer;
    }
    .boxItemTitle:hover {
        width:100%;
        xheight:80px;
        border:2px solid #ffffff;    
        -moz-border-radius: 3px;
        border-radius: 3px;
        x-webkit-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.46);
        xbox-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.46);
        color:#ffffff;
        background-color:#435c85;
        -webkit-transition: background-color 1000ms ease;
        -moz-transition: background-color 1000ms ease;
        -o-transition: background-color 1000ms ease;
        -ms-transition: background-color 1000ms ease;
        transition: background-color 1000ms ease;
        font-weight:normal;text-shadow:0px;
    }
	.boxItemTitle:hover .categoryTitle {text-shadow: none;color: #FFF;}
    .subCategories{height:auto;position:relative;}
	
	/*icone*/
	.boxItem{-moz-border-radius: 2px;border-radius: 2px;width:135px;height:135px;border:1px solid #ffffff; float:left;}
    .boxItem:hover{ -moz-border-radius: 2px;border-radius: 2px;border:1px solid #ffffff; width:135px;height:135px;float:left;}
	.mainCategoriesMenuMobile .catLayer, 
	.mainCategoriesMenuMobile .catLayer:hover{background-size:120px 120px;}
	
	.mainCategoriesMenuMobile .catLayer .boxTitle{font-size:1.2em;bottom:3px;text-align:center;margin-left:0px;width:100%;margin-right: 0em;}
	

	
	.mainCategoriesMenuMobile .boxItem.profile .profileBlu{background-position: 18px center;}
	.mainCategoriesMenuMobile .boxItem.bookings .bookingsBlu{background-position: 10px center;}
	.mainCategoriesMenuMobile .boxItem.services .servicesBlu{background-position: 15px center;}
	.mainCategoriesMenuMobile .boxItem.reports .reportBlu{background-position: 33px center;}
    .mainCategoriesMenuMobile .boxItem.marketingCentral .marketingCentralBlu{background-position:8px center;}
	.mainCategoriesMenuMobile .boxItem.communications .commBlu{background-position: 18px center;}
	.mainCategoriesMenuMobile .boxItem.training .trainingBlu{background-position: 24px center;}
	.mainCategoriesMenuMobile .boxItem.venetian .venetianBlu{background-position: 14px center;}
	.mainCategoriesMenuMobile .boxItem.gadgets .gadgetsBlu{background-position: 7px center;}
	.mainCategoriesMenuMobile .boxItem.referral .referralBlu{background-position: 7px center;}
	
	 .topItem.catLayerSelected:after{top: 148px;}
    .bottomItem.catLayerSelected:before{bottom: 148px;}
	
	/*titoli pagine*/
    .mobileTitleSectionText{height:80px;border-left:1px solid #ffffff;padding-left:3%;padding-top:0px; padding-bottom: 0px; overflow: hidden;}
		
    .mobileTitleSectionText>div{margin-top:15%;}
    .mobileTitleSectionIcon{display: block;float: left;height: 80px;width: 30%;}
	.formContainer{padding:0.5em;}
	
	/*titoli pagine*/
	
	.mobileTitleSection .mobileTitleSectionIcon{ width:90px; background-size: 80px 80px;}
	.mobileTitleSectionIcon.profile {background-position: 12px 6px;}
	.mobileTitleSectionIcon.bookings {background-position: 8px 4px;}
	.mobileTitleSectionIcon.services {background-position: 12px 3px;}
	.mobileTitleSectionIcon.reports {background-position: 21px 2px}
	.mobileTitleSectionIcon.communications {background-position: 9px 2px;}
	.mobileTitleSectionIcon.training {background-position: 16px 2px}
	
	.mobileTitleSectionText div.oneLineTitle{margin-top: 28px}
	.mobileTitleSectionText div.oneLineTitle, 
	.mobileTitleSectionText div.twoLineTitle {margin-top: 28px}
	/*.ui-icon-arrow-r { background-position: -122px 0px; display: block;}
	.ui-icon-delete{ background-position: -82px -1px; display: block;}
	.filterBox .ui-icon-delete{ background-position: -82px -1px;display: block;}
    .filterBox .ui-icon-search{background-position: -621px -1px;display: block;}*/
	.submenuListsMobile .ui-btn-up-w{ background-color:#1b304f}
	
	.registerFormContainer .itemSet {width: 43%;}
	.registerFormContent .itemSet .errorBox {height: 32px; margin: 0;}

	.itemSet.lineButton { width: 100%;}
	.btBar.rightBar {clear: both; width: 100%;}
	.detailsContainer {margin-top: 60px;}
	 a.itemButtonInfoPax {line-height: 35px;}
	 .filterBox .itemSet .item.itemName{width: 48%;}
	.filterBox .itemSet .item.itemSelect {width: 98%;}

    .itemSet .itemField.itemTime { display:inline-block; width:5em; float:left;}
    .itemSet .itemField.itemLabelTime { display:inline-block; width:5em; }
	#GIFTab5 .filterBox .itemSet .item.itemBooking {width: 100%;}
	#GIFTab5 .filterBox .itemSet .item.itemBooking .itemField.itemBkgCode1{width: 60%;}
	#GIFTab5 .filterBox .itemSet .item.itemBooking .itemField.itemBkgCode2{width: 36%;}

    .passportInvisibleButton { display: none; }
}
/*iphone orizzontale*/
@media only screen and (max-width: 480px)
{
	.mobHeader .imageFrame{margin-left: 6%;}
	.boxItem {width:100px;height:100px;}
	.boxItem:hover {width:100px;height:100px;} 
	.mainCategoriesMenuMobile .catLayer, 
	.mainCategoriesMenuMobile .catLayer:hover { background-size: 100px 100px;}
	
	.mainCategoriesMenuMobile .catLayer .boxTitle{font-size:1em;bottom:3px;text-align:center;margin-left:0px;width:100%;margin-right: 0em;}
	
	.mainCategoriesMenuMobile .boxItem.profile .profileBlu{background-position: 10px center;}
	.mainCategoriesMenuMobile .boxItem.bookings .bookingsBlu{background-position: 3px center;}
	.mainCategoriesMenuMobile .boxItem.services .servicesBlu{background-position: 8px center;}
	.mainCategoriesMenuMobile .boxItem.reports .reportBlu{background-position: 22px center;}
    .mainCategoriesMenuMobile .boxItem.marketingCentral .marketingCentralBlu{background-position:0px center;}
	.mainCategoriesMenuMobile .boxItem.communications .commBlu{background-position: 10px center;}
	.mainCategoriesMenuMobile .boxItem.training .trainingBlu{background-position: 15px center;}
	.mainCategoriesMenuMobile .boxItem.venetian .venetianBlu{background-position: 5px center;}
	.mainCategoriesMenuMobile .boxItem.gadgets .gadgetsBlu{background-position: -2px 3px;}
	
	.topItem.catLayerSelected:after{top:113px;}
	.bottomItem.catLayerSelected:before {bottom: 113px;}
	
	.innerPageContent.tableDataListContainer{ padding: 0}
	.catDescription.smallDescLeft{display:block; width: 70%; padding-bottom: 0.8em;}
	.languageSelect{width: 100%;}
	.tableDataListContainer a.button, .buttonWrapper a, .buttonWrapperInner a{ width: 8em;  letter-spacing: 0.1em;}
	.buttonInline a.bigButton{width:12em;}
	.itemBrochure {width: 98%; clear:both;}
	div.tableDataListContainer div.lineGroup ul.line li.brochure {height: 60px;}
	.mobileTitleSectionText div.twoLineTitle {margin-top: 28px}
	.btBar { margin: 0;}
	
	.submenuListsMobile .ui-btn-up-w{ background-color:#1b304f}
	.loginFields .itemSet .itemField { margin-left: 2em; width: 88%;}
	.registerFormContainer .itemSet {width: 87%;}
	.registerFormContent .itemSet .errorBox {height: 16px; margin: 0 2em;}
	
	.filterBox .itemSet .item.itemDate{width: 48.5%;}
	.filterBox .itemSet .item.itemShip{margin: 0;width: 98%;}
	
	.filterBox .itemSet .item.itemVoyage {width: 98%;}
	.filterBox .itemSet .item.itemPax {width: 98%;}
	.filterBox .itemSet .item.itemBooking {margin: 0;width: 101%;}
	.mobile_footer_content .noMobile{display: none;}
	/*.ui-icon-arrow-d {background-position: -240px 0px;}
	.ui-icon-search {background-position: -682px 0px;}*/
	
	.innerPageContentDouble .itemSet.celebrationOccasions {width: 100%;}
	.innerPageContentDouble .itemSet.celebrationCenterSet {width: 100%;}
	.innerPageContentDouble .itemSet.celebrationRightSet {width: 100%;float:left;}
	.itemSet.celebrationOccasions .itemLabel { margin-right: 0.6em; width: 70%;}
	.innerPageContentDouble .itemSet.celebrationCenterSet .itemField { margin-right: 0;width: 100%;}
	.innerPageContentDouble .itemSet.celebrationRightSet .itemLabel {width: 100%;}
	.innerPageContentDouble .itemSet.celebrationRightSet .itemField {width: 100%;}

    .itemSet .itemField.itemTime { display:inline-block; width:5em; float:left;}
    .itemSet .itemField.itemLabelTime { display:inline-block; width:5em; }
	.filterBox .itemSet .item.itemPaxName, .filterBox .itemSet .item.itemSuiteNumber {width: 100%;}
	.innerPageContent .itemSet .itemField.wideMultilineText {width: 100%;}

    .passportInvisibleButton { display: none; }
}

@media only screen and (max-width: 360px)
{
	.mobHeader .imageFrame{margin-left: 2%; margin-right:0.5em;}
	.boxItem {width:90px;height:90px; margin: 0.3em;}
	.boxItem:hover {width:90px;height:90px;} 
	
	.mainCategoriesMenuMobile .catLayer, .mainCategoriesMenuMobile .catLayer:hover { background-size: 80px 80px;}
	.mainCategoriesMenuMobile .catLayer .boxTitle{font-size:0.95em;}
	
	.mainCategoriesMenuMobile .boxItem.profile .profileBlu{background-position: 14px center;}
	.mainCategoriesMenuMobile .boxItem.bookings .bookingsBlu{background-position: 6px center;}
	.mainCategoriesMenuMobile .boxItem.services .servicesBlu{background-position: 12px center;}
	.mainCategoriesMenuMobile .boxItem.reports .reportBlu{background-position: 24px center;}
    .mainCategoriesMenuMobile .boxItem.marketingCentral .marketingCentralBlu{background-position:0px center;}
	.mainCategoriesMenuMobile .boxItem.communications .commBlu{background-position: 12px center;}
	.mainCategoriesMenuMobile .boxItem.training .trainingBlu{background-position: 18px center;}
	.mainCategoriesMenuMobile .boxItem.venetian .venetianBlu{background-position: 8px 0px;}
	.mainCategoriesMenuMobile .boxItem.gadgets .gadgetsBlu{background-position: 3px 5px;}
	.mainCategoriesMenuMobile .boxItem.referral .referralBlu{background-position: 3px 5px;}
	
	.topItem.catLayerSelected:after{top:100px;}
	.bottomItem.catLayerSelected:before {bottom: 100px;}
	
	.mobileTitleSectionText div.twoLineTitle{margin-top: 18px}
	
	.loginFields .itemSet .itemField { margin-left: 2em; width: 85%;}
	.registerFormContainer .itemSet { width: 83%;}
	.registerFormContent .itemSet .errorBox {height: 32px;margin: 0;}
	.mobile_footer_content .noName{display: none;}
	.filterBox .itemSet .item.itemName{width: 47%;}

    .itemSet .itemField.itemTime { display:inline-block; width:5em; float:left;}
    .itemSet .itemField.itemLabelTime { display:inline-block; width:5em; }
	/*.buttonInline a.bigButton{width:10em;}*/
	h4.subTitileGroup {width: 57%;}
	#preferenceList h4.subTitileGroup {width: 100%;}
	.innerPageContent .itemSet .itemField.shortField {width: 100%;}
	.radioInline .itemRadio { width: 50%;}
	.innerPageContent .itemSet .itemField.miniField{width: 45%;}

    .passportInvisibleButton { display: none; }
}

/*iphone verticale*/
@media only screen and (max-width: 320px)
{
	.mainCategoriesMenuMobile{ margin-bottom: 10px;}
	.boxItemTitle .categoryTitle {max-width: 180px;}
	.mobileTitleSectionText>div{margin-top:10%;}
	.mobHeader .imageFrame {margin: 1em 0.2em;}
	
	.boxItem {width:85px;height:85px;}
	.boxItem:hover {width:85px;height:85px;}
	
	.mainCategoriesMenuMobile .catLayer, .mainCategoriesMenuMobile .catLayer:hover { background-size: 80px 80px;}
	.mainCategoriesMenuMobile .catLayer .boxTitle{font-size:0.9em;}
	
	.mainCategoriesMenuMobile .boxItem.profile .profileBlu{background-position: 10px center;}
	.mainCategoriesMenuMobile .boxItem.bookings .bookingsBlu{background-position: 5px center;}
	.mainCategoriesMenuMobile .boxItem.services .servicesBlu{background-position: 8px center;}
	.mainCategoriesMenuMobile .boxItem.reports .reportBlu{background-position: 19px center;}
    .mainCategoriesMenuMobile .boxItem.marketingCentral .marketingCentralBlu{background-position:0px center;}
	.mainCategoriesMenuMobile .boxItem.communications .commBlu{background-position: 10px center;}
	.mainCategoriesMenuMobile .boxItem.training .trainingBlu{background-position: 15px center;}
	.topItem.catLayerSelected:after{top:95px;}
	.bottomItem.catLayerSelected:before {bottom: 95px;}
	
	.innerPageContent.tableDataListContainer{ padding: 0}
	.catDescription.smallDescLeft{display:block; width: 100%; padding-bottom: 0.8em; border-bottom:1px solid #d1d0cb;}
	.mailAdressInfo{clear: both; width: 100%; background-image: none; padding: 0.8em 0; border-top:1px solid #FFF}
	.languageSelect{width: 100%;}
	.itemBrochure {width: 98%;}
	.itemBrochure, .imgContainer{height: 145px;}
	div.tableDataListContainer div.lineGroup ul.line li.brochure { height: 80px;}
	.mobileTitleSectionText div.twoLineTitle{margin-top: 18px}
	
	.loginFields .itemSet .itemField { margin-left: 2em; width: 82%;}
	.registerFormContainer .itemSet { width: 80%;}
	.filterBox .itemSet .item.itemDate {width: 98%;}
	/*.filterBox .itemSet .item .itemLabel, .filterBox .itemSet .item .itemField {width: 100%;}*/
	.btTable a.button {width: 10em;}

    .itemSet .itemField.itemTime { display:inline-block; width:5em; float:left;}
    .itemSet .itemField.itemLabelTime { display:inline-block; width:5em; }

    .passportInvisibleButton { display: none; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) 
{
    .ui-icon-arrow-d {background-position: -240px 0px;}
	.ui-icon-search {background-position: -682px 0px;}
    .ui-icon-delete{ background-position: -82px -1px; display: block;}
    .ui-icon-arrow-r { background-position: -122px 0px; display: block;}

    .itemSet .itemField.itemTime { display:inline-block; width:5em; float:left;}
    .itemSet .itemField.itemLabelTime { display:inline-block; width:5em; }
}










.hasCountDown .catLayer {
    background-position: 15px 10px;
}

.hasCountDown .subCategories .listBox{overflow-y:auto; height:156px;}

.hasCountDown .mainCategoriesMenu{
    text-align: left;
}
.hasCountDown .mainCategoriesMenu .block.boxItem{
    display: inline-block;
}
.hasCountDown .boxItem,
.hasCountDown .boxItem:hover{
    height: 210px;
}

.voyageCountDown{
    height: 80px;
    background: #E6E6E6;
    opacity: 1;
    position:relative;
    border:2px solid #ffffff;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.46);
    box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.46);
    display:inline-block;
    vertical-align:top;
    position:relative;
    text-align:center;
    margin-left:4px;
}
.voyageDetail
{
    display: inline-block;
    height: 80px;
    opacity: 1;
    position: relative;
    text-align: center;
    vertical-align: top;
}

.voyageDetail.gif
{
    width:100px;
}

.voyageDetail.gif.single
{
    width:320px;
}

.voyageDetail.gif.single a
{
    line-height:53px;
}

.voyageDetail h4 {
    background-color:#233a5a;
    border:1px solid #ffffff;
    border-radius:2px;
    color:white;
    height:20px;

    font-size: 0.9em;
    height: 18px;
    padding-top: 2px;
}

.voyageDetail p
{
    background: #E6E6E6;
    border: 2px solid #ffffff;
    margin-top: 2px;
    padding-bottom: 1px;
    border-radius:2px;
    height:55px;
    font-size: 0.90em;

}

voyageDetail a:visited
{
    color:#333333;
}

.voyageDetail p a
{
    text-decoration:none;
    color:#333333 !important;
    display: block;
    height: 100%;
}

.voyageDetail.disabled p a
{
    color:#BBBCDB !important;
    display: block;
    height: 100%;
}

.voyageDetail.activities a
{
    display: table;
    height: 75%;
    padding-top: 9px;
}

.voyageDetail a
{
    font-weight:bolder !important;
}

.voyageDetail.activities .exc,
.voyageDetail.activities .spa,
.voyageDetail.activities .din
{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 33.3%;
     padding: 0 5px;
}
.voyageDetail.activities
{
    width:215px;
}
.voyageDetail.activities.large
{
    width:320px;
}
.voyageDetail.activities .exc
{
    border-right:1px solid #233A5A;
}

.voyageDetail.activities .spa
{
    border-right:1px solid #233A5A;
}

.voyageCountDown .days,
.voyageCountDown .ship,
.voyageCountDown .details{
    float:left;
    height: 80px;
}
.voyageCountDown .days{
    width: 165px;
    background: #233A5A;
    font-size: 14px;
    text-align: center;
    color: white;
}
.voyageCountDown .days h4{
    font-size: 35px;
    font-weight: normal;
    border-bottom:none;
    color:white !important;
    margin: -2px 0 -3px;
}
.voyageCountDown .days p
{
     font-size: 14px;
     margin:0;
}

.voyageCountDown .days .title
{
    font-weight:bolder;
}

.voyageCountDown .ship{
   font-size: 16px;
    padding: 0 48px 0 15px;
    position: relative;
    width: 293px;
}

.voyageCountDown .ship h4{
    margin:10px 0 5px 0;
    font-weight: normal;
}

.voyageCountDown .ship img{
	position:absolute;
	top:0px;right:10px;
	height: 70px;
}

.voyageCountDown .details{
    display:inline-block;
    margin-right:25px;
    margin-top:22px;
    height:35px;
    position:absolute;
    right:0px;
}

.voyageCountDownImage {
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 245px;
    margin-top:10px;
}

    .voyageCountDownImage img {
        display:inline-block;
        height:50px;
    }

.voyageCountDown .buttonDetails {
    background-image: url("../Content/images/voyagecountdownbutton.png");
    background-repeat: no-repeat;
    width:32px;
    height:40px;
    display:inline-block;
    position:absolute;
    /*top:25%;*/
    top:10%;
    right:0;
    margin-right:18px;
}

@media (max-width: 1024px) {
}

@media (min-width: 768px) and (max-width: 979px) {
    .voyageCountDown .ship{
     font-size: 15px;
    }
   
    .voyageCountDownImage { display:none;}
}
@media (max-width: 767px){
    .voyageCountDown .days{margin-right: 0}
    .voyageCountDown .ship{
     font-size: 14px;
     position:relative;
    }
     
    .voyageCountDownImage { display:none;}

    .voyageCountDown .days
    {
        width:115px;
    }
      
    .voyageCountDown .days .title
    {
        display:none;
    }
}

@media (max-width: 640px) {
     .hasCountDown .boxItem, .hasCountDown .boxItem:hover {
        height:140px;
        max-width:140px;
    }

     .voyageCountDown .ship {
        width:427px;
    }

    .voyageCountDownImage { display:none;}

    .voyageCountDown .days
    {
        width:125px;
    }
        
    .voyageCountDown .days .title
    {
        display:none;
    }
}

@media (max-width: 480px) {
    .voyageCountDown .days{
        width: 60px;
        background: #233a5a;
        font-size: 14px;
        text-align: center;
    }
    .voyageCountDown .days h4{
    font-size: 40px;
    font-weight: normal;
    margin-bottom: -10px;
    margin-top: 8px;
    }
    .voyageCountDown .details{
        width: 60px;
        right:0px;
    }

    .voyageCountDown .ship {
        width:327px;
    }

    .voyageCountDownImage { display:none;}

    .hasCountDown .boxItem, .hasCountDown .boxItem:hover {
        height:135px;
        max-width:135px;
    }
    
    .voyageCountDown .days .title
    {
        display:none;
    }
}
@media (max-width: 400px) {
    .hasCountDown .boxItem, .hasCountDown .boxItem:hover {
        height:100px;
        max-width:100px;
    }

    .voyageCountDown .ship {
        width:247px;
    }

    .voyageCountDownImage { display:none;}

    .voyageDetail.gif
    {
        width:305px;
    }
    .voyageDetail.activities
    {
        width:380px;
    }
    .voyageDetail.activities.large
    {
        width:485px;
    }

    .voyageCountDown .days .title
    {
        display:none;
    }
}


@media (max-width: 360px) {
    .hasCountDown .boxItem, .hasCountDown .boxItem:hover {
        height:100px;
        max-width:100px;
    }

    .voyageCountDown .ship {
        width:207px;
    }

    .voyageCountDownImage { display:none;}

    .voyageDetail.gif
    {
        width:265px;
    }
    .voyageDetail.activities
    {
        width:340px;
    }
    .voyageDetail.activities.large
    {
        width:445px;
    }
    .voyageCountDown .days .title
    {
        display:none;
    }
}

@media (max-width: 320px) {
    .voyageCountDown .days{
        width: 60px;
        background: #00B9AF;
        font-size: 14px;
        text-align: center;
    }
    .voyageCountDown .days h4{
    font-size: 40px;
    font-weight: normal;
    margin-bottom: -10px;
    margin-top: 8px;
    }
    .voyageCountDown .days .title
    {
        display:none;
    }

    .voyageDetail.gif
    {
        width:225px;
    }

    .voyageCountDown .details{
        width: 60px;
        right:0px;
    }
    .voyageCountDown .ship {
        width:auto;
    }

    .voyageDetail.activities
    {
        width:300px;
    }
    .voyageDetail.activities.large
    {
        width:405px;
    }

    .voyageCountDownImage { display:none;}

    .hasCountDown .boxItem, .hasCountDown .boxItem:hover {
        height:85px;
        max-width:85px;
    }
}


.val-warning-msg
{
    color:#DB6600!important;
}

span.GIF_Write, span.Address_Write, .asterisk
{
    color:red;
    font-size:21px;
    font-weight:bold;
    line-height:11px;
    vertical-align:middle;
    font-family:Verdana;
}

.fullwidth
{
    width:100% !important;
}

#GIFPaxPopupForm-popup
{
    max-width:840px !important;
}

#formPostHeader[data-issubmitted='false'] .btnsubmit
{
    color: #c0c0c0;
}

#formPostHeader .btnsubmit.enabled
{
    color: inherit !important;
}

.createbookingblock{
    text-align:right;
    margin-bottom:5px;
}

.createbookingblock.expanded .createbooking{
    margin-top: -56px !important;
}

.createbookingblock .agentagencies{
     background-color: #ebebeb;
    border-radius: 2px;
    padding: 5px 5px 35px;
    text-align: left;
    box-shadow: 0 0 3px 0 #909090;
}

.createbooking {
    margin-right: 5px !important;
    
}

.agentagencies .title{
    border-radius: 3px 3px 0 0;
    color: #595959;
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px 30px 7px 0;
    position: relative;
}

.agentagencies .title .close{
     background-color: black;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: comic sans ms;
    font-size: 0.85em;
    font-weight: bold;
    height: 20px;
    line-height: 19px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 3px;
    width: 20px;
}


.agentagencies .title .close:hover{
    background-color:dimgray;
    color:white;
}


.agentagencylist{
    margin:0;
    max-height: 250px;
    overflow: auto;
}
.agentagencylist > li {
    background-color: #333333;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    padding: 5px;
    position:relative;
}

.agentagencylist > li:first-child{
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

.agentagencylist > li:last-child{
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
}

.agentagencylist > li.selected, .agentagencylist > li:hover{
    background-color:black;
}

.agentagencylist > li.selected
{
    background-image: url("../Content/Images/reskin/icons-18-white.png");
    background-position:right;
    background-repeat:no-repeat;
    background-size:18px 18px;
    background-position: -108px -1px;
}
 
.agentagencylist > li .go{
    margin-top: 0 !important;
    position: absolute;
    right: 5px;
    top: 7px !important;

    display:none;    
}

.agentagencylist > li.selected .go
{
    display:block;
}
.icon-button i {
    margin: 3px 10px;
    font-size: 16px;
}

.uploadBox {
    display: flex;
}

.uploadBox .button {
    margin-top: 10px;
    padding: 2px 10px 2px 0;
}

.btnAttach {
    background-color: rgb(68,68,68);
    color: white;
}

.btnDownload, .labelFineName {
    background-color: rgb(206,206,206);
    color: black;
}

.labelFineName {
    padding: 0 8px !important;
    font-size: 12px !important;
    font-family: "Open Sans",arial,helvetica,sans-serif;
}

.btnUpload {
    background-color: #d60524;
    color: white;
}

    .btnUpload.initial {
        background-color: rgb(206,206,206);
        color: black;
    }
    .btnUpload.initial .ui-btn-inner {
        opacity:.3;
    }
.uploadNote {
    padding-top: 10px;
    font-size: 12px;
    display: block;
}

.browseBoxImage .ui-btn-text {
    padding: 3px 8px;
}

