.crt_head{
     display:flex;
     width:100%;
     padding:8px 4px;
  }
  .crt_head .title{
    font-size:24px;
    line-height:24px;
    color:#555;
    font-weight:600;
    padding: 4px 10px;
    padding-top: 8px;
    text-align:left !important;
  }
  .crt_head a{
    display:inline-block;
    padding-left:4px;
  }
 .crt_head .back-btn{
  color:#555;
  background-color:#fff !important;
  font-size:24px;
  outline:none;
  border:none;
  padding:4px !important;
 }
  .box-donationsingo{
    background-color:#fff !important;
  }
.show_cart{
  background-color: #0093d1;
    color: white;
    border: none;
    height: 100%;
    padding: 0.5rem 0.75rem;
    width: 100%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content:center;
}
.bottom-text{
  margin-top:15px !important;
  padding-bottom:10px !important;
}
#subform .order-btn{
  border-radius:2px !important;
  padding:6px 12px !important;
  color:#fff !important;
  margin-top:10px !important;
}

#subform .input-group{
  margin-top:4px;
}
#subform .input-group .input-group-text{
  font-size:16px;
  font-weight:400;
  color:#555;
}
 #subform .input-group .input-group-addon{
  text-align:left !important;
  width:auto !important;
  padding:0px !important;
  min-width: 125px !important;
}
#subform .input-group select,#subform .input-group input{
  width: 190px !important;
 font-size:16px;
}
@media screen and (max-width:768px){
#subform .input-group select, #subform .input-group input {
    width: 160px !important;
    font-size: 14px;
}

.crt_head{
margin-top:0px;
padding:4px 2px;
}

.box-donationsingo {
padding: 0px 0;
}
.crt_head .title{

}
}


.grocery-top{
  margin-top:80px;
}

.box-donationsingo{
      background-color:#fff !important;
      border:solid #ccc 0.5px;
      padding:0px 10px !important;
      min-height:80vh;
      margin-bottom:40px;
    }
.title-heading{
  font-size:30px;
  font-weight:bold;
  color:#555 !important;
  padding:6px 12px;
  font-family: 'OpenSans-Bold';
  margin:0px;
  padding-bottom:3px;
}
.title-text{
  font-size:26px;
  font-weight:bold;
  color:#555 !important;
  padding:6px 12px;
  font-family: 'OpenSans-Bold';
  margin:0px;
  padding-bottom:3px;
}   
.title-text-custom{
  font-size:18px;
  font-weight:500;
  color:#555 !important;
  padding:6px 12px;
  font-family: 'OpenSans-Bold';
  margin:0px;
  padding-bottom:3px;
}
.f-14{
  font-size:14px;
  line-height:19px;
  color:#555;
  margin:0px;
  padding:0px;
  font-weight:300;
}
.f-16{
  font-size:16px;
  line-height:20px;
  color:#555;
  margin:0px;
  padding:0px;
  font-weight:300;
}
.f-18{
  font-size:18px;
  line-height:22px;
  color:#555;
  margin:0px;
  padding:0px;
  font-weight:400;
}
.f-20{
  font-size:20px;
  line-height:25px;
  color:#555;
  margin:0px;
  padding:0px;
  font-weight:500;
}
.f-22{
  font-size:22px;
  line-height:28px;
  color:#555;
  margin:0px;
  padding:0px;
  font-weight:600;
}
.f-24{
  font-size:24px;
  line-height:30px;
  color:#555;
  margin:0px;
  padding:0px;
  font-weight:800;
}
.box-donationsingo .dv .input-group-addon{
background-color:#1f51a5;
color:#fff;
padding:6px 6px !important;
text-align:center;
}
.custom-input-group{
  border:solid #1f51a5 1px;
  border-radius:2px;
}
.custom-input-group .input-group-addon{
  width:30% !important;
}
.custom-btn-group button i{
  font-size:14px;
}
.custom-btn-group button{
  padding:4px 12px;
  background-color:#fff !important;
  border:solid #1f51a5 2px;
  outline:none;
  border-radius:2px;
  margin-top:10px;
  margin-bottom:4px;
  color:#1f51a5;
  font-size:17px;
  font-weight:600;

}
.custom-pay-btn input{
padding:6px 25px;
background-color:#1f51a5 !important;
border-radius:2px;
margin-top:5px;
margin-bottom:4px;
font-size:17px;
font-weight:600;
color:#fff;
border:none;
outline:none;
text-align: left;
}

.my-1{
  margin-top:7px;
  margin-bottom:7px;
}
.custom-table,.ln-table{
  height:auto !important;
  width:100% !important;
}
.custom-table table,.ln-table table,.ln-item-summary table{
  height:auto !important;
  width:100% !important;
  margin-top:7px;
  margin-bottom:7px;
}
.ln-item-summary{
  padding:1px 12px;
}
.ln-item-summary table tr{
  border-top:solid #eee .5px;
}

.ln-item-summary table td{
  text-align:left;
  padding:2px 6px !important;
  font-size:15px;
  font-weight:500;
  color:#232e3c;
}
.ln-item-summary table td i{
  font-size:14px;
  color:#656d77;
}
.ln-table{
  border-top:solid #ccc 1px;
}
.ln-table table th{
  font-weight: 600;
    font-size: 17px;
    padding: 6px 8px !important;
    text-align:left;
    color:#000;
}
.ln-text{
  font-size:16px;
  font-weight:400;
  padding: 6px 8px !important;
}
.ln-item-summary{
  margin-bottom: 4px;
}
.ln-rounded-img{
  width:50px;
  height:50px;
  border-radius:50%;
}
.custom-table table thead{
  width:100%;
  background-color:rgba(66,99,235,.1)!important;
}
.custom-table table thead tr th{
  text-align:left;
  border:solid #eee 1px;
  padding:6px 8px !important;
  color:#1f51a5;
  font-weight:600;
  font-size:17px;
}
.custom-table table tbody tr{
  border-bottom:solid #eee .5px;
}
.custom-table table tbody tr:hover{
  background-color:rgba(101,109,119,.1)!important;
}
.custom-table table tbody tr:nth-child(even){
  background-color:rgba(101,109,119,.1)!important;
}
.custom-table table tbody tr td{
  text-align:left;
  padding:2px 6px !important;
  font-size:15px;
  font-weight:400;
  color:#222425;
}

