@font-face
{
    font-family: "Helvetica Condensed";
    src: url('../fonts/Helvetica-Condensed.eot');
    src: url('../fonts/Helvetica-Condensed.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica-Condensed.svg#Helvetica Condensed') format('svg'), url('../fonts/Helvetica-Condensed.woff') format('woff'), url('../fonts/Helvetica-Condensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Sans'), local('DroidSans'), url(https://themes.googleusercontent.com/static/fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face
{
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/droidsans/v4/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
}
body
{
    direction: ltr;
    font-size: 11px; /*font-family: Verdana, Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;     margin: -20px 2px;*/
    padding: 0;
    color: #696969; /* font-family:  Verdana, Arial, "Helvetica Neue" , Helvetica, Sans-Serif; */
    font-family: 'Droid Sans' , Sans-Serif;
    min-width: 820px !important;
}
.response-button
{
    background-color: #4c4ca6;
    float: left !important;
    margin-left: 15px;
    width: 120px;
}
.back-response
{
    background-color: White;
}
.shadow-text
{
    -webkit-text-stroke: 0.3px #4c4ca6;
}
.border-menu
{
    border-left: 1px solid rgb(226, 218, 218);
    border-bottom: 1px solid rgb(226, 218, 218);
}
h1 .logo
{
    font-size: 26px;
    padding: 15px 0px 0px 10px;
}
h1 .logo span
{
    font-size: 12px;
    display: block;
    padding-top: 5px;
    font-weight: 300;
}
.banner
{
    background: url(../HeaderImages/bg.jpg)  repeat left top;
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;      
}

.login
{
    /* Start Jan 18, 2014 (Yogesh Patel  ER# 40107) // Changed 53 to 65*/
    padding: 20px 10px; /* Start Jan 18, 2014 (Yogesh Patel  ER# 40107) // Changed 53 to 65*/
    word-break: normal !important;
    word-break: normal !important;
    margin: 0 auto;
    width: 350px;
}
.login, .login a
{
    color: #ffffff;
}
.login label
{
    font-size: 17px;
    font-weight: lighter;
    width: 100%;
}
.login input
{
    padding: 7px;
    font-size: 18px;
    width: 100%;
    max-width: 350px;
}
.login input[type="checkbox"]
{
    width: 15px;
    margin-right: 5px;
}
.login button
{
    padding: 7px;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
}


/*01 oct 2020*/

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




html, body {margin: 0;padding: 0;font-family: 'Montserrat' !important ;font-size: 12px;font-weight: normal;width: 100%;overflow-x: hidden;}
/*img {width: 100%; }*/
.srg-right-img {width: 100%; }

.web-form {height:100vh !important;}
.web-form .col-md-6 {padding: 0; display: flex; align-items: center;height:100%;}
.srg-right-sec {max-width: 351px; margin: 0 auto; }

/*.srg-right-sec h1 {font-weight: bold; margin-bottom: 72px;font-size: 37px;color: #4c4c4c; }*/
.brand-logo {
    margin-bottom: 35px;
}
.srg-right-sec .form-group {margin-bottom: 33px; }
.srg-right-sec input:placeholder {color: #d0d1d3;opacity: 1;}
.srg-right-sec .form-group input {padding: 12px 12px 12px 58px; font-size: 14px; color: #000; border: 1px solid #D0D1D2; border-left: 5px solid #0070ba; }
.srg-right-sec .form-group input:focus { border: 1px solid #0070ba; border-left: 5px solid #0070ba;  outline: none;}
.form-group input {
    width: 100% !important;
}

.srg-right-sec .form-group {
    position:relative;
}
.srg-right-sec .form-group::before {
    content: "";
    background-image: url(/App_Themes/Default/Images/user.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 21px;
    height: 24px;
    position: absolute;
    top: 9px;
    left: 22px;
}
.srg-right-sec .form-group.fg-pass::before {background-image: url(/App_Themes/Default/Images/password.png);}

.srg-right-sec .form-check {margin-bottom: 10px;display: flex; align-items: center; }
.srg-right-sec .form-check .form-check-input { display: flex;}
.srg-right-sec .form-check input {width: 18px; height: 17px; margin-top: 0; }
.srg-right-sec .form-check .form-check-label {color: #959595; margin-left: 13px; }

.login-btn .navbar-inverse {padding: 12px 52px; width:auto; font-weight: bold; font-size: 14px; margin-top: 34px; margin-bottom: 12px; background-color: #0272BD; color: #ffffff;}
.login-btn .navbar-inverse:hover {background-color: #269CCB;}
.forgot-pass a {font-size: 14px; color: #959595; }
.form-disc {color: #959595; font-size: 14px; margin-top: 102px; line-height: normal; }


.srg-right-img {width: 100%; height: 100%; }
.srg-right-img img {width: 100%;height: 100%;object-fit: cover;}
.web-form, .web-form .container-fluid, .web-form  .row {height: 100%;}

.copy-right {
    position: absolute;
    bottom: 25px;
    color: #fff;
    left: 0;
    right:0;
    text-align:center;
}
.copy-right p {
    margin-bottom: 3px;
}
.copy-right a, .copy-right a label {
    text-decoration: none !important;
    cursor: pointer;
     color: #d7d7d7;
}

span#lblPortalVersion {
    color: #F38423 !important;
}
.copy-right a:hover, .copy-right a label:hover {
color:#F38423;
 }

/*Popup CSS*/
#divPopUP #memloginscren{
height: 29%;
}
#divPopUP div#memmessage {
    color: #0272BD;
    font-weight: bold;
    font-size: 19px;
    text-align: center;
    margin-bottom: 25px;
}
.left2Columns {
    color: #959595;
}
.clearnew ul {
    padding-left: 18%;
}
.clearnew ul li {
    display: inline-block;
    margin-top: 10px;
}
.clearnew ul li input {
    background-color: #0272BD;
}

.clearnew ul li input:hover {
background-color: #269CCB;
}


#lblPharmacyName {color:#0272BD;font-size:18px;font-weight:bold;margin-bottom:10px; display: inline-block;}
span#lblAddress {
margin-bottom: 5px;
    display: inline-block;
}

span#lblError {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

@media only screen and (max-width: 991px){
.web-form {height: auto !important;}
.web-form .row {display:flex; flex-direction: column-reverse; }
.srg-right-sec {margin: 50px auto; }
.web-form, .web-form .container-fluid, .web-form .row {height: auto; }
.srg-right-sec h1 {font-size: 30px;}
}

@media only screen and (max-width: 480px){ 
.srg-right-sec {max-width: 100%;padding: 0 5%;width: 100%;margin: 35px 0 30px;}
.srg-right-sec h1 {font-size: 24px;}
.srg-right-sec h1 { margin-bottom: 25px;}
.form-disc {margin-top: 50px; }
}