order-row{width:100%;display:block;border-bottom:1px solid var(--border-color);}
order-row:last-child{border:0;}
order-row.hide{display:none;}
order-header{width:100%;display:flex;flex-wrap:wrap;border-radius:var(--border-radius);padding:0;align-items:center;}
order-header:hover{background:var(--main-hover);}
order-title{overflow:hidden;font-size:1rem;font-weight:400;cursor:pointer;display:grid;grid-template-columns:repeat(6, 1fr);width:100%;gap:10px;text-align:left;padding:12px 15px;}
order-title.header{border-bottom:1px solid var(--border-color);padding:20px 15px;}
order-title.col_2{grid-template-columns:repeat(3, 1fr);gap:0;}
order-title.col_5{grid-template-columns:repeat(5, 1fr);gap:0;}
order-title.col_6{grid-template-columns:repeat(6, 1fr);gap:0;}
order-title.col_7{grid-template-columns:repeat(7, 1fr);gap:0;}
order-title.col_8{grid-template-columns:repeat(8, 1fr);gap:0;}
order-th{display:grid;grid-template-columns:repeat(5, 1fr);width:100%;gap:10px;text-align:left;}
order-th-el{color:var(--font-bold);font-weight:700;font-size:0.85rem;text-transform:uppercase;}
order-code{position:relative;}
order-data{font-style:italic;}
order-rif{position:relative;}
order-rif img{width:100px;}

order-search{position:absolute;top:15px;right:15px;min-width:20%;}
order-search input{width:100%;border:0!important;border-radius:0!important;padding:10px 20px!important;font-size:0.9rem;background:#fff!important;border-radius:var(--border-radius-max)!important}
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:var(--main-hover);}
order-filter-el.active order-filter-el-content{display:inline-block;}

order-filter-el-title:hover{background:var(--main-hover);}
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:var(--main-hover);}
order-filter order-status{font-size:0.8rem;margin:0px;}

order-status span{display:inline-flex;padding:3px 8px;font-size:0.7rem;font-weight:500;border-radius:3px;cursor:pointer;border:1px solid transparent;}
order-status.order_C span{background:#444;color:#ffffff;}
order-status.order_A span{background:#147800;color:#ffffff;}
order-status.order_R span{background:#ECBC00;color:#ffffff;}
order-status.order_0 span{background:#ffffff;border-color:#000;}
order-content{display:none;flex-wrap:wrap;}
order-content th,
order-content td{padding:10px 20px!important;}
order-row.open{background:var(--main-hover);}
order-row.open order-content{display:flex;}

order-controls{flex:1;display:flex;justify-content:flex-end;}
order-control{background:var(--secondary);display:inline-flex;padding:6px 12px;border-radius:var(--border-radius);align-items:center;justify-content:center;font-size:0.8rem;text-transform:uppercase;font-weight:600;margin-right:15px;cursor:pointer;height:fit-content;}
order-control:hover{background:var(--main-color);color:#ffffff;}
order-control.active{background:var(--main-color);color:#ffffff;}
order-control:last-child{margin-right:0px;}
order-control i{font-size:1rem!important;margin-right:0;}

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;}

@media screen and (max-width:700px){
	order-search{top:10px;right:10px;}
	order-search input{font-size:0.85rem;padding:10px 15px!important;}
	
	order-title{overflow-x:scroll;gap:0 20px!important;}
	order-content th, order-content td{padding:10px 15px!important;}
	order-th-el{font-size:0.9rem;}
	order-rif{min-width:max-content;}
}