* {
    box-sizing: border-box;
}
*::selection {
    background: #8AC5FF;
    color: white;
}
*::-moz-selection {
    background: #8AC5FF;
    color: white;
}
.center{
    text-align:center;
}
.s1 {width: 8.33%;}
.s2 {width: 16.66%;}
.s3 {width: 25%;}
.s4 {width: 33.33%;}
.s5 {width: 41.66%;}
.s6 {width: 50%;}
.s7 {width: 58.33%;}
.s8 {width: 66.66%;}
.s9 {width: 75%;}
.s10 {width: 83.33%;}
.s11 {width: 91.66%;}
.s12 {width: 100%;}

.green{color:#8cc63e !important}
.yellow{color:#f6a808 !important}
.grey{color:#666 !important}
.red{color:#F44336 !important}
.redbg{background-color: #F44336 !important}
.yellowbg{background-color: #f6a808 !important}
.greenbg{background-color: #8cc63e !important}
.greybg{background-color: gray !important}



html{
    overflow-x: hidden;
}

body {
    margin: 0;
    overflow-x: hidden;
    background-attachment: fixed;
    background-image: url(../img/bg2.jpg);
    background-size: cover;
}

#cover{
    position: absolute;
    height: 149vh;
    width: 155%;
    margin-top: -59vh;
    margin-left: -50%;
    background-color: white;
    transform: rotate(-10deg);
    z-index: -2;
}

#navbar {
    height: 17vh;
    width: 100%;
    position: absolute;
    z-index: 1;
    background-color: rgba(158,210,106,0);
}

.logo{
    float: left;
}
#logo {
    height: 17vh;
    height: 17vh;
    width: 11.33vh;
    margin: 0 auto;
    background-image: url(../img/logo.png);
    background-size: cover;
    z-index: 1;
    margin-top: 2vh;
    cursor: pointer;
}

#second {
    position: absolute;
    margin-top: 130vh;
    height: 90vh;
    width: 155%;
    margin-left: -40%;
    background-color: white;
    transform: rotate(-10deg);
}

#nameDiv{
    width: 100%;
    height: 20vh;
    position: absolute;
    margin-top: 16vh;
    
}

#subtleDiv{
    width: 100%;
    height: 20vh;
    position: absolute;
    margin-top: 30vh;
    
}
.name {
    text-align: center;
    font-family: "Arial Black", 'Source Sans Pro';
    color: #008735;/*8cc63e*/
    margin: 0;
}

#name > span {
    color: #f6a808;
}

#name{
    font-size: 12vmin;
    margin-top: -0vh;
}

#subtle{
    font-size: 4vmin;
    font-family: 'Quicksand' , Arial;
    font-weight: 300;
    margin-top: 2vh;
}

#search_value{
    height: 8vh;
    margin-top: 0.5vh;
    outline: none;
    border:none;
    font-family: 'Quicksand' , Arial;
    font-size: 3vmin;
    color: #333;
    float: left;
    margin-left: 5%;
    width: 80%;
    margin-bottom: 0.4vh;
}

#searchDiv{
    left: 25%;
    margin: 0 auto;
    margin-top: 47vh;
    position: absolute;
    border-radius: 3px;
    box-shadow: 0px 2px 7px -2px rgba(117,117,117,0.5);
    height: 9vh;
    border: 1px solid #ddd;
    background-color: white;
}

#searchIcon{
    margin-top: 2.5vh;
    margin-left: 50%;
    float: left;
}


#panelDiv{
    position: absolute;
    margin-top: 145vh;
    width: 100%;
    height: 80vh;
}

#title{
    font-size: 8vmin;
    font-family: 'Quicksand' , Arial;
    text-transform: uppercase;
    font-weight: 400;
    color: #666;
}

#pharmaDiv{
    height: 70vh;
    margin: 0 auto;
    float: left;
    margin-left: 5.5%;
}

#pharmaTitle{
    font-size: 7.5vmin;
    font-family: 'Quicksand' , Arial;
    text-align: left;
    font-weight: 300;
    padding-bottom: 1vh;
}

#pharmaTitle > span {
    color: #f6a808;
}

