@font-face { font-family: 'mi'; font-style: normal; font-weight: 400; src: url(../fonts/mi.eot); /* For IE6-8 */ src: url(../fonts/mi.woff2) format('woff2');font-display: block; }
 /* arabic */ @font-face { font-family: 'wkeed'; src: url('../fonts/SSTR.woff2') format('woff2'); font-weight: normal; font-style: normal; }
 @font-face { font-family: 'wkeed'; src: url('../fonts/SSTB.woff2') format('woff2'); font-weight: bold; font-style: normal; }
 @font-face { font-family: 'brands'; src: url('../fonts/brands.woff2') format('woff2'); font-weight: normal; font-style: normal; }
 /* animations */ @-webkit-keyframes delete { 0% {box-shadow: 0 0 5px rgba(0,0,0,.3);}
 10% {box-shadow: 0 0 10px red;}
 100%{box-shadow: 0 0 5px rgba(0,0,0,.3);}
 }
 @keyframes delete { 0% {box-shadow: 0 0 5px rgba(0,0,0,.3);}
 10% {box-shadow: 0 0 10px red;}
 100%{box-shadow: 0 0 5px rgba(0,0,0,.3);opacity: 0;}
 }
 @-webkit-keyframes change { 0% {box-shadow: 0 0 5px rgba(0,0,0,.3);}
 10% {box-shadow: 0 0 20px #5cb85c;}
 100%{box-shadow: 0 0 5px rgba(0,0,0,.3);}
 }
 @keyframes change { 0% {box-shadow: 0 0 5px rgba(0,0,0,.3);}
 10% {box-shadow: 0 0 20px #5cb85c;}
 100%{box-shadow: 0 0 5px rgba(0,0,0,.3);}
 }
 @-webkit-keyframes fadeIn { from {opacity: 0;}
 to {opacity: 1;}
 }
 @keyframes fadeIn { from {opacity: 0;}
 to {opacity:1 ;}
 }
 .box-img{max-width: 100%;max-height: 40vh;border-radius: 10px;}
 body ::-webkit-scrollbar { width:4px;height:4px; }
 body ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.3); border-radius: 10px; border: 0 solid rgba(255, 255, 255, 1); }
 body ::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); border: 0 solid rgba(255, 255, 255, 1); border-radius: 10px; }
 * { box-sizing: border-box;}
 a {text-decoration: none;color: #00cad4;}
 html{direction: rtl;font-family: 'wkeed';line-height: 1.5; background: white !important; }
 body{color: #000000;padding: 0;margin: 0;}
 h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0;}
 i,.mi{font-size: inherit;font-style: normal;vertical-align: sub; font-family: 'mi'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; vertical-align: middle;}
 label {padding: 5px;font-weight: 600; display: block; position: relative;}
 /* .flex> span,.sp{white-space: nowrap;padding: 0 5px;line-height: 2;font-weight: 600;}
 */ hr{border:0;padding:0;margin:-3px 0 5px 0px;height:5px;box-shadow: 0px 2px 4px -2px black;clear:both;}
 input, textarea, select, button{font-family: 'wkeed';line-height: 1;}
 img.thumb { box-shadow: 0 0 3px; border-radius: 8px; margin: 10px 0; max-height: 100px; max-width: 100%; }
 .bgimg{border-radius: 10px;width: 80px; height: 80px; display: inline-block; background-position: center;background-size: cover;vertical-align: middle;}
 textarea {resize: unset;}
 bg { font-size: 200%; line-height: 80%; vertical-align: middle; }
 [ltr],.ltr{direction: ltr;}
 .hide{display: none !important;}
 .hide-imp{display: none !important;}
 .center { text-align: center; }
 .right { text-align: right; }
 .left { text-align: left; }
 .col{ float: right; padding: 5px; }
 .row{margin: 0 -5px;padding: 5px 0}
 warp,.warp{display: block;width: 1200px;max-width: 100%;margin: auto;padding: 0 10px;}
 warp::after,.warp::after,.row::after{content: "";display: block;clear: both;}
 .w10, .w20, .w30,.w33 ,.w40, .w50, .w60, .w70, .w80, .w90, .w100 ,.w5,.w15,.w25,.w35,.w45,.w55,.w65,.w75,.w85,.w95{float: right;}
 .w10 {width: 10%;}
 .w15 {width: 15%;}
 .w5 {width: 5%;}
 .w20 {width: 20%;}
 .w25 {width: 25%;}
 .w30 {width: 30%;}
 .w30 {width: 33.33333%;}
 .w35 {width: 35%;}
 .w40 {width: 40%;}
 .w45 {width: 45%;}
 .w50 {width: 50%;}
 .w55 {width: 55%;}
 .w60 {width: 60%;}
 .w65 {width: 65%;}
 .w70 {width: 70%;}
 .w75 {width: 75%;}
 .w80 {width: 80%;}
 .w85 {width: 85%;}
 .w90 {width: 90%;}
 .w95 {width: 95%;}
 .w100 {width: 100%;}
 .block{display: block;}
 .inline-block{display: inline-block;}
 [class*="pc-"],[class*="mob-"]{ float: right; padding: 5px;}
 [class*="pc-"]>.box,[class*="mob-"]>.box{ margin: 0;}
 @media (max-width: 901px) { [class*="pc-"]{ width: 100%; }
 .mob-auto{width:auto;}
 .mob-10 {width: 10%;}
 .mob-15 {width: 15%;}
 .mob-20 {width: 20%;}
 .mob-25 {width: 25%;}
 .mob-30 {width: 30%;}
 .mob-33 {width: 33.33333%;}
 .mob-35 {width: 35%;}
 .mob-40 {width: 40%;}
 .mob-45 {width: 45%;}
 .mob-50 {width: 50%;}
 .mob-55 {width: 55%;}
 .mob-60 {width: 60%;}
 .mob-65 {width: 65%;}
 .mob-70 {width: 70%;}
 .mob-75 {width: 75%;}
 .mob-80 {width: 80%;}
 .mob-85 {width: 85%;}
 .mob-90 {width: 90%;}
 .mob-95 {width: 95%;}
 .mob-100 {width: 100%;}
 [mob_hide],mob_hide,.mob_hide{display: none !important;}
 .mob-flex{display: flex;}
 ul.top_menu ul { padding: 0; margin: 0; border-right: 5px solid rgba(155, 135, 116, 0.2); padding-right: 5px; z-index: 1; }
 .plist_down li { width: 50%; }
 }
 @media (min-width: 900px) { [class*="mob-"]{ width: auto; }
 .pc-10 {width: 10%;}
 .pc-15 {width: 15%;}
 .pc-20 {width: 20%;}
 .pc-25 {width: 25%;}
 .pc-30 {width: 30%;}
 .pc-33 {width: 33.33333%;}
 .pc-35 {width: 35%;}
 .pc-40 {width: 40%;}
 .pc-45 {width: 45%;}
 .pc-50 {width: 50%;}
 .pc-55 {width: 55%;}
 .pc-60 {width: 60%;}
 .pc-65 {width: 65%;}
 .pc-70 {width: 70%;}
 .pc-75 {width: 75%;}
 .pc-80 {width: 80%;}
 .pc-85 {width: 85%;}
 .pc-90 {width: 90%;}
 .pc-95 {width: 95%;}
 .pc-100 {width: 100%;}
 [pc_hide],pc_hide,.pc_hide{display: none !important;}
 mainwrap{ display: flex; flex: auto; }
 flex-pc,.flex-pc{display: flex;position: relative;flex:auto;align-items: center;}
 flex-pc.rev,.flex-pc.rev{flex-direction: row-reverse;}
 flex-pc > *,.flex-pc > * { flex: auto; }
 flex-pc > .shrink,.flex-pc > .shrink { flex: 0; }
 }
 [fleft],.fleft{float: left;}
 [fright],.fright{float: right;}
 [fnone],.fnone{float: none !important;}
 .box,box{ display: block; box-shadow: 0 0 10px rgba(0,0,0,.3); background: rgba(255,255,255,.9); padding: 10px; border-radius: 8px; margin-bottom: 10px; }
 .cont .box,.cont box{ overflow: auto; }
 .cont-in { border-radius: 8px; padding: 10px; }
 .cont-in>.box,.cont-in>box{ box-shadow: 0 0 0; padding: 0; }
 .cont-in>.box>.row,.cont-in>box>.row{ margin: 0; }
 .card_list .box,.card_list box{ box-shadow: 0 0 5px rgba(0,0,0,.3); padding: 0; }
 .card_list .box>*,.card_list box>*{ padding: 5px; }
 .inner>.box,.inner>box{ box-shadow: 0 0 5px rgba(0,0,0,.3); width: 900px; margin: auto; max-width: 100%; max-height: 90vh; overflow: auto; }
 .card { box-shadow: 0 0 3px rgba(0,0,0,.3); border-radius: 8px; margin-bottom: 10px; }
 card { display: block; background: white; padding: 10px; border-radius: 9px; margin: 7px 0; box-shadow: 0 2px 4px rgba(0,0,0,.2); }
 .flex.card > * { padding: 5px; }
 .flex span.validat-msg,inputbox span.validat-msg{ position: absolute; bottom: 100%; left: 0; background: #fdf1f1 !important }
 /*span.validat-msg{*/ /*position: absolute;*/ /*bottom: 100%;*/ /*left: 0;*/ /*}
 */ label > .flex{ position: relative; }
 .inner>.xs_box{max-width: 250px;}
 .inner>.s_box{max-width: 450px;}
 .inner>.m_box{max-width: 550px;}
 .flat{border-radius: 0 !important;}
 .unmargin10{margin: 0 -10px}
 .title{font-size: 25px;font-weight:normal; /* background-color: rgba(0,0,0,.1); */ border-radius: 10px; padding: 5px; }
 .sub-title{ font-size: 20px; font-weight:normal; background-color: rgba(0,0,0,.1); border-radius: 10px; padding: 1px 10px; }
 .inner .title{ position: -webkit-sticky; position: sticky; top: 0; z-index: 1; background-color: #f4f4f4; padding: 5px 14px; margin: 5px -5px; border-radius: 8px; }
 .tit{ font-size: 25px; font-weight: normal; background-color: rgba(0,0,0,.1); border-radius: 10px; padding: 5px; }
 .inner .title>hr{margin-bottom: 0;box-shadow: 0px 4px 6px -4px;}
 .inner .title i.rm_pop{padding: 8px;}
 .inner>.box{padding-top: 0;}
 .inner hr{ /*box-shadow: none;*/ }
 badge,.badge { background: rgb(0,0,0,0.1); border-radius: 6px; padding: 5px !important; line-height: 100%; color: #707070; display: inline-block; margin: 0 3px; }
 .btn,btn{color: #70706f;background: rgba(0,0,0,.1) ;border-radius: 5px;box-shadow: 0 2px 3px rgba(0,0,0,.3);padding: 5px; line-height: 1.3 !important;font-size: inherit;border: 0;display: inline-block;margin-left: 8px;user-select: none;vertical-align: middle;white-space: nowrap;cursor: pointer;}
 .btn:hover,btn:hover {background: rgba(0,0,0,.2);}
 .btn:focus,btn:focus{border: 0 !important; outline: 0;}
 .btn:active,btn:active,.btn[active],btn[active] {box-shadow: 0 0px 4px rgba(0,0,0,.3);background: rgba(0,0,0,.3);}
 .btn:disabled,.btn[disabled],btn:disabled,btn[disabled]{opacity: 0.3;}
 .btn.fleft,btn.fleft { margin-left: 0;margin-right: 5px; }
 .btn > i,btn > i{font-size: 130%; margin-left: 5px; vertical-align: middle;}
 .btn > .badge,btn > .badge , .btn > badge,btn > badge{float: left; margin-left: 0; padding: 2px 5px; font-size: 90%;margin-right: 5px;}
 .title>.redbg{margin-top:0px;}
 .redbg{background: #e62929;color: white ; }
 .redbg:hover,.redbg[active] {background: #c51a1a;}
 .bluebg{background: #23a1dc;color: white ; }
 .bluebg:hover,.bluebg[active] {background: #0c86bf;}
 .greenbg{background: #6cce5a;color: white ;}
 .greenbg:hover,.greenbg[active] {background: #6dc15d;}
 .darkbg{background: #adadad;color: white ;}
 .graybg:hover,.graybg[active] {background: #8c8c8c;}
 .green{background: mediumspringgreen;}
 .green:hover{background: #02e890;}
 .orange{background: #FF9933;}
 .orange:hover{background: #FFA757;}
 .clear::after,.box::after,box::after{content:'';display: block;position: relative;clear: both;}
 .red{ color: #9bcc63; }
 logo{ display:block;position:relative;max-width:100%;height:40px;width:215px;background:url(../../imgs/logo.svg) no-repeat center center;background-size:contain;background-position: right center; }
 .relative{ position: relative; }
 mainwrap{ width: 100%; min-height: calc( 100vh - 55px ); }
 /* header */ .header { padding: 5px; font-size: 15px; line-height: 25px; box-shadow: 0 6px 6px -7px rgba(0,0,0,.4); margin-bottom: 5px; }
 .header .box{ border-radius: 0px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding: 5px; }
 .header input[type="search"] { box-shadow: none; background: transparent !important; border-radius: 0 !important; line-height: inherit !important; padding: 0 !important; border: 0 !important; }
 .header input[type="search"]:focus { outline: 0; border-bottom: 1px solid rgb(155, 204, 99) !important; }
 .searchreasult{ position: absolute; top: 100%; width: 100%; background: rgba(255,255,255,0.8); padding: 5px; box-shadow: 0px 1px 2px -1px rgba(0,0,0,.4); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; z-index: 1; }
 .side { box-shadow:0 9px 0px 0px white, 0 9px 0px 0px white, 0 9px 0px 0px white, -3px 1px 5px -4px rgba(0,0,0,.4); padding: 0 0 0 5px; }
 .main_menu { padding: 0; }
 .main_menu ul { margin: 0; padding: 0; }
 #menu li a { display: block; text-align: right; color: black; padding: 8px 5px; border-radius: 5px; }
 #menu li a i { float: right;margin-left: 10px;}
 .main_menu ul li { display: block; font-size: 20px; list-style: none; line-height: 0.9; margin: 5px 0; cursor: pointer; user-select: none; /*box-shadow: 0 0 3px rgba(0,0,0,.2)*/ }
 .main_menu ul ul { border-right: 3px solid rgba(0,0,0,0.1); padding-right: 10px;display: none;}
 .main_menu ul li.open ul,.main_menu ul li.active ul{ display: block;}
 .main_menu ul li a:hover, .main_menu ul li.active a { cursor: pointer; background: rgba(0,0,0,.1); font-weight: bold; }
 /* footer */ .footer { text-align: center; }
 /* content */ .content{ background: #f6f6f6; padding: 10px 0; border-radius: 8px; margin: 10px 0; }
 /* foot */ .foot { background: #f6f6f6; padding: 8px; border-radius: 8px; }
 .more { text-align: center; font-size: 18px; cursor: pointer; color: inherit; outline: 0px; }
 .tb_warp { overflow: initial; }
 /* tables */ .table { width: 100%; margin-bottom: 20px; border: 1px solid #ddd; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
 table { max-width: 100%; background-color: transparent; border-spacing: 0; border-collapse: collapse; }
 .table>tbody>tr>th,.table>tbody>tr>td{ padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; }
 th { text-align: right; background: #f9f9f9; }
 /* filter */ .filter { background: white; padding: 10px; border-radius: 8px; margin: 10px 0; }
 /*input[type='text']{ width: 100%; background-color: white; border-radius: 5px; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; font-size: inherit; padding: 5px; }
 */ input, textarea, select,.select2-selection { width: 100%; background-color: white !important; /* border-radius: 10px !important; */ border: 1px solid #ccc !important; box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; font-size: inherit !important; padding: 5px !IMPORTANT; height: auto; line-height: 1.5 !important; vertical-align: middle; }
 input:focus, textarea:focus, select:focus,.select2-selection:focus { /* box-shadow:0 0 0pt 2pt #5cb75b70; */ /* outline: unset; */ }
 textarea {resize: none;}
 input:disabled, textarea:disabled, select:disabled,.select2-selection:disabled{opacity: 0.3;}
 .select2-selection input{ padding: 0 !important; margin: 0 !important; }
 input[type="checkbox"] { box-shadow: none; width: 15px; height: 15px; }
 input[type="radio"]{ box-shadow: none; width: 20px; height: 20px !important; }
 alert,.alert { display: block; position: relative; background: rgba(255, 202, 0, 0.14); padding: 5px; padding-right: 20px; box-shadow: 0 0 3px rgba(185, 128, 0, 0.38); margin: 10px 0; border-radius: 5px; position: relative;color:#b98000; clear: both;}
 .alert::before,alert::before{content: "!";display: block;position: absolute;left: 5px;top:5px;color:#b98000;font-weight: bolder;}
 succ,.succ { display: block; position: relative; background: rgba(205, 245, 201, 0.45); padding: 5px; padding-right: 20px; box-shadow: 0 0 3px rgb(180, 204, 175); margin: 10px 0; border-radius: 5px; position: relative;color:#8ec384; }
 .succ::before,succ::before{content: "✔";display: block;position: absolute;left: 5px;top:5px;color:#8ec384;font-weight: bolder;}
 error { display: block; position: relative; background: rgba(255, 0, 0, 0.14); padding: 5px; padding-right: 20px; box-shadow: 0 0 3px rgba(185, 0, 0, 0.38); margin: 10px 0; border-radius: 5px; position: relative;color:#bb2929; }
 error::before{content: "!!";display: block;position: absolute;left: 5px;top:5px;color:#bb2929;font-weight: bolder;}
 [fs10],.fs10{font-size: 10px !important;}
 [fs13],.fs13{font-size: 13px !important;}
 [fs14],.fs14{font-size: 14px !important;}
 [fs15],.fs15{font-size: 15px !important;}
 [fs20],.fs20{font-size: 20px !important;}
 [fs25],.fs25{font-size: 25px !important;}
 [fs30],.fs30{font-size: 30px !important;}
 [fs35],.fs35{font-size: 35px !important;}
 [fs40],.fs40{font-size: 40px !important;}
 [fs45],.fs45{font-size: 45px !important;}
 [fs50],.fs50{font-size: 50px !important;}
 [fs55],.fs55{font-size: 55px !important;}
 [fs60],.fs60{font-size: 60px !important;}
 [fs65],.fs65{font-size: 65px !important;}
 .bold{font-weight: bold;}
 .table{display: table;}
 middel,.middle{ display: table-cell; vertical-align: middle; float: none; }
 .popup_frame,.shade { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,.2); display: flex; align-items: center; overflow: auto; max-height: 100vh; vertical-align: middle; width: 100%; height: 100%; }
 .popup_frame{background: transparent;z-index: 1;}
 .popup_frame>.inner { vertical-align: middle; padding: 8px; margin: auto; max-width: 100%; position: relative; }
 .popup_frame>.close{ position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: -1; text-align: center; }
 .popup_frame .close_i {display: inline-block; background: #fff; padding: 5px; font-size: 13px; border-radius: 8px; margin: 15px; box-shadow: 0 1px 3px rgba(0,0,0,.3); position: absolute; z-index: 9; left: 8px; top: 8px;}
 done{ display: block; width: 200px; height: 200px; background: url(../../imgs/done.svg) no-repeat center center; background-size: contain; margin: auto; }
 fail{ display: block; width: 200px; height: 200px; background: url(../../imgs/fail.svg) no-repeat center center; background-size: contain; margin: auto; }
 loading { display: block; width: 100px; height: 100px; background: url(../../imgs/sloading.svg) no-repeat center center; background-size: contain; margin: auto; }
 sloading { display: block; width: 100%; height: 75px; background: url(../../imgs/sloading.svg) no-repeat center center;background-size: auto 100%;margin: auto; text-align: center; }
 .pointer,.rm_pop{ cursor: pointer; }
 .has-error{ position: relative; }
 span.validat-msg { background: #fdf1f1; padding: 0px 7px; border-radius: 5px; box-shadow: 0 0 3px rgba(0,0,0,.3); float: left; margin-left: 2px; line-height: inherit; font-weight: unset; }
 .card-img{ max-height: 70px; max-width: 130px; display: block; margin-left: 0; margin-right: auto; }
 .link{text-decoration: underline;}
 .link:hover{color: blue;}
 .inline-group {display: flex;}
 flex,.flex{display: flex;position: relative;flex:auto;align-items: center;gap: 5px;}
 flex[rev],.flex.rev{flex-direction: row-reverse;}
 .flex > * { flex: auto; }
 .flex > .shrink { flex: 0; }
 .print_logo{display:none;}
 .tbl th {border-bottom: 2px solid #000;background: transparent;}
 .tbl tfoot th {border-bottom:0;border-top: 2px solid #000;}
 .tbl td {border-top: 1px solid #000;}
 .tbl tr:first-child td {border-top: 0;}
 .grid{ display: grid; grid-gap: 10px; grid-template-columns: auto auto auto auto auto auto; /* grid-template-columns: auto auto auto; */ }
 .grid>a { display: block; text-align: center; }
 .grid>a>i { display: block; text-align: center; font-size: 50px; }
 .fullscreen {position:fixed;top:0;right:0;left:0;bottom:0;z-index:9999999;background:rgba(255,255,255,0.9);margin:0 !important; width: auto !important;padding: 10px;max-height: none !important;}
 @media (max-width: 901px){ .grid{ grid-template-columns: auto auto auto; }
 .header .box{ padding: 0; border-radius: 8px; font-size: 17px; line-height: 32px; }
 }
 @media print { .print_logo{display:block;height: 2cm}
 .header,.side,.cont .search,.btn{display:none !important;}
 body{background: transparent;}
 .box{box-shadow: none;border-radius: 0;}
 .cont{background:transparent;box-shadow:none;}
 .hide4print{display: none;}
 warp,.warp{padding: 0}
 }
 /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; /* margin: 6px 2px; */ }
 /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; display: none; }
 /* The slider */ .slider { position: relative; cursor: pointer; display: inline-block; height: 15px; background-color: #eeeeee; -webkit-transition: .4s; transition: .4s; margin: 5px 0; vertical-align: middle; }
 .slider:before { position: relative; visibility: visible; display: block; content: attr(off); transform: translateY( calc( 7.5px + -50% ) ); background-color: #bbbbbb; padding: 0 9px; white-space: nowrap; margin-left: 20px; -webkit-transition: margin .4s; transition: margin .4s; }
 input:checked + .slider:before { content: attr(on); background-color: #9ece5a; margin: 0 20px 0 0; }
 input:checked + .slider { }
 input:focus + .slider { box-shadow: 0 0 5px #9ece5a; }
 /* Rounded sliders */ .slider.round { border-radius: 13px; }
 .slider.round:before { border-radius: 10px; }
 .searchreasult > a { padding: 5px; }
 .focused { background: rgba(0, 0, 0, 0.05); border-radius: 8px; padding: 0 6px; }
 .copleft{ text-align: left; width: 30%; border-right: rgb(245, 241, 235) 2px dashed; padding: 5px; position: relative; }
 .copright{ margin: 5px; width: 70%; height: 14vw; max-height: 14vh; background-repeat:no-repeat; background-position: center center; background-size: contain; position: relative; }
 .cop_icon{ font-size: 40px; opacity: .1; position: absolute; left: 5px; top: 5px; }
 .couppon_card { background: white; border-radius: 8px; display: flex; }
 .cop_cont{ position: absolute; bottom: 0; width: calc(100% - 10px); }
 .price { color: #ff8104; position: absolute; bottom: 4px; left: 5px; font-size: 10px; direction: ltr; white-space: nowrap; right: 0px; display: inline-block; overflow: hidden; }
 .mer_card { background: white; border-radius: 8px; display: flex; }
 .mer-back{ margin: 5px; height: 60px; background-repeat: no-repeat; background-position: center center; background-size: contain; position: relative; width: calc(100% - 10px); }
 .act {background: rgba(0,0,0,.3);color: white;}
 .no-scroll{overflow: hidden;}
 .wb{word-break: break-word;}
 .modified-delete{-webkit-animation-name: delete;-webkit-animation-duration: 0.8s;animation-name: delete;animation-duration: 0.8s;}
 .modified-change{-webkit-animation-name: change;-webkit-animation-duration: 2s;animation-name: change;animation-duration: 2s;}
 .hr {box-shadow: 0 4px 6px -4px;}
 .i-right i{float: right;line-height: 1.5;}
 .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
 .cardTop { padding-bottom: 6px; border-bottom: #7070704a 2px dashed; margin-bottom: 3px; }
 .contup_frame .title>i.rm_pop {padding: 5px}
 .contup-inner > .box { box-shadow: unset; }
 .person { background-repeat: no-repeat; background-size: contain; width: 14px; height: 80%; margin: 4px; display: inline; min-height: 13px; opacity: 0.5; }
 .male { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNjEuOSA2OTkuMzIiPjx0aXRsZT5tYW48L3RpdGxlPjxwYXRoIGQ9Ik0yNjcuODEsNDkycTAsNjguNDksMCwxMzdjMCwxMC40OS0uMjYsMjEuMDctMy4xMywzMS4yM0MyNjAuODIsNjczLjczLDI1Myw2ODQsMjM4LjM3LDY4Ni42NSwyMjAsNjkwLDIwNCw2NzguNTUsMTk5LjgzLDY1OS40NWMtMi4xNS05LjgxLTEuOTMtMTkuODgtMi45Mi0yOS44MnEtNi42MS02Ni42MS0xMy0xMzMuMjdjLS4yLTIuMDguMTItNC44NC0zLjExLTQuNjUtMi42OS4xNS0yLjY0LDIuNjQtMi44Myw0LjU4cS00LjYyLDQ3LjIzLTkuMTgsOTQuNDljLTIsMjEuMjItMy44NSw0Mi40Ni01Ljk0LDYzLjY3YTM5Ljc5LDM5Ljc5LDAsMCwxLTcuMjQsMTguOTQsMzEuOTIsMzEuOTIsMCwwLDEtNTMuNDktMS4xNyw0My44OCw0My44OCwwLDAsMS02LjQyLTE5Ljc1Yy0yLjU1LTI1Ljc3LTEuMTktNTEuNi0xLjIxLTc3LjQxcS0uMDktOTcuNzIsMC0xOTUuNDZjMC0xNy0xLjM1LTM0LTIuNjQtNTAuOTEtLjE0LTEuODUtLjEzLTMuOTItMi41NC00LjI0cy0yLjksMS43My0zLjY5LDMuMzhjLTYuNDEsMTMuMzQtOS4xNiwyNy43OC0xMi43Nyw0MkM2OC40MiwzODcsNjQuNzUsNDA0LjQ4LDU4LjksNDIxLjM0YTQ0LjQsNDQuNCwwLDAsMS00LjgyLDEwLjM5Yy03LDEwLjUyLTE4Ljk0LDE0LjYtMzAuNTksMTAuNDgtOS45Mi0zLjUxLTE1Ljc4LTE0LTE0LjI1LTI2LjQ1czQuODItMjQuNDksNy42Ni0zNi42M2M5LjkzLTQyLjI4LDE5LjE1LTg0Ljc1LDMyLjk0LTEyNiwzLjE3LTkuNDksNi44My0xOC43NiwxMi44OS0yNi45MUM4MS40OSwyMDEsMTE0LjA4LDE5MC40MSwxNDcuMzQsMTk5YzIyLjQxLDUuNzYsNDQuNzIsNS41Niw2Ny4xOS4wOCwyOC45My03LDU1LjI0LTIuMTUsNzcuNDQsMTguNzksNy43NSw3LjMyLDEzLjA2LDE2LjMzLDE2Ljg4LDI2LjI2LDEwLjksMjguMzcsMTcuMzcsNTgsMjQuOTMsODcuMzEsNi41MiwyNS4zMSwxMS45NCw1MC44NywxNy43NSw3Ni4zNGE0Mi40Nyw0Mi40NywwLDAsMSwxLjA2LDE1LjM4Yy0xLjI0LDguNzktNS4wNywxNS45My0xNCwxOS05Ljc4LDMuMzctMTguNzQsMS43MS0yNi40Ny01LjMzLTQuMTYtMy44LTYuNjItOC42OS04LjQ4LTEzLjk0LTcuNjktMjEuNy0xMS45NS00NC4zMi0xNy44MS02Ni41Mi0yLjU1LTkuNjUtNC45MS0xOS4zNy05LjM0LTI4LjQxLS43OC0xLjU5LTEuMjctMy43NS0zLjY2LTMuNDctMi43My4zMi0yLjYsMi43NC0yLjczLDQuNjVDMjY5LDM0Ni4wNiwyNjcuNTYsMzYzLDI2Ny41OCwzODBxLjA2LDU2LDAsMTEyWiIvPjxwYXRoIGQ9Ik0xODIsMTgyYy00NS43My4xOS04NS45My0zOS4yMy04Ni4xMi04NC40NS0uMi00Ni4zMywzOS4zLTg1LjQxLDg2LjQ4LTg1LjU1LDQ1LjQ3LS4xMyw4NC4yNiwzOS4wOSw4NC4zNiw4NS4yOEMyNjYuODIsMTQzLjMsMjI4LjMyLDE4MS44LDE4MiwxODJaIi8+PC9zdmc+"); }
 .female{ background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDguODkgNzE5Ljc0Ij48dGl0bGU+d29tZW48L3RpdGxlPjxwYXRoIGQ9Ik0yMDQuNCw1MzBjLTEuNTcsMS40MS0xLjE2LDMtMS4yMiw0LjQ0LTEuNywzNy0zLjMyLDczLjktNS4wNywxMTAuODUtLjQsOC40OC0uOSwxNy0xLjgyLDI1LjQxLTIuMDYsMTguODUtMTQuNDEsMzEtMzEuMTEsMzAuOS0xNi4zMy0uMDYtMjkuMzktMTIuNzktMzEuMDUtMzEuMjYtMi42Ni0yOS41My00Ljg4LTU5LjEtNy4xMS04OC42Ni0xLjA2LTE0LTEuNjEtMjcuOTQtMi42LTQxLjktMS0xNC4zMi04LjYxLTI0LjExLTIxLjM5LTMwLjE1LTUuMTEtMi40Mi0xMC4zNy00LjUyLTE1LjE5LTcuNTVDNzUuNyw0OTQuNCw3Mi4xNyw0ODUuOCw3NS42Nyw0NzEuODljMi43OC0xMSw4LTIxLjE1LDEyLTMxLjcycTE5LjA2LTUwLjQzLDM4LjE5LTEwMC44NEEzOCwzOCwwLDAsMCwxMjgsMzI4LjA5YTMuOSwzLjksMCwwLDAtMS42OS0zLjkxYy0xLjY0LTEtMy4xNy0uNDYtNC42Mi42YTM2LjQ5LDM2LjQ5LDAsMCwwLTcuODcsOC4zYy0xNC41NywyMC4xMS0yNy40LDQxLjM4LTQxLjQ4LDYxLjgxLTQuMTYsNi04LjIyLDEyLjE4LTEyLjk0LDE3Ljc2QzQ5Ljc1LDQyNCwzNCw0MjQuODMsMjQsNDE0LjkyYy01LjMtNS4yNy03LTExLjYzLTUuNTMtMTguNzlhMzYuMTksMzYuMTksMCwwLDEsMy04Ljk0YzI1LjE2LTUwLDUxLjIyLTk5LjQ1LDc5LjcyLTE0Ny42MywxNS45Mi0yNi45MSwzOS44OS0zNS42Niw2OS42NC0zMi4yNSw1LjQ1LjYzLDEwLjkyLDEuMzMsMTYuMjksMi40NywxNy4xMSwzLjY1LDMzLjc4LS4zMSw1MC42LTIuMzksMjkuOTUtMy43MSw1My45NSw1LjMxLDcwLDMyLjM2LDI4LjYyLDQ4LjEyLDU0LjU4LDk3LjY1LDc5LjYzLDE0Ny42OCw3Ljg5LDE1Ljc2LDEuNjYsMzAuNTItMTMuOTIsMzMuNzgtMTEsMi4yOS0xOS41Ny0yLjM3LTI2LjA2LTExLTguOTEtMTEuODYtMTYuOTEtMjQuMzQtMjUuMS0zNi43LTguOTMtMTMuNDYtMTgtMjYuODItMjcuMDYtNDAuMmEyOS4zMiwyOS4zMiwwLDAsMC04LjI1LTguNjFjLTMuMzYtMi4xMy02LS44MS02LDMuMTJhMzIuMSwzMi4xLDAsMCwwLDIuMzEsMTIuMmMxNS42Niw0MC4xNiwyOS43Miw4MC45Miw0Ni4yOSwxMjAuNzJhNjAsNjAsMCwwLDEsNC43NywxNy43OGMuNyw3Ljg4LTEuOCwxNC40LTcuODUsMTkuNTRhNTkuNTEsNTkuNTEsMCwwLDEtMTYuOCw5LjdjLTE3LjMyLDYuOS0yNS4yOCwxOS41Ni0yNS44MSwzOC4yLTEsMzQuNjQtNC42Miw2OS4xMy03LjQsMTAzLjY3LS43LDguNjItLjYzLDE3LjM1LTIuNiwyNS44Mi01LjY0LDI0LjMtMzEuNywzNC4yOC00OS43MywxOS4wNi04LjUxLTcuMTgtMTEuMzMtMTYuOTMtMTIuMDYtMjcuNTctMi40OS0zNi4yNC0zLjcyLTcyLjU0LTUuMjQtMTA4LjgzLS4zNS04LjMyLS43Ni0xNi42NC0xLjE3LTI1QzIwNS43MSw1MzIsMjA1LjgyLDUzMC43NywyMDQuNCw1MzBaIi8+PHBhdGggZD0iTTIwMiwxOTQuMzhjLTE3LjY0LjI5LTM0LjIzLTUuMDctNTEuMDctOC45My05Ljg4LTIuMjYtMTkuNjctNS0yOS4zOS03LjgzLTE4LjY2LTUuNDktMjUuNDYtMTcuNC0yMC41NC0zNi4xNSw2LjUzLTI1LDEzLjYxLTQ5Ljc0LDI0LjI5LTczLjMxLDExLjc5LTI2LDMwLjQ0LTQ0LjA3LDU5LjQ3LTQ4LjczLDM3LjY5LTYuMDYsNzguMSw2LjM5LDk2LjQ4LDUyLjFhNDkwLjA1LDQ5MC4wNSwwLDAsMSwyMy4xNSw3NC4yMmMzLjA4LDEzLjU4LTIuNjksMjUuMS0xNS41LDI5LjQzQzI2MC42NSwxODQuNzEsMjMxLjg0LDE5Mi4xNCwyMDIsMTk0LjM4WiIvPjwvc3ZnPg=="); }
 .bg-img{ margin: 5px; height: 60px; background-repeat: no-repeat; background-position: center center; background-size: contain; position: relative; width: 25%; }
 .line-cross{text-decoration: line-through;}
 .emp-img{ margin: 5px; height: 80px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; width: 80px; border-radius: 100%; }
 .hide-def {display: none;}
 .hint:before { content: "wb_incandescent"; font-family: 'mi'; font-size: 17px; transform: rotate(-1261deg); visibility: visible; line-height: 0.9; border-radius: 3px; display: block; position: absolute; top: 4px; left: 2px; }
 .hint {font-size: 0;margin: 0 5px;}
 .hint:hover:before{ color: #01cad4; }
 .hint:active{ visibility: hidden; }
 a.hint:active{ visibility: visible; }
 /*------------------*/ /*.switch*/ /*{*/ /* width: 50px;*/ /* height: 30px;*/ /* position: relative;*/ /* display:inline-block;*/ /*}
 */ /*.switch input*/ /*{*/ /* display: none;*/ /*}
 */ /*.swt-slider*/ /*{*/ /* position: absolute;*/ /* top: 0;*/ /* bottom: 0;*/ /* right: 0;*/ /* left: 0;*/ /* cursor: pointer;*/ /* background-color: gray;*/ /* border-radius: 30px;*/ /*}
 */ /*.swt-slider:before*/ /*{*/ /* position: absolute;*/ /* background-color: #fff;*/ /* height: 20px;*/ /* width: 20px;*/ /* content: "";*/ /* left: 5px;*/ /* bottom: 5px;*/ /* border-radius: 50%;*/ /* transition: ease-in-out .5s;*/ /*}
 */ /*.swt-slider:after*/ /*{*/ /* content: "Off";*/ /* color: white;*/ /* display: block;*/ /* position: absolute;*/ /* transform: translate(-50%,-50%);*/ /* top: 50%;*/ /* left: 70%;*/ /* transition: all .5s;*/ /* font-size: 10px;*/ /* font-family: Verdana,sans-serif;*/ /*}
 */ /*input:checked + .swt-slider:after*/ /*{*/ /* transition: all .5s;*/ /* left: 30%;*/ /* content: "On"*/ /*}
 */ /*input:checked + .swt-slider*/ /*{*/ /* background-color: blue;*/ /*}
 */ /*input:checked + .swt-slider:before*/ /*{*/ /* transform: translateX(20px);*/ /*}
 */ /*.switch {width:90px}
 */ /*.slider:after*/ /*{*/ /* left: 60%;*/ /*}
 */ /*input:checked + .slider:after*/ /*{*/ /* left:40%; //exactly opposite of .slider:after*/ /*}
 */ /*input:checked + .slider:before*/ /*{*/ /* transform: translateX(60px);*/ /*}
 */ .switch-with-text { position: relative; display: inline-block; width: 115px; height: 34px; }
 .switch-with-text input {display:none;}
 .switch-with-text .swt-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ca2222; -webkit-transition: .4s; transition: .4s; }
 .swt-slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
 input:checked + .swt-slider { background-color: #2ab934; }
 input:focus + .swt-slider { box-shadow: 0 0 1px #2196F3; }
 input:checked + .swt-slider:before { -webkit-transform: translateX(55px); -ms-transform: translateX(55px); transform: translateX(55px); }
 /*------ ADDED CSS ---------*/ .switch-with-text .on { display: none; }
 .switch-with-text .on,.switch-with-text .off { color: white; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; font-size: 10px; font-family: Verdana, sans-serif; }
 input:checked+ .swt-slider .on {display: block;}
 input:checked + .swt-slider .off {display: none;}
 /*--------- END --------*/ /* Rounded swt-sliders */ .swt-slider.round { border-radius: 34px; }
 .swt-slider.round:before { border-radius: 50%; }
 [ttip] {position: relative;}
 /* [ttip]:after {content: "wb_incandescent";font-family: 'mi';font-size: 17px;transform: rotate(-180deg);}
 */ [ttip]:before{ content: attr(ttip); display: none; background: #f9f4e1; border-radius: 0 10px 10px 10px; box-shadow: -2px 2px 3px rgba(0,0,0,.3); position: absolute; left: 0px; white-space: normal; right: auto; top: 100%; padding: 3px 10px; line-height: 1.4; z-index: 9; min-width: 150px; direction: rtl; font-family: 'wkeed'; }
 [ttip]:hover::before {display: block;}
 [ttip][left]{float: left;}
 [ttip][left]:before{right: auto;left: 0;}
 [ttip][right]{float: right;}
 [ttip][right]:before{left: auto;right: 0;}
 .center-xy{ display: block; width: 100vw; height: 150px; margin: auto; position: absolute; left: 0; top: 25%; text-align: center; }
 .un { text-decoration: underline; }
 .inner>.pupped-hint{ padding-top: 20px; padding-bottom: 20px; }
 sbox,.sbox { display: block; place-items: center; position: relative; box-shadow: 0 1px 3px rgba(0,0,0,0.2); border: 1px solid #ccc !important; background: white; }
 inputbox,.inputbox { display: flex; flex: auto; white-space: nowrap; place-items: center; border-radius: 10px; padding:0; margin: 0px; position: relative; background: white; border-radius: 0; }
 .inputbox:before , inputbox:before { content: ''; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; box-shadow: 0 1px 3px rgba(0,0,0,0.2); /* border-radius: 10px; */ z-index: 0; border: 1px solid #ccc !important; }
 inputbox > * ,.inputbox > * { place-self: center; display: block; box-shadow: none;position: relative;z-index: 1; background: transparent !important;padding: 5px;}
 inputbox > label,.inputbox > label { padding-top: 0;padding-bottom: 0;}
 inputbox .select2-selection,.inputbox .select2-selection,inputbox .select2-container,.inputbox .select2-container{ padding:0;box-shadow: none; background: transparent !important;border: 0 !important;}
 .actCheck{margin-right: 10px; width: 20px;width: 20px !important; height: 20px !important;}
 .actCheck:checked + .box { background: #f8ffff; }
 droplist{ display: none; position: absolute; right: 0; top: 100%; z-index: 999; background: white; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.3); }
 droplist.left,droplist[left]{ left: 0;right: auto;}
 .droped droplist{display: inline-block;}
 droplist a{ display: block; padding: 2px 5px;white-space: nowrap; }
 droplist a:hover,droplist a:active{ background: #e2f4f5; border-radius: 5px; }
 .dropdown { position: relative;white-space: nowrap; }
 .tabs{}
 .tabs .note-editor.note-frame{margin: 0 -5px; border-top-left-radius: 0;}
 .tabs > tab { float: left; background: whitesmoke; display: block; border-radius: 0 00 0; margin: 0px 5px -1px 0px; border: 1px solid #ddd; border-top: 2px solid whitesmoke; border-bottom: 0; box-shadow: 0 -1px 3px -1.5px rgba(0,0,0,.3); z-index: 0; position: relative; padding: 0px 5px; padding-bottom: 2px; cursor: pointer; }
 .tabs > tab[tabed] { z-index: 10;border-top: 4px solid #00cad4;background: white; }
 .tabs > *:not(tab) {position: relative; z-index: 2; border-top-left-radius: 0 !important;}
 .nowrap{white-space: nowrap !important;}
 slider { position: relative; overflow: auto; white-space: nowrap; width: 100%; display: block; }
 slider > img { height: 180px; margin-left: 10px; border-radius: 10px; width: auto; }
 .noborder,[noborder]{border: 0 !important;}
 .nopadding,[nopadding]{padding: 0 !important;}
 .nomargin,[nomargin]{margin: 0 !important;}
 .toast,.toast.alert { opacity: 0; min-width: 250px; margin-left: -125px; background-color: #00CAD4; color: #fff; text-align: center; border-radius: 8px; padding: 16px; position: fixed; z-index: 1; left: 50%; bottom: 30px; font-size: 17px; box-shadow: 0 2px 5px rgba(0,0,0,.15); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15); -webkit-transition: bottom opacity 0.5s ease-out; transition: bottom 0.5s ease-out,opacity 0.5s ease-out; }
 .error-toast,.toast.error{ background-color: lightcoral; }
 .suc-toast,.toast.suc{ background-color: #bfda98; }
 .alert-toast,.toast.alert{ background-color: #f7d866; }
 .toast.show { visibility: visible; bottom: 30px; opacity: 1; }
 .div2iframe { height: 60vh;width: 100%; border: 0; }
 /*zoomer*/ img.zoom{cursor: zoom-in;}
 .zoompupup {position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255,255,255,.8); z-index: 9999999; display: flex; align-items: center; flex-wrap: wrap; }
 .zoompupup .zoomed {margin: auto; border-radius: 10px;max-width: 98%;max-height: 98vh;}
 .zoompupup [close] {position: fixed; top: 10px; right: 10px; font-size: 30px; line-height: 1;}
 .zoompupup [bg] {position: fixed; top: 0; right: 0; left: 0; bottom: 0;z-index: -5;}
 /*icons*/ [class^="ico-"]:before, [class*=" ico-"]:before {font-family: "brands"; font-style: normal; font-weight: normal; display: inline-block; margin: 0 .2em; vertical-align: middle;}
 .ico-basket:before { content: '\e800'; }
 .ico-twitter:before { content: '\f099'; }
 .ico-facebook:before { content: '\f09a'; }
 .ico-linkedin:before { content: '\f0e1'; }
 .ico-ticket:before { content: '\f145'; }
 /* .ico-youtube:before { content: '\f167'; }
 */ .ico-youtube:before { content: '\f16a'; }
 .ico-instagram:before { content: '\f16d'; }
 .ico-skype:before { content: '\f17e'; }
 .ico-bug:before { content: '\f188'; }
 .ico-bank:before { content: '\f19c'; }
 .ico-behance:before { content: '\f1b4'; }
 .ico-soundcloud:before { content: '\f1be'; }
 .ico-paypal:before { content: '\f1ed'; }
 .ico-cc-visa:before { content: '\f1f0'; }
 .ico-cc-mastercard:before { content: '\f1f1'; }
 .ico-cc-discover:before { content: '\f1f2'; }
 .ico-cc-amex:before { content: '\f1f3'; }
 .ico-cc-paypal:before { content: '\f1f4'; }
 .ico-cart-plus:before { content: '\f217'; }
 .ico-pinterest:before { content: '\f231'; }
 .ico-whatsapp:before { content: '\f232'; }
 .ico-credit-card-alt:before { content: '\f283'; }
 .ico-shopping-bag:before { content: '\f290'; }
 .ico-shopping-basket:before { content: '\f291'; }
 .ico-snapchat:before { content: '\f2ac'; }
 .ico-facebook-squared:before { content: '\f308'; }
 .ico-tiktok:before { content: '\f309'; }
 .pr{ position: relative;background: white;box-sizing: border-box;padding: 10px;width: 96%;box-shadow: 0 0 3px rgba(0,0,0,.4);border-radius: 5px;overflow: auto;margin: 2%;white-space: pre-wrap;height: 35px;line-height: 1.4; font-family: inherit; }
 .pr:hover{ height: auto;}
 .shade.loading_page { z-index: 999999; display: table; }
 .note-frame img { max-width: 100%; }
 /* ui tool */ .iconedbox{background: #fff; box-shadow: 0 1px 3px rgb(0 0 0 / 50%); border-radius: 5px; padding: 8px; width: 190px; display: block; margin: 5px; vertical-align: middle; display: flex; align-items: center; flex-wrap: wrap; text-align: center; flex-flow: column; float: right; }
 .cardsrow {display: flex; flex-wrap: wrap; gap: 10px;padding: 0; margin: 6px 0; justify-content: center;align-items: center;}
 .cardsrow > li{ padding: 8px;margin: 0;box-shadow: 0 1px 3px rgb(0 0 0 / 30%);border-radius: 8px;list-style: none; }
 .foldable{display:block;padding:3px;margin:6px 0;background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / 30%);border-radius:10px;}
 .foldable>.head{display:block;padding:6px 6px;background:rgba(0,0,0,.05);border-radius:8px;}
 .foldable>.head::after{content:'expand_more';font-family:'mi';float:left;line-height:1;font-size:150%;}
 .foldable>.body{display:none;height:0;padding:8px;transition:height 0.5;}
 .note-editable .foldable>.head::after,.foldable.open>.head::after{content:'expand_less';}
 .note-editable .foldable>.body,.foldable.open>.body{display:block;height:auto;}