/* For large devices (desktops) */
@media only screen and (min-width: 1025px) {
    .bc-container{
        width: 100%;
        max-width: 400px;
        padding: 60px 15px;
        margin: auto;
    }

    .bc-container-notification{
        width: 100%;
        max-width: 800px;
        min-height: 50vh !important;
        padding: 0px 15px;
        margin: auto;
        border-radius: 10px;
        box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.10);
        -webkit-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.10);
        -moz-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.10);
    }
    

    .bc-px-section{
        padding: 0px 10px;
    }

    .img-logo {
        width: 45%;
        margin-bottom: 5px;
    }

    .tagline-logo{
        font-size: 14px; 
        color: #00664F; 
    }
}

/* For medium devices (tablets) */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
    .bc-container{
        width: 100%;
        max-width: 500px;
        padding: 60px 15px;
        margin: auto;
    }

    .bc-container-notification{
        width: 100%;
        max-width: 600px;
        min-height: 50vh !important;
        padding: 0px 15px;
        margin: auto;
        border-radius: 10px;
        box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.10);
        -webkit-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.10);
        -moz-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.10);
    }

    .bc-px-section{
        padding: 0px 10px;
    }

    .img-logo {
        width: 45%;
        margin-bottom: 12px;
    }

    .tagline-logo{
        font-size: 18px; 
        color: #00664F; 
    }
}

/* For small devices (phones) */
@media only screen and (max-width: 600px) {
    .bc-container{
        width: 100%;
        padding: 60px 15px;
        margin: auto;
    }

    .bc-container-notification{
        width: 100%;
        min-height: 50vh !important;
        padding: 0px 15px;
        margin: auto;
        border-radius: 10px;
        box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.10);
        -webkit-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.10);
        -moz-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.10);
    }

    .bc-px-section{
        padding: 0px 25px;
    }

    .img-logo {
        width: 45%;
        margin-bottom: 5px;
    }

    .tagline-logo{
        font-size: 14px; 
        color: #00664F; 
    }
}