#pharmaDesc{
    font-size: 4vmin;
    font-family: 'Quicksand' , Arial;
    color: #666;
    margin-top: 1vh;
    text-align: left;
    font-weight: 300;
}

#pharmaImg{
    height: 40vh;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0px 2px 7px -2px rgba(117,117,117,0.5);
    margin-left: 16.66%;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

#establecimiento1{
    position: absolute;
    width: 100%;
    -webkit-transition: margin-left 1s;
    -o-transition: margin-left 1s;
    transition: margin-left 1s;
}
#establecimiento2{
    position: absolute;
    width: 100%;
    -webkit-transition: margin-left 1s;
    -o-transition: margin-left 1s;
    transition: margin-left 1s;
}
#establecimiento3{
    position: absolute;
    width: 100%;
    -webkit-transition: margin-left 1s;
    -o-transition: margin-left 1s;
    transition: margin-left 1s;
}

.noticia{
    position: absolute;
    width: 100%;
    -webkit-transition: margin-left 1s;
    -o-transition: margin-left 1s;
    transition: margin-left 1s;
}

#arrowLeft{
    width: 5%;
    height: auto;
    margin-top: 35vh;
    margin-left: 2%;
    position: absolute;
    z-index: 1
}

#arrowRight{
    width: 5%;
    height: auto;
    margin-top: 35vh;
    margin-left: 94%;
    position: absolute;
    z-index: 1
}

.angucomplete-row{
    font-family: 'Quicksand' , Arial;
    width: 100%;
    background-color: white;
    padding:3%;
    border-bottom: 1px solid #f3f3f3;
}


.angucomplete-holder{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-shadow: 0px 2px 7px -2px rgba(117,117,117,0.5);
}

.angucomplete-searching{
    background-color: white;
    padding:3%;
    font-family: 'Quicksand' , Arial;
    text-align: center;
    font-size: 3vmin;
}

.angucomplete-dropdown{
    overflow-y: auto;
    max-height: 40vh;
    width: 100%;
}

#secondWhite{
    position: absolute;
    height: 67vh;
    width: 150%;
    margin-top: 180vh;
    margin-left: -40%;
    background: #fff;
    transform: rotate(-10deg);
}

#green{
    width: 160%;
    height: 117vh;
    margin-top: 246vh;
    margin-left: -40%;
    background-color: #9ed26a;
    position: absolute;
    z-index: -1;
    transform: rotate(-10deg);
    min-height: 110vh;
}

#panelDiv2{
    position: absolute;
    margin-top: 262vh;
    width: 100%;
    height: 80vh;
}

#searchButtonDiv {
    margin: 0 auto;
    margin-top: 60vh;
    height: 9vh;
    position: absolute;
    z-index: -1;
}

#searchButton {
    height: 5vh;
    margin-left: 46%;
    background-color: #f2f2f2;
    border: 0px;
    font-family: 'Quicksand' , Arial;
    font-size: 2.3vmin;
    color: #757575;
    font-weight: 500;
    border: 1px solid #ddd;
}

#searchButton:hover {
    border: 1px solid #ccc;
    color: #555;
}

#equivalentDiv{
    height: 70vh;
    margin: 0 auto;
}

#equivalentTitle{
    font-size: 5vmin;
    font-family: 'Quicksand' , Arial;
    margin-top: 0;
    text-align: left;
    font-weight: 300;
    padding-bottom: 1vh;
    margin-left: 2%;
}

#equivalentDesc{
    font-size: 4vmin;
    font-family: 'Quicksand' , Arial;
    color: #666;
    margin-top: 1vh;
    text-align: left;
    font-weight: 400;
    margin-left: 2%;
}

#equivalentDesc > span{
    color: #8cc63e;
    text-transform:lowercase;
}

#pharmaAv{
    height: 15vh;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-top: 3vh;
    padding:3%;
    padding-left:5%;
    padding-right:5%;
    background-color: rgba(255,255,255,0.7);
}

#pharmaAv:hover{
    background-color: rgba(255,255,255,1);
    cursor:pointer;
    box-shadow: 0px 2px 7px -2px rgba(117,117,117,0.5);
}

#pharmaAv > p{
    font-family: 'Quicksand' , Arial;
    font-size: 5vmin;
    float:left;
    color: #9ed26a;
}

