@import url(https://fonts.googleapis.com/css?family=Roboto:400,500|Source+Sans+Pro:400,600,700&display=swap);

:root {
  --bs-sidebar-bg                         : #ffffff;
  --bs-sidebar-menu-item-color            : #707070;
  --bs-sidebar-menu-sub-item-color        : #707070;
  --bs-sidebar-menu-item-icon-color       : #707070;
  --bs-sidebar-menu-item-hover-color      : #383c40;
  --bs-sidebar-menu-item-active-color     : #67a8e4;
  --bs-sidebar-menu-item-active-bg        : #f5f5f5;
  --bs-sidebar-dark-bg                    : #263238;
  --bs-sidebar-dark-menu-item-color       : rgba(255, 255, 255, 0.5);
  --bs-sidebar-dark-menu-sub-item-color   : rgba(255, 255, 255, 0.5);
  --bs-sidebar-dark-menu-item-icon-color  : rgba(255, 255, 255, 0.5);
  --bs-sidebar-dark-menu-item-hover-color : #ffffff;
  --bs-sidebar-dark-menu-item-active-color: #ffffff;
  --bs-sidebar-dark-menu-item-active-bg   : #2a373e;
  --bs-header-bg                          : #ffffff;
  --bs-header-item-color                  : #707070;
  --bs-header-dark-bg                     : #67a8e4;
  --bs-header-dark-item-color             : #ffffff;
  --bs-topbar-search-bg                   : #ffffff;
  --bs-footer-bg                          : #ffffff;
  --bs-footer-color                       : #74788d;
  --bs-topnav-bg                          : #263238;
  --bs-menu-item-color                    : #707070;
  --bs-menu-item-active-color             : #67a8e4;
  --bs-body-bg                            : #f5f5f5;
  --bs-body-color                         : #212529;
  --bs-body-color-rgb                     : 33, 37, 41;
  --bs-boxed-body-bg                      : #e3e3e3;
  --bs-apex-grid-color                    : #f7f7f7;
  --bs-display-none                       : none;
  --bs-display-block                      : block;
  --bs-card-title-desc                    : #848f98;
  --bs-light                              : #f3f3f3;
  --bs-light-rgb                          : 243, 243, 243;
  --bs-dark                               : #212529;
  --bs-dark-rgb                           : 33, 37, 41;
  --bs-text-muted                         : #848f98;
  --bs-link-color                         : #67a8e4;
  --bs-link-hover-color                   : #67a8e4;
  --bs-border-color                       : #e9e9ef;
  --bs-dropdown-bg                        : #fff;
  --bs-dropdown-link-color                : #212529;
  --bs-dropdown-link-hover-color          : #1f2327;
  --bs-dropdown-link-hover-bg             : #f7f7f7;
  --bs-dropdown-border-width              : 0px;
  --bs-card-bg                            : #fff;
  --bs-card-cap-bg                        : #fff;
  --bs-card-border-color                  : #eeeeee;
  --bs-card-logo-dark                     : block;
  --bs-card-logo-light                    : none;
  --bs-modal-bg                           : #fff;
  --bs-modal-content-bg                   : #fff;
  --bs-modal-content-border-color         : #eeeeee;
  --bs-nav-tabs-link-active-color         : #495057;
  --bs-nav-tabs-link-active-bg            : #f5f5f5;
  --bs-accordion-button-active-color      : #5d97cd;
  --bs-accordion-bg                       : #fff;
  --bs-accordion-button-bg                : #f3f3f3;
  --bs-table-color                        : #212529;
  --bs-boxed-body-bg                      : #f0f0f0;
  --bs-progress-bg                        : #f3f3f3;
  --bs-toast-background-color             : rgba(255, 255, 255, 0.85);
  --bs-toast-border-color                 : rgba(0, 0, 0, 0.1);
  --bs-toast-header-border-color          : rgba(0, 0, 0, 0.05);
  --bs-list-group-hover-bg                : #f7f7f7;
  --bs-popover-bg                         : #fff;
  --bs-pagination-hover-bg                : #f3f3f3;
  --bs-input-bg                           : #fff;
  --bs-input-group-addon-border-color     : #ced4da;
  --bs-input-border                       : #ced4da;
  --bs-input-border-color                 : #ced4da;
  --bs-input-focus-border                 : #b3d4f2;
  --bs-input-disabled-bg                  : #f3f3f3;
  --bs-input-placeholder-color            : #848f98;
  --bs-input-group-addon-bg               : #f3f3f3;
  --bs-input-check-border                 : var(--bs-input-border);
}

[data-layout-mode="dark"] {
  --bs-gray-100                             : #212529;
  --bs-gray-200                             : #2f3d46;
  --bs-gray-300                             : #374650;
  --bs-gray-400                             : #dddddd;
  --bs-gray-500                             : #bec2c5;
  --bs-gray-600                             : #848f98;
  --bs-gray-700                             : #f6f6f6;
  --bs-gray-800                             : #eff2f7;
  --bs-gray-900                             : #f8f9fa;
  --bs-sidebar-bg                           : #ffffff;
  --bs-sidebar-menu-item-color              : #707070;
  --bs-sidebar-menu-sub-item-color          : #707070;
  --bs-sidebar-menu-item-icon-color         : #707070;
  --bs-sidebar-menu-item-hover-color        : #383c40;
  --bs-sidebar-menu-item-active-color       : #67a8e4;
  --bs-sidebar-menu-item-active-bg          : #f5f5f5;
  --bs-sidebar-dark-bg                      : #2f3d46;
  --bs-sidebar-dark-menu-item-color         : rgba(255, 255, 255, 0.5);
  --bs-sidebar-dark-menu-sub-item-color     : rgba(255, 255, 255, 0.5);
  --bs-sidebar-dark-menu-item-icon-color    : rgba(255, 255, 255, 0.5);
  --bs-sidebar-dark-menu-item-hover-color   : #ffffff;
  --bs-sidebar-dark-menu-item-active-color  : #ffffff;
  --bs-sidebar-dark-menu-item-active-bg     : #33424c;
  --bs-header-bg                            : #2a363e;
  --bs-header-item-color                    : #ffffff;
  --bs-header-dark-bg                       : #35454f;
  --bs-header-dark-item-color               : #ffffff;
  --bs-topbar-search-bg                     : #374852;
  --bs-footer-bg                            : #2a363e;
  --bs-footer-color                         : #dddddd;
  --bs-topnav-bg                            : #2f3d46;
  --bs-menu-item-color                      : #979ea3;
  --bs-menu-item-active-color               : #67a8e4;
  --bs-body-bg                              : #1f2c33;
  --bs-body-color                           : #dddddd;
  --bs-body-color-rgb                       : 33, 37, 41;
  --bs-boxed-body-bg                        : #e3e3e3;
  --bs-apex-grid-color                      : #f7f7f7;
  --bs-apex-grid-color                      : #293037;
  --bs-display-none                         : block;
  --bs-display-block                        : none;
  --bs-card-title-desc                      : #dddddd;
  --bs-twocolumn-menu-iconview-bg           : #fff;
  --bs-twocolumn-menu-bg                    : #fff;
  --bs-twocolumn-menu-iconview-bg-dark      : var(--bs-vertical-menu-bg-dark);
  --bs-twocolumn-menu-bg-dark               : #30363a;
  --bs-twocolumn-menu-item-color-dark       : var(--bs-vertical-menu-item-color-dark);
  --bs-twocolumn-menu-item-active-color-dark: #fff;
  --bs-twocolumn-menu-item-active-bg-dark   : rgba(255, 255, 255, 0.15);
  --bs-boxed-body-bg                        : #181b1e;
  --bs-heading-color                        : #f6f6f6;
  --bs-light                                : #dddddd;
  --bs-light-rgb                            : 221, 221, 221;
  --bs-dark                                 : #eff2f7;
  --bs-dark-rgb                             : 239, 242, 247;
  --bs-text-muted                           : #bec2c5;
  --bs-link-color                           : #f6f6f6;
  --bs-link-hover-color                     : #f6f6f6;
  --bs-border-color                         : #374650;
  --bs-dropdown-bg                          : #2f3d46;
  --bs-dropdown-link-color                  : #bec2c5;
  --bs-dropdown-link-hover-color            : #ecedee;
  --bs-dropdown-link-hover-bg               : #374650;
  --bs-dropdown-border-width                : 1px;
  --bs-card-bg                              : #2f3d46;
  --bs-card-cap-bg                          : #2f3d46;
  --bs-card-border-color                    : #374650;
  --bs-card-logo-dark                       : none;
  --bs-card-logo-light                      : block;
  --bs-modal-bg                             : #2f3d46;
  --bs-modal-content-bg                     : #2f3d46;
  --bs-modal-content-border-color           : #374650;
  --bs-nav-tabs-link-active-color           : #f8f9fa;
  --bs-nav-tabs-link-active-bg              : #2f3d46;
  --bs-accordion-button-active-color        : #fff;
  --bs-accordion-bg                         : transparent;
  --bs-accordion-button-bg                  : #374650;
  --bs-table-color                          : #dddddd;
  --bs-boxed-body-bg                        : #1a2429;
  --bs-progress-bg                          : #374650;
  --bs-toast-background-color               : rgba(55, 70, 80, 0.85);
  --bs-toast-border-color                   : rgba(255, 255, 255, 0.1);
  --bs-toast-header-border-color            : rgba(255, 255, 255, 0.05);
  --bs-list-group-hover-bg                  : #34444e;
  --bs-popover-bg                           : #314049;
  --bs-pagination-hover-bg                  : #374852;
  --bs-input-bg                             : #33414a;
  --bs-input-group-addon-border-color       : #374650;
  --bs-input-border                         : #374650;
  --bs-input-border-color                   : #374650;
  --bs-input-focus-border                   : #3b4b56;
  --bs-input-disabled-bg                    : #2f3d46;
  --bs-input-placeholder-color              : #848f98;
  --bs-input-group-addon-bg                 : #374650;
  --bs-input-check-border                   : #3f515c;
}

#page-topbar {
  position          : fixed;
  top               : 0;
  right             : 0;
  left              : 0;
  z-index           : 1002;
  background-color  : var(--bs-header-bg);
  -webkit-box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.15);
  box-shadow        : 0 2px 3px -2px rgba(0, 0, 0, 0.15);
}

.navbar-header {
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -ms-flex-pack    : justify;
  -webkit-box-pack : justify;
  justify-content  : space-between;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  margin           : 0 auto;
  height           : 70px;
  padding          : 0 calc(1.5rem / 2) 0 0;
  box-shadow       : rgb(124 145 177 / 45%) -6px 2px 20px 0px
}

.navbar-header .dropdown .show.header-item {
  background-color: var(--bs-gray-100);
}

.navbar-brand-box {
  padding: 0 1.5rem;
  width  : 240px;
  height : 70px;
}

.logo {
  line-height: 70px;
}

.logo .logo-sm {
  display: none;
}

.page-title {
  margin     : 0;
  line-height: 70px;
  font-size  : 20px;
}

[data-layout="horizontal"] .search-wrap {
  width: 100%;
}

.search-wrap {
  background-color  : var(--bs-topbar-search-bg);
  color             : var(--bs-dark);
  z-index           : 9997;
  position          : absolute;
  top               : 0;
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  width             : calc(100% - 240px);
  right             : 0;
  height            : 70px;
  padding           : 0 15px;
  -webkit-transform : translate3d(0, -100%, 0);
  transform         : translate3d(0, -100%, 0);
  -webkit-transition: 0.3s;
  transition        : 0.3s;
}

.search-wrap form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width  : 100%;
}

.search-wrap .search-bar {
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-pack : justify;
  -ms-flex-pack    : justify;
  justify-content  : space-between;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  width            : 100%;
}

.search-wrap .search-input {
  -webkit-box-flex  : 1;
  -ms-flex          : 1 1;
  flex              : 1 1;
  border            : none;
  outline           : 0;
  -webkit-box-shadow: none;
  box-shadow        : none;
  background-color  : transparent;
}

.search-wrap .close-search {
  width      : 36px;
  height     : 64px;
  line-height: 64px;
  text-align : center;
  color      : inherit;
  font-size  : 24px;
}

.search-wrap .close-search:hover {
  color: #ea553d;
}

.search-wrap.open {
  -webkit-transform: translate3d(0, 0, 0);
  transform        : translate3d(0, 0, 0);
}

.megamenu-list li {
  position: relative;
  padding : 5px 0;
}

.megamenu-list li a {
  color: var(--bs-body-color);
}

@media (max-width: 992px) {
  .navbar-brand-box {
    width: auto;
  }

  .logo span.logo-lg {
    display: none;
  }

  .logo span.logo-sm {
    display: inline-block;
  }
}

.page-content {
  padding: calc(70px + 1.5rem) calc(1.5rem / 2) 60px calc(1.5rem / 2);
}

.header-item {
  height            : 70px;
  -webkit-box-shadow: none !important;
  box-shadow        : none !important;
  color             : var(--bs-header-item-color);
  border            : 0;
  border-radius     : 0;
}

.header-item:hover {
  color: var(--bs-header-item-color);
}

.header-profile-user {
  height          : 36px;
  width           : 36px;
  background-color: #eee;
}

.noti-icon i {
  font-size: 28px;
  /* color : var(--bs-header-item-color); */
  color    : #000;
}

.noti-icon .badge {
  position: absolute;
  top     : 15px;
  right   : 2px;
}

.notify-item img {
  float     : right;
  margin-top: 5px;
}

.notification-item .d-flex {
  padding: 0.75rem 1rem;
}

.notification-item .d-flex:hover {
  background-color: var(--bs-dropdown-link-hover-bg);
}

.dropdown-icon-item {
  display      : block;
  border-radius: 3px;
  line-height  : 34px;
  text-align   : center;
  padding      : 15px 0 9px;
  display      : block;
  border       : 1px solid transparent;
  color        : #848f98;
}

.dropdown-icon-item img {
  height: 24px;
}

.dropdown-icon-item span {
  display      : block;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.dropdown-icon-item:hover {
  border-color: #f3f3f3;
}

.fullscreen-enable [data-bs-toggle="fullscreen"] .mdi-fullscreen::before {
  content: "\f0294";
}

body[data-topbar="dark"] #page-topbar {
  background-color: var(--bs-header-dark-bg);
}

body[data-topbar="dark"] .navbar-header .dropdown .show.header-item {
  background-color: rgba(255, 255, 255, 0.5);
}

body[data-topbar="dark"] .navbar-header .waves-effect .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

body[data-topbar="dark"] .header-item {
  color: var(--bs-header-dark-item-color);
}

body[data-topbar="dark"] .header-item:hover {
  color: var(--bs-header-dark-item-color);
}

body[data-topbar="dark"] .header-profile-user {
  background-color: rgba(255, 255, 255, 0.25);
}

body[data-topbar="dark"] .noti-icon i {
  color: var(--bs-header-dark-item-color);
}

body[data-topbar="dark"] .page-title {
  color: var(--bs-header-dark-item-color);
}

