@font-face {
    font-family: "opensans_regular";
    src: url("opensans-regular.eot");
    src: url("opensans-regular.eot?") format("embedded-opentype"), url("opensans-regular.woff") format("woff"), url("opensans-regular.TTF") format("truetype"), url("opensans-regular.svg#opensans-regular") format("svg");
}

@font-face {
    font-family: "opensans_semibold";
    src: url("opensans-semibold.eot");
    src: url("opensans-semibold.eot?") format("embedded-opentype"), url("opensans-semibold.woff") format("woff"), url("opensans-semibold.TTF") format("truetype"), url("opensans-semibold.svg#opensans-semibold") format("svg");
}

@font-face {
    font-family: "opensans_bold";
    src: url("opensans-bold.eot");
    src: url("opensans-bold.eot?") format("embedded-opentype"), url("opensans-bold.woff") format("woff"), url("opensans-bold.TTF") format("truetype"), url("opensans-bold.svg#opensans-bold") format("svg");
}

html,
body {
    font-family: "opensans_regular";
}

label {
    color: #005e5d;
}

.modal-content {
    margin-top: 3em;
}

.modal-header {
    background-color: #005e5d;
    color: white;
}

.modal-header h5 {
    font-family: "opensans_bold";
}

.modal-header .close {
    margin-top: -10px;
}

.cabecera {
    background: #005e5d url("../images/titulo_cabecera_fondo.png") no-repeat right;
    font-family: 'opensans_bold';
    height: 100%;
    text-align:center; 
    display:table;
    width:100%;
}

.cabecera-parent {
    padding: 0;
}

.cabecera h1 {
    font-size: 1.8em;
    color: white;
    text-align: center;
    margin: 0em;
    padding: 0.3em;
    display:table-cell; 
    vertical-align:middle
}


/*---------------Formularios---------------------------------------------------------------------*/

.filters-parent {
    background: url("../images/fondo_filtros.png") no-repeat bottom left;
    overflow: auto;
}

.filters-parent h2 {
    background: #b7bf10;
    color: white;
    font-family: opensans_semibold;
    font-weight: normal;
    font-size: 1.1em;
    width: 100%;
    margin: 0 0 .1em -1em;
    padding: 0.5em 0.6em;
    border-radius: 0px 0px 10px 0px;
    -moz-border-radius: 0px 0px 10px 0px;
    -webkit-border-radius: 0px 0px 10px 0px;
    border: 0px solid #000000;
    /*font-size: 1em; margin: 0 0 1em 0; font-weight: bold;*/
}

.filters-parent .dropdown.bootstrap-select {
    border: 1px solid #b7bf10;
    border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
}

.filters-parent .dropdown.bootstrap-select select {
    border: 1px solid #b7bf10;
    border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
}

.filters-parent input, .filters-parent textarea {
    border: 1px solid #b7bf10;
    border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #677910;
    border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
    border: 0px solid #000000;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    background: #e0eff0;
    color: #005e5d;
}

.bootstrap-select>.dropdown-toggle {
    background: white;
    color: #005e5d;
    border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
}

.bootstrap-select>.dropdown-toggle:hover {
    background: #e0eff0;
}

.bootstrap-select.show>.dropdown-toggle {
    background: #b7bf10;
    color: white;
}

.input-group-addon {
    color: white;
    background: #b7bf10;
    border: 1px solid #b7bf10;
    border-radius: 0px 20px 20px 0px;
    -moz-border-radius: 0px 20px 20px 0px;
    -webkit-border-radius: 0px 20px 20px 0px;
}

.input-group-addon:hover {
    color: white;
    background: #009ca6;
    border: 1px solid #009ca6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.contenedor_btlimpiar {
    text-align: right;
    margin: 1em 0;
}

.bt_limpiar {
    color: white;
    background: #005e5d url("../images/ico_limpiar.png") no-repeat 1em 0.5em;
    padding: 0.5em 1em 0.5em 2.8em;
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 0px solid #000000;
}

.bt_limpiar:hover {
    background: #009ca6 url("../images/ico_limpiar.png") no-repeat 1em 0.5em;
    color: white;
}

.btn-limpiar:active,
.btn-limpiar:focus {
    background: #009ca6 no-repeat 1em 0.5em;
    color: white;
}

.btn-default:active,
.btn-default:focus {
    background: #009ca6 no-repeat 1em 0.5em;
    color: white;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: white;
    background-color: #009ca6;
    border-color: #009ca6;
}


/*---------------Fin Formularios---------------------------------------------------------------------*/


