.full{
    width: 100%;
    margin-top: 3px;
}

.pulse-button {
  position: relative;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.pulse-button:hover
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #009192;
  font-size: 10px;
  margin: 0px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
.loader-cancelar{
  color: red;
  font-size: 5px;
}

.loader-correcao{
  color: blue;
  font-size: 5px;
}

.loader-pagamento{
  color: #52B99A;
  font-size: 8px;
}

@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

@keyframes fadebarcode {
    from {opacity: 0;}
    to {opacity: 1;}
}

.mousetrap{
    width: 0;border:none;outline:none;background: #f3f6f9;
    position: relative;
}
#mousetrapTitle{
    position: absolute;
    top: -26px;
    left: 16px;
    color: green;
    background-color: #fff;
    box-shadow: 0 0 5px #fff;

    display: none;
    align-items: center;
    gap: 3px;
}

.mousetrap:focus{
    border:none;outline:none;border-right: 3px solid #000;
    animation: fadebarcode .5s infinite ease-in-out;
}

.login-form input{
    border-radius: 50px;
}

.login-form ::-webkit-input-placeholder { /* Edge */
    color: #1a4555 !important;
    font-weight: 500;
    font-size: 1.2rem;
}

.login-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #1a4555 !important;
    font-weight: 500;
    font-size: 1.2rem;
}

.login-form ::placeholder {
    color: #1a4555 !important;
    font-weight: 500;
    font-size: 1.2rem;
}

#body tr:nth-child(even), #kt_datatable tr:nth-child(even){
  background-color: #0000000e;
}

.aviso
{
  background-color: #eeeeee;
  color: rgb(41, 41, 41);
  display: block;
  font-size: 20px;
  padding: 0 10px;
  width: 100%;
}

.btn-verde
{
  background-color: #5d957c;
  color: white;
  margin-top: 30px;
  padding: 7px 14px;
  transition: .5s;
}

.btn-verde:hover
{
  background-color: #317054;
  color: white;
  transition: .5s;
}

.titulo-texto-aux
{
  align-items: start;
  display: flex;
  flex-direction: column;
}

.titulo-texto-aux h3
{
  margin: 0;
  text-align: left;
}

.linha-divisor-form
{
  margin-top: 50px !important;
}

.titulo-texto-aux > span, .texto-auxiliar
{
  color: rgba(0, 0, 0, 0.35);
  font-size: 12px;
  font-weight: bold;
}



.titulo-texto-aux h3 > span
{
  font-weight: 400;
}

@media screen and (min-width: 500px) {

  div.logform
  {
    width: 600px !important;
  }
  
}

@media screen and (max-width: 300px) {

  div.logform
  {
    width: 100% !important;
  }
  
}

.table-action-fixed
{
  position:relative;
}

.table-action-fixed thead tr th:first-child
{
  background-color: white;
  position: sticky;
  left: 0px;
}

.table-action-fixed tbody tr td:first-child
{
  background-color: white;
  position: sticky;
  left: 0px;
}


.table-action-fixed tbody tr:nth-child(even) td:first-child 
{
  background-color: #f1f1f1 !important;

}

#loadingTelaMain {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: white;
  z-index: 9999;
}

.spinnerTelaMain {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.datepicker {
  z-index: 1100 !important;
}