@font-face { font-family: 'robotoblack'; src: url('../fonts/roboto/roboto-black-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {  font-family: 'robotoblack_italic'; src: url('../fonts/roboto/roboto-blackitalic-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-blackitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'robotobold'; src: url('../fonts/roboto/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {  font-family: 'robotobold_italic'; src: url('../fonts/roboto/roboto-bolditalic-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'robotoitalic'; src: url('../fonts/roboto/roboto-italic-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'robotolight'; src: url('../fonts/roboto/roboto-light-webfont.woff2') format('woff2'),  url('../fonts/roboto/roboto-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'robotolight_italic'; src: url('../fonts/roboto/roboto-lightitalic-webfont.woff2') format('woff2'),  url('../fonts/roboto/roboto-lightitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'robotomedium'; src: url('../fonts/roboto/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'robotomedium_italic'; src: url('../fonts/roboto/roboto-mediumitalic-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-mediumitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'robotoregular'; src: url('../fonts/roboto/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'robotothin'; src: url('../fonts/roboto/roboto-thin-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'robotothin_italic'; src: url('../fonts/roboto/roboto-thinitalic-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-thinitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

.pac-container{z-index: 10000 !important;}

@font-face {
    font-family: 'arista_2.0_alternateregular'; src: url("../fonts/z-arista/arista2.0alternate-webfont.woff2") format('woff2'),
            url("../fonts/z-arista/arista2.0alternate-webfont.woff") format('woff'); font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'arista_2.0regular';
    src: url('../fonts/z-arista/arista2.0-webfont.woff2') format('woff2'),
         url('../fonts/z-arista/arista2.0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


* { margin: 0 0; padding: 0; outline: none; font-weight: normal !important; word-break: break-word; }
.fa, .fas {  font-weight: 900 !important;}

body { font-family: 'robotoregular';  }

.btn { box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) !important; }

label span.required { color: red; }

html {scroll-behavior: smooth;}
.hyphens { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-word-break: break-all; word-break: break-all; word-break: break-word; word-wrap: break-word;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #565656;
  -webkit-text-fill-color: #565656;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: normal !important; }

b, strong {font-family: 'robotobold';}
b span { font-family: 'robotobold' !important; }

/* header */

#header {  background: #1c5894; }
#header .header-top{ width: 100%; display: block;  }
.header-top .header-top-inside {display: flex; padding: 10px 0px 18px; background: url(../images/hedbg.png) no-repeat; }

.logo-img { width: 55px; height: 34px; margin-right: 15px; margin-top: 10px; }
.logo-img img { width: 100%; height: 100%; object-fit: contain; }
.site-name {  font-size: 27px; color: #FFF !important; text-shadow: 2px 2px #1b5185; text-decoration: none!important;   font-family: 'arista_2.0regular'; margin-bottom: 0PX; }
.help-block{color:red}

.header-search-container .logo-anchor img { display: none; }
.second-block {max-width: 568px; width: 100%; position: relative;}
.second-block .input-group { width: 100%; }
.second-block .form-control { box-shadow: none; border: none; border: 1px solid #e4e7ea; border-radius: 2px; color: #565656; height: 30 px; max-width: 100%; padding: 5px 15px; transition: all .3s linear 0s; font-size: 14px; }
.second-block .search-btn { padding: 2px 12px !important; height: 100%; font-size: 14px; color: #fff; background: #1462ac; border: 1px solid #1462ac; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); box-shadow: none !important; border: 1px solid #fff !important; }
.second-block .search-btn:hover { opacity: .8;}
.contact-info { width: 100%; max-width: 230px; margin-left: auto; align-self: center; }
.contact-links { display: flex; margin-bottom: 5px; }
.contact-links:last-child { margin-bottom: 0px !important; }
.contact-links .icon { width: 18px; height: 18px; margin-right: 10px; }
.contact-links .icon img { width: 100%; height: 100%; object-fit: contain;  object-position: center; }
.contact-links p { font-size: 14px;  color: #FFF !important; margin-bottom: 0px; flex: 1; width: 100%; }
.contact-links p a { font-size: 14px; color: #FFF !important; text-decoration: none !important; }


.second-header { background-color: rgba(0, 83, 165, .32); background-image: -webkit-linear-gradient(bottom, rgba(28, 88, 148, .32), rgba(42, 130, 197, .32)); background-image: -moz-linear-gradient(bottom, rgba(28, 88, 148, .32), rgba(42, 130, 197, .32)); background-image: -o-linear-gradient(bottom, rgba(28, 88, 148, .32), rgba(42, 130, 197, .32)); background-image: -ms-linear-gradient(bottom, rgba(28, 88, 148, .32), rgba(42, 130, 197, .32)); background-image: linear-gradient(to top, rgba(28, 88, 148, .32), rgba(42, 130, 197, .32));}

.navbar { padding: 0px;  }
/* .navbar .left-side-navbar {padding-top: 10px;} */
.navbar .left-side-navbar .nav-item{ margin-right: 10px; }
.navbar .left-side-navbar .nav-link { padding: 8px 15px !important; font-size: 14px; color: #fff; border-radius: 10px 10px 0 0;  }
.navbar .left-side-navbar .nav-link.order { background: #67c356 !important; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;  border-radius: 10px 10px 0 0; color: #fff !important; }
.navbar .left-side-navbar .nav-item .nav-link:hover { background: #e2ecf0; color: #1e609c; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
.navbar-light .navbar-nav .nav-item .nav-link.active { background: #e2ecf0; color: #1e609c; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;   }

.navbar .right-side-navbar { align-items: center; margin-left: auto; }
.navbar .right-side-navbar .nav-item{ margin: 0px 10px; margin-right: 20px; margin-bottom: 2px; }
.navbar .right-side-navbar .nav-item:last-child { margin-right: 0px; }
.navbar .right-side-navbar .nav-item:last-child .nav-link.cart-link { display: flex; align-items: center; }

.navbar .right-side-navbar .nav-link { font-size: 14px; color: #fff !important; padding: 0px !important; position: relative; box-shadow: none !important; background: no-repeat; border: none !important; text-align: left; line-height: 1.2; }
.navbar .right-side-navbar .nav-link small { font-size: 12px !important;color: #a7acb2;  }
.navbar .right-side-navbar .nav-link .signup-text { color: #a7acb2; font-size: 12px;  }

.navbar .right-side-navbar .nav-link img { width: 30px; height: 30px; margin-right: 10px; object-fit: contain; object-position: center;}
.navbar .right-side-navbar .nav-link.cart-link .count { position: absolute;  font-family: 'robotobold'; font-size: 14px; color: #fff; width: 20px; height: 20px; padding: 0px; left: 7px; top: -3px; text-align: center; display: flex; align-items: center; justify-content: center; color: #ffcf1a; }

small { color: #a7acb2;}

.downloadupload-header { background: #e8f0f3; width: 100%; padding: 5px 0px; }
.downloadupload-header .downloadupload-links { display: flex; align-items: center; width: 100%; }
.downloadupload-header .downloadupload-links .download { margin-right: 40px; }
.downloadupload-header .downloadupload-links .download a , .downloadupload-header .downloadupload-links .upload a { display: flex; align-items: center; font-size: 12px; color: #0053a5 !important; text-decoration: none !important; }
.downloadupload-header .downloadupload-links .download a img, .downloadupload-header .downloadupload-links .upload a img { width: 20px; height: 20px; margin-right: 10px; }
.downloadupload-header .downloadupload-links .download a:hover , .downloadupload-header .downloadupload-links .upload a:hover { color: #67c356 !important; }

.downloadupload-header .downloadupload-links a i {color: #67c356 !important;  margin-right: 6px; font-size: 16px; }

.BannerAlertBox { padding: 5px 0px; background-color: #67c356;  }
.BannerAlertBox-links { text-align: center; width: 100%; display: block; }
.BannerAlertBox-links .alert-text a  {  color: #fff; font-size: 18px; text-decoration: none !important; }

.navbar-nav .dropdown-menu { width: 305px !important; padding: 15px; line-height: 1.6; border-radius: 5px !important; margin-top: 15px !important; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05); box-shadow: 0 2px 6px rgba(0,0,0,.05); right: -95px; left: auto; }
.navbar-nav .dropdown-menu .my-account-text { font-size: 14px; color: #424242; line-height: 1.6; }
.navbar-nav .dropdown-menu a{ display: block; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; text-align: center; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); height: 46px; text-decoration: none; }
.navbar-nav .dropdown-menu .signin{ background: #1462ac; border: 1px solid #1462ac; margin-bottom: 20px !important;  color: #fff;}
.navbar-nav .dropdown-menu .signin:hover { opacity: 0.8; }
.navbar-nav .dropdown-menu .signup { background-color: #fff; color: #424242; margin-bottom: 10px; }
.navbar-nav .dropdown-menu .signup:hover { background: #e4e7ea; }

.side-toggle-button { border: 1px solid #fff !important; padding: 8px; height: 40px; align-self: center; background: none !important; box-shadow: none !important; margin-left: auto; }
.side-toggle-button span { width: 28px; height: 3px; margin-bottom: 6px; background: #fff; display: block; }
.side-toggle-button span:last-child { margin-bottom: 0px; }

.offcanvas{ background-color: #0053a5; background-image: -webkit-linear-gradient(left,#1c5894,#2a82c5); background-image: -moz-linear-gradient(left,#1c5894,#2a82c5); background-image: -o-linear-gradient(left,#1c5894,#2a82c5); background-image: -ms-linear-gradient(left,#1c5894,#2a82c5); background-image: linear-gradient(to right,#1c5894,#2a82c5);}
.offcanvas-header { padding: 12px;  }
.offcanvas-header .btn-close { padding: 10px; margin-top: 0; margin-right: 0px; margin-bottom: 0px; color: #fff; filter: invert(); opacity: 1; margin-left: auto; box-shadow: none !important; }
.offcanvas-body { padding: 12px;}
.offcanvas-body .nav-link { font-size: 14px; color: #fff !important; padding: 10px; }
.offcanvas-body .nav-link:hover, .offcanvas-body .nav-link.active {  background-color: #67c356 !important;  }


#head_noa { padding: 0px !important; font-size: 26px !important; color: #fff;  font-family: 'arista_2.0_alternateregular'; }


#header_search_div, #product_search_div {
    position: absolute;
    top: 33px;
    left: 0px;
    min-height: 80px;
    height: 250px;
    background: #FFF;
    width: 100%;
    z-index: 90;
    border: 1px solid #1b5185;
      border-top-color: rgb(27, 81, 133);
      border-top-style: solid;
      border-top-width: 1px;
    border-top: 0px;
    display: none;
    overflow: hidden;
}
#header_search_div ul, #product_search_div ul {
    margin: 0px;
    padding: 8px;
    list-style: none;
  }


  #header_search_div ul li, #product_search_div ul li {
    background: #FAFAFA;
    padding: 8px;
    font-size: 12px;
    margin-bottom: 5px;
  }

  #header_search_div ul li a, #product_search_div ul li a {
    font-size: 13px;
    color: #424242;
    font-weight: bold !important;
  }

  img.lazy {
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%; background-size: 50px;
  }




/*  */

.list { list-style: none; margin: 0; padding: 0; max-height: 0; overflow: hidden; overflow-y: auto; animation: enlarge 0.25s forwards;}
.list li { background: #FAFAFA; padding: 8px; margin-bottom: 5px;  }
.list { position: absolute; background: #fff; border: 1px solid #1b5185; border-top: 0px; height: 250px;  min-height: 250px; left: 0px;  width: 100%; z-index: 90;}
.list li a{font-size: 13px; color: #424242; font-family: 'robotobold'; text-decoration:none !important; }
.list li a:hover { color: #1b5185;}

/*  */

.navbar-nav .after-login-menu-links .dropdown-menu a { box-shadow:none !important; height: auto; color: #424242 !important; padding: 5px 15px !important; font-size: 14px; text-align: left; }
.navbar-nav .after-login-menu-links .dropdown-menu a:hover, .navbar-nav .after-login-menu-links .dropdown-menu a.active { color: #67c356 !important; }
.navbar-nav .after-login-menu-links .dropdown-menu { width: 200px !important; padding: 9px 0px;}
.navbar-nav .after-login-menu-links .dropdown-menu::before { position: absolute; content:''; top: -15px; right: 77px; border-right: 15px solid transparent; border-bottom: 15px solid #ccc; border-left: 15px solid transparent;  border-bottom-color: #fff;}

.navbar-nav .dropdown-menu::before { position: absolute; content:''; top: -15px; left: 50%; transform: translateX(-50%); border-right: 15px solid transparent; border-bottom: 15px solid #ccc; border-left: 15px solid transparent;  border-bottom-color: #fff;}


/* home page */

.banner-section { width: 100%; display: block; padding:20px 0px 15px; }

.meet-staff { height: 100%; }
.meet-staff .staff-img {  max-width: 290px; border: 1px solid #9f9f9f; width: 100%; position: relative; height: 100%; }
.meet-staff .staff-img img { width: 100%; height: 100%; object-position: center; object-fit: cover; }
.staff-meet-text { position: absolute; bottom: 0; left: 0; background: rgba(20, 98, 172, .7); padding: 10px 15px; width: 100%; }
.staff-meet-text a { display: flex; align-items: center; font-size: 20px; color: #fff; text-decoration: none !important; }
.staff-meet-text a img { width: 22px !important; height: 22px !important; margin-left: 10px; }

.pharmacy-view {  }
.carousel-item { width: 100%; height: 333px; }
.carousel-item img { width: 100%; height: 100%; object-fit: fill; object-position: center; }
.carousel-control-next, .carousel-control-prev { display: none; }

.carousel-caption { width: 100%; padding: 10px 20px; background: rgba(0, 0, 0, .7); left: 0; bottom: 0; text-align: left; right: 0; }
.carousel-caption a { display: inline-block; font-size: 20px; color: #fff; text-decoration: none !important; }
.carousel-caption a img { width: 22px !important; height: 22px !important; margin-left: 10px; }
.carousel-indicators [data-bs-target] { width: 12px; height: 12px; background-color: #9a9797; border-radius: 50%; }
.carousel-indicators .active { background-color: #1462ac; }
.carousel-indicators { margin-left: auto; margin-right: 10px; justify-content: flex-end; margin-bottom: 8px; max-width: 100px; width: 100%; }


.home-about-section { width: 100%; display: block; /* padding: 30px 0px; */ }
.home-about-section .about-content {  background: rgb(232,240,243); background: linear-gradient(90deg, rgba(232,240,243,1) 59%, rgba(232,240,243,1) 82%, rgba(255,255,255,1) 100%); width: 100%; min-height: 285px/* 405px */; padding: 20px; display: flex; flex-direction: column; justify-content: center; }
.home-about-section .about-content .heading { font-size: 28px; font-family: 'robotobold'; color: #1462ac; margin-bottom: 6px; margin-top: 0; }
.home-about-section .about-content .about-text { font-size: 16px; color: #424242; margin-bottom: 10px; line-height: 1.6; }
.home-about-section .about-content .read-more { color: #1462ac !important; font-style: italic !important; font-size: 14px; text-decoration: none !important; }
.home-about-section .about-content .read-more:hover { color: #67c356 !important; }
.home-about-section .about-img { width: 100%; display: block; height: 290px; }
.home-about-section .about-img img { width: 100%; height: 100%; object-position: center; object-fit: cover; display: block;}
.home-about-section .about-img video, .home-about-section .about-img iframe { width: 100% !important; height: 100% !important; border: none; object-fit: cover; }

hr { border-color: rgba(120,130,140,.13);}

.home-placeholder-section { width: 100%; display: block; padding: 30px 0px 0px; }
.home-placeholder-section .heading { font-size: 28px; color: #1462ac !important; margin-bottom: 20px; font-family: 'robotobold'; }

.placeholder-card { width: 100%; height: 100%; padding-bottom: 20px; position: relative; }
.placeholder-card-arrow::before { position: absolute; content: ""; width: 80px; height: 80px; background:url(../images/arrow1.png) no-repeat; background-position: center !important; background-size: contain !important; right: -40px; top: 50%; transform: translateY(-50%);  }

.placeholder-card-arrow2::before {right: -80px;}
.placeholder-card-inside { width: 100%; max-width: 280px; height: 100%; }
.placeholder-card-inside .icon { width: 100px; height: 100px; margin: 10px auto; }
.placeholder-card-inside .icon img { width: 100%; height: 100%; }
.placeholder-card-body .card-title { color: #424242; font-size: 20px; margin-bottom: 10px; text-align: center; font-family: 'robotobold'; }
.placeholder-card-body .input-group { border: 1px solid #9f9f9f; border-radius: 15px; width: 100%; border-radius: 10px; max-width: 95%; width: 100%; margin: 0px auto 10px; }
.placeholder-card-body .input-group .form-control { border: none; color: #424242; border-radius: 10px; box-shadow: none !important; background: none !important; font-size: 14px; padding: 5px 12px; }
.placeholder-card-body .input-group .input-group-text { padding: 0px; border-radius: 10px; padding: 10px; background: none !important; border: none; cursor: pointer; }
.placeholder-card-body .input-group .input-group-text img { width: 20px; height: 20px; object-fit: contain; }
.placeholder-card-body .pcard-text { margin-bottom: 0px; font-size: 14px;  color: #424242; text-align: center; line-height: 1.6; }
.placeholder-card-body .pcard-text a { color: #337ab7; text-decoration: none !important;  }
.placeholder-card-body .pcard-text a:hover {  color: #1462ac; }

.map-container-section { width: 100%; display: block; padding: 20px 0px 50px; }
.map-container-section .heading { font-size: 28px; color: #1462ac; margin-bottom: 10px; font-family: 'robotobold'; }
.map-content-block { width: 100%; display: block; }
.map-content-block .description { line-height: 1.6; text-align: justify; font-size: 16px;  color: #424242; margin-bottom: 0px;  }

.map { width: 100%; height: 500px; margin-top: 50px;}
.map iframe { width: 100%; height: 100%; }

/* footer */

.footer-top {background: #e8f0f3; -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, .13); -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, .13); box-shadow: inset 0 5px 5px rgba(0, 0, 0, .13); padding: 40px 0px;}
.footer-top  .toll-free-tel { color: #1462ac; margin-bottom: 20px; font-size: 16px; }
.footer-top  .toll-free-tel a { font-size: 16px; color: #232323; margin: 0; text-decoration: none !important; }
.footer-top  .toll-free-tel a:hover { text-decoration: underline !important; }

.footer-top .other-contact-block .nav { margin-top: 20px; max-width: 452px; width: 100%; }
.footer-top .other-contact-block .nav-item { margin-right: 10px; margin-bottom: 10px; }
.footer-top .other-contact-block .nav-item:nth-child(1) .nav-link{ background-color: #4C69BA; background-image: linear-gradient(#4C69BA, #3B55A0); text-shadow: 0 -1px 0 #354C8C; }
.footer-top .other-contact-block .nav-item:nth-child(2) .nav-link{ background-color: #1da1f2; background-image: linear-gradient( #1da1f2, #1289ce); text-shadow: 0 -1px 0 #1d73a5; }
.footer-top .other-contact-block .nav-item:nth-child(3) .nav-link{ background-color: #6042be; background-image: linear-gradient( #6042be, #c5348a); text-shadow: 0 -1px 0 #4e35a0; }
.footer-top .other-contact-block .nav-item:nth-child(4) .nav-link{background-color: #03689a; background-image: linear-gradient( #03689a, #1291cc); text-shadow: 0 -1px 0 #12658c; }
.footer-top .other-contact-block .nav-link {border-radius: 0.2em; padding: 0px !important;  font-size: 16px; color: #fff !important; text-decoration: none !important; display: flex; }
.footer-top .other-contact-block .nav-link .icon { width: 40px; border-right: 1px solid; padding: 3px 5px; display: flex; align-items: center; justify-content: center; }
.footer-top .other-contact-block .nav-link .icon img { width: 20px; height: 20px; object-fit: contain; object-position: center; }
.footer-top .other-contact-block .nav-link span + span { padding: 5px 15px; }
.footer-top .other-contact-block .nav-link:hover { opacity: 0.8; }

.footer-top .address-text { padding-left: 20px; color: #1462ac; margin-bottom: 30px; font-size: 16px; }
.footer-top .address-text b { display: block; font-family: 'robotobold'; }
.footer-top .address-text a { font-size: 16px; color: #232323; margin: 0; text-decoration: none !important; display: inline-block; margin-top: 20px; line-height: 1.6; }
.footer-top .address-text a:hover { text-decoration: underline !important; }

.footer-menu { padding-left: 20px; margin-bottom: 30px; }
.footer-menu .nav-item {padding: 0px 10px; border-right: 1px solid #b2bcbf; }
.footer-menu .nav-item:first-child { padding-left: 0px; }
.footer-menu .nav-item:last-child { border: none !important; }
.footer-menu .nav-link { padding: 0px !important;  font-size: 16px; line-height: 16px; color: #cc0001 !important; text-decoration: none !important; }

.copy-right-text { padding-left: 20px; color: #1462ac; margin-bottom: 0px; font-size: 16px; display: inline-block; }

.cloud-members-block { width:100%; display: block; padding: 30px 0px; border-bottom: 2px solid #d0edf7 !important; }
.cloud-members-block .cm-title { color: #1462ac; margin-bottom: 20px; font-size: 14px; font-family: 'robotobold'; font-style: italic; }
.cloud-members-block .cloud-members-row { width: 100%; display: flex; align-items: center; }
.cloud-members-block .member-logo { max-width: 100px; height: 100px; width: 100%; display: flex; align-items: center; margin-right: 50px;  }
.cloud-members-block .cloud-members-row .member-logo a { display: inline-block; width: 100%; }
.cloud-members-block .member-logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.discalim-text-block { padding: 30px 0px; display: block;  }
.discalim-text-block h6 { font-size: 12px; color: #2980b9; margin-bottom: 15px; line-height: 1.6; }
.discalim-text-block h6:last-child { margin-bottom: 0px; }

.pharmacychecker-seal img {
    max-height: 70px;
    max-width: 100px;
    float: left;
  }


/* about us  */

.about-us-page .carousel-caption { height: 40px;}

.about-top-section { width: 100%; display: block; padding: 20px 0px 35px; }
.about-content-block h2 { font-size: 24px; color: #424242; margin-bottom: 15px; margin-top: 0; text-transform: uppercase !important; position: relative; line-height: 36px;  }
.about-content-block h2::after { content: ""; width: 34px; height: 2px; padding: 0; background-color: #1462ac; display: block; margin-left: 64px; margin-top: 5px;  }
.about-content-block p { font-size: 14px; color: #424242; margin-bottom: 10px; line-height: 1.6;}
.about-content-block a.read-or-hide { color: #1462ac !important; font-style: italic !important;  font-size: 14px; text-decoration: none !important; cursor: pointer; }

.about-us-page .carousel-item { height: 293.617px;}
.about-us-page .title-line-4 { height: 0px !important; }

span.read-or-hide { color: #1462ac !important; font-style: italic !important; font-size: 14px; text-decoration: none !important; cursor: pointer; }

.about-meet-staff-section {  background: #FAFAFA; width: 100%; display: block; padding: 20px 0px; }
.meet-the-staff-section { display: block; width: 100%; padding: 30px 0px; }
.meet-the-staff-section .heading { font-size: 24px; color: #424242; margin-bottom: 30px; margin-top: 0; text-transform: uppercase !important;}
.meet-the-staff-section .heading::after { content: ""; width: 34px; height: 2px; padding: 0; background-color: #1462ac; display: block; margin-left: 75px; margin-top: 5px; }

.staff-info-outside-block { width:100%; height: 100%; padding-bottom:20px;  }
.staff-info-block { width: 100%; display: flex; border: 1px solid #ddd; padding: 20px; border-radius: 4px; max-width: 540px; height: 100%; }
.staff-info-block .staff-img { width: 130px; height: 130px; border: 1px solid #ddd; border-radius: 4px; margin-right: 15px; padding: 4px; }
.staff-info-block .staff-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 4px; }
.staff-info-block .info-block { flex: 1; width: 100%; }
.staff-info-block .info-block .staff-name { color: #1462ac; line-height: 36px; font-size: 24px; margin-bottom: 5px; }
.staff-info-block .info-block .staff-text { color: #6c6965; font-size: 14px; line-height: 1.6; margin-bottom: 0px; }

.meet-staff-btn { padding: 10px 16px; margin: 25px auto 0px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; color: #1462ac; max-width: 300px; background-color: transparent;  background: none; border: 1px solid #1462ac; display: block;
    width: 100%; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) !important; }
.meet-staff-btn:hover { background: #1462ac;  color: #fff;  }

.about-meet-staff-section .meet-the-staff-section .meet-staff-btn { display: block; }
.about-meet-staff-section .meet-the-staff-section .heading { text-align: left; }
.about-meet-staff-section .meet-the-staff-section .heading::after { margin-left: 75px;}

/*.about-content { display: block; overflow: hidden; height: 385px; }
.about-content.lessContent { height: auto; }*/

/*  */

.breadcrumb { width: 100%; margin: 0px 0px 20px !important; padding: 4px 12px !important; align-items: center; border-radius: 0px !important;  background: rgba(232,240,243,0.4);  border: 1px solid rgba(20,98,172,0.1); border-left: 5px solid rgba(20,98,172,0.4) !important; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); }
.breadcrumb .breadcrumb-item a { color: #424242; font-size: 12px; text-decoration: none; }
.breadcrumb .breadcrumb-item a:hover{color: #1462ac; }
.breadcrumb-item + .breadcrumb-item::before { width: 8px; height: 8px; border-bottom: 2px solid #1462ac; border-right: 2px solid #1462ac; content: "";  padding-right: 0; display: inline-block; transform: rotate(-44deg); margin-right: 8px; float: unset; }
.breadcrumb-item {  color: #424242; font-size: 12px; }
.breadcrumb-item.active { color: #424242; }
.breadcrumb-item + .breadcrumb-item { padding-left: 6px;}


/*  */

.contact-us-page { width: 100%; display: block; padding: 20px 0px 30px;  }
.contact-us-page .page-heading { font-size: 24px; color: #424242; margin-bottom: 15px; margin-top: 0; text-transform: uppercase !important; position: relative; text-align: center; margin-bottom: 20px; }
.contact-us-page .page-heading::after { content: ""; width: 34px; height: 2px; padding: 0; background-color: #1462ac; display: block; margin: 5px auto 0px; }
.contact-us-page .contact-text { font-size: 15px; margin-bottom: 10px; color: #424242; line-height: 1.6; }
.contact-us-page p { font-size: 15px; margin-bottom: 10px; color: #424242; line-height: 1.6; }
.contact-us-page .contact-text a, .contact-us-page p a {color: #337ab7; text-decoration: none;}
.contact-us-page .contact-text a:hover, .contact-us-page p a:hover { text-decoration: underline !important; }

.common-form-block { background: #F7F7F7 !important; border: 1px solid #eeebeb; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1); padding: 25px; /* height: 100%; */ display: flex; align-items: top;}
.common-form-block.contact-form { background: #F7F7F7; width: 100%; max-width: 100%; }
.common-form-block .form-group { margin-bottom: 25px;}

.common-form-block .form-group .form-control { resize: none; box-shadow: none !important; font-size: 14px; border-radius: 2px; color: #565656; padding: 10px 16px; transition: all .3s linear 0s; border: 1px solid #e4e7ea; }
.common-form-block .form-group .form-control:placeholder { color: #565656;  }
.common-form-block .form-btn {  border-radius: 2px;  box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); padding: 10px 16px; font-size: 18px; color: #fff;  background: #1462ac;  border: 1px solid #1462ac;  width: 100%; display: block;  margin-top: 40px;}
.common-form-block .form-title { font-size: 24px; color: #424242; margin-bottom: 15px; font-family: 'robotomedium';}

.contact-us-page .map { margin-top: 0px;}

/* faq */

.faqs-page { width: 100%; display: block; padding: 20px 0px 50px;  }
.faqs-page .page-heading { font-size: 24px; color: #424242; margin-bottom: 15px; margin-top: 0; text-transform: uppercase !important; position: relative; text-align: center; margin-bottom: 30px; }
.faqs-page .page-heading::after { content: ""; width: 34px; height: 2px; padding: 0; background-color: #1462ac; display: block; margin: 5px auto 0px; }

.accordion-item { border: none !important; border-radius: 0px !important;  margin-bottom: 15px; }
.accordion-button { background: #fff !important; border: 1px solid #ececec; cursor: pointer; padding: 10px 10px; position: relative; transition: all .5s ease;
    color: #3d3d3d !important; font-size: 14px; border-radius: 0 !important; transition: all .5s ease;  text-transform: none; box-shadow: none !important; }
.accordion-body { padding: 5px 10px 0px; }
.accordion-body p { font-size: 14px; color: #424242; line-height: 26px; margin-bottom: 5px; }
.accordion-body p:last-child { margin-bottom: 0px; }
/* .accordion-button:focus { background: #1462ac !important; border-color: #1462ac; } */
.accordion-button:not(.collapsed) { background-color: #1462ac !important; border-color: #1462ac;  color: #fff !important; }
.accordion-button::after { background:url(../images/right-black.png) no-repeat; background-position: center; background-size: cover; width: 20px; height: 20px; }
.accordion-button:not(.collapsed)::after { background: url(../images/right.png); background-position: center; background-size: cover; transform: rotate(90deg);}


/*  */

.refill-as-guest-page { width: 100%; padding: 25px 0px 50px ; display: block; }
.refill-guest { width: 100%; display: flex; background: #F7F7F7; border: 1px solid #eeebeb; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1); padding: 25px; }

.refill-guest .refill-content { padding: 0px 10px; width: 50%; }
.refill-guest .refill-content h1.refill-title { color: #666; line-height: 48px; font-size: 36px; margin-bottom: 20px; }
.refill-guest .refill-content p.refill-text { font-size: 16px; color: #666; line-height: 1.6; margin-bottom: 30px; font-family: 'robotobold';  }

.refill-guest .refill-content .btn-block .btn { border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); padding: 6px 12px; font-size: 14px; }
.refill-guest .refill-content .btn-block .sign-btn { color: #fff !important; background: #1462ac; border: 1px solid #1462ac; margin-right: 10px; }
.refill-guest .refill-content .btn-block .sign-btn:hover { opacity: 0.8; }
.refill-guest .refill-content .btn-block .refill-btn { color: #1462ac; background-color: transparent; border: 1px solid #1462ac;  }
.refill-guest .refill-content .btn-block .refill-btn:hover { opacity: 0.8; color: #fff; background: #1462ac; }

.refill-guest .refill-img { max-width: 50%; width: 100%; height: 310px; padding: 0px 10px; }
.refill-guest .refill-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

/*  */

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
  }


.refill-as-guest-request-page { padding: 20px 0px 40px; width: 100%; display: block; }

/* login */

.auth-form-page { width: 100%; display: block; padding: 25px 0px; }
.auth-form-page .common-form-block .contact-text { font-size: 14px; margin-bottom: 10px; }
.auth-form-page .common-form-block .form-btn { margin-top: 0px; }

.auth-form-page .radio-group-block { margin-top: 38px;}

.auth-form-page .page-heading::after { display: none !important;  }
.auth-form-page .form-div .f-title { text-transform: uppercase; font-size: 16px; color: #424242; margin-bottom: 12px; font-family: 'robotoregular'; }


.signin-page .other-page-link p { margin-bottom: 0px; font-size: 14px;}
.signin-page .other-page-link p a { font-size: 14px; }
.signin-page  .common-form-block { padding: 25px; }
.auth-form-page .breadcrumb { margin-bottom: 20px !important; }

/* common form css code */

.common-form-block {background: #F7F7F7; border: 1px solid #eeebeb; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1); padding:35px 25px;/*  height: 100%; */ display: flex; align-items: top; }
.common-form-block .form-group { margin-bottom: 25px; }
.common-form-block .form-group .form-control {resize: none; box-shadow: none !important; font-size: 14px; border-radius: 2px; color: #565656; padding: 10px 16px ; transition: all .3s linear 0s; border: 1px solid #e4e7ea; }

.common-form-block.personal-information-block { background: #fff !important; }

.common-form-block .form-group .form-control:focus { border-color: #2b2b2b; }
.common-form-block .form-group.has-error .form-control, .common-form-block .form-group.has-error .form-control:focus { border-color: #dc3545; }

.common-form-block .form-group .form-control.is-invalid { border-color: #dc3545; }
.common-form-block .form-group label.form-label { font-size: 14px; color: #424242; margin-bottom: 5px; display: block; }
.common-form-block .form-group label.form-label span { color: red; }
.order-summary-block .form-group label.form-label { font-weight: 600 !important; }
.input-group .input-group-text { border-radius: 0 !important; font-size:14px; padding: 10px; background-color: #eee; }
.input-group:focus-within .input-group-text { border-color: #2b2b2b; }
.has-error .input-group-text { border-color: #dc3545; background: #dc3545; color: #fff !important; }

.common-form-block .form-btn { border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); padding: 8px 16px; font-size: 18px; color: #fff; background: #1462ac; border: 1px solid #1462ac; width: 100%;display: block; margin-top: 40px; }
.common-form-block .form-btn:hover { opacity: 0.8; }

.common-form-block .contact-text { font-size: 16px; margin-bottom: 25px; color: #424242; line-height: 1.6;}
.input-feedback { font-size: 12px; color: red; display: block; width: 100%; }

.common-form-block .form-title { font-size: 24px; color: #424242; margin-bottom: 15px; }

.page-heading { font-size: 24px; color: #424242; margin-bottom: 15px; margin-top: 0; text-transform: uppercase !important; position: relative; text-align: center; margin-bottom: 15px; }
.page-heading::after { content: ""; width: 34px; height: 2px; padding: 0; background-color: #1462ac; display: block; margin: 5px auto 0px; }

.signin-page, .signup-page, .forgot-page { max-width: 570px; width: 100%; margin: 0px auto; }


.signup-page .page-heading::after { display:none !important; }
.signup-page .breadcrumb { margin-bottom: 20px !important; }

.other-page-link { padding-top: 15px; display: block; }
.other-page-link  p{ margin-bottom: 10px; color: #424242; font-size: 12px;  }
.other-page-link  p a { color: #337ab7; font-size: 12px; text-decoration: none; }
.other-page-link  p a:hover { text-decoration: underline; color: #23527c; }
.other-page-link  p:last-child { margin-bottom: 0px; }

.common-form-block ul { list-style: none; margin: 0px; margin-bottom: 20px; padding: 0px; }
.common-form-block ul li { font-size: 14px; margin-bottom: 8px; color: #424242; line-height: 1.6; display: flex;align-items: center; }
.common-form-block ul li svg{ content: ""; font-size: 20px; color: #337ab7;/*  margin-right: 5px; */ }
.common-form-block ul li span { width: 100%; flex: 1; }
.update-profile-section .common-form-block ul li span { flex: unset; width: auto;  white-space: normal !important; }
.common-form-block ul li .dtr-title { font-family: 'robotomedium'; position: relative;  text-align: left;}
.common-form-block ul li .dtr-title:after { content:": "; right: 0px; font-size: 14px; padding-right:5px; }

.form-div { width: 100%; display: block; margin-bottom: 10px; }
.form-div .f-title {  font-size: 16px; color: #424242; margin-bottom: 12px; font-family: 'robotomedium'; text-transform: uppercase; }

.common-form-block label.form-label .btn { box-shadow: none !important; background: none !important; border: none !important; padding: 0px !important;
color: #337ab7 !important; margin-left: 10px; font-size: 14px; line-height: 14px; border-radius: 0; margin-bottom: 3px; }

.blogLoader  { width: 40px; height: 40px; margin: 0px auto; }
.blogLoader img { width: 100%; height: 100%; }

.hide{display:none}

.common-form-block small.float-start .badge { margin-bottom: 5px; }

/* redio button */

.radio-group-block { display: flex;  }
.radio-group-block div { margin-right: 15px; }
[type="radio"]:checked,
[type="radio"]:not(:checked) { position: absolute; left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{ position: relative; padding-left: 24px; /*font-family: 'robotomedium';*/  cursor: pointer; line-height: 18px; display: inline-block; font-size: 14px;  color: #424242;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid rgba(120,130,140,.8); border-radius: 100%; background: #fff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #0053a5; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

[type="radio"]:disabled + label:after { background-color: #acacbb; cursor: no-drop;  }
[type="radio"]:disabled + label::before { border-color: #acacbb;  cursor: no-drop; }
/* [type="radio"]:disabled + label { color: #acacbb; cursor: no-drop; } */

.custom-check-box .checkbox { display: inline-block; position: relative; padding-left: 22px; cursor: pointer; font-size: 14px; -webkit-user-select: none; color: #424242; line-height: 18px !important; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 0px;}
.custom-check-box .checkbox input {  position: absolute;  opacity: 0; cursor: pointer; height: 0; width: 0;}
.custom-check-box .checkmark {  position: absolute; top: 0; left: 0; height: 18px; width: 18px; background: #fff; border: 1px solid rgba(120,130,140,.8);; }
.custom-check-box .checkmark::after { display: none;}
.custom-check-box .checkmark::after { content: ""; position: absolute; left: 5px; top: 1px; width: 6px; height: 12px; border: solid #0053a5; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.custom-check-box input:checked~.checkmark {  border: 1px solid #0053a5;}
.custom-check-box input:checked~.checkmark::after { display: block;}
.custom-check-box .checkbox a{ color: #337ab7; text-decoration: none; }
.custom-check-box .checkbox a:hover { text-decoration: underline; }

.custom-check-box input:disabled~.checkmark {  border: 1px solid #acacbb; background-color: #acacbb;}
.custom-check-box input:disabled ~ .checkmark::after {border-color: #fff;}


/* signup modal */

.trems-modal {  }
.trems-modal .modal-content { box-shadow: 0 5px 15px rgba(0,0,0,.1); border-radius: 2px; border: 1px solid rgba(0,0,0,.2); background-color: #fff; }
.trems-modal .modal-dialog { max-width: 1170px; height: auto; max-height: 100%; width: auto; }
.trems-modal .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5;}
.trems-modal .modal-title { margin: 0; line-height: 1.42857143; font-size: 15px; color: #424242;}

.trems-modal .modal-body h3 {font-size: 21px; color: #424242; margin: 10px 0; }
.trems-modal .modal-body p { line-height: 1.6;margin: 0 0 10px; color: #424242; font-size: 14px; }
.trems-modal ul.list-icons { margin: 0px; padding: 0px; }
.trems-modal ul.list-icons li {list-style: none; line-height: 40px; color: #424242; font-size: 14px;}
.trems-modal .print-btn { background: #cc0001; border: 1px solid #cc0001; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); padding: 5px 10px;  font-size: 12px; line-height: 1.5; color: #fff; }
.trems-modal  .btn-close { opacity: .2; font-size: 12px; font-family: 'robotobold'; }



/* redio button */

.intl-tel-input { display: block !important;}
/*.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code { padding-left: 5px !important;}*/
/*.intl-tel-input .selected-flag { display: flex !important;}*/
.form-control.is-invalid, .was-validated .form-control:invalid { background: none !important; }
.css-1w1rijm-MuiButtonBase-root-MuiButton-root { box-shadow: none !important;
    background: none !important;
    border: none !important;
    padding: 0px !important;
    width: auto !important;
    min-width: 14px !important;
    color: #337ab7 !important;
    margin-left: 10px !important;
    font-size: 14px !important;
    line-height: 14px !important;
    border-radius: 0 !important;
    margin-bottom: 3px !important; }

/*  */

.download-order-form-page { width: 100%; display: block; padding: 20px 0px; }
.download-order-block .heading { color: #238bbf; text-transform: uppercase; border-bottom: 1px solid #238bbf; font-family: 'robotobold'; line-height: 42px; font-size: 36px;}
.download-order-block .heading span { font-size: 18px; }

.download-order-block .section-policy p { margin-bottom: 10px; }
.download-order-block .section-policy p a { color: #337ab7 !important; text-decoration: none !important; }
.download-order-block .section-policy p a:hover { text-decoration: underline !important; color: #23527c !important; }
.download-order-block .section-policy h3 { font-family: 'robotobold'; font-size: 20px; color: #228abd; margin-bottom: 10px; }


.download-order-block .dwnld-btn {  background: #1462ac; border: 1px solid #1462ac; max-width: 300px; box-shadow: none !important; color:#fff !important;width: 100%; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); padding: 8px 12px; font-size: 14px; }
.download-order-block .dwnld-btn:hover {box-shadow: 0 3px 4px 1px rgba(0,0,0,.1); opacity: .8; }
.download-order-block ol {padding-left: 20px; margin: 0px; }
.download-order-block ol li { margin: 0 0 10px; font-size: 14px; color: #303030; }
.download-order-block ol li a{ color: #337ab7 !important; text-decoration: none !important; }
.download-order-block ol li a:hover { text-decoration: underline !important; color: #23527c !important; }

.download-order-block .new-order-steps .row { padding: 15px 10px;  }
.download-order-block .new-order-steps .row  img { width: 110px; height: 110px; margin: 0px 40px !important; margin-left: 20px !important;  }


/*  */


.upload-form-page { width: 100%; display: block; padding: 22px 0px 50px; max-width: 550px; margin: 0px auto; }
.upload-form-page ul.list-icons { margin: 0; padding: 0;  margin-bottom: 20px; }
.upload-form-page ul.list-icons li { padding: 5px 10px; background: #fb9678; color: #fff; border-color: #fb9678; }
.upload-form-page input[type=file]::file-selector-button { display: none;  opacity:0  }
.upload-form-page .breadcrumb { margin-bottom: 20px !important; }
.upload-form-page .page-heading:after { display: none !important; }

.upload-form-page .common-form-block .form-btn { margin-top: 10px; }
.upload-form-page .common-form-block ul li svg { color: #fff ; }

.upload-form-page .add-more { border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); padding: 4px 8px; font-size: 12px; color: #fff; background: #67c356; border: 1px solid #67c356; float: right; margin-bottom: 15px; margin-top: 12px; display: flex; align-items: center; }
.upload-form-page .add-more:hover { opacity: 0.8; }
.upload-form-page .add-more span { font-size: 24px; line-height: 1px; margin-right: 5px; font-weight: bolder !important; }


.upload-form-page  .custom-check-box .checkbox { color: #1462ac; font-family: 'robotobold'; }
.al-upload-document-page .custom-check-box .checkbox { color: #1462ac; font-family: 'robotobold'; }
.common-form-block .remove { color: red; text-decoration: none; font-size: 12px; margin-bottom: 10px; display:inline-block; box-shadow: none !important; background :none !important; border: none ; }
/* .common-form-block .remove:hover{ color: #23527c; } */

.upload-form-page .input-group .input-group-text { padding: 6px 12px; font-size: 14px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); color: #555; border: 1px solid rgba(120,130,140,.13); }

.forgot-page .common-form-block ul li { align-items: flex-start; }
.auth-form-page .common-form-block ul li { align-items: center; }


/*  */

.cart-page{ padding: 20px 0px 40px; width: 100%; display:block; }
.cart-page .breadcrumb { margin: 0px 0px 15px !important;}

.your-cart-block{ background-color: #fff; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); border-radius: 2px; }
.your-cart-block .top-row  { border-bottom: 1px solid rgba(120,130,140,.13);  padding: 20px 25px; }
.your-cart-block .top-row .title { color: #2b2b2b; margin-bottom: 0px; font-weight: 600 !important; text-transform: uppercase; font-size: 14px; }

.your-cart-block .cart-body { padding: 20px 25px; width:100%; }
.your-cart-block .cart-body .no-txt{   font-size: 14px; color: #424242; margin-bottom: 15px; }
.your-cart-block .cart-body .continue-shopping-btn{ border-radius: 2px; padding: 6px 12px;  font-size: 14px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); background: #fff; border: 1px solid #e4e7ea; margin-bottom: 10px; }
.your-cart-block .cart-body .continue-shopping-btn:hover {background: #e4e7ea;}
.your-cart-block .cart-body .continue-shopping-btn svg { font-size: 20px; }

.cart-table .product-img { width:50px;  height: 50px; }
.cart-table .product-img img{max-width: 100%;}
.cart-table .delete-icon { width: 28px; height:28px; color: #cc0001; font-size:20px; background-color: transparent;  border: 1px solid #cc0001; text-decoration: none; display: flex; align-items: center; justify-content: center; }
.cart-table .delete-icon:hover {  background: #cc0001; color: #fff; }
.cart-table .p-link { color: #337ab7 !important; text-decoration: none !important; font-size:14px; }
.cart-table .p-link:hover { color: #23527c !important; text-decoration: underline !important;}
.cart-table .by-text small { font-size: 12px; color: #424242; }

.cart-summary-block { background-color: #fff; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); border-radius: 2px; margin-bottom: 25px; }
.cart-summary-block .summary-title { font-size: 15px; color: #2b2b2b; margin-bottom: 0px; font-weight: 600 !important; border-bottom: 1px solid rgba(120,130,140,.13);  padding: 15px 15px; }
.summary-block { padding: 15px; }
.summary-block .total-price { font-size: 14px; color: #424242; display:flex; align-items: center; justify-content:space-between;  margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(120,130,140,.13); }
.summary-block .checkbout-btn { background: #1462ac; border: 1px solid #1462ac; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) !important; color: #fff; padding: 8px 12px; font-size: 14px; width: 100%; }
.summary-block .checkbout-btn:hover {opacity: .8;}

.any-support-box{ background-color: #fff; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); border-radius: 2px; }
.any-support-box .any-title { font-size: 14px; color: #2b2b2b; margin-bottom: 0px; font-weight: 600; /* text-transform: uppercase; */ border-bottom: 1px solid rgba(120,130,140,.13);  padding: 15px 15px; }
.any-support-box .contact-support { padding:10px 15px; width:100%; }
.any-support-box .contact-no { font-size: 14px; color: #424242; margin-bottom: 10px; }
.any-support-box .contact-no  svg { font-size: 18px; vertical-align: text-bottom;  }
.any-support-box .contact-no a { color: #337ab7 !important; text-decoration: none !important; }
.any-support-box .contact-no a:hover { color: #23527c !important; text-decoration: underline !important; }
.any-support-box .ac-text {  font-size: 14px; color: #424242; margin-bottom: 0px; }

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
  }

.text-inverse {color: #4c5667 !important;}
.text-inverse {color: #23527c !important; font-size: 12px; }
.text-inverse small {  font-size: 12px; color: #4c5667 !important; font-weight: 500 !important; }
.text-inverse:hover  small { color: #23527c !important;  }

/* modal css */

.modal-dialog { max-width: 600px; margin: 30px auto;}
.modal-content { box-shadow: 0 5px 15px rgba(0,0,0,.1); border-radius: 2px; }

.modal-title { font-size: 15px; color: #424242;  }
.btn-close { font-family: 'robotobold'; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; padding: 0 !important; margin: 0 !important; box-shadow: none !important;   opacity: .2; font-size: 12px;} 
.modal-body p { font-weight: 600; color: #424242; font-size: 14px; }

.modal-footer-btn { background: #1462ac; border: 1px solid #1462ac; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); padding: 5px 10px;
font-size: 12px; line-height: 1.5; color: #fff !important;  }
.modal-footer-btn:hover { box-shadow: 0 3px 4px 1px rgba(0,0,0,.1); opacity: .8;}
.cartShow{display: flex;align-items: center;justify-content: space-between;}

/*  */
.products-page { width: 100%; display: block; padding: 15px 0px; }
.products-page .breadcrumb { margin: 0px 0px 15px !important;}

.search-block { margin-bottom: 20px; width: 100%; }
.search-block .search-title { line-height: 36px; font-size: 24px; color: #424242; }

.choice-box { width: 100%; display: flex; padding: 10px 0px; align-items: center; margin-bottom: 20px; }
.choice-box p { font-size: 12px; color: #424242; margin-bottom: 0px; margin-right: 10px; }
.choice-box p span { font-size: 14px; text-align: center; width: 22px; height: 22px; font-family: 'robotobold'; border-radius: 50%; display: inline-block; /* align-items: center; justify-content: center; */ color: #fff; }
.choice-box p span.badge-b {background-color: #1462ac;  }
.choice-box p span.badge-g { background-color: #67c356; }

.search-listing { padding: 0; margin: 0; list-style: none; }
.search-listing li { width: 100%; display: flex; align-items: center; padding: 8px 5px; border-bottom: 1px solid rgba(120,130,140,.4); }
.search-listing li:nth-child(2n) { background: #fafafa !important;}
.search-listing li .choice-box { max-width: 60px; width: 100% !important; margin-right: 50px; padding: 5px 0px; margin-bottom: 0px; }
.search-listing li h3 { margin-bottom: 0; font-size: 16px; color: #1c5894; max-width: 400px; width: 100%; }
.search-listing li h3 a {text-decoration: none !important; color: #1c5894;  }
.search-listing li h3 a:hover { text-decoration: underline !important;   }
.search-listing li p.alternative-name { font-size: 12px; margin: 0; color: #424242; }

.product-need-text { background: #F7F7F7; border: 1px solid #eeebeb; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1); padding: 25px; margin: 30px 0px 15px 0px; }
.product-need-text p {font-family: 'robotobold'; font-size: 16px; color: red; margin: 0px; line-height: 1.6; }
.product-need-text p a{ color: #1462ac; text-decoration: none !important; }


.searching-box {background: #F7F7F7; border: 1px solid #eeebeb; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1); padding: 15px; margin-bottom: 15px;  }
.searching-box .form-label { max-width: 100%; margin-bottom: 5px;/*  font-family: 'robotomedium';  */color: #424242; font-size: 14px; }
.searching-box .input-group > .form-control { background-color: #fff; font-size: 14px; border: 1px solid #e4e7ea;  border-radius: 2px; box-shadow: none;color: #565656; height: 38px; max-width: 100%; padding: 7px 12px; transition: all .3s linear 0s;  }
.searching-box .form-control:focus { box-shadow: none; border-color: #2b2b2b;}
.searching-box .input-group-text { background: #1462ac;  margin-left: 0; font-size: 16px; border: 1px solid #1462ac; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); padding: 8px 12px; color: #fff; cursor: pointer; }
.searching-box .input-group-text:hover { opacity: 0.8; }
.searching-box  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin: 0px !important; }

ul.alphaul {width: 100%; display: flex; align-items: center; list-style: none; padding: 0; margin: 0px; flex-wrap: wrap; }
ul.alphaul li {  color: #424242; font-size: 14px; /* font-family: 'robotomedium'; */ margin-right: 15px; }
ul.alphaul li:last-child { margin-right: 0px; }
ul.alphaul li a{ color: #67c356; font-family: 'robotobold'; display: inline-block; font-size: 14px; text-decoration: none ; }
ul.alphaul li a:focus, ul.alphaul li a:hover, ul.alphaul li a.active { color: #23527c; text-decoration: underline !important; }
ul.alphaul li:last-child a { color: #23527c; }

.products-page .pagination li:last-child { margin-left: 0;}
.products-page .pagination { align-items: unset; justify-content: unset; margin-top: 20px; }
.products-page .pagination li > a { height: 40px; padding: 5px; justify-content: center; width: auto; border-radius: 0px; padding: 15px !important; display: flex; align-items: center; }
.products-page .pagination li > a svg { font-size: 20px; }
.products-page .pagination li.active > a,.page-item.active .page-link { color: #fff; background-color: #1462ac; border-color: #1462ac;height: 40px;  }

.page-item:first-child .page-link, .page-item:last-child .page-link { border-radius: 2px !important; font-size: 24px; line-height: 26px; padding: 4px !important; height: 40px; width: 40px; }
.page-item.first .page-link { width: auto; }

#sample_1_wrapper .table th, #sample_1_wrapper .table td { text-align: left !important; }
#sample_1_wrapper .table td:nth-child(1) div { display: flex; align-items: center; margin-left: 5px; }

.other-content-block { width: 100%; display: block; padding-top: 20px; }
.other-content-block h3{ font-size:26px; color:#3498db; font-family: 'robotobold'; margin-top: 20px; margin-bottom: 10px; }
.other-content-block h4 {  font-size: 16px; color: #1462ac !important; margin-top: 20px;}
.other-content-block .article-content img.referal-img { display: block; max-width: 540px; height: 765px; width: 100%; object-fit: cover; margin: 10px auto; object-position: center; }

.seller-table { margin-top: 50px; margin-bottom: 20px; }
.seller-table h3 { font-size: 20px; text-align: center; font-weight: 600; color: #424242; margin-bottom: 20px; }
.faqs-block h4 { font-size: 20px; font-weight: 600; color: #424242 !important; margin-bottom: 20px;  }
.faqs-block div {background:#eeeeee; border:1px solid #cccccc;padding:5px 10px; font-size: 14px; color: #424242; }
.faqs-block div span {color:#2980b9; display: block; }

.fill-prescripton-from { margin-top: 70px; }
.fill-heading-block { text-align: center; margin-bottom: 40px;}
.fill-heading-block h2 { color: #c0392b; font-size: 16px; font-weight: 600; }
.fill-heading-block p {  padding: 5px 10px; }
.other-content-block .table { text-align: center; }
.other-content-block .table thead tr th {background-color: #6699ff; color: #fff; padding: 5px; }
.other-content-block .table a { color: #337ab7;text-decoration: none; padding: 5px; }
.other-content-block .table > :not(caption) > * > * { padding: 5px;  border: 1px solid #000 !important; }

/*  */

.product-detail-page { padding: 20px 0px; display: block; width: 100%; }
.pdp-bottom-text { color: #7f8c8d; font-size: 12px; margin-top:20px; line-height:1.6; }
.pdp-bottom-text a { color: #337ab7; text-decoration: none; }
.pdp-bottom-text a:focus, .pdp-bottom-text a:hover {color: #23527c;}

.product-detail-page .product-name { line-height: 36px; font-size: 24px; color: #424242; margin-bottom:10px; }

.product-info-card { max-width: 600px; width:100%; border: 1px solid rgba(20,98,172,0.7); padding: 50px 15px 15px; position:relative; height: 100%; }
.product-info-card.generic-card { border: 1px solid rgba(103,195,86,0.7); }

.product-info-card .f-text { font-size: 14px; padding: 0 20px; background: #1462ac; height: 30px; line-height: 30px; left: -2px; color: #fff; position: absolute; top: 10px; }
.product-info-card.generic-card .f-text {background: #67c356; }

.product-info-card .f-text::before { position: absolute; top: 0; left: 100%; display: block; width: 0; height: 0; content: ''; border: 15px solid #2b2b2b;border-right: 10px solid transparent;}
.product-info-card .f-text::before { border-color: #1462ac transparent #1462ac #1462ac; }
.product-info-card.generic-card .f-text::before { border-color: #67c356 transparent #67c356 #67c356;}

.product-info-card .pfc-text { color: #999; font-size: 12px; font-family: 'robotobold'; margin-bottom:10px; text-align: right; }

.product-info { display: flex; width: 100%; margin-bottom: 30px; }
.product-info .product-img { width: 150px; margin-right:10px; text-align:center; }
.product-info .product-img img { max-height: 90px; margin-right:0px; }
.product-info .pro-right { flex: 1; width:100%; }
.product-info .pname { font-size: 20px; color: #424242; margin-bottom: 5px; }
.product-info .manufactured-text { color: #424242;  font-size: 14px; line-height: 1.6; font-style: italic; }

.product-info-card .form-block h5{ font-size: 13px; /* font-family: 'robotobold'; */ font-family: 'robotomedium'; color: #424242;  }
.product-info-card .form-block h5 span, .product-info-card .form-block h5 a {color: #67c356 !important; text-decoration: none;  }
.product-info-card .form-block .form-select { resize: none; box-shadow: none !important; font-size: 14px; border-radius: 2px; color: #565656; padding: 10px 16px; transition: all .3s linear 0s; border: 1px solid #e4e7ea; }

.product-info-card .cart-btn { background: #fec107; border: 1px solid #fec107; margin-bottom:20px; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); padding: 5px 10px; font-size: 12px; margin-top: 12px; color: #fff !important; }
.product-info-card .cart-btn:hover { box-shadow: 0 3px 4px 1px rgba(0,0,0,.1); opacity: .8;}

.product-info-card .split-box .split-text small { font-size:12px; color: #424242; margin-bottom:0px; }
.product-info-card .split-box .split-text img{ max-width: 25px; display: inline-block; margin-right:5px; }
.product-info-card .badge-inverse { border-radius: 5px; padding: 6px; font-weight: normal; background-color: #4c5667; font-size: 10px; margin-bottom: 0px; }
.product-info-card .badge-inverse svg { font-size: 16px; }

/* .blockUI .text-primary { color: #67c356 !important; } */
.blockOverlay { opacity: 0.3 !important; }

/*  */

.news-page { width: 100%; display: block; padding: 20px 0px; }

.news-block-one { width: 100%; margin-bottom: 30px; }


.nclw-box { padding: 15px; border: solid 1px #e8f0f3; /* max-width: 230px */; word-break: break-all; margin-bottom: 12px;}
.nclw-box a { text-decoration: none !important; }
.nclw-box .nclw-img {  width: 100%; height: 170px; margin: 0 auto; }
.nclw-box .nclw-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.nclw-box .nclw-body { padding: 15px 0px 0px; }
.nclw-box .nclw-title { font-size: 18px; color: #1c5894; /* font-weight: 600; */  font-family: 'robotobold';  margin-bottom: 10px; word-break: break-word; }
.nclw-box .nclw-description, .nclw-box p { font-size: 12px; color: #337ab7; line-height: 1.6; margin-bottom: 0px; }
.nclw-box .nclw-description a {  color: #337ab7; text-decoration: none !important; }

.ncrw-box { padding: 15px; border: solid 1px #e8f0f3;/*  max-width: 230px; */ word-break: break-all; margin-bottom: 12px; }
.ncrw-box a { text-decoration: none !important; }
.ncrw-box .ncrw-img {  width: 140px; height: 115px; margin: 0 auto; text-align: center; }
.ncrw-box .ncrw-img img { width: auto; height: auto;     max-width: 100%;
    max-height: 100%; object-fit: contain; object-position: center; }
.ncrw-box .ncrw-body { padding: 15px 0px 0px; }
.ncrw-box .mg-name {  font-size: 11px; color: #424242; margin-bottom: 5px;  font-family: 'robotobold'; word-break: break-word; }
.ncrw-box .ncrw-text { font-size: 12px; color: #000; line-height: 1.6; margin-bottom: 0px; }

.nciw-block { background: #e8f0f3; word-break: break-all; margin-bottom: 15px; width: 100%; padding: 10px; }
.nciw-block a { text-decoration: none !important; }
.nciw-block .nciw-img { max-width: 100% /* 620px */; height: 250px; width: 100%; margin: 0 auto; }
.nciw-block .nciw-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.nciw-block .nciw-body { padding: 15px 0px 0px; }
.nclw-box .nclw-title { font-size: 18px; color: #1c5894; font-weight: 600;  font-family: 'robotobold';  margin-bottom: 10px; }
.nciw-block .nciw-title{ font-size: 22px; color: #1c5894; /* font-weight: 600; */ margin-bottom: 5px; font-family: 'robotobold'; word-break: break-word; }
.nciw-block .nciw-title-two { color: #2980b9; line-height: 36px; font-size: 24px; margin-bottom: 5px; }
.nciw-block .nciw-description { font-size: 14px; color: #000; line-height: 1.6; margin-bottom: 0px;  overflow: hidden; }
.nciw-block .nciw-description.lessContent { height: auto; }
.nciw-block .nciw-description.lessContent1 { height: auto; }

.read-or-hide { color: #1462ac !important; font-style: italic !important; font-size: 14px;  text-decoration: none !important;  cursor: pointer;  }

.horizontal-news-card { width: 100%; padding-bottom: 30px; }
.hnc-inner-card { width: 100%; height: 100%; background-image: linear-gradient(to right, #e8f0f3 , #fff); min-height: 170px; padding: 15px;display: flex }
.hnc-inner-card a { display: flex; text-decoration: none !important; }
.hnc-inner-card .hncic-img { width: 210px; height: 170px; margin-right: 20px; }
.hnc-inner-card .hncic-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hnc-inner-card .hncic-body { width: 100%; flex: 1;}
.hnc-inner-card .hncic-title{ font-size: 18px; color: #1c5894; font-weight: 600; margin-bottom: 10px; margin-top:0px; }
.hnc-inner-card .hncic-description { font-size: 12px; color: #000; line-height: 1.6; margin-bottom: 0px; }

.read-more_newest {color: #1c5894; font-size: 12px; }

/*  */

.view-news-detail-block { width:100%;  }
.heading-block .view-news-title { font-size: 22px; font-family: 'robotobold'; color: #1c5894; line-height: 20px; margin-bottom:15px; }
.heading-block .by-text { font-size: 14px; color: #424242; margin-bottom: 15px; }
.heading-block .by-text span { color: #1860a4; }

.image-view { max-width: 850px; height: 350px; width: 100%; margin: 0 auto 20px; }
.image-view img { width:100%; height:100%; object-fit:cover; object-position: center; }

.article-content p {  color: #424242; font-size: 14px; line-height: 1.6; margin-bottom:10px; }
.article-content p a {  color: #337ab7; text-decoration: none; }
.article-content p a:hover { color: #23527c; }
.article-content img.image-view { max-width: 850px; height: 350px; width: 100%; margin: 0 auto 20px; object-fit:cover; object-position: center; }


/*  */


.about-insulin-page { padding: 30px 0px; width: 100%; display:block; }

.nav-pills .nav-link { padding: 15px 25px !important; background: #e7e7e7 !important; color: #248fc2 !important; font-size: 14px !important; border-radius: 0px; border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important; margin-bottom: 5px !important; border: 1px solid transparent !important; border-right: 0px !important; font-family: 'robotobold'; text-align: left; }
.nav-pills .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background: #FFF !important; color: #248fc2; border: 1px solid rgba(120, 130, 140, .13) !important; border-right: 0px !important; }

.tab-content { width:100%; flex:1; padding: 0px 15px; border-left: 1px solid rgba(0, 0, 0, 0.12); min-height: 50vh; }
.tab-title { color: #1462ac; line-height: 36px; font-size: 24px; margin-bottom: 10px;  }
.pets-description {color: #424242; font-size: 14px;  }


/*  */

.insulin-products-block {  }
.insulin-products-block .insulin-product-box { padding:15px; }
.insulin-products-block .insulin-product-box:nth-child(2n+1) { background: #FAFAFA !important; }
.insulin-products-block .ipb-title a { color: #424242; font-size: 17px !important; margin-bottom: 10px; text-decoration: none !important; font-weight: normal; }
.insulin-products-block .ipb-title a:hover { color: #1462ac;}

.insulin-products-block .ipb-box{ display: flex; width: 100%;  }
.insulin-products-block .ipb-image{ border: 1px solid #CCC; width: 70px; height: 60px; margin-right: 15px; }
.insulin-products-block .ipb-image img{ width: 100%; height: 100%; }

.insulin-products-block .ipb-content{ max-width: 380px; margin-right: 15px; width: 100%; }
.insulin-products-block .ipb-content p { line-height: 1.6;  font-size: 14px; color: #424242; margin-bottom:0px; }
.insulin-products-block .ipb-content .manufacter-text { font-style:italic; font-size:12px; margin-bottom: 10px; }

.insulin-products-block .ipb-from{ width:100%; flex: 1; }
.insulin-products-block .ipb-from .select-block { display: flex;  }
.insulin-products-block .ipb-from h5 { font-size:13px; font-family: 'robotobold'; color: #424242; margin-bottom: 10px; }
.insulin-products-block .ipb-from .form-select { height: 30px !important; font-size: 12px !important; padding: 4px 10px !important; max-width: 300px; padding-right:20px !important; display: inline-block; background-color: #fff; border: 1px solid #e4e7ea; border-radius: 2px; box-shadow: none; color: #565656; }

.insulin-products-block .ipb-btn { background: #67c356; border: 1px solid #67c356; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);   color: #fff !important; padding: 5px 10px; font-size: 12px; line-height: 1.5; margin-left: 10px; }
.insulin-products-block .ipb-btn:hover { opacity: 0.8; }


.insulin-product-content { padding-top: 20px; }
.insulin-product-content .many-more { width: 100%; padding: 20px 0px; border-bottom: 1px solid #eee; margin-bottom: 30px; }
.insulin-product-content .many-more h3 { font-size: 21px; color: #424242; margin-bottom: 10px; }
.insulin-product-content .many-more p { font-size: 18px; font-family: 'robotobold'; color: #424242; margin-bottom: 0px; }
.insulin-product-content .many-more p a { color: #67c356; text-decoration: none !important; }
.insulin-product-content .icp-block {  }
.insulin-product-content .icp-block h2 { color: #1462ac; line-height: 36px; font-size: 24px; }
.insulin-product-content .icp-block p { line-height: 1.6; font-size: 14px; color: #424242; }

.ipb-content .h4, h4{ font-size: 15px; color: #424242; }

.ipb-content-row { width: 100%; flex: 1; display: flex; }

.about-insulin-page .pagination li:last-child { margin-left: 0;}
.about-insulin-page .pagination { align-items: unset; justify-content: unset; margin-top: 20px; }
.about-insulin-page .pagination li > a { height: 34px; padding: 5px; justify-content: center; width: 34px; border-radius: 0px; }
.about-insulin-page .pagination li > a svg { font-size: 20px; }
.about-insulin-page .pagination li.active > a { color: #fff; background-color: #1462ac; border-color: #1462ac; }


/*  */

.alert-page { width:100%; display:block; padding: 30px 0px; }

.alert-content-block { width: 100%; display:block;  }
.alert-box { width: 100%; display:block; margin-bottom: 30px; }
.alert-box:last-child { margin-bottom: 0px; }
.alert-box .alert-title { line-height: 28px; font-size: 24px; color: #424242; margin-bottom: 10px; }
.alert-box p { color: #424242; font-size: 14px; line-height: 1.6; margin-bottom: 20px; }
.alert-box p:last-child { margin-bottom:0px; }

/*  */

.refill-as-guest-request-page .breadcrumb { margin: 0px 0px 20px !important;}

.refill-as-guest-request-page .ragp-title {line-height: 36px; font-size: 24px; color: #424242;}
#refill-request {  position: relative; }
#progressbar { background: #f7f7f7 !important; display: flex; align-items: center; justify-content: center; height: 60px; padding: 0px; margin: 0px;  width: 100%; list-style: none; }
#progressbar li { width: 33.33%; font-weight: 400;  padding: 10px 20px; font-size: 14px; line-height: 1.43; color: #666 !important;  height:100%; display: flex; align-items: center; }
#progressbar li span.counter { border-radius: 100%; border: 1px solid rgba(120,130,140,.13); color: #424242 !important; font-size:16px; margin-right: 12px; width: 40px !important; height: 40px !important; display: flex; align-items: center; justify-content: center; padding: 10px; }
#progressbar li.active span.counter { border: 1px solid #fff !important; color: #fff !important;}

#progressbar li:first-child.active { color: #fff !important; background: #67c356; }
#progressbar li.active { background: #1c5894; color: #fff !important; }
#progressbar li.active.done { color: #fff !important; background: #67c356; }

.download-order-form-page .section-policy p b { font-weight: bolder !important; font-family: 'robotoregular' !important;  }
.download-order-block .section-policy p a { font-weight: bolder !important; font-family: 'robotoregular' !important; }

#refill-request fieldset:not(:first-of-type) { display: none;}

.wizard-form-fields {  width: 100%; max-width: 100%; background: #FFF !important; border: 1px solid #eeebeb;  display: block;}
.refill-as-guest-request-page .add-more { border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); padding: 6px 12px; font-size: 12px; color: #fff; background: #1462ac; border: 1px solid #1462ac; }

.wizard-btn-block { width: 100%; display: flex; align-items: center; }
.action-button{ border-radius: 2px; margin-right: 10px; background: #1462ac; color: #fff; border: 1px solid #1462ac; border-radius: 2px !important; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) !important; padding: 6px 12px !important; font-size: 14px !important; }
.action-button-previous{ border: 1px solid #1462ac !important; box-shadow: none !important;  background: none !important; color: #1462ac !important; padding: 6px 12px !important;font-size: 14px !important; margin-right: 10px; }
.action-button:hover { opacity: 0.8 !important;}

/*  */

.common-form-block { /* background: transparent; */ width: 100%; max-width: 100%; }
.common-form-block form { width: 100%; }

.refill-as-guest-request-page .add-more {  border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); padding: 6px 12px; font-size: 12px; color: #fff; background: #1462ac; border: 1px solid #1462ac; margin-top: 15px; }
.refill-as-guest-request-page .add-more:hover { opacity: 0.8;  }

.refill-as-guest-request-page .form-group .box { margin-bottom: 20px; }
.refill-as-guest-request-page .form-group .box .remove { background: #cc0001; border: 1px solid #cc0001; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); font-size:12px; color: #fff;}

.refill-as-guest-request-page .barcode-image { width: 100%; display: block; height: 400px; padding:20px; }
.refill-as-guest-request-page .barcode-image img { width:100%; height:100%; object-fit:contain; object-position: center; }

.refill-as-guest-request-page .shipping-address-block { width:100%; border: 1px solid #eeebeb; padding:20px 20px 0px !important; background: #fff; }
.refill-as-guest-request-page .shipping-address-block .sh-title { font-size: 16px; margin-bottom: 20px;  }
.refill-as-guest-request-page .radio-group-block { flex-wrap: wrap; }
.refill-as-guest-request-page .radio-group-block div {  width: 26%; margin-bottom: 20px; display: flex; /* justify-content: space-between; */ }
.refill-as-guest-request-page .radio-group-block div div { width: 70% !important; }

/*.add-new-block [type="radio"]:checked + label, .add-new-block [type="radio"]:not(:checked) + label { font-size:20px; }*/
.default-address { text-transform: uppercase; background-color: #67c356; text-align:center; color:#fff; border-radius:25px; width: 60px; display: block; padding: 4px 8px; font-size: 10px; margin-top: 1px; }

/* .add-new-block [type="radio"]:checked + label, .add-new-block [type="radio"]:not(:checked) + label {font-size: 20px;}
 */

/*  */

.table > :not(:first-child) { border-top: 0;}
.table th{ font-size: 14px; color: #424242; text-align: center; }
.table td {  color: #424242; font-size: 14px; text-align: center; }
.table .mcg-name { font-family: 'robotobold'; font-size: 14px; }
.table .ex-date { font-size: 12px; margin-bottom: 0px; }
.table .pres-number { font-size: 12px;margin-bottom: 0px; }
.table { --bs-table-striped-bg: #f7fafc !important; margin-bottom: 20px; }

.checkout-form-block .form-select  { padding-left: 5px !important; }

.form-select {background-position: 99% center !important; }

.content-block { background-color: #f4cccc; padding: 15px; border: 1px solid #424242; }
.content-block  p { color: #424242; font-size: 14px; }
#ship_method-error { width: 100%; }
.shipping-option-row .form-group { display: flex; align-items:center; flex-wrap: wrap; }
.shipping-option-row .form-group label { margin-bottom: 0px !important; margin-right: 10px; }

.common-form-block .form-group .form-control { flex: 1;}

.payment-info-block { width:100%; max-width: 700px; background:#fff; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); border: 1px solid #e3e3e3; padding: 19px; }
.payment-info-block .amount-block {padding-top: 10px; border-top:1px solid #e3e3e3; }
.payment-info-block .amount-block div { display: flex; align-items: center; width: 100%; height: 50px; justify-content: space-between; }
.payment-info-block .amount-block div.sub-total { background: #FAFAFA; padding: 5px;}
.payment-info-block .amount-block div p { font-size: 14px; margin-bottom:0px; color: #424242;  }
.payment-info-block .amount-block div.amount-total p { font-size:16px; color: #424242;  }
.payment-info-block .amount-block div.amount-total p + p { font-family: 'robotobold';}

#shipping_notifications .checkbox { display: flex; align-items: flex-start; }
#shipping_notifications .checkbox input { margin-top: 3px; margin-right: 6px; }
#shipping_notifications .checkbox label { flex: 1; width: 100%; }


.payment-information-block { width:100%;  }

small{color: #8d9ea7; }

.payment-box-first { border: 1px solid #eeebeb; margin-bottom:20px; }
.payment-notice {background: #b6d7a8;  padding: 10px; font-weight: 700; font-size: 13px; line-height: 1.6; word-spacing: 3px; font-weight: 700 !important;  }
.payment-notice p { font-size: 16px; word-spacing: 3px; clear: both; margin-bottom: 0px; }
.credit-card-block { background: #f4cccc; }

.payment-box { padding: 20px; width: 100%; display: flex; }
.payment-box .payment-radio-info { max-width: 300px; width: 100%; }
.payment-box .radio-group-block label {display: flex !important; align-items: center;}
.payment-box .radio-group-block label img { width: 30px; height: auto; margin-left: 10px; }
.payment-box .radio-group-block label { text-align:center; }
.refill-as-guest-request-page .payment-box .radio-group-block div { width: 100%;}
.radio-group-block label p { margin-bottom : 0px; }

.payment-amount-block { width:100%; flex: 1; }
.payment-amount-block .pay-amount { max-width: 500px ; width: 100%; margin: 0px auto;}
.payment-amount-block .pay-amount .amount { font-size: 14px; padding: 8px; display:flex; align-items: center; margin-bottom: 0px; justify-content: space-between; }
.payment-amount-block .pay-amount .sub-total, .payment-amount-block .pay-amount .ach-discount { border: 1px solid #000;  }
.payment-amount-block .pay-amount .pay-total { font-family: 'robotobold';}

.payment-box-second { padding:20px 20px 0px !important; border: 1px solid #eeebeb;  }
.refill-as-guest-request-page .add-new-block .radio-group-block div { width: 100% !important; }
.refill-as-guest-request-page .order-summary-block .form-group p { font-size:14px; }

/*  */

.common-form-block .form-group .form-control { resize: none; box-shadow: none !important;  }
.refill-as-guest-request-page .btn { border-radius: 2px !important; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) !important; padding: 6px 10px !important; font-size: 14px !important; }
.refill-as-guest-request-page .next-step-btn { color: #fff !important; background: #1462ac !important; border: 1px solid #1462ac !important; margin-right: 10px; }
.refill-as-guest-request-page .next-step-btn:hover { opacity: 0.8 !important; }
.common-form-block .css-1e6y48t-MuiButtonBase-root-MuiButton-root.back-btn { text-transform: capitalize  !important; color: #1462ac !important; background-color: transparent !important; border: 1px solid #1462ac !important; padding: 10px 12px !important; margin-bottom: 0px; margin-right: 10px; margin-left: 0px !important; }
.common-form-block .css-1e6y48t-MuiButtonBase-root-MuiButton-root.back-btn:hover { opacity: 0.8 !important; color: #fff !important; background: #1462ac !important; }


/*  */

.checkout-page { width: 100%; display: block; padding: 30px 0px; }
.common-form-block .css-1e6y48t-MuiButtonBase-root-MuiButton-root {
    box-shadow: none !important; background: none !important; border: none !important; padding: 0px !important; width: auto; min-width: 14px;
    color: #337ab7 !important; margin-left: 10px; font-size: 14px; line-height: 14px; border-radius: 0; margin-bottom: 3px;}

.checkout-page .next-step-btn { color: #fff !important; background: #1462ac !important; border: 1px solid #1462ac !important; margin-right: 10px;}
.checkout-page .btn { border-radius: 2px !important; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) !important; padding: 10px 12px !important; font-size: 14px !important; }

.order-detail-block table tr td, .order-detail-block table tr th { text-align:center; border:none; }
.order-detail-block table tr th { border: none; }

.order-detail-block  .table > tbody tr { border-top: 1px solid #e4e7ea; }

.order-detail-block table .form-control { resize: none; box-shadow: none !important; font-size: 14px; border-radius: 2px; color: #565656; padding: 10px 16px; transition: all .3s linear 0s; border: 1px solid #e4e7ea;}
.order-detail-block table .form-control.form-select { padding-left: 16px; padding-right: 30px; }
.order-detail-block table a { text-decoration: none; }

.medical-information-block.common-form-block .form-group label.form-label { margin-bottom:0px; }
.form-text { margin-top:0px; font-size: 12px; color: #1462ac; font-weight: 500; margin-bottom:4px; }

/* .checkout-page .sh-title { text-transform: uppercase; } */

.checkout-page .btn_grps .btn { margin-top: 0px !important;  max-width: 80px !important; width: 100%; margin-right: 0px; }

.checkout-page .btn.back-btn { background-color: #4c5667; border: 1px solid #4c5667; color: #fff !important; margin-right: 10px; }

.checkout-page .btn.select-file-btn { font-size: 14px; font-weight: 400; line-height: 1; color: #555 !important; text-transform: capitalize; text-align: center;border: 1px solid rgba(120,130,140,.13); background: #e4e7ea !important; border-radius: 2px; margin-bottom:0px !important; }
.checkout-page .personal-information-block .radio-group-block { margin-top: 38px;}

#order-proccess table .font-500 a { color: #337ab7; font-size: 15px; }

/* wizard nav bar */

.checkout-page .list-group { border-radius: 0; display: flex; align-items: center; width: 100%; flex-direction: row; margin-bottom: 20px; }
.checkout-page .list-group-item { width: 20%; padding: 0px; background-color: transparent;  border: transparent;}
.checkout-page .list-group-item a { border: none !important; text-decoration: none !important; transition: all .5s; padding: 12px 15px; font-size: 14px; display: flex; align-items: center; color: #666 !important; background: #f7fafc !important; }
.checkout-page .list-group-item a span.count-number { margin-right: 15px; border-radius: 50%; font-size: 12px !important;  width: 38px; height: 38px; color: #424242 !important; border: 1px solid rgba(120,130,140,.13); display: flex; align-items: center; justify-content: center; }
.checkout-page .list-group-item.active a { background: #67c356 !important; color: #fff !important;  }
.checkout-page .list-group-item.active a span.count-number {  border: 1px solid #fff !important; color: #fff !important; }


/* after login pages */

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { height: 43px; }

/* profile page */

.after-login-pages { width: 100%; display: block; padding: 30px 0px; }
.after-login-block { width: 100%; display: flex; align-items: flex-start; }
.al-menublock { width: 25%; }

.al-right-block { width: 73%; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);  border-radius: 2px; background: #fff; padding: 25px; margin-left: 2%; }
.al-right-block .common-form-block { box-shadow: none !important; border: none !important; padding: 0px !important; background: transparent !important; }

.al-right-block .pagetitle { margin-bottom:20px; font-size: 21px; color: #424242; }
.al-upload-document-section input[type=file]::file-selector-button { display: none;  opacity:0  }

/* .profile-section .form-div .f-title { margin-bottom: 15px; font-size: 15px; font-family: 'robotoregular'; text-transform: uppercase; } */
.profile-section .form-div.card-info-div { /* border-bottom: 1px solid #f7f7f7 !important;   */margin-bottom: 20px !important;}
.profile-section .form-div.card-info-div:last-child { border: 0px !important; margin-bottom: 0px !important; }

.profile-section .btn-block { text-align: right; margin-bottom: 10px;  margin-left: auto;}
.profile-section .btn-block .btn { padding: 5px 10px; font-size: 12px; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); background: transparent !important; }
.profile-section .btn-block .btn.update-profile-btn { border: 1px solid #1462ac; color: #1462ac; margin-right: 10px; }
.profile-section .btn-block .btn.update-profile-btn:hover {  background: #1462ac !important; color: #fff;  }
.profile-section .btn-block .btn.place-order-btn { border: 1px solid #fec107; color: #fec107; }
.profile-section .btn-block .btn.place-order-btn:hover { background: #fec107 !important; color: #fff; }

.profile-section .form-div { border-bottom: 1px solid #f7f7f7; margin-bottom: 20px; }
.profile-section .form-div.row { display: flex; }
.profile-section .form-group { display: flex; margin-bottom: 20px; }
.profile-section .form-group label { font-family: 'robotobold' !important;  font-size: 12px; margin-right: 10px; min-width: 88px;  }
.profile-section .form-group .u-value {color: #424242 !important; font-size: 14px; word-break: break-all; }
.profile-section small { color: #1462ac; width: 100%; display: block; font-size: 12px;}

.f-sub-title { text-transform: uppercase; color: #424242; font-size: 15px; margin-bottom: 10px; }

.billing-div, .card-info-div { border: none !important; margin-bottom: 0px !important; }
.card-info-div p{ font-size: 14px; color: #424242; }
.form-control.disabled{background-color: #e9ecef;opacity: 1;}
.btn-outline.btn-info{color: #1462ac;
    background-color: transparent;border: 1px solid #1462ac;}
.btn-outline.btn-info svg{fill:#1462ac;}
.btn-outline.btn-info:hover{background-color: #1462ac;color:#ffff}
.btn-outline.btn-info:hover svg{fill: #fff;}

.btn-outline.btn-danger{color: #dc3545; width: 35px; height: 35px; text-align: center; padding: 6px 9px !important;
    background-color: transparent;border: 1px solid #dc3545;}
.btn-outline.btn-danger svg{fill:#dc3545;}
.btn-outline.btn-danger:hover{background-color: #dc3545;color:#fff}
.btn-outline.btn-danger:hover svg{fill: #fff;}

.dtr-data .btn-outline.btn-warning {/* width: 35px; */ /* height: 35px; */ text-align: center; padding: 6px 9px;  }

.btn-outline.btn-warning{color: #ffc107 !important; box-shadow: none !important; background-color: #fff;border: 1px solid #ffc107; width: 35px; height: 35px; text-align: center; padding: 6px 9px !important; background-color: transparent; }
.btn-outline.btn-warning svg{fill:#ffc107;}
.btn-outline.btn-warning:hover{background-color: #ffc107;color:#fff !important;}
.btn-outline.btn-warning:hover svg{fill: #fff;}

.update-profile-page table small.bg-success { color: #fff !important; background-color: #67c356; }

.bg-purple{background: #ab8ce4;}

.common-form-block ul li span.label-custom{ font-size:10px; color:#fff;   background-color: #01c0c8; padding:3px 10px; border-radius:25px; }



/*  */

.existcard_wraper { padding: 15px; background: #f0f0f0; display: flex; justify-content: space-between; margin-bottom: 20px; }
.label-text { font-size: 14px; color: #424242; margin-bottom: 5px; display: block; }
.existcard_wraper p { color: #424242; font-size: 14px; margin-bottom: 0px; }
.existcard_wraper .delete-icon { width: 28px; height: 28px; color: #cc0001; font-size: 20px; background-color: transparent; border: 1px solid #cc0001; text-decoration: none; display: flex; align-items: center; justify-content: center; }
.existcard_wraper .delete-icon:hover { background: #cc0001; color: #fff;}

.update-profile-page .radio-group-block { margin-top: 38px;}
.update-profile-page small { color: #1462ac; width:auto; display:inline; font-size: 10px; display: inline-block; line-height: 13px;}
.bg-danger { color: #fff !important;  }
.medical-information-section .pagetitle{   font-size: 20px; color: #424242; margin-bottom: 15px; }
.update-profile-page small.bg-purple { color: #fff !important;   }
.al-upload-document-page ul.list-icons li { padding: 5px 10px; background: #fb9678; color: #fff; border-color: #fb9678;}
.al-upload-document-page .common-form-block ul li svg { color: #fff; }
.al-upload-document-page .add-more { border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); padding: 6px 12px; font-size: 12px; color: #fff; background: #67c356;  border: 1px solid #67c356; float: right; margin-bottom: 15px; margin-top:12px; }
.al-upload-document-page .common-form-block .form-btn { max-width: 250px; width: 100%; margin-top: 10px; }


.btn-box .remove { color: #337ab7; font-size:12px; }

.div-border-bottom { padding-top: 20px; border-bottom: 1px solid #f7f7f7; }

/*  */

.table-top-block { width:100%; display:flex; align-items:center; margin: 0px 0px 20px; }
.ms-btn-block .btn { border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) !important; padding: 5px 10px; font-size: 12px;  line-height: 1.5; background: transparent; }
.ms-btn-block .add-new-btn { color: #1462ac; border: 1px solid #1462ac; margin-right: 10px; margin-bottom: 0px; margin-left: 0px !important; }
.ms-btn-block .delete-btn { color: #cc0001; border: 1px solid #cc0001; }
.ms-btn-block .add-new-btn:hover { background: #1462ac; color:#fff;  }
.ms-btn-block .delete-btn:hover { background: #cc0001;  color:#fff; }
.ms-btn-block .place-order-btn { color: #ffcf1a; border: 1px solid #ffcf1a; margin-left: 10px; background-color: transparent;  }
.ms-btn-block .place-order-btn:hover{ background:#ffcf1a; color: #fff; }

.ms-btn-block  {display: flex;align-items: center; }

.tb-totle-fiels { margin-left: auto;  padding: 5px 10px !important; font-size: 13px !important; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); color: #424242; }
.tb-totle-fiels p { margin-bottom: 0px; }

.dataTables_length label { color: #424242; font-size: 14px; }
.dataTables_length select { box-shadow: none !important; background: none; border: 1px solid; border-radius: 2px; width: 75px; display: inline-block; background-color: #fff; border: 1px solid #e4e7ea;padding: 5px 10px; font-size: 12px;  }
.dataTables_filter label { color: #424242; font-size: 14px; }
.dataTables_wrapper .dataTables_filter input { box-shadow: none !important; background: none; border: 1px solid; border-radius: 2px; width: 200px; display: inline-block; background-color: #fff; border: 1px solid #e4e7ea;padding: 5px 10px; font-size: 12px; }
/* .dataTable { padding-top: 20px; } */

.dataTables_wrapper .dataTables_info { display: none !important; }

table.dataTable thead th { font-size:14px !important; color: #424242 !important; vertical-align: bottom; border: 1px solid #e4e7ea !important; font-weight:500 !important; vertical-align: middle; }
table.dataTable tbody th, table.dataTable tbody td { font-size:14px !important; color: #424242 !important; border: 1px solid #e4e7ea !important; }
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f7fafc !important;}
table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: transparent !important;}

table.dataTable.no-footer { border-bottom: none !important;}

.dataTables_paginate {  }
.dataTables_wrapper .dataTables_paginate .paginate_button .page-link{ margin-left: -1px; background:#fff !important;  color: #777 !important; padding: 6px 12px !important; background-color: #fff; border:1px solid #ddd !important; font-size: 14px !important;  margin-left: 0 !important; box-shadow: none !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button .page-link:hover { background-color: #1462ac !important; color:#fff !important; border-color: #1462ac !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background-color: #1462ac !important; color:#fff !important; border-color: #1462ac !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled { color: #fff !important; }
.dataTables_wrapper .dataTables_paginate { padding-top: 10px !important; margin-bottom: 10px !important; }

div.dataTables_wrapper div.dataTables_paginate ul.pagination li { margin-bottom: 0px !important; }

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active .page-link { background-color: #1462ac; border-color: #1462ac; color: #fff; }

/* availableRefills */

.medication-tb-block {  }
.medication-tb-block h4 {font-family: 'robotobold'; margin-bottom: 8px;   font-size: 15px;color: #424242; }
.medication-tb-block p { font-size: 12px; color: #424242; margin-bottom: 2px; }
.medication-tb-block p span.badge-danger { background-color: #ca0000;}
.medication-tb-block p span.badge {border-radius: 10px; font-weight: normal; padding: 4px 8px; font-size: 10px; margin-top: 1px; }

.available-refills-page table.dataTable tbody td { font-size: 12px; }
.available-refills-page table.dataTable tbody td .form-control { background-color: transparent; font-size: 12px; box-shadow: none !important; border: 1px solid #e4e7ea; border-radius: 2px; box-shadow: none; color: #565656; max-width: 90%;transition: all .3s linear 0s; }

/*  */

.legal-content-box {  }
.legal-content-box h3 { margin: 40px 10px; font-size: unset; display: flex; align-items: center; }
.legal-content-box h3 a{ color: #337ab7; text-decoration: none; font-size: 21px;  }
.legal-content-box h3 a:hover{ color: #23527c; }
.legal-content-box h3 img { width: 40px; height: 40px; margin-right: 10px; }

.legeldocument-modal .modal-dialog { max-width: 1168px;}
.legeldocument-modal ul {   margin: 30px 0px; padding: 0px 50px; }
.legeldocument-modal ul p a{ color: #337ab7; text-decoration: none; }
.legeldocument-modal ul p a a:hover{ color: #23527c; }
.legeldocument-modal .print-btn { background: #cc0001; border: 1px solid #cc0001; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) !important;  padding: 5px 10px; font-size: 12px; line-height: 1.5; margin: 12px 0px; display: block; margin-left: auto; }
.legeldocument-modal .print-btn:hover { opacity: 0.8; }


.modal-dialog .btn-danger { background: #cc0001; border: 1px solid #cc0001; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) !important;  padding: 5px 10px; font-size: 12px; line-height: 1.5; margin: 12px 0px; display: block; margin-left: auto; }
.modal-dialog .btn-danger:hover { opacity: 0.8; }

.section-policy ul li a { color: #0053a5 !important }

.legeldocument-modal h3 { font-size: 21px; color: #424242; margin-bottom: 12px; }
.legeldocument-modal .section-policy.legel-order-content p { font-weight: normal !important; }
.legeldocument-modal .section-policy.legel-order-content ul { list-style: none; padding: 0px; margin: 0px; }
.legeldocument-modal .section-policy.legel-order-content ul li { line-height: 40px; font-size: 14px; color: #424242; }

/*  */

.list-group { border-radius: 0;}
.list-group-item {  padding: 0px; background-color: transparent;  border: transparent;}
.list-group-item a { text-decoration: none !important; transition: all .5s; padding: 12px 15px; color: #8d9ea7; font-size: 14px; display: flex; align-items: center; border: 1px solid rgba(120,130,140,.13); }
.list-group-item svg { font-size: 30px; margin-right: 15px; color:#424242 }
.list-group-item a:hover, .list-group-item a.active { background: #ffcf1a; border: 1px solid #ffcf1a; color: #424242;  }


/*  */

.terms-of-sales-page, .termsof-use-page, .privacy-prlicy-page, .canadian-pharmacy-page { padding: 30px 0px; display: block; width: 100%; }

.terms-banner-page { position: relative; width: 100%; min-height: 300px; overflow: hidden; background-position: center !important; background-size: cover !important; display: flex; align-items: center; flex-direction: column; justify-content: center; margin-bottom: 20px; padding: 10px; text-align: center; }
.terms-banner-page:before { background-color: rgba(0, 0, 0, .5); position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; }


.banner-title { margin-bottom: 10px; text-align: center; font-family: 'robotobold'; text-transform: uppercase !important; color: #fff; line-height: 48px; font-size: 36px; position: relative; }
.banner-sub-title { margin-bottom: 0px;  text-transform: uppercase !important; color: #fff;font-size: 20px; position: relative; }

.terms-of-sales-page p b{ font-weight: 600;font-family: 'robotobold'; }

.section-policy { margin-bottom: 50px; }
.section-policy p { line-height: 1.6; color: #424242;  font-size: 14px; }
.section-policy p:last-child { margin-bottom: 0px; }

.section-policy .text-info { font-size: 15px; color: #1462ac !important; margin-top: 20px;}
/* .privacy-prlicy-page .section-policy div {background:#eeeeee; border:1px solid #cccccc;padding:5px 10px;}
.privacy-prlicy-page .section-policy div span {color:#2980b9;  } */

.canadian-pharmacy-page p, .canadian-pharmacy-page p span, .canadian-pharmacy-page h2 span, .canadian-pharmacy-page ul li  { font-size: 16px; color: #424242; }
.canadian-pharmacy-page img { width: 100%; height: 450px; object-fit: cover; object-position: center; }
.canadian-pharmacy-page a, .canadian-pharmacy-page a span {color:#2980b9;  }
.terms-banner-page .banner-title, .terms-banner-page .banner-title p, .terms-banner-page .banner-title span { color:#fff; }
.text-danger.last-updated { font-size:14px !important; margin-bottom: 0px !important; }

/*  */

.requestform-block { position: fixed; z-index: 111; right: -450px; top: 50%; transform: translateY(-50%);  transition: right 0.3s ease; }
.requestform-block a { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;
    cursor: pointer; font-size: 14px; color: #fff; transform-origin: 0 0; background: #67c356; left: -41px; position: absolute; padding: 10px 18px; top: 63%; border-radius: 15px 15px 0px 0px; margin-bottom: 0px; text-decoration:none; font-family: 'robotobold'; box-shadow: -4px -2px 5px 0px rgba(0, 0, 0, .13); overflow: hidden;  }

.request-form { background: #f7f7f7; border-left: none; -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.4);  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.4); box-shadow: 0 0 1px rgba(0,0,0,0.4); width: 450px; padding: 0px; z-index: 99999;  min-height: 336px; padding: 20px 15px;  }
.requestform-block.sidebar--open{ right:0px; transition: right 0.3s ease; }
.request-form p { color: #1462ac; font-size: 14px; text-align: center; margin-bottom: 20px; }
.request-form  .common-form-block .form-group { margin-bottom: 15px;  }
.request-form .common-form-block { padding: 0px; box-shadow: none; border: none ; }
.request-form .common-form-block .form-btn { margin-top:0px; }

/*  */

.ACHPayment-pay .free { font-weight: 600 !important; color: #67c456; }
.CreditCard-pay .red-color {font-weight: 600 !important; color: red; }
.radio input[type=radio]:disabled+label { opacity: .65;}
.expCard { position: relative;color: #fff; background: #cc0001; font-size: 10px; padding: 2px 5px; top: -1px; left: 6px; border-radius: 5px;}

/*  */

#selectform { /* display: flex; flex-direction: column; */ box-shadow: none !important; padding:0px !important; border:none !important; }
.addnew-btn {   background: #ab8ce4; border: 1px solid #ab8ce4 !important; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) !important; color: #fff; padding: 6px 12px; font-size: 14px; margin-left: auto; }
.addnew-btn:hover { opacity: .8; }
#selectform .form-btn { padding: 8px 12px; font-size: 16px;}

/*  */

.thankyou-page { width: 100%; display:block; padding: 50px 0px; min-height: 50vh; }

.thankyou-block { box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); border-radius: 2px; background: #fff; padding: 25px; }
.thankyou-block .heading-text { width: 100%; display:flex; align-items: center; justify-content: center; }
.thankyou-block .heading-text img { width: 50px; height: 50px; margin-right: 10px; }
.thankyou-block .heading-text .thankyou-text { font-family: 'arista_2.0_alternateregular'; font-size: 40px; margin-bottom: 10px; color: #1462ac; }
.thankyou-block .text1 {font-size: 16px; color: #1462ac; margin-bottom: 10px; }
.thankyou-block .text2 { color: #424242; font-size: 14px; margin-bottom : 0px; }
.thankyou-block .text2 a { text-decoration: none !important; color: #0053a5 !important; }
.thankyou-block .text2 a:hover { color: #67c356 !important; }

.thankyou-block .text-info { color: #1462ac !important; }
.thankyou-block h1 { font-family: 'arista_2.0_alternateregular'; }

.error-btn { background: #1462ac; border: 1px solid #1462ac !important; margin: 20px 0px; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) !important; color: #fff; font-size: 14px; font-weight: 400; }
.white-box {position: relative; margin: auto; max-width: 750px; padding: 0px !important; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); border-radius: 2px; background: #fff;
padding: 25px; margin-bottom: 15px;}

/* loader */

.blockPage { background-color: transparent !important; position: fixed; width: 30px !important; height: 30px !important; border: none !important; border: none !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); }


.your-cart-block h5 a { color: #337ab7; font-size: 15px;  }
.your-cart-block th, .your-cart-block td { text-align: left !important; }
.your-cart-block td .m-0 small { color: #424242; font-size: 85%;  }

.your-cart-block {  }
.cart-block .form-select { font-size: 12px;}

#checkoutBackdrop .modal-body p { color: #424242; font-size: 14px; }

/* table.dataTable > tbody > tr.child ul.dtr-details { display: block;} */
/* table.dataTable > tbody > tr.child ul.dtr-details > li { justify-content: center; } */
/* table.dataTable > tbody > tr span { flex: unset; width: auto; } */

/* table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::befor { background-color: #1462ac; } */

.table > tbody > tr:nth-of-type(2n+1)  {background-color: #f7fafc !important;}

.badge { border-radius: 50px; }

.list-group-item .fa-tag { font-size: 28px; margin-right: 15px; color: #424242; }
.common-form-block ul li .fa-check { margin-right: 10px; }
.reset-content-box { box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); background: #fff; border-radius: 2px; padding: 10px; margin-bottom: 20px; }
.common-form-block .form-group.has-error {margin-bottom: 0px; }
.help-block { font-size: 12px; margin-bottom: 25px; display: block; }

.plist-name { width: 100%; flex: 1; display: flex; align-items: center; }

.error-btn { position: static; margin: 10px 0; background: #1462ac; border: 1px solid #1462ac; border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    color: #fff; padding: 6px 12px; font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
 }

.uImgId .preImg { width:100%; padding: 20px 10px; display: flex; align-items: center; }
.uImgId .preImg .fa.fa-trash { margin-left: auto; color: red; }
.uImgId .preImg img { width: 50px; height: 50px; margin-right: 10px;  }
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display: none;}
.checkout-page .btn.select-file-btn { padding: 13px 12px !important;}


/*  */

.add-new-btn { padding: 6px 12px; font-size: 14px;  color:#fff !important; border-radius:2px; margin-left: auto; margin-bottom: 20px; background: #1462ac !important; border: 1px solid #1462ac !important; display: block; }
.add-new-btn:hover { opacity: 0.8 !important;}
#doctorinfoBackdrop .common-form-block { background:none !important;padding: 0 !important; box-shadow: none !important; border: none; }


/* wizard step */

.wizard-steps {display: flex; }
.wizard-steps > li { padding: 0px !important; width: 50%; }
.wizard-steps li h4 { border: none !important; text-decoration: none !important; transition: all .5s; padding: 12px 15px; margin: 0px; font-size: 14px; display: flex; align-items: center; color: #666 !important;  background: #f7fafc !important;}
.wizard-steps li h4 span { margin-right: 15px; border-radius: 50%; font-size: 12px !important; width: 38px; height: 38px;  color: #424242 !important; border: 1px solid rgba(120,130,140,.13); display: flex;  align-items: center;  justify-content: center;}

.wizard-steps li.done h4 { background: #67c356 !important;  color: #fff !important;}
.wizard-steps li:first-child.active h4, .wizard-steps li:first-child.current h4 { background: #67c356 !important;  color: #fff !important;}

.wizard-steps li.active h4 span, .wizard-steps li.done h4 span { border: 1px solid #fff !important; color: #fff !important; }
.wizard-steps li.current h4 { background: #1c5894 !important; color: #fff !important; }
.wizard-steps li.current h4 span { border: 1px solid #fff !important; color: #fff !important; }


.wizard-content { background: #fff !important; border: 1px solid #eeebeb; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1); padding: 35px 25px; height: 100%; display: flex; align-items: top; }

.sh-addres-block { width:100%; display:flex; }

.wizard-back { border-radius: 2px;     border-radius: 2px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) !important;
    padding: 6px 12px !important;
    font-size: 14px !important;  }

.wizard-finish, .wizard-next {
    margin-right: 10px;
    background: #1462ac;
    color: #fff;
    border: 1px solid #1462ac;
    border-radius: 2px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
  }



  .wizard-buttons {
    margin-top: 28px;
  }


  .dropdown-divider {
    border-top-color: #aaa;
  }

/*  */

.blue-box { border-radius: 6px; background-color: #fff; border: solid 1px #1462ac; padding: 4% 2%;}

.view-order .common-form-block { background: #fff !important;  }


.thankyou-page p a { color: #337ab7; text-decoration: underline !important; }
.thankyou-page p a:hover { color: #23527c; }

.pcbdetail { margin-top: 5px; }
.pcbdetail a { color: #337ab7;  font-family: 'robotoregular'; }


.badge { text-transform: uppercase; }
.bg-purple { background: #9675ce !important;}
.bg-success{ background-color: #67c356 !important;  }
.bg-info { background: #0275d8 !important; }


.pagination { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.pagination li > a { display: flex;  align-items: center; padding: 5px 14px !important; border-radius: 2px !important; color: #2b2b2b !important; background-color: #fff !important; border: 1px solid #ddd !important; text-decoration: none; font-size: 14px; cursor: pointer; box-shadow:none !important; }
.pagination li > a:focus, .pagination li > a:hover { text-decoration: none; background-color: #eee; }
.pagination li:last-child { margin-left: auto; }

.dataTables_wrapper .dataTables_paginate .pagination { width: 100%; display: flex; align-items: center; justify-content: space-between;  }
.dataTables_wrapper .dataTables_paginate .pagination .paginate_button > .page-link { display: flex;  align-items: center; padding: 5px 14px !important; border-radius: 2px !important; color: #2b2b2b !important; background-color: #fff !important; border: 1px solid #ddd !important; text-decoration: none; font-size: 14px; cursor: pointer; border-radius: 0 !important; height: auto !important;line-height:unset !important; }
.dataTables_wrapper .dataTables_paginate .pagination .paginate_button > .page-link:focus, .dataTables_wrapper .dataTables_paginate .pagination .paginate_button > .page-link:hover { text-decoration: none ; background-color: #eee !important; }
.dataTables_wrapper .dataTables_paginate .pagination .paginate_button:last-child { margin-left: 0; }
#sample_1_last.page-item:last-child .page-link { width:auto !important;  }

.page-item.disabled .page-link {
    background-color: #fff;
    border-color: #ced4da;
    color: #2b2b2b !important;
    pointer-events: none;
    padding: 4px;
    height: 40px;
    width: 40px;
    text-align: center;
  }



.direct-deposite-file  { margin-bottom: 10px; }
.direct-deposite-file img{ max-width: 170px; height: 100px; object-fit: contain; object-position: center; margin-right: 10px; margin-bottom: 10px; }


.intl-tel-input .country-list {
    width: 300px !important;
  }


  #add-phy-form .intl-tel-input.allow-dropdown .flag-container,  #add-phy-form .intl-tel-input.separate-dial-code .flag-container {
    height: 38px;
  }




/* unique page design */

/* .unique-header { width: 100%; background: #FFFFFF; box-shadow: 0px 6px 14px #C6DBF0; display: flex; padding: 10px 20px; align-items: center; justify-content: space-between; }

.unique-header img { width: 60px; height: 60px; object-fit: contain; object-position: center; }
.unique-header .uh-left img { width: 45px; height: 45px; }
.unique-header .uh-left, .unique-header .uh-middle, .unique-header .uh-right { display: flex; align-items: center; }
.unique-header .uh-left img,  .unique-header .uh-middle img { margin-right: 10px; }
.unique-header .uh-left span { font-weight: 400; font-size: 18px; line-height: 30px; color: #4F4F4F; }
.unique-header .uh-left span span { color: #50A0C9; }
.unique-header .uh-middle span { font-weight: 400; font-family: 'arista_2.0_alternateregular'; font-size: 24px; line-height: 32px; color: #1B64AC; text-shadow: 2px 2px 2px rgba(27, 81, 133, 0.38); }
.unique-header .uh-right .login-btn a.btn { width: 100px; margin-left: 10px; height: 39px; background: #1462AC; border: 1px solid #1462AC; box-shadow: 0px 1px 4px #1462AC; border-radius: 3px; font-weight: 500; font-size: 14px;line-height: 18px; color: #FFFFFF; }
.unique-header .uh-right .search-input { border:none !important; box-shadow: none !important; font-weight: 400; font-size: 14px; line-height: 21px; color: #4F4F4F; }
.unique-header .uh-right .search-box { display: flex; align-items: center;  }
.unique-header .uh-right .search-box img { width: 38px; height: 38px; margin-right: 10px; }


.unique-page { width: 100%; display: block; padding: 30px 0px; min-height: 90vh; }
.unique-page .accordion { background: #FFFFFF; border: 1px solid #CFE7FF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); border-radius: 2px; }
.unique-page .accordion-item { margin-bottom: 0px; border-bottom: 1px solid #EEEBEB !important; }
.unique-page .accordion-button {font-weight: 500; font-size: 16px; line-height: 21px; display: flex; align-items: center; padding: 17px 30px; background: #F7FAFC !important; color: #424242 !important; border: none; }
.unique-page .accordion-button:not(.collapsed) { background: #67C356 !important; border-radius: 1px 1px 0px 0px !important; border: none !important; color: #FFFFFF !important; }
.unique-page .accordion-button::after { background: url(../images/zoomout.png) no-repeat; background-size: contain !important; }
.unique-page .accordion-button:not(.collapsed)::after { background: url(../images/zoomin.png); transform: rotate(0deg);}
.unique-page .accordion-body { padding:30px; }
.unique-page .personal-information-block { padding: 0px; box-shadow: none; border: none !important; }
.unique-page .common-form-block .form-btn { margin-top: 0px; width: auto; border-radius: 3px; padding: 5px 15px; }
.unique-page .btn.back-btn { background-color: #4c5667; border: 1px solid #4c5667; color: #fff !important; margin-right: 10px; }
.unique-page .personal-information-block .radio-group-block.gender-radio-group-block { padding-top: 35px;}
.unique-page  .add-more { border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);padding: 6px 12px; font-size: 12px; color: #fff; background: #1462ac; border: 1px solid #1462ac; margin-bottom: 15px; }
.select-file-btn {  background: #1462ac; font-size: 12px; color: #fff; box-shadow: none !important; border: none; }
.select-file-btn:hover { background: rgba(20, 98, 172, 0.7); }

.unique-page .payment-box .payment-radio-info { max-width: 100%;}

.unique-footer { padding:0px 0px 12px; width: 100%; }
.unique-footer p { text-align: center; margin-bottom: 0px; color: #658DB6; font-size: 12px; }
.unique-footer p img { width: 35px; height: 35px; object-fit: contain; object-position: center; margin-right: 10px; }


.chat-room { display: flex; flex-direction: column; max-width: 397px; width: 100%; padding: 10px; position: fixed; bottom: 10px; right: 10px; }
.chat-room .chat-content{ width: 100%; height: 448px; background: #FFFFFF; box-shadow: 2px 6px 9px 5px #B1C5DA; border-radius: 10px; margin-bottom: 10px; }
.chat-top { width: 100%; height: 50px; background: #1462AC; border-radius: 10px 10px 0px 0px; padding: 10px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed #C9DEF4; }
.chat-top .chat-title { font-weight: 500 !important; font-size: 16px; line-height: 21px; display: flex; align-items: center; color: #FFFFFF; margin-bottom: 0px; }
.chat-top .close { font-weight: 500 !important; font-size: 34px; line-height: 21px; text-align: right; color: #4FA6F9;  }

.chat-box { height: calc(100% - 50px); }
.chat-body { height: calc(100% - 50px); overflow-y:scroll; display: flex; flex-direction: column; padding: 15px; }

.chat-left-block, .chat-right-block { margin-bottom: 25px; max-width: 240px; width: 100%; }
.chat-left-block:last-child, .chat-right-block:last-child { margin-bottom: 0px; }
.chat-text { font-weight: 400; font-size: 12px; line-height: 16px; color: #495057; background: #E7F2FF; border-radius: 6px; padding: 10px; margin-bottom: 2px; }
.chat-right-block { margin-left: auto; }
.chat-right-block .chat-text { background: #EBEBEB; }
.chat-body .name { font-weight: 500; font-size: 12px; line-height: 16px; color: #1462AC; margin-bottom: 0px; }


.chat-form { heading: 50px; border-top: 1px dashed #C9DEF4; border-radius: 0px 0px 10px 10px; padding: 10px; }
.chat-form .form-control { resize: unset !important; font-weight: 400; font-size: 12px; line-height: 16px; color: #495057; min-height: auto !important; border: none !important; border-radius: 0px; height: 30px; }
.chat-form .send-btn { width: 75px; height: 27px; background: #01C0C8; border-radius: 3px !important; box-shadow: none !important; border: none !important; padding: 0px; margin-left: 10px !important; font-weight: 400; font-size: 12px; line-height: 16px; color: #FFFFFF; }
.input-group-text { border: none !important; padding: 0px !important; background:none !important;  }
.input-group-text img { width: 16px; height: 16px; object-fit: contain; object-position: center; }


.chat-icon { width: 40px; cursor: pointer; height: 40px; background: #1462AC; box-shadow: 2px 6px 9px 5px #B1C5DA; border-radius: 1px 10px 10px 10px; padding: 2px; display: flex; align-items: center; justify-content: center; margin-left: auto; }
.chat-icon img { width: 24px; height: 24px; object-fit: contain; object-position: center; }
.chat-icon a { display: block; }
.chat-icon a + a{ display: none; }
.chat-icon.close-btn a{ display: none;  }
.chat-icon.close-btn a + a { display: block; } */


/* .modal-dialog { max-width: 800px; width: 100%; }

.modal-content {background: #FFFFFF; border: 1px solid #F6F6F6; border-radius: 6px; }
.modal-header { border-bottom: 1px solid #E9E9EF; padding: 19px 15px; }
.modal-title { font-weight: 400 !important; font-size: 18px; line-height: 23px; color: #495057; }

.modal-content form label { font-weight: 400; font-size: 14px; line-height: 18px; color: #495057; }
.modal-content form .form-control { font-weight: 400; font-size: 14px; line-height: 18px; color: #565656; background: #FFFFFF; border: 1px solid #E4E7EA; border-radius: 2px; height: 46px; }
.modal-content form .form-control:placeholder { color: #B3B3B3;  }
.modal-content .form-group { margin-bottom: 25px;}
.modal-content .modalform-btn { width: 131px; height: 39px; border: 1px solid #01C0C8; box-shadow: 0px 1px 4px #01C0C8; border-radius: 3px;
    font-weight: 400; font-size: 14px; line-height: 18px; color: #01C0C8; }
.modal-body { padding: 20px;}
.modal-content .checkbox-inline, .modal-content .radio-inline { margin-right: 40px;}
.modal-content .radio label::before { width: 14px; height: 14px; background: #FFFFFF; border: 1px solid #EBEBEB; }
.modal-content .radio label::after { background: #01C0C8; height: 8px; width: 8px; left: 3px; top: 5px; }

.modal-content .input-group-text { width: 101px;  border: 1px solid #1462AC; color: #1462AC; font-weight: 400; font-size: 12px; line-height: 14px; box-shadow: 0px 1px 4px #1462AC;filter: drop-shadow(0px 1px 4px #1462AC); border-radius: 3px !important; margin: 7px !important; }
.modal-content .link-input-gr oup.input-group  { border: 1px solid #E4E7EA;  }
.modal-content .link-input-group.input-group .form-control { border: none !important;  }

.modal-dialog .modal-body .btn-block { display: flex; align-items: center; justify-content: space-between; }
.modal-body .r-code { font-weight: 600 !important; font-size: 14px;  line-height: 18px;text-align: right; color: #1462AC; }
.modal-body .r-code:hover { text-decoration: underline !important; }

 */


.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type="text"], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type="tel"] {
    padding-left: 76px !important;
}


/* select 2 */

.select2-container--default .select2-selection--single { border: 1px solid #e4e7ea; border-radius: 0px;}
.select2-selection__arrow { width: 15px !important; height: 100% !important; margin-right: 10px; }
.select2-selection__arrow b { left: 0% !important; top: 0 !important;  border: none !important; margin: 0px !important;  width: 100% !important; height: 100% !important;  background: transparent url(../images/arrow-down.png) no-repeat; background-size: 12px; background-position: center; }
.select2-container .select2-selection--single { height: 43px !important;}
.select2-container .select2-selection--single .select2-selection__rendered { font-size: 14px !important; padding: 10px !important; line-height: unset !important; color: #565656 !important; padding-right: 30px !important; padding-left: 12px !important; }
/* .select2-container--default .select2-search--dropdown .select2-search__field { display: none !important; } */

.select2-dropdown { border: 1px solid #e4e7ea; border-radius: 0px; }
.select2-search--dropdown { padding: 0;}
.select2-container--default .select2-results__option[aria-selected="true"] { background-color: #fff;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #67C356 !important; color: white;}

.select2-container { width: 100% !important;}


.switch {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 25px;
    border-radius: 20px;
    background: #dfd9ea;
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
    cursor: pointer;
}
.switch::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 2px;
    width: 22px;
    height: 22px;
    background: #fafafa;
    border-radius: 50%;
    transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.switch:active::before {
    box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1);
}
input:checked + .switch {
    background: #1462AC !important;
}
input:checked + .switch::before {
    left: 27px;
    background: #fff;
}
input:checked + .switch:active::before {
    box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2);
}





/* date picker */

.ui-datepicker { background-clip: padding-box; background-color: #fff; border: 1px solid #e9e9ef; padding: 4px; box-shadow: 0 .25rem .75rem rgba(18,38,63,.08); }
.ui-datepicker-title { width: 145px; margin: 0px auto 10px; cursor: pointer; text-align: center; height: 26px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; display: flex; align-items: center;justify-content: space-between; }
.ui-datepicker-title:hover {background: transparent;}
.ui-datepicker-calendar td, .ui-datepicker-calendar th { text-align: center; width: 30px; height: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  border: none; }

.ui-datepicker-header { display: flex; flex-wrap: wrap; }
.ui-datepicker-header .ui-corner-all { width: 50%; padding: 0px 5px; }
.ui-datepicker-header .ui-datepicker-prev { color: #1462ac;  }
.ui-datepicker-header .ui-corner-all span { cursor: pointer !important;  }
.ui-datepicker-header .ui-datepicker-next { text-align: right; color: #1462ac; }

.ui-datepicker-month, .ui-datepicker-year { background: none !important; border-radius: 3px !important; box-shadow: none !important; border: 1px solid #e4e7ea !important; margin: 0px px !important; padding: 3px; }

.ui-datepicker-buttonpane .ui-state-default { box-shadow: none; border: none; padding: 4px 8px; background: #1462ac; color: #fff; border-radius: 3px; }
.ui-datepicker-buttonpane { margin:0px 5px 5px; display: flex; justify-content: space-between; }

.ui-state-default { color: #1462ac; }
.ui-state-default:hover { color: #67C356; }
.common-form-block .form-group .form-control.form-select { padding-left: 12px; padding-right: 20px; text-overflow: ellipsis; }

.select-file-btn { background: #1462AC !important; box-shadow: none !important; border-color: #1462AC !important; }
#uploaded_add_file a, #uploaded_pre a{ color: #1462AC !important; }

/* responsive view */






@media (min-width: 1200px) and (max-width: 1300px) {


}

@media (min-width: 1400px) {


}

@media (min-width: 1440px) {


}

@media (min-width: 1600px) {

.unique-header img { width: 70px; height: 70px; }
.unique-header .uh-left img { width: 50px; height: 50px; }
.unique-header .uh-left span {  font-size: 23px; line-height: 30px; }
.unique-header .uh-middle span {  font-size: 27px; line-height: 32px; }
.unique-header .uh-right .login-btn a.btn { width: 131px; margin-left: 10px; height: 39px; border-radius: 3px; font-size: 14px;line-height: 18px; }
.unique-header .uh-right .search-input { font-size: 16px; line-height: 21px; }
.unique-header .uh-right .search-box img { width: 44px; height: 44px; margin-right: 10px; }



}


@media (min-width: 1680px) {

.container {  max-width: 1250px !important;}





}

@media (min-width: 1700px){

    .nclw-box, .ncrw-box { max-width: 100%; }
.image-view { max-width: 100%;}

}


@media (max-width: 1199px) {


    .offcanvas {width: 300px !important;}
    .navbar .left-side-navbar {padding-top: 0px;}
    /* .navbar .left-side-navbar .nav-link { padding-left: 0px !important; } */
    .second-block { max-width: 430px;}
    .header-top .header-top-inside{ padding: 10px 0px 15px; }
    /* .second-header { padding: 5px 0px; } */
    .second-header .left-side .nav-link{padding: 0px !important; font-size: 26px !important; color: #fff; font-family: 'arista_2.0_alternateregular';}
    .downloadupload-header .downloadupload-links .download a img, .downloadupload-header .downloadupload-links .upload a img { width: 16px; height: 16px;}
    .downloadupload-header .downloadupload-links .download a, .downloadupload-header .downloadupload-links .upload a { font-size: 12px;}
    .downloadupload-header .downloadupload-links .download { margin-right: 20px;}
    /* .navbar .right-side-navbar .nav-link img { width: 26px; height: 26px; margin-right: 15px;} */
    .BannerAlertBox-links .alert-text a {font-size: 16px;}
    .BannerAlertBox { padding: 6px 0px;}

    /*  */

    .carousel-caption a { font-size: 16px;}
    .carousel-caption a img { width: 20px !important; height: 20px !important; margin-left: 5px;}
    .staff-meet-text a { font-size: 16px;}
    .staff-meet-text a img { width: 20px !important; height: 20px !important; margin-left: 5px; }
    .carousel-item { height: 280px; }
    .meet-staff .staff-img { max-width: 281px; margin-left: auto;}
    .home-about-section .about-content .heading { font-size: 24px; margin-bottom: 10px;}
    .home-about-section .about-content .about-text { font-size: 14px; margin-bottom: 10px;}
    .home-about-section { padding: 5px 0px 10px;}
    .home-placeholder-section .heading { font-size: 24px; margin-bottom: 15px;}
    .home-placeholder-section {padding: 12px 0px 10px;}
    .placeholder-card-inside .icon { width: 100px; height: 100px; margin: 15px auto;}
    .map-container-section .heading { font-size: 24px; margin-bottom: 10px;}
    .map-content-block .description {font-size: 14px;}
    .placeholder-card-body .card-title { font-size: 18px; margin-bottom: 10px;}
    .placeholder-card-body .input-group .input-group-text {padding: 8px;}
    .placeholder-card-body .input-group .input-group-text img { width: 18px; height: 18px;}
    .placeholder-card-inside { max-width: 240px;}
    .placeholder-card-arrow::before {width: 50px; height: 50px; right: -25px;}
    .placeholder-card-arrow2::before { right: -50px;}

    .map-container-section { padding: 10px 0px 40px;}

    /*  */

    .footer-top .toll-free-tel { margin-bottom: 15px; font-size: 14px;}
    .footer-top .other-contact-block .nav-link { font-size: 14px;}
    .footer-top .other-contact-block .nav-link .icon img { width: 18px; height: 18px;}
    .footer-top .other-contact-block .nav-link .icon { width: 36px;}
    .footer-top .address-text { font-size: 14px; margin-bottom: 20px; padding-left: 0px; }
    .footer-top .toll-free-tel a { font-size: 14px;}
    .footer-top .address-text a { font-size: 14px; margin-top: 15px;}
    .footer-menu .nav-link { font-size: 14px; line-height: 14px;}
    .copy-right-text { padding-left: 0px; font-size: 12px;}
    .footer-menu { padding-left: 0px; margin-bottom: 20px;}
    .footer-top {  padding: 30px 0px;}
    .cloud-members-block .member-logo { max-width: 90px; height: 90px; margin-right: 35px;}
    .discalim-text-block { padding: 20px 0px;}
    .cloud-members-block { padding: 20px 0px;}
    .cloud-members-block .cm-title { margin-bottom: 15px;}

    /*   */

    .about-content h2 { font-size: 20px;}
    .about-content-block p { font-size: 14px;}
    .staff-info-block .info-block .staff-name {line-height: 24px; font-size: 20px;}
    .about-meet-staff-section { padding: 0px; }
    .meet-the-staff-section { padding: 30px 0px;}
    .meet-staff-btn { margin: 18px auto 10px; font-size: 16px; max-width: 220px;}
    .about-top-section .carousel-item { height: 250px;}
    .about-top-section { padding: 20px 0px;}
    .meet-the-staff-section .heading { font-size: 20px; margin-bottom: 25px;}
    .meet-the-staff-section .heading::after { margin-left: 60px; margin-top: 2px;}
    .about-meet-staff-section .meet-the-staff-section .heading::after { margin-left: 60px;}


    /*  */


    .refill-guest .refill-content h1.refill-title {line-height: 40px; font-size: 30px; margin-bottom: 10px;}
    .refill-guest .refill-content p.refill-text { font-size: 14px;}
    .refill-guest { padding: 20px 15px;}
    .refill-as-guest-page { padding: 30px 0px;}

    .common-form-block .form-btn { margin-top: 20px;  font-size: 16px;}
    .contact-us-page .contact-text { font-size: 14px;}
    .page-heading {  font-size: 20px; margin-bottom: 20px; }

    /*  */

    .download-order-block .heading { line-height: 34px; font-size: 28px;}
    .download-order-block .heading span { font-size: 14px;}
    .download-order-block .section-policy h3 {font-size: 18px; margin-bottom: 8px;}
    .download-order-block .new-order-steps .row img { margin: 0px !important; }
    .download-order-block .new-order-steps .row { padding: 20px 15px;}
    .download-order-block .dwnld-btn { max-width: 180px !important; }
    .download-order-block  .section-policy { margin-bottom: 15px !important;}

    /*  */

    .your-cart-block .cart-body .continue-shopping-btn {  padding: 5px 10px;  margin-bottom: 0px;}
    .your-cart-block .cart-body { padding: 20px 20px;}
    .your-cart-block .top-row { padding: 15px 20px;}

    .search-block .search-title { line-height: 30px; font-size: 20px;}
    ul.alphaul li { margin-right: 12px;}
    .search-listing li h3 { max-width: 350px; font-size: 14px; }
    .search-listing li .choice-box {margin-right: 35px;}
    .product-need-text p { font-size: 14px;}
    .heading-block .view-news-title { font-size: 18px; margin-bottom: 10px;}
    .other-content-block h3 { font-size: 20px; margin-top: 18px;}
    .other-content-block .article-content img.referal-img {max-width: 490px; height: 692px;}

    .faqs-block h4 { font-size: 18px; margin-bottom: 15px;}
    .fill-prescripton-from { margin-top: 50px;}

    .products-page { padding: 20px 0px;}

    .product-detail-page .product-name { line-height: 30px; font-size: 20px; margin-bottom: 15px;}
    .product-info .pname { font-size: 18px; margin-bottom: 2px;}
    .product-info .product-img { width: 110px;}

    .product-detail-page { padding: 20px 0px;}

    .hnc-inner-card .hncic-img { margin-right: 15px; width: 170px; }
    .hnc-inner-card .hncic-title { font-size: 16px;}

    .nclw-box .nclw-title { font-size: 16px;}
    .nciw-block .nciw-title { font-size: 18px;}
    .nciw-block .nciw-title-two { line-height: 30px; font-size: 20px;}
    .news-page { padding: 20px 0px;}

    .tab-title {line-height: 24px; font-size: 20px;}
    .insulin-products-block .ipb-image {width: 30px;  height: 30px; margin-right: 30px;}
    .insulin-products-block .ipb-content {max-width: 100%; margin-right: 0px;}
    .insulin-products-block .ipb-btn { max-width: 110px; width: 100%;}
    .ipb-content-row { display: block;}
    .insulin-products-block .insulin-product-box { padding: 15px;}

    .alert-box {  margin-bottom: 20px;}
    .alert-box .alert-title { font-size: 20px; line-height: 24px; }

    .refill-as-guest-request-page .barcode-image { height: 280px !important; padding: 5px; }
   /*  .refill-as-guest-request-page .radio-group-block div { width: 30% !important;} */
    .refill-as-guest-request-page .btn { padding: 4px 12px !important;}
    .refill-as-guest-request-page .btn-outline.btn-danger {  padding: 6px 9px !important;}
    .add-new-block [type="radio"]:checked + label, .add-new-block [type="radio"]:not(:checked) + label { font-size: 16px;}
    .payment-notice p { font-size: 14px;}
    .payment-box .payment-radio-info { max-width: 490px;}
    /* .refill-as-guest-request-page .payment-radio-info .radio-group-block div {  width: 45% !important;} */
    .trems-modal .modal-dialog { max-width: 90%; margin: 20px auth; }
    .legal-content-box h3 a { font-size: 16px;}
    .legal-content-box h3 img { width: 30px; height: 30px;}
    .al-right-block { padding: 20px;}
    .legal-content-box h3 { margin: 30px 10px;}
    .legeldocument-modal .modal-dialog { max-width: 90%;}
    .legeldocument-modal h3 { font-size: 18px;}

    .checkout-page .list-group-item { width: 230px; }

    .your-cart-block .table { width: 828px; }
    .your-cart-block th:nth-child(1), .your-cart-block td:nth-child(1) { width: 100px; }
    .your-cart-block th:nth-child(2), .your-cart-block td:nth-child(2) { width: 250px; }
    .your-cart-block th:nth-child(3), .your-cart-block td:nth-child(3) { width: 250px; }
    .your-cart-block th:nth-child(4), .your-cart-block td:nth-child(4) { width: 100px; }
    .your-cart-block th:nth-child(5), .your-cart-block td:nth-child(5) { width: 72px; }



    .wff-block .table { width: 850px; }
    .wff-block th:nth-child(1), .wff-block td:nth-child(1) { width: 300px; }
    .wff-block th:nth-child(2), .wff-block td:nth-child(2) { width: 140px; }
    .wff-block th:nth-child(3), .wff-block td:nth-child(3) { width: 250px; }
    .wff-block th:nth-child(4), .wff-block td:nth-child(4) { width: 100px; }
    .wff-block th:nth-child(5), .wff-block td:nth-child(5) { width: 100px; }


    #order-proccess .table { width:1150px; }
    #order-proccess th:nth-child(1), #order-proccess td:nth-child(1) { width: 50px; }
    #order-proccess th:nth-child(2), #order-proccess td:nth-child(2) { width: 300px; }
    #order-proccess th:nth-child(3), #order-proccess td:nth-child(3) { width: 275px; }
    #order-proccess th:nth-child(4), #order-proccess td:nth-child(4) { width: 100px; }
    #order-proccess th:nth-child(5), #order-proccess td:nth-child(5) { width: 275px; }
    #order-proccess th:nth-child(6), #order-proccess td:nth-child(6) { width: 150px; }

    .modal-dialog { max-width: 90% !important;}

    .unique-page label { margin-bottom: 2px; font-size: 12px;}
    .unique-page { padding: 20px 0px;}
    .unique-header { padding: 10px 12px;}
    .unique-header .uh-middle, .unique-header .login-btn { display: none; }

    .unique-header .uh-left span { font-size: 16px;}
    .unique-header .uh-left img {  width: 40px;  height: 40px;}
    .unique-header .uh-right .login-btn a.btn {width: 90px; margin-left: 10px; height: 36px;}







}

.fa-info-circle.text-info { color: #337ab7 !important; }

@media (max-width: 991px) {


    .container{  max-width: 100%;}

    .carousel-item { height: 300px;}
    .placeholder-card-inside { max-width: 240px; margin: 0px auto !important;}
    .placeholder-card { padding-bottom: 10px;}
    .placeholder-card-inside { max-width: 285px; margin: 0px auto;}
    .placeholder-card-arrow { padding-bottom: 100px; }
    .placeholder-card-arrow::before {top: auto !important; transform: unset; right: auto !important; left: 47% !important; bottom: 27px !important; transform: rotate(90deg); }
    .map { margin-top: 20px;}
    .map-container-section { padding: 20px 0px 30px;}

    .carousel-item { height: 250px; }
    .meet-staff .staff-img { max-width: 240px;}
    .home-about-section .about-content { padding: 15px;}
    .home-about-section .about-img { height: 285px;}

    .home-placeholder-section .heading { text-align: center;}
    .map { height: 400px;}

    .other-contact-block { margin: 10px 0px; }

    .footer-links { box-shadow: none !important;  font-family: 'robotobold'; background: none !important; width: 100%; color: #1462ac !important; text-align: center; padding: 10px !important;  border: none !important; margin-bottom: 0px; border-bottom: 1px solid #FFF !important;  text-transform: uppercase; }
    .footer-menu .nav-item { width: 100%; padding:5px 0px !important; text-align: center; border: none !important; }
    .footer-menu .nav-link {text-align: center; display: inline-block; }
    .footer-menu { margin-bottom: 15px;}
    .copy-right-text { text-align: center; display: block;}
    .footer-top .address-text { text-align: center;}
    .footer-top .address-text a {margin-top: 5px;}
    .footer-top .address-text { margin-bottom: 10px;}
    .other-contact-block { margin: 10px 0px 0px; text-align: center;}
    .footer-top .toll-free-tel { margin-bottom: 10px; font-size: 14px; text-align: center;}

    .footer-top { padding: 20px 0px;}
    .footer-top .other-contact-block .nav {  margin-top: 10px;  justify-content: center; max-width: 100%; }


    .about-content h2::after { margin-left: 63px;}
    .staff-info-block .info-block .staff-name { line-height: 20px; font-size: 18px;}
    .staff-info-block .staff-img { width: 100px; height: 100px;}
    .staff-info-block { padding: 12px;}
    .meet-staff-btn { margin: 12px auto 6px; font-size: 14px; max-width: 165px;}
    .meet-the-staff-section { padding: 20px 0px;}


    .breadcrumb { margin: 0px 0px 20px !important; }

    .common-form-block .form-btn { margin-top: 0px;}

    .common-form-block .form-group .form-control { padding: 8px 12px !important;}
    .common-form-block .form-group { margin-bottom: 20px;}
    .common-form-block .form-group .form-control.form-select { padding-left: 8px !important;}

    .cart-page {padding: 30px 0px 30px;}
    .summary-block .checkbout-btn { max-width: 150px;}
    .your-cart-block { margin-bottom: 20px;}
    .your-cart-block .cart-body { padding: 20px 15px;}
    .your-cart-block .top-row { padding: 15px;}

    .news-card-left-wrapper { display:flex; width: 100%; flex-wrap: wrap; }
    .nclw-box { width: 50%;}
    .nciw-block .nciw-img { max-width: 100%; }
    .nciw-block .nciw-title {  font-size: 16px;}
    .nciw-block .nciw-title-two { font-size: 18px;}

    .news-card-right-wrapper { display:flex; width: 100%; flex-wrap: wrap;  }
    .news-card-right-wrapper .ncrw-box { width: 33.33%; }

    .news-block-one { margin-bottom: 20px;}

    .horizontal-news-card {  padding-bottom: 20px;}

    .article-content p {  margin-bottom: 20px;}

    .ipb-content-row { display: block;}
    .insulin-products-block .ipb-content { max-width: 100%;}
    .insulin-products-block .ipb-from .form-select {background-position: right 0.2rem center;}


    .about-insulin-page { padding: 20px 0px;}


    .payment-box .payment-radio-info { max-width: 300px;}
.refill-as-guest-request-page .payment-radio-info .radio-group-block div { width: 100% !important;}
.content-block { margin-bottom: 15px;}
.payment-info-block { max-width: 100%;}

.checkout-page .table {  width: 1100px;}
.order-detail-block table .form-control.form-select { padding-left: 12px; padding-right: 30px; }

.al-right-block { width: 100%; margin-left: 0px; padding: 20px; }
.profile-section .btn-block { margin-bottom: 18px;}
.profile-section .form-group { margin-bottom: 15px;}


.al-right-block .pagetitle { margin-bottom: 16px; font-size: 18px;}
.ms-btn-block .add-new-btn {  margin-right: 6px;}


.legal-content-box h3 { margin: 25px 10px;  margin: 40px 0px; }
.legal-content-box h3 img { width: 26px; height: 26px;}

.modal .section-policy { margin-bottom: 10px;}
.legeldocument-modal .print-btn { margin-top: 0px !important; }

.common-form-block.contact-form { margin-bottom: 20px; }

.refill-as-guest-request-page .radio-group-block div { width: 30%;}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { height: 39px;}


}


@media (max-width: 767px) {

    .site-name { font-size: 24px;}
    .second-block .form-control { height: 35px; padding: 5px 10px; font-size: 12px;}
    .second-block .search-btn { padding: 5px 15px !important;}
    /* .second-block { max-width: 320px;} */
    .logo-img { width: 45px; height: 30px; margin-right: 10px; margin-top: 10px;}
    .second-header .left-side .nav-link {font-size: 20px !important;}

    /*  */

    .about-content-block { margin-bottom: 10px; }
    .staff-info-block { margin: 0px auto; }

    .meet-staff .staff-img {max-width: 248px;}
    .home-about-section .about-content { min-height: auto;}
    .map { height: 300px;}
    .home-about-section .about-content { padding: 20px;}
    .map-container-section .heading { font-size: 20px;}
    .home-placeholder-section .heading { font-size: 20px;}
    .home-about-section .about-content .heading { font-size: 20px;}
    .placeholder-card-arrow::before { left: 46% !important;}

    .footer-top {
        padding: 20px 0px;
    }

    .refill-guest { display: block;}
    .refill-guest .refill-img { max-width: 100%; padding: 0px; }
    .refill-guest .refill-content { padding: 0px; width: 100%; margin-bottom: 30px; }

    .refill-guest .refill-content h1.refill-title { line-height: 30px; font-size: 24px; margin-bottom: 10px;}

    .common-form-block { padding:20px; }

    .download-order-block .heading {line-height: 30px; font-size: 24px;}
    .download-order-block .new-order-steps .row img { width: 85px; height: 85px;  }


    .search-listing li h3 { max-width: 300px;}
    .product-need-text { padding: 15px;}
    .heading-block .view-news-title { font-size: 20px;}
    .other-content-block { padding-top: 10px;}
    .image-view { height: 310px;}
    .fill-heading-block { margin-bottom: 25px;}
    .other-content-block .article-content img.referal-img { max-width: 440px;  height: 630px;}

    .seller-table { margin-top: 32px; margin-bottom: 10px;}
    .product-detail-page .product-name { line-height: 27px; font-size: 18px; margin-bottom: 12px;}

    .product-info-card { max-width: 100%; margin-bottom: 15px; height: auto; }
    .pdp-bottom-text { margin-top: 0px;}


    .ncrw-box .ncrw-img { height: 160px;}

    .alert-page {  padding: 20px 0px;}
    .alert-box .alert-title { font-size: 18px; line-height: 20px; }
    .alert-box p { font-size: 12px;}

    .refill-as-guest-request-page .common-form-block { height: 100%;}
.content-block p { font-size: 12px;}
.payment-box .payment-radio-info { max-width: 240px;}
.payment-notice p { font-size: 12px;}
.payment-box-second { padding: 20px 15px 0px !important;}
.refill-as-guest-request-page .radio-group-block div { width: 46% !important;}

.checkout-page.refill-as-guest-request-page .gender-radio-group-block.radio-group-block div { width: 100px !important; margin-bottom: 0px; }

.refill-as-guest-request-page .barcode-image { height: 185px !important;}

.checkout-page .personal-information-block .radio-group-block { margin-top: 5px; }

/* .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {white-space: nowrap;}
 */

 .hnc-inner-card a { display: block;}
 .hnc-inner-card { display:block; }
 .hnc-inner-card .hncic-img { margin-bottom: 15px; margin-right: 0px; }

 .auth-form-page .radio-group-block { margin-top: 5px;}

 #progressbar li span.counter { font-size: 14px; margin-right: 6px; width: 35px !important; height: 35px !important;}
 #progressbar li { padding: 10px 10px;}





}

@media (max-width: 700px) {

}

@media (max-width: 600px) {


    .carousel-item { height: 250px;}
    .meet-staff .staff-img { margin: 0 auto;}
    .meet-staff { padding-top: 20px;}
    .home-about-section .about-content { padding: 15px;}

    .about-top-section .carousel-item {height: 250px;}
    .staff-info-block .info-block .staff-text { font-size: 12px;}


    .refill-guest .refill-content h1.refill-title { line-height: 24px; font-size: 20px;}
    .refill-guest .refill-img { height: 210px;}
    .refill-as-guest-page { padding: 20px 0px;}

    .common-form-block .form-btn {font-size: 14px;}
    .common-form-block { padding: 25px 20px;}
    .contact-us-page .contact-text { font-size: 12px;}

    .common-form-block .form-group .form-control { font-size: 12px; padding: 8px 10px !important;}
    .common-form-block .form-group label.form-label { font-size: 14px; margin-bottom: 2px;}

    .download-order-block .new-order-steps .row img {  width: 80px;  height: 80px; margin-bottom: 20px !important;}


    .news-card-right-wrapper .ncrw-box { width: 50%;}

    .image-view {  height: 265px; margin: 0 auto 15px; }



    .nav-pills .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .show > .nav-link { border-radius: 8px !important; border: 1px solid rgba(120, 130, 140, .13) !important; }
    .nav-pills .nav-link{ border-radius: 8px !important; }
    .tab-content { border-left: none !important; padding: 15px 0px 0px; }




}



@media (max-width: 500px) {


    .side-toggle-button span { width: 20px; height: 2px; margin-bottom: 4px;}
    .carousel-item { height: 150px;}
    .about-top-section .carousel-item { height: 150px;}
    .side-toggle-button { padding: 7px; height: auto; align-self: self-start; position: absolute; right: 8px; }
    .header-search-container .logo-anchor { display: flex !important; margin-bottom: 5px;}
    .header-search-container .logo-anchor img { width: 45px; height: 30px; margin-right: 5px; display: block; }
    .site-name { font-size: 20px;}
    .second-block .search-btn { padding: 3px 10px !important; font-size: 12px;}
    .logo-img { margin-right: 6px; margin-top: 5px; display: none; }
    .second-block { margin-right: 10px;}
    .second-block .form-control { height: 34px; padding: 5px 7px;}

    /*  */

    .placeholder-card-arrow::before {left: 44% !important;}
    .banner-section { padding: 20px 0px 10px;}

    .footer-top .address-text a { margin-top: 8px;}


    .search-listing li .choice-box { margin-right: 15px;}
    /* .search-listing li { display: block; } */
    .search-listing li .choice-box {  max-width: 22px; display: block;  margin-right: 10px !important;}
    .search-listing li .choice-box p:first-child{ margin-bottom: 5px; }
    .search-listing li { flex-wrap: wrap; }

    .product-info .product-img { width: 80px;}
    .product-info .pname { font-size: 16px;}
    .product-info .manufactured-text {font-size: 12px; margin-bottom: 0px; }
    .product-info-card .f-text {padding: 0 10px;}

    .nclw-box { width: 100%;}
    .news-card-right-wrapper .ncrw-box { width: 100%;}
    .hnc-inner-card a { display: block;}
    .hnc-inner-card .hncic-img { margin-right: 0px; width: 130px; height: 130px; margin-bottom: 15px;}

    .image-view { height: 200px;}
    .article-content p {  font-size: 12px;}

    .insulin-products-block .ipb-from .select-block { display: block;}
    .insulin-products-block .ipb-btn { margin-left: 0px; margin-top: 10px; }

    .refill-as-guest-request-page .radio-group-block div {  width: 100% !important; margin-right: 0px;}
.payment-box {  display: block;}
.add-new-block [type="radio"]:checked + label, .add-new-block [type="radio"]:not(:checked) + label { font-size: 14px;}
/*
.table-top-block { display: block;} */
/* .table-top-block .ms-btn-block { margin-bottom:15px; } */
.tb-totle-fiels { display: inline-block; }
.after-login-pages { padding: 20px 0px;}
.order-history-page .table-top-block { display: flex; }
.order-history-page .table-top-block .ms-btn-block{ margin-bottom :0px; }

.requestform-block a { left: -34px;  padding: 6px 18px;}
.request-form { width: 313px;}
.requestform-block { right: -313px; }

.map-content-block { padding: 0px 20px; text-align: center;}

.plist-name { display: block;}

/* table.dataTable > tbody > tr span {
    white-space: normal;
  }
 */
.input-group .input-group-text { padding: 6px;}
.al-upload-document-page .common-form-block .form-btn { max-width: 155px;}

.table-top-block { display: block; }
.table-top-block .ms-btn-block { margin-bottom: 10px; }

.shipping-option-row .form-group { display: block;}

#progressbar { height: 120px;  }
#progressbar li span.counter {margin: 0px auto 10px; }
#progressbar li { display: block; text-align: center;}


.ms-btn-block .place-order-btn { margin-left: 0px;}
.table-top-block .ms-btn-block { margin-top: 10px;}


/* .update-profile-section table.dataTable.nowrap th, .update-profile-section table.dataTable.nowrap td { white-space: unset !important;} */


.chat-room { max-width: 340px;}

/* .unique-header .uh-right .search-input {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
} */

.unique-header {padding: 10px 5px;}
.unique-header .uh-left img, .unique-header .uh-middle img { margin-right: 5px !important;}
.unique-header .uh-right .search-input {font-size: 12px; line-height: 14px;}
.unique-header .uh-left span {font-size: 12px;}
.unique-header .uh-right .search-box img {margin-right: 6px !important;}


}

@media (max-width:375px) {



}


@media (max-width:320px) {


}