.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;
}
.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;
}

table.blueTable {
  background-color: #EEEEEE;
  width: 100%;
  height: 200px;
}
table.blueTable td, table.blueTable th {
  border: 1px solid #AAAAAA;
}
table.blueTable tbody td {
  font-size: 13px;
}
table.blueTable tfoot td {
  font-size: 14px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

div.blueTable {
  background-color: #EEEEEE;
  width: 100%;
  height: 220px;
  text-align: center;
}
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
  border: 1px solid #AAAAAA;
  padding: 0px 0px;
}
.divTable.blueTable .divTableBody .divTableCell {
  font-size: 13px;
}
.blueTable .tableFootStyle {
  font-size: 14px;
}
.blueTable .tableFootStyle .links {
   text-align: right;
}
.blueTable .tableFootStyle .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
.blueTable.outerTableFooter {
  border-top: none;
}
.blueTable.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableRow1 { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableCell1, .divTableHead { display: table-cell}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}