#recalcular { display: none; }

.zzselect2-container--default .select2-results__option .select2-results__option { padding-left: .5em; }
.select2-results__option { padding: 3px; line-height: .9; }

@media (max-width: 480px) {
    body { font-size: 1.4em; }
    header { height: auto; width: 100%; background: #FFF; }
    header .logo { float:none; display: block; margin: 0 auto; }
    header .logo-ue { display: none; }
    header nav { height: auto; background: #3C3C3C; float: none; width: 100%; display: none; }
    header nav ul.secciones { padding: 5px 0;margin: 0; }
    header nav ul.secciones li { padding: 0; }
    header nav ul.secciones li a { display: block; text-align: center; font-size: 1.4em; padding: .5em 0; }
    header nav ul.list-inline > li { display: block; }

    header .trigger-mobile-menu {
        display: block; position: absolute; top: 0; right: 0; z-index: 9;
        background: url(../img/ui/hamburger-menu.png) center center no-repeat; border: none;
        width: 42px; height: 42px; margin: 6px 3px;
    }

    .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }
    .select2-results__option { padding: 6px; }

    #main { width: 100%; display: block; position: relative; }
    #main article, #main .sidebar { width: 100%; position: static; }

    .top { width: 100%; }

    .article-div { min-height: 0; width: 100%; }
    .article-div .boxes { display: none; }
    .article-div .contenido { padding: 0; float: none; width: 100%; }

    #main article nav.observatorio { display: block; height: auto; }
    #main article nav.observatorio ul { display: block; }
    #main article nav.observatorio ul li { display: block; width: 100%; }
    #main article nav.observatorio ul li a { font-size: 1.3em; padding: .5em 0; }

    #main article .inicio .contenido nav.util { display: none; }
    #main article .inicio .contenido .no-graficos { margin-top: 0; min-height: 0; }

    #main article #tooltipIndicador { width: 90%; margin: 6em 5% 0; position: absolute; }
    #main article #tooltipIndicador div { margin: 0; position: static; overflow: hidden; }
    #main article #tooltipIndicador div .arrow { display: none; }
    #main article #tooltipIndicador div .close { font-size: 3em; margin-top: -15px; }
    #main article #tooltipIndicador div button.btn-info { font-size: 1.2em; margin-top: 1em; width: 100%; display: block; }

    #main .sidebar .contenido { padding: 1em 1em 2em; }
    #main .sidebar .contenido .seleccionar {  }
    #main .sidebar .contenido .seleccionar a { display:inline-block; height: 30px; width: 30px;
        font-size: 1.5em; line-height: 1.5; text-align: center; }

    .sidebar form h3 { font-size: 1.3em; display: none; }
    .sidebar form label { font-size: 1.4em; display: block; }
    .sidebar form label.titulo { line-height: 30px; }
    .sidebar form .form-control { background: #FFF; height: auto; font-size: 1.2em; color: #666; }
    .sidebar form .checkboxes { border: 1px solid #888; height: auto; padding: 2% 2% 0 2%; overflow: hidden; }
    .sidebar form .checkboxes label { width: 30%; margin-right: 3%; display: inline-block; color: #FFF;
        font-size: .9em; height: 1.6em; overflow: hidden; }
    .sidebar form .checkboxes .wrap { width: 999em; }
    .sidebar form #checkboxesPaises { height: auto; overflow-y: hidden; }
    .sidebar form #checkboxesAnos { height: auto; overflow-y: hidden; }
    .sidebar form .btn-calcular { width: 204px; margin: 0 auto; }
    .sidebar form .info-indicador { display:inline-block; height: 30px; width: 30px;
        font-size: 1.5em; line-height: 1.5; text-align: center; }

    #modalObsTooltip .modal-body table { width: 100% !important; }
    #imprimir { display: none; }

    #recalcular { text-align: center; display: block; }
    #recalcular .compartir { margin-bottom: 5px; line-height: 42px; }
    #recalcular button { margin-bottom: 5px; }
    #recalcular .compartir a { display: inline-block; margin: 0 4px; height: 42px; width: 42px; }

    .article-div { padding: 1em; }
}

.sidebar form .info-indicador { color: #BBB; }
.sidebar form .info-indicador:hover { color: #EEE; }

.loading {
    font-size: 2em; padding: 1em 0; line-height: 1;
    color: #CCC;
}
.loading i {
    animation: rotate 0.8s infinite linear;
    height: 1em; width: 1em;
    animation-name: iconLoading;
    margin-right: .1em;
}
@keyframes iconLoading {
    0%    { transform: rotate(0deg); color: #999; }
    50%  { transform: rotate(180deg); color: #FFF; }
    100%  { transform: rotate(360deg); color: #999; }
}

/* SELECT2 */
.select2-container--default .select2-selection--single {
    background: #606060;
    color: #CCC;
    border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background: #606060;
    color: #CCC;
    line-height: 26px;
}