/* Minification failed. Returning unminified contents.
(1389,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found '.'
(2277,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found '.'
 */



/*@media (max-width: 411px)*/ 

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 2269px) {
    

body {
    background-image: url(/Content/Images/Login/View/fondo.jpg);
    font-family: Helvetica, Calibri, Verdana, Arial;
    color: #2975af;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-size: 100%,80%;
}
a {
    color:#003c6e;
}
a:link,
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}

#centeredColumn {
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    top: 25%;
    left:5%;
    right:5%;
    width: 90%;
}

/*#nav_bar_login {
    list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333333;
}

    #nav_bar_login li {
         float: left;
    }*/

#loginPortalLogo {
    width: 100%;
    height: 7%;
    position: fixed;
    top: 0%;
    left: 0%;
    background-color: #3d74b5;
     text-align:right;
        color:#fff;
        padding-top:7px;
        margin-right:30px;
}


@supports(object-fit: cover) {
     .img_cab_login {
        height: 15px;
        object-fit: cover;
        object-position: center center;
     
    }
}
@supports(object-fit: cover) {
     .img_cab_login_redes {
        height: 25px;
        object-fit: cover;
        object-position: center center;
     
    }
}
@supports(object-fit: cover) {
     .img_cab_login_redes_logos {
        height: 70%;
        object-fit: cover;
        object-position: center center;
     
    }
}

/*#loginPortalLogo img {
        width: 100%;
        height: 80%;
    }

#loginPortalLogo img {
        width: auto;
        height: 70%;
        object-fit: cover;
        object-position: center center;
    }*/

/*@supports(object-fit: cover) {
    #loginPortalLogo img {
        width: auto;
        height: 80%;
        object-fit: cover;
        object-position: center center;
    }
}*/

/*#logo_fb {
position:fixed;
margin-left
}*/


.box img{
  width: 100%;
  height: auto;
}
@supports(object-fit: cover){
    .box img{
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }
}




#contrenedorPrincipal {
    width: 90%;
    height: 70%;
    top: 25%;
    left: 5%;
    right: 5%;
    position: fixed;
}


#logo0 {
    position: fixed;
    top: 25%;
    left: 1%;
    width: 71%;
    height: 50%;
}
    #logo0 img {
        width: 100%;
        height: 100%;
        
}
.text{
margin: 30px 0px 30px 0px;  
padding: 10px;
background: rgba(0,0,0,0.5);
display: inline-block;
}




    
@supports(object-fit: cover) {
    #logo0 img {
        width: 100%;
        height: 100%;
        /*object-fit: cover;*/
        object-position: center center;
    }
}




#camposLogin {
    position: fixed;
    top: 25%;
    left: 72%;
    background-color: white;
    width: 27%;
    height: 50%;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
}



#loginTopContainer {
    padding-top:10px;
    position:fixed;
    top:7%;
    width: 100%;
    height: 11%;
    background-color:#fff;
}

   

#fanasaSWFLogo img {
    width: 100%;
    height: 70%;
}
@supports(object-fit: cover) {
    #fanasaSWFLogo img {
        height: 70%;
        object-fit: cover;
        object-position: center center;
    }
}

    #img_cab_login_redes_logosalingS1 {
        width:70%;
        text-align:start;
    }
     #img_cab_login_redes_logosalingS2 {
        width:15%;
        text-align:right;
    }

#footLogo {
    position: fixed;
    bottom: 2%;
    left: 5%;
}

.celda1 {
     width: 76%;
    text-align: start;
    padding-left:20px;
}
.celda2 {   
    width: 24%;
    text-align:right;
    padding-right: 15px;    
    right:0%;
}

.celda2 a {
        text-decoration: none;
        color: #fff;
       
    }
    #pie1 {
     margin-top:10px;
    }
    #pie2 {
     margin-top:5px;
    }

hr.v {
    width: 0.5px;
    height: 35px;
    color: #fff;
    background-color: #fff;
}


#loginTextfieldsContainer {
    text-align:center;
     padding-left:20px;
   padding-right:20px;
   padding-top:5px;
}

    #loginTextfieldsContainer input {
        width: 90%;
        height: 40px;
        padding-left: 15px;
        background-color: #eaf0f4;
        border: 1px solid;
        margin-top: 10px;
        border-color: darkgray;
        border-radius:10px;
    }

#loginButton {
    width: 90%;
    height: 35px;
    padding-top: 20px;
    background-color: #2776b1;
    color: white;
    margin-top: 10px;
    border-radius:10px;
    text-align:center;
    margin-left:10px;
}

    .accionesLogin {
        margin-left:-21px;
    
    }


#leyenda {
    color: gray;
    padding-top: 10px;
    font-size:small;
    padding-bottom:10px;
}

.accionesLogin {
    background-color:#1799d5;
    color: #fff;
    font-size: medium;
    padding-bottom: 5px;
    border-bottom-right-radius:10px;
    border-top-right-radius:10px;
    margin-top:2px;
    padding-left:25px;
    padding-top:2px;
    text-align:start;
}
    .accionesLogin a {
    color:#fff;
    }

#tablefoot {
    position: fixed;
    bottom: 0%;
    right: 0%;
    left: 0%;
    background-color: #3d74b5;
    width: 100%;
    height: 9%;
    text-align: right;
    color: #fff;
    font-size: small;
    /*border-radius: 3px;*/
}
    #celda3 {    
    display:none !important;
    }



}

