html{
    overflow-x:hidden!important;
}
 .card__options {
    right: 10px !important;
}
#styleOfLogoHospital{
    /*display:none!important;*/
    width:100%!important;
}
 /*start editting in scrollbar in cart*/
 #PartialcartOnMenu ::-webkit-scrollbar {
    width: 7px;
    border-radius:3px;
}
 #PartialcartOnMenu ::-webkit-scrollbar-track {
    background: #eee; 
    width: 7px;
    border-radius:10px;
}
#PartialcartOnMenu  ::-webkit-scrollbar-thumb {
    background: #777; 
    width: 7px;
    border-radius:10px;
}
#PartialcartOnMenu  ::-webkit-scrollbar-thumb:hover {
    background: #444; 
}
/*end editting in scrolbar in cart*/


/*start adding goole icon*/
@font-face {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
   src: url(iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
   src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(../iconfont/MaterialIcons-Regular.woff2) format('woff2'),
        url(../iconfont/MaterialIcons-Regular.woff) format('woff'),
        url(../iconfont/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/*end adding google icon*/


/*start styling shopping icon in navbar*/
.left-header .shoppingIcon{
    line-height: 3.5;
    margin-top: 3px;
}
/*end styling shopping icon in navbar*/

.navbar-toggle:before {
    content: "\f0c9";
    font-family: FontAwesome;
    color: #0064d3 !important;
    font-size: 20px;
}

.navbar-toggle {
    border: 0px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.container-fluid > .navbar-collapse {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-right: 0 !important;
    display: flex !important;
    justify-content: space-between;
    /*align-items: center;*/
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.container-fluid > .navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}

.navbar > .container-fluid .navbar-brand {
    margin-right: -15px;
    margin-left: -15px;
}
.navbar > .container-fluid .brand-large {
    margin-right: -30px;
}
nav {
    position: fixed !important;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1000;
    min-height: 60px !important;
}

.nav-placeholder {
    height: 95px;
}
@media (max-width: 768px){
.nav-placeholder {
    height: 60px!important;
}}
.navbar-brand {
    width: 200px;
}

.cart-toggle {
    float: left;
    color: #3289c8 !important;
    font-size: 36px;
    margin-top: 15px;
    margin-right: 20px;
    background: transparent;
    border: 0px;
    outline: 0px;
    position:relative;
}

    .cart-toggle:hover {
        color: rgba(255,255,255,0.8);
    }
    p.styleSecondParg{
        margin-left: 5px;
        text-align: left;
    }
@media (min-width: 992px) and (max-width: 1200px){
    .container-fluid > .navbar-collapse {
        padding-left: 0!important;
    }
    nav .brand-large {
        margin-left: 0 !important;
    }
    .navbar-brand {
        margin-top: 10px;
        padding-left: 0px !important;
        width: 150px !important;
    }
}
@media(max-width:930px) {
    .cart-toggle {
        font-size: 25px;
        margin-top: 22px;
        margin-right: 5px;
    }

    .navbar-brand {
        /*min-width: 100px !important;*/
        width: 135px !important;
        margin-bottom: 0px;
        margin-top: 0px;
    }
}
nav .left-header{
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important;
}
@media(max-width:768px) {

    button.navbar-toggle {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

nav .left-header {
    display: inline-block;
    float: left;
    margin-top: 8px !important;
}

    /*nav .left-header ul {
        display: inline-block;
    }*/

        nav .left-header ul .language_text {
            margin-left: 15px;
        }

nav .navbar-brand {
    float: right;
}

nav .brand-large {
    margin-left: 10px;
}

nav .brand-small {
    display: none;
}

@media(max-width:991px) {
    nav .brand-large {
        display: none;
    }

    nav .brand-small {
        display: inline-block;
    }

    nav .left-header ul .language_text {
        margin-top: 12px;
        margin-left:20px

    }
    nav .left-header ul .language_text a{
        font-size:18px;
        border-left: 1px solid rgba(255,255,255,0.5);
    }
}
.cart-count{
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #0064d3;
    font-size: 16px;
    text-align: center;
    top: -1px;
    right: -6px;
}


.search-medicines-page .cart-collapse .txt-primary {
    margin-top: 3pc;
}

/*cart collapse*/
.ScrollingCart{
    overflow-y: auto;
    max-height: 29pc;
}
.cart-collapse{
    max-width: 345px;
    position:absolute;
    background:white;
    top:70px;
    right:0px;
    padding:20px;
    border-radius:7px;
    font-size:18px;
    color:gray;
    box-shadow:0px 0px 20px rgba(0,0,0,0.2);
    z-index: 999 !important;

}
.cart-item-img,.cart-item-desc,.cart-item-trash,.cart-footer-info{
    display:inline-block;
    vertical-align:top;
}
.cart-item-img{
    width:70px;
    height:70px;

}
.img-responsive{
    max-height:100%;
}
.txt-primary{
    color:#0064d3;
}
.CartContainer a {
    color: #0064d3 !important;
}
.cart-collapse .txt-primary{
    font-weight:bold;
}
.cart-item-title{
    display:block;
}
.cart-item-desc{
    margin-left:20px;
    margin-right:20px;
    width: calc(100% - 143px);
}
.cart-item-trash{
    font-size:25px;
    position:absolute;
    right:25px;
    top: 50%;
    transform: translateY(-50%);
}
.cart-item-trash:hover{
    cursor:pointer;
    color:#0064d3;
}
.cart-item{
    margin-bottom:20px;
}
.cart-btn{
    font-size:17px;
    background-color: #0064d3 !important;
    border-color: #0064d3 !important;
}
.cart-btn:hover {
    background-color: transparent !important;
    color: #0064d3 !important;
    border-color: #0064d3 !important;
}
.cart-footer-info{
    margin-right:10px;
    line-height:18px;
}
.cart-footer{
    margin-top:20px;
    text-align:center;
}
.presc-btn{
    width:150px;
    font-size: 18px;
}
.cart-item-count{
    direction:rtl;
}
/*cart presc*/
.presc-title{
    text-align:center;
    display:inline-block;
    width:100%;
}
.presc-img{
    display:inline-block;
    width:70px;
    height:70px;
    overflow:hidden;
    border-radius:8px;
    position:relative;
    background:#cecece;
    vertical-align:middle;
}
.presc-img .fa-trash{
    position:absolute;
    bottom:5px;
    left:5px;
    color:#fff;
    text-shadow:0px 0px 5px black;
    font-size:20px;
}
.presc-img .fa-trash:hover{
    cursor:pointer;
    color:#cecece
}
.presc-img img{
    width:100%;
}
.presc-img-container{
    text-align:center;
    margin-bottom:10px;
    margin-top:10px;
    margin-left:-15px;
}
.add-presc-img{
    text-align:center;
    font-size:14px;
    padding:5px;
    color:#124678;
    /*margin:5px;*/
    opacity:0.7;
}
.add-presc-img:hover{
    opacity:1;
    cursor:pointer;
}
.add-presc-img .fa-plus-circle{
    width:100%;
    font-size:30px;
    margin-top:5px;
    
}
.presc-alt,.presc-note{
    width:100%;
    display:inline-block;
}
.presc-div{
    margin-bottom:10px;
}
.presc-cart .cart-item-img{
    width:60px;
    height:60px;
    overflow:hidden;
}
.presc-cart .cart-item-img img{
    width:100%;
}
.presc-cart{
    color:#333;
}
/*.presc-cart .cart-item-desc{
    width:150px;
}*/
.cart-items-container{
    max-height:180px;
    overflow:auto;
}
.cart-items-container2{
    max-height:9pc;
    overflow:auto;
}
.cart-items-container3{
    max-height:10pc;
    overflow:hidden;
    overflow-y:scroll;
}
.cart-item:last-of-type{
    margin-bottom:0px;
}
@media(max-width:335px){
    .cart-collapse{
        padding:10px;
    }
}
.empty-cart{
    width:288px;
    height:375px;
}
.emptycartbg {
    background-image: url('../Images/cart/7.png');
    width:100%;
    height:250px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}
.emptycart-btn{
    background-color:#50c56b;
    color:white;
}
.emptycart-btn:hover,.emptycart-btn:focus,.emptycart-btn:active,.emptycart-btn:active:hover{
    background-color:#33994b;
    color:white;
}
.txt-dark{
    color:#333;
}
.txt-grey{
    color:lightgray;
}
@media (max-width: 767px) {
    .ScrollingCart{
     width:auto;
}
    .navbar-default .navbar-nav > li > a {
        border-left: 0px;
    }
}
@media (min-width: 769px) {
    #bs-example-navbar-collapse-1 .lang-div {
        display: none !important;
    }
    .navbar-left .language_text {
        display: none!important;
    } 
}

@media (min-width: 769px) {
    .navLinks {
        display: block !important;
    }
}

@media (max-width: 991px) {
    .search-container {
        flex-direction: column;
        gap: 10px !important;
    }
    .navLinks .location-search,
    .navLinks .content-search {
        width: 90% !important;
    }
}

@media (max-width: 768px) {
    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: flex !important;
            flex-direction: column !important;
        }
    #seachOnDoctor {
        margin-left: 10px !important;
    }
    .navLinks {
        display: none;
    }
     .shownav {
        display: block;
    }
        .navLinks .formTitle {
            flex-direction: column;
            /*gap: 20px;*/
            margin-bottom: 0px !important;
        }

    form .formTitle h2 {
        font-size: 22px !important;
        text-align:center !important;
    }
    form .formTitle .doctorSignIn {
        width: 100% !important;
        justify-content: flex-end!important;
    }
    form .formTitle .doctorSignIn i {
        font-size: 14px !important;
    }

    form .formTitle .doctorSignIn a {
        font-size: 14px !important;
        color: black !important;
        padding-left: 10px !important;
    }

    .dropdown-container-new-page-resp{
        padding-top: 0px !important;
    }
    /* notifications menu */
    #UNOTIFICATION {
        position: static;
    }
    #UNOTIFICATION .notification-dropdown {
        width: calc(100% - 20px) !important;
    top: 70px;
    margin-right: 10px !important;
    }
    .navbar-nav .open .dropdown-menu {
        position: absolute !important;
        background-color: #fff !important;
        box-shadow: 0 6px 12px rgb(0 0 0 / 18%) !important;
    }
    .left-header .lang-div {
        display: none !important;
    }
}

.cart-collapse:before {
    content: "\f0d8" !important;
    position: fixed;
    color: white;
    top: 45px;
    left: 26px;
    font-size: 30px !important;
    font-family: FontAwesome;
}
.cart-collapse a.btn.btn-primary.cart-btn{
    margin-bottom:10px;
}



/*start styling color-profile medicine pages*/

.search-medicines-page textarea.form-control {
    width: 50%;
}
.search-medicines-page .add-presc-img:hover {
    opacity: 1;
        box-shadow: 1.5px 1.5px 22px grey;
}
.containerOfAddressStaticForm .addressStaticForm .bigContainerLinksFloat{
    float:left;
}
.containerHeadOfNotesBox .headOfNotesBox{
    text-align: right!important;
    font-weight: 900!important;

}
.presc-img-container {
    text-align: right;
    margin-bottom: 40px;
    margin-top: 10px;
}
.add-presc-img {
    color: #ffffff;
    background: #f17b21;
}
.add-presc-img {
    text-align: center;
    font-size: 12px;
    padding: 6px 5px 5px 5px;
    font-weight: 1000;
    color: #124678;
    opacity: unset;
}
.makeMarginBT{
    margin-bottom:20px;
    margin-top:20px;
}
.presc-img {
margin-right:10px;
}
.cart-footer .presc-btn {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 327px;
    font-size: 18px;
    font-weight: 900;
    padding: 10px;
    background-color: #0064d3 !important;
    color: #fff !important;
    border: 1px solid #0064d3 !important;
}
.cart-footer .presc-btn:hover {
    background-color: transparent !important;
    color: #0064d3 !important
}
.cart-footer {
    background-color: #e4e4e4;
}
.popover-title {
    color: #124678;
    padding: 8px 14px;
    margin: 0;
    font-size: 15px;
    font-weight: 900;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.popover {
    width: 600px;
    top: -115px;
    left: 753.313px;
    display: block;
}
.search-medicines-page .checkbox input[type=checkbox] {
    margin-top: 6px;
}

@media only screen and (max-width: 400px) {
    .search-medicines-page textarea.form-control {
    width: 100%!important;
}
    .search-medicines-page .Title_line {
    color: #124678;
    font-size: 23px;
    margin-right: 7px;
}
    .side-cart .presc-img {
    width: 81px!important;
    height: 67px!important;
}.side-cart .add-presc-img {
    font-size: 14px!important;
}
.cart-footer .presc-btn {

    width: 275px;

}
.search-medicines-page .containerHeadOfNotesBox .checkbox .txt-primary {
    font-size: 16px;
    font-weight: 700;
}
.search-medicines-page .presc-img-container .presc-img img {
    height: 70px!important;
    width: 81px!important;

}


}


@media only screen and (max-width: 768px) and (min-width: 400px) {
        .search-medicines-page .Title_line {
    color: #124678;
    font-size: 23px;
    margin-right: 7px;
}
    .search-medicines-page textarea.form-control {
    width: 100%!important;
}
}



@media only screen and (max-width: 1100px) and (min-width: 769px) {
        .search-medicines-page .Title_line {
    color: #124678;
    font-size: 23px;
    margin-right: 7px;
}
}

/*end styling of medicine pages*/

.containerHeadOfNotesBox [class*="ddl"] i {
    color: #ffffff;
    font-size: 25px;
}


/*begining of cart medicine page*/
.ratePtoductsCartPagemedicine {
    float: right!important;
    padding-top: 10px!important;
    padding-bottom: 20px!important;
}
.ratePtoductsCartPagemedicine .fa {
    float: right!important;
}
.quantity-num>.input-group {
    max-width: 120px!important;
}

.input-group .form-control {
    width: 101%!important;
}
.cart-item-numPage{
    margin: 0 0 0px;
    margin-left: 4.8pc;
    font-weight: 900;
    font-size: 21px;
    color: #124678;

}
.marginTOPtOCheck{
    margin-top:30px;
}
.marginTOPtOCheck .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
    /*margin-top: 9px;*/
}
.padRightToSecodLabel{
    padding-right: 40px;
}
.checkout-page-paddingAllPage .full-cart-item .product-header h2 {
    font-size: 19px!important;
    font-weight: 800!important;
}
.checkout-page-paddingAllPage .imageContainer{
        margin-top: 13px;
}

.bigContainerLinksFloat{
}
.bigContainerLinksFloat a {
    color: #337ab7;
    text-decoration: none;
}
.FirstLink{
    border-right: 1px solid #124678;
    margin-right: 5px;
    padding-right: 7px;
}
.bigContainerLinksFloat a:hover {
    color: #0064d3;
    background-color: transparent;
    text-decoration: none;
}
.checkout-page-paddingAllPage .full-cart-item {
    background-color: #f7f7f7;
}
.checkout-page-paddingAllPage .full-cart-item {
    border: 2px solid #f7f7f7;
    border-radius: 10px;
}
.containerOfAddressPage .full-cart-item {
    background-color: #f7f7f7;
}
.containerOfAddressPage .full-cart-item {
    border: 2px solid #f7f7f7;
    border-radius: 10px;
}
.containerOfAddressPage .full-cart-item .product-header h2 {
    font-size: 19px!important;
    font-weight: 800!important;
}
.containerOfAddressPage .imageContainer {
    margin-top: 13px;
}
    .backGRoundCOLORtocontainer{
    background-color: #f7f7f7;
    padding: 30px 32px 30px 32px;
    margin-bottom: 30px;
    }
   .makeBorderStyle{
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    padding: 20px 10px;
    margin-bottom: 30px;
    background-color:white;
    }
  .containerOfAddressPage .radio-inline input[type=radio]{
    margin-top: 3px;
}
   .containerOfAddressPage .cart-footer {
        background-color: #ffffff;
        margin-bottom: 30px;
}

  .containerOfAddressPage .cart-footer .presc-btn {
    width: unset;
}
  .containerOfAddressPage .btnCancel {
    background-color: #ffffff;
    color: #333;
    border-color: #bfbfbf;
    width: 120px!important;
}
  .containerOfAddressPage .btnCancel:hover {
    background-color: #ffffff;
    color: #337ab7;
    border-color: #333;
}
    .containerOfAddressPage .btnsave {

    width: 170px!important;
}

  /*.containerOfAddressPage .btnsave:hover {
    background-color: #ffffff;
    color: #337ab7;
    border-color: #333;
}*/
    .backToCartContainer  .material-icons {
        position: relative;
        top: 7px;
}
        .boldOfWrite{
        font-weight:800;
    }
    .containerOfLinks .material-icons {
    position: relative;
    top: 8px;
    color: #124678;
}
    .containerOfLinks .material-icons:hover {
    color: #f17b21;

}
    .makeBoxShadowFContainer{
            box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    }
    .forDisFlex{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
                justify-content:center;
    }
       .containerForAddressPart .radio-inline input[type=radio], .containerForAddressPart .checkbox input[type=checkbox], .containerForAddressPart .checkbox-inline input[type=checkbox] {
    margin-top: 3px;
}
   .colorDawaiaBlue{
     color: #124678;
   }
      .fontSiveTwinty{
       font-size:18px;
   }
      .colorstyleHalo{
          margin: 13px 17px;
          font-weight: 900;
      }
     .styleBold{
          font-weight: 900;
      }
     .forDisFlexEnd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
            justify-content: end;
}
        .backToCart {
            float: left;
            font-weight: 700;
            margin-bottom: 15px;
            color: #337ab7;
        }

