/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.menu .app-brand.demo {
  height: 64px;
  margin-top: 12px;
}

.app-brand-logo.demo svg {
  width: 22px;
  height: 38px;
}

.app-brand-text.demo {
  font-size: 1.75rem;
  letter-spacing: -0.5px;
  text-transform: lowercase;
}

/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 76px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 62px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 231px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}


/* ------------------------------------Nav Custom------------------------------------ */
.nav.nav-pills.nav.nav-pills.nav-tabs {
  border: 0 !important;
}
.nav.nav-pills.nav.nav-pills.nav-tabs .nav-item{
  background: none !important;
}
.nav.nav-pills.nav.nav-pills.nav-tabs .nav-item button:not(.active){
  background: none !important;
  color: var(--bs-nav-link-color) !important;
}
.nav.nav-pills.nav.nav-pills.nav-tabs .nav-item button{
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x) !important;
  font-size: var(--bs-nav-link-font-size) !important;
  font-weight: var(--bs-nav-link-font-weight) !important;
  color: white !important;
  border: 0 !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out !important;
  border-radius: 0.375rem !important;

}

/* -------------------------- */
/* .vehicles-progress-labels .vehicles-progress-label::after {
  background-color: #d9dee3;
}
.vehicles-progress-labels .vehicles-progress-label::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  height: 10px;
  width: 2px;
} */


.custom-option-icon .custom-option-body {
  display: block;
  margin-bottom: 0.5rem;
}
.custom-option {
  padding-left: 0;
  border: 1px solid #d9dee3;
  border-radius: 0.5rem;
}
.custom-option-icon .custom-option-content {
  text-align: center;
  padding: 1em;
}
.custom-option .custom-option-content {
  cursor: pointer;
  width: 100%;
}
.custom-option-icon .form-check-input {
  float: none !important;
  margin: 0 !important;
}
.form-check.custom-option:focus-within{
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border-color: #dbb718 !important;
}
.custom-option-icon .custom-option-body i {
  font-size: 2rem;
  margin-bottom: 0.25rem;
  display: block;
}
.custom-option-icon .custom-option-body .custom-option-title {
  display: block;
  font-size: .9375rem;
  font-weight: 500;
  color: #566a7f;
}
.custom-option-basic .custom-option-content {
  padding: 1em;
  padding-left: 2.7em;
}
.custom-option .custom-option-content {
  cursor: pointer;
  width: 100%;
}


.disable-sec {
  opacity: 0.3;
  cursor: default;
}






.dropzone:not(.dz-clickable) {
  opacity: .5 !important;
  cursor: not-allowed !important;
}
.dropzone.dz-drag-hover {
  border-style: solid !important;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: .5 !important;
}
.dz-browser-not-supported.dropzone-box {
  min-height: auto !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: auto !important;
  cursor: default !important;
  transition: none !important;
}
.dz-thumbnail img[src]~.dz-nopreview {
  display: none !important;
}


.dz-browser-not-supported .dz-message {
  display: none !important
}

.dz-started .dz-message {
  display: none
}

.dz-complete .progress {
  display: none;
}
.dz-preview .progress {
  position: absolute;
  left: 1.25rem;
  right: 1.25rem;
  top: 50%;
  margin-top: -0.25rem;
  z-index: 30;
}
.dz-preview .progress, .dz-preview .progess-bar {
  height: 0.5rem;
}

.dz-filename:hover {
  white-space: normal !important;
  text-overflow: inherit !important;
}


.dz-remove {
  color: #697a8d !important;
  border-top: 1px solid #d9dee3 !important;
  border-bottom-right-radius: calc(0.375rem - 1px) !important;
  border-bottom-left-radius: calc(0.375rem - 1px) !important;
  display: block !important;
  text-align: center !important;
  padding: 0.375rem 0 !important;
  font-size: .75rem !important;
  cursor: pointer !important;
}
.dz-remove:hover, .dz-remove:focus {
  color: #697a8d !important;
  background: rgba(67,89,113,.1) !important;
  text-decoration: none !important;
  border-top-color: rgba(0,0,0,0) !important;
}



