html, body {
    height: 100vh;
}

.parent > .row {
    display: flex;
    align-items: center;
    height: 100%;
}

.col img {
    cursor: pointer;
    transition: transform 1s;
    object-fit: cover;
}

.col label {
    overflow: hidden;
    position: relative;
}

.imgbgchk:checked + label > .tick_container {
    opacity: 1;
}

.imgbgchk:checked + label > img {
    transform: scale(1.25);
    opacity: 0.3;
}

.input-location {
    background-color: #BCE2FF !important;
    border: 2px solid #0068d1 !important;
    border-radius: 0;
    text-align: left !important;
    color: black !important;
    font-weight: bold;
    line-height: 2 !important;
}

.service_item {
    height: 53px !important;
    cursor: pointer;
}

.input-location::placeholder {
    color: black !important;
    opacity: 1; /* Firefox */
    font-weight: bold !important;;

}

.input-location:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black !important;
    font-weight: bold !important;;

}

.input-location::-ms-input-placeholder { /* Microsoft Edge */
    color: black !important;
    font-weight: bold !important;;

}

.input-location-label {
    color: black !important;
    font-weight: bold !important;;

}

.quantity .plus, .quantity .minus {
    display: block;
    cursor: pointer;
    padding: 0;
    width: 23px;
    height: 23px;
    line-height: 20px;
    text-align: center;

    font-size: 1rem;
    font-weight: bold;
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    border-radius: 50%;
    border: 2px solid black;
    background-color: #BCE2FF !important;
    color: #000 !important;
}

.quantity .qty {
    width: 23px;
    height: 23px;
    line-height: 20px;
    border: 0;
    background-color: rgba(10, 10, 10, 0) !important;
    color: #000 !important;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
}

#comment_textarea {
    padding-right: 4px;
    padding-left: 4px;
    margin: 0;
    border: unset;
    font-weight: bolder;
}

#comment_dev {
    padding: 3px;
    margin: 0;
    border: unset;
}
#tag_name_textarea {
    padding-right: 4px;
    padding-left: 4px;
    margin: 0;
    border: unset;
    font-weight: bolder;
    background-color: #BCE2FF !important;
}

#tag_name_dev {
    padding: 3px;
    margin: 0;
    border: unset;
}

#tag_name_textarea {
    background-color: #BCE2FF !important;
}

#tag_name_textarea::placeholder {
    color: black !important;

}

#tag_name_textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black !important;

}

#tag_name_textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: black !important;
}


.btn_name_tag {
    background-color: #BCE2FF !important;
    border-color: #0068d1 !important;
}

.btn_name_tag:checked {
    border-color: #0068d1 !important;
}

.btn_name_tag_click {
    background-color: #0068D1 !important;
    border-color: rgb(0 104 209) !important;
    border-top-color: rgb(0, 104, 209) !important;
    border-right-color: rgb(0, 104, 209) !important;
    border-bottom-color: rgb(0, 104, 209) !important;
    border-left-color: rgb(0, 104, 209) !important;
}

.additional_features_body {
    background-color: #BCE2FF !important;
    color: #000 !important;
    overscroll-behavior-y: auto;
    height: 150px;
    overflow-y: scroll;
    float: left;
    margin-bottom: 25px;
}

.additional_features_body > .row > .col-8 > h6 {
    color: #000;
}

.additional_features_body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.additional_features_body::-webkit-scrollbar {
    width: 5px;
    background-color: #06c;
}

.additional_features_body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #06c;
}


hr.hr-1 {
    border: 0;
    height: 3px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #0068d1, rgba(0, 0, 0, 0));
}

.service_select {
    border-color: #0068D1 !important;
    background-color: #0068D1 !important;
}

#comment_textarea {
    background-color: #BCE2FF !important;
}

#comment_textarea::placeholder {
    color: black !important;

}

#comment_textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black !important;

}

#comment_textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: black !important;
}

#tag_name_dev {
    background-color: #BCE2FF !important;
}

#tag_name_dev::placeholder {
    color: black !important;

}

#tag_name_dev:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black !important;

}

#tag_name_dev::-ms-input-placeholder { /* Microsoft Edge */
    color: black !important;
}

.dark .form-control:not(.not-dark), .dark .sm-form-control:not(.not-dark), .dark .form-select:not(.not-dark) {

    color: black !important;
}
.payment_btn{
    border : none;
    /*border-color: #000 !important;*/
}
.payment_btn_selected{
    border: 1px solid;
    border-color: #008fff !important;
}
.is-invalid{
    border-color: #dc3545 !important;
    background-color: #BCE2FF !important;

    border-radius: 0;
    text-align: left !important;
    color: black !important;
    font-weight: bold;
    line-height: 2 !important;
}
.apply_coupon:read-only{
    background-color: #008fff !important;
    color: #fafafa !important; ;
}