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

}
.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;
}
.en{
border:solid 1px red !important;
}
.sortable.grid li {
width:100%;
height:80px;
cursor:pointer;
}
.sortable.grid li img{
height:70px;
}
		.connected li, .sortable li, .exclude li, .handles li {
			list-style: none;
			border: 1px solid #CCC;
			background: #F6F6F6;
			font-family: "Tahoma";
			color: #1C94C4;
			margin: 5px;
			height: 22px;
		}

.attr{
background-color:#ddd;
}
.lbl_atr{
width:20%;
float:left;
}
.form_atr{
width:70%;
float:left;
}
.thumb_atr{
max-width:120px;
height:110px !important;
}
.thumb_atr_btn{
max-width:120px;
height:110px !important;
}
.thumb .col-xs-2{
width:125px !important;
}
.btn-file{
    width: 85%;
//background:red;
    position: absolute !important;
    top: 10px;
    height: 85%;
}
.atr_remove{
position: absolute;right: 0;margin-top: 3px; margin-right: 3px;top: 0;
}

.flag{
display:inline  !Important;
width:80% !Important;
}
.generator{
background-color: rgba(0, 0, 0, 0.71);
border:none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-top: 3%;
}
.generator:hover{
    color: #A90202;
}
.sku{
    background: #790202;
    color: white;
    font-weight: bold;
    font-size: 18px;
    border: solid 1px #EF0000 !important;
}