.btn {
    margin-bottom: 5px;
    margin-top: 5px;
    /* margin-right: 10px; */
    /* float: center ; */
}
.btn-pesq {
    margin-top: 5px;
}

.btn-exit {
    float: right;
}

.a{
    /* text-align: center; */
    vertical-align: middle;
    color: inherit;
    text-decoration: none;
}
.titulo{
    margin-left: 69px;
    font-size: x-large;
}

.logo{
    float: right;
}

.table{
  margin-top: 50px;
  margin-left: 88px;
  width:93.3%;
}
.container-list {
    /* margin-left: 2px; */
    /* margin-top: -500px; */
    margin-top: 10px;
    width: 100%;
    display:inline-flex;
}
.container {
    border-radius: 4px;
    /* margin: auto; */
    width: max-content;
    display: flex;
}
.navbar-fix{
    vertical-align: middle;
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 20;
}
.container-nav {
    border-radius: 4px;
    margin-left: 40px;
    margin-right: 40px;
    width: 100%;
    /* position: fixed; */
}
.container-login {
    border-radius: 4px;
    position:static;
}

.little-container {
    width: 40%;
    margin: auto;
}

.busca{
    width: 100%;
    margin-left: 25%;
    margin-top: 70px;
    position: fixed;
}

.pen{
    word-break:break-word;
    white-space: pre-wrap;
    /* max-width: 100px; */
    /* max-height: 50px; */
    /* row */
}
td {
    text-align: center;
    vertical-align: middle;
    width: max-content;

}
th {
    vertical-align: middle;
    text-align: center;
}

.buttons {
    margin-top: 10px
}

.inputBoxEmp {
    width: 70px;
}
.pend {
    width: 70px;
}
.inputBox {
    width: 700px;
}

.inputsJogo {
    width: 100%;
    margin-left: 1em;
    margin-bottom: 1em;
}
.form-cont {
    /* display: block; */
    width: 200px;
    /* height:55px; */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-excel {
    display:inline-block;
    /* font-family: 'Lato', sans-serif; */
}
.form-cont2 {
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    background-color: rgb(181, 180, 186);
    width: 350px;
    height:27px;
    /* font-size:2px; */
    /* margin-top: px; */
    font-weight: 300px;
    background-clip: padding-box;
    /* border: var(--bs-border-width) solid var(--bs-border-color); */
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

.form-control2{
    margin-top: 20px;
}

.form-comp {
    width: 13%;
    /* float: left; */
    /* margin-top: px; */
    margin-right: 5px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-comp-repet {
    width: 9%;
    /* float: left; */
    /* margin-top: px; */
    margin-right: 5px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.emp-desej{
    margin-top: 15px;
}
.form-comp3 {
    width: 14%;
    /* float: left; */
    margin-top: 20px;
    margin-right: 5px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-comp-date {
    width: 25%;
    /* float: left; */
    /* margin-top: 20px; */
    margin-right: 5px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-label{
    margin-top: 10px;
    /* float: left; */
}
.container-login{
    /* background-color: coral; */
    margin-top: 50%;
    /* max-width: 1200px; */
}

.flash-message{
    position:static;
    text-align: center;
    margin-top: 2px;
}
ul.flash-message li {
    list-style: none;
  }

.form-comp2 {
    width: 85%;
    float: right;
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-comp4 {
    width: 100%;
    float: right;
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-filter {
    display: block;
    width: 80px;
    height:35px;
    margin-bottom: 8px;
    margin-left: 20px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-suspensa{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}
.form-susp{
    width: 100%;
    margin-top: px;
    /* margin-bottom: 15px; */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}
.form-check-input{
    font-size: auto;
}
.check-quest{
    margin-top: 15px;
}
.checked{
    font-size: 24px;
}
.mess{
    margin-top: -40%;
    position: fixed;
}
.img-log{
    position: relative;
    width: 85%;
    margin-top: -30px;
    margin-left: 15px;
    margin-bottom: 40px;
    vertical-align: middle;
}

.icon-box {
    display: inline-block;
    background-color: blue;
    border: 5px solid blue;
    /* Ajuste o valor conforme necessário para controlar o grau de arredondamento das pontas */
    border-radius: 10px; 
    /* Ajuste o preenchimento interno conforme necessário */
    padding: -1px 5px 0px;
    margin-right: 2px; /* Ajuste a margem entre os ícones conforme necessário */
    margin-top: -5px; /* Ajuste a margem entre os ícones conforme necessário */
    transition: background-color 0.2s; /* Adiciona uma transição suave de 0.3 segundos para a cor de fundo */
}

.icon-box:hover {
    background-color:rgba(0, 0, 255, 0.6); /* Define a cor de fundo desejada quando o mouse passa sobre o ícone */
}

.ideia{
    /* width: 100%; */
    /* height: auto; */
    margin-left: 25%;
    margin-top: 70px;
    position: relative;
    overflow-y: auto; /* Adicione a rolagem vertical quando o conteúdo exceder a altura máxima */
    /* max-height: calc(100vh - 1px); Define a altura máxima do container (69% da viewport) */

}
.textarea{
    resize: none;
}

.table-contacts{
    width:93.3%;
  }