.acceptOthers{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    color: #a70000;
    font-weight: 600;
}
.styleofBackGroundColor{
    background: #efefef;
    padding: 20px 0px;
}
.btnBigFont{
        font-size: 20px;
        font-weight: 800;
        height: 55px;
}
    .margTopesponsive{
        margin-top:30px;
    }
    .addNewAddress{
        width:200px;
    }
    .floatingStyle{
        float:right;
    }
    .CartContainer .acceptOthers{
        display:none;
    }
     .ContainerOfPatial .checkbox{
        display:none!important;
    }
     .removeButton{
         right: 100px!important;
        bottom: 45px!important;
     }
     .imageInput .PhotoInput .btn-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
     @media only screen and (max-width:768px){
        .btn-file{
             background: #f17b21!important;
             opacity: .7;
             width:80px;
             height:80px;
             border-radius:10px;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
                     justify-content: center;
             -webkit-box-align: center;
             -ms-flex-align: center;
                     align-items: center;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         .containerOfImages{
             display:-webkit-box;
             display:-ms-flexbox;
             display:flex;
             -webkit-box-align:start;
             -ms-flex-align:start;
                     align-items:flex-start;
         }
         .imagesContainer img{
             width:80px!important;
             height:80px!important;
             margin:0px !important;
         }
         #image-preview{
             border:none!important;
             width:unset!important;
             max-height:unset!important;
             height:unset!important;
             -ms-flex-wrap:wrap;
                 flex-wrap:wrap;
             margin:0px!important;
             background-color:unset!important;
         }
         .hiddenImageInput{
             display:none!important;
         }
         .imageShow{
             order:2;
         }
         .imageInput{
             order:1;
         }
         .removeButton{
            bottom: 40px!important;
            right: 120px!important
         }
         .imagesContainer {
             margin-top:0px!important;
         }
         .drag-text h3 {
             display:none!important;
         }
         .PhotoModal-body{
             margin-top:10px!important;
         }
         .PhotoModal-content img{
             height:28em!important;
         }
     }
     @media(min-width:400px) and (max-width:768px){
         .PhotoModal-content img{
             height:50em!important;
         }
         .PhotoModal-body{
             margin-top:30px!important;
         }
     }


