/*Creator: Software Engineer - Jeremiah Samwel - djsamwel19@gmail.com*/
/*COLORS*/
/*Primary: #631F44 like deep brwn*/
/*Primary-deep: #501937 like deeper brwn*/
.clear{
	clear: both;
}
.userLink .profile-pic{
	height: 50px;
	width: 50px;
	padding: 5px;
}
.progressBarChangePassBtn, .progressBarBtn, .progressBarPassRecBtn, .progressBarAvatarBtn, 
.progressBarDeclineBtn, .progressBarDisbursedBtn, #gurDelete, #colDelete{
	display: none;
}
#table-list_wrapper{
	padding: 0px;
}
#table-list_wrapper tbody td{
	/*line-height: 1;*/
}
.wColor{
	color: #fff;
}
.wBg{
	background: #fff;
}
.profilePrfImage{
  height: 150px;
  width: 150px;
}
.profilePrfImagePrint{
	height: 120px;
}
.logoPrint{
  height: 120px;
}
.avatarHolder{
	height: 80px;
	width: 80px;
}
.tbAvatar{
	height: 50px;
	width: 50px;
	margin-right: 5px;
}
#example-7{
	width: 100% !important;
}
.customerPrf .user-btm-box{
	margin-top: -15px;
}
.customerPrf .user-btm-box ul{
	border: none;
}
.signatureImg{
  height: 80px;
}
.signatureImgPrint{
	height: 70px;
}
#groupLoaner{
	display: none;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem; 
}
.badge:empty {
    display: none; 
}

/*Badge outlined variations*/
.badge-outline-primary {
  color: #03a9f3;
  border: 1px solid #03a9f3; }

.badge-outline-secondary {
  color: #f4f4f4;
  border: 1px solid #f4f4f4; }

.badge-outline-success {
  color: #00c292;
  border: 1px solid #00c292; }

.badge-outline-info {
  color: #ab8ce4;
  border: 1px solid #ab8ce4; }

.badge-outline-warning {
  color: #ffb463;
  border: 1px solid #ffb463; }

.badge-outline-danger {
  color: #fb9678;
  border: 1px solid #fb9678; }

.badge-outline-light {
  color: #ffffff;
  border: 1px solid #ffffff; }

.badge-outline-dark {
  color: #3a3f51;
  border: 1px solid #3a3f51; }
.notAllowed{
    display: none !important;
}
.companyHeader, .d-print{
  display: none;
}
@media print {
    html, body {
       border: 1px solid white;
       height: auto !important;
       /*height: 99% !important;*/
       /*page-break-inside: auto !important;*/
       /*page-break-after: avoid !important;*/
       /*page-break-before: avoid !important;*/
    }
    body{
      visibility: hidden !important;
      margin-bottom: 20px !important; 
      /*overflow: visible !important;*/
    }
    .sidebar, .bg-title, .footer{
      display: none;
    }
    #page-wrapper {
        margin: 0 !important;
        padding: 0 !important;
    }
    .noprint{
      display: none !important;
    }
    .table-responsive, .table{
    }
    table{
      width: 100%;
      /*overflow: inherit !important;*/
    }
    thead { 
      display: table-header-group !important;
    }
    tfoot { display: table-row-group !important; }
    tr { page-break-inside: avoid !important; }
    #section-to-print, .section-to-print {
      visibility: visible !important;
      display: block !important;
      width:100% !important;
      /*position: absolute;*/
      position: relative;
      left: 0 !important;
      top: 0 !important;
      float: none !important;
    }
    p{
      word-break: break-all !important;
      display: block !important;
      clear: both;
    }
    .companyHeader{
      display: block !important;
    }
    .d-print{
      display: block !important;
    }
    .clearPrint::after{
      display:block !important;
      content:"" !important;
      clear:both !important
    }
    .row, hr, h1, h2, h3 {
      display: block !important;
      clear: both;
    }
}
.dt-buttons{
  margin-left: 10px;
  float: right;
}
.dt-buttons .btn{
  padding: 5px 10px;
  font-size: 12px
}
#example-2_wrapper .col-xs-12, #example-7_wrapper .col-xs-12{
  width: 100% !important;
}
/*Chrome problem with input-group date input*/
.input-group input[type=date]{
    flex-direction: row;
}
/**/
.receiptBody{
  color: #333;
}
.receiptBody p{
  font-size: 14px;
}
.receiptBody table th{
  font-size: 14px;
}
.receiptBody table td{
  font-size: 14px;
}
.receiptBody img{
  height: 50px;
}
.receiptBody h1{
  font-size: 18px;
  margin-top: 10px;
}
.hideElement{
  visibility: hidden !important;
  display: none !important;
}
.filter_table thead th{
    padding: 5px !important;
}
.filter_table tbody tr td{
    padding: 5px !important;
}
.filter_table tbody{
    padding-bottom: 0px !important;
}
.filter_table tbody tr td .form-group{
    margin-bottom: 0px !important;
}
.filter_table select{
  height: 30px !important;
}