@charset "UTF-8";

/*-------------------------------------------------------------------------------------------
    IMPORTED ASSETS
--------------------------------------------------------------------------------------------*/

    @import url('vendors/font-awesome.min.css');
    @import url('vendors/open_sans_font.css');
    @import url('vendors/c3_v0.4.12.min.css');
    @import url('vendors/bootstrap.min.css');
    @import url('vendors/jquery.dynatable.css');
    @import url('vendors/datetimepicker.min.css');
    
    @import url('vendors/select2.min.css');
    @import url('vendors/select2-bootstrap.min.css');
    
    @import url('vendors/bootstrap-toggle.min.css');
    @import url('jquery.toast.min.css');

/*-------------------------------------------------------------------------------------------
    Base StyleSheet
--------------------------------------------------------------------------------------------*/

    @import url('base.css');
    @import url('center_eyeLevel_element.css');
    @import url('users/users_menu.css');
    @import url('vendors/bootstrap-social.css');
    @import url('users/local_login.css');
    
/*-------------------------------------------------------------------------------------------
    HEADER
--------------------------------------------------------------------------------------------*/

    header {
        min-height: 290px;
        background-color: #FFF;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url('/images/banner_2.jpeg');
    }
    
    a.navbar-brand {
        font-weight: 600;
    }
    
/*-------------------------------------------------------------------------------------------
    MAIN
--------------------------------------------------------------------------------------------*/

    main {
        overflow: hidden;
    }

/*-------------------------------------------------------------------------------------------
    FILTROS
--------------------------------------------------------------------------------------------*/

    input.input-search {
        border: 0;
        height: 50px;
        color: #F0B21D;
        font-size: 2rem;
        box-shadow: none;
        padding-left: 5px;
        border-bottom: 1px solid #F0B21D;
    }
    
    input.input-search:active { 
        border: none;
    }
    
    input.input-search:focus {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #663333;
    }
    
    input.input-search:hover {
        border: none;
        color: #000 !important;
        border-bottom: 1px solid #663333;
        background-color: RGBA(102, 51, 51, 0.1);
    }
    
    div.quick-search div#perform-search,
    div.users-quick-search div#perform-user-search {
        color: #FFF;
        min-width: 80px;
        background: #663333;
        border: 1px solid #663333;
    }
    
    div.quick-search div#perform-search span,
    div.users-quick-search div#perform-user-search span {
        font-size: 1.6rem;
    }
    
    div#perform-login {
        color: #FFF;
        min-width: 20px;
        background-color: #d9534f;
        border: 1px solid #d43f3a;
    }
    
    div#perform-login span {
        font-size: 1.6rem;
    }
    
    div.quick-search-dates {
        margin-bottom: 2rem;
    }

    div#filters-section {
        display: none;
    }
    
    select#filter-courts {
        border: 0;
        border: none;
        margin-top: 3px;
        max-height: 48px;
        overflow: hidden;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #663333;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
    }
    
    select#filter-courts::-ms-expand {
        display: none;
    }
    
    p#result-count {
        display: none;
        padding-top: 0;
        padding-left: 5px;
        margin-top: -10px;
    }
    
    .select2.select2-container {
        margin-top: 0;
    }
    
/*    .select2-selection {
        min-height: 48px !important;
        border: 1px solid #F0B21D !important;
    }
    
    .select2-selection:hover {
        border: 1px solid #3399CC !important;
    }*/
    
    .select2-selection:focus {
        outline: none;
    }
    
    .select2-selection__placeholder {
        font-size: 1.6rem;
        color: RGBA(240, 178, 29, .3) !important;
    }

    .select2-selection__rendered {
        padding-top: 5px;
        font-size: 1.6rem;
    }
    
    .select2-selection__arrow b {
        top: 70% !important;
    }
    
    input.select2-search__field {
        font-size: 1.6rem;
    }
    
    ul.select2-results__options li {
        color: #31519F;
        font-size: 1.6rem;
    }
    
    span.search-count{
        color: black;
        float: right;
    }
    
    div.results-found {
        background-color: #3399CC;
        min-height: 45px;
    }
    
    .select2-container--default 
    .select2-results__option--highlighted[aria-selected] {
        background-color: #3399CC;
    }
    
    .select2-container--default 
    .select2-selection--multiple .select2-selection__choice {
        color: #FFF;
        padding-bottom: 3px;
        background-color: #3399CC;
    }
    
    .select2-container--default 
    .select2-selection--multiple .select2-selection__choice__remove {
        color: #FFF;
        font-size: 1.4rem;
    }
    
    .select2-container--default 
    .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #FFF;
        font-size: 1.4rem;
    }
    
    .select2-container .select2-search--inline .select2-search__field {
        font-size: 2.0rem;
    }
    
    li[aria-selected="true"] {
        color: white !important;
        background-color: #444 !important;
    }
    
    #inner-filters-close,
    #inner-filters-search {
        font-weight: 600;
        margin-bottom: 5px;
    }
    
    .filters-header {
        background: #39C;
        background: #663333;
        border: 1px solid #663333;
    }
    
    .inner-filters-body {
        border: 1px solid #F0B21D;
    }
    
    .inner-filters-body label {
        color: #666;
        font-weight: 500;
        margin-bottom: 1px;
    }
    
