@import "../fonts/GoogleSans/stylesheet.css";


html *{ max-height:1000000px; }
*{ -webkit-text-size-adjust:none; margin:0; padding:0; box-sizing:border-box; outline:none; }
html, body{ font-family:"Google Sans", Arial, sans-serif; font-size:14px; width:100%; height:100%; }
li{ list-style:none; }
img{ display:block; height:auto; }
a img{ border:none; }
a{ text-decoration:none; color:inherit; text-decoration-skip-ink:none; }
input, select, button, textarea{ outline:none;
    font-family:"Google Sans", Arial, sans-serif; font-size:14px;
    /*-moz-appearance:none;-webkit-border-radius: 0; -moz-border-radius: 0; -webkit-appearance: none;*/
}
input[type=file], button, input[type="submit"],
input[type=file]::-webkit-file-upload-button{ cursor:pointer; }
.container{ max-width:1040px; width:100%; padding:0 15px; margin:0 auto; }
h2{ font-size:24px; font-weight:700; }
h5{ font-size:20px; font-weight:500; }
h6{ font-size:18px; font-weight:500; }
.df{ display:flex; }
.text-error{ color:#E04F5F; }
.text-success{ color:#3BB54A; }
.btn{ display:inline-flex; align-items:center; justify-content:space-between; background:#0F62FE; color:#FFFFFF;
    font-size:16px; height:34px; padding:0 15px; border:none; border-radius:3px; cursor:pointer; }
.btn.fw{ width:100%; display:flex; justify-content:center; }
.btn.dis, .btn:disabled{ background:#E0E0E0; color:#161616; }
.btn:hover{ background:#0F62FE80; }
.btn.dis:hover{ background:#E0E0E0; }
.btn.transparent {background-color:transparent; color:black; border:1px solid #0F62FE;}
.select, .input{ display:block; margin-top:15px; }
.select > span, .input > span{ display:block; padding-bottom:4px; font-size:15px; font-weight:500; }
.select > select, .input > input{ display:block; width:100%; font-size:16px;
    height:34px; border:1px solid #E0E0E0; border-radius:3px; }
.input > input:focus{ border-color:#0F62FE; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
input[type="number"]{ appearance:none; -webkit-appearance:none; -moz-appearance:none; -moz-appearance:textfield; }
.select > select{ padding:0 6px; }
.input > input{ padding:0 10px; }

.wl{ display:flex; justify-content:space-between; align-items:center; }
.wl > h2 > a{ margin-left:5px; }
.wl a{ font-weight:600; font-size:18px; color:#8C8C8C; text-decoration:underline; }
.wl a:hover{ color:#0F62FE; }
.page_wrapper{ display:flex; flex-direction:column; justify-content:space-between; width:100%; min-height:100%; background:#F4F4F4; }
main{ flex:1 1 auto; }
header{ flex:0 0 auto; padding:15px 0; background:#FFFFFF; border-bottom:1px solid #E0E0E0; }
.header{ justify-content:space-between; align-items:center; }
.header h2{ max-width:640px;}
nav{ flex:1 1 auto; margin-left:20px; display:flex; justify-content:space-between; }
nav ul li{ font-size:18px; margin:0 10px; }
.card{ padding:15px; margin:20px 0; border-radius:4px; background:#FFFFFF; box-shadow:-3px 3px 8px 1px rgba(20, 20, 20, .1); }

.container > h2:first-child{ padding-top:15px; }

.m_info{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #E0E0E0; }
.m_info_box{ display:flex; margin:0 -15px; }
.m_info_box h5{ margin:0 15px; padding:5px 0 0;  font-size:16px; white-space:nowrap}
.m_info_box b { font-size: 20px;}

.m_action_box{ display:flex; margin:0 -15px; }
.m_action_item{ margin:0 15px; }
.m_action_item h6{ padding-bottom:3px; }
.m_action_item .btn{ margin:5px 0; }
.m_action_item .btn + .btn{ margin-left:15px; }

.bt{ }
.bt:before{ content:attr(data-text); display:block; color:#8C8C8C; font-size:13px; }

.order{ display:flex; font-size:16px; }
.order_left{ flex:1 1 auto; }
.order_right{ flex:0 0 auto; display:flex; }
.order_right .order_cell{ font-size:15px; width:90px; cursor:pointer; display:flex; justify-content:center; align-items:center; }
.order_right .order_cell:hover{ background:#F4F4F4; }
.order_right.active .order_cell{ background:#F4F4F4; }
.order_right .order_cell p:before{ content:"Подробнее"; }
.order_right.active .order_cell p:before{ content:"Скрыть"; }

.tooltip{ font-style:normal; cursor:pointer; position:relative; display:inline-block; vertical-align:middle; }
.tooltip:after{ display:block; content:""; width:24px; height:24px; border-radius:3px; }
.tooltip:before{ content:attr(data-text); font-weight:normal; font-size:14px; padding:4px 5px; min-width:140px;
    border-radius:3px; background:#0F62FE; color:#FFFFFF; white-space:nowrap; display:none; text-align:center;
    position:absolute; top:0; bottom:0; left:100%; transform:translateX(10px); margin:auto; }
.tooltip:hover:before{ display:block; }
.truck:after{ background:url("/img/delivery.svg") no-repeat center / contain; }
.update_icon:after{ background:#0F62FE url("/img/refresh.svg") no-repeat center / 70% auto; }


.order_header{ display:flex; padding:0 10px 10px 0; margin-bottom:10px;
    border-bottom:1px solid #E0E0E0; align-items:center; justify-content:space-between; }
.order_header h2{ flex:1 1 auto;}
.order_header h2 img{width:30px; height:30px; display:inline-block;margin-left:10px; vertical-align:middle;}
.order_header .checkbox{ display:none; margin-right:10px; }
.order_header .order_warehouse_title{font-weight:normal; font-size:16px;}
.order_action{ padding:0 6px 0 15px; display:flex; align-items:center; }
.order_action > *{ margin-left:20px; }
.order_action > *:first-child{ margin-left:0; }

.order_main{ display:flex; margin:0 -6px; }

.order_cell{ flex:1 1 auto; padding:6px; }
.order_cell.number{ flex:0 0 auto; }
.order_cell.number > *{ width:100px; margin:0 5px; }
.order_cell.date{ flex:0 0 auto; width:160px; padding-top:6px; display:flex; }
.order_cell.date p + p{ margin-left:15px; }
/*.order_cell.data { flex: 0 0 auto; width: 40%; display: flex; flex-wrap: wrap;}*/
.order_cell.data{ flex:0 0 auto; width:452px; display:flex; justify-content:flex-end; flex-wrap:wrap;}
/*.order_main .order_cell.data { width: calc(40% + 100px); }*/
/*.order_cell.data > * { width: 50%; }*/
.order_cell.data > *{ margin:0 5px; width:100px; }
/*.order_cell.data p:nth-child(n+3) { padding-top: 6px; }*/
.order_cell.toggle{ flex:0 0 auto; }
.order_body{ display:none; margin:0 -6px; }
.order_body .order_cell.data{ margin-right:-11px; }
.order_main .order_cell.data .bt b{font-size:14px;}
.order_main .order_cell.data .bt {font-size:14px;}
.order_body h2{ padding:6px; }
.order_body_item{ display:flex; }
.order_body_item:nth-child(odd){ background:#F4F4F4; }

.lt{ font-size:18px; }
.checkbox{ cursor:pointer; }
.checkbox input{ display:none; }
.checkbox span{ width:24px; height:24px; border:2px solid #0F62FE; display:block; border-radius:3px; }
.checkbox input:checked ~ span{ border-color:#0F62FE; background:#0F62FE url(/img/check.svg) no-repeat 50% 50% / 15px auto; }

.invoice_box{ padding:14px 0 0; }
.invoice_box > input[type="radio"]{ display:none; }
.invoice_body{ display:none; }
#input_type_1:checked ~ #type_1{ display:block; }
#input_type_1:checked ~ .invoice_type label[for="input_type_1"]{ background:#0F62FE; color:#FFFFFF; }
#input_type_2:checked ~ #type_2{ display:block; }
#input_type_2:checked ~ .invoice_type label[for="input_type_2"]{ background:#0F62FE; color:#FFFFFF; }
.invoice_type .btn + .btn{ margin-left:15px; }
.invoice_body i{ font-style:normal; }
.invoice_body form .select, .invoice_body form .input{ max-width:240px; }
.invoice_body form .select + p, .invoice_body form .input + p{ margin-top:10px; }
.invoice_body form .btn{ margin-top:15px; }
.order_show_after_select{ display:none; }

.inline{ display:flex; align-items:center; margin:0 -7px; }
.inline > *{ margin:12px 7px 0; }

.sticky{ position:sticky; position:-webkit-sticky; border:1px solid #0F62FE;
    bottom:10px; left:0; background:#F4F4F4;border-top:5px solid #0F62FE;}
.main_action{ }
.main_action > p{ font-size:16px; }
/*popup*/
.black_layout{ display:none; z-index:90; position:fixed; top:0;
    left:0; width:100%; height:100%; background:rgba(0, 0, 0, .95); }
.popup_wrapper{ display:none; position:absolute; top:0; left:0;
    width:100%; min-height:100%; z-index:95; padding:0; overflow:auto; }

.popup_inner{ display:flex; min-height:100%; align-items:center; padding:50px 0;
    justify-content:center; }
.popup{ color:#161616; background:#FFFFFF; font-size:16px; line-height:1.4;
    padding:40px 25px 25px; width:100%; max-width:620px; position:relative; }
.close_popup, .back_popup{ width:60px; height:60px; display:block;
    position:absolute; z-index:5; top:0; }
.close_popup{ right:0; background:url(/img/close_icon.svg) no-repeat 50% 50% / contain; }
.close_popup:hover{ opacity:.5; }
.popup_icon img{ display:block; margin:auto; padding:16px 0; }
.popup_title{ padding:0 0 14px; display:flex; align-items:center; }
.popup_title img:first-child{ max-width:44px; margin-right:10px; margin-bottom:10px; }
.popup_body > .btn{ margin-top:15px; }
.popup_footer{ display:flex; margin:30px -20px -20px; overflow:hidden; }
.popup_footer > .btn{ width:50%; border-radius:0; flex:0 0 auto; padding:0 24px; margin:0; }

.login_wrap{ display:flex; align-items:center; justify-content:center; }
.login{ padding:40px; border-radius:4px; background:#FFFFFF; box-shadow:-3px 3px 8px 1px rgba(20, 20, 20, .1); width:100%; max-width:460px; }
.login h2{ font-size:32px; }
.login > p{ padding-top:8px; }

.login > input[type="radio"]{ display:none; }
.login_type{ padding-top:10px; }
.login_type > .btn{ padding:0 10px; }
.login_type > .btn + .btn{ margin-left:15px; }
.login_item{ display:none; }
#login_type_1:checked ~ #type_1{ display:block; }
#login_type_1:checked ~ .login_type label[for="login_type_1"]{ background:#0F62FE; color:#FFFFFF; }
#login_type_2:checked ~ #type_2{ display:block; }
#login_type_2:checked ~ .login_type label[for="login_type_2"]{ background:#0F62FE; color:#FFFFFF; }

.login_form .btn{ margin-top:15px; }
.form_select_invoices.merge .checkbox_type_positive{ display:block; }
.form_select_invoices.offsetting .checkbox_type_negative{ display:block;}
.form_select_invoices.offsetting .checkbox_type_positive{ display:block;}

.form_select_invoices .card.balance_type_zero{ opacity:0.2;transition:0.2s;}
.form_select_invoices .card.balance_type_zero:hover{ opacity:0.6}
.card.deal_closed {    background-color: #f5f2f2;opacity: 0.6;transition: 0.3s;}
.card.deal_closed:hover {opacity:1}


.additional_info {display: flex;justify-content: space-between;align-content: center;align-items: center;}
.filter_years_select {display:flex; justify-content:flex-start; margin: 10px 0;align-items:center;}
.filter_years_select p{ font-size:16px; }
.filter_years_select a{font-size:14px; padding: 4px 8px;  color:black; border-radius:14px; background-color:transparent; transition:0.2s; margin: 0 2px;}
.filter_years_select a:hover {background-color:rgba(15, 98, 254, 0.64); color:white;}
.filter_years_select a.active {color:white; background-color:#0F62FE}
.additional_info .credit_info{text-align:right}

.merge_invoices_form_buttons{ display:none; }
#shipment_history_popup .popup{ max-width:800px;}
.form_select_invoices .merge_invoices_form_buttons{ display:block; }
.add_contragent_box{ }
.add_contragent_box label{ display:block; width:100%; margin-bottom:10px;}
.add_contragent_box label span{ display:block; }
.add_contragent_box label input{ display:block; width:100%; height:40px; padding:0 5px}
.history_shipment_card{ display:flex;justify-content:space-between; border-bottom:1px solid blue;padding:10px;}
.history_shipment_card p{ width:33%}
.question_button{vertical-align:middle; width:26px;height:26px; display:inline-block; background-image:url("/img/question.svg"); background-repeat:no-repeat;background-position:center; background-size:70%; }

.page_box{ display:flex; }
.page_left{ flex:1 1 auto; }
.table{ width:100%; margin-top:14px; border-collapse:collapse; border-spacing:0; text-align:center; font-size:16px; }
.table th{ font-size:18px; padding:10px 6px; }
.table td{ padding:10px 6px; }
.table td a{ text-decoration:underline; }
.table td a:hover{ color:#0F62FE; text-decoration:none; }
.table tr:nth-child(odd) td{ background:#F4F4F4; }
.page_right{ width:340px; margin-left:20px; }
.forgot_password{display:block; margin-top:5px; }
.forgot_password:hover{text-decoration:underline; }
.price_list p{margin-bottom:5px; font-size:14px;}
.page_right .btn{ margin-top:15px; font-size:14px; padding:0 10px; }
.qr_code{ background-image:url("/img/qr-code.svg"); background-size:contain; width:20px; height:20px; display:block; }
.copyright{text-align:center;opacity:0.3;padding:20px;}
.copyright:hover{opacity:1;}


.related_companies{}
.related_companies > div{ margin:5px 0;}
.related_companies p{}
.related_companies a{transition:0.3s;}
.related_companies a:hover{color:#0F62FE;}


#new_delivery_invoice_popup .popup{padding:0;}
#new_delivery_invoice_popup .popup_title{padding:20px;}
.delivery_invoice_box{font-family:Roboto, "Google Sans", sans-serif;}
.delivery_invoice_box .add_btn{color:#1B68FA; display:block; }
.delivery_invoice_box .products_table{display:block; padding:0 20px;}
.delivery_invoice_box .products_table .products_table_header, .delivery_invoice_box .products_table .products_table_list .products_table_row{display:flex; justify-content:space-between; align-content:center;}
.delivery_invoice_box .products_table .products_table_header{ border-bottom:1px solid #DBDBDB;padding-bottom:2px;margin-top:10px;padding-right:4%;}
.delivery_invoice_box .products_table .products_table_header p, .delivery_invoice_box .products_table .products_table_list .products_table_row p{ display:block; flex:0 1 auto; }
.delivery_invoice_box .products_table .products_table_header p{font-size:18px; color:#000000;font-weight:bold;}
.delivery_invoice_box .products_table .products_table_header p:nth-child(1){width:40%; text-align:left;}
.delivery_invoice_box .products_table .products_table_header p:nth-child(2){width:20%;text-align:right;}
.delivery_invoice_box .products_table .products_table_header p:nth-child(3){width:18%; text-align:center;}
.delivery_invoice_box .products_table .products_table_header p:nth-child(4){width:18%; text-align:right;}
.delivery_invoice_box .products_table .products_table_list .products_table_row p:nth-child(1){width:40%; text-align:left;}
.delivery_invoice_box .products_table .products_table_list .products_table_row p:nth-child(2){width:20%;text-align:right;}
.delivery_invoice_box .products_table .products_table_list .products_table_row p:nth-child(3){width:18%;text-align:center;}
.delivery_invoice_box .products_table .products_table_list .products_table_row p:nth-child(4){width:18%; text-align:right;font-weight:bold}
.delivery_invoice_box .products_table .products_table_list{}
.delivery_invoice_box .products_table .products_table_list .products_table_row{margin:5px 0;padding-right:4%;display:flex;position:relative;align-content:center;}
.delivery_invoice_box .products_table .products_table_list .products_table_row p{font-weight:normal;font-size:18px; color:#000000;}
.delivery_invoice_box .products_table .products_table_list .products_table_row a{ position:absolute; right:-10px; background-image:url("/img/close_icon_white.svg"); background-color:#ff0000; border-radius:50%; width:20px; height:20px; background-repeat:no-repeat; background-position:center; background-size:129%;margin:auto; top:0; bottom:0; cursor:pointer;}
.delivery_invoice_box .products_table .add_product{display:flex; justify-content:space-between; flex-wrap:wrap;}
.delivery_invoice_box .products_table .add_product select{ flex:0 1 auto; width:70%;}
.delivery_invoice_box .products_table .add_product input{ flex:0 1 auto; width:28%; }
.delivery_invoice_box .products_table .add_product input,
.delivery_invoice_box .products_table .add_product select{ display:block; height:30px; border:1px solid #BABABA; background-color:#ffffff; font-size:18px; line-height:1; padding:2px 2px;}
.delivery_invoice_box .products_table .add_product a{ flex:0 1 auto; width:100%; display:block; margin-top:8px;}
.delivery_invoice_box .delivery_box{margin-top:20px; padding:0 20px;}
.delivery_invoice_box .box{margin-top:20px; padding:0 20px;}
.delivery_invoice_box .box_title{ border-bottom:1px solid #DBDBDB;padding-bottom:4px; font-weight:bold;}
.delivery_invoice_box .delivery_box .delivery_form{ display:flex; justify-content:space-between;margin-top:5px;}
.delivery_invoice_box .delivery_box .delivery_form label{ display:block;}
.delivery_invoice_box .delivery_box .delivery_form label:first-child{ width:70%;}
.delivery_invoice_box .delivery_box .delivery_form label:nth-child(2){ width:28%;}
.delivery_invoice_box .delivery_box .delivery_form label:nth-child(3){ width:12%;}
.delivery_invoice_box .delivery_box .delivery_form label span{ display:block;color:#000000; font-size:14px; text-align:left; }
.delivery_invoice_box .delivery_box .delivery_form label input{ display:block; width:100%; height:30px; border:1px solid #BABABA; background-color:#ffffff; font-size:18px !important; line-height:1; padding:2px 2px; }
.delivery_invoice_box .delivery_box .happy_hours_box label span{ display:block;color:#000000; font-size:14px; text-align:left; }
.delivery_invoice_box .delivery_box .happy_hours_box label input{ display:block; width:100%; height:30px; border:1px solid #BABABA; background-color:#ffffff; font-size:18px !important; line-height:1; padding:2px 2px; }


.delivery_invoice_box .delivery_box .delivery_map_box{ width:100%; height:300px; margin-top:10px;}
.delivery_invoice_box .delivery_box .delivery_map_box #delivery_map{width:100%; height:100%;}
.delivery_invoice_box .delivery_box .delivery_calc_wrapper{display:none;}
.delivery_invoice_box .delivery_box .delivery_calc_box{ margin-top:10px;display:flex; justify-content:space-between; align-items:center; align-content:center;}
.delivery_invoice_box .delivery_box .delivery_calc_box .icon{font-size:18px; color:#000000;align-self:flex-end;margin-bottom:5px;}
.delivery_invoice_box .delivery_box .delivery_calc_box .icon_arrow{}
.delivery_invoice_box .delivery_box .delivery_calc_box .icon_multiply{}
.delivery_invoice_box .delivery_box .delivery_calc_box .icon_equals{}
.delivery_invoice_box .delivery_box .delivery_calc_box .icon_info{background-image:url("/img/info-button.svg");width:16px;height:16px;display:block;background-size:contain;margin-bottom:9px;}
.delivery_invoice_box .delivery_box .delivery_calc_box .zone_info p:last-child{ display:flex; align-items:center; }
.delivery_invoice_box .delivery_box .delivery_calc_box > div > p span.zone_icon{border-radius:50%;width:16px; height:16px; background-color:#00dd1c; display:inline-block; margin-right:3px;display:none;}
.delivery_invoice_box .delivery_box .delivery_calc_box > div > p:first-child{ font-size:12px; color:#000000;}
.delivery_invoice_box .delivery_box .delivery_calc_box > div > p:last-child{ font-size:18px; color:#000000;background-color:#F3F3F3; padding:4px; text-align:center;}
.delivery_invoice_box .delivery_box .delivery_calc_box > div.delivery_cost_box{align-self:flex-end;}
.delivery_invoice_box .delivery_box .delivery_calc_box > div.delivery_cost_box > p.delivery_cost{font-weight:bold;background-color:transparent}


.delivery_invoice_box .delivery_box .delivery_contacts{ margin-top:10px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.delivery_invoice_box .delivery_box .delivery_contacts label{ display:block;}
.delivery_invoice_box .delivery_box .delivery_contacts label span{display:block;color:#000000; font-size:14px; text-align:left;}
.delivery_invoice_box .delivery_box .delivery_contacts label input{ display:block; width:100%; height:30px; border:1px solid #BABABA; background-color:#ffffff; font-size:16px; line-height:1; padding:0px 5px;}
.delivery_invoice_box .delivery_box .delivery_contacts label textarea{width:100%; max-width:100%; height:88px; padding:5px 5px;}
.delivery_invoice_box .delivery_box .delivery_contacts label:nth-child(1){width:70%;}
.delivery_invoice_box .delivery_box .delivery_contacts label:nth-child(2){width:28%;}
.delivery_invoice_box .delivery_box .delivery_contacts label:nth-child(3){ width:100%; margin-top:4px;display:none;margin-top:5px;}
.delivery_invoice_box .delivery_box .delivery_contacts label:nth-child(4){ width:100%; margin-top:4px;display:block;}
.delivery_invoice_box .delivery_box .delivery_contacts .comments_block{display:none;}

.delivery_invoice_box .order_own_sum_box{}
.delivery_invoice_box .order_own_sum_box .box_title{display:flex; justify-content:space-between; width:100%;}
.delivery_invoice_box .order_own_sum_box .box_title span{}
.delivery_invoice_box .order_own_sum_box .box_title a{color:#1B68FA;font-weight:normal;font-size:14px;}
.delivery_invoice_box .order_own_sum_box .order_own_sum_form{ margin-top:10px; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-end}
.delivery_invoice_box .order_own_sum_box .order_own_sum_form > label{ display:block; width:20%;}
.delivery_invoice_box .order_own_sum_box .order_own_sum_form > label:last-child{ width:12%}

.delivery_invoice_box .order_own_sum_box .order_own_sum_form > label span{ display:block;color:#000000; font-size:14px; text-align:left; }
.delivery_invoice_box .order_own_sum_box .order_own_sum_form > label input{ display:block; width:100%; height:30px; border:1px solid #BABABA; background-color:#ffffff; font-size:18px !important; line-height:1; padding:2px 2px; }
.delivery_invoice_box .order_own_sum_box .order_own_sum_form > label input:read-only{ background-color:#EEEEEE;}


.delivery_invoice_box .order_own_sum_box .order_own_sum_form > div{ width:40%; display:flex; align-items:center;flex-wrap:wrap;}
.delivery_invoice_box .order_own_sum_box .order_own_sum_form > div > p{flex:1 1 auto; color:#000000; font-size:14px; }
.delivery_invoice_box .order_own_sum_box .order_own_sum_form > div > label{ }
.delivery_invoice_box .order_own_sum_box .order_own_sum_form > div > label input{ display:none;}


.delivery_invoice_box .invoice_total_box{background-color:#EEEEEE; width:100%;border-top:1px dashed #626262; padding:10px 20px 20px;margin-top:10px;}
.delivery_invoice_box .invoice_total_box .invoice_total_box_row{ width:100%; padding:4px 0; display:flex; justify-content:space-between; align-content:center;}
.delivery_invoice_box .invoice_total_box .invoice_total_box_row p{font-size:18px; color:#000000;}
.delivery_invoice_box .invoice_total_box .invoice_total_box_row p:first-child{}
.delivery_invoice_box .invoice_total_box .invoice_total_box_row p:last-child{}
.delivery_invoice_box button[type=submit]{width:100%; background-color:#1B68FA; color:white; font-size:18px; font-weight:bold;padding:8px 0; border:1px solid #1B68FA; box-shadow:none;transition:0.2s;margin-top:10px;}
.delivery_invoice_box button[type=submit]:hover{border-color:white;}
.delivery_invoice_box button[type=submit] span{}

.form_radio_selector{display:flex;justify-content:start;margin-top:15px;}
.form_radio_selector > label{display:block;}
.form_radio_selector > label span{font-size:14px;padding:6px 10px;background:#E0E0E0; display:block;color:black;}
.form_radio_selector > label input{display:none;}
.form_radio_selector > label input:checked ~ span{background-color:#0F62FE;color:white;}
.form_radio_selector{font-size:12px; margin-top:5px;}
.form_radio_selector a{ color:#0F62FE; text-decoration:underline; font-style:italic}



.form select{ display:block;-webkit-appearance:none;padding:10px;font-size:16px;}
.form  span{ display:block;color:#000000; font-size:14px; text-align:left; }
.form  input{ display:block; width:100%; height:30px; border:1px solid #BABABA; background-color:#ffffff; font-size:18px !important; line-height:1; padding:2px 2px; }
.form label input:read-only{ background-color:#EEEEEE;}


.invoice_type{ }
.red_str { color:red;}
.yellow_str { color:#E09900;}
.green_str {color:green;}

@media (max-width:768px){
    .header{ flex-wrap:wrap; }
    nav{ margin-left:0; width:100%; padding-top:10px; flex-wrap:wrap;}
    .h_right{ margin-top:10px;}
    nav ul{ margin:0 -15px; }
    .order_action a{font-size:14px; }
    .order_cell.date{ width:90px; flex-wrap:wrap; }
    .order_cell.date p + p{ margin-left:0; }
    .order_cell.data{ max-width:232px; }
    .m_info_box{ flex-direction:column; }
    .m_action_box{ flex-direction:column; }
    .m_action_item + .m_action_item{ padding-top:5px; }
    .sticky{ position:relative; bottom:0; }
    .page_box{ flex-direction:column-reverse; }
    .page_right{ margin-left:0; width:100%; margin-bottom:-20px; }
    .page_right .btn{ margin-right:10px; }
    .page_right .btn:last-child{ margin-right:0; }
}

@media (max-width:640px){
    .order_main{ flex-wrap:wrap; justify-content:space-between; }
    .order_main .order_cell.name{ width:100%; flex:0 0 auto; order:2; }
    nav ul{ margin:0 -5px; }
    nav ul li{ margin:0 5px; }
    .invoice_type{ }
    .invoice_type .btn + .btn{ margin-left:0; margin-top:15px; }
}
@media (max-width:480px){
    .order{ flex-wrap:wrap; }
    .order_right{ width:100%; margin-top:10px; }
    .order_header{ padding-right:0; }
    .order_action{ margin-right:-6px; }
    .order_body_item{ justify-content:space-between; flex-wrap:wrap; }
    .order_body_item .order_cell.data{ width:100px; }
    .order_body_item .order_cell.name{ width:100%; flex:0 0 auto; order:2; }
    .order_right .order_cell{ border:1px solid #E0E0E0; }
    .order_right.active{ position:sticky;
        position:-webkit-sticky; bottom:10px; left:0; }
    .order_action .btn{ font-size:14px; line-height:1; text-align:center; }
    .m_action_item .btn + .btn{ margin-left:0; }
    .login{ padding:30px 15px; }
    .table{ font-size:14px; width:calc(100% + 30px); text-align:left; margin:10px -15px 0; }
    .table th{ font-size:15px; text-align:left; }
}