:root {
   /* --primary-color: #3D6FF5; */
   --primary-color: #ff615b;
   /* Blue */
   --secondary-color: #ffffff;
   /* White */
   --alternate-color: #3D6FF5;
   /* Light purple */
   --primary-background: #8855f8;
   /* Purple */
   --secondary-background: #5635ff12;
   /* Light Purple */
   --alternate-background: #f8f7f8;
   /* Light Gray */
   --white-color: #fff;
   /* White */
   --dark-color: #1a0b43;
   /* Dark */
   --text-header: #0b0e26;
   /* Dark */
   --text-dark: #030749;
   /* Dark */
}

/* @font-face {
  font-family: "Recoleta";
  src: url(../fonts/Recoleta/Recoleta-Regular.ttf);

} */

@font-face {
   font-family: "Grifter";
   src: url('../plugins/fonts/Grifter/grifterbold.otf');
}

/* @font-face {
  font-family: "Recoleta";
  src: url(../fonts/Recoleta/Recoleta-Bold.ttf);

} */

@font-face {
   font-family: "Aeonik";
   src: url("../plugins/fonts/Aeonik/Aeonik-Regular.otf") format("truetype");
}

/* @font-face {
font-family: 'GTWalsheim';
src: local('GT Walsheim Pro Regular'), local('../plugins/global/fonts/GTWalsheim/GTWalsheimPro-Regular'),
     url('../plugins/global/fonts/GTWalsheim/GTWalsheimPro-Regular.woff2') format('woff2'),
     url('../plugins/global/fonts/GTWalsheim/GTWalsheimPro-Regular.woff') format('woff'),
     url('../plugins/global/fonts/GTWalsheim/GTWalsheimPro-Regular.ttf') format('truetype');
src: url('../plugins/global/fonts/GTWalsheim/GTWalsheimPro-Regular.eot');
src: url('../plugins/global/fonts/GTWalsheim/GTWalsheimPro-Regular.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
} */
/* @font-face {
  font-family: "GTWalsheim";
  src: url(../fonts/GTWalsheim/GTWalsheim-Medium.ttf);

} */

/* @font-face {
  font-family: "GTWalsheim";
  src: url(../fonts/GTWalsheim/GTWalsheim-Bold.ttf);

} */

* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
}

body {
   font-family: "Aeonik" !important;
   font-size: 16px !important;
}

html {
   width: 100%;
}

.inputerror {
   border: 1px solid #ff0000 !important;
}

.btn-primary {
   border: solid 1px !important;
   background-color: var(--alternate-color) !important;
   border-color: var(--alternate-color) !important;
   color: #fff !important;
}

.btn-check:active+.btn.btn-primary,
.btn-check:checked+.btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.show>.btn.btn-primary {
   background-color: var(--primary-color) !important;
   border-color: var(--primary-color) !important;
}

.btn-check:active+.btn.btn-active-color-primary,
.btn-check:checked+.btn.btn-active-color-primary,
.btn.btn-active-color-primary.active,
.btn.btn-active-color-primary.show,
.btn.btn-active-color-primary:active:not(.btn-active),
.btn.btn-active-color-primary:focus:not(.btn-active),
.btn.btn-active-color-primary:hover:not(.btn-active),
.show>.btn.btn-active-color-primary {
   color: var(--primary-color) !important;
}

.btn-check:active+.btn.btn-active-light,
.btn-check:checked+.btn.btn-active-light,
.btn.btn-active-light.active,
.btn.btn-active-light.show,
.btn.btn-active-light:active:not(.btn-active),
.btn.btn-active-light:focus:not(.btn-active),
.btn.btn-active-light:hover:not(.btn-active),
.show>.btn.btn-active-light {
   color: var(--primary-color) !important;
   border-color: var(--secondary-color) !important;
   background-color: var(--secondary-color) !important;
}

.swal-custom-width {
   width: 150px;
}

.btn-check:active+.btn.btn-active-color-primary .svg-icon,
.btn-check:active+.btn.btn-active-color-primary i,
.btn-check:checked+.btn.btn-active-color-primary .svg-icon,
.btn-check:checked+.btn.btn-active-color-primary i,
.btn.btn-active-color-primary.active .svg-icon,
.btn.btn-active-color-primary.active i,
.btn.btn-active-color-primary.show .svg-icon,
.btn.btn-active-color-primary.show i,
.btn.btn-active-color-primary:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-primary:active:not(.btn-active) i,
.btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-primary:focus:not(.btn-active) i,
.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-primary:hover:not(.btn-active) i,
.show>.btn.btn-active-color-primary .svg-icon,
.show>.btn.btn-active-color-primary i {
   color: var(--primary-color);
}

.btn-outline-primary {
   border: solid 1px !important;
   color: var(--white-color) !important;
   border-color: var(--secondary-color) !important;
   background-color: var(--secondary-color) !important;
}

.text-primary {
   color: var(--primary-color) !important;
}

.badge-light-primary {
   color: #009ef7 !important;
   background-color: #f1faff !important;
}

.text-secondary {
   color: var(--dark-color) !important;
}

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

.text-gray {
   color: var(--alternate-color) !important;
}

.bg-primary,
.badge-primary {
   background-color: var(--primary-color) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   color: var(--text-header) !important;
   font-family: "Grifter" !important;
}

/* h2 {
   font-size: 54px !important;
}

h4 {
   font-size: 36px !important;
}

h6 {
   font-size: 24px !important;
} */

.menu-state-title-primary .menu-item .menu-link.active .menu-title,
.menu-state-icon-primary .menu-item .menu-link.active .menu-icon,
.menu-state-icon-primary .menu-item .menu-link.active .menu-icon .svg-icon,
.menu-state-icon-primary .menu-item .menu-link.active .menu-icon i {
   color: var(--primary-color) !important;
   font-weight: 600;
}

.menu-state-bullet-primary .menu-item .menu-link.active {
   background-color: var(--secondary-color) !important;
   border-radius: 10px;
}

.menu-state-bullet-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.menu-state-bullet-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
   color: var(--primary-color) !important;
}

.menu-state-icon-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
.menu-state-icon-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.menu-state-icon-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
.menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
.menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i,
.menu-state-title-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title,
.menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
   color: var(--primary-color) !important;
}

.btn-check:active+.btn.btn-active-light-primary,
.btn-check:checked+.btn.btn-active-light-primary,
.btn.btn-active-light-primary.active,
.btn.btn-active-light-primary.show,
.btn.btn-active-light-primary:active:not(.btn-active),
.btn.btn-active-light-primary:focus:not(.btn-active),
.btn.btn-active-light-primary:hover:not(.btn-active),
.show>.btn.btn-active-light-primary,
.btn.btn-active-light-primary:hover:not(.btn-active) i {
   /* color: #009ef7;
  border-color: #f1faff;
  background-color: #f1faff !important; */
   background-color: #5635ff12 !important;
   color: var(--primary-color) !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
   background-color: var(--alternate-color) !important;
   color: #fff !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
   background-color: #5635ff12;
   color: #5635ff;
}

thead {
   background-color: #5635ff12;
   font-weight: bolder;
   color: #030749;
}

.page-item.active .page-link {
   background-color: var(--primary-color);
}

/* @keyframes blockUI {
  from {background-position: -200px 0;}
  to {background-position: 100% 0;}
} */