body{
   margin: 0;
   padding: 0;
   /* display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center; */
   background: #f7f8fb !important;
}
html, body {
   font-family: 'Poppins' !important;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   background-color: #F7F8FB;
   height: 100%;
   -webkit-font-smoothing: antialiased;
}
.vh100 {
   height: calc(100vh - 105px) !important;
}
.mt-100{
   margin-top: 100px;
   padding-bottom:100px;
}
/*HEADER*/
.header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   background: #fff;
   -webkit-box-shadow: 0px 1px 2px 0px #eaeaea;
   -moz-box-shadow: 0px 1px 2px 0px #eaeaea;
   box-shadow: 0px 1px 2px 0px #eaeaea;
   -webkit-transition: all 300ms ease-in-out;
   -moz-transition: all 300ms ease-in-out;
   transition: all 300ms ease-in-out;
   z-index: 101;
}

#logotip{
   height:100px;
}
/*END HEADER*/

/*FOOTER*/
.link-footer{
   color: #9e1732 !important;
   text-decoration: none !important;
}
.link-footer:hover{
   color: #000 !important;
}

#footer{
   position: fixed;
   bottom: 0;
   width: 100%;
   background: #fff;
   font-size: 11px !important;
   padding: 15px !important;
   z-index: 99;
}


/*END FOOTER*/
.btn:hover{
   background: #c8cace;
}
.btn:active{
   background: #201f2b;
   color: white;
}
a{
   color: rgb(60, 60, 60);
   text-decoration: none;
   height: 100%;
   width: 100%;
}
a:hover{
   text-decoration: none;
}


/*PREGUNTES*/
.btn{
   border-radius: 4px;
   background-color: rgba(60, 60, 60, 0.1);
   color: rgb(60, 60, 60);
   box-shadow: rgb(60 60 60 / 60%) 0px 0px 0px 1px inset;
}
.card-language{
   position: absolute;
   width: 100%;
   height: 100%;
   padding-top: 0px;
   /*top: -50px;*/
}

.card-question{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 250px;
   padding-top: 0px;
}

.disabled{
   opacity: 0;
   transform: translateY(-100vh);
}
.btn-arrow{
   width: 40px;
}
.btn-search{
   width: 100px;
}
.resposta-selected1{
   color: white !important;
   /*background-color: #646C9B!important;*/
   background-color: #a0daa6!important;
}
/*END PREGUNTES*/



/*LLISTAT AJUTS*/
.icon-center{
   display: flex;
   flex-wrap: wrap;
   align-content: space-between;
   text-align: center;
   height: 100% !important;
}
.icon-url:hover{
   opacity: 1;
}
.icon-url{
   opacity: 0.4;
}
.card-ajut{
   border-radius: 4px;
   background-color: white !important;
   color: rgb(60, 60, 60);
   padding: 15px;
   /*margin-top: 15px;*/
   /* margin-bottom: 15px; */
   box-shadow: 0px 0px 13px 0px rgb(82 63 105 / 5%);
}
/*END LLISTAT AJUTS*/


/* OVERRIDE MAX SIZE */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    #logotip {
        margin: 5px auto;
        height: 70px;
    }
}

/*Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {

}
/* END OVERRIDE MAX SIZE */



/* OVERRIDE MIN SIZE */
/* Extra small devices (portrait phones, less than 576px)
    No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/* END OVERRIDE MIN SIZE */