.row{
    margin-right: -20px !important;
    margin-left: -20px !important;
}
.formproduk div{
  margin:5px 0px;
}
.img-responsive{
  width: 100%;

}
.pointer{
	cursor:pointer;
}
.memberyemo{
	/*background: rgba(255, 164, 153, 0.78) !important;
    padding: 5px;
    font-weight: bold;
    color: #000;
    border-radius: 10px;
*/
}

.label-reds{
    background: rgba(255, 164, 153, 0.78) !important;
    padding: 5px;
    padding-left: 25px;
    padding-right: 26px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 1px 1px 4px 0px rgb(0 0 0 / 15%);
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #d6d6d6 !important;
}
.pos_table{
height:510px;
overflow-y: scroll;
}
.no_padding{
	padding:0px 5px !important;
}

.main_image{
    text-align: center;
    margin: 10px auto;
    padding: 5px;
    background-color: #D85757;
}
.main_image:hover{
  opacity: 0.8;
  background-color: red;
  cursor:pointer;
}
.main_image2{
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 3px;
    background-color: #D85757;
}
.main_image2:hover{
  opacity: 0.8;
  background-color: red;
  cursor:pointer;
}
.btn-delete{
    border-radius: 20px !important;
    position: absolute;
    right: 15%;
    bottom: 5%;
}
.imgs2-responsive{
  max-height: 90px;
  max-width: 100%;
}
.imgs-responsive{
  max-height: 200px;
  max-width: 100%;
}
.CodeMirror {
    border: solid 1px #ddd !important;
}
.box_login{
   width: 300px;
    background-color: rgba(230, 228, 228, 0.14);
    padding: 10px;
    margin: 0 auto;
    margin-top: 80px;
    border-radius: 5px;
    border: solid 1px rgba(221, 221, 221, 0.67);
}

.box_login input[type=text], .box_login input[type=password]{
width:100%;
padding: 5px 3px 5px 3px;
}
.btn-proses{
  max-width:125px;margin-top:5px;margin-left:5px;float:left;
}
.dial-inv{
  width:60% !important;
}
.modal-dialog{
  z-index:9999 !important;
}
.col-tema{
width:300px !important;
}
.img-tema{
border: solid 1px #000;
    padding: 5px;
    cursor: pointer;
    height: 320px;
    margin-top: 10px;
}
.tema-active{
border: solid 3px red !important;

}
.img-tema:hover{
border: solid 1px red;
-webkit-box-shadow: 0px 2px 5px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 3px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 3px rgba(0,0,0,0.75);
}
.img-tema center{
font-size:17px;
font-weight:bold;
}
.border-img img{
width:100%;
max-height:100%;
margin:0 auto;
}
.border-img{
width:100%;
height:270px;
background:#C8D9E8;
vertical-align: middle;
}
.color_theme{
margin-bottom:15px;
}
.color_theme input[type="radio"] {
font-size: 48px;
}
.color_theme div{
font-size:18px;
font-weight:bold;
}
.kont{
padding:15px;
}
.btn-delete-item{
    border-radius: 50px !important;
    width: 30px;
    height: 30px;
    padding: 5px !important;
}
.atr_produk div{
padding:0px 2px;
}
.atr_produk {
margin:0px !important;

}
.keranjang td{
  font-size:12px;
}
.form-control{
  border-radius:0 !important;
}
label {
    margin-bottom: 0px !important; 
}
.form-group {
    margin-bottom: 5px !important;
}
div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
    display: none;
}


hr {
    margin-top: 10px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #9A9A9A;
}
div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    font-size: 17px;
    height: 40px;
}

div.dataTables_filter label {
    width: 100% !important;
text-align: right !important;
}
.kt{
color:#790000;
}
.img_mobile{
    width: auto;
    height: 60px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin:0 auto;
}
#filter{
background-color:white;
padding 5px;
}
.menumob{
display:none !important;
}
@media screen and (max-width: 720px) {

.navbar-custom-menu, .logo{
display:none !important;
}
.menumob{
display:block !important;
}

}

.table a:link {
    color: #666;
    font-weight: bold;
    text-decoration:none;
}
.table a:visited {
    color: #999999;
    font-weight:bold;
    text-decoration:none;
}
.table a:active,
.table a:hover {
    color: #bd5a35;
    text-decoration:underline;
}
.table {
        font-family: Manrope-Regular, sans-serif !important;
    color:#666;
    font-size:12px;
/*    text-shadow: 1px 1px 0px #fff;*/
    background:#fff;
    border:#ccc 1px solid;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}
.table th {
    padding:21px 25px 22px 25px;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #e0e0e0;
    background: #82a3a1;
    color: #fff;
}
.table th:first-child {
    text-align: left;
    padding-left:20px;
}
.table tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
.table tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
.table tr {
    text-align: left;
    padding-left:20px;
}
.table td:first-child {
    text-align: left;
    padding-left:20px;
    border-left: 0;
}
.table td {
    padding:18px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;

    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.table tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.table tr:last-child td {
    border-bottom:0;
}
.table tr:last-child td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
.table tr:last-child td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
.table tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);  
}

.box-header {
    padding: 5px 10px;
    border-bottom: dashed 1px #ddd;
}

.box{
    margin-bottom: 10px !important;
    border: none !important;
    border-radius: 5px !important;
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1) !important;
}


.filter {
    padding: 10px 25px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 4px 0px rgb(0 0 0 / 43%);
    border-radius: 5px;
    /* border: solid 1px #fafafa; */
    background: white;
    border-left: solid 5px #14cb69;
}

.btn-def {
    background-color: #e9e9e9;
    border-color: #c1c1c1 !important;
    color: #000000;
/*    width: 100%;*/
    box-shadow: 1px 1px 4px 0px rgb(0 0 0 / 43%) !important;
}

.btn-def:hover,
.btn-def:active,
.btn-def.active {
     background-color: #82a3a1;
    border-color: #4fb5af !important;
  color: #fff !important;
  font-weight: bold;
}


.flex-container {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: flex-start;
    flex-direction: row;
}

.flex-container > a {
  margin: 10px;
  text-align: center;
  font-size: 30px;
}



.headbutton{
    margin-bottom: 20px;
    background: #fff;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    border-radius: 10px;
}