.bold{font-weight:700;}

.sticky_el{position:sticky;position:-webkit-sticky;top:0px}

.loadingGeneral{position:fixed;z-index:+99999;top:0px;left:0px;height:100%;width:100%;background:rgb(255,255,255,0.8);display:flex;align-items:center;justify-content:center;}
.loadingGeneral lottie-player{width:220px;aspect-ratio:1/1;}

input:not([type="radio"]):not([type="checkbox"]),select,textarea{font-size:.95rem;width:100%;display:block;padding:12px;border-radius:8px;border:1px solid #dfdfdf;outline:0;}
select{width:100%;}
.input__full{width:100%;}
select.selectTemplate{width:100%;padding:15px 10px;border:0;background:#fff;font-size:0.9rem;}
textarea{width:100%;min-height:120px;}

.left__top{border-radius:var(--border-radius-max);overflow:hidden;}
.right__top,.left__top{width:25%;}

.btn-red{background:#dd0000!important}
.btn-green{background:green!important}

/* SIDEBAR */
.aside__sidebar{padding:0;border:1px solid var(--border-color);border-left:0;border-radius:var(--border-radius-btn);background:var(--secondary);position:fixed;height:96vh;margin:2vh 1%;width:15%;z-index:1;overflow:hidden;box-shadow:var(--shadow);}
.ul__sidebar{display:flex;gap:0;height:100%;}
.li__sidebar{list-style-type:none;margin:0;}
.a__sidebar{font-weight:600;font-size:0.9rem;text-transform:uppercase;color:var(--font-color);justify-content:flex-start;padding:0 20px;height:100%;background:#fff;gap:10px!important;border-radius:0;}
.a__sidebar i.fa{font-size:1.2rem;}
.a__sidebar:hover{background:var(--main-hover);color:var(--main-color);}
.arrow__sidebar{margin-left:auto;display:none;}
.arrow__sidebar i.fa{font-size:1rem;}

/* ASIDE CONTENT */
.aside__content{max-width:100%;background:var(--bg);width:100%;margin:0;overflow:hidden;}

/* section.page.close-menu .aside__sidebar{margin-left:-280px;visibility:hidden;} */
/* section.page.open-menu .aside__sidebar{margin-left:0px;visibility:visible;} */

/* LOGO */
div.logo a{background:var(--main-color);height:100%;width:fit-content;padding:0 20px;display:flex;align-items:center;}
div.logo h2{margin:0;text-align:left;font-size:1.2rem;font-style:italic;text-transform:uppercase;color:#fff;font-weight:700;}
div.logo img{max-width:60%;}
div.logo svg{max-width:80%;height:auto;fill:#fff;}
div.logo svg path{fill:#fff;}

/* TOP */
.top__section{background:#fff;height:55px;border:0px solid var(--border-color);width:calc(100% - var(--page-padding)*2);margin:2vh auto 0;border-radius:var(--border-radius-max);box-shadow:var(--shadow);padding-right:10px;}
.top__section .container{padding:0!important;justify-content:space-between;height:100%;}
.top__section .container .side{gap:15px;}
.top__section__title{color:var(--font-color-dark);}

/* TOP BADGE */
.top__badge{font-size:1rem;line-height:1;cursor:pointer;background:var(--main-color);padding:10px 20px;border:0px solid var(--border-color);border-radius:var(--border-radius-max);transition:all .4s;}
.top__badge:hover{background:var(--main-hover);transition:all .4s;}
.top__badge a{color:#fff;}
.top__badge i{margin-right:5px;}
.top__sub{display:none;position:absolute;z-index:+1;top:40px;right:0px;background:#ffffff;min-width:200px;border:1px solid var(--border-color);border-bottom:2px solid var(--border-color);border-radius:var(--border-radius-btn);overflow:hidden;}
.top__sub a{color:unset;}
.top__badge.open{background:var(--main-hover);}
.top__badge.open .top__sub{display:block;}
.li__sub{width:100%;}
.a__sub{padding:12px 20px;font-size:0.9rem;transition:all .4s;overflow:hidden;}
.a__sub:hover{background:var(--main-color);color:#fff;transition:all .4s;}
.a__sub i{margin-right:5px;}

/* USER SECTION */
.user__top{position:relative;}
.user__top .top__badge{cursor:pointer;}

/* SECTION HEAD */
section.head{height:var(--main-margin);}

/* SECTION CONTENT */
section.content{padding:0;}

/* TABLE LIST */
section.productTable{width:calc(100% - var(--page-padding)*2);margin:0 auto;background:#fff;padding:0;overflow:hidden;border-radius:var(--border-radius-btn);box-shadow:var(--shadow);border-bottom:2px solid var(--border-color);}
.table__list-container{width:100%;margin:0 auto;max-width:100%;height:fit-content!important;overflow-x:auto;font-size:.9rem;border-radius:0;background:#fff;padding:0;}
.table__list{width:100%;text-align:center;vertical-align:middle;contain:strict;}
.table__list tr{border-bottom:1px solid var(--border-color);}
.table__list tr:last-child{border-bottom:0px solid var(--border-color);}
.orders_list .table__list tr{border-bottom:0;}
.table__list tr.product:last-child{border-bottom:0;}
.table__list tr .editRow:hover svg{fill:#000;transition:all .4s;}
.table__list td,.table__list th{display:table-cell;vertical-align:middle;padding:10px 10px;white-space:nowrap;}
.table__list td:first-child,.table__list th:first-child{padding-left:20px;}
.table__list td:last-child,.table__list th:last-child{padding-right:20px;text-align:right;}
.table__list td.left{text-align:left;}
.table__list td span.ellipsis{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-width:25vw;word-break:break-word;}
.table__list th{color:var(--font-bold);font-weight:700;font-size:0.85rem;text-transform:uppercase;padding:20px 0;border-bottom:1px solid var(--border-color);}
.table__list thead th{padding:20px 10px;}
.table__list img{max-height:40px;margin-right:5px;}
.table__list .editRow{font-size:22px;color:var(--main-color);display:inline-flex;align-items:center;justify-content:center;width:60px;aspect-ratio:2/1;border-radius:var(--border-radius);ransition:all .4s;}
.table__list .editRow .fa{font-size:1.1rem;}
.table__list .editRow svg{height:22px;aspect-ratio:1/1;fill:var(--main-color);transition:all .4s;}
.table__list input[type="radio"]{position:relative;top:3px;width:15px;height:15px;margin:0px 5px 0px 0px;}

/* DISP */
span.disp{display:inline-block;border-radius:5px;padding:5px;line-height:1;font-weight:500;min-width:60px;}
span.disp.green{color:#10a600;background:rgb(0,143,57,0.1);}
span.disp.red{color:red;background:rgb(229,44,31,0.1);}
span.disp.grey{color:#797979;background:rgb(0,0,0,0.05);}
span.pos{text-align:center;min-width:40px;}

/* SEARCH */
.searchTable,.searchProduct{width:100%;margin:0 auto;background:var(--secondary);justify-content:space-between;padding:15px;}
.field__searchTable{width:100%;max-width:550px;background:var(--bg);border-radius:25px;border:1px solid var(--border-color);display:flex;align-items:center;position:relative;}
.field__searchTable select{border:0px;background:none;}
.field__searchTable input{border:0px!important;font-size:0.9rem;padding:10px 20px!important;border-radius:var(--border-radius-max) 0px 0px var(--border-radius-max)!important;background:var(--bg);width:100%;}
.field__searchTable i{font-size:18px;margin-right:0px;color:var(--font-color)!important;}
.field__searchTable svg{height:25px;aspect-ratio:1/1;}
.field__searchTable input::placeholder{color:var(--font-color);font-style:italic;}
.field__searchTable button{height:44px;border-radius:0px 20px 20px 0px;padding:8px 14px;border:0;background:unset;}
.field__searchTable button:hover{background:unset;}
.field__searchTable div.listPrice{position:relative;}
.field__searchTable div.listPrice select{opacity:0;display:none;width:1px;height:1px;}
.field__searchTable div.listPrice label{padding:0px 13px 0px 16px;height:44px;background:var(--bg-dark);border-radius:23px 0px 0px 23px;cursor:pointer;}
.field__searchTable div.listPrice label span{margin-left:5px;}
.field__searchTable div.listPrice label i{margin-left:10px;}
.field__searchTable div.listPrice__list{width:100%;position:absolute;top:0px;left:100%;background:var(--bg-dark);display:none;z-index:+10;}
.field__searchTable div.listPrice__list li{padding:15px!important;margin:0px!important;cursor:pointer;}
.field__searchTable div.listPrice__list li:hover{background:var(--bg);}
.filter{position:relative;top:0;display:flex;align-items:center;gap:0;text-align:left;padding:0 20px;margin:0;background:#fff;border-radius:var(--border-radius-max);overflow:hidden;}
.filter label{display:inline-block;margin-bottom:0;width:15vw;font-size:0.95rem;}
.filter select{background:#fff;border-left:1px solid var(--border-color);border-radius:0;}
.searchProduct input{background:#fff!important;border-radius:var(--border-radius-max)!important;padding:12px 20px!important;min-width:280px;font-size:0.9rem;}

/* FOOTER */
footer{background:#2B2B2B;color:#ffffff;font-size:16px;}
footer a,footer h1,footer h2,footer h3{color:#ffffff;}

/* MENU */
.menu__ul{display:flex;width:100%;flex-wrap:wrap;display:flex;align-items:center;justify-content:center;border-top:1px solid #cccccc;}
.menu__li{margin-right:20px;}
.menu__a{color:#444444;font-size:16px;font-weight:400;text-decoration:none;text-transform:uppercase;padding:10px 0px;display:block;}
.hamburger_menu{display:none;justify-content:flex-end;font-size:30px;}
.menu__close{width:100%;text-align:right;font-size:30px;display:none;}

/* QUANTITY */
.quantity{display:inline-flex;border:1px solid #dddddd;border-radius:5px;overflow:hidden;}
.quantity__minus,.quantity__plus{padding:5px 10px;font-size:18px;line-height:1;cursor:pointer;}
.quantity__minus{border-right:1px solid #dddddd;background:#fff}
.quantity__plus{border-left:1px solid #dddddd;background:#fff}
.quantity__minus:hover,.quantity__plus:hover{background:#eeeeee;}
.quantity__input{border:0px;padding:10px;-webkit-appearance:none;-moz-appearance:none;width:50px;text-align:center;border:0px!important;}

/* CONTENT FLOAT */
.el__float{box-shadow:var(--shadow);flex:1;max-width:100%;padding:0;overflow:hidden;}
.el__float:last-child{margin-right:0px;}
.el__float-title{font-size:1.5rem;font-weight:700;color:var(--main-color);line-height:1;display:flex;margin:0;align-items:center;padding:15px 15px 20px 15px;}
.el__float-content{background:#fff;padding:30px;border-radius:var(--border-radius-btn);}
.el__float_padding{padding:20px;}

/* ACCORDITION */
.accordition .accordition__title{cursor:pointer;border-bottom:1px solid #ddd;padding:15px 0px;justify-content:flex-start;display:flex;position:relative;}
.accordition .accordition__title div{flex:none;}
.accordition .accordition__title:after{font-family:'FontAwesome';content:"\f105";display:block;position:absolute;top:0px;right:10px;height:100%;line-height:1;display:flex;align-items:center;}
.accordition .accordition__content{display:none;}
.accordition .accordition__open{display:flex;}

/* FORM */
form{width:100%;display:flex;flex-wrap:wrap;}
.form__el{width:100%;margin-bottom:20px;}
.form__el:last-child{margin-bottom:0px;}
.form__el label{width:100%;display:block;}
/* .form__el input:not([type="checkbox"]):not([type="radio"]),.form_el textarea{} */
.form__el textarea{height:150px;}


/* TERMS AND CONDITIONS */
div.terms{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:+1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);overflow:hidden;}
div.terms__content{width:600px;max-width:90%;font-size:1rem;background:#ffffff;border-radius:5px;}
div.terms__consition{max-height:80vh;overflow:auto;padding:10px 15px;}
div.terms__accept{width:100%;text-align:right;padding:20px;border-top:1px solid #eee;}

.toastify.success:before{font-family:FontAwesome;content:'\f00c';margin-right:5px;}

.grid-dist{grid-template-columns:1fr 1fr 1fr 3fr!important;}