body[data-topbar="dark"] .logo-dark {
  display: none;
}

body[data-topbar="dark"] .logo-light {
  display: block;
}

body[data-topbar="dark"] .app-search .form-control {
  background-color: rgba(var(--bs-topbar-search-bg), 0.07);
  color           : #fff;
}

body[data-topbar="dark"] .app-search input.form-control::-webkit-input-placeholder,
body[data-topbar="dark"] .app-search span {
  color: rgba(255, 255, 255, 0.5);
}

body[data-sidebar="dark"] .navbar-brand-box {
  background: var(--bs-sidebar-dark-bg);
}

body[data-sidebar="dark"] .logo-dark {
  display: none;
}

body[data-sidebar="dark"] .logo-light {
  display: block;
}

body[data-sidebar="colored"] .navbar-brand-box {
  background: #67a8e4;
}

body[data-sidebar="colored"] .logo-dark {
  display: none;
}

body[data-sidebar="colored"] .logo-light {
  display: block;
}

@media (max-width: 600px) {
  .navbar-header .dropdown {
    position: static;
  }

  .navbar-header .dropdown .dropdown-menu {
    left : 10px !important;
    right: 10px !important;
  }
}

@media (max-width: 380px) {
  .navbar-brand-box {
    display: none;
  }
}

body[data-layout="horizontal"] .navbar-brand-box {
  width: auto;
}

body[data-layout="horizontal"] .page-content {
  margin-top: 70px;
  padding   : calc(60px + 1.5rem) calc(1.5rem / 2) 60px calc(1.5rem / 2);
}

@media (max-width: 992px) {
  body[data-layout="horizontal"] .page-content {
    margin-top: 12px;
  }
}

.page-title-box {
  padding-bottom: 1.5rem;
}

.page-title-box .breadcrumb {
  background-color: transparent;
  padding         : 0;
}

.footer {
  bottom          : 0;
  padding         : 20px calc(1.5rem / 2);
  position        : absolute;
  right           : 0;
  color           : var(--bs-footer-color);
  left            : 240px;
  height          : 60px;
  background-color: var(--bs-footer-bg);
}

@media (max-width: 991.98px) {
  .footer {
    left: 0;
  }
}

.vertical-collpsed .footer {
  left: 70px;
}

body[data-layout="horizontal"] .footer {
  left: 0 !important;
}

.right-bar {
  background-color: var(--bs-card-bg);
  -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06),
    0 1px 0 0 rgba(0, 0, 0, 0.02);
  box-shadow        : 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
  display           : block;
  position          : fixed;
  -webkit-transition: all 0.2s ease-out;
  transition        : all 0.2s ease-out;
  width             : 280px;
  z-index           : 9999;
  float             : right !important;
  right             : -290px;
  top               : 0;
  bottom            : 0;
}

.right-bar .right-bar-toggle {
  background-color: #444c54;
  height          : 24px;
  width           : 24px;
  line-height     : 24px;
  color           : #f3f3f3;
  text-align      : center;
  border-radius   : 50%;
}

.right-bar .right-bar-toggle:hover {
  background-color: #4b545c;
}

.rightbar-overlay {
  background-color  : rgba(52, 58, 64, 0.55);
  position          : absolute;
  left              : 0;
  right             : 0;
  top               : 0;
  bottom            : 0;
  display           : none;
  z-index           : 9998;
  -webkit-transition: all 0.2s ease-out;
  transition        : all 0.2s ease-out;
}

.right-bar-enabled .right-bar {
  right: 0;
}

.right-bar-enabled .rightbar-overlay {
  display: block;
}

@media (max-width: 767.98px) {
  .right-bar {
    overflow: auto;
  }

  .right-bar .slimscroll-menu {
    height: auto !important;
  }
}

.metismenu {
  margin: 0;
}

.metismenu li {
  display: block;
  width  : 100%;
}

.metismenu .mm-collapse {
  display: none;
}

.metismenu .mm-collapse:not(.mm-show) {
  display: none;
}

.metismenu .mm-collapse.mm-show {
  display: block;
}

.metismenu .mm-collapsing {
  position                          : relative;
  height                            : 0;
  overflow                          : hidden;
  -webkit-transition-timing-function: ease;
  transition-timing-function        : ease;
  -webkit-transition-duration       : 0.35s;
  transition-duration               : 0.35s;
  -webkit-transition-property       : height, visibility;
  transition-property               : height, visibility;
}

.vertical-menu {
  width             : 240px;
  z-index           : 1001;
  background        : var(--bs-sidebar-bg);
  bottom            : 0;
  margin-top        : 0;
  position          : fixed;
  top               : 70px;
  -webkit-box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.15);
  box-shadow        : 0 2px 3px -2px rgba(0, 0, 0, 0.15);
}

.main-content {
  margin-left: 240px;
  /* overflow   : hidden; */
}

.main-content .content {
  padding   : 0 15px 10px 15px;
  margin-top: 70px;
}

#sidebar-menu {
  padding            : 10px 0 30px 0;
  /* background-color: #000; */
}

#sidebar-menu .mm-active>.has-arrow:after {
  content: "\f0140";
}

#sidebar-menu .has-arrow:after {
  content           : "\f0142";
  font-family       : "Material Design Icons";
  display           : block;
  float             : right;
  -webkit-transition: -webkit-transform 0.2s;
  transition        : -webkit-transform 0.2s;
  transition        : transform 0.2s;
  transition        : transform 0.2s, -webkit-transform 0.2s;
  font-size         : 1rem;
}

#sidebar-menu ul li a {
  display           : block;
  padding           : 0.625rem 1.5rem;
  color             : var(--bs-sidebar-menu-item-color);
  position          : relative;
  font-size         : 16px;
  -webkit-transition: all 0.4s;
  transition        : all 0.4s;
}

#sidebar-menu ul li a i {
  display           : inline-block;
  min-width         : 1.75rem;
  padding-bottom    : 0.125em;
  font-size         : 17px;
  line-height       : 1.40625rem;
  vertical-align    : middle;
  -webkit-transition: all 0.4s;
  transition        : all 0.4s;
  text-align        : center;
}

#sidebar-menu ul li a:hover {
  color: var(--bs-sidebar-menu-item-hover-color);
}

#sidebar-menu ul li a:hover i {
  color: var(--bs-sidebar-menu-item-hover-color);
}

#sidebar-menu ul li .badge {
  margin-top: 4px;
}

#sidebar-menu ul li ul.sub-menu {
  padding: 0;
}

#sidebar-menu ul li ul.sub-menu li a {
  padding         : 0.4rem 1.5rem 0.4rem 3.5rem;
  font-size       : 15px;
  color           : var(--bs-sidebar-menu-sub-item-color);
  background-color: transparent;
}

#sidebar-menu ul li ul.sub-menu li ul.sub-menu {
  padding: 0;
}

#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {
  padding  : 0.4rem 1.5rem 0.4rem 4.5rem;
  font-size: 14.5px;
}

.menu-title {
  padding       : 12px 20px !important;
  letter-spacing: 0.05em;
  pointer-events: none;
  cursor        : default;
  font-size     : 12px;
  color         : var(--bs-sidebar-menu-item-icon-color);
}

