@font-face {
    font-family: 'Awesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.1.0');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{width: 100%}
html,body,p,h1,h2,h3,h4,h5,h6,ul,li,ol {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;color: #485772;font-size: 15px;}
h2{font-size: 1.7em;}
ul,ol,li {list-style: none;}
a {text-decoration: none;color: #888888;}
a:hover{text-decoration: underline;color:#101010;}
img{border: none;}
input[type="text"],input[type="password"],textarea{font-family:Arial, Helvetica, sans-serif;border: 1px solid #d0daeb;line-height: normal;display: inline-block;
               vertical-align: middle;border-radius: 2px;padding: 6px 5px;box-sizing: border-box;font-size: 15px;height: 32px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{border-color: #53a1d7;}

input::-webkit-input-placeholder,input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #7d868f;font-family:Arial, Helvetica, sans-serif;}
input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,textarea::-moz-placeholder{color: #7d868f;font-family:Arial, Helvetica, sans-serif;}
input[type=text]:-moz-placeholder,input[type=password]:-moz-placeholder,textarea:-moz-placeholder{color: #7d868f;font-family:Arial, Helvetica, sans-serif;}
input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #7d868f;font-family:Arial, Helvetica, sans-serif;}
select{font-family: Arial, Helvetica, sans-serif;font-size: 15px;}

.paginator{text-align: center;margin:0;background: #485772;height: 53px;line-height: 53px;position: relative;}

.paginator ul li:first-child,.paginator ul li:last-child{position: absolute;margin: 10px 0 0 0;line-height: normal;}
.paginator ul li:first-child a,.paginator ul li:last-child a {padding: 0; display: inline-block;line-height: normal;transition: all 0.2s ease-in-out;}
.paginator ul li:first-child a:hover .prev:before,.paginator ul li:last-child a:hover .next:before{background: #61aadc;}
.paginator ul li:first-child a:active,.paginator ul li:last-child a:active{margin: 2px 0 0 0;}

.paginator ul li:first-child{top: 0;left: 30px;}
.paginator ul li:last-child{top: 0;right: 30px;}
.paginator .prev, .paginator .next {display: inline-block;cursor: pointer;}
.paginator .prev:before,.paginator .next:before{display: inline-block;background: #53a1d7;line-height: normal;padding: 5px 10px;border-radius: 2px;
       border-bottom: 2px solid #3783c6;}
.paginator .prev:before{content: 'Назад';}
.paginator .next:before{content: 'Вперед';}
.paginator .disable {display: none;}

.paginator ul{display: inline-block;text-align: left;margin: 0 0 0px 0;}
.paginator ul li{display: inline-block;vertical-align: middle;margin: 0 2px;}
.paginator ul li.active a{background: #8895a9;border-radius: 2px;}
.paginator ul li a{padding: 3px 7px;color: #fff;position: relative;}
.paginator ul li a:hover{text-decoration: none;}
.paginator .disable{padding: 3px 7px;}

.border_3{-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;-icab-border-radius: 3px;border-radius: 3px;}
.border_2{-moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;-o-border-radius: 2px;-ms-border-radius: 2px;-icab-border-radius: 2px;border-radius: 2px;}
.close{display: block;position: absolute;top: 5px;right: 5px;color: #fff;cursor: pointer;}
.close:before{font-family: 'Awesome';content: '\F00D';display: block;font-size: 16px;}
.button_blue{border: none;border-bottom: 2px solid #3783c6;border-top: 2px solid #53a1d7; background: #53a1d7;color: #fff;padding: 5px 10px;font-size: 15px;cursor:pointer;
            transition: all 0.2s ease-in-out;box-shadow: none;margin: 0 0 2px 0;border-radius: 2px;height: 33px;}
.button_blue:active{border-bottom: 2px solid #61aadc;margin: 2px 0 0 0;}
.button_blue:hover{background: #61aadc;border-top: 2px solid #61aadc;}
.button_orange{border: none;border-bottom: 2px solid #ff7f17;border-top: 2px solid #feb41c; background: #feb41c;color: #fff;padding: 5px 10px;font-size: 15px;cursor:pointer;
            transition: all 0.2s ease-in-out;box-shadow: none;margin: 0 0 2px 0;height: 33px;box-sizing: border-box;border-radius: 2px;}
.button_orange:active{border-bottom: 2px solid #fec11c;margin: 2px 0 0 0;}
.button_orange:hover{background: #fec11c;border-top: 2px solid #fec11c;}
.button_red{border: none;border-bottom: 2px solid #bd1526;border-top: 2px solid #f11c32; background: #f11c32;color: #fff;padding: 5px 10px;font-size: 15px;cursor:pointer;
            transition: all 0.2s ease-in-out;box-shadow: none;margin: 0 0 2px 0;height: 33px;box-sizing: border-box;border-radius: 2px;}
.button_red:active{border-bottom: 2px solid #f11c32;margin: 2px 0 0 0;}
.button_red:hover{background: #e43345;border-top: 2px solid #e43345;}

.button_print{border: none;border-bottom: 2px solid #8ca0b3;border-top: 2px solid #fff; background: #fff;color: #485772;padding: 5px 10px;font-size: 15px;cursor:pointer;
            transition: all 0.2s ease-in-out;box-shadow: none;margin: 0 0 2px 0;height: 33px;box-sizing: border-box;display: inline-block;border-radius: 2px;position: relative;}
.button_print:active{border-bottom: 2px solid #eaeef1;margin: 2px 0 0 0;}
.button_print:hover{background: #eaeef1;border-top: 2px solid #eaeef1;color: #485772;text-decoration: none;}
.button_print:before{content:'\F02F';font-family: "Awesome";position: absolute;display: block;top: 12px;left: 10px;font-size: 20px;}
.w_button{display: inline-block;transition: all 0.2s ease-in-out;height: 33px;vertical-align: middle;}

.w_button_top{position:absolute;top:65px;right:32px;}
.w_button_top .button_print{background:#eee;}
.w_button_top .button_print:hover{background: #ddd;border-top: 2px solid #ddd;color: #485772;text-decoration: none;}
.w_button_top .button_print:active{border-bottom: 2px solid #ddd;margin: 2px 0 0 0;}

.w_error{position: absolute;top: 0; display: block;z-index: 10; cursor: no-drop;}
.w_error:hover{z-index: 20;}
.form_error:before{display: block;position: absolute;content: ' ';font-size: 0;line-height: 0;width: 0;border-bottom: 16px solid transparent;border-right: 17px solid #ffe87d;
    left: -16px;top: 16px;}
.form_error{background: #ffe87d;padding: 10px 16px;text-align: left;}
.f_right{float: right;}

.shadow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;background: #000;opacity: 0.3;}
.aalert{position: absolute;background: #fff;display: block;overflow: hidden;border-radius: 2px;z-index: 1001;line-height: 25px;}
.aalert .header{background: #f3384c;color: #fff; font-size: 20px; font-weight: bold;padding: 10px 20px;text-align: center;position: relative;border-bottom: 2px solid #c61729;}
.aalert .header .close{top: 0;}
.aalert .w_body{max-width: 360px;padding: 25px 50px;text-align: center;}
.aalert .msg{background: #eaeff5;font-weight: bold;margin: 15px 30px;padding: 10px 30px;text-align: left;}
.aalert .like_button{box-sizing: border-box;line-height: 20px;height: 33px;}
.aalert .button_red{float: left;}
.aalert .button_orange{float: right;}
.aalert .w_button{display: block;padding: 0 30px;}

.icon_search{width: 30px;height: 30px;background:#53a1d7;color: #fff;display: inline-block;margin: 0 0 0 -5px;vertical-align: middle;position: relative;
    border-bottom-right-radius: 2px;border-top-right-radius: 2px;font-size: 15px;cursor: pointer;transition: all 0.2s ease-in-out;}
.icon_search:before{font-family: "Awesome";display: block;content: '\F002';position: absolute;top: 7px;left: 8px;}
.icon_search:hover{background: #61aadc;}
.icon_search:active{background: #53a1d7;}
.icon_remove{display: inline-block;vertical-align: middle;color: #53a1d7;cursor: pointer;}
.icon_remove:before{font-family: "Awesome";content: '\F068';font-size: 20px;display: inline-block;}
.icon_add{display: inline-block;vertical-align: middle;color: #53a1d7;cursor: pointer;}
.icon_add:before{font-family: "Awesome";content: '\F067';font-size: 20px;vertical-align: -2px;padding: 0 7px 0 0;text-decoration: none;display: inline-block;}

.mt_30{margin-top: 30px;}
.mt_25{margin-top: 25px;}
.ml_25{margin-left: 25px;}
.w_group {
	display: flex;
}
.drag-handle {
	margin: 1px 0 0 0;
	width: 30px;
	cursor: all-scroll;
}
.drag-handle-icon {
	position: relative;
	width: 30px;
	height: 30px;
	background: #53a1d7;
}
.drag-handle-icon::before {
	font-family: "Awesome";
	content: '\f0c9';
	display: block;
	position: absolute;
	top: 5px;
	color: #fff;
	width: 100%;
	text-align: center;
}
.open_cal {width: 20px;height: 20px;background: #2f86c2;border-radius: 2px;display: inline-block;vertical-align: middle;color: #fff;position: relative;font-size: 13px;cursor: pointer;}
.open_cal:before{font-family: "Awesome";content: '\F073';display: block;position: absolute;top: -6px;left: 4px;}

.ui-icon-triangle-1-s{font-family: "Awesome";font-size: 18px;}
.ui-icon-triangle-1-s:before{content: '\F107';}
.ui-selectmenu-button{padding: 5px;line-height: 20px;vertical-align: middle;height: 20px;}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active {color:#53a1d7;text-decoration:underline;}
.ui-datepicker-header{border-radius: 0;}
.ui-autocomplete .ui-state-focus,.ui-autocomplete .ui-state-active{background: #fafafa;}
.ui-autocomplete-loading{background:url("img/loading.gif") no-repeat scroll right center white;}

.like_button{display: inline-block;vertical-align: middle;}
.like_button:hover{text-decoration: none;color:#fff;}
.icon_search{display: inline-block;}
.label{display: inline-block;vertical-align: middle;}
.w_row{}
.main_content{text-align: center;background: #485772;}

.outer_wrapper{width: 100%;text-align: center;}
.inner_wrapper{display: inline-block;text-align: left;width: 100%;width: 1000px;}
.inner_wrapper.big{width:1200px;}
.main_content.login {min-height: 800px;}
.form_login{display: inline-block;background: #fff;margin: 60px 0 0 0;text-align: center;width: 470px;height: 240px;}
.form_login .w_head{position: relative;}
.form_login .head{background: #53a1d7; color: #fff;border-bottom: 2px solid #3988bf;font-size: 20px;font-weight: bold;padding: 11px 0;
     border-top-left-radius: 2px;border-top-right-radius: 2px;}
.form_login .w_icon_input{margin: 24px 0 0 0;display: inline-block;position: relative;}
.form_login input[type="text"],.form_login input[type="password"]{border: 1px solid #d5e0eb;padding: 5px;box-sizing: border-box;width: 375px;text-indent: 20px;}
.form_login .w_icon_input:before{font-family: "Awesome";display: block;color: #b9bdc6;position: absolute;top: 7px;left: 8px;}
.form_login .w_icon_input.mail:before{content: '\F0E0';}
.form_login .w_icon_input.password:before{content: '\F023';font-size: 16px;top: 6px;left: 10px;}
.form_login .w_button{margin: 24px 0;}
.form_login .w_row{position: relative;}
.form_login .w_error{max-width: 265px;}
.form_login .form_error_str{color: red;display: block;}

.main_content.main{background: #d5e0eb;margin:0 0 70px 0;}
.main_content.main .head{color: #485772;text-align: left;padding: 30px 30px 15px 30px;position: relative;}
.main_content .logout{position: absolute;top: 4px;left: 52px;}

.form_main{position: relative;}
.form_main .ui-selectmenu-button.search_group{margin: 0 0 0 -5px;border-radius: 0;vertical-align: top;}
.form_main .ui-selectmenu-button.search_scope{vertical-align: top;}
.form_main .select_date{display: inline-block;width: 203px; background: #fff;border-radius: 2px;border: 1px solid #d0daeb;vertical-align: top;position: absolute;
line-height: 32px;color: #7d868f;cursor: pointer;padding: 0 10px;box-sizing: border-box;top: 0px;right: 110px;height: 32px;z-index: 1;}
.form_main .select_date:after{font-family: "Awesome";content: '\F107';display: block;position: absolute;font-size: 18px;top: 0;right: 5px;}
.form_main .select_date:hover{color: #485772;}
.form_main .select_date.active{padding: 0 10px 10px 10px;height: auto;}
.form_main .select_date.active .wide_select_date{display: inline-block;}
.form_main .wide_select_date{display: none;}
.form_main input[name="search"]{border-top-right-radius: 0;border-bottom-right-radius: 0;vertical-align: top;}
.form_main input[name="date_from"],.form_main input[name="date_to"]{padding: 2px 5px 1px;width: 100px;line-height: 10px;margin: 0 5px 0 7px;height: 20px;}
.form_main .add_order{margin: 0 13px 0 0;vertical-align: top;}
.form_main .search_show{vertical-align: top;}
.form_main .icon_search{margin: 1px 13px 0 -5px;vertical-align: top;}

table.w_orders{width: 100%;border-collapse: collapse;border: none;color: #243442;font-size: 14px;}
.w_orders select{font-size: 14px;}

.w_orders tr td a{display: block;color: #243442;padding: 15px 0;}
.w_orders tr td a:hover{text-decoration: none;}
.w_orders tr td{padding: 0 5px;}
.w_orders tr td.centered{text-align:center;}
.w_orders tr td:first-child{padding-left:30px;}
.w_orders tr td:last-child{padding-right:30px;text-align:center;}
.w_orders tr.head{background: #485772;}
.w_orders tr.head td{color: #fff;padding-top: 20px;padding-bottom: 20px;padding-right: 17px;white-space: nowrap;}
.w_orders tr.even{background: #eef3f7;}
.w_orders tr.odd{background: #fff;}
/*.w_orders tr{display: block;}*/
.w_orders tr:hover td{
/*.w_orders tr td{*/
    -webkit-box-shadow: inset 0 24px 30px -36px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 24px 30px -36px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 24px 30px -36px rgba(0, 0, 0, 0.5);
/*    -webkit-box-shadow: inset 0 12px 20px -15px #000;
    -moz-box-shadow: inset 0 12px 20px -15px #000;
    box-shadow: inset 0 12px 20px -15px #000;*/
}
.w_orders td{text-align: left;}
.w_orders td .ordered{position: relative;display: inline-block;cursor:pointer;margin-right:80px;}
.w_orders td .ordered:before{font-family: "Awesome";content: '\F107';display: block;position: absolute;top: 3px;right: -15px;cursor: pointer;}
.w_orders td .ordered.down:before{color:red;}
.w_orders td .ordered.up:before{color:red;content: '\F106';}

.w_head_order{position:relative;}
.w_orders td .add_filter.yesterday{display:block;position:absolute;top:-17px;right:0;cursor:pointer;}
.w_orders td .add_filter.today{display:block;position:absolute;top:0;right:0;cursor:pointer;}
.w_orders td .add_filter.tomorrow{display:block;position:absolute;bottom:-17px;right:0;cursor:pointer;}
.w_orders td .add_filter.active{color:red;}

.w_orders td .print_icon{text-decoration:none;display:inline-block;color:#7d868f;}
.w_orders td .print_icon:before{display:block;content:'\F02F';font-family: "Awesome";font-size:18px;}
.w_orders td .print_icon:hover{color:#243442;}


.main_content.order{color: #fff;}
.main_content.order .head{padding: 8px 60px;font-size: 18px;text-align: center;border-bottom: 3px solid #334255;}
.form_order{display: block;padding: 30px;text-align: left;background: #d5e0eb;color: #485772;position: relative;}
.form_order .label{display: block;}
.form_order .w_order{background: #fff;border-radius: 2px;border-bottom: 1px solid #a7b5c7;position:relative;}
.form_order .order_head{background: #53a1d7;color: #fff;padding: 7px 30px;font-size: 16px;border-bottom: 2px solid #3988bf;border-radius: 2px;}
.form_order .w_row{margin: 25px 30px;max-width: 425px;}
.form_order .big_input{width: 425px;}
.form_order .label{margin: 0 0 7px;}
.form_order .w_subrow{display: inline-block;}
.form_order .w_row.multi{white-space: nowrap;}
.form_order .w_row.multi .w_subrow{margin: 0 11px 0 0;white-space: normal;}
.form_order .w_row.multi .no_mr{margin: 0;}
.form_order input[name="date_order"],.form_order input[name="date_get"]{width: 90px;}
.form_order .open_cal:before{top: 2px;}
.form_order .w_icon_input{position: relative;}
.form_order input[name="date_add"]{width:155px;}
.form_order .time_order{width: 56px;}
.form_order input[name="phone"],.form_order input[name="phone_add"]{width: 205px;}
.form_order textarea[name="recipient"]{line-height: 18px;height: 84px;}
.form_order textarea[name="note"]{line-height: 18px;height: 120px;}

.form_order .w_row.multi.group{background: #ecf1f6;border-radius: 2px;padding: 25px 25px 20px 25px;max-width: none;display: inline-block;}
.form_order .w_row.multi.group.equi{margin-top: 0;}
.form_order input[name^="good_name"]{width: 410px;}
.form_order input[name^="good_price"]{width: 100px;}
.form_order input[name="price_delivery"]{width: 100px;}
.form_order .icon_add{font-size: 13px;color: #53a1d7;text-decoration: underline;}
.form_order .w_sub_add_text{margin: 15px 0 0 0;}
.form_order .w_group{margin: 4px 0 0 0;}
.form_order .w_group:first-child{margin:0;}

.form_order .w_row.multi.group.equi{padding: 25px;}
.form_order .w_row.multi.group.equi.sec{margin-left: 0;}
.form_order .w_row.bold_label{margin: 0 30px; max-width: none;}
.form_order .w_row.bold_label .label{display: inline-block; font-size: 22px;font-weight: bold;margin: 0 20px 0 0;}
.form_order .w_row.bold_label .w_input{display: inline-block;}
.form_order .w_row.bold_label input[name="price_delivery"]{margin: 0 5px 0 0;}
.form_order .w_row.bold_label.mb_25{margin-bottom:25px;}

.form_order .w_row.card_history{margin-top: -10px;}
.form_order .w_row.card_history.hided{display: none;}
.form_order .w_row.card_history .w_table{margin-top:0;width: 880px;max-height: 0;overflow: hidden;
        -webkit-transition: max-height ease-in-out 0.3s; -moz-transition: max-height ease-in-out 0.3s; -ms-transition: max-height ease-in-out 0.3s; -o-transition: max-height ease-in-out 0.3s; 
}
.form_order .w_row.card_history table{width: 100%;}
.form_order .w_row.card_history table a{color: #53a1d7;text-decoration: underline;}
.form_order .w_row.card_history table td{padding: 0 10px;font-size: 12px;text-align: left;}
.form_order .w_row.card_history table .head td{font-weight: bold;font-style: italic;}
.form_order .w_row.card_history table td.common{font-style: italic;font-weight: bold;font-size: 15px;}
.form_order .w_row.card_history .header{cursor: pointer;}
.form_order .w_row.card_history .header>span{line-height: 24px;display: inline-block;vertical-align: middle;color: #53a1d7;text-decoration: underline;font-size: 13px;}
.form_order .w_row.card_history .header:before{font-family: "Awesome";content: '\F067';font-size: 20px;text-decoration: none;display: inline-block;line-height: 24px;
       vertical-align: middle;padding-right: 5px;color: #53a1d7;}
.form_order .w_row.card_history.opened .header:before{content: '\F068';}
.form_order .w_row.card_history.opened .w_table{max-height: 150px;overflow: auto;}


.form_order input[name='discount'],.form_order input[name='discount_c']{width: 65px;}
.form_order input[name='deposit']{width: 100px;margin: 0 7px 0 0;}
.form_order .balance{margin: 25px 30px;width: 391px;height: 100px;background: #fae57f;color: #eb7a00; font-size: 30px;font-weight: bold;display: inline-block;
    line-height: 100px; vertical-align: middle;text-align: center;border-radius: 2px;}
.form_order .w_button{height: auto;}
.form_order .button_print{padding: 10px 10px 10px 35px;height: 50px;font-size: 20px;}
.form_order .button_blue{padding: 10px;height: 50px;font-size: 20px;}
.form_order .w_submit{display: block;padding: 25px 30px 0 30px; margin: 0 0 -10px;}
.form_order .w_submit .w_button:first-child{margin: 0 15px 0 0;}
.form_order .w_submit .cancel_save{display: inline-block;float: right;vertical-align: middle;margin: 17px 0 0 0;}

.form_order .w_input{position: relative;}
.form_order .w_error {max-width: 425px; width: 500px;}
.form_order .form_error.price0{max-width: 275px;}

.form_order input[name="discount"][disabled]{background: #ecf1f6;border: none;font-size: 20px;font-weight: bold;color: #485772;}
.form_order .percent{font-size: 20px;font-weight: bold;color: #485772;}

.form_order .go_back{display: block;position: absolute;top: 5px;left: 60px;}

.inline-block{display: inline-block !important;}
.ta-right{text-align: right !important;}