.has-error input {
    border: 1px solid #ed6b75 !important
}

.has-error label {
    color: #ed6b75
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #e73d4a;
}

.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader {
    color: #5f8bdd;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}
.home_card{
    margin-bottom: 23px;
    color: white;
    padding: 5px 10px 18px 10px;
    border-radius: 12px;
}
.home_card h3{
    margin-top: 23px;
    margin-bottom: 16px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
}
.home_card p{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}
.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 3.5em;
}

@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

.loader_container {
    padding-top: 15%;
    position: fixed;
    width: 100%;
    background: #ffffff;
    height: 100%;
    z-index: 10000;
}

.plus-btn {
    width: 67px;
    height: 48px;
    margin-bottom: 21px;
}

.label-success {
    background-color: #0e723a;
    color: white;
}

.trash-btn {
    background-color: red;
    width: 67px;
    height: 48px;
    margin-bottom: 21px;
}

.current {
    font-size: 16px;
    font-weight: 600;
}

.cart-bag {
    padding: 10px;
}

.cart-bag i {
    width: 18px;
    font-size: 21px;
    color: black;
}

.cart-bag i span {
    background-color: #d60000;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 3px 7px;
    border-radius: 23px;
    position: absolute;
    margin: -8px;
}

@media (max-width: 992px) {
    .banner-container {
        padding-top: 80px;
    }
}

.submit-donation {
    margin-top: 28px;
}

.submit-donation .donate-btn {
    width: 262px;
    height: 48px;
    border-radius: 24px;
    background-color: #e86f04;
}

.submit-donation .add-to-cart {
    width: 262px;
    height: 48px;
    border-radius: 24px;
    background-color: #0e723a;
}

@media (max-width: 1199px) {

    .submit-donation button {
        width: 220px !important
    }
}

@media (max-width: 473px) {

    .submit-donation button {
        width: 100% !important;
        margin-bottom: 7px;
    }
}

.card-submit-donation {
    margin-top: 28px;
}

.card-submit-donation button,a{
    width: 49%;
    height: 48px;
    border-radius: 24px;
}

.card-submit-donation .donate-btn {
    background-color: #e86f04;
}

.card-submit-donation .add-to-cart {
    background-color: #0e723a;
}

@media (max-width: 1199px) {

    .card-submit-donation button {
        /* width: 100% !important; */
        margin-bottom: 7px;
    }
}

/*@media (max-width: 473px) {*/

/*    .card-submit-donation button {*/
/*        width: 100% !important;*/
/*        margin-bottom: 7px;*/
/*    }*/
/*}*/

/*cart styles*/
.item-container {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.item-image {
    width: 115px;
    height: 116px;
    border-radius: 8px;
}

.cart-item-titles {
    display: inline-block;
    margin-right: 5px;
    font-size: 17px;
    font-weight: 700;
    color: #000000;
    text-align: right;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}

.cart-item-sm-title {
    color: #0e723a;
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: right;
}

.cart-trash-btn {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background-color: #e80505;
    margin-top: 31px;
    font-size: 20px;
}

.cart-total-price {
    font-size: 17px;
    font-weight: 600;
}

.continue-ordering-btn {
    margin-top: 82px;
    width: 262px;
    height: 40px;
}

.empty-cat-img {
    text-align: center;
    height: 400px;
}

/*labels prices*/

.prices_content .label{
    padding: 5px 10px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
}

.prices_content .label-default{
    background-color: #e9ecef;
}

.prices_content .label-primary{
    background-color: #377dba;
    color: white;
}

/*checkbox*/


/* Hide the browser's default radio button */
.mt-radio input {
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.mt-radio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.mt-radio input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.mt-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.mt-radio .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
.mt-radio .title {
    margin: 0px 30px;
}