[data-bs-theme=light] {
    --ai-scrollbar-thumb: #e0e0e0;
}
[data-bs-theme=dark] {
    --ai-scrollbar-thumb: #343434;
}
.svg-inline--fa {
    display: var(--fa-display,inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
.mainmenu {background-color: var(--bs-info-bg-subtle);/*var(--bs-body-bg)*/}

.nav-scroller {
    position: relative;
    z-index: 2;
    overflow-y: hidden;
}

.icon-box-s1 .line-box {
  height: 3px;
  width: 100%;
  background: #efefef;
  margin-bottom: 15px;
  position: relative;
}
.icon-box-s1 .line-box:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  background: #7141b1;
  height: 100%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.icon-box-s1:hover .line-box:after {
  left: 0;
  right: auto;
  width: 100%;
}

/* figure */
.figure1 .swiper-slide {
    overflow: hidden;
}

.figure1 figure {
    position: relative;
    overflow: hidden;
}

    .figure1 figure img {
        height: 480px;
        width: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 2rem;
    }

    .figure1 figure figcaption {
        position: absolute;
        bottom: 0;
        padding: 0.5rem 1rem;
        text-align: center;
        background-color: hsl(0deg 0% 0% / 66%);
        color: #fff;
        width: 100%;
        border-radius: 2rem;
    }

        .figure1 figure figcaption a {
            text-decoration: none;
            color: #fff;
        }
        .figure1 figure figcaption p {
            text-align: center;
        }

    .figure1 figure:hover figcaption a {
        text-decoration: underline;
    }

.figure-style1 figure img {
    height: 250px !important;
}

.figure-style1 figcaption h4 {
    font-size: 1.1rem !important;
}

.figure-style1 figcaption p {
    font-size: 0.9rem !important;
}

.figure-style2 figure {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
}
.figure-style2 figure img {
    width: 100px;
    height: 100px;
    border: 1px solid var(--bs-border-color);
    object-fit: contain;
    padding: 4px;
}
.figure-style2 figcaption h4 {
    font-size: 1.1rem !important;
}

.figure-style2 figcaption p {
    font-size: 0.8rem !important;
}
.cattheme {
    border-radius: 0.5rem;
    border-bottom: 1px solid;
    padding: 0.25rem 0.5rem;
    border-left: 0.35rem solid;
    font-size: 1.25rem;
}

a {
    text-decoration: none;
    color: var(--bs-emphasis-color);
}

/* .badge {
    --bs-badge-font-size: 1em;
} */
p {
    text-align: justify;
}
/* dropdown */

.dropdown-toggle::after, .arrow {
    content: "";
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    margin-left: 0.5rem;
}

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

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

..dropdown-toggle.show::after, .uparrow {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.dropdown-toggle::after, .downarrow {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.dropdown-menu {
    --bs-dropdown-link-hover-bg: var(--bs-dropdown-link-active-bg);
    --bs-dropdown-link-hover-color: var(--bs-dropdown-link-active-color)
}

/* scroll top */
.scroll-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 10000;
  opacity: 1;
  visibility: hidden;
  transform: translateY(45px);
  transition: all 300ms linear;
}
.scroll-top:after {
  content: "\21A5";
  /* .font-family: var(--icon-font); */
  position: absolute;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  color: var(--bs-primary);
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 1;
  border: 2px solid var(--bs-primary);
  box-shadow: none;
  border-radius: 50%;
}
.scroll-top svg {
  color: var(--bs-primary);
  border-radius: 50%;
  background: var(--bs-body-bg);
}
.scroll-top svg path {
  fill: none;
}
.scroll-top .progress-circle path {
  stroke: var(--bs-primary);
  stroke-width: 20px;
  box-sizing: border-box;
  transition: all 400ms linear;
}
.scroll-top.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.no-scrollbar {
	scrollbar-width: none;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
	-webkit-overflow-scrolling: touch;
}
.no-scrollbar::-webkit-scrollbar {
  width: 0;
  display: none;
}


.aifile { position: relative;}
.aifile input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    text-indent: -999px;
    width: 100%;
    bottom: 0;    
}
/* SELECT 2 */
.form-floating .select2-container {
    display: block;
    width: 100% !important;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color) !important;
    background-color: var(--bs-body-bg) !important;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-floating .select2-container {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
.select2-container {
    display: block
}

.select2-container *:focus {
    outline: 0
}

.input-group .select2-container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.input-group-prepend ~ .select2-container .select2-selection {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.select2-container:not(:last-child) .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container .select2-selection {
    width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .select2-container .select2-selection {
        -webkit-transition: none;
        transition: none
    }
}

.select2-container.select2-container--focus  {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.select2-container.select2-container--focus.select2-container--open .select2-selection {
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.select2-container.select2-container--open.select2-container--above .select2-selection {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container.select2-container--open.select2-container--below .select2-selection {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.select2-container.select2-container--disabled .select2-selection,.select2-container.select2-container--disabled.select2-container--focus .select2-selection {
    cursor: not-allowed;
    background-color: #e9ecef;
    border-color: #ced4da;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container.select2-container--disabled .select2-search__field,.select2-container.select2-container--disabled.select2-container--focus .select2-search__field {
    background-color: transparent
}

select.is-invalid ~ .select2-container .select2-selection,form.was-validated select:invalid ~ .select2-container .select2-selection {
    border-color: #dc3545
}

select.is-valid ~ .select2-container .select2-selection,form.was-validated select:valid ~ .select2-container .select2-selection {
    border-color: #28a745
}

.select2-container .select2-search {
    width: 100%
}

.select2-container .select2-dropdown {
    border-color: var(--bs-border-color);
    border-radius: 0
}

.select2-container .select2-dropdown.select2-dropdown--below {
    border-top: none;
}

.select2-container .select2-dropdown.select2-dropdown--above {
    border-top: var(--bs-border-width) solid var(--bs-border-color);
}

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

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

.select2-container .select2-results__option[role="group"] {
    padding: 0
}

.select2-container .select2-results__option[role="group"] .select2-results__options--nested .select2-results__option {
    padding-left: 1em
}

.select2-container .select2-results__option {
    padding: .375rem .75rem
}

.select2-container .select2-results>.select2-results__options {
    max-height: 15em;
    overflow-y: auto
}

.select2-container .select2-results__group {
    display: list-item;
    padding: 6px;
    color: #6c757d
}

.select2-container .select2-selection__clear {
    float: right;
    width: .9em;
    height: .9em;
    padding-left: .15em;
    margin-top: .7em;
    margin-right: .3em;
    line-height: .75em;
    color: #f8f9fa;
    background-color: #c8c8c8;
    border-radius: 100%
}

.select2-container .select2-selection__clear:hover {
    background-color: #afafaf
}

.select2-container .select2-selection--single {
    /* height: calc(1.5em + .75rem + 2px) !important */
    height: 20px !important;
}

.select2-container .select2-selection--single .select2-selection__placeholder {
    line-height: calc(1.5em + .75rem);
    color: #6c757d
}

.select2-container .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 50%;
    right: 3px;
    width: 20px
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -2px;
    margin-left: -4px;
    border-color: var(--bs-body-color) transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
}
.select2-dropdown {
--bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-info-bg-subtle);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color) !important;
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg) !important;
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);    
}
.select2-results__message {
    color: #6c757d
}

.select2-container .select2-selection--multiple {
    min-height: calc(1.5em + .75rem + 2px) !important
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 .375rem;
    margin: 0;
    list-style: none
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    float: left;
    padding: 0;
    padding-right: .75rem;
    margin-top: calc(.375rem - 2px);
    margin-right: .375rem;
    cursor: pointer;
    border: 1px solid var(--bs-body-color);
    border-radius: var(--bs-border-radius);
}

.select2-container .select2-selection--multiple .select2-search__field {
    color: #495057
}

.select2-container .select2-selection--multiple .select2-selection__choice+.select2-search {
    width: 0
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    float: left;
    padding-right: 3px;
    padding-left: 3px;
    margin-right: 1px;
    margin-left: 3px;
    font-weight: 700;
    color: #bdc6d0
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #343a40
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    position: absolute !important;
    top: 0;
    right: .7em;
    float: none;
    margin-right: 0
}

.select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    padding: 0 5px;
    cursor: not-allowed
}

.select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    display: none
}

/* Adhvik Template */

/* i:not(.fab):not(.fa):not(.fas), .mi::before {
    text-transform: lowercase !important;
    font-size: 1.3em;
    font-family: "Material Icons Outlined";
    font-style: normal;
    vertical-align: middle;
}

    i:not(.fab):not(.fa):not(.fas)::before, .mi::before {
        content: var(--on);
        font-family: "Material Icons Outlined";
        display: inline-flex;
        letter-spacing: 0.2rem;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transition: all 0.2s;
        vertical-align: text-top;
    } */

header .navbar {
    z-index: 1021;
}
main, article header, article {
    background-color: var(--bd-pre-bg);
}
article header {padding: 0 1rem; /*margin-right:1rem; margin-left:1rem;*/}
article header nav {min-height:4rem;}
article header .navbar-nav { flex-direction: unset; position: relative; }
article header .navbar-nav .dropdown-menu { position: absolute;  } 

@media(min-width: 992px) {
article .article-body {/*background-color: var(--bs-body-bg);*/ margin-left: 1rem; margin-right: 1rem; margin-bottom: 1rem;
padding: 1rem;}
}
.subarticle article .article-body {/*background-color: var(--bs-body-bg);*/ margin-left: 0rem; margin-right: 0rem; margin-bottom: 0rem;
padding: 0rem;}
.subarticle article header { display: none;}

article .action {padding-top: 1rem; padding-bottom: 1rem;}

/* article.list .flist, article.list button[value=addrecord], article.entry .fentry, article.entry button[value=showlist] {display: block;} */
article.listentry button[value=showlist]:first-child, article.list .fentry, article.list button[value=showlist]:first-child, article.entry .flist, article.entry button[value=addrecord]:first-child {display: none;}
/* .form-floating > label { left: calc(1.5rem - var(--bs-gutter-y));} */
.grid .form-floating > label { left: calc(1 - var(--bs-gutter-y));}
dialog .offcanvas {
    top: var(--bs-navbar-top-height);
    margin: 0;
    overflow: auto;
    height: calc(100vh - var(--bs-navbar-top-height));
    min-width: calc(100vw - 250px);
    background-color: var(--bd-pre-bg);
}
.row.col-auto > * { 
    flex: 0 0 auto;
    width: auto;
}
@media(min-width: 992px) {
    html:not(.verticalnav-collapsed) .verticalnav .verticalnav-body ,
    html:not(.verticalnav-collapsed) .verticalnav.navbar-expand-lg {
        height: calc(100vh - var(--bs-navbar-top-height) - 3px)
    }

    html:not(.verticalnav-collapsed) .verticalnav.navbar-expand-lg .verticalnav-body {
        height: calc(100vh - var(--bs-navbar-top-height) - 4.25rem)
    }
}
main:hover::-webkit-scrollbar, main:hover::-webkit-scrollbar-thumb, main *:hover::-webkit-scrollbar, main *:hover::-webkit-scrollbar-thumb
, dialog:hover::-webkit-scrollbar, dialog:hover::-webkit-scrollbar-thumb, dialog *:hover::-webkit-scrollbar, dialog *:hover::-webkit-scrollbar-thumb
, .scrollbar:hover::-webkit-scrollbar, .picmo__picker.picmo__picker .picmo__emojiArea:hover::-webkit-scrollbar
, html:not(.verticalnav-collapsed) .verticalnav .verticalnav-body:hover::-webkit-scrollbar
, .scrollbar:hover::-webkit-scrollbar-thumb, .picmo__picker.picmo__picker .picmo__emojiArea:hover::-webkit-scrollbar-thumb
, html:not(.verticalnav-collapsed) .verticalnav .verticalnav-body:hover::-webkit-scrollbar-thumb
, .scrollbar:focus::-webkit-scrollbar, .picmo__picker.picmo__picker .picmo__emojiArea:focus::-webkit-scrollbar
, html:not(.verticalnav-collapsed) .verticalnav .verticalnav-body:focus::-webkit-scrollbar
, .scrollbar:focus::-webkit-scrollbar-thumb, .picmo__picker.picmo__picker .picmo__emojiArea:focus::-webkit-scrollbar-thumb
, html:not(.verticalnav-collapsed) .verticalnav .verticalnav-body:focus::-webkit-scrollbar-thumb
, .scrollbar-overlay:hover::-webkit-scrollbar, .scrollbar-overlay:hover::-webkit-scrollbar-thumb
, .scrollbar-overlay:focus::-webkit-scrollbar, .scrollbar-overlay:focus::-webkit-scrollbar-thumb {
    visibility: visible !important;
}
main::-webkit-scrollbar, main *::-webkit-scrollbar, .scrollbar::-webkit-scrollbar, .picmo__picker.picmo__picker .picmo__emojiArea::-webkit-scrollbar
, dialog::-webkit-scrollbar, dialog *::-webkit-scrollbar
, html:not(.verticalnav-collapsed) .verticalnav .verticalnav-body::-webkit-scrollbar
, .scrollbar-overlay::-webkit-scrollbar {
    visibility: hidden;
    -webkit-appearance: none;
    width: 6px;
    height: 6px;
    background-color: rgba(0,0,0,0);
}
main::-webkit-scrollbar-thumb, main *::-webkit-scrollbar-thumb
, dialog::-webkit-scrollbar-thumb, dialog *::-webkit-scrollbar-thumb
, .scrollbar::-webkit-scrollbar-thumb, .picmo__picker.picmo__picker .picmo__emojiArea::-webkit-scrollbar-thumb
, html:not(.verticalnav-collapsed) .verticalnav .verticalnav-body::-webkit-scrollbar-thumb
, .scrollbar-overlay::-webkit-scrollbar-thumb {
    visibility: hidden;
    border-radius: 3px;
    background-color: var(--ai-scrollbar-thumb);
}


body.zoom main { position: fixed;top: 0; bottom: 0;min-height: 100vh; width: 100%; z-index: 1000;margin: 0;} 
body.zoom aside {display: none;}

/* Admin Important CSS Start */
:root {
    --bs-verticalnav-width: 15.875rem;
    --bs-navbar-top-height: 4rem;
    --bs-border-radius: 0;
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
    --bs-border-radius-xl: 0;
    --bs-border-radius-xxl: 0;
    --bs-gap: 1rem;
}

.verticalnav {
    --bs-verticalnav-zindex: 1000;
    --bs-verticalnav-min-width: 10rem;
    --bs-verticalnav-padding-x: 0;
    --bs-verticalnav-padding-y: 0.5rem;
    --bs-verticalnav-spacer: 0.125rem;
    --bs-verticalnav-font-size: 1rem;
    --bs-verticalnav-color: var(--bs-body-color);
    --bs-verticalnav-bg: var(--bs-body-bg);
    --bs-verticalnav-border-color: var(--bs-border-color-translucent);
    --bs-verticalnav-border-radius: var(--bs-border-radius);
    --bs-verticalnav-border-width: var(--bs-border-width);
    --bs-verticalnav-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-verticalnav-divider-bg: var(--bs-border-color-translucent);
    --bs-verticalnav-divider-margin-y: 0.5rem;
    --bs-verticalnav-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-verticalnav-link-color: var(--bs-body-color);
    --bs-verticalnav-link-hover-color: var(--bs-body-color);
    --bs-verticalnav-link-hover-bg: var(--bs-secondary-bg);
    --bs-verticalnav-link-active-color: var(--bs-emphasis-color);
    --bs-verticalnav-link-active-bg: var(--bd-sidebar-link-bg);
    --bs-verticalnav-link-disabled-color: var(--bs-tertiary-color);
    --bs-verticalnav-item-padding-x: 1rem;
    --bs-verticalnav-item-padding-y: 0.25rem;
    --bs-verticalnav-header-color: #6c757d;
    --bs-verticalnav-header-padding-x: 1rem;
    --bs-verticalnav-header-padding-y: 0.5rem;
    z-index: var(--bs-verticalnav-zindex);
    min-width: var(--bs-verticalnav-min-width);
    /* padding: var(--bs-verticalnav-padding-y) var(--bs-verticalnav-padding-x); */
    margin: 0;
    font-size: var(--bs-verticalnav-font-size);
    color: var(--bs-verticalnav-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-verticalnav-bg);
    background-clip: padding-box;

    position: fixed;
    display: inline-block;
    top: calc(var(--bs-navbar-top-height) + 3px);
    width: 100vw;
    height: auto;
    padding: 0;
}
.verticalnav .verticalnav-line {
    display: none
}

.verticalnav+header .navbar-logo {
    height: var(--bs-navbar-top-height)
}

.verticalnav+header .navbar-toggler {
    display: flex;
    margin-left: -0.5rem;
}

@media(min-width: 992px) {
    .verticalnav+header .navbar-logo {
        width:var(--bs-verticalnav-width)
    }
}

.verticalnav .navbar-collapse.collapsing .verticalnav-body,.verticalnav .navbar-collapse.show .verticalnav-body {
    max-height: calc(100vh - var(--bs-navbar-top-height))
}

.verticalnav+.navbar .verticalnav-toggle {
    display: none
}

.verticalnav .verticalnav-body {
    height: calc(100vh - var(--bs-navbar-top-height));
    padding: 1rem 0;
    overflow-y: auto
}

.verticalnav .verticalnav-body .verticalnav-label {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .64rem;
    color: var(--bs-verticalnav-label-color);
    margin-bottom: .5rem;
    margin-top: 1.5rem;
    padding-left: 2rem
}
.verticalnav .verticalnav-body .icon-link { display: flex;}
/* .verticalnav .verticalnav-body .navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .8rem;
    font-weight: 600
}
 */
/* .verticalnav .verticalnav-body .navbar-nav .nav-link {
    word-break: break-word;
    line-height: 1.188rem;
    padding-left: 1.5rem;
    white-space: nowrap;
    color: var(--bs-verticalnav-link-color)
} 

.verticalnav .verticalnav-body .navbar-nav .nav-link.dropdown-indicator {
    padding-left: .75rem
}
*/
.verticalnav .verticalnav-body .navbar-nav .icon-link:hover 
,.verticalnav .verticalnav-body .navbar-nav .nav-link:hover {
    color: var(--bs-verticalnav-link-hover-color);
    background-color: var(--bs-verticalnav-link-hover-bg)
}

.verticalnav .verticalnav-body .navbar-nav .icon-link.active 
, .verticalnav .verticalnav-body .navbar-nav .nav-link.active {
    color: var(--bs-verticalnav-link-active-color);
    background-color: var(--bs-verticalnav-link-active-bg)
}

.verticalnav .verticalnav-body .navbar-nav .nav-link.nav-link-disable {
    color: var(--bs-verticalnav-link-disable-color)
}
/* 
.verticalnav .verticalnav-body .navbar-nav .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    font-size: .8125rem
} */

    .verticalnav.navbar-expand-lg .verticalnav-body .navbar-nav .icon-link,
    .verticalnav.navbar-expand-lg .verticalnav-body .navbar-nav .nav-link {
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: .75rem;
        margin-left: .75rem;
        margin-right: .75rem;
        border-radius: var(--bs-border-radius);
        text-decoration: none;
        font-size: 1rem; 
    }
    .verticalnav .verticalnav-body .navbar-nav .nav .icon-link
    , .verticalnav .verticalnav-body .navbar-nav .nav .nav-link {
        padding-left: 2rem;
        scroll-margin-top: 200px;
        color: inherit;
    }

.verticalnav .verticalnav-body .navbar-nav .nav .nav .icon-link, 
.verticalnav .verticalnav-body .navbar-nav .nav .nav .nav-link {
    padding-left: 3rem;
    font-size: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.verticalnav .verticalnav-body .navbar-nav .nav .nav .nav .icon-link
, .verticalnav .verticalnav-body .navbar-nav .nav .nav .nav .nav-link {
    padding-left: 4.625rem
}
.verticalnav .verticalnav-body .navbar-nav .nav .nav .nav .nav .icon-link
, .verticalnav .verticalnav-body .navbar-nav .nav .nav .nav .nav .nav-link {
    padding-left: 5.25rem
}

.verticalnav .verticalnav-body .nav-link-icon {
    margin-right: .625rem;
    min-width: 16px !important;
    text-align: center
}

.verticalnav .verticalnav-body .nav-link-text {
    padding-top: .125rem
}
.verticalnav > a.icon-link:has(.active) .dropdown-indicator.label-1.collapsed .icon-link-text,.verticalnav > a.icon-link:has(.active) .dropdown-indicator.label-1.collapsed .icon-link-icon,
.verticalnav > a.nav-link:has(.active) .dropdown-indicator.label-1.collapsed .nav-link-text,.verticalnav > a.nav-link:has(.active) .dropdown-indicator.label-1.collapsed .nav-link-icon {
    color: var(--bs-verticalnav-link-active-color)
}

.verticalnav > a.icon-link:has(.active) .nav-item:has(.active) .dropdown-indicator.collapsed .icon-link-text,.verticalnav > a.icon-link:has(.active) .nav-item:has(.active) .dropdown-indicator.collapsed .icon-link-icon
, .verticalnav > a.nav-link:has(.active) .nav-item:has(.active) .dropdown-indicator.collapsed .nav-link-text,.verticalnav > a.nav-link:has(.active) .nav-item:has(.active) .dropdown-indicator.collapsed .nav-link-icon {
    color: var(--bs-verticalnav-link-active-color)
}

.verticalnav .dropdown-indicator {
    position: relative
}

.verticalnav .dropdown-indicator .dropdown-indicator-icon {
    height: 1rem;
    width: 1rem;
    min-width: 1rem;
    color: var(--bs-verticalnav-dropdown-indicator-color);
    margin-left: -0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.verticalnav .dropdown-indicator .dropdown-indicator-icon .fa-caret-right {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
}

[dir=rtl] .verticalnav .dropdown-indicator .dropdown-indicator-icon .fa-caret-right {
    transform: scale(0.8) rotate(180deg)
}

.verticalnav .dropdown-indicator[aria-expanded=true] .dropdown-indicator-icon .fa-caret-right {
    transform: rotate(90deg) scale(0.8)
}

[dir=rtl] .verticalnav .dropdown-indicator[aria-expanded=true] .dropdown-indicator-icon .fa-caret-right {
    transform: rotate(-90deg) scale(0.8)
}

.verticalnav .verticalnav-footer {
    position: fixed;
    width: var(--bs-verticalnav-width);
    height: 4rem;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    border-top: 1px solid var(--bs-navbar-footer-border-color);
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease
}

/* .verticalnav .verticalnav-footer .btn,.verticalnav .verticalnav-footer [data-list] .page,[data-list] .verticalnav .verticalnav-footer .page,.verticalnav .verticalnav-footer .table-list .page,.table-list .verticalnav .verticalnav-footer .page,.verticalnav .verticalnav-footer .tox .tox-button,.tox .verticalnav .verticalnav-footer .tox-button,.verticalnav .verticalnav-footer .tox .tox-button-secondary,.tox .verticalnav .verticalnav-footer .tox-button-secondary,.verticalnav .verticalnav-footer .tox .tox-dialog__footer .tox-button--secondary,.tox .tox-dialog__footer .verticalnav .verticalnav-footer .tox-button--secondary,.verticalnav .verticalnav-footer .google-map-control-btn .zoomIn,.google-map-control-btn .verticalnav .verticalnav-footer .zoomIn,.verticalnav .verticalnav-footer .google-map-control-btn .zoomOut,.google-map-control-btn .verticalnav .verticalnav-footer .zoomOut {
    color: var(--bs-verticalnav-link-color);
    text-decoration: none
}

.verticalnav .verticalnav-footer .btn .verticalnav-footer-icon,.verticalnav .verticalnav-footer [data-list] .page .verticalnav-footer-icon,[data-list] .verticalnav .verticalnav-footer .page .verticalnav-footer-icon,.verticalnav .verticalnav-footer .table-list .page .verticalnav-footer-icon,.table-list .verticalnav .verticalnav-footer .page .verticalnav-footer-icon,.verticalnav .verticalnav-footer .tox .tox-button .verticalnav-footer-icon,.tox .verticalnav .verticalnav-footer .tox-button .verticalnav-footer-icon,.verticalnav .verticalnav-footer .tox .tox-button-secondary .verticalnav-footer-icon,.tox .verticalnav .verticalnav-footer .tox-button-secondary .verticalnav-footer-icon,.verticalnav .verticalnav-footer .tox .tox-dialog__footer .tox-button--secondary .verticalnav-footer-icon,.tox .tox-dialog__footer .verticalnav .verticalnav-footer .tox-button--secondary .verticalnav-footer-icon,.verticalnav .verticalnav-footer .google-map-control-btn .zoomIn .verticalnav-footer-icon,.google-map-control-btn .verticalnav .verticalnav-footer .zoomIn .verticalnav-footer-icon,.verticalnav .verticalnav-footer .google-map-control-btn .zoomOut .verticalnav-footer-icon,.google-map-control-btn .verticalnav .verticalnav-footer .zoomOut .verticalnav-footer-icon {
    margin-right: .6125rem
}

.verticalnav .verticalnav-footer .btn:hover,.verticalnav .verticalnav-footer [data-list] .page:hover,[data-list] .verticalnav .verticalnav-footer .page:hover,.verticalnav .verticalnav-footer .table-list .page:hover,.table-list .verticalnav .verticalnav-footer .page:hover,.verticalnav .verticalnav-footer .tox .tox-button:hover,.tox .verticalnav .verticalnav-footer .tox-button:hover,.verticalnav .verticalnav-footer .tox .tox-button-secondary:hover,.tox .verticalnav .verticalnav-footer .tox-button-secondary:hover,.verticalnav .verticalnav-footer .tox .tox-dialog__footer .tox-button--secondary:hover,.tox .tox-dialog__footer .verticalnav .verticalnav-footer .tox-button--secondary:hover,.verticalnav .verticalnav-footer .google-map-control-btn .zoomIn:hover,.google-map-control-btn .verticalnav .verticalnav-footer .zoomIn:hover,.verticalnav .verticalnav-footer .google-map-control-btn .zoomOut:hover,.google-map-control-btn .verticalnav .verticalnav-footer .zoomOut:hover {
    color: var(--bs-verticalnav-link-hover-color)
} */

@media(min-width: 992px) {
    .verticalnav.navbar-expand-lg {
        width:var(--bs-verticalnav-width);
        border-right: 1px solid var(--bs-verticalnav-border-color);
        margin: 0;
        -webkit-transition: width .2s ease;
        -o-transition: width .2s ease;
        transition: width .2s ease
    }

    .verticalnav.navbar-expand-lg+.navbar .verticalnav-toggle {
        display: flex
    }

    .verticalnav.navbar-expand-lg .verticalnav-footer {
        display: flex
    }
    .verticalnav.navbar-expand-lg .verticalnav-body { display: flex;}
    .verticalnav.navbar-expand-lg .verticalnav-footer .uil-arrow-from-right {
        display: none
    }

    .verticalnav.navbar-expand-lg .verticalnav-footer .uil-left-arrow-to-left {
        display: inline
    }

    .verticalnav.navbar-expand-lg .navbar-collapse {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .verticalnav.navbar-expand-lg .verticalnav-body {
        width: 100%
    }
    .verticalnav.navbar-expand-lg .verticalnav-body .navbar-nav .nav-link:not([data-bs-toggle=collapse]) {
        font-size: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem;
    }
    .verticalnav.navbar-expand-lg .verticalnav-body .navbar-nav .nav-link {
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: .75rem;
        margin-left: .75rem;
        margin-right: .75rem;
        border-radius: var(--bs-border-radius);
    }

    .verticalnav.navbar-expand-lg .verticalnav-body .navbar-nav .nav-link.dropdown-indicator {
        padding-left: 1rem
    }

    .verticalnav.navbar-expand-lg .verticalnav-body .navbar-nav .nav-link:hover {
        background-color: var(--bs-verticalnav-link-hover-bg)
    }

    .verticalnav.navbar-expand-lg .verticalnav-body .navbar-nav .nav .nav-link {
        padding-left: 2rem;
        scroll-margin-top: 200px
    }

    .verticalnav.navbar-expand-lg .verticalnav-body .navbar-nav .nav .nav-link .nav-link-text {
        padding-left: 15px
    }

    .verticalnav.navbar-expand-lg .verticalnav-body .navbar-nav .nav .nav-link .dropdown-indicator-icon+.nav-link-text {
        padding-left: 3px
    }

    .verticalnav.navbar-expand-lg .verticalnav-body .navbar-nav .nav .nav .nav-link {
        padding-left: 3rem
    }

    .verticalnav.navbar-expand-lg .verticalnav-body .navbar-nav .nav .nav .nav .nav-link {
        padding-left: 5.125rem
    }

    .verticalnav.navbar-expand-lg .verticalnav-body .navbar-nav .nav .nav .nav .nav .nav-link {
        padding-left: 5.875rem
    }

    .verticalnav.navbar-expand-lg~header .navbar-toggler {
        display: none
    }

    .verticalnav.navbar-expand-lg~header .navbar-logo {
        position: relative;
        background: rgba(0,0,0,0)
    }

    .verticalnav.navbar-expand-lg~header~main {
        /* padding-left: 2.5rem;
        padding-right: 2.5rem; */
        margin-left: var(--bs-verticalnav-width);
        min-height: calc(100vh - var(--bs-navbar-top-height) - 3px);
        max-height: calc(100vh - var(--bs-navbar-top-height) - 3px);
        overflow: auto;
    }

    .verticalnav.navbar-expand-lg~main .footer {
        padding-left: calc(var(--bs-verticalnav-width) + 2.5rem)
    }
}

.verticalnav .new-page-indicator {
    margin-top: -10px
}


@media(min-width: 992px) {
    .verticalnav-collapsed .verticalnav.navbar-expand-lg {
        position:absolute;
        top: 0;
        height: auto;
        min-height: 100%;
        padding-top: var(--bs-navbar-top-height);
        padding-bottom: 4rem;
        width: 4rem
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .verticalnav-line {
        display: block;
        margin-right: 1rem;
        margin-left: 1rem;
        color: var(--bs-verticalnav-hr-color)
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .verticalnav-footer {
        bottom: 0;
        width: calc(4rem - 1px);
        background-color: var(--bs-verticalnav-bg-color);
        padding-left: 0rem !important;
        padding-right: 0rem !important;
        -webkit-transition: width .2s ease;
        -o-transition: width .2s ease;
        transition: width .2s ease
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .verticalnav-footer .uil-arrow-from-right {
        display: inline
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .verticalnav-footer .uil-left-arrow-to-left {
        display: none
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg > a.nav-link:has(.active) .label-1 .nav-link-icon {
        color: var(--bs-verticalnav-link-active-color)
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .verticalnav-label {
        display: none
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .dropdown-indicator-icon
    ,.verticalnav-collapsed .verticalnav.navbar-expand-lg .navbar-nav > .nav-item > a > span
    ,.verticalnav-collapsed .verticalnav.navbar-expand-lg .verticalnav-footer-text {
        display: none
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .verticalnav-footer {
        padding-left: 1.5rem
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .label-1.nav-link {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 1.2
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg+.navbarheader~main {
        margin-left: 4rem !important
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .verticalnav-body {
        overflow: visible
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .verticalnav-body .navbar-nav .nav-link {
        padding-left: 0.5rem
    }

    /* .verticalnav-collapsed .verticalnav.navbar-expand-lg .nav-item {
        .position: relative
    } */

    .verticalnav-collapsed .verticalnav.navbar-expand-lg > a.nav-link {
        position: relative;
        display: block
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg ~ div {
        display: none
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg ~ div>.parent:first-child {
        display: block
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .dropdown-indicator.label-1 {
        pointer-events: none
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg > a.nav-link:hover .dropdown-indicator.label-1 {
        background-color: var(--bs-verticalnav-link-hover-bg);
        border-radius: var(--bs-border-radius);
        color: var(--bs-verticalnav-link-hover-color)
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg > a.nav-link:hover .dropdown-indicator.label-1 .nav-link-icon {
        color: var(--bs-verticalnav-link-hover-color)
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg > a.nav-link:hover .collapsed-nav-item-title {
        display: block !important;
        padding-left: 16px;
        padding-top: 15px;
        padding-bottom: 14px;
        border-bottom: 1px solid var(--bs-verticalnav-border-color);
        color: var(--bs-verticalnav-link-hover-color);
        font-size: 12.8px;
        line-height: 1.2;
        margin-bottom: .5rem
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .navbar-nav > .nav-item > a.nav-link:hover .nav-link:not(.label-1) .nav-link-text,.verticalnav-collapsed .verticalnav.navbar-expand-lg > a.nav-link:hover .nav-link-text-wrapper .nav-link-text {
        display: block
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .navbar-nav > .nav-item > a.nav-link:hover .nav-link:not(.label-1) .dropdown-indicator-icon {
        display: flex
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .navbar-nav > .nav-item > a.nav-link:hover .nav-link:not(.label-1) {
        margin-left: 0;
        margin-right: 0
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .navbar-nav > .nav-item > a.nav-link:hover .nav-link:not(.label-1):hover {
        border-radius: 0
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg > a.nav-link:hover .nav .nav .nav-link {
        padding-left: 2rem
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg > a.nav-link:hover .nav .nav .nav .nav-link {
        padding-left: 3rem
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg > a.nav-link:hover .nav .nav .nav .nav .nav-link {
        padding-left: 4rem
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .navbar-nav > .nav-item:hover > a ~ div
    ,.verticalnav-collapsed .verticalnav.navbar-expand-lg .navbar-nav > .nav-item > a.nav-link:hover .nav-link-text-wrapper {
        position: absolute;
        display: block;
        left: 100%;
        background: rgba(0,0,0,0);
        top: -4px;
        padding-bottom: 2rem
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .navbar-nav > .nav-item:hover > a.nav-link ~ div>.nav
    ,.verticalnav-collapsed .verticalnav.navbar-expand-lg .navbar-nav > .nav-item > a.nav-link:hover .nav-link-text-wrapper .nav-link-text {
        width: 220px;
        background: var(--bs-verticalnav-collapsed-menu-bg);
        margin-left: 16px;
        border-radius: var(--bs-border-radius);
        position: relative;
        padding-bottom: 8px;
        border: 1px solid var(--bs-verticalnav-border-color)
    }

    .verticalnav-collapsed .verticalnav.navbar-expand-lg .navbar-nav > .nav-item > a.nav-link:hover .nav-link-text-wrapper .nav-link-text {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 16px
    }
        .verticalnav-collapsed .verticalnav.navbar-expand-lg .navbar-nav > .nav-item:hover > a.nav-link ~ div > .nav:after
        , .verticalnav-collapsed .verticalnav.navbar-expand-lg > a.nav-link:hover .nav-link-text-wrapper .nav-link-text:after {
            content: "";
            position: absolute;
            z-index: 1;
            width: 1rem;
            height: 1rem;
            background: inherit;
            top: .85rem;
            left: -9px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            border-bottom-left-radius: .125rem;
            border-width: 0 0 1px 1px;
            border-style: solid;
            border-color: var(--bs-verticalnav-border-color)
        }

}

.verticalnav-collapsed .nav-link-badge {
    display: none
}

.verticalnav-collapsed .new-page-indicator {
    margin-left: -8px !important;
    margin-top: -15px;
    display: block !important
}
@media(min-width: 992px) {
    .verticalnav+header .navbar-brand {
        width: calc(var(--bs-verticalnav-width) - var(--bs-gutter-x) * 0.5);
    }
}
.cke_notifications_area {display: none;}

button[type=submit].active {
	padding-left:2rem;
    position:relative;
}
button[type=submit].active::before {
	content: '';
    position:absolute;
    left: 0.25rem;
    top: 0.75rem;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}

.form-floating > label {
    .left: auto;
}
@media(min-width: 992px) {
    /* .navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
        color: var(--bs-navbar-active-color);
    }
    .navbar-nav .nav-link:hover + .dropdown-menu, .navbar-nav .nav-link + .dropdown-menu:hover
    , button[data-bs-toggle=dropdown]:hover + .dropdown-menu, button[data-bs-toggle=dropdown] + .dropdown-menu:hover {
        display: block;
    }    
    .navbar-nav .nav-link:hover + .dropdown-menu-end, .navbar-nav .nav-link + .dropdown-menu-end, button[data-bs-toggle=dropdown] + .dropdown-menu-end {
        right: 0px !important;
    } */
    .navbar.x075 {
        --bs-navbar-padding-y: 0rem;--bs-navbar-nav-link-padding-x: 0.75rem;
    }
    .navbar-nav.x075 {--bs-nav-link-padding-x: 0.25rem;--bs-nav-link-padding-y: 1.5rem;}
}
.userlist1 img {
    width: 3rem;
    height: 3rem;
    object-fit: cover;
    position: relative;
}
.userlist1 img:not(:first-child) {
    margin-left: -1.5rem;
}
.userlist1 img:hover {
    z-index: 2000;
}
.aitoolbar, article header {z-index: 1030 !important;}
/* Admin Important CSS End */


.bg-blue-100 {
    color: #000;
    background-color: #cfe2ff
}

.bg-blue-200 {
    color: #000;
    background-color: #9ec5fe
}

.bg-blue-300 {
    color: #000;
    background-color: #6ea8fe
}

.bg-blue-400 {
    color: #000;
    background-color: #3d8bfd
}

.bg-blue-500 {
    color: #fff;
    background-color: #0d6efd
}

.bg-blue-600 {
    color: #fff;
    background-color: #0a58ca
}

.bg-blue-700 {
    color: #fff;
    background-color: #084298
}

.bg-blue-800 {
    color: #fff;
    background-color: #052c65
}

.bg-blue-900 {
    color: #fff;
    background-color: #031633
}

.bg-indigo-100 {
    color: #000;
    background-color: #e0cffc
}

.bg-indigo-200 {
    color: #000;
    background-color: #c29ffa
}

.bg-indigo-300 {
    color: #000;
    background-color: #a370f7
}

.bg-indigo-400 {
    color: #fff;
    background-color: #8540f5
}

.bg-indigo-500 {
    color: #fff;
    background-color: #6610f2
}

.bg-indigo-600 {
    color: #fff;
    background-color: #520dc2
}

.bg-indigo-700 {
    color: #fff;
    background-color: #3d0a91
}

.bg-indigo-800 {
    color: #fff;
    background-color: #290661
}

.bg-indigo-900 {
    color: #fff;
    background-color: #140330
}

.bg-purple-100 {
    color: #000;
    background-color: #e2d9f3
}

.bg-purple-200 {
    color: #000;
    background-color: #c5b3e6
}

.bg-purple-300 {
    color: #000;
    background-color: #a98eda
}

.bg-purple-400 {
    color: #000;
    background-color: #8c68cd
}

.bg-purple-500 {
    color: #fff;
    background-color: #6f42c1
}

.bg-purple-600 {
    color: #fff;
    background-color: #59359a
}

.bg-purple-700 {
    color: #fff;
    background-color: #432874
}

.bg-purple-800 {
    color: #fff;
    background-color: #2c1a4d
}

.bg-purple-900 {
    color: #fff;
    background-color: #160d27
}

.bg-pink-100 {
    color: #000;
    background-color: #f7d6e6
}

.bg-pink-200 {
    color: #000;
    background-color: #efadce
}

.bg-pink-300 {
    color: #000;
    background-color: #e685b5
}

.bg-pink-400 {
    color: #000;
    background-color: #de5c9d
}

.bg-pink-500 {
    color: #fff;
    background-color: #d63384
}

.bg-pink-600 {
    color: #fff;
    background-color: #ab296a
}

.bg-pink-700 {
    color: #fff;
    background-color: #801f4f
}

.bg-pink-800 {
    color: #fff;
    background-color: #561435
}

.bg-pink-900 {
    color: #fff;
    background-color: #2b0a1a
}

.bg-red-100 {
    color: #000;
    background-color: #f8d7da
}

.bg-red-200 {
    color: #000;
    background-color: #f1aeb5
}

.bg-red-300 {
    color: #000;
    background-color: #ea868f
}

.bg-red-400 {
    color: #000;
    background-color: #e35d6a
}

.bg-red-500 {
    color: #fff;
    background-color: #dc3545
}

.bg-red-600 {
    color: #fff;
    background-color: #b02a37
}

.bg-red-700 {
    color: #fff;
    background-color: #842029
}

.bg-red-800 {
    color: #fff;
    background-color: #58151c
}

.bg-red-900 {
    color: #fff;
    background-color: #2c0b0e
}

.bg-orange-100 {
    color: #000;
    background-color: #ffe5d0
}

.bg-orange-200 {
    color: #000;
    background-color: #fecba1
}

.bg-orange-300 {
    color: #000;
    background-color: #feb272
}

.bg-orange-400 {
    color: #000;
    background-color: #fd9843
}

.bg-orange-500 {
    color: #000;
    background-color: #fd7e14
}

.bg-orange-600 {
    color: #000;
    background-color: #ca6510
}

.bg-orange-700 {
    color: #fff;
    background-color: #984c0c
}

.bg-orange-800 {
    color: #fff;
    background-color: #653208
}

.bg-orange-900 {
    color: #fff;
    background-color: #331904
}

.bg-yellow-100 {
    color: #000;
    background-color: #fff3cd
}

.bg-yellow-200 {
    color: #000;
    background-color: #ffe69c
}

.bg-yellow-300 {
    color: #000;
    background-color: #ffda6a
}

.bg-yellow-400 {
    color: #000;
    background-color: #ffcd39
}

.bg-yellow-500 {
    color: #000;
    background-color: #ffc107
}

.bg-yellow-600 {
    color: #000;
    background-color: #cc9a06
}

.bg-yellow-700 {
    color: #000;
    background-color: #997404
}

.bg-yellow-800 {
    color: #fff;
    background-color: #664d03
}

.bg-yellow-900 {
    color: #fff;
    background-color: #332701
}

.bg-green-100 {
    color: #000;
    background-color: #d1e7dd
}

.bg-green-200 {
    color: #000;
    background-color: #a3cfbb
}

.bg-green-300 {
    color: #000;
    background-color: #75b798
}

.bg-green-400 {
    color: #000;
    background-color: #479f76
}

.bg-green-500 {
    color: #fff;
    background-color: #198754
}

.bg-green-600 {
    color: #fff;
    background-color: #146c43
}

.bg-green-700 {
    color: #fff;
    background-color: #0f5132
}

.bg-green-800 {
    color: #fff;
    background-color: #0a3622
}

.bg-green-900 {
    color: #fff;
    background-color: #051b11
}

.bg-teal-100 {
    color: #000;
    background-color: #d2f4ea
}

.bg-teal-200 {
    color: #000;
    background-color: #a6e9d5
}

.bg-teal-300 {
    color: #000;
    background-color: #79dfc1
}

.bg-teal-400 {
    color: #000;
    background-color: #4dd4ac
}

.bg-teal-500 {
    color: #000;
    background-color: #20c997
}

.bg-teal-600 {
    color: #000;
    background-color: #1aa179
}

.bg-teal-700 {
    color: #fff;
    background-color: #13795b
}

.bg-teal-800 {
    color: #fff;
    background-color: #0d503c
}

.bg-teal-900 {
    color: #fff;
    background-color: #06281e
}

.bg-cyan-100 {
    color: #000;
    background-color: #cff4fc
}

.bg-cyan-200 {
    color: #000;
    background-color: #9eeaf9
}

.bg-cyan-300 {
    color: #000;
    background-color: #6edff6
}

.bg-cyan-400 {
    color: #000;
    background-color: #3dd5f3
}

.bg-cyan-500 {
    color: #000;
    background-color: #0dcaf0
}

.bg-cyan-600 {
    color: #000;
    background-color: #0aa2c0
}

.bg-cyan-700 {
    color: #fff;
    background-color: #087990
}

.bg-cyan-800 {
    color: #fff;
    background-color: #055160
}

.bg-cyan-900 {
    color: #fff;
    background-color: #032830
}

.bg-gray-100 {
    color: #000;
    background-color: #f8f9fa
}

.bg-gray-200 {
    color: #000;
    background-color: #e9ecef
}

.bg-gray-300 {
    color: #000;
    background-color: #dee2e6
}

.bg-gray-400 {
    color: #000;
    background-color: #ced4da
}

.bg-gray-500 {
    color: #000;
    background-color: #adb5bd
}

.bg-gray-600 {
    color: #fff;
    background-color: #6c757d
}

.bg-gray-700 {
    color: #fff;
    background-color: #495057
}

.bg-gray-800 {
    color: #fff;
    background-color: #343a40
}

.bg-gray-900 {
    color: #fff;
    background-color: #212529
}

.bg-white {
    color: #000;
    background-color: #fff
}

.bg-black {
    color: #fff;
    background-color: #000
}
.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after {
    background-color: inherit;
}
.form-floating > label {z-index: 0!important;}
.offcanvas { --bs-offcanvas-width: 100vw;}

@media(min-width: 992px) {
    .offcanvas {--bs-offcanvas-width: 50vw;}
}

#grid1 { --bs-rows: 1; --bs-last-column: 1; }
#grid1 > div {
    height: 250px;
    --border: 1px solid orange;
}
#grid1 > div:last-child {
    grid-column: 1;
    grid-row: 1;
    width:100%;
    --height: 350px;
}
@media (min-width: 768px) {
    #grid1 {
        --bs-rows: 2;
    }
    #grid1 > div:last-child {
        grid-column: var(--bs-last-column) / span 2;
        grid-row: 1 / span 2;
        height: 100%;
    }
}
/* Custom */

.grid2 {
    display: grid;
    --bs-columns1: 1fr;
    --bs-columns2: 33%;
    grid-template-columns: minmax(0, var(--bs-columns1));
    gap: var(--bs-gutter-x, 1rem) var(--bs-gutter-y, 1rem);
}
.grida2 {
    display: grid;
    grid-template-columns: auto auto;
}
.grid2.ge25 { --bs-columns1: 1fr; --bs-columns2: 25%; }
.grid2.gs25 { --bs-columns2: 1fr; --bs-columns1: 25%; }
.grid2.ge40 { --bs-columns1: 1fr; --bs-columns2: 40%; }
.grid2.gs40 { --bs-columns2: 1fr; --bs-columns1: 40%; }
.grid.g-c-1 { --bs-columns: 1; }
.grid.g-c-2 { --bs-columns: 2; }
.grid.g-c-3 { --bs-columns: 3; }
.grid.g-c-4 { --bs-columns: 4; }
.grid.g-c-5 { --bs-columns: 5; }
.grid.g-c-6 { --bs-columns: 6; }
.gcs-2 {
    grid-column: span 2;
}

.gcs-3 {
    grid-column: span 3;
}

.gcs-4 {
    grid-column: span 4;
}

.gcs-5 {
    grid-column: span 5;
}

.gcs-6 {
    grid-column: span 6;
}

.gcs-7 {
    grid-column: span 7;
}

.gcs-8 {
    grid-column: span 8;
}

.gcs-9 {
    grid-column: span 9;
}

.gcs-10 {
    grid-column: span 10;
}

.gcs-11 {
    grid-column: span 11;
}

.gcs-12 {
    grid-column: span 12;
}

.grs-2 {
    grid-row: span 2;
}

.grs-3 {
    grid-row: span 3;
}

.grs-4 {
    grid-row: span 4;
}

.grs-5 {
    grid-row: span 5;
}

.grs-6 {
    grid-row: span 6;
}

.grs-7 {
    grid-row: span 7;
}

.grs-8 {
    grid-row: span 8;
}

.grs-9 {
    grid-row: span 9;
}

.grs-10 {
    grid-row: span 10;
}

.grs-11 {
    grid-row: span 11;
}

.grs-12 {
    grid-row: span 12;
}

@media (min-width: 576px) {
.grid2 {
    --bs-columns1: 1fr;
    --bs-columns2: 33%;
    grid-template-columns: minmax(0, var(--bs-columns1)) minmax(0, var(--bs-columns2));
}
.grid.g-c-sm-1 { --bs-columns: 1; }
.grid.g-c-sm-2 { --bs-columns: 2; }
.grid.g-c-sm-3 { --bs-columns: 3; }
.grid.g-c-sm-4 { --bs-columns: 4; }
.grid.g-c-sm-5 { --bs-columns: 5; }
.grid.g-c-sm-6 { --bs-columns: 6; }
}

@media (min-width: 768px) {
.grid.g-c-md-1 { --bs-columns: 1; }
.grid.g-c-md-2 { --bs-columns: 2; }
.grid.g-c-md-3 { --bs-columns: 3; }
.grid.g-c-md-4 { --bs-columns: 4; }
.grid.g-c-md-5 { --bs-columns: 5; }
.grid.g-c-md-6 { --bs-columns: 6; }

.gcs-md-2 {
    grid-column: span 2;
}

.gcs-md-3 {
    grid-column: span 3;
}

.gcs-md-4 {
    grid-column: span 4;
}

.gcs-md-5 {
    grid-column: span 5;
}

.gcs-md-6 {
    grid-column: span 6;
}

.gcs-md-7 {
    grid-column: span 7;
}

.gcs-md-8 {
    grid-column: span 8;
}

.gcs-md-9 {
    grid-column: span 9;
}

.gcs-md-10 {
    grid-column: span 10;
}

.gcs-md-11 {
    grid-column: span 11;
}

.gcs-md-12 {
    grid-column: span 12;
}

.grs-md-2 {
    grid-row: span 2;
}

.grs-md-3 {
    grid-row: span 3;
}

.grs-md-4 {
    grid-row: span 4;
}

.grs-md-5 {
    grid-row: span 5;
}

.grs-md-6 {
    grid-row: span 6;
}

.grs-md-7 {
    grid-row: span 7;
}

.grs-md-8 {
    grid-row: span 8;
}

.grs-md-9 {
    grid-row: span 9;
}

.grs-md-10 {
    grid-row: span 10;
}

.grs-md-11 {
    grid-row: span 11;
}

.grs-md-12 {
    grid-row: span 12;
}
}

@media (min-width: 992px) {
.grid.g-c-lg-1 { --bs-columns: 1; }
.grid.g-c-lg-2 { --bs-columns: 2; }
.grid.g-c-lg-3 { --bs-columns: 3; }
.grid.g-c-lg-4 { --bs-columns: 4; }
.grid.g-c-lg-5 { --bs-columns: 5; }
.grid.g-c-lg-6 { --bs-columns: 6; }
}

@media (min-width: 1200px) {
.grid.g-c-xl-1 { --bs-columns: 1; }
.grid.g-c-xl-2 { --bs-columns: 2; }
.grid.g-c-xl-3 { --bs-columns: 3; }
.grid.g-c-xl-4 { --bs-columns: 4; }
.grid.g-c-xl-5 { --bs-columns: 5; }
.grid.g-c-xl-6 { --bs-columns: 6; }
}
@media (min-width: 1400px) {
.grid.g-c-xxl-1 { --bs-columns: 1; }
.grid.g-c-xxl-2 { --bs-columns: 2; }
.grid.g-c-xxl-3 { --bs-columns: 3; }
.grid.g-c-xxl-4 { --bs-columns: 4; }
.grid.g-c-xxl-5 { --bs-columns: 5; }
.grid.g-c-xxl-6 { --bs-columns: 6; }
}

.w-1 {
    width: 1em; height: 1em;
}
.max-w-450 {
    max-width: 450px!important;
}
.nav-link {cursor: pointer;}
svg {fill: currentColor;}
input:required + label::after, select:required ~ label::after {
    content: '*';
    position: absolute;
    top: 0px;
    right: -2px;
    color: red;
}
input[required], textarea[required] {
  background-image: radial-gradient(red 20%, transparent 25%);
  background-size: 1em 1em;
  background-position: top right;
  background-repeat: no-repeat
}

i[translate=no] {
    font-size: 1.3em;
    font-family: "Material Icons Outlined";
    font-style: normal;
    vertical-align: middle;

    /* font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased; */

}