order-row-list{height:200px;overflow:auto;}
order-row{width:100%;display:block;margin-bottom:0px;border-bottom:1px solid #aaaa;padding:10px 0px;}
order-row[data-status="2"]{filter: grayscale(1);opacity:0.6;}
order-row[data-open="1"]{background:#efefef;}
order-row:hover{background:#f1f8ff;}
order-row.hide{display:none;}
order-header{width:100%;display:flex;border-radius:var(--border-radius);padding:0px 10px;align-items:center;}
order-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;font-weight:500;width:100%;cursor:pointer;display:flex;align-items:center;padding-right:10px;column-gap:15px;flex-wrap:wrap;}
order-code{text-align:left;position:relative;white-space: nowrap;}
order-data{text-align:left;white-space: nowrap;}
order-subject{text-align:left;margin-right:10px;font-weight:500;white-space: nowrap;}
order-author{text-align:left;margin-right:20px;font-weight:500;white-space: nowrap;}
order-description{text-align:left;font-weight:400;white-space: nowrap;width:100%;display:block;}

order-search{min-width:30%;}
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:var(--border-radius);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{display:inline-flex;padding:3px 8px;font-size:0.7rem;font-weight:500;border-radius:var(--border-radius);cursor:pointer;border:1px solid transparent;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;}
order-status.order_2{background:#444;color:#ffffff;}
order-status.order_1{background:#00b32d;color:#ffffff;}
order-status.order_P{background:var(--main-color);color:#ffffff;}
order-status.order_0{background:#ffffff;border-color:#000;}
order-status.argument{background:#C6E1F4;color:#444;}
order-status.working{background:#eea70d;color:#fff;}
order-open{font-size:0.9rem;font-style:italic;margin-left:10px;color:#dd0000;}
order-content{display:block;font-style:italic;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px 10px;}

order-controls{display:flex;justify-content:flex-end;position:relative;top:10px;}
order-control{display:inline-flex;background:#fff;border:1px solid #ddd;padding:4px 13px;border-radius:var(--border-radius);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:#ffffff;}
order-control.active{background:var(--secondary);color:#ffffff;}
order-control:last-child{margin-right:0px;}
order-control i{margin-right:5px;}

order-content order-controls{justify-content:flex-start;margin:10px 0px;}

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

@media screen and (max-width:700px){
	order-header order-controls{flex:initial;display:none;}
	order-title{max-width:100%;font-size:0.9rem;flex:initial;margin-bottom:0px;}
	order-row-list{height:auto;}
	order-row-list .side{flex-wrap:wrap;}
	order-row:first-child{padding-top:0px!important;}
	order-search{width:100%;margin-bottom:10px;}
	order-header{padding:5px 5px;flex-wrap:wrap;}
	order-control{margin-right:5px;}
	order-subject,order-author{margin-right:0px;}
	order-content{white-space:normal;}
	order-description{white-space:normal;}
}