/*------------------------------------------------------------------
  [Table of contents]
  
  1. Base
  2. Preloader
  3. Typography
  4. Bootstrap
  5. Helpers
  6. Elements
    - Element Alert
    - Element Badge
    - Element Buttons
    - Element Card
    - Element Pagination
    - Element Dropdown
    - Element Forms
    - Element List group
    - Element Modal
    - Element Navs
    - Element Progress
    - Element Spinners
    - Element Toast
    - Element Icons
  7. Plugins
    - Plugin Choices
    - Plugin Datatable
    - Plugin DateTime Picker
    - Plugin Selectize
    - Plugin Dropzone
    - Bootstrap multiselect
    - Pumpkin
-------------------------------------------------------------------*/
/**
  [Typography]

  Body:       13px/1.8 Inter, sans-serif;
  Title:      Inter, sans-serif
  Blockquote: PT Serif, serif

  Note: Most of font sizes are relative to the base font size (rem)
 */
/*------------------------------------------------------------------

  Base

 -------------------------------------------------------------------*/
body {
    position: relative;
    height: 100%;
    min-height: 100vh;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: initial;
    background-color: #fff;
}

.rui-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.rui-page .rui-page-content {
    position: relative;
    display: block;
    padding: 0px;
    z-index: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 20px 0 40px;
}

@media (max-width: 575.98px) {
    .rui-page .rui-page-content {
        padding: 30px 5px;
    }
    .rui-page .rui-page-content .container-fluid {
        padding: 0;
    }
}

.rui-page .rui-page-sidebar {
    height: auto;
    max-height: 100vh;
    border-left: 1px solid #e6ecf0;
}

.rui-page .rui-page-sidebar > .nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
    font-size: 11px;
    background-color: #fff;
}

.rui-body-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

/*------------------------------------------------------------------

  Preloader

 -------------------------------------------------------------------*/
.rui-page-preloader {
    display: none;
}

.rui-page-preloader.rui-page-preloader-active {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    opacity: 0;
    -webkit-transition: .3s opacity ease-in-out;
    -o-transition: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out;
    z-index: 1002;
}

.rui-page-loading-state .rui-page-preloader.rui-page-preloader-active {
    opacity: 1;
}

.rui-page-preloader.rui-page-preloader-active .rui-page-preloader-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}

.rui-page-preloader.rui-page-preloader-active .rui-page-preloader-inner > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: #725ec3;
    -webkit-box-shadow: 0 2px 20px #725ec3;
            box-shadow: 0 2px 20px #725ec3;
    -webkit-animation: rui-preloader-animation 0.8s infinite alternate ease;
            animation: rui-preloader-animation 0.8s infinite alternate ease;
}

.rui-page-preloader.rui-page-preloader-active .rui-page-preloader-inner > div:nth-child(1) {
    -webkit-animation-delay: 0.08s;
            animation-delay: 0.08s;
}

.rui-page-preloader.rui-page-preloader-active .rui-page-preloader-inner > div:nth-child(2) {
    -webkit-animation-delay: 0.16s;
            animation-delay: 0.16s;
}

.rui-page-preloader.rui-page-preloader-active .rui-page-preloader-inner > div:nth-child(3) {
    -webkit-animation-delay: 0.24s;
            animation-delay: 0.24s;
}

.rui-page-preloader.rui-page-preloader-active .rui-page-preloader-inner > div:nth-child(4) {
    -webkit-animation-delay: 0.32s;
            animation-delay: 0.32s;
}

.rui-page-preloader.rui-page-preloader-active .rui-page-preloader-inner > div:nth-child(5) {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
}

.rui-page-preloader.rui-page-preloader-active .rui-page-preloader-inner > div:nth-child(6) {
    -webkit-animation-delay: 0.48s;
            animation-delay: 0.48s;
}

.rui-page-preloader.rui-page-preloader-active .rui-page-preloader-inner > div:nth-child(7) {
    -webkit-animation-delay: 0.56s;
            animation-delay: 0.56s;
}

.rui-page-preloader.rui-page-preloader-active .rui-page-preloader-inner > div:nth-child(8) {
    -webkit-animation-delay: 0.64s;
            animation-delay: 0.64s;
}

.rui-page-preloader.rui-page-preloader-active .rui-page-preloader-inner > div:nth-child(9) {
    -webkit-animation-delay: 0.72s;
            animation-delay: 0.72s;
}

.rui-page-preloader.rui-page-preloader-active .rui-page-preloader-inner > div:nth-child(10) {
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
}

@-webkit-keyframes rui-preloader-animation {
    100% {
        -webkit-box-flex: 10;
        -webkit-flex: 10;
                flex: 10;
        background: transparent;
        -webkit-box-shadow: 0 0 0 transparent;
                box-shadow: 0 0 0 transparent;
    }
}

@keyframes rui-preloader-animation {
    100% {
        -webkit-box-flex: 10;
        -webkit-flex: 10;
            -ms-flex: 10;
                flex: 10;
        background: transparent;
        -webkit-box-shadow: 0 0 0 transparent;
                box-shadow: 0 0 0 transparent;
    }
}

/*------------------------------------------------------------------

  Typography

 -------------------------------------------------------------------*/
html {
    font-size: 13px;
}

body {
    font-family: "Inter", sans-serif;
    line-height: 1.8;
    color: #4b515b;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #4371E8;
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
}

a:hover, a.hover {
    color: #1540b0;
    text-decoration: none;
}

a:active {
    color: #4371E8;
}

p {
    margin-top: -5px;
    margin-bottom: 1.8rem;
}

b,
strong {
    font-weight: 600;
}

small {
    font-size: 85%;
}

label {
    margin-bottom: .7rem;
    font-weight: 400;
    color: #6c757d;
}

pre:not(.CodeMirror-line) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

code {
    display: inline-block;
    padding: 3px 5px;
    color: #6c757d;
    background-color: #f8f9fa;
    border-radius: .2rem;
}

mark,
.mark {
    padding: 3px 6px;
    border-radius: .2rem;
}

/* headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 1.7rem;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #393f49;
    text-transform: none;
    letter-spacing: normal;
}

h1,
.h1 {
    margin-top: -5px;
    font-size: 2.24rem;
}

h2,
.h2 {
    margin-top: -4px;
    font-size: 1.68rem;
}

h3,
.h3 {
    margin-top: -3px;
    font-size: 1.76rem;
}

h4,
.h4 {
    margin-top: -6px;
    font-size: 1.44rem;
}

h5,
.h5 {
    margin-top: -2px;
    font-size: 1.363rem;
}

h6,
.h6 {
    margin-top: -2px;
    font-size: 1.2rem;
}

.display-1,
.display-2,
.display-3,
.display-4 {
    font-weight: 300;
    text-transform: none;
    letter-spacing: normal;
}

.display-1 {
    margin-top: -11px;
    margin-bottom: 1.15rem;
    font-size: 3.1rem;
}

.display-2 {
    margin-top: -9px;
    margin-bottom: 1.25rem;
    font-size: 2.7rem;
}

.display-3 {
    margin-top: -7px;
    margin-bottom: 1.45rem;
    font-size: 2.2rem;
}

.display-4 {
    margin-top: -5px;
    margin-bottom: 1.55rem;
    font-size: 1.72rem;
}

/* Lead */
.lead {
    margin-top: -7px;
    margin-bottom: 1.65rem;
    font-size: 1.10rem;
    font-weight: 300;
}

/*------------------------------------------------------------------

  Bootstrap

 -------------------------------------------------------------------*/
/* Height helpers */
.h-80 {
    height: 80% !important;
}

.h-10 {
    height: 10% !important;
}

/*------------------------------------------------------------------

  Helpers

 -------------------------------------------------------------------*/
.rounded {
    border-radius: .25rem !important;
}

.border {
    border-color: #f3f4f7 !important;
}

/*
 * Text Color Helper
 */
.text-white {
    color: #fff !important;
}

.text-black {
    color: #000 !important;
}

.text-1 {
    color: #393f49 !important;
}

.text-2 {
    color: #4b515b !important;
}

.text-grey-1 {
    color: #f8f9fa !important;
}

.text-grey-2 {
    color: #f3f4f7 !important;
}

.text-grey-3 {
    color: #eaecf0 !important;
}

.text-grey-4 {
    color: #d7d9e0 !important;
}

.text-grey-5 {
    color: #d4d4d4 !important;
}

.text-grey-6 {
    color: #a4a6a8 !important;
}

/*
 * Bg Color Helper
 */
.bg-white {
    background-color: #fff !important;
}

.bg-black {
    background-color: #000 !important;
}

.bg-1 {
    background-color: #393f49 !important;
}

.bg-2 {
    background-color: #4b515b !important;
}

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

.bg-grey-2 {
    background-color: #f3f4f7 !important;
}

.bg-grey-3 {
    background-color: #eaecf0 !important;
}

.bg-grey-4 {
    background-color: #d7d9e0 !important;
}

.bg-grey-5 {
    background-color: #d4d4d4 !important;
}

.bg-grey-6 {
    background-color: #a4a6a8 !important;
}

/*
 * Image Fit
 */
.rui-img {
    max-width: 100%;
    height: auto;
}

.rui-img img {
    max-width: 100%;
    height: auto;
}

/*
 * Text Align Helper
 */
.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

/*
 * Inline Block Helper
 */
.dib {
    display: inline-block !important;
}

/*
 * Block Helper
 */
.db {
    display: block !important;
    width: 100%;
}

/*
 * Text Transform Helper
 */
.text-uppercase {
    text-transform: uppercase !important;
}

/*
 * White-space Helper
 */
.wsw {
    white-space: normal !important;
}

.wsnw {
    white-space: nowrap !important;
}

.wsp {
    white-space: pre !important;
}

/*
 * Width Helper
 */
.w-5 {
    width: 5% !important;
}

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

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

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

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

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

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

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

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

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

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

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

/*
 * Font Weight Helper
 */
.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

/*
 * Font Size Helper
 */
.fs-4 {
    font-size: 4px !important;
}

.fs-5 {
    font-size: 5px !important;
}

.fs-6 {
    font-size: 6px !important;
}

.fs-7 {
    font-size: 7px !important;
}

.fs-8 {
    font-size: 8px !important;
}

.fs-9 {
    font-size: 9px !important;
}

.fs-10 {
    font-size: 10px !important;
}

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

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

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

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

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

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

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

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

.fs-19 {
    font-size: 19px !important;
}

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

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

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