/*-------------------------------------------------------------------------------------------
    RESULT LOADER
--------------------------------------------------------------------------------------------*/

    div#img-loader {
        position: relative;
    }
    
    .disable-section {
        pointer-events: none;
    }
    
    div#fade-background {
        top: 0;
        z-index: 2;
        display: none;
        min-width: 100%;
        min-height: 14rem;
        position: absolute;
        background-color: RGBA(240, 178, 29, .1);
    }
    
    img#loading-gif {
        top: 0;
        left: 0; 
        right: 0; 
        bottom: 0;
        z-index: 3;
        width: 128px;
        height: 128px;
        display: none;
        margin-top: auto;
        margin-left: auto; 
        margin-right: auto;
        margin-bottom: auto;
        position: absolute;
    }
    
/*-------------------------------------------------------------------------------------------
    DYNATABLE
--------------------------------------------------------------------------------------------*/

    ul#ecli-list {
        margin: 0;
        padding: 0;
        min-height: 6rem;
        overflow-x: hidden;
        margin-bottom: 1rem;
        list-style-type: none;
    }
    
    ul#ecli-list li {
        padding-bottom: 5px;
        background-color: #FFF;
        border-bottom: 1px dashed #39C;
        transition: background-color 250ms ease-in-out;
    }
    
    ul#ecli-list li:not(:first-of-type) {
        padding-top: 10px;
    }
    
    ul#ecli-list li:hover {
        background-color: RGBA(19, 108, 160, 0.1);
        transition: background-color 250ms ease-in-out;
    }
    
    a#sort-ecli:focus {
        color: #FFF;
        text-decoration: none;
    }

    p.dynatable-paragraph {
        color: #555;
        font-size: 15px;
        padding-right: 0;
        text-align: justify;
    }
   
    a.ecli-item-anchor {
        color: #F0B21D;
        padding-left: 0;
        font-weight: 600;
        font-size: 1.2rem;
        text-decoration: none !important;
    }
    
    a.ecli-item-anchor:hover {
        text-decoration: underline !important;
    }
    
    a.ecli-item-seemore,
    a.ecli-item-seemore i {
        color: #F0B21D;
        font-weight: 600;
        padding-left: 5px;
        font-size: 1.0rem;
        text-decoration: none !important;
    }

    a.ecli-item-seemore:hover,
    a.ecli-item-seemore:hover i{
        color: #39C;
        cursor: pointer;
    }
    
    span.ecli-list-item {
        color: #444;
        color: #3399CC;
        font-weight: 600;
        margin-right: 5px;
        /*text-transform: capitalize;*/
    }
    
    ul#dynatable-pagination-links-ecli-list {
        padding-left: 0;
    }
    
    span#dynatable-record-count-ecli-list,
    ul#dynatable-pagination-links-ecli-list {
        display: none;
    }
    
    span.ecli-list-item:not(:first-child) {
        margin-left: 10px;
    }

    span.relevance {
        font-weight: 600;
        margin-left: 10px;
        display: inline-table;
        vertical-align: text-top;
    }
    
    #ecli-list-dynatable > tr td > div > div > h5 {
        margin-bottom: 1rem;
    }