/*Ending of cart medicine page*/
.cart-collapse-close .cart-footer {
    background-color: unset;
}


@media only screen and (max-width: 400px) {
    .containerOfAddressPage  .form-group {
    width: 100%;
}
    .margBtResponsive{
        margin-bottom:30px;
    }
    .margRTResponsive{
        margin-right:0px;
    }
    .RsponsiveFlex{
        display:-webkit-box;
        display:-ms-flexbox;        
        display:flex;
    }
    .presc-img {
    margin-right: 0px;
}
}

@media only screen and (max-width: 768px) and (min-width: 400px) {
        .containerOfAddressPage  .form-group {
    width: 100%;
}
    .margBtResponsive{
        margin-bottom:30px;
    }
    .presc-img {
    margin-right: 0px;
}
}


/*start Styling of checkOut Offer Page*/

/*start Styling of partial cart in checkOut Offer Page*/

.containerInCheckOutOfferPage .main-full-offers-cart-item .red-discount-similar {
    display: none !important;
}
.containerInCheckOutOfferPage .main-full-offers-cart-item .ratePtoductsCartPage {
    display: none;
}
.containerInCheckOutOfferPage .remove-cart {
    display: none;
}
.containerInCheckOutOfferPage .hideName{
    display:none;
}
.containerInCheckOutOfferPage .increaseWidth{
    width:100%;
}
.containerInCheckOutOfferPage .decreaseMarg{
    margin-top: -30px;
}
.containerInCheckOutOfferPage .main-full-offers-cart-item .product-header h2 {
    margin-top: -4px;
}
.containerInCheckOutOfferPage .product-prices-offer-cart h2 {
    color: #337ab7;
    font-size: 16px;

}
.containerInCheckOutOfferPage .product-prices-offer-cart span {
    top: -12px!important;
}
.containerInCheckOutOfferPage .deceraseMrgNumb{
        margin-top: -30px;
}
.containerInCheckOutOfferPage .full-cart-item .quantity {
    text-align: right;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}