/* Tablet desktop :768px.
    @media (min-width: 768px) and (max-width: 991px)
*/

@media (min-width: 200px) and (max-width: 991px)
{
   
    body {
    background-image: url(/Content/Images/Login/View/fondo.jpg);
    font-family: Helvetica, Calibri, Verdana, Arial;
    color: #000000;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    /*background-size: 100%,80%;*/
}
    a {
        color:#003c6e;
    }
    a:link,
    a:visited {text-decoration:none;}
    a:hover {text-decoration:underline;}

    #VideoFanasa {
        width:100%;
    }


    /*Encabezado*/
    #fanasaSWFLogo a {
       display:none;
    }

    
  #loginPortalLogo {
    width: 100%;
    height: 4%;
    position: fixed;
    top: 0%;
    left: 0%;
    background-color: #3d74b5;
     text-align:right;
        color:#fff;
        padding-top:4px;
        margin-right:10px;
}

  #loginTopContainer {
    padding-top:5px;
    position:fixed;
    top:4%;
    width: 100%;
    height: 4%;
    background-color:#fff;
}




    #logo_fanasaL {         
         width:200px;
         height:50px;
    }
    
    #logo_fb {
        width:50px;
         height:50px;
    }
    #logo_lk {
        width:50px;
         height:50px;
    }  
   

    /*COntenedor e Imagenes*/

    #centeredColumn {
        position: fixed;
        margin-left: auto;
        margin-right: auto;
        top: 25%;
        left:5%;
        right:5%;
        width: 90%;
    }

    .box img{
      width: 100%;
      height: auto;
    }
    @supports(object-fit: cover){
        .box img{
          height: 100%;
          object-fit: cover;
          object-position: center center;
        }
    }

     #contrenedorPrincipal {
        width: 100%;
        height: 80%;
        top: 8%;
        left: 5%;
        right: 5%;
        position: fixed;
    }

    #logo0 {
        position: fixed;
        top: 14%;
        left: 0%;
        width: 100%;
        height: 23%;
    }

    #logo0 img {
            width: 100%;
            height: 100%;
        }

    

    /*Campos Login*/
    #camposLogin {
        position: fixed;
        top: 37%;
        left: 8%;
        background-color: white;
        width: 85%;
        height: 45%;
        border-left: 1px solid #d4d4d4;
        border-right: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
    }
    .text{
        margin: 30px 0px 30px 0px;  
        padding: 10px;
        background: rgba(0,0,0,0.5);
        display: inline-block;
    }
    .celda1 {
    text-align: start;
    }
    .celda2 {
        text-align-last: end;
        padding-right: 10px;
    
    }
    .celda2 a {
            text-decoration: none;
            color: #fff;
        }

    hr.v {
        width: 1px;
        height: 55px;
        color: dodgerblue;
        background-color: dodgerblue;
    }


    #loginTextfieldsContainer {
       padding:20px; 
    }

        #loginTextfieldsContainer input {
            width: 90%;
            height: 40px;
            padding-left: 15px;
            background-color: #eaf0f4;
            border: 1px solid;
            margin-top: 10px;
            border-color: darkgray;
            border-radius:10px;
        }

    #loginButton {
        width: 90%;
        height: 35px;
        padding-left: 0px;
        padding-top: 10px;
        background-color: #3d74b5;
        color: white;
        margin-top: 15px;
        text-align:center;
        margin-left:10px;
    }


    #leyenda {
        color: gray;
        padding-top: 10px;
        font-size:small;
        padding-bottom:10px;
        text-align:center;
    }

    .accionesLogin {
    background-color:#1799d5;
    color: #fff;
    font-size: medium;
    padding-bottom: 5px;
    border-bottom-right-radius:10px;
    border-top-right-radius:10px;
    margin-top:2px;
    padding-left:25px;
    padding-top:2px;
    text-align:start;
}
    .accionesLogin a {
    color:#fff;
    }


    /*Pie de pagina*/
    #footLogo {
        position: fixed;
        bottom: 2%;
        left: 5%;
    }
    #footLogo img{
        width:25%;
    }
    /*#tablefoot {
        position: fixed;
        bottom: 1%;
        right: 0%;
        background-color: azure;
        width: 60%;
        height: 12%;
        text-align: right;
        color: dodgerblue;
        font-size: small;
        border-radius: 3px;
    }*/
    #tablefoot {
    position: fixed;
    bottom: 1%;
    right: 0%;
    left: 0%;
    background-color: #3d74b5;
    width: 100%;
    height: 9%;
    text-align: right;
    color: #fff;
    font-size: small;
    border-radius: 3px;
}

    @supports(object-fit: cover) {
     .img_cab_login_redes_logos {
        height: 35%;
        object-fit: cover;
        object-position: center center;
     
    }

     
    #img_cab_login_redes_logosalingS1 {
        width:70%;
        text-align:start;
    }
     #img_cab_login_redes_logosalingS2 {
        width:15%;
        text-align:right;
    }
}

    #celda3 {    
        text-align: center;
        font-size:10px;
    /*display: none;*/
    }

    .celda1 {
        display:none !important;
        /*display: none
     width: 76%;
    text-align: start;
    padding-left:20px;;*/
}

.celda2 {   
    width: 76%;
    text-align:right;
    padding-right: 15px;    
    right:0%;
}

    .loginTextfieldTitle {
    color:#3d74b5;
    text-align:center;
    margin-top:-12px;
    }

   

}

















