:root {
   --std-blue-100: rgb(210, 227, 252);
   --std-blue-300: rgb(138, 180, 248);
   --std-blue-600: rgb(26, 115, 232);
   --std-blue-700: rgb(25, 103, 210);
   --std-gray-100: rgb(241, 243, 244);
   --std-gray-300: rgb(218, 220, 224);
   --std-gray-500: rgb(154, 160, 166);
   --std-gray-50: rgb(248, 249, 250);
   --std-gray-600: rgb(128, 134, 139);
   --std-gray-700: rgb(95, 99, 104);
   --std-gray-800: rgb(60, 64, 67);
   --std-gray-900: rgb(32, 33, 36);
   --std-blue-hover: #0078D4;
   --std-blue-pressed: #1081D7;
   --std-blue-rest: #0070C6;
   --std-blue-selected: #004274;
   --std-text-blue-hover: #0070C6;
   --std-text-blue-rest: #0061AB;
   --std-text-blue-pressed: #1081D7;
   --std-text-grey-rest: #6F6F6F;
   --std-focus-color: #838383;
   --std-border-hover: #949494;
   --std-border-pressed: #ADADAD;
   --std-border-rest: #C5C5C5;
   --std-grey-background: #F6F6F6;
   --std-grey-selected: #C6C6C6;
   --std-light-grey-hover: #F3F3F3;
   --std-light-grey-pressed: #F7F7F7;
   --std-light-grey-rest: #EFEFEF;
   --presence-available: #13a10e;
   --presence-away: #eaa300;
   --presence-busy: #d13438;
   --presence-dnd: #d13438;
   --presence-offline: #adadad;
   --presence-oof: #c239b3;
   --presence-unknown: #d13438;
   --ms-office: #d83b01;
   --ms-access: #a4373a;
   --ms-onedrive: #0078d4;
   --ms-excel: #217346;
   --ms-onenote: #7719aa;
   --ms-outlook: #0f6cbd;
   --ms-project: #31752f;
   --ms-publisher: #077568;
   --ms-powerpoint: #b7472a;
   --ms-teams: #6264a7;
   --ms-visio: #3955a3;
   --ms-word: #2b579a;
   --ms-yammer: #106ebe;
   --ms-sway: #008272;
   --ms-stream: #bc1948;
   --ms-groupme: #00bcf2;
   --ms-powerbi: #f2c811;
   --ms-powerapps: #742774;
   --bs-red: #ff0000;
   --bs-yellow-green: #9acd32;
   --bs-orange-red: #ff4500;
   --bs-gray-light: var(--bs-gray-300);
   --bs-red-rgb: 255,0,0;
   --bs-yello-green-rgb: 154,205,50;
   --bs-orange-red-rgb: 255,69,0;
   --bs-gray-light-rgb: 222,226,230;
   --bs-indigo-rgb: 10,10,10;
   --bs-purple-rgb: 111,66,193;
   --bs-pink-rgb: 232,62,140;
   --bs-orange-rgb: 253,126,20;
   --bs-teal-rgb: 32,201,151;
   --bs-gray-rgb: 108,117,125;
   --bs-gray-dark-rgb: 52,58,64;
   --bs-cyan-rgb: 23,162,184;
   --bs-info-std: #0dcaf0;
   --bs-info-org-rgb: 13,202,240;
   --bs-primary-org: #0d6efd;
   --bs-primary-org-rgb: 13,110,253;
   --bs-success-org: #198754;
   --bs-success-org-rgb: 25,135,84;
   --bs-warning-org: #ffc107;
   --bs-warning-org-rgb: 255,193,7;
   --bs-danger-org: #dc3545;
   --bs-danger-org-rgb: 220,53,69;
}

.bi,
[class^="bi-"],
[class*=" bi-"] {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-family: bootstrap-icons !important;
   font-style: normal;
   font-weight: normal !important;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   text-rendering: auto;
}

.ms-fi,
[class^="ms-fi-"],
[class*=" ms-fi-"] {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-family: 'fabric-icons' !important;
   font-style: normal;
   font-weight: normal !important;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   text-rendering: auto;
}

body:has(.prevent-scroll) {
   overflow: hidden;
}

.fs-1x {
   font-size: 1rem
}

.fs-1-1x {
   font-size: 1.1rem;
}

.fs-1-2x {
   font-size: 1.2rem;
}

.fs-1-3x {
   font-size: 1.3rem;
}

.fs-1-4x {
   font-size: 1.4rem;
}

.fs-1-5x {
   font-size: 1.5rem;
}

.fs-1-6x {
   font-size: 1.6rem;
}

.fs-1-7x {
   font-size: 1.7rem;
}

.fs-1-8x {
   font-size: 1.8rem;
}

.fs-1-9x {
   font-size: 1.9rem;
}

.fs-2x {
   font-size: 2rem
}

.fs-3x {
   font-size: 3rem
}

.fs-4x {
   font-size: 4rem
}

.fs-5x {
   font-size: 5rem
}

.fs-6x {
   font-size: 6rem
}

.fs-7x {
   font-size: 7rem
}

.fs-8x {
   font-size: 8rem
}

.fs-9x {
   font-size: 9rem
}

.fs-10x {
   font-size: 10rem
}

.fs-xxs {
   font-size: 0.625em;
}

.fs-xs {
   font-size: 0.75rem
}

.fs-sm {
   font-size: .875rem
}

.fs-md {
   font-size: .938rem
}

.fs-lg {
   font-size: 1.25rem;
}

.fs-xl {
   font-size: 1.5rem;
}

.fs-xxl {
   font-size: 2rem;
}

.fs-fw {
   text-align: center;
   width: 1.25em;
}

.fc-inverse {
   color: #fff
}

.fw-semi-bold {
   font-weight: 500 !important
}

.default-bg-color {
   background-color: var(--bs-body-bg);
}

.default-text-color {
   color: var(--bs-body-color);
}

.default-text-bg-color {
   background-color: var(--bs-body-bg);
   color: var(--bs-body-color);
}

.default-transparent {
   background-color: transparent;
   color: var(--bs-body-color);
}

.default-font {
   font-family: var(--bs-body-font-family);
   font-size: var(--bs-body-font-size);
   font-weight: var(--bs-body-font-weight);
   line-height: var(--bs-body-line-height);
}

.sticky-left {
   position: -webkit-sticky;
   position: sticky;
   left: 0;
   z-index: 97;
}

@media (min-width: 576px) {
   .sticky-sm-left {
      position: -webkit-sticky;
      position: sticky;
      left: 0;
      z-index: 97;
   }
}

@media (min-width: 768px) {
   .sticky-md-left {
      position: -webkit-sticky;
      position: sticky;
      left: 0;
      z-index: 97;
   }
}

@media (min-width: 992px) {
   .sticky-lg-left {
      position: -webkit-sticky;
      position: sticky;
      left: 0;
      z-index: 97;
   }
}

@media (min-width: 1200px) {
   .sticky-xl-left {
      position: -webkit-sticky;
      position: sticky;
      left: 0;
      z-index: 97;
   }
}

@media (min-width: 1440px) {
   .sticky-xxl-left {
      position: -webkit-sticky;
      position: sticky;
      left: 0;
      z-index: 97;
   }
}

.sticky-right {
   position: -webkit-sticky;
   position: sticky;
   right: 0;
   z-index: 97;
}

@media (min-width: 576px) {
   .sticky-sm-right {
      position: -webkit-sticky;
      position: sticky;
      right: 0;
      z-index: 97;
   }
}

@media (min-width: 768px) {
   .sticky-md-right {
      position: -webkit-sticky;
      position: sticky;
      right: 0;
      z-index: 97;
   }
}

@media (min-width: 992px) {
   .sticky-lg-right {
      position: -webkit-sticky;
      position: sticky;
      right: 0;
      z-index: 97;
   }
}

@media (min-width: 1200px) {
   .sticky-xl-right {
      position: -webkit-sticky;
      position: sticky;
      right: 0;
      z-index: 97;
   }
}

@media (min-width: 1440px) {
   .sticky-xxl-right {
      position: -webkit-sticky;
      position: sticky;
      right: 0;
      z-index: 97;
   }
}

.sticky-bottom {
   position: -webkit-sticky;
   position: sticky;
   bottom: 0;
   z-index: 97;
}

@media (min-width: 576px) {
   .sticky-sm-bottom {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0;
      z-index: 97;
   }
}

@media (min-width: 768px) {
   .sticky-md-bottom {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0;
      z-index: 97;
   }
}

@media (min-width: 992px) {
   .sticky-lg-bottom {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0;
      z-index: 97;
   }
}

@media (min-width: 1200px) {
   .sticky-xl-bottom {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0;
      z-index: 97;
   }
}

@media (min-width: 1440px) {
   .sticky-xxl-bottom {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0;
      z-index: 97;
   }
}

.h-0 {
   min-height: 0;
   max-height: 0;
   height: 0
}

.w-0 {
   min-width: 0;
   max-width: 0;
   width: 0
}

.right-0 {
   right: 0 !important
}

.right-50 {
   right: 50% !important
}

.right-100 {
   right: 100% !important
}

.text-disabled {
   color: rgba(108, 117, 125, .5) !important;
}

.spin-animate,
.spin-animate::before {
   animation: sp-pu-ani 2s linear infinite
}

.pulse-animate,
.pulse-animate::before {
   animation: sp-pu-ani 1s steps(8) infinite
}

@keyframes sp-pu-ani {
   0% {
      transform: rotate(0deg)
   }

   to {
      transform: rotate(1turn)
   }
}

.rotate-90 {
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg)
}

.rotate-180 {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

.rotate-270 {
   -webkit-transform: rotate(270deg);
   transform: rotate(270deg);
}

.flip-horizontal {
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1)
}

.flip-vertical {
   -webkit-transform: scaleY(-1);
   transform: scaleY(-1)
}

.flip-both,
.flip-horizontal.flip-vertical {
   -webkit-transform: scale(-1);
   transform: scale(-1)
}

:root .flip-both,
:root .flip-horizontal,
:root .flip-vertical,
:root .rotate-90,
:root .rotate-180,
:root .rotate-270 {
   filter: none
}

.bi-fw {
   text-align: center;
   width: 1.25em;
}

.bi-ul {
   list-style-type: none;
   margin-left: 2.5em;
   padding-left: 0
}

   .bi-ul > li {
      position: relative
   }

.bi-li {
   left: -2em;
   position: absolute;
   text-align: center;
   width: 2em;
   line-height: inherit
}

.bi-overlay {
   display: inline-block;
   height: 2em;
   line-height: 2em;
   position: relative;
   vertical-align: middle;
   width: 2.5em
}

.bi-overlay-x {
   left: 0;
   position: absolute;
   text-align: center;
   width: 100%
}

.bi-overlay-y {
   top: 0;
   position: absolute;
   vertical-align: middle;
   height: 100%
}

.bi-border {
   border: .08em solid #eee;
   border-radius: .1em;
   padding: .2em .25em .15em
}

.bi-pull-left {
   float: left
}

.bi-pull-right {
   float: right
}

.bi.bi-pull-left {
   margin-right: .3em
}

.bi.bi-pull-right {
   margin-left: .3em
}

.cursor-default {
   cursor: default
}

.cursor-auto {
   cursor: auto
}

.cursor-not-allowed {
   cursor: not-allowed;
}

.pointer-events-disabled {
   pointer-events: none;
}

.modal-backdrop {
   --bs-backdrop-bg: rgba(0, 0, 0, 0.3);
}

.modal {
   --bs-modal-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 calc(128* 0.5px) calc((128* 1px)) rgba(0, 0, 0, 0.24);
   --bs-modal-border-radius: var(--bs-border-radius);
}

.modal-content {
   border: 1px solid rgba(0, 0, 0, .1);
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 calc(128* 0.5px) calc((128* 1px)) rgba(0, 0, 0, 0.24);
}

.modal-header-sm {
   padding: .5rem;
}

.modal-header-md {
   padding: .75rem;
}

@media(min-width:400px) {
   .modal-xs {
      max-width: 300px;
   }
}

@media (min-width: 1400px) {
   .modal-xxl {
      max-width: 1340px;
   }
}

@media (max-width: 576px) {
   .small-sm {
      font-size: 80%;
   }
}

.offcanvas-backdrop {
   background-color: rgba(0, 0, 0, 0.3);
}

.offcanvas.offcanvas-start {
   border-right: 1px solid rgba(0, 0, 0, .1);
}

.offcanvas.offcanvas-end {
   border-left: 1px solid rgba(0, 0, 0, .1);
}