.mm-active {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

.mm-active>a {
  color           : var(--bs-sidebar-menu-item-active-color) !important;
  background-color: var(--bs-sidebar-menu-item-active-bg);
}

.mm-active>a i {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

.mm-active .active {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

.mm-active .active i {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

.mm-active>i {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

@media (max-width: 992px) {
  .vertical-menu {
    display: none;
  }

  .main-content {
    margin-left: 0 !important;
  }

  body.sidebar-enable .vertical-menu {
    display: block;
  }
}

.vertical-collpsed .main-content {
  margin-left: 70px;
}

.vertical-collpsed .navbar-brand-box {
  width: 70px !important;
}

.vertical-collpsed .logo span.logo-lg {
  display: none;
}

.vertical-collpsed .logo span.logo-sm {
  display: block;
}

.vertical-collpsed .vertical-menu {
  position: absolute;
  width   : 70px !important;
  z-index : 5;
}

.vertical-collpsed .vertical-menu .simplebar-content-wrapper,
.vertical-collpsed .vertical-menu .simplebar-mask {
  overflow: visible !important;
}

.vertical-collpsed .vertical-menu .simplebar-scrollbar {
  display: none !important;
}

.vertical-collpsed .vertical-menu .simplebar-offset {
  bottom: 0 !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu .badge,
.vertical-collpsed .vertical-menu #sidebar-menu .collapse.in,
.vertical-collpsed .vertical-menu #sidebar-menu .menu-title {
  display: none !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu .nav.collapse {
  height: inherit !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu .has-arrow:after {
  display: none;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li {
  position   : relative;
  white-space: nowrap;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a {
  padding           : 15px 20px;
  min-height        : 55px;
  -webkit-transition: none;
  transition        : none;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:active,
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:focus,
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:hover {
  color: var(--bs-sidebar-menu-item-hover-color);
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a i {
  font-size     : 20px;
  /* margin-left: 4px; */
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a span {
  display     : none;
  padding-left: 25px;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
  position          : relative;
  width             : calc(190px + 70px);
  color             : #67a8e4;
  background-color  : var(--bs-sidebar-bg);
  -webkit-transition: none;
  transition        : none;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i {
  color: #67a8e4;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a span {
  display: inline;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul {
  display           : block;
  left              : 70px;
  position          : absolute;
  width             : 190px;
  height            : auto !important;
  -webkit-box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);
  box-shadow        : 3px 5px 10px 0 rgba(54, 61, 71, 0.1);
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul ul {
  -webkit-box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);
  box-shadow        : 3px 5px 10px 0 rgba(54, 61, 71, 0.1);
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a {
  -webkit-box-shadow: none;
  box-shadow        : none;
  padding           : 8px 20px;
  position          : relative;
  width             : 190px;
  z-index           : 6;
  color             : var(--bs-sidebar-menu-sub-item-color);
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover {
  color: var(--bs-sidebar-menu-item-hover-color);
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul ul {
  padding         : 5px 0;
  z-index         : 9999;
  display         : none;
  background-color: var(--bs-sidebar-bg);
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul ul li:hover>ul {
  display   : block;
  left      : 190px;
  height    : auto !important;
  margin-top: -36px;
  position  : absolute;
  width     : 190px;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul ul li>a span.pull-right {
  position         : absolute;
  right            : 20px;
  top              : 12px;
  -webkit-transform: rotate(270deg);
  transform        : rotate(270deg);
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul ul li.active a {
  color: #f7f7f7;
}

body[data-sidebar="dark"] .vertical-menu {
  background: var(--bs-sidebar-dark-bg);
}

body[data-sidebar="dark"] #sidebar-menu ul li a {
  color: var(--bs-sidebar-dark-menu-item-color);
}

body[data-sidebar="dark"] #sidebar-menu ul li a i {
  color: var(--bs-sidebar-dark-menu-item-icon-color);
}

body[data-sidebar="dark"] #sidebar-menu ul li a:hover {
  /* color: var(--bs-idebar-dark-menu-item-hover-color); */
  color: #fff;
}

body[data-sidebar="dark"] #sidebar-menu ul li a:hover i {
  color: var(--bs-idebar-dark-menu-item-hover-color);
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {
  color     : var(--bs-sidebar-dark-menu-sub-item-color);
  background: 0 0;
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a:hover {
  color: var(--bs-idebar-dark-menu-item-hover-color);
}

body[data-sidebar="dark"] #sidebar-menu ul>li>a.mm-active {
  background-color: var(--bs-sidebar-dark-menu-item-active-bg);
}

body[data-sidebar="dark"].vertical-collpsed {
  min-height: 1200px;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
  background: var(--bs-sidebar-dark-menu-item-active-bg);
  /* color     : var(--bs-idebar-dark-menu-item-hover-color); */
  color: var(--bs-sidebar-dark-menu-item-active-color) !important;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i {
  color: var(--bs-idebar-dark-menu-item-hover-color);
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a {
  color: var(--bs-sidebar-dark-menu-sub-item-color);
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover {
  color: var(--bs-idebar-dark-menu-item-hover-color);
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu>ul ul {
  background-color: var(--bs-sidebar-dark-bg);
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
  color: var(--bs-sidebar-menu-item-active-color);
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {
  color: var(--bs-sidebar-menu-item-active-color);
}

body[data-sidebar="dark"] .mm-active {
  color: var(--bs-sidebar-dark-menu-item-active-color) !important;
}

body[data-sidebar="dark"] .mm-active>a {
  color           : var(--bs-sidebar-dark-menu-item-active-color) !important;
  background-color: var(--bs-sidebar-dark-menu-item-active-bg);
}

body[data-sidebar="dark"] .mm-active>a i {
  color: var(--bs-sidebar-dark-menu-item-active-color) !important;
}

body[data-sidebar="dark"] .mm-active>i {
  color: var(--bs-sidebar-dark-menu-item-active-color) !important;
}

body[data-sidebar="dark"] .mm-active .active {
  color           : var(--bs-sidebar-dark-menu-item-active-color) !important;
  background-color: var(--bs-sidebar-dark-menu-item-active-bg);
}

body[data-sidebar="dark"] .mm-active .active i {
  color: var(--bs-sidebar-dark-menu-item-active-color) !important;
}

body[data-sidebar="dark"] .menu-title {
  color   : var(--bs-sidebar-dark-menu-item-icon-color);
  /* color: #5088EB; */
}

body[data-layout="horizontal"] .main-content {
  margin-left: 0 !important;
}

body[data-sidebar-size="small"] .navbar-brand-box {
  width: 160px;
}

body[data-sidebar-size="small"] .vertical-menu {
  width     : 160px;
  text-align: center;
}

body[data-sidebar-size="small"] .vertical-menu .badge,
body[data-sidebar-size="small"] .vertical-menu .has-arrow:after {
  display: none !important;
}

body[data-sidebar-size="small"] .main-content {
  margin-left: 160px;
}

body[data-sidebar-size="small"] .footer {
  left: 160px;
}

body[data-sidebar-size="small"] #sidebar-menu ul li.menu-title {
  background-color: var(--bs-sidebar-dark-bg);
}

body[data-sidebar-size="small"] #sidebar-menu ul li a i {
  display: block;
}

body[data-sidebar-size="small"] #sidebar-menu ul li ul.sub-menu li a {
  padding-left: 1.5rem;
}

body[data-sidebar-size="small"] #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {
  padding-left: 1.5rem;
}

body[data-sidebar-size="small"].vertical-collpsed .main-content {
  margin-left: 70px;
}

body[data-sidebar-size="small"].vertical-collpsed .vertical-menu #sidebar-menu {
  text-align: left;
}

body[data-sidebar-size="small"].vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a i {
  display: inline-block;
}

body[data-sidebar-size="small"].vertical-collpsed .footer {
  left: 70px;
}

body[data-sidebar="colored"] .vertical-menu {
  background-color: #67a8e4;
}

body[data-sidebar="colored"] .navbar-brand-box {
  background-color: #67a8e4;
}

body[data-sidebar="colored"] .navbar-brand-box .logo-dark {
  display: none;
}

body[data-sidebar="colored"] .navbar-brand-box .logo-light {
  display: block;
}

body[data-sidebar="colored"] .mm-active {
  color: #fff !important;
}

body[data-sidebar="colored"] .mm-active>a {
  color           : #fff !important;
  background-color: #70ade6;
}

body[data-sidebar="colored"] .mm-active>a i {
  color: #fff !important;
}

body[data-sidebar="colored"] .mm-active .active,
body[data-sidebar="colored"] .mm-active>i {
  color: #fff !important;
}

body[data-sidebar="colored"] #sidebar-menu ul li.menu-title {
  color: rgba(255, 255, 255, 0.6);
}

body[data-sidebar="colored"] #sidebar-menu ul li a {
  color: rgba(255, 255, 255, 0.7);
}

body[data-sidebar="colored"] #sidebar-menu ul li a i {
  color: rgba(255, 255, 255, 0.7);
}

body[data-sidebar="colored"] #sidebar-menu ul li a.waves-effect .waves-ripple {
  background: rgba(255, 255, 255, 0.1);
}

body[data-sidebar="colored"] #sidebar-menu ul li a:hover {
  color: #fff;
}

body[data-sidebar="colored"] #sidebar-menu ul li a:hover i {
  color: #fff;
}

body[data-sidebar="colored"] #sidebar-menu ul li ul.sub-menu li a {
  color: rgba(255, 255, 255, 0.6);
}

body[data-sidebar="colored"] #sidebar-menu ul li ul.sub-menu li a:hover {
  color: #fff;
}

body[data-sidebar="colored"].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
  background-color: #70ade6;
  color           : #fff;
}

body[data-sidebar="colored"].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i {
  color: #fff;
}

body[data-sidebar="colored"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

body[data-sidebar="colored"].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {
  color: var(--bs-sidebar-menu-item-active-color);
}

body[data-sidebar="colored"].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

body[data-sidebar="colored"].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active>a {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

body[data-sidebar="colored"].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active>a i {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

[dir="rtl"] #sidebar-menu .has-arrow:after {
  content: "\f0141";
}

[dir="rtl"] #sidebar-menu .mm-active>.has-arrow:after {
  content: "\f0140";
}

.topnav {
  background        : var(--bs-topnav-bg);
  padding           : 0 calc(1.5rem / 2);
  -webkit-box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.15);
  box-shadow        : 0 2px 3px -2px rgba(0, 0, 0, 0.15);
  margin-top        : 70px;
  position          : fixed;
  left              : 0;
  right             : 0;
  z-index           : 100;
}

.topnav .topnav-menu {
  margin : 0;
  padding: 0;
}

.topnav .navbar-nav .nav-link {
  font-size: 16px;
  position : relative;
  padding  : 1rem 1.3rem;
  color    : var(--bs-menu-item-color);
}

.topnav .navbar-nav .nav-link i {
  font-size     : 18px;
  vertical-align: top;
}

.topnav .navbar-nav .nav-link:focus,
.topnav .navbar-nav .nav-link:hover {
  color           : var(--bs-menu-item-active-color);
  background-color: transparent;
}

.topnav .navbar-nav .dropdown-item {
  color: var(--bs-menu-item-color);
}

.topnav .navbar-nav .dropdown-item.active,
.topnav .navbar-nav .dropdown-item:hover {
  color           : var(--bs-menu-item-active-color);
  background-color: transparent;
}

.topnav .navbar-nav .nav-item .nav-link.active {
  color: var(--bs-menu-item-active-color);
}

.topnav .navbar-nav .dropdown.active>a {
  color           : var(--bs-menu-item-active-color);
  background-color: transparent;
}

body[data-layout="horizontal"] .navbar-brand-box .logo.logo-dark {
  display: block;
}

body[data-layout="horizontal"] .navbar-brand-box .logo.logo-light {
  display: none;
}

body[data-layout="horizontal"][data-topbar="dark"] .navbar-brand-box .logo.logo-dark {
  display: none;
}

body[data-layout="horizontal"][data-topbar="dark"] .navbar-brand-box .logo.logo-light {
  display: block;
}

body[data-layout="horizontal"][data-topbar="dark"] .navbar-header .dropdown .show.header-item {
  background-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 1200px) {

  body[data-layout="horizontal"] .container-fluid,
  body[data-layout="horizontal"] .navbar-header {
    max-width: 95%;
  }
}

@media (min-width: 992px) {
  .topnav .dropdown-item {
    padding  : 0.5rem 1.5rem;
    min-width: 180px;
    font-size: 16px;
  }

  .topnav .dropdown.mega-dropdown .mega-dropdown-menu {
    left : 0;
    right: auto;
  }

  .topnav .dropdown .dropdown-menu {
    margin-top   : 0;
    border-radius: 0 0 0.25rem 0.25rem;
  }

  .topnav .dropdown .dropdown-menu .arrow-down::after {
    right            : 15px;
    -webkit-transform: rotate(-135deg) translateY(-50%);
    transform        : rotate(-135deg) translateY(-50%);
    position         : absolute;
  }

  .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {
    position: absolute;
    top     : 0 !important;
    left    : 100%;
    display : none;
  }

  .topnav .dropdown:hover>.dropdown-menu {
    display: block;
  }

  .topnav .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {
    display: block;
  }

  .navbar-toggle {
    display: none;
  }
}

.arrow-down {
  display: inline-block;
}

.arrow-down:after {
  border-color            : initial;
  border-style            : solid;
  border-width            : 0 0 1px 1px;
  content                 : "";
  height                  : 0.4em;
  display                 : inline-block;
  right                   : 5px;
  top                     : 50%;
  margin-left             : 10px;
  -webkit-transform       : rotate(-45deg) translateY(-50%);
  transform               : rotate(-45deg) translateY(-50%);
  -webkit-transform-origin: top;
  transform-origin        : top;
  -webkit-transition      : all 0.3s ease-out;
  transition              : all 0.3s ease-out;
  width                   : 0.4em;
}

@media (max-width: 1199.98px) {
  .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu {
    right: 100%;
    left : auto;
  }
}

@media (max-width: 991.98px) {
  .topnav {
    background-color: var(--bs-card-bg);
    max-height      : 360px;
    overflow-y      : auto;
    padding         : 0;
  }

  .topnav .navbar-nav .nav-link {
    padding: 0.75rem 1.1rem;
  }

  .topnav .dropdown .dropdown-menu {
    background-color  : transparent;
    border            : none;
    -webkit-box-shadow: none;
    box-shadow        : none;
    padding-left      : 15px;
  }

  .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl {
    width: auto;
  }

  .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl .row {
    margin: 0;
  }

  .topnav .dropdown .dropdown-item {
    position        : relative;
    background-color: transparent;
  }

  .topnav .dropdown .dropdown-item.active,
  .topnav .dropdown .dropdown-item:active {
    color: #67a8e4;
  }

  .topnav .arrow-down::after {
    right   : 15px;
    position: absolute;
  }
}

@media (min-width: 992px) {
  body[data-layout="horizontal"] .topnav .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
  }

  body[data-layout="horizontal"] .topnav .navbar-nav .nav-link:focus,
  body[data-layout="horizontal"] .topnav .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.9);
  }

  body[data-layout="horizontal"] .topnav .navbar-nav>.dropdown.active>a {
    color           : rgba(255, 255, 255, 0.9) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
}

body[data-layout="horizontal"][data-topbar="colored"] #page-topbar {
  background-color  : #67a8e4;
  -webkit-box-shadow: none;
  box-shadow        : none;
}

body[data-layout="horizontal"][data-topbar="colored"] .logo-dark {
  display: none;
}

body[data-layout="horizontal"][data-topbar="colored"] .logo-light {
  display: block;
}

body[data-layout="horizontal"][data-topbar="colored"] .app-search .form-control {
  background-color: rgba(var(--bs-topbar-search-bg), 0.07);
  color           : #fff;
}

body[data-layout="horizontal"][data-topbar="colored"] .app-search input.form-control::-webkit-input-placeholder,
body[data-layout="horizontal"][data-topbar="colored"] .app-search span {
  color: rgba(255, 255, 255, 0.5);
}

body[data-layout="horizontal"][data-topbar="colored"] .header-item {
  color: var(--bs-header-dark-item-color);
}

body[data-layout="horizontal"][data-topbar="colored"] .header-item:hover {
  color: var(--bs-header-dark-item-color);
}

body[data-layout="horizontal"][data-topbar="colored"] .navbar-header .dropdown.show .header-item {
  background-color: rgba(255, 255, 255, 0.5);
}

body[data-layout="horizontal"][data-topbar="colored"] .navbar-header .waves-effect .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

body[data-layout="horizontal"][data-topbar="colored"] .noti-icon i {
  color: var(--bs-header-dark-item-color);
}

@media (min-width: 992px) {
  body[data-layout="horizontal"][data-topbar="colored"] .topnav {
    background-color: #67a8e4;
  }

  body[data-layout="horizontal"][data-topbar="colored"] .topnav .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
  }

  body[data-layout="horizontal"][data-topbar="colored"] .topnav .navbar-nav .nav-link:focus,
  body[data-layout="horizontal"][data-topbar="colored"] .topnav .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.9);
  }

  body[data-layout="horizontal"][data-topbar="colored"] .topnav .navbar-nav>.dropdown.active>a {
    color: rgba(255, 255, 255, 0.9) !important;
  }
}

body[data-layout-size="boxed"] {
  background-color: var(--bs-boxed-body-bg);
}

body[data-layout-size="boxed"] #layout-wrapper {
  background-color  : var(--bs-body-bg);
  max-width         : 1300px;
  margin            : 0 auto;
  -webkit-box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.15);
  box-shadow        : 0 2px 3px -2px rgba(0, 0, 0, 0.15);
}

body[data-layout-size="boxed"] #page-topbar {
  max-width: 1300px;
  margin   : 0 auto;
}

body[data-layout-size="boxed"] .footer {
  margin   : 0 auto;
  max-width: calc(1300px - 240px);
}

body[data-layout-size="boxed"].vertical-collpsed .footer {
  max-width: calc(1300px - 70px);
}

body[data-layout="horizontal"][data-layout-size="boxed"] #layout-wrapper,
body[data-layout="horizontal"][data-layout-size="boxed"] #page-topbar,
body[data-layout="horizontal"][data-layout-size="boxed"] .footer {
  max-width: 100%;
}

body[data-layout="horizontal"][data-layout-size="boxed"] .container-fluid,
body[data-layout="horizontal"][data-layout-size="boxed"] .navbar-header {
  max-width: 1300px;
}

/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
  position                   : relative;
  cursor                     : pointer;
  display                    : inline-block;
  overflow                   : hidden;
  -webkit-user-select        : none;
  -moz-user-select           : none;
  -ms-user-select            : none;
  user-select                : none;
  -webkit-tap-highlight-color: transparent;
}

.waves-effect .waves-ripple {
  position     : absolute;
  border-radius: 50%;
  width        : 100px;
  height       : 100px;
  margin-top   : -50px;
  margin-left  : -50px;
  opacity      : 0;
  background   : rgba(0, 0, 0, 0.2);
  background   : radial-gradient(rgba(0, 0, 0, 0.2) 0,
      rgba(0, 0, 0, 0.3) 40%,
      rgba(0, 0, 0, 0.4) 50%,
      rgba(0, 0, 0, 0.5) 60%,
      rgba(255, 255, 255, 0) 70%);
  -webkit-transition         : all 0.5s ease-out;
  transition                 : all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property        : opacity, -webkit-transform;
  transition-property        : transform, opacity;
  transition-property        : transform, opacity, -webkit-transform;
  -webkit-transform          : scale(0) translate(0, 0);
  transform                  : scale(0) translate(0, 0);
  pointer-events             : none;
}

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0,
      rgba(255, 255, 255, 0.3) 40%,
      rgba(255, 255, 255, 0.4) 50%,
      rgba(255, 255, 255, 0.5) 60%,
      rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
  -webkit-transition: none !important;
  transition        : none !important;
}

.waves-button,
.waves-circle {
  -webkit-transform : translateZ(0);
  transform         : translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%);
}

.waves-button,
.waves-button-input,
.waves-button:hover,
.waves-button:visited {
  white-space     : nowrap;
  vertical-align  : middle;
  cursor          : pointer;
  border          : none;
  outline         : 0;
  color           : inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size       : 1em;
  line-height     : 1em;
  text-align      : center;
  text-decoration : none;
  z-index         : 1;
}

.waves-button {
  padding      : 0.85em 1.1em;
  border-radius: 0.2em;
}

.waves-button-input {
  margin : 0;
  padding: 0.85em 1.1em;
}

.waves-input-wrapper {
  border-radius : 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
  padding: 0;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top     : 0;
  left    : 0;
  z-index : 1;
}

.waves-circle {
  text-align   : center;
  width        : 2.5em;
  height       : 2.5em;
  line-height  : 2.5em;
  border-radius: 50%;
}

.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow        : 0 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 0.3s;
  transition        : all 0.3s;
}

.waves-float:active {
  -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow        : 0 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
  display: block;
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.4);
}

.waves-effect.waves-primary .waves-ripple {
  background-color: rgba(103, 168, 228, 0.4);
}

.waves-effect.waves-success .waves-ripple {
  background-color: rgba(74, 193, 142, 0.4);
}

.waves-effect.waves-info .waves-ripple {
  background-color: rgba(59, 195, 233, 0.4);
}

.waves-effect.waves-warning .waves-ripple {
  background-color: rgba(255, 187, 68, 0.4);
}

.waves-effect.waves-danger .waves-ripple {
  background-color: rgba(234, 85, 61, 0.4);
}

.avatar-xs {
  height: 2rem;
  width : 2rem;
}

.avatar-sm {
  height: 3rem;
  width : 3rem;
}

.avatar-md {
  height: 4.5rem;
  width : 4.5rem;
}

.avatar-lg {
  height: 6rem;
  width : 6rem;
}

.avatar-xl {
  height: 7.5rem;
  width : 7.5rem;
}

.avatar-title {
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  background-color : #67a8e4;
  color            : #fff;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  font-weight      : 500;
  height           : 100%;
  -webkit-box-pack : center;
  -ms-flex-pack    : center;
  justify-content  : center;
  width            : 100%;
}

.font-size-11 {
  font-size: 11px !important;
}

.font-size-12 {
  font-size: 12px !important;
}

