order-row{width:100%;display:block;}
order-row.hide{display:none;}
order-row.hide_s{display:none;}
order-header{width:100%;display:flex;flex-wrap:wrap;border-radius:5px;padding:0px 0px;align-items:center;}
order-header:hover{background:#eeeeee;}
order-title{overflow:hidden;font-size:1.1rem;font-weight:700;cursor:pointer;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;width:100%;gap:10px;text-align:center;padding:10px 0px;}
order-th{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;width:100%;gap:10px;text-align:center;}
order-th-el{font-weight:400;}
order-code{position:relative;}
/*order-code:after{content:"";display:block;position:absolute;right:-5px;top:6px;background:#aaaaaa;width:1px;height:12px;}*/
order-rif{position:relative;}
/* order-rif:after{content:"";display:block;position:absolute;right:-5px;top:6px;background:#aaaaaa;width:1px;height:12px;}
order-rif:before{content:"";display:block;position:absolute;left:-5px;top:6px;background:#aaaaaa;width:1px;height:12px;} */
order-data{font-style:italic;}

order-search{min-width:50%;display:flex;align-items:center;}
order-search input{width:100%;}
order-filter{width:100%;display:flex;justify-content:flex-end;align-items:center;font-weight:500;position:relative;}
order-filter-el{display:inline-flex;margin-left:10px;position:relative;}
order-filter-el-title{padding:3px 8px;border-radius:3px;cursor:pointer;}

order-filter-el.active order-filter-el-title{background:#eeeeee;}
order-filter-el.active order-filter-el-content{display:inline-block;}

order-filter-el-title:hover{background:#eeeeee;}
order-filter-el-content{width:auto;top:calc(100% + 2px);right:0px;position:absolute;display:none;padding:10px;background:#ffffff;box-shadow: 0 0 0 1px rgb(136 152 170 / 10%), 0 15px 35px 0 rgb(49 49 93 / 10%), 0 5px 15px 0 rgb(0 0 0 / 8%);max-width:200px;}
order-filter-el-content-row{display:block;padding:3px 10px;cursor:pointer;}
order-filter-el-content-row:hover{background:#eeeeee;}
order-filter order-status{font-size:0.8rem;margin:0px;}

order-status span{display:inline-flex;padding:4px 8px 3px 8px;font-size:0.75rem;font-weight:500;border-radius:3px;cursor:pointer;border:0px solid transparent;}
order-status.order_0 span{background:var(--main-color);border-color:#000;}
order-status.order_1 span{background:#d00000;color:#fff;}
order-status.order_2 span{background:#1ca701;color:#fff;}
order-status.order_3 span{background:#e58c00;color:#000;}
order-status.order_4 span{background:#f1f1f1;color:#000;}
order-status.order_A span{background:#ffffff;color:#000;}
order-status.order_C span{background:#ffffff;color:#000;}
/* order-status.order_R span{background:#ECBC00;color:#ffffff;} */
order-content{display:none;flex-wrap:wrap;}
order-content th,
order-content td{padding:10px 20px!important;}
order-row.open order-header{background:#eeeeee;}
order-row.open order-content{display:flex;}

order-controls{flex:1;display:flex;justify-content:flex-end;}
order-control{background:#fff;display:inline-flex;border:1px solid #ddd;padding:4px 13px;border-radius:4px;align-items:center;justify-content:center;font-size:0.8rem;font-weight:500;margin-right:15px;cursor:pointer;}
order-control:hover{background:var(--secondary);color:#000000;}
order-control.active{background:var(--secondary);color:#000000;}
order-control:last-child{margin-right:0px;}
order-control i{margin-right:5px;}

order-content order-controls{justify-content:flex-start;margin:10px 0px;}
order-content .documents i{margin-right:5px;}
order-content .documents:hover{text-decoration:underline;cursor:pointer;}
order-content .documents .doc{display:inline-block;}
order-content .documents .doc:hover{text-decoration:underline;}

.modal_repeat_order_attention{display:flex;width:85%;margin:10px auto 0px auto;font-size:0.9rem;}

order-row.hay_row tr.row:not(.hay){display:none;}
	
@media screen and (max-width:700px){
	order-header order-controls{flex:initial;}
	order-title{max-width:100%;font-size:0.9rem;}
}