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

.loadingGeneral{position:fixed;z-index:+99999;top:0px;left:0px;height:100vh;width:100%;background:var(--secondary);display:flex;align-items:center;justify-content:center;}

input:not([type="radio"]):not([type="checkbox"]),select,textarea{padding:9px;border-radius:5px;border:1px solid var(--border-input);}
select{width:100%;}
textarea{width:100%;}
.input__full{width:100%;}
select.selectTemplate{width:100%;padding:10px;border-radius:5px;border-color:#bbb;}

/* SIDEBAR */
.aside__sidebar{padding:0px;border-right: 0px solid var(--border-color);background:var(--main-color);position:sticky;min-height:100vh;width:250px;max-width:250px;min-width:250px;}
.ul__sidebar{padding:20px 8px;}
.li__sidebar{list-style-type:none;}
.a__sidebar{font-weight:400;padding:10px 10px;gap:10px;border-radius:5px;color:var(--font-color-sidebar);opacity:1;margin-bottom:5px;}
.a__sidebar:hover{background:var(--hover-sidebar);opacity:1;}
.label__sidebar{margin-left:10px;}
.arrow__sidebar{margin-left:auto;}

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

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

/* LOGO */
div.logo{padding:30px 15px 20px 15px;border-right:2px solid #eee;text-align:center;font-size:40px;/* background:#ffffff; */font-style:italic;font-weight:700;}
div.logo img{max-width:100%;overflow:hhidden;}
div.logo svg{max-width:100%;height:auto;fill:#fff;}
div.logo svg path{fill:#fff;}

/* TOP */
.top__section{background:#ffffff;font-size:22px;box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);}
.top__section .container{padding:10px 20px!important;}
.top__section__title{color:var(--font-color-dark);}

/* TOP BADGE */
.top__badge{margin-left:20px;font-size:15px;line-height:1;cursor:pointer;}
.top__sub{display:none;position:absolute;z-index:+1;top:40px;right:0px;background:#ffffff;min-width:200px;box-shadow:0 3px 12px #d6e4f1}
.top__badge.open{background:var(--bg);}
.top__badge.open .top__sub{display:block;}
.li__sub{width:100%;}
.a__sub{padding:12px 20px;font-size:14px;}
.a__sub:hover{background:rgba(248,248,252,0.5);}
.a__sub i{margin-right:5px;}

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

/* SECTION HEAD */
section.head{padding:20px 0px;}

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

/* TABLE LIST */
/* 
.table__list-head{font-weight:600;color:var(--font-bold);}
.table__list-row{display:grid;grid-template-columns:116px auto 110px 116px 50px 100px 120px 120px 50px 100px 50px;background:#ffffff;}
.table__list-row:nth-child(even){background:var(--bg);}
.table__list-row:not(.table__list-head):hover{box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.4);position:relative;}
.table__list-row:hover .editRow{color:var(--secondary);border-color:var(--secondary);}
.table__list-cell{padding:10px;display:flex;align-items:center;} */

.table__list-container{width:100%;max-width:100%;overflow-x:auto;font-size:.9rem;}
.table__list{width:100%;text-align:center;vertical-align:middle;background:#ffffff;contain:strict;}
.table__list tr:nth-child(even){background:var(--bg);}
.table__list tr.hover:hover{box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.4);position:relative;}
.table__list tr:hover .editRow{color:var(--secondary);border-color:var(--secondary);}
.table__list td,.table__list th{display:table-cell;vertical-align:middle;padding:10px 10px;white-space: nowrap;}
.table__list td.left{text-align:left;}
.table__list th{color:var(--font-bold);font-weight:600;}
/* .table__list td.title{width:450px;} */
.table__list img{max-height:40px;margin-right:5px;}
.table__list .editRow{font-size:20px;color:var(--font-bold-dark);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:5px;border:1px solid #ddd;}
.table__list input[type="radio"]{position:relative;top:3px;width:15px;height:15px;margin:0px 5px 0px 0px;}
.resCart{width:100%;padding:10px;background:var(--bg);font-weight:700;font-size:1.2rem;}
.resCart .totLabel{flex:1;text-align:right;margin-right:3px;}

/* DISP */
span.disp{display:inline-block;width:10px;height:10px;border-radius:50%;}
span.disp.green{background:#10a600;}
span.disp.red{background:#E72F13;}
span.disp.yellow{background:#d7cc1e;}

/* SEARCH */
.searchTable{width:100%;}
.field__searchTable{width:100%;max-width:550px;background:#ffffff;border-radius:25px;border:1px solid #c8d5e1;display:flex;align-items:center;box-shadow:0px 1px 2px 0px rgb(0 0 0 / 15%);position:relative;}
.field__searchTable:hover{border-color:#5589ba;}
.field__searchTable select{border:0px;background:none;}
.field__searchTable input{border:0px!important;padding:10px 20px!important;border-radius:22px 0px 0px 22px!important;width:100%;}
.field__searchTable i{font-size:18px;margin-right:5px;}
.field__searchTable input::placeholder{color:var(--font-color);font-style:italic;}
.field__searchTable button{height:44px;border-radius:0px 23px 23px 0px;padding:8px 14px;}
.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);}

/* 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{background:#ffffff;border-radius:10px;flex:1;max-width:100%;/* margin-right:var(--gap); */}
.el__float:last-child{margin-right:0px;}
.el__float-title{font-size:1.3em;font-weight:500;display:flex;align-items:center;}

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

.productTable .table__list-container{height:77vh;}

.order_list_home .el__float-content{position:relative;/* top:-47px; */}

/* 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 select,.form__el textarea{width:100%;display:block;padding:14px;border-radius:8px;border:1px solid #dfdfdf;}
.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;}