form{
   background-color: #F0F0F0;
   padding: 30px; 
   border-radius: 5px;
}

#edit-award-type {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;    
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  /*margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));*/
}

#edit-award-type > [class*="col-"]:first-child {
  padding-right: 20x;
  
}

#edit-award-type > [class*="col-"]:last-child {
    padding-left: 20px;     
    
}

#edit-intramural-programs{
  margin-left: 20px;
}

.custom-renewal-warning.d-flex{
  display: none !important;
  visibility: hidden !important;
  position: absolute;  
}

#edit-row4,
#edit-row8,
#edit-row9 
  {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
   
}

#edit-row3 {
  margin-top: 40px;
}

#edit-row5 {
  margin-top: 40px;
  margin-bottom: -5px;
}

#edit-row7 { 
  margin-top: 10px;
  margin-bottom: 10px;
   
}

.award-type-radio{
  background: #ffffff;       
  
}

.form-item-award-type {
  height: 100%;   
}


.debt-wrapper,
.annual-salary-wrapper {
  width: 100%;
    /* Applies on desktop/tablets */
}

#edit-debt-amount {
  min-height: 2.4rem;   

}



.debt-salary-row input[type="number"] {
  width: 100%;
  max-width: 100%;
 
}

.debt-salary-row .form-item__label {
  min-height: 2.4rem;  /* adjust this until both labels line up */
  display: flex;
  align-items: flex-end;
}



.total-repayment-row {
  background-color: #1d578e;
  padding: 25px;
  display: flex;
  align-items: center; /* vertical align label with input */
  gap: 30px;
  
}

.total-repayment-label {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
}

.total-repayment-result {
    width:100%;
    background: #fff;
    padding: 12px 15px;
    font-size: 20px;

}
.total-repayment-input {
  background: #fff;
  border: none;
  padding: 12px 15px;
  font-size: 20px;
  height: 50px;
  flex: 1;
  
}

.btn.reset-button {
    background: #fff; 
    min-width: 120px;

}

.form-radio{
  margin-top: 10px;
}

.radio-title {
  font-weight: bold;
}

.radio-desc {
  display: block;
  margin-left: 15px;
  padding: 5px;
}

.alert-danger {
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 5px;
  border-top: 1px !important;
  border-right: 1px !important;
  border-bottom: 1px !important;
  border-left: 7px solid #dc3545 !important;
  background-color: #f2dede !important; 
  flex-direction: column;
  border-radius: 4px;
}  

.alert-danger ul {
  list-style: disc;
  margin-left: 50px;
  color: var(--bs-danger-text-emphasis);
}

.alert-danger ul li {
  line-height: 0.75; 
  padding: 0;
  font-size: 14px;
}

.alert-danger ul li:last-child {
  margin-bottom: 0;
}




.alert-header {
 font-size: 16px;
 display: flex;
 align-items: baseline;
 margin-bottom: 10px;
}

.alert-header .messages__icon {
 width: 20px;
 height: 20px;
 background-color: #721c24;
 color: #fff;
 border-radius: 50%;
 font-weight: bold;
 font-size: 16px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;   
}


.quarterly-repayment {

  background-color: white !important; 
  padding: 1rem; 
  border-radius: 0.5rem; 
 
}

.list-unstyled {
  padding: 10px;
  line-height: normal;
  
}

#ACGME_label {
  padding-left: 25px;
  font-size: small;
  font-style: italic;
  color:#64676A;
}

#edit-annual-base-salary:disabled {
    border: 1px solid #CCC; 
    caret-color: #ccc;
    cursor: not-allowed;

}

.radio-disabled {
  accent-color: #999999 !important;
  opacity: 0.5;
  cursor: not-allowed;
}

.quarter-item {
  display: flex;
  gap: 8px;
}


.quarter-label {
  min-width: 120px;
}

.alert-dismissible .btn-close {
 
  display: none !important;
}

.warning-text {
  font-size: 14px;
}

.special-message-text {
  font-size: 14px;  
}

@media screen and (max-width: 795px) {
  #edit-award-type > [class*="col-"]:first-child {
    padding-right: 0px;
  }

  #edit-award-type > [class*="col-"]:last-child {
    padding-left: 0px;
  }

  .total-repayment-row {
    display: flex;
    flex-direction: column;
    gap: 10px; 
    
  }

  .total-repayment-label {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    white-space: wrap;
  }
  
 
  .debt-wrapper,
  .annual-salary-wrapper {
    max-width: 100%;  /* Full width on mobile */
    margin-left: 0px;
  }
  
  #edit-debt-amount {
    min-height: 2.4rem;     
    margin-left: 0px;   
  }

  #edit-annual-base-salary {
    margin-left: 0px;
 
  }

  #edit-row7 {
    display: flex;
    flex-direction: column;
    margin-left: -20px;
  }


  #edit-intramural-programs{  
    margin-left: 0px;
  }

  .form-item-award-type {
    height: auto;   
  }


}