@media (orientation: portrait){
	body{
		zoom:100% !important;
	}
	.frame{
		position: fixed !important;
		top:0 !important;
		left:0 !important;
		width:100% !important;
		height:100% !important;
	}
	.menu_mobile{
		position: fixed;
		top: 70px;
		left: 0;
		z-index: 9;
		width: 100%;
		height: calc(100% - 70px);
	}
	.menu_mobile>.bg_mobile{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0);
        z-index: 9;
        transition: 1s background;
	}
	.menu_mobile>.menu_container{
		position: absolute;
		background: linear-gradient(180deg, rgba(200, 200, 200, 1) 0%, rgb(129 188 180) 100%);
		top: 0;
		left: -100%;
		width: 210px;
		height: 100%;
		box-shadow: 5px 0 rgba(0, 0, 0, 0.45);
        z-index: 9;
		transition: 1s left;
	}
	.menu_mobile>.menu_container>.navigation{
		position: absolute;
		z-index: 1;
		margin-left: 25px;
		top: 25px;
	}
	.menu_mobile>.menu_container>.navigation>.page_link{
		margin-bottom: 15px;
	}
	.link_condition{
		bottom:140px !important;
	}
	.link_privacy{
		bottom:110px !important;
	}
	/* .menu_mobile>.bg_menu_mobile{
		position: absolute;
		background: linear-gradient(180deg, rgba(200, 200, 200, 1) 0%, rgba(129, 163, 188, 1) 100%);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	} */
	.preloader{
	    width: 100% !important;
		height: 100% !important;
		top: 0;
		left: 0 !important;
	}
	.preloader>.logo{
		top:170px !important;
	}
	.preloader>.marchio{
		top:360px !important;
		font-size: 40px !important;
	}
	.preloader>.text_preloader{
		top:460px !important;
		font-size: 20px !important;
		width: 210px !important;
		left: calc(50% - 105px) !important;	
	}
	.bar{
		display:none;
	}
	.bar_mobile {
		display:block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 70px;
		box-shadow: 0 4px rgba(0, 0, 0, 0.6);
		z-index:9999;
	}
	
	
	
	.frame>.content{
		top: 70px !important;
        width: 100% !important;
        left: 0 !important;
        height: calc(100% - 120px) !important;
        border-bottom-left-radius: 0 !important;
	}
	
	.icon_pwd {
		right: 40px !important;
	}
	.filters {
		width: calc(100% - 20px) !important;
		top: 50px !important;
		left: 10px !important;
		height: calc(100% - 50px);
	}
	
	.quarter_page {
		width: 50% !important;
	}
	
	.dt-layout-cell.dt-start{
		display:none;
	}
	
	
	.products_container {
		width: 100%;
		left: -70px;
	}

	.category_carousel{
		width:70px;
		top: 27px;
        position: absolute;
        z-index: 9999;
	}

	.product {
		width: 60px;
		height: 60px;
		margin: 10px 5px;
	}
	img.product_icon {
		width: 44px;
		left: calc(50% - 22px);
		top: calc(50% - 22px);
	}
	
	.products_container>.content{
	    position: absolute;
        top: 166px;
        height: calc(100% - 166px);
        padding: 0 0 0 0;
        width: 100%;
		box-shadow:0 -5px 0 0 rgba(0,0,0,0.45);
		width:100% !important;
		padding: 0 !important;
		left: 0 !important;
	}
	.products_container>.content>.product-content ul.product_list li.product_item {
		font-size: 15px;
        vertical-align: middle;
        margin: 0;
        height: 31px !important;
        display: inline-block;
        width: 100%;
        padding: 0 !important;		
	}
	.content > div.product-content.active  div.row_container > span:nth-child(1){
		width: calc(100% - 87px);
		display: block;
		left: 23px;
		position: relative;
		top: -18px;
	}
	.content > div.product-content.active  div.row_container > span:nth-child(2){
		top: 0;
        position: absolute;
        right: 10px;
	}
	.products_container>.bar.mobile{
		display:block;
		top: 0;
		left: 0;
		width: calc(100%);
		height: 40px;
		box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.45);
		z-index:1;
	}
	.products_container>.bar.mobile>.category_name {
		left: 10px;
	}
	.products_container>.bar.mobile>.category_filter {
    	top: calc(50% - 14px);
        width: 100%;
        height: 100%;
        left: 0;
	}
	.in_cart_filter.mobile,
	.empty_cart.mobile,
	.purchase_button.mobile{
		display:block;
	}
	.in_cart_filter.mobile{
		top: unset;
		top: 129px;
		position:absolute;
		color:black !important;
		left: 60px !important;
	}
	.empty_cart.mobile,
	.empty_cart.mobile>i,
	.in_cart_filter.mobile>i{
		color:black !important;
	}
	.empty_cart.mobile{
		top: unset;
		top: 129px;
		position:absolute;
		left: 10px;
	}
	.lightbox_element{
		width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 0;
	}
	.lightbox_content>.lightbox_data{
		width: 100%;
		left: 0;
		display: none;
	}
	.lightbox_content>.order_details {
		width: calc(100% - 10px);
        padding: 0;
        border-radius: 0 0 0 0;
        height: calc(100% - 120px);
        position: absolute;
        top: 50px !important;
        left: 5px;
	}
	
	.step {
		position: absolute !important;
		top: 0!important;
		left: 0!important;
		width: 100%!important;
		padding: 0!important;
		height: 100%;
	}
	#step1{
		overflow:auto;
	}
	div[name="exclusiveOption"] {
		background-size: contain;
		margin-top: 70px !important;
	    width: 180px !important;
		height: 180px !important;
		left: calc(50% - 107px) !important;
		box-shadow: 0 8px 0 0 rgba(0, 0, 0, 0.45);
        top: 70px !important;
        border: 3px white solid !important;
        margin: 0 !important;
        width: 180px !important;
        height: 180px !important;
        left: calc(50% - 93px) !important;
		position:relative !important;
        right: unset !important;
		display: block !important;
	}
	#step1 > div:nth-child(3){
		top: 180px !important;
	}
	div[name="exclusiveOption"]>span{
		bottom: unset !important;
		top:200px !important;
		text-shadow:0 2px 0 rgba(0,0,0,0.45);
	}
	.step_title{
		left:0 !important;
		font-size:25px !important;
		text-shadow:0 2px 0 rgba(0,0,0,0.45);
		position:relative !important;
		display:block;
		width:100% !important;
	}
	
	#lightbox > div > div.lightbox_content > div.order_details > div:nth-child(8) {
		display: block !important;
		position: absolute;
		bottom: -70px;
		width: 100%;
		margin: 0 !important;
		z-index: 3;
	}
	
	button#prevButton {
		top: 0 !important;
		left: 20px !important;
		width: calc(50% - 30px) !important;
	}

	button#nextButton {
		top: 0 !important;
		left: unset !important;
		right: 20px !important;
		width: calc(50% - 30px) !important;
	}
	
	#step2,
	#step4,
	#step5,
	#step3{
		overflow-y:auto !important;
		overflow-x: hidden;
	}
	
	#step2 > label:nth-child(2){
		top: 70px !important;
        font-size: 20px !important;
        left: calc(50% - 50px) !important;
        position: relative !important;
	}
	
	.date_picker.datepicker{
		top: 100px !important;
        width: 320px !important;
        height: 400px !important;
        left: calc(50% - 160px) !important;
        position: relative;
	}
	
	.txt_year, .txt_month {
		width: calc(100% - 97px) !important;
		text-align: center !important;
	}
	.lar_year,
	.rar_year,
	.lar_month,
	.rar_month{
		    margin: 0 15px !important;
	}
	.pageCalendarContainer {
		padding:0 !important;
	}
	#step2 > label:nth-child(4){
		top: 120px !important;
        left: calc(50% - 160px) !important;
        position: relative !important;
        width: 320px !important;
		display: block !important;
        text-align: center;
	}
	#step2 > div.select_container{
		top: 130px !important;
        left: calc(50% - 160px) !important;
        position: relative !important;
        width: 320px !important;
    }
	
	div[name="exclusiveOptionDelivery"] {
		width: 200px !important;
        margin-top: 40px !important;
        position: relative !important;
        height: 200px !important;
        left: calc(50% - 100px) !important;
        display: block !important;
		box-shadow: 0 8px 0 0 rgba(0, 0, 0, 0.45);
	}
	
	div[name="exclusiveOptionDelivery"]>span{
		/*bottom: 17px !important;*/
		/*font-size: 18px !important;*/
		bottom: unset !important;
		top:210px !important;
		text-shadow:0 2px 0 rgba(0,0,0,0.45);
        position: relative !important;
        display: block;
		width:100% !important;
	}
	.pickup_address{
		height:100% !important;
		position:relative !important;
        top: 10px;
	}
	.address_pickup{
		position: relative !important;
		top: calc(100% + 4px) !important;
		font-size: 18px !important;
	}
	.pickup_address_1,
	.pickup_address_2{
		position: relative !important;
		top: calc(100% + 4px) !important;
	}
	
	#step3 > div:nth-child(3){
		margin-top:130px !important;
	}
	#step3 > div:nth-child(3) > div{
		top: 210px !important;
        font-size: 18px !important;
        position: relative !important;
	}
	.delivery_data{
		margin-top: 20px;
		position: relative;
	}
	.marina.delivery_data{
		top: calc(100% - 38px) !important;
		margin-top: 60px;
	}
	.berth.delivery_data{
		top: calc(100% - 48px) !important;
	}
	
	.adyen_logo{
		top:20px !important;
		left:0 !important;
	}
	
	.new_card_bg{
		width: calc(100% - 40px) !important;
		left: 20px !important;
		height: max-content !important;
		top: 70px !important;
	}
	.new_card_title{
		left: 50px !important;
		letter-spacing: 3px;
		top: 20px !important;
	}
	#step4 > div.new_card_bg > div:nth-child(2){
		text-align: left !important;
        width: calc(100% - 20px) !important;
        margin-top: 50px !important;
        left: 10px !important;
        position: relative !important;
	}
	#step4 > div.new_card_bg > div:nth-child(3){
		width: calc(100% - 20px) !important;
		left: 10px !important;
	}
	#step4 > div.new_card_bg > div:nth-child(3) > div:nth-child(1){
		display: inline-block !important;
		margin-right: 10px !important;
		width: 100% !important;
	}
	
	.new_card_bg{
		display:none;
	}
	.new_card_bg.mobile{
		display:block !important;
	}
	.new_card_bg.mobile{
		width: calc(100% - 40px) !important;
		left: 20px !important;
		height: max-content !important;
		top: 90px !important;
		background:none !important;
		box-shadow: none !important;
	}
	
	.new_card_bg>div input {
		border-radius: 30px;
		box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.45);
	}

	#step5 > div > div:nth-child(1){
		position: absolute;
		width: calc(100% - 40px) !important;
		left: 20px !important;
		padding-left: 0 !important;
		max-height: 250px !important;
	}
	.checkboxes{
		left: 20px !important;
		top: 450px !important;
	}
	#step6>h2 {
		margin: 0 !important;
		text-align: center;
		top: calc(50% - 15px);
		position: relative;
	}
	#step7>h2 {
		margin: 0 !important;
        width: calc(100% - 60px);
        left: 30px;
        position: relative;
        top: calc(50% - 60px);
        text-align: center;
	}
	#tableSummary_wrapper > div:nth-child(1) > div.dt-layout-cell.dt-end{
		display:none !important;
	}
	
	button.btn_status {
		display: none;
	}
	
	#tableSummary_wrapper > div:nth-child(1),
	#orders_status_supplier_wrapper > div:nth-child(1),
	#orders_table_wrapper > div:nth-child(1),
	#suppliers_table_wrapper > div:nth-child(1),
	#staff_table_wrapper > div:nth-child(1),
	#buyer_table_wrapper > div:nth-child(1),
	#orders_status_wrapper > div:nth-child(1){
		display:none;
	}
	
	/* #orders_status_supplier_wrapper, */
	#tableSummary_wrapper,
	#orders_table_wrapper,
	#suppliers_table_wrapper,
	#staff_table_wrapper,
	#buyer_table_wrapper,
	#orders_status_wrapper,
	#orders_status_supplier_wrapper{
		top: 50px !important;
        left: 5px !important;
        width: calc(100% - 10px) !important;
        height: calc(100% - 79px) !important;
		/* box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.45); */
	} 
	#tableSummary,
	#orders_table,
	#suppliers_table,
	#staff_table,
	#buyer_table,
	#orders_status,
	#orders_status_supplier{
		height: 100% !important;
		font-size:13px !important;
	} 
	#tableSummary_wrapper{
		/* top:0 !important; */
	}
	.dt-paging.paging_full_numbers{
		position: absolute;
		bottom: -70px;
        left: 0;
        width: 100%;
	}
	 /* div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead{ */
		/* display:none; */
	/* } */
	
	div.dt-scroll-body thead tr th div.dt-scroll-sizing{
		height:100% !important;
		text-align: center;
	}
	
	div.dt-scroll-body thead tr th div.dt-scroll-sizing>span.dt-column-title{
		line-height: 36px;
	}
	#orders_status_supplier_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-body,
	#orders_table_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-body,
	#suppliers_table_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-body,
	#staff_table_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-body,
	#buyer_table_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-body,
	#orders_status_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-body,
	#orders_status_supplier_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-body{
		max-height: calc(100% - 36px) !important;
        height: calc(100% - 36px) !important;
	}
	/* div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-body { */
		/* overflow:auto !important */
	/* } */
	
	div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-body {
		border-bottom-left-radius: 0 !important;
		/* overflow: unset !important; */
	}
	div.dt-layout-row.dt-layout-table > div > div {
		box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.45);
		border-bottom-left-radius: 0 !important;
	}
	#tableSummary_wrapper > div.dt-layout-row.dt-layout-table > div > div{
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.45);
	}
	.dt-layout-cell.dt-start,
	.dt-info{
		display: none !important;
	}
	.dt-layout-row.dt-layout-table,
	.dt-layout-row.dt-layout-table>.dt-layout-cell {
		height:100%;
	}
	
	.form_data {
		position:relative !important;
		top: 70px !important;
		left: 30px !important;
		width: calc(100% - 60px) !important;
		height: calc(100% - 140px) !important;
		overflow: hidden auto !important;
	}
	.row_data>div {
		width: 100% !important;
	}
	
	.row_data div>.form-control{
		width: calc(100% - 20px) !important;
	}
	.row_data>div>div.select_container{
		width: calc(100% - 20px) !important;
	}
	.row_data>div.phone>input.form-control{
		width: calc(100% - 20px) !important;
		position: relative !important;
		top: 20px !important;
		left: 0 !important;
	}
	.logout_button.square_button{
		position: absolute;
		bottom: 40px;
		margin-left: 25px;
		text-align: center;
	}
	
	.logout_button:hover{
		bottom:35px;
		top:unset !important;
		opacity:1 !important;
		box-shadow: 0 0 0 0 rgba(0,0,0,0.45);
	}
	
	.y_l{
		width: calc(100% - 20px) !important;
		right:0 !important;
	}
	
	body > div.frame > div.content > div.form_data > div > div.yacht_length > input:nth-child(4){
		position: relative !important;
		width: calc(100% - 20px) !important;
        right: unset !important;
        top: 13px !important;
	}
	
	body > div.frame > div.content > div.form_data > div > div.yacht_length > span:nth-child(3){
		top: 29px !important;
		right: 50px !important;
		left: unset !important;
	}
	
	body > div.frame > div.content > div.form_data > div > div.yacht_length > span:nth-child(5){
		top: 79px !important;
		right: 50px !important;
	}
	
	.nota_charter{
		margin-top: -120px !important;
	}
	.save{
		margin-top: 30px;
	}
	
	/*NEW ORDER*/
	.content_new_order{
		position: absolute !important;
		left: -70px !important;
		top: 0 !important;
		width: calc(100% + 70px) !important;
		height: calc(100% + 50px) !important;
        background: linear-gradient(180deg, rgba(200, 200, 200, 1) 0%, rgba(129, 163, 188, 1) 100%);
	}
	
	.frame>.content>.pagename,
	.title_mobile{
		top: 10px !important;
		display: block !important;
		position: absolute !important;
		text-align: center !important;
		font-size: 26px !important;
		font-family: 'avenir_next_lt_probold' !important;
		color: white !important;
		text-shadow: 0px 4px rgba(0, 0, 0, 0.45) !important;
		width: 100% !important;
		left:0 !important
	}
	
	div#map {
		width: calc(100% - 40px) !important;
        height: calc(100% - 130px) !important;
        top: 52px !important;
        left: 20px !important;
        margin-top: 0 !important;
        border-radius: 180px !important;
        box-shadow: 0px 5px 0 0 rgba(0, 0, 0, 0.45) !important;
        border: 2px solid rgba(0, 0, 0, 0.45);
	}
	
	.gmnoprint.gm-style-mtc-bbw,
	#map > div > div.gm-style > div:nth-child(8) > button,
	#map > div > div.gm-style > div:nth-child(13) > div,
	#map > div > div.gm-style > div:nth-child(16) > div > div:nth-child(2) > div > div:nth-child(2){
		display: none !important;
	}
	#map > div > div.gm-style > div:nth-child(3){
		border:none !important;
	}
	.btn_ys.mobile {
		contain-intrinsic-block-size: auto 100px;
        display: block;
        text-align: center;
        bottom: 23px;
        padding: 6px 80px;
        left: calc(50% - 140px);
        /* width: 120px; */
        position: absolute;
        box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.45);
        border-radius: 24px !important;
	}
	.porti_container{
		display:none !important;
	}
	.port_list.mobile{
		display: block;
        z-index: 5;
        left: calc(-100% - 5px);
        width: 100%;
        top: 48px;
        height: calc(100% - 48px);
        background: linear-gradient(180deg, rgba(200, 200, 200, 1) 0%, rgba(129, 163, 188, 1) 100%);
        transition: left 1s;
	}
	.port_list.mobile>ul{
		height:calc(100% - 150px);
	}
	.elenco_supplier.mobile{
		display: block;
		z-index: 6;
		width: 100%;
		background: linear-gradient(180deg, rgba(200, 200, 200, 1) 0%, rgba(129, 163, 188, 1) 100%);
		top: 48px;
		height: calc(100% - 48px);
		left: calc(-100% - 5px);
		transition:left 1s;
		overflow-y: hidden;
	}
	.container_supplier .name {
		font-size: 16px !important;
		text-shadow: 1px 1px rgba(0, 0, 0, 0.45);
	}
	.close_pl,
	.close_es{
		position: absolute !important;
		left: unset !important;
		font-size: 18px !important;
		cursor: pointer;
        z-index: 6;
		font-family: 'avenir_next_lt_proregular' !important;
		padding: 10px 80px !important;
		background: #2AA9E0;
		border-radius: 31px;
		text-align: center !important;
		vertical-align: middle;
		color: white;
		box-shadow: 0 5px rgba(0, 0, 0, 0.45);
		top:unset !important;
		bottom: 23px !important;
		margin-left:0 !important;
		left: calc(50% - 140px) !important;
        width: 120px;
        padding: 6px 80px !important;
	}
	.btn_ys.mobile.select_port:hover,
	.close_pl:hover,
	.close_es:hover{
		bottom: 19px !important;
		box-shadow: 0 0px rgba(0, 0, 0, 0.45);
	}
	body > div.frame > div.content > div.content_new_order > div.port_list.mobile > div:nth-child(2){
		top:20px !important;
		font-size: 20px;
		text-shadow: 1px 1px rgba(0, 0, 0, 0.45);
		left:0;
		width:100%;
		text-align:center;
	}
	.elenco_supplier.mobile>div.nome_porto{
		font-size: 20px;
	}		
	.elenco_supplier.mobile>div{		
		margin-left: 52px;
		padding-left: 10px;
	}
	.container_supplier{
		height: calc(100% - 150px) !important;
		overflow-y: scroll;
	}
	.purchase_button.mobile {
        display: block !important;
        bottom: -42px !important;
        position: absolute !important;
        top: unset !important;
    }
	.products_container>.content>.product-content {
		column-count: unset !important;
		column-width: unset !important;
		column-fill: unset !important;
		overflow-x: hidden !important;
		overflow-y: scroll;
		height: calc(100%);
		width: 100%;
	}
	
	.select_product_sup {
		position: absolute;
		right: 0 !important;
		left: unset !important;
		width: 190px !important;
	}
	
	#orders_table_wrapper{
		display:none !important;
	}

	.port_name{
		display:none;
	}
	
	.bar_mobile>.logo_text{
		display:block;
	}
	span.dtr-title {
		font-weight: bold;
	}
	.child>ul{
		list-style: none;
        text-align: justify;
	}
	#buyer_table > thead,
	#staff_table > thead,
	#suppliers_table > thead{
		display:none;
	}
	
	#orders_status_supplier > thead, #orders_status > thead {
		top: 0 !important;
		position: relative;
		display: none;
	}
	#orders_status_supplier > tbody, #orders_status > tbody {
		top: 0 !important;
	}
	
	.content_footer{
		overflow-y: auto;
		height: calc(100% - 10px) !important;
		left: 10px !important;
		position: relative !important;
		width: calc(100% - 20px) !important;
		top: 10px;
		padding-right: 10px !important;
	}
	

	#order_details_table_wrapper > div:nth-child(3) > div.dt-layout-cell.dt-end{
		position: absolute;
		bottom: 120px;
		width: 100%;
		left: 0;
		text-align: center;
	}
	#order_details_table_wrapper table th, #order_details_table_wrapper  table td{
		min-width:0;
	}
	#order_details_table{
		height:100% !important;
	}
	
	#order_details_table_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-body{
		max-height: unset !important;
		height: calc(100% - 30px) !important;
	}
	
	#order_details_table_wrapper > div.dt-layout-row.dt-layout-table > div > div{
		height: calc(100% - 130px) !important;
	}
	
	/* #order_details_table_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th.dt-type-numeric.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc, */
	/* #order_details_table_wrapper  table td.dt-type-numeric.sorting_1.dtr-control{ */
		/* max-width: 50px !important; */
		/* min-width: 40px !important; */
	/* } */
}
/* @media only screen and (max-width: 760px) { */
	/* #order_details_table_wrapper table th, #order_details_table_wrapper  table td{ */
		/* min-width:100px; */
	/* } */
/* } */