.mdi-arrow-up::before {
    content: "\F005D";
    color: white;
}
.v-select__selections {
    font-size: 14px!important;
    font-weight: 500;
    color: black;
    min-height: 28px;
}
.theme--light.v-input input, .theme--light.v-input textarea {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.header-text {
    height: 64px;
    font-size: 14px;
    background-color: #6c757d;
    vertical-align: middle;
    padding-left: 12px;
    color: white;
}

th {
    height: 64px!important;
    font-size: 14px!important;
    background-color: #6c757d!important;
    vertical-align: middle!important;
    padding-left: 12px!important;
    color: white!important;
}

.v-slider--horizontal .v-slider__track-container {
    height: 5px!important;
}

.white-row {
    background-color: white !important;
    border-radius: 5px !important;
    margin-bottom: 16px !important;
    padding-top: 23px;
}

.v-card-grey {
    background-color: #dfdfdf !important;
}

.v-dialog:not(.v-dialog--fullscreen) {
    max-height: 90%;
    border-radius: 12px;
}

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

.v-dialog>.v-card {
    overflow-x: hidden;
}

.v-dialog>.v-card>.v-card__title {
    font-weight: 500;
    letter-spacing: .0125em;
    padding: 16px 24px 10px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 18px !important;
    background-color: #495057!important;
    height: 34px !important;
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
}

.rainbow-text {
    background-image: linear-gradient(to left, #c56dc5, indigo, blue, green, #cc8616, orange, #bf0101);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    letter-spacing: -1px;
}

.headline {
    font-size: 18px !important;
    font-weight: 400!important;
    letter-spacing: normal !important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.v-application .headline {
    font-size: 18px !important;
    font-weight: 400!important;
    letter-spacing: normal !important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.v-dialog>.v-card>.v-card__title {
    border-radius: 0!important;
}

v-sheet.v-card {
    border: 0px solid!important;
}

.v-sheet.v-card[data-v-710c2c06]:not(.v-sheet--outlined) {
    border: 0px solid !important;
}

.toggle-password {
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
    color: #000;
}

.v-btn--is-elevated {
    box-shadow: none !important;
}

.toggle-password:hover {
    color: #000; /* Hover-Effekt */
}



.navbar-dark .navbar-brand {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

/* --- Nur auf Mobile anzeigen --- */
@media (max-width: 768px) {
    #closeSidebarBtn {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 9999;
        color: #fff;
        background: transparent;
        border: none;
        font-size: 24px;
        cursor: pointer;
    }
}

/* --- Auf größeren Geräten Button verbergen --- */
@media (min-width: 769px) {
    #closeSidebarBtn {
        display: none;
    }
}

@media (max-width: 768px) {
    #mySidebar {
        width: 0 !important;
        margin-left: 0 !important;
    }
}
/* -------------------- */
/* Ab Desktop (>= 769px) sollen wir standardmäßig 320px haben,
   wenn NICHT .sidebar-closed. */
/* -------------------- */
@media (min-width: 769px) {
    /* SIDEBAR offen: 320px */
    #mySidebar {
        width: 320px;             /* Default-Breite */
        transition: width 0.3s ease-in-out;
    }
    /* CONTENT offen: margin-left 320px */
    #myContentWrapper {
        margin-left: 320px;
        transition: margin-left 0.3s ease-in-out;
        justify-content: center;
    }
    /* SIDEBAR geschlossen: width=0 */
    #mySidebar.sidebar-closed {
        width: 0 !important;
        overflow: hidden;
    }
    /* CONTENT, wenn SIDEBAR geschlossen */
    #mySidebar.sidebar-closed ~ #myContentWrapper {
        margin-left: 0 !important;
    }
}

/* -------------------- */
/* Mobile (< 769px):
   - Die Sidebar ist Overlay
   - Der Content bleibt IMMER margin-left=0
   - Sidebar-closed => width=0
   - Keine Verschiebung des Contents */