.fs-26 {
    font-size: 26px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-35 {
    font-size: 35px !important;
}

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

.fs-45 {
    font-size: 45px !important;
}

.fs-50 {
    font-size: 50px !important;
}

/*
 * Line Height Helper
 */
.lh-0 {
    line-height: 0px !important;
}

.lh-5 {
    line-height: 5px !important;
}

.lh-10 {
    line-height: 10px !important;
}

.lh-15 {
    line-height: 15px !important;
}

.lh-20 {
    line-height: 20px !important;
}

.lh-25 {
    line-height: 25px !important;
}

.lh-30 {
    line-height: 30px !important;
}

.lh-35 {
    line-height: 35px !important;
}

.lh-40 {
    line-height: 40px !important;
}

.lh-45 {
    line-height: 45px !important;
}

.lh-50 {
    line-height: 50px !important;
}

/*
 * Border Radius Helper
 */
.br-0 {
    border-radius: 0px !important;
}

.br-1 {
    border-radius: 1px !important;
}

.br-2 {
    border-radius: 2px !important;
}

.br-3 {
    border-radius: 3px !important;
}

.br-4 {
    border-radius: 4px !important;
}

.br-5 {
    border-radius: 5px !important;
}

.br-6 {
    border-radius: 6px !important;
}

.br-7 {
    border-radius: 7px !important;
}

.br-8 {
    border-radius: 8px !important;
}

.br-9 {
    border-radius: 9px !important;
}

.br-10 {
    border-radius: 10px !important;
}

.br-12 {
    border-radius: 12px !important;
}

.br-14 {
    border-radius: 14px !important;
}

.br-16 {
    border-radius: 16px !important;
}

.br-18 {
    border-radius: 18px !important;
}

.br-20 {
    border-radius: 20px !important;
}

.br-25 {
    border-radius: 25px !important;
}

.br-30 {
    border-radius: 30px !important;
}

.br-35 {
    border-radius: 35px !important;
}

/*
 * Paddings Helper
 */
.p-0 {
    padding: 0px !important;
}

.p-1 {
    padding: 1px !important;
}

.p-2 {
    padding: 2px !important;
}

.p-3 {
    padding: 3px !important;
}

.p-4 {
    padding: 4px !important;
}

.p-5 {
    padding: 5px !important;
}

.p-6 {
    padding: 6px !important;
}

.p-7 {
    padding: 7px !important;
}

.p-8 {
    padding: 8px !important;
}

.p-9 {
    padding: 9px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-35 {
    padding: 35px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-45 {
    padding: 45px !important;
}

.p-50 {
    padding: 50px !important;
}

.p-60 {
    padding: 60px !important;
}

.p-70 {
    padding: 70px !important;
}

.p-80 {
    padding: 80px !important;
}

.p-85 {
    padding: 85px !important;
}

.p-90 {
    padding: 90px !important;
}

.p-100 {
    padding: 100px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-1 {
    padding-top: 1px !important;
}

.pt-2 {
    padding-top: 2px !important;
}

.pt-3 {
    padding-top: 3px !important;
}

.pt-4 {
    padding-top: 4px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-6 {
    padding-top: 6px !important;
}

.pt-7 {
    padding-top: 7px !important;
}

.pt-8 {
    padding-top: 8px !important;
}

.pt-9 {
    padding-top: 9px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-85 {
    padding-top: 85px !important;
}

.pt-90 {
    padding-top: 90px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-1 {
    padding-left: 1px !important;
}

.pl-2 {
    padding-left: 2px !important;
}

.pl-3 {
    padding-left: 3px !important;
}

.pl-4 {
    padding-left: 4px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-6 {
    padding-left: 6px !important;
}

.pl-7 {
    padding-left: 7px !important;
}

.pl-8 {
    padding-left: 8px !important;
}

.pl-9 {
    padding-left: 9px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.pl-85 {
    padding-left: 85px !important;
}

.pl-90 {
    padding-left: 90px !important;
}

.pl-100 {
    padding-left: 100px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-1 {
    padding-right: 1px !important;
}

.pr-2 {
    padding-right: 2px !important;
}

.pr-3 {
    padding-right: 3px !important;
}

.pr-4 {
    padding-right: 4px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-6 {
    padding-right: 6px !important;
}

.pr-7 {
    padding-right: 7px !important;
}

.pr-8 {
    padding-right: 8px !important;
}

.pr-9 {
    padding-right: 9px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pr-70 {
    padding-right: 70px !important;
}

.pr-80 {
    padding-right: 80px !important;
}

.pr-85 {
    padding-right: 85px !important;
}

.pr-90 {
    padding-right: 90px !important;
}

.pr-100 {
    padding-right: 100px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-1 {
    padding-bottom: 1px !important;
}

.pb-2 {
    padding-bottom: 2px !important;
}

.pb-3 {
    padding-bottom: 3px !important;
}

.pb-4 {
    padding-bottom: 4px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-6 {
    padding-bottom: 6px !important;
}

.pb-7 {
    padding-bottom: 7px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.pb-9 {
    padding-bottom: 9px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pb-85 {
    padding-bottom: 85px !important;
}

.pb-90 {
    padding-bottom: 90px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.py-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.py-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.py-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.py-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.py-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.py-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.py-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.py-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.py-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

.py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.px-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.px-1 {
    padding-right: 1px !important;
    padding-left: 1px !important;
}

.px-2 {
    padding-right: 2px !important;
    padding-left: 2px !important;
}

.px-3 {
    padding-right: 3px !important;
    padding-left: 3px !important;
}

.px-4 {
    padding-right: 4px !important;
    padding-left: 4px !important;
}

.px-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.px-6 {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.px-7 {
    padding-right: 7px !important;
    padding-left: 7px !important;
}

.px-8 {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.px-9 {
    padding-right: 9px !important;
    padding-left: 9px !important;
}

.px-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.px-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.px-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.px-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.px-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.px-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
}

.px-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.px-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
}

.px-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
}

.px-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
}

.px-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
}

.px-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
}

.px-85 {
    padding-right: 85px !important;
    padding-left: 85px !important;
}

.px-90 {
    padding-right: 90px !important;
    padding-left: 90px !important;
}

.px-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
}

/*
 * Margins Helper
 */
.m-0 {
    margin: 0px !important;
}

.m-1 {
    margin: 1px !important;
}

.m-2 {
    margin: 2px !important;
}

.m-3 {
    margin: 3px !important;
}

.m-4 {
    margin: 4px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-6 {
    margin: 6px !important;
}

.m-7 {
    margin: 7px !important;
}

.m-8 {
    margin: 8px !important;
}

.m-9 {
    margin: 9px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-13 {
    margin: 13px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-18 {
    margin: 18px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-25 {
    margin: 25px !important;
}

.m-30 {
    margin: 30px !important;
}

.m-35 {
    margin: 35px !important;
}

.m-40 {
    margin: 40px !important;
}

.m-45 {
    margin: 45px !important;
}

.m-50 {
    margin: 50px !important;
}

.m-55 {
    margin: 55px !important;
}

.m-60 {
    margin: 60px !important;
}

.m-70 {
    margin: 70px !important;
}

.m-80 {
    margin: 80px !important;
}

.m-90 {
    margin: 90px !important;
}

.m-100 {
    margin: 100px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-1 {
    margin-top: 1px !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.mt-3 {
    margin-top: 3px !important;
}

.mt-4 {
    margin-top: 4px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-6 {
    margin-top: 6px !important;
}

.mt-7 {
    margin-top: 7px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mt-9 {
    margin-top: 9px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-13 {
    margin-top: 13px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-18 {
    margin-top: 18px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-55 {
    margin-top: 55px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-1 {
    margin-left: 1px !important;
}

.ml-2 {
    margin-left: 2px !important;
}

.ml-3 {
    margin-left: 3px !important;
}

.ml-4 {
    margin-left: 4px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-6 {
    margin-left: 6px !important;
}

.ml-7 {
    margin-left: 7px !important;
}

.ml-8 {
    margin-left: 8px !important;
}

.ml-9 {
    margin-left: 9px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-13 {
    margin-left: 13px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-18 {
    margin-left: 18px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-55 {
    margin-left: 55px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.ml-70 {
    margin-left: 70px !important;
}

.ml-80 {
    margin-left: 80px !important;
}

.ml-90 {
    margin-left: 90px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-1 {
    margin-right: 1px !important;
}

.mr-2 {
    margin-right: 2px !important;
}

.mr-3 {
    margin-right: 3px !important;
}

.mr-4 {
    margin-right: 4px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-6 {
    margin-right: 6px !important;
}

.mr-7 {
    margin-right: 7px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.mr-9 {
    margin-right: 9px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-13 {
    margin-right: 13px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-18 {
    margin-right: 18px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mr-55 {
    margin-right: 55px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mr-70 {
    margin-right: 70px !important;
}

.mr-80 {
    margin-right: 80px !important;
}

.mr-90 {
    margin-right: 90px !important;
}

.mr-100 {
    margin-right: 100px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-1 {
    margin-bottom: 1px !important;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.mb-3 {
    margin-bottom: 3px !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-6 {
    margin-bottom: 6px !important;
}

.mb-7 {
    margin-bottom: 7px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-9 {
    margin-bottom: 9px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-13 {
    margin-bottom: 13px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-18 {
    margin-bottom: 18px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.my-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.my-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.my-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.my-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.my-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.my-7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

.my-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.my-9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
}

.my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.my-13 {
    margin-top: 13px !important;
    margin-bottom: 13px !important;
}

.my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.my-18 {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
}

.my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.my-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.my-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.my-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.my-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
}

.my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.my-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.my-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.mx-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.mx-1 {
    margin-right: 1px !important;
    margin-left: 1px !important;
}

.mx-2 {
    margin-right: 2px !important;
    margin-left: 2px !important;
}

.mx-3 {
    margin-right: 3px !important;
    margin-left: 3px !important;
}

.mx-4 {
    margin-right: 4px !important;
    margin-left: 4px !important;
}

.mx-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.mx-6 {
    margin-right: 6px !important;
    margin-left: 6px !important;
}

.mx-7 {
    margin-right: 7px !important;
    margin-left: 7px !important;
}

.mx-8 {
    margin-right: 8px !important;
    margin-left: 8px !important;
}

.mx-9 {
    margin-right: 9px !important;
    margin-left: 9px !important;
}

.mx-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.mx-13 {
    margin-right: 13px !important;
    margin-left: 13px !important;
}

.mx-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.mx-18 {
    margin-right: 18px !important;
    margin-left: 18px !important;
}

.mx-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.mx-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
}

.mx-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
}

.mx-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
}

.mx-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
}

.mx-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
}

.mx-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
}

.mx-55 {
    margin-right: 55px !important;
    margin-left: 55px !important;
}

.mx-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
}

.mx-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
}

.mx-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
}

.mx-90 {
    margin-right: 90px !important;
    margin-left: 90px !important;
}

.mx-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
}

/*
 * Negative Margins Helper
 */
.mn-0 {
    margin: 0px !important;
}

.mn-1 {
    margin: -1px !important;
}

.mn-2 {
    margin: -2px !important;
}

.mn-3 {
    margin: -3px !important;
}

.mn-4 {
    margin: -4px !important;
}

.mn-5 {
    margin: -5px !important;
}

.mn-6 {
    margin: -6px !important;
}

.mn-7 {
    margin: -7px !important;
}

.mn-8 {
    margin: -8px !important;
}

.mn-9 {
    margin: -9px !important;
}

.mn-10 {
    margin: -10px !important;
}

.mn-13 {
    margin: -13px !important;
}

.mn-15 {
    margin: -15px !important;
}

.mn-18 {
    margin: -18px !important;
}

.mn-20 {
    margin: -20px !important;
}

.mn-25 {
    margin: -25px !important;
}

.mn-30 {
    margin: -30px !important;
}

.mn-35 {
    margin: -35px !important;
}

.mn-40 {
    margin: -40px !important;
}

.mn-45 {
    margin: -45px !important;
}

.mn-50 {
    margin: -50px !important;
}

.mn-55 {
    margin: -55px !important;
}

.mn-60 {
    margin: -60px !important;
}

.mn-70 {
    margin: -70px !important;
}

.mn-80 {
    margin: -80px !important;
}

.mn-90 {
    margin: -90px !important;
}

.mn-100 {
    margin: -100px !important;
}

.mnt-0 {
    margin-top: 0px !important;
}

.mnt-1 {
    margin-top: -1px !important;
}

.mnt-2 {
    margin-top: -2px !important;
}

.mnt-3 {
    margin-top: -3px !important;
}

.mnt-4 {
    margin-top: -4px !important;
}

.mnt-5 {
    margin-top: -5px !important;
}

.mnt-6 {
    margin-top: -6px !important;
}

.mnt-7 {
    margin-top: -7px !important;
}

.mnt-8 {
    margin-top: -8px !important;
}

.mnt-9 {
    margin-top: -9px !important;
}

.mnt-10 {
    margin-top: -10px !important;
}

.mnt-13 {
    margin-top: -13px !important;
}

.mnt-15 {
    margin-top: -15px !important;
}

.mnt-18 {
    margin-top: -18px !important;
}

.mnt-20 {
    margin-top: -20px !important;
}

.mnt-25 {
    margin-top: -25px !important;
}

.mnt-30 {
    margin-top: -30px !important;
}

.mnt-35 {
    margin-top: -35px !important;
}

.mnt-40 {
    margin-top: -40px !important;
}

.mnt-45 {
    margin-top: -45px !important;
}

.mnt-50 {
    margin-top: -50px !important;
}

.mnt-55 {
    margin-top: -55px !important;
}

.mnt-60 {
    margin-top: -60px !important;
}

.mnt-70 {
    margin-top: -70px !important;
}

.mnt-80 {
    margin-top: -80px !important;
}

.mnt-90 {
    margin-top: -90px !important;
}

.mnt-100 {
    margin-top: -100px !important;
}

.mnl-0 {
    margin-left: 0px !important;
}

.mnl-1 {
    margin-left: -1px !important;
}

.mnl-2 {
    margin-left: -2px !important;
}

.mnl-3 {
    margin-left: -3px !important;
}

.mnl-4 {
    margin-left: -4px !important;
}

.mnl-5 {
    margin-left: -5px !important;
}

.mnl-6 {
    margin-left: -6px !important;
}

.mnl-7 {
    margin-left: -7px !important;
}

.mnl-8 {
    margin-left: -8px !important;
}

.mnl-9 {
    margin-left: -9px !important;
}

.mnl-10 {
    margin-left: -10px !important;
}

.mnl-13 {
    margin-left: -13px !important;
}

.mnl-15 {
    margin-left: -15px !important;
}

.mnl-18 {
    margin-left: -18px !important;
}

.mnl-20 {
    margin-left: -20px !important;
}

.mnl-25 {
    margin-left: -25px !important;
}

.mnl-30 {
    margin-left: -30px !important;
}

.mnl-35 {
    margin-left: -35px !important;
}

.mnl-40 {
    margin-left: -40px !important;
}

.mnl-45 {
    margin-left: -45px !important;
}

.mnl-50 {
    margin-left: -50px !important;
}

.mnl-55 {
    margin-left: -55px !important;
}

.mnl-60 {
    margin-left: -60px !important;
}

.mnl-70 {
    margin-left: -70px !important;
}

.mnl-80 {
    margin-left: -80px !important;
}

.mnl-90 {
    margin-left: -90px !important;
}

.mnl-100 {
    margin-left: -100px !important;
}

.mnr-0 {
    margin-right: 0px !important;
}

.mnr-1 {
    margin-right: -1px !important;
}

.mnr-2 {
    margin-right: -2px !important;
}

.mnr-3 {
    margin-right: -3px !important;
}

.mnr-4 {
    margin-right: -4px !important;
}

.mnr-5 {
    margin-right: -5px !important;
}

.mnr-6 {
    margin-right: -6px !important;
}

.mnr-7 {
    margin-right: -7px !important;
}

.mnr-8 {
    margin-right: -8px !important;
}

.mnr-9 {
    margin-right: -9px !important;
}

.mnr-10 {
    margin-right: -10px !important;
}

.mnr-13 {
    margin-right: -13px !important;
}

.mnr-15 {
    margin-right: -15px !important;
}

.mnr-18 {
    margin-right: -18px !important;
}

.mnr-20 {
    margin-right: -20px !important;
}

.mnr-25 {
    margin-right: -25px !important;
}

.mnr-30 {
    margin-right: -30px !important;
}

.mnr-35 {
    margin-right: -35px !important;
}

.mnr-40 {
    margin-right: -40px !important;
}

.mnr-45 {
    margin-right: -45px !important;
}

.mnr-50 {
    margin-right: -50px !important;
}

.mnr-55 {
    margin-right: -55px !important;
}

.mnr-60 {
    margin-right: -60px !important;
}

.mnr-70 {
    margin-right: -70px !important;
}

.mnr-80 {
    margin-right: -80px !important;
}

.mnr-90 {
    margin-right: -90px !important;
}

.mnr-100 {
    margin-right: -100px !important;
}

.mnb-0 {
    margin-bottom: 0px !important;
}

.mnb-1 {
    margin-bottom: -1px !important;
}

.mnb-2 {
    margin-bottom: -2px !important;
}

.mnb-3 {
    margin-bottom: -3px !important;
}

.mnb-4 {
    margin-bottom: -4px !important;
}

.mnb-5 {
    margin-bottom: -5px !important;
}

.mnb-6 {
    margin-bottom: -6px !important;
}

.mnb-7 {
    margin-bottom: -7px !important;
}

.mnb-8 {
    margin-bottom: -8px !important;
}

.mnb-9 {
    margin-bottom: -9px !important;
}

.mnb-10 {
    margin-bottom: -10px !important;
}

.mnb-13 {
    margin-bottom: -13px !important;
}

.mnb-15 {
    margin-bottom: -15px !important;
}

.mnb-18 {
    margin-bottom: -18px !important;
}

.mnb-20 {
    margin-bottom: -20px !important;
}

.mnb-25 {
    margin-bottom: -25px !important;
}

.mnb-30 {
    margin-bottom: -30px !important;
}

.mnb-35 {
    margin-bottom: -35px !important;
}

.mnb-40 {
    margin-bottom: -40px !important;
}

.mnb-45 {
    margin-bottom: -45px !important;
}

.mnb-50 {
    margin-bottom: -50px !important;
}

.mnb-55 {
    margin-bottom: -55px !important;
}

.mnb-60 {
    margin-bottom: -60px !important;
}

.mnb-70 {
    margin-bottom: -70px !important;
}

.mnb-80 {
    margin-bottom: -80px !important;
}

.mnb-90 {
    margin-bottom: -90px !important;
}

.mnb-100 {
    margin-bottom: -100px !important;
}

.mny-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.mny-1 {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
}

.mny-2 {
    margin-top: -2px !important;
    margin-bottom: -2px !important;
}

.mny-3 {
    margin-top: -3px !important;
    margin-bottom: -3px !important;
}

.mny-4 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
}

.mny-5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
}

.mny-6 {
    margin-top: -6px !important;
    margin-bottom: -6px !important;
}

.mny-7 {
    margin-top: -7px !important;
    margin-bottom: -7px !important;
}

.mny-8 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
}

.mny-9 {
    margin-top: -9px !important;
    margin-bottom: -9px !important;
}

.mny-10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
}

.mny-13 {
    margin-top: -13px !important;
    margin-bottom: -13px !important;
}

.mny-15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
}

.mny-18 {
    margin-top: -18px !important;
    margin-bottom: -18px !important;
}

.mny-20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
}

.mny-25 {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
}

.mny-30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
}

.mny-35 {
    margin-top: -35px !important;
    margin-bottom: -35px !important;
}

.mny-40 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
}

.mny-45 {
    margin-top: -45px !important;
    margin-bottom: -45px !important;
}

.mny-50 {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
}

.mny-55 {
    margin-top: -55px !important;
    margin-bottom: -55px !important;
}

.mny-60 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
}

.mny-70 {
    margin-top: -70px !important;
    margin-bottom: -70px !important;
}

.mny-80 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
}

.mny-90 {
    margin-top: -90px !important;
    margin-bottom: -90px !important;
}

.mny-100 {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
}

.mnx-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.mnx-1 {
    margin-right: -1px !important;
    margin-left: -1px !important;
}

.mnx-2 {
    margin-right: -2px !important;
    margin-left: -2px !important;
}

.mnx-3 {
    margin-right: -3px !important;
    margin-left: -3px !important;
}

.mnx-4 {
    margin-right: -4px !important;
    margin-left: -4px !important;
}

.mnx-5 {
    margin-right: -5px !important;
    margin-left: -5px !important;
}

.mnx-6 {
    margin-right: -6px !important;
    margin-left: -6px !important;
}

.mnx-7 {
    margin-right: -7px !important;
    margin-left: -7px !important;
}

.mnx-8 {
    margin-right: -8px !important;
    margin-left: -8px !important;
}

.mnx-9 {
    margin-right: -9px !important;
    margin-left: -9px !important;
}

.mnx-10 {
    margin-right: -10px !important;
    margin-left: -10px !important;
}

.mnx-13 {
    margin-right: -13px !important;
    margin-left: -13px !important;
}

.mnx-15 {
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.mnx-18 {
    margin-right: -18px !important;
    margin-left: -18px !important;
}

.mnx-20 {
    margin-right: -20px !important;
    margin-left: -20px !important;
}

.mnx-25 {
    margin-right: -25px !important;
    margin-left: -25px !important;
}

.mnx-30 {
    margin-right: -30px !important;
    margin-left: -30px !important;
}

.mnx-35 {
    margin-right: -35px !important;
    margin-left: -35px !important;
}

.mnx-40 {
    margin-right: -40px !important;
    margin-left: -40px !important;
}

.mnx-45 {
    margin-right: -45px !important;
    margin-left: -45px !important;
}

.mnx-50 {
    margin-right: -50px !important;
    margin-left: -50px !important;
}

.mnx-55 {
    margin-right: -55px !important;
    margin-left: -55px !important;
}

.mnx-60 {
    margin-right: -60px !important;
    margin-left: -60px !important;
}

.mnx-70 {
    margin-right: -70px !important;
    margin-left: -70px !important;
}

.mnx-80 {
    margin-right: -80px !important;
    margin-left: -80px !important;
}

.mnx-90 {
    margin-right: -90px !important;
    margin-left: -90px !important;
}

.mnx-100 {
    margin-right: -100px !important;
    margin-left: -100px !important;
}

/*
 * Opacity
 */
.op-0 {
    opacity: 0 !important;
}

.op-1 {
    opacity: 0.1 !important;
}

.op-2 {
    opacity: 0.2 !important;
}

.op-3 {
    opacity: 0.3 !important;
}

.op-4 {
    opacity: 0.4 !important;
}

.op-5 {
    opacity: 0.5 !important;
}

.op-6 {
    opacity: 0.6 !important;
}

.op-7 {
    opacity: 0.7 !important;
}

.op-8 {
    opacity: 0.8 !important;
}

.op-9 {
    opacity: 0.9 !important;
}

.op-10 {
    opacity: 1 !important;
}

/*------------------------------------------------------------------

  Elements

 -------------------------------------------------------------------*/
/*---------------------------
  Element Alert
 ----------------------------*/
.alert {
    padding: 19px 25px;
    margin: 0;
    color: #6c757d;
    background-color: #f8f9fa;
    border: 0;
    border-left: 2px solid;
}

.alert + .alert {
    margin-top: 10px;
}

.alert hr {
    border-top-color: #e6ecf0;
}

.alert .alert-link {
    color: #393f49;
}

.alert-brand {
    border-color: #725ec3;
}

.alert-primary {
    border-color: #007bff;
}

.alert-secondary {
    border-color: #6c757d;
}

.alert-success {
    border-color: #2fc787;
}

.alert-danger {
    border-color: #ef5164;
}

.alert-warning {
    border-color: #ffe297;
}

.alert-info {
    border-color: #32bfc8;
}

.alert-light {
    border-color: #f8f9fa;
}

.alert-dark {
    border-color: #393f49;
}

.alert-link {
    font-weight: 600;
}

.alert-content {
    padding: 30px;
}

.alert-content p + hr {
    margin-top: 25px;
}

.alert-content hr {
    margin: 30px 0;
}

.alert-dismissible .close {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 21.5px 22px;
    -webkit-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
}

.alert-dismissible .close:hover, .alert-dismissible .close.hover {
    color: #393f49;
}

/*---------------------------
  Element Badge
 ----------------------------*/
.badge {
    border-radius: 100px;
    font-size: 1.13rem;
    font-weight: 400;
    line-height: 19.2px;
}

.badge-circle {
    width: 24px;
    height: 24px;
    color: #000000;
    background: var(--bg-color);
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

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

.badge-green-bg {
    background-color: #a5ffae;
}

.badge-yellow-bg {
    background-color: #ffe297;
}

.badge-red-bg {
    background-color: #FFDBDB;
}

.badge-brand {
    padding: 2px 21px;
}

.badge-ellipce {
    width: auto;
    min-width: 24px;
    padding: 5px;
}

/*---------------------------
  Element Buttons
 ----------------------------*/
.btn {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 7px 12px;
    font-size: 0.96rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 20px;
}

.btn.text-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.btn.text-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.btn > .icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: inherit;
}

.btn > .icon::after {
    content: ".";
    width: 0;
    color: transparent;
}

.btn > .icon + .text {
    margin-left: 10px;
}

.btn > .text + .icon {
    margin-left: 10px;
}

.btn .rui-icon {
    width: 15px;
    min-width: 15px;
    height: 15px;
}

.dropleft > .dropdown-toggle::before {
    display: none;
}

.btn-grey-1 {
    color: #6c757d;
}

.btn-grey-1:hover, .btn-grey-1.hover {
    color: #6c757d;
    background-color: #e0e2e3;
    border-color: #eff1f4;
}

.btn-grey-1:active {
    color: #6c757d;
}

.btn-grey-1:focus, .btn-grey-1.focus {
    background-color: #e6eaed;
    border-color: #e6eaed;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(239, 241, 244, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(239, 241, 244, 0.5);
}

.btn-grey-2 {
    color: #6c757d;
    background-color: #f3f4f7;
    border-color: #f3f4f7;
}

.btn-grey-2:hover, .btn-grey-2.hover {
    color: #6c757d;
    background-color: #eaecf1;
    border-color: #eaecf1;
}

.btn-grey-2:active {
    color: #6c757d;
}

.btn-grey-2:focus, .btn-grey-2.focus {
    background-color: #e1e3eb;
    border-color: #e1e3eb;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(234, 236, 241, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(234, 236, 241, 0.5);
}

.btn-grey-3 {
    color: #6c757d;
    background-color: #eaecf0;
    border-color: #eaecf0;
}

.btn-grey-3:hover, .btn-grey-3.hover {
    color: #6c757d;
    background-color: #e1e4ea;
    border-color: #e1e4ea;
}

.btn-grey-3:active {
    color: #6c757d;
}

.btn-grey-3:focus, .btn-grey-3.focus {
    background-color: #d8dce3;
    border-color: #d8dce3;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 228, 234, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(225, 228, 234, 0.5);
}

.btn-outline {
    background-color: transparent;
}

.btn-lg {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
    font-size: 11px;
}

.btn-lg .rui-icon {
    width: 19px;
    min-width: 19px;
    height: 19px;
}

.btn-sm {
    padding-top: 8.5px;
    padding-bottom: 8.5px;
    font-size: 1.1rem;
}

.btn-sm .rui-icon {
    width: 13px;
    min-width: 13px;
    height: 13px;
}

.btn-link {
    color: #725ec3;
    background: transparent;
    border: 0;
}

.btn-link:focus, .btn-link.focus {
    color: #725ec3;
}

.btn-link:hover, .btn-link.hover {
    color: #5641ad;
    background: transparent;
}

.btn-link:not(:disabled):not(.disabled):active:focus {
    color: #5641ad;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-round {
    border-radius: 100px;
}

.btn-long {
    padding-right: 23px;
    padding-left: 23px;
}

.btn-long > .text + .icon {
    margin-left: 15px;
}

.btn-long > .icon + .text {
    margin-left: 15px;
}

.btn-uniform {
    padding-right: 9px;
    padding-left: 9px;
}

.btn-uniform.btn-lg {
    padding-right: 10.5px;
    padding-left: 10.5px;
}

.btn-uniform.btn-sm {
    padding-right: 8.5px;
    padding-left: 8.5px;
}

.btn-clean {
    color: #d4d4d4;
    background-color: transparent;
    border-color: transparent;
}

.btn-clean.btn-white {
    color: #fff;
}

.btn-clean.btn-black {
    color: #000;
}

.btn-clean.btn-1 {
    color: #393f49;
}

.btn-clean.btn-2 {
    color: #4b515b;
}

.btn-clean.btn-grey-1 {
    color: #f8f9fa;
}

.btn-clean.btn-grey-2 {
    color: #f3f4f7;
}

.btn-clean.btn-grey-3 {
    color: #eaecf0;
}

.btn-clean.btn-grey-4 {
    color: #d7d9e0;
}

.btn-clean.btn-grey-5 {
    color: #d4d4d4;
}

.btn-clean.btn-grey-6 {
    color: #a4a6a8;
}

.btn-clean:hover, .btn-clean.hover {
    color: #393f49;
}

.btn-clean:focus, .btn-clean.focus {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-clean:not(.disabled):not(:disabled):active {
    color: #393f49;
    background-color: transparent;
}

.btn-hover-outline:hover, .btn-hover-outline.hover, .btn-hover-outline:focus, .btn-hover-outline.focus {
    color: inherit;
    background-color: transparent;
}

.btn-hover-outline.btn-brand:hover, .btn-hover-outline.btn-brand.hover, .btn-hover-outline.btn-brand:focus, .btn-hover-outline.btn-brand.focus {
    color: #725ec3;
}

.btn-hover-outline.btn-primary:hover, .btn-hover-outline.btn-primary.hover, .btn-hover-outline.btn-primary:focus, .btn-hover-outline.btn-primary.focus {
    color: #007bff;
}

.btn-hover-outline.btn-secondary:hover, .btn-hover-outline.btn-secondary.hover, .btn-hover-outline.btn-secondary:focus, .btn-hover-outline.btn-secondary.focus {
    color: #6c757d;
}

.btn-hover-outline.btn-success:hover, .btn-hover-outline.btn-success.hover, .btn-hover-outline.btn-success:focus, .btn-hover-outline.btn-success.focus {
    color: #2fc787;
}

.btn-hover-outline.btn-danger:hover, .btn-hover-outline.btn-danger.hover, .btn-hover-outline.btn-danger:focus, .btn-hover-outline.btn-danger.focus {
    color: #ef5164;
}

.btn-hover-outline.btn-warning:hover, .btn-hover-outline.btn-warning.hover, .btn-hover-outline.btn-warning:focus, .btn-hover-outline.btn-warning.focus {
    color: #ffe297;
}

.btn-hover-outline.btn-info:hover, .btn-hover-outline.btn-info.hover, .btn-hover-outline.btn-info:focus, .btn-hover-outline.btn-info.focus {
    color: #32bfc8;
}

.btn-hover-outline.btn-light:hover, .btn-hover-outline.btn-light.hover, .btn-hover-outline.btn-light:focus, .btn-hover-outline.btn-light.focus {
    color: #f8f9fa;
}

.btn-hover-outline.btn-dark:hover, .btn-hover-outline.btn-dark.hover, .btn-hover-outline.btn-dark:focus, .btn-hover-outline.btn-dark.focus {
    color: #393f49;
}

.btn-hover-brand:hover, .btn-hover-brand.hover, .btn-hover-brand:focus, .btn-hover-brand.focus {
    background-color: #725ec3;
    border-color: #725ec3;
}

.btn-hover-brand:focus, .btn-hover-brand.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
}

.btn-hover-brand:not(:disabled):not(.disabled):active:focus {
    background-color: #5641ad;
    border-color: #5641ad;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
}

.btn-hover-brand.btn-hover-outline:hover, .btn-hover-brand.btn-hover-outline.hover, .btn-hover-brand.btn-hover-outline:focus, .btn-hover-brand.btn-hover-outline.focus {
    color: #725ec3;
    background-color: transparent;
}

.btn-hover-brand.btn-hover-outline:focus, .btn-hover-brand.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
}

.btn-hover-primary:hover, .btn-hover-primary.hover, .btn-hover-primary:focus, .btn-hover-primary.focus {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-hover-primary:focus, .btn-hover-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-hover-primary:not(:disabled):not(.disabled):active:focus {
    background-color: #0062cc;
    border-color: #0062cc;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-hover-primary.btn-hover-outline:hover, .btn-hover-primary.btn-hover-outline.hover, .btn-hover-primary.btn-hover-outline:focus, .btn-hover-primary.btn-hover-outline.focus {
    color: #007bff;
    background-color: transparent;
}

.btn-hover-primary.btn-hover-outline:focus, .btn-hover-primary.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-hover-secondary:hover, .btn-hover-secondary.hover, .btn-hover-secondary:focus, .btn-hover-secondary.focus {
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-hover-secondary:focus, .btn-hover-secondary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-hover-secondary:not(:disabled):not(.disabled):active:focus {
    background-color: #545b62;
    border-color: #545b62;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-hover-secondary.btn-hover-outline:hover, .btn-hover-secondary.btn-hover-outline.hover, .btn-hover-secondary.btn-hover-outline:focus, .btn-hover-secondary.btn-hover-outline.focus {
    color: #6c757d;
    background-color: transparent;
}

.btn-hover-secondary.btn-hover-outline:focus, .btn-hover-secondary.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-hover-success:hover, .btn-hover-success.hover, .btn-hover-success:focus, .btn-hover-success.focus {
    background-color: #2fc787;
    border-color: #2fc787;
}

.btn-hover-success:focus, .btn-hover-success.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.5);
}

.btn-hover-success:not(:disabled):not(.disabled):active:focus {
    background-color: #259e6b;
    border-color: #259e6b;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.5);
}

.btn-hover-success.btn-hover-outline:hover, .btn-hover-success.btn-hover-outline.hover, .btn-hover-success.btn-hover-outline:focus, .btn-hover-success.btn-hover-outline.focus {
    color: #2fc787;
    background-color: transparent;
}

.btn-hover-success.btn-hover-outline:focus, .btn-hover-success.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.5);
}

.btn-hover-danger:hover, .btn-hover-danger.hover, .btn-hover-danger:focus, .btn-hover-danger.focus {
    background-color: #ef5164;
    border-color: #ef5164;
}

.btn-hover-danger:focus, .btn-hover-danger.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.5);
}

.btn-hover-danger:not(:disabled):not(.disabled):active:focus {
    background-color: #eb223a;
    border-color: #eb223a;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.5);
}

.btn-hover-danger.btn-hover-outline:hover, .btn-hover-danger.btn-hover-outline.hover, .btn-hover-danger.btn-hover-outline:focus, .btn-hover-danger.btn-hover-outline.focus {
    color: #ef5164;
    background-color: transparent;
}

.btn-hover-danger.btn-hover-outline:focus, .btn-hover-danger.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.5);
}

.btn-hover-warning:hover, .btn-hover-warning.hover, .btn-hover-warning:focus, .btn-hover-warning.focus {
    background-color: #ffe297;
    border-color: #ffe297;
}

.btn-hover-warning:focus, .btn-hover-warning.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 226, 151, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(255, 226, 151, 0.5);
}

.btn-hover-warning:not(:disabled):not(.disabled):active:focus {
    background-color: #ffd464;
    border-color: #ffd464;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 226, 151, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(255, 226, 151, 0.5);
}

.btn-hover-warning.btn-hover-outline:hover, .btn-hover-warning.btn-hover-outline.hover, .btn-hover-warning.btn-hover-outline:focus, .btn-hover-warning.btn-hover-outline.focus {
    color: #ffe297;
    background-color: transparent;
}

.btn-hover-warning.btn-hover-outline:focus, .btn-hover-warning.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 226, 151, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(255, 226, 151, 0.5);
}

.btn-hover-info:hover, .btn-hover-info.hover, .btn-hover-info:focus, .btn-hover-info.focus {
    background-color: #32bfc8;
    border-color: #32bfc8;
}

.btn-hover-info:focus, .btn-hover-info.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(50, 191, 200, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(50, 191, 200, 0.5);
}

.btn-hover-info:not(:disabled):not(.disabled):active:focus {
    background-color: #28989f;
    border-color: #28989f;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(50, 191, 200, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(50, 191, 200, 0.5);
}

.btn-hover-info.btn-hover-outline:hover, .btn-hover-info.btn-hover-outline.hover, .btn-hover-info.btn-hover-outline:focus, .btn-hover-info.btn-hover-outline.focus {
    color: #32bfc8;
    background-color: transparent;
}

.btn-hover-info.btn-hover-outline:focus, .btn-hover-info.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(50, 191, 200, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(50, 191, 200, 0.5);
}

.btn-hover-light:hover, .btn-hover-light.hover, .btn-hover-light:focus, .btn-hover-light.focus {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-hover-light:focus, .btn-hover-light.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-hover-light:not(:disabled):not(.disabled):active:focus {
    background-color: #dae0e5;
    border-color: #dae0e5;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-hover-light.btn-hover-outline:hover, .btn-hover-light.btn-hover-outline.hover, .btn-hover-light.btn-hover-outline:focus, .btn-hover-light.btn-hover-outline.focus {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-hover-light.btn-hover-outline:focus, .btn-hover-light.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-hover-dark:hover, .btn-hover-dark.hover, .btn-hover-dark:focus, .btn-hover-dark.focus {
    background-color: #393f49;
    border-color: #393f49;
}

.btn-hover-dark:focus, .btn-hover-dark.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(57, 63, 73, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(57, 63, 73, 0.5);
}

.btn-hover-dark:not(:disabled):not(.disabled):active:focus {
    background-color: #23262c;
    border-color: #23262c;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(57, 63, 73, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(57, 63, 73, 0.5);
}

.btn-hover-dark.btn-hover-outline:hover, .btn-hover-dark.btn-hover-outline.hover, .btn-hover-dark.btn-hover-outline:focus, .btn-hover-dark.btn-hover-outline.focus {
    color: #393f49;
    background-color: transparent;
}

.btn-hover-dark.btn-hover-outline:focus, .btn-hover-dark.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(57, 63, 73, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(57, 63, 73, 0.5);
}

.btn-hover-light:hover, .btn-hover-light.hover, .btn-hover-light:focus, .btn-hover-light.focus {
    color: #393f49;
}

.btn-hover-light.focus, .btn-hover-light:focus {
    background-color: #eaecf0;
    border-color: #eaecf0;
}

.btn-custom-round {
    padding: 0;
    color: #d4d4d4;
    background-color: transparent;
    border: 0;
    -webkit-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
}

.btn-custom-round > .text,
.btn-custom-round > .icon,
.btn-custom-round > .rui-icon {
    position: relative;
    z-index: 1;
}

.btn-custom-round::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px;
    background-color: transparent;
    border-radius: 100%;
    -webkit-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    z-index: 0;
}

.btn-custom-round:focus, .btn-custom-round.focus {
    color: #6c757d;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-custom-round:hover, .btn-custom-round.hover {
    color: #6c757d;
    background-color: transparent;
}

.btn-custom-round:hover::after, .btn-custom-round.hover::after {
    background-color: #f8f9fa;
}

.btn-custom-round:not(.disabled):not(:disabled):active {
    color: #393f49;
    background-color: transparent;
}

.btn-custom-round:not(.disabled):not(:disabled):active::after {
    background-color: #f8f9fa;
}

.btn-custom-round:not(.disabled):not(:disabled):active:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-group > .btn:not(:first-child) {
    margin-left: 0;
}

.btn-group > .btn.dropdown-toggle::after {
    display: none;
}

.btn-group > .btn + .btn, .btn-group > .btn:last-child {
    margin-left: 0;
}

.btn-group > .btn + .btn:hover, .btn-group > .btn + .btn.hover, .btn-group > .btn + .btn:not(:disabled):not(.disabled).active, .btn-group > .btn:last-child:hover, .btn-group > .btn:last-child.hover, .btn-group > .btn:last-child:not(:disabled):not(.disabled).active {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.btn-group-vertical > .btn {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.btn-group-vertical > .btn:not(:last-child) {
    border-bottom: 0;
}

.btn-group-vertical > .btn + .btn {
    margin-top: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.btn-group-vertical > .btn + .btn:hover, .btn-group-vertical > .btn + .btn.hover, .btn-group-vertical > .btn + .btn:not(:disabled):not(.disabled).active {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/*---------------------------
  Element Card
 ----------------------------*/
.card .list-group-item {
    padding-right: 2.3rem;
    padding-left: 2.3rem;
}

.card-body .card-title {
    margin-bottom: 1.35rem;
}

.card-body .btn-group {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.card-title + .card-subtitle {
    margin-top: -10px;
}

.card-text:last-child {
    margin-bottom: -5px;
}

.card-link {
    display: inline-block;
}

.card-btn-collapse {
    position: absolute;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 2.15rem;
    right: 30px;
    z-index: 1;
}

.card-btn-collapse:not(.collapsed) {
    color: #393f49;
}

.card-btn-collapse:not(.collapsed)::after {
    background-color: #fff;
}

/*---------------------------
  Element Pagination
 ----------------------------*/
.page-item {
    margin: 5px;
}

.page-item.disabled .page-link {
    color: #d7d9e0;
    background-color: #f8f9fa;
}

.page-item.active .page-link {
    background-color: #725ec3;
}

.page-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 35px;
    padding: 11.5px 14px;
    margin: 0;
    font-size: 10px;
    font-weight: 700;
    color: #a4a6a8;
    text-transform: uppercase;
    background-color: #f8f9fa;
    border: 0;
    border-radius: .25rem;
    -webkit-transition: background-color .15s ease-in-out, color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out, color .15s ease-in-out;
    transition: background-color .15s ease-in-out, color .15s ease-in-out;
}

.page-link .rui-icon {
    margin: -2px -3px;
}

.page-link:hover, .page-link.hover {
    color: #6c757d;
    background-color: #f3f4f7;
}

.page-link:focus, .page-link.focus {
    color: #6c757d;
    background-color: #f3f4f7;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.page-link:active {
    background-color: #eaecf0;
}

/*---------------------------
  Element Dropdown
 ----------------------------*/
.dropdown {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.dropdown-hover::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 50px;
    top: -30px;
}

.dropdown.dropdown-border {
    border-radius: 50%;
    margin-top: 150px;
}

.dropdown .dropdown-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    color: #a4a6a8;
    white-space: nowrap;
    cursor: pointer;
}

.dropdown .dropdown-item > span:not([class]) {
    color: #393f49;
}

.dropdown .dropdown-item > .rui-dropdown-circle {
    position: absolute;
    top: -25%;
    left: -10px;
    width: 36px;
    height: 36px;
    background-color: #f8f9fa;
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
    z-index: -1;
}

.dropdown .dropdown-item > .rui-icon {
    display: inline-block;
    margin: 0 14px -1px;
    stroke: #d4d4d4;
    -webkit-transition: stroke .1s ease-in-out;
    -o-transition: stroke .1s ease-in-out;
    transition: stroke .1s ease-in-out;
}

.dropdown .dropdown-item > .rui-icon:first-child {
    margin-left: 0;
}

.dropdown .dropdown-item > .rui-icon:last-child {
    margin-right: 0;
}

.dropdown .dropdown-item:hover, .dropdown .dropdown-item.hover {
    color: #393f49;
    background-color: transparent;
}

.dropdown .dropdown-item:hover > span:not([class]), .dropdown .dropdown-item.hover > span:not([class]) {
    color: #393f49;
}

.dropdown .dropdown-item:hover > .rui-dropdown-circle, .dropdown .dropdown-item.hover > .rui-dropdown-circle {
    opacity: 1;
}

.dropdown .dropdown-item:hover > .rui-icon, .dropdown .dropdown-item.hover > .rui-icon {
    stroke: #393f49;
}

.dropdown .dropdown-item:focus, .dropdown .dropdown-item.focus {
    background-color: transparent;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.dropdown .dropdown-item.active {
    color: #393f49;
}

.dropdown .dropdown-item.active > span:not([class]) {
    color: #393f49;
}

.dropdown .dropdown-item.active > .rui-icon {
    stroke: #393f49;
}

.dropdown .dropdown-item:active, .dropdown .dropdown-item.active {
    background-color: transparent;
}

.dropdown:not(.dropdown-hover):focus, .dropdown:not(.dropdown-hover).focus {
    color: #393f49;
}

.dropdown:not(.dropdown-hover):focus > span:not([class]), .dropdown:not(.dropdown-hover).focus > span:not([class]) {
    color: #393f49;
}

.dropdown:not(.dropdown-hover):focus > .rui-icon, .dropdown:not(.dropdown-hover).focus > .rui-icon {
    stroke: #393f49;
}

.dropdown:not(.dropdown-hover):active {
    color: #725ec3;
}

.dropdown:not(.dropdown-hover):active > span:not([class]) {
    color: #725ec3;
}

.dropdown:not(.dropdown-hover):active > .rui-icon {
    stroke: #725ec3;
}

.dropdown:not(.dropdown-hover).show > .dropdown-item {
    color: #393f49;
    background-color: transparent;
}

.dropdown:not(.dropdown-hover).show > .dropdown-item > span:not([class]) {
    color: #393f49;
}

.dropdown:not(.dropdown-hover).show > .dropdown-item > .rui-dropdown-circle {
    opacity: 1;
}

.dropdown:not(.dropdown-hover).show > .dropdown-item > .rui-icon {
    stroke: #393f49;
}

.dropdown .dropdown-item-switch.custom-switch,
.dropdown.show .dropdown-item-switch.custom-switch {
    padding-right: calc(3rem + 5px);
    padding-left: 0;
}

.dropdown .dropdown-item-switch.custom-switch .dropdown-item,
.dropdown.show .dropdown-item-switch.custom-switch .dropdown-item {
    cursor: pointer;
}

.dropdown .dropdown-item-switch.custom-switch .dropdown-item::before,
.dropdown.show .dropdown-item-switch.custom-switch .dropdown-item::before {
    top: calc(.15rem + 10.6px);
    right: calc(-3rem + 10px);
    left: auto;
}

.dropdown .dropdown-item-switch.custom-switch .dropdown-item::after,
.dropdown.show .dropdown-item-switch.custom-switch .dropdown-item::after {
    top: calc(.15rem + 11px);
    right: calc(-2.1rem + 10px);
    left: auto;
}

.dropdown .dropdown-item-switch.custom-switch .dropdown-item:hover::after,
.dropdown.show .dropdown-item-switch.custom-switch .dropdown-item:hover::after {
    background-color: #fff;
}

.dropdown .dropdown-item-switch.custom-switch > input:checked ~ .dropdown-item,
.dropdown.show .dropdown-item-switch.custom-switch > input:checked ~ .dropdown-item {
    color: #725ec3;
}

.dropdown .dropdown-item-switch.custom-switch > input:checked ~ .dropdown-item > span:not([class]),
.dropdown.show .dropdown-item-switch.custom-switch > input:checked ~ .dropdown-item > span:not([class]) {
    color: #725ec3;
}

.dropdown .dropdown-item-switch.custom-switch > input:checked ~ .dropdown-item > .rui-icon,
.dropdown.show .dropdown-item-switch.custom-switch > input:checked ~ .dropdown-item > .rui-icon {
    stroke: #725ec3;
}

.dropdown-hover.hover > .dropdown-menu::before {
    visibility: visible;
}

.dropdown-hover.hover > .dropdown-item {
    color: #393f49;
    z-index: 4;
}

.dropdown-hover.hover > .dropdown-item > span:not([class]) {
    color: #393f49;
}

.dropdown-hover.hover > .dropdown-item > .rui-dropdown-circle {
    opacity: 1;
}

.dropdown-hover.hover > .dropdown-item > .rui-icon {
    stroke: #393f49;
}

.dropdown-hover.hover > .dropdown-item.btn-custom-round,
.dropdown-hover.hover > .dropdown-item > .btn-custom-round {
    color: #6c757d;
}

.dropdown-hover.hover > .dropdown-item.btn-custom-round::after,
.dropdown-hover.hover > .dropdown-item > .btn-custom-round::after {
    background-color: #f8f9fa;
}

.dropdown-menu {
    display: none;
    padding: 16px 15px;
    visibility: hidden;
    border: 1px solid #e6ecf0;
    border-radius: .25rem;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
    opacity: 0;
    z-index: 3;
    font-size: 0.96rem;
}

.dropdown-menu li p, .dropdown-menu > div {
    font-size: 11.3px;
}

.dropdown-menu-left {
    padding: 0;
    border-radius: 10px;
    border: 1px solid #E9ECEF;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.dropdown-menu.show {
    visibility: visible;
    opacity: 1;
}

.dropdown-menu.show.nav .nav-link {
    white-space: nowrap;
}

.dropdown-menu.show.nav .nav-link > .rui-nav-circle {
    top: 3px;
    left: -1px;
}

.dropdown-menu.show .dropdown-item {
    padding: 9px 14px;
}

.dropdown-menu.show .dropdown-item > .rui-dropdown-circle {
    top: 3px;
    left: -1px;
}

.dropdown-menu.show > .dropdown-menu-scroll {
    padding: 15px 16px 15px 15px;
    margin: -15px -14px -15px -15px;
}

.dropdown-menu.show > .dropdown-menu-scroll > li {
    list-style: none;
}

.dropdown-menu.show .dropdown-menu-label {
    padding: 14px 10px 8px;
    color: #d4d4d4;
}

.dropdown-menu.show::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-width: 30px;
    min-height: 30px;
    margin: -30px 0 0;
    z-index: 0;
}

.dropdown-menu.show[x-placement="top-start"]::before, .dropdown-menu.show[x-placement="top-end"]::before {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 0 -30px;
}

.dropdown-menu.show[x-placement="right-start"]::before, .dropdown-menu.show[x-placement="right-end"]::before {
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: 0 0 0 -30px;
}

.dropdown-menu.show[x-placement="left-start"]::before, .dropdown-menu.show[x-placement="left-end"]::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: 0 -30px 0 0;
}

.dropdown-menu.show[x-placement="top-start"] {
    margin-bottom: 20px;
    margin-left: 20px;
}

.dropdown-menu.show[x-placement="top-end"] {
    margin-right: -30px;
    margin-bottom: 20px;
}

.dropdown-menu.show[x-placement="bottom-start"] {
    margin-top: 20px;
    margin-left: -30px;
}

.dropdown-menu.show[x-placement="bottom-end"] {
    margin-top: 20px;
    margin-right: -30px;
}

.dropdown-menu.show[x-placement="right-start"] {
    margin-top: -30px;
    margin-left: 20px;
}

.dropdown-menu.show[x-placement="right-end"] {
    margin-bottom: -30px;
    margin-left: 20px;
}

.dropdown-menu.show[x-placement="left-start"] {
    margin-top: -30px;
    margin-right: 20px;
}

.dropdown-menu.show[x-placement="left-end"] {
    margin-right: 20px;
    margin-bottom: -30px;
}

.btn + .dropdown-menu.show[x-placement="top-start"] {
    margin-left: 0;
}

@media (max-height: 780px) {
    .btn + .dropdown-menu.show[x-placement="top-start"] {
        -webkit-transform: translate3d(-27px, -80px, 0px) scale(0.8) !important;
                transform: translate3d(-27px, -80px, 0px) scale(0.8) !important;
    }
}

@media (max-height: 690px) {
    .btn + .dropdown-menu.show[x-placement="top-start"] {
        -webkit-transform: translate3d(-43px, -120px, 0px) scale(0.7) !important;
                transform: translate3d(-43px, -120px, 0px) scale(0.7) !important;
    }
}

.btn + .dropdown-menu.show[x-placement="top-end"] {
    margin-right: 0;
}

.btn + .dropdown-menu.show[x-placement="bottom-start"] {
    margin-left: 0;
}

.btn + .dropdown-menu.show[x-placement="bottom-end"] {
    margin-right: 0;
}

.btn + .dropdown-menu.show[x-placement="right-start"] {
    margin-top: 0;
}

.btn + .dropdown-menu.show[x-placement="right-end"] {
    margin-bottom: 0;
}

.btn + .dropdown-menu.show[x-placement="left-start"] {
    margin-top: 0;
}

.btn + .dropdown-menu.show[x-placement="left-end"] {
    margin-bottom: 0;
}

.dropdown-menu-scroll {
    max-height: 200px;
    overflow-y: scroll;
}

.dropdown-menu-scroll::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 4px;
}

.dropdown-menu-scroll::-webkit-scrollbar {
    width: 4px;
    background-color: #fff;
}

.dropdown-menu-scroll::-webkit-scrollbar-thumb {
    background-color: #eaecf0;
    border-radius: 4px;
}

.dropdown-menu-sm {
    padding: 11px 10px;
}

.dropdown-menu-sm .dropdown-item {
    padding: 5px 14px;
}

.dropdown-menu-sm > .dropdown-menu-scroll {
    padding: 14px 11px 14px 10px;
    margin: -10px -9px -10px -10px;
}

.dropdown-triangle .dropdown-menu-triangle {
    position: absolute;
}

.dropdown-triangle .dropdown-menu-triangle::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.dropdown-triangle .dropdown-menu[x-placement="bottom-start"] > .dropdown-menu-triangle,
.dropdown-triangle .dropdown-menu[x-placement="bottom-end"] > .dropdown-menu-triangle,
.dropdown-triangle .dropdown-menu > .dropdown-menu-triangle {
    top: 0;
    right: auto;
    bottom: auto;
    left: 30px;
    margin: -19px 0 0 -3px;
    border: 10px solid transparent;
    border-bottom: 9px solid #fff;
}

.dropdown-triangle .dropdown-menu[x-placement="bottom-start"] > .dropdown-menu-triangle::before,
.dropdown-triangle .dropdown-menu[x-placement="bottom-end"] > .dropdown-menu-triangle::before,
.dropdown-triangle .dropdown-menu > .dropdown-menu-triangle::before {
    margin: -12px 0 0 -11px;
    border: 11px solid transparent;
    border-bottom: 10px solid #e6ecf0;
}

.dropdown-triangle .dropdown-menu[x-placement="bottom-end"] > .dropdown-menu-triangle {
    right: 30px;
    left: auto;
}

.dropdown-triangle .dropdown-menu[x-placement="top-start"] > .dropdown-menu-triangle,
.dropdown-triangle .dropdown-menu[x-placement="top-end"] > .dropdown-menu-triangle {
    top: auto;
    right: auto;
    bottom: 0;
    left: 30px;
    margin: 0 0 -19px -3px;
    border: 10px solid transparent;
    border-top: 9px solid #fff;
}

.dropdown-triangle .dropdown-menu[x-placement="top-start"] > .dropdown-menu-triangle::before,
.dropdown-triangle .dropdown-menu[x-placement="top-end"] > .dropdown-menu-triangle::before {
    margin: -9px 0 0 -11px;
    border: 11px solid transparent;
    border-top: 10px solid #e6ecf0;
}

.dropdown-triangle .dropdown-menu[x-placement="top-end"] > .dropdown-menu-triangle {
    right: 30px;
    left: auto;
}

.dropdown-triangle .dropdown-menu[x-placement="right-start"] > .dropdown-menu-triangle {
    top: 30px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: -3px 0 0 -19px;
    border: 10px solid transparent;
    border-right: 9px solid #fff;
}

.dropdown-triangle .dropdown-menu[x-placement="right-start"] > .dropdown-menu-triangle::before {
    margin: -11px 0 0 -12px;
    border: 11px solid transparent;
    border-right: 10px solid #e6ecf0;
}

.dropdown-triangle .dropdown-menu[x-placement="right-end"] > .dropdown-menu-triangle {
    top: auto;
    right: auto;
    bottom: 30px;
    left: 0;
    margin: 0 0 -3px -19px;
    border: 10px solid transparent;
    border-right: 9px solid #fff;
}

.dropdown-triangle .dropdown-menu[x-placement="right-end"] > .dropdown-menu-triangle::before {
    margin: -11px 0 0 -12px;
    border: 11px solid transparent;
    border-right: 10px solid #e6ecf0;
}

.dropdown-triangle .dropdown-menu[x-placement="left-start"] > .dropdown-menu-triangle {
    top: 30px;
    right: 0;
    bottom: auto;
    left: auto;
    margin: -3px -19px 0 0;
    border: 10px solid transparent;
    border-left: 9px solid #fff;
}

.dropdown-triangle .dropdown-menu[x-placement="left-start"] > .dropdown-menu-triangle::before {
    margin: -11px 0 2px -9px;
    border: 11px solid transparent;
    border-left: 10px solid #e6ecf0;
}

.dropdown-triangle .dropdown-menu[x-placement="left-end"] > .dropdown-menu-triangle {
    top: auto;
    right: 0;
    bottom: 30px;
    left: auto;
    margin: 0 -19px -3px 0;
    border: 10px solid transparent;
    border-left: 9px solid #fff;
}

.dropdown-triangle .dropdown-menu[x-placement="left-end"] > .dropdown-menu-triangle::before {
    margin: -11px 0 2px -9px;
    border: 11px solid transparent;
    border-left: 10px solid #e6ecf0;
}

/*---------------------------
  Element Forms
 ----------------------------*/
/* Placeholders */
::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
    color: #b4b4b4;
    font-size: 15px;
    opacity: 1;
    will-change: opacity;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}
::-moz-placeholder, .form-control::-moz-placeholder {
    color: #b4b4b4;
    font-size: 15px;
    opacity: 1;
    will-change: opacity;
    -moz-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}
:-ms-input-placeholder, .form-control:-ms-input-placeholder {
    color: #b4b4b4;
    font-size: 15px;
    opacity: 1;
    will-change: opacity;
    -ms-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}
::-ms-input-placeholder, .form-control::-ms-input-placeholder {
    color: #b4b4b4;
    font-size: 15px;
    opacity: 1;
    will-change: opacity;
    -ms-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}
::placeholder,
.form-control::placeholder {
    color: #b4b4b4;
    font-size: 15px;
    opacity: 1;
    will-change: opacity;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.pumpkin-filter input::-webkit-input-placeholder {
    font-size: 13px;
}

.pumpkin-filter input::-moz-placeholder {
    font-size: 13px;
}

.pumpkin-filter input:-ms-input-placeholder {
    font-size: 13px;
}

.pumpkin-filter input::-ms-input-placeholder {
    font-size: 13px;
}

.pumpkin-filter input::placeholder {
    font-size: 13px;
}

/* Remove outline from focused buttons */
button:focus {
    outline: 0;
}

.form-control:disabled {
    background-color: #f3f4f7;
    border-color: #e6ecf0;
}

.form-control-clean {
    padding: 10px 15px;
    background-color: transparent;
    border: 0;
}

.form-control-clean::-webkit-input-placeholder {
    color: #d4d4d4;
}

.form-control-clean::-moz-placeholder {
    color: #d4d4d4;
}

.form-control-clean:-ms-input-placeholder {
    color: #d4d4d4;
}

.form-control-clean::-ms-input-placeholder {
    color: #d4d4d4;
}

.form-control-clean::placeholder {
    color: #d4d4d4;
}

.form-control-clean:hover, .form-control-clean.hover {
    color: #393f49;
}

.form-control-clean:focus, .form-control-clean.focus {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.form-control-clean:not(.disabled):not(:disabled):active {
    color: #393f49;
}

textarea.form-control {
    min-height: 44px;
    max-height: 300px;
}

.form-group {
    margin-bottom: 20px;
}

.input-group .input-group-append,
.input-group .input-group-prepend {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: transparent;
}

.input-group-text {
    min-height: 28.8px;
    color: #6c757d;
    background-color: #f8f9fa;
    border-color: #e6ecf0;
}

.input-group-text > .rui-icon {
    min-width: 16px;
}

.custom-control {
    padding-left: 2rem;
}

.standart-checkbox .custom-control-label {
    min-width: unset;
    max-width: unset;
    text-align: left;
}

.standart-checkbox .custom-control-label::before, .standart-checkbox .custom-control-label::after {
    right: unset;
    left: -25px;
}

.custom-control-label {
    min-width: 170px;
    max-width: 170px;
    text-align: right;
}

.custom-control-label::before, .custom-control-label::after {
    top: 0.3rem;
    right: -40px;
    width: 20px;
    height: 20px;
    left: unset;
}

.custom-control-label::before {
    background-color: #d7d9e0;
    border-color: #d7d9e0;
}

.custom-checkbox:not(.standart-checkbox) .custom-control-input {
    left: 200px;
    top: 5px;
}

.custom-checkbox:not(.standart-checkbox) .field-wrapper {
    position: relative;
}

.custom-checkbox .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: #d4cded;
    border-color: #d4cded;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #725ec3;
    border-color: #725ec3;
}

.custom-checkbox .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.custom-radio .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #d7d9e0;
}

.custom-checkbox .custom-control-input:disabled ~ .custom-control-label,
.custom-radio .custom-control-input:disabled ~ .custom-control-label,
.custom-switch .custom-control-input:disabled ~ .custom-control-label {
    color: #a4a6a8;
}

.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before,
.custom-radio .custom-control-input:disabled ~ .custom-control-label::before,
.custom-switch .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #eaecf0;
    border-color: #eaecf0;
}

.custom-switch {
    padding-left: calc(3rem - 2px);
}

.custom-switch .custom-control-label::before {
    left: calc(-3rem + 2px);
    width: calc(2rem + 1px);
    border-radius: 1rem;
}

.custom-switch .custom-control-label::after {
    top: calc(.3rem + 3px);
    left: calc(-3rem + 3px);
    width: calc(1rem + 1px);
    height: calc(1rem + 1px);
    background-color: #fff;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    -webkit-transform: translateX(11px);
        -ms-transform: translateX(11px);
            transform: translateX(11px);
}

.custom-select {
    min-height: 28.8px;
    padding: 6px 15px;
    color: #4b515b;
    background-color: #fbfcfc;
    background-position: calc(100% - 17px) 50%;
    border-color: #e6ecf0;
}

.custom-select:focus, .custom-select.focus {
    background-color: #fbfcfc;
    border-color: rgba(114, 94, 195, 0.6);
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.25);
}

.custom-select:disabled {
    background-color: #f3f4f7;
    border-color: #e6ecf0;
}

.was-validated .form-control:valid,
.was-validated .custom-select:valid,
.form-control.is-valid,
.custom-select.is-valid {
    background-color: #effbf6;
    border-color: #91e5c1;
}

.was-validated .form-control:valid:focus,
.was-validated .custom-select:valid:focus,
.form-control.is-valid:focus,
.custom-select.is-valid:focus {
    border-color: #7ce0b6;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.15);
            box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.15);
}

.was-validated .form-control:invalid,
.was-validated .form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .custom-select.is-invalid {
    background-color: #fef9fa;
    border-color: #fac6cc;
}

.was-validated .form-control:invalid:focus,
.was-validated .form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .custom-select.is-invalid:focus {
    border-color: #f8aeb7;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.15);
            box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.15);
}

.was-validated .form-control:invalid,
.was-validated .form-control:valid,
.form-control.is-invalid,
.form-control.is-valid {
    background-image: none;
}

.was-validated .custom-select:valid,
.was-validated .custom-select:invalid,
.custom-select.is-valid,
.custom-select.is-invalid {
    background-position: calc(100% - 19px) 50%;
    background-size: 8px 10px, 0 0;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
    background-color: #91e5c1;
    border-color: #91e5c1;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
    background-color: #fac6cc;
    border-color: #fac6cc;
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    background-color: #7ce0b6;
    border-color: #7ce0b6;
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    background-color: #f8aeb7;
    border-color: #f8aeb7;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
    color: #393f49;
}

.was-validated .invalid-feedback,
.was-validated .valid-feedback,
.invalid-feedback,
.valid-feedback {
    margin-top: 6px;
}

.was-validated .valid-feedback,
.valid-feedback {
    color: #67dbaa;
}

.was-validated .invalid-feedback,
.invalid-feedback {
    color: #f597a2;
}

.was-validated .custom-checkbox .invalid-feedback,
.was-validated .custom-checkbox .valid-feedback,
.custom-checkbox .invalid-feedback,
.custom-checkbox .valid-feedback {
    margin-top: 2px;
    margin-left: -26px;
}

/*---------------------------
  Element List group
 ----------------------------*/
.list-group-item {
    padding: .75rem 1.45rem;
    border-color: transparent;
}

.list-group-item.active {
    background-color: #725ec3;
    border-color: transparent;
}

.list-group-item-action {
    -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    transition: background-color .1s ease-in-out, color .1s ease-in-out;
}

.list-group-item-action:hover, .list-group-item-action.hover, .list-group-item-action:focus, .list-group-item-action.focus {
    background-color: #f8f9fa;
}

.list-group-item-action:active {
    background-color: #f3f4f7;
}

.list-group-item-action.active {
    background-color: #F6F7FA;
    color: #495057;
}

.list-group-item-brand,
.list-group-item-primary,
.list-group-item-secondary,
.list-group-item-success,
.list-group-item-danger,
.list-group-item-warning,
.list-group-item-info,
.list-group-item-light,
.list-group-item-dark {
    color: #6c757d;
    background-color: #fff;
    border-left: 0;
}

.list-group-item-brand:first-child,
.list-group-item-primary:first-child,
.list-group-item-secondary:first-child,
.list-group-item-success:first-child,
.list-group-item-danger:first-child,
.list-group-item-warning:first-child,
.list-group-item-info:first-child,
.list-group-item-light:first-child,
.list-group-item-dark:first-child {
    border-top-left-radius: 0;
}

.list-group-item-brand:last-child,
.list-group-item-primary:last-child,
.list-group-item-secondary:last-child,
.list-group-item-success:last-child,
.list-group-item-danger:last-child,
.list-group-item-warning:last-child,
.list-group-item-info:last-child,
.list-group-item-light:last-child,
.list-group-item-dark:last-child {
    border-bottom-left-radius: 0;
}

.list-group-item-brand.list-group-item-action:hover, .list-group-item-brand.list-group-item-action.hover, .list-group-item-brand.list-group-item-action:focus, .list-group-item-brand.list-group-item-action.focus,
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action.hover,
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action.focus,
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action.hover,
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action.focus,
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action.hover,
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action.focus,
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action.hover,
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action.focus,
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action.hover,
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action.focus,
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action.hover,
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action.focus,
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action.hover,
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action.focus,
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action.hover,
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action.focus {
    color: #393f49;
    background-color: #f8f9fa;
}

.list-group-item-brand.list-group-item-action:active,
.list-group-item-primary.list-group-item-action:active,
.list-group-item-secondary.list-group-item-action:active,
.list-group-item-success.list-group-item-action:active,
.list-group-item-danger.list-group-item-action:active,
.list-group-item-warning.list-group-item-action:active,
.list-group-item-info.list-group-item-action:active,
.list-group-item-light.list-group-item-action:active,
.list-group-item-dark.list-group-item-action:active {
    color: #393f49;
    background-color: #f3f4f7;
}

.list-group-item-brand {
    -webkit-box-shadow: inset 2px 0 0 #725ec3;
            box-shadow: inset 2px 0 0 #725ec3;
}

.list-group-item-primary {
    -webkit-box-shadow: inset 2px 0 0 #007bff;
            box-shadow: inset 2px 0 0 #007bff;
}

.list-group-item-secondary {
    -webkit-box-shadow: inset 2px 0 0 #6c757d;
            box-shadow: inset 2px 0 0 #6c757d;
}

.list-group-item-success {
    -webkit-box-shadow: inset 2px 0 0 #2fc787;
            box-shadow: inset 2px 0 0 #2fc787;
}

.list-group-item-danger {
    -webkit-box-shadow: inset 2px 0 0 #ef5164;
            box-shadow: inset 2px 0 0 #ef5164;
}

.list-group-item-warning {
    -webkit-box-shadow: inset 2px 0 0 #ffe297;
            box-shadow: inset 2px 0 0 #ffe297;
}

.list-group-item-info {
    -webkit-box-shadow: inset 2px 0 0 #32bfc8;
            box-shadow: inset 2px 0 0 #32bfc8;
}

.list-group-item-light {
    -webkit-box-shadow: inset 2px 0 0 #f8f9fa;
            box-shadow: inset 2px 0 0 #f8f9fa;
}

.list-group-item-dark {
    -webkit-box-shadow: inset 2px 0 0 #393f49;
            box-shadow: inset 2px 0 0 #393f49;
}

/*---------------------------
  Element Modal
 ----------------------------*/
.modal .close {
    position: absolute;
    top: 0px;
    right: -30px;
    padding: 0;
    margin: 0;
    width: 24px;
    height: 23px;
    background-color: #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
    opacity: 1;
    border-radius: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
}

.modal .close:hover, .modal .close.hover {
    color: #7E7D7D;
}

.modal .close:not(:disabled):hover, .modal .close:not(:disabled):focus {
    opacity: 1;
}

.modal-content {
    border: 0;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
}

.modal-header,
.modal-body {
    border: 0;
}

.modal-header {
    padding: 15px 20px;
}

.modal-header + .modal-body {
    padding-top: 0;
}

.modal-body {
    padding: 30px;
}

.modal-title {
    margin-bottom: -4px;
}

.modal-backdrop {
    background-color: rgba(50, 57, 66, 0.9);
}

.modal-backdrop.show {
    opacity: 1;
}

/*---------------------------
  Element Navs
 ----------------------------*/
.nav .nav .nav-link {
    position: relative;
}

.nav .nav .nav-link:hover::before, .nav .nav .nav-link.hover::before, .nav .nav .nav-link:focus::before, .nav .nav .nav-link.focus::before, .nav .nav .nav-link.active::before {
    background-color: #393f49;
}

.nav.dropdown-menu .nav-link,
.nav.dropdown-menu .dropdown-item {
    padding: 8px 13px 8px 13px;
}

.nav.dropdown-menu .nav-link > .rui-nav-circle,
.nav.dropdown-menu .nav-link > .rui-dropdown-circle,
.nav.dropdown-menu .dropdown-item > .rui-nav-circle,
.nav.dropdown-menu .dropdown-item > .rui-dropdown-circle {
    left: 4px;
}

.nav-pills {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 2px;
    border-radius: .25rem;
}

.nav-pills .nav-link {
    position: relative;
    padding: 10px 15px;
    font-size: 11px;
    font-weight: 700;
    color: #a4a6a8;
    text-transform: uppercase;
}

.nav-pills .nav-link.show {
    color: #a4a6a8;
}

.nav-pills .nav-link:hover, .nav-pills .nav-link.hover, .nav-pills .nav-link:focus, .nav-pills .nav-link.focus {
    color: #6c757d;
    border-color: transparent;
}

.nav-pills .nav-link.active {
    color: #6c757d;
    background-color: #fff;
}

.nav-pills .nav-link.disabled {
    color: #d7d9e0;
}

.js-tabs-sliding {
    position: relative;
}

.js-tabs-sliding.nav-pills .rui-tabs-link.active {
    background-color: #fff;
}

.js-tabs-sliding.nav-pills .tabs-slide {
    top: 0;
    left: 0;
    height: 36.4px;
    background-color: #fff;
    border-radius: .15rem;
    z-index: 0;
}

.js-tabs-sliding .tabs-slide {
    position: absolute;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    -webkit-transform: translate(2px, 2px);
        -ms-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
}

.js-tabs-sliding-ready.nav-pills .rui-tabs-link.active {
    background-color: transparent;
}

.js-tabs-sliding-ready .tabs-slide {
    opacity: 1;
    will-change: transform, opacity;
    -webkit-transition: width .15s ease-in-out, opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: width .15s ease-in-out, opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out, width .15s ease-in-out, opacity .15s ease-in-out;
    transition: transform .15s ease-in-out, width .15s ease-in-out, opacity .15s ease-in-out;
    transition: transform .15s ease-in-out, width .15s ease-in-out, opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

/*---------------------------
  Element Progress
 ----------------------------*/
.progress {
    height: 1.231rem;
    background-color: #f3f4f7;
}

.progress-sm {
    height: 1rem;
    border-radius: .2rem;
}

.progress-bar {
    background-size: 2rem 2rem;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 2rem 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 2rem 0;
    }
    to {
        background-position: 0 0;
    }
}

/*---------------------------
  Element Spinners
 ----------------------------*/
.spinner-border {
    border-width: .15em;
}

.btn > .spinner-border {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    width: 1em;
    height: 1em;
    margin-left: 1em;
}

/*---------------------------
  Element Toast
 ----------------------------*/
.toast {
    border-color: #e6ecf0;
    border-left: 2px solid #725ec3;
    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.03);
            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.03);
    font-size: 0.96rem;
}

.toast-date {
    margin-left: 20px;
    color: #d4d4d4;
}

.toast-close {
    color: #d4d4d4;
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
}

.toast-close:hover {
    color: #393f49;
}

.toast-header {
    padding: 16px 20px;
    border: 0;
}

.toast-header + .toast-body {
    padding-top: 0;
    margin-top: -4px;
}

.toast-body {
    padding: 16px 20px;
}

.rui-toast.hide {
    display: none;
}

.rui-toast-container {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    bottom: 16px;
    right: 0;
    margin: 30px 30px 10px;
    z-index: 1001;
}

.rui-toast-container .rui-toast {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    visibility: hidden;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out, visibility .25s ease-in-out, transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out, transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
            transform: translateX(20px);
}

@media (max-width: 575.98px) {
    .rui-toast-container .rui-toast {
        max-width: 300px;
    }
}

.rui-toast-container .rui-toast.show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.rui-toast-container .rui-toast.hide {
    visibility: hidden;
    opacity: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .rui-toast-container {
        top: auto;
        bottom: 20px;
    }
    .rui-toast-container .rui-toast {
        max-width: 400px;
    }
}

@media (max-width: 575.98px) {
    .rui-toast-container {
        top: auto;
        bottom: 10px;
        left: 0;
        margin: 20px 20px 10px;
        z-index: 1010;
    }
    .rui-toast-container .rui-toast {
        max-width: none;
    }
}

.toast-brand {
    border-left-color: #725ec3;
}

.toast-primary {
    border-left-color: #007bff;
}

.toast-secondary {
    border-left-color: #6c757d;
}

.toast-success {
    border-left-color: #2fc787;
}

.toast-danger {
    border-left-color: #ef5164;
}

.toast-warning {
    border-left-color: #ffe297;
}

.toast-info {
    border-left-color: #32bfc8;
}

.toast-light {
    border-left-color: #f8f9fa;
}

.toast-dark {
    border-left-color: #393f49;
}

/*---------------------------
  Element Icons
 ----------------------------*/
.rui-icon {
    width: 16px;
    min-width: 16px;
    height: 16px;
}

.rui-icon.rui-icon-stroke-2 {
    stroke-width: 2px;
}

.rui-icon.rui-icon-stroke-1_5 {
    stroke-width: 1.5px;
}

.rui-icon.rui-icon-stroke-1 {
    stroke-width: 1px;
}

/*------------------------------------------------------------------

  Plugins

 -------------------------------------------------------------------*/
/*---------------------------
    Plugin Choices
 ----------------------------*/
.choices {
    margin-bottom: 0;
}

.choices:has(.language-select) .choices__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: none;
    padding: 0 10px;
    min-height: 30px;
    border-radius: 70px;
}

.choices:has(.language-select) .choices__inner:hover {
    background: #fff;
}

.choices:has(.language-select) .choices__list--single .choices__item--selectable {
    padding-right: 15px;
}

.choices:has(.language-select) .choices__list--single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.choices:has(.language-select).is-open:has(.language-select) .choices__inner {
    background: #fff;
}

.choices:has(.language-select).is-open .choices__list--dropdown,
.choices:has(.language-select).is-open .is-open .choices__list[aria-expanded] {
    border: none;
}

.choices:has(.language-select) .choices__item {
    text-transform: uppercase;
}

.choices:has(.language-select) > .choices__list {
    padding: 0;
    border: 1px solid #e6ecf0;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
}

.choices:has(.language-select) .choices__list--dropdown .choices__item,
.choices:has(.language-select) .choices__list[aria-expanded] .choices__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-right: 10px;
}

.choices[data-type*="select-one"]::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYXZhdGFyLWFycm93IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA5IDYiIGZpbGw9Im5vbmUiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xIDEuNUw0LjUgNC41TDggMS41IiBzdHJva2U9IiMyODJBMkYiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center;
    width: 9px;
    height: 6px;
    border: none;
    margin-top: -2.5px;
}

.choices[data-type*="select-one"].is-open::after {
    margin-top: -2.5px;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.choices .choices__list--dropdown,
.choices .choices__list[aria-expanded] {
    top: 150%;
}

.choices .choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background: #f4f5f6;
}

/*---------------------------
    Plugin Datatable
 ----------------------------*/
.rui-datatable {
    table-layout: fixed;
    width: 100%;
}

.rui-datatable.JColResizer {
    table-layout: unset;
}

.rui-datatable.JColResizer > tbody > tr > td, .rui-datatable .JColResizer > tbody > tr > th {
    padding: 0.75rem !important;
}

.rui-datatable.JColResizer > tbody > tr > td:first-child, .rui-datatable .JColResizer > tbody > tr > th:first-child {
    padding-left: 15px !important;
}

.rui-datatable.JColResizer > tbody > tr > td:last-child, .rui-datatable .JColResizer > tbody > tr > th:last-child {
    padding-right: 19px !important;
}

.rui-datatable thead {
    background: #F8F8F8;
}

.rui-datatable thead th {
    cursor: pointer;
    -webkit-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
}

.rui-datatable thead th.sorting_asc > .rui-icon,
.rui-datatable thead th.sorting_desc > .rui-icon {
    stroke: #6c757d;
}

.rui-datatable thead th.sorting_desc > .rui-icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.rui-datatable thead th > .rui-icon {
    margin-top: -2px;
    margin-left: 7px;
    margin-right: 4px;
    -webkit-transition: stroke .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: stroke .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -o-transition: stroke .15s ease-in-out, transform .15s ease-in-out;
    transition: stroke .15s ease-in-out, transform .15s ease-in-out;
    transition: stroke .15s ease-in-out, transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

.rui-datatable thead th:focus {
    outline: none;
}

.rui-datatable .rui-datatable-empty {
    visibility: hidden;
}

.dataTables_wrapper {
    position: relative;
}

.dataTables_length {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    margin-right: 76px;
}

.dataTables_length > label {
    margin-bottom: 0;
    font-size: 0;
}

.dataTables_length select {
    min-height: 28.8px;
    padding: 0;
    border: none;
    background-color: transparent;
    margin: 0;
    font-size: 1.13rem;
    color: #6c757d;
    background-color: #fbfcfc;
    border: 1px solid #e6ecf0;
    border-radius: .2rem;
    -webkit-transition: border-color .1s ease-in-out, -webkit-box-shadow .1s ease-in-out;
    transition: border-color .1s ease-in-out, -webkit-box-shadow .1s ease-in-out;
    -o-transition: box-shadow .1s ease-in-out, border-color .1s ease-in-out;
    transition: box-shadow .1s ease-in-out, border-color .1s ease-in-out;
    transition: box-shadow .1s ease-in-out, border-color .1s ease-in-out, -webkit-box-shadow .1s ease-in-out;
}

.dataTables_length select:focus {
    background-color: #fbfcfc;
    border-color: rgba(114, 94, 195, 0.6);
    outline: none;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
}

.dataTables_filter {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
}

.dataTables_filter > label {
    margin-bottom: 0;
    color: #6c757d;
}

.dataTables_filter input {
    min-height: 28.8px;
    padding: 7px 16px;
    margin-left: 19px;
    background-color: #fbfcfc;
    border: 1px solid #e6ecf0;
    border-radius: .2rem;
    -webkit-transition: border-color .1s ease-in-out, -webkit-box-shadow .1s ease-in-out;
    transition: border-color .1s ease-in-out, -webkit-box-shadow .1s ease-in-out;
    -o-transition: box-shadow .1s ease-in-out, border-color .1s ease-in-out;
    transition: box-shadow .1s ease-in-out, border-color .1s ease-in-out;
    transition: box-shadow .1s ease-in-out, border-color .1s ease-in-out, -webkit-box-shadow .1s ease-in-out;
}

.dataTables_filter input:focus {
    background-color: #fbfcfc;
    border-color: rgba(114, 94, 195, 0.6);
    outline: none;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
}

.dataTables_info {
    font-size: 0.96rem;
    color: #7E7D7D;
}

.dataTables_paginate {
    background: #F8F8F8;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
}

.dataTables_paginate a:not(:first-child) {
    border-left: 1px solid #D4D4D4 !important;
}

.dataTables_paginate .paginate_button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 32px;
    height: 30px;
    padding: 10px;
    font-size: 1.13rem;
    font-weight: 400;
    line-height: 11.3px;
    color: #a4a6a8;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #f8f9fa;
    border: 0;
    border-radius: .25rem;
    -webkit-transition: background-color .15s ease-in-out, color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out, color .15s ease-in-out;
    transition: background-color .15s ease-in-out, color .15s ease-in-out;
}

.dataTables_paginate .paginate_button.previous, .dataTables_paginate .paginate_button.next {
    padding-right: 13px;
    padding-left: 13px;
}

.dataTables_paginate .paginate_button:hover {
    color: #6c757d;
    text-decoration: none;
    background-color: #f3f4f7;
}

.dataTables_paginate .paginate_button:focus {
    color: #6c757d;
    background-color: #f3f4f7;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.dataTables_paginate .paginate_button:active, .dataTables_paginate .paginate_button.active {
    color: #F8F8F8;
    font-size: 1.13rem;
    background: #7E7D7D;
    opacity: 1;
}

.dataTables_paginate .paginate_button.current {
    color: #fff;
    background-color: #725ec3;
}

.dataTables_paginate .paginate_button.disabled:not(.active) {
    color: #d7d9e0;
    pointer-events: none;
    cursor: auto;
    background-color: #f8f9fa;
}

/*---------------------------
    Plugin DateTime Picker
 ----------------------------*/
.xdsoft_datetimepicker {
    padding: 28px 20px 25px 21px;
    font-family: "Inter", sans-serif;
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: .25rem;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
    z-index: 1100;
}

.xdsoft_datetimepicker .xdsoft_calendar {
    width: auto;
}

.xdsoft_datetimepicker .xdsoft_calendar thead th {
    padding-top: 11px;
    padding-bottom: 11px;
    font-weight: 600;
    color: #4b515b;
    background-color: transparent;
    border: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: auto;
    margin-top: -10px;
    margin-bottom: -10px;
    margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin: -10px 0 0 9px;
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_today_button,
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_label {
    float: none;
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_today_button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 34px;
    min-width: 34px;
    height: 34px;
    color: #d4d4d4;
    text-indent: 0;
    background-image: none;
    border-radius: .2rem;
    opacity: 1;
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev:hover,
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_today_button:hover {
    color: #393f49;
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next {
    margin-left: auto;
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next > .rui-icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_today_button {
    margin-right: auto;
    margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_label {
    padding: 0;
    font-weight: 400;
    color: #393f49;
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_label > i {
    display: none;
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_label:hover > span {
    text-decoration: none;
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_month {
    width: auto;
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_year {
    width: auto;
    margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    top: -5px;
    max-height: 257px;
    padding: 0 5px;
    border: 1px solid #e6ecf0;
    border-radius: .25rem;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: auto;
    left: 100%;
    margin-left: 10px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: 100%;
    margin-right: 10px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div {
    padding-top: 3px;
    padding-bottom: 3px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    position: relative;
    padding: 4px 8px;
    font-size: 9.6px;
    color: #6c757d;
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option::before {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 2px;
    left: 0;
    border-radius: .2rem;
    -webkit-transition: background-color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out;
    z-index: -1;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #393f49 !important;
    background-color: transparent !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover::before {
    background-color: #f3f4f7;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    font-weight: 400;
    color: #fff !important;
    background-color: transparent !important;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current::before {
    background-color: rgba(114, 94, 195, 0.8);
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select .xdsoft_scrollbar {
    width: 4px;
    opacity: 0;
    -webkit-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select .xdsoft_scroller {
    padding: 0;
    background-color: #eaecf0 !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select .xdsoft_scroller:hover {
    background-color: #eaecf0 !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select:hover .xdsoft_scrollbar {
    opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    position: relative;
    width: auto;
    padding-top: 34px;
    margin-bottom: 5px;
    margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker.active {
    margin-top: -10px;
    margin-bottom: -10px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 228px;
    margin-top: 2px;
    border: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box:hover .xdsoft_scrollbar {
    opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_scrollbar {
    width: 4px;
    opacity: 0;
    -webkit-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_scroller {
    padding: 0;
    background-color: #eaecf0 !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_scroller:hover {
    background-color: #eaecf0 !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 38px;
    padding: 0 10px;
    color: #6c757d;
    background-color: transparent;
    border: 0;
    border-radius: .2rem;
    -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    transition: background-color .1s ease-in-out, color .1s ease-in-out;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div::before {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    bottom: 4px;
    left: 0;
    border-radius: .2rem;
    -webkit-transition: background-color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out;
    z-index: -1;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #393f49 !important;
    background-color: transparent !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover::before {
    background-color: #f3f4f7;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    font-weight: 400;
    color: #fff !important;
    background-color: transparent !important;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current::before {
    background-color: rgba(114, 94, 195, 0.8);
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    position: absolute;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 0;
    width: 25px;
    height: 34px;
    margin: 0;
    color: #d4d4d4;
    text-indent: 0;
    background-image: none;
    opacity: 1;
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next:hover {
    color: #393f49;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    left: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev > .rui-icon {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    left: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next > .rui-icon {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.xdsoft_datetimepicker .xdsoft_calendar td {
    padding: 4px;
    text-align: center;
    background-color: transparent;
    border: 0;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month {
    opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month > div {
    color: #d4d4d4;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month > div:hover {
    color: #a4a6a8 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 32px;
    height: 32px;
    padding-right: 0;
    color: #6c757d;
    border-radius: 100%;
    -webkit-transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -o-transition: color .1s ease-in-out, background-color .1s ease-in-out;
    transition: color .1s ease-in-out, background-color .1s ease-in-out;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover {
    color: #393f49 !important;
    background-color: transparent !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover > div {
    color: #393f49 !important;
    background-color: #f3f4f7 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    background-color: transparent !important;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current > div {
    font-weight: 400;
    color: #fff !important;
    background-color: rgba(114, 94, 195, 0.8) !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    background-color: transparent !important;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today > div {
    font-weight: 400;
    color: #fff !important;
    background-color: rgba(114, 94, 195, 0.8) !important;
}

.rui-datetimepicker-wrap {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    z-index: 1010;
}

.rui-datetimepicker-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(50, 57, 66, 0.9);
}

.rui-datetimepicker-wrap.show {
    visibility: visible;
    opacity: 1;
}

.rui-datetimepicker-wrap > .xdsoft_datetimepicker {
    position: static !important;
    max-height: 100%;
    border-color: transparent;
}

/*---------------------------
    Plugin Selectize
 ----------------------------*/
.rui-selectize .rui-selectize-element {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    border: 0;
}

.rui-selectize .rui-selectize-element .selectize-input > div {
    margin-bottom: 0;
    word-break: break-all;
}

.rui-selectize .rui-selectize-element .selectize-input input {
    font-size: 15px;
    color: #7E7D7D;
}

.rui-selectize .rui-selectize-element .selectize-input svg {
    fill: #7E7D7D;
}

.rui-selectize .rui-selectize-element .selectize-input:focus, .rui-selectize .rui-selectize-element .selectize-input.focus {
    background-color: #ffffff;
    border-color: #939497;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.rui-selectize .rui-selectize-element .selectize-input.locked {
    background-color: #f3f4f7;
    border-color: #e6ecf0;
}

.rui-selectize .rui-selectize-element .selectize-dropdown {
    height: auto;
    padding: 7px 0;
    margin-top: 10px;
    border: 1px solid #e6ecf0;
    border-radius: .25rem;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
    font-size: 15px;
}

.rui-selectize .rui-selectize-element .selectize-dropdown .option {
    padding: 6px 14px;
    color: #6c757d;
    cursor: pointer;
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
    overflow-wrap: break-word;
}

.rui-selectize .rui-selectize-element .selectize-dropdown .option:hover {
    color: #393f49;
}

.rui-selectize .rui-selectize-element .selectize-dropdown .create {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 6px 14px;
    color: #6c757d;
}

.rui-selectize .rui-selectize-element .selectize-dropdown .create strong {
    margin-left: 5px;
    font-weight: 400;
    color: #4b515b;
}

.rui-selectize .rui-selectize-element .selectize-dropdown .highlight {
    background-color: #f3f4f7;
}

.rui-selectize .rui-selectize-element .selectize-dropdown .active {
    color: #4b515b;
    background-color: #ededed;
}

.rui-selectize .rui-selectize-element .selectize-dropdown .no-results {
    padding: 0 0 0 5px;
    color: #4b515b;
}

.rui-selectize .rui-selectize-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.rui-selectize .rui-selectize-select .selectize-input::after,
.rui-selectize .rui-selectize-select.single .selectize-input::after {
    border-color: #d4d4d4 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}

.rui-selectize .rui-selectize-select .selectize-input:focus::before, .rui-selectize .rui-selectize-select .selectize-input.focus::before,
.rui-selectize .rui-selectize-select.single .selectize-input:focus::before,
.rui-selectize .rui-selectize-select.single .selectize-input.focus::before {
    display: none;
}

.rui-selectize .rui-selectize-select .selectize-input:focus::after, .rui-selectize .rui-selectize-select .selectize-input.focus::after,
.rui-selectize .rui-selectize-select.single .selectize-input:focus::after,
.rui-selectize .rui-selectize-select.single .selectize-input.focus::after {
    margin-top: -3px;
    border-color: #4b515b transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.rui-selectize .rui-selectize-select.multi .selectize-input {
    cursor: pointer;
}

.rui-selectize .rui-selectize-select.multi .selectize-input.has-items {
    padding-block: 9px;
}

.rui-selectize .rui-selectize-select.multi .selectize-input.has-items input {
    position: static !important;
}

.rui-selectize .rui-selectize-select .rui-selectize-select-icon.selectize-input .rui-selectize-select-icon {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    stroke: #d4d4d4;
    -webkit-transition: stroke .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: stroke .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -o-transition: stroke .15s ease-in-out, transform .15s ease-in-out;
    transition: stroke .15s ease-in-out, transform .15s ease-in-out;
    transition: stroke .15s ease-in-out, transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    pointer-events: none;
}

.rui-selectize .rui-selectize-select .rui-selectize-select-icon.selectize-input:focus .rui-selectize-select-icon,
.rui-selectize .rui-selectize-select .rui-selectize-select-icon.selectize-input.focus .rui-selectize-select-icon {
    stroke: #4b515b;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.rui-selectize .rui-selectize-select .rui-selectize-select-icon.selectize-input::after {
    display: none;
}

.rui-selectize .rui-selectize-input .selectize-input::after {
    display: none;
}

.rui-selectize .rui-selectize-input .selectize-input .item {
    padding: 1px 6px 3px;
    margin: 2px 5px 2px 0;
    color: #6c757d;
    background-color: #f3f4f7;
    border-radius: .2rem;
    -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    transition: background-color .1s ease-in-out, color .1s ease-in-out;
}

.rui-selectize .rui-selectize-input .selectize-input .item:hover {
    background-color: #eaecf1;
}

.rui-selectize .rui-selectize-input .selectize-input .item.active {
    color: #4b515b;
    background-color: #eaecf1;
}

.rui-selectize .rui-selectize-input .selectize-dropdown .create strong {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 1px 6px 3px;
    background-color: #f8f9fa;
    border-radius: .2rem;
}

.rui-selectize .rui-selectize-icon .selectize-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.rui-selectize .rui-selectize-icon .selectize-input.input-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.rui-selectize .rui-selectize-icon .selectize-input.dropdown-active > .option > .rui-icon {
    stroke: #4b515b;
}

.rui-selectize .rui-selectize-icon .selectize-input > .option {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.rui-selectize .rui-selectize-icon .selectize-input > .option > .rui-icon {
    margin-right: 10px;
    stroke: #d4d4d4;
    -webkit-transition: stroke .15s ease-in-out;
    -o-transition: stroke .15s ease-in-out;
    transition: stroke .15s ease-in-out;
}

.rui-selectize .rui-selectize-icon .selectize-dropdown .option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 7px 14px;
}

.rui-selectize .rui-selectize-icon .selectize-dropdown .option.active > .rui-icon {
    stroke: #4b515b;
}

.rui-selectize .rui-selectize-icon .selectize-dropdown .option > .rui-icon {
    margin-right: 10px;
    stroke: #d4d4d4;
    -webkit-transition: stroke .15s ease-in-out;
    -o-transition: stroke .15s ease-in-out;
    transition: stroke .15s ease-in-out;
}

.rui-selectize__clearBtn {
    position: absolute;
    top: calc(50% - 15px);
    z-index: 2;
    right: 30px;
}

.rui-selectize__clearBtn > .rui-icon {
    stroke: #bcbec0;
}

.rui-selectize__clearBtn:hover > .rui-icon {
    stroke: #88898b;
}

.rui-selectize__clearBtn-ready {
    position: relative;
}

.rui-selectize__clearBtn-ready .rui-selectize-element .selectize-input {
    padding-right: 50px;
}

/*---------------------------
    Plugin Dropzone
 ----------------------------*/
.rui-dropzone {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 30px;
    border: 1px solid #e6ecf0;
    border-radius: .25rem;
    -webkit-transition: border-color .2s ease-in-out;
    -o-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.rui-dropzone .rui-dropzone-images {
    display: none;
}

.rui-dropzone.dz-started {
    padding: 15px;
}

.rui-dropzone:hover {
    border-color: #dce5ea;
}

.rui-dropzone.dz-drag-hover {
    border-color: #9383d1;
}

.rui-dropzone.dz-drag-hover .dz-message {
    opacity: 1;
}

.rui-dropzone > .rui-dropzone-remove-icon {
    display: none;
}

.rui-dropzone .rui-dropzone-input {
    display: none;
}

.rui-dropzone .dz-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    margin: -5px 0;
}

.rui-dropzone .rui-dropzone-icon {
    margin-bottom: 20px;
    color: #d7d9e0;
}

.rui-dropzone .rui-dropzone-icon > .rui-icon {
    width: 50px;
    height: 50px;
}

.rui-dropzone .rui-dropzone-text {
    font-size: 1.13rem;
    color: #6c757d;
}

@media (max-width: 575.98px) {
    .rui-dropzone {
        min-height: 100px;
    }
    .rui-dropzone .rui-dropzone-icon > .rui-icon {
        width: 32px;
        height: 32px;
    }
    .rui-dropzone .rui-dropzone-text {
        font-size: 1.13rem;
    }
}

.rui-dropzone .dz-preview,
.rui-dropzone .dz-preview.dz-file-preview {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6%;
        -ms-flex: 0 0 16.6%;
            flex: 0 0 16.6%;
    max-width: 16.6%;
    padding: 15px;
    margin: 0;
}

@media (max-width: 1199.98px) {
    .rui-dropzone .dz-preview,
    .rui-dropzone .dz-preview.dz-file-preview {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
            -ms-flex: 0 0 20%;
                flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 767.98px) {
    .rui-dropzone .dz-preview,
    .rui-dropzone .dz-preview.dz-file-preview {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3%;
            -ms-flex: 0 0 33.3%;
                flex: 0 0 33.3%;
        max-width: 33.3%;
    }
}

@media (max-width: 575.98px) {
    .rui-dropzone .dz-preview,
    .rui-dropzone .dz-preview.dz-file-preview {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
}

.rui-dropzone .dz-preview .dz-remove,
.rui-dropzone .dz-preview.dz-file-preview .dz-remove {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 25px;
    right: 25px;
    width: 16px;
    height: 16px;
    color: #d4d4d4;
    background-color: #fff;
    border-radius: .2rem;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out, color .1s ease-in-out;
    -o-transition: opacity .2s ease-in-out, color .1s ease-in-out;
    transition: opacity .2s ease-in-out, color .1s ease-in-out;
    z-index: 100;
}

.rui-dropzone .dz-preview .dz-remove > .rui-icon,
.rui-dropzone .dz-preview.dz-file-preview .dz-remove > .rui-icon {
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.rui-dropzone .dz-preview .dz-remove > .rui-icon > line,
.rui-dropzone .dz-preview.dz-file-preview .dz-remove > .rui-icon > line {
    cursor: pointer;
}

.rui-dropzone .dz-preview .dz-remove:hover,
.rui-dropzone .dz-preview.dz-file-preview .dz-remove:hover {
    color: #6c757d;
}

.rui-dropzone .dz-preview.dz-error .dz-image::before,
.rui-dropzone .dz-preview.dz-file-preview.dz-error .dz-image::before {
    content: "";
}

.rui-dropzone .dz-preview .dz-image:not(.rui-dropzone-image),
.rui-dropzone .dz-preview.dz-file-preview .dz-image:not(.rui-dropzone-image) {
    width: auto;
    height: auto;
    background: none;
    background-color: #f3f4f7;
    border-radius: .25rem;
}

.rui-dropzone .dz-preview .dz-image:not(.rui-dropzone-image)::before,
.rui-dropzone .dz-preview.dz-file-preview .dz-image:not(.rui-dropzone-image)::before {
    content: "";
    display: block;
    margin-top: 100%;
}

.rui-dropzone .dz-preview .dz-image:not(.rui-dropzone-image) > img,
.rui-dropzone .dz-preview.dz-file-preview .dz-image:not(.rui-dropzone-image) > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover";
    -o-object-fit: cover;
       object-fit: cover;
}

.rui-dropzone .dz-preview .rui-dropzone-image,
.rui-dropzone .dz-preview.dz-file-preview .rui-dropzone-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: auto;
    height: auto;
    background: none;
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: .25rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.rui-dropzone .dz-preview .rui-dropzone-image::before,
.rui-dropzone .dz-preview.dz-file-preview .rui-dropzone-image::before {
    content: "";
    display: block;
    margin-top: 100%;
}

.rui-dropzone .dz-preview .rui-dropzone-image > img,
.rui-dropzone .dz-preview.dz-file-preview .rui-dropzone-image > img {
    position: absolute;
}

.rui-dropzone .dz-preview .dz-details,
.rui-dropzone .dz-preview.dz-file-preview .dz-details {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    opacity: 1;
}

.rui-dropzone .dz-preview .dz-details .dz-size,
.rui-dropzone .dz-preview.dz-file-preview .dz-details .dz-size {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin: 4px 0 -5px;
    font-size: 11px;
    color: #d4d4d4;
}

.rui-dropzone .dz-preview .dz-details .dz-size > span,
.rui-dropzone .dz-preview.dz-file-preview .dz-details .dz-size > span {
    padding: 0;
    background-color: transparent;
}

.rui-dropzone .dz-preview .dz-details .dz-size strong,
.rui-dropzone .dz-preview.dz-file-preview .dz-details .dz-size strong {
    font-weight: 400;
}

.rui-dropzone .dz-preview .dz-details .dz-filename,
.rui-dropzone .dz-preview.dz-file-preview .dz-details .dz-filename {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    margin-top: 10px;
    overflow: hidden;
    color: #6c757d;
}

.rui-dropzone .dz-preview .dz-details .dz-filename > span,
.rui-dropzone .dz-preview.dz-file-preview .dz-details .dz-filename > span {
    padding: 0;
}

.rui-dropzone .dz-preview .dz-details .dz-filename:not(:hover) span,
.rui-dropzone .dz-preview.dz-file-preview .dz-details .dz-filename:not(:hover) span {
    border: 0;
}

.rui-dropzone .dz-preview .dz-details .dz-filename:hover span,
.rui-dropzone .dz-preview.dz-file-preview .dz-details .dz-filename:hover span {
    border: 0;
}

.rui-dropzone .dz-preview .dz-progress,
.rui-dropzone .dz-preview.dz-file-preview .dz-progress {
    position: absolute;
    top: 15px;
    right: 15px;
    left: 15px;
    width: auto;
    height: auto;
    margin: 0;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: .25rem;
}

.rui-dropzone .dz-preview .dz-progress::before,
.rui-dropzone .dz-preview.dz-file-preview .dz-progress::before {
    content: "";
    display: block;
    margin-top: 100%;
}

.rui-dropzone .dz-preview .dz-progress .dz-upload,
.rui-dropzone .dz-preview.dz-file-preview .dz-progress .dz-upload {
    top: 50%;
    right: 10px;
    bottom: auto;
    left: 10px;
    max-width: calc(100% - 20px);
    height: 6px;
    margin-top: -3px;
    background: none;
    background-color: #393f49;
    border-radius: 3px;
}

.rui-dropzone .dz-preview .dz-error-message,
.rui-dropzone .dz-preview.dz-file-preview .dz-error-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    padding: 0 0 0 15px;
    overflow-x: hidden;
    font-size: 9.6px;
    background: #ef5164;
    border-radius: .2rem;
}

.rui-dropzone .dz-preview .dz-error-message > span,
.rui-dropzone .dz-preview.dz-file-preview .dz-error-message > span {
    display: block;
    max-height: 57px;
    padding: 11px 32px 10px 0;
    margin-right: -17px;
    overflow-y: scroll;
}

.rui-dropzone .dz-preview .dz-error-message::after,
.rui-dropzone .dz-preview.dz-file-preview .dz-error-message::after {
    display: none;
}

@-webkit-keyframes emergence {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes emergence {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.rui-dropzone .dz-preview .dz-error-mark,
.rui-dropzone .dz-preview .dz-success-mark,
.rui-dropzone .dz-preview.dz-error .dz-error-mark,
.rui-dropzone .dz-preview.dz-success .dz-success-mark,
.rui-dropzone .dz-preview.dz-file-preview .dz-error-mark,
.rui-dropzone .dz-preview.dz-file-preview .dz-success-mark,
.rui-dropzone .dz-preview.dz-file-preview.dz-error .dz-error-mark,
.rui-dropzone .dz-preview.dz-file-preview.dz-success .dz-success-mark {
    top: 15px;
    right: 15px;
    left: 15px;
    margin: 0;
    border-radius: .25rem;
    opacity: 0;
    -webkit-animation: none;
            animation: none;
    z-index: 99;
}

.rui-dropzone .dz-preview .dz-error-mark::before,
.rui-dropzone .dz-preview .dz-success-mark::before,
.rui-dropzone .dz-preview.dz-error .dz-error-mark::before,
.rui-dropzone .dz-preview.dz-success .dz-success-mark::before,
.rui-dropzone .dz-preview.dz-file-preview .dz-error-mark::before,
.rui-dropzone .dz-preview.dz-file-preview .dz-success-mark::before,
.rui-dropzone .dz-preview.dz-file-preview.dz-error .dz-error-mark::before,
.rui-dropzone .dz-preview.dz-file-preview.dz-success .dz-success-mark::before {
    content: "";
    display: block;
    margin-top: 100%;
}

.rui-dropzone .dz-preview .dz-error-mark > svg,
.rui-dropzone .dz-preview .dz-success-mark > svg,
.rui-dropzone .dz-preview.dz-error .dz-error-mark > svg,
.rui-dropzone .dz-preview.dz-success .dz-success-mark > svg,
.rui-dropzone .dz-preview.dz-file-preview .dz-error-mark > svg,
.rui-dropzone .dz-preview.dz-file-preview .dz-success-mark > svg,
.rui-dropzone .dz-preview.dz-file-preview.dz-error .dz-error-mark > svg,
.rui-dropzone .dz-preview.dz-file-preview.dz-success .dz-success-mark > svg {
    display: none;
}

.rui-dropzone .dz-preview .dz-error-mark,
.rui-dropzone .dz-preview.dz-error .dz-error-mark,
.rui-dropzone .dz-preview.dz-file-preview .dz-error-mark,
.rui-dropzone .dz-preview.dz-file-preview.dz-error .dz-error-mark {
    background-color: rgba(239, 81, 100, 0.2);
}

.rui-dropzone .dz-preview.dz-error .dz-error-mark,
.rui-dropzone .dz-preview.dz-file-preview.dz-error .dz-error-mark {
    opacity: 1;
}

.rui-dropzone .dz-preview .dz-success-mark,
.rui-dropzone .dz-preview.dz-file-preview .dz-success-mark {
    background-color: rgba(47, 199, 135, 0.2);
}

.rui-dropzone .dz-preview.dz-success .dz-success-mark,
.rui-dropzone .dz-preview.dz-file-preview.dz-success .dz-success-mark {
    -webkit-animation: emergence 1s ease-in-out;
            animation: emergence 1s ease-in-out;
}

.rui-dropzone .dz-preview:hover .dz-remove,
.rui-dropzone .dz-preview.dz-file-preview:hover .dz-remove {
    opacity: 1;
}

.rui-dropzone .dz-preview:hover .dz-image img,
.rui-dropzone .dz-preview.dz-file-preview:hover .dz-image img {
    -webkit-filter: none;
            filter: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.rui-dropzone .dz-preview:hover .rui-dropzone-image,
.rui-dropzone .dz-preview.dz-file-preview:hover .rui-dropzone-image {
    border-color: #e6ecf0;
}

/*---------------------------
    Bootstrap multiselect
 ----------------------------*/
.multiselect-native-select .custom-select {
    border: 1px solid #7E7D7D;
    border-radius: 8px;
}

.multiselect-native-select .btn-group {
    width: 100%;
}

.multiselect-native-select .multiselect-container.dropdown-menu {
    width: 100%;
    height: 500px;
    overflow: auto;
    margin-left: 0;
    margin-top: 10px;
    padding: 9px 5px 10px;
}

.multiselect-native-select .multiselect-container.dropdown-menu .form-check .form-check-label {
    text-align: left;
    margin-left: 10px;
}

span.multiselect-native-select {
    width: 100%;
}

/*---------------------------
    Pumpkin
 ----------------------------*/
/* FLOT CHART  */
.flot-chart {
    display: block;
    height: 200px;
}

.widget .flot-chart.dashboard-chart {
    display: block;
    height: 120px;
    margin-top: 40px;
}

.flot-chart.dashboard-chart {
    display: block;
    height: 180px;
    margin-top: 40px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

.flot-chart-pie-content {
    width: 200px;
    height: 200px;
    margin: auto;
}

.jqstooltip {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    visibility: hidden;
    background: #2b303a;
    background-color: rgba(43, 48, 58, 0.8);
    color: white;
    text-align: left;
    white-space: nowrap;
    z-index: 10000;
    padding: 5px 5px 5px 5px;
    min-height: 22px;
    border-radius: 3px;
}

.jqsfield {
    color: white;
    text-align: left;
}

.fh-150 {
    height: 150px;
}

.fh-200 {
    height: 200px;
}

.h-150 {
    min-height: 150px;
}

.h-200 {
    min-height: 200px;
}

.h-300 {
    min-height: 300px;
}

.w-150 {
    min-width: 150px;
}

.w-200 {
    min-width: 200px;
}

.w-300 {
    min-width: 300px;
}

.legendLabel {
    padding-left: 5px;
}

.stat-list li:first-child {
    margin-top: 0;
}

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

.stat-percent {
    float: right;
}

.stat-list li {
    margin-top: 15px;
    position: relative;
}

.documentList, .entityDocumentList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    overflow: visible;
}

.documentList > div:not(:first-child) h3, .entityDocumentList > div:not(:first-child) h3 {
    margin: 1.7rem 0;
}

.documentList .file-upload__text, .entityDocumentList .file-upload__text {
    max-height: 30px;
}

.documentList .file-upload__text:has(+ .document-upload:disabled), .entityDocumentList .file-upload__text:has(+ .document-upload:disabled) {
    opacity: 1;
    background-color: transparent;
    border: 1px solid #5849FF;
}

.documentList .default-delete-btn, .entityDocumentList .default-delete-btn {
    max-height: 30px;
}

.documentList .default-delete-btn:disabled, .documentList .default-delete-btn:disabled:hover, .entityDocumentList .default-delete-btn:disabled, .entityDocumentList .default-delete-btn:disabled:hover {
    background-color: transparent;
    border: 1px solid #5849FF;
    opacity: 1;
}

.documentList .document-upload, .entityDocumentList .document-upload {
    position: absolute;
    top: 0;
    padding: 0;
    width: 0;
    height: 0;
    visibility: hidden;
}

.documentList .inactive, .entityDocumentList .inactive {
    display: none !important;
}

.documentList .file-upload__input, .entityDocumentList .file-upload__input {
    margin: 0;
}

.documentList .card-body, .entityDocumentList .card-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 10px;
}

.documentList .card-body:hover, .entityDocumentList .card-body:hover {
    background-color: #f4f5f6;
}

.documentList .card-body .deleted, .entityDocumentList .card-body .deleted {
    background-color: #ff5c5c;
}

@media (max-width: 1280px) {
    .documentList .card-body, .entityDocumentList .card-body {
        padding: .55rem;
    }
}

.documentTypes [data-uploaded]:after {
    content: '\2713';
    margin: 0 0 0 5px;
}

.newDocumentList {
    padding: 0 30px 20px 30px;
}

.newDocumentList .dz-error-mark, .newDocumentList .dz-success-mark {
    display: none;
}

.newDocumentList .dz-image-preview img {
    width: 100%;
}

.document__listItem {
    display: grid;
    grid-template-columns: 30% 70%;
    width: 100%;
}

.document__listItem:not(:first-of-type) {
    margin: 15px 0 0 0;
}

.document__listItem > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
}

@media (max-width: 767.98px) {
    .document__listItem {
        grid-template-columns: 100%;
    }
}

.document__itemsContainer > div {
    margin: 0 0 15px 0;
}

.document__file-row {
    position: relative;
}

.document__file-row .preview img {
    height: 140px;
    width: auto;
}

.document__file-row:not(:first-of-type) {
    padding: 15px 0 0 0;
    margin: 15px 0 0 0;
    border-top: 1px solid #dee2e6;
}

.document__link {
    color: #87a8d9;
    display: block;
    font-size: 1.12rem;
    text-align: left;
    overflow: hidden;
    text-wrap: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.documentDropzone-wrapper {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
    height: 18px;
    margin-top: 15px;
}

.documentDropzone-wrapper .dz-message {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    min-height: auto;
    gap: 5px;
}

.documentDropzone-wrapper .rui-dropzone-text {
    display: inline-block;
}

.documentDropzone-wrapper .rui-dropzone {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-height: auto;
    padding: 0 0 0 10px;
    border: none;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 0.2rem;
}

.documentDropzone-wrapper .rui-dropzone .rui-dropzone-text {
    color: #4371E8;
    font-size: 15px;
    line-height: 18px;
    font-weight: 450;
}

.documentDropzone-wrapper .rui-dropzone:hover .rui-dropzone-text {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: underline;
}

.documentDropzone-wrapper .rui-dropzone-icon {
    display: none;
}

.document-reader .modal-header {
    display: none;
}

.document-reader .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.document-reader iframe {
    border: none;
}

.document-reader .modal-dialog {
    max-width: 1200px;
}

.document__action_delete {
    top: 2px;
}

.document__deleteOverlay {
    top: 0;
    z-index: 2 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.modal .documentList {
    grid-template-columns: repeat(auto-fill, 214px);
}

.modal .documentList button .text, .modal .documentList a .text {
    display: none;
}

.main-tab-content .tab-pane:not(#view-documents-tab):not(#view-processes-tab):not(#view-mapping-tab):not(#view-history-tab) {
    padding: 20px;
}

.tab-pane fieldset {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.tab-pane .left-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 400px;
    overflow: auto;
    border-right: 1px solid #E9E9E9;
    padding: 20px;
}

.tab-pane .right-container {
    width: 100%;
    padding: 20px;
}

.modal-document .close {
    position: absolute;
    right: -30px;
}

.counters-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.counter__item-btn {
    margin-left: 15px;
    padding: 10px 0;
    border: none;
    font-size: 15px;
    line-height: 18px;
    font-weight: 450;
    color: #000000;
    background: transparent;
    opacity: .7;
}

.counter__item-btn:hover {
    opacity: 1;
}

.counter__item {
    width: 100%;
}

.counter__item:nth-child(n+5) {
    grid-column: auto;
}

.counterCard-title {
    color: #000000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 14px;
}

.counterCard-title h4 {
    font-size: 22px;
    font-weight: 550;
    max-width: 325px;
}

.counterCard-title span > span {
    font-size: 21px;
    line-height: 23px;
    font-weight: 600;
}

.counter-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.counter-list__btn {
    color: #212529;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    border: none;
    background: none;
    width: 100%;
    padding: 14px 15px 16px;
}

.counter-list__btn:hover {
    background-color: #f4f5f6;
}

.page-features-store {
    padding: 20px 40px;
}

.features-store__item {
    width: 150px;
    height: 90px;
    border-radius: 10px;
    border: 1px solid black;
    font-size: 15px;
    overflow: hidden;
    line-height: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    word-break: break-word;
}

.features-store__item:hover {
    -webkit-box-shadow: 0px 0px 5px 5px #00000010;
            box-shadow: 0px 0px 5px 5px #00000010;
}

.features-store__item img {
    width: 100%;
    height: 100%;
}

.features-store__list {
    margin-top: 10px;
    gap: 20px;
}

.features-store__left {
    width: 100%;
    max-width: 75%;
    padding-right: 20px;
}

.features-store__right {
    width: 100%;
    max-width: 25%;
}

.features-store .form__actions {
    border: none;
}

.features-store table tbody .form-control {
    padding-inline: 10px;
}

.features-store table tbody .form-control:focus {
    outline: 1px solid #000000;
}

.features-store table tbody td input {
    border: none;
}

.features-store table tbody td input[readonly] {
    background-color: transparent;
}

.features-store table tbody td:nth-child(1) {
    padding: 0;
}

.features-store table tbody .collapse .dl-horizontal, .features-store table tbody .collapsing .dl-horizontal {
    display: grid;
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
    grid-row-gap: 3px;
    grid-column-gap: 13px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.features-store table tbody .collapse .dl-horizontal dd, .features-store table tbody .collapsing .dl-horizontal dd {
    margin: 0;
}

.features-store table tbody .collapse .dl-horizontal dd:not(:empty):after, .features-store table tbody .collapsing .dl-horizontal dd:not(:empty):after {
    content: unset;
}

.features-store__content {
    height: 100%;
    overflow: auto;
}

.features-store__collection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 9px 0 0 0;
}

.features-store__collection > label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1;
        -ms-flex: 0 1;
            flex: 0 1;
}

.features-store__collection > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
}

.features-store__collection_actions .rui-dropzone {
    min-height: unset;
    height: 32px;
}

.features-store__collection_actions .rui-dropzone .dz-message {
    height: inherit;
    margin: -10px 0;
}

.features-store__collection_actions .rui-dropzone-icon {
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
}

.features-store__collection_actions .rui-dropzone-text {
    font-size: 1.28rem;
}

.features-store__creditReport {
    width: 100%;
    overflow: auto;
    margin: 0 0 20px 0;
}

@media (max-width: 1024px) {
    .features-store__creditReport {
        max-height: 500px;
    }
}

.features-store__creditReport .report {
    width: 100%;
    overflow-x: auto;
}

.features-store__creditReport .report summary {
    outline: none;
}

.features-store__creditReport .report summary ~ div {
    cursor: pointer;
}

.template {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: calc(100vh - 142px);
}

@media (max-width: 991.98px) {
    .template > div {
        margin: 15px 0;
    }
}

.template #view-documents-tab.tab-pane.active {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.template #view-documents-tab.tab-pane.active > fieldset {
    width: 100%;
}

.template #view-documents-tab.tab-pane.active > fieldset .documentList {
    overflow: auto;
}

.template #view-documents-tab.tab-pane.active > fieldset h4 {
    color: #7E7D7D;
}

.template #view-documents-tab.tab-pane.active > fieldset ul {
    color: #282727;
    padding-left: 30px;
}

.template #load-document-tab {
    height: 100%;
}

.template #load-document-tab .documentActions {
    padding: 2px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0 0 16px 0;
    z-index: 1;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: var(--bg-color);
    max-height: 32px;
    height: 100%;
}

.template #load-document-tab .documentActions .toggleMouseEvents {
    margin: 0 0 0 10px;
}

.template #view-notes-tab.tab-pane.active {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
}

.template #view-notes-tab.tab-pane.active > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1;
        -ms-flex: 0 1;
            flex: 0 1;
}

.template #view-notes-tab.tab-pane.active .notes__container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
    margin: 5px 0;
    overflow: auto;
}

.template #view-notes-tab.tab-pane.active .application__item-note {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    padding: 10px 5px;
    font-size: 1.13rem;
}

@media (max-width: 991.98px) {
    .template #view-notes-tab.tab-pane.active .application__item-note {
        padding: 7px 5px;
    }
}

.template #view-notes-tab.tab-pane.active .application__item-note:not(:first-child) {
    border-top: 1px solid #dee2e6;
}

.template #view-history-tab {
    overflow: hidden;
}

.template .content__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
        -ms-flex-flow: row;
            flex-flow: row;
    width: 100%;
}

.template .content__container iframe {
    width: 100%;
    height: calc(100% - 35px);
}

.template .list-group {
    overflow-x: hidden;
    overflow-y: auto;
    word-break: break-word;
    border-right: 1px solid #E9E9E9;
}

.template .code-editor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.template-links {
    -webkit-box-flex: 0.5;
    -webkit-flex: 0.5 1;
        -ms-flex: 0.5 1;
            flex: 0.5 1;
}

.template-links a {
    min-width: 180px;
}

.template .tab-content {
    -webkit-box-flex: 2;
    -webkit-flex: 2 1;
        -ms-flex: 2 1;
            flex: 2 1;
    padding: 0 0 0 10px;
    height: 100%;
}

.template .tab-pane {
    height: 100%;
}

.template .actions {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1;
        -ms-flex: 0 1;
            flex: 0 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.template__document {
    width: 21cm;
    height: 30.5cm;
}

@media (max-width: 1199.98px) {
    .template__document {
        width: 100%;
        height: 80vh;
    }
}

.tab-container .template {
    height: calc(100vh - 223px);
}

.authentication-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    min-height: 100vh;
    width: 100%;
}

.authentication-wrapper .authentication-inner {
    width: 100%;
}

.authentication-wrapper .authentication-inner .card {
    padding: 60px 50px 15px;
}

.authentication-wrapper .form.show-alert {
    padding-bottom: 0;
}

.authentication-wrapper .form.show-alert .alert {
    margin-top: 74px;
}

.authentication-wrapper .alert {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #EA3939;
}

.authentication-wrapper .form {
    width: 280px;
    padding-bottom: 100px;
}

.authentication-wrapper .form-group {
    margin: 0;
}

.authentication-wrapper .form-group.has-error {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.authentication-wrapper .form-group + .form-group {
    margin-top: 23px;
}

.authentication-wrapper .form-group + .btn {
    margin-top: 42px;
}

.authentication-wrapper .card-body {
    padding: 32px 20px 0;
}

.authentication-wrapper.authentication-basic {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.authentication-wrapper.authentication-basic .authentication-inner {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}

.filter-table-th {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

[data-sort-direction="asc"], [data-sort-direction="desc"] {
    position: relative;
}

[data-sort-direction="asc"]::after, [data-sort-direction="desc"]::after {
    content: '\2193';
    position: absolute;
    right: -8px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

[data-sort-direction="asc"]::after {
    content: '\2191';
}

.form-body {
    padding-left: 20px;
    padding-right: 20px;
}

.form-body + .form-body {
    margin-top: 15px;
}

.form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 7px;
}

.form-group__title {
    color: #939497;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    padding: 10px 0;
    margin-top: 15px;
    margin-bottom: 6px;
}

.form-group .form-label {
    max-width: 170px;
    width: 100%;
    margin-bottom: 0;
    color: #282a2f;
    line-height: 18px;
    font-size: 15px;
    margin-right: 20px;
    word-break: break-word;
}

.form-group > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.form-control {
    width: 100%;
    height: auto;
    font-size: 15px;
    font-weight: 450;
    line-height: 18px;
    border: none;
    border-bottom: 1.4px solid #dedede;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 11px 20px 11px 0;
    color: #282a2f;
}

.form-control:hover {
    border-color: #939497;
    color: black;
}

.form-control:focus, .form-control.is-invalid:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #282A2F;
    border-color: #939497;
}

.form-control.is-invalid {
    padding-right: 20px;
}

.was-validated .form-control:valid {
    padding-right: 20px;
}

.form-check {
    margin-bottom: 0;
    padding-top: 6px;
    padding-bottom: 6px;
}

.form-check-input[type=checkbox] {
    border-radius: 5px;
    width: 24px;
    height: 24px;
    margin-top: 0;
}

.form-check:not(.form-switch) .form-check-input::after {
    top: 0;
    left: 0;
}

.form-select {
    border: none;
    border-bottom: 1.4px solid #DEDEDE;
    border-radius: 0;
    padding: 10px 20px 10px 0;
}

.form-select:focus {
    padding: 10px 20px 10px 0;
    border-width: 1.4px;
}

.input-group {
    -webkit-flex-wrap: unset;
        -ms-flex-wrap: unset;
            flex-wrap: unset;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.radio-input {
    gap: 30px;
}

.radio-input .custom-control-label {
    min-width: unset;
    max-width: unset;
}

.custom-radio {
    padding-left: 33px;
}

.custom-radio .custom-control-label::before, .custom-radio .custom-control-label::after {
    width: 26px;
    height: 26px;
    left: -33px;
    top: 0;
}

.custom-radio .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ffffff;
    border: 1.4px solid #939497;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    border: 6px solid #5052e8;
    border-radius: 50%;
}

.modal-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.modal-without-overflow .modal-content {
    overflow: unset;
}

.modal-form .custom-control-label {
    text-align: left;
}

.modal-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 10px;
    padding: 8px 10px 12px;
    margin-top: 50px;
    -webkit-box-shadow: 0px -4px 12px -6px rgba(50, 50, 50, 0.5);
            box-shadow: 0px -4px 12px -6px rgba(50, 50, 50, 0.5);
    border: none;
}

.modal-footer > * {
    margin: 0;
}

.field-wrapper {
    display: block;
}

.main-wrapper {
    margin-right: 20px;
    margin-left: 40px;
}

.settings-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.settings-wrapper.page-settings {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.settings-wrapper .form__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-inline: 24px;
    gap: 0;
    width: auto;
}

.settings-wrapper .form__container .form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.settings-wrapper .form__container .form-label {
    text-align: right;
}

.settings-wrapper .form__container > .form-group, .settings-wrapper .form__container > .app_toggled, .settings-wrapper .form__container > .app_toggled-wrapper {
    min-width: 32%;
    max-width: 32%;
}

.settings-wrapper .form__container > div {
    margin-left: 1%;
}

.settings-wrapper .form__actions {
    padding: 15px 24px;
}

.settings__title {
    margin: 10px 24px;
}

.layout-wrapper,
.layout-container {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.content-wrapper {
    background-color: #ffffff;
    border-radius: 6px;
}

.pumpkin-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 100%;
}

.layout-container {
    position: relative;
}

.notes {
    padding: 20px 9px 20px 15px;
    width: 100%;
    height: 100%;
}

.notes-wrapper {
    display: none;
    position: relative;
    background-color: #ffffff;
    border-radius: 8px;
    min-width: 320px;
    max-width: 320px;
    height: 100%;
    max-height: calc(100% - 40px);
}

.notes__title {
    font-size: 21px;
    line-height: 26px;
    font-weight: 600;
}

.notes__content {
    margin-top: 27px;
}

.notes-show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.notes .textarea {
    resize: none;
    border-radius: 4px;
    border-color: transparent;
    padding: 5px 6px;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    background-color: #F6F6F6;
    color: #A9A9A9;
}

.notes .textarea:focus-visible {
    border: 1px solid #A9A9A9;
    outline: none;
}

.addCommentForm {
    gap: 10px;
}

.addCommentForm .btn-success {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
    padding: 5px;
    color: #aaacad;
}

.addCommentForm .btn-success:hover, .addCommentForm .btn-success:not(:disabled):not(.disabled):active, .addCommentForm .btn-success:focus {
    background-color: #9d9d9d;
    color: #ffffff;
    border-color: #9d9d9d;
}

.addCommentForm .btn-success:hover:focus, .addCommentForm .btn-success:not(:disabled):not(.disabled):active:focus, .addCommentForm .btn-success:focus:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.addCommentForm .btn-success:hover svg path, .addCommentForm .btn-success:not(:disabled):not(.disabled):active svg path, .addCommentForm .btn-success:focus svg path {
    fill: #ffffff;
}

.entity__item + .entity__item {
    border-top: 1px solid #e6ecf0;
}

.card-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1px;
}

.card-info-wrapper {
    gap: 20px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.card-info__title {
    padding: 10px 10px 10px 0;
    display: inline-block;
}

.card-info__body {
    gap: 1px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.card-info__item {
    padding: 8px 10px 8px 0;
    border-radius: 4px;
    gap: 20px;
}

.card-info__item span {
    font-size: 15px;
    line-height: 18px;
    color: #282A2F;
}

.card-info__item a {
    color: #4371E8;
    font-size: 15px;
    line-height: 18px;
    font-weight: 450;
}

.card-info__property {
    min-width: 220px;
    max-width: 220px;
    width: 100%;
    font-weight: 550;
    overflow-wrap: break-word;
}

.card-info__value {
    min-width: 260px;
    max-width: 260px;
    width: 100%;
    overflow-wrap: break-word;
}

.logo-text {
    font-size: 26.55px;
    line-height: 32px;
    font-weight: 500;
    color: #282A2F;
}

.note__header + .note__body {
    margin-top: 12px;
}

.note__body {
    overflow-wrap: break-word;
}

.note + .note {
    margin-top: 17px;
    padding-top: 17px;
    border-top: 1px solid #F0F0F0;
}

.note__author span {
    font-size: 13px;
    line-height: 16px;
    font-weight: 450;
    color: #939497;
}

.aside {
    position: fixed;
    top: 0;
    left: 5px;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.aside .pagination {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.aside .pagination .page-link {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #939497;
    background-color: #EDEEEF;
}

.aside .pagination .page-link:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #282A2F;
}

.header {
    position: relative;
    z-index: 1000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 9px 20px 8px 40px;
}

.header__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.header__item > .nav {
    margin-left: 10px;
}

.header__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
}

.header .logo-text {
    font-size: 18px;
    line-height: 22px;
}

.header .nav {
    gap: 5px;
}

.header .nav .nav-item.active .nav-link {
    color: #939497;
}

.header .nav .nav-link {
    color: #000000;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    padding: 10px;
    text-transform: uppercase;
}

.header .nav .nav-link:hover {
    color: #939497;
}

.header .search-field input.form-control {
    width: 0;
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
}

.header .search-form .input-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}

.dropdown-profile .dropdown-menu li p, .dropdown-profile .dropdown-menu li a {
    padding: 5px 0;
}

.logout-button a {
    width: 100%;
}

.decision-facts {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 20px;
    padding: 0px 5px 20px;
}

.decision-facts__item {
    width: 45%;
}

.decision-facts__title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

.decision-facts__title + .decision-facts__list, .decision-facts__title + .decision-facts__table:has(td) {
    margin-top: 10px;
}

.filter {
    gap: 6px;
}

.filter-btn, .filter-btn.form-control, .filter .btn-success.filter-btn {
    background-color: var(--bg-color);
    color: #4F5053;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    line-height: 10px;
    font-weight: 500;
}

.filter-btn:hover, .filter-btn.form-control:hover, .filter .btn-success.filter-btn:hover {
    background-color: #E7E8E9;
    color: #000000;
}

.filter-btn:focus, .filter-btn.form-control:focus, .filter .btn-success.filter-btn:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.filter__item.active .filter-btn {
    background-color: #141518;
    color: #ffffff;
}

.filter .btn-success:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.filter .btn-success:not(:disabled):not(.disabled):active {
    background-color: #141518;
    color: #ffffff;
    border: none;
}

.sort-btn {
    border: none;
    background: none;
    padding: 0;
}

.sort-btn__text {
    position: relative;
    color: #646467;
    font-size: 15px;
    line-height: 18px;
    font-weight: 450;
    margin-right: 5px;
}

.sort-btn:hover .sort-btn__text {
    color: #282A2F;
}

.sort-btn:hover path {
    stroke: #282A2F;
}

.sort-btn.active .sort-btn__text {
    font-weight: 550;
    color: #282A2F;
}

.sort-btn.active .sort-btn__text::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #282A2F;
    bottom: -5px;
    left: 0;
}

.sort-btn.active path {
    stroke: #282A2F;
}

.add-btn {
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #141518;
}

.add-btn:hover {
    -webkit-box-shadow: 0px 0px 3px 2px #00000020;
            box-shadow: 0px 0px 3px 2px #00000020;
}

.action-btn {
    width: 32px;
    height: 32px;
    border: none;
    background: none;
    border-radius: 50%;
}

.action-btn:hover {
    background-color: #ffffff;
}

.action-btn:hover path {
    fill: #282A2F;
}

.action-btn::after {
    display: none;
}

.dialog-btn {
    position: relative;
    border: none;
    background: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding: 0;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.dialog-btn__checkbox {
    display: none;
}

.dialog-btn svg {
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.dialog-btn:hover {
    background-color: #FF3D00;
}

.dialog-btn:hover svg path {
    fill: #ffffff;
}

.collapseClose-btn {
    border: none;
    background: none;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    opacity: .6;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.collapseClose-btn:hover {
    opacity: 1;
}

.showDoc-btn {
    font-size: 15px;
    line-height: 18px;
    color: #4371E8;
    font-weight: 450;
    cursor: pointer;
    border: none;
    background-color: transparent;
    gap: 3px;
    padding: 0;
}

.showDoc-btn.save-document svg {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
}

.showDoc-btn:hover {
    text-decoration: underline;
}

.showDoc-btn + .showDoc-btn {
    margin-left: 15px;
}

.docAction-btn.btn-success {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    border: none;
    background-color: #5052E8;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 15px;
    font-size: 15px;
    line-height: 10px;
    font-weight: 500;
}

.docAction-btn.btn-success:hover, .docAction-btn.btn-success:not(:disabled):not(.disabled):active {
    background-color: #5849FF;
}

.guarantorAdd-btn {
    background-color: #ffffff;
    border: none;
    width: 100%;
    padding: 12.5px 0;
    border-radius: 0 0 6px 6px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 550;
}

.guarantorAdd-btn:hover {
    background-color: #F8F8F8;
}

.editProfile-btn {
    padding: 11.5px 0;
    color: #282A2F;
    background-color: #FFF5F5;
    font-size: 15px;
    line-height: 18px;
    font-weight: 550;
    border: none;
    width: 100%;
    border-radius: 4px;
}

.arrowBottom-btn {
    border: none;
    background: none;
}

.avatar-btn, .dropdown-item.avatar-btn {
    border: none;
    background-color: #F7F8F9;
    padding: 0px 11px 0px 3px;
    height: 30px;
    border-radius: 70px;
    gap: 10px;
}

.avatar-btn:hover, .dropdown-item.avatar-btn:hover {
    background-color: #ffffff;
}

.avatar-btn:hover .avatar-arrow path, .dropdown-item.avatar-btn:hover .avatar-arrow path {
    stroke: #000000;
}

.dropdown:not(.dropdown-hover).show > .dropdown-item.avatar-btn {
    background-color: #ffffff;
}

.avatar-img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
}

.avatar-img img {
    width: 100%;
}

.search-icon:hover {
    cursor: pointer;
}

.search-icon:hover rect {
    fill: #ffffff;
}

.search-icon:hover path {
    stroke: #000000;
}

.application {
    width: 100%;
    margin-bottom: 20px;
}

.application__header {
    padding: 12px 18px 8px 15px;
}

.application__header-left {
    gap: 8px;
}

.application__header-right {
    margin-left: 24px;
}

.application__body {
    border-top: 2px solid var(--bg-color);
}

.application__item {
    padding: 12px 10px;
}

.application .table thead th {
    width: 23%;
}

.application .table thead th:first-child {
    width: 5%;
    padding-left: 15px;
}

.application .table thead th > .rui-icon {
    margin-left: 0;
}

.application .table thead th:last-child {
    padding-right: 19px;
}

.application .table tbody tr td:first-child {
    padding: 15px;
}

.application .table tbody tr td:last-child {
    padding-right: 19px;
}

.application td {
    vertical-align: inherit;
}

.article {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #ffffff;
}

.article__header {
    padding: 18px 18px 10px 40px;
}

.article__header .header__title {
    font-size: 21px;
    line-height: 25px;
    font-weight: 600;
}

.article__header .header__title span {
    margin-right: 5px;
}

.segment {
    font-size: 18px;
    line-height: 22px;
    font-weight: 550;
    color: #282A2F;
    gap: 10px;
    padding: 10px 10px 10px 0;
}

.segment__icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #000000;
    color: #ffffff;
    border-radius: 50%;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
}

.btn-image {
    margin-right: 7px;
}

.btn-primary {
    font-size: 15px;
    line-height: 19px;
    font-weight: 450;
    padding: 10px 15px;
    text-transform: none;
    border: none;
}

.btn-outline-secondary {
    text-transform: none;
    background-color: transparent;
    color: #696B6E;
    font-size: 16px;
    line-height: 19px;
    font-weight: 450;
}

.btn-outline-secondary:hover, .btn-outline-secondary:active {
    color: #282A2F;
    background-color: transparent;
}

.entity-label {
    padding: 9.46px 14.19px 9.46px 14.19px;
    border-radius: 14px;
    font-size: 15px;
    line-height: 9.46px;
    font-weight: 450;
}

.entity-label + .entity-label {
    margin-left: 5px;
}

.entity-label-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.layout-menu-offcanvas .layout-wrapper,
.layout-menu-fixed-offcanvas .layout-wrapper {
    overflow: hidden;
}

.layout-menu-offcanvas .layout-navbar .layout-menu-toggle,
.layout-menu-fixed-offcanvas .layout-navbar .layout-menu-toggle {
    display: block !important;
}

.layout-page,
.layout-menu {
    min-height: 1px;
}

.layout-navbar,
.content-footer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.layout-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 0 20px 0 40px;
}

.layout-without-menu .layout-page {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.tab-content {
    padding: 20px 12px 20px 40px;
}

.tab-content .card-body {
    padding: 0;
}

.nav-tabs {
    padding-inline: 40px;
    gap: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.nav-tabs .nav-item {
    margin: 0;
    font-size: 1.13rem;
}

.nav-tabs .nav-link {
    padding: 7px 0;
    color: #646467;
    border: 0;
    border-bottom: 2px solid transparent;
    line-height: 1;
    border: none;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
    color: #000000;
}

.nav-tabs .nav-link.nav-link-black {
    border-radius: 20px;
    padding: 10px 15px;
}

.nav-tabs .nav-link.nav-link-black.active {
    color: #ffffff;
    background: #141518;
}

.nav-tabs:has(.nav-link-black) .tabs-slide {
    display: none;
}

.nav-tabs.js-tabs-sliding .tabs-slide {
    top: 28px;
    left: 0;
    height: 31px;
    z-index: 1;
    background: #282A2F;
}

.nav-tabs.filter {
    gap: 6px;
}

.bottom-shadow:has(+ *) {
    position: relative;
}

.bottom-shadow:has(+ *)::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(transparent));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent);
}

[data-toggle="collapse"] {
    cursor: pointer;
}

.form-schema .formio-hidden, .formio .formio-hidden, .formio-dialog .formio-hidden {
    display: none;
}

.form-schema .col-form-label, .formio .col-form-label, .formio-dialog .col-form-label {
    max-width: 170px;
    width: 100%;
    margin-right: 20px;
    line-height: 18px;
    color: #282a2f;
}

.form-schema .formio-select-autocomplete-input, .formio .formio-select-autocomplete-input, .formio-dialog .formio-select-autocomplete-input {
    width: 0;
}

.form-schema .form-check-label span, .formio .form-check-label span, .formio-dialog .form-check-label span {
    margin-left: 20px;
}

.form-schema .form-check.checkbox, .formio .form-check.checkbox, .formio-dialog .form-check.checkbox {
    margin-left: 190px;
}

.form-schema .input-group-append .input-group-text, .formio .input-group-append .input-group-text, .formio-dialog .input-group-append .input-group-text {
    background: none;
    border: none;
}

.form-schema .formio-choices .selection .choices__list, .formio .formio-choices .selection .choices__list, .formio-dialog .formio-choices .selection .choices__list {
    height: 18px;
}

.form-schema .formio-choices.form-group, .formio .formio-choices.form-group, .formio-dialog .formio-choices.form-group {
    margin-top: 0;
}

.form-schema .form-group.formio-component, .formio .form-group.formio-component, .formio-dialog .form-group.formio-component {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.form-schema .form-group.formio-component [ref="label"], .formio .form-group.formio-component [ref="label"], .formio-dialog .form-group.formio-component [ref="label"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.form-schema .form-group.formio-component [ref="messageContainer"], .formio .form-group.formio-component [ref="messageContainer"], .formio-dialog .form-group.formio-component [ref="messageContainer"] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-left: 190px;
}

.form-builder-wrapper {
    margin: 18px 24px;
}

a[href*='help.form.io'] {
    display: none !important;
}

.launchpad-wrapper .nav-tabs {
    padding: 10px 18px 12px;
    gap: 6px;
    border: none;
}

.launchpad-wrapper .tab-content {
    padding: 0;
}

.launchpad-wrapper .launchpad-table > thead > tr th, .launchpad-wrapper .launchpad-table > thead > tr.launchpad-item td, .launchpad-wrapper .launchpad-table > tbody > tr th, .launchpad-wrapper .launchpad-table > tbody > tr.launchpad-item td {
    vertical-align: middle;
}

.launchpad-wrapper .launchpad-table > thead > tr th:first-child, .launchpad-wrapper .launchpad-table > thead > tr.launchpad-item td:first-child, .launchpad-wrapper .launchpad-table > tbody > tr th:first-child, .launchpad-wrapper .launchpad-table > tbody > tr.launchpad-item td:first-child {
    padding-left: 18px;
}

.launchpad-wrapper .launchpad-table > thead > tr th:last-child, .launchpad-wrapper .launchpad-table > thead > tr.launchpad-item td:last-child, .launchpad-wrapper .launchpad-table > tbody > tr th:last-child, .launchpad-wrapper .launchpad-table > tbody > tr.launchpad-item td:last-child {
    padding-right: 18px;
}

.launchpad-wrapper .launchpad-table > thead tr.launchpad-item > td, .launchpad-wrapper .launchpad-table > tbody tr.launchpad-item > td {
    padding-block: 12px;
}

.launchpad-wrapper .launchpad-table > thead > tr:not(.launchpad-item):hover > td, .launchpad-wrapper .launchpad-table > tbody > tr:not(.launchpad-item):hover > td {
    background: none;
}

.launchpad-wrapper .launchpad-table > thead tr.launchpad-item:not(.collapsed), .launchpad-wrapper .launchpad-table > tbody tr.launchpad-item:not(.collapsed) {
    background-color: #f4f5f6;
}

.launchpad-wrapper .launchpad-item-body > td {
    padding-left: 18px;
    padding-right: 18px;
}

.participants {
    position: relative;
    z-index: 100;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-bottom: 20px;
    min-width: 0;
}

.participants__header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 20px 18px 25px 40px;
    border-radius: 6px 6px 0 0;
    background: #ffffff;
    z-index: 15;
}

.participants__header .header__title {
    font-size: 32px;
    line-height: 38px;
    font-weight: 600;
}

.participants > * + * {
    margin-top: 20px;
}

.participants .header-right {
    gap: 10px;
}

.participants .header-left {
    gap: 25px;
    position: relative;
}

.participants .header-left .collapse-btn {
    position: absolute;
    left: -30px;
}

.participants .header__details {
    gap: 15px;
    margin-top: 14px;
}

.participants .article:not(.show-tabs) .collapse-tabs .collapse-btn svg {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.participants .article:not(.show-tabs) .collapse-tabs .tabs-slide {
    width: 0 !important;
    height: 0 !important;
}

.participants .article:not(.show-tabs):has(.collapse-tabs) .tab-content {
    padding: 9px;
}

.participants .active-loan {
    padding: 9px 13px 9px 40px;
    background-color: #5EE36B;
    border-radius: 2px;
    color: #282A2F;
}

.participants .active-loan__name {
    width: 100%;
    max-width: 497px;
}

.participants .active-loan__price {
    width: 100%;
    max-width: 228px;
}

.participants .active-loan__date {
    width: 100%;
    max-width: 104px;
}

.participants .active-loan__percent {
    width: 100%;
    max-width: 65px;
}

.participants .active-loan__status {
    width: 100%;
    max-width: 169px;
}

.participants__date {
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 450;
}

.participants .offers .conditions .condition {
    padding-left: 0;
}

.participants .offers__title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}

.participants .offers__text {
    font-size: 15px;
    line-height: 18px;
    color: #282A2F;
}

.participants .document {
    height: 40px;
    padding: 5px 10px 5px 10px;
}

.participants .document:hover {
    background-color: #f4f5f6;
}

.participants .document__hover-element {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.participants .document__hover-element .docAction-btn {
    background-color: #FFFFFF;
    border: none;
    color: #000000;
}

.participants .document-form {
    width: 100%;
}

.participants .document + .participants .document {
    margin-top: 2px;
}

.participants .document.empty {
    padding-top: 11px;
    padding-bottom: 11px;
}

.participants .document.empty .document__type {
    color: #E8A700;
}

.participants .document__type {
    min-width: 220px;
    max-width: 220px;
    width: 100%;
    font-size: 15px;
    line-height: 18px;
    font-weight: 550;
}

.participants .document__actions {
    gap: 20px;
}

.participants .document__actions .participants__date {
    min-width: 124px;
    padding: 0;
    margin: 0;
}

.participants .document__name {
    font-size: 15px;
    line-height: 18px;
    font-weight: 450;
    color: #4371E8;
    overflow: hidden;
    text-wrap: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.participants .scoring-list .warnings-table thead tr {
    border-left: 6px solid #F8F8F8;
}

.participants .scoring-list .warnings-table tbody tr.collapsed {
    background: transparent;
}

.participants .scoring-list .warnings-table tbody tr:has([data-decision-status="PENDING"]) td:first-child {
    border-left: 6px solid #ffe297;
}

.participants .scoring-list .warnings-table tbody tr:has([data-decision-status="APPROVED"]) td:first-child {
    border-left: 6px solid #a5ffae;
}

.participants .scoring-list .warnings-table tbody tr:has([data-decision-status="DECLINED"]) td:first-child {
    border-left: 6px solid #FFDBDB;
}

.participants .scoring-list .btn-success, .participants .scoring-list .btn-danger, .participants .scoring-list .btn-secondary {
    font-size: 13px;
    line-height: 10px;
}

.participants .decision-tree__table tr.collapsed:hover td:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.participants .decision-tree__table tr.collapsed:hover td:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.participants .decision-tree__table tr:not(.collapsed):not(.collapse):hover td:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 0px;
}

.participants .decision-tree__table tr:not(.collapsed):not(.collapse):hover td:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0px;
}

.participants .decision-tree__table tr.collapse.show td:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 4px;
}

.participants .decision-tree__table tr.collapse.show td:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;
}

.participants .decision-tree__table .card-info__value {
    min-width: 220px;
    max-width: 220px;
}

.participants .conditions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
}

.participants .conditions__title + .condition {
    margin-top: 10px;
}

.participants .conditions .condition {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 9px 22px 9px 40px;
    gap: 100px;
}

.participants .conditions .condition.hide-condition {
    display: none;
}

.participants .conditions .condition .collapse-btn {
    display: none;
}

.participants .conditions .condition.selected-offer {
    background-color: #5EE36B;
}

.participants .conditions .condition.selected-offer .collapse-btn {
    display: inline-block;
}

.participants .conditions .condition.selected-offer:not(:has(+ .hide-condition)) .collapse-btn svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.participants .conditions .condition.selected-offer:has(+ .hide-condition) .collapse-btn svg {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}

.participants .conditions .condition__info {
    width: 100%;
    max-width: 740px;
}

.participants .conditions .condition__name {
    width: 100%;
    max-width: 30%;
}

.participants .conditions .condition__price {
    width: 100%;
    max-width: 41%;
}

.participants .conditions .condition__period {
    width: 100%;
    max-width: 20%;
}

.participants .conditions .condition__currency {
    max-width: 104px;
    width: 100%;
}

.participants .conditions .condition__percent {
    width: 100%;
    max-width: 9%;
}

.participants .conditions .condition__status {
    width: 100%;
    max-width: 22%;
}

.participants .conditions .condition__sub-status {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin-left: 50px;
}

.participants .client-info {
    padding: 20px 30px 25px;
}

.participants + .notes-wrapper {
    margin-left: 14px;
}

.page-settings {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}

.page-settings .table tr > td .dropdown {
    position: relative;
}

.page-settings tr {
    border-color: transparent;
}

.page-settings .roles {
    position: relative;
}

.page-settings .roles-item {
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.page-settings .roles__content {
    width: 100%;
    border-top: 1.4px solid #8E8D9A30;
}

.page-settings .roles__content .form__container .roles-body__column .form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 10px;
    margin: 0;
}

.page-settings .roles__content .form__container .roles-body__column .form-group .custom-control-input {
    position: relative;
}

.page-settings .roles-button {
    width: auto;
    padding: 10px 0;
    border: none;
    background: none;
    gap: 10px;
}

.page-settings .roles__title {
    font-size: 15px;
    line-height: 18px;
    font-weight: 550;
}

.page-settings .roles-body {
    padding: 0;
    gap: 30px;
}

.page-settings .roles-body__column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: 2px;
    padding-top: 10px;
    min-width: 300px;
}

.page-settings .roles .table > tbody > tr:hover > td {
    background: transparent;
}

.page-settings .roles .table > tbody > tr:not(:first-child) {
    border-top: 1px solid #E9E9E9;
}

.page-settings .roles .parametrs-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 10;
}

.page-settings .roles .parametrs-container .standart-checkbox .field-wrapper {
    padding-left: 215px;
}

.page-settings .roles .parametrs-container .standart-checkbox .custom-control-input {
    left: 215px;
}

.page-settings .roles thead {
    position: -webkit-sticky;
    position: sticky;
    top: 109px;
    z-index: 10;
}

.page-settings[action*="/role/"] thead {
    top: 122px;
}

.permissions {
    padding: 21px 16px 42px 35px;
}

.permissions .settings-content__header {
    height: 40px;
    padding: 0;
}

.process-wrapper {
    position: relative;
    height: 100%;
}

.process-wrapper .process__content {
    height: 100%;
}

.process-wrapper .process__header {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    gap: 27px;
    z-index: 1;
}

.process-wrapper .process__header .nav-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.process-wrapper .filter {
    padding: 0;
}

.process-wrapper .nav-pills {
    padding: 0;
    gap: 15px;
}

.process-wrapper .nav-pills .nav-link {
    background-color: transparent;
    color: #000000;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    padding: 10px 2px;
    text-transform: none;
}

.process-wrapper .nav-pills .nav-link.active, .process-wrapper .nav-pills .nav-link:hover {
    background-color: transparent;
    color: #a4a6a8;
}

.process-wrapper .process__link {
    padding: 8px 13px 8px 15px;
    font-size: 18px;
    line-height: 16px;
    font-weight: 500;
    border-radius: 25px;
    background-color: #151515;
    color: #ffffff;
    opacity: .65;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.process-wrapper .process__link:hover {
    opacity: 1;
}

.process-wrapper .tab-content {
    padding: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: unset;
}

.process-wrapper .tab-pane {
    width: 100%;
}

.process-wrapper .tab-mapping {
    margin-top: 68px;
}

.process-wrapper .filter-btn:active .reload-icon path {
    stroke: #ffffff;
}

.process-wrapper .form-mapping {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 32px 60px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 20px 12px 20px 40px;
}

.process-wrapper .form-mapping .form-label {
    min-width: 220px;
}

.process-wrapper .form-mapping .form-group > div {
    width: 250px;
    min-width: 250px;
}

.process-wrapper .decision-tree__validationResult {
    width: 100%;
    border: none;
    padding: 10px 10px 10px 20px;
    color: #4b515b;
    background-color: transparent;
}

.process-wrapper .decision-tree__validationResult.active {
    background-color: #f4f5f6;
}

.process-wrapper .decision-tree__validationResult:hover {
    background-color: #f4f5f6;
}

.process-wrapper .decision-tree__validationResult div + div {
    margin-left: 10px;
}

.process-wrapper .decision-tree__validationResult .fade-out {
    word-break: break-all;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.process-wrapper .decision-tree__processes_main {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.process-wrapper .decision-tree__processes_main .tree {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.process-wrapper .decision-tree__processes_main .header {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    margin: 0;
    padding: 25px;
    -webkit-box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
}

.process-wrapper .decision-tree__processes_main .form-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.process-wrapper .decision-tree__processes_main .form-label {
    margin-bottom: 10px;
}

.process-wrapper .decision-tree__form {
    width: 100%;
    max-width: 375px;
}

.process-wrapper .decision-tree__processes_left {
    width: 100%;
    max-width: 356px;
    position: relative;
    background-color: #ffffff;
    border-radius: 6px 6px 0 0;
    margin-bottom: 20px;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.1);
}

.process-wrapper .decision-tree__processes_left .nav-tabs .nav-link {
    border-radius: 25px;
    color: #000000;
    padding: 11px 18px;
    line-height: 10px;
}

.process-wrapper .decision-tree__processes_left .nav-tabs .nav-link.active {
    background-color: #141518;
    color: #ffffff;
    border-bottom-color: unset;
    border: none;
}

.process-wrapper .decision-tree__processes_left .filter {
    padding: 18px;
}

.process-wrapper .decision-tree__processes_left .tab-pane:not(#view-documents-tab):not(#view-processes-tab):not(#view-mapping-tab):not(#view-history-tab) {
    padding: 0;
}

.process-wrapper .decision-tree__processes_left .treeBtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    width: 100%;
    height: 62px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 420;
    color: #646467;
    padding: 10px 8px 10px 18px;
    word-break: break-all;
}

.process-wrapper .decision-tree__processes_left .treeBtn.active {
    background-color: #f4f5f6;
}

.process-wrapper .decision-tree__processes_left .treeBtn .custom-control-label::after {
    top: 0.25rem;
    cursor: pointer;
}

.process-wrapper .decision-tree__processes_left .treeBtn .custom-control-label::before {
    top: 0px;
    cursor: pointer;
}

.process-wrapper .decision-tree__processes_left .treeBtn .treeBtn-label {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.process-wrapper .decision-tree__processes_left .archive-btn {
    padding: 5px;
    margin: 0;
    border: 0;
    background: none;
}

.process-wrapper .decision-tree__processes_left .archive-btn:hover {
    border-radius: 6px;
    background: #ffffff;
}

.process-wrapper .decision-tree__processes {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.process-wrapper .decision-tree__validation .field-wrapper {
    width: 100%;
}

.process-wrapper .decision-tree__validation .form-group .form-control {
    width: 100%;
}

.process-wrapper .decision-tree__results {
    position: relative;
    margin-top: 15px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.process-wrapper .left-block__row:hover {
    background-color: #f4f5f6;
}

.process-wrapper .left-block__row:last-child .treeBtn {
    padding-bottom: 18px;
}

.dropdown-profile .dropdown-menu > li:has(.settings-link):hover .settings-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.catalogs .nav-tabs {
    padding: 20px 18px 0 40px;
}

.settings-menu {
    display: none;
    position: absolute;
    top: 0;
    right: 100%;
    gap: 30px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px 5px #00000020;
            box-shadow: 0px 0px 20px 5px #00000020;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.settings-menu::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 100%;
    top: 0;
    width: 20px;
    height: 100%;
}

.settings-menu .menu {
    gap: 10px;
}

.settings-menu .menu__title {
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
}

.settings-menu .menu-link {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
}

.settings-menu li + li {
    border: none;
}

.settings-menu .nav .nav-link {
    padding: 0;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    text-transform: none;
}

.roles-table tr td:first-child {
    width: 181px;
    max-width: 181px;
    color: #000000;
}

.roles-table tr td:nth-child(2) {
    color: #646467;
}

.roles-table tr td:nth-child(3) {
    color: #414040;
}

.product-page.page-settings {
    display: block;
    margin-bottom: 20px;
}

.product-page .entity__info {
    padding: 20px 18px 18px 40px;
}

.product-page .card {
    border-radius: 6px;
}

.product-page .card-body + .card-body {
    border-top: 1px solid #00000010;
}

.product-page .tab-pane.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.product-page .tab-pane.active .code-editor .field-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.product-page .tab-pane.active .code-editor .field-wrapper .code-editor-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

:root {
    --scrollbar-track-color: #fbfcfc;
    --scrollbar-thumb-color: #CFD8DC;
    --containers-box-shadow: 0 0 22px -3px #dee2e6;
    --modal-backdrop-bg: rgba(51, 51, 51, 0.07);
    --toast-background: rgb(255 255 255 / 65%);
    --toast-close: black;
    --text-color: #393f49;
    --entity-action-toggle-bg: #dee2e6;
    --bg-color: #F1F2F3;
}

[data-theme="night"] {
    --scrollbar-track-color: #292f38;
    --scrollbar-thumb-color: #747474;
    --containers-box-shadow: -1px 0px 22px -3px #5b5b5b99;
    --modal-backdrop-bg: rgb(229 220 220 / 7%);
    --toast-background: rgb(53 40 40 / 70%);
    --toast-close: white;
    --bg-color: #292f38;
    --text-color: #c7d1db;
    --entity-action-toggle-bg: #4b5059;
}

body::-webkit-scrollbar, div::-webkit-scrollbar, section::-webkit-scrollbar, textarea::-webkit-scrollbar, ul::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}

body, div, section, textarea, ul {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
}

body::-webkit-scrollbar-track, div::-webkit-scrollbar-track, section::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track, ul::-webkit-scrollbar-track {
    background: var(--scrollbar-track-color);
}

body::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb, section::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color);
    border-radius: 6px;
    border: 3px solid var(--scrollbar-track-color);
}

body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    background: var(--bg-color);
    font-size: 1.12rem;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

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

p {
    margin: 0;
}

.clickable {
    cursor: pointer;
}

.catalog-row {
    cursor: pointer;
}

.animate-opacity {
    will-change: opacity;
    -webkit-animation: animateOpacity 500ms ease-in-out;
            animation: animateOpacity 500ms ease-in-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.animate-opacity_hide {
    opacity: 0;
}

@-webkit-keyframes animateOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes animateOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.no-gap {
    gap: 0 !important;
}

.gap-10 {
    gap: 10px;
}

.gap-20 {
    gap: 20px;
}

.top-border {
    border-top: 1px solid #E9E9E9;
}

.pumpkin-filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.pumpkin-filter .filter-btn {
    line-height: 20px;
    padding-block: 5px;
}

.pumpkin-filter #chips {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.pumpkin-filter #chips .selected-chip {
    color: #fff;
    background-color: #725ec3;
    border-color: #725ec3;
    height: 16px;
    font-size: 10px;
    font-family: "Inter", sans-serif;
    padding: 0 4px 1px 4px;
    margin: 3px;
    border-radius: 3px;
}

.pumpkin-filter input {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    line-height: 16.8px;
}

.pumpkin-filter input:focus {
    background-color: var(--bg-color);
}

.pumpkin-filter > input, .pumpkin-filter > div > .filter-btn .selectize-control .selectize-input {
    width: 150px;
}

.pumpkin-filter .selectize-control.plugin-remove_button [data-value] .remove {
    border-left: none;
    border-right: 1px solid #d0d0d0;
    border-radius: unset;
}

.pumpkin-filter .filter-dropdown-menu {
    max-height: 80vh !important;
    overflow: auto !important;
}

.pumpkin-filter .filter-dropdown-menu .rui-selectize .rui-selectize-element .selectize-input .option span {
    width: 145px;
}

.pumpkin-filter .filter-btn.rui-selectize {
    background: none;
    border-radius: 0;
    padding: 0;
}

.pumpkin-filter .filter-dropdown:has(+ #chips > .filter-btn) > .filter-btn {
    background-color: #000000;
    color: #ffffff;
}

.pumpkin-filter .filter-dropdown > .filter-btn {
    background-color: var(--bg-color);
    color: #000000;
    padding-block: 5px;
}

.pumpkin-filter .rui-selectize .rui-selectize-element .selectize-input .option span {
    max-width: 88px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.pumpkin-filter .rui-selectize .rui-selectize-element .selectize-input:not(.has-items) input {
    width: 105px !important;
}

.pumpkin-filter .rui-selectize .rui-selectize-element:not(.selectize-dropdown) {
    height: 30px;
}

.pumpkin-filter .rui-selectize .rui-selectize-element:not(.selectize-dropdown) .selectize-input {
    padding: 3px 24px 3px 15px;
    height: 30px;
    background-color: var(--bg-color);
    border-radius: 20px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
}

.pumpkin-filter .rui-selectize .rui-selectize-element:not(.selectize-dropdown) .selectize-input .option {
    line-height: 21px;
}

.pumpkin-filter .rui-selectize .rui-selectize-element:not(.selectize-dropdown) .selectize-input:hover {
    background-color: #E7E8E9;
    color: #000000;
}

.pumpkin-filter .rui-selectize .rui-selectize-element:not(.selectize-dropdown) .selectize-input.has-items {
    padding-left: 10px;
    padding-top: 3px;
    padding-right: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.pumpkin-filter__clearBtn {
    background-color: var(--bg-color);
    color: #000000;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 10px;
    font-weight: 500;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.pumpkin-filter__clearBtn:hover {
    -webkit-box-shadow: 0px 0px 3px 2px #00000020;
            box-shadow: 0px 0px 3px 2px #00000020;
}

.pumpkin-filter .selectize-dropdown {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
}

.pumpkin-filter .selectize-dropdown > div {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
}

.pumpkin-filter__mobile ul {
    max-width: calc(100vw - 15px);
    min-width: 400px;
}

.pumpkin-filter__mobile ul > *:not(:last-child) {
    margin: 0 0 10px 0;
}

.pumpkin-filter__mobile ul input {
    width: 100%;
    max-width: 100%;
}

.pumpkin-tableNavigation {
    position: fixed;
    top: 0;
    left: 5px;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.pumpkin-tableNavigation .pagination {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: 2px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.pumpkin-tableNavigation .pagination .page-link {
    min-width: auto;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #B3B3B3;
    background-color: #EDEEEF;
    padding: 10px;
    font-size: 15px;
    line-height: 10px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 50%;
}

.pumpkin-tableNavigation .pagination .page-link:hover, .pumpkin-tableNavigation .pagination .page-link.active {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #282A2F;
}

.pumpkin-dialog-size {
    width: calc(100vw - 30px);
    max-width: calc(100vw - 30px);
}

.pumpkin-container > .table-responsive {
    padding-bottom: var(--call-campaign-height, 0px);
}

.pumpkin-container__entity {
    padding-left: 20px;
}

.pumpkin-container__entity .document-body {
    word-break: break-word;
    word-wrap: break-word;
}

.pumpkin-container__entity.tab-container-entity {
    padding: 20px;
}

.pumpkin-search__item {
    border-top: 1px solid #e6ecf0;
    padding: 5px;
}

.pumpkin-search__item:first-of-type {
    margin: 10px 0 0 0;
}

.pumpkin-search__item h3, .pumpkin-search__item p {
    margin: 0;
}

.pumpkin-toast {
    background-color: var(--toast-background) !important;
    -webkit-backdrop-filter: blur(10px) !important;
            backdrop-filter: blur(10px) !important;
    padding: 5px 15px 0 0;
}

.pumpkin-toast .toast-close {
    color: var(--toast-close);
}

.socket-status {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #6c757d;
}

.socket-status[data-socket-status="active"] {
    background-color: #2fc787;
}

.socket-status[data-socket-status="failed"] {
    background-color: #ef5164;
}

.field-mapping {
    padding: 18px 18px 10px 40px;
}

.field-mapping .table .form-label {
    display: none;
}

.pageName {
    white-space: pre;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

@media (max-width: 767.98px) {
    .pageName {
        font-size: 1.28rem;
        margin: 0;
    }
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.alert-error {
    background-color: #FFDBDB;
    padding: 20px 22px 18px;
    text-align: center;
}

.gray-text, .table td.gray-text {
    color: #939497;
}

.collapse-btn svg {
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.collapsed .collapse-btn svg {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

button.collapse-btn {
    border: none;
    background: none;
}

.table {
    margin: 0;
}

.table > thead {
    background: #F8F8F8;
}

.table > thead > tr > th {
    border: none;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    color: #000000;
}

.table > tbody > tr:hover:not(:has(table)) > td {
    background: #f4f5f6;
}

.table > tbody > tr > td {
    font-size: 16px;
    border: none;
}

.table.table-responsive {
    display: table;
}

.table.table-row-align-center td {
    vertical-align: inherit;
}

.table.table-layout-fixed {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

.table.table-layout-fixed > tbody > tr > td {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.table.table-layout-fixed > tbody > tr > td:has(.tooltip-custom-wrapper) {
    overflow: visible;
}

.table input:disabled {
    border: transparent;
    background-color: transparent;
}

.offers .table tbody tr:not(.collapse):not(.collapsing) {
    border-top: 1px solid #ebebeb;
}

.offers .table tbody tr td {
    padding-block: 15px;
}

.offers .table tbody tr:not(.collapsed):not(.collapse):not(.collapsing) {
    background: #f4f5f6;
}

.offers .table tr.collapse td:first-child, .offers .table tr.collapsing td:first-child {
    padding-left: 30px;
}

.offers .table tr td:last-child {
    padding-right: 21.75px;
}

.offers .table tr.selected-offer {
    background-color: #5EE36B;
}

.tab-content .offers .table tbody tr:not(.collapsed):not(.collapse):not(.collapsing) {
    background: transparent;
}

.phone-table.table thead {
    background: none;
    font-size: 14px;
}

.phone-table.table th:first-child {
    padding-left: 0;
}

.phone-table.table tr:hover td {
    background: none;
}

.phone-table td {
    vertical-align: middle;
}

.phone-table td:first-child {
    padding-left: 0;
}

.tooltip-custom {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 10px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    z-index: 1;
}

.tooltip-custom p {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0;
}

.tooltip-custom p + p {
    margin-top: 10px;
}

.tooltip-custom__icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 48 48'%3e%3cpath fill='none' d='M0 0h48v48H0z'/%3e%3cpath fill='%234b515b' d='M22 34h4V22h-4v12zm2-30C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.82 0-16-7.18-16-16S15.18 8 24 8s16 7.18 16 16-7.18 16-16 16zm-2-22h4v-4h-4v4z'/%3e%3c/svg%3e");
}

.tooltip-custom-wrapper {
    position: relative;
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 10px;
}

.tooltip-custom-wrapper:hover .tooltip-custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.document .tooltip-custom-wrapper:hover .tooltip-custom {
    display: inline-block;
    right: calc(100% + 10px);
    top: -35px;
}

.signable:not(:has(+ .document, + .uploaded)) .tooltip-custom:has(p:nth-child(3)) {
    top: -85px;
}

.modal .tooltip-custom-wrapper {
    width: 25px;
    height: 25px;
}

.modal .tooltip-custom {
    max-width: 400px;
}

.modal .tooltip-custom__icon {
    width: 25px;
    height: 25px;
}

.datasource__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 10px;
}

.datasource__item:hover {
    background-color: #f4f5f6;
}

.history {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    height: 100%;
}

.history h5 {
    margin-top: 4px;
    line-height: 26px;
}

.history__filter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1;
        -ms-flex: 0 1;
            flex: 0 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.history__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
    overflow: auto;
}

@media (max-width: 991.98px) {
    .history__content {
        max-height: 260px;
    }
}

.history__contentItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
        -ms-flex-flow: row;
            flex-flow: row;
    margin-top: 20px;
    margin-bottom: 20px;
}

.history__contentItem_icon-container {
    width: 25px;
    margin: 0 9px 0 0;
    color: #7E7D7D;
}

.history__contentItem .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    width: 100%;
    font-size: 15px;
}

.history__contentItem .content .content-header {
    color: #7E7D7D;
}

.history__contentItem svg {
    width: 24px;
    height: 24px;
}

.history__contentItem:not(:last-of-type) {
    border-bottom: 1px solid #e6ecf0;
}

.select-fix div:not(.selectize-dropdown-content) > div:not(.selectize-dropdown-content):not(.selectize-dropdown) {
    height: 32px;
}

.select-fix div:not(.selectize-dropdown-content) .has-items {
    padding: 3px 33px 3px 5px !important;
}

@media (max-width: 767.98px) {
    .js-tabs-sliding {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
    }
    .js-tabs-sliding .nav-item {
        scroll-snap-align: start;
    }
}

.tab-scrollable-overflow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    height: 100%;
}

.dl-horizontal {
    font-size: 1.12rem;
    line-height: 1.92rem;
}

.dl-horizontal dt {
    float: left;
    width: 180px;
    clear: left;
    font-weight: 400;
    color: #7E7D7D;
    overflow-wrap: break-word;
}

.dl-horizontal dd {
    margin-left: 180px;
    margin-bottom: 2.5rem;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
    display: table;
    content: " ";
}

.dl-horizontal dd:after {
    clear: both;
}

.font-size-15 {
    font-size: 12px;
    letter-spacing: 0.2px;
}

.font-size-13 {
    font-size: 11px;
    letter-spacing: 0.2px;
}

.cursor-default {
    cursor: default !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.rui-dropzone {
    width: 100%;
    border: 1px dashed #7E7D7D;
    border-radius: 8px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-height: auto;
}

.unloading .action-btn:hover path {
    fill: unset;
    stroke: #000000;
}

.unloading .action-btn:has(+ .dropdown-menu.show) path {
    stroke: #000000;
}

.modal-backdrop .show:nth-of-type(even) {
    z-index: 1051 !important;
}

@media (min-width: 992px) {
    .modal .form-2-column {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "title title" "hr hr" "app-toggled app-toggled" "element element";
        width: 100%;
    }
    .modal .form-2-column .app_toggled:not(.app_toggled_inline),
    .modal .form-2-column .form__container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "title title" "hr hr" "app-toggled app-toggled" "element element";
        width: 100%;
    }
}

@media (max-width: 992px) {
    .modal .form-2-column {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-column-gap: 15px;
           -moz-column-gap: 15px;
                column-gap: 15px;
        width: 100%;
    }
    .modal .form-2-column .app_toggled:not(.app_toggled_inline),
    .modal .form-2-column .form__container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-column-gap: 15px;
           -moz-column-gap: 15px;
                column-gap: 15px;
        width: 100%;
    }
}

label::first-letter {
    text-transform: uppercase;
}

.form-2-column {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "title title title" "hr hr hr" "app-toggled app-toggled app-toggled" "element element element";
    grid-column-gap: 10px;
    width: 100%;
}

@media (max-width: 992px) {
    .form-2-column {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "title title" "hr hr" "app-toggled app-toggled" "element element";
        width: 100%;
    }
}

@media (max-width: 375px) {
    .form-2-column {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-column-gap: 15px;
           -moz-column-gap: 15px;
                column-gap: 15px;
        width: 100%;
    }
}

.form-2-column h1, .form-2-column h2, .form-2-column h3 {
    grid-column: title;
    margin: 0;
}

.form-2-column .form-group {
    grid-column: auto;
    display: grid;
    grid-template-columns: minmax(auto, 200px) 65%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    grid-column-gap: 10px;
    padding: 0;
    margin: 10px 0;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
}

@media (max-width: 786px) {
    .form-2-column .form-group {
        grid-template-columns: minmax(180px, 200px) 200px;
    }
}

@media (max-width: 375px) {
    .form-2-column .form-group {
        grid-template-columns: minmax(160px, 200px) 180px;
    }
}

.form-2-column .form-group label {
    margin: 0 0 0 auto;
    text-align: right;
    width: 100%;
    overflow-wrap: break-word;
}

.form-2-column .form-group .invalid-feedback {
    grid-column: 2;
    margin: 0;
    align-self: start;
}

.form-2-column .form-group.custom-checkbox label {
    grid-column: 2;
    text-align: initial;
}

.form-2-column .form-group .custom-radio label {
    text-align: left;
}

.form-2-column .form-group .selectize-control.app_currency {
    height: 100%;
}

.form-2-column .form-group:not(.app_amount_container) .rui-selectize {
    width: 100%;
}

.form-2-column hr {
    grid-area: hr;
    grid-row: auto;
    width: 100%;
}

.form-2-column > button {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 0 0 auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-align-self: end;
        -ms-flex-item-align: end;
            align-self: end;
}

.form-2-column *[data-area='element'] {
    grid-area: element;
    grid-row: auto;
}

.form-2-column > .form__actions {
    grid-area: element;
    grid-row: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 7;
    padding: 15px 24px;
    background-color: #ffffff;
}

.form-2-column .app_toggled:not(.app_toggled_inline),
.form-2-column .form__container {
    grid-area: app-toggled;
    grid-row: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "title title title" "hr hr hr" "app-toggled app-toggled app-toggled" "element element element";
    grid-column-gap: 10px;
    width: 100%;
    width: 90vw;
    justify-self: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

@media (max-width: 992px) {
    .form-2-column .app_toggled:not(.app_toggled_inline),
    .form-2-column .form__container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "title title" "hr hr" "app-toggled app-toggled" "element element";
        width: 100%;
    }
}

@media (max-width: 375px) {
    .form-2-column .app_toggled:not(.app_toggled_inline),
    .form-2-column .form__container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-column-gap: 15px;
           -moz-column-gap: 15px;
                column-gap: 15px;
        width: 100%;
    }
}

.form-2-column .app_toggled:not(.app_toggled_inline) h1, .form-2-column .app_toggled:not(.app_toggled_inline) h2, .form-2-column .app_toggled:not(.app_toggled_inline) h3,
.form-2-column .form__container h1,
.form-2-column .form__container h2,
.form-2-column .form__container h3 {
    grid-column: title;
    margin: 0;
}

.form-2-column .app_toggled:not(.app_toggled_inline) .form-group,
.form-2-column .form__container .form-group {
    grid-column: auto;
    display: grid;
    grid-template-columns: minmax(auto, 200px) 65%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    grid-column-gap: 10px;
    padding: 0;
    margin: 10px 0;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
}

@media (max-width: 786px) {
    .form-2-column .app_toggled:not(.app_toggled_inline) .form-group,
    .form-2-column .form__container .form-group {
        grid-template-columns: minmax(180px, 200px) 200px;
    }
}

@media (max-width: 375px) {
    .form-2-column .app_toggled:not(.app_toggled_inline) .form-group,
    .form-2-column .form__container .form-group {
        grid-template-columns: minmax(160px, 200px) 180px;
    }
}

.form-2-column .app_toggled:not(.app_toggled_inline) .form-group label,
.form-2-column .form__container .form-group label {
    margin: 0 0 0 auto;
    text-align: right;
    width: 100%;
    overflow-wrap: break-word;
}

.form-2-column .app_toggled:not(.app_toggled_inline) .form-group .invalid-feedback,
.form-2-column .form__container .form-group .invalid-feedback {
    grid-column: 2;
    margin: 0;
    align-self: start;
}

.form-2-column .app_toggled:not(.app_toggled_inline) .form-group.custom-checkbox label,
.form-2-column .form__container .form-group.custom-checkbox label {
    grid-column: 2;
    text-align: initial;
}

.form-2-column .app_toggled:not(.app_toggled_inline) .form-group .custom-radio label,
.form-2-column .form__container .form-group .custom-radio label {
    text-align: left;
}

.form-2-column .app_toggled:not(.app_toggled_inline) .form-group .selectize-control.app_currency,
.form-2-column .form__container .form-group .selectize-control.app_currency {
    height: 100%;
}

.form-2-column .app_toggled:not(.app_toggled_inline) .form-group:not(.app_amount_container) .rui-selectize,
.form-2-column .form__container .form-group:not(.app_amount_container) .rui-selectize {
    width: 100%;
}

.form-2-column .app_toggled:not(.app_toggled_inline) hr,
.form-2-column .form__container hr {
    grid-area: hr;
    grid-row: auto;
    width: 100%;
}

.form-2-column .app_toggled:not(.app_toggled_inline) > button,
.form-2-column .form__container > button {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 0 0 auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-align-self: end;
        -ms-flex-item-align: end;
            align-self: end;
}

.form-2-column .app_toggled:not(.app_toggled_inline) *[data-area='element'],
.form-2-column .form__container *[data-area='element'] {
    grid-area: element;
    grid-row: auto;
}

.form-2-column .app_toggled:not(.app_toggled_inline) > .form__actions,
.form-2-column .form__container > .form__actions {
    grid-area: element;
    grid-row: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 7;
    padding: 15px 24px;
    background-color: #ffffff;
}

.form-2-column .app_toggled:not(.app_toggled_inline) > .app_toggled,
.form-2-column .form__container > .app_toggled {
    min-width: 100%;
}

.form-2-column .app_toggled_inline {
    grid-column: auto;
    width: 100%;
    max-width: 100%;
}

.form__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 10px 0;
    gap: 10px;
}

.form__actions .btn-success {
    min-width: 180px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

@media (max-width: 375px) {
    .form__actions h1 {
        font-size: 15.2px;
        line-height: 15.2px;
    }
    .form__actions > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .form__actions > div button {
        height: 35px;
    }
    .form__actions > div .btn-success {
        min-width: 90px;
    }
}

.form-date {
    margin-right: 0 !important;
}

.form__loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--bg-color);
    z-index: 9;
    opacity: 0.6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
}

.form__loading > div {
    width: 100%;
    height: 100%;
}

.form__loading > div [role="status"] {
    position: -webkit-sticky;
    position: sticky;
    top: 50vh;
}

#campaign-control-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1010;
    width: 100%;
    height: 55px;
    background-color: #c9c9c982;
    position: fixed;
    bottom: 0;
}

.entity__container_action_toggle {
    position: absolute;
    right: 24px;
    z-index: 9;
    height: 20px;
    padding: 0;
    border: none;
    cursor: pointer;
    background-color: transparent;
}

.entity__container_action_toggle svg {
    height: 18px;
    width: 18px;
}

.entity__badge {
    font-size: 1.13rem;
}

.entity__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 24px 18px 24px;
}

@media (max-width: 767.98px) {
    .entity__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
            -ms-flex-flow: column;
                flex-flow: column;
    }
}

.entity__info .entity__info__pre-header {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.entity__data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: auto;
}

.entity__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}

.entity__details h3 {
    margin: 0 0 5px 0;
}

.entity__details h4 {
    margin: 10px 0;
}

.entity__details > div {
    border-bottom: 1px solid #e6ecf0;
}

.entity__details .dl-horizontal {
    display: grid;
    grid-template-columns: -webkit-min-content 1fr -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr min-content 1fr;
    grid-row-gap: 2.1rem;
    grid-column-gap: 28.8px;
}

@media (min-width: 2050px) {
    .entity__details .dl-horizontal {
        grid-template-columns: -webkit-min-content 1fr -webkit-min-content 1fr -webkit-min-content 1fr;
        grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
    }
}

@media (max-width: 1024px) {
    .entity__details .dl-horizontal {
        grid-template-columns: -webkit-min-content 1fr;
        grid-template-columns: min-content 1fr;
    }
}

.entity__details .dl-horizontal dt {
    -o-text-overflow: unset;
       text-overflow: unset;
    white-space: unset;
    overflow: unset;
    text-align: end;
}

.entity__details .dl-horizontal dd {
    margin: 0;
    color: #282727;
    font-size: 1.13rem;
    line-height: 1.92rem;
}

.entity__labelsRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    row-gap: 5px;
}

[data-toggle='collapse'][aria-expanded='false'] .feather-chevrons-down {
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

[data-toggle='collapse'][aria-expanded='true'] .feather-chevrons-down {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

div.invalid-feedback {
    margin-top: 0px;
}

.field-wrapper:has(.was-validated:invalid, .is-invalid) .error-wrapper .invalid-feedback, .field-wrapper:has(.was-validated:invalid, .is-invalid) .error-wrapper .invalid-tooltip {
    display: block;
}

.max-width {
    width: 100%;
}

.items-border-top + .items-border-top {
    border-top: 1px solid #e6ecf0;
}

.collapse-content {
    padding: 15px 10px 15px;
}

.editor-in-table {
    width: 100%;
}

.maximize-code-editor {
    background-color: #725ec3;
    position: absolute;
    top: 53px;
    left: 0px;
    height: calc(100% - 53px);
    z-index: 999999999;
}

.minimize-code-editor {
    height: inherit;
    width: inherit;
}

.code-editor {
    background-color: #D8D9E0;
}

.code-editor .code-editor-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.code-editor .code-editor-header .evaluate-btn {
    padding: 3px;
    margin-right: 10px;
    border: #9B8AE1;
    background-color: #9B8AE1;
}

.code-editor .code-editor-header button {
    color: #3B4064;
}

.code-editor .code-editor-header .rui-selectize {
    height: 25px;
    min-height: 25px;
    border-radius: 5px;
}

.code-editor .code-editor-header .rui-selectize .selectize-control {
    height: 25px;
    min-height: 25px;
}

.code-editor .code-editor-header .rui-selectize .selectize-input {
    height: 25px;
    min-height: 25px;
    padding: 0 30px 0 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #D8D9E0;
    color: #3B4064;
    border: none;
    border-radius: 0;
}

.code-editor .code-editor-container {
    width: 100%;
    height: calc(100% - 30px);
    min-height: 300px;
    border: #D8D9E0 1px solid;
    resize: vertical;
    overflow: hidden;
}

.code-editor .invalid-feedback {
    color: #f597a2;
    margin: 0;
}

.code-editor .invalid-feedback::before {
    content: "Error: ";
    margin-left: 10px;
}

.code-editor .console-container.night-console {
    background-color: #1e1e1e;
    color: #d4d4d4;
}

.code-editor .console-container {
    background-color: white;
    border: 1px solid #725ec3;
}

.code-editor .console-container .tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0px 10px;
    border-bottom: 1px solid #725ec3;
    background-color: #725ec3;
    color: white;
}

.code-editor .console-container .trash {
    cursor: pointer;
}

.code-editor .console-container .console {
    padding: 10px;
    overflow: auto;
    resize: vertical;
}

.code-editor .console-container .console .log-time {
    font-weight: 600;
}

.history__content {
    max-height: 80vh;
}

.history__content .history__contentItem:nth-child(n + 8) {
    display: none;
}

.history__content.full-history__content .history__contentItem:nth-child(n + 8) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.center-td {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.center-td .custom-checkbox {
    max-width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
}

.alone-checkbox .center-td > div {
    margin: 0;
}

body .form-2-column .alone-checkbox .center-td label {
    margin-left: 2rem;
    margin-top: -1.5rem;
}

.cke_button__codemirrorabout {
    padding: 0 !important;
    height: 0 !important;
}

.cke_button__codemirrorabout span {
    display: none !important;
}

.error-line {
    color: #ef5164;
}

.error-line a {
    cursor: pointer;
    background-color: #ffdada;
    text-decoration: underline !important;
    border-radius: 3px;
    padding: 0 2px;
}

body .cke_autocomplete_panel {
    width: auto;
}

/* override */
.borrower {
    display: grid;
    grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content 1fr;
    grid-template-rows: min-content min-content min-content 1fr;
    height: calc(calc(100vh - 101px) - var(--call-campaign-height, 0px));
}

@media (max-width: 1024px) {
    .borrower {
        height: calc(100vh - 110px);
    }
}

@media (max-width: 767.98px) {
    .borrower {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
            -ms-flex-flow: column;
                flex-flow: column;
    }
}

.borrower__badges {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    gap: 10px;
}

@media (max-width: 767.98px) {
    .borrower__badges {
        margin: 15px 0 0 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

.borrower__badge {
    font-size: 1.13rem;
}

.borrower__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 24px 18px 24px;
}

@media (max-width: 768px) {
    .borrower__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-flow: column-reverse;
            -ms-flex-flow: column-reverse;
                flex-flow: column-reverse;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 0 15px 0;
    }
}

.borrower__info {
    display: grid;
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 10px;
}

@media (max-width: 991.98px) {
    .borrower__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}

@media (max-width: 767.98px) {
    .borrower__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-flow: column-reverse;
            -ms-flex-flow: column-reverse;
                flex-flow: column-reverse;
    }
}

.borrower__info > dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    word-break: break-word;
}

@media (max-width: 991.98px) {
    .borrower__info > dl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .borrower__info > dl {
        display: block;
    }
}

.borrower__info dt,
.borrower__info strong {
    opacity: .5;
}

.borrower__actions {
    max-height: 36px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}

@media (max-width: 991.98px) {
    .borrower__actions {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center;
        margin: 0 0 15px 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

.borrower__container {
    display: grid;
    grid-auto-columns: 1fr 0.5fr;
    grid-template-areas: 'main right';
    -webkit-box-flex: 5;
    -webkit-flex-grow: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
}

@media (max-width: 991.98px) {
    .borrower__container > div {
        margin: 15px 0;
    }
}

.borrower__container #view-documents-tab.tab-pane.active {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.borrower__container #view-documents-tab.tab-pane.active > fieldset {
    width: 100%;
}

.borrower__container #view-documents-tab.tab-pane.active > fieldset .documentList {
    overflow: auto;
}

.borrower__container #view-documents-tab.tab-pane.active > fieldset h4 {
    color: #7E7D7D;
}

.borrower__container #view-documents-tab.tab-pane.active > fieldset ul {
    color: #282727;
    padding-left: 30px;
}

.borrower__container #load-document-tab {
    height: 100%;
}

.borrower__container #load-document-tab .documentActions {
    padding: 2px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0 0 16px 0;
    z-index: 1;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: var(--bg-color);
    max-height: 32px;
    height: 100%;
}

.borrower__container #load-document-tab .documentActions .toggleMouseEvents {
    margin: 0 0 0 10px;
}

.borrower__container #view-notes-tab.tab-pane.active {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
}

.borrower__container #view-notes-tab.tab-pane.active > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1;
        -ms-flex: 0 1;
            flex: 0 1;
}

.borrower__container #view-notes-tab.tab-pane.active .notes__container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
    margin: 5px 0;
    overflow: auto;
}

.borrower__container #view-notes-tab.tab-pane.active .application__item-note {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    padding: 10px 5px;
    font-size: 1.13rem;
}

@media (max-width: 991.98px) {
    .borrower__container #view-notes-tab.tab-pane.active .application__item-note {
        padding: 7px 5px;
    }
}

.borrower__container #view-notes-tab.tab-pane.active .application__item-note:not(:first-child) {
    border-top: 1px solid #dee2e6;
}

