/* ================= *
 * ## Hover label ##
 * ================= */

.main-menu .role-hover-label .background-container .gradient.dark { opacity: 1; }


/* =========================== *
 * ## Splash Popup Language ##
 * =========================== */

.language-container {
   float: left;
   height: 40px;
   margin-bottom: 10px;
   margin-top: 40px !important;
   position: relative;
   width: 100%;
}

.language-container .language-button-container {
   display: none;
   float: left;
   height: 100%;
   position: relative;
   width: 100%;
}

.splash-guide-popup-component[data-language="en_US"] #ES,
.splash-guide-popup-component[data-language="es_US"] #UK {
   display: block;
}

.language-container .language-button {
   height: 100%;
   left: 50%;
   pointer-events: all;
   position: absolute;
   width: 40px;  

   transform: translate(-50%,0);
   -webkit-transform: translate(-50%,0);
}

.language-container .language-button .label-container {
   left: 50%;
   position: absolute;
   top: -30px;

   transform: translate(-50%,0);
   -webkit-transform: translate(-50%,0);
}


.language-container .language-button .icon-container {
   border-radius: inherit;
   float: left;
   height: 100%;
   overflow: hidden;
   position: relative;
   width: 100%;
}

.language-container .language-button .icon-container .icon {
   left: 50%;
   padding: 0;
   width: auto;

   transform: translate(-50%,0);
   -webkit-transform: translate(-50%,0);
}