.donation-style
{
  background-image: url(/images/login-baner.png);
  /* background: red; */
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  background-color: white;
}

.loader-bg
{
  background: #083767 !important;
}


.main-sidebar
{
  background: #083767 !important;
}

.sidebar-logo
{
  width: 100%;
}
.sidebar-logo img
{
  width: 130px;
  /* height: 36px; */
  margin: 10px 0px;
  padding: 0px;
}

.card-primary:not(.card-outline)>.card-header {
  background-color: #083767cf;
}

a
{
    color: #083767;
}

.btn-primary
{
  background: #083767;
  border-color: #083767;
}

.page-item.active .page-link
{
  background-color: #083767;
    border-color: #083767;
}

.dropdown-item.active
{
  background-color: #083767;
}

.login-card-body, .register-card-body {
  border-radius: 10px;
}

.login-box .card
{
  border-radius: 10px;
}

.btn-primary:hover {
  color: #fff;
  background-color: #ee2d34;
  border-color: #ee2d34;
}

.btn-primary.focus, .btn-primary:focus
{
  background-color: #ee2d34;
  border-color: #ee2d34;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  background-color: #ee2d34;
  border-color: #ee2d34;
}


@media (max-width: 768px) {

  .donation-style
{
  background-image: url(/images/mobile_banner.png);
  background-color: white;

}


.login-page, .register-page {
  /* justify-content: end; */
}

.login-box .card {
  /* margin: 0px 0px 80px 0px; */
  box-shadow: none;
}

.gohar-donation .content-header h1
{
  text-align: center;
  font-size: 18px;
}


.gohar-donation .content-header .breadcrumb
{
  place-content: center;
}


.navbar.navbar-expand
{
  z-index: 0;
}

.gohar-donation-top {
  /* background-image: url(/images/desktop-login.png); */
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  height: 96px;
  position: relative;
  top: -56px;
  z-index: -1;

}

.navbar-white
{
  background: transparent !important;
  border: none;
}

.gohar-donation
{
  background-color: transparent;
  position: relative;
  top: -120px;
}

.gohar-donation
.content-header {
  padding: 0px 0px;
}
 
/* .gohar-donation .breadcrumb-item.active , .gohar-donation .breadcrumb-item a
{
  color: white;
}

.fas.fa-bars , .fa-expand-arrows-alt
{
  color: white;
} */


.gohar-donation .content {
  margin-top: 50px;
}

.gohar-donation form .btn-primary ,#btnHistory 
{
  width: 100%;
}

.card-primary:not(.card-outline)>.card-header
{
  background: transparent !important;
  border: none;
  color: #083767;
  padding: 0px;
}

.gohar-donation  .card-body
{
  padding: 0px;
}

.gohar-donation .content .card.card-primary {

  box-shadow: none;

}


table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before
{
  background-color: #083767;
}


}


.custom-radio_btn
{
  margin-top: 15px;
  gap: 10px;
  /* background: red; */
}
.custom-radio_btn .btn-outline-primary
{
  border-radius: 0px !important;
  color: #083767;
  border-color: #083767;
  /* background: red; */
}
.custom-radio_btn .btn-outline-primary:hover
{
  border-radius: 0px !important;
  color: #fff;
  background-color: #083767;
  border-color: #083767;
  /* background: red; */
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #083767;
  border-color: #083767;
}

.btn-check {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}

.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
  color: #fff;
  background-color: #083767;
  border-color: #083767;
  
  
}