.text-blink {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.scrollable-tab-content {
  overflow-y: auto;
}



.noUi-target:not([disabled]) {
    background: #696cff29
}

.noUi-target:not([disabled]) .noUi-connect {
    background: #696cff
}

.noUi-target:not([disabled]) .noUi-handle {
    border-color: #696cff
}

.noUi-target:not([disabled]) .noUi-handle:hover {
    box-shadow: 0 0 0 8px #696cff29
}

.noUi-target:not([disabled]) .noUi-handle:active,.noUi-target:not([disabled]) .noUi-handle:focus {
    box-shadow: 0 0 0 13px #696cff29
}


#temp-slider .noUi-handle, #tokens-slider .noUi-handle {
    height: 18px;
    width: 18px;
    top: -5px;
    right: -9px;
    border-radius: 9px;
}
#temp-slider, #tokens-slider {
    height: 10px;
}


.select2-container {
    margin: 0;
    width: 100%!important;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    box-sizing: border-box
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container.select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-container .select2-selection:not(.select2-selection--multiple) .select2-search--inline .select2-search__field {
    margin-top: 6px
}

.select2-container .select2-selection.select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-block:3px}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

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

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-results__option[role=option] {
    margin: .125rem .5rem
}

.select2-results__option[role=option] {
    border-radius: .375rem;
    padding: .543rem 1rem
}

.select2-results__option[role=option] .select2-results__option--highlighted[aria-selected] {
    background-color: #22303e0f
}

.select2-container--default .select2-results__option--highlighted:not([aria-selected=true]) {
    background-color: #22303e0f!important
}

.select2-hidden-accessible {
    clip: rect(0 0 0 0)!important;
    overflow: hidden!important;
    position: absolute!important;
    padding: 0!important;
    margin: -1px!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important
}

.select2-close-mask {
    display: block;
    padding: 0;
    margin: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 99;
    width: auto;
    opacity: 0;
    border: 0;
    height: auto
}

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

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 2.1875rem
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    font-weight: 500;
    float: right
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 2.25rem;
    position: absolute;
    right: 1px;
    top: 1px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: absolute;
    height: 18px;
    width: 18px;
    top: 24%;
    background-repeat: no-repeat;
    background-size: 20px 19px;
    transform-origin: center;
    transition: transform .3s ease
}

.select2-container--default,.select2-container--default * {
    outline: 0!important
}

.select2-container--default.select2-container--disabled {
    pointer-events: none
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: not-allowed
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-selection__clear {
    float: left
}

.select2-container--default.select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: var(--bs-border-radius);
    margin: .25rem .5rem;
    margin-bottom: 0;
    width: calc(100% - 1rem)
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    margin: 0;
    box-sizing: border-box;
    display: block;
    list-style: none;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: 500;
    float: right;
    margin-right: .625rem
}

.select2-container--default .select2-selection--multiple .select2-search--inline {
    line-height: 1.5rem
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    position: relative;
    font-size: .8125rem;
    border-radius: .25rem;
    padding: 0 .5rem;
    cursor: default;
    line-height: 1.5rem;
    float: left
}

html:not([dir=rtl]) .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-right: 1rem
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-left: 1rem
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    font-weight: 500;
    color: inherit;
    display: inline-block;
    cursor: pointer;
    opacity: .5
}

html:not([dir=rtl]) .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    right: .3rem
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    left: .3rem
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    opacity: .8;
    color: inherit
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    cursor: not-allowed
}

.select2-container--default.select2-selection__choice,.select2-container--default.select2-selection__placeholder,.select2-container--default.select2-search--inline {
    float: right
}

.select2-container--default.select2-selection__clear {
    margin-left: .25rem;
    float: left
}