/*-------------------------------------------------------------------------------------------
    STATS CONTAINER
--------------------------------------------------------------------------------------------*/

    .stats-container .inner-container {
        color: #663333;
        padding: 1rem 0;
        margin-top: 3rem;
        background: #FFF;
        margin-bottom: 2rem;
        border-radius: 400px;
        border: 1px solid #663333;
        background-position: left bottom;
        transition: all 750ms ease-in-out;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
        background-size: 200% 100%;
    }
    
    .stats-container .inner-container:hover {
        border: 1px solid #39C;
        background-position: right bottom;
    }
    
    .stats-container .inner-container h2 {
        margin-top: 0;
        font-size: 5rem;
        text-align: left;
        margin-left: 25px;
        margin-bottom: 1rem;
    }
    
    .stats-container .inner-container span {
        font-size: 3rem;
        margin-left: 25px;
         -webkit-transition: transform 1000ms linear;
        -ms-transition: transform 1000ms linear;
        transition: transform 1000ms linear;
    }
    
    .stats-container .inner-container h4 {
        font-size: 2rem;
        text-align: right;
        padding-right: 25px;
        -webkit-transition: transform 1000ms linear;
        -ms-transition: transform 1000ms linear;
        transition: transform 1000ms linear;
    }
    
    .stats-container .inner-container:hover span {
        transform: scale(1.5);
        -webkit-transition: transform 1000ms linear;
        -ms-transition: transform 1000ms linear;
        transition: transform 1000ms linear;
    }
    
    .stats-container .inner-container:hover h4 {
        transform: scale(1.1);
        -webkit-transition: transform 1000ms linear;
        -ms-transition: transform 1000ms linear;
        transition: transform 1000ms linear;
    }
    
/*-------------------------------------------------------------------------------------------
    ECLI ITEM SECTION
--------------------------------------------------------------------------------------------*/

    div.item-sub-title {
        margin-bottom: 1rem;
    }
    
    .item-sub-title > div > h5 {
        color: #F0B21D;
        display: inline;
        font-weight: 600;
        font-size: 1.2rem;
        margin-right: 5px;
    }

    div.pdf-button-container {
        margin-bottom: 2.5rem;
    }
    
    div.pdf-button-container a,
    div.pdf-button-container a:visited {
        color: #FFF;
        font-weight: 600;
        font-size: 1.1rem;
        border: 1px solid #3399CC;
        background-color: #3399CC;
    }
    
    div.pdf-button-container a:hover {
        color: #FFF;
        border: 1px solid #F0B21D;
        background-color: #F0B21D;
    }
    
    div.col-md-12.single-item > ul li {
        font-weight: 600;
        font-size: 1.2rem;
        background-color: #3399CC;
    }

    div.col-md-12.single-item > ul li a {
        cursor: pointer;
        color: #FFF !important;
    }
    
    div.col-md-12.single-item > ul li a:focus {
        background-color: #3399CC;
    }
    
    div.col-md-12.single-item > ul li.active a {
        background-color: #F0B21D;
        border: 1px solid #F0B21D;
    }
    
    .nav-tabs> li > a {
        margin-right: 0;
    }
    
    #descriptors > div {
        padding-top: 2rem !important;
    }
    
    div.inner-tab-body {
        margin-top: 2rem;
        margin-bottom: 2rem;
        background-color: #F0B21D;
        border: 1px solid #F0B21D;
    }
    
    div.inner-tab-body > div:nth-child(1) > div:nth-child(1) {
        height: 34px;
    }
    
    div.inner-tab-body h4.main-title {
        color: #FFF;
        margin: 0;
        margin-top: 7px;
    }
    
    div.tab-pane p {
        text-align: justify;
    }
    
    div.tab-pane h4.main-title {
        color: #FFF;
        height: 45px;
        line-height: 2.3;
        margin-top: 2rem;
        padding-left: 1rem;
        margin-bottom: 2rem;
        background-color: #F0B21D;
        border: 1px solid #F0B21D;
    }
    
    span.highlight {
        color: #FFF;
        background-color: #F0B21D;
    }
    
    h4 > span.content {
        color: #337ab7;
        font-weight: 600;
    }
    
    .secondary:hover {
        width: 100%;
        background-color: #000 !important;
        border: 1px solid #000 !important;
    }
    