.no-border{border: 1px solid #F5F5F5; border-color: #F5F5F5; box-shadow: none;}
.no-border:focus{border: 1px solid #F5F5F5; border-color: #F5F5F5; box-shadow: none;}

.bc-iborder-radius{ border-radius: 10px !important;}
.bc-igroup-border-radius{ border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important;}

.bc-bg-grey{background-color: #F5F5F5 !important;}
.bc-bg-black{background-color: #00664F !important;}
/* .bc-bg-black{background-color: #000000 !important;} */
.bc-color-grey{color: #B6B6B6 !important;}
.bc-color-grey2{color: #AFAFAF !important;}
.bc-color-black{color: #000000 !important;}
.bc-color-white{color: #FFFFFF !important;}


.bc-igroup-icon{border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important;}

.btn.bc-btn{
    background-color: #00664F !important;
    color: #ffffff !important;
}

.btn.bc-btn:disabled{
    background-color: #BBBBBB !important;
    color: #ffffff !important;
}

.btn.bc-btn:hover {
    border: 1px solid transparent !important;
    transition: 1s;
}

.btn:disabled{
    border: none !important;
}


.btn.bc-btn-black{
    background-color: #000000 !important;
    color: #ffffff !important;
}

.btn.bc-btn-black:disabled{
    background-color: #BBBBBB !important;
    color: #ffffff !important;
}


.select2-container--bootstrap-5 .select2-selection {
    border: 1px solid #f5f5f5;
}

.select2-container--bootstrap-5 .select2-selection--single {
    background-color: #f5f5f5 !important;
    padding: 0.8rem !important;
    height: 3.2rem !important;
    border: 1px solid #f5f5f5 !important;
    border-color: #f5f5f5;
    border-radius: 10px !important;
    background-repeat: no-repeat !important;
    background-position: right .75rem center !important;
    background-size: 16px 12px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

.is-invalid+.select2-container--bootstrap-5 .select2-selection, .was-validated select:invalid+.select2-container--bootstrap-5 .select2-selection {
    border-color: #dc3545 !important;
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #f5f5f5 !important;
    box-shadow: none !important;
    background-image: none !important;
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #f5f5f5 !important;
    box-shadow: none !important;
    background-image: none !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: #f5f5f5 !important;
    box-shadow: none;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    color: #000000 !important;
    font-weight: 500 !important;
    background-color: #e9ecef !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: #ced4da !important;
    box-shadow: none !important;
}

.select2-container--bootstrap-5 .select2-dropdown {
    background-color: #f5f5f5 !important;
    border-color: #ced4da !important;
    border-radius: 10px !important;
    font-size: 14px !important;
}

.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above {
    border-bottom: 1px solid #ced4da !important;
    margin: -5px 0px !important;
}

.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
    border-top: 1px solid #ced4da !important;
    margin: 5px 0px !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search {
    padding: 10px !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option .foo {
    font-size: 10px;
    color: grey;
}

.bc-input-err {border: 1px solid red !important;}

ul{list-style-type: none !important;}

.form-check-input {
    border: 1px solid #000000 !important;
}
.form-check-input:checked {
    background-color: #000000 !important;
    border-color: #000000 !important;
    box-shadow: none !important;
}

.form-check-input:active {
    background-color: #000000 !important;
    border-color: #000000 !important;
    box-shadow: none !important;
}

/* MARGIN TOP */
.bc-mt-5{margin-top: 5% !important;}
.bc-mt-10{margin-top: 10% !important;}
.bc-mt-15{margin-top: 15% !important;}
.bc-mt-20{margin-top: 20% !important;}
.bc-mt-25{margin-top: 25% !important;}
.bc-mt-30{margin-top: 30% !important;}
.bc-mt-35{margin-top: 35% !important;}
.bc-mt-40{margin-top: 40% !important;}
.bc-mt-45{margin-top: 45% !important;}
.bc-mt-50{margin-top: 50% !important;}
.bc-mt-55{margin-top: 55% !important;}
.bc-mt-60{margin-top: 60% !important;}
.bc-mt-65{margin-top: 65% !important;}
.bc-mt-70{margin-top: 70% !important;}
.bc-mt-75{margin-top: 75% !important;}
.bc-mt-80{margin-top: 80% !important;}
.bc-mt-85{margin-top: 85% !important;}
.bc-mt-90{margin-top: 90% !important;}
.bc-mt-95{margin-top: 95% !important;}
.bc-mt-100{margin-top: 100% !important;}

/* MARGIN BOTTOM */
.bc-mb-5{margin-bottom: 5% !important;}
.bc-mb-10{margin-bottom: 10% !important;}
.bc-mb-15{margin-bottom: 15% !important;}
.bc-mb-20{margin-bottom: 20% !important;}
.bc-mb-25{margin-bottom: 25% !important;}
.bc-mb-30{margin-bottom: 30% !important;}
.bc-mb-35{margin-bottom: 35% !important;}
.bc-mb-40{margin-bottom: 40% !important;}
.bc-mb-45{margin-bottom: 45% !important;}
.bc-mb-50{margin-bottom: 50% !important;}
.bc-mb-55{margin-bottom: 55% !important;}
.bc-mb-60{margin-bottom: 60% !important;}
.bc-mb-65{margin-bottom: 65% !important;}
.bc-mb-70{margin-bottom: 70% !important;}
.bc-mb-75{margin-bottom: 75% !important;}
.bc-mb-80{margin-bottom: 80% !important;}
.bc-mb-85{margin-bottom: 85% !important;}
.bc-mb-90{margin-bottom: 90% !important;}
.bc-mb-95{margin-bottom: 95% !important;}
.bc-mb-100{margin-bottom: 100% !important;}

/* MARGIN LEFT */
.bc-ml-5{margin-left: 5% !important;}
.bc-ml-10{margin-left: 10% !important;}
.bc-ml-15{margin-left: 15% !important;}
.bc-ml-20{margin-left: 20% !important;}
.bc-ml-25{margin-left: 25% !important;}
.bc-ml-30{margin-left: 30% !important;}
.bc-ml-35{margin-left: 35% !important;}
.bc-ml-40{margin-left: 40% !important;}
.bc-ml-45{margin-left: 45% !important;}
.bc-ml-50{margin-left: 50% !important;}
.bc-ml-55{margin-left: 55% !important;}
.bc-ml-60{margin-left: 60% !important;}
.bc-ml-65{margin-left: 65% !important;}
.bc-ml-70{margin-left: 70% !important;}
.bc-ml-75{margin-left: 75% !important;}
.bc-ml-80{margin-left: 80% !important;}
.bc-ml-85{margin-left: 85% !important;}
.bc-ml-90{margin-left: 90% !important;}
.bc-ml-95{margin-left: 95% !important;}
.bc-ml-100{margin-left: 100% !important;}

/* MARGIN RIGHT */
.bc-mr-5{margin-right: 5% !important;}
.bc-mr-10{margin-right: 10% !important;}
.bc-mr-15{margin-right: 15% !important;}
.bc-mr-20{margin-right: 20% !important;}
.bc-mr-25{margin-right: 25% !important;}
.bc-mr-30{margin-right: 30% !important;}
.bc-mr-35{margin-right: 35% !important;}
.bc-mr-40{margin-right: 40% !important;}
.bc-mr-45{margin-right: 45% !important;}
.bc-mr-50{margin-right: 50% !important;}
.bc-mr-55{margin-right: 55% !important;}
.bc-mr-60{margin-right: 60% !important;}
.bc-mr-65{margin-right: 65% !important;}
.bc-mr-70{margin-right: 70% !important;}
.bc-mr-75{margin-right: 75% !important;}
.bc-mr-80{margin-right: 80% !important;}
.bc-mr-85{margin-right: 85% !important;}
.bc-mr-90{margin-right: 90% !important;}
.bc-mr-95{margin-right: 95% !important;}
.bc-mr-100{margin-right: 100% !important;}



/* PADDING TOP */
.bc-pt-5{padding-top: 5% !important;}
.bc-pt-10{padding-top: 10% !important;}
.bc-pt-15{padding-top: 15% !important;}
.bc-pt-20{padding-top: 20% !important;}
.bc-pt-25{padding-top: 25% !important;}
.bc-pt-30{padding-top: 30% !important;}
.bc-pt-35{padding-top: 35% !important;}
.bc-pt-40{padding-top: 40% !important;}
.bc-pt-45{padding-top: 45% !important;}
.bc-pt-50{padding-top: 50% !important;}
.bc-pt-55{padding-top: 55% !important;}
.bc-pt-60{padding-top: 60% !important;}
.bc-pt-65{padding-top: 65% !important;}
.bc-pt-70{padding-top: 70% !important;}
.bc-pt-75{padding-top: 75% !important;}
.bc-pt-80{padding-top: 80% !important;}
.bc-pt-85{padding-top: 85% !important;}
.bc-pt-90{padding-top: 90% !important;}
.bc-pt-95{padding-top: 95% !important;}
.bc-pt-100{padding-top: 100% !important;}

/* PADDING BOTTOM */
.bc-pb-5{padding-bottom: 5% !important;}
.bc-pb-10{padding-bottom: 10% !important;}
.bc-pb-15{padding-bottom: 15% !important;}
.bc-pb-20{padding-bottom: 20% !important;}
.bc-pb-25{padding-bottom: 25% !important;}
.bc-pb-30{padding-bottom: 30% !important;}
.bc-pb-35{padding-bottom: 35% !important;}
.bc-pb-40{padding-bottom: 40% !important;}
.bc-pb-45{padding-bottom: 45% !important;}
.bc-pb-50{padding-bottom: 50% !important;}
.bc-pb-55{padding-bottom: 55% !important;}
.bc-pb-60{padding-bottom: 60% !important;}
.bc-pb-65{padding-bottom: 65% !important;}
.bc-pb-70{padding-bottom: 70% !important;}
.bc-pb-75{padding-bottom: 75% !important;}
.bc-pb-80{padding-bottom: 80% !important;}
.bc-pb-85{padding-bottom: 85% !important;}
.bc-pb-90{padding-bottom: 90% !important;}
.bc-pb-95{padding-bottom: 95% !important;}
.bc-pb-100{padding-bottom: 100% !important;}

/* PADDING LEFT */
.bc-pl-5{padding-left: 5% !important;}
.bc-pl-10{padding-left: 10% !important;}
.bc-pl-15{padding-left: 15% !important;}
.bc-pl-20{padding-left: 20% !important;}
.bc-pl-25{padding-left: 25% !important;}
.bc-pl-30{padding-left: 30% !important;}
.bc-pl-35{padding-left: 35% !important;}
.bc-pl-40{padding-left: 40% !important;}
.bc-pl-45{padding-left: 45% !important;}
.bc-pl-50{padding-left: 50% !important;}
.bc-pl-55{padding-left: 55% !important;}
.bc-pl-60{padding-left: 60% !important;}
.bc-pl-65{padding-left: 65% !important;}
.bc-pl-70{padding-left: 70% !important;}
.bc-pl-75{padding-left: 75% !important;}
.bc-pl-80{padding-left: 80% !important;}
.bc-pl-85{padding-left: 85% !important;}
.bc-pl-90{padding-left: 90% !important;}
.bc-pl-95{padding-left: 95% !important;}
.bc-pl-100{padding-left: 100% !important;}

/* PADDING RIGHT */
.bc-pr-5{padding-right: 5% !important;}
.bc-pr-10{padding-right: 10% !important;}
.bc-pr-15{padding-right: 15% !important;}
.bc-pr-20{padding-right: 20% !important;}
.bc-pr-25{padding-right: 25% !important;}
.bc-pr-30{padding-right: 30% !important;}
.bc-pr-35{padding-right: 35% !important;}
.bc-pr-40{padding-right: 40% !important;}
.bc-pr-45{padding-right: 45% !important;}
.bc-pr-50{padding-right: 50% !important;}
.bc-pr-55{padding-right: 55% !important;}
.bc-pr-60{padding-right: 60% !important;}
.bc-pr-65{padding-right: 65% !important;}
.bc-pr-70{padding-right: 70% !important;}
.bc-pr-75{padding-right: 75% !important;}
.bc-pr-80{padding-right: 80% !important;}
.bc-pr-85{padding-right: 85% !important;}
.bc-pr-90{padding-right: 90% !important;}
.bc-pr-95{padding-right: 95% !important;}
.bc-pr-100{padding-right: 100% !important;}



/* FONT SIZE */
.bc-fs-1{font-size: 1px !important;}
.bc-fs-2{font-size: 2px !important;}
.bc-fs-3{font-size: 3px !important;}
.bc-fs-4{font-size: 4px !important;}
.bc-fs-5{font-size: 5px !important;}
.bc-fs-6{font-size: 6px !important;}
.bc-fs-7{font-size: 7px !important;}
.bc-fs-8{font-size: 8px !important;}
.bc-fs-9{font-size: 9px !important;}
.bc-fs-10{font-size: 10px !important;}
.bc-fs-11{font-size: 11px !important;}
.bc-fs-12{font-size: 12px !important;}
.bc-fs-13{font-size: 13px !important;}
.bc-fs-14{font-size: 14px !important;}
.bc-fs-15{font-size: 15px !important;}
.bc-fs-16{font-size: 16px !important;}
.bc-fs-17{font-size: 17px !important;}
.bc-fs-18{font-size: 18px !important;}
.bc-fs-19{font-size: 19px !important;}
.bc-fs-20{font-size: 20px !important;}
.bc-fs-21{font-size: 21px !important;}
.bc-fs-22{font-size: 22px !important;}
.bc-fs-23{font-size: 23px !important;}
.bc-fs-24{font-size: 24px !important;}
.bc-fs-25{font-size: 25px !important;}
.bc-fs-26{font-size: 26px !important;}
.bc-fs-27{font-size: 27px !important;}
.bc-fs-28{font-size: 28px !important;}
.bc-fs-29{font-size: 29px !important;}
.bc-fs-30{font-size: 30px !important;}
.bc-fs-31{font-size: 31px !important;}
.bc-fs-32{font-size: 32px !important;}
.bc-fs-33{font-size: 33px !important;}
.bc-fs-34{font-size: 34px !important;}
.bc-fs-35{font-size: 35px !important;}
.bc-fs-36{font-size: 36px !important;}
.bc-fs-37{font-size: 37px !important;}
.bc-fs-38{font-size: 38px !important;}
.bc-fs-39{font-size: 39px !important;}
.bc-fs-40{font-size: 40px !important;}
.bc-fs-41{font-size: 41px !important;}
.bc-fs-42{font-size: 42px !important;}
.bc-fs-43{font-size: 43px !important;}
.bc-fs-44{font-size: 44px !important;}
.bc-fs-45{font-size: 45px !important;}
.bc-fs-46{font-size: 46px !important;}
.bc-fs-47{font-size: 47px !important;}
.bc-fs-48{font-size: 48px !important;}
.bc-fs-49{font-size: 49px !important;}
.bc-fs-50{font-size: 50px !important;}
.bc-fs-51{font-size: 51px !important;}
.bc-fs-52{font-size: 52px !important;}
.bc-fs-53{font-size: 53px !important;}
.bc-fs-54{font-size: 54px !important;}
.bc-fs-55{font-size: 55px !important;}
.bc-fs-56{font-size: 56px !important;}
.bc-fs-57{font-size: 57px !important;}
.bc-fs-58{font-size: 58px !important;}
.bc-fs-59{font-size: 59px !important;}
.bc-fs-60{font-size: 60px !important;}
.bc-fs-61{font-size: 61px !important;}
.bc-fs-62{font-size: 62px !important;}
.bc-fs-63{font-size: 63px !important;}
.bc-fs-64{font-size: 64px !important;}
.bc-fs-65{font-size: 65px !important;}
.bc-fs-66{font-size: 66px !important;}
.bc-fs-67{font-size: 67px !important;}
.bc-fs-68{font-size: 68px !important;}
.bc-fs-69{font-size: 69px !important;}
.bc-fs-70{font-size: 70px !important;}
.bc-fs-71{font-size: 71px !important;}
.bc-fs-72{font-size: 72px !important;}
.bc-fs-73{font-size: 73px !important;}
.bc-fs-74{font-size: 74px !important;}
.bc-fs-75{font-size: 75px !important;}
.bc-fs-76{font-size: 76px !important;}
.bc-fs-77{font-size: 77px !important;}
.bc-fs-78{font-size: 78px !important;}
.bc-fs-79{font-size: 79px !important;}
.bc-fs-80{font-size: 80px !important;}
.bc-fs-81{font-size: 81px !important;}
.bc-fs-82{font-size: 82px !important;}
.bc-fs-83{font-size: 83px !important;}
.bc-fs-84{font-size: 84px !important;}
.bc-fs-85{font-size: 85px !important;}
.bc-fs-86{font-size: 86px !important;}
.bc-fs-87{font-size: 87px !important;}
.bc-fs-88{font-size: 88px !important;}
.bc-fs-89{font-size: 89px !important;}
.bc-fs-90{font-size: 90px !important;}
.bc-fs-91{font-size: 91px !important;}
.bc-fs-92{font-size: 92px !important;}
.bc-fs-93{font-size: 93px !important;}
.bc-fs-94{font-size: 94px !important;}
.bc-fs-95{font-size: 95px !important;}
.bc-fs-96{font-size: 96px !important;}
.bc-fs-97{font-size: 97px !important;}
.bc-fs-98{font-size: 98px !important;}
.bc-fs-99{font-size: 99px !important;}
.bc-fs-100{font-size: 100px !important;}