.containerInCheckOutOfferPage .main-full-offers-cart-item p {
    margin-left: 45px;
}
.containerInCheckOutOfferPage .main-full-cart-item {
    border: 0px;
    border-radius: 0px;
    padding: 0px;
    margin-bottom: 15px;
}
.containerInCheckOutOfferPage .product-prices-offer-cart {
    margin-top: 15px;
}
.containerInCheckOutOfferPage .decreadeMrgBtn{
        margin-bottom: -8px;
}
.containerInCheckOutOfferPage .full-cart-item {
    margin-top: -10px;
    background-color: unset;
    border: unset;
    border-radius: 0px;
    margin-bottom: 0px;
}
.containerInCheckOutOfferPage .full-cart-item:hover:after{
    background-color:unset;
}
.containerInCheckOutOfferPage .containerOfallBuy{
    background-color: #f1f1f1;
    padding: 10px;
    border-radius: 5px;
    margin-right: -25px;
    margin-left: -25px;
    margin-bottom: 5px;
}
.containerInCheckOutOfferPage .floatAlign{
    float:left;
}
.containerInCheckOutOfferPage .containerOfallsave{
    background-color: #d9edf7;
    padding: 10px;
    border-radius: 5px;
    margin-right: -25px;
    margin-left: -25px;
    margin-bottom: 5px;
}
.containerInCheckOutOfferPage .mrgBtonForContainer{
    margin-bottom: -55px;
}
.containerInCheckOutOfferPage .TotalOrder {
    font-weight: 800;
    color: #50c56b;
}
.containerInCheckOutOfferPage .TotalAmountStyle {
    font-size: 20px!important;
    font-weight: 900;
}
 .containerInCheckOutOfferPage .mRGRightWithMinus{
         margin-right: -30px;
 }
  .containerInCheckOutOfferPage .full-cart-item .product-discount img {
    width: 100px!important;
    height: 100px!important;
}

  .containerInCheckOutOfferPage  .totalAmountstyle{
          color: #124678;
  }
  .containerInCheckOutOfferPage .quantity p {
        margin-left: 8px;
}
   .containerInCheckOutOfferPage .quantity .form-control {
    display: none;
}
   .containerInCheckOutOfferPage .styleOfButtonCart{
     display: none;
}
   .PhotoInput .btn-file{
       float:left
   }
  @media only screen and (max-width: 400px) {
      .containerInCheckOutOfferPage .containerOfImageAndText{
          display:-webkit-box;          
          display:-ms-flexbox;          
          display:flex;
      }
      .containerInCheckOutOfferPage .containerOfImageAndText .product-header h2 {
    font-size: 15px!important;
    font-weight: 800!important;
}
}

 @media only screen and (max-width: 768px) and (min-width: 400px) {
.containerInCheckOutOfferPage .mrgRtn{
    margin-left:0px;
}
.containerInCheckOutOfferPage .full-cart-item .product-discount img {
    width: 60px!important;
    height: 60px!important;
}

      .containerInCheckOutOfferPage .containerOfImageAndText .product-header h2 {
    font-size: 15px!important;
    font-weight: 800!important;
}
}

/*End Styling of partial cart in checkOut Offer Page*/




 .newStyleOfBTN{
    margin-top: 25px;
    width: 327px;
    font-size: 18px;
    font-weight: 900;
    padding: 10px;

}
 .ContainrtBTNCheckOUTOffer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
            justify-content: center!important;
}
 .mRGTOPThirty{
     margin-top:30px;
 }

 .TotalAmountStyleCheck {
    font-size: 20px!important;
    font-weight: 900;
}
 /*Ending Styling of checkOut Offer Page*/




  /*starting of styling partial part input checkOut medicine Page*/

  .containerOfCheckOutPage .ContainerOfPatial i.fa.fa-question-circle {
    display: none;
}
  .containerOfCheckOutPage .ContainerOfPatial .containerHeadOfNotesBox .headOfNotesBox {
    display: none!important;
}

        .containerOfCheckOutPage .ContainerOfPatial textarea.form-control {
            border: none;
            box-shadow: unset;
            transition: unset;
            resize: unset;
            background-color: #f7f7f7;
            padding: 0px;
            color: #124678;
            font-size: 17px;
            font-weight: 800;
            height: 50px;
            padding-right:7px;
            padding-top:7px;
            margin-top: -38px;
            overflow:hidden
        }

        .containerOfCheckOutPage .ContainerOfPatial .imagesContainer{
                width: 85px;
                height: 85px;
                overflow: unset;
                border-radius: 8px;
                position: relative;
                 background: unset; 
                vertical-align: middle;
        }

        .containerOfCheckOutPage .ContainerOfPatial  #image-preview {
            background-color: unset;
            border: 1.3px solid #e1e1e1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
                    justify-content: end;
            -webkit-box-align: unset;
            -ms-flex-align: unset;
                    align-items: unset;
            width: unset;
            max-height: unset;
            height: unset;
            overflow-y: unset;
            margin-top: unset;
            border: unset;
            position: unset;
            border-radius: unset;
            margin-bottom: unset;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
}
       .containerOfCheckOutPage .ContainerOfPatial  #image-preview img {

                margin: unset;
                width: 65px;
                height: 65px;
                border: 2px solid #ececec;
                border-radius: 4px;
}

      .containerOfCheckOutPage .ContainerOfPatial .imagesControl  .btn-file {
                     display: none;
                    
}
      
        .containerOfCheckOutPage .ContainerOfPatial   .cart-footer .presc-btn {
              display: none;

}
      .containerOfCheckOutPage .ContainerOfPatial    .imagesContainer .removeButton {
                        display: none;

}
            .containerOfCheckOutPage .ContainerOfPatial  .styleofBackGroundColor {
                    background: unset;
                    padding: unset;
                }
            .containerOfCheckOutPage .ContainerOfPatial   .presc-img-container {

                     margin-top: -30px;
}
            .containerOfCheckOutPage .ContainerOfPatial .cart-collapse .txt-primary {
                margin-top: -20px;
            }
            .containerOfCheckOutPage .ContainerOfPatial .styleOptions{
                display:block!important;
                background-color: #d9edf7;
                padding: 17px 0px;
            }
            .CartContainer .styleofBackGroundColor{
                 display:none;
             }
             .containerOfCheckOutPage  .imagesContainer {
               padding:0px;
               margin:0px;
            }
            .containerOfCheckOutPage .styleofBackGroundColor {
                display:block!important;
            }
            .containerOfCheckOutPage .presc-cart {
                display:-webkit-box;
                display:-ms-flexbox;
                display:flex;
                -webkit-box-orient:vertical;
                -webkit-box-direction:normal;
                -ms-flex-direction:column;
                        flex-direction:column;
            }
            .containerOfCheckOutPage .presc-cart .presc-div  {
                order:1;
                margin:0px;
            }
            .containerOfCheckOutPage .presc-cart .form-group {
                order:2;
                margin:0px;
            }
            .containerOfCheckOutPage .presc-cart .acceptOthers {
                order:3;
            }
            .containerOfCheckOutPage .presc-cart .txt20{
                margin-top: 10px;
                display: none;
                padding: 7px 0px;
                background-color: #d9edf7;
                margin: 0px -8px;
                order:4;
            }




             
    /*Ending of styling partial part input checkOut medicine Page*/


/*Start styling  of master page in navBar*/

.offerContainerMasterCart .cart-item-desc {
    width: unset;
    max-width:140px;

}
.offerContainerMasterCart .cart-item-img {
    width: 50px;
    height: 50px;
}
.cart-collapse .offerContainerMasterCart  .txt-primary {
    font-size: 15px;
}
.offerContainerMasterCart{
    margin-bottom:20px;
    position:relative;
}
.cart-items-container2 {
    max-height: 7.5pc;
    margin-top: -7px;
}

a.btn.btn-primary.cart-btn.cart-btn-Two {
    background: #ffffff !important;
    color: #0064d3 !important;
    border: 1.4px solid #0064d3;
    margin-left: 25px;
}
a.btn.btn-primary.cart-btn.cart-btn-Two:hover {
    background: #0064d3 !important;
    color: #fff !important;
    border: 1.4px solid #0064d3 !important;
}
.addOfFirstContainer{
        margin-top: -25px;
}
.cart-footer-info .cart-total {
    background-color: #e0e0e0;
    padding: 2px 30px 2px 30px;
    margin-bottom: 8px;
    margin-right: 10px;
    line-height: 18px;
    font-weight: 900;
}
.lineAwesome{
    background-color: #0064d3;
    width: 100%;
    height: 4px;
    margin-bottom: 8px;
}
.cart-items-container3 {
    max-height: 7.5pc;
    overflow-y: auto;
    margin-top: -15px;
}
.ScrollingCart {
    overflow-y: auto;
    max-height: 40pc;
    width:330px;
}

/*End styling  of master page in navBar*/

/*navbar display flex and orders*/
.nav navbar-nav navbar-right {
    display:-webkit-box;    
    display:-ms-flexbox;    
    display:flex;
}



