.dotstyle-fillin {
    padding: 0!important;
}
.dotstyle li {
    margin: 0 calc(6px + 1vw)!important;
}

body{
    font-family: 'Tajawal', sans-serif;
}
.dotstyle-fillin li a {
    background-color: transparent;
    box-shadow: inset 0 0 0 3px #FF5555;
}
.dotstyle-fillin li a:hover, .dotstyle-fillin li a:focus {
    box-shadow: inset 0 0 0 3px #FF5555;
}
.dotstyle:nth-child(4n), .dotstyle:nth-child(4n-3) {
    background-color: white
}
.dotstyle-fillin li.current a {
    box-shadow: inset 0 0 0 11px #FF5555;
}	

.center-text{
    direction: rtl;
    height:50px;
    background-color:#FF5555;
    width:100%;
    font-size:30px;color:white;
    text-align:center;
    width:100%
}
.left-flag{
    max-width:50px;

    border-top:    25px solid #FF5555;
    border-right:  25px solid #FF5555; 
    border-bottom: 25px solid #FF5555;
    border-left: 25px solid white;
    width:0!important;
    height:0;
}
.right-flag{
    max-width:50px;
    border-top:    25px solid #FF5555;
    border-right:  25px solid white; 
    border-bottom: 25px solid #FF5555;
    border-left: 25px solid #FF5555;
    width:0!important;
    height:0;
}

#countries_child{
    overflow-y:scroll!important
}
label.error{
    display:block;
}
#operator option {
    font-weight: bold;
}
select , input, #countries_msdd , button:not(.navbar-toggler){
    min-height: 35px;
    width:100% ;
    margin:  0 0  18px 0  !important;
}
button:not(.navbar-toggler){

    width:100%!important
}



#price_div a{
    color:#f8b479!important;
}


.reg_tbl{
    width:95vw;
    max-width:530px;
}
.reg-contnr{
    display: flex; justify-content: center;
    width:95vw;
    max-width:530px;
}
.dd .ddTitle {
    background:0!important;
}
#countries_title , #countries_msdd{
    background-color:unset!important;
}
.reg-tbl{
    width:100%;
}

.dd .divider {
    display: none;}
#operator , .ddlabel, #countries_title{
    cursor: pointer;
    text-align-last:center;
    color:#555;
    font-size:16px;
    -webkit-appearance: none; appearance: none;border:unset;
    margin-top: 7px !important;
}
.divider-vir{
    width:1px;
    background-color: #777;
    height: 47px;
    margin:5px auto;
}
.op-td{
    padding-right:20px;
}
.arrowoff{
    display: none!important;
}
textarea:focus, input:focus, select:focus{
    outline: none;
}
.country-td , .op-td{
    width:49%!important
}