/* Large Mobile :480px. 
@media only screen and (min-width: 320px) and (max-width: 767px) {
    */
   


/*
@media screen and (min-width: 500px) and (max-width: 800px)
{

    body {
    background-image: url(/Content/Images/Login/View/fondo.jpg);
    font-family: Helvetica, Calibri, Verdana, Arial;
    color: #000000;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-size: 100%,80%;
    }
    a {
        color:#003c6e;
    }
    a:link,
    a:visited {text-decoration:none;}
    a:hover {text-decoration:underline;}
 
  

    #loginPortalLogo {
         display: none;
         visibility: hidden;
    }

    #loginPortalLogo img {
         display: none;
         visibility: hidden;
    }
   



}
    */


div#messageWindow, div#messagePopUpWindow {
    position: fixed;
    background: url(/Content/Images/Main/bg_transparent.png);
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 20;
    background-repeat: repeat;
    display: none;
}

div#messageBox 
{
    position: relative;
    top: 10%;
    width: 470px;
    min-height: 180px;
    background-color: rgb(210, 210, 210);
    overflow-x: hidden;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 1px 1px 10px black;
}

div#messageBoxImgPop {
    position: relative;
    top: 5%;
    width: 50%;
    min-height: 81%;
    /*background-color: rgb(210, 210, 210); */
    background-color: white;
    overflow-x: hidden;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 1px 1px 10px black;
    border-radius:25px;
    padding:5px;
}
    #messageBoxImgPop img {
        align-content:center;
        width: 100%;
        height: 80%;
        object-fit: cover;
        object-position: center center;
    }

@supports(object-fit: cover) {
    #messageBoxImgPop img {
        width: 100%;
        height: 80%;
        object-fit: cover;
        object-position: center center;
    }
}



div#content 
{
    position: relative;
}

div#messageBoxHeader 
{
    position: relative;
    min-height: 4em;
}

div#image_wrapper 
{
    width: 27%;
    float: left;
}

div#text_wrapper 
{
    float: left;
    width: 70%;
}

/* Specifics */
img#loader 
{
    padding-left: 7em;
    padding-top: 3em;
}

label#loadingText 
{
    font-size: 1.8em;   
    padding-left: 3em;
    padding-top: 2.4em;
    display: block;
}

#matraz {
    position: relative;
    top: 26px;
    left: 31px;
}

#instruction {
    position: relative;
    top: 41px;
    width: 397px;
    left: -43px;
    font-family: helvetica;
    color: #58595b;
    font-size: 0.9em;
}

#pharmacySelect {
    position: relative;
    top: 29px;
    left: 31px;
    width: 406px;
    height: 130px;
    overflow-y: auto;
}

.opcionBlanca {
    background-color: #ffffff;
    min-height: 26px;
    cursor: pointer;
}

.opcionGris {
    background-color: #f1f1f2;
    min-height: 26px;
    cursor: pointer;
}

.opcionBlanca:hover 
{
    background-color: #c7dade;
}

.opcionGris:hover 
{
    background-color: #c7dade;
}

.orangeClick {
    background-color: #F7BE81;
}

.optionLabel {
   font-size: 0.7em;
    color: #58595b;
    position: relative;
    top: 2px;
    left: 6px;
    font-weight: bold;
    font-family: helvetica;
    cursor: pointer;
}

#botonCancelar {
    background-color: #f1a145;
    float: right;
    color: #ffffff;
    padding: 5px 10px;
    margin-top: 39px;
    margin-right: 33px;
    box-shadow: 5px 5px 10px #848484;
    cursor: pointer;
}

#botonCancelar:active {
    background-color: #7e8083;
}

#botonAceptar {
    background-color: #f1a145;
    float: right;
    padding: 5px 10px;
    color: #ffffff;
    margin-top: 39px;
    margin-right: 15px;
    box-shadow: 5px 5px 10px #848484;
    cursor: pointer;
}

#botonAceptar:active {
    background-color: #7e8083;
}

#aceptarLabel {
    color: #ffffff;
    position: relative;
    top: 4px;
    left: 24px;
    cursor: pointer;
}

#cancelarLabel {
    color: #ffffff;
    position: relative;
    top: 4px;
    left: 21px;
    cursor: pointer;
}

#messageBox.pharmacyChange {
    min-height: 290px;
}

#currentPharmacySwitch {
    cursor: pointer;
}

#errorImage {
    position: relative;
    top: 24px;
    left: 28px;
}

#errorMessage {
    font-family: helvetica;
    color: #58595b;
    font-weight: bold;
    text-align: left;
    font-size: 1.1em;
    float: left;
    margin-top: 38px;
}

#contenidoBox {
    float: left;
}

#btnErrorAceptar {
    box-shadow: 5px 5px 10px #848484;
    padding-left: 24px;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
    float: right;
    margin-top: 20px;
    margin-right: 36px;
    margin-bottom: 20px;
    background-color: orange;
    padding-right: 24px;
}

#btnErrorAceptar:active {
    background-color: #7e8083;
}

#aceptarErrorLabel, #aceptarWarningLabel, #aceptarSuccessLabel {
    color: #ffffff;
    position: relative;
    top: 4px;
    left: 24px;
    cursor: pointer;
}

#aceptarErrorLabel {
    top: 0px;
    left: 0px;
}