.select2-container--default .select2-search__field::-moz-placeholder {
    opacity: 1
}

.select2-container--default .select2-search--inline .select2-search__field {
    box-shadow: none;
    background: transparent;
    border: none;
    outline: 0;
    -webkit-appearance: textfield
}

.select2-container--default.select2-container--focus .select2-search--inline .select2-search__field {
    margin-top: 5px
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 15rem;
    overflow-y: auto;
    margin-block:.5rem}

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

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

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

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

.select2-container--default .select2-results__group {
    font-size: .8125rem;
    text-transform: uppercase;
    cursor: default;
    display: block;
    font-weight: 500
}

.select2-hidden-accessible.is-invalid+.select2-container--default.select2-container--focus .select2-selection:not(.select2-selection--multiple) .select2-search--inline .select2-search__field {
    margin-top: 5px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 2.1875rem
}

.light-style .select2-hidden-accessible.is-invalid+.select2-container--default .select2-selection--multiple,.light-style .select2-hidden-accessible.is-invalid+.select2-container--default.select2-container--open .select2-selection--multiple,.light-style .select2-hidden-accessible.is-invalid+.select2-container--default.select2-container--focus .select2-selection--multiple {
    padding: calc(.543rem - var(--bs-border-width) - .25rem - var(--bs-border-width) - .043rem) calc(.9375rem - 2px)
}

.light-style .select2-selection--multiple .select2-selection__clear {
    margin-top: .25rem
}

.light-style .select2-selection--multiple .select2-selection__rendered {
    padding: 0
}

.light-style .select2-selection--multiple .select2-selection__choice {
    margin-top: calc(.25rem - 1px);
    margin-right: .25rem;
    background-color: #22303e14
}

.light-style .select2-selection--multiple .select2-selection__choice:nth-last-child(2) {
    margin-bottom: calc(.25rem - 1px)
}

.light-style .select2-selection--multiple .select2-selection__placeholder {
    margin-top: .25rem
}

.light-style .select2-search__field {
    color: #384551
}

.light-style .select2-dropdown {
    background: #fff;
    box-shadow: 0 .25rem .75rem #22303e24;
    background-clip: padding-box;
    border-color: #e4e6e8;
    z-index: 1000
}

.light-style .select2-container--default .select2-selection {
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: transparent;
    border: 1px solid #ced1d5;
    border-radius: .375rem
}

.light-style .select2-container--default .select2-selection:hover {
    border-color: #7a838b
}

.light-style .select2-container--default .select2-selection__placeholder {
    color: #a7acb2
}

.light-style .select2-container--default .select2-selection--single {
    height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2) - 2px)
}

.light-style .select2-container--default .select2-selection--single .select2-selection__clear {
    color: #a7acb2
}

.light-style .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2) - 2px);
    position: absolute
}

.light-style .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"><path d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%2322303e" fill-opacity="0.9"/></svg>')
}

.light-style .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.25rem;
    color: #384551
}

.light-style .select2-container--default.select2-container--disabled .select2-selection__arrow b {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"><path d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23a7acb2" fill-opacity="0.9"/></svg>')
}

.light-style .select2-container--default:not([dir=rtl]) .select2-selection--single .select2-selection__rendered {
    padding-left: .9375rem
}

.light-style .select2-container--default.select2-selection--single .select2-selection__rendered {
    padding-right: .9375rem
}

.light-style .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #22303e0f;
    border-color: #ced1d5!important
}

.light-style .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #a7acb2
}

.light-style .select2-container--default .select2-selection--multiple {
    min-height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2) - 4px);
    padding: .1875rem calc(.9375rem - var(--bs-border-width))
}

.light-style .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #646e78;
    background-color: #22303e14
}

.light-style .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered,.light-style .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
    line-height: calc(2.25rem - 2px);
    padding-inline-start:calc(.9375rem - var(--bs-border-width));padding-inline-end: calc(2.25rem - 2px)
}