.font-size-13 {
  font-size: 13px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.font-size-15 {
  font-size: 15px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-17 {
  font-size: 17px !important;
}

.font-size-18 {
  font-size: 18px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.font-size-22 {
  font-size: 22px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.font-size-32 {
  font-size: 32px !important;
}

.font-size-40 {
  font-size: 40px !important;
}

.fw-medium {
  font-weight: 500;
}

.fw-semibold {
  font-weight: 600;
}

.social-links li a {
  background   : var(--bs-gray-300);
  border-radius: 50%;
  font-size    : 14px;
  color        : #adb5bd;
  display      : inline-block;
  height       : 30px;
  line-height  : 30px;
  text-align   : center;
  width        : 30px;
}

.w-xs {
  min-width: 80px;
}

.w-sm {
  min-width: 95px;
}

.w-md {
  min-width: 110px;
}

.w-lg {
  min-width: 140px;
}

.w-xl {
  min-width: 160px;
}

.alert-dismissible .btn-close {
  font-size         : 10px;
  padding           : 1.125rem 1.25rem;
  -webkit-box-shadow: none;
  box-shadow        : none;
  background        : transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex        : 1;
  flex            : 1;
}

.border-dark {
  border-color: var(--bs-dark) !important;
}

.border-light {
  border-color: var(--bs-light) !important;
}

[data-layout-mode="dark"] .text-body {
  color: var(--bs-gray-500) !important;
}

[data-layout-mode="dark"] .btn-close {
  -webkit-filter: invert(1) grayscale(100%) brightness(200%);
  filter        : invert(1) grayscale(100%) brightness(200%);
}

[data-layout-mode="dark"] .btn-close-white {
  -webkit-filter: invert(0) grayscale(100%) brightness(200%);
  filter        : invert(0) grayscale(100%) brightness(200%);
}

[data-layout-mode="dark"] .form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ced4da' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

[data-layout-mode="dark"] .form-switch .form-check-input,
[data-layout-mode="dark"] .form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ced4da'/%3e%3c/svg%3e");
}

[data-layout-mode="dark"] .accordion-button:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23adb5bd'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#preloader {
  position        : fixed;
  top             : 0;
  left            : 0;
  right           : 0;
  bottom          : 0;
  background-color: #f5f5f5;
  z-index         : 9999999;
}

#status {
  width   : 40px;
  height  : 40px;
  position: absolute;
  left    : 50%;
  top     : 50%;
  margin  : -20px 0 0 -20px;
}

.spinner {
  position   : absolute;
  width      : 78px;
  height     : 78px;
  left       : 50%;
  margin-left: -39px;
  margin-top : -39px;
}

.spinner:before {
  content              : "";
  position             : absolute;
  width                : 45px;
  height               : 45px;
  top                  : 50%;
  margin-top           : -23px;
  left                 : 50%;
  margin-left          : -23px;
  border-width         : 2px 1px;
  border-style         : solid;
  border-color         : #3bc3e9 rgba(59, 195, 233, 0.3);
  border-radius        : 50%;
  -o-border-radius     : 50%;
  -ms-border-radius    : 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  box-sizing           : border-box;
  -o-box-sizing        : border-box;
  -ms-box-sizing       : border-box;
  -webkit-box-sizing   : border-box;
  -moz-box-sizing      : border-box;
  animation            : spin 3.45s infinite;
  -o-animation         : spin 3.45s infinite;
  -ms-animation        : spin 3.45s infinite;
  -webkit-animation    : spin 3.45s infinite;
  -moz-animation       : spin 3.45s infinite;
}

.spinner:after {
  content              : "";
  position             : absolute;
  width                : 12px;
  height               : 12px;
  top                  : 50%;
  margin-top           : -6px;
  left                 : 50%;
  margin-left          : -6px;
  background-color     : #3bc3e9;
  border-radius        : 50%;
  -o-border-radius     : 50%;
  -ms-border-radius    : 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  box-sizing           : border-box;
  -o-box-sizing        : border-box;
  -ms-box-sizing       : border-box;
  -webkit-box-sizing   : border-box;
  -moz-box-sizing      : border-box;
  animation            : pulse 6.9s infinite, borderPulse 6.9s infinite;
  -o-animation         : pulse 6.9s infinite, borderPulse 6.9s infinite;
  -ms-animation        : pulse 6.9s infinite, borderPulse 6.9s infinite;
  -webkit-animation    : pulse 6.9s infinite, borderPulse 6.9s infinite;
  -moz-animation       : pulse 6.9s infinite, borderPulse 6.9s infinite;
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  50% {
    -webkit-transform: rotate(360deg);
    transform        : rotate(360deg);
  }

  100% {
    -webkit-transform: rotate(1080deg);
    transform        : rotate(1080deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(360deg);
  }

  100% {
    -webkit-transform: rotate(1080deg);
  }
}

@keyframes pulse {
  0% {
    background-color: rgba(59, 195, 233, 0.2);
  }

  13% {
    background-color: rgba(59, 195, 233, 0.2);
  }

  15% {
    background-color: rgba(59, 195, 233, 0.9);
  }

  28% {
    background-color: rgba(59, 195, 233, 0.9);
  }

  30% {
    background-color: rgba(59, 195, 233, 0.2);
  }

  43% {
    background-color: rgba(59, 195, 233, 0.2);
  }

  45% {
    background-color: rgba(59, 195, 233, 0.9);
  }

  70% {
    background-color: rgba(59, 195, 233, 0.9);
  }

  74% {
    background-color: rgba(59, 195, 233, 0.2);
  }

  100% {
    background-color: rgba(59, 195, 233, 0.9);
  }
}

@-webkit-keyframes pulse {
  0% {
    background-color: rgba(59, 195, 233, 0.2);
  }

  13% {
    background-color: rgba(59, 195, 233, 0.2);
  }

  15% {
    background-color: rgba(59, 195, 233, 0.9);
  }

  28% {
    background-color: rgba(59, 195, 233, 0.9);
  }

  30% {
    background-color: rgba(59, 195, 233, 0.2);
  }

  43% {
    background-color: rgba(59, 195, 233, 0.2);
  }

  45% {
    background-color: rgba(59, 195, 233, 0.9);
  }

  70% {
    background-color: rgba(59, 195, 233, 0.9);
  }

  74% {
    background-color: rgba(59, 195, 233, 0.2);
  }

  100% {
    background-color: rgba(59, 195, 233, 0.9);
  }
}

@keyframes borderPulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #fff, 0 0 0 1px rgba(59, 195, 233, 0.8);
    box-shadow        : 0 0 0 0 #fff, 0 0 0 1px rgba(59, 195, 233, 0.8);
  }

  40% {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(59, 195, 233, 0.8);
    box-shadow        : 0 0 0 1px #fff, 0 0 0 2px rgba(59, 195, 233, 0.8);
  }

  80% {
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 1px 3px rgba(59, 195, 233, 0.8);
    box-shadow        : 0 0 0 3px #fff, 0 0 1px 3px rgba(59, 195, 233, 0.8);
  }
}

@-webkit-keyframes borderPulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #fff, 0 0 0 1px rgba(59, 195, 233, 0.8);
    box-shadow        : 0 0 0 0 #fff, 0 0 0 1px rgba(59, 195, 233, 0.8);
  }

  40% {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(59, 195, 233, 0.8);
    box-shadow        : 0 0 0 1px #fff, 0 0 0 2px rgba(59, 195, 233, 0.8);
  }

  80% {
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 1px 3px rgba(59, 195, 233, 0.8);
    box-shadow        : 0 0 0 3px #fff, 0 0 1px 3px rgba(59, 195, 233, 0.8);
  }
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform        : rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform        : rotate(360deg);
  }
}

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

.mini-stat-info {
  font-size  : 14px;
  padding-top: 2px;
}

.mini-stat-info span {
  display    : block;
  font-size  : 22px;
  font-weight: 400;
  font-family: Roboto, sans-serif;
}

.mini-stats-wid .mini-stat-icon {
  overflow: hidden;
  position: relative;
}

.mini-stats-wid .mini-stat-icon:after,
.mini-stats-wid .mini-stat-icon:before {
  content           : "";
  position          : absolute;
  width             : 8px;
  height            : 54px;
  background-color  : rgba(255, 255, 255, 0.1);
  left              : 16px;
  -webkit-transform : rotate(32deg);
  transform         : rotate(32deg);
  top               : -5px;
  -webkit-transition: all 0.4s;
  transition        : all 0.4s;
}

.mini-stats-wid .mini-stat-icon::after {
  left              : -12px;
  width             : 12px;
  -webkit-transition: all 0.2s;
  transition        : all 0.2s;
}

.mini-stats-wid:hover .mini-stat-icon::after {
  left: 60px;
}

@media (min-width: 768px) {
  .monthly-earning-wid {
    padding-right: 0;
  }

  .earning-wid {
    padding-left: 0;
  }
}

.inbox-widget .inbox-item {
  border-bottom: 1px solid var(--bs-gray-300);
  overflow     : hidden;
  padding      : 10px 0;
  position     : relative;
}

.inbox-widget .inbox-item .inbox-item-img {
  display     : block;
  float       : left;
  margin-right: 15px;
  width       : 40px;
}

.inbox-widget .inbox-item img {
  width: 40px;
}

.inbox-widget .inbox-item .inbox-item-author {
  color  : var(--bs-body-color);
  display: block;
  margin : 0;
}

.inbox-widget .inbox-item .inbox-item-text {
  color    : #a0a0a0;
  display  : block;
  font-size: 12px;
  margin   : 0;
}

.inbox-widget .inbox-item .inbox-item-date {
  color    : #a9a9a9;
  font-size: 11px;
  position : absolute;
  right    : 7px;
  top      : 10px;
}

.activity-feed {
  padding   : 15px 15px 0 15px;
  list-style: none;
}

.activity-feed .feed-item {
  position      : relative;
  padding-bottom: 20px;
  padding-left  : 30px;
  border-left   : 2px solid var(--bs-gray-300);
}

.activity-feed .feed-item:last-child {
  border-color: transparent;
}

.activity-feed .feed-item::after {
  content      : "";
  display      : block;
  position     : absolute;
  top          : 0;
  left         : -6px;
  width        : 10px;
  height       : 10px;
  border-radius: 6px;
  background   : var(--bs-card-bg);
  border       : 1px solid #67a8e4;
}

.activity-feed .feed-item .date {
  display       : block;
  position      : relative;
  top           : -5px;
  color         : #8c96a3;
  text-transform: uppercase;
  font-size     : 13px;
}

.activity-feed .feed-item .activity-text {
  position: relative;
  top     : -3px;
}

.button-items {
  margin-left  : -8px;
  margin-bottom: -12px;
}

.button-items .btn {
  margin-bottom: 12px;
  margin-left  : 8px;
}

.mfp-popup-form {
  max-width: 1140px;
}

.bs-example-modal {
  position: relative;
  top     : auto;
  right   : auto;
  bottom  : auto;
  left    : auto;
  z-index : 1;
  display : block;
}

.icon-demo-content {
  color: var(--bs-text-muted);
}

.icon-demo-content i {
  font-size     : 22px;
  margin-right  : 5px;
  vertical-align: middle;
  width         : 30px;
  display       : inline-block;
}

.icon-demo-content .col-sm-6 {
  margin-bottom: 30px;
  cursor       : pointer;
}

.icon-demo-content .col-sm-6:hover i {
  color: #67a8e4;
}

.grid-structure .grid-container {
  background-color: #f7f7f7;
  margin-top      : 10px;
  font-size       : 0.8rem;
  font-weight     : 500;
  padding         : 10px 20px;
}

[dir="rtl"] .modal-open {
  padding-left: 0 !important;
}

@media print {

  .footer,
  .navbar-header,
  .page-title-box,
  .right-bar,
  .vertical-menu {
    display: none !important;
  }

  .card-body,
  .main-content,
  .page-content,
  .right-bar,
  body {
    padding: 0;
    margin : 0;
  }

  .card {
    border: 0;
  }
}

.fc .fc-toolbar h2 {
  font-size     : 16px;
  line-height   : 30px;
  text-transform: uppercase;
}

@media (max-width: 767.98px) {

  .fc .fc-toolbar .fc-center,
  .fc .fc-toolbar .fc-left,
  .fc .fc-toolbar .fc-right {
    float     : none;
    display   : block;
    text-align: center;
    clear     : both;
    margin    : 10px 0;
  }

  .fc .fc-toolbar>*>* {
    float: none;
  }

  .fc .fc-toolbar .fc-today-button {
    display: none;
  }
}

.fc .fc-toolbar .btn {
  text-transform: capitalize;
}

.fc th.fc-widget-header {
  background    : #eee;
  color         : #495057;
  line-height   : 20px;
  padding       : 10px 0;
  text-transform: uppercase;
  font-weight   : 600;
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
  border-color: #eee;
}

.fc-unthemed td.fc-today {
  background: #f8f8f8;
}

.fc-button {
  background        : var(--bs-card-bg);
  border-color      : var(--bs-border-color);
  color             : #495057;
  text-transform    : capitalize;
  -webkit-box-shadow: none;
  box-shadow        : none;
  padding           : 6px 12px !important;
  height            : auto !important;
}

.fc-state-active,
.fc-state-disabled,
.fc-state-down {
  background-color: #67a8e4;
  color           : #fff;
  text-shadow     : none;
}

.fc-event {
  border-radius: 2px;
  border       : none;
  cursor       : move;
  font-size    : 0.8125rem;
  margin       : 5px 7px;
  padding      : 5px 5px;
  text-align   : center;
}

.fc-event,
.fc-event-dot {
  background-color: #67a8e4;
}

.fc-event .fc-content {
  color: #fff;
}

.fc-day-header {
  font-weight: 500;
}

.fc-day-grid-event .fc-time {
  font-weight: 500;
}

#external-events .external-event {
  text-align: left !important;
  padding   : 8px 16px;
}

[data-simplebar] {
  position             : relative;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction   : column;
  flex-direction       : column;
  -ms-flex-wrap        : wrap;
  flex-wrap            : wrap;
  -webkit-box-pack     : start;
  -ms-flex-pack        : start;
  justify-content      : flex-start;
  -ms-flex-line-pack   : start;
  align-content        : flex-start;
  -webkit-box-align    : start;
  -ms-flex-align       : start;
  align-items          : flex-start;
}

.simplebar-wrapper {
  overflow  : hidden;
  width     : inherit;
  height    : inherit;
  max-width : inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position : absolute;
  overflow : hidden;
  padding  : 0;
  margin   : 0;
  left     : 0;
  top      : 0;
  bottom   : 0;
  right    : 0;
  width    : auto !important;
  height   : auto !important;
  z-index  : 0;
}

