.order_form_section{background-color: #F3F4F6; padding-top: 40px;}
input {padding: 10px;width: 100%;font-size: 17px;border: 1px solid #aaaaaa;}
input.invalid {background-color: #ffdddd;}
.tab {display: none;}
button {background-color: #04AA6D;color: #ffffff;border: none;padding: 10px 20px;font-size: 17px;cursor: pointer;}
button:hover {opacity: 0.8;}
#prevBtn {background-color: #bbbbbb;    margin-right: 10px;}
.step {height: 15px;width: 15px;margin: 0 2px;background-color: #bbbbbb;border: none;border-radius: 50%;display: inline-block;opacity: 0.5;}
.step.active{opacity: 1;}
.step.finish {background-color: #04AA6D;}
.order_checkbox{width: 15px; height: 15px;}
#order_form, .alert{width: 100%; padding-bottom: 40px;}
.red, .error{color: red;}


   /*     order page design start 20-01-2022      */

    .order_form_section .virus_menu_wrap {
    margin-bottom: 0px;
}
.order_form_section #order_form h2 {
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 700;
}

.order_form_section #order_form .tab h3 {
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.2;
    font-size: 22px;
}

.order_form_section #order_form .tab h4 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700;
}

.order_form_section #order_form .tab p {
    font-size: 16px;
    margin-bottom: 20px;
}
.order_form_section #order_form .tab .row .col-md-9 p {
    margin-bottom: 0px;
}
.order_form_section #order_form .tab .row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px;
    align-items: flex-start;
}

.order_form_section #order_form .tab .row .col-md-3 {
    width: 20%;
}

.order_form_section #order_form .tab .row .col-md-3 label {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
}

.order_form_section #order_form .tab .row .col-md-9 {
    width: 80%;
}
.order_form_section #order_form .tab .row .col-md-9 input.box-ml-vaccines{
	width: 100%; box-sizing: border-box;
}

.virus_menu_wrap .msg_show .alert-success button.close {
    margin-left: 10px;
}
.order_complete {
    padding: 0px;
    background: #d4edda;
    cursor: pointer;
}
.order_incomplete{
	    padding: 0px;
    background: #f8d7da;
    cursor: pointer;
}
.order_complete .virus_menu_wrap, .order_incomplete .virus_menu_wrap {
    width: 100%;
    margin: 0 auto;
}

.order_complete .virus_menu_wrap .msg_show, .order_incomplete .virus_menu_wrap .msg_show {
    width: 100%;
}

.order_complete .virus_menu_wrap .msg_show .alert-success, .order_incomplete .virus_menu_wrap .msg_show .alert-danger{
    padding: 20px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
}
.order_complete .virus_menu_wrap .msg_show .alert-success span, .order_incomplete .virus_menu_wrap .msg_show .alert-danger span{margin-left: 40px;}
.order_complete .virus_menu_wrap .msg_show button.close {background: none;font-size: 30px;color: #155724;}
.order_incomplete .virus_menu_wrap .msg_show .alert-danger button.close{background: none ; font-size: 30px;color: #721c24;}
   /*     order page design end 20-01-2022      */










 /*     order page design open 20-01-2022 responsive tablate-view     */

@media only screen and (max-width:1024px) {
	  .order_form_section #order_form .tab .row .col-md-3 {
    		width: 30%;
}
	.order_form_section #order_form .tab .row .col-md-9 {
    		width: 70%;
}

}


@media only screen and (max-width:500px) {
	.order_form_section #order_form .tab .row {
    display: block;
}
	  .order_form_section #order_form .tab .row .col-md-3 {
    		width: 100%;
    		margin-bottom: 10px;
}
	.order_form_section #order_form .tab .row .col-md-9 {
    		width: 100%;
}

.order_form_section .virus_menu_wrap #order_form .order_btns>div {
    float: none !important;
    text-align: center;
}
}
 /*     order page design clsose 20-01-2022 responsive tablate-view     */