html {overflow-y: scroll;}
body {margin: 0; padding: 0; font-size: 90%; font-family: 'Arial'; min-width: 960px;}
div {box-sizing: border-box;}



#login {width: 40%; min-width: 400px; padding: 2%; box-shadow: 0 0 6px grey; margin: 10% auto; border-radius: 5px;}
#login h1 {font-family: 'Roboto'; font-weight: 100; color: grey; font-size: 300%; margin: 0;}
.time {text-align: right; margin: 0; font-size: 90%; color: grey;}
#login ul > li {margin-bottom: 1.5%;}

h2 {font-family: 'Open Sans'; font-weight: 300; font-size: 130%;}

.smaller {font-size: 90%;}
.input {outline: none; border: 1px solid silver; padding: 4px; resize: none; font-family: 'Arial';}
option:disabled	{ color: grey; }
.alert { color: #ff0000; }
.input.l {border: 1px solid silver; padding: 10px; font-size: 115%;}
.red {color: red;}
.grey {color: grey;}
.r {text-align: right;}
.c {text-align: center;}
.st_ul {margin: 0; padding: 0; list-style: none;}
.st_ul.inline li {display: inline;}
.cur_def {cursor: default;}
.submit, .button {-webkit-appearance: none; text-decoration: none; border-radius: 0; text-shadow: 1px 1px 1px #333; padding: 5px 15px; font-weight: bold; font-family: 'Arial'; font-size: 80%; letter-spacing: 0.5px; text-transform: uppercase; outline: none; cursor: pointer;}
.submit {background: #de514d; color: #fff; border: 1px solid #de514d; }
.button {background: #fc9208; color: #fff; border: 1px solid #fc9208; }
.submit:hover {background: #e86764; border: 1px solid #e86764;}
.submit:active {background: #333; border: 1px solid #333;}
.submit.l {padding: 10px;}
.submit.return {background: #555; border-color: #555;}
.submit.retrun:hover {background: #999; border-color: #777;}



.add_comment {display: inline; padding-left: 10px; cursor: pointer;float: right;}

#fade {display: none; position: fixed; top: 0; width: 100%; height: 100%; background-color: #444; opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=50); z-index:3;}
.overfade {display: none; border: 1px solid silver; background: rgba(255,255,255,1); box-shadow: 0 0 5px #fff; border-radius: 4px; z-index: 9; width: 880px; padding: 15px; position: fixed; left: 50%; top: 30%; margin:-100px 0 0 -450px; margin-bottom: 100px; padding-bottom: 20px;}

#wrap {width: 1200px;}
#top {padding-right: 3%;}
#admin_top {padding: 3%;}
#content {padding: 3%; padding-top: 1%;}
#menu {float: left; width: 250px;margin-left: 10px;}
#menu ul li {margin: 0.5%;}
#menu ul li a {display: block; padding: 5px 15px; border: 1px solid silver; text-decoration: none; color: #000;}
#menu ul li a:hover {background: #eaeaea;}
#admin_content {margin-left:270px;border: 1px solid silver; padding: 2%; margin-right: 0.5%;}
#content h1, #admin_content h1 {font-family: 'Roboto'; font-weight: 100; color: grey; font-size: 300%; margin-top: 0;}
.st_div {border: 1px solid silver; padding: 1%; margin: 1% 0; overflow: auto;}
.st_div > div {display: table; width: 100%;}
.st_div > div > div {margin-top: 2.5%; display: none; opacity: 0;}
.st_div h2 {margin: -1%; padding: 1%; margin-bottom: 2.5%; background: silver; font-family: 'Open Sans'; font-weight: 300; font-size: 130%;}
.st_div ol li {margin-bottom: 2%; line-height: 190%;}
.st_div h2 img {height: 23px; vertical-align: bottom; padding-left: 10px;}
th.tooltip, td.tooltip {cursor:default;}

.st_table, .address_table, .address_table .clients_table {border-spacing: 0; font-size: 90%; margin: 10px 0; border: 1px solid silver; border-top: 0px; border-left: 0px;}
.address_table th { height: 20px; }
.st_table th, .st_table td, .address_table th, .address_table td {border: 1px solid silver; padding: 2px 5px; border-right: 0px; border-bottom: 0px; font-size: 12px;}
.st_table tr.default td:first-child ul {display: none; }
.st_table select, .st_table input {border-spacing: 0; font-size: 90%;}
/* #active_orders .st_table td { padding: 12px;} */

.s_wrap {float: left; width: 18%; border: 1px solid silver; padding: 2% 10px; margin: 1%; height: 150px; overflow: hidden;}
.s_wrap input { width: 100px; }

.filters {margin: 0; margin-left: 3%; padding: 0; list-style: none; font-size: 90%;}
.filters li {margin-bottom: 0.5%;}

.locations li {margin: 0.5%;}

div.format, div.reason {float: left;padding: 3px 10px;clear: both;}
div.clear {clear:both;}

.step_counter {font-size: 130%; font-weight: bold;}

.filter	{ border: 0px solid black; }
.filter td { font-size: 12px;}
.filter td input, .filter td select option { font-size: 12px;}

.red {color: red;}
.green_b {background: #9AFCA5;}
.bb {border-bottom: 1px solid #333;}

.l_error {float:right;}

#icons { margin: 0; padding: 0; }
#icons li { margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none; }
#icons span.ui-icon { float: left; margin: 0 4px; }
/* div[id$="_orders"] .format {float: left; margin: 7px 5px 0 0;} */
/* div[id$="_orders"] .format+#icons { float: right;} */
#icons li.disabled {cursor: auto; opacity: 0.5;}
#icons span.reason {display:block !important;}

/* #tabs * {font-size: 90%;} */
/* #create_order .submit, #create_order .button {font-size: 80%;}*/


.ui-widget .blue .ui-icon,.ui-widget-content .blue .ui-icon.blue {background-image:url("images/ui-icons_0078ae_256x240.png")}
.ui-widget .red .ui-icon,.ui-widget-content .red .ui-icon {background-image:url("images/ui-icons_cc0000_256x240.png")}
.ui-widget .green .ui-icon,.ui-widget-content .green .ui-icon {background-image:url("images/ui-icons_00cc30_256x240.png")}
.statuses #icons.ui-widget .black .ui-icon, .statuses #icons.ui-widget-content .black .ui-icon {background-image:url("images/ui-icons_000000_256x240.png")}

.button.neworder {float:right; margin: 0 20px 10px 0;width: 250px;}
.filter_orders {float: right;margin: 0 20px 20px 0;clear: both;width: 218px;text-align: center;}
.clear {clear:both;}

#content div table .statuses {padding:2px;}

table.statuses {border-spacing: 0; font-size: 90%; margin: 10px 0; border: 1px solid silver; border-top: 0px; border-left: 0px;}
table.statuses th, table.statuses td {border: 1px solid silver; padding: 1px; border-right: 0px; border-bottom: 0px; font-size: 10px;}
table.statuses ul li { -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7); }

.st_table #icons {min-width:60px;}
.statuses #icons li {margin: 0px;}
.statuses #icons .ui-corner-all {border-radius: 50%;}
.statuses #icons .ui-icon {background-image:url("images/ui-icons_ffffff_256x240.png");}
.statuses #icons .blue {background:#8bb7f0; border: 1px solid #8cb2e4;}
.statuses #icons .grey .ui-icon  {background-image:url();}
.statuses #icons .green {background:#87f6a6; border: 1px solid #91eaaa;}
.statuses #icons .red {background:#f78f8f; border: 1px solid #dc8b8b;}
.statuses #icons .light {opacity: 0.5;}
.c.statuses>ul#icons {display: inline-block;min-width:auto;vertical-align: middle;}

.ui-tooltip-content>.statuses td:nth-child(3){width:84px;}
.ui-tooltip-content>.statuses td:nth-child(4){width:90px;}

.ui-tabs .ui-tabs-nav li.ui-tab a.ui-tabs-anchor {cursor:pointer;}
.ui-tabs .ui-tabs-nav .ui-tab.ui-tabs-active .ui-tabs-anchor{cursor:default;}

#fade {display: none;position: fixed;top: 0;width: 100%;height: 100%;background-color: #444;opacity: 0.3;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);z-index: 3;}


.edit_field {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer;}

label > input{ visibility: hidden; position: absolute; }
label > input + img{ cursor:pointer; padding: 2px; border:2px solid transparent; }
label > input:checked + img{ border:2px solid #dc8b8b; }

#orderstabs li a img {vertical-align: middle; padding: 0 5px; border: 0px solid;}


body .hider { background-color: #000000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.3; }
body .informer { position: fixed; top: 50%; left: 50%; width: 480px; height: 70px; text-align: center; background-color: #ffffff; margin: -25px 0 0 -210px; border: 1px solid #999999; padding: 4px; }

.read_more {cursor: pointer; font-style: italic; }

.address_table td { vertical-align: top; }
.address_table td .clients_table td { vertical-align: middle; }
.address_table td.blocked { background-color: #FFB8B8; }
.address_table .ui-widget .ui-state-default { height: 20px; width: 20px; margin: auto; }
.address_table .ui-widget .ui-icon { margin: 1px; }
.address_table .ui-widget .ui-icon, .addresses_block { cursor: pointer; }