.input-obrigatorio {
  border: 2px solid rgb(44, 48, 77);
  box-shadow: 0px 0px 5px rgb(138, 0, 143);
  animation: importante 3s linear 2s infinite alternate;
}
/* Standard syntax */
@keyframes importante {
  0%   {box-shadow: 0px 0px 5px rgb(138, 0, 143);}
  100% {box-shadow: 0px 0px 5px rgb(132, 37, 240);}
}

.copy-text {
  cursor: copy;
}


iframe {
    width: 100%;
    height: 600px;
    border: none;
}
.loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #e83e8c;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    display: inline-block;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

.custom-scrollable-3 {
  width: 100%;
  height: 300px;
  overflow: auto;
}

.custom-file-label::after {
  content: "Arquivo"!important;
}

.custom-bg-danger {
  background-color: #dc3545!important;
}


.info-btn {
  border: 2px #7fddf9 solid;
  border-radius: 50%;
  background-color: #5bc0de;
  margin: 0;
  padding: 0.3em;
}

.info-btn > i {
  color: #fff;
  font-size: 18px;
  padding: 0;
  margin: 0;
}

.loading-box {
  position: fixed;
  z-index: 2000;
  top: 50%;
  left: 50%;
  border-radius: 5px;
  border: 1px solid #ced4da;
  padding: 0.5em;
  background-color: #e9ecef;
}

.loading-icon {
  animation-name: icon-animation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes icon-animation {
  0%      {transform: rotate(0deg);}
  50%     {transform: rotate(320deg);}      
  100%    {transform: rotate(360deg);}
}


.help-text-content {
  position: relative;
}
.help-text {
  cursor:pointer;
}
.help-text-modal {
  display: none;
}
.help-text-modal-active {
  width: 200px;
  display: block;
  position: absolute;
  background: #fff;
  z-index: 50;
  top: 22px;
}
.help-text-modal-active > h1 {
  font-size: 12pt;
}
.help-text-modal-active > h2 {
  font-size: 10pt;
}
.help-text-modal-active > p {
  cursor: pointer;
}
.counter {
  background: #5d5386;
  color: #fff;
  width: 45px;
  height: 45px;
  border: .25rem solid #fff;
  border-radius: 50%;
  vertical-align: middle;
  font-size: .85rem;
  text-align: center;
  line-height: 38px;
  margin-right: 0;
}
.edit-cell-content {
  position: relative;
  
}
.edit-cell-box {
  background-color: #f8f9fa;
  width: 240px;
  padding: 1em;
  box-shadow: 1px 1px 10px 1px rgba(0,0,0,.5);
  position: absolute;
  top: -103px;
  left: 10px;
  z-index: 50;
}