@media (max-width:768px) {
  :root{
    --w5:6px;
    --w10:10px;
    --w15:14px;
    --w20:18px;
    --w30:24px;
  }
input,select,textarea {padding: 12px 14px;font-size: 16px;border-radius: 10px;} 
[class^="col-"]{flex-basis:100%}

.box{padding:0 12px}
  .h-up:active{
    transform:scale(.97);
  }


.m-h{display:none;}


	[class*="col-"] {
        width: 100%;
        float: left;
    }

.dib{display:block;}
.mm{
	background: none;
        border-bottom: 1px solid #ddd;
        text-align: left;
        padding: 15px !important;
}




}

.title{border-bottom: 1px solid #ddd;padding: 5px 0;}
.title span{font-size: 1.5rem;}
.title a{float: right;background: #39ab42;color: #fff;padding: 3px 10px;border-radius: 12px;}


.pllrr{padding: 3px 10px;}




.admin-table{width:100%;}
.admin-row{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;margin-bottom:8px;border-bottom: 1px solid #ddd;box-shadow:0 2px 8px rgba(0,0,0,.05);flex-wrap:wrap;}
.admin-col{flex:1;min-width:120px;font-size:14px;}
.admin-col.id{max-width:60px;font-weight:bold;}
.admin-col.actions{text-align:right;min-width:180px;}
@media(max-width:768px){
.admin-row{flex-direction:column;align-items:flex-start;gap:6px;}
.admin-col{width:100%;}
.admin-col.actions{text-align:left;}
}

form{}
form label{display: block;}
form input,textarea,select{
	
	
	border: 1px solid #ddd;
    border-radius: 6px;
    width: 100%;
    padding: 12px 5px;
    margin-bottom: 15px;
}