/*--------------------------------------order nav----------------------------*/
#main--order .col--inner:nth-of-type(2){}

.col--aside h2, .col--aside > ul > li > a { padding-left: 40px; }

.card--rapid-menu.card--tooltip{width: 100%}
.card--rapid-menu.card--tooltip > ul{padding: 0}
.card--rapid-menu.card--tooltip > ul > li,
.card--rapid-menu.card--tooltip > ul > li > a{height: 30px; line-height: 30px}
.card--rapid-menu.card--tooltip > ul > li > a:hover{background: #eaeaea}
.card--rapid-menu.card--tooltip > ul > li > a{width: 100%; text-align: left;}
.card--rapid-menu.card--tooltip > ul > li > a:first-of-type{width: auto;}
.card--rapid-menu.card--tooltip > ul > li.current-category{background: #dadada}
.card--rapid-menu.card--tooltip > ul > li.is-selected > a > i{color: #010101}
.card--rapid-menu.card--tooltip > ul > li > a{padding: 0px 10px}
.nav { padding: 0; margin: 0; }
.nav > li { margin-bottom: 10px; padding: 0; border-radius: 20px; overflow: hidden;}
.nav > li > a { font-size: 14px; color: #555; font-weight: normal; padding: 18px 15px;  padding-left: 20px; display: block;}
.nav > li > a:first-of-type:hover { text-decoration: underline; }
.nav > li > a:hover { color: #000; }
.nav > li > a:hover > i{transform: scale(1.4);}
.content__tabs__item.visible:hover::before {transform: scale(1.005)}

/*data type*/
li[data-name="type"] .input-drop-down {position: relative;left: 0;}
/*data date*/
li[data-name="date"] {}
/*data expire_date*/
li[data-name="expire_date"] {}
/*data pdf*/
li[data-name="pdf"] { position: relative !important; }

/*action*/
a[data-action="edit"] { width: 85% !important; }
a[data-action="edit"],
a[data-action="search"] { display: inline-block !important; float: left; width: 10%; }


.nav li[data-name="type"],
.nav li[data-name="date"],
.nav li[data-name="customer_subject"],
.nav li[data-name="expire_date"],
.nav li[data-name="payment_date"],
.nav li[data-name="pdf"]{width: 100% !important; list-style: none;}


.nav > li > a > i { font-size: 18px; margin-right: 20px; }
.nav > li > a > i:first-of-type { float: left; color: inherit; }
/*.nav > li > a > i:last-of-type { float: right; color: rgba(0,0,0,0.3); }*/

.nav > li > a > span { display: block; overflow: hidden !important; text-overflow: ellipsis; white-space: nowrap; }

.input-drop-down { position: absolute; left: 20px; width: 150px; border-radius: 5px; }
/*--------------------------------------order body----------------------------*/

#add-tabs:hover{box-shadow: 0 5px 12px rgba(0,0,0,0.5);}
#add-article:hover{ box-shadow: 0 3px 5px rgba(0,0,0,0.3); background: rgba(250,250,250,0.3); color: #4f636e; border-color: #4f636e}

#add-article:hover,
#add-tabs:hover{transform: scale(1.025);}

#drop-card-service:hover{transform: scale(1.25);}
#drop-card-service:hover + ul{background: #c5d3d8}

.card.card--order-single.boxed{background: none; padding: 0 ; box-shadow: none}
.list .content__tabs__item{position: relative; display: block !important; background: #fff; margin-bottom: 4px; padding: 10px 15px;}
.list .card--order-single > .content__tabs__item:first-of-type{ border-radius: 20px 20px 0 0;}
.list .card--order-single > div:last-of-type > a{border-radius: 0 0 20px 20px}

.placeholder--tabs{margin-top: 10px}
.content__tabs__item{position: absolute; width: 100%; border: solid 1px #ddd;}
.list .content__tabs__item > a {padding: 10 20px;color: #aaa; float: left;}
.drop-tab { position: relative; display: none;}

.list .content__tabs__item > div { margin: 0; border-width: 3px; height: auto; display: inline-block; border-radius: 0; background: none !important; position: relative; /* z-index: 3; */ }

.list .card__name > span{display: block; }

.list .co { width: 100%; height: auto; padding-left: 45px; }

.co { width: 300px; float: left; height: 100%; }


.list .content__tabs__item .content__tabs__item--name { margin: 0; text-transform: uppercase; font-weight: bolder; width: 600px; }

input.content__tabs__item--name { font-size: 14px; width: 600px; margin-left: 30px !important; display: block; padding: 10px; background: none; border: none; border-bottom: solid 1px #ddd; }

.list .col__boxed { padding: 0; position: relative; border-radius: 20px; }

.list .card--article { background: none; box-shadow: none; border: none; }

a#drop-card-service, a#drop-card-product { color: #616161; opacity: 1; position: absolute; line-height: 50px; right: 10px; font-size: 18px; z-index: 2; }

.card--article--pd { position: relative; padding: 0; max-height: 400px; }

.list .card--placeholder { display: none; padding: 3px; width: 100%; }

.card--placeholder { margin-top: 10px; background: none; box-shadow: none; padding: 0; border: dotted 3px #999; text-align: center; }

.list .card--article ul { border-bottom: solid 1px #ddd; margin-top: 0; margin-bottom: 0; padding-top: 10px; }


.card__item:first-of-type { margin: 0; position: relative; }

.card__item { display: block; border-bottom: solid 1px #eee; }

.card__name { width: 100%; font-size: 16px; font-weight: bolder; }

.list .card__item:nth-of-type(2), .list .card__item:nth-of-type(4) { border-radius: 0; background: rgba(0,0,0,0.05); }

.list .card__item input { width: 100%; height: 30px; padding: 5px 20px }
.list .card__item textarea { padding: 0 10px; min-height: 30px; }

.list .card--article input, .list .card--article textarea { background: none; margin: 0 !important; width: 100%; }

.card__item input { text-align: right; }

.card input, .card textarea { font-size: 16px; border: none; width: 90%; }

.card__item:last-of-type { margin: 0; border: none; }

.card__data { padding: 0 20px; background: #5b5145; border-radius: 0 0 8px 8px; }

.list .card--service .card__item:first-of-type { width: 57%; }

.list .card__data { background: none; line-height: 30px; font-size: 18px; text-align: right; }

.list .card__data > span:first-of-type{display: none}

.content__tabs__item.visible { background: #fff;  box-shadow: 0 5px 15px #555; z-index: 2; }
.content__tabs__item.visible::before{transition: all 0.12s linear; -webkit--transition: all 0.1s linear; content: ""; border-radius: inherit ;position: absolute; width: 100%; height: 100%; border: solid 4px #8ebbd5; z-index: 3; pointer-events: none; background: none; left: 0; top: 0;}


.list .co:last-of-type .card--placeholder { display: block; border: none; }
.list .co:last-of-type .card--placeholder > a { float: left;}
.list .card--placeholder a { border: dashed 1px #aaa; border-radius: 10px; padding: 10px 32px; background: #fff; font-size: 1em; color: #aaa; width: 100%; }

.list .co ul label{color: #ddd ;display: none !important;}
ul:first-of-type > li >  label{color: #000 ;display: block !important;}

.card__data__currency{display: none}

.list .card__item { display: inline-block; float: left; width: 10%; border: 0; position: relative; }
.list .placeholder--tabs a { width: 100%; height: 80px; line-height: 70px; text-align: center; font-weight: 300; float: left; border-radius: 12px; color: #fff; background: rgba(255,255,255,0.1); /*box-shadow: 0 3px 10px #555;*/ border: dashed 3px #ddd; }

/*single order*/
.col--inner.col__3{position: fixed;}
.col--inner.col__6{margin-left: 25%}



/*components*/
.card--component#order_no > .component{display: flex; align-items: center;}
.card--component#order_no > .component > span{margin-right: 30px}
.card--component#order_no > .component > input{border: 0 !important; margin-bottom: 0}
.card--component#order_no > .component label{display: none}