/*--- for logo ---*/
.navbar-mylogo{
    background:var(--bs-app-theme);
    border:14px solid transparent;
    border-color:transparent rgba(113, 214, 18, 0.9)  rgba(89, 89, 213, 0.8);
    position:relative;
    overflow:hidden;
    border-radius:20px;
    margin-right:15px
}

.head-topic{
    color:sienna
}
.img-opacity{
    opacity: 0.5;
}

.nowrap-cell {
    white-space: nowrap;
}
div > label{
    color:indigo;
}

.wysihtml5-insert-image {
    display: none;
}

.hover-element {
    padding: 2px;
    background-color: #f0f0f0;
  }

.underline-dot {
    text-decoration: underline dotted 2px;
}
/*-- for edit project pjedit --*/
/* Hover effect */
.myDiv:hover {
    background-color: #FFFFEF;
}

/* for progress bar */
.progress-container {
    position: relative;
    width: 150px;
  }
  .progress-bar {
    width: 100%;
    height: 10px;
    border-radius: 5px;
  }
  .progress-label {
    position: absolute;
    top: 10px; /* Adjust as needed for vertical alignment */
    font-size: 12px;
    color: #000;
  }

   /* Style the fieldset for approvepj.php checkingpj.php */
   fieldset {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
  }
  legend {
    background-color: #f2f2f2;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
  }

  /*---- for sweet alert ---*/
  .custom-title {
    font-size:18px !important; /* Set the desired font size */
    text-align: left !important;
  }
  .custom-title2 {
    font-size:20px !important; /* Set the desired font size */
    text-align: center !important;
  }

  /*----- for viewpj.php , viewpj2.php -----*/
  .math-table {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    border-collapse: collapse;
    font-size: 1rem;
    font-weight: 400;
  }

  .math-table td {
    padding: 8px;
    vertical-align: middle;
  }

  .math-label {
    text-align: right;
    white-space: nowrap;
    padding-right: 20px;
  }

  .math-equal {
    text-align: center;
    width: 30px;
  }

  .fraction {
    text-align: center;
    line-height: 1.4;
  }

  .fraction .top {
    border-bottom: 1px solid #000;
    display: inline-block;
    padding: 0 10px;
  }

  .fraction .bottom {
    display: inline-block;
    padding: 0 10px;
  }

  .note-icon{
    text-align:left;
    color:#241e1e;
    padding : 1px;
  }

  .disabled-link {
    pointer-events: none;
    color: rgb(192, 187, 187);
    opacity: 0.6;
    text-decoration: none;
    cursor: default;
  }