body {
    background-color:white;
    /* padding-top:85px; */
}

.autocomplete-menu {
    font-size:20px;
}
.autocomplete-menu mark {
    background: none;
    color: red;
    padding: 0px;
}
.form_error {
    border:1px solid red;
}
.cal_div {
    padding:5px;
    border-radius:5px;
    background-color:#e0e0e0;
    border:0px dotted black;
    margin:3px;
}
.row_selected {
    background-color:#a0ffa0;
}
.providerStyle {
    background-color: lightblue !important;
}
.clearInput {
    background: none;
    border: none;
    color: red;
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    right: 5px; /* Adjust this value to position the button inside the input field */
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
    line-height: 1;
}
.dc {
    background-color: lightgreen;
    border:2px solid lightgreen;
    border-radius:3px;
    margin-bottom:2px;
}
.dc_frame {
    border:3px solid lightgreen;
    border-radius:3px;
    margin-bottom:2px;
}
.dc:hover {
    background-color: lightgreen;
    border:2px solid black;
    border-radius:3px;
    margin-bottom:2px;
}
.dcp {
    background-color: lightblue;
    border:2px solid lightblue;
    margin-bottom:2px;
    border-radius:3px;
    margin-bottom:2px;
}
.dcp_frame {
    border:3px solid lightblue;
    margin-bottom:2px;
    border-radius:3px;
    margin-bottom:2px;
}
.workerApproved {
    background-color: #c9ffdc;
}
.providerApproved {
    background-color: #c9ecff;
}
.dcp:hover {
    background-color: lightblue;
    border:2px solid black;
    border-radius:3px;
    margin-bottom:2px;
}
.event_active {
  width: 70px;
  height: 70px;
  background-color: green;
  border-radius: 50%;
  margin:auto;
}
.event_inactive {
  width: 70px;
  height: 70px;
  background-color: red;
  border-radius: 50%;
  margin:auto;
}
@font-face {
    font-family: '7led';
    src: url('../fonts/7LED.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.digits {
    font-family: "7led";
    font-weight:bold;
    font-size:25px;
    padding:0px;

    color:white;
    background-color:green;
}
.digits_small {
    font-family: "7led";
    font-weight:normal;
    font-size:17px;
    padding:0px;

    color:white;
    background-color:black;
}
.loading-state {
    font-family: Arial;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loading {
    font-family: Arial;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 10px solid #ddd;
    border-top-color: orange;
    animation: loading 1s linear infinite;
}
@keyframes loading {
  to {
    transform: rotate(360deg);
  }
}

/* Force caret visibility on all input fields */
input, 
textarea, 
[contenteditable="true"] {
    caret-color: auto !important;
    caret-color: #000000 !important; /* Force black caret */
}

/* For dark backgrounds, use white */
.bg-primary input,
.bg-primary textarea,
.navbar input,
.dark-bg input {
    caret-color: #ffffff !important;
}

/* Ensure caret is visible in Bootstrap inputs */
.form-control,
.form-control-lg,
.form-control-sm {
    caret-color: #000000 !important;
}