#aceptarSuccessLabel {
    top: 0px;
    left: 0px;
}

#aceptarWarningLabel {
    top: -8px;
}

#reclamosPopTitle {
    color: #58595b;
    width: 101%;
    position: relative;
    font-size: 0.9em;
    float: left;
    margin-top: 33px;
}

#reclamoImg {
    float: left;
    margin-left: 51px;
    margin-top: 20px;
}

#labelfactura {
    color: #58595b;
    font-size: 0.9em;
    float: left;
    margin-left: 25px;
    margin-top: 35px;
}

#divNaranja {
    background-color: #d2b48e;
    height: 1px;
    float: left;
    margin-left: 25px;
    width: 495px;
    margin-top: 3px;
    margin-bottom: 3px;
}

#labelesp {
    color: #58595b;
    font-size: 0.9em;
    float: left;
    margin-left: 25px;
    width: 100px;
}

#cantLabelPop, #ofLabelPop {
    color: #58595b;
    font-size: 0.9em;
    position: relative;
    top: -46px;
    margin-left: 16px;
    float: left;
}

#cantInfoPop {
    color: #58595b;
    font-size: 0.9em;
    position: relative;
    top: -29px;
    right: 40px;
    float: left;
}

#newCantidad {
    position: relative;
    right: 76px;
    width: 63px;
    color: #58595b;
    float: left;
}

#botonCancelarPop {
    background-color: #f1a145;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
    margin-top: 47px;
    margin-left: 10px;
    cursor: pointer;
    float: right;
    margin-right: 26px;
}

#botonCancelarPop:active {
    background-color: #7e8083;
}

#cancelarPop {
    color: #ffffff;
    position: relative;
    top: 2px;
    left: 21px;
    font-size: 0.9em;
    cursor: pointer;
}

#botonGuardarPop {
    background-color: #f1a145;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
    margin-top: 47px;
    float: right;
    margin-left: 330px;
}

#botonGuardarPop:active {
    background-color: #7e8083;
}

#guardarPop {
    color: #ffffff;
    position: relative;
    top: 2px;
    left: 25px;
    font-size: 0.9em;
    cursor: pointer;
}

#messageBox.reclamoPop {
    position: relative;
    top: 30%;
    width: 546px;
    min-height: 245px;
    background-color: rgb(210, 210, 210);
    overflow-x: hidden;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 1px 1px 10px black;
}

#ofInfoPop {
    color: #58595b;
    font-size: 0.9em;
    position: relative;
    top: -27px;
    right: 38px;
    float: left;
}

#newOferta {
    position: relative;
    top: 0px;
    right: 90px;
    width: 56px;
    color: #58595b;
    float: left;
}

#ofertaDirigidaPorciento {
    position: relative;
    top: 4px;
    right: 95px;
    font-size: 0.9em;
    color: #58595b;
    float: left;
}

#descLabelPop {
    color: #58595b;
    font-size: 0.9em;
    position: relative;
    top: -46px;
    right: 50px;
    float: left;
}

#descInfoPop {
    color: #58595b;
    font-size: 0.9em;
    position: relative;
    top: -29px;
    right: 106px;
    float: left;
}

#newDescuento {
    position: relative;
    right: 157px;
    width: 56px;
    float: left;
}

#descuentoSimbolo {
    position: relative;
    right: 166px;
    font-size: 0.9em;
    color: #58595b;
    float: left;
}

#precLabelPop {
    color: #58595b;
    font-size: 0.9em;
    position: relative;
    top: -45px;
    right: 88px;
    float: left;
}

#precInfoPop {
    color: #58595b;
    font-size: 0.9em;
    position: relative;
    top: -44px;
    right: 87px;
    float: left;
}

#newPrecio {
    position: absolute;
    top: 124px;
    right: 97px;
    width: 56px;
    float: left;
}

#precioSimbolo {
    position: relative;
    top: -16px;
    left: -112px;
    font-size: 0.9em;
    color: #58595b;
    float: left;
    left: -154px;
}

#cantidad {
    position: relative;
    top: 4px;
    left: 111px;
    width: 80px;
}

#botonShowPop {
    background-color: #f6a866;
    color: #ffffff;
    cursor: pointer;
    margin-top: 36px;
    margin-right: 15px;
    float: right;
    padding: 5px 10px;
}

#botonShowPop:active {
    background-color: #7e8083;
}

#showPop {
    cursor: pointer;
}

#botonCancelarComboPop {
    background-color: #f6a866;
    color: #ffffff;
    cursor: pointer;
    float: right;
    padding: 5px 10px;
    margin-right: 51px;
    margin-top: 36px;
}

#botonCancelarComboPop:active {
    background-color: #7e8083;
}

#cancelarComboPop {
    cursor: pointer;
}

#combosPopTitle {
    color: #58595b;
    width: 500px;
    float: left;
    margin-top: 29px;
}

#cantidadLabel {
    color: #58595b;
    position: relative;
    top: 5px;
    left: 108px;
}

#errorMessageWarning {
    float: left;
    padding-top: 34px;
    padding-right: 42px;
    width: 278px;
    color: #58595b;
    font-size: 1em;
    font-weight: bold;
}

#botonAceptarWarning, #botonCancelarWarning {
    float: right;
    background-color: #F7941E;
    color: #ffffff;
    padding: 5px 15px 5px 15px;
    position: relative;
    top: 31px;
    cursor: pointer;
}

    #botonAceptarWarning:active, #botonCancelarWarning:active, #botonAceptarPopU:active {
        background-color: #7e8083;
    }

