/*================================================================================
	CSS TAMBAHAN
================================================================================



NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.mt-1 {
    margin-top:1rem !important;
}

.bottom-border-2 {
	border-bottom: 2px solid #333;
}

.scroll-table {
	overflow: scroll;
    max-height: 70vh;
}

.pdb-1 {
	padding-bottom: 1rem;
}

.fw-200 {
	font-weight: 200;
}

.bg-header {
	background: #e9e9e9;
    border: 1px solid #ccc;
}

.font-title {
	font-weight: bold;
    color: #000;
    font-size: 16px;
}

.middle {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto 0 !important;
}

.w100p {
	width: 100%;
}

.w12p {
	width: 12%;
}

.w12a {
	width: 12%;
    text-align: left;
    padding-left: 2%;
}


.bg-putih {
	background: #fff
}

.bg-abu-soft {
	background: #f8f8f8
}

.mb-03 {
	margin-bottom: 0.3rem
}

.font-12 {
	font-size: 12px;
}

.mb-05 {
	margin-bottom: 0.5rem
}

.h-100p {
	height: 100px;
}

.set-margin {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.set-margin7m {
    margin-left: -7px;
    margin-right: -7px;
}

.set-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.set-padding7 {
	padding-left: 7px;
	padding-right: 7px;
}

.mb-1 {
	margin-bottom: 1rem !important
}

.cursor {
	cursor: pointer;
}

.mb-0 {
	margin-bottom: 0rem !important
}

.flex-right {
	justify-content: end;
	display: flex
}

.pd-0 {
	padding: 0px !important
}

.pd-05 {
	padding: 5px 0px !important;
}

.pd-01 {
	padding: 10px 0px !important;
}

.pd-015 {
	padding: 0px 15px;
}

.pd-5 {
	padding: 5px;
}

.abu {
	color: #bbc5ce !important
}

.ijo {
	color: #28C76F !important; 
}

.w60 {
	width: 60px !important
}

.img-rek {
	width: 100%;
    height: 160px;
    object-fit: contain;
}

.btn-scan {
	font-size: 12px;
    padding: 5px 5px;
    background: #7366f0;
    color: #fff;
    border: 1px solid #7366f0;
    border-radius: 5px;	
}

hr { 
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
} 

.btn-close {
    background:transparent;
    border:0px;
}



/* ================= MEDIA RESPONSIVE =================== */
@media (min-width: 200px) and (max-width: 500px) {

    .invoice-page {
        padding: 0.5rem;
    	height: auto;
    }
    
    .card-body {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0.5rem;
    }
    
    html body .content .content-wrapper {
        padding: calc(2.2rem - 0.4rem) 1.2rem 0;
        margin-top: 6rem;
        margin-left: 1%;
        height: 150vh;
        overflow: scroll;
    }
    
    h1, .h1 {
        font-size: 1.5rem;
    }
    
    .table th, .table td {
        padding: 0.5rem;
        vertical-align: middle;
    }
    
    html body .content .content-wrapper .content-header-title {
        font-weight: 500;
        color: #636363;
        margin-right: 0rem;
    }
    
    .set-padding-mobile {
    	padding-left: 0px !important;
    	padding-right: 0px !important;
    }
    
    .set-padding3-mobile {
    	padding-left: 3px !important;
    	padding-right: 3px !important;
    }
    
    .mt-1m {
        margin-top:1rem !important;
    }
    
    .mt-2m {
        margin-top:2rem !important;
    }
    
    .mb-1m {
        margin-bottom:1rem !important;
    }
    
    .mb-2m {
        margin-bottom:2rem !important;
    }





}

/* END MEDIA 200 - 500  */


@media (min-width: 501px) and (max-width: 800px) { 

.invoice-page {
	padding: 0.5rem;
}

html body .content .content-wrapper {
    padding: calc(2.2rem - 0.4rem) 2.2rem 0;
    margin-top: 6rem;
    margin-left: 0%;
    height: 150vh;
    overflow: scroll;
}


}