.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}

.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}

.col-top {
  vertical-align: top;
}

.col-middle {
  vertical-align: middle;
}

.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}

.has-error {
    border-color: #FF0000;
    border-width: 1px;
}

// Está com o nome do termos de uso. Deixas genérico ou apenas aqui? Ver como vão ficar esses modais
.modal-termos-uso{
  &-header{
    border-bottom: none;
    padding: 0px;
    min-height: 10px;
    border-bottom: none;
    padding: 0px;
    position: relative;
    top: -30px;
    right: 0px;
  }

  &-body {
    padding: 25px 35px;
    height: 500px;

    &-inner{
      background-color: lightgray;
      overflow-y: auto;
      padding: 15px;
      height: 440px;
    }
  }
}

.modal-fechar-pequeno {
  font-size: 15px;
}

.modal-fechar-grande {
  font-size: 24px;
}

// Sobreescreve a classe do bootstrap
.close {
  // position: absolute;
  color: white;
  opacity: 1;
  font-weight: normal;
}

// Cria uma barra de rolagem parecida com a pedida, mas aplica pro site todo
// ::-webkit-scrollbar {
//     width: 12px;
//     background-color: gray;
// }

// ::-webkit-scrollbar-track {
//     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
//     border-radius: 10px;
// }

// ::-webkit-scrollbar-thumb {
//     border-radius: 10px;
//     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
//     background-color: black;
// }