.simplebar-offset {
  direction                 : inherit !important;
  -webkit-box-sizing        : inherit !important;
  box-sizing                : inherit !important;
  resize                    : none !important;
  position                  : absolute;
  top                       : 0;
  left                      : 0 !important;
  bottom                    : 0;
  right                     : 0 !important;
  padding                   : 0;
  margin                    : 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction         : inherit;
  -webkit-box-sizing: border-box !important;
  box-sizing        : border-box !important;
  position          : relative;
  display           : block;
  height            : 100%;
  width             : auto;
  visibility        : visible;
  overflow          : auto;
  max-width         : 100%;
  max-height        : 100%;
  scrollbar-width   : none;
  padding           : 0 !important;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.simplebar-content:after,
.simplebar-content:before {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height    : 100%;
  max-width     : 100%;
  width         : 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing     : inherit !important;
  box-sizing             : inherit !important;
  height                 : 100%;
  width                  : 100%;
  max-width              : 1px;
  position               : relative;
  float                  : left;
  max-height             : 1px;
  overflow               : hidden;
  z-index                : -1;
  padding                : 0;
  margin                 : 0;
  pointer-events         : none;
  -webkit-box-flex       : inherit;
  -ms-flex-positive      : inherit;
  flex-grow              : inherit;
  -ms-flex-negative      : 0;
  flex-shrink            : 0;
  -ms-flex-preferred-size: 0;
  flex-basis             : 0;
}

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
  box-sizing        : inherit;
  display           : block;
  opacity           : 0;
  position          : absolute;
  top               : 0;
  left              : 0;
  height            : 1000%;
  width             : 1000%;
  min-height        : 1px;
  min-width         : 1px;
  overflow          : hidden;
  pointer-events    : none;
  z-index           : -1;
}

.simplebar-track {
  z-index       : 1;
  position      : absolute;
  right         : 0;
  bottom        : 0;
  pointer-events: none;
  overflow      : hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events     : none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position  : absolute;
  right     : 2px;
  width     : 4px;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position          : absolute;
  content           : "";
  background        : #a2adb7;
  border-radius     : 7px;
  left              : 0;
  right             : 0;
  opacity           : 0;
  -webkit-transition: opacity 0.2s linear;
  transition        : opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity           : 0.5;
  -webkit-transition: opacity 0s linear;
  transition        : opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top  : 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top   : 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left  : 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left  : 2px;
  right : 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right     : auto;
  left      : 0;
  top       : 2px;
  height    : 7px;
  min-height: 0;
  min-width : 10px;
  width     : auto;
}

[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  right: auto;
  left : 0;
}

.hs-dummy-scrollbar-size {
  direction : rtl;
  position  : fixed;
  opacity   : 0;
  visibility: hidden;
  height    : 500px;
  width     : 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position       : fixed;
  left           : 0;
  visibility     : hidden;
  overflow-y     : scroll;
  scrollbar-width: none;
}

.custom-scroll {
  height: 100%;
}

.fc-toolbar h2 {
  font-size     : 16px;
  line-height   : 30px;
  text-transform: uppercase;
}

.fc th.fc-widget-header {
  background    : #f3f3f3;
  font-size     : 13px;
  line-height   : 20px;
  padding       : 10px 0;
  text-transform: uppercase;
  font-weight   : 600;
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
  border-color: #f3f3f3;
}

.fc-unthemed td.fc-today {
  background: #fdfdfd;
}

.fc-button {
  background        : var(--bs-card-bg);
  border-color      : var(--bs-border-color);
  color             : #495057;
  text-transform    : capitalize;
  -webkit-box-shadow: none;
  box-shadow        : none;
  padding           : 6px 12px !important;
  height            : auto !important;
}

.fc-state-active,
.fc-state-disabled,
.fc-state-down {
  background-color: #67a8e4;
  color           : #fff;
  text-shadow     : none;
}

.fc-event {
  border-radius: 2px;
  border       : none;
  cursor       : move;
  font-size    : 0.8125rem;
  margin       : 5px 7px;
  padding      : 5px 5px;
  text-align   : center;
}

.fc-event,
.fc-event-dot {
  background-color: #67a8e4;
}

.fc-event .fc-content {
  color: #fff;
}

.fc .table-bordered td,
.fc .table-bordered th {
  border-color: var(--bs-border-color);
}

@media (max-width: 575.98px) {
  .fc .fc-toolbar {
    display: block;
  }
}

.fc .fc-toolbar h2 {
  font-size     : 16px;
  line-height   : 30px;
  text-transform: uppercase;
}

@media (max-width: 767.98px) {

  .fc .fc-toolbar .fc-center,
  .fc .fc-toolbar .fc-left,
  .fc .fc-toolbar .fc-right {
    float     : none;
    display   : block;
    text-align: center;
    clear     : both;
    margin    : 10px 0;
  }

  .fc .fc-toolbar>*>* {
    float: none;
  }

  .fc .fc-toolbar .fc-today-button {
    display: none;
  }
}

.fc .fc-toolbar .btn {
  text-transform: capitalize;
}

[dir="rtl"] .fc-header-toolbar {
  direction: ltr !important;
}

[dir="rtl"] .fc-toolbar>*> :not(:first-child) {
  margin-left: 0.75em;
}

#session-timeout-dialog .close {
  display: none;
}

#session-timeout-dialog .countdown-holder {
  color      : #ea553d;
  font-weight: 500;
}

#session-timeout-dialog .btn-default {
  background-color  : #fff;
  color             : #ea553d;
  -webkit-box-shadow: none;
  box-shadow        : none;
}

.irs--modern .irs-bar,
.irs--modern .irs-from,
.irs--modern .irs-single,
.irs--modern .irs-to {
  background: #67a8e4 !important;
  font-size : 11px;
}

.irs--modern .irs-from:before,
.irs--modern .irs-single:before,
.irs--modern .irs-to:before {
  border-top-color: #67a8e4;
}

.irs--modern .irs-grid-pol {
  background: var(--bs-gray-300);
}

.irs--modern .irs-line {
  background  : var(--bs-gray-300);
  border-color: var(--bs-gray-300);
}

.irs--modern .irs-grid-text {
  font-size: 11px;
  color    : #ced4da;
}

.irs--modern .irs-max,
.irs--modern .irs-min {
  color     : #adb5bd;
  background: var(--bs-gray-300);
  font-size : 11px;
}

.irs--modern .irs-handle>i:nth-child(1) {
  width : 8px;
  height: 8px;
}

.irs--modern .irs-handle {
  width           : 12px;
  height          : 12px;
  top             : 37px;
  background-color: var(--bs-card-bg) !important;
}

.swal2-container .swal2-title {
  font-size  : 24px;
  font-weight: 500;
  color      : var(--bs-body-color);
}

.swal2-html-container {
  color: var(--bs-body-color);
}

.swal2-popup {
  background-color: var(--bs-card-bg);
}

.swal2-content {
  font-size: 16px;
}

.swal2-icon.swal2-question {
  border-color: #3bc3e9;
  color       : #3bc3e9;
}

.swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: #4ac18e;
}

.swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(74, 193, 142, 0.3);
}

.swal2-icon.swal2-warning {
  border-color: #fb4;
  color       : #fb4;
}

.swal2-styled:focus {
  -webkit-box-shadow: none;
  box-shadow        : none;
}

.swal2-progress-steps .swal2-progress-step {
  background: #67a8e4;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #67a8e4;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step,
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
  background: rgba(103, 168, 228, 0.3);
}

.swal2-progress-steps .swal2-progress-step-line {
  background: #67a8e4;
}

.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
  border-left-color : #67a8e4 !important;
  border-right-color: #67a8e4 !important;
}

.swal2-file,
.swal2-input,
.swal2-textarea {
  border: 1px solid var(--bs-input-border);
}

.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
  -webkit-box-shadow: none;
  box-shadow        : none;
  border-color      : var(--bs-input-focus-border);
}

.symbol {
  border-color: var(--bs-card-bg);
}

.rating-symbol-background,
.rating-symbol-foreground {
  font-size: 24px;
}

.rating-symbol-foreground {
  top: 0;
}

.rating-star>span {
  display       : inline-block;
  vertical-align: middle;
}

.rating-star>span.badge {
  margin-left: 4px;
}

.error {
  color: #ea553d;
}

.parsley-error {
  border-color: #ea553d;
}

.parsley-errors-list {
  display: none;
  margin : 0;
  padding: 0;
}

.parsley-errors-list.filled {
  display: block;
}

.parsley-errors-list>li {
  font-size : 12px;
  list-style: none;
  color     : #ea553d;
  margin-top: 5px;
}

.select2-container .select2-selection--single {
  background-color: var(--bs-input-bg);
  border          : 1px solid var(--bs-input-border);
  height          : 38px;
}

.select2-container .select2-selection--single:focus {
  outline: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  line-height : 36px;
  padding-left: 12px;
  color       : var(--bs-body-color);
}

.select2-container .select2-selection--single .select2-selection__arrow {
  height: 34px;
  width : 34px;
  right : 3px;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #adb5bd transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #adb5bd transparent !important;
  border-width: 0 6px 6px 6px !important;
}

.select2-container--default .select2-search--dropdown {
  padding         : 10px;
  background-color: var(--bs-dropdown-bg);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border          : 1px solid var(--bs-input-border);
  background-color: var(--bs-input-bg);
  color           : #848f98;
  outline         : 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #67a8e4;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: var(--bs-dropdown-link-hover-bg);
  color           : var(--bs-dropdown-link-hover-color);
}

.select2-container--default .select2-results__option[aria-selected="true"]:hover {
  background-color: #67a8e4;
  color           : #fff;
}

.select2-results__option {
  padding: 6px 12px;
}

.select2-dropdown {
  border            : 1px solid var(--bs-border-color);
  background-color  : var(--bs-dropdown-bg);
  -webkit-box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.15);
  box-shadow        : 0 2px 3px -2px rgba(0, 0, 0, 0.15);
}

.select2-search input {
  border: 1px solid #eee;
}

.select2-container .select2-selection--multiple {
  min-height      : 38px;
  background-color: var(--bs-input-bg);
  border          : 1px solid var(--bs-input-border) !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 2px 10px;
}

.select2-container .select2-selection--multiple .select2-search__field {
  border: 0;
  color : var(--bs-body-color);
}

.select2-container .select2-selection--multiple .select2-search__field::-webkit-input-placeholder {
  color: var(--bs-body-color);
}

.select2-container .select2-selection--multiple .select2-search__field::-moz-placeholder {
  color: var(--bs-body-color);
}

.select2-container .select2-selection--multiple .select2-search__field:-ms-input-placeholder {
  color: var(--bs-body-color);
}

.select2-container .select2-selection--multiple .select2-search__field::-ms-input-placeholder {
  color: var(--bs-body-color);
}

.select2-container .select2-selection--multiple .select2-search__field::placeholder {
  color: var(--bs-body-color);
}

.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #f3f3f3;
  border          : 1px solid #eee;
  border-radius   : 1px;
  padding         : 0 7px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ced4da;
}

input[switch] {
  display: none;
}

input[switch]+label {
  font-size         : 1em;
  line-height       : 1;
  width             : 56px;
  height            : 24px;
  background-color  : #ced4da;
  background-image  : none;
  border-radius     : 2rem;
  padding           : 0.16667rem;
  cursor            : pointer;
  display           : inline-block;
  text-align        : center;
  position          : relative;
  font-weight       : 500;
  -webkit-transition: all 0.1s ease-in-out;
  transition        : all 0.1s ease-in-out;
}

input[switch]+label:before {
  color             : #343a40;
  content           : attr(data-off-label);
  display           : block;
  font-family       : inherit;
  font-weight       : 500;
  font-size         : 12px;
  line-height       : 21px;
  position          : absolute;
  right             : 1px;
  margin            : 3px;
  top               : -2px;
  text-align        : center;
  min-width         : 1.66667rem;
  overflow          : hidden;
  -webkit-transition: all 0.1s ease-in-out;
  transition        : all 0.1s ease-in-out;
}

input[switch]+label:after {
  content           : "";
  position          : absolute;
  left              : 3px;
  background-color  : #f3f3f3;
  -webkit-box-shadow: none;
  box-shadow        : none;
  border-radius     : 2rem;
  height            : 20px;
  width             : 20px;
  top               : 2px;
  -webkit-transition: all 0.1s ease-in-out;
  transition        : all 0.1s ease-in-out;
}

input[switch]:checked+label {
  background-color: #67a8e4;
}

input[switch]:checked+label {
  background-color: #67a8e4;
}

input[switch]:checked+label:before {
  color  : #fff;
  content: attr(data-on-label);
  right  : auto;
  left   : 3px;
}

input[switch]:checked+label:after {
  left            : 33px;
  background-color: #f3f3f3;
}

input[switch="bool"]+label {
  background-color: #ea553d;
}

input[switch="bool"]+label:before,
input[switch="bool"]:checked+label:before,
input[switch="default"]:checked+label:before {
  color: #fff;
}

input[switch="bool"]:checked+label {
  background-color: #4ac18e;
}

input[switch="default"]:checked+label {
  background-color: #a2a2a2;
}

input[switch="primary"]:checked+label {
  background-color: #67a8e4;
}

input[switch="success"]:checked+label {
  background-color: #4ac18e;
}

input[switch="info"]:checked+label {
  background-color: #3bc3e9;
}

input[switch="warning"]:checked+label {
  background-color: #fb4;
}

input[switch="danger"]:checked+label {
  background-color: #ea553d;
}

input[switch="dark"]:checked+label {
  background-color: #343a40;
}

.square-switch {
  margin-right: 7px;
}

.square-switch input[switch]+label,
.square-switch input[switch]+label:after {
  border-radius: 0;
}

[dir="rtl"] .datepicker {
  right: 0 !important;
  left : auto;
}

.datepicker {
    border: 1px solid var(--bs-gray-300);
    padding: 8px;
    z-index: 999 !important;
    text-align: center !important;
}

.datepicker table tr th {
  font-weight: 500;
}

.datepicker table tr td .active.disabled,
.datepicker table tr td.active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover,
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-color  : #67a8e4 !important;
  background-image  : none;
  -webkit-box-shadow: none;
  box-shadow        : none;
  color             : #fff !important;
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover,
.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
  background-color: var(--bs-gray-200);
}

.datepicker table tr td span.new,
.datepicker table tr td span.old,
.datepicker table tr td.new,
.datepicker table tr td.old {
  color  : #adb5bd;
  opacity: 0.6;
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
  background-color: var(--bs-gray-300);
}

.datepicker table tr td.day:hover {
  background-color: var(--bs-gray-300);
}

.datepicker .datepicker-switch:hover {
  background-color: var(--bs-gray-300);
}

.datepicker .prev:hover {
  background-color: var(--bs-gray-300);
}

.datepicker th,
.datepicker td{
    cursor: pointer;
}
.datepicker th.disabled,
.datepicker td.disabled {
    cursor: not-allowed;
}

.table-condensed>tbody>tr>td,
.table-condensed>thead>tr>th {
  padding: 7px;
}

.bootstrap-touchspin.input-group>.input-group-prepend>.btn,
.bootstrap-touchspin.input-group>.input-group-prepend>.input-group-text {
  border-top-right-radius   : 0;
  border-bottom-right-radius: 0;
}

.bootstrap-touchspin.input-group>.input-group-append>.btn,
.bootstrap-touchspin.input-group>.input-group-append>.input-group-text {
  border-top-left-radius   : 0;
  border-bottom-left-radius: 0;
}

.sp-container {
  background-color: var(--bs-dropdown-bg);
}

.sp-container button {
  padding      : 0.25rem 0.5rem;
  font-size    : 0.71094rem;
  border-radius: 0.2rem;
  font-weight  : 400;
  color        : #343a40;
}