.borrower__container #view-history-tab {
    overflow: hidden;
}

.borrower__container_main {
    grid-area: main;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    height: 100%;
    position: relative;
}

.borrower__container_main + .borrower__container_right:not([hidden]) {
    border-left: 1px solid #E9E9E9;
}

.borrower__container_main + .borrower__container_right:not([hidden]) li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 39px;
}

.borrower__container_right {
    grid-area: right;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    height: 100%;
    overflow-x: initial;
    -webkit-flex-flow: row;
        -ms-flex-flow: row;
            flex-flow: row;
}

.collapsed .borrower__container_right {
    padding: 0;
}

.borrower__container.collapsed {
    grid-auto-columns: 1.6fr 53px;
}

@media (max-width: 991.98px) {
    .borrower__container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
            -ms-flex-flow: column;
                flex-flow: column;
    }
    .borrower__container > div {
        margin: 15px 0;
    }
}

.borrower__applicationRow + .collapsing td,
.borrower__applicationRow + .collapse td {
    padding: 0;
}

.borrower__collapseApplication h3 {
    margin: 0 0 5px 0;
}

.borrower__collapseApplication h4 {
    margin: 10px 0;
}

.borrower__collapseApplication > div {
    border-bottom: 1px solid #e6ecf0;
}

.borrower__collapseApplication .dl-horizontal {
    display: grid;
    grid-template-columns: -webkit-min-content 1fr -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr min-content 1fr;
    grid-row-gap: 2.1rem;
    grid-column-gap: 28.8px;
}