/* -------------------- */
@media (max-width: 768px) {
    #myContentWrapper {
        margin-left: 0 !important; /* bleib immer links */
    }
    #mySidebar {
        position: absolute;
        left: 0; top: 0; bottom: 0;
        width: 0 !important; /* weil wir sie initial geschlossen laden */
        z-index: 9999; /* liegt über dem Content */
        transition: width 0.3s ease-in-out;
    }
    /* Wenn die Sidebar NICHT .sidebar-closed hat,
       darf sie z.B. 320px über den Content haben */
    #mySidebar:not(.sidebar-closed) {
        width: 320px !important;
    }
}





.nav-sidebar .nav-item>.nav-link {
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
    width: 300px;
    text-decoration: none!important;
}

.layout-fixed .main-sidebar {
    bottom: 0;
    float: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 320px;
    overflow-x: hidden;
}

@media (min-width: 768px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        transition: margin-left .3s ease-in-out;
        margin-left: 320px;
    }
}

.v-application .error {
    background-color: #e9ecef !important;
    border-color: #ff9c00 !important;
    color: #495057 !important;
    border: 1px solid;
}

.v-application .error-ef {
    background-color: #e9ecef !important;
    border-color: #ff9c00 !important;
    color: #495057 !important;
    border: 1px solid;
}

.v-application .warning {
    background-color: #e9ecef !important;
    border-color: #00f6ff !important;
    color: #495057 !important;
    border: 1px solid;
}

.v-application .warning-ef {
    background-color: #e9ecef !important;
    border-color: #00f6ff !important;
    color: #495057 !important;
    border: 1px solid;
}

/*.v-application .primary {
    background-color: #d3d8dd !important;
    border-color: #495057 !important;
    border: 1px solid;
    color: #000 !important;
}*/

.v-application .success {
    background-color: #6c757d !important;
    border-color: #baff00 !important;
    border: 1px solid;
    color: white !important
}

.v-application .success-ef {
    background-color: #6c757d !important;
    border-color: #baff00 !important;
    border: 1px solid;
    color: white !important
}


.v-application .ef-ai {
    background-color: #fff !important;
    border-color: #6610f2 !important;
    color: #495057 !important;
    border: 2px solid;
}

.v-application .normal {
    background-color: #fff !important;
    border-color: #343a40 !important;
    color: #495057 !important;
    border: 1px solid;
}

.badge-info {
    color: #fff;
    background-color: #dc3545;
}

.v-dialog__content {
    margin-left: 340px;
    max-width: calc(100vw - 380px);
}

@media (max-width: 768px) {
    .v-dialog__content {
        margin-left: auto!important;
        max-width: 100%!important;

    }
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #6c757d;
    color: #fff;
}

.prism-editor__editor {
    color: #fff!important;
}

.v-card__title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
    letter-spacing: .0125em;
    line-height: 2rem;
    word-break: break-all;
    font-size: 16px !important;
    height: 34px;
    color: white;
    border-radius: 12px 12px 0px 0px;
}


.v-btn__content {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
}

.v-btn:not(.v-btn--round).v-size--default {
    height: 28px!important;
    min-width: 64px!important;
    padding: 0 16px!important;
}

.docbox-section {
    width: 100%!important;
    height: calc(100vh - 30px) !important;
    padding-top: 0;
    margin-top: 0px;
    margin-left: -2px;
    padding-bottom: 0px!important;
}
p {
    font-size: 16px!important;
}

.v-sheet.v-card:not(.v-sheet--outlined) {
    box-shadow: none!important;
    border: 0px solid #00000030;
}

@media screen and (max-width: 767px){
    .docbox-section {
        margin-top: 0px;
        height: 100vh!important;
        padding: 0!important;
    }
}

.content-header {
    position:relative;
    padding:15px 15px 20px;
}

.table-contento {
    width: 97%;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    margin-left: 6px;
    margin-right: 6px;
}