#aceptarShowWarning, #cancelarWarning {
    cursor: pointer;
}

#botonCancelarWarning {
    left: -43px;
    margin-right: 25px;
}

#botonAceptarWarning, #botonAceptarPopU {
    left: -55px;
}

#botonAceptarPopU {
    float: right;
    background-color: #F7941E;
    color: #ffffff;
    padding: 5px 15px 5px 15px;
    position: relative;
    top: 10px;
    cursor: pointer;
    border-radius:5px;
}

#messageBox.passPop {
    min-height: 209px;
}

#imgSuccess {
    top: 0px;
    left: 0px;
    float: left;
    margin-left: 29px;
    margin-top: 20px;
}

#successMessage {
    top: 0px;
    left: 0px;
    float: left;
    margin-top: 25px;
    font-family: helvetica;
    color: #58595b;
    font-weight: bold;
    text-align: left;
    font-size: 1.1em;
}

div#btnSuccessAceptar {
    float: right;
    margin-right: 36px;
    background-color: orange;
    color: #ffffff;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    margin-top: 24px;
}

#body_wrapper, #buttons_wrapper, #popWraper {
    float: left;
    width: 100%;
}

#divTranspAvisoPrivacidad, #divImportarPedido {
    position: fixed;
    height: 100%;
    top: 0px;
    width: 100%;
    left: 0px;
    display: none;
    z-index: 10;
    background-color: rgba(255,255,255,0.7);

}

#avisoPrivacidadWrapper {
    overflow-x: hidden;
    box-shadow: 1px 1px 10px black;
    background: url(/Content/Images/Error/fondoError.png) no-repeat;
    background-color: #ffffff;
    z-index: 20;
    display: none;
    width: 1149px;
    height: 700px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

#btnAceptarPrivacidad {
    float: left;
    background-color: orange;
    color: #ffffff;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    margin-top: 4%;
    margin-left: 83%;
}

#terminosWrapper {
    float: left;
    width: 950px;
    height: 650px;
    margin-left: 3em;
    margin-top: 5em;
    box-shadow: 5px 5px 20px 2px #848484;
    border-radius: 8px;
    font-family: helvetica;
}

#rombosVerdes {
    background: no-repeat url(/Content/Images/Terminos/rombos terminos-45.png);
    width: 100%;
    height: 200px;
    float: left;
}

#tituloTerminos {
    color: #f6a649;
    float: right;
    padding-top: 104px;
    font-size: 2.5em;
    font-weight: bold;
    border-bottom-color: #69c9ba;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    margin-right: 78px;
    padding-left: 178px;
}

#lineaVertical {
    background-color: #69c9ba;
    float: left;
    width: 2px;
    height: 360px;
    margin: 0px 50px 0px 137px;
}

#contenidoTerminos {
    background-color: #f7f7f7;
    width: 870px;
    height: 350px;
    overflow-y: auto;
    color: #78797a;
    padding: 6px;
}
#avisoPrivacidadWrapper h3 {
    color: #00a69c;
    text-align: left;
}

#avisoPrivacidadWrapper p {
    text-align: justify;
}

#avisoPrivLabel:active {
    color: #00a69c;
}

#motivoInput {
    position: relative;
    top: 34px;
    left: 32px;
    width: 394px;
    height: 50px;
    font-family: helvetica;
    color: gray;
}

.motivoPop {
    height: 229px;
}

#editarMessage {
    float: left;
    color: #6a6b6d;
    margin-top: 36px;
}

#cantidadWrap {
    float: left;
    background-color: #efeaea;
    border: 1px solid #f79e37;
    padding: 5px;
    margin-top: 35px;
    position: relative;
    right: 91px;
    width: 122%;
}

#wrap1 {
    float: left;
    width: 30%;
    color: #606060;
    margin: 10px;
}

#nombreArticulo, #nombreArticulo2 {
    float: left;
    width: 100%;
    text-align: center;
}

#cantAntes, #cantDespues {
    border: 1px solid gray;
    padding: 2px 15px 2px 15px;
    background-color: white;
    float: left;
    margin-top: 10px;
    margin-left: 38px;
}

.editarCantidad {
    height: 300px;
}

#flecha {
    float: left;
    width: 25%;
    margin-top: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #newPrecio {
        right: 104px;
    }

    #precioSimbolo {
        left: -154px;
    }
}

#cantConfWrap {
    float: left;
    width: 83%;
    margin-top: 27px;
    text-align: center;
}

#cantConfLabel {
    float: left;
    width: 100%;
    color: gray;
    margin-bottom: 10px;
    font-size: 1.1em;
}

#cantConfValue {
    color: gray;
    width: 39px;
    text-align: right;
    float: left;
    margin-left: 67px;
}

#cantFac {
    float: left;
    color: gray;
    margin-left: 13px;
    margin-top: 2px;
}

#botonCancelarEditConf {
    float: right;
    background-color: orange;
    color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-right: 54px;
    margin-top: 25px;
}

#botonAceptarEditConf {
    float: right;
    background-color: orange;
    color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: 25px;
    margin-right: 10px;
}

#cantConfDescripcion {
    float: left;
    width: 100%;
    color: #3295d0;
    margin-bottom: 5px;
}

