@media print {
  * {
      -webkit-print-color-adjust: exact;
  }
  .print10, i.print10{
    color:#fff!important;
    font-size:30px!important;
  }
  i{
    color:white!important;
  }
}
html{
  height: 100%;
}
body {
  min-height: 100%;
}
/* LOADING DATA */
.sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
  }
  
  .sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; 
    animation: sk-chase-dot 2.0s infinite ease-in-out both; 
  }
  
  .sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #fff;
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
  }
  
  .sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
  .sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
  .sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
  .sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
  .sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
  .sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
  .sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
  .sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
  .sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
  .sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
  .sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
  .sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }
  
  @keyframes sk-chase {
    100% { transform: rotate(360deg); } 
  }
  
  @keyframes sk-chase-dot {
    80%, 100% { transform: rotate(360deg); } 
  }
  
  @keyframes sk-chase-dot-before {
    50% {
      transform: scale(0.4); 
    } 100%, 0% {
      transform: scale(1.0); 
    } 
  }
/* LOADING DATA */

/* PUBLIC CSS */
.loading{
  width:100%;
  height:100vh;
  visibility: hidden;
  opacity: 0;
  position:fixed;
  top:0px;
  background:rgba(0, 0, 0, 0.6);
  z-index:9999;
  display:flex!important;
  align-items:center;
  justify-content: center;
  transition: visibility 0.5s, opacity 0.5s linear;
}
.loading.active{
  visibility: visible;
  opacity: 1;
  display:flex!important;
  transition: visibility 0.5s, opacity 0.5s linear!important;
}
.dropdown-1 > .dropdown-menu{
  left:auto;
  right:0px;
}

.login-1{
    margin-top:15px;
}
.padding15{
  padding:15px;
}
.nomargin > p{
  margin:0px!important;
}
/* PRINT PDF */
#print1{
  display:none;
  font-size:1.3rem;
}
#print1.active{
  display:block;
}
.print-1{
  margin-bottom:0px;
  margin-top:0px;
}
.print-2{
  font-size:1rem;
}
.print-3{
  border-top:1px solid rgba(0, 0, 0, 0.5);
}
.print-4{
  width:100%;
  margin-bottom:25px;
}
.print-4 > tbody > tr > td {
  padding:0px 25px!important;
}
.print-5{
  border-bottom:1px solid rgba(0, 0, 0, 0.5);
}
.print-6{
  padding-left:15px;
  margin-top:10px;
  margin-bottom:20px;
}
.print-7{
  margin-bottom:75px;
}
.print-8{
  border-bottom:1px dashed #000;
  margin-bottom:10px;
}
.print-9{
  font-weight: bold;
}
.print-10{
  margin-top:10px;
  margin-bottom:15px;
}
.modal{
  padding-left:0px!important;
}
.modal-lg{
  width:100%!important;
  margin-top:0px;
}
.modal-dialog.modal-md{
  width:85%;
}
.row{
  display: flex!important;
  flex-wrap: wrap!important;
}
.row > [class*='col-'] {
  display: flex!important;
  flex-direction: column!important;
}
.box{
  height:100%;
}
div[class^="col-md-"].custom{
  padding-left:5px;
  padding-right:5px;
}
/* div[class^="col-md-"].custom-r{
  padding-right:5px;
}
div[class^="col-md-"].custom-l{
  padding-left:5px;
} */
.pagination{
  margin:0px!important;
}
.p-r{
  padding-right:5px;
}
.p-l{
  padding-left:5px;
}
.callout-custom{
  border:1px solid #F39C12;
  border-left:6px solid #F39C12;
  background:#fff;
}
.login{
  height:90vh!important;
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
}
.dropdown-menu{
  font-size:18px;
  border:1px solid rgb(238, 238, 238);
  border-radius:0px;
  color:#000;
  box-shadow:0 4px 16px 0 rgba(19,26,44,.02), 0 0 32px 0 rgba(19,26,44,.1);
  margin:0px;
  padding:0px;
}
.dropdown-menu>li>a{
  padding:15px 30px;
  color:#000;
  border-left:6px solid transparent;
}
.dropdown-menu>li>a:hover{
  border-left:6px solid #F39C12;
}
.table{
  margin-bottom:0px!important;
}
.tableCustom > tbody > tr > td {
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
}
.tableCustom > tbody > tr > td:first-child {
  padding-left:0px;
  padding-right:5px;
  padding-bottom:5px;
}
.tableCustom > tbody > tr > td:last-child {
  padding-left:5px;
  padding-right:0px;
  padding-bottom:5px;
}
.modal-dialog{
  margin-bottom:0px!important;
}
.suratJalanTotal{
  width:100%;
  background:#00C0EF;
  padding:5px 15px;
  color:#fff;
}
.suratJalanTotal > p {
  font-size:2rem;
  font-weight: bold;
  margin-bottom:0px;
}
.form-control {
  border-radius: 0;
  box-shadow: none;
  border-color: #aaaeb7;
}
.form-control::placeholder {
  color: rgb(189, 189, 189);
  opacity: 1; /* Firefox */
}
.table-responsive{
  overflow: inherit;
}
#printSuratJalan{
  display:none;
}
#printPurchaseOrder{
  display:none;
}
#printSuratPenawaran{
  display:none;
}
/* responsive */
@media only screen and (max-width: 600px) {
  .col-xs-6{
    width:49%!important;
  }
  .modal-dialog.modal-md{
    width:100%;
  }
  .modal-dialog {
    margin: 0px;
  }
  .callout{
    padding:5px;
  }
  .btn-small{
    font-size:14px;
    padding:5px 8px;
  }
}

