/* STYLESHEET */

body {
	font-size: 13px;
}
.fs-13 {
	font-size: 13px;
}
.fs-14 {
	font-size: 14px;
}
.fs-15 {
	font-size: 15px;
}
.fs-16 {
	font-size: 16px;
}

.btn:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-danger:hover {
	transform: translateY(0) !important;
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show,
.btn:not([class*="btn-"]):active, .btn:not([class*="btn-"]).active, .btn:not([class*="btn-"]).show, .btn:not([class*="btn-"]) {
	background: #eee;
	border: 1px solid transparent;
}
.btn-success {
  background-color: #64b539;
  border-color: #64b539;
}
.btn-danger {
  background-color: #e8462b;
  border-color: #e8462b;
}
.btn-icon {
	cursor: pointer !important;
}

.layout-menu-hover #layout-menu {
	width:5.25rem !important
}
.layout-menu-collapsed .logo-text {
	display: none;
}
.menu .app-brand {
  height: 64px;
  margin-top: 12px;
}
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
  color: #000;
}
.bg-menu-theme .menu-inner > .menu-item.active::before {
  background: none;
}
.bg-menu-theme .menu-inner > .menu-item.open .menu-item.open > .menu-toggle::before, .bg-menu-theme .menu-inner > .menu-item.open .menu-item.active > .menu-link::before {
  box-shadow: none;
}
.menu-vertical .menu-item.active:not(.open) > .menu-link {
  font-weight: 400;
}
.menu-vertical .menu-sub .menu-link {
  background: #f3f3f3 !important;
  border-radius: 2px !important;
  font-size: .875rem !important;
}

.app-brand-logo img {
  height: 45px;
}

.app-brand-logo svg {
  width: 22px;
  height: 38px;
}

.app-brand-text {
  font-size: 1.75rem;
  letter-spacing: -0.5px;
  text-transform: lowercase;
}

.bg-menu-theme .menu-sub > .menu-item > .menu-link::before {
  background-color: #575a5c !important;/*#6f7377 !important;*/
}

html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item.open > .menu-link, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open > .menu-link, html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover {
  color: #333;
}
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-sub .menu-link:not(.active):hover {
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	color: #222;
}
.bg-menu-theme .menu-item.open:not(.menu-item-closing) > .menu-toggle, .bg-menu-theme .menu-item.active > .menu-link {
  color: #003157;
}
.menu-vertical .menu-item .menu-link {
  font-size: .875rem;
  color: #333;
  padding: .625rem .75rem;
  font-weight: 500;
}
.bg-menu-theme .menu-header {
  color: #7e8895;
  font-size: .75rem;
}
.bg-menu-theme .menu-header::before {
	background: none !important;
}

.sidebar-header {
	background: #fbf5f5;
  font-size: 12px;
  font-weight: 600;
  padding: 12px 22px;
    padding-right: 22px;
    padding-left: 22px;
  border-bottom: 1px solid rgba(161,172,184,.25);
  border-top: 1px solid rgba(161,172,184,.25);
}

.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 76px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 62px !important;
}

.content-wrapper .navbar {
  z-index: auto;
}
.dropdown-item {
  font-size: .9rem;
  padding: 5px 20px;
}
.layout-navbar.navbar-detached.container-xxl {
  max-width: 100%;
}
.layout-navbar.navbar-detached {
  margin: 0 auto 0;
  border-radius: 0;
  padding: 0 1.5rem;
  width: 100%;
}
.navbar-detached {
	box-shadow: none;
	border-bottom: 1px solid rgba(161,172,184,.3);
}
.layout-menu-collapsed .layout-navbar.navbar-detached, .layout-without-menu .layout-navbar.navbar-detached {
  width: calc(100% - (1.625rem * 0));
}

/*
* Content
******************************************************************************/
.bg-grey {
	background-color: #eee !important;
}
.bg-label-danger {
  background-color: #f96249 !important;
  color: #fff !important;
}

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/*
* Layout
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}
.btn:hover {
  transform: none !important;
}

/* TABLE */
.table,
.table:not(.table-dark) th,
.table:not(.table-dark) tbody td {
	color: #333;
	font-size: 14px;
}
.table th {
  text-transform: capitalize;
  font-size: .85rem;
  letter-spacing: 0px;
  font-weight: 600;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 1px;
}