#pharmaAv > a{
    font-family: 'Quicksand' , Arial;
    font-size: 3.5vmin;
    text-align: right;
    display: block;
}

.progressBar{
    width: 100%;
    height: 1vh;
    border: 1px solid #f0f0f0;
    margin-top: 6%;
}

.progressBarInside{
    height: 1vh;
    margin-top: -1vh;
    max-width: 100%;
}

.cell{
    width: 100%;
    height: 7vh;
    border: 1px solid #fff;
    border-bottom:0;
    margin:0;
    border-radius: 3px;
    box-shadow: 0px 2px 7px -2px rgba(117,117,117,0.5);
    border: 1px solid #fff;
    background-color: #fff;
    margin-top:2vh;
    padding-left: 3%;
    line-height: 7vh;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

.cell > .nd {
    font-size:2.4vmin !important;
    margin: 0 !important;
    float: left !important;
    text-transform: lowercase !important;
}
.cell > .st { 
    margin: 0 !important;
    float: left !important;
}
.cell > .rd {
    margin-top: 2vh !important;
}

#equivalentDisp {
	margin:0; 
    width: 3vh;
    height: 3vh;
    border-radius:100px;
    float:left;
    margin-left:4%
}

#equivalentDispLeg{
    font-size:3vmin; 
    margin:0; 
    color:#fff; 
    text-align:center; 
    margin-top:-0.5vh;
    font-family: 'Quicksand' , Arial;
    font-weight:400;
}

#overlay{
    height: 100vh;
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 99;
    position: fixed;
}

#loadDiv{
    height: 15vh;
    width: 15vh;
    border-radius: 10px;
    margin-top: 40vh;
    margin:0 auto;
    background-color: white;
    
}
#load{
    height: 10vh;
    width: 10vh;
    margin-left:2.5vh;
    margin-top:2.5vh;
}


#equivalentButtonPanel{
    margin: 0 auto;
    margin-top:2vh;
    width: calc(23vh + 2%);
}
.equivalentButton{
    height: 7vh;
    width: 7vh;
    border-radius: 3px;
    box-shadow: 0px 2px 7px -2px rgba(117,117,117,0.5);
    border: 1px solid #fff;
    background-color: #fff;
    font-family: 'Quicksand' , Arial;
    font-size:150%; 
    margin: 0;
    margin-left: 0.5%;
}
#modal{
    position:fixed;
    height: 70vh;
    width:60%;
    margin-left: 20%;
    margin-top:15vh;
    background-color: white;
    border-radius: 10px;
    z-index: 999;
    visibility: hidden;
    max-height: 90%;
    overflow-y: auto;
}
#mapa{
    width: 80%;
    height: 52vh;
    margin-left: 10%;
    margin-top: 1.5vh;
}
#load2{
    height: 52vh;
    width: 40%;
    margin-left: 5%;
    margin-top: 1vh;
    position:absolute;
    z-index: -1;
    background: url(../img/load.gif) no-repeat center center;
    background-size: 40%
}
#menuIcon{
    position: absolute;
    height: 5vh;
    width: 5vh;
    margin-left: 5%;
    margin-top: 7vh;
    z-index: 98;
}
#menu{
    background-color: rgba(255,255,255,0.96);
    position: fixed;
    z-index: 99;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    border-right: 1px solid #ccc;
    display:block;
    margin-left: -24%;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  #menu{
      background-color: rgba(255,255,255,0.7);
      -webkit-backdrop-filter: brightness(1) blur(7px);
      backdrop-filter: brightness(1) blur(7px);
  }
  /*#sidenav{
      -webkit-backdrop-filter: brightness(1) blur(7px);
      backdrop-filter: brightness(1) blur(7px);
  }*/
}
#menuTop{
    height: 19vh;
    width: 100%;
    background-color: #9ed26a;
    display: table;
}
#menuTop > p {
    text-align: center;
    font-family: 'Quicksand' , Arial;
    font-size: 6vmin;
    color: white;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}

#menuList{
    height: 19vh;
    width: 100%;
    background-color: rgba(255,255,255,0);
    display: table;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