/* print invoice */
#invoice{
  display:none;
  font-size:1.5rem;
}
#kwitansiPrint{
  display:none;
  font-size:1.5rem;
}
.print1{
  padding:15px!important; 
  background-color:#43C171!important;
  color:#fff!important;
  margin-top:50px;
}
.print1111{
  padding:15px!important; 
  background-color:#43C171!important;
  color:#fff!important;
  margin-top:10px;
}
.print2 > p {
  margin-bottom:0px!important;
}
.print3{
  margin-top:35px!important;
}
.print4{
  background-color:#43C171!important;
  color:#fff!important;
}
.print5{
  color:#fff!important;
  font-size:1.7rem;
}
.print6{
  background:#43C171!important;
  background-color:#43C171!important;
}
.print7{
  font-weight: bold!important;
}
.print77{
  font-weight: bold!important;
  margin-bottom:15px;
}
.judulPrint{
  font-size:4rem!important;
}
.textPrint{
  font-size:1.7rem;
}
.textPrint1{
  font-size:1.1rem;
}
.textPrint1111{
  font-size:1.8rem;
}
.textPrint111{
  font-size:2.2rem;
  line-height: 1.7;
}
.textPrint11{
  font-size:0.8rem;
}
.print8{
  color:#3DBF6D!important;
  font-weight: bold!important;
}
.print9{
  width:40px!important;
  height:40px!important;
  background:#fff!important;
  border:1px solid #000!important;
  border-radius:100%!important;
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
  color:#fff!important;
}
.print10, i.print10{
  color:#fff!important;
  font-size:20px!important;
}
.media-body{
  vertical-align: middle!important;
}
.print11{
  position:absolute!important;
  top:100px!important;
  right:-300px!important;
  z-index:1!important;
  opacity:0.05;
  width:1500px;
}
.print111{
  position:absolute!important;
  top:0px!important;
  right:-100px!important;
  z-index:1!important;
  opacity:0.05;
  width:550px;
}
.print12{
  z-index:2!important;
  position:relative;
}
.print13{
  display: flex!important;
  justify-content: flex-end!important;
  align-items: flex-end!important;  
}
.print14{
  font-size:1.4rem;
  margin-top:5px;
  margin-bottom:5px;
}
.datepicker-days{
  padding:15px!important;
}
.cke_contents.cke_reset{
  height:300px!important;
}
.table-1{
  width: 100%;
  border-collapse: collapse;
}
.table-1, .table-1 tr td, .table-1 tr th {
  border: 1px solid black;
}
.table-1 tr td, .table-1 tr th {
  padding:7.5px 10px;
}