div.mycred-my-balance-wrapper, div.mycred-my-balance-wrapper div {display:inline!important;}
.custom-1, .title-center {text-align:center; font-size:32px;}
.v_expiry {filter:grayscale(100%);}

.bg_expiry { 
   background: repeating-linear-gradient(-55deg,#f8f8f8,#f8f8f8 10px,rgba(225, 224, 224, 0.45) 10px,rgba(225, 224, 224, 0.4) 20px);
}

.pro_offer_coupon {
  text-align: center;
  width: 120px;
  padding: 6px 12px;
  border: 1px dashed #ddd;
  background: #f4f4f4;
  color: grey;
}

.grey {
  border: 1px dashed #ddd;
  background: #f4f4f4;
  color: grey;
  text-decoration: line-through;
}

.green {
  border: 1px dashed #00d084;
  background: #e9ffdd;
  color: #00d084;
}

.pro_offer_coupon i.rhicon {
    position: absolute;
    top: 50%;
    right: -12px;
    font-size: 18px;
    line-height: 18px;
    margin-top: -9px
    color: #111;
}

.ct-image-container .expiry {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    background: repeating-linear-gradient(-55deg,#f8f8f8,#f8f8f8 10px,rgba(225, 224, 224, 0.45) 10px,rgba(225, 224, 224, 0.4) 20px);
}

#copyText2 { margin: auto; width: 100%; }
.input-button {color: #fff; background-color:#000; padding:6px 8px;}

.input-checkbox {text-align:left; padding-left:30%; margin-top:0.3em;}

@media only screen and (max-width: 768px) {
  .input-button {color: #fff; background-color:#000; padding:6px 8px; margin-top:6px;}
}

.job-status-expired {color:red;}
.job-status-draft {color:orange;}
.job-status-preview {color:blue;}

.job-status-publish, .job-status-expired, .job-status-draft {
  opacity: 1;
  color:#056608;
  animation-name: job-active;
  animation-duration: 4s;
  animation: fadeIn 5s;
}
@keyframes job-active {
  0% { color: red; }
  50% { color: orange; }
  100% { color: green; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.content-single-job_listing-actions-start {
display: none;
}

input[readonly], input[readonly]:hover, input[readonly]:focus {
    background-color: #f5f5f5;  /* Light gray background */
    color: #333333;            /* Dark text */
    border: 1px solid #cccccc; /* Optional subtle border */
    cursor: not-allowed;       /* Show "not editable" cursor */
}

.disabled {
  pointer-events: none;       /* Prevents mouse interactions */
  opacity: 0.7;              /* Gives it a disabled appearance */
  background-color: #f9f9f9; /* Light gray background */
  color: #555;               /* Dimmed text color */
  border-color: #ddd;        /* Light border */
  cursor: not-allowed;       /* Shows disabled cursor */
}

/**
 custom dashboard filter
*/

/* Base Container */
.job-dashboard-filter-container {
  margin-bottom: 2rem;
  position: relative;
}

/* Toggle Button (Mobile Only) */
.filter-toggle {
  display: none;
  background: #f8f9fa;
  border: 1px solid #ddd;
  padding: 10px 15px;
  border-radius: 4px;
  width: 100%;
  text-align: left;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .filter-toggle {
    display: flex;
  }
  
  .job-dashboard-filters {
    display: none!important;
    padding: 15px;
    background: white;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }
  
  .job-dashboard-filters.active {
    display: block!important;
  }
}

/* Filter Form Layout */
.job-dashboard-filters {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.filter-group {
  flex: 1 1 200px;
  min-width: 0;
  padding: 5px 0;
  max-width:180px;
}

.action-buttons {
  gap: 10px;
  align-items: flex-start;
}

.filter-submit {
  padding: 10px 20px;
  background: #2271b1;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s;
}

.filter-reset {
  padding: 10px 15px;
  background: #f0f0f1;
  color: #2271b1;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}

.filter-submit:hover {
  background: #135e96;
}

.filter-reset:hover {
  background: #dcdcde;
}

/* Input/Select Styling */
.job-dashboard-filters input,
.job-dashboard-filters select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}

.filter-submit {
  padding: 10px 20px;
  background: #2271b1;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  align-self: flex-end;
}

.invi {
  display:none!important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .job-dashboard-filters {
    flex-direction: column;
    gap: 10px;
  }
  
  .filter-group {
  max-width:auto;
}

  
  .filter-submit {
    width: 100%;
  }

   .action-buttons {
    display: flex;
    width: 100%;
    justify-content: flex-end;
  }
}

.woocommerce-EditAccountForm .woocommerce-form-row--last {
        display: none;
}
 
.job-manager-form input[type="file"] {
  margin: auto;
  padding: 1.5em;
  border: 2px dashed #bbb;
  background-color: #fff;
  transition: border-color .25s ease-in-out;
  &::file-selector-button{
  padding: 1em 1.5em;
  border-width: 0;
  border-radius: 2em;
  background-color: hsl(210 70% 30%);
  color: hsl(210 40% 90%);
  transition: all .25s ease-in-out;
  cursor: pointer;
  margin-right: 1em;
  }
  &:hover {
  border-color: #888;
    
  &::file-selector-button{
    
    background-color: hsl(210 70% 40%);
    }
  }
}

#btn_Next {
  background-color: #fff;
  border-color:#2854a1;
  padding: 9px 25px;
}

#btn_Next:hover {
  background-color: #2854a1;
  padding: 9px 25px;
  color:#fff;
}