@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
html{  scroll-behavior: smooth;}
body,html {
    overflow-x: hidden;
}
body{margin:0px; padding:0px; background:#FFF; font-size:15px !important;overflow-x:hidden;color:#000;font-family: 'Open Sans', sans-serif;line-height:27px;}
p{margin:0px!important; padding:0px!important; line-height:27px; font-size:15px; color:#000; font-family: 'Open Sans', sans-serif;}
p.padding_15{ padding:0 0 15px!important;}
p.padding_5{ padding:0 0 5px!important;}
p.padding_35{ padding:0 0 35px!important;}
p.left {
    text-align: left!important;
}
.bold {font-weight:bold;}
a {text-decoration:none; color:#fff;}
a:hover, a.selected, a:focus{text-decoration:none; color:#005182;}
a:focus{outline:none;}
ul {list-style:none; padding:0px; margin:0px;}
li {list-style:none;}
h1 {
    font-size: 38px!important;
    line-height: 30px!important;
    color: #005182!important;
    font-weight: normal !Important;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 0px 0 5px 0;
    margin: 10px 0 !important;
    letter-spacing: 1px;
}
h2{ font-size:20px!important; line-height:24px!important; color#005182!important; font-weight:600!important; margin:41px 0 30px 0!important; font-family: 'Open Sans', sans-serif!important;  padding: 0 22px;
}
h3{ font-size:21px!important; line-height:35px!important; color:#005182!important; font-weight:normal!important; margin:25px 0 25px 0!important; font-family:'Open Sans', sans-serif!important;}
h4{ font-size:20px!important; line-height:33px!important; color:#005182!important; font-weight: 600 !important; margin:25px 0 25px 0!important; font-family: 'Open Sans', sans-serif!important;}
a:hover ,a:focus,a:active  {
    text-decoration: none!important;
}
.vertical-center {
    padding: 80px 0px;
}
.pad-30 {
    padding-top: 30px;
}

/* ========== Do Not Touch In Css End ========== */

/* ==========  header css  ========== */
/* logo css start*/
.logo-wrapper {
    padding: 4px 0 0;
}
.logo {
    width: 140px;
}
.logo-wrapper a:hover .logo {
    transform: scale(1.1);
    transition: all .4s ease;
}
/* logo css end */
/* menu css start*/
.navbar-default {
    background-color: none !important;
    border-color: none!important;
    border: 0 !important;
    background: none !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #dfb969 !important;
    background-color: transparent;
}
.top-header-block ul.nav.navbar-nav {
    text-align: right;
    width: 100%;
}
.top-header-block .navbar-nav > li {
    float: none;
    text-align: center;
    display: inline-block;
    padding: 0 6px;
}
.top-header-block .navbar {
    position: relative;
    min-height: 0;
    margin-bottom: 0;
}
.top-header-wrapper {
    margin-top: 0px;
    background: #fff;
    padding: 15px 0;
}
.top-header-block .navbar-default .navbar-nav > li > a {
    color: #005182;
    text-transform: uppercase;
}
.top-header-block .navbar-default .navbar-nav > li > a:hover {
    color: #005182!important;
    background-color: transparent;
    font-weight:700;
}	

.navbar-nav > li > a {
    padding: 10px 15px;
}
/* menu css end */
/* login button css start*/
.login-btn {
    padding: 29px 0 0;
}
.login-btn .btn.btn-primary {
    background: #3b3b3b;
    border: 0;
    padding: 5px 11px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 8px;
}
.navbar-toggle {
    border: none;
    background: transparent !important;
}
.navbar-toggle:hover {
    background: transparent !important;
}
.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
}
.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}
/* login button css end*/
/* ==========  header css end  ========== */
/* ========== body css  start ========== */
/* ========== section1  start ========== */
.blackstrip{background-color: #000; height: 48px;}
.mainbgimg{background:url(../images/img-11.jpg) no-repeat; overflow: hidden; background-size: 100%; background-color: #000;}
.connect h1 {
    font-size: 62px!important;
    line-height: 57px!important;
    width: 70%;
    font-weight: 100 !important;
    text-align: left;
    margin-bottom: 53px !important;
    color: #fff!important;
    text-shadow: 1px 1px 2px #868383, 0 0 1em #1a1a1b, 0 0 0.2em #303033;
}
.connect h1:after{content: ''; position: absolute; border-bottom: 2px solid #fff; width: 70px; top: 149px; left: 12px;}
.connect{margin-top: 21%; margin-bottom: 100px;}
.connect p{font-weight: lighter !important;
           font-family: 'Raleway', sans-serif;
           line-height: 27px;
           color: #fff;
           font-size: 18px;}
/*.loginform{background: #fff; overflow: hidden; padding: 50px 46px 20px;-webkit-box-shadow: 0px 1px 17px 2px rgba(255,255,255,1);
-moz-box-shadow: 0px 1px 17px 2px rgba(255,255,255,1);
box-shadow: 0px 1px 17px 2px rgba(255,255,255,1); border-radius: 10px;}*/
.loginform {
    background:rgba(255, 255, 255, 0.788235294117647);
    overflow: hidden;
    padding: 50px 46px 20px;
    -webkit-box-shadow: 0px 1px 14px 2px rgba(255,255,255,0.4);
    -moz-box-shadow:0px 1px 14px 2px rgba(255,255,255,0.4);
    box-shadow: 0px 1px 14px 2px rgba(0,0,0,0.2);

}
.loginform .input-group-addon{color: #555; text-align: center; background-color: #bfd846; border: 1px solid #565456;border-right: 3; border-left: 0; padding: 6px 16px;font-size: 14px;border-radius: 0;}
span.password, span.password-confirm{
    cursor: pointer;
}
.loginform .fa{ color: #fff; font-size: 24px;}   
.form-control{ height: 50px; border-radius: 0; border: 1px solid #565456;}
.login, .btn {
    border: 1px solid #005081;
    transition: all 0.5s ease-in;
    background-color: #BED73D;
    text-align: center;
    padding: 14px 5px 13px;
    color: #005081;
    font-weight: 600;
    overflow: hidden;
    margin: 12px 32px !important;
    display: block;
    border-radius: 10px !important;
    text-transform: uppercase;
    outline: 0 !important;
}
.login-btn-wrapper {
    display: block;
    overflow: hidden;
}
.login-btn-wrapper {
    margin: 5px 25px 10px;
}
.loginform .input-group {
    margin-bottom: 6px;
}
.login-btn-wrapper .btn {
    margin: 0 !important;
    width: 100%;
}
.login:hover, .btn:hover, .btn:focus {
    background: #005182;
    transition: all 0.5s ease-in;
    color: #fff;
}
.reg_btn_div{
    margin-top: 18px;
}
.connect .forgot{font-size: 13px; color:#005081; font-weight: 600 !important; text-align: center;}
.forgot a{color: #005081; text-decoration: underline;}
.owl-theme .owl-controls .owl-buttons div{position: absolute; bottom: 215px; background: none;  color: #dfb969; opacity: 1;}
.owl-theme .owl-controls .owl-buttons div i{font-size: 70px;}
.owl-prev{left: -22px; right: 100%;}
.owl-next{left: 97%;}
.top-header-wrapper.f-nav {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
    margin: 0;    background: #fff;
    padding:5px 0px;

}
/*.f-nav .logo-wrapper img{ width: 90px;}*/
/*.f-nav .top-header-block .navbar-default .navbar-nav > li > a{ font-size: 12px; padding: 2px 15px;}*/
/*.f-nav .nav > li > a > img { width: 20px;}*/
.input-group:hover span{background-color: #fff;}
.input-group:hover span i{color: #005081;}
.nav > li > a:hover img {
    transform: rotateY(180deg); margin-right: 5px;
}
/* ========== section1  end ========== */
/* ========== section2  Start ========== */
.download_app ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.download_app h2
{
    color:#005182!important;font-size:25px!important;
}
.download-button li {
    display: -webkit-inline-box;
    padding: 15px;
}
.download-button li img{
    max-width: 140px;
}
.download-button ul {
    justify-content: center;
    display: flex;
}
.subsecbg {background: #fff center no-repeat;background-size: cover;padding: 96px 0;}
.pt-0 {
    padding: 0px !important;
}
img.endorsed-img {
    height: 120px;
}
@media screen and (max-width: 991px) 
{
    img.endorsed-img {
    height: 70px;
}
}
.subsecbg hr{width: 70px; border-top: 2px solid #005081;}
.subsecbg p{text-align: center;    margin-bottom: 10px!important; }
.abtbox {margin: 40px 0 20px; text-align: center;}
.downarrow i{font-size: 100px; color: #dfb969; text-align: center;overflow: hidden; clear: both; display: block;  transition: all 0.5s ease-in;}
.downarrow{text-align: center; transition: all 0.5s ease-in; cursor: pointer;}
.downarrow i:hover{transform: scale(1.2,1.2); transition: all 0.5s ease-in;}
.download-button a img:hover, .download-button a img:focus, .download-button a img.active {
    transform: scale(1.05);
    /* transition: 0.3s; */
    transition: all .4s ease;
}
/* ========== section2  end ========== */
/* ========== section3  Start ========== */
.sec3 {background: url(../images/home_image_1.jpeg);height: 400px;background-attachment: fixed; background-size: cover;}
/* ========== section3  end ========== */
/* ========== section4  start ========== */
.sliderblock{text-align: center; background: #fff; margin: 40px 52px; padding: 17px 18px 10px; border-radius: 10px; box-shadow: 0px 1px 17px 2px rgba(255,255,255,1)}
.carousel-control{font-size: 100px; color: #dfb969; opacity: 1;}
.sliderblock img{width: 100%;}
.img-full img {
    width: 400px;
}
.sec4 li {
    list-style-type: square;
    padding:10px 0px;
}
.sec4 ul {
    padding: 5px 0px;
    padding-left: 28px;

}
/* ========== section4  end ========== */
/* ========== section5  Start ========== */
.sec5 {background: url(../images/home_image_2.jpeg);height: 400px;background-attachment: fixed; background-size: 100%;}
/* ========== section5  end ========== */
/* ========== section6  Start ========== */
.subsecbg .form_wrapper {
    margin-top: 15px;
}
.subsecbg .form-group { margin-bottom: 27px;}
.subsecbg .form-control {
    border-radius: 0;
    height: 40px;
}
.subsecbg textarea.form-control {
    height: 174px;
    border-radius: 0;
}
.send {

    width: 175px;
    margin: 0 auto !important;
    transition: all 0.5s ease-in;
}
.send:hover{border: 1px solid #005182; background:#005182; transition: all 0.8s ease-in; }
/* ========== section6  end ========== */
/* ========== Slidercss Start========== */
/* carousel */
.media-carousel 
{
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
    margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
    left: -12px;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    /*border: 4px solid #FFFFFF;*/
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width : 40px;
    margin-top: 135px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
    right: -12px !important;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    /*border: 4px solid #FFFFFF;*/
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width : 40px;
    margin-top: 135px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
    background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
    background: #333333;
}
.media-carousel img
{
    /*  width: 250px;
      height: 100px*/
}
/* End carousel */
/* ========== Slidercss End ========== */
/* ==========  body part css end ========== */
/* ==========  footer css start ========== */

.footer-wrapper {
    background: #005081;
    padding: 20px 0;
}


ul.social-icon-list li {
    display: inline-block;
}
ul.social-icon-list li {
    padding: 0 8px;
}
ul.social-icon-list li .fa {
    font-size: 20px; color: #ccc;transition: all 0.5s ease-in;
}
/*ul.social-icon-list li .fa:hover{transform: rotateY(200deg); color: #dea61c !important; transition: all 0.5s ease-in;}*/
ul.social-icon-list li .fa:hover{transform: scale(1.2,1.2); color: #dea61c !important; transition: all 0.5s ease-in;}
/*.copyright-block {padding-top: 8px; font-size: 12px;color: #a3a3a3;}*/

.footer-top-block li a {
    font-weight: bold !important;
    color: #005182;
    text-transform: capitalize;
}
.footer-top-block li {
    padding: 0 20px;
    position:relative;
}
.footer-top-block li:after {
    position: absolute;
    content: '|';
    right: -8px;
    top: -1px;
    color: #fff;
}
.footer-top-block li:last-child:after {
    display:none;
}
.footer-top-block ul li a, .copyright-block p{
    font-size: 12px;
    color: #fff;
    /*    font-family: "Verdana";*/
}
.footer-top-block ul li a:hover, .footer-top-block ul li a:focus, .footer-top-block ul li a:active {
    color: #BED73D !important;
    font-weight:700;
}
.footer-top-block {
    margin: 15px 0 5px;
}
ul.footer-menu li:last-child a {
    border: 0;
}
/* ========== footer css end ========== */
/* ========== media Query ========== */

.subsecbg,.sec5,.mainbgimg

{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.nav > li > a > img {

    margin-right: 5px !important;
}
.sec5
{
    background-position: 100% 7%;
}
/* new css */
p.highlight-content {
    letter-spacing: 0.25px;
    font-size: 24px;
    line-height: 34px;
    text-shadow: 1px 1px 2px #868383, 0 0 1em #1a1a1b, 3px 0 2.2em #303033;
}   
.login-box-title h3 {
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    font-weight: 600 !important;
    font-size: 18px !IMPORTANT;
    text-transform: uppercase;
}

/* register page css */
.register-page {
    margin: 100px 0 !important;
}
.register-form {
    width: 500px;
    margin: 0 auto;
}
.register-form .input-group
{	
    width:100%;
}
.login-box-title hr {
    width: 70px;
    border-top: 2px solid #005081;
}
.title-underline hr {
    width: 70px;
    border-top: 2px solid #005081;
    margin: 5px auto 20px;
}
.register-form {
    background: rgba(255, 255, 255, 0.91);
}
.register-form p.forgot {
    color: #000;
    line-height: 23px;
    margin-bottom: 20px !important;
    letter-spacing: 0.2px;
}

/* register page css  end */

/* search page design */

.search-wrapper {
    height: 100vh;
    background: #005081;
    position:relative;
}
.search-wrapper {
    height: 100vh;
    background: url(../images/img-11.jpg) no-repeat;
    position: relative;
    width: 100%;
}
.table-block
{
    display:table;
    height:100%;
    width:100%;
}
.table-cell
{
    display:table-cell;
    width:100%;
    vertical-align:middle;
}
.height-full {
    height: 100%;
}
.search-container {
    width:100%;
    display: block;
    margin: 0 auto;
}
.search-form input,.search-form textarea {
    margin: 0 auto;
    width: 100%;
    font-size: 14px;
    height: 45px;
    padding: 0 20px;
    border: 1px solid #D0CFCE;
    outline: none;
}
.search-form input:focus {
    border: 1px solid #008ABF;
    transition: 0.35s ease;
    color: #008ABF;
}
.search-form input:focus::-webkit-input-placeholder {
    transition: opacity 0.45s ease;
    opacity: 0;
}
input#search-bar:focus::-moz-placeholder {
    transition: opacity 0.45s ease;
    opacity: 0;
}
.search-form input:focus:-ms-placeholder {
    transition: opacity 0.45s ease;
    opacity: 0;
}
.search-icon {
    position: relative;
    float: right;
    width: 75px;
    height: 75px;
    top: -62px;
    right:-13px;
}
.search-hide {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    z-index: 999;
    cursor: pointer;
}
a.search-hide img {
    width: 100%;
}
.search-wrapper h1,.search-wrapper p{
    color: #fff !important;
    text-shadow: 1px 1px 2px #868383, 0 0 1em #1a1a1b, 0 0 0.2em #303033;
}
.search-wrapper .title-underline hr
{
    border-color:#fff;
    margin:20px auto;
}
.search-help-text {
    margin-bottom: 20px !important;
    text-align: center;
}


.search-form .form-inline {
    text-align: center;
    margin: 35px 0 15px !important;
}
.form-inline .form-check {
    display:inline-block;
    width:auto;
} 
.search-form .form-inline  input
{
    height: auto;
}

[type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}


.search-form .form-inline label {
    color: #fff;
    padding: 0;
    font-weight: normal;
    cursor: pointer;
    display: inline-block;
    width: 33%;
}
.radio-buttons-images
{
    text-align:center;
}
.search-title {
    margin-top: 0px;
}
.search-overlay {
    height: 100%;
    background: rgba(0,0,0,0.6);
}
.radio-box-wrapper {
    background: #005081;
    height: 95px;
    border: 1px solid #ccc;
    border-radius: 8px;
    text-align: left;
    padding: 0px 10px 0px 50px;
}
.radio-box-wrapper.diagnosis-box {
    position: relative;
    left: -140px;
}
.radio-box-wrapper.drug-class-box {
    position: relative;
    left: -70px;
}
.drug-class-box {
    background: #0072BB;
}
.diagnosis-box {
    background: #468CCA;
}
/* CHECKED STYLES */
.radio-buttons-images [type=radio]:checked + div {
    top: 15px;
}
.radio-buttons-images [type=radio]:checked + img + span {
    color:#bfd846;
}
.radio-buttons-images [type=radio]:checked + div {
    top: 15px;
}
.arrow_box {
    position: relative;
    border: 1px solid #fff;
}
.radio-buttons-images [type=radio]:checked + div:after, .radio-buttons-images [type=radio]:checked + div:before {

}
.radio-buttons-images [type=radio]:checked + div:after {
    content: '\f0d7';
    font-family: fontawesome;
    padding: 0;
    color: #005081;
    position: absolute;
    bottom: -19px;
    font-size: 44px;
    text-shadow: 1px 1px 0px #292626;
}

.radio-buttons-images .drug-class-box:after {
    color: #0072BB !important;
}
.radio-buttons-images .diagnosis-box:after {
    color: #468CCA !important;
}
.static-header .f-nav {
    position: static !important;
}
.search-provincial-form {
    width: 80%;
    margin: 0 auto 50px;
}
h1.capitalize {
    text-transform: capitalize;
}
/* search box css */
.search-form-input {
    width: calc(100% - 137px);
}
.search-block {
    margin-left: 137px;
}
p.search-by {
    font-style: italic;
    font-size: 13px;
    display: none;
}
.radio-buttons-images [type=radio]:checked + div p.search-by  {
    display:block;
}
.clsdrugclass .search-form-input {
    width: calc(100% - 436px);
    margin-left: 292px;
}
.clsdiagnosis .search-form-input {
    width: calc(100% - 730px);
    margin-left: 585px;
}
p.change-province {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px !important;
}
p.change-province a {
    color: #BDD73C;
    font-style: italic;
    text-decoration: underline;
    text-shadow: 1px 1px 2px #1b1b1b, 0 0 1em #1a1a1b, 3px 0 2.2em #303033;
}
p.change-province a:hover
{
    color: #ffffff;
}
.btn-auto {
    width: auto;
    display: inline-block;
    padding: 13px 25px 12px;
    margin: 0 !important;
}
.coming-soon-block {
    text-align: center;
    background: #000;
    padding: 50px;
    border-radius: 20px;
}
p.coming-soon-text {
    font-size: 17px;
    line-height: 29px;
    font-weight: 300;
    margin: 25px 0 !important;
    letter-spacing: 0.1px;
}
.pl-0 {
    padding-left: 0 !important;
}
/* header new css 18-02 */
.main-menu-wrapper
{
    text-align:right;
}
.menu-inline {
    display: inline-block;
    vertical-align: top;
}
ul.login-menu li {
    display: inline-block;
    vertical-align: top;
    padding-top:6px;
}
ul.login-menu li a {
    color: #005182;
    font-size: 20px;
}
ul.login-menu li a:hover {
    opacity: 0.85;
}
li.search-icon-menu {
    margin-right: 20px;
}
ul.user-dropdown {
    background: #005182;
    top: 39px;
    width: 200px;
    left: -170px;
    border-radius: 0;
}
ul.user-dropdown{
    margin: 0;
    padding: 0;
    border: 0;

}
ul.user-dropdown li a {
    font-size: 14px;
    padding: 8px 10px ;
    color: #fff;
    text-transform: capitalize;
}
ul.user-dropdown li {
    display: block;
    padding: 0;
    margin: 0;
}
li.user-details.open:after {
    content: '\f0d8';
    font-family: fontawesome;
    padding: 0;
    color: #005182;
    position: absolute;
    top: 22px;
    font-size: 30px;
    text-shadow: 1px 1px 0px #292626;
    right: 7px;
}
ul.dropdown-menu li:first-child {
    border-bottom: 1px solid #fff;
}
ul.user-dropdown li a i {
    margin-right: 8px;
    position: relative;
    top: 1px;
    font-size: 16px;
}
.close_btn{position: absolute;color: #000;font-weight: 700;right: 10px;top: 3px;font-size: 19px;cursor: pointer;}




/*new changes added*/
.img-block img {
    width: 50px;
}


.content h3{
    margin: 15px 0px 0px!important;
}
.content p{
    text-align: left;
}
.app-portion{
    padding-top: 0px;
}.app-banner{
    padding: 96px 0 0;
}
.video-section{
    padding-top:30px;
}
#contact input,#contact textarea {
  
    padding: 10px 25px;
}
/*.bottom-banner {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.788235294117647);
}*/
/* responsive css */
@media screen and (max-width:1190px) 
{
    .clsdrugclass .search-form-input {
        width: calc(100% - 340px);
        margin-left: 198px;
    }
    .clsdiagnosis .search-form-input {
        width: calc(100% - 538px);
        margin-left: 399px;
    }
    /*new*/
    .information-blocks {
         margin: 25px 0px;
    }
}
@media screen and (max-width:991px) 
{
    .clsdrugclass .search-form-input,.clsdiagnosis .search-form-input {
        width: 100%;
        margin-left: 0;
    }
    ul.user-dropdown {
        top: 37px;
    }
    ul.user-dropdown li a {
        font-size: 13px;
        padding: 6px 10px;
    }
    .container {
        width: 100% !important;
    }
    .search-block {
        margin-left: 0;
    }
    .search-form-input {
        width: 100%;
    }
    ul.user-dropdown li a i {
        font-size: 13px;
    }
    .search-title {
        text-align: center;
        clear: both;
    }
    .search-wrapper h1 {
        font-size: 20px !important;
    }
    p.change-province {
        font-size: 14px;
    }
    .search-form .form-inline label {
        width: 32%;
    }
    .radio-box-wrapper.drug-class-box {
        left: -15px;
    }
    .radio-box-wrapper.diagnosis-box {
        left: -30px;
    }

    /*new*/
    .app-banner{
    padding: 30px 0 0;
    }
}
@media screen and (max-width:767px) 
{
    .after-login-menu {
        position: absolute;
        right: 100px;
        top: -41px;
    }
    .menu-inline {
        display: block;
        vertical-align: top;
    }
    .radio-box-wrapper {
        height: 55px;
    }
    .search-provincial-form {
        width: 100%;
        margin: 0 auto 30px;
    }
    .radio-box-wrapper {
        padding: 0px 5px 0px 10px;
    }
    .radio-box-wrapper.drug-class-box {
        left: -6px;
    }
    .radio-box-wrapper.diagnosis-box {
        left: -13px;
    }
    p.search-by {
        font-size: 10.5px;
    }
    p.radio-label-name {
        font-size: 11px;
    }
    p.change-province {
        font-size: 13px;
    }
    .radio-buttons-images [type=radio]:checked + div:after {
        bottom: -17px;
        font-size: 26px;
    }
    .footer-top-block ul.footer-menu li:last-child a,.footer-top-block ul.footer-menu li:last-child{
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
    .search-wrapper h1 {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    /*new*/
    .information-blocks {
      text-align: center;
    }
    .content p {
        text-align: center;
    }
    .img-block img {
        margin:0 auto;
    }
}
@media screen and (max-width:767px) 
{
    p.change-province a {
        display: block;
    }
}
/* table css */
.detailsTbl tr td, .detailsTbl tr th {
    padding: 20px !important;
    vertical-align: middle !important;
    margin: 0 !important;
    text-align: center;
}
.detailsTbl tr th {
    background: #005182;
    color: #fff;
}
.print-btn .btn {
    min-width: 115px;
}
th.td-custom-width {
    width: 115px;
}
span.invalid-feedback {
    /* position: absolute; */
    width: 100%;
    /* left: 0; */
    /* top: 55px; */
    font-size: 12px;
    line-height: 10px;
    color: #f00;
    font-weight: 300 !important;
    background: transparent !important;
}
.inner-page-content {
    /* min-height: 550px; */
}

/* new css for search page */
.container {
    width: 1250px;
}
.restrict-click {

    position: absolute;

    right: 0;

    top: 0;

    width: 140px;

    height: 100px;

    z-index: 9;

}

@media screen and (max-width:991px) 

{

    .restrict-click {

        width: 38px;

    }

}

@media screen and (max-width:767px) 

{

    .restrict-click {

        width: 12px;

    }

}

/* error message */
.error-message {
    background: transparent;
    border: 0;
    padding: 5px 0;
    color: red;
}

.discaimer-page
{
    width:100%;
}
.desclaimer-content p {
    line-height: 26px;
    font-size: 15px;
    color: #000;
    font-weight: 500 !important;
}
p.mb-5 {
    margin-bottom: 10px !important;
}
.discaimer-page {
    width: 100%;
    min-height: 550px !important;
}
@media screen and (max-width:767px) 
{
    .discalimer-page {
        margin: 30px 0 !important;
    }
    .discaimer-page {
        margin: 0;
    }
    .loginform {
        padding: 20px;
    }
    .desclaimer-content p {
        line-height: 22px;
        font-size: 13px;

    }
}
.product-main-name.No{

    color:red;
}

.product-main-name.Yes{
    color:green;
}
.product-main-name.green{
    color:green;
}
.product-main-name.red{
    color:red;
}
.logo-wrapper a {
    display: inline-block;
}


/*search page css started*/
.styled-checkbox {
    position: absolute;
    opacity: 0;
}
.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-size: 20px;
    color: #646464;
}
.styled-checkbox + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 30px;
    height: 30px;
    background: white;
    border: 3px solid #646464;
}
.styled-checkbox:hover + label:before {
    background: #075486;
}
.styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
    background: #075486;
}
.styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
}
.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}
.styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 10px;
    top: 13px;
    background: white;
    width: 3px;
    height: 3px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check-box-border {
    height: 140px;
    width: 100%;
    border: 2px solid #D6D6D6;
}
.width-full
{
    width: 100%;
}

.pr-25
{
    padding-right: 25px!important;  
}
.pl-25
{
    padding-left: 25px!important;
}
.pl-50
{
    padding-left: 50px!important;
}
.font-italic
{
    font-style: italic!important;
}

.search-form {
    background: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    padding:60px 90px;
    -webkit-box-shadow: 0px 1px 14px 2px rgba(255,255,255,0.4);
    -moz-box-shadow: 0px 1px 14px 2px rgba(255,255,255,0.4);
    box-shadow: 0px 1px 14px 2px rgba(0,0,0,0.2);
}
.search-form h1,.search-form p
{

    text-shadow: none!important;
}
.form-inner {
    padding-top: 50px;
}
.search-form h1 {
    font-size: 36px!important;
    color: #005182!important;
}
.search-form p {
    color: #565656!important;
    font-weight: 600;
}
.mb-0{
    margin-bottom: 0px!important;
}
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 49px;
    text-align: center;
    pointer-events: all;
    color: #aaa;
}
.search-form input, .search-form textarea {
    margin: 0 auto;
    width: 100%;
    font-size: 14px;
    height: 50px;
    padding: 0 49px;
    border: 1px solid #D0CFCE;
    outline: none;
}
.fa-search:before {
    content: "\f002";
    /* font-size: 25px; */
    color: #333;
}
.pr-0
{
    padding-right: 0px!important;
}
.mainbgimg .search-wrapper
{
    height: 80vh;
}
.search-form .check-box-border input{
    width: auto;
}

/*search page css ended*/
/*search page responsive css started*/
@media screen and (max-width: 1550px)
{
    .search-form
    {
        margin: 90px;
    }
    .mainbgimg .search-wrapper
    {
        height: 100vh;
    }
}
@media screen and (max-width: 1199px)
{
    .search-form h1 {
        font-size: 38px!important;
        line-height: 38px!important;
    }
    .search-form {
        padding:25px 40px;
    }

}
@media screen and (max-width: 991px)
{   
    .search-form
    {
        margin: 0px;
    }
    
    .search-form h1 {
        font-size: 24px!important;
        line-height: 25px!important;
    }
    .form-inner {
        padding-top: 25px;
    }
    .pr-25 {
        padding-right: 0px!important;
    }

    .check-box-border {
        height: 100px;
    }
    .styled-checkbox + label {
        font-size: 15px;
    }
    .styled-checkbox:checked + label:after {
        left: 8px;
        top: 11px;
        width: 2px;
        height: 2px;
    }
    .styled-checkbox + label:before {
        width: 25px;
        height: 25px;
    }
    .styled-checkbox + label {
        font-size: 15px;
    }
    .search-form {
        padding: 45px 50px;
    }


}

@media screen and (max-width:767px){
    .pr-25 {
        padding-right: 0px!important;
    }
    .pl-25
    {
        padding-left: 0!important;
    }
    .pl-50
    {
        padding-left:0!important;
    }
    .pl-0{
        padding: 0!important;
    }
    .pr-0
    {
        padding: 0!important;
    }
    .search-form {
        padding: 20px 35px;
    }
}
/*search page responsive css ended*/

.changeprovince a{
    text-decoration: none;
    color: #337ab7;
} 
#drugclassblock{
    text-align: center;
}

.ui-autocomplete {
    height: 190px;
    overflow: auto;
}


/*=====================*/
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  from {bottom: -20px;}
  to {bottom:0px;}
}

/* Standard syntax */
@keyframes example {
 from {bottom: -20px;}
  to {bottom:0px;}
}
#alternative_drug_popup {
    position:fixed;
    bottom: 0px;
    width: 100%;padding: 5px 0;
    background: #bed73c;
    left: 0;
    z-index: 55;
    transition: 0.5s all ease-in-out; 
    -webkit-animation-name: example; 
      -webkit-animation-duration: 0.5s; 
      animation-name: example;
      animation-duration: 0.s;
}
#alternative_drug_popup.hide_box{
    bottom: -80px;
}
#popup-close{font-size: 16px;    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
    cursor: pointer;
    text-align: right;
    padding-right: 20px;
}
.dnt_show_msg{max-width: 395px;margin:0 auto;}
#alternative_drug_popup  h2{margin:0 !important;text-align:center;color:#222;padding-top: 5px;font-size:18px !important;}
#alter_scroll_down{width: 245px;    margin-top: 5px;    height: 20px;z-index:88;}
.dnt_show_msg .styled-checkbox + label:before{width: 20px;height: 20px;}
.dnt_show_msg .styled-checkbox:checked + label:after{left: 4px;width: 2px;height: 2px;}

.dnt_show_msg .styled-checkbox + label {    position: relative;    cursor: pointer;    padding: 0 0 10px;    display: inline-block; font-size: 14px; font-weight:400;color:#111;margin: 0;padding: 0 0 5px;}
#scroll_down_btn{background:#333;
    box-shadow: none;
   color:#fff;border:0;
    margin: 0 10px;
    line-height: 1.5;cursor: pointer;    width: 65px;
    padding-bottom: 4px;}

.my-20{
    margin: 20px 0 22px 0px !important; 
}
.report-mistake-btn{
    text-transform:none;
    background-color: rgba(255, 0, 0, 0.78);
    color: #fff;
}
/* Tooltip */
  
    i.fa.fa-info {
    width: 25px;
    padding: 5px 5PX;
    background: #245081;
   border-radius: 9PX;
}
.ui-tooltip-content
{
    width: 500px!important;
}
.report-mistake-btn:hover i.fa.fa-info {
    width: 25px;
    padding: 5px 5PX;
    background:red;
    border-radius: 9PX;
}
.tooltip .tooltip-inner{
    width:500px;
    max-width: 500px;
    box-shadow: 0 2 2 rgba(0,0,0,0.2);
    padding: 10px;
    font-size: 15px;
}
.tooltip{
    width: 500px;
}
/*f*/

/* Frug Group Title */
.drug_group_box:not(:first-child){
    margin-top: 50px;
}
.drug_group_box span{
    font-size: 23px;
    text-decoration: underline;
}

/* start search button css */
.start-search-wrapper a.search-btn {
    background: #005182;
    padding: 15px 10px 15px 25px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff !important;
    border-radius: 30px;
    height: 54px;
    transition: all 0.5s ease-in;
    cursor:pointer;
    box-shadow: 0px 1px 14px 2px rgba(0,0,0,0.2);
}
.start-search-wrapper a.search-btn i {
    margin-left: 15px;
    width: 40px;
    height: 40px;
    background: rgba(135, 171, 193, 0.75)!important;
    position: relative;
    top: 1px;
    border-radius: 100%;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-size: 22px;
}

.start-search-wrapper {
    text-align: center;
}
.start-search-wrapper a.search-btn:hover 
{
    background:#BED73D;
    color:#000 !important;
}
.drugDetail ul {
    display: block;
    list-style-type: disc !important;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
.drugDetail li {
    list-style:disc !important;    
}
@media screen and (min-width: 575px) 
{
    .connect .row {
        display: flex;
        align-items: center;
    }
}
@media screen and (max-width: 575px) 
{
.start-search-wrapper a.search-btn {
    padding: 7px 10px 7px 20px;
    font-size: 14px;
    height: auto;
    margin-top: 10px;
    display: inline-block;
}
.start-search-wrapper a.search-btn i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 19px;
}

/*ERROR PAGE CSS STARTED*/
.error-tag{
  padding: 0px; 
  width: 100%;
  margin: 0 auto;
  align-items: center;
}
.error-tag img {
    width: 90px;
    margin-bottom: 8px;
}
.error-tag p.big-font{
    font-size: 50px;
    line-height: 58px;
    font-weight: 700;
    color: #c2c2c2;
    text-align: center;
}
.error-tag p.small-font{
    font-size: 15px;
    font-weight: 400;
    color: #000;
    text-align: center;
    padding-top: 15px!important;
}
.inner-page-content{
    position: relative;
}
.inner-main-content-wrapper.design
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.inner-page-content.drug_name_inner_page_content{
min-height: fit-content!important;
}

@media screen and (max-width: 1199px)
{
    .error-tag p.big-font {
        font-size: 32px;
        line-height: 37px;
    }
     .inner-page-content.drug_name_inner_page_content{
        min-height: fit-content!important;
    }
}
@media screen and (max-width: 767px)
{
    .inner-main-content-wrapper.design
    {
     width: 100%;
    }
}
@media screen and ( min-height: 899px )
{
    .inner-page-content {
        /* min-height: 550px; */
    }
     .inner-page-content.drug_name_inner_page_content{
        min-height: fit-content!important;
    }
}
@media screen and ( max-height: 799px )
{
    .inner-page-content {
        /* min-height: 550px; */
    }   
    .inner-page-content.drug_name_inner_page_content{
        min-height: fit-content!important;
    }
}
@media screen and (max-width: 991px)
{
    .inner-page-content {
        /* min-height: 650px; */
    }
     .inner-page-content.drug_name_inner_page_content{
        min-height: fit-content!important;
    }

}