/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 834px) and (max-device-width : 1366px) and (orientation : landscape) {
		
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 834px) and (max-device-width : 1366px) and (orientation : portrait) {
	
}




@media only screen and (max-width: 450px){

	.phone_show { display:block; }
	.phone_hide { display:none; }
	
	body { margin:0px; padding-bottom:60px; }
	form .row { margin-bottom:10px; }
	input, select, textarea { line-height:normal; font-size:12px; padding: 7px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	input, select, button, .btn  { height:45px; color:#000; }
	.btn { line-height:26px; }
	::-webkit-input-placeholder { line-height:normal; font-size:12px; }
	h2 { font-weight:bold; }
	
	
	.wrapper { min-width:0px; width:auto; }
	.content { padding:0 15px; }
	.content-login { max-width:300px; }
	.mt100 { margin-top:50px; }
	.mb40 { margin-bottom:20px; }
	
	.col { margin:0px; }
	.span_1_of_2 { width: 100%; }

	.span_1_of_3 { width: 100%; }
	.span_2_of_3 { width: 100%; }
	.span_3_of_3 { width: 100%; }

	.span_1_of_4 { width: 100%; }
	.span_2_of_4 { width: 100%; }
	.span_3_of_4 { width: 100%; }

	.span_1_of_5 { width: 100%; }
	.span_2_of_5 { width: 100%; }
	.span_3_of_5 { width: 100%; }
	.span_4_of_5 { width: 100%; }
	.span_5_of_5 { width: 100%; }

	.span_1_of_6 { width: 100%; }
	.span_2_of_6 { width: 100%; }
	.span_3_of_6 { width: 100%; }
	.span_4_of_6 { width: 100%; }
	.span_5_of_6 { width: 100%; }
	.span_6_of_6 { width: 100%; }

	.span_1_of_8 { width: 100%; }
	.span_2_of_8 { width: 100%; }
	.span_3_of_8 { width: 100%; }
	.span_4_of_8 { width: 100%; }
	.span_5_of_8 { width: 100%; }
	.span_6_of_8 { width: 100%; }
	.span_7_of_8 { width: 100%; }
	.span_8_of_8 { width: 100%; }

	.span_1_of_10 { width: 100%; }
	.span_2_of_10 { width: 100%; }
	.span_3_of_10 { width: 100%; }
	.span_4_of_10 { width: 100%; }
	.span_5_of_10 { width: 100%; }
	.span_6_of_10 { width: 100%; }
	.span_7_of_10 { width: 100%; }
	.span_8_of_10 { width: 100%; }
	.span_9_of_10 { width: 100%; }
	.span_10_of_10 { width: 100%; }

	.span_50 { width: 100%; float:none; }
	table, th, td { padding: 5px 3px; }
	
	
	header .logo { left: 20px; }
	header .account { right: 20px; }
	header .logo label { display:none; }
	
	#main { margin-top: 90px; }
	
	.header-page { padding-bottom:10px; }
	.content-large { padding: 0 20px; }
	.dashboard { grid-template-columns: 1fr; }
	.sidebar { width:auto; top: 80px; right: 20px; left: 20px; border: 1px solid #DDD; box-shadow: 2px 2px 2px #CCC; }
	.header-page h1 { font-size:24px; }
	.buttons { padding: 10px 0; }
	.tool-header .box-search form { grid-template-columns: 150px 50px; }
	.tool-header .box-search input[type='text'], .tool-header .box-search button { border:0px; border-bottom:1px solid #DDD; }
	.tool-header .box-buttons .btn { width:45px; }
	.PlusButton:before { font: var(--fa-font-solid); content: "\f067";  }
	.btn span { display:none; }
	
	
	.summary.large { grid-template-columns: 1fr; }
	.progressbar.grid-6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap:0px; padding:10px 0; }
	.progressbar li { overflow:hidden; text-overflow: ellipsis; }
	.list-grid-4 { grid-template-columns: 1fr 1fr; }
	.list-grid-3, .list-grid-2 { grid-template-columns: 1fr; }
	.list-grid-3 .item { overflow:hidden; }
	.list-configuration-product ul { grid-template-columns: 1fr 1fr; gap:10px; } 
	
	.sideResume { display:none; position:fixed; top:80px; left:0; right:0; bottom:0; z-index:2; overflow-y: scroll; }
	.btnResume { position:fixed; bottom:20px; right:20px; z-index:3; background:#000; color:#FFF; border-radius:200px; width:40px; height:40px; opacity:0.5; text-align:center; padding-top:12px; }
	.btnResume:before {  content:"SSO"; }
	
	.layout-config { grid-template-columns: 100px auto; gap:10px; }
	.layout-config .preview-image { width:	100%; }
	
	.list-approval .approve-details { position:relative; padding-left:0px; }
	.list-approval .approve-details .id { position:absolute; right:0px; top:0px; left:inherit; }
	
	.list-approve { grid-template-columns: 1fr 1fr; }

	.approvation .box-scroll { padding:0px; border:0; }
	.approvation .grid-search.grid-2 { grid-template-columns: 1fr; gap:0; }
	.approvation .grid-search .grid-4 { grid-template-columns: 1fr 1fr 1fr; gap:5px; }
	.approvation form .grid-2 { gap:2px; }
	.approvation .table-list td {  }
	.list-approval { margin-top:20px; }
	.list-approval .item { padding:20px; display:grid; grid-template-columns: 1fr; gap:10px; }
	.list-step-authorizations { display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
	
	.table-list { white-space: nowrap; overflow:hidden; overflow-x:scroll; }
	
	table { overflow:hidden; overflow-x:scroll;}
	.approvation .item-row { padding: 0px; margin-bottom:40px; }
	.approvation h4 { padding: 5px 3px; }
	.approvation .item-row .grid-3 { grid-template-columns: 1fr; gap:5px; }
	
	.grid-4 {  grid-template-columns: 1fr 1fr; gap:5px; }
	.grid-6 {  grid-template-columns: 1fr 1fr 1fr; gap:5px; }
	.grid-7 {  grid-template-columns: 1fr 1fr 1fr; gap:5px; }
	.grid-1-1-1-3 { display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
	.blockList { overflow:hidden; overflow-x:scroll;}
	.blockList td { white-space: nowrap; }
	form .grid-4 div, form .grid-2 div { overflow:hidden; }
	form label { white-space:nowrap; text-overflow: ellipsis; }
	
	.list-quotation-email { display:grid; grid-template-columns:1fr 1fr 1fr; gap:0px; margin-top:10px; }
	.notice { width:inherit; max-width:none; top:70px; left:20px; right:20px; }
	
	#print .grid-layout { display:block; }
	#print .grid-layout div { text-align:center; }
	#print .grid-layout img { display:inline-block; }

	.paginations { margin:0px; padding: 20px; grid-template-columns: 1fr; }
	
	.sidemenu { right:20px; }
	.sidemenu .grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr; }
	
	.grid .col { display: block; float:left; margin: 0 0 3% 3%;  }
	.grid .col:first-child { margin-left: 0; }
	.grid .span_1_of_3:nth-child(n) { margin-left:3%; }
	.grid .span_1_of_8:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_7:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_6:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_5:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_4:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_3:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_2:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_3 { width: 48.5%; }
	.grid .span_1_of_2 { width: 48.5%; }
	.grid .span_1_of_4 { width: 48.5%; }
	.grid .span_1_of_5 { width: 48.5%; }
	.grid .span_1_of_6 { width: 48.5%; }
	.grid .span_1_of_7 { width: 48.5%; }
	.grid .span_1_of_8 { width: 48.5%; }

	div.top { right:20px; bottom:20px; z-index:200;}

	.print-header { display: grid; grid-template-columns: 1fr; gap: 60px; }
	.print-body .main-table { min-width: 800px; }
	.table-view { overflow-x:auto;  }
}