.sp-container button.sp-palette-toggle {
  background-color: #f3f3f3;
}

.sp-container button.sp-choose {
  background-color: #4ac18e;
  margin-left     : 5px;
  margin-right    : 0;
}

.sp-palette-container {
  border-right: 1px solid var(--bs-border-color);
}

.sp-input {
  background-color: var(--bs-input-bg);
  border-color    : var(--bs-input-border) !important;
  color           : var(--bs-body-color);
}

.sp-input:focus {
  outline: 0;
}

[dir="rtl"] .sp-alpha {
  direction: rtl;
}

[dir="rtl"] .sp-original-input-container .sp-add-on {
  border-top-right-radius   : 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius    : 4px !important;
  border-bottom-left-radius : 4px !important;
}

[dir="rtl"] input.spectrum.with-add-on {
  border                    : 1px solid var(--bs-input-border);
  border-left               : 0;
  border-top-left-radius    : 0;
  border-bottom-left-radius : 0;
  border-top-right-radius   : 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.tox-tinymce {
  border: 1px solid var(--bs-border-color) !important;
}

.tox .tox-statusbar {
  border-top: 1px solid var(--bs-border-color) !important;
}

.tox .tox-edit-area__iframe,
.tox .tox-menubar,
.tox .tox-statusbar {
  background-color: var(--bs-card-bg) !important;
  background      : 0 0 !important;
}

.tox .tox-mbtn {
  color: var(--bs-gray-700) !important;
}

.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
  background-color: var(--bs-gray-300) !important;
}

.tox .tox-tbtn:hover {
  background-color: var(--bs-gray-300) !important;
}

.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary {
  background: var(--bs-light) !important;
  border-top: 1px solid var(--bs-border-color) !important;
}

.tox .tox-tbtn {
  color: var(--bs-gray-700) !important;
}

.tox .tox-tbtn svg {
  fill: var(--bs-gray-700) !important;
}

.tox .tox-edit-area__iframe {
  background-color: var(--bs-card-bg) !important;
}

.tox .tox-statusbar a,
.tox .tox-statusbar__path-item,
.tox .tox-statusbar__wordcount {
  color: var(--bs-gray-700) !important;
}

.tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type) {
  border-right: 1px solid var(--bs-gray-300) !important;
}

.dropzone {
  min-height   : 230px;
  border       : 2px dashed var(--bs-gray-400);
  background   : var(--bs-card-bg);
  border-radius: 6px;
}

.dropzone .dz-message {
  font-size: 24px;
}

.editable-input .form-control {
  display: inline-block;
}

.editable-buttons {
  margin-left: 7px;
}

.editable-buttons .editable-cancel {
  margin-left: 7px;
}

.form-wizard-wrapper label {
  font-size : 14px;
  text-align: right;
}

.wizard ul {
  list-style: none !important;
  padding   : 0;
  margin    : 0;
}

.wizard>.steps>ul>li {
  width: 25%;
}

.wizard>.steps .current-info {
  position: absolute;
  left    : -999em;
}

.wizard>.steps a,
.wizard>.steps a:active,
.wizard>.steps a:hover {
  margin       : 3px;
  padding      : 15px;
  display      : block;
  width        : auto;
  border-radius: 5px;
}

.wizard>.steps .current a,
.wizard>.steps .current a:active,
.wizard>.steps .current a:hover {
  background-color: #67a8e4;
  color           : #fff;
}

.wizard>.steps .current a .number,
.wizard>.steps .current a:active .number,
.wizard>.steps .current a:hover .number {
  border: 2px solid #fff;
}

.wizard>.steps .disabled a,
.wizard>.steps .disabled a:active,
.wizard>.steps .disabled a:hover,
.wizard>.steps .done a,
.wizard>.steps .done a:active,
.wizard>.steps .done a:hover {
  background-color: #e9f2fb;
  color           : #67a8e4;
}

.wizard>.steps .disabled a .number,
.wizard>.steps .disabled a:active .number,
.wizard>.steps .disabled a:hover .number,
.wizard>.steps .done a .number,
.wizard>.steps .done a:active .number,
.wizard>.steps .done a:hover .number {
  border-color: #67a8e4;
}

.wizard>.steps .number {
  font-size       : 16px;
  padding         : 5px;
  border-radius   : 50%;
  border          : 2px solid #fff;
  width           : 38px;
  display         : inline-block;
  font-weight     : 500;
  text-align      : center;
  margin-right    : 10px;
  background-color: rgba(103, 168, 228, 0.25);
}

.wizard>.content {
  background-color: transparent;
  margin          : 0 5px;
  border-radius   : 0;
  min-height      : 150px;
}

.wizard>.content>.title {
  position: absolute;
  left    : -999em;
}

.wizard>.content>.body {
  width   : 100%;
  height  : 100%;
  padding : 30px 0 0;
  position: static;
}

.wizard>.actions {
  position  : relative;
  display   : block;
  text-align: right;
  width     : 100%;
}

.wizard>.actions>ul {
  display   : inline-block;
  text-align: right;
}

.wizard>.actions>ul>li {
  display: block;
  margin : 0 0.5em;
}

.wizard>.actions a,
.wizard>.actions a:active,
.wizard>.actions a:hover {
  background-color: #67a8e4;
  border-radius   : 4px;
  padding         : 8px 15px;
  color           : #fff;
}

.wizard>.actions .disabled a,
.wizard>.actions .disabled a:active,
.wizard>.actions .disabled a:hover {
  opacity         : 0.65;
  background-color: #67a8e4;
  color           : #fff;
  cursor          : not-allowed;
}

.wizard>.actions>ul>li,
.wizard>.steps>ul>li {
  float: left;
}

@media (max-width: 768px) {
  .wizard>.steps>ul>li {
    width: 50%;
  }

  .form-wizard-wrapper label {
    text-align: left;
  }
}

@media (max-width: 520px) {
  .wizard>.steps>ul>li {
    width: 100%;
  }
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display    : inline-block;
  width      : auto;
}

div.dataTables_wrapper div.dataTables_length label {
  margin-bottom: 0.5rem;
}

.table-rep-plugin .btn-toolbar {
  display: block;
}

.table-rep-plugin .table-responsive {
  border: none !important;
}

.table-rep-plugin .btn-group .btn-default {
  background-color: #848f98;
  color           : #f3f3f3;
  border          : 1px solid #848f98;
}

.table-rep-plugin .btn-group .btn-default.btn-primary {
  background-color  : rgba(var(--bs-primary-rgb), 1);
  border-color      : rgba(var(--bs-primary-rgb), 1);
  color             : #fff;
  -webkit-box-shadow: 0 0 0 2px rgba(var(--bs-primary-rgb), 0.5);
  box-shadow        : 0 0 0 2px rgba(var(--bs-primary-rgb), 0.5);
}

.table-rep-plugin .btn-group.pull-right {
  float: right;
}

.table-rep-plugin .btn-group.pull-right .dropdown-menu {
  right            : 0;
  -webkit-transform: none !important;
  transform        : none !important;
  top              : 100% !important;
}

.table-rep-plugin tbody th {
  font-size  : 14px;
  font-weight: 400;
}

.table-rep-plugin .checkbox-row {
  padding-left: 40px;
  color       : var(--bs-gray-400) !important;
}

.table-rep-plugin .checkbox-row:hover {
  background-color: var(--bs-gray-200) !important;
}

.table-rep-plugin .checkbox-row label {
  display     : inline-block;
  padding-left: 5px;
  position    : relative;
}

.table-rep-plugin .checkbox-row label::before {
  -o-transition     : 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  background-color  : #fff;
  border-radius     : 3px;
  border            : 1px solid #eee;
  content           : "";
  display           : inline-block;
  height            : 17px;
  left              : 0;
  margin-left       : -20px;
  position          : absolute;
  transition        : 0.3s ease-in-out;
  width             : 17px;
  outline           : 0 !important;
}

.table-rep-plugin .checkbox-row label::after {
  color       : #f3f3f3;
  display     : inline-block;
  font-size   : 11px;
  height      : 16px;
  left        : 0;
  margin-left : -20px;
  padding-left: 3px;
  padding-top : 1px;
  position    : absolute;
  top         : -1px;
  width       : 16px;
}

.table-rep-plugin .checkbox-row input[type="checkbox"] {
  cursor : pointer;
  opacity: 0;
  z-index: 1;
  outline: 0 !important;
}

.table-rep-plugin .checkbox-row input[type="checkbox"]:disabled+label {
  opacity: 0.65;
}

.table-rep-plugin .checkbox-row input[type="checkbox"]:focus+label::before {
  outline-offset: -2px;
  outline       : 0;
}

.table-rep-plugin .checkbox-row input[type="checkbox"]:checked+label::after {
  content    : "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.table-rep-plugin .checkbox-row input[type="checkbox"]:disabled+label::before {
  background-color: #f7f7f7;
  cursor          : not-allowed;
}

.table-rep-plugin .checkbox-row input[type="checkbox"]:checked+label::before {
  background-color: rgba(var(--bs-primary-rgb), 1);
  border-color    : rgba(var(--bs-primary-rgb), 1);
}

.table-rep-plugin .checkbox-row input[type="checkbox"]:checked+label::after {
  color: #fff;
}

.table-rep-plugin .fixed-solution .sticky-table-header {
  top             : 70px !important;
  background-color: rgba(var(--bs-primary-rgb), 1);
}

.table-rep-plugin .fixed-solution .sticky-table-header table {
  color: #fff;
}

.table-rep-plugin .sticky-table-header,
.table-rep-plugin table.focus-on tbody tr.focused td,
.table-rep-plugin table.focus-on tbody tr.focused th {
  background  : rgba(var(--bs-primary-rgb), 1);
  border-color: rgba(var(--bs-primary-rgb), 1);
  color       : #fff;
}

.table-rep-plugin .sticky-table-header table,
.table-rep-plugin table.focus-on tbody tr.focused td table,
.table-rep-plugin table.focus-on tbody tr.focused th table {
  color: #fff;
}

@media (min-width: 992px) {
  body[data-layout="horizontal"] .fixed-solution .sticky-table-header {
    top: 120px !important;
  }
}

.table-edits input,
.table-edits select {
  height          : calc(1.5em + 0.5rem + 2px);
  padding         : 0.25rem 0.5rem;
  border          : 1px solid var(--bs-input-border);
  background-color: var(--bs-input-bg);
  color           : var(--bs-body-color);
  border-radius   : 0.25rem;
}

.table-edits input:focus,
.table-edits select:focus {
  outline     : 0;
  border-color: var(--bs-input-focus-border);
}

.morris-charts text {
  font-family: Roboto, sans-serif !important;
  fill       : #adb5bd;
}

.morris-hover {
  position: absolute;
  z-index : 10;
}

.morris-hover.morris-default-style {
  font-size    : 12px;
  text-align   : center;
  border-radius: 5px;
  padding      : 10px 12px;
  background   : var(--bs-gray-300);
  color        : var(--bs-dark);
  border       : 2px solid var(--bs-gray-300);
  font-family  : var(--bs-font-sans-serif);
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: 700;
  margin     : 0.25em 0;
  font-family: Roboto, sans-serif;
}

.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin     : 0.1em 0;
  color      : #fff;
}

.ct-golden-section:before {
  float: none;
}

.ct-chart {
  max-height: 300px;
}

.ct-chart .ct-label {
  fill       : #adb5bd;
  color      : #adb5bd;
  font-size  : 14px;
  line-height: 1;
}

.ct-chart.simple-pie-chart-chartist .ct-label {
  color    : #fff;
  fill     : #fff;
  font-size: 16px;
}

.ct-grid {
  stroke          : rgba(52, 58, 64, 0.09);
  stroke-width    : 1px;
  stroke-dasharray: 3px;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
  stroke: #564ab1;
}

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
  stroke: #fb4;
}

.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
  stroke: #3bc3e9;
}

.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
  stroke: #ea553d;
}

.ct-chart .ct-series.ct-series-e .ct-bar,
.ct-chart .ct-series.ct-series-e .ct-line,
.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
  stroke: #009688;
}

.ct-chart .ct-series.ct-series-f .ct-bar,
.ct-chart .ct-series.ct-series-f .ct-line,
.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
  stroke: #afb42b;
}

.ct-chart .ct-series.ct-series-g .ct-bar,
.ct-chart .ct-series.ct-series-g .ct-line,
.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
  stroke: #8d6e63;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
  fill: #564ab1;
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
  fill: #fb4;
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
  fill: #3bc3e9;
}

.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
  fill: #4ac18e;
}

.ct-area {
  fill-opacity: 0.33;
}

.chartist-tooltip {
  position          : absolute;
  display           : inline-block;
  opacity           : 0;
  min-width         : 10px;
  padding           : 2px 10px;
  border-radius     : 3px;
  background        : #343a40;
  color             : #eee;
  text-align        : center;
  pointer-events    : none;
  z-index           : 1;
  -webkit-transition: opacity 0.2s linear;
  transition        : opacity 0.2s linear;
}

.chartist-tooltip.tooltip-show {
  opacity: 1;
}

.ct-line {
  stroke-width: 3px;
}

.ct-point {
  stroke-width: 7px;
}

.c3-tooltip {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  box-shadow        : 0 1rem 3rem rgba(0, 0, 0, 0.175);
  opacity           : 1;
}

.c3-tooltip td {
  border-left     : none;
  font-family     : Roboto, sans-serif;
  background-color: var(--bs-gray-200);
}

.c3-tooltip td>span {
  background: var(--bs-dark);
}

.c3-tooltip tr {
  border: none !important;
}

.c3-tooltip th {
  background-color: var(--bs-gray-300) !important;
  color           : var(--bs-body-color) !important;
}

.c3-chart-arcs-title {
  font-size  : 18px;
  font-weight: 600;
}

.c3 text {
  font-family: var(--bs-font-sans-serif);
  fill       : #adb5bd;
}

.c3 line,
.c3 path {
  stroke: #ced4da;
}

.c3-legend-item {
  font-family: Roboto, sans-serif;
  font-size  : 14px;
}

.c3-chart-arc.c3-target g path {
  stroke: #fff;
}

:not(pre)>code[class*="language-"],
pre[class*="language-"] {
  background: var(--bs-light);
}

code[class*="language-"],
pre[class*="language-"] {
  color      : #848f98;
  text-shadow: none;
}

.dd-list .dd-item .dd-handle {
  background   : var(--bs-gray-300);
  border       : none;
  padding      : 8px 16px;
  height       : auto;
  font-weight  : 400;
  border-radius: 3px;
  color        : var(--bs-body-color);
  font-size    : 15px;
}

.dd-list .dd-item .dd-handle:hover {
  color: #67a8e4;
}

.dd-list .dd-item button {
  height   : 36px;
  font-size: 17px;
  margin   : 0;
  color    : #848f98;
  width    : 36px;
}

.dd-list .dd3-item {
  margin: 5px 0;
}

.dd-list .dd3-item .dd-item button {
  width : 36px;
  height: 36px;
}

.dd-list .dd3-handle {
  margin: 0;
  height: 36px !important;
  float : left;
}

