body {
    font-size: 12px;
}

.inbox-lap-lebar{
	-webkit-transform:translate(-230, 0);
	-ms-transform:translate(-230, 0);
	-o-transform:translate(-230, 0);
	transform:translate(-230, 0);
	padding:10px;
	height:450px;
	overflow:auto
}

.inbox-lap-lebar-full{
	-webkit-transform:translate(-230, 0);
	-ms-transform:translate(-230, 0);
	-o-transform:translate(-230, 0);
    transform:translate(-230, 0);
    padding:10px;
    width: 100%;
    height:100%;
}

.direct-chat-messages2{
	-webkit-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
	padding:5px;
	height:auto;
	overflow:auto
}

.direct-chat-messages2{
	-webkit-transition:-webkit-transform .5s ease-in-out;
	-moz-transition:-moz-transform .5s ease-in-out;
	-o-transition:-o-transform .5s ease-in-out;
	transition:transform .5s ease-in-out
}

.table span{
  font-size: 12px;
  vertical-align:middle
}

.select_bg_merah{
	background-color:#FF0000;
}

/* Input Catatan Customer OT */
.catCustnav {
    height: 91%;
    width: 0;
    position: absolute;
    z-index: 1;
    top: 30px;
    right: 0;
    background-color: #111;
    overflow: auto;
    transition: 0.5s;
    padding-top: 0px;
}

.catCustnav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.catCustnav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.catCustnav .closebtn_catCust {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 35px;
    margin-left: 50px;
}


/* Input Shipment Status OT */
.shipStatusnav {
    height: 91%;
    width: 0;
    position: absolute;
    z-index: 1;
    top: 30px;
    right: 0;
    background-color: #111;
    overflow: auto;
    transition: 0.5s;
    padding-top: 0px;
}

.shipStatusnav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.shipStatusnav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.shipStatusnav .closebtn_status {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 35px;
    margin-left: 50px;
}

/* Input Catatan Internal OT */
.catIntnav {
    height: 91%;
    width: 0;
    position: absolute;
    z-index: 1;
    top: 30px;
    right: 0;
    background-color: #111;
    overflow: auto;
    transition: 0.5s;
    padding-top: 0px;
}

.catIntnav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.catIntnav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.catIntnav .closebtn_catInt {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 35px;
    margin-left: 50px;
}

/* Lap GL OT */
.lapGL_class {
    transition: 0.3s;
    overflow: auto;
}

/* Lap Audit Trail OT */
.lapAuditrail_class {
    transition: 0.3s;
    overflow: auto;
}

/* Upload Foto OT */
.uploadFotonyanav {
    height: 90%;
    width: 0;
    position: absolute;
    z-index: 1;
    top: 32px;
    right: 0;
    background-color: #111;
    overflow: auto;
    transition: 0.3s;
    padding-top: 0px;
}

.uploadFotonyanav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.uploadFotonyanav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.uploadFotonyanav .closebtn_upload {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 35px;
    margin-left: 50px;
}

.print_100 {
    font-family:Arial, sans-serif; 
    font-size:9px; 
    font-weight:100;
    line-height: 150%;
}

.print_bold {
    font-family:Arial, sans-serif; 
    font-size:9px; 
    font-weight:bold;
    line-height: 120%;
}

.print_100n td, th{
    font-family:Arial, sans-serif; 
    font-size:9px; 
    font-weight:100;
    line-height: 90%;
}

@media (min-width: 768px) {
    .dl-horizontal4 dt {
      float: left;
      width: 120px;
      overflow: hidden;
      clear: left;
      text-align: right;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .dl-horizontal4 dd {
      margin-left: 140px;
    }
  }
  
  .zoom200 {
	padding: 0px;
	background-color: tranparent;
	transition: transform 1.9s; /* Animation */
	width: 100%;
	height: 100%;
	margin: 0 auto;
  }
  
  .zoom200:hover {
	transform: scale(2.0); /* (210% zoom)*/
  }
  
  .zoom300 {
	  padding: 0px;
	  background-color: tranparent;
	  transition: transform 1.9s; /* Animation */
	  width: 100%;
	  height: 100%;
	  margin: 0 auto;
	}
	
	.zoom300:hover {
	  transform: scale(3.0); /* (210% zoom)*/
	}