/* DEFAULTS */
header.main .nav-menu { display: none; transition: 120ms ease left; }
header.main nav { transition: 120ms ease left; }

#workorders .filter-view { display: inline-block; }
#workorders .filter-view.mobile-view {display: none !important;}

@media (max-width: 1110px) {
	header .profile,
	header .company { padding: 17px 15px; min-width:0 !important; }
	header .company .profile-picture { float: none }
	header .profile .name,
	header .company .name { display: none;}

	header.main nav { position: absolute; left: -180px; height: 100%; width: 180px; background: #2F3357; margin: 0; padding: 0px 10px 20px 15px; border-right: 5px solid #393F6B; display: none; z-index: 10;}
	header.main nav a { display: block; }
	header.main .nav-menu { display: block; height: 75px; position: absolute; left: 0; width: 60px; background: #39406A; font-size: 25px; color: #FFFFFF; line-height: 75px; text-align: center; cursor: pointer;
	}
	header .overflow-dropdown { right: 30px; }
	header .company .overflow-dropdown { right: 15px; }

	main > section .table.contained { margin-bottom: 54px; overflow-x: scroll; }
		main > section .table.contained header,
		main > section .table.contained main { width:1300px; }
		/*.table.contained .row > div:nth-child(2) { position: absolute; background: inherit; }*/

	.header-sum { bottom: 0; margin: 0; position: fixed; text-align: left; background-color: #5D64B4; padding: 0 40px 0 0; border-radius: 3px 3px 0 0; color: #fff;
	}
	
	.search input { display: none; position: absolute; right: 0; padding: 20px 15px 15px; margin: -10px 50px 0 0; border-left: 1px solid #E2E4ED; }	
	.header-sum { right: 20px; }

	#workorders .filter-view {display: none !important;}
	#workorders .filter-view.mobile-view {display: inline-block !important; !important;margin-left: 0;margin-right: 0;}
}

@media (max-width: 600px) {
	#login form { width: 250px; top: 0; margin:0 auto; left: 0; position: static; text-align: center; padding-top:50px; }
	#login .logo.left { float: none; margin: 0 auto !important; background-position: center; }
	#login .userpass-holder { margin:20px 0 0; }

	#workorders .DatePicker { margin:0; }
}


@media (max-width: 560px) {
	#workorder-form [name='Number'] { display: none; }
	#workorder-form [name='Partner'],#workorder-form [name='PartnerEmployee'],#workorder-form [name='PartnerAccountable'] { 
		display:block;width: 100% !important; border-width:0 0 1px;box-sizing: border-box;background: #F4F4F8;margin: 0;border-color: #fff;
	}
	#workorder-form [name='PartnerAccountableEmail'] { display:none; }
	#workorder-form .form-PartnerTariffs { display: none; }
	#workorder-form paper-input-decorator { width:138px !important; }
	#workorder-form [name='ServiceDuration'] { border-width: 0;}
	#workorder-form .button.important.right { margin:-15px 5px !important; }
	#workorder-form .form-Duration { border-right: 0 !important; }

	#workorder-form [name='ItemDescription'] { width:215px !important; }
	#workorder-form [name='ItemQuantity'] { width:60px !important; }

	#workorder-form [name='ItemDescription'] { width:215px !important; }
	#workorder-form [name='ItemQuantity'] { width:60px !important; }
	#workorder-form [name='CostDescription'] { width: 138px !important; }

	#workorder-form .list.service-list .row :nth-child(2) { width: 44px !important; min-height: 43px !important; }
	#workorder-form .list.service-list .row :nth-child(3) {width: 142px !important;}
	#workorder-form .list.service-list .row :nth-child(4) {width: 60px !important;border-right: 0;padding-left: 2px;}
	#workorder-form .list.service-list .row :nth-child(5) { display:none; }

	#workorder-form .list.item-list .row :nth-child(3) { width: 196px !important; }
	#workorder-form .list.item-list .row :nth-child(4) { width: 40px !important; }

	#workorder-form .list.cost-list .row :nth-child(2) {width: 119px !important;}
	#workorder-form .list.cost-list .row :nth-child(3) {width: 49px !important;}
	#workorder-form .list.cost-list .row :nth-child(4) {width: 45px !important;}

	#workorder-form .list .icons-holder-mini.right { float: none; position: absolute; right: -15px; margin-top: 5px;}
	#workorder-form paper-input[name='Date'] { width: 100px !important; }

	#workorders #User {width: 150px;margin: 0;}
	#workorders .DatePicker {display: none !important;}

	paper-input { box-sizing: border-box; max-width: 100%; }
}

@media (max-width: 320px) {
	#workorder-form .button.important.right { margin: -110px 5px !important; }
}