@media screen and (max-width: 1024px) {
    .hide-on-mobile {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) {
    .headline-on-mobile {
        font-size: 20px !important;
    }
}

::-webkit-file-upload-button {
    background-color: #007bff;
    color: white;
    font-size: 10px;
    border-width: 0;
    border-radius: 3px;
}

.heading-animation {
    height: 42px !important;
    width: 100%;
    background-color: #dee1e6!important;
    border-radius: 10px 10px 0px 0px!important;
    -webkit-border-radius: 10px 10px 0px 0px!important;
    -moz-border-radius: 10px 10px 0px 0px!important;
    background-color: #dee1e6!important;
}

.text-responsive {
    font-size: calc(100% + 1vw + 1vh);
}

.content-wrapper {
    background-color: #323a44;
    margin-left: 0;
    display: flex;
    /*min-height: calc(100% - 58px)!important;*/
    height: 100%;
    /*background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);*/
    /*background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);*/
    /*background-image: linear-gradient(330deg, #f5f7fa 0%, #c3cfe2 100%);*/
    /*    background-image: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;*/
    margin-top: 0px;
}

figure {
    height: 400px;
}

.v-data-table-header-mobile__wrapper .v-select {
    max-width: 50%;
}

.content {
    overflow-y: auto;
    height: calc(100vh - 60px);
    width: 100%;
    padding: 0!important;
    margin: 0!important;
    /*height: calc(100vh - 56px)!important;*/
    /*background-image: url('../images/bk2.jpg');*/
    background-color: #ffffff;
}



.content-sf {
    overflow-y: auto;
    height: 100vh;
    width: 100%;
    padding: 0!important;
    margin: 0!important;
    /*height: calc(100vh - 56px)!important;*/
    /*background-image: url('../images/bk2.jpg');*/
    background-color: #ffffff;
}

.cx-watermark {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 600px;
    font-size: 100px;
    top: 280px;
    text-align: center;
    height: 100px;
    font-weight: 800;
    color: #727272;
}

.cx-headline {
    width: 100%;
    font-size: 18px !important;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif !important;
    /*color: black!important;*/
    color: white!important;
    font-weight: 600!important;
    /*line-height: 50px;*/
    margin-top: 22px;
    padding-left: 4px;
}


@media screen and (max-width: 768px){
    .content {
        margin-top: 0px!important;
        height: calc(100vh - 60px)!important;
        padding: 0;
    }
}

.v-label {
    font-size: 14px !important;
    top: 4px!important;
}

body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff0;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    height: 100%!important;
    overflow: hidden;
}

.wrapper {
    background-color: white;
    width: calc(100vw - 15px)!important;
    height: 100vh!important;
}

@media only screen and (max-width: 600px) {
    .wrapper {
        background-color: black!important;
        width: 100% !important;
    }
}
.left-align-menu {
    transform: translateX(-100%);
}

.box {
    font-size: 12px;
    /*box-shadow: 0 0 10px #718096;*/
    /*background: #edf2f7;*/
    border: 1px solid #00000021;
    background: white;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top:0;
    padding: 20px;
    border-width: 2px;
    overflow: hidden;
}

.box-layout-main {
    font-size: 12px;
    /*background: #edf2f7;*/
    background: white;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top:0;
    margin-top: 30px;
    padding: 0;
}

.small-box {
    /*box-shadow: 0 0 40px #718096;*/
    background: white;
    /*background: #edf2f7;*/
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-width: medium;
    border-color: #f8f9fa94;
}

.small-box-footer {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}


.box-footer {
    background-color: #ffffff00;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    height: 44px;
}

.v-application--wrap {
    flex: 1 1 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    min-height: auto!important;
    max-width: 100%;
    position: relative;
}



.box-layout:after,.box-body:after,.box-footer:after
{
    clear:both;
}

.box-title {
    font-weight: 700!important;
    font-size: 18px!important;
    padding-top: 9px!important;
}

.box-body {
    padding: 0!important;
    padding-top: 20px!important;
}

