/**
 * @file
 * Subtheme specific CSS.
 */

 .results-table>tbody>tr>td, .results-table>tbody>tr>th, .results-table>tfoot>tr>td, 
 .results-table>tfoot>tr>th, .results-table>thead>tr>td, .results-table>thead>tr>th {
    padding-left: 3%;
    padding-right: 3%;
    
}


.results-table {
    font-size: 1rem !important;
}

.darkerGray {
  background-color: #b5b5b5;

}

.lightGreen {
    background-color: #C3E6CB;
}

.lighterAzure {
    background-color: #c1deff;
}

.darkerAzure {

    background-color: #7ebcff;
}


.mw-800 {
    max-width: 800px !important;
}



.form-required::after {
    content: '';
    vertical-align: super;
    display: inline-block;
    background-image: url(../../../../core/misc/icons/ee0000/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
}

/* make every cell spanning exactly 5 cols to align center .. */
td[colspan="5"] {
    text-align: center;
}


.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-40 {
    width: 40% !important;
}

.customCenter {
    margin: 0 auto;
}


.customRed {
    background-color: #E30B17;
}

.customBlue {
    background-color: #312E6C;
}

.customTableRed tr th {
    background-color: #E30B17;
}

.customTableBlue tr th {
    background-color: #312E6C;
}



/* With arrow tabs */

.with-arrow .nav-link.active {
    position: relative;
  }
  
  .with-arrow .nav-link.active::after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #2b90d9;
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
  }

  .text-uppercase {
    letter-spacing: 0.1em;
  }

  /* .table-hover> tbody> tr:hover{
    background-color:#2b90d9;
} */

 /* tr:hover{
    filter: brightness(130%);
}  */



/* menu stuff */

#block-sciled-barrio-main-menu > ul > li > a { 
  color: white !important;
}

@media (min-width: 992px) {

    #block-sciled-barrio-main-menu > ul > li {

        padding-left: 0.4rem !important;
        padding-right: 0.4rem !important;
    }

    #block-sciled-barrio-main-menu > ul > li:hover {
        background-color: #145b87
    }
}


#navbar-main {
    margin-bottom: 10px;
}

#navbar-top {
    display: none;
}

.hide-navbar-brand {
    visibility: hidden;
}

/* .active {
    color: green;
} */

#block-sciled-barrio-main-menu > ul > li.nav-item.menu-item--expanded.active.dropdown.show > ul > li.dropdown-item.active > a {
    color: white;
}



a:active,
.link:active {
  color: #23aeff;
  
}

.btn-primary:focus {
    color: white !important;
    background-color: #0256b1 !important;
    border: none !important;
    box-shadow: none;
}

.page-item.active .page-link {
  background-color: #0071b3;
  border-color: #0071b3;
  
}

.dropdown-item.active a:hover {
    color: white !important;
}


/* li.dropdown-item.active:hover {
    border-color: red !important;
}

li.dropdown-item.active > a:active {
    border: 1px solid yellow !important;
    border-color: yellow;
}

li.dropdown-item.active > a:focus {
    border-color: green;
} */

/*
    experiment with link colors
*/

/* a {
    transition: color .4s;
    color: #265C83;
  }
  
  a:link,
  a:visited { color: #265C83; }
  a:hover   { color: #7FDBFF; }
  a:active  {
    transition: color .3s;
    color: #007BE6;
  }
  
  .link { text-decoration: none; } */

  /* end experiment */

#captcha {
    margin: 1rem 0;
}

#captcha > div > div {
    margin-top: 0.5rem;
}

.site-footer #block-espa, .site-footer #block-europeanunion {
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    float: left;
    margin-bottom: 1em;
}
.site-footer #block-espa {}
.site-footer #block-europeanunion {float: right;}

h1, h2, h3 {color: #16407f;}

h1 {margin: 2em 0 1em 0;}
h2 {margin: 1.5em 0 .75em 0;}
h3 {margin: 1.5em 0 .5em 0;}

.navbar-toggler {background-color: white;}

.navbar-brand {padding: 20px 0;}