/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

.top_app_title {
  position: relative;
  top: 24px;
}

span.header_logo_title {
  color: white;
  /*font-size: 20px;*/
}

div.help-block {
  color: red;
}

.text-right {
  text-align: right !important;
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.badge-warning {
  /* width: 50%; */
  background-color: #fcbe2d;
  color: black;
}

.m-b-20 {
  margin-bottom: 20px;
}

.text-right {
  text-align: right !important;
}

.float-right {
  float: right !important;
}

.mini-stat-icon i {
  font-size: 30px;
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
}

.breadcrumbs_icon {
  font-family: "Material Design Icons";
  font-size: 15px;
  line-height: 20px;
  content: "\f0142";
}

.mm-active,
.select2-container--krajee-bs4
  .select2-results__option--highlighted[aria-selected] {
  color: #ffffff !important;
  background-color: #3345a5 !important;
}

.ajaxFlash {
  /* padding: 10px; */
  color: white;
  font-size: 15px;
}

.flashSuccess {
  color: #088675;
  background-color: #daf4f0;
  border-color: #b6e8e1;
}

.flashError {
  color: #b44c36;
  background-color: #fde8e4;
  border-color: #fbd1c8;
}

.badge-danger {
  background-color: #fc5454;
  color: #fff;
}

.badge {
  font-weight: 500;
}
.home-btn {
  position: absolute;
  top: 22px;
  left: 22px;
  z-index: 1;
}

.text-dark {
  color: #354558 !important;
}

.text-white {
  color: #ffffff !important;
}

.home_link,
.home_link:hover {
  font-size: 25px;
  color: white;
  font-style: bold;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: normal;
  padding-left: 0px;
  padding-top: 3px;
  padding-right: 16px;
}
.select2-selection__clear {
  z-index: 999 !important;
  cursor: pointer;
}
.kv-drp-dropdown .range-value {
  padding-right: 46px;
}
.ajaxFlash,
.alert {
  position: fixed;
  left: 10px;
  z-index: 99999;
  bottom: 10px;
  border-radius: 5px;
  /* padding: 12px 20px; */
}

/** Dark Mode (start) **/
.kv-table-header,
.daterangepicker,
.daterangepicker td.off,
.calendar-table,
.select2 ul li {
  background: var(--vz-header-bg) !important;
  color: var(--vz-body-color) !important;
}
footer {
  background: var(--vz-body-bg) !important;
}
[data-layout-mode="dark"] input,
[data-layout-mode="dark"] .select2-container .select2-selection--single,
[data-layout-mode="dark"]
  .select2-container--krajee-bs4
  .select2-selection--single
  .select2-selection__arrow {
  /* background: var(--vz-body-bg) !important; */
  border-color: var(--vz-body-bg) !important;
}
.highcharts-background {
  fill: var(--vz-header-bg) !important;
}
.highcharts-root text {
  fill: var(--vz-body-color) !important;
}
[data-layout-mode="dark"] tr.table-danger a {
  color: var(--vz-table-hover-bg);
}
[data-layout-mode="dark"] tr.table-danger:hover a {
  color: var(--vz-table-hover-color);
}
[data-layout-mode="dark"] .table thead th,
[data-layout-mode="dark"] .table > :not(caption) > * > * {
  border: 0px;
}
/** Dark Mode (end) **/
@media (min-width: 576px) .d-sm-block {
  display: block !important;
}