.forPOstionNavBar {

position:relative;

}
.forPostionLanguage {
position:absolute!important;
left: 60px;
}
.forPostionLanguage a {
    border-left: 2px solid rgba(255,255,255,0.5)!important;
}
#seachOnDoctor {
    display: none!important;
}

    #seachOnDoctor {
        display: none ;
    }

@media (max-width: 991px){
#seachOnDoctor {
        display: block !important;
}
.userLoginSt ~ button#seachOnDoctor, .user ~ button#seachOnDoctor, .user-menu ~ button#seachOnDoctor{  
        color:white;
        background-color:unset;
        border:unset;
    }
#seachOnDoctor {
    background: #fff;
    display: block!important;
    border-image: unset;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #0064d3!important;
    padding-top: 4px;
    padding-bottom: 1px;
}

#seachOnDoctor:hover,#seachOnDoctor:active,#seachOnDoctor:focus{
    outline:unset;
}
.userLoginSt ~ button#seachOnDoctor{
    border:unset!important;

}
.borderCahnged #seachOnDoctor{
    background: #0064d3 !important ;
    color: #ffffff!important;
    border: 1px solid #fff;
}
.borderCahnged i.fa.fa-search {
    color: #ffffff!important;
}
.borderCahnged .userLoginSt ~ button#seachOnDoctor i.fa.fa-search{
    /*color: #f17b21!important;*/
}
.borderCahnged i.fa.fa-search {
    color: #ffffff!important;
}
    .navbar-right {
        padding-top: 0px !important;
        display:unset;
    }
    .forPostionLanguage {
        position:unset!important;
        display:block;
        left: unset;
        margin-top:5px;
    }
    .ForREsposivLogIn {
        display: block!important;
        width: 140px;
    }
    .ForREsposivLogIn a.nav-join {
        text-align: center;
    }

    .navbar-default .navbar-right li:nth-child(1) a {
        border-right:unset;
    }
    .navbar-default .navbar-right li:nth-child(2) a {
        border-right:unset;
    }
    .navbar-default .navbar-right li:nth-child(3) a {
        border-right:unset;
    }
    .forPostionLanguage a {
        border-left: unset!important;
    }
    .userLoginSt ~ button#seachOnDoctor, .user ~ button#seachOnDoctor, .user-menu ~ button#seachOnDoctor{  
        color:white;
        background-color:unset;
        border:unset;
    }

}



.dz-default.dz-message span:lang(en) {
    visibility: hidden;
}
.dz-default.dz-message span:lang(en):after {
    visibility: visible;
    content: "Click or Drag and Drop images";
    display:block;
}
.dropzone .dz-preview .dz-image {
    left: -30px;
}
.conOfDragZone .dz-image-preview a {
    float: right;
}

.search-medicines-page .presc-img-container {
    text-align: left;
}
.contain-sec {
   border: 1px solid #dfdfe5!important;
    border-radius: 4px!important;
    margin: 2px!important;
  padding-top: 13px;
}
  
/*Sart part collapse menu in taplet screens*/
@media only screen and (max-width: 991px) and (min-width: 769px) {
    nav.navbar.navbar-default .navbar-header {
    width: 100%;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 1.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: flex!important;
    }
    .navbar-right, .navbar-left {
        padding: 5px 0 !important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-toggle:before {
    font-size: 30px;
    }
    .navbar-default .navbar-nav > li > a {
    border-right: unset!important;
    }
    .navbar-collapse {
    border-top: 1px solid #e7e7e7;
    }
    .navbar-collapse.in {
    /*overflow-y: auto!important;*/
    }
    .navbar-brand > img {
    margin-left: 10px;
    }
    #seachOnDoctor {
    display: none!important;
    }
    .dropdowns-partial form.form-inline.SearchNewStyle.testSearch {
    display: flex !important;
    justify-content: center;
    }
    nav .left-header {
        float: right;
    }
    .navbar-default .navbar-toggle {
        float: left;
        margin-top: 20px;
    }
    .navbar > .container-fluid .navbar-brand {
        float: left;
    }

}
/*End part collapse menu in taplet screens*/


/*Start Style  part of New Home Page 04/2/2019*/


/*Start nav style*/

.new-page-bg{
    background-color:white!important;
}

ul.nav.navbar-nav.navbar-right.nav-new-page a {
    color: black;
}

/*Parag under li in nav*/
.new-paga-parag{
    text-align:center;
    color:#797777;
}
.new-paga-parag:hover{
    color:#cccccc;
}
.navbar-right {
    display: flex !important;
}

a.navbar-brand.brand-large.testStyleNewPage {
      float:left!important;
}
ul.nav.navbar-nav.navbar-right.nav-new-page {
    display:unset;
}
/*ul.nav.navbar-nav.navbar-right.nav-new-page li:nth-child(1) {
    order: 6;
}*/

.newPageforPostionLanguage {
    position: unset!important;
    left: unset;
}
ul.nav.navbar-nav.navbar-right.nav-new-page {
    float: left!important;
}
a.navbar-brand.brand-large.testStyleNewPage {
    margin-right: unset;
    display: flex;
    align-items: center; /* Vertical center alignment */
}
.navbar-default .navbar-nav > li {
    padding: 10px 0px;
    float: left;
}
li.no-border-li a {
    border-left: unset!important;
    color: black !important;
    font-size: 17px;
    padding:0px;
}

.dashedButton {
    border: #f17b21 1px;
    border-style: dashed; 
    margin-bottom:10px;
    margin-top:15px;
}

.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:active, .navbar-default .navbar-nav > li:focus, .navbar-default .navbar-nav > li:active:hover {

    color: black!important;
}
p.new-page-parag:hover{
    color:red;
}
.new-page-parag {
    margin-left: 10px;
}
.no-border-li {
    margin-left: 5px;
}
li.nav-join-li.ForREsposivLogIn.newPageForREsposivLogIn {
    /*margin-top: 10px!important;*/
}
/*li.nav-join-li.ForREsposivLogIn {
    margin-left: 40px;
}*/

nav.navbar.navbar-default.new-page-bg {
box-shadow: 10px 5px 5px rgba(209, 209, 209, 0.5) !important;
}
.new-page-footer {
  background-color: #0064d3; }

.new-page-footer-right a {
  color: white !important;
  font-size: 16px !important; }
.new-page-footer-right a:hover {
    color: #ffb703 !important;
}

.socialMediaContainer li {
    display: inline-block;
    margin-top: 17px;
    padding-right: 8px;
}
.socialMediaContainer li i{
  color:azure;
}

.socialMediaContainer li i:hover{
    color:#f17b21;
}

.facebook-login-icon i:hover{
    color:azure;
}

.stTopToLogoImage {
  margin-top: 30px;
  text-align: center; }


.img-responsive-new-page {
  width:15% !important;
  margin: 25px auto 25px auto !important; }

.new-page-join {
  color: white !important; }

.copyright-new-page {
  color: white !important; }

.col-sm-6.footer-right.new-page-footer-right.visible-lg-block.visible-md-block img {
    width: 36px!important;
}
.col-sm-6.footer-left.new-page-footer-right.visible-lg-block.visible-md-block {
    text-align: left!important;
}

ul.clearfix.doctorDoecialtiesfooter {
    column-count: 6;
}
.footer-left a {
    color: white !important;
    font-size: 12px !important;
}
/*Header Part(Detect) in desktop*/
.home-dropdowns-new-page{
    margin-top:30px;position:relative;
      border: 1px solid #b4b4be;
      border-radius:3px;
    width:75%;
}

.container-of-input{

        width: 35%;
}
.container-of-input {
    border-left: unset!important;
}
.container-of-input2 {
       padding: 13px 15px 12px 7px!important;
    display: inline-block;
    width: 50%;
    border-left:1px solid #b4b4be!important;
}
.choose-location-new-page{
    width: 80%;
    border: unset;
    outline: unset;
}

.detect-container{
    display: inline-block;
    position: absolute;
       right: 66%;
    top: 9%;
    margin-top: 3px;
}

.gps-button-new-page{
    background-color: #e0e0e0;
    opacity: 0.7;
    color: black!important;
    padding:5px!important;
}

.gps-icon-new-page{
    font-size:14px!important;
    position: relative;
    top: 4px;
}

.search-filter-input-new-page{
    width: 94%;
    border: unset;
    outline: unset;
}


/*header style*/
ul.nav.navbar-nav.navbar-right.nav-new-page a, ul.nav.navbar-nav.navbar-left.nav-new-page a {
    /*color: white; */
}
/*on hover and focus for nav li*/

li.no-border-li a:active {
    background-color: #ece8e8!important;
 
}
@media only screen and (max-width: 990px) {
    #doctor {
        padding: 0 !important;
    }
    .navTabHospital{
            margin: 4vh 0vh 0vh 0vh!important;
    }
    #hospital, #rating{
            margin:0vh!important;
            margin-bottom: 20px!important;
    }
}
@media only screen and (max-width: 1024px) {
    #doctor{
        padding:0!important;
    }
}

