/* 
font-family: 'Noto Sans', sans-serif;
font-family: 'Roboto', sans-serif;
*/
:root {
  --bodyk-primary: #0f475b;
  --bodyk-secondary: #03526f;
  --bodyk-card-color: #ffffff;
  --bo-body: #f4f4f4;
  --bo-default-body: #fffbf9;
  --bo-card-body: #f9f9f9;
  --bo-color-primary: #da5133;
  --bo-color-primary-rgb: rgba(255, 84, 46, 0.851);
  --primary-color: #da5133 !important;
  --bo-border-primary: #ef5f3e;
  --bo-default-dark: #0d475c;
}

body {
  background-color: var(--bo-body);
  font-family: "Noto Sans", sans-serif;
}
.loader-wrapper {
  z-index: 99 !important;
}
.inner-loader {
  display: flex !important;
}
/* .inner-loader-hidden {
  display: none !important;
} */
.alertHidden {
  display: none;
}
.bg-primary {
  background-color: var(--bodyk-primary) !important;
  color: var(--bs-white) !important;
}
.bo-bg-primary {
  background-color: var(--bo-color-primary) !important;
  color: var(--bs-white) !important;
}
.text-white {
  color: var(--bs-white) !important;
}
.page-header {
  margin: 1rem 0 1rem;
  min-height: 30px;
}
.footer {
  position: relative;
  z-index: 999999;
}
.main-header-dropdown .dropdown-item a{
  align-items: center;
}
.main-header-dropdown .dropdown-item a i.bi{
  line-height: 0;
}
[data-header-styles="light"] body {
  background-color: var(--bo-body);
}

.breadcrumb-item a:hover {
  color: var(--bo-color-primary);
  text-decoration: underline;
}
/* Table Style */
.table th {
  font-family: "Noto Sans", sans-serif;
  padding: 20px 20px;
}
.dataTables_length {
  margin-bottom: 15px;
}
.dataTables_length .form-select {
  line-height: 1.5;
}
.dataTables_paginate {
  margin-top: 15px !important;
}

.table td {
  font-size: 0.9rem;
}
[data-header-styles="light"] .table .odd td {
  background: #fafafa !important;
}

/* Table Style */

[data-header-styles="light"] .form-control,
[data-header-styles="light"] .form-select {
  border: 1px solid #cccccc;
}
[data-header-styles="light"] .choices__inner {
  border: 1px solid #cccccc !important;
}

.form-label {
  font-family: "Roboto", sans-serif;
  opacity: 0.88;
}
.form-check-input {
  border-color: #86b7fe;
}
.form-check-input:active,
.form-check-input:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);

}

[data-header-styles="dark"] body {
  background-color: var(--bo-default-dark);
}
.btn-primary {
  background-color: var(--bo-color-primary) !important;
  border-color: var(--bo-border-primary) !important;
  color: #fff !important;
}
.btn-primary:hover {
  background-color: var(--bo-color-primary-rgb) !important;
  border-color: var(--bo-color-primary-rgb) !important;
  color: #fff !important;
}

.pointer {
  cursor: pointer !important;
}
.profile-image {
  display: inline-block;
  height: 200px !important;
  width: 200px !important;
  border-radius: 50%;
  border: 2px solid var(--bs-border-color);
}
.resize-none {
  resize: none;
}
.img-cover {
  object-fit: cover;
}
.img-contain {
  object-fit: contain;
}
[data-header-styles="light"] .has-sub .slide-menu .slide {
  border-bottom: 1px solid var(--bs-gray-200);
}
.has-sub .slide-menu .slide:last-child {
  border-bottom: 0;
}

[data-header-styles="light"] .has-sub .slide-menu .slide:hover {
  background: var(--primary005);
}

.has-sub .slide-menu .slide a {
  font-weight: 500;
}
/* Hide ::before for ul li a when it has ul li a i */
.has-sub .slide-menu .slide a::before {
  display: none;
}

/* Hide ::before for ul li a when it has ul li a i */
.has-sub .slide-menu .slide a i {
  margin-left: -15px;
  margin-right: 6px;
  font-size: 1.25rem;
}

/* Show ::before for ul li a when it doesn't have ul li a i */
.has-sub .slide-menu .slide a:not(:has(i))::before {
  display: block;
}


[data-header-styles="light"] header.app-header {
  background: var(--bodyk-primary);
}
[data-header-styles="dark"] header.app-header {
  background: var(--bodyk-primary);
}
[data-header-styles="light"] .card-body {
  background: var(--bodyk-card-color);
}
[data-header-styles="light"] .modal-body {
  background: var(--bodyk-card-color);
}
[data-header-styles="light"] #userAccessWrap .adminMenuGroup {
  background: var(--bo-card-body);
}