/*---------------Ventana emergente BBPP---------------------------------------------------------------------*/

.modal-header h4 {
    width: 100%;
    margin: 0 0.5em;
}

.infoContainer {
    color: #434343;
}

.vt_titulo {
    font-family: opensans_semibold;
    color: #005e5d;
    width: 100%;
    display: block;
}

.vt_enlace {
    padding: 0.5em 0;
}

.vt_enlace a {
    font-family: opensans_semibold;
    color: #434343;
    background: url("../images/ico_mail.png")no-repeat 0;
    padding: 1em 0 1em 2.5em;
}

.vt_enlace a:hover {
    text-decoration: none;
    color: black;
    background: url("../images/ico_mail_2.png")no-repeat 0;
}

.vt_web {
    padding: 0.5em 0;
}

.vt_web a {
    font-family: opensans_semibold;
    color: #434343;
    background: url("../images/ico_web.png")no-repeat 0;
    padding: 1em 0 1em 2.5em;
}

.vt_web a:hover {
    text-decoration: none;
    color: black;
    background: url("../images/ico_web_2.png")no-repeat 0;
}


/*---------------Fin Ventana emergente BBPP---------------------------------------------------------------------*/


/*---------------Menu acordeon GGOO---------------------------------------------------------------------*/

.v_lista_acordeon {
    overflow: scroll;
}

.v_lista_acordeon h4 {
    background: #006C73;
    color: white;
    font-family: opensans_semibold;
    font-weight: normal;
    font-size: 1.3em;
    /* width: fit-content; */
    margin: 0;
    padding: 0.5em 0.6em;
    /* border-radius: 0px 0px 10px 0px; */
    /*-moz-border-radius: 0px 0px 10px 0px;*/
    /* -webkit-border-radius: 0px 0px 10px 0px; */
    border: 0px solid #000000;
}

.v_lista_acordeon .boton {
    background: #006C73 url("../images/ico_descargar_excel.png")no-repeat 1em 0.4em;
    color: white;
    width: 180px;
    padding-left: 1.5em;
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border: 0px solid #000000;
}


/* .fa-file-download::before {
    content: "";
} */

.v_lista_acordeon .boton:hover {
    background: #963821 url("../images/ico_descargar_excel.png")no-repeat 1em 0.4em;
}


/****n1*****/

ul#ggooList {}

#treeResultsList .tree li {
    background: #009CA6;
    margin-bottom: 1px;
    display: block;
}

#treeResultsList .tree li:hover {
    background: #A5D3D7;
    color: #006C73;
}

#treeResultsList .tree li a {
    color: white;
    font-family: opensans_semibold;
    font-weight: bold;
}

#treeResultsList .tree li a:hover {
    color: #006C73;
}

#treeResultsList .tree .hasChildren .expanded {
    background: #009CA6;
}

#treeResultsList .tree .hasChildren .expanded a {
    color: white;
    font-family: opensans_semibold;
    font-weight: bold;
}

#treeResultsList li a span {
    display: block;
    float: right;
    right: 0;
    color: white;
    font-family: opensans_regular;
    font-size: 0.8em;
    position: relative;
    width: auto;
    background: none;
}

#treeResultsList .icon {
    display: block;
    content: "";
    background: url("../images/ico_triangulo_n1_1.png") no-repeat 0 0.5em;
    right: 0 auto;
    width: 10px;
    float: right;
}

#treeResultsList .icon::before {
    content: "";
}

#treeResultsList .tree .expanded .icon::before,
#treeResultsList .expanded .icon {
    content: "";
    background: url("../images/ico_triangulo_n1_2.png") no-repeat 0 0.5em;
}


/****n2*****/

#treeResultsList .show-effect {
    background: white;
}

#treeResultsList .tree li ul {
    background: white;
    margin-bottom: 0px;
}

#treeResultsList .tree li ul li {
    background: white;
    margin-bottom: 1px;
    margin-left: -2.8em;
    padding-left: 1em;
    border-bottom: 1px solid #006C73;
}


/*#treeResultsList .tree li ul li:hover,
#treeResultsList .tree li ul li:hover a{background:#006C73; color: white;}*/

#treeResultsList .tree li ul li a {
    color: #006C73;
    font-family: opensans_semibold;
    font-weight: normal;
    text-decoration: none;
}

#treeResultsList .tree li ul li.hasChildren .expanded,
#treeResultsList .tree li ul li.hasChildren .expanded span,
#treeResultsList .tree li ul li.hasChildren .expanded a {
    color: #006C73;
    background: #e8e8e8;
    margin-left: -1em;
    padding-left: 1.4em;
}