#menuList:hover{
    background-color: rgba(0,0,0,0.03);
}
#menuList > p {
    text-align: center;
    font-family: 'Quicksand' , Arial;
    font-size: 5.5vmin;
    color: #666;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    font-weight: 300;
}
#footer{
    background-color: rgba(0,0,0,0.3);
    height: 50vh;
    width: 100%;
    margin-top: 338vh;
    position: absolute;
    z-index: -3;
}
#footer > .st {
    width: 90%;
    height: 12vh;
    margin-top: 38vh;
    margin-left: 5%;
    display: flex;
    align-items: center;
}
#footer > .st > .st{
    font-family: 'Quicksand' , Arial;
    color: white;
    font-size: 2vmin;
    font-weight: 300;

}
#footer > .st > span > a{
    color: white;
    margin-left:0%;
    font-size: 2vmin;
    font-weight: 300;
    font-family: 'Quicksand' , Arial;
}
.articleContainer {
    background-color: white;
    height: auto;
    position: absolute;
    margin:0 auto;
    left:0;
    right:0;
    margin-top: 25vh;
    margin-bottom: 10vh;

}
.articleContainer > .s9{
    padding-left: 2%;
    padding-top: 1%;
    padding-right: 1%;
    padding-bottom: 2%;
}
.text{
    font-family: 'Quicksand' , Arial, Arial;
    color:#666;
}
.articleTitle{
    font-size: 5vmin;
    margin: 0;
    font-weight: 500;
    padding-bottom: 2%;
}
.div{
    height: 1px;
    width: 100%;
    border-top: 1px solid #ccc;
}
.articleDate{
    font-size: 3vmin;
    font-weight: 300;
    text-align: right;
    margin-right: 2%;
    margin-top: 1.5%;
    margin-bottom: 1.5%;
    display: inline-block;
    float: right;
    clear: right;
}
.articleSource{
    font-size: 3vmin;
    font-weight: 300;
    text-align: left;
    margin-left: 2%;
    margin-top: 1.5%;
    margin-bottom: 1.5%;
    display: inline-block;
}
.articleSource > a{
    color:5af;
    text-decoration: none;
    font-weight: 400;
}
.articleHead{
    font-size: 3vmin;
}
.articleImage{
    margin-top:3%;
    width: 100%;
}
.articleContent{
    font-size: 2.5vmin;
    line-height: 4.5vh;
    white-space: pre-line;
}
.articleContent > h2 {
    margin:0;
    margin-bottom: -4%;
}
.articleContent > img {
    width: 100%;
}
#loginBg{
    height: 100vh;
    width: 100%;
    background-color: rgba(0,0,0,0.1);
}
#loginModal{
    height: 50vh;
    margin: 0 auto;
    margin-top: 25vh;
    background-color: white;
    border-radius: 10px;
    position: absolute;
    left:0; 
    right:0;
    box-shadow: 0px 2px 7px -2px rgba(117,117,117,0.5);
}
#loginModal > p {
    font-size: 4vmin;
}
.loginInput{
    margin: 0 auto;
    display: block;
    border:none;
    border-bottom: 1px solid #ccc;
    height: 5vh;
    font-family:'Quicksand' , Arial;
    padding-left: 0%;
    font-size: 2.5vmin;
    outline: none;
    color: #666;
    text-align: center;
}
.loginInput:focus{
    border-bottom: 2px solid #9ed26a;
}
.loginInput:focus::-webkit-input-placeholder{
    opacity:0
}
.loginButton{
    border:none;
    height:5vh;
    font-family:'Quicksand' , Arial;
    outline: none;
    margin: 0 auto;
    display: block;
    font-size: 2vmin;
    background-color: #9ed26a;
    border-radius: 2px;
    color:white;
    margin-top: 8vh;
    font-weight: 500;
    width: 30%;
    box-shadow: 0px 2px 7px -2px rgba(117,117,117,1);
    -webkit-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
.loginButton:hover{
    background-color:#8cc63e;
    cursor: pointer;
    -webkit-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
.loginButton:active {
    background-color: #9ed26a;
    box-shadow: 0px 4px 12px -2px rgba(117,117,117,1);
    -webkit-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

#search2{
    float: right;
    margin: 0;
    width: 50%;
}

#search2_value{
    height: 4vh;
    outline: none;
    font-family: 'Quicksand' , Arial;
    font-size: 2vmin;
    color: #333;
    float: left;
    width:100%;
    border-radius: 3px;
    border: 1px solid #ddd;
    text-transform: lowercase;
    padding-left:5%;
}

#search2_dropdown{
    font-size: 2vmin;
    text-transform: lowercase;
    position: absolute;
    width: 14.1%;
    margin-top: 4vh;
    border: 1px solid #ddd;
    border-top: none;
    z-index: 999;
    cursor: pointer;
}