#btnMotiveCancelar {
    float: right;
    background-color: orange;
    color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: 50px;
    margin-left: 10px;
    margin-right: 37px;
}

#btnMotiveAceptar {
    float: right;
    background-color: orange;
    color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: 50px;
    margin-left: 17px;
}

#articulosLabel {
    float: left;
    color: #706f6e;
    margin-top: 45px;
}

#articulosWrapper {
    float: left;
    margin-top: 30px;
    width: 308px;
    height: 173px;
    overflow-x: hidden;
    overflow-y: auto;
}

#aceptarBtn {
    float: right;
    background-color: orange;
    color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-right: 29px;
    margin-top: 15px;
    margin-bottom: 15px;
}
div#messageWindowPop
{
    position: fixed;
    background: url(/Content/Images/Main/bg_transparent.png);
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 20;
    background-repeat: repeat;
    display: none;
}

div#messageBoxPop 
{
    position: relative;
    top: 10%;
    width: 70%;
    min-height: 70%;
    background-color: rgb(210, 210, 210);
    overflow-x: hidden;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 1px 1px 10px black;
}

div#contentPop 
{
    position: relative;
}

div#messageBoxHeaderPop 
{
    position: relative;
    min-height: 4em;
}

div#image_wrapperPop 
{
    width: 27%;
    float: left;
}

div#text_wrapperPop 
{
    float: left;
    width: 70%;
}

/* Specifics */
img#loader 
{
    padding-left: 7em;
    padding-top: 3em;
}

label#loadingText 
{
    font-size: 1.8em;   
    padding-left: 3em;
    padding-top: 2.4em;
    display: block;
}

#matraz {
    position: relative;
    top: 26px;
    left: 31px;
}

#instruction {
    position: relative;
    top: 41px;
    width: 397px;
    left: -43px;
    font-family: helvetica;
    color: #58595b;
    font-size: 0.9em;
}

#pharmacySelect {
    position: relative;
    top: 29px;
    left: 31px;
    width: 406px;
    height: 130px;
    overflow-y: auto;
}

.opcionBlanca {
    background-color: #ffffff;
    min-height: 26px;
    cursor: pointer;
}

.opcionGris {
    background-color: #f1f1f2;
    min-height: 26px;
    cursor: pointer;
}

.opcionBlanca:hover 
{
    background-color: #c7dade;
}

.opcionGris:hover 
{
    background-color: #c7dade;
}

.orangeClick {
    background-color: #F7BE81;
}

.optionLabel {
   font-size: 0.7em;
    color: #58595b;
    position: relative;
    top: 2px;
    left: 6px;
    font-weight: bold;
    font-family: helvetica;
    cursor: pointer;
}

#botonCancelar {
    background-color: #f1a145;
    float: right;
    color: #ffffff;
    padding: 5px 10px;
    margin-top: 39px;
    margin-right: 33px;
    box-shadow: 5px 5px 10px #848484;
    cursor: pointer;
}

#botonCancelar:active {
    background-color: #7e8083;
}

#botonAceptar {
    background-color: #f1a145;
    float: right;
    padding: 5px 10px;
    color: #ffffff;
    margin-top: 39px;
    margin-right: 15px;
    box-shadow: 5px 5px 10px #848484;
    cursor: pointer;
}

#botonAceptar:active {
    background-color: #7e8083;
}

#aceptarLabel {
    color: #ffffff;
    position: relative;
    top: 4px;
    left: 24px;
    cursor: pointer;
}

#cancelarLabel {
    color: #ffffff;
    position: relative;
    top: 4px;
    left: 21px;
    cursor: pointer;
}

#messageBox.pharmacyChange {
    min-height: 290px;
}

#currentPharmacySwitch {
    cursor: pointer;
}

#errorImage {
    position: relative;
    top: 24px;
    left: 28px;
}

.errorMessage {
    font-family: helvetica;
    color: #58595b;
    font-weight: bold;
    text-align: left;
    font-size: 1.1em;
    float: left;
    margin-top: 38px;
}

#contenidoBox {
    float: left;
}

#btnErrorAceptar {
    box-shadow: 5px 5px 10px #848484;
    padding-left: 24px;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
    float: right;
    margin-top: 20px;
    margin-right: 36px;
    margin-bottom: 20px;
    background-color: orange;
    padding-right: 24px;
}

#btnErrorAceptar:active {
    background-color: #7e8083;
}

#btnPagar {
    box-shadow: 5px 5px 10px #848484;
    padding-left: 24px;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
    float: right;
    margin-top: 20px;
    margin-right: 36px;
    margin-bottom: 20px;
    background-color: lawngreen;
    padding-right: 24px;
}

#contenidoPago {
padding: 20px;
}
#terminosyc {
 font-size: 0.8em;
}


#aceptarErrorLabel, #aceptarWarningLabel, #aceptarSuccessLabel {
    color: #ffffff;
    position: relative;
    top: 4px;
    left: 24px;
    cursor: pointer;
}

#aceptarErrorLabel {
    top: 0px;
    left: 0px;
}

#aceptarSuccessLabel {
    top: 0px;
    left: 0px;
}

#aceptarWarningLabel {
    top: -8px;
}

#reclamosPopTitle {
    color: #58595b;
    width: 101%;
    position: relative;
    font-size: 0.9em;
    float: left;
    margin-top: 33px;
}

#reclamoImg {
    float: left;
    margin-left: 51px;
    margin-top: 20px;
}

