.form-check-input.is-invalid{
    border-color: #dc3545;
    padding-right: 2.25rem !important;
  }
  
  .logo{
    width: auto;
    height: 75px;
  }
  
  /* DASHBOARD */
  .inner h4{
    font-size: 3rem;
    font-weight: 500;
  }
  span.dash{
    background-color: #daecff;
    border: 1px solid #007bff;
    color: #007bff;
    border-radius: 15px;
    padding: 3px 9px;
    font-size: .75rem;
    font-weight: bold;
  }
  .d-flex .text{
    font-size: .8rem;
  }
  
  .detil-isr .form-group label{
    font-weight: normal;
    margin-bottom: .2rem;
  }
  .detil-isr h4{
    font-size: 1.1rem;
    font-weight: 600;
    margin: 2rem 0px 1rem;
  }
  .d-flex{
    display: flex;
  }
  .dflex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  /* .small-box{
    width: calc(100vw / 7);
  } */
  
  /* RESPONSIVE */
  @media only screen and (max-width: 600px) {
    .dflex{
      flex-direction: column;
    }
    .small-box{
      width: 100%;
    }
    .graph-donut{
      margin-top: 400px;
    }
    #top-rank{
      margin-top: 2rem;
    }
  }
  
  
  .logo-pt{
    display: inline-block;
    background-color: transparent;
    border: 2px solid #007bff;
    color: #007bff;
    border-radius: 50%;
    text-align: center;
    width: 32px;
    height: 32px;
    margin: 0 8px 0 10px;
  }
  .bulet{
    border-radius: 50%;
  }
  
  .select2.select2-container.select2-container--default{
    width: auto;
  }
  
  .input-item:read-only{
    background-color: #809af5;
  }
  
  .btn-action{
    border-radius: 5px;
  }
  
  .action-primary{
    color: #5553d6;
    border: 2px solid #5553d6;
    background-color: rgb(169, 204, 255);
    border-radius: 10px;
  }
  
  .action-danger{
    color: #f1273b;
    border: 2px solid #f1273b;
    background-color: rgb(253, 184, 191);
    border-radius: 10px;
  }
  
  .action-warning{
    color: #eebe20;
    border: 2px solid #eebe20;
    background-color: rgb(248, 232, 197);
    border-radius: 10px;
  }
  
  .form-control.input-red{
    color: #ff3c50;
    border: 1px solid #ff3c50;
    background-color: rgb(255, 216, 220);
  }
  
  /* TABLE */
  .img-table{
    width: 60px;
    height: 60px;
  }
  
  
  /* LOGIN & REGISTER */
  #nameError, #emailError {
    width: 100%;
    margin-left: .7rem;
    font-size: 90%;
    color: #dc3545;
  }
  
  .form-control.valid-input{
    border-color: #28a745;
  }
  
  .input-group .form-control.valid-input~.input-group-append .input-group-text{
    border-color: #28a745;
  }
  
  #modal-terms ol{
    margin-left: -20px;
  }
  
  form p{
    margin: 0px;
    font-size: .9rem;
    font-style: italic;
  }
  
  
  /* SIDEBAR */
  .box-image-user{
    position: relative;
    text-align: center;
    width: 30px;
    height: 30px;
    background-color: #0c7466;
    color: #daecff;
    border-radius: 50%;
  }