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

  Template Name: JCustom
  Template URI: http://admin.pixelstrap.com/cuba/theme
  Description: This is Admin theme
  Author: Pixelstrap
  Author URI: https://themeforest.net/user/pixelstrap

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

:root {
  --container:95%;
  --color-main: #1C6A9A;
  --color-secondary: #149B9F;
  --color-accent: #a55eea;
  --color-danger: #eb2f06;
  --color-warning: #eab308;
  --color-info:#4c75cf;
  --color-success:#149B9F;
  --color-mp:#FF603E;
  --width-nav:270px;
  
  
  --font-title:Plus Jakarta Sans;
  --font-body:Poppins;
  }
  

.dock{position: relative;display:flex;align-items:center;background:#3a4255;padding:1rem;justify-content:space-between}
.dock img{border-radius:100%;width:50px}
.dock span{color:#fff;font-size: 15px;}
#showlinks{background:transparent;border:1px solid rgba(255,255,255,0.27);color:#fff;padding:7px;border-radius:5px}
.dock .wrapdock{display:flex;align-items:center;grid-gap:10px}
#showlinks:hover{background:var(--color-main);border-color:var(--color-main)}

.quicklinks{position:absolute;top:10rem;background:rgb(50, 58, 78);width:100%;left:0;display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid rgba(255,255,255,0.15);transition:all .3s ease-in-out;opacity:0}
.quicklinks.show{top:-125px;opacity:1}
.quicklinks a{color:rgba(255, 255, 255, 0.76);display:flex;align-items:center;padding:1.2rem 1rem}
.quicklinks a:hover{color:#fff}
.quicklinks a svg{margin-right:5px}
.quicklinks a:first-child,.quicklinks a:nth-child(2){grid-column:span 1}
.quicklinks a:last-child{grid-column:span 2;justify-content:center;border-top:1px solid rgba(255,255,255,0.15)}
.quicklinks a:first-child{border-right:1px solid rgba(255,255,255,0.15)}
.quicklinks a:last-child:hover{color:var(--color-danger)}

.firstaction{display:flex;align-items:center;grid-gap:2rem}
.firstaction .btx{border-radius:10px 0 0 10px}
.firstaction .btx:hover{background:var(--color-warning);color:#333;border-color:var(--color-warning)}
.page-action .btx{border-radius:0 10px 10px 0}
.page-action .btx:hover{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}

.headtable{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-radius:10px 10px 0 0}
.btx-action{display: flex;align-items: center;grid-gap: 7px;transition: all .3s ease-in-out;padding:10px 1.2rem;background:#e4edf3;font-weight:700;border-radius:6px}
.headtable b{font-size:16px;font-weight:600}.btx-action:hover{background:var(--color-main);color:#fff}
.btx-help{position:relative;top:3px}.btx-help svg{stroke:var(--color-danger)}

.modal.active{display:flex}.modal{display:none;z-index:999;position:fixed;top:0;left:0;background:rgba(1,1,1,0.74);align-items:center;justify-content:center;width:100%;height:100vh}.modalwrap{position:relative;display:none;background:#fff;max-width:550px;padding:2rem;border-radius:8px;font-size:15px}.modalwrap.active{display:inline-flex!important}
.btx-close{position:absolute;top:-10px;right:-10px;font-size:2rem;color:#fff;background:var(--color-secondary);height:2.5rem;width:2.5rem;border-radius:100%;display:flex;align-items:center;justify-content:center}.btx-close:hover{background:var(--color-warning);color:#333}
.modalwrap p{margin:0;line-height:28px}

.switch-button {
  background: #FFF2F2;
  border-radius: 2rem;
  overflow: hidden;
  width: 240px;
  text-align: center;
  font-size: 18px;
  color: #111;
  position: relative;
  padding-right: 120px;
  border: 1px solid var(--color-danger);
}
.switch-button:before {
  content: "OUT";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  pointer-events: none;font-weight: bold;letter-spacing: 1px;
}
.switch-button-checkbox {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
}
.switch-button-checkbox:checked + .switch-button-label:before {
  transform: translateX(120px);
  transition: transform 300ms linear;
}
.switch-button-checkbox + .switch-button-label {
  position: relative;
  padding: 15px 0;
  display: block;
  user-select: none;
  pointer-events: none;
}
.switch-button-checkbox + .switch-button-label:before {
  content: "";
  background: var(--color-danger);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 30px;
  transform: translateX(0);
  transition: transform 300ms;
}
.switch-button-checkbox + .switch-button-label .switch-button-label-span {
  position: relative;
}
.outstatus{font-size: 16px;padding:9px 15px;display:inline-flex;background:#F65915;border-radius:7px;color:#fff;font-weight:700}.instatus{padding:9px 15px;display:inline-flex;background:var(--color-secondary);border-radius:7px;color:#fff;font-weight:700}
.retstatus{font-size: 16px;padding:9px 15px;display:inline-flex;background:#5050f1;border-radius:7px;color:#fff;font-weight:700}.instatus{padding:9px 15px;display:inline-flex;background:var(--color-secondary);border-radius:7px;color:#fff;font-weight:700}
.refstatus{font-size: 16px;padding:9px 15px;display:inline-flex;background:#245563;border-radius:7px;color:#fff;font-weight:700}.instatus{padding:9px 15px;display:inline-flex;background:var(--color-secondary);border-radius:7px;color:#fff;font-weight:700}
.adjstatus{font-size: 16px;padding:9px 15px;display:inline-flex;background:#71399f;border-radius:7px;color:#fff;font-weight:700}.instatus{padding:9px 15px;display:inline-flex;background:var(--color-secondary);border-radius:7px;color:#fff;font-weight:700}
.mutstatus{font-size: 16px;padding:9px 15px;display:inline-flex;background:#31814e;border-radius:7px;color:#fff;font-weight:700}.instatus{padding:9px 15px;display:inline-flex;background:var(--color-secondary);border-radius:7px;color:#fff;font-weight:700}
.switch-button-label span{font-size:18px!important;color:#fff;font-weight:700;letter-spacing:1px}
.cardform-footer{display:flex;align-items:center;justify-content:space-between;width:100%}
.cardform-footer .split{width:50%}
.dele{display:inline-flex;align-items:center;grid-gap:1rem;border:1px solid var(--color-danger);padding:1rem 1.5rem;border-radius:10px;color:var(--color-danger);font-weight:700;transition:all .3s ease}
.dele:hover{background:var(--color-warning);color:#333;border-color:var(--color-warning)}
.btx-action.btx-danger:hover {background: rgb(255, 233, 228);}

.titled{font-size:1.7rem;margin:0}
.kasir{display:flex;align-items:center;grid-gap:7px;font-size:16px}
.trxvia{display:flex;grid-gap:2rem;align-items:center;margin:2rem 0 3rem}
.trxvia input{display:none}
.trxvia label{padding:2rem;text-align:center;display:flex;flex-direction:column;width:50%;background:silver;border-radius:.8rem;grid-gap:7px;color:#fff;transition: all .2s ease-in-out;}
.trxvia label b{text-transform:uppercase;font-size:24px}
.trxvia label span{color:rgba(255,255,255,0.65);font-size:1rem}
.trxvia label.active{background:var(--color-main);box-shadow:0 15px 25px -5px rgba(28,106,154,0.39)}
.form-group textarea{font-size:1rem;padding:16px 12px;width:100%;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;font-family:var(--font-body)}
.flexsplit{display:flex;grid-gap:1.5rem;margin: 0 0 1rem 0}
.form-group.name{width:70%}
.form-group.qty{width:10%}
.form-group.price{width:20%}
.footcart{display:flex;align-items:center;justify-content:space-between}
.totals{display:flex;align-items:center;grid-gap:10px}
.totals span{font-size:1.7rem}
.totals b{font-size: 1.8rem;color: var(--color-main);}
.grad-info{padding:10px 1rem;border:0;border-radius:8px;background:#149b9f;background:linear-gradient(90deg,rgba(20,155,159,1) 0%,rgba(58,212,171,1) 100%);color:#fff}
.grad-danger{padding:10px 1rem;border:0;border-radius:8px;color:#fff;background:#e34848;background:linear-gradient(90deg,rgba(227,72,72,1) 0%,rgba(227,150,72,1) 100%);margin-left:10px}

.payvia input{display:none}
.payvia label{padding:2rem;text-align:center;display:flex;flex-direction:column;width:50%;background:silver;border-radius:.8rem;color:#fff;transition:all .2s ease-in-out;font-size:1.8rem;font-weight:700}
.payvia{display:flex;grid-gap:2rem;align-items:center;margin:2rem 0 0}
.payvia label.active{background:var(--color-secondary);box-shadow:0 15px 25px -5px rgba(20,155,159,0.27)}
.fromtrx{font-size:1.25rem}

#btxform{font-family: var(--font-body);font-weight: bold;display:inline-flex;justify-content:center;padding:2rem;color:#fff;border-radius:1rem;border:0;font-size:20px;text-transform:uppercase;letter-spacing:.5px;background:#1c6a9a;background:linear-gradient(90deg,rgba(28,106,154,1) 0%,rgba(32,161,168,1) 100%)}
.itempart{display:none}

#nextstep{display:inline-flex;padding:1.3rem;margin:2rem 0;width:100%;border:0;border-radius:10px;background:var(--color-warning);justify-content:center;font-size:18px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;font-family:var(--font-body);transition:all .2s ease-in-out}#nextstep:hover{background:var(--color-accent);color:#fff}
.itempart.active{display:grid}
.mpcolor{padding:9px 15px;display:inline-flex;background:var(--color-mp);border-radius:7px;color:#fff;font-weight:700}.offcolor{padding:9px 15px;display:inline-flex;background:var(--color-accent);border-radius:7px;color:#fff;font-weight:700}

.notaWrap{max-width:1000px;margin:0 auto;background:#fff;width:100%;border-radius:1rem;border:1px solid var(--color-main);padding:2rem;font-size:15px}
.notaHead{display:flex;justify-content:space-between;align-items:start}
.notaLeft,.notaRight{width:50%}
.notaLeft h4{display: flex;align-items: center;grid-gap: 10px;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{display:flex;flex-direction:column;align-items:end}
.notaRight img{width:10rem}
.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}
.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}
.form-listed{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem}.form-listed .form-group{margin:0}

.dockwrap{position:fixed;bottom:2rem;right:2rem;z-index:999}
.dockplus{border-radius:100%;padding:8px;background:#1c6a9a;background:linear-gradient(159deg,rgba(28,106,154,1) 0%,rgba(20,155,159,1) 40%,rgba(116,69,246,1) 100%);background-size:auto;background-size:auto;animation:gradient 3s ease infinite;background-size:200% 200%;display:flex}
.dockplus svg{width:3.5rem}
.itemdock{background:#E0FDFF;padding:1rem;border-radius:100%;display:inline-flex;position:absolute}
.dockitems.show a:nth-child(1){top:-84px;left:9%}
.dockitems.show a:nth-child(2){top:-41px;left:-72%}
.dockitems.show a:nth-child(3){top:32px;left:-95%}
.itemdock svg{width:1.8rem;height:1.8rem}
.itemdock{top:14px;z-index:-1;transition:all .3s ease-in-out;left:11px}
.itemdock:hover{color:#fff;background:var(--color-main)}
.overlay{background:rgba(1,1,1,0.46);position:fixed;top:0;left:0;right:0;bottom:0;z-index:998;height:100vh;display:none}
.overlay.show{display:flex}
.innerdock{background:#fff;border-radius:100%;padding:7px;display: flex;}
@keyframes gradient {
0%{background-position:10% 0}
50%{background-position:91% 100%}
100%{background-position:10% 0}
}

.break-word{white-space: unset !important}
 .badge{color:#fff;padding:5px 10px;border-radius:100px;font-size:12px}
 .badge-info { background: var(--color-info); }
 .badge-secondary { background: var(--color-secondary); }
 .bg-warning {
    background-color: #ffc107; /* Kuning */
    color: #212529; /* Hitam agar kontras */
}
.bg-danger {
    background-color: #dc3545; /* Merah */
    color: #fff;
}

.detailcust{display:none}
.control-cart a{display:inline-flex}
.form-group select{font-size: 1rem;}

.welcome{background-repeat: no-repeat;background-position: bottom right;display:flex;justify-content:space-between;flex-direction:column;padding:2rem;background:#5a52ff;background:url('https://app.hiprintindonesia.com/img/welcome.png') no-repeat center right/60% 100%, linear-gradient(145deg, rgb(90, 82, 255) 0%, rgb(82, 141, 255) 50%, rgb(1, 192, 200) 100%);border-radius:1rem;grid-gap:7rem;align-items:start}
.sayhi{display:flex;flex-direction:column;grid-gap:10px}
.sayhi small{font-size:14px;color:rgba(255,255,255,0.87)}
.sayhi span{font-size:1.3rem;color:#fff}
.oclock{font-family: var(--font-title);font-size: 15px;display:inline-flex;padding:15px 1.5rem;background:rgba(1,1,1,0.18);color:#fff;border-radius:8px}
.card-side{display:flex;grid-gap:2rem}
.carddash{width:100%;color:#fff;padding:2rem;border-radius:1rem}
.carddash-top span{font-size:16px}
.carddash-top h3{font-size:2rem;font-weight:700;margin:0}
.carddash-top{display:grid;grid-gap:8px}
.card-side .carddash:first-child{background:var(--color-main)}
.card-side .carddash:last-child{background:var(--color-secondary)}
.carddash-body{grid-template-columns: repeat(2,1fr);display:grid;grid-gap:7px;margin:1rem 0 0;border-top:1px solid rgba(255,255,255,0.23);padding-top:1rem}


.paginate{margin:2rem 0 0;display:flex;justify-content:center}
.pagination{display:flex;grid-gap:10px}
.pagination li a,.pagination li span{color:#ffff;background:var(--color-main);display:inline-flex;padding:1.2rem 1.5rem;border-radius:5px;width:35px;height:35px;transition:all .2s ease-in-out;justify-content:center;align-items:center;font-size:17px}
.page-item.disabled span{background:#6e787e!important}
.page-item.active span{background:var(--color-secondary)}
.pagination li a:hover{background:var(--color-secondary)}
.table-danger .thead th{background:#ffe9e4!important;color:var(--color-mp)}
.listsub{display:grid;margin:0;grid-gap:2rem;grid-auto-flow:column}
.listsub li a{display:inline-flex;padding:2rem;color:#fff;width:100%;justify-content:center;border-radius:10px;font-size:1rem;font-weight:700}
.listsub li:nth-child(1) a{background:var(--color-main)}
.listsub li:nth-child(2) a{background:var(--color-secondary)}
.listsub li:nth-child(3) a{background:var(--color-info)}
.listsub li:nth-child(4) a{background:var(--color-danger)}
.listsub li:nth-child(5) a{background:#31b9c8}
.listsub li a.active{background:#8c8c8c;pointer-events:none}

.listsub-new-frame {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
  margin: 0;
}


.listsub-new-frame li a {
  display: inline-flex;
  padding: 2rem;
  color: #fff;
  width: 100%;
  justify-content: center;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 700;
}

.listsub-new-frame  li:nth-child(1) a {background: var(--color-main);}
.listsub-new-frame  li:nth-child(2) a {background: var(--color-secondary);}
.listsub-new-frame  li:nth-child(3) a {background: var(--color-info);}
.listsub-new-frame  li:nth-child(4) a {background: var(--color-danger);}
.listsub-new-frame  li:nth-child(5) a {background: #31b9c8;}
.listsub-new-frame  li:nth-child(6) a {background: #ba5526;}
.listsub-new-frame  li a.active {background: #8c8c8c; pointer-events: none;}

@media (max-width: 900px) {
  .listsub-new-frame {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .listsub-new-frame {
    grid-template-columns: 1fr;
  }
}


.capital{text-transform:capitalize}
.filter_form{display:flex;align-items:center;grid-gap:1rem}
.filter{justify-content: space-between;padding:1rem 1.5rem;background:#fff;border:1px solid rgba(28,106,154,0.29);border-radius:9px;display:flex;align-items:center}
.formgroup_filter{display:flex;grid-gap:10px;align-items:center;font-size:16px}
.formgroup_filter select{padding:12px 30px;border:0;background:rgba(28,106,154,0.13);color:#1e1e1e;font-size:16px;border-radius:5px;border:1px solid var(--color-main)}
.filter_form button{padding:14px 3rem!important;display:inline-flex;border:0;background:var(--color-main);color:#fff;border-radius:8px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;font-family:var(--font-body);margin-left:1rem}.filter h3{font-size:20px;margin:0}
.checkprint,#select-all{width:17px;height:17px}

.errorpage{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column;grid-gap:1rem;background:#111827}
.errorpage h2{text-align: center;color:rgba(255,255,255,0.74)}
.errorpage a{display:inline-flex;padding:1rem 2rem;background:var(--color-main);color:#fff;border-radius:8px;transition:all .3s ease-in-out}
.errorpage a:hover{background:var(--color-secondary);color:#fff}

.hide{display: none !important;}.fotoprod{width:50px;height:50px;border-radius:5px}
.itemwrap{display:flex;align-items:center;grid-gap:10px}.itemwrap img{width:50px;height:50px;border-radius:5px}
.headtable-right{display:flex;align-items:center;grid-gap:2rem}
#searcher{background:#e1ecf2;border-radius:10px;display:flex;align-items:center}
#searcher input{border:0;padding:10px 1rem;min-width:150px;background:#e1ecf2;text-align:left;border-radius:10px;color:#333;font-size:16px}
#searcher button{background:var(--color-main);color:#fff;padding:16px 21px;border:0;border-radius:0 10px 10px 0;text-transform:uppercase;font-weight:700;font-family:var(--font-body);letter-spacing:.3px}

.nameprod{max-width:500px;display:flex;white-space:break-spaces}
.table tbody td{text-transform:capitalize}
.filterwrapper{display:flex;justify-content:space-between;align-items:center;grid-gap:2rem}
.filter_form input[type="date"]{width:100%;display:flex;background:#e1ecf2;border-radius:6px;padding:12px 1.5rem;border:0;font-size:16px;font-family:var(--font-body)}
.nogap{grid-gap:0}
.flex-gap{display:flex;align-items:center;grid-gap:2rem}.flex-gap .filter_form button{margin:0}
.qty-retur-input,.qty-input-refund{padding:8px;border:1px solid var(--color-danger);border-radius:4px;background:#fff7f5;font-size:16px}
#note-container select.input-style{margin:1em 0}
.selectstock-wrapper{display:flex;grid-gap:3rem}
.selectstock-panel{text-align:center;background:#fff;border-radius:10px;padding:3rem 2rem;width:100%;transition:.3s}
.selectstock-title{font-size:1.8rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}
.selectstock-subtitle{font-size:1rem;color:#718096;margin-bottom:2rem}
.selectstock-button-group{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}
.selectstock-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:1.5rem 3rem;font-size:1.25rem;font-weight:600;color:#fff;box-shadow:0 6px 16px #0000001a;transition:.25s ease-in-out;min-width:180px;grid-gap:1rem}
.selectstock-btn i{width:36px;height:36px;margin-bottom:.5rem}
.selectstock-btn.toko{background:var(--color-main);color:#fff}
.selectstock-btn.gudang{background:var(--color-warning);color:#fff}
.loop-item-area{display:flex;flex-direction:column;grid-gap:1rem;margin:1rem 0;padding:1rem 0;border-top:1px solid #01010124}
.loop-item-header{display:flex;align-items:center;justify-content:space-between}
.loop-item-header h3{margin:0;font-size:1.4rem}
.loop-item-body{display:grid;grid-gap:1rem;padding:1.5rem;background:#E3EDFF;border:1px solid #afb5bf;border-radius:10px;overflow:hidden}
.row-item{display:flex;grid-gap:1.5rem}
.row-item input{border:1px solid #01010170;padding:1.1rem;font-size:16px;border-radius:6px}
.qty-actions{display:flex;align-items:center;grid-gap:10px}
.qty-actions button{padding:9px 13px}
.qty-actions button svg{width:20px;height:20px;border-width:5px}
.row-item .form-group:first-child{width:75%}
.row-item .form-group:last-child{width:25%}
.form-group select.disabled-select {
    background-color: #eaeaea;
    border-color: #6c757d;
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}
.thead-sticky{position:sticky;top:0}
.box{background:#149B9F0A;border:2px solid var(--color-secondary);padding:1rem;border-radius:10px;flex:1}
.divider1{flex:1;margin:0 1rem;color:transparent;border-bottom:2px dashed #1C6A9A4A}
.box h4{margin:0 0 7px;font-size:18px;font-weight:700}
.box input{background:#fff}
.box-danger{background:#fffaf9;border:2px solid var(--color-danger)}
.box span{display:flex;align-items:center;grid-gap:6px}
.box span svg{width:19px}
.box-between{display:flex;justify-content:space-between;grid-gap:1rem;align-items:center}
.select2-container .select2-selection--single{padding:12px 1rem!important;height:unset !important}



@media (max-width:1140px) {
.select2-container{width: 100% !important;}
}
@media only screen and (min-width: 767px) and (max-width: 1440px) {

}
@media (max-height:880px) {
  
  .table-responsive{display:block;overflow:scroll}
  .wrapnav{overflow-y: auto;}
}
@media (max-width:768px) {
  .table-responsive{display:block;overflow:scroll}
  .wrapnav{overflow-y: auto;}
  .dockplus svg{width:2rem;height:2rem}
.dockwrap{bottom:1rem;right:1rem}
.dockitems.show a:nth-child(3){top:19px}
.dockitems.show a:nth-child(1){top:-64px}
.dockitems.show a:nth-child(2){left:-81%}
.itemdock svg{width:1.2rem;height:1.2rem}
  .dock{position:sticky;bottom:0}
}
@media (max-width:550px) {
  .loop-item-header{flex-direction:column;align-items:start;grid-gap:1rem}
.row-item{flex-direction:column;grid-gap:1rem}
.row-item .form-group{margin:0;width:100%!important}
  .box-between{flex-direction:column;height:17rem;margin-bottom:2rem}
.box-between .box{width:100%}
.divider1{border-bottom:unset;border-left:2px dashed #1C6A9A4A}
  .page-action .btx{font-size:0}
  .filterwrapper{flex-direction:column;margin:1.5rem 0 0;width:100%}.filterwrapper .nogap{margin:0}.filter_form input[type="date"]{font-size:14px}#searcher{width:100%}#searcher button{width:75px}
  .filter{flex-direction:column;align-items:start}
.filter_form{flex-direction:column;align-items:start;margin:2rem 0 0;width:100%}
.formgroup_filter{width:100%;justify-content:space-between}
.filter_form button{margin:10px 0 0;width:100%;justify-content:center}
  .listsub{grid-auto-flow:unset;grid-gap:12px;grid-template-columns:repeat(2,1fr)}
.listsub li a{padding:1.5rem;font-size:14px;line-height:21px;text-align:center}
  .welcome{grid-gap:3rem;padding:2rem 1.5rem}.innerdock{display:flex}.itemdock{left:7px;top:10px}
  .card-side{flex-direction:column;grid-gap:1rem}.carddash{padding:2rem 1.5rem}.carddash-top h3{font-size:1.8rem}
  .top-dash{grid-gap:1rem !important}
  .firstaction{grid-gap:1rem}.page-title h2{font-size:16px}.firstaction .btx{padding:14px 18px}
  .headtable .btx-action{font-size:12px!important}
.headtable{padding:1rem}
.headtable b{font-size:14px}
.form-listed {grid-template-columns: repeat(1,1fr);grid-gap: 1rem;}
  .quicklinks{display: none;}
  .quicklinks.show{display: grid;}
  .sidebar.show{width: 280px;}
}