nav.navbar.navbar-default.new-page-bg ul.navbar-left li.nav-join-li.ForREsposivLogIn.newPageForREsposivLogIn a.nav-join {
    font-size: 1.5rem;
    font-weight: 800;
    color: white !important;
    border: 1px solid #0064d3 !important;
    padding: 1.2rem 1.5rem !important;
    margin-top:10px;
    border-radius: 0.5rem;
    background-color: #0064d3 !important;
}

    nav.navbar.navbar-default.new-page-bg ul.navbar-left li.nav-join-li.ForREsposivLogIn.newPageForREsposivLogIn a.nav-join:hover {
    color: #0064d3 !important;
    background-color: transparent !important;
    border: 1px solid #0064d3;
    }
nav.navbar.navbar-default.new-page-bg ul.navbar-right li .new-page-parag {
    color: #fff;
    opacity: 0.6;
}

nav.navbar.navbar-default.new-page-bg {
    /*background-color: #144578!important;*/
    /*border-bottom: 2px solid #f17b21!important;*/
}

/*Dropdown in new home page*/
.dropdown.dropdown-container-new-page {
    position:relative;
    top:25px!important;
    left: 8%;
}

button.btn.btn-default.dropdown-toggle.dropdown-new-page {
    float:left!important;
   color: #2d2d32;
    background: white;
    border: white;
}
toggle-new-page:hover{
    color:white!important;
}
ul.dropdown-menu.dropdown-menu-new-page {
    right:88%!important;
}
.drop-down-new-page-parag{
    margin-right: 23px!important;
}
li.nav-join-li.ForREsposivLogIn.newPageForREsposivLogIn {
    /*padding: 1px 2px 1px 2px!important;*/
}
/*End of dropdown*/
.new-page-bg .navbar-nav > .nav-join-li {
    background-color: #fffefe!important;
    padding: 10px 5px!important;
    border: 1px solid #e0d9d9!important;
    border-radius: 2px!important;
}

.newPageforPostionLanguage{
        position: unset!important;
}
/*on active for nav li*/


li.no-border-li a:active {
    background-color: #ece8e8!important;
   
}
/*Parag under li in nav*/
.new-paga-parag{
    text-align:center;
    color:#797777;
}
.new-paga-parag:hover{
    color:#cccccc;
}
.new-page-parag {
    margin-right: 8px;
}
.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:active, .navbar-default .navbar-nav > li:focus, .navbar-default .navbar-nav > li:active:hover {

    color: black!important;
}


a.no-border-a {
    border:unset!important;
}
/*li.nav-join-li.ForREsposivLogIn {
    margin-left: 40px;
}*/
li.nav-join-li.ForREsposivLogIn.newPageForREsposivLogIn {
    position: unset;
}
nav.navbar.navbar-default.new-page-bg {
    /*border-bottom: 2px solid #c3c3c3!important;*/
}
ul.nav.navbar-nav.navbar-left.nav-new-page a {
    color: #d5d5da;
    border: unset!important;
        background-color: unset!important;
}


/*Style of whats user say*/
.item-what-user-say-part{
        text-align: center;
    width: 50%;
    margin: auto;
}
.user-say-parag{
    font-size: 25px;
}
/*Style of whatsapp sec*/
.container-of-download-app-sec{

    /*width: 70%;
    margin: auto;*/
    margin-top: 35px;

}
/*.owl-carousel.owl-theme.what-user-say.owl-rtl.owl-loaded.owl-drag {
    border-top: 1px solid #dfdfe5!important;
}*/
.whatDoYouWant .item h4,.whatDoYouWant .item .h4 {
    font-size: 15px;
    font-weight: 900;
    color: #0064d3;
    margin-left: 5px;
    text-align:left;
    }
.styleSecondPargSearch{
    margin-left: 5px;
    text-align: left;
}
.what-user-say-container{
        border-top: 1px solid #dfdfe5!important;
}
.owl-stage-outer{
    margin-top:20px!important;
}
/*Parag send link style*/
.new-page-senLink-parag{
        /*width: 50%;*/
    /*margin: auto;*/
        font-size: 18px;
        color:#464648;

}


.whatsappContainer{
    /*width:50%;
    margin:auto;*/
    margin-top: 30px;
  
}
.whatsapp-new-page{
      border:1px solid white;
    padding:12px;
    background-color:#1d9c11;
    color:white;
    text-decoration:unset;
    font-size:22px;
    border-radius:9px;
}
ul.nav.navbar-nav.navbar-left.nav-new-page a :hover,focus{
    color: #919196!important;
     /*border: unset!important;*/
}
.whatsapp-new-page:hover,focus{
    color:white;
    text-decoration:none;
    background-color:forestgreen;

}

.whatsappContainer {
    display: flex!important;
    
}
.whatsapp-new-page {
    display: flex!important;
    flex-direction: row-reverse!important;
}
i.fa.fa-whatsapp {
    padding:4px;
}
    li.nav-join-li.ForREsposivLogIn.newPageForREsposivLogIn {
    border: unset!important;
    }
    li.nav-join-li.ForREsposivLogIn.newPageForREsposivLogIn .nav-join{
      border: 1px solid #f17b21;
      padding: 0.25rem 1.5rem;
      border-radius: 0.2rem;
    }
    li.nav-join-li.ForREsposivLogIn.newPageForREsposivLogIn a.nav-join{
        font-size: 1.5rem;
        font-weight: 800;
        color: #144578;
    }


    /*carousel indicators*/
.owl-theme .owl-nav [class*=owl-]:hover,focus {
    background: #ffffff!important;
    color: #888181!important;
    text-decoration: none;
    outline:unset!important;
}
button.owl-next:focus {
    outline: unset!important;
}
button.owl-prev:focus {
    outline: unset!important;
}

/*Carasouel Sec*/
/*  End of detect in desktop*/



    #ddl_City {
    background-color: transparent;
    /*        #dbe9f6;;*/
    /*noradiustestborder-radius: 0px 12px 12px 0px;*/
    padding-right: 55px;
    padding-top: 25px;
    font-size: 20px;
    color: #4c9adb;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
    margin-left: 0px;
}


[for=ddl_City] {
    text-align: right;
    color: darkgray;
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 20px;
}

.ddl_CityArrow {
    text-align: right;
    color: darkgray;
    position: absolute;
    z-index: 1;
    top: 26px;
    left: 20px;
}



.ddl_City {
    background-color: #dbe9f6;
    height: 65px;
    /*    width: 320px;*/
    /*noradiustestborder-radius: 0px 12px 12px 0px;*/
    margin-left: -5px;
}


.contain-span{
        position: relative;
    /*right: 17%*/
}

h4.new-page-up-to {
    position: relative;
    /*left: 33%;*/
}

h4.position-new-page-offers {
    position: relative;
    /*right: 15%;*/
}

