#client_searchform {width: 98%; margin: 0px auto;}
#client_searchform input.text {border-radius: 4px; border: 1px solid #999; padding: 4px; margin: 6px 0px;}
.ui-datepicker-trigger {margin: 0px 10px -4px 5px;}

.order_form_dialog {
	position: fixed;
}

#order_form {border-radius: 5px; padding: 1px; min-height: 220px;}
#order_form label { display:block;}
#order_form label h3 { font-size: 10px; color: #777}
#order_form label img { vertical-align: middle;}
#order_form input { display:block; }
#order_form .text { display:block; width: 275px;}
#order_form textarea { display:block; max-height: 50px;}
#order_form fieldset { display:block; min-height: 220px; margin-bottom: 5px; margin-right: 5px; border-radius: 4px; border: 1px solid #999; padding: 4px;}
#order_form label.left { display:block; float:left; margin-right: 5px;}
#order_form .sections { overflow-x: hidden; overflow-y: hidden; }
#order_form .section { display:block; float:left; }
#order_form div {display:block;}
div.buttons {text-align: center; margin: 0 auto; width:100%}

.filter_tag {margin: 0px; padding: 5px; border-radius: 10px; background-color: #eee; display: inline-block; height: 18px; width: 24px; text-align: center; vertical-align: middle;}
.filter_tag input {text-align: center; vertical-align: middle; }

#client_name {font-weight: bold;}
#client_street {font-weight: bold;}
#client_city {font-weight: bold;}
#phone_link {font-weight: bold;}
#mobile_link {font-weight: bold;}
#email_link {font-weight: bold;}

#client_section { max-width:240px}
#client_fieldset { max-width:220px}
#client_fieldset label { max-width:220px; word-wrap:break-word;}
#client_infofield { width: 210px; height: 70px;}
#client_section input.tag { display:inline !important; }

#order_gear_form label { display:block; margin-left: 5px; float:left}
#order_gear_form input { display:block;}
#order_gear_form select { display:block;}
#order_gear_form fieldset { margin-bottom: 5px;}
#order_gear_form input { margin-bottom: 4px; border-radius: 4px; border: 1px solid #999; padding: 4px; }

#repair_kind_field, #priority_field, #order_state {width: 205px;}
#order_serwisantfield {width: 200px;}
#order_datafield { width: 80px; }
#order_send_reminder { display:inline !important;  }
#order_send_visit { display:inline !important;  }
#order_insertfield {width: 200px;}
#order_modyffield {width: 200px;}
#order_time_fromfield, #order_time_tofield { width: 40px; }
#order_cashfield, #order_wiretransferfield, #order_creditcardfield,  #order_laborfield, #order_partsfield { width: 60px; text-align: right;}
#orderstatus {margin-bottom:10px;}
#order_form fieldset.tags {min-height: auto; border: 0px;}
#order_form fieldset.tags label {float: left; display:inline-table; margin-right: 5px; padding: 3px 5px; border-radius: 10px; background-color: #eee}
#order_form fieldset.tags input {display: initial !important;}
#order_form fieldset.tags img {vertical-align: initial !important;}

#order_calendar_cal img{vertical-align: middle; padding-right: 5px;}
#order_calendar_cal .msc-event-title{padding: 2px}
#order_calendar_cal a.popupTrigger { color: #fff}
#order_calendar_cal a.popupTrigger:hover { color: #aaa}

#order_client_nav_top {height: 30px !important}
#order_client_nav_top input.text {border-radius: 4px; border: 1px solid #999; padding: 4px; margin: 0px 0px; width: auto; display: initial;}

#order_plan_list {max-height: 200px; overflow: auto; padding: 5px; width: 250px;}
.order_plan {border: 1px solid #555; background-color: #35d5e4; border-radius: 5px; padding: 2px; width: 200px; float: left; margin: 5px; color: #fff;}
.order_plan div {padding: 2px;}
.order_plan a {color: #fff}
.order_plan a:hover {color: #888}
.order_plan_last { background-color: #66d37d; }

a.last_order  {color: #f88}
a.last_order:hover {color: #f33}

.buttonspace {
	margin-right: 20px !important;
}

@media (min-width: 1360px) {
	#client_name {font-size:12px;}
	#client_street {font-size:12px;}
	#client_city {font-size:12px;}
	#client_section { max-width:350px}
	#client_fieldset { max-width:330px}
	#client_fieldset label { max-width:330px; }
	#client_infofield { width: 320px; }

	#order_plan_list { width: 450px;}
}

@media (min-width: 1600px) {
	#order_plan_list { width: 650px;}
}

#id {
	background-color: #555;
}