/*-------------------------------------------------------------------------------------------
    ITEM SUMMARY MODAL
--------------------------------------------------------------------------------------------*/

    a#ecli-item-pop {
        color: #663333;
        font-weight: 600;
    }
    
    a#ecli-item-pop:hover {
        text-decoration: underline;
    }
    
    h3#summary-title-pop {
        color: #3399CC;
        font-weight: 600;
    }
    
    p#summary-item-pop {
        color: #555;
        font-size: 1.1rem;
        text-align: justify;
    }
    
    #show-complete-summary .btn.btn-lg {
        background-color: #39C;
        border: 1px solid #39C;
    }
    
    #show-complete-summary .btn.btn-lg:hover {
        background-color: #3151DF;
        border: 1px solid #3151DF;
    }

/*-------------------------------------------------------------------------------------------
    GRAPHICS AREA
--------------------------------------------------------------------------------------------*/

    div.graphs-container {
        margin-bottom: 1rem;
    }

    div.graphs-container h4 {
        color: #3399CC;
        text-align: center;
        text-shadow: 1px 1px 1px RGBA(127, 127, 127, .5);
    }

    div.graphs-container.sub {
        margin-top: 0;
    }
    
    #decisionsType > svg > g > g.c3-axis.c3-axis-x > g > text {
        font-size: 8px !important;
    }
    
