body {
  padding-top: 3.5rem;
  padding-bottom: 1rem;
  color: #272727;
  background-color: rgb(248, 249, 250);
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.container {
  text-align: center;
}

.filtrostexto{
  height: 48px;
  padding-left: 1px;
  min-width: 30%;
  border-left: solid 1px gray;
  cursor: pointer;
  background-color: lightblue;
}

.filtrostexto span{
  padding-right: 2px;
  padding-left: 2px;
  font-style: italic;
  font-size: small;
}

.filtrostexto img{
  padding-right: 1px;
  padding-left: 1px;
}

.likebutton {
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  border-radius: 3px;
  cursor: pointer;
  width: 100%;
  max-width: 100px;
  text-align: center;
  min-width: fit-content;
}

.newflag {
  background: url(../images/icons/new.gif) no-repeat right/28px !important;
}

.sticky-table thead th {
  position: sticky;
  top: 105px;
  z-index: 10;
  background-color: white;
}
/* ------------   BOOTSTRAP  ---------------*/
.navbar-collapse {
  background: #f8f9fa!important;
}
.alert {
  z-index: 999;
}
.dropdown-menu {
  z-index: 1999;
}
.dropdown-menu.show {
  top: 75%;
}
.nav a{
  color: #7a0001 !important;
}
.nav-tabs .nav-link{
  color: black !important;
}
.nav a:hover{
  color: black !important;
}
.nav-tabs .nav-link.active{
  font-weight: bold;
  border-color: #808080 #808080 #fff !important;
  background-color: #f8f9fa !important;
  color: black !important;
}
.nav-tabs {
  border-bottom: 1px solid #808080 !important;
}
.nav-tabs .nav-link:hover {
    border-color: #b2b5b8 #b2b5b8 #808080 !important;
    background-color: #fefefe !important;
}
.nav-link.active {
  background-color: #7a0001 !important;
  color: white !important;
}
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #7a0001 !important;
}
/* ------------   TABLAS TOOLKIT  ---------------*/
.ck {
  font-size: 12px;
}
.ck tbody tr:hover {
  background-color: #7900000a;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: -1rem;
  }
}

/* global spacing overrides */
h1, h2, h3, h4, h5, h6,
.a, .b, .c, .d, .e, .f {
  margin-top: 0;
}
hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

.g,
.h {
  border-bottom: 0;
}

/* /////////////////  SCROLLS  //////////// */
/*I love me some border-box*/
/* * {
    box-sizing: border-box;
} */
/*This just stops me getting horizontal scrolling if anything overflows the width*/
.scroll_body {
    overflow-x: hidden;
}
/*Just removing default browser padding/margin*/
.scroll_html,
.scroll_body {
    padding: 0;
    margin: 0;
}
/*Flexbox gives us the flexiness we need. The top just stays put as there is no scrolling on the body due to the page never exceeding viewport height*/
.scroll_Top {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    position: relative;
    z-index: 10;
    height: 100px;
}
/*This is our main wrapping element, it's made 100vh high to ensure it is always the correct size and then moved into place and padded with negative margin and padding*/
.scroll_Container {
    display: flex;
    overflow: hidden;
    height: 100vh;
    margin-top: -100px;
    padding-top: 100px;
    position: relative;
    width: 100%;
    backface-visibility: hidden;
    will-change: overflow;
}
/*All the scrollable sections should overflow and be whatever height they need to be. As they are flex-items (due to being inside a flex container) they could be made to stretch full height at all times if needed.
WebKit inertia scrolling is being added here for any present/future devices that are able to make use of it.
*/
.scroll_Left,.scroll_Middle,.scroll_Right {
    overflow: auto;
    height: auto;
    padding: .5rem;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}
/*Entirely optional – just wanted to remove the scrollbar on WebKit browsers as I find them ugly*/
/* .scroll_Left::-webkit-scrollbar,.scroll_Middle::-webkit-scrollbar,.scroll_Right::-webkit-scrollbar {
    display: none;
} */
/*  Left and Right are set sizes while the Middle is set to flex one so it occupies all remaining space. This could be set as a width too if prefereable, perhaps using calc.*/
.scroll_Left {
    width: 12.5rem;
}
.scroll_Middle {
    flex: 1;
}
.scroll_Right {
    width: 12.5rem;
}

/* ////// Bootstrap Icons */
.bi {
  display: inline-block;
  vertical-align: text-bottom;
}
.bi-exclamation-triangle {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.938 2.016a.146.146 0 00-.054.057L1.027 13.74a.176.176 0 00-.002.183c.016.03.037.05.054.06.015.01.034.017.066.017h13.713a.12.12 0 00.066-.017.163.163 0 00.055-.06.176.176 0 00-.003-.183L8.12 2.073a.146.146 0 00-.054-.057A.13.13 0 008.002 2a.13.13 0 00-.064.016zm1.044-.45a1.13 1.13 0 00-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z' clip-rule='evenodd'></path><path d='M7.002 12a1 1 0 112 0 1 1 0 01-2 0zM7.1 5.995a.905.905 0 111.8 0l-.35 3.507a.552.552 0 01-1.1 0L7.1 5.995z'></path></svg>");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
}
#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f5f5f5;
  padding: 10px;
  text-align: center;
  z-index: 999;
}

#cookie-banner p {
  display: inline-block;
  margin: 0;
}

#accept-cookies {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-left: 20px;
  cursor: pointer;
}
.editable i {
  display: none;
}
.editable:hover i {
  display: inline;
  position: absolute;
}