.dd-list .dd3-content {
  height    : auto;
  border    : none;
  padding   : 8px 16px 8px 46px;
  background: var(--bs-gray-300);
}

.dd-list .dd3-content:hover {
  color: #67a8e4;
}

.dd-list .dd3-handle:before {
  content    : "\f35c";
  font-family: "Material Design Icons";
  color      : #adb5bd;
}

.dd-empty,
.dd-placeholder {
  background  : rgba(206, 212, 218, 0.1);
  border-color: var(--bs-gray-400);
}

.custom-dd-empty .dd-list .dd3-handle {
  border: none;
}

.dd-dragel .dd-handle {
  -webkit-box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.15);
  box-shadow        : 0 2px 3px -2px rgba(0, 0, 0, 0.15);
}

.dd-dragel .dd3-handle {
  border: none !important;
}

.dd-list .dd-list {
  padding-right: 0;
  padding-left : 30px;
}

.dd-item>button {
  float: left;
}

.alertify,
.alertify-logs {
  z-index: 1002;
}

.alertify input {
  border: 2px solid var(--bs-text-muted);
}

.alertify-logs>.success {
  background-color: #4ac18e;
  color           : #fff;
}

.alertify-logs>.error {
  background-color: #ea553d;
  color           : #fff;
}

.alertify-logs>*,
.alertify-logs>.default {
  background-color: #343a40;
}

.flot-charts-height {
  height: 320px;
}

.flotTip {
  padding           : 8px 12px;
  background-color  : var(--bs-dark);
  z-index           : 100;
  color             : var(--bs-gray-100);
  -webkit-box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.15);
  box-shadow        : 0 2px 3px -2px rgba(0, 0, 0, 0.15);
  border-radius     : 4px;
}

.legendLabel {
  color: var(--bs-gray-500);
}

.jqstooltip {
  -webkit-box-sizing: content-box;
  box-sizing        : content-box;
  width             : auto !important;
  height            : auto !important;
  background-color  : var(--bs-gray-800) !important;
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  box-shadow        : 0 1rem 3rem rgba(0, 0, 0, 0.175);
  padding           : 5px 10px !important;
  border-radius     : 3px;
  border-color      : var(--bs-gray-900) !important;
}

.jqsfield {
  color      : var(--bs-gray-200) !important;
  font-size  : 12px !important;
  line-height: 18px !important;
  font-family: var(--bs-font-sans-serif) !important;
  font-weight: 500 !important;
}

.gmaps,
.gmaps-panaroma {
  height       : 300px;
  background   : #f7f7f7;
  border-radius: 3px;
}

.gmaps-overlay {
  display      : block;
  text-align   : center;
  color        : #fff;
  font-size    : 16px;
  line-height  : 40px;
  background   : #67a8e4;
  border-radius: 4px;
  padding      : 10px 20px;
}

.gmaps-overlay_arrow {
  left       : 50%;
  margin-left: -16px;
  width      : 0;
  height     : 0;
  position   : absolute;
}

.gmaps-overlay_arrow.above {
  bottom      : -15px;
  border-left : 16px solid transparent;
  border-right: 16px solid transparent;
  border-top  : 16px solid #67a8e4;
}

.gmaps-overlay_arrow.below {
  top          : -15px;
  border-left  : 16px solid transparent;
  border-right : 16px solid transparent;
  border-bottom: 16px solid #67a8e4;
}

.jvectormap-label {
  border     : none;
  background : #343a40;
  color      : #f7f7f7;
  font-family: var(--bs-font-sans-serif);
  font-size  : 0.9375rem;
  padding    : 5px 8px;
}

.accountbg {
  position       : absolute;
  background-size: cover;
  height         : 100%;
  width          : 100%;
  top            : 0;
}

.account-page-full {
  left            : 0;
  position        : absolute;
  height          : 100%;
  margin          : 0;
  width           : 420px;
  background-color: var(--bs-card-bg);
}

.account-page-full .card {
  border: none;
}

.account-copyright {
  position: absolute;
  bottom  : 0;
  width   : 100%;
}

.search-box .form-control {
  border-radius: 30px;
  padding-left : 40px;
}

.search-box .search-icon {
  font-size  : 16px;
  position   : absolute;
  left       : 13px;
  top        : 0;
  line-height: 38px;
}

.product-list li a {
  display: block;
  padding: 4px 0;
  color  : #212529;
}

.product-view-nav.nav-pills .nav-item {
  margin-left: 4px;
}

.product-view-nav.nav-pills .nav-link {
  width        : 36px;
  height       : 36px;
  font-size    : 16px;
  padding      : 0;
  line-height  : 36px;
  text-align   : center;
  border-radius: 50%;
}

.product-tag {
  position        : absolute;
  left            : 0;
  top             : 28px;
  padding         : 2px 13px;
  text-transform  : uppercase;
  font-size       : 13px;
  color           : #fff;
  letter-spacing  : 1px;
  line-height     : 21px;
  background-color: #ea553d;
}

.email-leftbar {
  width: 200px;
  float: left;
}

.email-rightbar {
  margin-left: 230px;
}

.chat-user-box p.user-title {
  color      : var(--bs-dark);
  font-weight: 600;
  font-size  : 14px;
}

.chat-user-box p {
  font-size: 12px;
}

@media (max-width: 767px) {
  .email-leftbar {
    float: none;
    width: 100%;
  }

  .email-rightbar {
    margin: 0;
  }
}

.mail-list a {
  display    : block;
  color      : var(--bs-gray-600);
  line-height: 24px;
  font-size  : 14px;
  padding    : 8px 5px;
  font-family: Roboto, sans-serif;
}

.mail-list a.active {
  color      : #ea553d;
  font-weight: 500;
}

.message-list {
  display     : block;
  padding-left: 0;
}

.message-list li {
  position                   : relative;
  display                    : block;
  height                     : 50px;
  line-height                : 50px;
  cursor                     : default;
  -webkit-transition-duration: 0.3s;
  transition-duration        : 0.3s;
}

.message-list li a {
  color: var(--bs-gray-600);
}

.message-list li:hover {
  background                 : var(--bs-gray-300);
  -webkit-transition-duration: 50ms;
  transition-duration        : 50ms;
}

.message-list li .col-mail {
  float   : left;
  position: relative;
}

.message-list li .col-mail-1 {
  width: 320px;
}

.message-list li .col-mail-1 .checkbox-wrapper-mail,
.message-list li .col-mail-1 .dot,
.message-list li .col-mail-1 .star-toggle {
  display: block;
  float  : left;
}

.message-list li .col-mail-1 .dot {
  border       : 4px solid transparent;
  border-radius: 100px;
  margin       : 22px 26px 0;
  height       : 0;
  width        : 0;
  line-height  : 0;
  font-size    : 0;
}

.message-list li .col-mail-1 .checkbox-wrapper-mail {
  margin: 15px 10px 0 20px;
}

.message-list li .col-mail-1 .star-toggle {
  margin-top : 18px;
  margin-left: 5px;
}

.message-list li .col-mail-1 .title {
  position     : absolute;
  top          : 0;
  left         : 110px;
  right        : 0;
  text-overflow: ellipsis;
  overflow     : hidden;
  white-space  : nowrap;
  margin-bottom: 0;
}

.message-list li .col-mail-2 {
  position: absolute;
  top     : 0;
  left    : 320px;
  right   : 0;
  bottom  : 0;
}

.message-list li .col-mail-2 .date,
.message-list li .col-mail-2 .subject {
  position: absolute;
  top     : 0;
}

.message-list li .col-mail-2 .subject {
  left         : 0;
  right        : 200px;
  text-overflow: ellipsis;
  overflow     : hidden;
  white-space  : nowrap;
}

.message-list li .col-mail-2 .date {
  right       : 0;
  width       : 170px;
  padding-left: 80px;
}

.message-list li.active,
.message-list li.active:hover {
  -webkit-box-shadow: inset 3px 0 0 #67a8e4;
  box-shadow        : inset 3px 0 0 #67a8e4;
}

.message-list li.unread {
  background-color: var(--bs-gray-300);
  font-weight     : 500;
  color           : var(--bs-dark);
}

.message-list li.unread a {
  color      : var(--bs-dark);
  font-weight: 500;
}

.message-list .checkbox-wrapper-mail {
  cursor            : pointer;
  height            : 20px;
  width             : 20px;
  position          : relative;
  display           : inline-block;
  -webkit-box-shadow: inset 0 0 0 1px #ced4da;
  box-shadow        : inset 0 0 0 1px #ced4da;
  border-radius     : 1px;
}

.message-list .checkbox-wrapper-mail input {
  opacity: 0;
  cursor : pointer;
}

.message-list .checkbox-wrapper-mail input:checked~label {
  opacity: 1;
}

.message-list .checkbox-wrapper-mail label {
  position                   : absolute;
  height                     : 20px;
  width                      : 20px;
  left                       : 0;
  cursor                     : pointer;
  opacity                    : 0;
  margin-bottom              : 0;
  -webkit-transition-duration: 50ms;
  transition-duration        : 50ms;
  top                        : 0;
}

.message-list .checkbox-wrapper-mail label:before {
  content    : "\f012c";
  font-family: "Material Design Icons";
  top        : 0;
  height     : 20px;
  color      : var(--bs-dark);
  width      : 20px;
  position   : absolute;
  margin-top : -16px;
  left       : 4px;
  font-size  : 13px;
}

@media (max-width: 575.98px) {
  .message-list li .col-mail-1 {
    width: 200px;
  }
}

.counter-number {
  font-size  : 32px;
  font-weight: 500;
  text-align : center;
  color      : #67a8e4;
}

.counter-number span {
  font-size  : 16px;
  font-weight: 400;
  display    : block;
  padding-top: 7px;
  color      : var(--bs-text-muted);
}

.coming-box {
  float             : left;
  width             : 21%;
  padding           : 14px 7px;
  margin            : 0 3rem, 1.5rem 3rem;
  background-color  : var(--bs-card-bg);
  border-radius     : calc(0.25rem - 1px);
  -webkit-box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.15);
  box-shadow        : 0 2px 3px -2px rgba(0, 0, 0, 0.15);
}

@media (max-width: 991.98px) {
  .coming-box {
    width: 40%;
  }
}

.cd-container {
  width    : 90%;
  max-width: 1170px;
  margin   : 0 auto;
}

.cd-container::after {
  content: "";
  display: table;
  clear  : both;
}

#cd-timeline {
  margin-bottom: 2em;
  margin-top   : 2em;
  padding      : 2em 0;
  position     : relative;
}

#cd-timeline::before {
  border-left: 3px solid var(--bs-gray-300);
  content    : "";
  height     : 100%;
  left       : 18px;
  position   : absolute;
  top        : 0;
  width      : 3px;
}

@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-bottom: 3em;
    margin-top   : 3em;
  }

  #cd-timeline::before {
    left       : 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  margin  : 2em 0;
  position: relative;
}

.cd-timeline-block:after {
  clear  : both;
  content: "";
  display: table;
}

.cd-timeline-block:first-child {
  margin-top: 0;
}

.cd-timeline-block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }

  .cd-timeline-block:first-child {
    margin-top: 0;
  }

  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position        : absolute;
  top             : 20px;
  left            : 0;
  width           : 40px;
  height          : 40px;
  border-radius   : 50%;
  text-align      : center;
  line-height     : 30px;
  font-size       : 20px;
  color           : #fff;
  background-color: #67a8e4;
  border          : 5px solid var(--bs-card-bg);
}

.cd-timeline-img i {
  margin-left: 1px;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width                      : 40px;
    height                     : 40px;
    line-height                : 30px;
    left                       : 50%;
    margin-left                : -20px;
    -webkit-transform          : translateZ(0);
    -webkit-backface-visibility: hidden;
  }

  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }

  .cssanimations .cd-timeline-img.bounce-in {
    visibility       : visible;
    -webkit-animation: cd-bounce-1 0.6s;
    animation        : cd-bounce-1 0.6s;
  }
}

.cd-timeline-content {
  border-radius: 5px;
  border       : 1px solid var(--bs-gray-300);
  margin-left  : 60px;
  padding      : 1em;
  position     : relative;
}

.cd-timeline-content:after {
  clear  : both;
  content: "";
  display: table;
}

.cd-timeline-content h2 {
  margin-top: 0;
}

.cd-timeline-content .cd-read-more {
  background   : #67a8e4;
  border-radius: 0.25em;
  color        : #fff;
  display      : inline-block;
  font-size    : 14px;
  padding      : 0.8em 1em;
}

.cd-timeline-content .cd-date {
  display  : inline-block;
  font-size: 14px;
}

.cd-timeline-content h3 {
  font-size: 18px;
  margin   : 0 0 15px 0;
}

.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #f3f3f3;
}

.cd-timeline-content .cd-date {
  float  : left;
  padding: 0.8em 0;
  opacity: 0.7;
}

.cd-timeline-content::before {
  content     : "";
  position    : absolute;
  top         : 16px;
  right       : 100%;
  height      : 0;
  width       : 0;
  border      : 12px solid transparent;
  border-right: 12px solid var(--bs-gray-200);
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding    : 1.6em;
    width      : 45%;
  }

  .cd-timeline-content::before {
    top              : 24px;
    left             : 100%;
    border-color     : transparent;
    border-left-color: var(--bs-gray-300);
  }

  .cd-timeline-content .cd-read-more {
    float: left;
  }

  .cd-timeline-content .cd-date {
    position: absolute;
    width   : 100%;
    left    : 122%;
    top     : 20px;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top               : 24px;
    left              : auto;
    right             : 100%;
    border-color      : transparent;
    border-right-color: var(--bs-gray-300);
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left      : auto;
    right     : 122%;
    text-align: right;
  }

  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }

  .cssanimations .cd-timeline-content.bounce-in {
    visibility       : visible;
    -webkit-animation: cd-bounce-2 0.6s;
    animation        : cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    animation        : cd-bounce-2-inverse 0.6s;
  }
}

.overlay-container {
  position: relative;
}

.project-item img.gallery-thumb-img {
  display      : block;
  width        : 100%;
  height       : auto;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top   : 10px;
}

.project-item-overlay {
  position     : absolute;
  top          : 0;
  bottom       : 0;
  left         : 0;
  right        : 0;
  height       : 100%;
  width        : 100%;
  opacity      : 0;
  border-radius: 5px;
  background   : -webkit-gradient(linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.3)),
      to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.3) 0,
      rgba(0, 0, 0, 0.8) 100%);
  -webkit-transition: 0.5s ease;
  transition        : 0.5s ease;
}

.project-item-overlay h4 {
  font-size    : 18px;
  font-weight  : 500;
  white-space  : nowrap;
  color        : #fff;
  position     : absolute;
  overflow     : hidden;
  top          : 7%;
  left         : 7%;
  margin       : 0;
  text-overflow: ellipsis;
}