.wallet-bottom-btn{
  background-color:#fff;
  margin-top:7px;
  margin-bottom:7px;
  width:100%;
}
.wallet-bottom-btn a,.wallet-bottom-btn a:hover{
  padding:8px 14px;
  background-color:rgba(66,99,235,.1)!important;
  color:#1f51a5;
  margin-left:4px;
  font-size:16px;
  font-weight:500;
  border-radius:2px;
  border:solid #1f51a5 1px;
  display:inline-block;
  margin-top:5px;
}

@media screen and (max-width:768px){
.wallet-bottom-btn a,.wallet-bottom-btn a:hover{
  padding:7px 11px;
}
.main-bottom{
  margin-top:0px;
}

}
.oc-link-heading{
  padding-bottom:30px;
}
.oc-link-heading a,.oc-link-heading a:hover{
  text-decoration:underline;
  color:#1f51a5;
  font-size:28pt;
}
.ln-btn i{
  font-style:normal;
  font-size:14px;
  padding-left:4px;
  padding-right:4px;
}
.ln-btn,.ln-btn:hover{
  display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space:nowrap;
  border:none;
  outline:none;
  background-color:#1f51a5;
  color:#fff;
  font-weight: 500;
    line-height: 1.4285714;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding:6px 11px;
    font-size:16px;
    border-radius:2px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.quantity{
  display:flex;
  justify-content:center;
  align-items: center;
}
.quantity i{
  color:#fff !important;
}
.quantity .minus-btn,.quantity .plus-btn{
  height:30px;
  width:30px;
font-size:15px;
border:none;
outline:none;
background-color:#1f51a5;
color:#fff;
line-height:30px;
text-align:center;
border-radius:100%;
margin-left:4px;
margin-right:4px;
}

.quantity .dateItemId,.quantity .dateItemNumber{
  font-size:16px;
}
.calculator-card{
  width:100%;
  margin:4px;
  background-color:#fff;
  border-radius:4px;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
  position:relative;
  transition:all ease-in .3s;
  padding:20px 15px;
  text-align:center;
}
.book-card{
  width:100%;
  margin:4px;
  background-color:#fff;
  border-radius:4px;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
  position:relative;
  transition:all ease-in .3s;
}
.calculator-card::before{
content:'';
position: absolute;
left:0px;
bottom:-5px;
height:5px;
width:100%;
background-color:#337ab7;
}
/*
.book-card::before{
content:'';
position: absolute;
top:0px;
left:-5px;
height:100%;
width:5px;
background-color:#e6e8e9;
}
.book-card::after{
content:'';
position: absolute;
top:0px;
left:-5px;
height:60px;
width:5px;
background-color:#337ab7;
z-index:999;
transition:all ease-in .3s;
}
.book-card:hover::after{
  height:100%;
  transform:translate(-4px,0px);
  -webkit-transform:translate(-4px,0px);
  -moz-transform:translate(-4px,0px);
  -ms-transform:translate(-4px,0px);
  -o-transform:translate(-4px,0px);
} */
.w-100{
  width:100%;
}
.h-100{
  height:100%;
}
.book-card .card-body{
  padding:15px 12px;
}
.book-card .card-body p{
  margin:0px;
  padding:0px;
}
.my-4{
  margin-top: 20px;
}
.point-card{
  padding:25px 12px;
}
.point-card p i{
  display: none;
}
.point-card p{
  margin:0px;
  padding:0px;
  padding-bottom:8px;
  font-size:15px;
  line-height:21px;
  font-family: 'OpenSans-Bold';
  color:#555;
  font-weight:300; 
  position:relative;
  padding-left:15px;
  text-align:justify;
}
.point-card p::before{
  content:"\f101";
  font-family:'FontAwesome';
  position:absolute;
  top:0px;
  left:0px;
  font-size:17px;
  color:#337ab7;
}
.point-card p span{
}
.point-card p i{
  color:#337ab7;
}

@media screen and (max-width:768px){

.grocery-top{
  margin-top:0px;
}

}

.card-hover{
  position:relative;
  transition:all ease-in .3s;
}

.card-hover:hover{
  transform:translate(0px,-5px);
  -webkit-transform:translate(0px,-5px);
  -moz-transform:translate(0px,-5px);
  -ms-transform:translate(0px,-5px);
  -o-transform:translate(0px,-5px);
}

.mb-2{
  margin-bottom:10px;
}
.text-dark{
  color:#222425 !important;
}

.text-main{
  color:#337ab7;
}
.myspan{
  display:inline-block;
  font-size:14px;
}
.f-bold{
  font-weight:bold;
}
.big-font{
  font-size:50px;
  font-weight:bold;
  color:#337ab7;
  padding-bottom:15px;
}

@media screen and (max-width:768px){
  .big-font{
    font-size:30px;
  }
}

.select-box{
  max-width:200px;
  border-radius:4px;
}
.p-0{
  padding:0px !important;
}
.px-1{
  padding-left:4px;
  padding-right:4px;
}