.offcanvas.offcanvas-top {
   border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.offcanvas.offcanvas-bottom {
   border-top: 1px solid rgba(0, 0, 0, .1);
}

.offcanvas-footer {
   display: flex;
   flex-shrink: 0;
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
   padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.depth-4 {
   box-shadow: 0 1.6px 3.6px 0 rgb(0 0 0 / 13%), 0 0.3px 0.9px 0 rgb(0 0 0 / 11%);
}

.depth-8 {
   box-shadow: 0 3.2px 7.2px 0 rgb(0 0 0 / 13%), 0 0.6px 1.8px 0 rgb(0 0 0 / 11%);
}

.depth-16 {
   box-shadow: 0 6.4px 14.4px 0 rgb(0 0 0 / 13%), 0 1.2px 3.6px 0 rgb(0 0 0 / 11%);
}

.depth-32 {
   box-shadow: 0 12.8px 28.8px 0 rgb(0 0 0 / 16%), 0 2.4px 7.2px 0 rgb(0 0 0 / 14%);
}

.depth-64 {
   box-shadow: 0 25.6px 57.6px 0 rgb(0 0 0 / 22%), 0 4.8px 14.4px 0 rgb(0 0 0 / 18%);
}

.vw-25 {
   width: 25vw !important
}

.vh-25 {
   height: 25vh !important
}

.vw-75 {
   width: 75vw !important
}

.vh-75 {
   height: 75vh !important
}

.w-1 {
   width: 1% !important;
}

.w-2 {
   width: 2% !important;
}

.w-3 {
   width: 3% !important;
}

.w-4 {
   width: 4% !important;
}

.w-5 {
   width: 5% !important;
}

.w-6 {
   width: 6% !important;
}

.w-7 {
   width: 7% !important;
}

.w-8 {
   width: 8% !important;
}

.w-9 {
   width: 9% !important;
}

.w-10 {
   width: 10% !important;
}

.w-15 {
   width: 15% !important;
}

.w-20 {
   width: 20% !important;
}

.w-30 {
   width: 30% !important;
}

.w-35 {
   width: 35% !important;
}

.w-40 {
   width: 40% !important;
}

.w-45 {
   width: 45% !important;
}

.w-60 {
   width: 60% !important;
}

.w-65 {
   width: 65% !important;
}

.w-70 {
   width: 70% !important;
}

.w-80 {
   width: 80% !important;
}

.w-85 {
   width: 85% !important;
}

.w-90 {
   width: 90% !important;
}

.w-95 {
   width: 95% !important;
}

.text-transparent {
   color: transparent
}

.valid.modified:not([type=checkbox]) {
   outline: 1px solid #26b050;
}

.invalid {
   outline: 1px solid red;
}

.validation-message {
   color: red;
}

@-moz-document url-prefix() {
   * {
      scrollbar-color: #c1c1c1 transparent;
      scrollbar-width: thin;
   }
}

::-webkit-scrollbar {
   width: 5px;
   height: 5px;
}

::-webkit-scrollbar-track {
   background: transparent;
}

::-webkit-scrollbar-corner {
   background: transparent;
}

::-webkit-scrollbar-thumb {
   background: #c1c1c1;
}

   ::-webkit-scrollbar-thumb:hover {
      background: #929292;
   }

.chart {
   max-height: 100%
}

.chart-canvas {
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   height: 100% !important;
   width: 100% !important;
   max-width: 100% !important;
   max-height: 100% !important;
}

.fs-20 {
   font-size: 20px
}

.list-group-item.active {
   z-index: 2;
   color: #495057;
   background-color: #f0f2f4;
   border-color: #ccced1;
}

.spinner-border-xs {
   width: .8rem;
   height: .8rem;
   border-width: .1em
}

.bi-status-success::before {
   /*bi-check-circle-fill*/
   content: "\f26a";
   color: #28a745 !important;
}

.bi-status-success-outline::before {
   /*bi-check-circle*/
   content: "\f26b";
   color: #28a745 !important;
}

.bi-status-failed::before {
   /*bi-x-circle-fill*/
   content: "\f622";
   color: #dc3545 !important;
}

.bi-status-failed-outline::before {
   /*bi-x-circle*/
   content: "\f623";
   color: #dc3545 !important;
}

.bi-status-warning::before {
   /*bi-exclamation-triangle-fill*/
   content: "\f33a";
   color: #ffc107 !important;
}

.bi-status-warning-outline::before {
   /*bi-exclamation-triangle*/
   content: "\f33b";
   color: #ffc107 !important;
}

.bi-status-info::before {
   /*bi-info-circle-fill*/
   content: "\f430";
   color: #3b7ddd !important;
}

.bi-status-info-outline::before {
   /*bi-info-circle*/
   content: "\f431";
   color: #3b7ddd !important;
}

.bi-status-running::before {
   /*bi-play-circle-fill*/
   content: "\f4f2";
   color: #17a2b8 !important;
}

.bi-status-running-outline::before {
   /*bi-play-circle*/
   content: "\f4f3";
   color: #17a2b8 !important;
}

.bi-status-waiting::before {
   /*bi-hourglass-split*/
   content: "\f41f";
   color: #e83e8c !important;
}

.bi-status-waiting-outline::before {
   /*bi-hourglass*/
   content: "\f421";
   color: #e83e8c !important;
}

.bi-status-retrying::before {
   /*bi-stopwatch-fill*/
   content: "\f596";
   color: #fd7e14 !important;
}

.bi-status-retrying-outline::before {
   /*bi-stopwatch*/
   content: "\f597";
   color: #fd7e14 !important;
}

.bi-status-reschedule::before {
   /*bi-clock-fill*/
   content: "\f291";
   color: #6c757d !important;
}

.bi-status-reschedule-outline::before {
   /*bi-clock*/
   content: "\f293";
   color: #6c757d !important;
}

.bi-status-external::before {
   /*bi-cloud-arrow-down-fill*/
   content: "\f294";
   color: #6610f2 !important;
}

.bi-status-external-outline::before {
   /*bi-cloud-arrow-down*/
   content: "\f295";
   color: #6610f2 !important;
}

.bi-status-triggered::before {
   /*bi-flag-fill*/
   content: "\f3cb";
   color: #b9894b !important;
}

.bi-status-triggered-outline::before {
   /*bi-flag*/
   content: "\f3cc";
   color: #b9894b !important;
}

.bi-status-none::before {
   /*bi-circle*/
   content: "\f28a";
   color: rgba(108, 117, 125, 75%) !important;
}

.status-spinner::before {
   display: inline-block;
   content: "";
   text-transform: none;
   width: 1rem;
   height: 1rem;
   line-height: 1;
   border: .25rem solid;
   border-width: .2em;
   border-right: .25em solid transparent;
   border-radius: 50%;
   animation: spinner-border .75s linear infinite;
}

.medium-text {
   font-size: 90%;
}

.card-tile {
   min-height: 100px;
   width: 250px !important;
}

.chart-xs {
   min-height: 100px;
   width: 120px;
}

.nav-markers .nav-link {
   color: inherit;
   border-bottom: 3px solid transparent;
   transition: border-bottom .3s ease-out;
}

   .nav-markers .nav-link:hover {
      color: inherit;
      background-color: rgba(222, 226, 230, .2);
   }

   .nav-markers .nav-link.active,
   .nav-markers .show > .nav-link {
      color: #3b7ddd;
      border-bottom: 3px solid #3b7ddd;
   }

.v-align-top {
   vertical-align: top !important;
}

.v-align-bottom {
   vertical-align: bottom !important;
}

.v-align-baseline {
   vertical-align: baseline !important;
}

.v-align-center {
   vertical-align: middle !important;
}

.table-white {
   --bs-table-bg: var(--bs-white);
   --bs-table-accent-bg: var(--bs-white);
}

.table-xs > :not(caption) > * > * {
   padding: .15rem;
}

.table-lg > :not(caption) > * > * {
   padding: 1rem;
}

.table-striped > tbody > tr:only-child > * {
   --bs-table-accent-bg: var(--bs-white);
   color: unset;
   border-bottom: 0;
}

.table-inner-bordered > :not(caption) > * > * {
   border-bottom-width: var(--bs-border-width);
   border-right-width: var(--bs-border-width);
}

   .table-inner-bordered > :not(caption) > * > *:last-child {
      border-right-width: 0;
   }

.table-sticky-header-table {
   border-collapse: separate !important;
   border-spacing: 0 !important;
}

.table-sticky-header th {
   font-weight: 600;
}

.table-sticky-header thead th {
   box-shadow: 0 .05rem .2rem rgba(0,0,0,.05) !important;
   cursor: default;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
}

.table-sticky-row-header thead th:first-child {
   position: -webkit-sticky;
   position: sticky;
   left: 0;
   z-index: 99;
}

.table-sticky-row-header tr *:first-child {
   position: -webkit-sticky;
   position: sticky;
   left: 0;
}

.table-sticky-header:not(.table-borderless) thead th {
   border-right: var(--bs-border-width) solid var(--bs-border-color);
}

   .table-sticky-header:not(.table-borderless) thead th:last-child {
      border-right-width: 0;
   }

tbody > tr:only-child > td.text-muted.text-center:only-child {
   --bs-table-bg-type: transparent !important;
}

.table-empty {
   text-align: center !important;
   font-weight: 400 !important;
   font-size: 0.75rem !important;
   color: var(--bs-secondary-color) !important;
   padding: .25rem !important;
}

.table-hover > tbody > tr:only-child > td.table-empty:only-child {
   --bs-table-bg-state: var(--bs-table-bg) !important;
}

.table-striped > tbody > tr:nth-of-type(odd):only-child > td.table-empty:only-child {
   --bs-table-bg-type: var(--bs-table-bg) !important;
}

.table-hover > tbody > tr:only-child:hover > td.table-empty:only-child {
   --bs-table-bg-state: var(--bs-table-bg) !important;
}

.table-data th:not(:last-child) {
   min-width: 6.25rem;
}

.table-data th:last-child {
   width: 100%
}

.table-data th {
   white-space: nowrap !important;
}

.table-data td {
   white-space: nowrap !important;
}

tr.muted td {
   color: var(--std-gray-600) !important;
}

.collapse-button::before {
   transition: transform .2s ease-in-out;
}

.collapse-button:not(.collapsed)::before {
   transform: rotate(-180deg);
}

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

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

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

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

.text-red {
   color: red !important;
}

.text-yellow-green {
   color: yellowgreen !important;
}

.text-orange-red {
   color: orangered !important;
}

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

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

.text-gray-light {
   color: rgba(108, 117, 125, 75%) !important;
}

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

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

.text-color-transition {
   transition: color .20s ease-in-out;
}

.bg-color-transition {
   transition: background-color .20s ease-in-out;
}

.bg-indigo {
   --bs-bg-opacity: 1;
   background-color: var(--bs-indigo) !important;
}

.bg-purple {
   --bs-bg-opacity: 1;
   background-color: var(--bs-purple) !important;
}

.bg-pink {
   --bs-bg-opacity: 1;
   background-color: var(--bs-pink) !important;
}

.bg-orange {
   --bs-bg-opacity: 1;
   background-color: var(--bs-orange) !important;
}

.bg-red {
   --bs-bg-opacity: 1;
   background-color: red !important;
}

.bg-yellow-green {
   --bs-bg-opacity: 1;
   background-color: yellowgreen !important;
}

.bg-orange-red {
   --bs-bg-opacity: 1;
   background-color: orangered !important;
}

.bg-teal {
   --bs-bg-opacity: 1;
   background-color: var(--bs-teal) !important;
}

.bg-white {
   --bs-bg-opacity: 1;
   background-color: var(--bs-white) !important;
}

.bg-gray {
   --bs-bg-opacity: 1;
   background-color: var(--bs-gray) !important;
}

.bg-gray-light {
   --bs-bg-opacity: 1;
   background-color: var(--bs-gray-300) !important;
}

.bg-gray-dark {
   --bs-bg-opacity: 1;
   background-color: var(--bs-gray-dark) !important;
}

.bg-default {
   --bs-bg-opacity: 1;
   background-color: var(--bs-light) !important;
}

.btn-gray-light {
   color: #495057;
   background-color: #e9ecef;
   border-color: #ced4da;
}

.bg-transparent {
   --bs-bg-opacity: 1;
   background-color: transparent !important;
}

.text-danger-hover:hover {
   color: var(--bs-danger) !important;
}

.text-success-hover:hover {
   color: var(--bs-success) !important;
}

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

.text-warning-hover:hover {
   color: var(--bs-warning) !important;
}

.text-info-hover:hover {
   color: var(--bs-info) !important;
}

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

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

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

.text-indigo-hover:hover {
   color: var(--bs-indigo) !important;
}

.text-purple-hover:hover {
   color: var(--bs-purple) !important;
}

.text-pink-hover:hover {
   color: var(--bs-pink) !important;
}

.text-orange-hover:hover {
   color: var(--bs-orange) !important;
}

.text-red-hover:hover {
   color: red !important;
}

.text-yellow-green-hover:hover {
   color: yellowgreen !important;
}

.text-orange-red-hover:hover {
   color: orangered !important;
}

.text-teal-hover:hover {
   color: var(--bs-teal) !important;
}

.text-white-hover:hover {
   color: var(--bs-white) !important;
}

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

.text-gray-light-hover:hover {
   color: var(--bs-gray-300) !important;
}

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

.bg-danger-hover:hover {
   background-color: var(--bs-danger) !important;
}

.bg-success-hover:hover {
   background-color: var(--bs-success) !important;
}

.bg-primary-hover:hover {
   background-color: var(--bs-primary) !important;
}

.bg-warning-hover:hover {
   background-color: var(--bs-warning) !important;
}

.bg-info-hover:hover {
   background-color: var(--bs-info) !important;
}

.bg-secondary-hover:hover {
   background-color: var(--bs-secondary) !important;
}

.bg-light-hover:hover {
   background-color: var(--bs-light) !important;
}

.bg-dark-hover:hover {
   background-color: var(--bs-dark) !important;
}

.bg-indigo-hover:hover {
   background-color: var(--bs-indigo) !important;
}

.bg-purple-hover:hover {
   background-color: var(--bs-purple) !important;
}

.bg-pink-hover:hover {
   background-color: var(--bs-pink) !important;
}

.bg-orange-hover:hover {
   background-color: var(--bs-orange) !important;
}

.bg-red-hover:hover {
   background-color: red !important;
}

.bg-yellow-green-hover:hover {
   background-color: yellowgreen !important;
}

.bg-orange-red-hover:hover {
   background-color: orangered !important;
}

.bg-teal-hover:hover {
   background-color: var(--bs-teal) !important;
}

.bg-white-hover:hover {
   background-color: var(--bs-white) !important;
}

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

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

.bg-gray-dark-hover:hover {
   background-color: var(--bs-gray-dark) !important;
}

.text-bg-indigo {
   background-color: var(--bs-indigo) !important;
   color: var(--bs-light) !important;
}

.text-bg-purple {
   background-color: var(--bs-purple) !important;
   color: var(--bs-light) !important;
}

.text-bg-pink {
   background-color: var(--bs-pink) !important;
   color: var(--bs-light) !important;
}

.text-bg-orange {
   background-color: var(--bs-orange) !important;
   color: var(--bs-dark) !important;
}

.text-bg-red {
   background-color: red !important;
   color: var(--bs-light) !important;
}

.text-bg-yellow-green {
   background-color: yellowgreen !important;
   color: var(--bs-dark) !important;
}

.text-bg-orange-red {
   background-color: orangered !important;
   color: var(--bs-light) !important;
}

.text-bg-teal {
   background-color: var(--bs-teal) !important;
   color: var(--bs-light) !important;
}

.text-bg-white {
   background-color: var(--bs-white) !important;
   color: var(--bs-dark) !important;
}

.text-bg-gray {
   background-color: var(--bs-gray) !important;
   color: var(--bs-light) !important;
}

.text-bg-gray-light {
   background-color: var(--bs-gray-300) !important;
   color: var(--bs-dark) !important;
}

.text-bg-gray-dark {
   background-color: var(--bs-gray-dark) !important;
   color: var(--bs-light) !important;
}

.text-bg-danger-hover:hover {
   background-color: var(--bs-danger) !important;
   color: var(--bs-light) !important;
}

.text-bg-success-hover:hover {
   background-color: var(--bs-success) !important;
   color: var(--bs-light) !important;
}

.text-bg-primary-hover:hover {
   background-color: var(--bs-primary) !important;
   color: var(--bs-light) !important;
}

.text-bg-warning-hover:hover {
   background-color: var(--bs-warning) !important;
   color: var(--bs-dark) !important;
}

.text-bg-info-hover:hover {
   background-color: var(--bs-info) !important;
   color: var(--bs-light) !important;
}

.text-bg-secondary-hover:hover {
   background-color: var(--bs-secondary) !important;
   color: var(--bs-light) !important;
}

.text-bg-dark-hover:hover {
   background-color: var(--bs-dark) !important;
   color: var(--bs-light) !important;
}

.text-bg-indigo-hover:hover {
   background-color: var(--bs-indigo) !important;
   color: var(--bs-light) !important;
}

.text-bg-purple-hover:hover {
   background-color: var(--bs-purple) !important;
   color: var(--bs-light) !important;
}

.text-bg-pink-hover:hover {
   background-color: var(--bs-pink) !important;
   color: var(--bs-light) !important;
}

.text-bg-orange-hover:hover {
   background-color: var(--bs-orange) !important;
   color: var(--bs-dark) !important;
}

.text-bg-red-hover:hover {
   background-color: red !important;
   color: var(--bs-light) !important;
}

.text-bg-yellow-green-hover:hover {
   background-color: yellowgreen !important;
   color: var(--bs-dark) !important;
}

.text-bg-orange-red-hover:hover {
   background-color: orangered !important;
   color: var(--bs-light) !important;
}

.text-bg-teal-hover:hover {
   background-color: var(--bs-teal) !important;
   color: var(--bs-light) !important;
}

.text-bg-white-hover:hover {
   background-color: var(--bs-white) !important;
   color: var(--bs-dark) !important;
}

.text-bg-gray-hover:hover {
   background-color: var(--bs-gray) !important;
   color: var(--bs-light) !important;
}

.text-bg-gray-light-hover:hover {
   background-color: var(--bs-gray-300) !important;
   color: var(--bs-dark) !important;
}

.text-bg-gray-dark-hover:hover {
   background-color: var(--bs-gray-dark) !important;
   color: var(--bs-light) !important;
}

.border-danger-dark {
   border: 1px solid #8B0000 !important;
}

.border-success-dark {
   border: 1px solid #006400 !important;
}

.border-primary-dark {
   border: 1px solid #191970 !important;
}

.border-warning-dark {
   border: 1px solid #B8860B !important;
}

.border-info-dark {
   border: 1px solid #008080 !important;
}

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

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

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

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

.border-red {
   border: 1px solid red !important;
}

.border-yellow-green {
   border: 1px solid yellowgreen !important;
}

.border-orange-red {
   border: 1px solid orangered !important;
}

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

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

.border-gray-light {
   border: 1px solid var(--bs-gray-300) !important;
}

.border-gray-dark {
   border: 1px solid var(--bs-gray-dark) !important;
}

.border-transparent {
   border: 1px solid transparent !important;
}

.border-danger-hover:hover {
   border: 1px solid var(--bs-danger) !important;
}

.border-danger-dark-hover:hover {
   border: 1px solid #8B0000 !important;
}

.border-success-hover:hover {
   border: 1px solid var(--bs-success) !important;
}

.border-success-dark-hover:hover {
   border: 1px solid #006400 !important;
}

.border-primary-hover:hover {
   border: 1px solid var(--bs-primary) !important;
}

.border-primary-dark-hover:hover {
   border: 1px solid #191970 !important;
}

.border-warning-hover:hover {
   border: 1px solid var(--bs-warning) !important;
}

.border-warning-dark-hover:hover {
   border: 1px solid #B8860B !important;
}

.border-info-hover:hover {
   border: 1px solid var(--bs-info) !important;
}

.border-info-dark-hover:hover {
   border: 1px solid #008080 !important;
}

.border-secondary-hover:hover {
   border: 1px solid var(--bs-secondary) !important;
}

.border-dark-hover:hover {
   border: 1px solid var(--bs-dark) !important;
}

.border-indigo-hover:hover {
   border: 1px solid var(--bs-indigo) !important;
}

.border-purple-hover:hover {
   border: 1px solid var(--bs-purple) !important;
}

.border-pink-hover:hover {
   border: 1px solid var(--bs-pink) !important;
}

.border-orange-hover:hover {
   border: 1px solid var(--bs-orange) !important;
}

.border-red-hover:hover {
   border: 1px solid red !important;
}

.border-yellow-green-hover:hover {
   border: 1px solid yellowgreen !important;
}

.border-orange-red-hover:hover {
   border: 1px solid orangered !important;
}

.border-teal-hover:hover {
   border: 1px solid var(--bs-teal) !important;
}

.border-white-hover:hover {
   border: 1px solid var(--bs-white) !important;
}

.border-gray-hover:hover {
   border: 1px solid var(--bs-gray) !important;
}

.border-gray-light-hover:hover {
   border: 1px solid var(--bs-gray-300) !important;
}

.border-gray-dark-hover:hover {
   border: 1px solid var(--bs-gray-dark) !important;
}

.border-light-hover:hover {
   border: 1px solid var(--bs-light) !important;
}

.border-transparent-hover:hover {
   border: 1px solid transparent !important;
}

.op-1-hover {
   opacity: .1;
}

   .op-1-hover:hover {
      opacity: 1
   }

.op-2-hover {
   opacity: .2;
   -webkit-transition: opacity 0.2s ease-in-out;
   -moz-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
}

   .op-2-hover:hover {
      opacity: .1
   }

.op-3-hover {
   opacity: .3;
   -webkit-transition: opacity 0.2s ease-in-out;
   -moz-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
}

   .op-3-hover:hover {
      opacity: 1
   }

.op-4-hover {
   opacity: .4;
   -webkit-transition: opacity 0.2s ease-in-out;
   -moz-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
}

   .op-4-hover:hover {
      opacity: 1
   }

.op-5-hover {
   opacity: .5;
   -webkit-transition: opacity 0.2s ease-in-out;
   -moz-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
}

   .op-5-hover:hover {
      opacity: 1
   }

.op-6-hover {
   opacity: .6;
   -webkit-transition: opacity 0.2s ease-in-out;
   -moz-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
}

   .op-6-hover:hover {
      opacity: 1
   }

.op-7-hover {
   opacity: .7;
   -webkit-transition: opacity 0.2s ease-in-out;
   -moz-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
}

   .op-7-hover:hover {
      opacity: 1
   }

.op-8-hover {
   opacity: .8;
   -webkit-transition: opacity 0.2s ease-in-out;
   -moz-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
}

   .op-8-hover:hover {
      opacity: 1
   }

.op-9-hover {
   opacity: .9;
   -webkit-transition: opacity 0.2s ease-in-out;
   -moz-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
}

   .op-9-hover:hover {
      opacity: 1
   }

.focus-outline-none:focus {
   -webkit-box-shadow: none !important;
   outline: none !important;
   border-color: var(--bs-border-color) !important;
   box-shadow: none !important;
}

.focus-outline-border-light:focus {
   -webkit-box-shadow: none !important;
   outline: none !important;
   border-color: rgb(175, 175, 175) !important;
   box-shadow: none !important;
}

.focus-outline-border-1:focus {
   box-shadow: 0 0 0 .075rem rgba(59, 125, 221, .25) !important;
}

.form-control::placeholder {
   color: #6c757d;
   opacity: .6
}

.icon-button {
   color: rgba(108, 117, 125, 75%);
   transition: background-color .20s ease-in-out, color .20s ease-in-out;
   cursor: pointer;
   padding: .25rem;
}

   .icon-button:hover {
      background-color: var(--std-gray-300) !important;
      color: var(--std-gray-900);
   }

.gray-icon-button {
   color: rgba(108, 117, 125, 75%) !important;
   transition: background-color .20s ease-in-out, color .20s ease-in-out;
   cursor: pointer;
   padding: .25rem;
}

   .gray-icon-button:hover {
      background-color: var(--std-gray-300) !important;
      color: var(--std-gray-900) !important;
   }

.op-1 {
   opacity: .1
}

.op-2 {
   opacity: .2
}

.op-3 {
   opacity: .3
}

.op-4 {
   opacity: .4
}

.op-5 {
   opacity: .5
}

.op-6 {
   opacity: .6
}

.op-7 {
   opacity: .7
}

.op-8 {
   opacity: .8
}

.op-9 {
   opacity: .9
}

.bg-alternate {
   background-color: #f8f9fa !important;
}

.spinner-grow-xs {
   width: .6rem;
   height: .6rem;
}

.accordion-item {
   background-color: transparent;
}

.accordion-button {
   background-color: #f8f9fa;
}

   .accordion-button:hover {
      background-color: #f0f2f4;
   }

   .accordion-button:not(.collapsed) {
      color: #495057;
      font-weight: 600;
      background-color: #f0f2f4;
   }

   .accordion-button:after {
      margin-left: auto;
      display: inline-block;
      font-family: bootstrap-icons !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      font-size: 1.1rem;
      text-transform: none;
      line-height: 1;
      vertical-align: -.125em;
      content: "\f282";
      background-image: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: transform .2s ease-in-out;
   }

   .accordion-button:not(.collapsed):after {
      background-image: none;
      transform: rotate(-180deg);
   }

.parent-hover-visibility .child-hover-visibility,
.parent-hover-visibility > * > .child-hover-visibility,
.parent-hover-visibility > * > * > .child-hover-visibility {
   visibility: hidden;
}

.parent-hover-visibility:hover .child-hover-visibility,
.parent-hover-visibility:hover > * > .child-hover-visibility,
.parent-hover-visibility:hover > * > * > .child-hover-visibility {
   visibility: visible;
}

.progress-vertical {
   width: 1rem;
   font-size: .65625rem;
   background-color: #e9ecef;
   border-radius: .2rem;
}

.progress-bar-vertical {
   width: 100% !important;
   transition: height .6s ease;
}

.disable-transition {
   transition: none !important;
}

.phaseline {
   list-style-type: none;
   position: relative;
}

   .phaseline:before {
      background: var(--std-gray-300);
      left: .480rem;
      width: .125rem;
      height: 100%;
      padding: 0;
      content: "";
      display: inline-block;
      position: absolute;
      z-index: 1;
   }

.phaseline-item {
   margin-bottom: 1rem;
}

   .phaseline-item:before {
      position: absolute;
      display: inline-block;
      font-family: "bootstrap-icons";
      font-size: 1.125rem;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      vertical-align: text-bottom;
      left: 0;
      width: 1.125rem;
      height: 1.125rem;
      background: #fff;
      z-index: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
   }

.phase-status-success:before {
   /*bi-check-circle-fill*/
   content: "\f26a";
   color: #28a745 !important;
}

.phase-status-failed:before {
   /*bi-x-circle-fill*/
   content: "\f622";
   color: #dc3545 !important;
}

.phase-status-warning:before {
   /*bi-exclamation-triangle-fill*/
   content: "\f33a";
   color: #ffc107 !important;
}

.phase-status-info:before {
   /*bi-info-circle-fill*/
   content: "\f430";
   color: #3b7ddd !important;
}

.phase-status-running:before {
   /*bi-play-circle-fill*/
   content: "\f4f2";
   color: #17a2b8 !important;
}

.phase-status-waiting:before {
   /*bi-hourglass-split*/
   content: "\f41f";
   color: #e83e8c !important;
}

.phase-status-retrying:before {
   /*bi-stopwatch-fill*/
   content: "\f596";
   color: #fd7e14 !important;
}

.phase-status-reschedule:before {
   /*bi-clock-fill*/
   content: "\f291";
   color: #6c757d !important;
}

.phase-status-external:before {
   /*bi-cloud-arrow-down-fill*/
   content: "\f294";
   color: #6610f2 !important;
}

.phase-status-none:before {
   /*bi-circle*/
   content: "\f28a";
   color: rgba(108, 117, 125, 75%) !important;
}

.phase-status-spinner:before {
   position: absolute;
   margin-bottom: 1rem !important;
   content: "";
   display: inline-block;
   width: 1.125rem;
   height: 1.125rem;
   vertical-align: text-bottom;
   border: .25em solid;
   border-width: .2em;
   border-right: .25em solid transparent;
   border-radius: 50%;
   z-index: 1;
   left: 0;
   background: #fff;
   color: var(--bs-primary);
   animation: spinner-border .75s linear infinite;
}

.sidemenu {
   list-style-type: none;
   padding: 0;
   margin: 0
}

   .sidemenu > li {
      display: block;
      padding-bottom: .25rem;
      white-space: nowrap;
   }

.sidemenu-header {
   cursor: default;
   font-size: 1rem;
   color: rgba(108, 117, 125, 75%);
   border-bottom: 1px solid #dee2e6;
   margin-bottom: .5rem !important;
}

   .sidemenu-header:not(:first-child) {
      margin-top: 1rem !important;
   }

.sidemenu-item {
   padding-top: .25rem;
   padding-left: 1rem;
   padding-right: 1rem;
   cursor: pointer;
   border: 1px solid transparent;
   margin-bottom: 2px;
}

   .sidemenu-item.disabled {
      cursor: default;
      pointer-events: none;
      color: rgba(108, 117, 125, .5) !important;
   }

   .sidemenu-item:hover:not(.disabled) {
      background-color: rgba(222, 226, 230, .2);
      border: 1px solid #dee2e6;
   }

   .sidemenu-item.active:not(.disabled) {
      background-color: #f0f2f4;
      border: 1px solid #dee2e6;
   }

.table-sticky-header-light th {
   background-color: var(--bs-white) !important;
   white-space: nowrap !important;
   box-shadow: 0 .05rem .2rem rgba(0, 0, 0, .05) !important;
   font-weight: 600;
}

.spinner-border-lg {
   width: 3rem;
   height: 3rem;
   border-width: .3em
}

.spinner-border-xl {
   width: 5rem;
   height: 5rem;
   border-width: .4em
}

.spinner-border-xxl {
   width: 7rem;
   height: 7rem;
   border-width: .5em
}

.spinner-lit-up {
   display: inline-block;
}

   .spinner-lit-up:after {
      content: ' ';
      display: block;
      width: 2rem;
      height: 2rem;
      border: .25em solid rgba(59, 125, 221, .3);
      border-radius: 50%;
      border-top-color: rgb(59, 125, 221);
      -webkit-animation: spinner-lit-up .75s ease-in-out infinite;
      animation: spinner-lit-up .75s ease-in-out infinite;
   }

@keyframes spinner-lit-up {
   to {
      -webkit-transform: rotate(360deg);
   }
}

@-webkit-keyframes spinner-lit-up {
   to {
      -webkit-transform: rotate(360deg);
   }
}

.spinner-lit-up-xs:after {
   width: .8rem;
   height: .8rem;
   border-width: .1em;
}

.spinner-lit-up-sm:after {
   width: 1rem;
   height: 1rem;
   border-width: .2em
}

.spinner-lit-up-lg:after {
   width: 3rem;
   height: 3rem;
   border-width: .3em
}

.spinner-lit-up-xl:after {
   width: 4rem;
   height: 4rem;
   border-width: .4em
}

.spinner-lit-up-xxl:after {
   width: 7rem;
   height: 7rem;
   border-width: .5em
}

.spinner-lit-up-primary:after {
   border-color: rgba(59, 125, 221, .2);
   border-top-color: rgb(59, 125, 221);
}

.spinner-lit-up-danger:after {
   border-color: rgba(220, 53, 69, .2);
   border-top-color: rgb(220, 53, 69);
}

.spinner-lit-up-success:after {
   border-color: rgba(40, 167, 69, .2);
   border-top-color: rgb(40, 167, 69);
}

.spinner-lit-up-warning:after {
   border-color: rgba(252, 185, 44, .2);
   border-top-color: rgb(252, 185, 44);
}

.spinner-lit-up-secondary:after {
   border-color: rgba(108, 117, 125, .2);
   border-top-color: rgb(108, 117, 125);
}

.spinner-lit-up-info:after {
   border-color: rgba(23, 162, 184, .2);
   border-top-color: rgb(23, 162, 184);
}

.spinner-lit-up-dark:after {
   border-color: rgba(33, 37, 41, .2);
   border-top-color: rgb(33, 37, 41);
}

.spinner-lit-up-gray:after {
   border-color: rgba(173, 181, 189, .2);
   border-top-color: rgb(173, 181, 189);
}

.spinner-dual-ring {
   display: inline-block;
}

   .spinner-dual-ring:after {
      content: ' ';
      display: block;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      border: .25em solid transparent;
      border-color: rgb(59, 125, 221) transparent rgb(59, 125, 221) transparent;
      -webkit-animation: spinner-dual-ring .75s linear infinite;
      animation: spinner-dual-ring .75s linear infinite;
   }

@keyframes spinner-dual-ring {
   0% {
      transform: rotate(0);
   }

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

.spinner-dual-ring-xs:after {
   width: .8rem;
   height: .8rem;
   border-width: .1em;
}

.spinner-dual-ring-sm:after {
   width: 1rem;
   height: 1rem;
   border-width: .2em
}

.spinner-dual-ring-lg:after {
   width: 3rem;
   height: 3rem;
   border-width: .3em
}

.spinner-dual-ring-xl:after {
   width: 4rem;
   height: 4rem;
   border-width: .4em
}

.spinner-dual-ring-xxl:after {
   width: 7rem;
   height: 7rem;
   border-width: .5em
}

.spinner-dual-ring-primary:after {
   border-color: rgb(59, 125, 221) transparent rgb(59, 125, 221) transparent;
}

.spinner-dual-ring-danger:after {
   border-color: rgb(220, 53, 69) transparent rgb(220, 53, 69) transparent;
}

.spinner-dual-ring-success:after {
   border-color: rgb(40, 167, 69) transparent rgb(40, 167, 69) transparent;
}

.spinner-dual-ring-warning:after {
   border-color: rgb(252, 185, 44) transparent rgb(252, 185, 44) transparent;
}

.spinner-dual-ring-secondary:after {
   border-color: rgb(108, 117, 125) transparent rgb(108, 117, 125) transparent;
}

.spinner-dual-ring-info:after {
   border-color: rgb(23, 162, 184) transparent rgb(23, 162, 184) transparent;
}

.spinner-dual-ring-dark:after {
   border-color: rgb(33, 37, 41) transparent rgb(33, 37, 41) transparent;
}

.spinner-dual-ring-gray:after {
   border-color: rgb(173, 181, 189) transparent rgb(173, 181, 189) transparent;
}

.spinner-dual-ring-primary-success:after {
   border-color: rgb(59, 125, 221) transparent rgb(40, 167, 69) transparent;
}

.spinner-dual-ring-primary-danger:after {
   border-color: rgb(59, 125, 221) transparent rgb(220, 53, 69) transparent;
}

.spinner-dual-ring-primary-warning:after {
   border-color: rgb(59, 125, 221) transparent rgb(252, 185, 44) transparent;
}

.spinner-dual-ring-success-warning:after {
   border-color: rgb(40, 167, 69) transparent rgb(252, 185, 44) transparent;
}

.spinner-dual-ring-success-danger:after {
   border-color: rgb(40, 167, 69) transparent rgb(220, 53, 69) transparent;
}

.ak-beat {
   -webkit-animation-name: ak-beat;
   animation-name: ak-beat;
   -webkit-animation-delay: var(--ak-animation-delay, 0s);
   animation-delay: var(--ak-animation-delay, 0s);
   -webkit-animation-direction: var(--ak-animation-direction, normal);
   animation-direction: var(--ak-animation-direction, normal);
   -webkit-animation-duration: var(--ak-animation-duration, 1s);
   animation-duration: var(--ak-animation-duration, 1s);
   -webkit-animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   -webkit-animation-timing-function: var(--ak-animation-timing, ease-in-out);
   animation-timing-function: var(--ak-animation-timing, ease-in-out);
}

.ak-bounce {
   -webkit-animation-name: ak-bounce;
   animation-name: ak-bounce;
   -webkit-animation-delay: var(--ak-animation-delay, 0s);
   animation-delay: var(--ak-animation-delay, 0s);
   -webkit-animation-direction: var(--ak-animation-direction, normal);
   animation-direction: var(--ak-animation-direction, normal);
   -webkit-animation-duration: var(--ak-animation-duration, 1s);
   animation-duration: var(--ak-animation-duration, 1s);
   -webkit-animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   -webkit-animation-timing-function: var(--ak-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
   animation-timing-function: var(--ak-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.ak-fade {
   -webkit-animation-name: ak-fade;
   animation-name: ak-fade;
   -webkit-animation-delay: var(--ak-animation-delay, 0s);
   animation-delay: var(--ak-animation-delay, 0s);
   -webkit-animation-direction: var(--ak-animation-direction, normal);
   animation-direction: var(--ak-animation-direction, normal);
   -webkit-animation-duration: var(--ak-animation-duration, 1s);
   animation-duration: var(--ak-animation-duration, 1s);
   -webkit-animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   -webkit-animation-timing-function: var(--ak-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
   animation-timing-function: var(--ak-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.ak-beat-fade {
   -webkit-animation-name: ak-beat-fade;
   animation-name: ak-beat-fade;
   -webkit-animation-delay: var(--ak-animation-delay, 0s);
   animation-delay: var(--ak-animation-delay, 0s);
   -webkit-animation-direction: var(--ak-animation-direction, normal);
   animation-direction: var(--ak-animation-direction, normal);
   -webkit-animation-duration: var(--ak-animation-duration, 1s);
   animation-duration: var(--ak-animation-duration, 1s);
   -webkit-animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   -webkit-animation-timing-function: var(--ak-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
   animation-timing-function: var(--ak-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.ak-flip {
   -webkit-animation-name: ak-flip;
   animation-name: ak-flip;
   -webkit-animation-delay: var(--ak-animation-delay, 0s);
   animation-delay: var(--ak-animation-delay, 0s);
   -webkit-animation-direction: var(--ak-animation-direction, normal);
   animation-direction: var(--ak-animation-direction, normal);
   -webkit-animation-duration: var(--ak-animation-duration, 1s);
   animation-duration: var(--ak-animation-duration, 1s);
   -webkit-animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   -webkit-animation-timing-function: var(--ak-animation-timing, ease-in-out);
   animation-timing-function: var(--ak-animation-timing, ease-in-out);
}

.ak-shake {
   -webkit-animation-name: ak-shake;
   animation-name: ak-shake;
   -webkit-animation-delay: var(--ak-animation-delay, 0s);
   animation-delay: var(--ak-animation-delay, 0s);
   -webkit-animation-direction: var(--ak-animation-direction, normal);
   animation-direction: var(--ak-animation-direction, normal);
   -webkit-animation-duration: var(--ak-animation-duration, 1s);
   animation-duration: var(--ak-animation-duration, 1s);
   -webkit-animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   -webkit-animation-timing-function: var(--ak-animation-timing, linear);
   animation-timing-function: var(--ak-animation-timing, linear);
}

.ak-spin {
   -webkit-animation-name: ak-spin;
   animation-name: ak-spin;
   -webkit-animation-delay: var(--ak-animation-delay, 0s);
   animation-delay: var(--ak-animation-delay, 0s);
   -webkit-animation-direction: var(--ak-animation-direction, normal);
   animation-direction: var(--ak-animation-direction, normal);
   -webkit-animation-duration: var(--ak-animation-duration, 2s);
   animation-duration: var(--ak-animation-duration, 2s);
   -webkit-animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   -webkit-animation-timing-function: var(--ak-animation-timing, linear);
   animation-timing-function: var(--ak-animation-timing, linear);
}

.ak-spin-reverse {
   --ak-animation-direction: reverse;
}

.ak-pulse,
.ak-spin-pulse {
   -webkit-animation-name: ak-spin;
   animation-name: ak-spin;
   -webkit-animation-direction: var(--ak-animation-direction, normal);
   animation-direction: var(--ak-animation-direction, normal);
   -webkit-animation-duration: var(--ak-animation-duration, 1s);
   animation-duration: var(--ak-animation-duration, 1s);
   -webkit-animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   animation-iteration-count: var(--ak-animation-iteration-count, infinite);
   -webkit-animation-timing-function: var(--ak-animation-timing, steps(8));
   animation-timing-function: var(--ak-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {

   .ak-beat,
   .ak-bounce,
   .ak-fade,
   .ak-beat-fade,
   .ak-flip,
   .ak-pulse,
   .ak-shake,
   .ak-spin,
   .ak-spin-pulse {
      -webkit-animation-delay: -1ms;
      animation-delay: -1ms;
      -webkit-animation-duration: 1ms;
      animation-duration: 1ms;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      transition-delay: 0s;
      transition-duration: 0s;
   }
}

@-webkit-keyframes ak-beat {

   0%, 90% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }

   45% {
      -webkit-transform: scale(var(--ak-beat-scale, 1.25));
      transform: scale(var(--ak-beat-scale, 1.25));
   }
}

@keyframes ak-beat {

   0%, 90% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }

   45% {
      -webkit-transform: scale(var(--ak-beat-scale, 1.25));
      transform: scale(var(--ak-beat-scale, 1.25));
   }
}

@-webkit-keyframes ak-bounce {
   0% {
      -webkit-transform: scale(1, 1) translateY(0);
      transform: scale(1, 1) translateY(0);
   }

   10% {
      -webkit-transform: scale(var(--ak-bounce-start-scale-x, 1.1), var(--ak-bounce-start-scale-y, 0.9)) translateY(0);
      transform: scale(var(--ak-bounce-start-scale-x, 1.1), var(--ak-bounce-start-scale-y, 0.9)) translateY(0);
   }

   30% {
      -webkit-transform: scale(var(--ak-bounce-jump-scale-x, 0.9), var(--ak-bounce-jump-scale-y, 1.1)) translateY(var(--ak-bounce-height, -0.5em));
      transform: scale(var(--ak-bounce-jump-scale-x, 0.9), var(--ak-bounce-jump-scale-y, 1.1)) translateY(var(--ak-bounce-height, -0.5em));
   }

   50% {
      -webkit-transform: scale(var(--ak-bounce-land-scale-x, 1.05), var(--ak-bounce-land-scale-y, 0.95)) translateY(0);
      transform: scale(var(--ak-bounce-land-scale-x, 1.05), var(--ak-bounce-land-scale-y, 0.95)) translateY(0);
   }

   57% {
      -webkit-transform: scale(1, 1) translateY(var(--ak-bounce-rebound, -0.125em));
      transform: scale(1, 1) translateY(var(--ak-bounce-rebound, -0.125em));
   }

   64% {
      -webkit-transform: scale(1, 1) translateY(0);
      transform: scale(1, 1) translateY(0);
   }

   100% {
      -webkit-transform: scale(1, 1) translateY(0);
      transform: scale(1, 1) translateY(0);
   }
}

@keyframes ak-bounce {
   0% {
      -webkit-transform: scale(1, 1) translateY(0);
      transform: scale(1, 1) translateY(0);
   }

   10% {
      -webkit-transform: scale(var(--ak-bounce-start-scale-x, 1.1), var(--ak-bounce-start-scale-y, 0.9)) translateY(0);
      transform: scale(var(--ak-bounce-start-scale-x, 1.1), var(--ak-bounce-start-scale-y, 0.9)) translateY(0);
   }

   30% {
      -webkit-transform: scale(var(--ak-bounce-jump-scale-x, 0.9), var(--ak-bounce-jump-scale-y, 1.1)) translateY(var(--ak-bounce-height, -0.5em));
      transform: scale(var(--ak-bounce-jump-scale-x, 0.9), var(--ak-bounce-jump-scale-y, 1.1)) translateY(var(--ak-bounce-height, -0.5em));
   }

   50% {
      -webkit-transform: scale(var(--ak-bounce-land-scale-x, 1.05), var(--ak-bounce-land-scale-y, 0.95)) translateY(0);
      transform: scale(var(--ak-bounce-land-scale-x, 1.05), var(--ak-bounce-land-scale-y, 0.95)) translateY(0);
   }

   57% {
      -webkit-transform: scale(1, 1) translateY(var(--ak-bounce-rebound, -0.125em));
      transform: scale(1, 1) translateY(var(--ak-bounce-rebound, -0.125em));
   }

   64% {
      -webkit-transform: scale(1, 1) translateY(0);
      transform: scale(1, 1) translateY(0);
   }

   100% {
      -webkit-transform: scale(1, 1) translateY(0);
      transform: scale(1, 1) translateY(0);
   }
}

@-webkit-keyframes ak-fade {
   50% {
      opacity: var(--ak-fade-opacity, 0.4);
   }
}

@keyframes ak-fade {
   50% {
      opacity: var(--ak-fade-opacity, 0.4);
   }
}

@-webkit-keyframes ak-beat-fade {

   0%, 100% {
      opacity: var(--ak-beat-fade-opacity, 0.4);
      -webkit-transform: scale(1);
      transform: scale(1);
   }

   50% {
      opacity: 1;
      -webkit-transform: scale(var(--ak-beat-fade-scale, 1.125));
      transform: scale(var(--ak-beat-fade-scale, 1.125));
   }
}

@keyframes ak-beat-fade {

   0%, 100% {
      opacity: var(--ak-beat-fade-opacity, 0.4);
      -webkit-transform: scale(1);
      transform: scale(1);
   }

   50% {
      opacity: 1;
      -webkit-transform: scale(var(--ak-beat-fade-scale, 1.125));
      transform: scale(var(--ak-beat-fade-scale, 1.125));
   }
}

@-webkit-keyframes ak-flip {
   50% {
      -webkit-transform: rotate3d(var(--ak-flip-x, 0), var(--ak-flip-y, 1), var(--ak-flip-z, 0), var(--ak-flip-angle, -180deg));
      transform: rotate3d(var(--ak-flip-x, 0), var(--ak-flip-y, 1), var(--ak-flip-z, 0), var(--ak-flip-angle, -180deg));
   }
}

@keyframes ak-flip {
   50% {
      -webkit-transform: rotate3d(var(--ak-flip-x, 0), var(--ak-flip-y, 1), var(--ak-flip-z, 0), var(--ak-flip-angle, -180deg));
      transform: rotate3d(var(--ak-flip-x, 0), var(--ak-flip-y, 1), var(--ak-flip-z, 0), var(--ak-flip-angle, -180deg));
   }
}

@-webkit-keyframes ak-shake {
   0% {
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
   }

   4% {
      -webkit-transform: rotate(15deg);
      transform: rotate(15deg);
   }

   8%, 24% {
      -webkit-transform: rotate(-18deg);
      transform: rotate(-18deg);
   }

   12%, 28% {
      -webkit-transform: rotate(18deg);
      transform: rotate(18deg);
   }

   16% {
      -webkit-transform: rotate(-22deg);
      transform: rotate(-22deg);
   }

   20% {
      -webkit-transform: rotate(22deg);
      transform: rotate(22deg);
   }

   32% {
      -webkit-transform: rotate(-12deg);
      transform: rotate(-12deg);
   }

   36% {
      -webkit-transform: rotate(12deg);
      transform: rotate(12deg);
   }

   40%, 100% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }
}

@keyframes ak-shake {
   0% {
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
   }

   4% {
      -webkit-transform: rotate(15deg);
      transform: rotate(15deg);
   }

   8%, 24% {
      -webkit-transform: rotate(-18deg);
      transform: rotate(-18deg);
   }

   12%, 28% {
      -webkit-transform: rotate(18deg);
      transform: rotate(18deg);
   }

   16% {
      -webkit-transform: rotate(-22deg);
      transform: rotate(-22deg);
   }

   20% {
      -webkit-transform: rotate(22deg);
      transform: rotate(22deg);
   }

   32% {
      -webkit-transform: rotate(-12deg);
      transform: rotate(-12deg);
   }

   36% {
      -webkit-transform: rotate(12deg);
      transform: rotate(12deg);
   }

   40%, 100% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }
}

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

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

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

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

.ak-vibrate {
   animation: ak-vibrate 1.5s linear both
}

@keyframes ak-vibrate {
   0% {
      transform: translate(0)
   }

   20% {
      transform: translate(-2px, 2px)
   }

   40% {
      transform: translate(-2px, -2px)
   }

   60% {
      transform: translate(2px, 2px)
   }

   80% {
      transform: translate(2px, -2px)
   }

   100% {
      transform: translate(0)
   }
}

.ak-flicker {
   animation: ak-flicker 1.5s linear infinite both
}

@keyframes ak-flicker {

   0%, 100% {
      opacity: 1
   }

   41.99% {
      opacity: 1
   }

   42% {
      opacity: 0
   }

   43% {
      opacity: 0
   }

   43.01% {
      opacity: 1
   }

   47.99% {
      opacity: 1
   }

   48% {
      opacity: 0
   }

   49% {
      opacity: 0
   }

   49.01% {
      opacity: 1
   }
}

.ak-shake-horizontal {
   animation: ak-shake-horizontal 0.8s linear both
}

@keyframes ak-shake-horizontal {

   0%, 100% {
      transform: translateX(0)
   }

   10%, 30%, 50%, 70% {
      transform: translateX(-10px)
   }

   20%, 40%, 60% {
      transform: translateX(10px)
   }

   80% {
      transform: translateX(8px)
   }

   90% {
      transform: translateX(-8px)
   }
}

.ak-shake-vertical {
   animation: ak-shake-vertical 0.8s linear both
}

@keyframes ak-shake-vertical {

   0%, 100% {
      transform: translateY(0)
   }

   10%, 30%, 50%, 70% {
      transform: translateY(-8px)
   }

   20%, 40%, 60% {
      transform: translateY(8px)
   }

   80% {
      transform: translateY(6.4px)
   }

   90% {
      transform: translateY(-6.4px)
   }
}

.ak-shake-left-right {
   animation: ak-shake-left-right 0.8s linear both
}

@keyframes ak-shake-left-right {

   0%, 100% {
      transform: rotate(0deg);
      transform-origin: 50% 50%
   }

   10% {
      transform: rotate(8deg)
   }

   20%, 40%, 60% {
      transform: rotate(-10deg)
   }

   30%, 50%, 70% {
      transform: rotate(10deg)
   }

   80% {
      transform: rotate(-8deg)
   }

   90% {
      transform: rotate(8deg)
   }
}

.ak-shake-right {
   animation: ak-shake-right 0.8s linear both
}

@keyframes ak-shake-right {

   0%, 100% {
      transform: rotate(0deg);
      transform-origin: 100% 50%
   }

   10% {
      transform: rotate(2deg)
   }

   20%, 40%, 60% {
      transform: rotate(-4deg)
   }

   30%, 50%, 70% {
      transform: rotate(4deg)
   }

   80% {
      transform: rotate(-2deg)
   }

   90% {
      transform: rotate(2deg)
   }
}

.ak-shake-left {
   animation: ak-shake-left 0.8s linear both
}

@keyframes ak-shake-left {

   0%, 100% {
      transform: rotate(0deg);
      transform-origin: 0 50%
   }

   10% {
      transform: rotate(2deg)
   }

   20%, 40%, 60% {
      transform: rotate(-4deg)
   }

   30%, 50%, 70% {
      transform: rotate(4deg)
   }

   80% {
      transform: rotate(-2deg)
   }

   90% {
      transform: rotate(2deg)
   }
}

.ak-jello-horizontal {
   animation: ak-jello-horizontal .9s linear both
}

@keyframes ak-jello-horizontal {
   0% {
      transform: scale3d(1, 1, 1)
   }

   30% {
      transform: scale3d(1.25, .75, 1)
   }

   40% {
      transform: scale3d(.75, 1.25, 1)
   }

   50% {
      transform: scale3d(1.15, .85, 1)
   }

   65% {
      transform: scale3d(.95, 1.05, 1)
   }

   75% {
      transform: scale3d(1.05, .95, 1)
   }

   100% {
      transform: scale3d(1, 1, 1)
   }
}

.ak-jello-vertical {
   animation: ak-jello-vertical .9s linear both
}

@keyframes ak-jello-vertical {
   0% {
      transform: scale3d(1, 1, 1)
   }

   30% {
      transform: scale3d(.75, 1.25, 1)
   }

   40% {
      transform: scale3d(1.25, .75, 1)
   }

   50% {
      transform: scale3d(.85, 1.15, 1)
   }

   65% {
      transform: scale3d(1.05, .95, 1)
   }

   75% {
      transform: scale3d(.95, 1.05, 1)
   }

   100% {
      transform: scale3d(1, 1, 1)
   }
}

.ak-jello-diagonal {
   animation: ak-jello-diagonal .9s linear both
}

@keyframes ak-jello-diagonal {
   0% {
      transform: skew(0deg 0deg)
   }

   30% {
      transform: skew(25deg 25deg)
   }

   40% {
      transform: skew(-15deg, -15deg)
   }

   50% {
      transform: skew(15deg, 15deg)
   }

   65% {
      transform: skew(-5deg, -5deg)
   }

   75% {
      transform: skew(5deg, 5deg)
   }

   100% {
      transform: skew(0deg 0deg)
   }
}

.ak-wobble-horizontal-bottom {
   animation: ak-wobble-horizontal-bottom .8s linear both
}

@keyframes ak-wobble-horizontal-bottom {

   0%, 100% {
      transform: translateX(0);
      transform-origin: 50% 50%
   }

   15% {
      transform: translateX(-30px) rotate(-6deg)
   }

   30% {
      transform: translateX(15px) rotate(6deg)
   }

   45% {
      transform: translateX(-15px) rotate(-3.6deg)
   }

   60% {
      transform: translateX(9px) rotate(2.4deg)
   }

   75% {
      transform: translateX(-6px) rotate(-1.2deg)
   }
}

.ak-wobble-horizontal-top {
   animation: ak-wobble-horizontal-top .8s linear both
}

@keyframes ak-wobble-horizontal-top {

   0%, 100% {
      transform: translateX(0);
      transform-origin: 50% 50%
   }

   15% {
      transform: translateX(-30px) rotate(6deg)
   }

   30% {
      transform: translateX(15px) rotate(-6deg)
   }

   45% {
      transform: translateX(-15px) rotate(3.6deg)
   }

   60% {
      transform: translateX(9px) rotate(-2.4deg)
   }

   75% {
      transform: translateX(-6px) rotate(1.2deg)
   }
}

.ak-wobble-vertical-left {
   animation: ak-wobble-vertical-left .8s linear both
}

@keyframes ak-wobble-vertical-left {

   0%, 100% {
      transform: translateY(0) rotate(0);
      transform-origin: 50% 50%
   }

   15% {
      transform: translateY(-30px) rotate(-6deg)
   }

   30% {
      transform: translateY(15px) rotate(6deg)
   }

   45% {
      transform: translateY(-15px) rotate(-3.6deg)
   }

   60% {
      transform: translateY(9px) rotate(2.4deg)
   }

   75% {
      transform: translateY(-6px) rotate(-1.2deg)
   }
}

.ak-wobble-vertical-right {
   animation: ak-wobble-vertical-right .8s linear both
}

@keyframes ak-wobble-vertical-right {

   0%, 100% {
      transform: translateY(0) rotate(0);
      transform-origin: 50% 50%
   }

   15% {
      transform: translateY(-30px) rotate(6deg)
   }

   30% {
      transform: translateY(15px) rotate(-6deg)
   }

   45% {
      transform: translateY(-15px) rotate(3.6deg)
   }

   60% {
      transform: translateY(9px) rotate(-2.4deg)
   }

   75% {
      transform: translateY(-6px) rotate(1.2deg)
   }
}

.ak-bounce-top {
   animation: ak-bounce-top .9s linear both
}

@keyframes ak-bounce-top {
   0% {
      transform: translateY(-45px);
      animation-timing-function: ease-in;
      opacity: 1
   }

   24% {
      opacity: 1
   }

   40% {
      transform: translateY(-24px);
      animation-timing-function: ease-in
   }

   65% {
      transform: translateY(-12px);
      animation-timing-function: ease-in
   }

   82% {
      transform: translateY(-6px);
      animation-timing-function: ease-in
   }

   93% {
      transform: translateY(-4px);
      animation-timing-function: ease-in
   }

   25%, 55%, 75%, 87% {
      transform: translateY(0);
      animation-timing-function: ease-out
   }

   100% {
      transform: translateY(0);
      animation-timing-function: ease-out;
      opacity: 1
   }
}

.ak-bounce-bottom {
   animation: ak-bounce-bottom .9s linear both
}

@keyframes ak-bounce-bottom {
   0% {
      transform: translateY(45px);
      animation-timing-function: ease-in;
      opacity: 1
   }

   24% {
      opacity: 1
   }

   40% {
      transform: translateY(24px);
      animation-timing-function: ease-in
   }

   65% {
      transform: translateY(12px);
      animation-timing-function: ease-in
   }

   82% {
      transform: translateY(6px);
      animation-timing-function: ease-in
   }

   93% {
      transform: translateY(4px);
      animation-timing-function: ease-in
   }

   25%, 55%, 75%, 87% {
      transform: translateY(0);
      animation-timing-function: ease-out
   }

   100% {
      transform: translateY(0);
      animation-timing-function: ease-out;
      opacity: 1
   }
}

.ak-bounce-left {
   animation: ak-bounce-left .9s linear both
}

@keyframes ak-bounce-left {
   0% {
      transform: translateX(-48px);
      animation-timing-function: ease-in;
      opacity: 1
   }

   24% {
      opacity: 1
   }

   40% {
      transform: translateX(-26px);
      animation-timing-function: ease-in
   }

   65% {
      transform: translateX(-13px);
      animation-timing-function: ease-in
   }

   82% {
      transform: translateX(-6.5px);
      animation-timing-function: ease-in
   }

   93% {
      transform: translateX(-4px);
      animation-timing-function: ease-in
   }

   25%, 55%, 75%, 87%, 98% {
      transform: translateX(0);
      animation-timing-function: ease-out
   }

   100% {
      transform: translateX(0);
      animation-timing-function: ease-out;
      opacity: 1
   }
}

.ak-bounce-right {
   animation: ak-bounce-right .9s linear both
}

@keyframes ak-bounce-right {
   0% {
      transform: translateX(48px);
      animation-timing-function: ease-in;
      opacity: 1
   }

   24% {
      opacity: 1
   }

   40% {
      transform: translateX(26px);
      animation-timing-function: ease-in
   }

   65% {
      transform: translateX(13px);
      animation-timing-function: ease-in
   }

   82% {
      transform: translateX(6.5px);
      animation-timing-function: ease-in
   }

   93% {
      transform: translateX(4px);
      animation-timing-function: ease-in
   }

   25%, 55%, 75%, 87%, 98% {
      transform: translateX(0);
      animation-timing-function: ease-out
   }

   100% {
      transform: translateX(0);
      animation-timing-function: ease-out;
      opacity: 1
   }
}

.ak-rotate-90 {
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
}

.ak-rotate-180 {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

.ak-rotate-270 {
   -webkit-transform: rotate(270deg);
   transform: rotate(270deg);
}

.ak-flip-horizontal {
   -webkit-transform: scale(-1, 1);
   transform: scale(-1, 1);
}

.ak-flip-vertical {
   -webkit-transform: scale(1, -1);
   transform: scale(1, -1);
}

.ak-flip-both,
.ak-flip-horizontal.ak-flip-vertical {
   -webkit-transform: scale(-1, -1);
   transform: scale(-1, -1);
}

.ak-rotate-by {
   -webkit-transform: rotate(var(--ak-rotate-angle, none));
   transform: rotate(var(--ak-rotate-angle, none));
}

.ak-stack {
   display: inline-block;
   height: 2em;
   line-height: 2em;
   position: relative;
   vertical-align: middle;
   width: 2.5em;
}

.ak-stack-1x,
.ak-stack-2x {
   left: 0;
   position: absolute;
   text-align: center;
   width: 100%;
   z-index: var(--ak-stack-z-index, auto);
}

.ak-stack-1x {
   line-height: inherit;
}

.ak-stack-2x {
   font-size: 2em;
}

.ak-inverse {
   color: var(--ak-inverse, #fff);
}

.ak-ul {
   list-style-type: none;
   margin-left: var(--ak-li-margin, 2.5em);
   padding-left: 0;
}

   .ak-ul > li {
      position: relative;
   }

.ak-li {
   left: calc(var(--ak-li-width, 2em) * -1);
   position: absolute;
   text-align: center;
   width: var(--ak-li-width, 2em);
   line-height: inherit;
}

.ak-border {
   border-color: var(--ak-border-color, #eee);
   border-radius: var(--ak-border-radius, 0.1em);
   border-style: var(--ak-border-style, solid);
   border-width: var(--ak-border-width, 0.08em);
   padding: var(--ak-border-padding, 0.2em 0.25em 0.15em);
}

.ak-pull-left {
   float: left;
   margin-right: var(--ak-pull-margin, 0.3em);
}

.ak-pull-right {
   float: right;
   margin-left: var(--ak-pull-margin, 0.3em);
}

.dropdown-item-plain {
   background-color: transparent;
   border: 0;
   border-radius: var(--bs-dropdown-item-border-radius, 0);
   clear: both;
   color: var(--bs-dropdown-link-color);
   display: block;
   font-weight: 400;
   padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
   text-align: inherit;
   white-space: nowrap;
   width: 100%;
   cursor: default;
}

.border-button {
   padding: .125rem;
   border: 1px solid transparent;
   cursor: pointer;
}

.grid-stack {
   position: relative;
   /*   height: 100%;
   width: 100%*/
}

.grid-stack-rtl {
   direction: ltr
}

   .grid-stack-rtl > .grid-stack-item {
      direction: rtl
   }

.grid-stack-placeholder > .placeholder-content {
   background-color: rgba(212, 212, 212, .1);
   border: 1px dashed #a9a9a9;
   margin: 0;
   position: absolute;
   width: auto;
   z-index: 0 !important
}

.grid-stack > .grid-stack-item {
   position: absolute;
   top: 0;
   left: 0;
   padding: 0;
}

   .grid-stack > .grid-stack-item > .grid-stack-item-content {
      margin: 0;
      position: absolute;
      width: auto;
      overflow-x: hidden;
      overflow-y: auto
   }

   .grid-stack > .grid-stack-item.size-to-content:not(.size-to-content-max) > .grid-stack-item-content {
      overflow-y: hidden
   }

.grid-stack-item > .ui-resizable-handle {
   position: absolute;
   font-size: .1px;
   display: block;
   -ms-touch-action: none;
   touch-action: none
}

.grid-stack-item.ui-resizable-autohide > .ui-resizable-handle,
.grid-stack-item.ui-resizable-disabled > .ui-resizable-handle {
   display: none
}

.grid-stack-item > .ui-resizable-ne,
.grid-stack-item > .ui-resizable-nw,
.grid-stack-item > .ui-resizable-se,
.grid-stack-item > .ui-resizable-sw {
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
   background-repeat: no-repeat;
   background-position: center;
}

.grid-stack-item > .ui-resizable-ne {
   transform: translate(0, 10px) rotate(45deg)
}

.grid-stack-item > .ui-resizable-sw {
   transform: rotate(45deg)
}

.grid-stack-item > .ui-resizable-nw {
   transform: translate(0, 10px) rotate(-45deg)
}

.grid-stack-item > .ui-resizable-se {
   transform: rotate(-45deg)
}

.grid-stack-item > .ui-resizable-nw {
   cursor: nw-resize;
   width: 20px;
   height: 20px;
   top: 0;
}

.grid-stack-item > .ui-resizable-n {
   cursor: n-resize;
   height: 10px;
   top: 0;
   left: 25px;
   right: 25px
}

.grid-stack-item > .ui-resizable-ne {
   cursor: ne-resize;
   width: 20px;
   height: 20px;
   top: 0
}

.grid-stack-item > .ui-resizable-e {
   cursor: e-resize;
   width: 10px;
   top: 15px;
   bottom: 15px
}

.grid-stack-item > .ui-resizable-se {
   cursor: se-resize;
   width: 20px;
   height: 20px
}

.grid-stack-item > .ui-resizable-s {
   cursor: s-resize;
   height: 10px;
   left: 25px;
   bottom: 0;
   right: 25px
}

.grid-stack-item > .ui-resizable-sw {
   cursor: sw-resize;
   width: 20px;
   height: 20px
}

.grid-stack-item > .ui-resizable-w {
   cursor: w-resize;
   width: 10px;
   top: 15px;
   bottom: 15px
}

.grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
   display: none !important
}

.grid-stack-item.ui-draggable-dragging {
   will-change: left, top;
   cursor: move
}

.grid-stack-item.ui-resizable-resizing {
   will-change: width, height
}

.ui-draggable-dragging,
.ui-resizable-resizing {
   z-index: 10000;
}

   .ui-draggable-dragging > .grid-stack-item-content,
   .ui-resizable-resizing > .grid-stack-item-content {
      box-shadow: 1px 4px 6px rgba(0, 0, 0, .2);
      opacity: .8
   }

.grid-stack-animate,
.grid-stack-animate .grid-stack-item {
   transition: left .3s, top .3s, height .3s, width .3s;
}

   .grid-stack-animate .grid-stack-item.grid-stack-placeholder,
   .grid-stack-animate .grid-stack-item.ui-draggable-dragging,
   .grid-stack-animate .grid-stack-item.ui-resizable-resizing {
      transition: left 0s, top 0s, height 0s, width 0s
   }

.gs-12 > .grid-stack-item {
   width: 8.333%
}

   .gs-12 > .grid-stack-item[gs-x="1"] {
      left: 8.333%
   }

   .gs-12 > .grid-stack-item[gs-w="2"] {
      width: 16.667%
   }

   .gs-12 > .grid-stack-item[gs-x="2"] {
      left: 16.667%
   }

   .gs-12 > .grid-stack-item[gs-w="3"] {
      width: 25%
   }

   .gs-12 > .grid-stack-item[gs-x="3"] {
      left: 25%
   }

   .gs-12 > .grid-stack-item[gs-w="4"] {
      width: 33.333%
   }

   .gs-12 > .grid-stack-item[gs-x="4"] {
      left: 33.333%
   }

   .gs-12 > .grid-stack-item[gs-w="5"] {
      width: 41.667%
   }

   .gs-12 > .grid-stack-item[gs-x="5"] {
      left: 41.667%
   }

   .gs-12 > .grid-stack-item[gs-w="6"] {
      width: 50%
   }

   .gs-12 > .grid-stack-item[gs-x="6"] {
      left: 50%
   }

   .gs-12 > .grid-stack-item[gs-w="7"] {
      width: 58.333%
   }

   .gs-12 > .grid-stack-item[gs-x="7"] {
      left: 58.333%
   }

   .gs-12 > .grid-stack-item[gs-w="8"] {
      width: 66.667%
   }

   .gs-12 > .grid-stack-item[gs-x="8"] {
      left: 66.667%
   }

   .gs-12 > .grid-stack-item[gs-w="9"] {
      width: 75%
   }

   .gs-12 > .grid-stack-item[gs-x="9"] {
      left: 75%
   }

   .gs-12 > .grid-stack-item[gs-w="10"] {
      width: 83.333%
   }

   .gs-12 > .grid-stack-item[gs-x="10"] {
      left: 83.333%
   }

   .gs-12 > .grid-stack-item[gs-w="11"] {
      width: 91.667%
   }

   .gs-12 > .grid-stack-item[gs-x="11"] {
      left: 91.667%
   }

   .gs-12 > .grid-stack-item[gs-w="12"] {
      width: 100%
   }

.gs-1 > .grid-stack-item {
   width: 100%;
}

.grid-stack:not(.grid-stack-static) {
   background: #fcfcfd;
   border: 1px dashed #adb5bd;
}

.grid-stack-toolbar {
   display: flex;
}

   .grid-stack-toolbar > .grid-stack-item > .grid-stack-item-content {
      padding-left: .5rem;
      padding-right: .5rem;
      padding-top: .25rem;
      padding-bottom: .25rem;
      background-color: #F8F8FF;
      border: 1px dashed #adb5bd;
      cursor: default;
      overflow: hidden;
   }

   .grid-stack-toolbar > .grid-stack-item:hover .grid-stack-item-content {
      border-color: #3b7ddd;
   }

   .grid-stack-toolbar > .grid-stack-item > .grid-stack-item-content > div > .grid-stack-item-button {
      display: none;
   }

.grid-stack-item-header {
   align-items: center;
   flex-wrap: nowrap;
   display: flex;
}

   .grid-stack-item-header > .grid-stack-item-title {
      flex: 1 1 auto;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
   }

   .grid-stack-item-header > .grid-stack-item-icon {
      margin-right: .5rem;
   }

.grid-stack:not(.grid-stack-static) > .grid-stack-item > .grid-stack-item-content {
   padding: .25rem;
   background-color: #F8F8FF;
   border: 1px dashed #adb5bd;
   cursor: default;
   overflow: hidden;
}

.grid-stack:not(.grid-stack-static) > .grid-stack-item:hover .grid-stack-item-content {
   border-color: #3b7ddd;
}

.grid-stack:not(.grid-stack-static) > .grid-stack-item > .grid-stack-item-content {
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat no-repeat;
}

   .grid-stack:not(.grid-stack-static) > .grid-stack-item > .grid-stack-item-content i {
      font-size: 110%;
   }

   .grid-stack:not(.grid-stack-static) > .grid-stack-item > .grid-stack-item-content.gs-selected {
      border: 1px solid rgba(59, 125, 221, .7);
   }

   .grid-stack:not(.grid-stack-static) > .grid-stack-item > .grid-stack-item-content > .grid-stack-item-header > .grid-stack-item-button {
      display: inline-block;
      float: end;
   }

.list-group-flush > .list-group-item {
   border-width: 0 0 var(--bs-list-group-border-width) 3px;
}

.list-group-item {
   padding: .25rem .25rem .25rem .188rem;
   border-left: 3px solid transparent;
}

.list-group-item-sm {
   padding: .15rem .15rem .15rem .122rem;
   border-left: 2px solid transparent;
   font-size: .75rem;
}

.list-group-item-lg {
   padding: .5rem .5rem .5rem .376rem;
   border-left: 5px solid transparent;
   font-size: .925rem;
}

.list-group-item.active {
   border-left-color: #3b7ddd;
}

.dropdown-menu-small {
   padding-top: .25rem;
   padding-bottom: .25rem;
}

   .dropdown-menu-small > li > * {
      padding-left: .5rem;
      padding-right: .5rem;
      font-size: .75rem;
   }

.dropdown-menu-large {
   padding-top: .5rem;
   padding-bottom: .5rem;
}

   .dropdown-menu-large > li > * {
      padding-top: .75rem;
      padding-bottom: .75rem;
      padding-left: 1rem;
      padding-right: 1rem;
      font-size: .925rem;
   }

textarea.resize-both {
   resize: both !important
}

textarea.resize-vertical {
   resize: vertical !important
}

textarea.resize-horizontal {
   resize: horizontal !important
}

textarea.resize-none {
   resize: none !important;
}

.form-control:disabled {
   opacity: .85;
}

.form-select:disabled {
   opacity: .85;
}

.form-input-holder.form-control {
   display: flex;
   -webkit-user-select: none;
   user-select: none;
   padding: 0.1rem;
}

   .form-input-holder.form-control:not(.disabled):focus-within {
      background-color: #fff;
      border-color: #9dbeee;
      box-shadow: 0 0 0 0.25rem rgba(59, 125, 221, .25);
      color: #495057;
      outline: 0;
   }

   .form-input-holder.form-control.disabled {
      -webkit-box-shadow: none;
      background-color: #e9ecef;
      outline: none;
      box-shadow: none;
      border-color: var(--bs-border-color);
      pointer-events: none;
   }

   .form-input-holder.form-control.focus-outline-none:focus-within {
      -webkit-box-shadow: none;
      outline: none;
      border-color: var(--bs-border-color);
      box-shadow: none;
   }

   .form-input-holder.form-control.focus-outline-border-light:not(.disabled):focus-within {
      -webkit-box-shadow: none;
      outline: none;
      border-color: rgb(175, 175, 175);
      box-shadow: none;
   }

   .form-input-holder.form-control.focus-outline-border-1:not(.disabled):focus-within {
      box-shadow: 0 0 0 .075rem rgba(59, 125, 221, .25);
   }

   .form-input-holder.form-control > input.form-control {
      padding-top: 0.2rem;
      padding-bottom: 0.2rem;
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      margin: 0;
      border: 0;
      border-radius: 0;
      outline: none;
      border-color: inherit;
      -webkit-box-shadow: none;
      box-shadow: none;
   }

.form-input-holder.form-control-sm > input.form-control {
   font-size: .75rem;
   padding-left: 0.4rem;
   padding-right: 0.4rem;
   padding-top: 0.1rem;
   padding-bottom: 0.1rem;
}

.form-input-holder.form-control-lg > input.form-control {
   font-size: .925rem;
   padding-left: 0.9rem;
   padding-right: 0.9rem;
   padding-top: 0.3rem;
   padding-bottom: 0.3rem;
}

.form-input-holder.form-control > .primary-slot {
   padding-top: 0.2rem;
   padding-bottom: 0.2rem;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   margin: 0;
   border: 0;
   border-radius: 0;
   outline: none;
   border-color: inherit;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.form-input-holder.form-control.disabled > .primary-slot {
   opacity: .5;
}

.form-input-holder.form-control-sm > .primary-slot {
   font-size: .75rem;
   padding-left: 0.4rem;
   padding-right: 0.4rem;
   padding-top: 0.1rem;
   padding-bottom: 0.1rem;
}

.form-input-holder.form-control-lg > .primary-slot {
   font-size: .925rem;
   padding-left: 0.9rem;
   padding-right: 0.9rem;
   padding-top: 0.3rem;
   padding-bottom: 0.3rem;
}

.form-input-holder.form-control > .start-slot,
.form-input-holder.form-control > .end-slot {
   display: flex;
   align-items: center;
   margin-top: 0.2rem;
   margin-bottom: 0.2rem;
}

.form-input-holder.form-control > .start-slot {
   margin-left: 0.75rem;
}

.form-input-holder.form-control > .end-slot {
   margin-right: 0.75rem;
}

.form-input-holder.form-control-sm > .start-slot,
.form-input-holder.form-control-sm > .end-slot {
   margin-top: 0.1rem;
   margin-bottom: 0.1rem;
}

.form-input-holder.form-control-lg > .start-slot,
.form-input-holder.form-control-lg > .end-slot {
   margin-top: 0.3rem;
   margin-bottom: 0.3rem;
}

.form-input-holder.form-control-sm > .start-slot {
   margin-left: 0.4rem;
}

.form-input-holder.form-control-lg > .start-slot {
   margin-left: 0.9rem;
}

.form-input-holder.form-control-sm > .end-slot {
   margin-right: 0.4rem;
}

.form-input-holder.form-control-lg > .end-slot {
   margin-right: 0.9rem;
}

.border-solid {
   border-style: solid !important
}

.border-dotted {
   border-style: dotted !important
}

.border-dashed {
   border-style: dashed !important
}

.border-double {
   border-style: double !important
}

.border-groove {
   border-style: groove !important
}

.border-inset {
   border-style: inset !important
}

.border-outset {
   border-style: outset !important
}

.border-ridge {
   border-style: ridge !important
}

.dropdown-menu {
   --bs-dropdown-padding-y: .25rem;
   --bs-dropdown-item-padding-x: .75rem;
   --bs-dropdown-item-padding-y: 0.35rem;
   --bs-dropdown-header-padding-x: .75rem;
   --bs-dropdown-header-padding-y: 0.35rem;
}

a.disabled {
   pointer-events: none;
   opacity: .5;
}

.nav-primary {
   --bs-nav-link-color: #0d6efd;
   --bs-nav-link-hover-color: #0a58ca;
   --bs-nav-tabs-link-active-color: #000;
   --bs-nav-tabs-link-active-bg: #fff;
   --bs-nav-pills-link-active-color: #fff;
   --bs-nav-pills-link-active-bg: #0d6efd;
   --bs-nav-underline-link-active-color: #0d6efd;
}

.nav-secondary {
   --bs-nav-link-color: #6c757d;
   --bs-nav-link-hover-color: #565e64;
   --bs-nav-tabs-link-active-color: #000;
   --bs-nav-tabs-link-active-bg: #fff;
   --bs-nav-pills-link-active-color: #fff;
   --bs-nav-pills-link-active-bg: #6c757d;
   --bs-nav-underline-link-active-color: #6c757d;
}

.nav-success {
   --bs-nav-link-color: #198754;
   --bs-nav-link-hover-color: #146c43;
   --bs-nav-tabs-link-active-color: #000;
   --bs-nav-tabs-link-active-bg: #fff;
   --bs-nav-pills-link-active-color: #fff;
   --bs-nav-pills-link-active-bg: #198754;
   --bs-nav-underline-link-active-color: #198754;
}

.nav-danger {
   --bs-nav-link-color: #dc3545;
   --bs-nav-link-hover-color: #b02a37;
   --bs-nav-tabs-link-active-color: #000;
   --bs-nav-tabs-link-active-bg: #fff;
   --bs-nav-pills-link-active-color: #fff;
   --bs-nav-pills-link-active-bg: #dc3545;
   --bs-nav-underline-link-active-color: #dc3545;
}

.nav-warning {
   --bs-nav-link-color: #ffc107;
   --bs-nav-link-hover-color: #ffc720;
   --bs-nav-tabs-link-active-color: #000;
   --bs-nav-tabs-link-active-bg: #fff;
   --bs-nav-pills-link-active-color: #fff;
   --bs-nav-pills-link-active-bg: #ffc107;
   --bs-nav-underline-link-active-color: #ffc107;
}

.nav-info {
   --bs-nav-link-color: #0dcaf0;
   --bs-nav-link-hover-color: #25cff2;
   --bs-nav-tabs-link-active-color: #000;
   --bs-nav-tabs-link-active-bg: #fff;
   --bs-nav-pills-link-active-color: #fff;
   --bs-nav-pills-link-active-bg: #0dcaf0;
   --bs-nav-underline-link-active-color: #0dcaf0;
}

.nav-light {
   --bs-nav-link-color: #f8f9fa;
   --bs-nav-link-hover-color: #c6c7c8;
   --bs-nav-tabs-link-active-color: #000;
   --bs-nav-tabs-link-active-bg: #fff;
   --bs-nav-pills-link-active-color: #fff;
   --bs-nav-pills-link-active-bg: #f8f9fa;
   --bs-nav-underline-link-active-color: #f8f9fa;
}

.nav-dark {
   --bs-nav-link-color: #212529;
   --bs-nav-link-hover-color: #373b3e;
   --bs-nav-tabs-link-active-color: #000;
   --bs-nav-tabs-link-active-bg: #fff;
   --bs-nav-pills-link-active-color: #fff;
   --bs-nav-pills-link-active-bg: #212529;
   --bs-nav-underline-link-active-color: #212529;
}

.nav-underline .nav-link {
   transition: border-bottom .2s ease-in-out;
}

.content {
   padding: 1rem 1rem .75rem;
}

.row {
   --bs-gutter-x: .75rem;
}

th {
   font-weight: 600;
}

.modal-body {
   padding: .75rem;
}

.card-full-space {
   --bs-card-spacer-x: unset;
   --bs-card-spacer-y: unset;
   --bs-card-cap-padding-x: unset;
   --bs-card-cap-padding-y: unset;
}

.navbar-fixed {
   flex: 0 1 auto;
   position: sticky;
   top: 0;
   width: 100%;
   z-index: 99;
   border-bottom: 1px solid #ced4da;
}

.footer-fixed {
   flex: 0 1 auto;
   position: sticky;
   bottom: 0;
   width: 100%;
   z-index: 99;
   border-top: 1px solid #ced4da;
}

.valid.modified:not([type=checkbox]) {
   outline: 1px solid #26b050;
}

.invalid {
   outline: 1px solid red;
}

.validation-message {
   color: red;
}

.card {
   transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.card-hover:hover {
   background-color: var(--bs-tertiary-bg);
   cursor: pointer;
}

.card-hover > .card-header,
.card-hover > .card-body,
.card-hover > .card-footer {
   background-color: transparent;
}

.skeleton {
   cursor: wait;
   opacity: .5;
}

   .skeleton * {
      pointer-events: none;
   }

.skeleton-glow {
   animation: skeleton-glow 2s ease-in-out infinite;
}

@keyframes skeleton-glow {
   50% {
      opacity: .25;
   }
}

.skeleton-wave {
   animation: skeleton-wave 2s linear infinite;
   -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.45) 75%,#000 95%);
   mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.45) 75%,#000 95%);
   -webkit-mask-size: 200% 100%;
   mask-size: 200% 100%;
}

@keyframes skeleton-wave {
   to {
      -webkit-mask-position: -200% 0;
      mask-position: -200% 0
   }
}

.toast-container-scrollable {
   pointer-events: auto;
   overflow-y: auto;
   max-height: 100vh;
   scrollbar-width: none;
   -ms-overflow-style: none;
}

   .toast-container-scrollable::-webkit-scrollbar {
      display: none;
   }

.toast {
   --bs-toast-padding-x: 0.5rem;
   --bs-toast-padding-y: 0.5rem;
   --bs-toast-bg: rgba(var(--bs-body-bg-rgb), .97);
   --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), .97);
   max-width: 500px;
}

.toast-btn {
   line-height: 1;
   color: rgba(108, 117, 125, 75%) !important;
}

   .toast-btn:hover {
      color: var(--bs-gray-dark) !important;
   }

.toast .toast-instruction-icon {
   margin-top: -1px;
}

.toast .toast-text-icon {
   margin-top: 2px;
}

.toast-details-btn {
   line-height: 1;
}

   .toast-details-btn i::before {
      transition: transform .2s ease-in-out;
   }

   .toast-details-btn:not(.collapsed) i::before {
      transform: rotate(-180deg);
   }

   .toast-details-btn:not(.collapsed) {
      color: var(--bs-body-color) !important;
   }

   .toast-details-btn.collapsed {
      color: rgba(var(--bs-body-color-rgb), .6) !important;
   }

      .toast-details-btn.collapsed:hover {
         color: var(--bs-body-color) !important;
      }

.toast-primary {
   --bs-toast-color: var(--bs-white);
   --bs-toast-bg: rgba(var(--bs-primary-org-rgb), .97);
   --bs-toast-header-color: var(--bs-white);
   --bs-toast-header-bg: rgba(var(--bs-primary-org-rgb), .97);
}

   .toast-primary.solid {
      --bs-toast-bg: var(--bs-primary-org);
      --bs-toast-header-bg: var(--bs-primary-org);
   }

   .toast-primary .toast-btn {
      color: rgba(var(--bs-white-rgb), .6) !important;
   }

      .toast-primary .toast-btn:hover {
         color: var(--bs-white) !important;
      }

   .toast-primary .toast-details-btn:not(.collapsed) {
      color: var(--bs-white) !important;
   }

   .toast-primary .toast-details-btn.collapsed {
      color: rgba(var(--bs-white-rgb), .6) !important;
   }

      .toast-primary .toast-details-btn.collapsed:hover {
         color: var(--bs-white) !important;
      }

.toast-info {
   --bs-toast-bg: rgba(var(--bs-info-org-rgb), .97);
   --bs-toast-header-bg: rgba(var(--bs-info-org-rgb), .97);
}

   .toast-info.solid {
      --bs-toast-bg: var(--bs-info-org);
      --bs-toast-header-bg: var(--bs-info-org);
   }

.toast-success {
   --bs-toast-color: var(--bs-white);
   --bs-toast-bg: rgba(var(--bs-success-rgb), .97);
   --bs-toast-header-color: var(--bs-white);
   --bs-toast-header-bg: rgba(var(--bs-success-rgb), .97);
}

   .toast-success.solid {
      --bs-toast-bg: var(--bs-success);
      --bs-toast-header-bg: var(--bs-success);
   }

   .toast-success .toast-btn {
      color: rgba(var(--bs-white-rgb), .6) !important;
   }

      .toast-success .toast-btn:hover {
         color: var(--bs-white) !important;
      }

   .toast-success .toast-details-btn:not(.collapsed) {
      color: var(--bs-white) !important;
   }

   .toast-success .toast-details-btn.collapsed {
      color: rgba(var(--bs-white-rgb), .6) !important;
   }

      .toast-success .toast-details-btn.collapsed:hover {
         color: var(--bs-white) !important;
      }

.toast-danger {
   --bs-toast-color: var(--bs-white);
   --bs-toast-bg: rgba(var(--bs-danger-rgb), .97);
   --bs-toast-header-color: var(--bs-white);
   --bs-toast-header-bg: rgba(var(--bs-danger-rgb), .97);
}

   .toast-danger.solid {
      --bs-toast-bg: var(--bs-danger);
      --bs-toast-header-bg: var(--bs-danger);
   }

   .toast-danger .toast-btn {
      color: rgba(var(--bs-white-rgb), .6) !important;
   }

      .toast-danger .toast-btn:hover {
         color: var(--bs-white) !important;
      }

   .toast-danger .toast-details-btn:not(.collapsed) {
      color: var(--bs-white) !important;
   }

   .toast-danger .toast-details-btn.collapsed {
      color: rgba(var(--bs-white-rgb), .6) !important;
   }

      .toast-danger .toast-details-btn.collapsed:hover {
         color: var(--bs-white) !important;
      }

.toast-warning {
   --bs-toast-bg: rgba(var(--bs-warning-rgb), .97);
   --bs-toast-header-bg: rgba(var(--bs-warning-rgb), .97);
}

   .toast-warning.solid {
      --bs-toast-bg: var(--bs-warning);
      --bs-toast-header-bg: var(--bs-warning);
   }

.toast-secondary {
   --bs-toast-color: var(--bs-white);
   --bs-toast-bg: rgba(var(--bs-secondary-rgb), .97);
   --bs-toast-header-color: var(--bs-white);
   --bs-toast-header-bg: rgba(var(--bs-secondary-rgb), .97);
}

   .toast-secondary.solid {
      --bs-toast-bg: var(--bs-secondary);
      --bs-toast-header-bg: var(--bs-secondary);
   }

   .toast-secondary .toast-btn {
      color: rgba(var(--bs-white-rgb), .6) !important;
   }

      .toast-secondary .toast-btn:hover {
         color: var(--bs-white) !important;
      }

   .toast-secondary .toast-details-btn:not(.collapsed) {
      color: var(--bs-white) !important;
   }

   .toast-secondary .toast-details-btn.collapsed {
      color: rgba(var(--bs-white-rgb), .6) !important;
   }

      .toast-secondary .toast-details-btn.collapsed:hover {
         color: var(--bs-white) !important;
      }

.toast-light {
   --bs-toast-bg: rgba(var(--bs-white-rgb), .97);
   --bs-toast-header-bg: rgba(var(--bs-white-rgb), .97);
}

   .toast-light.solid {
      --bs-toast-bg: var(--bs-white);
      --bs-toast-header-bg: var(--bs-white);
   }

.toast-dark {
   --bs-toast-color: var(--bs-white);
   --bs-toast-bg: rgba(var(--bs-dark-rgb), .97);
   --bs-toast-header-color: var(--bs-white);
   --bs-toast-header-bg: rgba(var(--bs-dark-rgb), .97);
}

   .toast-dark.solid {
      --bs-toast-bg: var(--bs-dark);
      --bs-toast-header-bg: var(--bs-dark);
   }

   .toast-dark .toast-btn {
      color: rgba(var(--bs-white-rgb), .6) !important;
   }

      .toast-dark .toast-btn:hover {
         color: var(--bs-white) !important;
      }

   .toast-dark .toast-details-btn:not(.collapsed) {
      color: var(--bs-white) !important;
   }

   .toast-dark .toast-details-btn.collapsed {
      color: rgba(var(--bs-white-rgb), .6) !important;
   }

      .toast-dark .toast-details-btn.collapsed:hover {
         color: var(--bs-white) !important;
      }