.project-item-overlay p {
  font-size    : 15px;
  font-weight  : 600;
  white-space  : nowrap;
  color        : #fff;
  position     : absolute;
  overflow     : hidden;
  bottom       : 7%;
  left         : 7%;
  text-overflow: ellipsis;
  margin       : 0;
}

.overlay-container:hover .project-item-overlay {
  top               : 0;
  bottom            : 0;
  left              : 0;
  right             : 0;
  opacity           : 1;
  height            : 100%;
  width             : 100%;
  -webkit-transition: 0.5s ease;
  transition        : 0.5s ease;
}

.plan-card .plan-icon {
  display           : inline-block;
  font-size         : 35px;
  width             : 100px;
  height            : 100px;
  color             : #fff;
  line-height       : 76px;
  overflow          : hidden;
  border            : 12px solid var(--bs-card-bg);
  border-radius     : 50%;
  background        : #67a8e4;
  -webkit-box-shadow: 0 0 3px #ced4da;
  box-shadow        : 0 0 3px #ced4da;
  -webkit-transition: all 0.3s;
  transition        : all 0.3s;
}

.plan-card .plan-price span {
  font-size     : 15px;
  vertical-align: middle;
}

.plan-card .plan-features p {
  line-height: 32px;
}

.ex-page-content h1 {
  font-size  : 98px;
  font-weight: 700;
  line-height: 150px;
  text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px,
    rgba(61, 61, 61, 0.3) 3px 3px;
}

/*# sourceMappingURL=app.min.css.map */

.logo_image {
  width : 175px;
  height: 66px;
}

.card_design {
  box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23) !important;
}

@media only screen and (max-width: 280px) {
  .sales_graph {
    margin-top: -30px;
  }
}

.sales_graph {
  text-align: end !important;
  margin-top: -50px !important;
}

.submit_buttons {
  float: right;
}

.pagination {
  float: right;
}


/* Delete modal css start */

.modal-confirm {
  color: #636363;
  width: auto;
}

.modal-confirm .modal-content {
  padding      : 20px;
  border-radius: 5px;
  border       : none;
  text-align   : center;
  font-size    : 14px;
}

.modal-confirm .modal-header {
  border-bottom: none;
  position     : relative;
}

.modal-confirm h4 {
  text-align: center;
  font-size : 26px;
  margin    : 30px 0 -10px;
}

.modal-confirm .close {
  position  : absolute;
  top       : -22px;
  right     : -7px;
  background: transparent;
  border    : 0;
  font-size : 28px;
}

.modal-confirm .modal-body {
  color: #999;
}

.modal-confirm .modal-footer {
  border       : none;
  text-align   : center;
  border-radius: 5px;
  font-size    : 13px;
  padding      : 10px 15px 25px;
}

.modal-confirm .modal-footer a {
  color: #999;
}

.modal-confirm .icon-box {
  width        : 80px;
  height       : 80px;
  margin       : 0 auto;
  border-radius: 50%;
  z-index      : 9;
  text-align   : center;
  border       : 3px solid #f15e5e;
}

.modal-confirm .icon-box i {
  color     : #f15e5e;
  font-size : 46px;
  display   : inline-block;
  margin-top: 13px;
}

.modal-confirm .btn,
.modal-confirm .btn:active {
  color          : #fff;
  border-radius  : 4px;
  /* background  : #60c7c1; */
  text-decoration: none;
  transition     : all 0.4s;
  line-height    : normal;
  min-width      : 120px;
  border         : none;
  min-height     : 40px;
  border-radius  : 3px;
  margin         : 0 5px;
}

.modal-confirm .btn-secondary {
  background: #c1c1c1;
}

.modal-confirm .btn-secondary:hover,
.modal-confirm .btn-secondary:focus {
  background: #a8a8a8;
}

.modal-confirm .btn-danger {
  background: #f15e5e;
}

.modal-confirm .btn-danger:hover,
.modal-confirm .btn-danger:focus {
  background: #ee3535;
}

.trigger-btn {
  display: inline-block;
  margin : 100px auto;
}

/* Delete modal css end */

.edit_category_buttons {
  float     : right;
  margin-top: 10px;
}

#charts {
  margin          : auto;
  background-color: #fff;
}

/* Switch toggle css start */

.switch {
  position: relative;
  display : inline-block;
  width   : 60px;
  height  : 34px;
}

.switch input {
  opacity: 0;
  width  : 0;
  height : 0;
}

.slider {
  position          : absolute;
  cursor            : pointer;
  top               : 0;
  left              : 0;
  right             : 0;
  bottom            : 0;
  background-color  : #ccc;
  -webkit-transition: .4s;
  transition        : .4s;
}

.slider:before {
  position          : absolute;
  content           : "";
  height            : 26px;
  width             : 26px;
  left              : 4px;
  bottom            : 4px;
  background-color  : white;
  -webkit-transition: .4s;
  transition        : .4s;
}

input:checked+.slider {
  background-color: #2196F3;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform    : translateX(26px);
  transform        : translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* switch toggle css end */

.add_prod_buttton {
  float        : right;
  margin-bottom: 10px;
}


.input-container {
  display      : -ms-flexbox;
  display      : flex;
  width        : 100%;
  margin-bottom: 15px;
}

.icon {
  padding   : 10px;
  background: #67a8e4;
  color     : white;
  min-width : 50px;
  text-align: center;
}

.input-field {
  width  : 100%;
  padding: 0 0 0 5px;
  outline: none;
}

.btn:hover {
  opacity: 1;
}

.buttons-pdf {
  background-color: #5088EB !important;
  border-color    : #5088EB;
  margin-left     : 5px ! important;
}

.order_button {
  float: right;
}

.role {
  margin-top : -16px;
  font-weight: 900;
}

.comments {
  margin-top: 15px;
}

label[for="low_stock"] {
  visibility: hidden;
}

.payment_summary {
  background-color: #eee;
  padding         : 1px;
  margin-bottom   : 10px;
  height          : 40px
}

.lefticon {
  background-color: white;
  border-radius   : 50%;
  border          : 1px solid grey;
  padding         : 10px;
}

.revenue_count {
  color      : #fff !important;
  font-weight: 800 !important
}

.product_image {
  width     : 100%;
  height    : 148px;
  background: #fff;
}

.order_form {
    font-size: 16px;
    min-height: 32px;
    /* padding: 0 0 0 12px; */
    padding: 0 12px;
}

.order_form_label {
  font-size: 12px !important;
}

.product_form {
  /* padding: 1px 0 1px 12px; */
  padding: 3px 10px;
}

.order_headings {
  color     : #fff;
  font-size : 12px;
  padding   : 0 !important;
  text-align: center;
}

.dashboard_text {
  color: #fff !important;
}

.dashboard_count {
  color      : #fff !important;
  font-weight: 800 !important;
}


/* tr:nth-child(even) {
  background-color: #E7E9EB;
} */

/* table, th, td {
  border: 1px solid #808080;
} */

.home_card {
  box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
  transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
  cursor    : pointer;
}

.home_card:hover {
  transform : scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
}

.zoom:hover {
  -ms-transform    : scale(1.5);
  /* IE 9 */
  -webkit-transform: scale(1.5);
  /* Safari 3-8 */
  transform        : scale(1.5);
}

.btn-hover.color-3 {
  background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
  box-shadow      : 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}

.btn-hover {
  width          : 158px;
  float          : right;
  font-size      : 16px;
  font-weight    : 600;
  color          : #fff;
  cursor         : pointer;
  margin         : 20px;
  height         : 48px;
  text-align     : center;
  border         : none;
  background-size: 300% 100%;

  border-radius     : 50px;
  moz-transition    : all .4s ease-in-out;
  -o-transition     : all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition        : all .4s ease-in-out;
}

.btn-hover:hover {
  background-position: 100% 0;
  moz-transition     : all .4s ease-in-out;
  -o-transition      : all .4s ease-in-out;
  -webkit-transition : all .4s ease-in-out;
  transition         : all .4s ease-in-out;
}

.btn-hover:focus {
  outline: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
}

.buttons {
  margin    : 10%;
  text-align: center;
}

.card-title {
  font-size: 16px;
  margin   : 0 0 0px 0 !important;
}

.card-header {
  padding         : 0.5rem 1.25rem !important;
  margin-bottom   : 0;
  background-color: var(--bs-card-cap-bg);
  border-bottom   : 1px solid var(--bs-card-border-color);
  background      : #3a5979;
  color           : white;
}

.filter_bg {
  background   : #a9a9a914;
  padding      : 10px;
  border-radius: 5px;
}

.modal-header {
  display                : -webkit-box;
  display                : -ms-flexbox;
  display                : flex;
  -ms-flex-negative      : 0;
  flex-shrink            : 0;
  -webkit-box-align      : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : justify;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  padding                : 0.5rem 0.75rem;
  border-bottom          : 1px solid var(--bs-border-color);
  border-top-left-radius : calc(0.4rem - 1px);
  border-top-right-radius: calc(0.4rem - 1px);
  background             : #274c93 !important;
  color                  : white;
}



.modal-fullscreen .modal .modal-header {
    border-top-left-radius: calc(0.4rem - 1px);
    border-top-right-radius: calc(0.4rem - 1px);
}

.modal-fullscreen .modal .modal-header .btn-close {
    right: -9px;
    top: -9px;
}

.modal-fullscreen .modal .modal-content {
    border-radius: 0.4rem;
}
.modal-fullscreen .modal .modal-footer {
    border-bottom-right-radius: calc(0.4rem - 1px);
    border-bottom-left-radius: calc(0.4rem - 1px);
}

.center_box a:hover {
    opacity: 1;
    box-shadow: rgb(17 17 26 / 10%) 0px 0px 16px !important;
    height: 35px;
    border-radius: 7px;
}

.modal-confirm .modal-header {
  background-color: white !important;
}



/* column hide */
.contextMenu {
  position: absolute;
  display : none;
  z-index: 5 !important;
}


.contextMenu .dropdown-menu{
  background: #e1e7e7;
    border: 1px dashed #604747;
    /* border-radius: 15px; */
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
}
/* tr {
position: relative;
} */
.contextMenu .dropdown-menu label {
  display    : flex;
  align-items: start;
}

.contextMenu .dropdown-menu label input {
  margin-right: 5px;
}

.contextMenu .dropdown-menu>li>a {
  display    : block;
  padding    : 3px 10px;
  clear      : both;
  font-weight: 400;
  line-height: 1.42857143;
  color      : #333;
  white-space: nowrap;
}

/* Chrome, Safari, Edge, Opera  input type number arrows*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    .table-striped>tbody>tr:nth-of-type(odd)>* {
      --bs-table-accent-bg: #f0f0f0;
      ;
    }
  }
}

.res_img{
  border-radius: 50%;
}



.btn_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}


.btn_nav button:focus, .btn_nav button:hover {
    color: #5286b6;
}

    .btn_nav button {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center;
        border-radius: 23px;
        border: 1px solid #4044481f;
        font-weight: bolder;
        padding: 0.5rem 1rem;
        color: #495057;
        background: transparent;
    }
.btn_nav button.btntopactive {
    color: #fff;
    /* background-color: #67a8e4 !important; */
    background-color: #3274b1 !important;
}


.dateBox::after {
    content: 'F0B66';
}

div.ColVis {
    margin-bottom: 0 !important;
}

.input-inline {
    position: relative;
    
}
.input-inline input {
    padding-right: 40px;
    cursor: pointer;
   
}

 .input-inline .addOn {
    position: absolute;
    right: 16px;
    top: 27%;
    font-size: 16px !important;
    line-height: 100%;
    z-index: 1;
    cursor: pointer;
    font-weight: normal;
}

.input-group .input-inline input {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group .select2-container {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1% !important;
    min-width: 0;
}

.modal-fullscreen .btn-close {
    right: 15px;
    top: 12px;
}

.filterRow .select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
    top: 38%;
}

.filterRow .select2-container--default
.select2-selection--single
.select2-selection__arrow {
    height: 33px;
}

.filterRow .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
    font-size: 0.9375rem !important;
}

.filterRow select{
    min-height: 39px;
    height: auto !important;
}
.filterRow .form-group {
    margin-bottom:10px;
}

textarea {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-input-bg);
    background-clip: padding-box;
    border: 2px solid var(--bs-input-border);
    /* -webkit-appearance: none; */
    /* -moz-appearance: none; */
    /* appearance: none; */
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
/*table.dataTable td,*/
table.dataTable thead th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid var(--bs-border-color);
    background-color: #8e9bb3c9;
    background-color: #8e9bb3c9;
    color: #000;
    font-weight: 500 !important;
    white-space: normal;
    font-size: 12px;
    padding: 0.75rem 0.75rem !important;
}

.table.dataTable thead th {
    padding-right: 30px !important;
    white-space: nowrap;
}
table.dataTable th {
    white-space: nowrap;
}

table.dataTable tfoot tr,
table.dataTable tfoot th {
    background: #f0f0f0;
    font-weight: 500;
}

.dataTables_scrollFootInner table {
    empty-cells: hide;
}

/*    table.dataTable tfoot th:empty,
    table.dataTable tfoot th:blank {
        background: #000 !important;
    }*/


.filterRow .btn {
    height: 37px;
}

ul.ColVis_collection {
    list-style: none;
    right: 0 !important;
    width: 175px !important;
    height: 478px !important;
    overflow-y: auto !important;
}

ul.ColVis_collection input[type='checkbox']{
    vertical-align: text-top;
}

.blockMsg {
    color: #fff !important;
    border: 0 !important;
    background-color: transparent !important;
    font-size: 16px;
}

.btn-white {
    background: white;
    border: 1px solid #c9b9b9;
    font-size: 12px;
    width: 110px;
}
.btn-orenge {
    background-color: orange;
    border: 1px solid #c9b9b9;
    font-size: 12px;
    width: 110px;
}
.btn-red {
    background-color: red;
    border: 1px solid #c9b9b9;
    font-size: 12px;
    width: 110px;
}

.dataTables_scrollBody thead tr{
    height:0 !important;

}

.dataTables_scrollBody thead tr th {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.dataTables_info {
    float: left;
}

.btn-action {
    width: 31px;
    height: 31px;
    line-height: 24px;
    text-align: center;
    min-width: auto !important;
}

.btnButtomPosition {
    position: absolute;
    bottom: -54px;
    right: 76px;
    width: auto;
}

td input[type='number'],
td input[type='text'],
td input[type='email'],
select{
    padding: 0 12px !important;
    font-size: 16px;
    min-height: 32px;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    border: 1px solid #4044481f;
}

table.dataTable > tbody > tr > td.select-checkbox:before, table.dataTable > tbody > tr > th.select-checkbox:before {
    margin-top: 0px !important;
}
table.dataTable > tbody > tr.selected > td.select-checkbox:after, table.dataTable > tbody > tr.selected > th.select-checkbox:after {
    margin-top: -20px !important;
}
tr.selected td {
    background-color: #3274b1 !important;
}


.input-group .btnCla {
    width: 30px;
    font-size: 18px;
    line-height: 100%;
}
.input-group .input-inline {
    width: calc(100% - 30px);
}