#otp_modal {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
}
#otp_modal_content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 300px;
}
.modal-button {
    margin-top: 10px;
}
/* Style to disable submit button when OTP is not verified */
#submit_button:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
}

/* Add custom styles to improve modal look */
#otp_modal .modal-dialog {
max-width: 400px;
}

#otp_modal .modal-content {
border-radius: 8px;
}

#otp_modal .modal-header {
background-color: #007bff;
color: white;
}

#otp_modal .modal-body {
padding: 20px;
}

#otp_modal .modal-footer {
text-align: center;
}

#otp_modal input[type="text"] {
border-radius: 5px;
padding: 10px;
font-size: 16px;
width: 100%;
}
/* Enabled button style */

#submit:enabled {
    background-color: #007bff; /* Bootstrap blue */
    color: white;
    cursor: pointer;
  }
  
  /* Disabled button style */
  #submit:disabled {
    background-color: #e9ecef;
    color: #6c757d;            
    border: solid #ced4da;  
    cursor: not-allowed;      
    opacity: 1;                 
  }
  
  
  button:disabled {
    opacity: 1 !important;
    cursor: not-allowed !important; 
  }
  
  #resend_otp {
    background-color: #007bff; /* Blue for enabled */
    color: white;
    font-weight: 500;
    transition: background-color 0.3s ease;
    border: none;
  }
  
  #resend_otp:hover:not(:disabled) {
    background-color: #0056b3; /* Darker blue on hover */
    cursor: pointer;
  }
  
  #resend_otp:disabled {
    background-color: #ccc !important;  /* Light gray when disabled */
    color: #666;
    cursor: not-allowed;
  }
  
  #resend_timer {
    margin-left: auto;
    font-size: 0.85rem;
    color: #333;
  }
  
      
     #job_detail{
        background: white; 
      }
      .head{
        display:flex;
      }  
      .button{
        background:#28bbf8;
        cursor:pointer;
        width:100px;
        height:50px;
        padding:10px 5px;
        border-radius:10px;
        margin-left:20px;
        text-align:center;
        justify-content:center;
        align-items:center;
      }
      .button:hover{
        background:orange;
      }
      .inside{
        background-color: #bbf0f3;
        background-image: linear-gradient(315deg, #bbf0f3 0%, #f6d285 74%);
        margin-left:50px;
        padding:50px;
        border-radius: 30px
      }
      /* h1{
        color: #fd5004;
      } */
      .jobs{
        border: 2px solid red;
        padding:10px;
        margin:20px;
        height: 90vh;
      }
      .title{
        margin-top:50px;
      }
      .form-group {
          margin-bottom: 30px;
      }
      /* CSS for the Refresh button */
      #refreshButton {
          background-color: transparent;
          border: none;
          cursor: pointer;
          font-size: 38px;
          outline: none;
      }
      
      #refreshButton::before {
          content: '\21BB'; /* Unicode for the refresh icon */
          display: inline-block;
          transform: rotate(0deg);
          transition: transform 0.3s;
      }
      
      #refreshButton:hover::before {
          transform: rotate(180deg);
      }
      .error-msg {
          color: rgb(253, 72, 0);
      }
      .custom-center {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  #verify_email {
    padding: 7px 15px;
    font-size: 16px;
    border: none;
    border-radius: 6px;
    transition: background-color 0.3s, cursor 0.3s;
  }
  
  #verify_email:disabled {
      background-color: #eeeeee;
      opacity: 1;
    color: #6c757d;
    border: 1px solid #ccc;
    cursor: not-allowed;
  }
  
  /* Enabled state */
  #verify_email:not(:disabled) {
    background-color: #28a745;
    color: white;
    cursor: pointer;
  }
  
  /* Hover effect */
  #verify_email:not(:disabled):hover {
    background-color: #218838;
  }
  input:disabled,
  textarea:disabled,
  select:disabled {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    cursor: not-allowed;
    opacity: 1 !important;
  }
  
  input:-webkit-autofill:disabled {
    -webkit-box-shadow: 0 0 0 1000px #e9ecef inset !important;
    -webkit-text-fill-color: #6c757d !important;
    color: #6c757d !important;
    cursor: not-allowed;
  }