/* OVERRIDE GOOGLE TRANSLATE WIDGET CSS BEGIN */
div#google_translate_element div.goog-te-gadget-simple {
    border: none;
    background-color: transparent;
    /*background-color: #17548d;*/ /*#e3e3ff*/
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value:hover {
    text-decoration: none;
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {
    color: #aaa;
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover {
    color: white;
}

.goog-te-gadget-icon {
    display: none !important;
    /*background: url("url for the icon") 0 0 no-repeat !important;*/
}

/* Remove the down arrow */
/* when dropdown open */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(213, 213, 213);"] {
    display: none;
}
/* after clicked/touched */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(118, 118, 118);"] {
    display: none;
}
/* on page load (not yet touched or clicked) */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(155, 155, 155);"] {
    display: none;
}

/* Remove span with left border line | (next to the arrow) in Chrome & Firefox */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"] {
    display: none;
}
/* Remove span with left border line | (next to the arrow) in Edge & IE11 */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;"] {
    display: none;
}
/* HIDE the google translate toolbar — all variants */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
iframe.skiptranslate,
body > .skiptranslate {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
}
/* position:relative required for top:0 to take effect (GT sets inline top on body) */
body {
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
}

#google_translate_element {
    height: 26px !important;
    overflow: hidden !important;
}

.googleTranslateHolder {
    background-color: #ffffff; 
    border-radius: 5px;
    height: 43px;
    padding-top: 10px;
    margin-right: .25rem!important;
}

.googleTranslateHolderMobile {
    background-color: #ffffff; 
    border-radius: 5px;
    height: 0px;
    padding: 0px;
}

/* Hide tooltip/info bubble on translated words */
#goog-gt-tt,
div#goog-gt-tt,
.goog-tooltip,
.goog-tooltip-content,
.goog-te-balloon-frame,
[id^="goog-gt-"],
[class^="VIpgJd-ZVi9od-"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* OVERRIDE GOOGLE TRANSLATE WIDGET CSS END */