#bld_grp_sections div,
.bld_grp div {
    box-shadow: 0 0 13px 3px #d8eded;
    font-weight: bolder;
    font-size: 22px;
    margin: 10px 5px;
    text-align: center;
    cursor: pointer;
    float: right
}

.blood-calc-block {
    padding: 30px 0;
    border-radius: 10px
}

#bld_grp_sections div,
.bld_grp div {
    width: 20%;
    padding: 20px 10px;
    border-radius: 50%;
    color: #d64542;
    background: #fff;
    border: 1px solid #e4f7f7
}

#bld_grp_sections div {
    width: 14%;
    padding: 15px 10px;
    border-radius: 50%;
    color: #fff
}

#bld_grp_sections div.a {
    background: #d70206
}

#bld_grp_sections div.b {
    background: #f05b4f
}

#bld_grp_sections div.ab {
    background: #f4c63d
}

#bld_grp_sections div.o {
    background: #d17a07
}

.blood-calc-block {
    display: inline-block;
    width: 100%;
    margin: 0 auto
}

.bld_grp div.active {
    background: #d44944;
    color: #fff;
    cursor: pointer
}

.bld_grp div:focus,
.bld_grp div:hover {
    border: 1px solid #e86363;
    color: #e86363;

}


.head_lines,.res-head {
       font-size: 20px;
       text-align: center;
      color: #262626;
      font-weight: 600;
            }

.bld_grp div.clear {
    display: none
}

.clear {
    clear: both;
    line-height: 20px;
    margin: 10px!important;
}
.clear {
    float: none;
}
#bld_grp,
#bld_grp_rh {
    float: right
}

label#bld_typ,
label#bldrh_typ {
    float: right;
    padding-left: 10px;
    font-weight: 400
}

#bld_grp div {
    float: right;
    padding: 0 2px
}

#bld_grp div span:after {
    content: "(أو)";
    padding-right: 5px
}

#bld_grp div:last-child span:after {
    content: ""
}

.bld_block {
    padding: 20px
}

.block_bld {
    margin-right: 10%;
    margin-left: 10%
}
@media only screen and (max-width: 767px) {

    .block_bld {
        margin: 0
    }
    #bld_grp_sections div,
    .bld_grp div {
        font-size: 15px;
        padding: 10px
    }
    .head_lines {
        text-align: center;
        width: 100%;
         float: right;
    }
    .bld_block {
        padding: 0 5px;
        display: inline-block;
        width: 100%;
    }
    .res-head {
    font-size: 15px!important;
    text-align: center;
    color: #262626;
    font-weight: 600;

}
    #bld_grp_sections div {
        border: 1px solid;
        margin: 0 auto;
        float: right;
        width: 50px;
        text-align: center
    }
}