@charset "UTF-8";
#wrapper {
  /*height: 100%;*/
  /*overflow: hidden;*/
  width: 100%;
}
@media not all and (min-resolution: 0.001dpcm) {
  a {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }
}
@supports (-webkit-touch-callout: none) {
  a {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }
}
.btn-wizard-active {
  background: var(--wizard-main-active-color);
  color: white;
}
.btn-wizard-active:hover {
  color: white;
  background: var(--wizard-secondary-active-color);
}
.dropdown-menu.top {
  top: unset;
  bottom: 100%;
}
.dropdown-menu.right {
  left: unset;
  right: 0;
}
.dropdown-menu.color-dropdown-menu .dropdown-item:hover {
  color: white;
  background: var(--wizard-main-active-color);
}
@media (max-width: 768px) {
  .topbar .topbar-left {
    border-bottom: 3px solid var(--wizard-tobar-border-bottom-color);
  }
}
.bold {
  font-weight: 700;
}
.modal .my-form-body {
  margin-bottom: 20px;
}
.modal .main-wrap-content .content-wrapper .my-form-body {
  margin-bottom: 0px;
}
.auto-load-form-loader {
  font-size: 1rem;
  width: 60px;
  height: 60px;
  position: relative;
  left: 50%;
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: -30px;
}
@media (max-width: 770px) {
  .hide-sm {
    display: none !important;
  }
}
@media (min-width: 771px) {
  .max-width-250-md {
    max-width: 250px;
  }
}
@media (max-width: 771px) {
  .dropdown-menu.dropdown-menu-right.wizard-notif-dropdown-menu {
    position: fixed;
    top: 70px !important;
    width: calc(100% - 50px);
    left: 25px !important;
  }
}
@media (min-width: 991px) {
  .max-width-250-lg {
    max-width: 250px;
  }
}
@media (min-width: 991px) {
  .max-width-50-percent-lg {
    max-width: 50%;
  }
}
span.lazy-image-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}
a.link {
  text-decoration: underline;
}
body img.image-fit {
  object-fit: cover;
}
.accountbg {
  position: fixed;
}
.topbar img.app-logo {
  width: 150px;
}
.topbar img.app-logo-small {
  width: 55px;
  position: relative;
  top: -5px;
}
.content-page .content {
  padding-bottom: 40px;
}
.content-page .modal .content {
  padding-bottom: 0px;
}
.new-box-shadow {
  box-shadow: 6px 11px 41px -28px #a99de7;
  -webkit-box-shadow: 6px 11px 41px -28px #a99de7;
  -moz-box-shadow: 6px 11px 41px -28px #a99de7;
  -ms-box-shadow: 6px 11px 41px -28px #a99de7;
}
div.container-image-view {
  position: relative;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  padding: 5px;
  overflow: hidden;
}
div.container-image-view img.image-beauty {
  transition: transform 0.2s ease-out 0s;
}
div.container-image-view img.image-beauty:hover {
  transform: scale(1.2);
}
body.debugbar-active.nav-horizontal > .wrapper > .container-fluid > .main-wrap-content {
  padding-bottom: 40px !important;
}
body.debugbar-active.nav-horizontal > .float-action-btn {
  bottom: 35px !important;
}
body.debugbar-active.nav-horizontal > footer {
  bottom: 30px !important;
}
body.debugbar-active.nav-vertical > #wrapper > .content-page > .main-wrap-content {
  margin-bottom: 70px;
}
body.debugbar-active.nav-vertical > #wrapper footer {
  bottom: 30px !important;
}
body.debugbar-active.nav-vertical > .float-action-btn {
  bottom: 35px !important;
}
table td div.container-files-in-table {
  text-align: center;
}
table td div.container-files-in-table > a.btn-download-file-in-table {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}
table td div.container-files-in-table > a.btn-download-file-in-table button {
  width: 100%;
}
table td div.container-files-in-table:last-child > a {
  margin-bottom: 0;
}
body .table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > td {
  padding: 10px;
}
body.nav-horizontal .content {
  margin-bottom: 0px !important;
}
body.nav-horizontal .card {
  border: 0;
  box-shadow: 6px 11px 41px -28px #a99de7;
  -webkit-box-shadow: 6px 11px 41px -28px #a99de7;
  -moz-box-shadow: 6px 11px 41px -28px #a99de7;
  -ms-box-shadow: 6px 11px 41px -28px #a99de7;
  border-radius: 5px;
}
body.nav-horizontal.nav-mobile {
  padding-bottom: 40px;
}
body.nav-horizontal.nav-mobile .topbar-main .menu-extras.topbar-custom {
  padding-right: 35px !important;
}
body.nav-horizontal.nav-mobile .topbar-main li.dropdown.mobile-nav-btn {
  position: absolute;
  height: 41px;
  width: 42px;
  right: 14px;
  top: 13px;
}
body.nav-horizontal.nav-mobile .topbar-main .logo-light {
  display: none;
}
body.nav-horizontal.nav-mobile .topbar-main .logo-sm {
  position: absolute;
  display: block !important;
}
body.nav-horizontal.nav-mobile.open-movile-menu #navigation {
  position: unset;
  display: block;
  background: var(--wizard-sidebar-color);
  border: 0;
  overflow: unset;
  margin-top: 20px;
  transition: height 0.3s ease-out 0s;
  min-height: 250px;
}
body.nav-horizontal.nav-mobile.open-movile-menu #navigation .trigger_active {
  background: var(--wizard-sidebar-menu-idle-color);
  color: var(--wizard-sidebar-menu-active-font-color) !important;
}
body.nav-horizontal.nav-mobile.open-movile-menu #navigation .menu-title.group-title {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.nav-horizontal.nav-mobile.open-movile-menu #navigation .menu-stabelizer {
  display: inline-block;
}
body.nav-horizontal.nav-mobile.open-movile-menu #navigation .menu-stabelizer:first-child {
  display: none;
}
body.nav-horizontal.nav-mobile.open-movile-menu #navigation .navigation-menu > li.has-submenu > a:after {
  top: 10px;
}
body.nav-horizontal.nav-mobile.open-movile-menu #navigation .navigation-menu > li .submenu {
  padding: 20px;
}
body.nav-horizontal.nav-mobile.open-movile-menu #navigation .navigation-menu > li .submenu.open {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
}
body.nav-horizontal.nav-mobile.open-movile-menu #navigation .navigation-menu > li > a {
  margin-bottom: 2px !important;
  padding-bottom: 10px !important;
}
body.nav-horizontal.nav-mobile.open-movile-menu #navigation .navigation-menu li .submenu li:hover > .submenu.open {
  margin-top: 0px;
}
body.nav-horizontal.nav-mobile.open-movile-menu #navigation ul.submenu .menu_name {
  color: var(--wizard-sidebar-font-color);
}
body.nav-horizontal.nav-mobile.open-movile-menu #navigation ul.submenu .menu_icon {
  color: var(--wizard-sidebar-font-color);
  margin-right: 10px;
  width: 13px;
}
body.nav-horizontal .topbar-main .menu-extras > ul > li.dropdown {
  cursor: pointer;
}
body.nav-horizontal #side-menu > li:not(.active) > a > div, body.nav-horizontal #side-menu > li:not(.active) > a > i {
  color: var(--wizard-sidebar-font-color);
}
body.nav-horizontal #side-menu > li.mouse-hover > a > i, body.nav-horizontal #side-menu > li.mouse-hover > a > div {
  color: var(--wizard-sidebar-menu-active-font-color);
}
body.nav-horizontal .menu-stabelizer {
  display: none;
}
body.nav-horizontal #topnav .topbar-main .logo img {
  height: 50px;
}
body.nav-horizontal #navigation {
  margin-top: -3px;
}
body.nav-horizontal .content {
  padding: 0px !important;
}
body.nav-horizontal .topbar-main .logo-light {
  color: var(--wizard-topbar-icon-color);
}
body.nav-horizontal .waves-effect {
  position: unset;
  display: unset;
  overflow: unset;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: unset;
  vertical-align: unset;
}
body.nav-horizontal:not(.nav-mobile) #side-menu ul.submenu li.trigger_active:not(:hover) .menu_name, body.nav-horizontal:not(.nav-mobile) #side-menu ul.submenu li.trigger_active:not(:hover) .menu_icon {
  color: var(--wizard-sidebar-menu-active-font-color) !important;
}
@media (min-width: 768px) {
  body.nav-horizontal:not(.nav-mobile) #topnav .navigation-menu > li.has-submenu:hover > .submenu {
    visibility: visible;
    opacity: 1;
    margin-top: -10px;
  }
  body.nav-horizontal:not(.nav-mobile) #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu.mouse-hover > .submenu > li.has-submenu.mouse-hover > .submenu {
    visibility: visible;
    opacity: 1;
    top: -10px;
  }
  body.nav-horizontal:not(.nav-mobile) #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu.mouse-hover > .submenu > li.has-submenu.mouse-hover > .submenu.mega-submenu {
    top: 24px;
  }
  body.nav-horizontal:not(.nav-mobile) #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu.mouse-hover > .submenu > li.has-submenu.mouse-hover > .submenu > li.has-submenu.mouse-hover > .submenu {
    visibility: visible;
    opacity: 1;
    top: -10px;
  }
  body.nav-horizontal:not(.nav-mobile) #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu.mouse-hover > .submenu > li.has-submenu.mouse-hover > .submenu > li.has-submenu.mouse-hover > .submenu.mega-submenu {
    top: 24px;
  }
}
body.nav-horizontal:not(.nav-mobile) #topnav .navigation-menu > li .submenu:not(.mega-submenu) {
  border-top: 3px solid var(--wizard-sidebar-menu-hover-color);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body.nav-horizontal:not(.nav-mobile) #topnav .navigation-menu > li .submenu .menu_name {
  font-weight: 500;
  color: var(--wizard-topbar-icon-color);
}
body.nav-horizontal:not(.nav-mobile) #topnav .navigation-menu > li .submenu .menu_icon {
  color: var(--wizard-topbar-icon-color);
  margin-right: 10px;
  width: 13px;
}
body.nav-horizontal:not(.nav-mobile) #topnav .navigation-menu > li .submenu > li.mouse-hover > a .menu_name {
  color: var(--wizard-sidebar-menu-active-font-color);
}
body.nav-horizontal:not(.nav-mobile) #topnav .navigation-menu > li .submenu > li.mouse-hover > a .menu_icon {
  color: var(--wizard-sidebar-menu-active-font-color);
}
body.nav-horizontal:not(.nav-mobile) #topnav .navigation-menu > li li.has-submenu > a:after {
  color: var(--wizard-topbar-icon-color) !important;
}
body.nav-horizontal:not(.nav-mobile) #topnav .navigation-menu > li li.has-submenu.mouse-hover > a:after {
  color: var(--wizard-sidebar-menu-active-font-color) !important;
}
body.nav-horizontal:not(.open-movile-menu):not(.nav-mobile) #topnav .navigation-menu > li .submenu {
  box-shadow: 0px 5px 5px 3px rgba(165, 165, 165, 0.29);
  -webkit-box-shadow: 0px 5px 5px 3px rgba(165, 165, 165, 0.29);
  -moz-box-shadow: 0px 5px 5px 3px rgba(165, 165, 165, 0.29);
  background: var(--wizard-topbar-color) !important;
}
body.nav-horizontal #topnav {
  background: white;
}
body.nav-horizontal #topnav .navigation-menu > li > a i {
  margin-top: -2px;
}
body.nav-horizontal #topnav .navigation-menu > li > a i.mdi {
  margin-top: -2px;
  font-size: 16px;
}
body.nav-horizontal #topnav .topbar-main {
  height: 68.5px;
  background: var(--wizard-topbar-color) !important;
  color: var(--wizard-topbar-icon-color);
}
body.nav-horizontal #topnav .topbar-main .topbar-custom .nav-link {
  color: var(--wizard-topbar-icon-color);
}
body.nav-horizontal #topnav .topbar-main .navbar-toggle .lines span {
  background-color: var(--wizard-topbar-icon-color);
}
body.nav-horizontal #topnav .navbar-custom {
  position: absolute;
  background: var(--wizard-sidebar-color);
  width: 100%;
  overflow: hidden;
  height: 60px;
  box-sizing: border-box;
  transition: height 0.2s ease-out 0s;
  border-top: 3px solid var(--wizard-tobar-border-bottom-color);
}
body.nav-horizontal #topnav .navigation-menu li.menu-title.admin-group-title {
  padding: 8px;
  background: white;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bolder;
}
body.nav-horizontal #topnav .navigation-menu li.menu-title.group-title {
  padding-left: 10px;
  padding-right: 10px;
}
body.nav-horizontal #topnav .navigation-menu li.has-submenu > a:after {
  content: "";
  font-family: "Material Design Icons";
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 12px;
  color: var(--wizard-sidebar-font-color);
}
body.nav-horizontal #topnav .navigation-menu li.mouse-hover > a:after {
  color: var(--wizard-sidebar-menu-active-font-color);
}
body.nav-horizontal #topnav .navigation-menu li {
  cursor: pointer;
}
body.nav-horizontal #topnav .navigation-menu li .menu_name .menu-arrow {
  display: none;
}
body.nav-horizontal #topnav .navigation-menu > li.has-submenu:hover > a {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
body.nav-horizontal #topnav .navigation-menu > li.has-submenu > a {
  padding-right: 30px;
}
body.nav-horizontal #topnav .navigation-menu > li > a {
  padding: 10px;
  padding-left: 15px;
  padding-right: 20px;
  margin: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
