/*! -----------------------------------------------------------------------------------

  Template Name: JCustom
  Template URI: -
  Description: This is Admin theme
  Author: Jasterweb
  Author URI: 

-----------------------------------------------------------------------------------
*/

:root {
--container:66%;
--color-main: #463D94;
--color-secondary: #00ADD0;
}

.input-area{border-radius: 10px;margin-top:24px;padding:1.5rem;background:#fff;margin-bottom:1rem;border:1px solid rgba(1,1,1,0.11)}
.input-area h3{margin:0;margin:0 0 1rem;padding:0 0 1rem;border-bottom:1px solid #01010147}
.input-area input{background:#00adef0a;font-size:16px}
.input-area .form-icon input{width:100%;padding:1rem}
.input-area .form-icon{background:#f4f9ff}
.form-icon-end span{border-right:0;border-left:1px solid #d5dde7}
.itemtags{font-size:16px}
.input-area fieldset legend{margin-bottom:10px}
.input-area fieldset{display:grid;grid-gap:10px;border-color:var(--color-main);outline:0}
.btx-publish{width:100%;margin:0 0 2rem;padding:1.2rem}
.btx-publish:hover{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap: 1.5rem;align-items: start;}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap: 1.5rem;align-items: start;}
.input-area .form-group{margin:0}
.fotoprod{width:60px;height:60px;object-fit:cover;border-radius:6px}
.allcat li:hover a{color:var(--color-main)}
.prodarea{padding:1.5rem;background:var(--color-main);border-radius:10px;margin:0 0 2rem}
.prodarea label{color:#fff;font-size:16px;font-weight:700;margin:0 0 5px}
.prodarea #select2-select2-container{width:100%;padding:0;}
.prodarea .select2-container{width:100%!important;border-radius:10px!important;overflow:hidden!important}
.prodarea .form-group{margin:0 0 5px}
.prodarea .select2-selection{padding:1.3rem;display:flex !important;align-items:center !important}
.prodarea .select2-selection__arrow{height:43px!important}
.form-icon-disabled,.form-icon-disabled input{background:#f0f0f0!important;color:#111}
.outstock span{font-size:20px;font-weight:700}.outstock p{margin:10px 0 0}
.book-cancel{background:#fff0ed}.book-done{background:#eefff4}
.radius1{border-radius:1.5rem}
.outstock{display:grid;justify-content:center;text-align:center;padding:1rem;border:2px dashed var(--color-danger);width:85%;border-radius:4px;margin:1.5rem 0 0;background:#fff8f5}
.home-welcome a{font-weight:700}

.input-area h3{display:flex;justify-content:space-between;align-items:center}
.input-area span {font-size: 16px;font-weight: 400;}
#gallery-preview{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1rem;margin:2rem 0 0}
#gallery-preview div img{width:100%;border-radius:10px;border:1px solid rgba(1,1,1,0.11)}
#gallery-preview button, #gallery-preview a{position:absolute;top:10px;right:10px;border:0;background:var(--color-danger);color:#fff;font-size:1rem;border-radius:5px;width:25px;height:25px;display: flex;justify-content: center;align-items: center;cursor:pointer}
#gallery-preview div{position:relative}
.uploadarea input{padding:1rem;width:100%;display:flex;justify-content:center;align-items:center;border:1px solid #00adef82;border-radius:8px;margin:2rem 0 0}

.headtable{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}
.headtable h3{margin:0}
.imagecat{width:80px;height:80px;border:1px solid rgba(1,1,1,0.19);border-radius:7px}
.end a:last-child{margin:0;margin-left:7px}
.wrapcard .imgcat{width: 80px;}

.splitform{display:flex;grid-gap:1.4rem;align-items:start}.splitform .form-group{width:100%}
.form-icon-right span{border-right:0 !important;border-left:1px solid #d5dde7}
.btx-s{padding:.8rem 1.7rem;font-size:14px;font-weight:700}
.necktable{background:#f9f9f9;display:flex;padding:1rem 1.5rem}
.searchwrap{display:flex;width:50%;position:relative;align-items:center;justify-content:center}
.searchwrap input{width:100%;padding:13px;border:1px solid rgba(1,1,1,0.17);border-radius:6px;font-size:15px}
.searchwrap button{position:absolute;right:10px;padding:0;border:unset;background:unset;color:rgba(1,1,1,0.27)}

.navmenu .active {background: rgba(255, 255, 255, 0.15);}
.fotoprod{width:80px;height:80px;border:1px solid rgba(1,1,1,0.19);border-radius:7px}

.authpage.adm{background:#2A2A2A}
.authpage.adm .wrapauth{background:#333}.authpage.adm .wrapauth h2{color:#fff}.authpage.adm .formgroup label{color:#fff}
.drop-zone.seller{max-width:unset;height:231px;}

.form-big{display:flex;align-items: start;grid-gap:2rem;width:100%;margin:0 0 4rem}
.mainwrap{width:75%}
.sidewrap{width:25%;display:grid;grid-gap: 1.2rem;}
.side-widget{display: grid;background:#fff;padding:1rem;border-radius:10px;border:1px solid #0101011f}
.side-widget .drop-zone{max-width:unset;height:255px;margin:0}
.side-widget h5{font-size:18px;margin:0 0 1rem;padding:0 0 1rem;border-bottom:1px solid #01010147}
.side-widget-inner{display:grid;grid-gap:10px}
.radio-wrap label{transition: all .3s ease-in-out;width:100%;display:flex;padding:5px;font-size:15px}
.radio-wrap{display:flex;grid-gap:10px;align-items:center;border-bottom:1px solid #0101011c;padding:5px 0}
.radio-wrap input{width:16px;height:16px;margin:0}
.radio-wrap label:hover{color:#0060DF;margin-left:5px}
.item-data{background:#fff;padding:1.5rem;border-radius:10px;border:1px solid #0101011f;margin: 1.5rem 0;}
.item-data h3{margin:0;font-size:20px;text-transform:uppercase;font-weight:700;margin:0 0 1rem;padding:0 0 1rem;border-bottom:1px solid #01010147}
.item-data-in{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem 1rem}
.item-data-in .form-group{margin:0}
.item-data-in .form-group label{font-size:16px}
.item-data-in .form-group input,.item-data-in .form-group select{background:#00adef0a;border:1px solid #00adef82}
.title-item{display:flex;margin:0 0 1.5rem}
.title-item input{font-size:20px;padding:1rem;width:100%;border:1px solid var(--color-main);border-radius:10px;color:#111}
.side-widget-inner .radio-wrap:last-child{border:0}
.dimension{display:flex;grid-gap:1rem}

.itemSlide{display:flex;align-items:start;grid-gap:1rem;background: #fff;}
.itemSlide img{width:250px;height: 165px;object-fit: cover;}
.wrapSlide{display:grid;grid-gap:2rem}
.contentSlide{padding:1rem 0}
.contentSlide h3{margin:0 0 5px;font-size:20px;font-weight:700}
.contentSlide p{margin:5px 0 0}
.contentSlide span{margin:0 0 10px!important;display:flex}
.actionSlide{background:#eee;padding:10px;display:flex;justify-content:space-between}
.divider{display:flex;justify-content:center;margin:5rem 0 2rem;font-size:20px;font-weight:700;color:var(--color-danger);border-top:1px solid rgba(1,1,1,0.17);padding-top:2rem}
.itemSlideDea .itemSlide{background:#fff2ef}.itemSlideDea .actionSlide{background:#fbece9}
.title2{margin:1rem 0;font-size:22px;font-weight:700}


.pagetitle{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:10px;overflow:hidden;margin:0 0 3rem}
.pagetitle a{border-radius:10px 0 0 10px;padding:9px 1.1rem}.pagetitle a svg{width:2.7rem;height:2.7rem}
.pagetitle button{border-radius:0 10px 10px 0!important;padding:1.2rem 2rem;font-size: 18px;}
.form-widget{margin: 0 0 2rem;border:1.5px solid #28afb0;border-radius:1rem;background:#fff;grid-gap: 0;overflow: hidden;}
.form-widget .widget-title{padding:1rem 1.2rem;border-bottom:1.5px solid #28afb0}
.widget-body{padding:1.2rem}
.widget-body .drop-zone{width:100%;height:200px}
.optionx{display:flex;align-items:start;justify-content:start;grid-gap:1rem;margin:0 0 10px}
.optionx input{height:16px;width:16px}
.optionx label{font-size:1p6x}
.form-widget span{padding:8px 1.2rem}
.form-widget span,.form-widget input{font-size:18px}
.form-widget input::placeholder{font-size:18px}

.notaWrap{max-width:1000px;margin:0 auto;background:#fff;width:100%;border-radius:1rem;border:1px solid var(--color-main);padding:2rem;font-size:16px}
.notaHead{display:flex;justify-content:space-between;align-items:start}
.notaLeft,.notaRight{width:50%}
.notaLeft h4{font-size:24px;padding-bottom:1rem;border-bottom:1px solid rgba(1,1,1,0.29);margin-right:2rem;margin-top:0;margin-bottom:0}
.cust{display:grid;grid-gap:8px;margin:1.5rem 0 0}
.notaRight{grid-gap: 1rem;display:flex;flex-direction:column;align-items:end}
.notaRight img{width:20rem}
.notaRight span{margin:9px 0 0}
.table-nota{border:1px solid rgba(0,0,0,0.17);margin:2rem 0 1rem;position:relative;border-radius:1rem!important}
.table-nota th{background:#f3faff;padding:15px;text-align:left}.table-nota td{padding:15px;font-size:16px;vertical-align: top;}
.totalnota{font-size:18px}
.trend{background:rgba(1,1,1,0.03);border-top:1px solid rgba(0,0,0,0.17)}
.notaFoot{columns:2;margin:2rem 0 0;border-top:1px solid rgba(1,1,1,0.18);padding-top:2rem}
.notaFoot li{margin:0 0 .5rem;font-size:16px}
.notaFoot li span{text-transform:capitalize}
.top-trx{margin: 0 0 2rem 0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4rem;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 3px 5px #0000000b}
.top-trx .form-group{margin:0}
.top-trx .form-group input{background:#fffbef;border:1px solid #c4bfb0}
.top-trx .form-group label{font-size:17px;padding: 0 !important;}
.top-trx .form-group .form-icon{background:#fffbef;border:1px solid #c4bfb0}
.top-trx .form-group .form-icon input{border:0}
.infogroup ul{display:grid;grid-gap:9px}
.infogroup ul li{color:#5c5c5c;display:flex;justify-content:space-between;grid-gap:1rem;text-align:right}
.infogroup h3{margin:0 0 1rem;font-weight:700}


.widget-trx{display:grid;grid-gap:1rem;padding:1.5rem;background:#F9FFFF;border-radius:1rem;margin:0 0 1.5rem;border:1px solid var(--color-main)}
.widget-trx h3{margin:0;font-size:20px;font-weight:600}
.widget-main{background:#1d2d44;border:border:1px solid #1d2d44}
.widget-main h3{color:#fff}
.widget-main span{color:rgba(255,255,255,0.68);font-size:15px}

.resix{display:flex;width:100%;grid-gap:5px}
.resix input{width:100%;padding:1rem;font-size:16px;color:#111;border-radius:10px;border:0}
.resix button{padding:10px 1rem;display:flex;border-radius:10px;justify-content:center;align-items:center;color:#fff;background:var(--color-secondary);border:0}
.title-out{margin:0;font-weight:600;font-size:22px}
.infogroup ul li span{text-transform:uppercase}

.changex{display:grid;grid-gap:10px}
.changex div label{padding:1rem 3rem;display:flex;background:#e4f4ff;font-size:16px;border-radius:10px;transition: all .3s ease;}
.changex div input{position:absolute;top:16px;left:10px;width:1rem;height:1rem;accent-color:var(--color-main)}
.changex div{position:relative}
.changex div .selected{background:var(--color-main);color:#fff}
.title-status .badge{margin:0 1.5rem 0 0;font-size:16px;border-radius:10px}
.title-status b{margin:0 1rem 0 0;font-size:16px;color:#333;font-weight:400}
.changex button{display:flex;align-items:center;font-size:16px;grid-gap:10px;justify-content:center;padding:1rem;background:var(--color-secondary);border:0;color:#fff;font-weight:700;text-transform:uppercase;font-family:var(--font-title);letter-spacing:.5px;border-radius:10px;margin:1rem 0 0}
.meta-item{display:grid;grid-template-columns:repeat(2,1fr);width:80%;grid-gap:10px 2rem}
.meta-item li{font-size:14px;display:flex;justify-content:space-between}
.small-trx{grid-gap:1.5rem}
.infogroup ul li small{font-size:16px;text-transform:uppercase}.infogroup ul li small{font-size:16px;text-transform:uppercase}
.wrapbtx{padding:1rem;display:flex;justify-content:space-between;background:rgba(28,45,75,0.12);border-radius:1rem;align-items:center}
.wrapbtx span{font-size:16px;margin:}
.wrapbtx a{padding:1rem;background:var(--color-main);color:#fff;margin:0;border-radius:10px;display:flex}
.wrapbtx a:hover{background:var(--color-secondary)}

.payreceipt{width:4rem;height:4rem;border-radius:6px}
.color-span1{color:#333}
.widget-box .widget-body{padding:0}

.card-dash{background:#fff;border:1px solid #01010124;border-radius:1rem;padding:1.5rem}
.head-card-dash h3{text-transform: uppercase;margin:0;font-weight:800}
.head-card-dash{display:grid;grid-gap:5px}
.head-card-dash span{color:#01010182;font-size:16px;letter-spacing:.2px;font-weight:400}
.body-card-dash .rank{display:grid;grid-gap:0}
.body-card-dash{margin:1.5rem 0 0}
.body-card-dash .rank li{font-size: 16px;display:flex;justify-content:space-between;border-bottom:1px solid #01010117;padding:1rem 0}
.body-card-dash .rank li:last-child{border:0}
.body-card-dash .rank li b span,.body-card-dash .rank li b a{margin-left:1rem}
.accent-card-dash{background:#FFF9F0;border-color:var(--color-secondary)}
.body-card-dash .stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:3rem 2rem;margin:3rem 0 0}
.body-card-dash .stats li{display:flex;flex-direction:column;grid-gap:7px;font-size:24px;font-weight:700}
.body-card-dash .stats li span{font-size:18px;font-weight:400}
.main-dash{background:#28afb0;background:linear-gradient(155deg,#28afb0ff 0%,#5591fbff 100%);padding:3.4rem 2.5rem;border-radius:1rem;display:flex;flex-direction:column}
.top-main-dash{display:flex;justify-content:space-between;align-items:start}
.revenue{display:grid;grid-gap:8px}
.revenue h3{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.4px;margin:0}
.revenue h2{color:#fff;display:flex;align-items:start;grid-gap:6px;font-size:3rem;margin:0;font-weight:700;font-family:var(--font-body)}
.date-dash{background:#0101010d;display:flex;padding:1rem 1.5rem;border-radius:10px;color:#fff;font-size:16px}
.bottom-main-dash{margin:3.5rem 0 0;display:flex}
.bottom-main-dash li{display:grid;grid-gap:8px;font-size:2.7rem;font-weight:700;color:#fff;width:25%;border-right:1px solid #ffffff24;padding-left:2.5rem}
.bottom-main-dash li span{color:#ffffffc2;font-size:18px}
.bottom-main-dash li:first-child{padding-left:0}
.bottom-main-dash li:last-child{border:0}
.emptycart{display:flex;width:100%;justify-content:center;padding:7rem 0}

.body-card-dash .rank li a{color:var(--color-info)}
.body-card-dash .rank li .btx-primary{color:#fff}
.body-card-dash .rank li .btx-primary:hover{color:var(--color-main)}

@media (max-width:768px){
  .slick-arrow.slick-next{right:15px}
  .slick-arrow.slick-prev{left:15px}
  .page-action .btx-secondary{font-size:0;grid-gap:0}
  .filter{flex-direction:column;grid-gap:1.5rem;align-items:start;padding:2rem}
  .filter_form{flex-direction:column;width:100%;align-items:start}
  .formgroup_filter{width:100%}
  .formgroup_filter select,.formgroup_filter input{width:100%}
  .formgroup_filter label{min-width:55px}
  .filter_form button{margin:1rem 0 0}
  .itemSlide{flex-direction:column}
  .itemSlide img{width:100%;height:12rem}
  .contentSlide{padding:0 1rem 1.5rem;width:100%}
  .wrapcard{overflow:scroll}
  .grid-mob-1{grid-template-columns:repeat(1,1fr);grid-gap:1rem;padding:1rem}
  #wraptemp{padding:1.5rem;grid-gap:10px;flex-direction:column}
  .titleform label{font-size:14px}
  .form-col{grid-template-columns:repeat(1,1fr);grid-gap:0}
  .mob-order-2{order:2}
}

@media (max-width:550px) {
   .btx-buyer-mob{background:var(--color-main);color:#fff;border:0;width:90%;margin:auto auto 2rem;text-align:center;justify-content:center}
.btx-buyer-mob:hover{background:var(--color-secondary);color:#fff}
 .card-dash{padding:1rem}
.main-dash{padding:3rem 1.5rem;margin:0 0 1rem}
.top-main-dash{flex-direction:column-reverse;align-items:start;grid-gap:1rem}
.body-card-dash .stats li{font-size:18px}
.body-card-dash .stats li span{font-size:14px}
.head-card-dash h3{font-size:16px}
.head-card-dash span{font-size:14px}
.body-card-dash .rank li{align-items:center;font-size:14px}
.body-card-dash .rank li .btx-primary{font-size:14px}
  .emptycart{padding:4rem 0}.emptydetail h3{text-align:center;margin:0 !important}
  .emptydetail{text-align:center}.emptydetail p{line-height:23px}
  .grid3{grid-template-columns:repeat(1,1fr);grid-gap:0}
  #gallery-preview{grid-template-columns:repeat(3,1fr)}
}