.light-style .select2-container--default.select2-container--focus .select2-selection--multiple,.light-style .select2-container--default.select2-container--open .select2-selection--multiple {
    padding: .125rem calc(.9375rem - 2px)
}

.light-style .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__choice,.light-style .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__choice {
    margin-top: calc(.25rem - var(--bs-border-width))
}

.light-style .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__choice:nth-last-child(2),.light-style .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__choice:nth-last-child(2) {
    margin-bottom: calc(.25rem - var(--bs-border-width))
}

.light-style .select2-container--default.select2-container--disabled .select2-selection--multiple {
    border-color: #ced1d5!important;
    background-color: #22303e0f
}

.light-style .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered {
    color: #a7acb2
}

.light-style .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced1d5
}

.light-style .select2-container--default .select2-search__field::-webkit-input-placeholder {
    color: #a7acb2
}

.light-style .select2-container--default .select2-search__field::-moz-placeholder {
    color: #a7acb2
}

.light-style .select2-container--default .select2-search__field:-ms-input-placeholder {
    color: #a7acb2
}

.light-style .select2-container--default .select2-results__option {
    color: #384551
}

.light-style .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #22303e0f
}

.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] {
    width: calc(100% - .9375rem);
    padding-left: .9375rem
}

.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-left: 1.875rem
}

.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-left: 2.8125rem
}

.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-left: 3.75rem
}

.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-left: 4.6875rem
}

.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-left: .9375rem
}

.light-style .select2-container--default .select2-results__group {
    padding: .5rem .46875rem
}

.light-style .select2-container--default.select2-selection--multiple .select2-selection__choice {
    margin-left: .25rem;
    margin-right: 0
}

.light-style.select2-container--default .select2-results__option .select2-results__option {
    padding-right: .9375rem;
    padding-left: 0!important;
    margin-left: 0!important
}

.light-style.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] {
    padding-right: 1.875rem
}

.light-style.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-right: 2.8125rem
}

.light-style.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-right: 3.75rem
}

.light-style.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-right: 4.6875rem
}

.light-style.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-right: .9375rem
}

.light-style .is-valid .select2-container--default .select2-selection,.light-style .is-valid.select2-container--default .select2-selection {
    border-color: #71dd37!important
}

.light-style .is-invalid .select2-container--default .select2-selection,.light-style .is-invalid.select2-container--default .select2-selection {
    border-color: #ff3e1d!important
}

.light-style .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #8592a329!important;
    color: #8592a3!important
}

.light-style .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #71dd3729!important;
    color: #71dd37!important
}

.light-style .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #03c3ec29!important;
    color: #03c3ec!important
}

.light-style .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #ffab0029!important;
    color: #ffab00!important
}

.light-style .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #ff3e1d29!important;
    color: #ff3e1d!important
}

.light-style .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #dbdee029!important;
    color: #dbdee0!important
}

.light-style .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #2b2c4029!important;
    color: #2b2c40!important
}

.light-style .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #22303e29!important;
    color: #22303e80!important
}

.select2-hidden-accessible.is-invalid+.select2-container--default .select2-selection--multiple,.select2-hidden-accessible.is-invalid+.select2-container--default.select2-container--open .select2-selection--multiple,.select2-hidden-accessible.is-invalid+.select2-container--default.select2-container--focus .select2-selection--multiple {
    padding: calc(.543rem - var(--bs-border-width) - .25rem - var(--bs-border-width) - .043rem) calc(.9375rem - 2px)
}

.select2-selection--multiple .select2-selection__choice {
    margin-top: calc(.25rem - 1px);
    margin-right: .25rem;
    background-color: #e6e6f114
}

.select2-selection--multiple .select2-selection__choice:nth-last-child(2) {
    margin-bottom: calc(.25rem - 1px)
}

.select2-selection--multiple .select2-selection__clear,.select2-selection--multiple .select2-selection__placeholder {
    margin-top: .25rem
}

