div#modal {
    display: none;
}

.bg-custom-blue {
    background-color: #F27B35;
}
.text-custom-blue {
    color: #1B477E;
}
.text-4B5563 {
    color: #4B5563;
}
.bg-F27B35 {
    background-color: #F27B35 !important;
}
.border-F27B35 {
    border-color: #F27B35;
}
.tab-active {
    color: black !important;
    border-bottom: 2px solid black !important;
}
.range-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 9999px;
    background: linear-gradient(to right, #F27B35 70%, #e5e7eb 70%);
}

.range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: #F27B35;
    cursor: pointer;
    border-radius: 50%;
}

.range-slider::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #F27B35;
    cursor: pointer;
    border-radius: 50%;
}
.btn-374151 {
    color: #374151;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.spinner {
    display: inline-block;
    width: 2em;
    height: 2em;
    border: 0.3em solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #f97316;
    animation: spin 1s ease-in-out infinite;
}

.bg-111827 {
    background: rgba(17, 24, 39, 0.5);
}
body.modal-open {
    overflow: hidden; /* Ngăn cuộn cho body */
}
.bg-custom-500 {
    background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.camera-container {
    text-align: center;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
#videoCameraUserInterview {
    background-color: #ddd;
    border-radius: 5px;
    width: 175px;
}

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #ffa500;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
  }

  .selected-countdown {
    background-color: #2563eb; /* Màu xanh dương, bạn có thể thay đổi */
    color: white;
}