/* ================================================= */
/* var(--wizard-secondary-active-color) */
body {
  background: var(--wizard-body-background-color);
}
.topbar .navbar-custom {
  border-bottom: 3px solid var(--wizard-tobar-border-bottom-color);
}
.list-inline.menu-left > .float-left > .button-menu-mobile {
  border-bottom: 3px solid var(--wizard-tobar-border-bottom-color);
}
/*---------------------------------------------------------------------------------------------------*/
/*Button Section*/
/* .btn-success {
	background-color: #02c58d !important;
	border: 1px solid #02c58d !important;
}


.btn-primary {
	background-color: #30419b;
	border: 1px solid #30419b;
  }
  
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
  .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover,
  .open > .dropdown-toggle.btn-primary, .btn-outline-primary.active, .btn-outline-primary:active,
  .show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary:hover, .btn-primary.active,
  .btn-primary:active, .show > .btn-primary.dropdown-toggle,
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle,
  .btn-outline-primary:not([disabled]):not(.disabled).active, .btn-outline-primary:not([disabled]):not(.disabled):active,
  .show > .btn-outline-primary.dropdown-toggle {
	background-color: #2a3988;
	border: 1px solid #2a3988;
  }
  
  .btn-primary.focus, .btn-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:focus,
  .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus,
  .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(48, 65, 155, 0.3);
	box-shadow: 0 0 0 2px rgba(48, 65, 155, 0.3);
  }
  
  .btn-secondary.focus, .btn-secondary:focus, .btn-outline-secondary.focus, .btn-outline-secondary:focus,
  .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus,
  .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(53, 69, 88, 0.3);
	box-shadow: 0 0 0 2px rgba(53, 69, 88, 0.3);
  }
  
  .btn-success {
	background-color: #02c58d;
	border: 1px solid #02c58d;
  }
  
  .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
  .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover,
  .open > .dropdown-toggle.btn-success, .btn-outline-success.active, .btn-outline-success:active,
  .show > .btn-outline-success.dropdown-toggle, .btn-outline-success:hover, .btn-success.active,
  .btn-success:active, .show > .btn-success.dropdown-toggle,
  .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus,
  .btn-outline-success:not([disabled]):not(.disabled).active, .btn-outline-success:not([disabled]):not(.disabled):active,
  .show > .btn-outline-success.dropdown-toggle {
	background-color: #02ac7b;
	border: 1px solid #02ac7b;
  }
  
  .btn-success.focus, .btn-success:focus, .btn-outline-success.focus, .btn-outline-success:focus,
  .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus,
  .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(2, 197, 141, 0.3);
	box-shadow: 0 0 0 2px rgba(2, 197, 141, 0.3);
  }
  
  .btn-info {
	background-color: #59c6fb;
	border: 1px solid #59c6fb;
  }
  
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus,
  .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info,
  .btn-outline-info.active, .btn-outline-info:active,
  .show > .btn-outline-info.dropdown-toggle, .btn-outline-info:hover, .btn-info.active, .btn-info:active,
  .show > .btn-info.dropdown-toggle, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle,
  .btn-outline-info:not([disabled]):not(.disabled).active, .btn-outline-info:not([disabled]):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
	background-color: #40bdfa;
	border: 1px solid #40bdfa;
  }
  
  .btn-info.focus, .btn-info:focus, .btn-outline-info.focus, .btn-outline-info:focus,
  .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus,
  .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(89, 198, 251, 0.3);
	box-shadow: 0 0 0 2px rgba(89, 198, 251, 0.3);
  }
  
  .btn-warning {
	background-color: #fcbe2d;
	border: 1px solid #fcbe2d;
  }
  
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
  .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover,
  .open > .dropdown-toggle.btn-warning, .btn-outline-warning.active, .btn-outline-warning:active,
  .show > .btn-outline-warning.dropdown-toggle, .btn-outline-warning:hover, .btn-warning.active,
  .btn-warning:active, .show > .btn-warning.dropdown-toggle,
  .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle,
  .btn-outline-warning:not([disabled]):not(.disabled).active, .btn-outline-warning:not([disabled]):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
	background-color: #fcb614;
	border: 1px solid #fcb614;
	color: #ffffff;
  }
  
  .btn-warning.focus, .btn-warning:focus, .btn-outline-warning.focus, .btn-outline-warning:focus,
  .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus,
  .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(252, 190, 45, 0.3);
	box-shadow: 0 0 0 2px rgba(252, 190, 45, 0.3);
  }
  
  .btn-danger {
	background-color: #fc5454;
	border: 1px solid #fc5454;
  }
  
  .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger.active,
  .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover,
  .open > .dropdown-toggle.btn-danger, .btn-outline-danger.active, .btn-outline-danger:active,
  .show > .btn-outline-danger.dropdown-toggle, .btn-outline-danger:hover, .btn-danger.active,
  .btn-danger:active, .show > .btn-danger.dropdown-toggle,
  .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle,
  .btn-outline-danger:not([disabled]):not(.disabled).active, .btn-outline-danger:not([disabled]):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
	background-color: #fc3b3b;
	border: 1px solid #fc3b3b;
  }
  
  .btn-danger.focus, .btn-danger:focus, .btn-outline-danger.focus, .btn-outline-danger:focus,
  .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus,
  .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(252, 84, 84, 0.3);
	box-shadow: 0 0 0 2px rgba(252, 84, 84, 0.3);
  }
  
  .btn-dark {
	background-color: #354558;
	border: 1px solid #354558;
	color: #ffffff;
  }
  
  .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus,
  .btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .dropdown-toggle.btn-dark,
  .btn-outline-dark.active, .btn-outline-dark:active,
  .show > .btn-outline-dark.dropdown-toggle, .btn-outline-dark:hover,
  .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle,
  .btn-outline-dark:not([disabled]):not(.disabled).active, .btn-outline-dark:not([disabled]):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
	background-color: #2b3948;
	border: 1px solid #2b3948;
	color: #ffffff;
  }
  
  .btn-dark.focus, .btn-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:focus,
  .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus,
  .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(53, 69, 88, 0.3);
	box-shadow: 0 0 0 2px rgba(53, 69, 88, 0.3);
  }
  
  .btn-secondary {
	background-color: #616f80;
	border: 1px solid #616f80;
  }
  
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active,
  .btn-secondary.focus, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover,
  .open > .dropdown-toggle.btn-secondary, .btn-outline-secondary.active, .btn-outline-secondary:active,
  .show > .btn-outline-secondary.dropdown-toggle, .btn-outline-secondary:hover, .btn-secondary.active,
  .btn-secondary:active, .show > .btn-secondary.dropdown-toggle,
  .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus,
  .btn-outline-secondary:not([disabled]):not(.disabled).active, .btn-outline-secondary:not([disabled]):not(.disabled):active,
  .show > .btn-outline-secondary.dropdown-toggle {
	background-color: #566271;
	border: 1px solid #566271;
  }
  
  .btn-secondary.focus, .btn-secondary:focus, .btn-outline-secondary.focus, .btn-outline-secondary:focus,
  .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus,
  .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(97, 111, 128, 0.3);
	box-shadow: 0 0 0 2px rgba(97, 111, 128, 0.3);
  } */
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*Scroll Section*/
.my-table-responsive {
  overflow: auto;
  width: 100%;
}
.my-body-responsive {
  overflow: auto;
}
body.my_custom_scroll {
  margin-bottom: 0px;
}
.my_custom_scroll {
  /*margin-bottom: 25px;*/
}
.my_custom_scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.my_custom_scroll::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
.my_custom_scroll::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
#wrapper {
  /*overflow: auto;
	overflow-x: hidden;
	max-height: 100%;*/
}
/*---------------------------------------------------------------------------------------------------*/
/* width */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--wizard-scroll-bar-color);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--wizard-scroll-bar-hover-color);
}
/*---------------------------------------------------------------------------------------------------*/
body .card-body.data-view-container {
  padding: 0px;
  padding-top: 20px;
}
body .my_custom_scroll::-webkit-scrollbar-thumb {
  background: var(--wizard-scroll-bar-color);
}
#side-menu li:hover > a, body.nav-horizontal #side-menu li.mouse-hover > a {
  background: var(--wizard-sidebar-menu-hover-color) !important;
}
#side-menu .submenu li:hover > a, body.nav-horizontal #side-menu .submenu li.mouse-hover > a {
  background: var(--wizard-sidebar-font-hover-color);
}
#side-menu li.trigger_active a {
  background: var(--wizard-sidebar-menu-idle-color);
  color: var(--wizard-sidebar-menu-active-font-color) !important;
}
body:not(.enlarged) .metismenu > .active > a, body:not(.enlarged) .metismenu > .active .submenu .active > a {
  background: var(--wizard-sidebar-menu-idle-color) !important;
}
body.enlarged .metismenu > .active, body.enlarged .metismenu > .active .submenu .active {
  background: var(--wizard-sidebar-menu-idle-color) !important;
}
.topbar .topbar-left {
  background: var(--wizard-topbar-left-color) !important;
  border-bottom: 3px solid var(--wizard-topbar-left-bottom-color);
}
nav.navbar-custom, button.button-menu-mobile {
  background: var(--wizard-topbar-color) !important;
  color: var(--wizard-topbar-icon-color);
}
nav.navbar-custom > ul > li > a > i {
  color: var(--wizard-topbar-icon-color);
}
.side-menu {
  background: var(--wizard-sidebar-color);
}
.enlarged #wrapper #sidebar-menu ul ul {
  background-color: var(--wizard-sidebar-color);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
