:root {
  --theme-button: #1D2939; 
  --them-bg-color: #1D2939;
  --background-color: #f8f9fa; 
  --login-bg-img: "{{ url('/storage/images/login-bg.png') }}";
  --light-size: 25px;
  --light-gray:#e9e9e9;
  --light-green:#bbf3e0;
}

body {
  //font-family: 'Open Sans', sans-serif !important;
  font-family: verdana !important;
  background-color: #E4E7E !important;
}
.bg-theme {
  background: var(--theme-button) !important;
}
.theme-button {
    background: var(--theme-button) !important;
    border: 1px solid var(--theme-button) !important;
}
.theme-color {
    color: var(--theme-button) !important;
}
.bg-lightgray{
  background-color: #E4E7E !important;
}
.bg-side-body {
  background-color: rgb(220 220 220) !important;
}
.align-center {
  text-align: center;
}
.error{
  color:red;
}

.container-fluid {
    max-width: 100% !important;
    padding: 10px !important;
}

a.sidebar-link.active {
  background-color: var(--them-bg-color) !important;
}

.tranparent-btn{
  background: transparent !important;
  border: 0px solid gray !important;
}

/*Custom Modal css */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(128, 128, 128, 0.5); /* Light gray transparent */
  z-index: 1040; /* Below the modal content */
}

/* Ensure the modal appears above the overlay */
.modal-content {
  z-index: 1050;
}

/* Remove Bootstrap's default backdrop if it's conflicting */
.modal-backdrop {
  display: none !important;
}

.line-md--lightbulb-filled-xlsx {
  display: inline-block;
  width: var(--light-size);
  height: var(--light-size);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='6' height='2' x='9' y='20' fill='%23dfdd3f'/%3E%3Cpath fill='%23dfdd3f' stroke='%23dfdd3f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 17h-3v-2.8c-1.79 -1.04 -3 -2.98 -3 -5.2c0 -3.31 2.69 -6 6 -6c3.31 0 6 2.69 6 6c0 2.22 -1.21 4.16 -3 5.2v2.8Z'/%3E%3C/svg%3E");
}
.line-md--lightbulb-filled-txt {
  display: inline-block;
  width: var(--light-size);
  height: var(--light-size);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='6' height='2' x='9' y='20' fill='%233f66df'/%3E%3Cpath fill='%233f66df' stroke='%233f66df' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 17h-3v-2.8c-1.79 -1.04 -3 -2.98 -3 -5.2c0 -3.31 2.69 -6 6 -6c3.31 0 6 2.69 6 6c0 2.22 -1.21 4.16 -3 5.2v2.8Z'/%3E%3C/svg%3E");
}
.line-md--lightbulb-filled-api {
  display: inline-block;
  width: var(--light-size);
  height: var(--light-size);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='6' height='2' x='9' y='20' fill='%235ab734'/%3E%3Cpath fill='%235ab734' stroke='%235ab734' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 17h-3v-2.8c-1.79 -1.04 -3 -2.98 -3 -5.2c0 -3.31 2.69 -6 6 -6c3.31 0 6 2.69 6 6c0 2.22 -1.21 4.16 -3 5.2v2.8Z'/%3E%3C/svg%3E");
}

.line-md--lightbulb-filled- {
  display: inline-block;
  width: var(--light-size);
  height: var(--light-size);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='6' height='2' x='9' y='20' fill='%23cfcfcf'/%3E%3Cpath fill='%23cfcfcf' stroke='%23cfcfcf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 17h-3v-2.8c-1.79 -1.04 -3 -2.98 -3 -5.2c0 -3.31 2.69 -6 6 -6c3.31 0 6 2.69 6 6c0 2.22 -1.21 4.16 -3 5.2v2.8Z'/%3E%3C/svg%3E");
}
.bg-brown-subtle{
  background-color: rgb(248 236 216) !important;
}

.text-brown{
  --bs-text-opacity: 1;
  color: rgb(201 123 45) !important;
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgb(211 172 39) !important;
}
.cursor-pointer{
  cursor: pointer !important;
}
.bg-info-light{
  padding: 10px 41px;
  background-color: rgba(70, 202, 235, 0.2);
  border: 1px solid rgba(70,202,235);

}
.bg-gray{
  background-color: var(--light-gray) !important;
}
.bg-light-green{
  background-color: var(--light-green) !important;
  color: black;
  border: 1px solid green;
}
.btn-outline-dark{
  --bs-btn-border-color: #cfcfcf !important;
}

body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, body .select2-container--default .select2-results__option--selected {
    background-color: #f46162 !important;
    color: var(--bs-white);
}
span#select2-inlineFormCustomSelectSearch-container {
  color: gray;
}
.text-gray{
  color: gray;
}