#labelfactura {
    color: #58595b;
    font-size: 0.9em;
    float: left;
    margin-left: 25px;
    margin-top: 35px;
}

#divNaranja {
    background-color: #d2b48e;
    height: 1px;
    float: left;
    margin-left: 25px;
    width: 495px;
    margin-top: 3px;
    margin-bottom: 3px;
}

#labelesp {
    color: #58595b;
    font-size: 0.9em;
    float: left;
    margin-left: 25px;
    width: 100px;
}

#cantLabelPop, #ofLabelPop {
    color: #58595b;
    font-size: 0.9em;
    position: relative;
    top: -46px;
    margin-left: 16px;
    float: left;
}

#cantInfoPop {
    color: #58595b;
    font-size: 0.9em;
    position: relative;
    top: -29px;
    right: 40px;
    float: left;
}

#newCantidad {
    position: relative;
    right: 76px;
    width: 63px;
    color: #58595b;
    float: left;
}

#botonCancelarPop {
    background-color: #f1a145;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
    margin-top: 47px;
    margin-left: 10px;
    cursor: pointer;
    float: right;
    margin-right: 26px;
}

#botonCancelarPop:active {
    background-color: #7e8083;
}

#cancelarPop {
    color: #ffffff;
    position: relative;
    top: 2px;
    left: 21px;
    font-size: 0.9em;
    cursor: pointer;
}

#botonGuardarPop {
    background-color: #f1a145;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
    margin-top: 47px;
    float: right;
    margin-left: 330px;
}

#botonGuardarPop:active {
    background-color: #7e8083;
}

#guardarPop {
    color: #ffffff;
    position: relative;
    top: 2px;
    left: 25px;
    font-size: 0.9em;
    cursor: pointer;
}

#messageBox.reclamoPop {
    position: relative;
    top: 30%;
    width: 546px;
    min-height: 245px;
    background-color: rgb(210, 210, 210);
    overflow-x: hidden;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 1px 1px 10px black;
}

#ofInfoPop {
    color: #58595b;
    font-size: 0.9em;
    position: relative;
    top: -27px;
    right: 38px;
    float: left;
}

#newOferta {
    position: relative;
    top: 0px;
    right: 90px;
    width: 56px;
    color: #58595b;
    float: left;
}

#ofertaDirigidaPorciento {
    position: relative;
    top: 4px;
    right: 95px;
    font-size: 0.9em;
    color: #58595b;
    float: left;
}

#descLabelPop {
    color: #58595b;
    font-size: 0.9em;
    position: relative;
    top: -46px;
    right: 50px;
    float: left;
}

#descInfoPop {
    color: #58595b;
    font-size: 0.9em;
    position: relative;
    top: -29px;
    right: 106px;
    float: left;
}

#newDescuento {
    position: relative;
    right: 157px;
    width: 56px;
    float: left;
}

#descuentoSimbolo {
    position: relative;
    right: 166px;
    font-size: 0.9em;
    color: #58595b;
    float: left;
}

#precLabelPop {
    color: #58595b;
    font-size: 0.9em;
    position: relative;
    top: -45px;
    right: 88px;
    float: left;
}

#precInfoPop {
    color: #58595b;
    font-size: 0.9em;
    position: relative;
    top: -44px;
    right: 87px;
    float: left;
}

#newPrecio {
    position: absolute;
    top: 124px;
    right: 97px;
    width: 56px;
    float: left;
}

#precioSimbolo {
    position: relative;
    top: -16px;
    left: -112px;
    font-size: 0.9em;
    color: #58595b;
    float: left;
    left: -154px;
}

#cantidad {
    position: relative;
    top: 4px;
    left: 111px;
    width: 80px;
}

#botonShowPop {
    background-color: #f6a866;
    color: #ffffff;
    cursor: pointer;
    margin-top: 36px;
    margin-right: 15px;
    float: right;
    padding: 5px 10px;
}

#botonShowPop:active {
    background-color: #7e8083;
}

#showPop {
    cursor: pointer;
}

#botonCancelarComboPop {
    background-color: #f6a866;
    color: #ffffff;
    cursor: pointer;
    float: right;
    padding: 5px 10px;
    margin-right: 51px;
    margin-top: 36px;
}

#botonCancelarComboPop:active {
    background-color: #7e8083;
}

#cancelarComboPop {
    cursor: pointer;
}

#combosPopTitle {
    color: #58595b;
    width: 500px;
    float: left;
    margin-top: 29px;
}

#cantidadLabel {
    color: #58595b;
    position: relative;
    top: 5px;
    left: 108px;
}

#errorMessageWarning {
    float: left;
    padding-top: 34px;
    padding-right: 42px;
    width: 278px;
    color: #58595b;
    font-size: 1em;
    font-weight: bold;
}

#botonAceptarWarning, #botonCancelarWarning {
    float: right;
    background-color: #F7941E;
    color: #ffffff;
    padding: 5px 15px 5px 15px;
    position: relative;
    top: 31px;
    cursor: pointer;
}

#botonAceptarWarning:active, #botonCancelarWarning:active {
    background-color: #7e8083;
}

#aceptarShowWarning, #cancelarWarning {
    cursor: pointer;
}

#botonCancelarWarning {
    left: -43px;
    margin-right: 25px;
}

#botonAceptarWarning {
    left: -55px;
}

#messageBox.passPop {
    min-height: 209px;
}