.select2-selection--multiple .select2-selection__rendered {
    padding: 0
}

.select2-container--default.select2-selection--multiple .select2-selection__choice {
    margin-left: .25rem;
    margin-right: 0
}

.select2-container--default .select2-selection {
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: transparent;
    border: 1px solid #5f607b;
    border-radius: .375rem
}

.select2-container--default .select2-selection:hover {
    border-color: #a1a1b5
}

.select2-container--default .select2-selection__placeholder {
    color: #7e7f96
}

.select2-container--default .select2-results__option--highlighted:not([aria-selected=true]) {
    background-color: #e6e6f10f!important
}

.select2-container--default .select2-selection--single {
    height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2) - 2px)
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2) - 2px);
    position: absolute
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"><path d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23e6e6f1" fill-opacity="0.9"/></svg>')
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.25rem;
    color: #d5d5e2
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    color: #7e7f96
}

.select2-container--default.select2-container--disabled .select2-selection__arrow b {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"><path d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%237e7f96" fill-opacity="0.9"/></svg>')
}

.select2-container--default:not([dir=rtl]) .select2-selection--single .select2-selection__rendered {
    padding-left: .9375rem
}

.select2-container--default .select2-selection--multiple {
    min-height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2) - 4px);
    padding: .1875rem calc(.9375rem - var(--bs-border-width))
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #b2b2c4;
    background-color: #e6e6f114
}

.select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered,.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
    line-height: calc(2.25rem - 2px);
    padding-inline-start:calc(.9375rem - var(--bs-border-width))!important;padding-inline-end: calc(2.25rem - 2px)
}

.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default.select2-container--open .select2-selection--multiple {
    padding: .125rem calc(.9375rem - 2px)
}

.select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__choice,.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__choice {
    margin-top: calc(.25rem - var(--bs-border-width))
}

.select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__choice:nth-last-child(2),.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__choice:nth-last-child(2) {
    margin-bottom: calc(.25rem - var(--bs-border-width))
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    border-color: #5f607b!important;
    background-color: #e6e6f10f
}

.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered {
    color: #7e7f96
}

.select2-container--default.select2-selection--single .select2-selection__rendered {
    padding-right: .9375rem
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #7e7f96 transparent
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e6e6f10f;
    border-color: #5f607b!important
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #7e7f96
}

.select2-container--default .select2-search__field::-webkit-input-placeholder {
    color: #7e7f96
}

.select2-container--default .select2-search__field::-moz-placeholder {
    color: #7e7f96
}

.select2-container--default .select2-search__field:-ms-input-placeholder {
    color: #7e7f96
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #5f607b;
    background: transparent
}

.select2-container--default .select2-results__option {
    color: #d5d5e2
}

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

.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] {
    padding-left: .9375rem
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-left: 1.875rem
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-left: 2.8125rem
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-left: 3.75rem
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-left: 4.6875rem
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-left: .9375rem
}

.select2-container--default .select2-results__group {
    padding: .5rem .46875rem
}

.select2-dropdown {
    z-index: 1000;
    background: #2b2c40;
    border-color: #4e4f6c;
    background-clip: padding-box;
    box-shadow: 0 .25rem .75rem #14141d3d
}

.select2-search__field {
    color: #d5d5e2
}

.dark-style.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 0!important;
    padding-right: .9375rem;
    margin-left: 0!important
}

.dark-style.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] {
    padding-right: 1.875rem
}

.dark-style.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-right: 2.8125rem
}

.dark-style.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-right: 3.75rem
}

.dark-style.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-right: 4.6875rem
}

.dark-style.select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
    padding-right: .9375rem
}

.is-valid .select2-container--default .select2-selection,.is-valid.select2-container--default .select2-selection {
    border-color: #71dd37!important
}

.is-invalid .select2-container--default .select2-selection,.is-invalid.select2-container--default .select2-selection {
    border-color: #ff3e1d!important
}