/*-------------------------------------------------------------------------------------------
    ÁREA DOS COUNTEÚDOS
--------------------------------------------------------------------------------------------*/

    div.content {
        font-size: 1rem;
        text-align: justify;
        margin-bottom: 3rem;
    }
    
    div.content h4 {
        font-weight: 600;
        margin-bottom: 1.6rem;
    }
    
    div.content ul li {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    div.content hr {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    
    div.content h4:not(:first-child) {
        margin-top: 2.6rem;
    }
    
    div.content a,
    div.content span.strong {
        color: #39C;
        font-weight: 600;
    }
    
/*-------------------------------------------------------------------------------------------
    PÁGINA DE CONTACTOS
--------------------------------------------------------------------------------------------*/

    .content-contact h3 {
        margin-top: -1.0rem;
        margin-bottom: 2.0rem;
        color: RGBA(64, 64, 64, 1);
    } 
    
    .content-contact .ddij {
        color: #F0B21D;
        margin-top: -5px;
        margin-bottom: 2rem;
    }

    .contact-item {
        text-align: center;
    }
    
    .contact-item h4 {
        color: #39C;
        font-size: 2rem;
        margin-bottom: 2rem;
    }
    
    .contact-item i {
        color: #663333;
        cursor: pointer;
        font-size: 4.5rem;
        margin-bottom: 1rem;
    }
    
    .contact-item a,
    .contact-item h5 {
        color: #39C;
    }
    
    .contact-extra {
        margin-top: 4rem;
    }
    
    .contact-extra h4 {
        color: #663333;
        font-weight: 600;
        margin-top: 3rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid #663333;
    }
    
    .contact-extra p {
        text-align: justify;
    }
    
    .contact-extra strong {
        color: #39C;
    }
    
    .contact-extra.days p {
        text-align: center;
    }
    
    hr.map-divider {
        border: 0;
        padding: 0;
        height: 1px;
        margin: 1em 0;
        display: block;
        margin-top: 2rem;
        border-top: 1px solid #663333;
    }
    
    div.map-container{
        width: 100%;
        margin: 2.5rem auto 2rem;
        border: 1px solid #663333;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    }

    div#google-maps {
        height: 0;
        overflow: hidden;
        padding-bottom: 0;
        position: relative;
    }
    
/*-------------------------------------------------------------------------------------------
    ANDROID APP
--------------------------------------------------------------------------------------------*/

    label.app {
        color: #444;
        font-weight: 600;
        font-size: 1.2rem;
    }

    h1.android-app {
        margin-bottom: 3rem;
    }
    
    .huge-font,
    .huge-font p.dynatable-paragraph {
        font-size: 1.3rem;
    }

    .huge-font a.ecli-item-seemore,
    .huge-font a.ecli-item-seemore i {
        font-size: 1.3rem;
    }

    .huge-font p.dynatable-paragraph.lower {
        text-align: left;
        font-size: 1.1rem;
    }

    .huge-font p.dynatable-paragraph.lower span.ecli-list-item {
        font-size: 1.3rem;
    }

/*-------------------------------------------------------------------------------------------
    ERROR PAGES
--------------------------------------------------------------------------------------------*/

    body div.error-404 a,
    body div.error-500 a {
        font-weight: 600;
        margin-top: 2rem;
    }
    
    .message.error p {
        font-weight: 600;
    }
    
    .message.error {
        margin-bottom: 2.5rem;
    }
    
/*-------------------------------------------------------------------------------------------
    MEDIA QUERIES
--------------------------------------------------------------------------------------------*/

    @media only screen and (max-width: 1210px) {
        div#right-side-menu a {
            line-height: 7;
            font-size: 1rem;
        }
    }
    
    @media only screen and (min-width: 992px) {
        #show-complete-summary .btn.btn-lg {
            margin-right: 10px;
        }
        #show-complete-summary .modal-body {
            padding: 25px;
        }
        #show-complete-summary .modal-content {
            /*margin-top: 14rem;*/
        }
    }

    @media only screen and (max-width: 992px) {

        header div.row h2 {
            font-weight: 600;
            font-size: 1.3rem;
        }
        
        .c3-axis-x .tick {
            display: none;
        }
        
        div#daByYear .c3-legend-item,
        div#decisionsType .c3-legend-item {
            display: none;
        }
        
        div.graphs-container.sub {
            margin-top: -2rem;
        }
        
        div.graphs-container .col-sm-7,
        div.graphs-container .col-sm-5 {
            margin-top: -4rem;
        }
        
        .footer-img-container {
            text-align: center;
        }
        
        .footer-img-container img {
            margin-bottom: 1rem;
        }
        
        .footer-disclaimer {
            margin-top: 1rem;
        }
    }
    
    @media only screen and (max-width: 860px) {
        
        footer div.col-xs-6 {
            width: 100% !important;
        }
        
        footer div.col-xs-6.left h5,
        footer div.col-xs-6.right h5 {
            padding-left: 0;
            text-align: left;
            margin-top: -1rem;
        }
    }
    
    @media only screen and (min-width: 768px) {
        h1.android-app {
            margin-top: 4rem;
            margin-bottom: 4rem;
        }
    }
    
    @media only screen and (max-width: 768px) {
        
        header {
            height: 290px;
        }
        
        h1.ecli a,
        h1.ecli a:focus,
        h1.ecli a:active {
            font-size: 2.5rem;
        }

        div#fade-background {
            min-height: 28rem;
        }
        
        .select2-container--default 
        .select2-selection--multiple .select2-selection__choice {
            font-size: 1.2rem;
        }
        
        .select2-selection--multiple .select2-selection__choice {
            font-weight: 600;
            padding-bottom: 4px !important;
        }
        
        span.ecli-list-item {
            display: block;
        }
        
        span.ecli-list-item:not(:first-child) {
            margin-left: 0;
        }
        
        div.navbar-header > h2 {
            font-weight: 600;
            margin-top: 2rem;
            margin-left: 5px;
            font-size: 1.7rem;
        }
        
        div.content {
            margin-bottom: 0;
        }
        
        div.graphs-container {
            margin-bottom: -10px;
        }
        
        .contact-item h4 {
            margin-top: 2rem;
        }
        
        .contact-item.first-of-type {
            border-top: 1px dashed #39C;
        }
        
        .contact-item {
            border-bottom: 1px dashed #39C;
        }
        
        div#resultsByCourts {
            margin-bottom: -11rem;
        }
        
        div#resultsByCourts .c3-legend-item {
            display: none;
        }
    }
    
    @media only screen and (max-width: 615px) {

        a.header-mobile {
            font-weight: 600;
            margin-left: 10px;
            font-size: 1.2rem;
        }
        
        h3#ecli-title {
            font-size: 1.25rem;
        }
        
        h2#header-mobile {
            display: none;
        }
        
        .single-item > ul li {
	    min-width: 100%;
        }
    }

    @media only screen and (max-width: 581px) {

        h3.panel-title {
            clear: both;
            padding-bottom: 25px;
        }
        
        span.search-count {
            padding-top: 5px;
        }
      
    }
    
    @media only screen and (max-width: 520px) {

        span.relevance {
            display: block;
            margin-left: 0;
            margin-top: 5px;
        }
      
    }
    
    @media only screen and (max-width: 488px) {
        .select2-selection--multiple .select2-selection__choice {
            font-size: 1.3rem;
        }
    }
        
/*-------------------------------------------------------------------------------------------
    StyleSheets END
--------------------------------------------------------------------------------------------*/