:root{
  --text-defaul-color: #100f0f !important;
  --bg-primary-blur: rgb(1 92 146 / 7%) !important;
  --bs-card-color:  #100f0f !important;
}

.select2-container{
}

.copytext:hover{
  cursor: copy;
}

.text-des{
  font-size: 0.875rem;
  color: #7d7d7d;
}


.text-default{
  color:#100f0f !important;
}

.col-form-label,
.form-label {
  margin-bottom: .25rem;
  font-size: 0.8125rem;
  color: #100f0f;
  font-weight: 500;
}
.card .card-title{
  color: var(--text-defaul-color) !important;
}

.dataTable {
  width: 100% !important;
  white-space: nowrap;
}
.dataTables_scrollBody {
  scrollbar-width: thin;
  scrollbar-color: #ababab #ffffff;
}

.btn:hover {
  cursor: pointer !important;
}
.btn-outline-none{
  border: none !important;
  background-color: #ededed !important;
  color:#100f0f !important;
}

.btn-outline-none:hover{
  background-color: rgb(1 92 146 / 7%) !important;
  color: var(--bs-primary) !important;
}

.btn .far, .btn .fas, .btn .fab, .btn .fa {
  line-height: 1.5em !important;
}

/*===Override summernote css===*/
.note-editor.note-frame {
  border: 1px solid #ced1d5 !important;
  border-radius: var(--bs-border-radius) !important;
}

/*===Override bootstrap-select css===*/

.bootstrap-select .btn{
  min-width: 160px !important;
  background-color: white;
}

.bootstrap-select .btn.show{
  min-width: 170px !important;
  background-color: white !important;
}


.focus .ts-control {
  box-shadow: none !important;
}

.filter-option-inner-inner{
  color: #232222 !important;
  font-weight: 400 !important;
}


/*======== SPINER ===========*/

#loadpage {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: rgba(255,255,255,0.8); /* Semi-transparent background */
  display: flex;
  justify-content: center;
  align-items: center;
  /* Above Bootstrap modal/backdrop (~1090), flatpickr overrides (~20000), pickr (10000), etc. */
  z-index: 1000000;
  pointer-events: auto;
  isolation: isolate;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(0, 0, 0, 0.1);
  border-top: 5px solid var(--bs-primary);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.ts-dropdown .spinner::after{
  content: unset !important;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

tfoot {
  display: table-header-group;
}
.dataTable thead th:nth-child(n+4),
.dataTables_scrollHead thead th:nth-child(n+4) {
  min-width: 100px;
}

/*======== FILTER ROW ===========*/

#filter-row {
  background-color: var(--bs-primary);
}

#filter-row th{
  padding: .5em .5em !important;
  position: relative;
  vertical-align: bottom;
}

#filter-row th input {
  border-radius: unset !important;
  min-height: 32px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  min-width: 60px;
  color:#fff;
}
#filter-row th input::placeholder{
  color:#fff;
  font-style: italic;
}

#filter-row th .input-group-text {
  border-radius: unset !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
  border: 0 !important;
}

#filter-row th .input-group-text i{
  font-size: .75rem !important;
  color:#fff;
}

.input-group .form-control[type=number] {
  min-height: unset !important;
}


.input-group:focus-within{
  padding: 0 !important;
  border:unset !important;
}


/*======== AUTO SCROLL VERTICEL ===========*/

.scroll-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0,0,0,0.4);
  color: white;
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
  z-index: 10;
}

.scroll-icon.left {
  left: 5px;
}

.scroll-icon.right {
  right: 5px;
}



.form-control:disabled {
  color: #232222;
  border-color: #fff;
  background-color: var(--bg-primary-blur);
  opacity: 1;
}

.input-group:hover .form-control:disabled {
  border: none !important;
  transition: none !important;
  transform: none !important;
}

.input-group-text
{
  transition: none !important;
}
.flatpickr-input:disabled {
  transition: none !important;
}

.input-group-text.disabled{
  border: unset !important;
  background-color: var(--bg-primary-blur) !important;
  margin-left: 0px !important;
}

.input-group.input-group-merge .form-control:not(textarea):not(:last-child) {
   padding-inline-end:  0.75rem !important;
}
.input-group.input-group-merge .form-control:not(textarea):not(:first-child) {
   padding-inline-start: 0.75rem !important;
 /*  border-top-left-radius: .375em !important;
   border-bottom-left-radius: .375em !important;*/
}
.form-control::placeholder {
  font-style: italic;
  font-size: 0.875rem;
}

.layout-navbar .navbar-dropdown .dropdown-menu {
  min-width: 24rem;
  overflow: hidden;
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-list {
  max-height: 34rem;
}

.application-item{
  cursor: pointer;
}

.application-item:hover{
  background-color: var(--bs-body-bg);
}


.bg-menu-theme .menu-inner > .menu-item.active > .menu-link, .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-sub > .menu-item.active:not(:has(.menu-sub)) > .menu-link {
  color: #14534F;
  background-color: rgb(1 92 146 / 7%) !important;
}