p.detection {
    position: relative;
    /*right: 7%;*/
}

p.detection-dental {
    position: relative;
    /*right: 9%;*/
}

.new-page-buy-now{
    position:absolute;
    left: 10%;
    color:#e1974e;
   bottom: 45%;
}
.new-page-icon{
  position: absolute;
    left: 27%;
     color:#e1974e;
     font-size: 18px;
    bottom: 45%;
}
.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:active, .navbar-default .navbar-nav > li:focus, .navbar-default .navbar-nav > li:active:hover {
    opacity: unset !important;
}
li.no-border-li-doc:hover {
    background-color: #144578!important;
   
    opacity: 0.9;
    margin-right: 2px;
}
.navbar-default .navbar-nav > li:hover >a, .navbar-default .navbar-nav > li:active >a, .navbar-default .navbar-nav > li:focus >a, .navbar-default .navbar-nav > li:active:hover >a {
    color: #0064d3!important;
}
ul.nav.navbar-nav.navbar-left.nav-new-page a {
    color: #777 !important;
    border: unset!important;
    background-color: unset!important;
}

ul.nav.navbar-nav .bell-icon {
    margin: 0 10px;
    color: #777;
    cursor: pointer;
}

/*hospital page style*/


.new-hospitals-page.col-md-5 {
    display: flex;
    flex-direction: column;
    height: 180px;
    justify-content: center;
}

.styleOfLogo{
        border-radius: 50%;
    /*display:none!important;*/
     width:100%!important;
}
.styleOfLogo2{
        border-radius: 50%;
    /*display:none!important;*/
}
.grey-color{
   color: dimgray!important;
   font-size:14px!important;
}

.search-item-hospital-page{
border-radius: 2px!important;
    background-color: #fff!important;
    padding: 25px!important;
     width: 95.5%!important;
    margin-bottom: 12px!important;
box-shadow: 0 1px 2px 1px hsla(0,0%,43%,.14)!important;
border: 1px solid white;
    border-radius: 9px!important;
}
/*.doctorItems {
    margin-right: 40px!important;
}*/
.contain-span-resp{
     
            padding: 7px 0px 7px 0px!important;
       
    
}


/*.new-hospitals-page.col-md-5 {

    line-height: 1.8;
    padding: 70px 0;
 
    text-align: center;
}*/


/*.feedback-container-new-page {
   
    margin-left: 67px!important;
}

.open-hours-container-new-page {
    margin-left: 76px!important;
}

.location-container-new-page {
    margin-left: 79px!important;
}*/
    



/*.new-page-bg{

    padding-bottom: 20px!important;
    padding-top: 20px!important;
}*/
/*nav.dropdown-menu {
    left: 10px!important;
    width: 165px!important;
    top: 28px;
}*/

span[aria-label=Previous]{
       direction: rtl!important;
}
span[aria-label=Next]{
       direction: rtl!important;
}
  li.no-border-li a:active {
    background-color: unset!important;
}
  span.label.danger {
    display: inline-block;
    position: relative;
    text-decoration: none !important;
    font-size: 15px!important;
    background-color: #0064d3 !important;
}
  span.label.danger:hover {
      background-color: transparent !important;
      color: #0064d3 !important;
      border: 1px solid #0064d3 !important;
      text-decoration: none !important;
  }
  
  /*Footer  display block for doctors*/
  .col-sm-6.footer-left.new-page-footer-right.visible-lg-block.visible-md-block li {
    display: block!important;
}

/*.nav-login-new-page{
    padding: 4px 33px 4px 33px!important;
}*/
/*.dropdown a:hover {background-color: #ddd;}*/
a.color-change-in-resp:hover {
    color: white!important;
}
.material-icons-new-page:hover{
    color:#0064d3 !important;

}

/*Media Query For New Page Dwaia*/
@media only screen and (max-width: 600px){

/*li.nav-join-li.ForREsposivLogIn.newPageForREsposivLogIn {
    position: absolute!important;
    top: 89%!important;
    right: 33%!important;
}*/
  
    /*Style For navbar in new page*/
    /*a.doc-content:before {
    content: "Book";
}*/

    /*a.pharmacy-content.no-border-a:before {
    content: "Order From";
       padding-right: 3px;
}*/


ul.nav.navbar-nav.navbar-right.nav-new-page a, ul.nav.navbar-nav.navbar-left.nav-new-page a {
    color: white;
       
}

a.dropdown-toggle.dropdown-toggle-doc-in-resp {
    font-size: 22px!important;
}
    .navbar-default .navbar-nav > li > a {
    color: white;
    font-size: 22px;
    padding: 0px 10px;
    border-left: 1px solid rgba(255,255,255,0.5);
}
    nav.navbar.navbar-default.new-page-bg ul.navbar-right li .new-page-parag {
   
    display: none!important;

}

  a.color-change-in-resp {
    color: white!important;
    font-size:20px!important;
    line-height: 26px!important;
      padding: 12px 30px 12px 30px!important;

}
  /*li.no-border-li {
    margin-top: 10px!important;
}
*/
  .navbar-default .navbar-nav > li {
    padding: 10px 0px!important;
}

  dropdown-toggle-doc-in-resp{
          padding-top: 10px!important;
  }
  ul.nav.navbar-nav.navbar-left.nav-new-page.styleResponsine {
    padding-top: unset!important;
}
  .dropdown-container-new-page-resp{
       padding-top: 0px!important;
  }

  .owl-theme .owl-nav {
 
    display: none!important;
}

  .resp-hospital{
          width: 50px!important;
    height: 50px!important;
  }

  .col-md-5.col-xs-9.doc-info-hospital {
    padding: 15px!important;
}
  .newPageForREsposivLogIn {
  
    margin-left: 20px!important;
    margin-bottom: 23px!important;
    
}
  li.nav-join-li.ForREsposivLogIn.newPageForREsposivLogIn{
      margin-top:unset!important;
  }
  li.language_text.newPageforPostionLanguage.forPostionLanguage {
    margin-top: 0px!important;
    margin-left: 20px!important;
}

  /*li.no-border-li.no-border-li-doc a {
    margin-left: 18px!important;
}*/
  .no-border-li {
    margin-left: 18px;
}
  .whatsappContainer {
    display: flex!important;
    justify-content:center!important;
}
  ul.dropdown-menu.dropdown-menu-new-page{
        width: 280px!important;
        right: -63%!important;
}
  li.nav-join-li.ForREsposivLogIn.newPageForREsposivLogIn{
          position: unset!important;
    /*display: none;*/
  }
}

/*End Style  part of New Home Page 04/2/2019*/

/* Start new section 02/08/2022 */

.navLinks {
    padding: 20px 0;
}
@media (max-width: 768px){
.togglesort {
    display: none ;
}
nav.navbar .navbar-right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    align-items: flex-start !important;
}
.togglefilter {
    display: none ;
}
/*.clinic-dropdown-search{
    padding-top: 55px;
}*/
}
.navLinks .container {
    /*border-bottom: 1px solid #c3c3c3!important;
    padding-bottom: 20px;*/
}

