* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #f1e7e7;
  font-family: 'Roboto', sans-serif;
}

/*-------------EFEITOS CSS----------------*/
.grow:hover{
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
  transition-duration: 0.1s;
  transition-delay: 0.1s;
}

.up-effect:hover{
  -webkit-transform:translateY(-5%);
  -moz-transform:translateY(-5%);
  transform:translateY(-5%);
  transition: all 0.2s ease-in-out;
}

.shadow-effect:hover{
  border: solid 1px #161616;
  box-shadow: 10px 5px 5px #161616;
  transition-delay:0.2s;
  transition-property:box-shadow;
}

/*-------------SIDEBAR----------------*/

.coluna-lateral {
  height: 100vh;
  background-color: black;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

.coluna-lateral h2 {
  font-size: 3rem;
  color: #fff;
}

.coluna-lateral a h3 {
  font-size: 1.2rem;
  color: #fff;
}

.coluna-lateral a{
  text-decoration: none;
  color: #fff;
}

.item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.item:hover h3{
 color: #198754;
}

.item img {
  height: 35px;
}

@media (max-width: 720px)
{
  .coluna-lateral {
    height: auto;
    padding: 20px 0;
  }

  .item {
    margin: 1rem 0;
  }
}

/*-------------LOGIN----------------*/
.layout{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.fundo-login {
  background-color: black;
  width: 40rem;
  height: auto;
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border-radius: 20px;
}

.fundo-login h2 {
  color: #fff;
}

.fundo-login input {
  width: 30rem;
  height: 3.5rem;
  border-radius: 5px;
  outline: none;
  padding-left: 1rem;
}

.fundo-login a {
  width: 20rem;
  border-radius: 5px;
}

.container-empresa{
  margin-bottom: 60px;
  text-align: center;
}

.btn-groups{
  margin-top: 4rem;
}


@media (max-width: 766px){
  .fundo-login {
    margin-bottom: 20px;
    min-width: 30rem;
  }

  .container-empresa{
    padding-top: 60px;
  }

  .layout{
    height: auto;
  }
}

@media (max-width: 720px)
{
  .fundo-login {
    width: 100%;
  }

  .layout{

    background-color: black;
    padding-bottom: 30px;
  }

  body{
    background-color: black;
  }

  .fundo-login input {
    width: 25rem;
    height: 2.5rem;
    border-radius: 5px;
    outline: none;
    padding-left: 1rem;
  }

  .fundo-login h2 {
    font-size: 3rem;
    color: #fff;
  }

  .fundo-login a {
    width: 25rem;
    border-radius: 5px;
  }



}

/*-------------HOME----------------*/

.fundo-home {
  width: 100%;
  height: auto;
}

.list-group{
  overflow-y: scroll;
  max-height: 80vh;
}

.list-group a{
  background-color: #161616;
  color: white;
  padding: 10px;
}

.item-list{
  font-size: 1.7rem;
}

.text-choose{
  color: black;
}

@media (max-width: 720px)
{
  .fundo-home  {
    padding: 20px 0px;

  }

  .text-choose{
    color: white;
  }
}

/*-------------DASHBOARD----------------*/

/*Posicionamento*/

.layout-dashboard {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 20vh;
}

/*Botão dropdown*/

.layout-dashboard button {
  width: 15rem;
}

.layout-dashboard ul {
  width: 15rem;
  border-radius: 8px;
}

.layout-dashboard ul li a {
  font-weight: 600;
  text-align: center;
}


/*Cards*/

.layout-cards {
  display: flex;
  justify-content: center;
  align-items: center;
}

.card {
  margin: 1rem 1rem;
  width: 11rem;
  border-radius: 20px;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-active:hover {
  background-color: #198754;
}

.card a{
 text-decoration: none;
}

.card-body {
  width: 11rem;
  height: 3.5rem;
  border-radius: 20px;
  text-align: center;
}

.card-title {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
}

.btn-inactive{
  background-color: rgba(0, 0, 0, 0.5);
}

.btn-inactive a{
  cursor: default !important;
}


@media (max-width: 720px)
{
  body{
    background-color: #f1e7e7;
  }

  .card {
    margin: 1rem 1rem;
    width: 8rem;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/*-------------PASSWORD----------------*/
.password-input{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.password-input .form-floating{
  width: 50%;
}

.password-input input{
  width: 100%;
  height: 2.5rem;
  outline: none;
  padding-left: 1rem;
}

.password-input .btn{
  width: 50%;
}

.container-candidato{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

@media (max-width: 800px)
{
  .container-candidato{
    height: auto;
  }
}

@media (max-width: 720px)
{
  .password-input .form-floating{
    width: 100%;
  }

}