body.nav-horizontal #topnav .navigation-menu > li.has-submenu > ul.mega-submenu > li.has-submenu > a {
  margin-left: 3px;
}
body.nav-horizontal #topnav .navigation-menu > li.has-submenu > ul.mega-submenu > li:not(.has-submenu) > a {
  border-radius: 5px;
}
body.nav-horizontal #topnav .navigation-menu > li.has-submenu > a:after {
  right: 20px;
  top: 21px;
}
@media (max-width: 991px) {
  body.nav-horizontal #topnav .navbar-custom {
    position: relative !important;
    overflow: auto !important;
    height: auto !important;
  }
  body.nav-horizontal .content {
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  body.nav-horizontal .wrapper .content-wrapper {
    padding-bottom: 40px;
  }
  body.nav-horizontal li.trigger-open-parent > a {
    background: var(--wizard-sidebar-menu-idle-color);
  }
  body.nav-horizontal li.trigger-open-parent > a > .menu_name, body.nav-horizontal li.trigger-open-parent > a > .menu_icon {
    color: var(--wizard-sidebar-menu-active-font-color) !important;
  }
  body.nav-horizontal #topnav .navigation-menu > li > .submenu.submenu-hover-right {
    right: 0;
    left: unset;
  }
  body.nav-horizontal #topnav .navigation-menu > li .submenu > li .submenu.submenu-hover-right {
    right: 100%;
    left: unset;
  }
  body.nav-horizontal #topnav .navigation-menu > li .submenu .submenu.mega-submenu {
    bottom: 100%;
    top: 34px;
  }
  body.nav-horizontal #topnav .navigation-menu > li .submenu.mega-submenu {
    padding: 20px;
  }
  body.nav-horizontal #topnav .navigation-menu > li .submenu.mega-submenu > li {
    display: inline-block;
    vertical-align: top;
    width: 200px;
  }
  body.nav-horizontal #topnav .navigation-menu > li .submenu.mega-submenu > li.group-title {
    display: block;
    width: auto;
  }
}
body.nav-horizontal:not(.nav-mobile) #topnav .navigation-menu li.trigger-open-parent.has-submenu > a:after, body.nav-horizontal:not(.nav-mobile) #topnav .navigation-menu li.has-submenu:hover > a:after {
  color: var(--wizard-sidebar-menu-active-font-color) !important;
}
@media (max-width: 991px) {
  body.nav-vertical body {
    overflow-x: hidden;
  }
}
body.nav-vertical #side-menu li:not(.active) > a > div, body.nav-vertical #side-menu li:not(.active) > a > i {
  color: var(--wizard-sidebar-font-color);
}
body.nav-vertical .side-menu-back {
  top: 0px;
  left: 0px;
  position: fixed;
  height: 100%;
  background: var(--wizard-sidebar-color);
  width: 70px;
  bottom: 0px;
}
body {
  position: absolute;
  height: 100%;
  width: 100%;
  padding-right: 0px !important;
}
body.swal2-height-auto {
  height: 100% !important;
}
body.nav-vertical:not(.enlarged) .side-menu-back {
  width: 240px;
}
@media only screen and (max-width: 768px) {
  body.nav-vertical .side-menu-back {
    display: none;
  }
}
.footer {
  position: relative;
  z-index: 4;
}
#sidebar-menu .menu-title {
  font-size: 12px;
}
#sidebar-menu > ul li > a .menu_icon {
  vertical-align: top;
  margin-top: 3px;
  width: 11px;
}
#sidebar-menu > ul li > a .menu_icon.mdi {
  font-size: 15px;
  margin-left: -1px;
  margin-top: 5px;
}
body.nav-vertical #sidebar-menu > ul li > a span.menu-arrow {
  /*margin-top: 2px;*/
}
body.nav-vertical #sidebar-menu li.has-submenu > ul > li > a .menu_name {
  padding-left: 5px;
}
body.nav-verticalul li a .menu_icon {
  width: 10%;
}
body.nav-vertical ul li a .menu_name {
  width: 90%;
  padding-left: 8px !important;
}
ul li a .menu_icon, ul li a .menu_name {
  display: inline-block;
}
#wrapper .side-menu #sidebar-menu > ul > li > a .menu_name {
  padding-left: 5px;
}
.enlarged #wrapper .side-menu #sidebar-menu > ul > li > a .menu_name {
  padding-left: 20px;
  visibility: hidden;
}
.enlarged #wrapper .side-menu #sidebar-menu > ul > li:hover > a .menu_name {
  visibility: visible;
}
.enlarged #wrapper .side-menu #sidebar-menu > ul > li.menu_title {
  display: none;
}
.enlarged #wrapper .side-menu {
  /*height: 100%;*/
}
#side-menu {
  margin: 0px;
  padding-bottom: 10px;
}
#sidebar-menu .menu-stabelizer {
  height: 20px !important;
}
#sidebar-menu > ul > li > a, #sidebar-menu .submenu li a {
  padding-top: 12px;
  padding-bottom: 12px;
}
#sidebar-menu .submenu li a {
  padding-left: 40px;
}
#sidebar-menu .submenu li a {
  padding-left: 40px;
}
#sidebar-menu .submenu > li > .submenu > li > a {
  padding-left: 60px;
}
#sidebar-menu .submenu > li > .submenu > li > .submenu > li > a {
  padding-left: 80px;
}
#sidebar-menu .custom_menu_admin .custom_menu_admin i.menu_icon {
  color: white !important;
}
#sidebar-menu .submenu > .custom_menu_admin > a {
  color: white;
}
#sidebar-menu .custom_menu_admin .custom_menu_admin a {
  padding-left: 30px !important;
}
.enlarged #sidebar-menu .custom_menu_admin .custom_menu_admin a {
  padding-left: 20px !important;
}
table.table tr td .form-group {
  margin: 0px;
}
table.table tr th {
  cursor: default;
}
.custom-checkbox {
  font-size: 13px;
  margin-top: 5px;
  margin-bottom: 5px;
}
table.table tr.data_row td .check-data-table.custom-checkbox {
  position: absolute;
  margin-left: 6px;
  margin-top: -1px;
}
.custom-radio label {
  padding-top: 3px;
}
.custom-checkbox.my_custom_checkbox {
  width: 0px;
  height: 0px;
  position: relative;
  margin: auto;
  left: 2px;
}
.custom-checkbox.my_custom_checkbox input[type='checkbox'] {
  display: none;
}
.custom-checkbox label {
  line-height: 180%;
}
form.inline_form tbody.hide_first tr:first-child {
  display: none;
}
.table-responsive #datatable_wrapper {
  padding: 0px;
}
.header-title > span > a > button {
  margin-bottom: 20px;
}
.header-title .alert {
  margin: 0px;
}
form#form_field_editor table td {
  padding: 10px;
  position: relative;
}
form#form_field_editor table td span.input-field-setting-btn {
  cursor: pointer;
}
form#form_field_editor table td span.input-field-setting-btn:hover {
  color: var(--wizard-main-active-color);
}
form#form_field_editor table td .container-main-field-setting .body-setting {
  margin-top: 10px;
}
td div.container_multi > div.form-group {
  margin-top: 10px !important;
}
.form-group > .container_multicheckbox.multicheckbox-with-label {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.form-group > .multicheckbox-with-label {
  margin-top: -5px;
}
.form-group > .multicheckbox-with-label > .row > .custom-control {
  border: 1px solid #ced4da;
  border-radius: 3px;
}
.form-group > .multicheckbox-with-label > .row > .custom-control > label {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 2px;
  cursor: pointer;
}
.container-input-search .container-checkbox-multi-check-btn {
  margin: 0px;
  margin-left: 30px;
  margin-right: 5px;
  padding: 0px;
}
.form-group > .multicheckbox-with-label > .row > .custom-control > label::after, .form-group > .multicheckbox-with-label > .row > .custom-control > label::before {
  margin-left: 5px;
  cursor: pointer;
}
.container_multicheckbox {
  border: 2px solid rgba(255, 255, 255, 0.05) !important;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
  border-radius: 5px;
}
.form-group .container_multicheckbox.multicheckbox-with-label {
  border: 0px !important;
}
.card .card-body .table-responsive:nth-last-child(2) {
  margin-bottom: 0px;
}
.card .card-header {
  font-size: 13px;
  font-weight: bolder;
}
.card .card-header button.btn[data-toggle='collapse'] {
  padding: 0px !important;
  line-height: 0px;
}
.card .card-body .custom-subtitle {
  margin-top: 0px !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid #3C3956;
  padding-bottom: 10px;
  padding-left: 10px;
}
.card .card-header.custom-content-header {
  border-top: 10px solid #1a1c2a;
}
.form-control::-webkit-input-placeholder {
  font-style: italic;
}
.form-control:-ms-input-placeholder {
  font-style: italic;
}
.form-control::-ms-input-placeholder {
  font-style: italic;
}
.form-control::placeholder {
  font-style: italic;
}
.form-control {
  font-size: 11px;
}
body {
  font-size: 12px;
}
body .wrapper-page.main-login-form {
  font-size: 14px;
}
#sidebar-menu > ul > li > a {
  font-size: 14px;
  font-weight: normal !important;
  font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#sidebar-menu .submenu li a {
  font-size: 12px;
  font-weight: normal !important;
  font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/*---------------------------------------------------------------------------------------------------*/
.custom-tooltip {
  position: relative;
}
.custom-tooltip::after {
  content: attr(tooltip);
  position: absolute;
  bottom: 0px;
  opacity: 0;
  transition: 0.3s;
  overflow: hidden;
  pointer-events: none;
  right: 0px;
  max-width: 100px;
  white-space: pre-wrap;
  text-align: center;
  font-size: 11px;
  font-weight: bolder;
  padding: 5px;
  border-radius: 5px;
}
.custom-tooltip[tooltip-placement='top']::after {
  left: 50%;
  transform: translate(-50%);
  top: 0px;
  bottom: unset;
}
.custom-tooltip::before {
  transition: 0.3s;
  opacity: 0;
  content: '';
  position: absolute;
  height: 8px;
  width: 8px;
  transform: rotate(45deg);
  bottom: 0px;
  right: 10px;
}
.custom-tooltip.custom-tooltip-container::after {
  max-width: 100%;
}
.custom-tooltip.custom-checkbox::after {
  left: 0px;
  max-width: none;
}
.custom-tooltip.custom-checkbox::before {
  left: 5px;
}
.custom-tooltip:hover::after, .custom-tooltip:hover::before {
  opacity: 1;
  display: inline-block;
}
.custom-tooltip[tooltip-placement='top']:hover::after {
  top: -20px;
  bottom: unset;
}
.custom-tooltip:hover::before {
  bottom: 36px;
}
.custom-tooltip:hover::after, .custom-tooltip:focus::after, .custom-tooltip:hover::before {
  bottom: calc(100% + 7px);
}
.custom-tooltip.custom-checkbox:hover::after, .custom-tooltip.custom-checkbox:focus::after, .custom-tooltip.custom-checkbox:hover::before {
  bottom: calc(100% + 7px);
}
.custom-tooltip.custom-checkbox:hover::before {
  bottom: calc(100% + 5px);
}
.custom-tooltip.custom-tooltip-container:hover::after, .custom-tooltip.custom-tooltip-container:focus::after, .custom-tooltip.custom-tooltip-container:hover::before {
  bottom: calc(100% + 10px);
}
.custom-tooltip.custom-tooltip-container:hover::before {
  bottom: calc(100% + 8px);
}
button.minimize-btn {
  width: 20px;
  height: 20px;
  padding-top: 2px;
  padding-left: 7px;
}
.custom-tooltip.custom-tooltip-select::after {
  left: 0px;
}
.custom-tooltip.custom-tooltip-select::before {
  left: 5px;
}
.card.simple_card {
  margin-bottom: 0px;
}
.card.simple_card .card-header {
  padding: 5px;
  font-size: 11px;
}
.card.simple_card .card-body {
  padding: 0px;
  padding-top: 5px;
}
.card.simple_card .card-body .form-group {
  margin-bottom: 10px;
}
.card.simple_card .card-body .form-group:last-child {
  margin-bottom: 0px;
}
/*---------------------------------------------------------------------------------------------------*/
select {
  padding-left: 8px !important;
}
button.btn.btn-sm {
  padding-left: 8px !important;
  padding-right: 8px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  max-height: 30.5px !important;
}
button.btn.btn-lg {
  max-height: 41px !important;
  padding-top: 8px !important;
  padding-bottom: 8px;
}
button.btn {
  max-height: 33px !important;
  padding-top: 5px !important;
  padding-bottom: 10px;
}
.tippy-tooltip.light-theme {
  font-weight: bolder;
  font-size: 11px;
}
/*---------------------------------------------------------------------------------------------------*/
body {
  font-family: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;
}
/*---------------------------------------------------------------------------------------------------*/
/*Custom Modal*/
.modal.show {
  display: block;
  overflow: auto;
  max-height: 100%;
}
body.modal_show {
  overflow: hidden !important;
}
.modal .modal-dialog .modal-content {
  box-shadow: 6px 11px 100px 5px rgba(0, 0, 0, 0.54);
  -webkit-box-shadow: 6px 11px 100px 5px rgba(0, 0, 0, 0.54);
  -moz-box-shadow: 6px 11px 100px 5px rgba(0, 0, 0, 0.54);
  -ms-box-shadow: 6px 11px 100px 5px rgba(0, 0, 0, 0.54);
}
.modal .modal-dialog .modal-content .card {
  margin-bottom: 0px;
}
.modal .modal-dialog .modal-content .main-wrap-content .card {
  margin-bottom: 20px;
}
.modal .modal-dialog .modal-content .main-wrap-content .container-form-bottom-button {
  margin-bottom: 0px;
}
.modal .modal-dialog .modal-content .form-view-container .card {
  margin-bottom: 20px;
}
.modal .modal-dialog .modal-content .nav {
  background: none;
  border: 1px;
}
/*---------------------------------------------------------------------------------------------------
/*Custom Alert*/
.alertify, .alertify-logs {
  z-index: 99999;
}
.alertify-logs.top {
  top: 70px;
}
hr {
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}
/*---------------------------------------------------------------------------------------------------*/
/*Custom collapse*/
.collapse {
  transition: height 0.3s ease-out;
  height: auto;
  overflow: hidden;
}
.collapse.hide {
  height: 0;
}
.collapse.show {
  height: auto;
}
.collapse:not(.show) {
  display: block;
}
/*---------------------------------------------------------------------------------------------------*/
/*Custom Menu*/
body.nav-vertical:not(.enlarged) .side-menu {
  overflow: auto;
  overflow-x: hidden;
  width: 240px;
  padding-bottom: 0px;
}
body.nav-vertical #sidebar-menu {
  /*height: 100%;*/
  padding-top: 0px;
}
body.nav-vertical:not(.enlarged) #side-menu {
  width: 240px;
  height: 100%;
}
body.nav-vertical:not(.enlarged) #side-menu ul {
  display: none;
}
body.nav-vertical.enlarged #side-menu ul {
  display: none !important;
}
body.nav-vertical.enlarged #side-menu > li {
  height: 50px;
}
body.nav-vertical.enlarged #side-menu li:hover > ul {
  display: block !important;
}
body.nav-vertical.enlarged #side-menu li:hover > ul > li > a {
  overflow: hidden;
}
body.nav-vertical #side-menu li.active > ul {
  display: block;
}
body.nav-vertical:not(.enlarged) #side-menu li > ul.submenu {
  height: 0;
  overflow: hidden;
}
body.nav-vertical #side-menu li.active > ul.submenu {
  height: auto;
}
body.nav-vertical #side-menu li.trigger_active .menu_name, body.nav-vertical #side-menu li.trigger_active .menu_icon {
  color: white;
}
body.nav-vertical.enlarged #wrapper .left.side-menu #sidebar-menu ul ul li > a span.float-right.menu-arrow {
  transform: rotate(0deg);
}
body.nav-vertical.enlarged #wrapper #sidebar-menu .menu-arrow {
  display: inline-block !important;
}
/*---------------------------------------------------------------------------------------------------*/
/*Custom Dropdown animated*/
.dropdown-menu-animated {
  display: none;
  visibility: visible;
  opacity: 1;
  overflow: hidden;
  height: 0px;
}
.dropdown-menu-animated.show {
  margin-top: 0px !important;
}
/*---------------------------------------------------------------------------------------------------*/
/*Custom animated*/
.fade:not(.show) {
  opacity: 0;
}
.fade.show {
  opacity: 1;
}
/*---------------------------------------------------------------------------------------------------*/
/*Custom Simplify*/
.padding-left-0 {
  padding-left: 0px !important;
}
.padding-right-0 {
  padding-right: 0px !important;
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}
/*Custom Validate Error*/
.parsley-errors-list.filled > li {
  margin-bottom: 5px;
}
/*Custom Label*/
.custom-control-label::before, .custom-control-label::after {
  top: 5px;
}
/*---------------------------------------------------------------------------------------------------*/
/*Custom Form*/
input[type='file'] {
  padding: 0px;
}
input[type='file']::-webkit-file-upload-button {
  height: 100%;
}
.container_image_form {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  border: 3px dashed #ced4da;
  padding: 10px;
  padding-right: 0px;
  padding-bottom: 40px;
  border-radius: 10px;
  min-height: 125px;
}
.container_image_form.dragenter {
  border: 3px dashed blue;
}
.container_image_form .container-image-view, .container_image_form .container-video-view {
  position: relative;
  border: 1px solid #C1C1C1;
  padding: 10px;
  background: white;
  border-radius: 10px;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 10px;
}
.container_image_form .container-file-view {
  width: 100px;
  height: 100px;
  border: 1px solid #c7c7c7;
  margin-bottom: 10px;
  margin-right: 10px;
  border-radius: 5px;
  position: relative;
}
.container_image_form .container-file-view:hover {
  background: #efefef;
}
.container_image_form .container-file-view > label {
  position: absolute;
  top: 30%;
  font-size: 20px;
  left: 30%;
}
.container_image_form .container-video-view {
  padding: 5px;
}
.container_image_form .container-image-view img, .container_image_form .container-video-view video {
  width: 100%;
  float: left;
  max-width: 150px;
}
.container_image_form .container-video-view video {
  max-width: 250px;
}
.container_image_form .container-image-view .input-file-label {
  display: none;
}
.container_image_form .container-image-view .remove_file_upload_btn, .container_image_form .container-video-view .remove_file_upload_btn {
  float: right;
  margin-top: -10px;
  position: absolute !important;
  right: 0px;
}
.container_image_form .progress {
  width: 100%;
  margin-top: 10px;
  display: none;
}
.container_image_form .progress .progress-bar {
  height: 100%;
}
/*---------------------------------------------------------------------------------------------------*/
/*Custom Image*/
/*Custom Table*/
table.table {
  /*table-layout: fixed;*/
}
table.table tr td, table.table tr th {
  vertical-align: top !important;
}
table.table_form td, table.table_form thead th {
  padding: 10px;
  min-width: 150px;
}
table.table_form th.action_col, table.table_form td.action_col {
  max-width: 50px !important;
  min-width: 50px !important;
  width: 50px !important;
}
table.table_form tbody tr:first-child {
  display: none;
}
table tr td .action_menu_container .btn {
  margin-right: 0px;
}
table tr td .action_menu_container .btn:last-child {
  margin-right: 0px;
}
/*---------------------------------------------------------------------------------------------------*/
/*Custom Context Menu*/
#custom_context_menu {
  display: none;
  position: fixed;
  padding: 5px;
  background: white;
  border-radius: 3px;
}
#custom_context_menu.show {
  display: block;
}
#custom_context_menu.show .action_menu_container .btn {
  border-radius: 0px;
}
#custom_context_menu.show .action_menu_container .btn:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#custom_context_menu.show .action_menu_container .btn:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/*---------------------------------------------------------------------------------------------------*/
.btn i {
  min-width: 12px;
}
/*----------------------------------------------------------------------------------------------------*/
/*Custom input group*/
.input-group > .input-group-btn {
  height: 30.5px !important;
}
@media (min-width: 576px) {
  .inline-form-field > label {
    padding-top: 5px !important;
    margin-bottom: 0px !important;
  }
}
/*----------------------------------------------------------------------------------------------------*/
/*Custom Form Editor*/
.form-field-container-preview > .form-group > label, .form-field-container-preview > div:not(.foreign-table-new-form-container) .form-group > label, .multi_form_row .form-group > label {
  display: none;
}
.form-field-container-preview > div:not(.foreign-table-new-form-container) .my-form-body .form-group > label {
  display: unset;
}
.new-added-fields .form-field-container-preview .form-group > label {
  display: none;
}
.list-field-form-editor {
  padding-right: 0px;
  padding-left: 0px;
}
.list-field-form-editor > .group-child {
  margin-left: 0px;
  margin-right: 0px;
}
.list-field-form-editor.group.bordered_field > .group-child {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 15px;
  margin-right: 15px;
}
.list-field-form-editor.group.bordered > .handler {
  border: 1px solid #3A3551;
  margin-left: 15px;
  margin-right: 15px;
  width: auto;
  padding-top: 5px;
}
.list-field-form-editor.group {
  margin-bottom: 10px;
}
/*----------------------------------------------------------------------------------------------------*/
/*Custom tab*/
.list-field-form-editor .field-editor-content {
  margin: 0px;
}
.list-field-form-editor.field .field-editor-content {
  padding-top: 10px;
}
.tab-content-container .nav {
  /*padding: 10px;*/
  padding-top: 0px;
  border-bottom: 0;
  border-bottom: 1px solid #cdd4da !important;
}
.modal-content .nav .nav-link.active {
  color: #7F7F7F;
}
.tab-content-container {
  margin: 0px;
}
.tab-content-container .tab-content {
  width: 100%;
}
/*----------------------------------------------------------------------------------------------------*/
.custom-dropdown > button::after {
  display: none;
}
/*----------------------------------------------------------------------------------------------------*/
.topbar {
  z-index: 1001;
}
.highlight_search {
  color: white;
  background: green;
  padding: 3px;
}
/*----------------------------------------------------------------------------------------------------*/
.cursor-pointer {
  cursor: pointer !important;
}
/*----------------------------------------------------------------------------------------------------*/
.pre {
  padding: 10px;
  background: white;
  word-break: break-all;
  border-radius: 5px;
}
.modal {
  z-index: 12050;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
								  supported by Chrome, Opera and Firefox */
}
.custom-dropdown-content-button {
  width: 100%;
  margin-bottom: 3px;
  text-align: left;
  border-radius: 0px;
}
.custom-dropdown-content-button:last-child {
  margin-bottom: 0px;
}
/*----------------------------------------------------------------------------------------------------*/
.form-view-container .form-view {
  margin-bottom: 10px;
}
.table_data_list td h5, .table_data_list td h6 {
  margin: 0px;
  text-shadow: 0px 0px 3px #000000;
}
.table_data_list td button.btn {
  max-height: unset !important;
}
.swal2-container {
  z-index: 100000000;
}
.modal-backdrop {
  z-index: 10000;
}
.modal.last-active-modal {
  z-index: 20001;
}
.modal:not(.last-active-modal) {
  z-index: 9999;
}
.alertify {
  z-index: 1000000000;
}
/*Custom Form Bottom Bottom Container*/
.form-bottom-button-container {
  padding-right: 15px;
}
.form-bottom-button-container a, .form-bottom-button-container button {
  margin-right: 5px;
}
.form-view-container img.table_image {
  max-width: 100%;
}
/*Notification*/
.dropdown.notification-list .slimscroll.notification-item-list {
  overflow: auto;
}
/*Form Date Input*/
.input-date-container input.input_field_form {
  width: 120px !important;
  max-width: 120px !important;
}
.input-date-container input.input_field_form.datetime {
  width: 140px !important;
  max-width: 140px !important;
}
/*Login*/
.main-login-form .custom-logo {
  text-align: center;
}
.main-login-form .custom-logo a {
  background: white;
  padding: 10px;
  border-radius: 3px;
  position: absolute;
}
.d-none.container-login {
  display: block !important;
}
@media (max-width: 770px) {
  .wrapper-page.main-login-form {
    margin-top: 80px;
  }
}
.data-image-container .table_image {
  border: 1px solid #bdbdbd;
  background: white;
  border-radius: 5px;
  width: 100%;
  height: 150px;
  cursor: pointer;
}
/*Button*/
@media only screen and (max-width: 770px) {
  .btn.my-responsive-btn {
    width: 100% !important;
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 400px) {
  .btn.my-responsive-btn-sm {
    width: 100% !important;
    margin-bottom: 6px;
  }
}
.btn.other-features-button {
  width: 100%;
}
/*Accordion*/
.accordion-container .accord-nav {
  cursor: pointer;
}
.accordion-container .accord-content > .card-body {
  border-bottom: 1px solid #cbcbcb;
}
.accordion-container .accord-content:last-child > .card-body {
  border-bottom: 0;
}
.my-text-align-right {
  text-align: right;
}
.form-field-container-preview .my-text-align-right {
  text-align: inherit;
}
.navbar-right {
  margin-top: -4px;
}
/*Foreign Modal*/
.modal .modal-dialog.modal-foreign-table .modal-content .card {
  margin-bottom: 10px;
}
.modal .modal-dialog.modal-foreign-table .modal-content .modal-body {
  padding: 10px;
  padding-bottom: 0px;
}
/*.topbar .topbar-left i.fa{
	font-size: 15px;
	position: relative;
	top: -2px;
}

.enlarged .topbar .topbar-left i.fa{
	top: -5px;
}*/
/*Data View*/
.data-view-container .card {
  margin-bottom: 0px;
}
.foreign-table-link {
  text-decoration: underline;
  font-weight: bold;
}
/*Tab*/
div.tab-content-container ul.nav {
  width: 100%;
}
/*tab*/
.tab-content > .active {
  transition: opacity 0.5s ease-out 0s;
}
.nav-pills .nav-link {
  transition: background 0.5s ease-out 0s;
}
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
  color: white !important;
}
/*Sweetalert*/
body.swal2-height-auto {
  height: 100% !important;
}
/*Loader*/
div.container-all-loading {
  position: fixed;
  bottom: 30px;
  left: 15px;
  font-size: 40px;
  display: none;
  z-index: 99090;
}
div.container-all-loading.active {
  display: block;
}
div.container-all-loading span {
  width: 40px;
  height: 40px;
  color: var(--wizard-main-active-color);
}
form#form_input_data {
  margin-bottom: 72px;
}
/*Multi Input*/
form#form_input_data .container_multi_input .form-group {
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}
form#form_input_data .container_multi_input button.add_new_choice_btn {
  margin-top: 0px !important;
  margin-bottom: 10px !important;
}
.container_multi_input.combo > .container-multi-input-target, .container_multi_input > .container-multi-input-target {
  margin-bottom: 10px;
}
.container_multi_input.combo > .container-multi-input-target {
  margin-right: 5px;
}
.container_multi_input.combo > button {
  margin-top: 0px !important;
  height: 30px !important;
}
.badge.badge-multi-input {
  font-size: 12px;
  margin-bottom: 5px;
  padding: 8px;
}
.container_field_editor .custom_menu {
  padding-right: 0px;
  padding-left: 0px;
}
.container_field_editor .custom_menu .field-editor-content.row {
  margin: 0;
}
.container-multi-input-button.combo button {
  margin-top: 0px !important;
  margin-bottom: 10px;
}
/*Relate Table New Form*/
body form .countainer-select-relate-table {
  margin-bottom: 5px;
  text-align: right;
}
body form .foreign-table-new-form-container {
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
}
body form .multi_form_body .foreign-table-new-form-container {
  min-width: 800px;
}
.foreign-table-new-form-container-view {
  margin: -10px;
  margin-top: -5px;
  margin-left: -10px;
}
.foreign-table-new-form-container-view > .card {
  margin-bottom: 5px;
}
.foreign-table-new-form-container-view .container_field_editor .row.custom_menu {
  padding-left: 0px !important;
}
/*tail datetime*/
body.modal_show .tail-datetime-calendar.calendar-open {
  z-index: 200000;
}
/*Advance Filter*/
.date-filter-row .datetime-container > .form-group {
  margin-left: 0px !important;
}
/*Checkbox Button*/
.checkbox-button-container .btn-light:not(:disabled):not(.disabled).my-active, .checkbox-button-container .btn-light:not(:disabled):not(.disabled):active, .checkbox-button-container .show > .btn-light.dropdown-toggle {
  color: #E9E9E9;
  background-color: #079715;
  border-color: #079715;
}
/*input search*/
.container-input-search .container-search-result, .container-input-search-multi .container-search-result-multi {
  /* position: absolute; */
  max-height: 200px;
  overflow: auto;
  background: white;
  z-index: 1000;
  width: inherit;
  min-width: 200px;
  border-left: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  border-top: 1px solid #DFDFDF;
  border-radius: 3px;
}
.container-input-search .container-search-result .search-result, .container-input-search-multi .container-search-result-multi .search-result {
  padding: 10px;
  border-bottom: 1px solid #DFDFDF;
  cursor: pointer;
}
.container-input-search .container-search-result .search-result:hover, .container-input-search-multi .container-search-result-multi .search-result:hover {
  background: var(--wizard-secondary-active-color);
  color: white;
}
.container-input-search-multi .container-multi-list {
  background: white;
  width: 100%;
  border: 1px solid #CECECE;
  padding: 10px;
  padding-top: 5px;
  padding-left: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  border-radius: 3px;
}
.container-input-search .container-search-result.inline-search-input {
  padding-left: 10px;
  border: 0;
}
.container-input-search .container-multi-ajax-search {
  margin-top: 10px;
}
.container-input-search .container-multi-ajax-search.inline-search-input {
  padding-left: 10px;
}
.container-input-search .container-multi-ajax-search > div {
  display: inline-block;
  padding: 5px;
  border: 1px solid #CECECE;
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
  background: #70be4e;
  color: white;
}
.container-input-search .container-multi-ajax-search > div:hover {
  background: var(--wizard-secondary-active-color);
  color: white;
}
.container-input-search-multi .container-multi-list .search-result {
  padding: 8px;
  background: #10942C;
  color: white;
  margin-top: 5px;
  margin-left: 5px;
  font-size: 11px;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
}
/*Combo Search*/
.container-combo-search .input-search-field {
  cursor: pointer;
}
.container-combo-search .container-combo-search-list {
  overflow: auto;
  max-height: 120px;
  z-index: 1000;
  display: none;
  min-width: 250px;
  border: 1px solid #E4E4E4;
  border-bottom: 10px;
}
.container-combo-search .container-combo-search-list.open-search {
  display: block;
}
.container-combo-search .container-combo-search-list > div {
  padding: 8px;
  transition: 0.3s;
  background: white;
  cursor: pointer;
  border-bottom: 1px solid #E4E4E4;
}
.container-combo-search .container-combo-search-list > .selected {
  background: #C4DFE5;
  color: #6E6E6E;
}
.container-combo-search .container-combo-search-list > div:hover {
  background: #10942C;
  color: white;
}
.data-view-container .form-advance-filter {
  margin: 20px;
  margin-top: 0px;
  border: 1px solid #E7E7E7;
}
.data-view-container .modal .form-advance-filter {
  margin: 0px;
}
.notification-list .notify-item .notify-details {
  min-height: 40px;
}
@media (min-width: 576px) {
  .modal-dialog:not(.modal-md) {
    max-width: 1000px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    max-width: 1900px;
    padding-left: 100px;
    padding-right: 100px;
  }
}
.multi-form-body {
  background: white;
  padding: 20px;
  margin-bottom: 50px;
  border-radius: 5px;
  box-shadow: 6px 11px 41px -28px #a99de7;
  -webkit-box-shadow: 6px 11px 41px -28px #a99de7;
  -moz-box-shadow: 6px 11px 41px -28px #a99de7;
  -ms-box-shadow: 6px 11px 41px -28px #a99de7;
}
.form-field-container-preview > p {
  margin-bottom: 0px !important;
}
.message-container {
  padding: 7px;
  font-size: 11px;
}
.message-container.hide {
  display: none;
}
body footer {
  position: fixed !important;
  bottom: 0px !important;
  padding: 10px !important;
  border-top: 1px solid rgba(54, 64, 74, 0.05);
}
.main-login-form .card {
  border: 1px solid rgba(54, 64, 74, 0.05);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-clip: padding-box;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid rgba(54, 64, 74, 0.1);
}
.hide-me {
  display: none !important;
}
.nav-item {
  cursor: pointer;
}
div.form-control {
  height: auto;
}
.container-custom-html-form-editor .form-group > label:not(.keep-original) {
  display: none;
}
.original-form .container-custom-html-form-editor .form-group > label, .container-custom-html-form-editor .original-form .form-group > label {
  display: inline-block;
}
.container-custom-html-form-editor .form-group .form-control:not(.keep-original) {
  border: 0px;
  background: white;
}
.container-custom-html-form-editor > div.original-form .form-group .form-control {
  border: 1px solid #ced4da;
  background: white;
}
.card-body .flash-message-container {
  margin-left: 20px;
  margin-right: 20px;
}
.date-filter-row .operator-1, .date-filter-row .operator-2 {
  /*display: none !important;*/
}
@media (max-width: 769px) {
  body.enlarged #sidebar-menu {
    display: none !important;
  }
}
body .content .container-table-top-button .container-top-button > .btn {
  font-size: 0.7rem;
  padding: 6px !important;
  max-height: 30px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
body .content .container-bottom-table-button .btn {
  font-size: 0.7rem;
  padding: 6px !important;
  max-height: unset !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.data-view-container .container-top-button > a.btn {
  height: 50px;
}
.login-logo {
  width: 150px;
}
.html-home-logo {
  width: 60px;
}
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}
.float-action-btn {
  position: fixed;
  bottom: 5px;
  margin-bottom: 0;
  z-index: 997;
  overflow: hidden;
  width: 42px;
  height: 42px;
}
.float-action-btn .btn-floating {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #26a69a;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  color: white;
  font-size: 18px;
  transition: transform 0.5s ease-out 0s;
  background: var(--wizard-main-active-color);
  color: var(--wizard-main-active-font-color);
}
.float-action-btn .title {
  position: absolute;
  margin-top: 8px;
  margin-right: 10px;
  font-size: 15px;
  position: relative;
  background: white;
  padding: 2px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid salmon;
  border-radius: 5px;
  color: salmon;
  right: 20px;
  visibility: hidden;
  opacity: 0;
  top: 10px;
}
.float-action-btn.float-position-bottom-right {
  right: 23px;
}
.float-action-btn.float-position-bottom-right .title {
  right: 20px;
  margin-left: 45px;
  transition: right 0.5s ease-out 0s;
}
.float-action-btn.float-position-bottom-right .btn-floating {
  right: 0;
}
.float-action-btn.float-position-bottom-right:hover {
  width: auto;
}
.float-action-btn.float-position-bottom-right:hover .title {
  right: 45px;
  visibility: visible;
  opacity: 1;
}
.float-action-btn.float-position-bottom-left {
  left: 23px;
}
.float-action-btn.float-position-bottom-left .title {
  left: 20px;
  margin-right: 45px;
  transition: left 0.5s ease-out 0s;
}
.float-action-btn.float-position-bottom-left .btn-floating {
  left: 0;
}
.float-action-btn.float-position-bottom-left:hover {
  width: auto;
}
.float-action-btn.float-position-bottom-left:hover .title {
  left: 45px;
  visibility: visible;
  opacity: 1;
}
.float-action-btn:hover .btn-floating {
  color: white;
  transform: rotate(360deg);
  background: var(--wizard-secondary-active-color);
  color: var(--wizard-secondary-active-font-color);
}
.float-action-btn.float-position-bottom-right {
  right: 10px;
}
.float-action-btn.float-position-bottom-left {
  left: 10px;
}
.date-filter-row .hide {
  display: none;
}
body.nav-vertical .container-fluid, body.nav-vertical .content-wrapper .card:not(.no-shadow), body.nav-vertical .main-wrap-content .content-wrapper .card:not(.no-shadow) {
  border: 0;
  box-shadow: 6px 11px 41px -28px #a99de7;
  -webkit-box-shadow: 6px 11px 41px -28px #a99de7;
  -moz-box-shadow: 6px 11px 41px -28px #a99de7;
  -ms-box-shadow: 6px 11px 41px -28px #a99de7;
  border-radius: 5px;
}
body.modal_show .modal .main-wrap-content .content-wrapper .card {
  border: 1px solid #e1e1e1;
}
#main-wrap-content > .content-wrapper .card, .main-wrap-content .content-wrapper .card:not(.no-shadow) {
  border-radius: 5px;
}
.metismenu .menu_icon.mdi:before {
  position: relative;
  top: -3px;
}
div.fixed-table-wrap {
  overflow: auto;
}
div.fixed-table-wrap.is-sticky {
  border-left: 1px solid #dee2e6;
  box-shadow: 8px -1px 5px 0px rgba(51, 51, 51, 0.07) inset;
  -webkit-box-shadow: 8px -1px 5px 0px rgba(51, 51, 51, 0.07) inset;
  -moz-box-shadow: 8px -1px 5px 0px rgba(51, 51, 51, 0.07) inset;
}
table tbody.border-top td {
  border-top: 1px solid var(--wizard-main-gray);
}
.table-striped tbody tr:nth-of-type(odd) td, .table-striped tbody tr:nth-of-type(odd) th {
  background-color: #f0f4f7;
}
table.sticky-table {
  border-collapse: separate !important;
  border: 1px solid #dee2e6;
  margin-bottom: 0px;
}
table.sticky-table.no-outer-border {
  border: 0;
}
table.sticky-table thead.custom-sticky-header {
  position: sticky;
  top: 0;
  z-index: 5;
}
table.sticky-table thead.sticky-header th {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0px;
  background: white;
  z-index: 3;
}
table.sticky-table thead.sticky-header th.sticky-column-last, table.sticky-table thead.sticky-header th.sticky-column-first {
  z-index: 4;
}
table.sticky-table tbody.sticky-footer td {
  position: -webkit-sticky !important;
  position: sticky !important;
  bottom: 0px;
  background: white;
  z-index: 3;
}
table.sticky-table tbody.sticky-footer td.sticky-column-last, table.sticky-table tbody.sticky-footer td.sticky-column-first {
  z-index: 4;
}
table.sticky-table.no-outer-border thead.sticky-header th {
  border-top: 1px solid #dee2e6;
}
table.sticky-table th {
  white-space: nowrap;
  border-top: 1px solid #dee2e6;
}
table.sticky-table th, table.sticky-table td {
  vertical-align: top;
  border: 0px;
  border-bottom: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  position: relative;
}
@media only screen and (min-width: 767px) {
  table.sticky-table th.sticky-column-last, table.sticky-table td.sticky-column-last {
    position: -webkit-sticky !important;
    position: sticky !important;
    right: 0px;
    /*
			  thanks to https://github.com/jonjohnjohnson
			  explanation: https://github.com/w3c/csswg-drafts/issues/865 
			*/
    z-index: 3;
    background: white;
    border-right: 1px solid #dee2e6;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
  }
  table.sticky-table th.sticky-column-first, table.sticky-table td.sticky-column-first {
    position: -webkit-sticky !important;
    position: sticky !important;
    left: 0px;
    /*
			  thanks to https://github.com/jonjohnjohnson
			  explanation: https://github.com/w3c/csswg-drafts/issues/865 
			*/
    z-index: 2;
    background: white;
  }
  table.sticky-table th.sticky-column-first.sticky-column-secondary, table.sticky-table td.sticky-column-first.sticky-column-secondary {
    left: var(--left);
  }
}
@media only screen and (min-width: 767px) {
  table.sticky-table.no-outer-border th.sticky-column-first, table.sticky-table.no-outer-border td.sticky-column-first {
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
  }
}
table.sticky-table tr:last-child td {
  border-bottom: 0;
}
table.sticky-table tr:not(.no-first) td:first-child, table.sticky-table tr:not(.no-first) th:first-child {
  border-left: 0;
}
table.sticky-table:not(.is-sticky) {
  border-right: 0px solid white;
}
@media only screen and (min-width: 767px) {
  table.sticky-table.is-sticky-first th.sticky-column-first, table.sticky-table.is-sticky-first td.sticky-column-first {
    border-right: 1px solid var(--wizard-main-gray);
  }
}
@media only screen and (min-width: 767px) {
  table.sticky-table.is-sticky-first thead:not(.sticky-header) th.sticky-column-first, table.sticky-table.is-sticky-first td.sticky-column-first {
    border-right: 1px solid var(--wizard-main-gray);
    box-shadow: 7px 2px 5px 0px rgba(51, 51, 51, 0.07);
    -webkit-box-shadow: 7px 2px 5px 0px rgba(51, 51, 51, 0.07);
    -moz-box-shadow: 7px 2px 5px 0px rgba(51, 51, 51, 0.07);
  }
}
@media only screen and (min-width: 767px) {
  table.sticky-table.is-sticky thead:not(.sticky-header) th.sticky-column-last, table.sticky-table.is-sticky td.sticky-column-last {
    box-shadow: -7px 2px 5px 0px rgba(51, 51, 51, 0.07);
    -webkit-box-shadow: -7px 2px 5px 0px rgba(51, 51, 51, 0.07);
    -moz-box-shadow: -7px 2px 5px 0px rgba(51, 51, 51, 0.07);
  }
}
table.sticky-table.first-column td:nth-child(2), table.sticky-table.first-column th:nth-child(2) {
  border-left: 0;
}
table.sticky-table.first-column td:first-child, table.sticky-table.first-column th:first-child {
  border-right: 1px solid #dee2e6;
}
.body-date-filter .date-filter-row .custom-container-date-filter > div {
  width: auto;
  float: left;
}
.body-date-filter .date-filter-row .custom-container-date-filter > div label {
  margin-left: -36px;
}
.body-date-filter .date-filter-row .custom-container-date-filter > div > select {
  display: inline-block;
  width: auto;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 0;
  margin-top: 26px;
}
@media (max-width: 768px) {
  .btn-toolbar {
    margin-top: unset;
  }
}
.bg-warning, .bg-primary, .bg-success, .bg-secondary, .bg-info {
  color: white;
}
.wizard-states {
  cursor: default;
  text-align: center;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #ededed;
}
.display-block {
  display: block;
}
.loading-io .lds-grid {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.loading-io .lds-grid div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--wizard-main-active-color);
  animation: io-lds-grid 1.2s linear infinite;
}
.loading-io .lds-grid div:nth-child(1) {
  top: 8px;
  left: 8px;
  animation-delay: 0s;
}
.loading-io .lds-grid div:nth-child(2) {
  top: 8px;
  left: 32px;
  animation-delay: -0.4s;
}
.loading-io .lds-grid div:nth-child(3) {
  top: 8px;
  left: 56px;
  animation-delay: -0.8s;
}
.loading-io .lds-grid div:nth-child(4) {
  top: 32px;
  left: 8px;
  animation-delay: -0.4s;
}
.loading-io .lds-grid div:nth-child(5) {
  top: 32px;
  left: 32px;
  animation-delay: -0.8s;
}
.loading-io .lds-grid div:nth-child(6) {
  top: 32px;
  left: 56px;
  animation-delay: -1.2s;
}
.loading-io .lds-grid div:nth-child(7) {
  top: 56px;
  left: 8px;
  animation-delay: -0.8s;
}
.loading-io .lds-grid div:nth-child(8) {
  top: 56px;
  left: 32px;
  animation-delay: -1.2s;
}
.loading-io .lds-grid div:nth-child(9) {
  top: 56px;
  left: 56px;
  animation-delay: -1.6s;
}
.loading-io .lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.loading-io .lds-spinner div {
  transform-origin: 40px 40px;
  animation: io-lds-spinner 1.2s linear infinite;
}
.loading-io .lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: var(--wizard-main-active-color);
}
.loading-io .lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.loading-io .lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.loading-io .lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.loading-io .lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.loading-io .lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.loading-io .lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.loading-io .lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.loading-io .lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.loading-io .lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.loading-io .lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.loading-io .lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.loading-io .lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes io-lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes io-lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.container-multi-search-from-checkbox .container-selected-checkbox {
  margin-left: -10px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: -10px;
  min-height: 5px;
}
.container-multi-search-from-checkbox .container-selected-checkbox .selected-checkbox {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  margin-left: 10px;
  margin-bottom: 10px;
  cursor: default;
  display: inline-block;
  background: #70be4e;
  color: white;
}
.container-multi-search-from-checkbox .container-selected-checkbox .selected-checkbox i {
  opacity: 0;
}
.container-multi-search-from-checkbox .container-selected-checkbox .selected-checkbox:hover i {
  cursor: pointer;
  opacity: 1;
}
.container-multi-search-from-checkbox .multi-search-from-checkbox {
  border-top: 1px solid #d9d9d9;
  max-height: 200px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto;
  display: none;
}
.container-multi-search-from-checkbox .multi-search-from-checkbox > .inline-checkbox-reference-table {
  min-width: auto;
  max-width: unset;
}
.container-multi-search-from-checkbox .multi-search-from-checkbox > .inline-checkbox-reference-table.hide-me {
  display: none;
}
.container-multi-search-from-checkbox .multi-search-from-checkbox > .inline-checkbox-reference-table:not(.hide-me) {
  display: block !important;
}
.container-multi-search-from-checkbox .multi-search-from-checkbox > .inline-checkbox-reference-table.hide-me-important {
  display: none !important;
}
.container-multi-search-from-checkbox .multi-search-from-checkbox > .inline-checkbox-reference-table:has(input:not(.ignore-me):checked) {
  display: none !important;
}
.container-multi-search-from-checkbox .multi-search-from-checkbox > .inline-checkbox-reference-table label::after, .container-multi-search-from-checkbox .multi-search-from-checkbox > .inline-checkbox-reference-table label::before {
  display: none;
}
.container-multi-search-from-checkbox .multi-search-from-checkbox > .inline-checkbox-reference-table .custom-control {
  padding-left: 10px;
}
.container-multi-search-from-checkbox .multi-search-from-checkbox > .inline-checkbox-reference-table:hover {
  background: var(--wizard-main-active-color);
  border-radius: 3px;
  color: white;
}
.container-multi-search-from-checkbox .multi-search-from-checkbox > .inline-checkbox-reference-table label {
  width: 100%;
  cursor: pointer;
}
.container-multi-search-from-checkbox .multi-search-from-checkbox.active {
  display: block;
}
body:has(.modal.no-backdrop.preshow.last-active-modal > .modal-dialog.modal-right-menu) .modal-backdrop {
  display: none;
}
.modal {
  left: unset;
  right: 0;
}
.modal .modal-dialog.modal-right-menu {
  position: fixed;
  right: 0;
  padding: 0;
  margin: 0;
  transform: translate(50px, 0px) !important;
}
.modal .modal-dialog.modal-right-menu > .modal-content {
  border-radius: 0px;
}
.modal .modal-dialog.modal-right-menu > .modal-content > .modal-body {
  overflow: auto;
  height: calc(100vh - 65px);
  max-height: calc(100vh - 65px);
}
.modal .modal-dialog.modal-right-menu > .modal-content:has(.right-menu-modal-footer) > .modal-body {
  height: calc(100vh - 108px);
  max-height: calc(100vh - 108px);
}
.modal .modal-dialog.modal-right-menu > .modal-content .modal-footer {
  padding: 5px;
}
.modal.sm {
  width: 20%;
}
.modal.sm .modal-dialog.modal-right-menu {
  width: 20%;
}
.modal.md {
  width: 40%;
}
.modal.md .modal-dialog.modal-right-menu {
  width: 40%;
}
.modal.lg {
  width: 60%;
}
.modal.lg .modal-dialog.modal-right-menu {
  width: 60%;
}
.modal.show .modal-dialog.modal-right-menu {
  transform: none !important;
}
@media (max-width: 1421px) {
  .modal.sm {
    width: 30%;
  }
  .modal.sm .modal-dialog.modal-right-menu {
    width: 30%;
  }
  .modal.md {
    width: 40%;
  }
  .modal.md .modal-dialog.modal-right-menu {
    width: 40%;
  }
  .modal.lg {
    width: 55%;
  }
  .modal.lg .modal-dialog.modal-right-menu {
    width: 55%;
  }
}
@media (max-width: 1221px) {
  .modal.sm {
    width: 50%;
  }
  .modal.sm .modal-dialog.modal-right-menu {
    width: 50%;
  }
  .modal.md {
    width: 60%;
  }
  .modal.md .modal-dialog.modal-right-menu {
    width: 60%;
  }
  .modal.lg {
    width: 70%;
  }
  .modal.lg .modal-dialog.modal-right-menu {
    width: 70%;
  }
}
@media (max-width: 771px) {
  .modal.sm {
    width: 80%;
  }
  .modal.sm .modal-dialog.modal-right-menu {
    width: 80%;
  }
  .modal.md {
    width: 95%;
  }
  .modal.md .modal-dialog.modal-right-menu {
    width: 95%;
  }
  .modal.lg {
    width: 90%;
  }
  .modal.lg .modal-dialog.modal-right-menu {
    width: 90%;
  }
}
.modal:not(.no-backdrop) {
  width: 100%;
}
.foreign-as-checkbox-container {
  padding: 5px 10px 5px 10px;
}
.btn-round {
  border-radius: 3px;
}
.btn-round.btn-sm {
  border-radius: 2px;
}
.input-group .btn.btn-light {
  border: 1px solid #d7d7d7;
}
.custom-tooltip-float.inline-tooltip > .inline-tooltip {
  display: none;
}
.inline-tooltip-float {
  vertical-align: middle;
  display: table-cell;
}
.inline-tooltip-float > P {
  padding-bottom: 0;
  margin-bottom: 0;
}
.content-page .modal .content {
  margin-top: 0px;
}
.modal-body > .main-wrap-content, body.nav-horizontal .modal-body > .main-wrap-content {
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-bottom: 20px !important;
}
.modal-body > .main-wrap-content > .content-wrapper, body.nav-horizontal .modal-body > .main-wrap-content > .content-wrapper {
  padding-bottom: 0px !important;
}
.btn-profile-menu > .fa {
  position: relative;
  top: -2px;
}
.container-code-editor .code-editor-body {
  min-height: 500px;
}
.container-code-editor .textarea-code-editor {
  width: 100%;
  height: 500px;
}
.container-code-editor .code-editor-footer {
  font-size: 12px;
  border-bottom: 1px solid #cdcdcd;
}
.container-code-editor .code-editor-footer select {
  padding: 5px;
  border: 1px solid #cdcdcd;
  border-top: 0px;
  border-bottom: 0px;
}
.form-control.anti-readonly {
  background: white;
}
div.wizard-global-loader.show {
  position: fixed;
  height: 3px;
  top: 0;
  z-index: 100000;
  width: 100%;
  background: red;
}
output.range-editor-output {
  padding-top: 5px;
  padding-left: 10px;
}
.sticky-form-footer {
  position: relative;
}
.sticky-form-footer > div {
  position: fixed;
  bottom: 38px;
  right: calc(5% + 10px);
  font-size: 20px;
  background: white;
  z-index: 10;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
}
body .modal .card:not(.container-foreign-table-view).sticky-form-footer .card-body {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  bottom: 0px;
}
.modal .foreign-table-multi-form-container {
  margin-left: 0px;
  margin-right: 0px;
}
table.table_data_list table {
  border: revert;
}
table.table_data_list table td {
  border: revert;
}
form span.spinner-load-ajax-form {
  display: none;
}
form.loading span.spinner-load-ajax-form {
  display: inline-block;
  margin-right: 5px;
}
.container-role-login-with.current-role, .container-role-login-with.current-project {
  background: #5ec8f5 !important;
  color: white;
}
.container-role-login-with.current-role i.fa, .container-role-login-with.current-project i.fa {
  background: white !important;
  color: #5ec8f5 !important;
}
.container-role-login-with.current-role .progress-bar, .container-role-login-with.current-project .progress-bar {
  background: white !important;
}
.container-role-login-with.current-role .text-muted, .container-role-login-with.current-project .text-muted {
  color: white !important;
}
.bg-light-1 {
  background: #d9d9d9;
}
.badge-md {
  font-size: 11px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  margin-bottom: 0;
  z-index: 997;
}
.fixed-action-btn .btn-floating {
  display: inline-block;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: var(--wizard-main-active-color);
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  color: white;
  font-size: 18px;
}
.fixed-action-btn .btn-floating i {
  transition: transform 0.3s ease-out 0s;
}
.fixed-action-btn > .title {
  float: left;
  margin-top: 8px;
  margin-right: 10px;
  font-size: 15px;
  position: relative;
  display: none;
  background: white;
  padding: 2px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid var(--wizard-main-active-color);
  border-radius: 5px;
  color: var(--wizard-main-active-color);
}
.fixed-action-btn .container-sub-button {
  position: absolute;
  left: calc(100% - 38px);
  height: 0px;
  top: 0px;
  transition: height 0.2s ease-out 0s, top 0.2s ease-out 0s;
  visibility: hidden;
}
.fixed-action-btn .container-sub-button > a {
  position: relative;
}
.fixed-action-btn .container-sub-button > a > div {
  font-size: 15px;
  color: white;
  text-align: center;
  padding: 7px;
  background: var(--wizard-main-active-color);
  width: 34px;
  height: 34px;
  border-radius: 17px;
  cursor: pointer;
}
.fixed-action-btn .container-sub-button > a > .title {
  position: absolute;
  top: 0;
  right: calc(100% + 10px);
  background: white;
  border: 1px solid var(--wizard-main-active-color);
  border-radius: 5px;
  color: var(--wizard-main-active-color);
  display: none;
  padding: 5px;
  text-align: center;
}
.fixed-action-btn .container-sub-button > a:hover > div {
  background: var(--wizard-secondary-active-color) !important;
  color: white;
}
.fixed-action-btn .container-sub-button > a:hover > .title {
  display: inline-block;
}
.fixed-action-btn:hover > .container-sub-button {
  height: 70px;
  top: -70px;
  visibility: visible;
}
.fixed-action-btn:hover > .title {
  display: block;
}
.fixed-action-btn:hover .btn-floating {
  background: var(--wizard-secondary-active-color) !important;
  color: white;
}
.fixed-action-btn:hover .btn-floating i {
  transform: rotate(180deg);
}
body.modal_show .mce-menu, body.modal_show .mce-floatpanel {
  position: fixed;
}
.tab-content-container.container-tab-foreign > .nav.nav-pills, .tab-content-container.tab-form > .nav.nav-pills {
  height: 35px;
  overflow: hidden;
  padding-right: 30px;
}
.tab-content-container.container-tab-foreign > .min-tab-nav, .tab-content-container.tab-form > .min-tab-nav {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  z-index: 5;
}
.tab-content-container.container-tab-foreign > .min-tab-nav .min-tab-nav-main, .tab-content-container.tab-form > .min-tab-nav .min-tab-nav-main {
  position: absolute;
  right: 0;
  font-size: 23px;
  padding-right: 3px;
  cursor: pointer;
}
.tab-content-container.container-tab-foreign > .min-tab-nav .min-tab-nav-menu, .tab-content-container.tab-form > .min-tab-nav .min-tab-nav-menu {
  position: absolute;
  background: white;
  top: 35px;
  right: 0;
  min-width: 150px;
  display: none;
  border: 1px solid #cdd4da;
}
.tab-content-container.container-tab-foreign > .min-tab-nav .min-tab-nav-menu > div, .tab-content-container.tab-form > .min-tab-nav .min-tab-nav-menu > div {
  cursor: pointer;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.tab-content-container.container-tab-foreign > .min-tab-nav .min-tab-nav-menu > div:hover, .tab-content-container.tab-form > .min-tab-nav .min-tab-nav-menu > div:hover {
  background: var(--wizard-main-active-color);
  color: white;
}
.tab-content-container.container-tab-foreign:has(.nav.nav-pills > .disappear) > .min-tab-nav, .tab-content-container.tab-form:has(.nav.nav-pills > .disappear) > .min-tab-nav {
  display: block;
}
.tab-content-container.container-tab-foreign:has(.min-tab-nav:hover) > .min-tab-nav > .min-tab-nav-menu, .tab-content-container.tab-form:has(.min-tab-nav:hover) > .min-tab-nav > .min-tab-nav-menu {
  display: block;
}
.tab-content-container.tab-form > .min-tab-nav {
  right: 27px;
  top: 12px;
}
.tab-content-container.container-tab-foreign {
  position: relative;
  margin-bottom: 20px;
}
.tab-content-container.container-tab-foreign .nav.nav-pills {
  background: #f3f3f3;
  font-size: 12px;
  font-weight: bolder;
  height: 35px;
  overflow: hidden;
  padding-right: 30px;
}
.tab-content-container.container-tab-foreign .nav.nav-pills .nav-item {
  border-right: 1px solid gray;
}
.tab-content-container.container-tab-foreign .nav-pills .nav-link {
  border-radius: 0;
}
.tab-content-container.container-tab-foreign .nav-pills .nav-item.show .nav-link, .tab-content-container.container-tab-foreign .nav-pills .nav-link:not(.active) {
  background-color: #f3f3f3;
  color: #bababa;
}
.tab-content-container.container-tab-foreign .nav-pills .nav-item.show .nav-link, .tab-content-container.container-tab-foreign .nav-pills .nav-link.active {
  background-color: white;
  color: black !important;
}
.tab-content-container.container-tab-foreign .tab-content .tab-pane {
  background: white;
}
.my-dataview-container .tab-content-container.container-tab-foreign .tab-content .tab-pane {
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.nav-tabs .nav-item.show .nav-link {
  border-top: 2px solid transparent !important;
}
.nav-tabs.tab-highlight .nav-item.show .nav-link {
  border-top: 2px solid var(--wizard-main-active-color) !important;
}
.nav-tabs .nav-link {
  border: unset;
}
.bg-glass {
  background-color: #553eee0d !important;
  color: #8b8b8b;
}
.dropdown-toggle.no-icon::after {
  display: none;
}
a:not([href]), a:hover:not([href]) {
  color: initial;
}
.dropdown-menu.no-shadow {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}
.toggle-button-container .knobs, .toggle-button-container .layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.toggle-button-container .button {
  position: relative;
  top: 50%;
  width: var(--toogle-button-width);
  height: 30px;
  overflow: hidden;
}
.toggle-button-container .button.r, .toggle-button-container .button.r .layer {
  border-radius: 100px;
}
.toggle-button-container .button.b2 {
  border-radius: 2px;
}
.toggle-button-container .checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}
.toggle-button-container .knobs {
  z-index: 2;
}
.toggle-button-container .layer {
  width: 100%;
  background-color: #fcebeb;
  transition: 0.3s ease all;
  z-index: 1;
}
.toggle-button-container .button .knobs:before, .toggle-button-container .button .knobs:after {
  width: auto;
  height: 25px;
}
.toggle-button-container .toggle-button .knobs:before, .toggle-button-container .toggle-button .knobs:after, .toggle-button-container .toggle-button .knobs span {
  position: absolute;
  top: 4px;
  width: var(--toogle-button-width);
  height: 10px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding-top: 5px;
  border-radius: 2px;
  transition: 0.3s ease all;
}
.toggle-button-container .toggle-button .knobs:before, .toggle-button-container .toggle-button .knobs:after {
  color: #4e4e4e;
  z-index: 1;
}
.toggle-button-container .toggle-button .knobs:before {
  content: attr(check-label-1);
  left: 4px;
}
.toggle-button-container .toggle-button .knobs:after {
  content: attr(check-label-0);
  right: 4px;
}
.toggle-button-container .toggle-button .knobs span {
  width: var(--toogle-button-width);
  height: 23px;
  left: 4px;
  background-color: #f44336;
  z-index: 2;
}
.toggle-button-container .toggle-button .checkbox:checked + .knobs span {
  left: calc(100% - var(--toogle-button-width) - 4px);
  background-color: #03a9f4;
}
.toggle-button-container .toggle-button .checkbox:checked ~ .layer {
  background-color: #ebf7fc;
}
.multi_form_row .toggle-button-container .button {
  margin: auto;
}
body #accordion-login-with-role .container-role-login-with {
  margin-bottom: 20px;
  background: white;
  transition: background 0.3s ease-out;
}
body #accordion-login-with-role .container-role-login-with i {
  transition: background 0.3s ease-out, color 0.3s ease-out;
}
body #accordion-login-with-role .container-role-login-with:hover {
  background: var(--wizard-main-active-color);
  color: white;
  cursor: pointer;
}
body #accordion-login-with-role .container-role-login-with:hover i {
  background: white !important;
  color: var(--wizard-main-active-color) !important;
}
body .modal .modal-body:not(.container-ajax-auto-load-form) .card:not(.borderless-mode) {
  border: 1px solid #e1e1e1 !important;
}
body .modal .modal-body .card {
  box-shadow: unset !important;
  -webkit-box-shadow: unset !important;
  -moz-box-shadow: unset !important;
  -ms-box-shadow: unset !important;
  border-radius: 5px !important;
}
.bg-gray {
  background-color: #dbdbdb !important;
}
.custom-card-info .my-card-info {
  border-radius: 5px;
}
.custom-card-info .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;
}
.custom-card-info .my-card-info .info-label.bg-light {
  color: gray;
  background-color: #dbdbdb !important;
}
.margin-auto {
  margin: auto !important;
}
.margin-center {
  margin: 0 auto !important;
}
body .my-dataview-container div.action-button-group {
  min-width: 200px;
  border: 0;
  background: none;
  right: 0;
  left: unset;
}
body .my-dataview-container div.action-button-group > .btn {
  display: block;
  width: 100%;
  text-align: left;
  padding-left: 30px !important;
  padding-right: 15px !important;
}
body .my-dataview-container div.action-button-group > .btn i {
  position: absolute;
  left: 15px;
  margin-top: 4px;
}
.data_row .action-button-group-container {
  width: 24px;
}
.data_row .action-button-group-container > a {
  width: 24px;
}
.data_row .action-button-group-container div.action-button-group {
  position: relative;
  border: 0;
  min-width: 96px;
}
@media (min-width: 768px) {
  .data_row .action-button-group-container {
    width: 24px;
  }
  .data_row .action-button-group-container > a {
    width: 24px;
  }
  .data_row .action-button-group-container div.action-button-group {
    position: fixed;
    border: 0;
    min-width: 200px;
    right: unset !important;
    left: unset !important;
  }
  .data_row .action-button-group-container div.action-button-group.show .btn {
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .data_row .action-button-group-container div.action-button-group.show .btn > span {
    display: inline-block !important;
  }
}
.btn.btn-success {
  border: 1px solid #24b78a;
}
.btn.btn-warning {
  border: 1px solid #dda333;
}
.btn.btn-info {
  border: 1px solid #4db4e3;
}
.btn.btn-danger {
  border: 1px solid #df3e41;
}
.table_data_list .action-column {
  width: 50px;
}
@media (min-width: 768px) {
  .table_data_list .action-column {
    max-width: var(--datatable-custom-width) !important;
    width: var(--datatable-custom-width) !important;
    min-width: var(--datatable-custom-width);
  }
}
.table_data_list .action-column span.dropdown > a span {
  display: none;
}
.table_data_list .action-column .btn > span {
  display: none !important;
}
.table_data_list .action-column .table-action-toolbar.show {
  position: fixed;
  display: block !important;
  right: unset;
  background: white;
  padding: 5px;
  max-width: 65%;
  min-width: 150px;
  box-shadow: 2px 2px 12px -1px rgba(0, 0, 0, 0.42);
  -webkit-box-shadow: 2px 2px 12px -1px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: 2px 2px 12px -1px rgba(0, 0, 0, 0.42);
}
.table_data_list .action-column .table-action-toolbar.show span.dropdown {
  display: block !important;
  width: 100%;
}
.table_data_list .action-column .table-action-toolbar.show span.dropdown a {
  display: none !important;
  width: 100%;
  text-align: left;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.table_data_list .action-column .table-action-toolbar.show span.dropdown .dropdown-menu {
  margin-top: 0 !important;
  display: block !important;
  width: 100%;
}
.table_data_list .action-column .table-action-toolbar.show span.dropdown .dropdown-menu .btn {
  width: 100%;
  display: block !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.table_data_list .action-column .table-action-toolbar.show .btn {
  width: 100%;
  display: block !important;
  text-align: left;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.table_data_list .action-column .table-action-toolbar.show .btn > span {
  display: inline-block !important;
}
.data_row .action-column.show {
  z-index: 4;
}
table.sticky-table th.sticky-column-last, table.sticky-table td.sticky-column-last {
  position: -webkit-sticky !important;
  position: sticky !important;
  right: 0px;
  z-index: 3;
  background: white;
  border-right: 1px solid #dee2e6;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
table.sticky-table.is-sticky th.sticky-column-last, table.sticky-table.is-sticky td.sticky-column-last {
  box-shadow: -7px 2px 5px 0px rgba(51, 51, 51, 0.07);
  -webkit-box-shadow: -7px 2px 5px 0px rgba(51, 51, 51, 0.07);
  -moz-box-shadow: -7px 2px 5px 0px rgba(51, 51, 51, 0.07);
}
.badge-danger .custom-control-input:checked ~ .custom-control-label:before {
  border-color: #f5777a;
  background-color: #e93a3e;
}
.badge-info .custom-control-input:checked ~ .custom-control-label:before {
  border-color: #92d2ef;
  background-color: #5cc7f8;
}
.badge-light {
  border: 1px solid #e9e9e9;
}
.badge-light .custom-control-input:checked ~ .custom-control-label:before {
  border-color: #797979;
  background-color: #7d7d7d;
}
.badge-warning .custom-control-input:checked ~ .custom-control-label:before {
  border-color: #fbcf7a;
  background-color: #fbbc42;
}
.badge-success .custom-control-input:checked ~ .custom-control-label:before {
  border-color: #27cf9c;
  background-color: #1ac490;
}
.pt-05 {
  padding-top: 2.5px;
}
.font-11 {
  font-size: 11px;
}
.container-advanced-filter .container_multicheckbox {
  margin-top: 0;
}
.container-advanced-filter .container_multicheckbox.inline-form-field {
  padding-left: 15px;
}
.alertify-notifier.ajs-top.ajs-right {
  right: -20px;
}
.alertify-notifier .ajs-error {
  color: white;
}
body.nav-horizontal.nav-mobile.open-movile-menu #navigation .navigation-menu li.has-submenu.mouse-hover > ul.submenu {
  display: block;
}
@media (max-width: 768px) {
  .navbar-custom {
    margin-left: 0px !important;
  }
  .topbar-left {
    display: none;
  }
  .min-logo {
    display: inline-block !important;
  }
}
.topbar .topbar-left .logo {
  color: var(--wizard-topbar-left-font-color);
}
.topbar .navbar-custom {
  padding: 0;
}
.border-gray-1 {
  border: 1px solid var(--wizard-main-gray);
}
.searchable-select-container {
  padding: 5px !important;
  padding-bottom: 0 !important;
  cursor: text;
  min-height: 34px;
  font-family: Poppins, sans-serif;
}
.searchable-select-container > span.selected {
  padding: 2px;
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 3px;
  background: #dff0fe !important;
  color: #2269f5 !important;
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: default;
}
.searchable-select-container > span.selected > .remove-selected {
  cursor: pointer;
  margin-right: 3px;
}
.searchable-select-container > .input-search {
  max-width: 100%;
  margin-bottom: 5px;
  min-width: 15px;
}
.searchable-select-container-option-list, .auto-combo-search-container-option-list {
  font-family: Poppins, sans-serif;
  position: absolute;
  background: white;
  width: 100px;
  z-index: 10;
  margin-top: 5px;
  border-radius: 5px;
  margin-left: 5px;
  border: 1px solid #ededed;
  box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.05);
  max-height: 250px;
  overflow: auto;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.searchable-select-container-option-list .option, .auto-combo-search-container-option-list .option {
  padding: 5px;
  padding-left: 8px;
  color: #5d657e;
  cursor: pointer;
  border: 1px solid white;
}
.searchable-select-container-option-list .option:hover, .auto-combo-search-container-option-list .option:hover {
  color: black;
  border: 1px solid #ededed;
  background: #f3f3f3;
}
.searchable-select-container-option-list .option.selected, .auto-combo-search-container-option-list .option.selected {
  background: #dff0fe !important;
  color: #2269f5 !important;
}
.searchable-select-container-option-list .option.selected:hover, .auto-combo-search-container-option-list .option.selected:hover {
  background: #bddffa !important;
}
.searchable-select-container-option-list .option-list-footer, .auto-combo-search-container-option-list .option-list-footer {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  background-color: white;
  padding-bottom: 10px;
  margin-top: 0;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 1;
  border-bottom: 1px solid var(--wizard-main-gray);
}
.searchable-select-container-option-list .btn-clear-search, .auto-combo-search-container-option-list .btn-clear-search {
  cursor: pointer;
}
.searchable-select-container-option-list .option-group, .auto-combo-search-container-option-list .option-group {
  position: relative;
  z-index: 0;
}
.searchable-select-container-option-list .option-group > .group-label, .auto-combo-search-container-option-list .option-group > .group-label {
  background: white;
  position: sticky;
  top: -5px;
  width: 100%;
  padding: 7px;
  margin-bottom: 0;
  border-bottom: 1px solid #ededed;
}
.searchable-select-container-option-list .option-group > .group-container, .auto-combo-search-container-option-list .option-group > .group-container {
  margin-left: 10px;
}
.searchable-select-container-option-list.search-result-open .option-group > .group-label, .auto-combo-search-container-option-list.search-result-open .option-group > .group-label {
  top: 38px;
}
body.modal_show .searchable-select-container-option-list, body.modal_show .auto-combo-search-container-option-list {
  z-index: 30005;
}
body .main-wrap-content div.data_row .field-form-view.group > .card {
  border: 1px solid #d9d9d9;
  box-shadow: unset;
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  -ms-box-shadow: unset;
}
.card.headless-mode {
  border: 0 !important;
}
.card.headless-mode > .card-header {
  background: none;
}
.card.headless-mode > .card-header .card-label {
  background: white;
  position: absolute;
  padding-left: 5px;
  padding-right: 5px;
}
.card.headless-mode > .card-body {
  border: 1px solid var(--wizard-main-gray);
  border-top: 0;
}
.borderless-card > .card {
  border: 0 !important;
}
.borderless-card > .card > .card-header {
  background: none;
}
.borderless-card > .card > .card-body {
  margin-left: -10px;
  margin-right: -10px;
}
.container-ajax-auto-load-form > form > .my-form-body > .container_field_editor > .my-field-list > .field-form-view.group .card {
  border: 0;
}
.sticky-container, .sticky-container-to-top {
  position: sticky;
  position: -webkit-sticky;
  top: 100px;
  z-index: 1;
}
.sticky-container-to-top {
  top: 70px;
}
@media (min-width: 992px) {
  .sticky-container-md {
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
    z-index: 10;
  }
}
.content-page {
  overflow: unset;
}
.container_image_form .container-file-view > label {
  position: absolute;
  top: unset;
  left: unset;
  max-width: 100px;
  font-size: 10px;
  padding: 10px;
  text-overflow: ellipsis;
  padding-top: 30px;
  overflow: hidden;
  max-height: 90px;
}
.modal-dialog.sticky-footer .modal-footer {
  position: sticky;
  bottom: 0;
  background: white;
}
.d-hidden {
  opacity: 0;
  position: absolute !important;
}
.bg-dark-green {
  background: #4caf50 !important;
}
.tail-datetime-calendar .date-disabled.date-disabled-custom:not(.date-skip) .inner {
  color: blue !important;
  border-color: blue !important;
}
.tail-datetime-calendar .date-disabled:after {
  display: none;
}
/*# sourceMappingURL=custom.css.map */