#treeResultsList .tree li ul li.hasChildren:hover .expanded,
#treeResultsList .tree li ul li.hasChildren:hover .expanded a {
    color: #006C73;
    background: #e8e8e8;
}

#treeResultsList li ul li a span {
    color: #006C73;
}


/*#treeResultsList li ul li:hover a span {color: white;}*/

#treeResultsList li ul li .icon {
    background: url("../images/ico_triangulo_n2_1.png") no-repeat 0 0.5em;
    right: 0 auto;
    width: 10px;
    float: right;
}

#treeResultsList li ul li:hover .icon {
    background: url("../images/ico_triangulo_n2_1.png") no-repeat 0 0.5em;
}

#treeResultsList li ul li .expanded .icon {
    background: url("../images/ico_triangulo_n2_2.png") no-repeat 0 0.5em;
    right: 0 auto;
    width: 10px;
    float: right;
}

#treeResultsList li ul li:hover .expanded .icon {
    background: url("../images/ico_triangulo_n2_2.png") no-repeat 0 0.5em;
}


/****n3*****/

#treeResultsList .tree li ul li ul {
    background: white;
    margin-bottom: 0px;
}

#treeResultsList .tree li ul li ul li {
    background: white url("../images/ico_triangulo_n3_1.png") no-repeat 0.8em 0.6em;
    margin-bottom: 1px;
    margin-left: -2.8em;
    padding-left: 1em;
}

#treeResultsList .tree li ul li ul li:hover {
    background: white url("../images/ico_triangulo_n3_1.png") no-repeat 0.8em 0.6em;
    color: #006C73;
}

#treeResultsList .tree li ul li ul li:hover a {
    color: #009CA6;
}

#treeResultsList .tree li ul li ul li a {
    color: #006C73;
    font-family: opensans_semibold;
    font-weight: normal;
    text-decoration: none;
}


/*#treeResultsList .tree li ul li:hover ul li span{background: red;}*/


/*ul#ggooList.tree li ul{}
ul#ggooList.tree li ul li{background:red;}*/


/*---------------Fin Menu acordeon GGOO---------------------------------------------------------------------*/


#mapBotones {
    position: absolute;
    top: .6em;
    left: .6em;
    z-index: 1000;
}

/* Alerts */
.alert {
    position: absolute;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 10px;
    bottom: 5px;
    z-index: 222;
    width: 17rem;
    left: 15px;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
  }
  
  .alert-success {
    color: #fff;
    background-color: rgba(8, 107, 43, 0.55);
    border-color: rgba(8, 107, 43, 0.55);
    width: auto;
  }
  
  .alert-info {
    color: #fff;
    background-color: rgba(59, 72, 80, 0.9);
    background-image: linear-gradient(30deg,
      rgba(59, 72, 80, 0.44),
      rgba(59, 68, 75, 0.44),
      rgba(60, 82, 88, 0.44));  
    color: #fff;
  }
  
  .alert-danger {
    color: #fff;
    background-color: rgba(152, 37, 47, 0.78);
    border-color: rgba(152, 37, 47, 0.78);
  }
  
  .alert-warning {
    color: #fdf7e4;
    background-color: rgba(191, 146, 7, 0.72);
  }
  
  .alert p {
    margin-bottom: 0px;
    font-size: 1.1rem;
  }
  
  .alert a.link-nav {
    color: #ffffff;
    text-decoration: underline;
    background-color: transparent;
    font-size: 1rem;
  
  }
  
  .alert strong {
    font-size: .8rem;
  }
  
  .alert-dismissible .close {
    padding: .15rem 1.25rem;
  }
  
  .alert i {
    padding: 2.3px;
    background: rgb(251 251 251 / 82%);
    border-radius: 10px;
    margin-left: 5px;
    margin-right: 5px;
    color: black;
  }
  
  .alert button, #remoteNotMsg button {
    background-color: rgb(76 175 80 / 0%);
    border: 2px solid white;
    border-radius: 15px;
    color: white;
    padding: 5px 10px 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
    transition: .4s;
  }
  
  .alert button:hover {
    cursor: pointer;
    color: black;
    background-color: white;
  }
  
  .close {
    text-shadow: none !important;
  }
  
  #hiddenDiv{
    position: absolute;
    top: 0;
    z-index: -1;
  }

.h-93 {
    height: 93%;
}
.h-7 {
    height: 7%;
}
.h-94 {
    height: 94%;
}
.h-6 {
    height: 6%;
}