@media (min-width: 2050px) {
    .borrower__collapseApplication .dl-horizontal {
        grid-template-columns: -webkit-min-content 1fr -webkit-min-content 1fr -webkit-min-content 1fr;
        grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
    }
}

@media (max-width: 1024px) {
    .borrower__collapseApplication .dl-horizontal {
        grid-template-columns: -webkit-min-content 1fr;
        grid-template-columns: min-content 1fr;
    }
}

.borrower__collapseApplication .dl-horizontal dt {
    -o-text-overflow: unset;
       text-overflow: unset;
    white-space: unset;
    overflow: unset;
    text-align: end;
}

.borrower__collapseApplication .dl-horizontal dd {
    margin: 0;
    color: #282727;
    font-size: 1.13rem;
    line-height: 1.92rem;
}

.borrower__details {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    place-items: start;
}

@media (max-width: 1024px) {
    .borrower__details {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }
}

.borrower__details > div {
    display: grid;
    grid-template-rows: 40px 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.borrower__details dd {
    margin-bottom: 0;
}

.borrower__details strong {
    opacity: .5;
}

.borrower__details #businessInfo dl {
    margin: 0;
}

.borrower__details #businessInfo .collapsing,
.borrower__details #businessInfo .collapse.show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}

.borrower__details #businessInfo .collapsing > *::after,
.borrower__details #businessInfo .collapse.show > *::after {
    content: " ";
    white-space: pre;
}