.box-layout {
    display:grid;
    padding:10px;
    position:relative;
    background-color: #282828;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: white;
    margin-bottom: 10px;
    border-width: 1px;
    border-color: ghostwhite;
}

.content-header {
    background-color: aliceblue;
}

.glyphicon {
    font-size: 20px;
    padding-left: 10px;
}

.glyphicon-circle-arrow-right {
    color: #20c997;
}

.glyphicon-edit {
    color: #007bff;
}

.glyphicon-trash {
    color: #fd7e14;
}

.btn {
    color: white;
    margin-left: 4px;
    font-size: 14px;
}

/*.btn-primary {
    background-color: #2c5282;
    border-color: #2c5282;
}*/

.table {
    font-weight: 300;
}

.dataTables_filter {
    float: left;
}

td {
    white-space: normal !important;
    word-wrap: break-word;
}

.card-body {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 0;
    padding-right: 0;
}

.box-primary {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0!important;
    border: 0!important;
}

.contento-md-btn-text {
    margin-left: 4px;
    font-family: 'Roboto';
    font-size: 12px;
    letter-spacing: .0892857143em;
    padding-top: 8px;
    font-weight: 500;
}

hr {
    background-color: #fff;
    border-top: 5px solid var(--gray);
    border-radius: 20px;
    margin-left: 7px;
    margin-right: 25px;
}

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




/* Bootstrap Table Design Start */
/*.table-head {
    font-weight: 400;
    background-color: #75797d;
    color: white;
    font-size: 15px;
}

.table .thead-light th {
    color: #6c757d;
    background-color: white;
    !*border-color: #dee2e6;*!
}


.table.table-bordered > tbody > tr > td{
    border:2px solid #ffffff;
}

.table.table-bordered{
    border:2px solid #b3b3b3;
    margin-top:5px;
    background-color: white;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: white;
}

.border {
    border: 3px solid #dee2e6 !important;
}

.table.b-table > tbody > .table-active, .table.b-table > tbody > .table-active > th, .table.b-table > tbody > .table-active > td {
    !*background-color: rgb(209 255 219)!important;*!
    background-color: white;
}*/
/* Bootstrap Table Design End */

.table-contento {
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    margin-left: 6px;
    margin-right: 6px;
}

.page-item.active .page-link
{
    background-color: #2c5282;
    border-color: #eff4f9;
}

.block {
    font-size: 12px;
}



.row-layout {
    padding-top: 10px;
}

.btn-table {
    height: 24px;
    font-size: 12px;
    padding: 3px;
}

.table-condensed{
    font-size: 12px;
}

.row {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-top: 0px !important;
    display: flex;
    flex-wrap: wrap;
    margin-right: 0px !important;
    margin-left: 0px !important;
    justify-content: space-between;

}


@media screen and (min-width: 1024px) {
    .contento-desktop-login {
        min-width: 500px;
        max-width: 600px;
        margin-top: 60%!important;
    }
}

@media screen and (max-width: 1023px) {
    .contento-mobile-login {
        min-width: 200px;
        /*max-width: 300px;*/
        width: 90%;
        margin-left: 5%!important;
    }
}

@media screen and (max-width: 768px) {
    .contento-mobile-login-width {
        width: 70%!important;
    }
}

@media screen and (max-width: 500px) {
    .contento-mobile-login-width {
        width: 90%!important;
    }
}



@media screen and (min-width: 992px) {
    .contento-desktop-only {
        display: block;
    }
}