[data-header-styles="light"] #mainHeaderProfile h6 {
  color: #ffffff;
}
.main-header-container .header-link-icon {
  color: var(--bo-body);
  fill: var(--bo-body);
}

.main-header-container .header-link.show .header-link-icon,
.main-header-container .header-link:hover .header-link-icon {
  color: var(--bo-body);
  fill: var(--bo-body);
  opacity: 0.75;
}

.header-element .header-link-icon i:hover {
  color: var(--bo-body) !important;
  fill: var(--bo-body) !important;
  opacity: 0.88;
}

@media screen and (min-width: 1024px) {
  .text-muted-light {
    color: var(--bo-body) !important;
  }
}

[data-header-styles="light"] .main-header-center .btn,
[data-header-styles="light"] .main-header-center input {
  --default-text-color: #ffffff;
}

.main-header-container .main-profile-user .dropdown-menu {
  width: 14rem;
}

.main-header-container .main-profile-user .dropdown-item {
  /* padding: .75rem 1.5rem!important; */
  padding: 0 0 !important;
}
.main-header-container .main-profile-user .dropdown-item a {
  padding: 0.75rem 1.5rem !important;
}

/* Update page Tabs */

#ProfileTabNav {
  border: 0;
}
#ProfileTab .nav-item {
  margin-inline-end: 0;
}

#ProfileTab .nav-item .nav-link {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

#ProfileTab .tab-pane {
  border-top-left-radius: 0 !important;
}

#ProfileTab .nav-item .nav-link {
  min-width: 88px;
  padding: 13px 5px;
  text-align: center;
  margin-right: 4px;
  color: #444444;
  text-shadow: 1px 1px 1px #fff;
  border: 1px solid var(--default-border);
  border-bottom: 0;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #cccccc)
  );
  background: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
  background: linear-gradient(top, #ffffff 0%, #cccccc 100%);
}

#ProfileTab .nav-item .active {
  font-weight: bold;
  background: -moz-linear-gradient(bottom, #ffffff 0%, #cccccc 100%);
  background: -webkit-gradient(
    linear,
    left bottom,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #cccccc)
  );
  background: -webkit-linear-gradient(bottom, #ffffff 0%, #cccccc 100%);
  background: -o-linear-gradient(bottom, #ffffff 0%, #cccccc 100%);
  background: -ms-linear-gradient(bottom, #ffffff 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
  background: linear-gradient(bottom, #ffffff 0%, #cccccc 100%);
  border-bottom: 0;
  color: var(--bo-color-primary);
}

#ProfileTab .nav-item .nav-link:hover {
  color: var(--bo-color-primary);
}

[data-header-styles="dark"] #ProfileTab .nav-item .nav-link {
  color: #dcdcdc;
  text-shadow: 1px 1px 1px var(--bo-default-dark);
  border: 1px solid var(--bo-default-dark);
  border-bottom: 0;
  background: #2a2a49;
  background: -moz-linear-gradient(top, #2a2a49 0%, #2a2a49 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #2a2a49),
    color-stop(100%, #2a2a49)
  );
  background: -webkit-linear-gradient(top, #2a2a49 0%, #3a3a6a 100%);
  background: -o-linear-gradient(top, #2a2a49 0%, #3a3a6a 100%);
  background: -ms-linear-gradient(top, #2a2a49 0%, #3a3a6a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a49', endColorstr='#3a3a6a',GradientType=0 );
  background: linear-gradient(top, #2a2a49 0%, #3a3a6a 100%);
}

[data-header-styles="dark"] #ProfileTab .nav-item .nav-link:hover {
  color: var(--bo-color-primary);
}

[data-header-styles="dark"] #ProfileTab .nav-item .active {
  font-weight: bold;
  background: -moz-linear-gradient(bottom, #2a2a49 0%, #3a3a6a 100%);
  background: -webkit-gradient(
    linear,
    left bottom,
    left bottom,
    color-stop(0%, #2a2a49),
    color-stop(100%, #2a2a49)
  );
  background: -webkit-linear-gradient(bottom, #2a2a49 0%, #3a3a6a 100%);
  background: -o-linear-gradient(bottom, #2a2a49 0%, #3a3a6a 100%);
  background: -ms-linear-gradient(bottom, #2a2a49 0%, #3a3a6a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a49', endColorstr='#3a3a6a',GradientType=0 );
  background: linear-gradient(bottom, #2a2a49 0%, #3a3a6a 100%);
  border-bottom: 0;
  color: var(--bo-color-primary);
}
.spinner-preloader img{
  width: 36px;
}

.desktop-logo{
  display: inline-block;
  width: 120px;
  height: auto !important;
}
.desktop-dev{
  display: inline-block;
  width: 120px;
  height: auto !important;
}
.dev-logo{
  display: flex;
  justify-content: center;
  align-items: center;
}
.dev-logo .desktop-dev{
  display: flex;
  padding-left: 10px;
}