.borrower__borrowerDetails h3 {
    margin: 0 0 5px 0;
}

.borrower__borrowerDetails h4 {
    margin: 10px 0;
}

.borrower__borrowerDetails > div {
    border-bottom: 1px solid #e6ecf0;
}

.borrower__borrowerDetails .dl-horizontal {
    display: grid;
    grid-template-columns: -webkit-min-content 1fr -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr min-content 1fr;
    grid-row-gap: 2.1rem;
    grid-column-gap: 28.8px;
}

@media (min-width: 2050px) {
    .borrower__borrowerDetails .dl-horizontal {
        grid-template-columns: -webkit-min-content 1fr -webkit-min-content 1fr -webkit-min-content 1fr;
        grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
    }
}

@media (max-width: 1024px) {
    .borrower__borrowerDetails .dl-horizontal {
        grid-template-columns: -webkit-min-content 1fr;
        grid-template-columns: min-content 1fr;
    }
}

.borrower__borrowerDetails .dl-horizontal dt {
    -o-text-overflow: unset;
       text-overflow: unset;
    white-space: unset;
    overflow: unset;
    text-align: end;
}

.borrower__borrowerDetails .dl-horizontal dd {
    margin: 0;
    color: #282727;
    font-size: 1.13rem;
    line-height: 1.92rem;
}

