html[data-startbar="dark"] {
  --bs-startbar-bg: #0b1120;
  --bg-body: #0b1120;
}


body {
	font-family: Inter,system-ui,Segoe UI,Ubuntu,Cantarell,Noto Sans,-apple-system,Roboto,sans-serif;
  	font-feature-settings: "cv11","ss01","ss03";
  	
}

body {
  background-color: #0f111a !important;
  color: #fff !important;
}

.page-wrapper .page-content {
  overflow-x: hidden !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
  box-shadow: 0 0 0px 1000px #131621 inset;
  -webkit-box-shadow: 0 0 0px 1000px #131621 inset;
  -webkit-text-fill-color: #fff !important;
}

html {
  scrollbar-color: #222c42 transparent; /*thumb followed by track color*/
}

input:autofill {
  filter: none; 
}

a {
  color: #0068cc;
}

th.column-center, td.column-center {
  text-align: center;
}
span.icon-ok-circle {
  color: #1cc88a !important;
}

span.icon-minus-sign {
  color: #dc3545 !important;
}

span.text-custom-header {
  color: #a1a8bd;
}

div.table-responsive thead th, table.table-responsive thead th, table thead th, div.table-responsive table td, table tbody tr td {
  width: 1px;
  white-space: nowrap;
}

td.form-field-center {
  text-align: center;
}

.thumb-md {
  height: 32px;
  width: 32px;
}

.thumb-md-profile {
  height: 24px;
  width: 24px;
}

.dropdown-menu-profile .bg-secondary-subtle{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.col-form-label {
  color: #d9e1ec;
}

.startbar {
  background-color: #171b27;
}

.form-label,
.text-primary {
  color: #0068cc !important;
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0068cc;
  --bs-btn-border-color: #0068cc;

  --bs-btn-hover-bg: #0068cc;
  --bs-btn-hover-border-color: #0068cc;
  --bs-btn-focus-shadow-rgb: 133,128,249;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #0068cc;
  --bs-btn-active-border-color: #0068cc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #6f6af8;
  --bs-btn-disabled-border-color: #6f6af8;

}

.form-switch-primary .form-check-input:checked {
  background-color: #0068cc;
  border-color: #0068cc;
}

select.form-control:focus,
textarea.form-control:focus,
input.form-control:focus {
	border-color: #0068cc;
}


.form-label {
	color: #f1f5f9 !important;
	font-size: 12px;
  	font-weight: 600;
  	letter-spacing: -.005em;
}

.bg-black-salestalk {
  background-color: #141b2d !important;
}

.form-control:focus {
   
}

.text-muted {
 color: #94a3b8 !important;
}

.card,
.bg-black-salestalk {
  border: 1px solid #222c42;
}

.bg-black-salestalk::before {
  background: radial-gradient(circle at top right,currentColor,transparent 65%);
  content: "";
  height: 180px;
  inset: 0 0 auto auto;
  opacity: .08;
  pointer-events: none;
  position: absolute;
  transition: opacity .22s ease;
  width: 180px;
}


div.simplebar-wrapper-salestalk {
	margin: 0px -16px -16px;
}

div.simplebar-offset {
	right: 0px; bottom: 0px;
}

div.simplebar-content-wrapper {
	height: 100%; overflow: hidden scroll;
}

div.simplebar-content {
	padding: 0px 16px 16px;
}

div.simplebar-placeholder {
	width: 70px; height: 906px;
}

div.simplebar-track .simplebar-horizontal{
	visibility: hidden;
}

div.simplebar-track .simplebar-horizontal .simplebar-scrollbar {
	width: 0px; transform: translate3d(0px, 0px, 0px); display: none;
}

div.simplebar-track .simplebar-vertical{
	visibility: visible;
}

div.simplebar-track .simplebar-vertical .simplebar-scrollbar {
	height: 215px; transform: translate3d(0px, 0px, 0px); display: block;
}

.breadcrumb-item.active {
  color: #0068cc;
}

.datepicker-panel > ul > li,
.datepicker-container,
.datepicker-panel {
  background-color: #0b1120 !important;
}

.datepicker-dropdown {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1c202b;
}


.startbar .brand .logo-lg {
  height: 32px;
}

.active > .page-link, .page-link.active {
  background-color: #0068cc;
  border-color: #0068cc;
}

.form-check-input, 
.form-check-input:focus {
  border-color: #0068cc;
}
.form-check-input:checked {
  background-color: #0068cc;
  border-color: #0068cc;
}

.col-scrolly{
  display: flex;
  -webkit-animation: scrollText 30s infinite linear;
  animation: scrollText 30s infinite linear;
  justify-content: center;
  align-items: flex-end;
  cursor: pointer;
  height: 100%;
}


.col-scrolly:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

div.fixed-table-pagination .float-right {
  float: right !important;
}

div.fixed-table-pagination .float-left {
  float: left !important;
}

div.pagination-detail .page-list .btn-group button.btn-secondary {
  background-color: #131621 !important;
  box-shadow: none !important;
  --bs-btn-padding-x: 0.55rem;
  --bs-btn-padding-y: 0.355rem;
}

div.bootstrap-select,
span.input-group-text,
input.form-control,
textarea.form-control{
  border-color: #94a3b8;
  border-width: 0.65px !important;
  border: none !important;
  border: 0.55px solid #94a3b8 !important;
}

@-webkit-keyframes scrollText {
  from { transform: translateX(100vw); }
  to { transform: translateX(-100vw); }
}
@keyframes scrollText {
  from { transform: translateX(100vw); }
  to { transform: translateX(-100vw); }
}

div.form-switch-unattended,
div.form-switch-unattended input.form-check-input-unattended,
i.salestalk-tooltip {
  cursor: pointer;
}

@media (max-width:380px) {
  
  .top-right-profile {
    display: none;
  }

  div:where(.swal2-container) .swal2-input {
    height: 2em;
  }

  div:where(.swal2-container) label:where(.swal2-input-label) {
    text-align: center;
  }

  div:where(.swal2-container) .swal2-html-container {
    font-size: 0.85em;
  }
}