@charset "UTF-8";

/*--------------------------------------------------------------------------------------------
    ESTILOS PARA LAYOUT
---------------------------------------------------------------------------------------------*/

    * {
        border-radius: 0 !important;
    }

    html, body {
        font-size: 14px;
        overflow-x: hidden;
    }
    
    #content {
        overflow-y: auto;
    }

    div.map-world {
        max-width: 100%;
        max-height: 255px;
        display: relative;
        overflow-y: hidden;
    }
    
    a#login {
        top: 15px;
        right: 15px;
        color: #FFF;
        position: absolute;
        padding-right: 15px;
        display: inline-block;
    }
    
    a#login:hover {
        text-decoration: none;
    }
    
    div.title-container {
        left: 0;
        right: 0;
        top: 30%;
        z-index: 0;
        height: 80px;
        margin: 0 auto;
        text-align: center;
        position: absolute;
    }
    
    div.map-world h1 a {
        color: #FFF;
        font-size: 60px;
        font-weight: 600;
        text-shadow: 0 1px 0 #ccc, 
        0 2px 0 #c9c9c9,
        0 3px 0 #bbb,
        0 4px 0 #b9b9b9,
        0 5px 0 #aaa,
        0 6px 1px rgba(0, 0, 0, .1),
        0 0 5px rgba(0, 0, 0, .1),
        0 1px 3px rgba(0, 0, 0, .3),
        0 3px 5px rgba(0, 0, 0, .2),
        0 5px 10px rgba(0, 0, 0, .25),
        0 10px 10px rgba(0, 0, 0, .2),
        0 20px 20px rgba(0, 0, 0, .15);
    }
    
    div.map-world h1 a:hover {
        text-decoration: none;
    }
    
    div.map-world img {
        width: 100%;
        max-height: 254px;
    }

    main {
        margin: 15px;
    }
    
    main div.panel.panel-default > div.panel-heading {
        color: #FFF;
        border: 1px solid #000;
        background-color: #00487F;
    }
    
    span.select2-selection__rendered {
        line-height: 1.9;
    }
    
    span.select2-search.select2-search--dropdown > input {
        height: 40px;
    }
    
    span.select2-dropdown.select2-dropdown--below {
        margin-top: -7px;
    }
    
    div#countryData {
        display: none;
        margin-top: 1rem;
        margin-bottom: 0;
        padding-bottom: 3px;
        border: 1px solid #CCC;
    }
    
    div#last-update {
        display: none;
        color: #00487F;
        padding-top: 1rem;
        text-align: center;
        margin-bottom: 2rem;
    }
    
    ul.nav.nav-tabs {
        border: none;
        min-width: 100%;
        padding-left: 0;
        margin-left: -15px;
    }
    
    ul.nav.nav-tabs li {
        display: block;
        min-width: 100%;
        background-color: #00487F; 
        /*border-bottom: 1px solid #FFF;*/
    }
    
    ul.nav.nav-tabs li a {
        margin: 0;
        color: #FFF;
        width: 100%;
        border: none;
        display: block;
        min-height: 55px;
        font-size: .8rem;
        font-weight: 600;
        padding-top: 18px;
        position: relative;
    }
    
    span.glyphicon.glyphicon-play {
        float: right;
    }
    
    ul.nav.nav-tabs li.active a {
        min-height: 55px;
    }
    
    ul.nav.nav-tabs li.active {
        border-bottom: 1px solid #FFF;
    }
    
    ul.nav.nav-tabs li:hover {
        border-top: none;
        border-left: none;
        border-right: none;
    }
    
    ul.nav.nav-tabs li:hover,
    ul.nav.nav-tabs li:hover a {
        color: #FFF !important;
        background-color: #1292D9; 
    }
    
    ul.nav.nav-tabs li.active:hover {
        border-bottom: 1px solid #FFF;
    }
    
    ul.nav.nav-tabs li.active,
    ul.nav.nav-tabs li.active a {
        border: none;
    }

    ul.nav.nav-tabs li.active a {
        color: #00487F;
    }
    
    ul.nav.nav a span.anchor-text {
        width: 90%;
        float: left;
        display: table-cell;
    }
    
    ul.nav.nav a span.glyphicon {
        min-width: 5%;
        float: right;
        display: inline-block;
    }
    
    div.content {
        padding: 30px 30px 30px 0;
    }
    
    div#countries-glow {
        padding-top: 15px;
        text-align: center;
        padding-bottom: 2rem;
        border-bottom: 1px dashed #00487F;
    }
    
    div#countries-glow > a {
        color: #1493DA;
        margin: 0 5px 10px;
        display: inline-block;
        text-shadow: 1px 1px 3px;
    }
    
    div#countries-glow > a.cloud-1 {
        font-size: 0.8rem;
        transform: rotateZ(1deg);
    }
    
    div#countries-glow > a.cloud-2 {
        font-size: 1.2rem;
        transform: rotateZ(-1deg);
    }
    
    div#countries-glow > a.cloud-3 {
        font-size: 1.6rem;
        transform: rotateZ(3deg);
    }
    
    div#countries-glow > a.cloud-4 {
        font-size: 2.0rem;
        transform: rotateZ(-3deg);
    }
    
    div#countries-glow > a.cloud-5 {
        font-size: 2.4rem;
        transform: rotateZ(5deg);
    }
    
    div#countries-glow a.cloud:hover,
    div#countries-glow a.cloud:focus,
    div#countries-glow a.cloud:active {
        color: #00487F;
        text-decoration: none;
    }
    
    div#countries-glow a.cloud:nth-child(odd) {
        text-transform: uppercase;
    }
    
    div#countries-glow a.cloud:nth-child(even) {
        text-transform: lowercase;
    }
    
    div#countries-count {
        text-align: center;
        margin-bottom: 2rem;
        border-bottom: 1px dashed #00487F;
    }
    
    div#countries-count > h2 {
        color: #00487F;
        font-size: 1.8rem;
    }

    div#iframe-content h5 {
        color: #00487F;
        font-size: 20px;
        font-weight: 600;
        margin-top: 10px;
        text-align: center;
        margin-bottom: 1.8rem;
    }
    
    div#iframe-content iframe {
        border: none;
        width: 100% !important;
        height: 100% !important;
    }
    
    footer {
        min-height: 60px;
        text-align: center;
        background-color: #00487F;
    }
    
    footer p {
        color: #FFF;
        padding: 2rem 10px;
        display: inline-block;
    }
    
    footer p a {
        color: #FFF;
        display: inline-block; 
    }
    
    footer p a:hover,
    footer p a:visited {
        color: #FFF;
    }
    
    div#disclaimer {
        margin-bottom: 4rem;
    }
    
    div#disclaimer h3 {
        color: #000;
        text-decoration: underline;
    }
    
    div#disclaimer p {
        color: #444;
        text-align: justify;
    }
    
    div#contacts h2 {
        margin-bottom: 3rem;
    }
    
    div.addresses-section {
        margin-top: 2rem;
    }
    
    div.addresses-section h4 {
        margin-top: 3rem;
    }
    
    div.addresses-section div.address,
    div.addresses-section div.contacts {
        margin-top: 2rem;
    }
    
    div.official-logos {
        text-align: center;
        margin-bottom: 1.00rem;
    }
    
    div > div.official-logos > a > img:nth-child(1) {
        max-height: 100px;
    }
    
    div > div.official-logos > a > img:nth-child(1) {
        max-width: 436px;
    }
    
    div > div.official-logos > a {
        text-align: center;
        margin-left: 34px;
        margin-right: 35px;
    }
    
    .upper-logo-container {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }
    
    .upper-logo-container .logo-box {
        margin: 5px;
        min-width: 11.5rem;
        min-height: 8.0rem;
        max-width: 10.0rem;
        flex-basis: 15.0rem;
        display: inline-block;
        border: 1px solid #000000;
    }
    
    .upper-logo-container .logo-box:hover {
        border: 1px solid #00487F;
    }
    
    .upper-logo-container .logo-box a {
        color: black;
        display: flex;
        padding: 1.0rem;
        min-height: 100%;
        text-align: center;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .upper-logo-container .logo-box img {
        max-width: 8.50rem;
    }
    
    .upper-logo-container .logo-box a:hover {
        color: #00487F;
        text-decoration: none;
    }
    
    .upper-logo-container .logo-box h4 {
        font-weight: 600;
        font-size: .65rem;
    }
    
    .extra-courts {
        display: flex;
        min-height: 25.0rem;
        align-items: center;
    }
    
    .extra-courts h3 {
        color: #00487F;
        font-weight: 600;
        margin-top: 2.0rem;
        font-size: 0.95rem;
    }
    
    .extra-courts p {
        font-size: 0.85rem;
    }
    
    .hr-divider {
        height: 1px;
        background-color: #00487F;
    }
    
    p.more-info {
        margin-top: 3rem;
        color: #00487F;
        text-align: center;
        margin-bottom: 1.0rem;
    }

/*--------------------------------------------------------------------------------------------
    MEDIA QUARIES
---------------------------------------------------------------------------------------------*/

    @media (max-width: 480px) {
        div.map-world h1 a {
            font-size: 2.4rem;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        ul.nav.nav-tabs li a {
            padding-top: 10px;
        }
    }

    @media print {
        .noprint {display:none !important;}
        a:link:after, a:visited:after {  
          display: none;
          content: "";    
        }
    }
    
/*--------------------------------------------------------------------------------------------
    STYLESHEET ENDS
---------------------------------------------------------------------------------------------*/