#sidebar-menu .menu-title {
  /* color: #636363; */
  /* font-weight: bolder; */
}
#side-menu li:hover > a > div, #side-menu li:hover > a > i {
  color: var(--wizard-sidebar-font-hover-color) !important;
}
#side-menu li.active > a > .menu_name, #side-menu li.active > a > .menu_icon {
  color: var(--wizard-sidebar-menu-active-font-color);
}
#side-menu li.trigger_active .menu_name, #side-menu li.trigger_active .menu_icon {
  color: var(--wizard-sidebar-menu-active-font-color) !important;
}
.side-menu-back {
  background: var(--wizard-sidebar-color);
}
body.enlarged #wrapper #sidebar-menu ul ul {
  height: auto !important;
}
body.enlarged #wrapper #sidebar-menu ul ul .menu-arrow > i {
  margin-top: -10px;
}
body.enlarged #wrapper .left.side-menu #sidebar-menu > ul li .menu-arrow > i {
  margin-right: 10px !important;
}
body.enlarged #wrapper .left.side-menu #sidebar-menu > ul ul.submenu li .menu-arrow > i {
  margin-right: -5px !important;
}
body.enlarged #wrapper .left.side-menu #sidebar-menu > ul ul.submenu li .menu-arrow {
  margin-right: 0px !important;
}
ul.metismenu#side-menu li > a {
  padding: 10px;
  padding-left: 12px;
}
#sidebar-menu ul.submenu li > a span.menu-arrow {
  margin-right: 10px;
}
#sidebar-menu ul.submenu > li > a {
  padding-left: 30px;
}
#sidebar-menu ul.submenu > li > ul.submenu > li > a {
  padding-left: 50px;
}
#sidebar-menu ul.submenu > li > ul.submenu > li > ul.submenu > li > a {
  padding-left: 70px;
}
#sidebar-menu ul.submenu > li > ul.submenu > li > ul.submenu > li > ul.submenu > li > a {
  padding-left: 90px;
}
#sidebar-menu .menu-title {
  padding: 5px !important;
  padding-left: 10px !important;
}
body .table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > td {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
body .card {
  margin-bottom: 20px;
}
body .table td, .table th {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
body .my-pagination button {
  padding: 3px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  width: auto !important;
}
body .card .card-header {
  padding: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
body .data-view-container .card.container-table-top-button > .card-body {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
body .modal.modal-ajax-new-data.fading .sticky-form-footer {
  display: none;
}
body .custom_menu .li > .form-field-container-preview .form-group {
  margin-bottom: 0.1rem;
}
body .container_field_editor .group-child {
  padding-right: 10px;
  padding-left: 10px !important;
}
body .form-group {
  margin-bottom: 0.3rem;
}
body .data-view-container .container-top-button .card-body {
  padding: 0px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
body .data-view-container .container-top-button .card {
  margin-bottom: 0px !important;
  border: 0px;
}
body .data-view-container .container-top-button .card > .outer_body > .card-body {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
body .my-form-body .list-field-form-editor.group.bordered_field > .group-child {
  padding-top: 5px !important;
  padding-bottom: 10px !important;
  padding-right: 0px !important;
}
.custom_menu .list-field-form-editor > .form-field-container-preview {
  padding-right: 10px !important;
}
.custom_menu .list-field-form-editor .field-editor-content > .form-field-container-preview {
  padding-right: 10px !important;
}
.list-field-form-editor.group > .handler.noselect label {
  margin: 0px;
  padding-top: 10px !important;
  padding-bottom: 10px;
  padding-left: 15px !important;
  padding-right: 15px;
}
body .form-control {
  padding: 3px;
  padding-left: 8px;
  padding-right: 8px;
}
body button.btn.btn-sm, body a.btn.btn-sm {
  min-height: unset;
  padding: 3px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
body button.btn.btn-md, body a.btn.btn-md {
  min-height: unset;
  padding: 4px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
body .paging-container label {
  margin-bottom: 0px;
}
body .container-keterangan-ukuran .hide {
  display: none;
}
body .content {
  padding-left: 5% !important;
  padding-right: 5% !important;
  margin-bottom: 40px;
}
body .content > .container-fluid {
  background: white;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 700px) {
  body .content {
    padding: 15px !important;
  }
}
body .content .page-title-box {
  padding-top: 10px;
  padding-bottom: 10px;
}
.btn {
  border-radius: 0px;
}
.outer_body > .card-body > .card {
  border: 0px;
}
.outer_body > .card-body > .card > .outer_body > .card-body {
  padding: 20px !important;
}
body .list-field-form-editor.group > .handler > div {
  border-radius: 0px;
}
body .modal .modal-dialog.modal-foreign-table .modal-content .modal-body {
  padding: 20px !important;
}
img.html-home-logo {
  width: 100px;
}
.project-name-logo {
  display: none;
}
.logo .login-logo {
  width: 300px;
}
.btn.btn-primary, .btn.btn-success, .btn.btn-info, .btn.btn-warning, .btn.btn-danger, .btn.btn-dark, .btn.btn-pink, .btn.btn-purple, .btn.btn-indigo, .btn.btn-teal, .btn.btn-lime, .btn.btn-orange, .btn.btn-brown, .btn.btn-blue-grey {
  color: #ffffff;
}
.btn.btn-primary {
  background-color: var(--wizard-btn-primary-bg);
  border: 1px solid var(--wizard-btn-primary-bg);
  color: var(--wizard-btn-primary-font-bg);
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary.focus, .btn.open > .dropdown-toggle.btn-primary, .btn.btn-outline-primary.active, .btn.btn-outline-primary:active, .btn.show > .btn-outline-primary.dropdown-toggle, .btn.btn-outline-primary:hover, .btn.show > .btn-primary.dropdown-toggle, .btn.btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-outline-primary:not([disabled]):not(.disabled).active, .btn.btn-outline-primary:not([disabled]):not(.disabled):active {
  background-color: var(--wizard-btn-primary-bg-active);
  border: 1px solid var(--wizard-btn-primary-bg-active);
  color: var(--wizard-btn-primary-font-bg-active);
}
.btn.btn-success {
  background-color: var(--wizard-btn-success-bg);
  border: 1px solid var(--wizard-btn-success-bg);
  color: var(--wizard-btn-success-font-bg);
}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success.active, .btn.btn-success.focus, .btn.open > .dropdown-toggle.btn-success, .btn.btn-outline-success.active, .btn.btn-outline-success:active, .btn.show > .btn-outline-success.dropdown-toggle, .btn.btn-outline-success:hover, .btn.show > .btn-success.dropdown-toggle, .btn.btn-success:not(:disabled):not(.disabled).active:focus, .btn.btn-success:not(:disabled):not(.disabled):active:focus, .btn.show > .btn-success.dropdown-toggle:focus, .btn.btn-outline-success:not([disabled]):not(.disabled).active, .btn.btn-outline-success:not([disabled]):not(.disabled):active {
  background-color: var(--wizard-btn-success-bg-active);
  border: 1px solid var(--wizard-btn-success-bg-active);
  color: var(--wizard-btn-success-font-bg-active);
}
.btn.btn-info {
  background-color: var(--wizard-btn-info-bg);
  border: 1px solid var(--wizard-btn-info-bg);
  color: var(--wizard-btn-info-font-bg);
}
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info.active, .btn.btn-info.focus, .btn.open > .dropdown-toggle.btn-info, .btn.btn-outline-info.active, .btn.btn-outline-info:active, .btn.show > .btn-outline-info.dropdown-toggle, .btn.btn-outline-info:hover, .btn.show > .btn-info.dropdown-toggle, .btn.btn-info:not(:disabled):not(.disabled).active, .btn.btn-info:not(:disabled):not(.disabled):active, .btn.btn-outline-info:not([disabled]):not(.disabled).active, .btn.btn-outline-info:not([disabled]):not(.disabled):active {
  background-color: var(--wizard-btn-info-bg-active);
  border: 1px solid var(--wizard-btn-info-bg-active);
  color: var(--wizard-btn-info-font-bg-active);
}
.btn.btn-warning {
  background-color: var(--wizard-btn-warning-bg);
  border: 1px solid var(--wizard-btn-warning-bg);
  color: var(--wizard-btn-warning-font-bg);
}
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active, .btn.btn-warning.focus, .btn.open > .dropdown-toggle.btn-warning, .btn.btn-outline-warning.active, .btn.btn-outline-warning:active, .btn.show > .btn-outline-warning.dropdown-toggle, .btn.btn-outline-warning:hover, .btn.show > .btn-warning.dropdown-toggle, .btn.btn-warning:not(:disabled):not(.disabled).active, .btn.btn-warning:not(:disabled):not(.disabled):active, .btn.btn-outline-warning:not([disabled]):not(.disabled).active, .btn.btn-outline-warning:not([disabled]):not(.disabled):active {
  background-color: var(--wizard-btn-warning-bg-active);
  border: 1px solid var(--wizard-btn-warning-bg-active);
  color: var(--wizard-btn-warning-font-bg-active);
}
.btn.btn-danger {
  background-color: var(--wizard-btn-danger-bg);
  border: 1px solid var(--wizard-btn-danger-bg);
  color: var(--wizard-btn-danger-font-bg);
}
.btn.btn-danger:active, .btn.btn-danger:focus, .btn.btn-danger:hover, .btn.btn-danger.active, .btn.btn-danger.focus, .btn.open > .dropdown-toggle.btn-danger, .btn.btn-outline-danger.active, .btn.btn-outline-danger:active, .btn.show > .btn-outline-danger.dropdown-toggle, .btn.btn-outline-danger:hover, .btn.show > .btn-danger.dropdown-toggle, .btn.btn-danger:not(:disabled):not(.disabled).active, .btn.btn-danger:not(:disabled):not(.disabled):active, .btn.btn-outline-danger:not([disabled]):not(.disabled).active, .btn.btn-outline-danger:not([disabled]):not(.disabled):active {
  background-color: var(--wizard-btn-danger-bg-active);
  border: 1px solid var(--wizard-btn-danger-bg-active);
  color: var(--wizard-btn-danger-font-bg-active);
}
.btn.btn-dark {
  background-color: var(--wizard-btn-dark-bg);
  border: 1px solid var(--wizard-btn-dark-bg);
  color: var(--wizard-btn-dark-font-bg);
}
.btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:active, .btn.btn-dark.active, .btn.btn-dark.focus, .btn.open > .dropdown-toggle.btn-dark, .btn.btn-outline-dark.active, .btn.btn-outline-dark:active, .btn.show > .btn-outline-dark.dropdown-toggle, .btn.btn-outline-dark:hover, .btn.btn-dark:not(:disabled):not(.disabled).active, .btn.btn-dark:not(:disabled):not(.disabled):active, .btn.show > .btn-dark.dropdown-toggle, .btn.btn-outline-dark:not([disabled]):not(.disabled).active, .btn.btn-outline-dark:not([disabled]):not(.disabled):active {
  background-color: var(--wizard-btn-dark-bg-active);
  border: 1px solid var(--wizard-btn-dark-bg-active);
  color: var(--wizard-btn-dark-font-bg-active);
}
.btn.btn-secondary {
  background-color: var(--wizard-btn-secondary-bg);
  border: 1px solid var(--wizard-btn-secondary-bg);
  color: var(--wizard-btn-secondary-font-bg);
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary.active, .btn.btn-secondary.focus, .btn.open > .dropdown-toggle.btn-secondary, .btn.btn-outline-secondary.active, .btn.btn-outline-secondary:active, .btn.show > .btn-outline-secondary.dropdown-toggle, .btn.btn-outline-secondary:hover, .btn.show > .btn-secondary.dropdown-toggle, .btn.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn.show > .btn-secondary.dropdown-toggle:focus, .btn.btn-outline-secondary:not([disabled]):not(.disabled).active, .btn.btn-outline-secondary:not([disabled]):not(.disabled):active {
  background-color: var(--wizard-btn-secondary-bg-active);
  border: 1px solid var(--wizard-btn-secondary-bg-active);
  color: var(--wizard-btn-secondary-font-bg-active);
}
.my-card-info {
  border-radius: 5px;
}
.my-card-info .info-label {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
  margin: -25px;
  margin-bottom: -10px;
  margin-top: -25px;
  padding: 12px;
}
.bg-gray {
  background-color: #dbdbdb !important;
}
.my-card-info .info-label.bg-light {
  color: gray;
  background-color: #dbdbdb !important;
}
.dark-alert.alert {
  position: relative;
  border: 0;
}
.dark-alert.alert .alert-link {
  font-weight: 500;
  text-decoration: underline;
}
.dark-alert.alert-primary {
  color: #ffffff;
  background-color: #30419b;
}
.dark-alert.alert-primary hr {
  border-top-color: #243174;
}
.dark-alert.alert-success {
  color: #ffffff;
  background-color: #02c58d;
}
.dark-alert.alert-success hr {
  border-top-color: #019369;
}
.dark-alert.alert-danger {
  color: #ffffff;
  background-color: #fc5454;
}
.dark-alert.alert-danger hr {
  border-top-color: #fb2222;
}
.dark-alert.alert-warning {
  color: #ffffff;
  background-color: #fcbe2d;
}
.dark-alert.alert-warning hr {
  border-top-color: #f3ab03;
}
.dark-alert.alert-info {
  color: #ffffff;
  background-color: #59c6fb;
}
.dark-alert.alert-info hr {
  border-top-color: #27b5fa;
}
.dark-alert.alert-secondary {
  color: #ffffff;
  background-color: #616f80;
}
.dark-alert.alert-secondary hr {
  border-top-color: #4b5663;
}
.dark-alert.alert-dark {
  color: #ffffff;
  background-color: #354558;
}
.dark-alert.alert-dark hr {
  border-top-color: #222c38;
}
/*# sourceMappingURL=wizard-custom.css.map */