/* TABS */
.nav-pills .nav-link {
	font-size: 14px;
}
.nav-pills .nav-link.nav-green.active, .nav-pills .nav-link.nav-green.active:hover, .nav-pills .nav-link.nav-green.active:focus{
	background: #57cb8a;
}
.bs-stepper-content .btn-prev,
.bs-stepper-content .btn-next {
	display: none;
}
.bs-stepper .step.active .bs-stepper-label,
.bs-stepper.wizard-icons .step.crossed .step-trigger .bs-stepper-label {
  color: #474873 !important;
}
.light-style .bs-stepper .step-trigger {
  color: #98a0aa;/*#697a8d*/
}
.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .dropify-wrapper:not(.has-preview),
.was-validated .upload-photo:not(.ready) .upload-msg,
.was-validated .upload-file:not(.ready-file) .upload-msg-file {
  border-color: #ff3e1d !important;	
}

/* ALERT */
.light-style .swal2-popup .swal2-title {
  font-size: 18px !important;
}
.swal2-modal.swal2-popup .swal2-title {
  margin: 0 auto !important;
}
div:where(.swal2-container) .swal2-html-container {;
  font-size: .9em !important;
}
div:where(.swal2-container) {
	z-index: 1080 !important;
}
.swal2-modal.swal2-popup .swal2-actions .btn {
  height: 34px;
  line-height: normal;
  font-size: .9rem;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

/* MODAL */
.modal .btn-close {
	border-radius: 50%;
}
.modal .btn-close:hover, html:not([dir="rtl"]) .modal .btn-close:focus, html:not([dir="rtl"]) .modal .btn-close:active {
  transform: translate(23px, -25px) !important;
}

/* UPLOAD */
.croppie-container .cr-slider-wrap {
  margin: 5px auto !important;
}
.upload-wrap, .upload-result, .ready .upload-msg,
.upload-wrap-file, .upload-result-file, .ready-file .upload-msg-file {
	display: none;
}
.ready .upload-wrap,
.ready-file .upload-wrap-file {
	display: block;
}
.upload-msg,
.upload-msg-file {
  text-align: center;
  padding: 50px 20px;
  font-size: 16px;
  width: 200px;
  height: 150px;
  border: 2px dashed #E5E5E5;
}
.upload-wrap {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.upload-wrap-file {
  width: 200px;
  height: 150px;
  margin: 0 auto;
}
#upload-result-file {
  text-align: center;
  width: 200px;
  height: 150px;
  margin: 0 auto;
  border: 2px dashed #E5E5E5;
}
#upload-result-file .dropify-preview {
  position: absolute;
  z-index: 1;
  background-color: #FFF;
  padding: 5px;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
}
#upload-result-file .dropify-render i {
  font-size: 70px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  color: #777;
}
#upload-result-file .dropify-render .dropify-extension {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: -0.03em;
  font-size: 13px;
  width: 42px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.croppie-container {
  width: 100%;
  height: 100%;
}
.file-btn,
.file-btn:hover,
.file-btn:focus,
.file-btn:active {
	background-color: #189094 !important;
	cursor: pointer;
}
.file-btn input[type="file"] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/* SIMPLE EDIT */
.simpleedit .form-control {
	height: 32px;
	line-height: normal;
}

/* LOADER */
.loading-dots:after {
  content: ' .';
  animation: dots 1s steps(5, end) infinite;
  font-size: 18px;
  line-height: normal;
  margin-right: 5px;
}

@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: black;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 black,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 black,
      .5em 0 0 black;}
}

/* RESPONSIVE */

@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 231px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

@media (max-width: 991.98px) {
  .layout-navbar.navbar-detached {
    width: calc(100vw - (100vw - 100%) - (0rem * 2)) !important;
    z-index: 9999;
  }
}

@media (min-width: 1200px) {
	.bg-menu-theme.menu-vertical {
		border-right: 1px solid rgba(161,172,184,.3);
		box-shadow: none;
	}
}