.navList li {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

.navItem .icon {
    color: #0064d3;
    font-size: 17px;
    transform:scaleX(-1);
}

.navItem a:hover {
    background: none!important;
}

.navItem {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    margin-right: 10px;
}

.navLinks .location-search,
.navLinks .content-search {
    display: inline-block;
    background-color: white;
    border: 1px solid black;
    border-radius: 7px;
    padding: 0px !important;
}
.navLinks .location-search .location-dropdown,
.navLinks .content-search .content-dropdown {
    font-size: 17px !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
    color: black;
    margin: 0;
}

.navLinks .location-search .location-input,
.navLinks .content-search .content-input {
    width: 100%;
    padding: 5px 15px;
    margin: 0 15px;
    background: transparent;
    border: none;
}

.navLinks .content-search .content-input {
    margin-left: 0!important;
    padding-left: 0!important;
}

.navLinks .location-search .location-input:focus,
.navLinks .content-search .content-input:focus {
    outline: none;
    border: none;
}

.search-container {
        gap: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-container .dropdown-menu {
    width: 100% !important;
}

form .formTitle .doctorSignIn {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0064d3 !important;
}

form .formTitle .doctorSignIn a:hover {
    color: #0064d3 !important;
}
form .formTitle .doctorSignIn .icon {
    margin-right: 10px;
}
form .location-dropdown-menu {
    overflow-y: auto;
    padding: 0!important;
    max-height: 320px;
}

form .location-dropdown-menu li {
    margin-left: 0 !important;
}

form .location-dropdown-menu li:hover {
    background-color: #d1f4de !important;
    margin-right: 0!important;
}
form .location-dropdown-menu li:hover .currentLocation {
    color: #000 !important;
}

form .location-dropdown-menu .location-items {
    list-style: none;
    padding: 0px !important;
    margin: 0 !important;
}

form .location-dropdown-menu .location-items .location-item {
        display: flex;
    align-items: center;
    padding-left: 30px;
    /*font-size: 20px;*/
}

form .location-dropdown-menu .location-items .location-item .icon {
    margin-right: 10px;
}

form .location-dropdown-menu .location-items li {
    padding: 7px;
}
form .location-dropdown-menu .location-items li.active-item {
    color: rgba(0,47,52,.36) !important;
    text-transform: uppercase;
}

form .location-dropdown-menu .location-items li.active-item:hover {
    background-color: white !important;
    color: rgba(0,47,52,.36) !important;
}

form .currentLocation {
    padding: 7px;
    /*font-size: 20px;*/
    text-align: center;
    display: flex;
    align-items: center;
    color: #0064d3;
    gap: 20px;
    border-bottom: 1px solid #ccc;
}

form .search-dropdown-menu {
    padding: 0px !important;
}

form .search-dropdown-menu .search-item {
    margin-bottom: 0px !important;
    border-bottom: 1px solid #ccc;
    border-radius: 0px !important;
}
span.caret {
    border-top: 7px dashed;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    transition: all 400ms ease;
}
input[name="locationInput"]:focus + span.caret {
    transform: rotate(180deg)
}

/* Login form module */

#LoginModel .modal-body,
#registerModel .modal-body {
    padding: 0px 15px !important;
}

#registerModel .form-group {
    margin-bottom: 10px !important;
}

#LoginModel .modal-title,
#registerModel .modal-title,
#forgetPasswordModel .modal-title {
    font-size: 27px;
    font-weight: bold;
    margin: 5px 0;
    text-align: center;
}

#LoginModel .social-login,
#registerModel .social-login {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    border: 1px solid black;
    border-radius: 4px;
    padding: 5px 10px;
    color: #0064d3;
    border-color: #0064d3;
    transition: 300ms all ease;
    padding-left: 40px;
    cursor: pointer;
}

#LoginModel .social-login:hover,
#registerModel .social-login:hover {
    background-color: #0064d3;
    color: #fff;
}

#LoginModel .social-login:hover .facebook-login-icon,
#registerModel .social-login:hover .facebook-login-icon {
    color: #fff !important;
}

#LoginModel .social-login:hover .facebook-login-icon:before,
#registerModel .social-login:hover .facebook-login-icon:before {
    color: #fff !important;
}

#LoginModel .termsandforget {
    display:flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding: 0 !important;
}

#LoginModel .termsandforget .terms,
#LoginModel .termsandforget .forgetPassword {
    color: #3f7ac9 !important;
    text-decoration: underline;
}
#LoginModel .termsandforget .terms:hover,
#LoginModel .termsandforget .forgetPassword:hover {
    color: #0064d3 !important;
}

#LoginModel .pharmacists-login,
#LoginModel .Doctor-login {
    font-size: 15px;
    color: #0064d3 !important;
}
#LoginModel .pharmacists-login a,
#LoginModel .Doctor-login a {
    color: #0064d3 !important;
}

#LoginModel .pharmacists-login .color-change-in-resp:hover {
    color: #0064d3!important;
}

.or-separator {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #000;
    line-height: 0.1em;
    margin: 20px 0px;
    color: black;
    font-size: 1.25em;
    text-transform: uppercase;
}

.or-separator span {
    background: #fff;
    padding: 0 10px;
}

#LoginModel .subLogin {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

#forgetPasswordModel .login-logo,
        #forgetPasswordModel .form-container {
            margin: 0 auto;
            max-width: 30em;
            transition: all .5s ease-in-out;
        }
        #forgetPasswordModel .form-container {
            background: white;
            padding: 2em 1.5em;
            border-radius: 1em;
            box-shadow: 0px 0px 1em #ddd;
            margin-top: 20px;
        }
        #btn_SendPassword {
            background-color: #0064d3 !important;
            color: #fff !important;
            border: 1px solid #0064d3 !important;
        }
        #btn_SendPassword:hover {
            background-color: #fff !important;
            color: #0064d3 !important;
        }

/* Notification Dropdown */
#UNOTIFICATION .notification-dropdown {
    padding: 0;
    margin: 0;
    width: 40rem;
    border-radius: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}
#UNOTIFICATION .notification-dropdown .notification-title {
    padding: 7px 24px;
    background-color: #0064d3;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
}

#UNOTIFICATION .notification-dropdown .notification-item {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 8px 24px;
    border-bottom: 1px solid #e3e6f0;
    cursor: pointer;
}

#UNOTIFICATION .notification-dropdown .notification-item:hover {
    background-color: #f7f7f7;
}

#UNOTIFICATION .notification-dropdown .notification-icon {
        width: 4rem;
    height: 4rem;
    background-color: #0064d3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

#UNOTIFICATION .notification-dropdown .notification-content-date {
    font-size: 16px;
    color: #777;
}


.backToCartContainer:hover {
    color: #0064d3 !important;
}
 .adssection{
    padding-right: 30px;}

  .navbar1 {
 
        text-align: center;
}
  @media (min-width: 992px){
      .col-md-2 {
    width: 16.66666667%;
}
  }
  .navbar-right, .navbar-left {
    padding-top: 5px !important;
}
  .navbar-brand{
      padding:4px 4px !important;
  }
  h4.styleSecondParg2 {
    text-align: left;
}
  #logoOfHospital{
    width: 20% !important;
    height: 20%;
    margin-right: 10px;
    object-fit: cover;
}
  /*Hospital Css*/
.navTabHospital{
    background-color: white;
    margin: 4vh 20vh 0vh 20vh;;
    border-radius: 6px 6px 0px 0px;
}
.navTabHospital .nav-link {
    transition: background-color 0.3s ease; 
    font-size:16px;
}

.navTabHospital .nav-link.active {
    background-color: #0064d3; 
    color: white; 
}
#hospital, #rating{
    background-color: white;
    margin: 0px 20vh 20px 20vh;
    padding: 10px 20px;
    border-radius: 0px 0px 6px 6px;
}
.title-icon.doc-details {
    font-size: 23px !important;
}
#hospital .doc-item{
    margin-bottom:0;
    padding: 15px 30px;
}
.doctorDiv{
    background-color:white;
    padding:20px;
    margin-bottom: 20px;
    border-radius: 0px 0px 6px 6px;
}
.doctorDiv .search-item {
    box-shadow: rgb(204, 204, 204) 1px 1px 5px 0px;
}
.doctorDiv .search-item:hover {
    background-color:#f3fbff;
}
@media only screen and (max-width: 990px) {
    #hospital,#rating, .navTabHospital{
            margin: 0px 20px;
    }
    .navTabHospital{
        padding-left:0;
    }
    #hospital .doc-item{
        padding: 15px;
    }
}