.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #8592a329!important;
    color: #8592a3!important
}

.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #71dd3729!important;
    color: #71dd37!important
}

.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #03c3ec29!important;
    color: #03c3ec!important
}

.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #ffab0029!important;
    color: #ffab00!important
}

.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #ff3e1d29!important;
    color: #ff3e1d!important
}

.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #494a5d29!important;
    color: #494a5d!important
}

.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #6b6c9d29!important;
    color: #6b6c9d!important
}

.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #e6e6f129!important;
    color: #e6e6f180!important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #F0F1F2 !important;
    color: #393A3B !important;
}

#response-continer
{
    max-height: calc(80vh - 40px) !important;
    min-height: calc(80vh - 40px) !important;
    overflow-y: auto !important;
}

.user-request
{
    background-color: #1e2c3a;

}
.user-request .request-content .var
{
    color: #ff783a !important;
    font-family: var(--bs-font-monospace);
    text-transform: uppercase !important;
}


.json-container {
    font-family: monospace;
    color: #abb2bf;
}

.json-array {
    margin-left: 1rem;
}

.json-object {
    margin-left: 2rem;
    margin-bottom: 1rem;
}

.json-line {
    margin: 0.25rem 0;
    padding-left: 1rem;
}

.json-bracket {
    color: #abb2bf;
}

.json-key {
    color: #e06c75;
    margin-right: 0.5rem;
}

.json-colon {
    color: #abb2bf;
    margin-right: 0.5rem;
}

.json-string {
    color: #98c379;
}

.json-number {
    color: #d19a66;
}



@font-face {
    font-family: 'Ottoman' !important;
    src: url('{{ asset("assets/vendor/fonts/uthmanic_hafs/uthmanic_hafs_v20.ttf") }}') format('truetype') !important;
}

.font-ottoman {
    font-family: 'Ottoman', Arial, sans-serif !important;
}




.alert-secondary {
    background-color: #ebeef0;
    border-color: #ebeef0;
    color: #8592a3
}

.alert-secondary .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%238592a3' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%238592a3' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-secondary .alert-link {
    color: #8592a3
}

.alert-secondary hr {
    color: #8592a3!important
}

.alert-secondary .alert-icon {
    background-color: #8592a3;
    box-shadow: 0 0 0 .125rem #8592a329
}

.alert-outline-secondary {
    border-color: #8592a3;
    color: #8592a3
}

.alert-outline-secondary .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%238592a3' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%238592a3' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-outline-secondary .alert-link {
    color: #8592a3
}

.alert-outline-secondary hr {
    color: #8592a3!important
}

.alert-outline-secondary .alert-icon {
    background-color: #8592a3!important;
    box-shadow: 0 0 0 .125rem #8592a329
}

.alert-solid-secondary {
    background-color: #8592a3;
    color: #fff
}

.alert-solid-secondary .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-solid-secondary .alert-link {
    color: #fff
}

.alert-solid-secondary hr {
    color: #fff!important
}

.alert-solid-secondary .alert-icon {
    color: #8592a3!important;
    box-shadow: 0 0 0 .125rem #9da8b5
}

.alert-success {
    background-color: #e8fadf;
    border-color: #e8fadf;
    color: #71dd37
}

.alert-success .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%2371dd37' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%2371dd37' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-success .alert-link {
    color: #71dd37
}

.alert-success hr {
    color: #71dd37!important
}

.alert-success .alert-icon {
    background-color: #71dd37;
    box-shadow: 0 0 0 .125rem #71dd3729
}

.alert-outline-success {
    border-color: #71dd37;
    color: #71dd37
}

.alert-outline-success .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%2371dd37' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%2371dd37' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-outline-success .alert-link {
    color: #71dd37
}

.alert-outline-success hr {
    color: #71dd37!important
}

