/* CSS Document */

@font-face {
    font-family: 'robotoregular';
    src: url('./fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('./fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('./fonts/roboto-light-webfont.woff2') format('woff2'),
         url('./fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ibmregular';
    src: url('./fonts/IBMPlexSerif-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ibmlight';
    src: url('./fonts/IBMPlexSerif-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ibmbold';
    src: url('./fonts/IBMPlexSerif-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ibmitalic';
    src: url('./fonts/IBMPlexSerif-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
/* textarea oculto */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
    #oculto {
        opacity: 0;
        position: absolute;
        top: 0;
    }
}

@supports (-ms-accelerator:true) {
  /* IE Edge 12+ CSS styles go here */ 
    #oculto {
        opacity: 0;
        position: absolute;
        top: 0;
    }
}

/* GENERAL *****************/
* {
	margin: 0px;
	padding: 0px;
}
html {
    display: block;
	background: #eee url('../images/fnd_gray.png') repeat center center;
}
body {
	font-family: 'ibmregular', Arial, Helvetica, sans-serif;
	color: #000000;
    background-color: white;
	font-size: 10px;
}
/* Pie abajo, siempre! */
html, body {display: block; position: relative; top: 0; height: 100%; min-height: 100%;}
#content {display: block; position: relative; top: 0; height: auto; min-height: 100%;}
section.translator{display: block;/* alto del footer */}
section.generic {display: block; padding-bottom: 110px;/* alto del footer */}
a {color: #327bbe;}
img {border: 0px;}
.clear {display: block; clear: both;}
h1, h2, h3, h4, h5, h6,em {font-family: 'ibmregular'; font-weight: normal; font-style: normal;}
strong{font-family: 'ibmbold'; font-weight: bold; font-style: normal;}
i{font-family: 'ibmitalic'; font-weight: normal; font-style: italic;}
.boldText{
    font-family: ibmregular;
    font-weight: bold;
}
.disableEvent{
    pointer-events: none;
}
.btnMejorarAnimation{
    animation: btnMejorar 2s infinite;
}

table, td, th {
    border: 1px solid black;
}

table {
    border-collapse: collapse;
    width: 50%;
    text-align: center;
    margin: auto;
}


/* CONTROLES *****************/
select::-ms-expand {display: none;}	
/* Dropdown Button */
.dropdown .dropbtn {display: inline-block; vertical-align: middle; background-color: #fff; color: #327bbe; padding: .2em 1.5em .2em .3em; font-size: 18px; cursor: pointer;}
.dropdown .dropbtn > div {display: inline-block; color: #327bbe;}
.dropdown .dropbtn > div span {display: none;}
.dropdown {position: relative; display: inline-block;}
.dropdown a {text-decoration: none;}
.dropdown em {font-style: normal; text-transform: uppercase;}
.dropdown ul {display: none; position: absolute; background-color: #fff; width: auto; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); z-index: 1; list-style: none; text-align: left;}
.dropdown.right ul {right: 0; text-align: left;}
.dropdown ul li a {color: #000; padding: .5em .8em; text-decoration: none; display: block; font-size: 16px;}
.dropdown ul li a:hover {background-color: #eee; color: #000;}
.dropdown ul li.disable a {color: #999; text-decoration: line-through;}
/*.dropdown:hover ul {display: block;}
.dropdown:hover .dropbtn {background-color: #327bbe;}
.dropdown:hover .dropbtn > div {color: #fff;}*/
.dropdown.down .dropbtn {background-color: #327bbe;}
.dropdown.down .dropbtn > div {color: #fff;}
.dropdown.combo ul li.selected {display: none;}
/* btncombo */
/*MOSTRAR SELECT CON TODOS OS IDIOMAS DISPOÑIBLES COMENTANDO O display: none;*/
.btncombo { 
	display: none;
	vertical-align: middle;
	 font-size: 18px;
	}
.btnsystem{display: inline-block; vertical-align: middle;}
.btnsystem.lblsystemMT {display: inline-flex; vertical-align: middle; font-size: 18px; background-color: #ffffff;
    padding: 0em 0.4em;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    color: #000000;
}
.btnsystem.systemMT {display: inline-flex; vertical-align: middle;}
/*.btncombo {display: inline-block; vertical-align: middle; font-size: 25px;}*/
.btncombo label {display: none;}
.btnsystem label.systemMT, .btnisCorrect label.isCorrect, .btnmark label.mark {display: none;}
.btncombo select {
    display: inline-block;
    /*border: 0 !important; outline: none;*/
    -webkit-appearance: none; -moz-appearance: none; appearance:none;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    background-image: url('../images/ico_arrow_black.png'); background-repeat: no-repeat; background-position: center center; background-size: 50% auto;
    width: 1px;
    color: #000; font-size: 14px; font-family: 'ibmregular';
    padding: .2em 1.5em .2em .3em;
    cursor: pointer;
    border-left: 1px solid #000;
    border-top: 0px solid #000;
    border-bottom: 0px solid #000;
    border-right: 0px solid #000;
    margin-left: 10%;
}
.btnsystem select {
    display: inline-block;
    border: 0 !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    background-image: url('../images/ico_arrow_black.png');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 1em auto;
    width: auto;
    color: #000;
    font-family: ibmregular;
    font-size: 16px;
    padding: .2em 2em .2em .5em;
    border-left: 1px solid #000;
    border-top: 0px solid #000;
    border-bottom: 0px solid #000;
    border-right: 0px solid #000;
    cursor: pointer;
}
.btncombo select:hover {background-color: #327bbe; background-color: rgba(0,0,0,0.4);}

/* selcombo  */
.selcombo {display: inline-block; vertical-align: middle; font-size: 18px;}
.selcombo label {display: none;}
.selcombo select {
    display: inline-block;
    border: 0 !important; outline: none;
    -webkit-appearance: none; -moz-appearance: none; appearance:none;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    background-color: #fff;
    background-image: url('../images/ico_arrow_m.png'); background-repeat: no-repeat; background-position: center right .3em; background-size: 1em auto;
    width: auto;
    color: #327bbe; font-size: 18px; font-family: 'ibmregular';
    padding: .2em 1.8em .2em .3em;
    cursor: pointer;
}
.selcombo select:hover {color: #fff; background-color: #327bbe; background-color: rgba(0,0,0,0.4); background-image: url('../images/ico_arrow_w.png');}

.selisCorrect, .selmark{
    font-family: 'ibmregular';
    font-weight: bold;
    padding:0.2em 2em 0.2em 0.5em;
    border: #cccccc;
    border-style: solid;
    border-width: 1px;
}
/* custom_select */
.custom_select {
  position: relative;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #333;
}
.custom_select select {
  background-color: #fff;
  color: #000;
  font-size: inherit;
  padding: .5em;
  padding-right: 2.5em;	
  border: 0;
  margin: 0;
  border-radius: 0;
  text-indent: 0.01px;
  text-overflow: '';
  /*Hiding the select arrow for firefox*/
  -moz-appearance: none;
  /*Hiding the select arrow for chrome*/
  -webkit-appearance:none;
  /*Hiding the select arrow default implementation*/
  appearance: none;
}
/*Hiding the select arrow for IE10*/
.custom_select select::-ms-expand {
    display: none;
}
.custom_select::before,
.custom_select::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.custom_select::after { /*  Custom dropdown arrow */
  content: "\25BE";
  height: 1em;
  font-size: 2em;
  line-height: 1;
  right: 0.16em;
  top: 50%;
  margin-top: -.5em;
}
.custom_select::before { /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0;
  /*background-color: rgba(0,0,0,.1);*/
}
.custom_select::after {
  color: rgba(0,0,0,.8);
}
.custom_select select:disabled,
.custom_select select[disabled] {
  color: rgba(0,0,0,.25);
}
/* compact */
div.compact {display: inline-block; white-space: nowrap;}
/* Hightlighted languages */
div.highlighted_lan {display: inline-block; vertical-align: middle; background-color: transparent; color: #4f8abf; font-size: 16px; cursor: pointer;}
div.highlighted_lan ol {display: inline-block; list-style: none;}
div.highlighted_lan ol li {display: inline-block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
div.highlighted_lan ol li a {display: inline-block; padding: 3px 15px; background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #000000; color: #000000; text-decoration: none; cursor: pointer;}
div.highlighted_lan ol li a:hover {background-color: #327bbe; background-color: rgba(0,0,0,0.4);}
div.highlighted_lan ol li.sel a {color: #fff; background-color: #327bbe;}
div.highlighted_lan ol li.disable a {text-decoration: line-through; color: #ccc; pointer-events: none}
div.highlighted_lan ol li.sel.disable a {color: #999;}
/* Links */
a.link {color: #cb6018; text-decoration: underline; padding: 0 2px;}
a.link:hover {color: #fff; background-color: #cb6018; text-decoration: none;}
a.btn, input[type='button'], input[type='submit'] {
    display: inline-block; padding: 10px 20px; background: #000000;
    font-family: 'ibmregular'; font-size: 18px; color: #fff; text-decoration: none;
    border: 0; cursor: pointer;
}
a.btn.default:hover, input[type='button'], a.btn{
    font-family: ibmregular;
    font-weight: bold;
}
a.btn.default:hover, input[type='button'].deshabilitado, a.btn.deshabilitado{opacity: 30%}
a.btn.default:hover, input[type='button'].default {background-color: #000000;}
a.btn.default:hover, a.btn.mejorar {
    background: transparent url(../images/like_unlike.svg) no-repeat left;
    background-size: auto 70%;
    padding-left:45px;
    color: black;
    border: 1px solid black;
}
@keyframes btnMejorar {
    0%{
        background-size: auto 70%;
    }
    50%{
        background-size: auto 85%;
        /*background-color: #327bbe;*/
    }
    100%{
        background-size: auto 70%;
    }
}
.mejorarModal{
    background-color: white;
    position: absolute;
    box-sizing: border-box;
    padding: 2%;
    width: 33%;
    font-family: 'ibmregular';
    text-align: left;
    font-size: 16px;
    overflow: auto;
    border: #cccccc;
    border-style: solid;
    border-width: 1px;
    z-index: 99;
    display: none;
}

a.btn.default:hover, a.btn.limpar, a.btn.cancelar {
    background-color: white;
    color: black;
    border: 1px solid black;
    padding: 10px 19px;
    width: 6.5rem;
    text-align: center;
}

a.btn.limpar, a.btn.mejorar{
    margin-left: 1px;
}

a.btn.enviar{
    margin-left: 1rem;
}
a.btn:hover, a.btn:active, input[type='button']:hover, input[type='button']:active, input[type='submit']:hover, input[type='submit']:active {background-color: #327bbe;}
a.btn.default:hover, a.btn.default:active, input[type='button'].default:hover, input[type='button'].default:active, input[type='submit'].default:hover, input[type='submit'].default:active {background-color: #616467;}
/* Checkbox */
.checkbox {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 1.8em;
    cursor: pointer;
    font-size: 1.6em;
}
.checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.chk {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 1px solid #75787b;
}
.checkbox:hover input ~ .chk,
.checkbox input:focus ~ .chk {
    background: #fff;
}
.checkbox input:checked ~ .chk {
    background: #fff;
}
.checkbox:hover input:not([disabled]):checked ~ .chk,
.checkbox input:checked:focus ~ .chk {
    background: #fff;
}
.checkbox input:disabled ~ .chk {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.chk:after {
    content: '';
    position: absolute;
    display: none;
}
.checkbox input:checked ~ .chk:after {
    display: block;
}
.checkbox .chk:after {
  left: 35%;
  top: 10%;
  width: 20%;
  height: 60%;
  border: solid #327bbe;
  border-width: 0 0.2em 0.2em 0;
  transform: rotate(45deg);
}
.checkbox input:disabled ~ .chk:after {
  border-color: #7b7b7b;
}

/* Arrow box */
.arrow_box {
	position: absolute;
	background: #4675b8;
	border: 2px solid #fff;
    display: block; width: 250px; height: auto; color: #fff; font-size: 18px; padding: .5em;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);
}
.arrow_box.top, .arrow_box.bottom {text-align: center;}
.arrow_box.left {text-align: left;}
.arrow_box.right {text-align: right;}
.arrow_box:after, .arrow_box:before {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box.top:after, .arrow_box.top:before {bottom: 100%; left: 50%;}
.arrow_box.right:after, .arrow_box.right:before {left: 100%; top: 50%;}
.arrow_box.bottom:after, .arrow_box.bottom:before {top: 100%; left: 50%;}
.arrow_box.left:after, .arrow_box.left:before {right: 100%; top: 50%;}
.arrow_box:after {
	border-color: rgba(70, 117, 184, 0);
	
	border-width: 15px;
}
.arrow_box.top:after {border-bottom-color: #4675b8; margin-left: -15px;}
.arrow_box.right:after {border-left-color: #4675b8; margin-top: -15px;}
.arrow_box.bottom:after {border-top-color: #4675b8; margin-left: -15px;}
.arrow_box.left:after {border-right-color: #4675b8; margin-top: -15px;}
.arrow_box:before {
	border-color: rgba(255, 255, 255, 0);
	border-width: 18px;
}
.arrow_box.top:before {border-bottom-color: #fff; margin-left: -18px;}
.arrow_box.right:before {border-left-color: #fff; margin-top: -18px;}
.arrow_box.bottom:before {border-top-color: #fff; margin-left: -18px;}
.arrow_box.left:before {border-right-color: #fff; margin-top: -18px;}

/* BLOQUE CABECERA *****************/
body > #content > header {
    display: block; padding: 10px 0px 20px 0px; width: auto; height: auto; min-height: 140px; position: relative;
    text-align: center;
}
body > #content > header h1 a span {display: none;}
/*body > #content > header h1 {*/
/*	display: block; position: absolute; left: 0; top: 50px; margin: 0 2%;*/
/*	width: 267px; height: 140px;*/
/*}*/
/*html body > #content > header h1 a {*/
/*	display: block;*/
/*	background: transparent url("../images/logo_deputacion.png") no-repeat top left;*/
/*    background-size: 100% auto;*/
/*	width: 100%; height: 50%;*/
/*}*/
/*html[lang='es'] body > #content > header h1 a {background: transparent url("../images/logo_deputacion.png") no-repeat top left; background-size: 100% auto;}*/

body > #content > header h2 a span {display: none;}
body > #content > header h2 {
	display: block; position: absolute; right: 0; top: 80px; margin: 0 2%;
	width: 230px; height: 72px;
}
/*body > #content > header h2 a {
	display: block;

    background-size: 100% auto;
	width: 85%; height: 85%;
}*/

body > #content > header {
    display: block; padding: 0px 0px 10px 0px; width: auto; height: auto; min-height: 140px; position: relative;
    text-align: center;
}
html body > #content > header #header-logos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    margin: auto;
    width: 70%;
    padding: 15px 10px 15px 10px;
    height: 50%;
}

html body > #content > header a.nos-logo {
    display: block;
    background: transparent url("../images/nos_tradutor.svg") no-repeat center left;
    width: 320px;
    height: 85px;
}

html body > #content > header a.xunta-logo {
    display: block;
    background: transparent url("../images/xunta.svg") no-repeat center left;
    width: 150px;
    height: 45px;
}
html body > #content > header a.usc-logo {
    display: block;
    background: transparent url("../images/usc.svg") no-repeat center left;
    width: 70px;
    height: 45px;
}

html body > #content > header div.r-logos {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 35%;
}

section.translator div.header-text p{
    inline-size: 68%;
    overflow-wrap: break-word;
    text-align: justify;
    font-size: 16px;
    margin: auto;
    padding: 20px 10px 30px 10px;
}
html body > #content > section div.advertencia{
    margin-top: 40px;
}
html body > #content > section div.advertencia h5{
    font-family: ibmregular;
    font-weight: bold;
}
html body > #content > section div.mejorarModal h6{
    font-family: ibmregular;
    font-size: 14px;
    padding-bottom: .5rem;
}
html body > #content > section div.advertencia h5, html body > #content > section div.advertencia h6{
    inline-size: 70%;
    overflow-wrap: break-word;
    text-align: justify;
    font-size: 16px;
    margin: auto;
    padding: 10px;
}



/*body > #content > header a.xunta-logo{*/
/*    background: transparent url("../images/xunta.svg") no-repeat top left;*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    margin: 0px 2%;*/
/*    width: 230px;*/
/*    height: 72px;*/
/*}*/
/*body > #content > header a.usc-logo{*/
/*    background: transparent url("../images/usc.svg") no-repeat top left;*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    margin: 0px 2%;*/
/*    width: 230px;*/
/*    height: 72px;*/
/*}*/

div#btn_menu {display: none; width: 50px; height: 50px; position: absolute; top: 90px; right: 4%;}
div#btn_menu a span {display: none;}
div#btn_menu a {display: block; width: 100%; height: 100%; background-color: transparent; background-image: url('../images/ico_menu.png'); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}


body > #content > header div.title {display: block; width: 100%; height: auto; text-align: center; margin-top: 40px;}
body > #content > header div.title h3 {display: inline-block; vertical-align: middle; padding: 0 .2em; font-family: 'robotolight'; font-size: 40px; color: #007bc4; text-transform: uppercase;}
body > #content > header div.dropdown {font-family: 'ibmlight'; vertical-align: middle;}
body > #content > header div.dropdown a em {font-family: 'ibmlight';}
body > #content > header div.dropdown .dropbtn {font-size: 40px; background-image: url('../images/ico_menu_dark.png'); background-repeat: no-repeat;  background-size: 1em auto;}
/*body > #content > header div.dropdown:hover .dropbtn {background-image: url('../images/ico_arrow_w.png');}*/
/*body > #content > header div.dropdown.down .dropbtn {background-image: url('../images/ico_arrow_w.png');}*/
body > #content > header div.dropdown ul li a {font-size: 24px;}
body > #content > header div.dropdown ul.right-menu {
    display: none;
    top: 0;
    position: fixed; right: 0px; width: 25rem; background-color: #327bbe; height: 100vh; z-index: 91;
    padding: 70px 10px 10px 25px;
}
body > #content > header div.title p {font-size: 16px; color: #007bc4; padding-top: 10px;}

.title {margin-top: 5px !important;}

body > #content > header div.dropdown.translation-type {font-family: 'robotolight'; vertical-align: middle;}
body > #content > header div.dropdown.translation-type a em {font-family: 'robotolight';}
body > #content > header div.dropdown.translation-type .dropbtn {font-size: 40px; background-image: url('../images/ico_arrow_b.png'); background-repeat: no-repeat; background-position: center right .4em; background-size: .6em auto;}
body > #content > header div.dropdown.translation-type.down .dropbtn {background-image: url('../images/ico_arrow_w.png');}
body > #content > header div.dropdown.translation-type ul li a {font-size: 24px;}


/* menu */
body > #content > nav {display: block; width: 100%; height: auto; background: #666666 url('../images/fnd_grey.png') repeat center center; font-family: 'ibmlight'; position: fixed; top: 0; left: 0; z-index: 90; text-align: right;}
body > #content > nav h1 {display: block; position: absolute; left: 5px; font-family: 'ibmlight'; color: #fff; font-size: 16px; padding: 4px 0 0 26px; background: transparent #000000 no-repeat bottom left; background-size: 21px auto;}
body > #content > nav h2 {display: inline-block; padding-right: 4px; vertical-align: middle; font-family: 'ibmlight'; color: #fff; font-size: 12px; text-transform: uppercase;}
body > #content > nav .dropdown .dropbtn {background: transparent url('../images/ico_menu.png') no-repeat center center; background-size: 20px auto;}
/*body > #content > nav .dropdown:hover .dropbtn {background-color: #327bbe;}*/
body > #content > nav .dropdown.down .dropbtn {background-color: #327bbe;}
body > #content > nav .dropdown ul {background-color: #327bbe; min-width: 200px;}
body > #content > nav .dropdown ul li a {color: #fff;}
body > #content > nav .dropdown ul li a:hover {background-color: #385e93; color: #fff;}
body > #content > nav .dropdown ul li.lan {text-transform: uppercase; padding: 1em; color: #fff; text-align: center; border-bottom: 1px solid #385e93;}
body > #content > nav .dropdown ul li.lan a {display: inline-block; padding: .2em .5em; font-size: 12px;}
body > #content > nav .dropdown ul li.lan a.sel {color: #d5a58b;}
body > #content > nav .dropdown ul li.m1 a.sel {color: #d5a58b;}
body > #content > nav .dropdown ul li.m1 a.sel {color: #d5a58b;}
body > #content > nav .dropdown ul li.m2 a.sel {color: #d5a58b;}
body > #content > nav .dropdown ul li.m3 a.sel {color: #d5a58b;}
body > #content > nav .dropdown ul li.m4 a.sel {color: #d5a58b;}
body > #content > nav .dropdown ul li.suggestion a.sel {color: #d5a58b;}
body > #content > nav .dropdown ul li.suggestion {border-top: 1px solid #385e93;}
body > #content > nav .dropdown ul li.suggestion a {text-align: right;}
body > #content > nav .dropdown ul li.suggestion a span {display: inline-block; padding-left: 20px; background: transparent url('../images/ico_bulb.png') no-repeat center left; background-size: auto 100%;}
body > #content > nav > div.help {display: inline-block; vertical-align: middle; width: auto; height: auto; margin: 2px 10px 0 0;}
body > #content > nav > div.help span {display: none;}
body > #content > nav > div.help a {
    display: block; width: 24px; height: 24px; box-sizing: border-box; background-color: #fff; color: #333; text-align: center;
    font-size: 18px; text-decoration: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
    overflow: hidden;
}
body > #content > nav > div.help a:hover {background-color: #327bbe; color: #fff;}

/*menu del header*/
body > #content > header .dropdown .dropbtn {background: transparent url('../images/ico_menu_dark.png') no-repeat center bottom; background-size: 20px auto;}
body > #content > header .dropdown.down .dropbtn {background-color: #327bbe;}
body > #content > header .dropdown ul.right-menu {background-color: #327bbe; min-width: 200px;}
body > #content > header .dropdown ul.right-menu li a {color: #fff;}
body > #content > header .dropdown ul.right-menu li a:hover {background-color: #385e93; color: #fff;}
body > #content > header .dropdown ul.right-menu li.lan {text-transform: uppercase; padding: 1em; color: #fff; text-align: center; border-bottom: 1px solid #385e93;}
body > #content > header .dropdown ul.right-menu li.lan a {display: inline-block; padding: .2em .5em; font-size: 12px;}
body > #content > header .dropdown ul.right-menu li.lan a.sel {color: #d5a58b;}
body > #content > header .dropdown ul.right-menu li.m1 a.sel {color: #d5a58b;}
body > #content > header .dropdown ul.right-menu div.close-icon{
    margin: 20px;
    font-size: 40px;
    background-image: url(../images/ico_close.png);
    background-repeat: no-repeat;
    height: 40px;
    cursor: pointer;
}
body > #content > header .dropdown ul.right-menu li.m2 a.sel {color: #d5a58b;}
body > #content > header .dropdown ul.right-menu li.m3 a.sel {color: #d5a58b;}
body > #content > header .dropdown ul.right-menu li.m4 a.sel {color: #d5a58b;}
body > #content > header .dropdown ul.right-menu li.suggestion a.sel {color: #d5a58b;}
body > #content > header .dropdown ul.right-menu li.suggestion {border-top: 1px solid #385e93;}
body > #content > header .dropdown ul.right-menu li.suggestion a {text-align: right;}
body > #content > header .dropdown ul.right-menu li.suggestion a span {display: inline-block; padding-left: 20px; background: transparent url('../images/ico_bulb.png') no-repeat center left; background-size: auto 100%;}
body > #content > header > div.help {display: inline-block; vertical-align: middle; width: auto; height: auto; margin: 2px 10px 0 0;}
body > #content > header > div.help span {display: none;}
body > #content > header > div.help a {
    display: block; width: 24px; height: 24px; box-sizing: border-box; background-color: #fff; color: #333; text-align: center;
    font-size: 18px; text-decoration: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
    overflow: hidden;
}
body > #content > header > div.help a:hover {background-color: #327bbe; color: #fff;}

/* BLOQUE CUERPO *****************/
div.col_a {display: inline-block; vertical-align: top; width: 53%; text-align: right; padding: 0 0 0 0;}
div.col_b {display: inline-flex; vertical-align: top; width: 46%; text-align: left; padding: 0 0 0 0;}
div.mejorar {display: flex; flex-direction: row; padding: 0 1% 0 0;}
/*div.mejorar:hover {background: none; background-color: #327bbe; color: #fff;}*/
div.colb-actions{
    display: flex;
    width: 71.5%;
    justify-content: space-between;
    flex-wrap: wrap;
}

section.translator {text-align: center; background-color: white}
section.translator h1, section.translator h2, section.translator h3, section.translator h4 {display: none;}

section.translator div.languages {font-family: ibmregular; width: 70%; margin: auto;padding: 0% 0% 0% 0%; text-transform: capitalize;}
section.translator div.languages div.col_a > .dropdown .dropbtn,
section.translator div.languages div.col_b > .dropdown .dropbtn {background-color: #4f8abf; background-color: rgba(0,0,0,0.2);}
section.translator div.languages div.col_a > .dropdown:hover .dropbtn,
section.translator div.languages div.col_b > .dropdown:hover .dropbtn {background-color: #327bbe; background-color: rgba(0,0,0,0.4);}
section.translator div.languages div.col_b > .dropdown {margin-right: 1%;}

section.translator div.languages div.compact {margin-bottom: 2%;}
section.translator div.languages div.col_b div.compact {
    display: inline-flex;
    margin-right: 2%;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

section.translator div.languages div.col_a {}
section.translator div.languages div.col_a div.btn_exchange {
    display: inline-block; vertical-align: middle;
    height: auto; width: 7%;/*exchange*/ margin: 0 0.5%;
    font-size: 18px; font-family: 'ibmregular';
/*    overflow: hidden;*/
}
section.translator div.languages div.col_a div.btn_exchange a {
    display: inline-block; width: 100%; height: 26px; vertical-align: middle;
    padding: .2em 0; font-size: 18px; font-family: 'ibmregular';
    background: transparent url('../images/ico_exchange_blue.svg') no-repeat center center; background-size: auto 70%;
}
section.translator div.languages div.col_a div.btn_exchange a:hover {background-color: #4f8abf; background-color: rgba(0,0,0,0.2);}
section.translator div.languages div.col_a div.btn_exchange span {display: none;}

section.translator div.languages div.col_a div.highlighted_lan ol li {margin-left: 5px;}
section.translator div.languages div.col_b div.highlighted_lan ol li {margin-right: 5px;}

section.translator div.languages div.dictionary {display: inline-block; margin-bottom: 2%;}

/*section.translator div.textboxes {*/
/*    background-color: #327bbe;*/
/*    background-image: url('../images/fnd_gray.png'), url('../images/fnd_morado.png');*/
/*    background-repeat: no-repeat, no-repeat;*/
/*    background-position: bottom center, center center;*/
/*    background-size: 100% 80px, 100% 100%;*/
/*}*/
section.translator div.textboxes{
    width: 70%;
    margin: auto;
    font-family: ibmbold;
}
section.translator div.textboxes div.textbox {
    display: inline-block; width: 100%; vertical-align: top; height: auto; background-color: #fff;
    border: #cccccc; border-style: solid; border-width: 1px;
}
section.translator div.textboxes div.mejorarModal textarea.observacion{
    height: 80px;
}
section.translator div.textboxes div.mejorarModal textarea.propuesta{
    height: 150px;
}
section.translator div.textboxes div.mejorarModal textarea.observacion, section.translator div.textboxes div.mejorarModal textarea.propuesta {
    display: inline-block; width: 100%; vertical-align: top; background-color: #fff;
    border: #cccccc; border-style: solid; border-width: 1px; color: grey; padding: 2%; font-size: 14px; z-index: 50;
}
section.translator div.textboxes div.mejorarModal div.titles{
    display: block;
    padding-bottom: 1rem;
}
section.translator div.textboxes div.mejorarModal div.observations{
    padding-bottom: 1rem;
}
section.translator div.textboxes div.mejorarModal div.title1, section.translator div.textboxes div.mejorarModal div.title2{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
section.translator div.textboxes div.mejorarModal div.title2{
    margin-top: 1rem;
}
section.translator div.textboxes div.mejorarModal div.actions{
    padding-top: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: end;
}
section.translator div.textboxes div.col_a div.textbox {width: 91%; margin-right: 9%;/*exchange*/}
section.translator div.textboxes div.textbox textarea,
section.translator div.textboxes div.textbox div.textarea {display: block; width: 100%; height: 300px; box-sizing: border-box; padding: 2%; font-family: 'ibmregular'; text-align: left; font-size: 18px; overflow: auto;}
section.translator div.textboxes div.textbox div.textarea {display: block; width: 100%; height: 300px; box-sizing: border-box; padding: 2%; font-family: 'ibmregular'; text-align: left; font-size: 18px; overflow: auto;}
section.translator div.textboxes div.textbox div.textarea.unknown span {display: inline-block; border-bottom: 1px solid #589ad5;}
section.translator div.textboxes div.textbox textarea {border: 0; resize: none;}

section.translator div.textboxes div.textbox div.options {
    display: block; width: 100%; height: 40px; overflow: hidden; position: relative;
    border-top: 1px solid #deebf7;
    text-align: right;
}
section.translator div.textboxes div.textbox div.options div.count {display: inline-block; position: absolute; left: 0; margin: 10px 0 0 10px; font-size: 14px; color: #327bbe;}
section.translator div.textboxes div.textbox div.options label.checkbox {
    position: absolute; left: 0; margin: 8px 0 0 10px; color: #327bbe;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
section.translator div.textboxes div.textbox div.options ul.actions {display: inline-block; list-style: none; margin-top: 8px;}
section.translator div.textboxes div.textbox div.options ul.actions li {
    display: inline-block; margin-right: 10px; font-size: 16px;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
section.translator div.textboxes div.textbox div.options ul.actions li a {display: inline-block; color: #327bbe; padding: .1em .2em .1em 1.6em; text-decoration: none; background-repeat: no-repeat; background-position: left 4px center; background-size: 18.5px auto;}
section.translator div.textboxes div.textbox div.options ul.actions li.read a {background-image: url('../images/ico_spiker_b.png');}
section.translator div.textboxes div.textbox div.options ul.actions li.copy a {background-image: url('../images/ico_copy_b.png');}
section.translator div.textboxes div.textbox div.options ul.actions li:not(.disable) a:hover {background-color: #327bbe; color: #fff;}
section.translator div.textboxes div.textbox div.options ul.actions li.read:not(.disable) a:hover {background-image: url('../images/ico_spiker_w.png');}
section.translator div.textboxes div.textbox div.options ul.actions li.copy:not(.disable) a:hover {background-image: url('../images/ico_copy_w.png');}
section.translator div.textboxes div.textbox div.options ul.actions li.disable {opacity: .3;}
section.translator div.textboxes div.textbox div.options ul.actions li.disable a:hover {cursor: default;}
section.translator div.textboxes div.links {display: block; width: 98%; margin: 0 1%; height: 40px; overflow: hidden; text-align: left;}
section.translator div.textboxes div.links a {display: inline-block; margin: 10px 10px 0 10px; font-size: 16px; color: #327bbe; text-decoration: none;}
section.translator div.textboxes div.links a:hover {text-decoration: underline;}
section.translator div.textboxes div.links a.upload {padding: .1em .2em .1em 1.4em; background-image: url('../images/ico_upload_m.png'); background-repeat: no-repeat; background-position: left center; background-size: 18.5px auto;}

section.translator div.buttons {margin: 1% 2% 0 0;}
section.translator div.buttons div.col_a input {font-family: ibmregular; font-weight: unset; margin-right: 6%;text-transform: uppercase; width: 9rem/*exchange*/}

section.translator div.uploader {
    background-repeat: no-repeat, no-repeat;
    background-position: bottom center, center center;
    background-size: 100% 80px, 100% 100%;
}
section.translator div.uploader div.upload {
    display: block; width: 70%; margin: 0 auto; height: auto; background-color: #fff;
    box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.2);
}
section.translator div.uploader div.upload div.upload_box {display: block; width: auto; height: auto; padding: 2%;}
section.translator div.uploader div.upload div.options {
    display: block; width: 100%; height: 40px; overflow: hidden; position: relative;
    border-top: 1px solid #deebf7;
    text-align: right;
}
section.translator div.uploader div.upload div.options div.count {display: inline-block; margin: 10px 10px 0 0; font-size: 14px; color: #327bbe;}
section.translator div.uploader div.upload div.options label.checkbox {
    position: absolute; left: 0; margin: 8px 0 0 10px; color: #327bbe;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
section.translator div.uploader div.links {display: block; width: 70%; margin: 0 auto; height: 40px; overflow: hidden; text-align: left;}
section.translator div.uploader div.links a {display: inline-block; margin: 10px 10px 0 10px; font-size: 16px; color: #327bbe; text-decoration: none;}
section.translator div.uploader div.links a:hover {text-decoration: underline;}
section.translator div.uploader div.links a.txturl {padding: .1em 0 .1em 1.6em; background-image: url('../images/ico_txturl_m.png'); background-repeat: no-repeat; background-position: left center; background-size: 20px auto;}

.dropzone {
    min-height: auto; padding: 0;
    border: 3px dashed #ccc;
    background: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.dropzone.dz-drag-hover {border-color: #589ad5;}
.dropzone.window {display: block; height: 90%; width: 90%; margin: 4% auto 0 auto;}
.dropzone .dz-message {
    font-size: 18px; color: #999;
    padding-top: 80px;
    background: transparent url(../images/ico_upload_g.png) no-repeat top center; background-size: 64px auto;
}
.dropzone .dz-preview.dz-file-preview .dz-image,
.dropzone .dz-preview .dz-image {border-radius: 0;}

section.modal, section.exception {display: none; width: 100%; height: auto; min-height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 550;}
section.modal div.msg {display: none; width: 100%; height: 100%; position: fixed; background-color: #589ad5; background-color: rgba(88,154,213,.7);}
section.modal div.bug, section.exception div.bug {display: none; width: 100%; height: 100%; position: fixed; background-color: #d5652b; background-color: grey}
section.modal div.down {display: none; width: 100%; height: 100%; position: fixed; background-color: #589ad5; background-color: rgba(88,154,213,.7);}
section.modal div.process {display: none; width: 100%; height: 100%; position: fixed; background-color: #589ad5; background-color: rgba(88,154,213,.7);}
section.modal div.helper {display: none; width: 100%; height: auto; min-height: 100%; background-color: #589ad5; background-color: rgba(88,154,213,.5); position: absolute;}
section.modal div.titlebar, section.exception div.titlebar {
    display: block; width: 100%; height: auto;
    position: fixed; z-index: 100; background-color: #fff;
    padding: .2em 0 .2em 0;
    font-size: 18px; text-transform: uppercase; color: #327bbe; text-align: center;
}
section.modal div.titlebar a, section.exception div.titlebar a {
    display: inline-block; width: 31px; height: 100%; position: absolute; top: 0; right: 0;
    background-color: #327bbe;
    background-image: url('../images/ico_close.png'); background-repeat: no-repeat; background-position: center center; background-size: 16px auto;
    cursor: pointer;
}
section.modal div.titlebar a:hover, section.exception div.titlebar a:hover {background-color: #395f96;}
section.modal div.titlebar a span, section.exception div.titlebar a span {display: none;}
section.modal div.bug div.titlebar, section.exception div.bug div.titlebar {color: #327bbe;}
section.modal div.bug div.titlebar a, section.exception div.bug div.titlebar a {background-color: #327bbe;}
section.modal div.bug div.titlebar a:hover, section.exception div.bug div.titlebar a:hover {background-color: #327bbe;}

section.modal div.message, section.exception div.message {display: block; box-sizing: border-box; background-color: #fff; width: 60%; height: auto; text-align: center; margin: 15% auto 0 auto; padding: 3% 5% 2% 5%; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);}
section.modal div.message div, section.exception div.message div {display: block; margin-bottom: 30px; font-size: 20px; color: #327bbe; text-align: center; padding-top: 20%; background-color: transparent; background-position: center top; background-size: auto 50%; background-repeat: no-repeat;}
section.modal div.msg div.message div {background-image: url(../images/nos_tradutor.svg);}
section.modal div.bug div.message div, section.exception div.bug div.message div {color: #327bbe; background-image: url(../images/nos_tradutor.svg);}
section.modal div.down div.message div {background-image: url(../images/ico_down.png);}
section.modal div.process div.message div {padding-top: 8%;}
section.modal div.message input {display: inline-block; margin: 0 3%;}
section.exception, section.exception div.bug {display: block;}

section.modal .loader {
    display: block; margin: 0 auto;
    border: 6px solid #eee; /* Light grey */
    border-top: 6px solid #327bbe; /* Blue */
    border-radius: 50%;
    width: 90px;
    height: 90px;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

section.generic {
    display: block; background-color: #fff; border-top: 1px solid #327bbe; padding-top: 2em; padding-left: 2em; padding-right: 2em; /* padding-bottom especificado más arriba */
    font-size: 16px; color: #333;
}
section.generic h1 {display: block; font-size: 36px; padding: 0 0 20px 0; font-family: 'ibmlight'; font-size: 40px; color: #327bbe; text-transform: uppercase;}
section.generic h2 {display: block; font-size: 24px; padding: 10px 0 6px 0; color: #000;}
section.generic h3 {display: block; font-size: 22px; padding: 6px 0 4px 0; color: #000;}
section.generic h4 {display: block; font-size: 20px; padding: 2px 0; color: #000;}
section.generic h5, section.generic h6{
    inline-size: 70%;
    overflow-wrap: break-word;
    text-align: justify;
    font-size: 16px;
    margin: auto;
    padding: 10px;
}
section.generic p {padding-bottom: 1em;}
section.generic ol, section.generic ul {padding: 0 0 .5em 2em;}
section.generic li {padding-bottom: .5em;}

div.formulario {display: block; width: 50%; margin: 0 auto; padding: 1em; overflow: hidden;}
div.fieldcontain, div.botons {display: block; clear: both; padding-bottom: 1em;}
div.formulario label {display: inline-block; width: 40%; box-sizing: border-box; vertical-align: top; font-size: 16px; color: #666; padding: .5em; text-align: left;}
div.formulario input[type='text'], div.formulario input[type='email'], div.formulario textarea {display: inline-block; width: 59%; box-sizing: border-box; vertical-align: top; background-color: #fff; color: #000; font-size: inherit; padding: .5em; resize: none; border: 1px solid #ccc;}
div.formulario .custom_select {border: 1px solid #333; border: 1px solid #ccc;}
div.botons {text-align: right;}

section.generic ul.descargas {
    display: block;
    clear: both;
    margin-bottom: 1em;
    padding: 0;
    font-size: 16px;
}
section.generic ul.descargas li {
    display: inline-block; vertical-align: top;
    width: 250px; height: auto;
    margin: 1em;
    padding: 0;
}
section.generic ul.descargas li a {
    display: block; width: auto; height: auto; min-height: 60px; padding: .5em .5em .5em 50px; box-sizing: border-box;
    color: #fff; text-decoration: none;
    background-color: #af3757;
    background-repeat: no-repeat;
    background-position: top left;
}
section.generic ul.descargas li a:hover {background-color: #327bbe;}
section.generic ul.descargas li.pdf a {background-image: url('../images/ico_pdf.png');}
section.generic ul.descargas li.word a {background-image: url('../images/ico_word.png');}
section.generic ul.descargas li.firefox a {background-image: url('../images/ico_firefox.png');}
section.generic ul.descargas li.chrome a {background-image: url('../images/ico_chrome.png');}



/*
div#sponsors {display: block; clear: both; width: auto; height: auto; box-sizing: border-box; margin: 30px 0 10px 0; text-align: right;}
div#sponsors a {display: inline-block; vertical-align: middle; margin: 0 10px;}
div#sponsors a span {display: none;}
div#sponsors a#feder {
    width: 156px; height: 40px;
    
	-webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto;
}*/

/* BLOQUE PIE *****************/
footer {
    display: block; width: 100%; height: auto; padding-bottom: 10px; color: #fff; font-size: 12px; overflow: hidden;
    bottom: 0; left: 0;
    border-top:  2px solid #80808061;
    background-color: white;
    /*background: #666666 url('../images/fnd_grey.png') repeat center center;*/
}
body > #content > footer h1 a span{display: none}
html body > #content > footer #header-logos {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    margin: auto;
    width: 70%;
    padding: 15px 10px 15px 10px;
    height: 50%;
}
html body > #content > footer a.citius {
    display: block;
    background: transparent url("../images/citius.svg") no-repeat center left;
    width: 320px;
    height: 85px;
    margin-right: 5em;
}
html body > #content > footer a.ilg {
    display: block;
    background: transparent url("../images/ilg.svg") no-repeat center left;
    width: 360px;
    height: 85px;
    background-size: cover;
}

.opus, .talga {
    width: 152px;
}
/*footer div.xunta span,
footer div.galicia span {display: none;}
footer div.xunta {
	display: block; width: 94px; height: 30px; margin: 10px 20px 0 20px; float: left;
	
	-webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto;
}
footer div.galicia {
	display: block; width: 92px; height: 30px; margin: 10px 20px 0 0; float: right;
	
	-webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto;
}
footer div.xunta a,
footer div.galicia a {display: block; width: 100%; height: 100%;}*/
footer div.texto {
	display: block; width: 550px; height: 30px; padding: 10px 0 0 20px; float: left;
}
footer div.texto a {color: #fff; padding: 0 2px; text-decoration: none;}
footer div.texto a:hover,
footer div.texto a:active {background-color: #fff; color: #333;}

/* FOCUS */
header h1 a:focus,
header h2 a:focus,
section.modal div.titlebar a:focus,
.dropdown .dropbtn:focus,
div#btn_menu a:focus,
.dropdown .dropbtn:focus,
.dropdown ul li a:focus,
body > #content > nav > div.help a:focus,
.btncombo select:focus,
/*div.highlighted_lan ol li a:focus,*/
section.translator div.languages div.col_a div.btn_exchange a:focus,
.selcombo select:focus,
section.translator div.textboxes div.textbox textarea:focus,
section.translator div.textboxes div.textbox div.options ul.actions li a:focus,
#unknown_word:focus,
section.translator div.links a:focus,
section.translator div.buttons input:focus,
section.translator div.uploader div.upload #mydropzone:focus,
div#sponsors a#feder:focus,
ul.descargas li a:focus,
div.formulario form input:focus,
div.formulario form select:focus,
div.formulario form textarea:focus,
footer a:focus {outline:none; -webkit-box-shadow: 0px 0px 1px 1px #327bbe; -moz-box-shadow: 0px 0px 1px 1px #327bbe;; box-shadow: 0px 0px 1px 1px #327bbe;}



/* ENGADIDOS*/
#contenedor {
    white-space: pre-wrap;
    background-color: #f2f2f2;
}

/*
//Para que non se poda seleccionar texto na caixa destino
#contenedor {
    user-select: none;
    -ms-user-select: none;
    -o-user-select:none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}*/

select#tematicos.disable {
    text-decoration: line-through;
    color: #ccc;
    background-color: #327bbe;
    background-color: rgba(0,0,0,0.4); 
    background-image: url('../images/ico_arrow_w.png');
}

/* BOTON SELECT TEXT */
section.translator div.textboxes div.textbox div.options ul.actions li.select a {background-image: url('../images/ico_select_b.png');}

/* FOOTER */
footer div.contacto {
	display: block; height: 30px; margin: 10px 20px 0 0; float: right;
}
.arrow_box.exchange{
    width: 95px;
}
footer div.contacto a {color: #fff; padding: 0 2px; text-decoration: none;}
footer div.contacto a:hover,
footer div.contacto a:active {background-color: #fff; color: #333;}
footer div.contacto em {color: #fff;}

/*section#feder { display: block; width: 100%; height: 40px; background-color: transparent;  font-size: 12px; overflow: hidden;
    position: absolute; bottom: 70px; left: 0;}
section#feder div.feder span {display: none;}
section#feder div.feder {
	display: block; width: 156px; height: 40px; margin: 0 20px 0 0; float: right;
	
	-webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto;
}
div.feder a {display: block; width: 100%; height: 100%;}*/

/* TOOLTIP */
section.modal div.tooltip {display: none; width: 100%; height: auto; min-height: 100%; background-color: #589ad5; background-color: rgba(88,154,213,.5); position: absolute;}
.tooltip_box {
    position: absolute;
    background: #327bbe;
    border: 2px solid #fff;
    display: block; width: 100px; height: auto; color: #fff; font-size: 18px; padding: .5em;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);
}
.tooltip_box.top, .tooltip_box.bottom {text-align: center;}
.tooltip_box.left {text-align: left;}
.tooltip_box.right {text-align: right;}
.tooltip_box:after, .tooltip_box:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.tooltip_box.top:after, .tooltip_box.top:before {bottom: 100%; left: 50%;}
.tooltip_box.right:after, .tooltip_box.right:before {left: 100%; top: 50%;}
.tooltip_box.bottom:after, .tooltip_box.bottom:before {top: 100%; left: 50%;}
.tooltip_box.left:after, .tooltip_box.left:before {right: 100%; top: 50%;}
.tooltip_box:after {
    border-color: rgba(70, 117, 184, 0);

    border-width: 15px;
}
.tooltip_box.top:after {border-bottom-color: #327bbe; margin-left: -15px;}
.tooltip_box.right:after {border-left-color: #327bbe; margin-top: -15px;}
.tooltip_box.bottom:after {border-top-color: #327bbe; margin-left: -15px;}
.tooltip_box.left:after {border-right-color: #327bbe; margin-top: -15px;}
.tooltip_box:before {
    border-color: rgba(255, 255, 255, 0);
    border-width: 18px;
}
.tooltip_box.top:before {border-bottom-color: #fff; margin-left: -18px;}
.tooltip_box.right:before {border-left-color: #fff; margin-top: -18px;}
.tooltip_box.bottom:before {border-top-color: #fff; margin-left: -18px;}
.tooltip_box.left:before {border-right-color: #fff; margin-top: -18px;}

section.modal div.titlebar a.red{
    background-color: #f26523;
}
.select-translation-type {
    display: flex;
    padding: 20px 0 10px;
    justify-content: center;
    column-gap: 12px;
    margin: 16px 0;
}

.select-translation-type > ul {
    list-style: none;
}

.select-translation-type > li {
    list-style: none;
}

.element-type-translation {
    font-size: 16px;
    text-decoration: none;
    min-width: 150px;
    padding: 8px 12px;
    border: 1px solid #2f2f2f;
    color: black;
}
.element-type-translation.sel {
    background: #327bbe;
    min-width: 150px;
    padding: 8px 12px;
    color: white;
}