#imgSuccess {
    top: 0px;
    left: 0px;
    float: left;
    margin-left: 29px;
    margin-top: 20px;
}

#successMessage {
    top: 0px;
    left: 0px;
    float: left;
    margin-top: 25px;
    font-family: helvetica;
    color: #58595b;
    font-weight: bold;
    text-align: left;
    font-size: 1.1em;
}

div#btnSuccessAceptar {
    float: right;
    margin-right: 36px;
    background-color: orange;
    color: #ffffff;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    margin-top: 24px;
}

#body_wrapper, #buttons_wrapper, #popWraper {
    float: left;
    width: 100%;
}

#divTranspAvisoPrivacidad, #divImportarPedido {
    position: fixed;
    height: 100%;
    top: 0px;
    width: 100%;
    left: 0px;
    display: none;
    z-index: 10;
    background-color: rgba(255,255,255,0.7);

}

#avisoPrivacidadWrapper {
    overflow-x: hidden;
    box-shadow: 1px 1px 10px black;
    background: url(/Content/Images/Error/fondoError.png) no-repeat;
    background-color: #ffffff;
    z-index: 20;
    display: none;
    width: 1149px;
    height: 700px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

#btnAceptarPrivacidad {
    float: left;
    background-color: orange;
    color: #ffffff;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    margin-top: 4%;
    margin-left: 83%;
}

#terminosWrapper {
    float: left;
    width: 950px;
    height: 650px;
    margin-left: 3em;
    margin-top: 5em;
    box-shadow: 5px 5px 20px 2px #848484;
    border-radius: 8px;
    font-family: helvetica;
}

#rombosVerdes {
    background: no-repeat url(/Content/Images/Terminos/rombos terminos-45.png);
    width: 100%;
    height: 200px;
    float: left;
}

#tituloTerminos {
    color: #f6a649;
    float: right;
    padding-top: 104px;
    font-size: 2.5em;
    font-weight: bold;
    border-bottom-color: #69c9ba;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    margin-right: 78px;
    padding-left: 178px;
}

#lineaVertical {
    background-color: #69c9ba;
    float: left;
    width: 2px;
    height: 360px;
    margin: 0px 50px 0px 137px;
}

#contenidoTerminos {
    background-color: #f7f7f7;
    width: 870px;
    height: 350px;
    overflow-y: auto;
    color: #78797a;
    padding: 6px;
}
#avisoPrivacidadWrapper h3 {
    color: #00a69c;
    text-align: left;
}

#avisoPrivacidadWrapper p {
    text-align: justify;
}

#avisoPrivLabel:active {
    color: #00a69c;
}

#motivoInput {
    position: relative;
    top: 34px;
    left: 32px;
    width: 394px;
    height: 50px;
    font-family: helvetica;
    color: gray;
}

.motivoPop {
    height: 229px;
}

#editarMessage {
    float: left;
    color: #6a6b6d;
    margin-top: 36px;
}

#cantidadWrap {
    float: left;
    background-color: #efeaea;
    border: 1px solid #f79e37;
    padding: 5px;
    margin-top: 35px;
    position: relative;
    right: 91px;
    width: 122%;
}

#wrap1 {
    float: left;
    width: 30%;
    color: #606060;
    margin: 10px;
}

#nombreArticulo, #nombreArticulo2 {
    float: left;
    width: 100%;
    text-align: center;
}

#cantAntes, #cantDespues {
    border: 1px solid gray;
    padding: 2px 15px 2px 15px;
    background-color: white;
    float: left;
    margin-top: 10px;
    margin-left: 38px;
}

.editarCantidad {
    height: 300px;
}

#flecha {
    float: left;
    width: 25%;
    margin-top: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #newPrecio {
        right: 104px;
    }

    #precioSimbolo {
        left: -154px;
    }
}

#cantConfWrap {
    float: left;
    width: 83%;
    margin-top: 27px;
    text-align: center;
}

#cantConfLabel {
    float: left;
    width: 100%;
    color: gray;
    margin-bottom: 10px;
    font-size: 1.1em;
}

#cantConfValue {
    color: gray;
    width: 39px;
    text-align: right;
    float: left;
    margin-left: 67px;
}

#cantFac {
    float: left;
    color: gray;
    margin-left: 13px;
    margin-top: 2px;
}

#botonCancelarEditConf {
    float: right;
    background-color: orange;
    color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-right: 54px;
    margin-top: 25px;
}

#botonAceptarEditConf {
    float: right;
    background-color: orange;
    color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: 25px;
    margin-right: 10px;
}

#cantConfDescripcion {
    float: left;
    width: 100%;
    color: #3295d0;
    margin-bottom: 5px;
}

#btnMotiveCancelar {
    float: right;
    background-color: orange;
    color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: 50px;
    margin-left: 10px;
    margin-right: 37px;
}

#btnMotiveAceptar {
    float: right;
    background-color: orange;
    color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: 50px;
    margin-left: 17px;
}

#articulosLabel {
    float: left;
    color: #706f6e;
    margin-top: 45px;
}

#articulosWrapper {
    float: left;
    margin-top: 30px;
    width: 308px;
    height: 173px;
    overflow-x: hidden;
    overflow-y: auto;
}

#aceptarBtn {
    float: right;
    background-color: orange;
    color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-right: 29px;
    margin-top: 15px;
    margin-bottom: 15px;
}