.alert-outline-success .alert-icon {
    background-color: #71dd37!important;
    box-shadow: 0 0 0 .125rem #71dd3729
}

.alert-solid-success {
    background-color: #71dd37;
    color: #fff
}

.alert-solid-success .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-solid-success .alert-link {
    color: #fff
}

.alert-solid-success hr {
    color: #fff!important
}

.alert-solid-success .alert-icon {
    color: #71dd37!important;
    box-shadow: 0 0 0 .125rem #8de45f
}

.alert-info {
    background-color: #d7f5fc;
    border-color: #d7f5fc;
    color: #03c3ec
}

.alert-info .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%2303c3ec' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%2303c3ec' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-info .alert-link {
    color: #03c3ec
}

.alert-info hr {
    color: #03c3ec!important
}

.alert-info .alert-icon {
    background-color: #03c3ec;
    box-shadow: 0 0 0 .125rem #03c3ec29
}

.alert-outline-info {
    border-color: #03c3ec;
    color: #03c3ec
}

.alert-outline-info .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%2303c3ec' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%2303c3ec' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-outline-info .alert-link {
    color: #03c3ec
}

.alert-outline-info hr {
    color: #03c3ec!important
}

.alert-outline-info .alert-icon {
    background-color: #03c3ec!important;
    box-shadow: 0 0 0 .125rem #03c3ec29
}

.alert-solid-info {
    background-color: #03c3ec;
    color: #fff
}

.alert-solid-info .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-solid-info .alert-link {
    color: #fff
}

.alert-solid-info hr {
    color: #fff!important
}

.alert-solid-info .alert-icon {
    color: #03c3ec!important;
    box-shadow: 0 0 0 .125rem #35cff0
}

.alert-warning {
    background-color: #fff2d6;
    border-color: #fff2d6;
    color: #ffab00
}

.alert-warning .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23ffab00' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23ffab00' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-warning .alert-link {
    color: #ffab00
}

.alert-warning hr {
    color: #ffab00!important
}

.alert-warning .alert-icon {
    background-color: #ffab00;
    box-shadow: 0 0 0 .125rem #ffab0029
}

.alert-outline-warning {
    border-color: #ffab00;
    color: #ffab00
}

.alert-outline-warning .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23ffab00' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23ffab00' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-outline-warning .alert-link {
    color: #ffab00
}

.alert-outline-warning hr {
    color: #ffab00!important
}

.alert-outline-warning .alert-icon {
    background-color: #ffab00!important;
    box-shadow: 0 0 0 .125rem #ffab0029
}

.alert-solid-warning {
    background-color: #ffab00;
    color: #fff
}

.alert-solid-warning .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-solid-warning .alert-link {
    color: #fff
}

.alert-solid-warning hr {
    color: #fff!important
}

.alert-solid-warning .alert-icon {
    color: #ffab00!important;
    box-shadow: 0 0 0 .125rem #ffbc33
}

.alert-danger {
    background-color: #ffe0db;
    border-color: #ffe0db;
    color: #ff3e1d
}

.alert-danger .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23ff3e1d' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23ff3e1d' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-danger .alert-link {
    color: #ff3e1d
}

.alert-danger hr {
    color: #ff3e1d!important
}

.alert-danger .alert-icon {
    background-color: #ff3e1d;
    box-shadow: 0 0 0 .125rem #ff3e1d29
}

.alert-outline-danger {
    border-color: #ff3e1d;
    color: #ff3e1d
}

.alert-outline-danger .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23ff3e1d' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23ff3e1d' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-outline-danger .alert-link {
    color: #ff3e1d
}

.alert-outline-danger hr {
    color: #ff3e1d!important
}

.alert-outline-danger .alert-icon {
    background-color: #ff3e1d!important;
    box-shadow: 0 0 0 .125rem #ff3e1d29
}

.alert-solid-danger {
    background-color: #ff3e1d;
    color: #fff
}

.alert-solid-danger .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-solid-danger .alert-link {
    color: #fff
}