@media screen and (max-width: 991px) {
    .contento-desktop-only {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .contento-mobile-only {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .contento-mobile-only {
        display: block;
    }
}

/*label {
    font-size: 1.1rem!important;
    color: grey!important;
}*/

.form-group {
    margin-bottom: 2rem!important;
}

/*.table tbody td, .table tbody th {
    font-size: 1.2rem!important;
}*/

/*.table thead td, .table thead th {
    font-size: 1.2rem!important;
}*/

.pagination {
    background-color: #ffffff00!important;
}

.card-subtitle {
    font-size: 1.2rem!important;
    margin-left: 15px!important;
    margin-top: 0!important;
    margin-bottom: 15px!important;
}

.card {
    margin-left: 15px;
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 0;
}

.nav-tabs .nav-link {
    font-size: 1.1rem;
}

textarea {
    resize: none;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgb(255 255 255);
}

.v-btn.v-size--default, .v-btn.v-size--large {
    font-size: inherit!important;
}

.v-btn {
    text-transform: none!important;
}

.v-list-item__title {
    align-self: center;
    font-size: 14px!important;
}

label {
    font-weight: 400;
}

.btn-circle {
    width: 22px;
    height: 10px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    background-color: #f8f9fa;
}
.btn-circle.btn-lg {
    width: 34px;
    height: 34px;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 25px;
    background-color: var(--white);
    margin-top: 10px;
    border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    border: 1px solid #a8a8a8;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
    background-color: #f8f9fa;
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-light:hover {
    color: #212529!important;
    background-color: #c0c0c0!important;
    border-color: #aeaeae!important;
}

.dropdown-menu {
    font-size: 12px;
}

.theme--light.v-application {
    background: #fff;
    color: rgba(0,0,0,.87);
    margin: auto;
    margin-top: 0;
}

/*.v-application .headline {
    font-size: 1rem !important;
    line-height: 2rem;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif !important;
    !* font-weight: 900!important; *!
    color: black!important;
    font-size: 1rem!important;
    font-weight: 400!important;
}*/


.ccx-form-divider {
    padding: 12px !important;
    margin-bottom: 30px;
    border-bottom: 3px solid #00000030;
}


.box-header {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    color: black!important;
    margin-bottom: 0!important;
    height: 44px!important;
    border-bottom: 1px solid #00000021!important;
    border-top: 1px solid #00000021!important;
    /*background-color: #efefef;*/
    background-color: #495057!important;
    padding-top: 0!important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 6px;
}

.box-header-big {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    color: black!important;
    margin-bottom: 0!important;
    height: 50px!important;
    border-bottom: 1px solid #00000021!important;
    border-top: 1px solid #00000021!important;
    /*background-color: #efefef;*/
    background-color: #495057!important;
    padding-top: 0!important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 16px;
}

.v-toolbar {
    box-shadow: none!important;
}

@media screen and (max-width: 1024px) {
    .mobile-font-10 {
        font-size: 10px!important;
    }
}

@media screen and (max-width: 1024px) {
    .mobile-font-12 {
        font-size: 12px!important;
    }
}

@media screen and (max-width: 1024px) {
    .mobile-font-14 {
        font-size: 14px!important;
    }
}

@media screen and (max-width: 1024px) {
    .mobile-font-16 {
        font-size: 16px!important;
    }
}

@media screen and (max-width: 1024px) {
    .mobile-font-18 {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 1024px) {
    .mobile-font-24 {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 1024px) {
    .mobile-font-36 {
        font-size: 36px !important;
    }
}

@media screen and (max-width: 1024px) {
    .mobile-subheadline {
        font-size: 16px !important;
        color: white !important;
        margin-left: 137px !important;
        margin-top: -8px !important;
        font-weight: 100 !important;
    }
}

@media screen and (max-width: 1024px) {
    .mobile-login-werbe-buttons {
        height: 124px !important;
        margin-top: -60px !important;
    }
}


@media (min-width:576px){
    .col-sm-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-sm-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-sm-2{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-sm-3{
        flex:0 0 auto;
        width:25%
    }
    .col-sm-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-sm-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-sm-6{
        flex:0 0 auto;
        width:50%
    }
    .col-sm-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-sm-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-sm-9{
        flex:0 0 auto;
        width:75%
    }
    .col-sm-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-sm-11{
        flex:0 0 auto;
        width:91.66666667%
    }
    .col-sm-12{
        flex:0 0 auto;
        width:100%
    }
    .offset-sm-0{
        margin-left:0
    }
    .offset-sm-1{
        margin-left:8.33333333%
    }
    .offset-sm-2{
        margin-left:16.66666667%
    }
    .offset-sm-3{
        margin-left:25%
    }
    .offset-sm-4{
        margin-left:33.33333333%
    }
    .offset-sm-5{
        margin-left:41.66666667%
    }
    .offset-sm-6{
        margin-left:50%
    }
    .offset-sm-7{
        margin-left:58.33333333%
    }
    .offset-sm-8{
        margin-left:66.66666667%
    }
    .offset-sm-9{
        margin-left:75%
    }
    .offset-sm-10{
        margin-left:83.33333333%
    }
    .offset-sm-11{
        margin-left:91.66666667%
    }
    .g-sm-0,.gx-sm-0{
        --bs-gutter-x:0
    }
    .g-sm-0,.gy-sm-0{
        --bs-gutter-y:0
    }
    .g-sm-1,.gx-sm-1{
        --bs-gutter-x:0.25rem
    }
    .g-sm-1,.gy-sm-1{
        --bs-gutter-y:0.25rem
    }
    .g-sm-2,.gx-sm-2{
        --bs-gutter-x:0.5rem
    }
    .g-sm-2,.gy-sm-2{
        --bs-gutter-y:0.5rem
    }
    .g-sm-3,.gx-sm-3{
        --bs-gutter-x:1rem
    }
    .g-sm-3,.gy-sm-3{
        --bs-gutter-y:1rem
    }
    .g-sm-4,.gx-sm-4{
        --bs-gutter-x:1.5rem
    }
    .g-sm-4,.gy-sm-4{
        --bs-gutter-y:1.5rem
    }
    .g-sm-5,.gx-sm-5{
        --bs-gutter-x:3rem
    }
    .g-sm-5,.gy-sm-5{
        --bs-gutter-y:3rem
    }
}
@media (min-width:768px){
    .col-md-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-md-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-md-2{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-md-3{
        flex:0 0 auto;
        width:25%
    }
    .col-md-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-md-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-md-6{
        flex:0 0 auto;
        width:50%
    }
    .col-md-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-md-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-md-9{
        flex:0 0 auto;
        width:75%
    }
    .col-md-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-md-11{
        flex:0 0 auto;
        width:91.66666667%
    }
    .col-md-12{
        flex:0 0 auto;
        width:100%
    }
    .offset-md-0{
        margin-left:0
    }
    .offset-md-1{
        margin-left:8.33333333%
    }
    .offset-md-2{
        margin-left:16.66666667%
    }
    .offset-md-3{
        margin-left:25%
    }
    .offset-md-4{
        margin-left:33.33333333%
    }
    .offset-md-5{
        margin-left:41.66666667%
    }
    .offset-md-6{
        margin-left:50%
    }
    .offset-md-7{
        margin-left:58.33333333%
    }
    .offset-md-8{
        margin-left:66.66666667%
    }
    .offset-md-9{
        margin-left:75%
    }
    .offset-md-10{
        margin-left:83.33333333%
    }
    .offset-md-11{
        margin-left:91.66666667%
    }
    .g-md-0,.gx-md-0{
        --bs-gutter-x:0
    }
    .g-md-0,.gy-md-0{
        --bs-gutter-y:0
    }
    .g-md-1,.gx-md-1{
        --bs-gutter-x:0.25rem
    }
    .g-md-1,.gy-md-1{
        --bs-gutter-y:0.25rem
    }
    .g-md-2,.gx-md-2{
        --bs-gutter-x:0.5rem
    }
    .g-md-2,.gy-md-2{
        --bs-gutter-y:0.5rem
    }
    .g-md-3,.gx-md-3{
        --bs-gutter-x:1rem
    }
    .g-md-3,.gy-md-3{
        --bs-gutter-y:1rem
    }
    .g-md-4,.gx-md-4{
        --bs-gutter-x:1.5rem
    }
    .g-md-4,.gy-md-4{
        --bs-gutter-y:1.5rem
    }
    .g-md-5,.gx-md-5{
        --bs-gutter-x:3rem
    }
    .g-md-5,.gy-md-5{
        --bs-gutter-y:3rem
    }
}
@media (min-width:992px){
    .col-lg-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-lg-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-lg-2{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-lg-3{
        flex:0 0 auto;
        width:25%
    }
    .col-lg-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-lg-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-lg-6{
        flex:0 0 auto;
        width:50%
    }
    .col-lg-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-lg-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-lg-9{
        flex:0 0 auto;
        width:75%
    }
    .col-lg-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-lg-11{
        flex:0 0 auto;
        width:91.66666667%
    }
    .col-lg-12{
        flex:0 0 auto;
        width:100%
    }
    .offset-lg-0{
        margin-left:0
    }
    .offset-lg-1{
        margin-left:8.33333333%
    }
    .offset-lg-2{
        margin-left:16.66666667%
    }
    .offset-lg-3{
        margin-left:25%
    }
    .offset-lg-4{
        margin-left:33.33333333%
    }
    .offset-lg-5{
        margin-left:41.66666667%
    }
    .offset-lg-6{
        margin-left:50%
    }
    .offset-lg-7{
        margin-left:58.33333333%
    }
    .offset-lg-8{
        margin-left:66.66666667%
    }
    .offset-lg-9{
        margin-left:75%
    }
    .offset-lg-10{
        margin-left:83.33333333%
    }
    .offset-lg-11{
        margin-left:91.66666667%
    }
    .g-lg-0,.gx-lg-0{
        --bs-gutter-x:0
    }
    .g-lg-0,.gy-lg-0{
        --bs-gutter-y:0
    }
    .g-lg-1,.gx-lg-1{
        --bs-gutter-x:0.25rem
    }
    .g-lg-1,.gy-lg-1{
        --bs-gutter-y:0.25rem
    }
    .g-lg-2,.gx-lg-2{
        --bs-gutter-x:0.5rem
    }
    .g-lg-2,.gy-lg-2{
        --bs-gutter-y:0.5rem
    }
    .g-lg-3,.gx-lg-3{
        --bs-gutter-x:1rem
    }
    .g-lg-3,.gy-lg-3{
        --bs-gutter-y:1rem
    }
    .g-lg-4,.gx-lg-4{
        --bs-gutter-x:1.5rem
    }
    .g-lg-4,.gy-lg-4{
        --bs-gutter-y:1.5rem
    }
    .g-lg-5,.gx-lg-5{
        --bs-gutter-x:3rem
    }
    .g-lg-5,.gy-lg-5{
        --bs-gutter-y:3rem
    }
}
@media (min-width:1200px){
    .col-xl-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-xl-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-xl-2{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-xl-3{
        flex:0 0 auto;
        width:25%
    }
    .col-xl-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-xl-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-xl-6{
        flex:0 0 auto;
        width:50%
    }
    .col-xl-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-xl-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-xl-9{
        flex:0 0 auto;
        width:75%
    }
    .col-xl-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-xl-11{
        flex:0 0 auto;
        width:91.66666667%
    }
    .col-xl-12{
        flex:0 0 auto;
        width:100%
    }
    .offset-xl-0{
        margin-left:0
    }
    .offset-xl-1{
        margin-left:8.33333333%
    }
    .offset-xl-2{
        margin-left:16.66666667%
    }
    .offset-xl-3{
        margin-left:25%
    }
    .offset-xl-4{
        margin-left:33.33333333%
    }
    .offset-xl-5{
        margin-left:41.66666667%
    }
    .offset-xl-6{
        margin-left:50%
    }
    .offset-xl-7{
        margin-left:58.33333333%
    }
    .offset-xl-8{
        margin-left:66.66666667%
    }
    .offset-xl-9{
        margin-left:75%
    }
    .offset-xl-10{
        margin-left:83.33333333%
    }
    .offset-xl-11{
        margin-left:91.66666667%
    }
    .g-xl-0,.gx-xl-0{
        --bs-gutter-x:0
    }
    .g-xl-0,.gy-xl-0{
        --bs-gutter-y:0
    }
    .g-xl-1,.gx-xl-1{
        --bs-gutter-x:0.25rem
    }
    .g-xl-1,.gy-xl-1{
        --bs-gutter-y:0.25rem
    }
    .g-xl-2,.gx-xl-2{
        --bs-gutter-x:0.5rem
    }
    .g-xl-2,.gy-xl-2{
        --bs-gutter-y:0.5rem
    }
    .g-xl-3,.gx-xl-3{
        --bs-gutter-x:1rem
    }
    .g-xl-3,.gy-xl-3{
        --bs-gutter-y:1rem
    }
    .g-xl-4,.gx-xl-4{
        --bs-gutter-x:1.5rem
    }
    .g-xl-4,.gy-xl-4{
        --bs-gutter-y:1.5rem
    }
    .g-xl-5,.gx-xl-5{
        --bs-gutter-x:3rem
    }
    .g-xl-5,.gy-xl-5{
        --bs-gutter-y:3rem
    }
}
@media (min-width:1400px){
    .col-xxl-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-xxl-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-xxl-2{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-xxl-3{
        flex:0 0 auto;
        width:25%
    }
    .col-xxl-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-xxl-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-xxl-6{
        flex:0 0 auto;
        width:50%
    }
    .col-xxl-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-xxl-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-xxl-9{
        flex:0 0 auto;
        width:75%
    }
    .col-xxl-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-xxl-11{
        flex:0 0 auto;
        width:91.66666667%
    }
    .col-xxl-12{
        flex:0 0 auto;
        width:100%
    }
    .offset-xxl-0{
        margin-left:0
    }
    .offset-xxl-1{
        margin-left:8.33333333%
    }
    .offset-xxl-2{
        margin-left:16.66666667%
    }
    .offset-xxl-3{
        margin-left:25%
    }
    .offset-xxl-4{
        margin-left:33.33333333%
    }
    .offset-xxl-5{
        margin-left:41.66666667%
    }
    .offset-xxl-6{
        margin-left:50%
    }
    .offset-xxl-7{
        margin-left:58.33333333%
    }
    .offset-xxl-8{
        margin-left:66.66666667%
    }
    .offset-xxl-9{
        margin-left:75%
    }
    .offset-xxl-10{
        margin-left:83.33333333%
    }
    .offset-xxl-11{
        margin-left:91.66666667%
    }
    .g-xxl-0,.gx-xxl-0{
        --bs-gutter-x:0
    }
    .g-xxl-0,.gy-xxl-0{
        --bs-gutter-y:0
    }
    .g-xxl-1,.gx-xxl-1{
        --bs-gutter-x:0.25rem
    }
    .g-xxl-1,.gy-xxl-1{
        --bs-gutter-y:0.25rem
    }
    .g-xxl-2,.gx-xxl-2{
        --bs-gutter-x:0.5rem
    }
    .g-xxl-2,.gy-xxl-2{
        --bs-gutter-y:0.5rem
    }
    .g-xxl-3,.gx-xxl-3{
        --bs-gutter-x:1rem
    }
    .g-xxl-3,.gy-xxl-3{
        --bs-gutter-y:1rem
    }
    .g-xxl-4,.gx-xxl-4{
        --bs-gutter-x:1.5rem
    }
    .g-xxl-4,.gy-xxl-4{
        --bs-gutter-y:1.5rem
    }
    .g-xxl-5,.gx-xxl-5{
        --bs-gutter-x:3rem
    }
    .g-xxl-5,.gy-xxl-5{
        --bs-gutter-y:3rem
    }

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