.ddcommon {
    width:100%!important
}
.phone{
    margin-top: 25px !important;
    font-size:17px!important;
}
.md-spacer{
    height:90px;
}
.pos-rel{
    position: relative;
}
#visible_key{
    font-size:20px;
    color:gray;
    text-align-last:center;
    border:0;
    width:80px;
    position: absolute;
    top: 36px;  
    left: 15px;
    border-right: solid 1px gray;
}
form{
    width: 100%;
}
.immunityfont{
    display: flex;
    justify-content: center;
    padding: 0 15px;
}
#countries_msdd{
    background-color:transparent!important;
}
.bmi{
    text-align: center;
    height:90px;
    color: #3a4532;
    font-size :13px;
    width : auto;
    max-width: 216px;
    padding:15px;
    border-radius: 5px;
    background-color:rgba(255, 85, 85, 0.4) ;
    box-shadow: 1px 1px 3px 1px gray;
    margin-right:15px;
    margin-top:20px;
}
.bmiR{
    text-align: center;
    height:90px;
    color: #3a4532;
    font-size :12px;
    width : auto;
    max-width: 216px;
    padding:9px 20px;
    text-align: right;
    border-radius: 5px;
    background-color:rgba(71, 180, 0, 0.4);
    box-shadow: 1px 1px 3px 1px gray;
    margin-right:15px;
    margin-top:20px;
}
.active-sts{
    border: solid 1px white;
}
button:not(.navbar-toggler){
    color:white;font-size:25px; background:linear-gradient(to left, #47B400, #C7EAB2 60%, #C7EAB2 40%, #47B400 100%);width:100%;height:60px;border:solid #C7EAB2 5px; border-radius:30px;text-align: center;font-size: 24px;font-weight: bold;
}
label.error{
    color: red;
    text-align: center;
    width: 100%;
    font-size: 16px;
    padding-bottom: 10px;
}

@media only screen and (max-width: 600px) {
    .bmi {
        font-size :13px;
    }
}

.calories{
    width:100%;   
}
.calories {
    padding-left: 0;
}
.calories li{
    list-style: none;
    width:100%;
    background-color:rgba(71, 180, 0, 0.4);
    height:50px;
    margin-bottom:2px;
    direction: rtl;
}
.calories .cal-hd, .swap-head{
    background-color:rgb(71, 180, 0);
    height:60px;
    margin-bottom:5px; 
    box-shadow: 1px 1px 3px 1px gray;
    border-radius:3px;
    color:white;
    font-size:18px;
    padding:10px;
    text-align: center;
}
.swap-head{
    box-shadow: 1px 1px 3px 1px rgb(71, 180, 0 , 0.7);
    background-color:white;
}
.swap-head h5{  
    padding-top: 15px;
}
.cal-bd .day{
    height:100%;
    width:25%;
    font-size:20px;
    fonr-weight:300;
    border-left:solid 1px gray;
    color:white;
    min-height: 50px;
    padding: 10px;
    text-align: center;
}
.cal-bd .text{
    position: absolute;
    background-color: transparent;
    width:75%;
    color:  #444;
    font-size:14px;
    fonr-weight:300;
    top:13px;
    right:33px;
}
.cal-bd ul{
    padding:0;
    width:100%;
}   
.cal-bd ul{
    direction: rtl;  
    position: relative;
}
.day-hd{
    color:#444;
    font-size:18px;
}
.rt-arrow, .lt-arrow{
    padding: 10px 18px;
    border-radius: 100%;

}
.rt-arrow:hover, .lt-arrow:hover{
    transition: 1s;
    background-color: rgb(71, 180, 0 , 0.3);
    color:black;
    text-decoration: none;
    border-radius: 100%;
    padding: 10px 18px;
    box-shadow: 1px 1px 3px 1px #888;
}

.meals-card-cont{
    padding-top:15px;
    background-color: white;
    border-radius: 5px;
    margin-bottom: 15px;
}

.no-padding{
    padding: 0;    
}
.padding-sm{
    margin-bottom: 10px;
}
@media only screen and (max-width:767px){
    .clories-hide{
        display: none;
    }
    .padding-sm{
        padding: 0 15px;
    }
}
.card{
    max-height:400px;
    height:400px;
    border-radius: 8px;
    box-shadow: 1px 1px 10px 1px rgb(71, 180, 0);
    margin-bottom: 20px;
}
h5.title{
    height:80px!important;
    color: rgb(71, 180, 0);
    text-align: center;
    border-bottom: solid 1px  rgb(71, 180, 0);
    padding:10px;
    font-size:17px;
}
.meal-desc{
    padding:5px 10px;
    direction: rtl;
    text-align: center;
    max-height: 30%;
    height: 30%;
    overflow-y: auto;
} 
.meal-cal{
    direction: rtl;
    padding:5px 10px;
    text-align: center;
    height: 40px;
    background-color: #FF5555;
    color:white;
}
.card img{
    height:42%!important;
    border-radius: 8px 8px 0 0;;
}
.lsvg, .rsvg{
    width:20px;
    height:20px;
}
.img-ssl{
    width:50px;
    height:50px;
}
.lsvg{
    -webkit-transform:rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
nav{
    border-bottom: solid 1px rgb(71, 180, 0);

}
footer{
    border-top: solid 1px rgb(71, 180, 0);
    direction: rtl;
    background-color: #f8f9fa!important
}
footer h5, footer p{
    text-align: right;
}
.text-uppercase, .day-hd{
    color:rgb(71, 180, 0);
}
.flx-footer .row{
    display: flex;
    justify-content: center;
}
.social a{
    margin:10px;
}
.social{
    margin-top: 30px!important;
    width: auto;
}
.gr-col {
    color:rgb(71, 180, 0);
}
.title-text{
    margin-right: calc(20vw - 58px);
    position: absolute;
    top:10vh;
    margin-left: auto;
    left: 0;
    right: 0;
    direction: rtl;
    text-align: center;
    height:110px;
    color: white;
    font-size :16px;
    width : auto;
    max-width: 216px;
    padding:10px;
    border-radius: 5px;
    background-color:rgba(255, 255, 255, 0.6) ;
    box-shadow: 1px 1px 3px 1px gray;
    margin-top:20px;
}
.title-text2{
    margin-right: calc(20vw - 58px);
    position: absolute;
    top:-5px;
    margin-left: auto;
    left: 0;
    right: 0;
    direction: rtl;
    text-align: center;
    height:90px;
    color: white;
    font-size :16px;
    width : auto;
    max-width: 216px;
    padding:10px;
    border-radius: 5px;
    background-color:rgba(255, 255, 255, 0.6) ;
    box-shadow: 1px 1px 3px 1px gray;
    margin-top:20px;
}
.title-text3{
    margin-right: calc(20vw - 58px);
    position: absolute;
    top:95px;
    margin-left: auto;
    left: 0;
    right: 0;
    direction: rtl;
    text-align: center;
    height:90px;
    color: white;
    font-size :16px;
    width : auto;
    max-width: 216px;
    padding:10px;
    border-radius: 5px;
    background-color:rgba(255, 255, 255, 0.6) ;
    box-shadow: 1px 1px 3px 1px gray;
    margin-top:20px;
}
.title-text .a, .title-text2 .a, .title-text3 .a{
    font-size:16px;
    color: #3a4532;
    font-weight: bold;
} 
.title-text .b, .title-text2 .b, .title-text3 .b{
    font-size: 18px;
    color: #47B400;
    font-weight: bold;

} 
.title-text .c, .title-text2 .c, .title-text3 .c{
    color: #3a4532;
    font-size: 14px;
    font-weight: bold;


}
p{
    direction: rtl
}