.alert-solid-danger hr {
    color: #fff!important
}

.alert-solid-danger .alert-icon {
    color: #ff3e1d!important;
    box-shadow: 0 0 0 .125rem #ff654a
}

.alert-dark {
    background-color: #dddde0;
    border-color: #dddde0;
    color: #2b2c40
}

.alert-dark .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%232b2c40' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%232b2c40' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-dark .alert-link {
    color: #2b2c40
}

.alert-dark hr {
    color: #2b2c40!important
}

.alert-dark .alert-icon {
    background-color: #2b2c40;
    box-shadow: 0 0 0 .125rem #2b2c4029
}

.alert-outline-dark {
    border-color: #2b2c40;
    color: #2b2c40
}

.alert-outline-dark .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%232b2c40' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%232b2c40' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-outline-dark .alert-link {
    color: #2b2c40
}

.alert-outline-dark hr {
    color: #2b2c40!important
}

.alert-outline-dark .alert-icon {
    background-color: #2b2c40!important;
    box-shadow: 0 0 0 .125rem #2b2c4029
}

.alert-solid-dark {
    background-color: #2b2c40;
    color: #fff
}

.alert-solid-dark .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-solid-dark .alert-link {
    color: #fff
}

.alert-solid-dark hr {
    color: #fff!important
}

.alert-solid-dark .alert-icon {
    color: #2b2c40!important;
    box-shadow: 0 0 0 .125rem #555666
}

.alert-gray {
    background-color: #f2f3f3eb;
    border-color: #f2f3f3eb;
    color: #22303e80
}

.alert-gray .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='rgba(34, 48, 62, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='rgba(34, 48, 62, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-gray .alert-link {
    color: #22303e80
}

.alert-gray hr {
    color: #22303e80!important
}

.alert-gray .alert-icon {
    background-color: #22303e80;
    box-shadow: 0 0 0 .125rem #22303e29
}

.alert-outline-gray {
    border-color: #22303e80;
    color: #22303e80
}

.alert-outline-gray .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='rgba(34, 48, 62, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='rgba(34, 48, 62, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-outline-gray .alert-link {
    color: #22303e80
}

.alert-outline-gray hr {
    color: #22303e80!important
}

.alert-outline-gray .alert-icon {
    background-color: #22303e80!important;
    box-shadow: 0 0 0 .125rem #22303e29
}

.alert-solid-gray {
    background-color: #22303e80;
    color: #fff
}

.alert-solid-gray .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-solid-gray .alert-link {
    color: #fff
}

.alert-solid-gray hr {
    color: #fff!important
}

.alert-solid-gray .alert-icon {
    color: #22303e80!important;
    box-shadow: 0 0 0 .125rem #81899199
}

.alert-dismissible .btn-close {
    padding: 1.0875rem 1rem;
    background-size: .625rem .625rem
}

.alert {
    line-height: 1.375rem
}

.alert .alert-icon {
    color: #fff;
    height: 1.75rem;
    width: 1.75rem;
    padding: .68rem;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.alert[class*=alert-solid-] .alert-icon {
    background-color: #fff
}

.alert[class*=alert-solid-] .alert-icon :before {
    font-size: 1.125rem
}

.alert-dismissible {
    padding-left: 3rem;
    padding-right: 1rem
}

.alert-dismissible .btn-close {
    right: auto;
    left: 0
}

.alert .alert-icon {
    margin-right: 0;
    margin-left: 1rem
}


.input-hidden {
border: none !important;
border-radius: 8px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
font-size: 20px!important;
}

.input-hidden, .input-hidden:focus, .input-hidden:active, .input-hidden:hover, .input-hidden:target, .input-hidden:focus-visible, .input-hidden:focus-within{
    border: none !important;
    box-shadow: none !important;
}

.prompt-item:hover{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.placeholder {
    color: #FFDD33;
    font-weight: bold;
}