.credit__tab-payments .card-info__property {
    max-width: 190px;
    min-width: 190px;
}

.credit__tab-payments .card-info__value {
    max-width: 210px;
    min-width: 210px;
}

.credit__tab-payments .entity__item {
    padding-block: 20px;
}

.credit__tab-payments .entity__item:first-child {
    padding-top: 0;
}

.credit__tab-payments .entity__header {
    gap: 20px;
}

.credit__tab-payments .entity__header h3 {
    font-weight: 700;
}

.credit-details {
    padding: 0 20px 27px 40px;
}

.schedule-status {
    padding: 10px 20px 10px 40px;
}

html {
    font-size: 13px;
}

.text-prompt {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.white-space-default {
    white-space: normal !important;
}

.search-field {
    width: 380px;
}

.search-field input.form-control {
    height: 32px;
    padding: 10px 0;
    font-size: 15px;
    line-height: 18px;
    font-weight: 450;
    border-radius: 0;
    border-bottom: 1px solid #000000;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.search-field input.form-control.show {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.search-field input.form-control.show + button svg {
    border-bottom: 1px solid #000000;
}

.search-field button {
    padding: 0;
    border: none;
    background: none;
}

.search-field button svg {
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border-color: transparent;
    border-bottom-right-radius: 50%;
}

.profile-edit-tab-content > div:not(.entity__container_action_toggle, #view-mapping-tab) {
    height: 100%;
}

.btn-danger {
    font-size: 15px;
    line-height: 19px;
    border: none;
    padding: 10px 15px;
}

.btn-light {
    font-size: 15px;
    background: transparent;
}

.btn-success {
    color: #ECECFC;
    padding: 10px 15px;
    background-color: #5052E8;
    font-size: 15px;
    line-height: 19px;
    border: none;
}

.btn-success:hover {
    color: white;
    background-color: #5849FF;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:focus,
.show > .btn-success.dropdown-toggle {
    color: white;
    background-color: #5849FF;
}

.btn-secondary {
    color: #696B6E;
    background-color: #ffffff;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 17px;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):hover, .btn-secondary:not(:disabled):not(.disabled):focus, .btn-secondary:not(:disabled):not(.disabled):active:focus {
    color: #282A2F;
    background-color: #F7F8F9;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-secondary:focus-visible {
    outline: none;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):focus {
    color: #282A2F;
    background-color: #F7F8F9;
}

.custom-control-label {
    font-size: 15px;
    color: #282a2f;
}

.app-attribute-type[data-refs] {
    cursor: pointer;
}

.zoom-panel {
    top: 2px;
    z-index: 1;
    background: #FFFFFF;
}

.settings-wrapper .form-group.file-upload {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}

.settings-wrapper .form-group.file-upload label {
    text-align: left;
}

.settings-wrapper .form-group.file-upload .filename {
    margin-left: 0;
}

.file-upload {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.file-upload input[type="file"] {
    position: absolute;
    top: 0;
    padding: 0;
    width: 0;
    height: 0;
    visibility: hidden;
}

.file-upload .file-upload__label {
    line-height: 26px;
    margin-bottom: 0.7rem;
}

.file-upload__input {
    position: relative;
    margin: 0;
}

.file-upload__text {
    display: inline-block;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    color: #1A1C2C;
    border: 1px solid #484956;
    border-radius: 8px;
    background-color: transparent;
    font-size: 0.96rem;
    padding: 0 10px;
    cursor: pointer;
}

.file-upload__text:hover {
    color: white;
    background-color: #484956;
    border-color: #484956;
}

.file-upload .filename {
    font-size: 1.04rem;
    margin-left: 10px;
}

.file-upload.success-upload .file-input__text {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    color: #fff;
    background-color: #259e6b;
    border-color: #239364;
}

.doc-upload {
    cursor: pointer;
    border-radius: 0;
}

.doc-upload input[type="file"] {
    visibility: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.doc-upload span {
    font-size: 0.875rem;
    line-height: 1.5;
}

.bordered-black {
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 0px 8px 0px #dee2e6;
            box-shadow: 0px 0px 8px 0px #dee2e6;
}

.btn.copy-action:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.arrow-red {
    fill: #ec092b;
}

.arrow-green {
    fill: #3fee53;
}

.arrow-lightgray {
    fill: #c5ece1;
}

.arrow-semitransparent {
    opacity: 0.5;
}

.arrow-right svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}