#search2 > .angucomplete-holder{
    width:70%;
    box-shadow: none;
}
#search2_dropdown > .angucomplete-row {
    word-wrap: break-word
}

.panelInput{
    margin-top:5vh;
    height: 6vh;
    border-radius: 3px;
    border: 1px solid #aaa;
    padding-left: 3%;
    font-family: 'Quicksand' , Arial;
    font-size: 2.1vmin;
}
.panelTextArea{
    margin-top:5vh;
    height: 12vh;
    border-radius: 3px;
    border: 1px solid #aaa;
    padding:1%;
    padding-left: 3%;
    font-family: 'Quicksand' , Arial;
    font-size: 2.1vmin;
    
}
#panelPanel{
    width: 30%;
    padding: 0;
    
}
.panelPanelButton{
    width: 32%;
    border: none;
    display: inline;
    background: none;
    font-family: 'Quicksand' , Arial;
    font-size: 2.1vmin;
    border-right:1px solid #aaa;
    height: 100%;
    outline: none;
    cursor: pointer;
}
#panelContent{
    height:60vh; 
    margin-top:1vh
}
#toaster{
    height: 6vh;
    width: auto;
    min-width: 10%;
    background-color: #333;
    position: fixed;
    margin-top:12vh;
    right: 3%; 
    top: 0;
    color:white;
    font-family: 'Quicksand';
    font-size: 2.1vmin;
    border-radius: 3px;
    line-height: 6vh;
    text-align: center;
    padding-left: 2%;
    padding-right: 2%;
    cursor: pointer;
    font-weight: 400;
    visibility: hidden;
}
#verTambien{
    border-bottom: 1px dashed #5af; 
    width:90%; 
    margin:0 auto; 
    height:4.7vh; 

}
.verTambienNoticia{
    margin-top:5vh;
    width: 95%;
    cursor: pointer;
    margin-left: 2.5%
}
.verTambienNoticia > .img{
    width: 100%;
    height: 20vh;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    background-size: cover;
}
.verTambienNoticia > .title{
    margin-top:1vh;
    text-align:justify;
    line-height: 4vh;
    font-weight: 500;
}
.verTambienNoticia:hover > .img{
    opacity:0.7;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}


