.working-modal .modal-content {
    background-color: #ECDD6E;
    text-align: center;
    font-weight: 700;
}



/* .l-bar {
    border-left: solid 3px #0256a4;
    padding-left: 0.7em;
} */
.lblob {
    position: relative;
}

.lblob::after {
    content: "*";
    /* position: absolute; */
    top: 9px;
    right: -5px;
    color: #C10001;
    font-size: 18px;
    margin-left: 4px;
}

.hidhlight-box {
    padding: 10px 20px;
    background-color: rgb(247, 241, 235);
    margin: 30px 0;
}

.hidhlight-box .box-label {
    text-transform: uppercase;
    font-size: 0.8em;
    margin-top: 10px;
}

.hidhlight-box strong {
}

.hidhlight-box a {
}

.ng-valid.form-control:focus {
    border-color: #b1eca2;
    box-shadow: 0 0 0 0.2rem rgba(12, 160, 24, 0.16);
}
.form-control.ng-invalid {
	border-left:solid 2px red;
}

.card-deck .card {
    background-color: #f1f5f7;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.16);
    border: none;
    min-width: 270px;
    margin-left: .5rem;
    margin-right: .5rem;
}

.msg-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.67);
    overflow: hidden;
    transition: bottom .6s;
}

.msg-overlay.open {
    bottom: 0;
}

.msg-overlay .msg-content {
    background-color: #fff;
    width: 100%;
    max-width: 300px;
    min-height: 260px;
    border-radius: 5px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -70%);
    padding: 20px;
}

.msg-overlay.working-modal .msg-content {
    background-color: #eda232;
    font-weight: 700;
}

.msg-overlay.error-modal .msg-content {
    color: #AF0204;
    font-weight: 700;
    max-width: 500px;
}

.msg-overlay.success-modal .msg-content {
    background-color: #65F59E;
    text-align: center;
    font-weight: 400;
    width: 100%;
    max-width: 500px;
}

/* Estilos para a categoria Estudante */

.form-text.text-muted {
    font-style: italic;
  }
  
  #drag-drop-area_ {
    border: 2px dashed #ccc;
    border-radius: 5px;
    padding: 15px;
    text-align: center;
    margin-bottom: 10px;
    background-color: #f9f9f9;
    transition: all 0.3s ease;
  }
  
  #drag-drop-area_:hover {
    border-color: #FF8700;
    background-color: #f0f8ff;
  }

  a.btn-outline-success {
    margin-top: 10px;
    display: inline-block;
  }
  
  #status-bar {
    /* height: 5px;
    margin-bottom: 10px;
    background-color: #e9ecef;
    border-radius: 3px;
    overflow: hidden; */
  }
  
  #status-bar .progress {
    /* height: 100%;
    background-color: #28a745;
    transition: width 0.3s ease; */
  }
  
  .category-student-selected .lblob::after {
    content: "*";
    color: red;
    margin-left: 4px;
  }