@media all and (orientation: portrait){
    body{
        background-size: auto !important;   
    }
    #name{
        font-size: 15vmin !important;
        margin-top: 2vh !important;
    }
    #subtle{
        font-size: 6vmin !important;
    }
    .s1 {width: 12.5%;}
    .s2 {width: 25%;}
    .s3 {width: 37.5%;}
    .s4 {width: 50%;}
    .s5 {width: 62.5%;}
    .s6 {width: 75%;}
    .s7 {width: 87.5%;}
    .s8 {width: 100%;}
    .s9 {width: 100%;}
    .s10 {width: 100%;}
    .s11 {width: 100%;}
    .s12 {width: 100%;}
    
    #searchDiv{
        left:0;
        width: 80% !important;
        right:0 ;
    }
    #search_value{
        width:75% !important;
        font-size: 4vmin !important;
    }
    #searchButton {
	    width: 20% !important;
        margin-left: 40% !important;
        font-size: 3vmin !important;
    }
    #searchIcon{
        width: 70% !important;
    }
    #pharmaImg{
        margin-left:0 !important;
        margin-top: 5vh !important;
    }
    #pharmaDesc{
        text-align: center !important;
        font-size: 5vmin !important;
        
    }
    .desc > #pharmaDesc{
        font-size: 7vmin !important;
        font-weight: 400 !important;
        margin-top: 5vh !important;
    }
    #title {
        font-size: 9vmin !important;
    }
    #pharmaTitle {
	    text-align: center !important;
        font-size: 8.2vmin !important;
        font-weight: 400 !important;
    }
    #pharmaDiv{
        margin-top: 5vh !important;
        display: block !important;
    }
    #equivalentTitle {
	    text-align: center !important;
        font-size: 8vmin !important;
        margin-top: -5vh !important
    }
    #equivalentDesc {
	    text-align: center !important;
        font-size: 5vmin !important;
    }
    #equivalentDiv > div{
	    width: 100% !important;
    }
    .advancedSearch > #equivalentTitle {
        font-size: 7vmin !important;
        margin-top: -3vh !important
    }
    .advancedSearch > #equivalentDesc {
        font-size: 4vmin !important;
    }
    .advancedSearch > #searchButton {
        font-size: 3.5vmin !important;
    }
    .availability > #equivalentTitle {
        font-size: 8vmin !important;
        margin-top: 2vh !important
    }
    .availability > #equivalentDesc {
        font-size: 3vmin !important;
    }
    .availability{
        margin-left: 0 !important;
    }
    .availability > #pharmaAv{
        width: 90% !important;
        margin-left: 5% !important;
    }
    #pharmaAv > p {
        font-size: 8vmin !important;
    }
    #pharmaAv > a {
        font-size: 6vmin !important;
    }
    .progressBar{
        margin-top:10% !important;
    }
    #modal {
	    width:90% !important;
        margin-left: 5% !important;
        height: auto !important;
        margin-top: 5vh !important;
    }
    #modal > .s6{
        width: 100% !important;
    }
    #modal > p{
	    margin-top: 4vh !important;
        font-size: 7vmin !important;
    }
    #modal > .nd{
        padding: 10% !important;
        margin-top: -5vh !important;
    }
    #load2{
        width: 100% !important;
        background-size: 30% !important;
        margin-left: 0 !important;
    }
    #equivalentDispLeg {
	    margin-top:0.5vh !important;
    }
    .cell.st {
        display: none !important;
    }
    .cell.nd{
        display: block !important;
    }
    .cell > .nd {
        display: none !important
    }
    .cell > .st {
        width: 82.5% !important;
    }
    .cell {
	    overflow:hidden !important;
        text-overflow: ellipsis;
    }
    #equivalentButtonPanel {
        width: calc(23vh + 5%) !important;
    }
    #footer > .st > .st{
        font-size: 3vmin !important;
    }
    #footer > .st > span > a {
        font-size: 3vmin !important;
    }
    #footer > .st {
        justify-content: center !important;
    }
    #footer > .st > span {
        margin-left: 5% !important;
    }
    #footer > .st{
        height: 18vh !important;
        margin-top: 32vh !important;
    }
    #menu{
        width: 90% !important;
        margin-left: -90% !important;
    }
    #menuTop > p {
        font-size: 8vmin !important;
    }
    #menuList > p {
        font-size: 8.5vmin !important;
    } 
    .articleContainer{
        width: 95% !important;
    }
    .articleTitle {
	    font-size: 6vmin !important;
        text-align: justify;
    }
    .articleHead {
	    font-size: 4.5vmin !important;
        text-align: justify;
    }
    .articleContent {
        font-size: 4vmin !important;
	    text-align: justify;
    }
    .articleContainer > .s3{
        background-color: white;
        width: 95% !important;
        margin:0 auto;
        left:0;
        right:0;
        margin-left: 2.5%;
    }
    #verTambien{
        width: 95% !important;
        margin:0 auto;
        left:0;
        right:0;
    }
    #search2_value{
        font-size: 3vmin !important;
        height: 3vh !important;
    }
    #search2_dropdown{
        width: 33.5% !important;
        margin-top: 3vh !important;
        font-size: 3vmin !important;
    }   
    #toaster{
        font-size: 4vmin !important;
        z-index: 99999;
        padding-left: 4% !important;
        padding-right: 4% !important;
    }
    #arrowLeft{
        width: 8%;
        margin-left: 0%;
    }
    #arrowRight{
        width: 8%;
        margin-left: 93%;
    }