body {
    padding-top: 70px;
}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
    .col-xl-12_7 {
        width: 14.28571429%;
    }
}

.cl-wrapper {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 71px - 0.25rem);
}


.wrapper-sidebar {
    flex: 0 1 auto;
}

.wrapper-content {
    flex: 1 1 auto;
    height: 100%;
}

.wrapper-footer {
    flex: 0 1 auto;
}

.main {
    height: 100%;
}

.anchor {
    margin-top: -100px;
    padding-top: 100px;
}


/* ---------------------------------------------------
    Utilities
----------------------------------------------------- */
.text-handwriting {
    font-family: 'Kalam', cursive;
}

.bg-gradient-grey {
    background: #020202;
    background: -moz-linear-gradient(top, #020202 0%, #030303 3%, #3d3d3d 23%, #797979 49%, #b9b9b9 76%, #d6d6d6 100%);
    background: -webkit-linear-gradient(top, #020202 0%, #030303 3%, #3d3d3d 23%, #797979 49%, #b9b9b9 76%, #d6d6d6 100%);
    background: linear-gradient(to bottom, #020202 0%, #030303 3%, #3d3d3d 23%, #797979 49%, #b9b9b9 76%, #d6d6d6 100%);
}

.bg-gradient-red {
    background: #64030a;
    background: -moz-linear-gradient(top, #64030a 0%, #760105 3%, #893739 23%, #a7726e 49%, #bfa5a6 76%, #d6d6d6 100%);
    background: -webkit-linear-gradient(top, #64030a 0%, #760105 3%, #893739 23%, #a7726e 49%, #bfa5a6 76%, #d6d6d6 100%);
    background: linear-gradient(to bottom, #64030a 0%, #760105 3%, #893739 23%, #a7726e 49%, #bfa5a6 76%, #d6d6d6 100%);
}

.bg-gradient-darkred {
    background: rgb(164,0,0);
    background: radial-gradient(circle, rgba(164,0,0,1) 0%, rgba(125,55,55,1) 100%);
}

.bg-gradient-lightgrey {
    background: rgb(251,251,251);
    background: radial-gradient(circle, rgba(251,251,251,1) 0%, rgba(218,218,218,1) 100%);
}

.bg-gradient-grey2 {
    background: rgb(135,135,135);
    background: radial-gradient(circle, rgb(156, 156, 156) 0%, rgb(97, 96, 96) 100%);
}

.bg-gradient-dark {
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(80,80,80,1) 52%, rgba(0,0,0,1) 100%);
}

.toast-info {
    background-color: #2F96B4 !important
}

.toast-error {
    background-color: #BD362F !important;
}

.toast-success {
    background-color: #51A351 !important;
}

.toast-warning {
    background-color: #F89406 !important;
}

.breadcrumb {
    margin-bottom: 1.325rem;
}



.pulse {
    border-radius: 5%;
    box-shadow: 0 0 0 rgba(62, 191, 157, 0.4);
    animation: pulse 2s;
    background-color: rgba(62, 191, 157, 0.4);
    -webkit-transition: background-color 7s ease-out;
    -moz-transition: background-color 7s ease-out;
    transition: background-color 7s ease-out;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(62, 191, 157, 0.8);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(62, 191, 157, 0.4);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(62, 191, 157, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(62, 191, 157, 0.8);
        box-shadow: 0 0 0 0 rgba(62, 191, 157, 0.8);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(62, 191, 157, 0.4);
        box-shadow: 0 0 0 10px rgba(62, 191, 157, 0.4);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(62, 191, 157, 0);
        box-shadow: 0 0 0 0 rgba(62, 191, 157, 0);
    }
}


/* ---------------------------------------------------
    HEADER, Nav 1
----------------------------------------------------- */
.dropdown-title {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#navbar-top {
    border-bottom: 2px solid #eaeaea;
    background-color: #fff;
    padding: 0.233rem 0;
    height: 71px;
    min-width: 320px;
}

#navbar-top .nav-link {
    color: #000 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}
#navbar-top .dropdown-menu {
    max-height: calc(100vh - 80px);
    overflow: auto;
}
#dropdownMenuButton ~ .dropdown-menu .nav-link {
    margin-bottom: 10px;
}

.dropdown-menu.dropdown-menu-right {
    right: 0;
    left: auto;
}


#nav-1 .nav-item {
    padding: 0 0.5rem;
}

#nav-1 .nav-link {
    padding: 0 0.5rem;
}

#nav-1 .active > .nav-link,
#nav-1 .nav-link.active,
#nav-1 .nav-link.show,
#nav-1 .show > .nav-link {
    border-bottom: 1px solid black;
    width: 100%;
}

#navbar-top-search > div {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    /*position: absolute;
    left: 50%;
    margin-left: -125px;
    top: 50%;
    margin-top: -1.233rem;*/
}

#navbar-top-user-nav .nav-item:not(:last-child) {
    margin-right: 15px;
}
#navbar-top-user-nav small,
#navbar-top-user-nav .small {
    font-size: 13px;
}

#navbar-top-user-nav .nav-link .fa-2x {
    vertical-align: middle;
    font-size: 2em;
    margin-right: 0.5rem;
    line-height: 3.5rem;
    color: #000;
}

#navbar-top-user-nav .nav-link > div {
    display: inline-block;
    vertical-align: middle;
}

#navbar-top-user-nav .nav-link > div > * {
    display: block;
}

#trading-desk {
    margin-right: 1rem;
}

#dropdownMenuButton {
    width: 52px;
    padding: 0 4px 0 4px;
    box-shadow: var(--shadow);
    margin-right: 1rem;
    -webkit-animation: menuButtonPulse 1.5s infinite;
}
#dropdownMenuButton:hover {
    box-shadow: var(--shadow-sm);
    -webkit-animation: none;
    transform: scale(0.95, 0.95);
}
#dropdownMenuButton img {
    transition: transform 0.15s ease-in-out;
}
@-webkit-keyframes menuButtonPulse {
    0% {
            @include transform(scale(.9));
            box-shadow: var(--shadow);
            transform: scale(1, 1);
    }
    50% {
            @include transform(scale(.9));
            box-shadow: var(--shadow);
            transform: scale(1, 1);
    }
    75% {
            @include transform(scale(1));
            box-shadow: var(--shadow-sm);
            transform: scale(0.95, 0.95);
    }
    100% {
            @include transform(scale(.9));
            box-shadow: var(--shadow);
            transform: scale(1, 1);
    }
}

@media (max-width: 575.99px) {
    #trading-desk {
        border-radius: 0.5rem !important;
        margin-right: 0rem;
    }
    #trading-desk > span {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #trading-desk {
        border-radius: 0.5rem !important;
        margin-right: 0rem;

    }
    #trading-desk > span {
        display: none;
    }
}

@media (max-width: 1199.97px) {
    #navbar-top-user-nav ul li {
        margin-right: 0 !important;
    }

    #navbar-top-user-nav .nav-link .fa-2x {
        font-size: 1.5em !important;
    }
}

@media (min-width: 1200px) {
    #dropdownMenuButton {
        width: 58px;
        padding: 0 5px 0 5px;
    }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    #nav-1 .nav-link {
        padding: 0 0.1rem;
    }
}
@media (min-width: 1400px) and (max-width: 1500px) {
    #trading-desk {
        border-radius: 0.25rem !important;
    }
    #trading-desk > span {
        display: none;
    }
}

/* ---------------------------------------------------
    Nav 2
----------------------------------------------------- */
#nav-2,
#nav-2-opener {
    background: #fff;
    border-bottom: 2px solid #eaeaea;
    height: 50px;
    z-index: 1029;
}

#nav-2.fixed-top,
#nav-2-opener.fixed-top {
    top: 71px
}

#nav-2-opener a {
    color: var(--navbar-light-active-link);
    padding: 10px 0.5rem;
    vertical-align: bottom;
}

#nav-2 .nav-link,
#nav-2-opener a {
    font-weight: 500;
}

#nav-2 ~ .wrapper,
#nav-2-opener ~ .wrapper {
    margin-top: 51px;
}

#nav-2 ~ .cl-wrapper {
    margin-top:51px;
    height: calc(100vh - 122px - 0.25rem );
}

#nav-2 ~ .cl-wrapper > #cl_wrapper > #tool-container > #listTableContainer {
    height: calc( 100% - 36px - 51px);
}

@media (min-width: 768px) {
    #nav-2-opener ~ .wrapper {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    #nav-2 {
        display: none;
    }

    #nav-2 ~ .wrapper {
        margin-top: 0;
    }

    #nav-2 ~ .cl-wrapper {
        margin-top:0px;
        height: calc(100vh - 71px - 0.25rem);

    }
}

/* ---------------------------------------------------
    Sidebar
----------------------------------------------------- */
#offcanvasSidebar .nav-1 {
    flex-direction: row !important;
    justify-content: space-between !important;
    padding: 0 0.5rem;
    margin: -1rem -1rem 0 -1rem;
    background: #f4f4f4;
    border-bottom: .125rem solid #eaeaea;
}

#offcanvasSidebar .nav-1 .nav-item .nav-link {
    padding: 19px 0.5rem 5px;
    font-size: 12px;
}


@media (min-width: 768px) {
    #offcanvasSidebar {
        visibility: visible !important;
        transform: none;
        width: 270px;
        top: 71px;
        border-right: 2px solid #eaeaea;
        z-index: 1;
    }

    #offcanvasSidebar .offcanvas-header {
        display: none;
    }

    #offcanvasSidebar ~ #nav-2-opener {
        display: none;
    }

    #offcanvasSidebar ~ .wrapper {
        margin-left: 270px;
        height: 100%;
    }
}

@media (min-width: 1200px) {
    #offcanvasSidebar .nav-1 {
        display: none;
    }
}

#nav-3 {
    --nav-tabs-border: transparent;
    --nav-tabs-border-hover: transparent;
    --nav-tabs-active: var(--bs-danger);
}

#nav-3 .nav-tabs {
    border: none;
    width: 100%;
}

#nav-3 .nav-item {
    margin: 0;
    padding: 0;
}

#nav-3 .nav-link {
    color: #2c2c2c;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    padding: 0.55rem 0.5rem;
}

#nav-3 .nav-link.active {
    border-bottom: none;
    width: 100%;
    background-color: #f3f3f3;
}

#nav-3 .sidebar-title {
    text-transform: uppercase;
    color: #6e6e6e;
    font-size: 11px;
}

#nav-3 .sidebar-category {
    text-transform: uppercase;
    color: var(--bs-danger);
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 0.25rem;
    margin-top: 1rem;
}

#nav-3 .sidebar-link {
    color: #6e6e6e;
    font-weight: unset;
    padding: 0.5rem;
    display: inline-block;
}

/* ---------------------------------------------------
    COMMON SITE STYLES
    ----------------------------------------------------- */
.fa-li.fa-li-right {
    left:auto;
    right: -0.5em;
}

.fa-li.fa-circle {
    top: -0.25em;
}
.fa-li.fa-circle:before {
    font-size: 0.4em;
}

.fa-ul li.alert {
    padding: 0 0.5em 0 1.75em;
    margin: 0.25em -0.5em 0.25em -1.75em;
}
.fa-ul li.alert .fa-li {
    left: calc(-0.25em - 1px);
}
.fa-ul li.alert .fa-li.fa-li-right {
    left: auto;
    right: -1px;
}

.article h1, .article h2, .article h3, .article h4, .article h5 {
    margin-bottom: 1.5rem !important;
}

.article a {
    text-decoration: underline;
}


.widget-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 26px;
    color: #636363;
}

.widget-title::after {
    display: block;
    content: "";
    width: 10%;
    height: 3px;
    margin-top: 5px;
    margin-right: auto;
    background: #cc071e;
}

.identifier {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin: 0;
    list-style: none;
}

.identifier-item + .identifier-item {
    padding-left: 0.5rem;
}

.identifier-item + .identifier-item::before {
    padding-right: 0.5rem;
    content: "/";
}

.position-absolute.search-results {
    max-height: 75vh;
    overflow: auto;
    top: 0.25rem;
    box-shadow: var(--shadow-lg);
    border-radius: 0.25rem;
    border: 1px solid var(--card-border);
}

.search-results .name {
    font-weight: bold;
}

.search-results .muted {
    color: inherit;
    opacity: 0.7;
}
.search-results .identifier {
    font-size: 0.875em;
}
.search-results .source {
    font-size: 0.8em;
}

.app-links a {
    font-size: 14px;
    color: #4b4b4b;
}


/* ---------------------------------------------------
   MENU
   ----------------------------------------------------- */


#alarm-notification {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 122px;
    font-weight: 500;
}


.mb-1 .nav-link {
    padding: 0 1rem;
}

/* ---------------------------------------------------
    STARTSEITE
    ----------------------------------------------------- */
.card-tabs.tabs-active-red {
    --nav-tabs-active: #cb1531;
}

@media (min-width: 1200px) {

    .fixed-lg-height {
        height: 85px;
    }

    .img-width-200 {
        max-width: 200px;
    }

}

.media-category h4 {
    margin: 10px;
}

.category-img {
    flex: 1 1 50%;
    min-width: 236px;
    padding: 20px;
    padding-top: 12px;
}

.category-img img {
    border-radius: 8px;
}

.trader-users p {
    background-color: #d6d6d6;
    line-height: 30px;
    font-size: 17px;
}

.pagination .btn {
    display: inline-block;
    padding: 0.375em 0.2em;
    line-height: 1.5;
    height: 2.5em;
    width: 3em;
    border-radius: 0;
    font-size: 1em;
    text-align: center;
    border: 1px solid #dddeea;
    background: #fff;
    color: #767779 !important;
}

@media (max-width: 991px ) and (min-width: 767px) {
    .img-width-200 {
        max-width: 200px;
    }
}

.price-list li {
    padding: 0 0 5px 0;
}

.price h2 {
    color: #bd2130;
}

.abo-card .h6 {
    font-size: 1rem !important;
    line-height: inherit;
}

#banner-logo {
    width: 50%;
    max-width: 270px;
    height: auto;
}
@media (min-width: 768px) {
    #banner-logo {
        width: 33%;
    }
}


/* ---------------------------------------------------
   Applikationen
   ----------------------------------------------------- */
.card.card-product .product-icon {
    text-align: center;
    padding-top: 0.75rem;
    padding-bottom: 1rem;
}
.card.card-product .product-icon img {
    width: 4rem;
}


.finanzen-net-heading {
    color: #D3C398;
    font-family: "Work Sans", Sans-serif;
    font-size: 33px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.1em;
}

@media (max-width: 991.98px) {
    .finanzen-net-heading {
        font-size: 25px;
    }
}

@media (max-width: 767.98px) {
    .finanzen-net-heading {
        font-size: 20px;
    }
}

.flash-tf-logo {
    max-width: 330px;
}

@media (max-width: 767.98px) {
    h2, .h2 {
        font-size: 1.5rem;
    }

    .img-width-200 {
        max-width: 200px;
    }

    .flash-tf-logo {
        max-width: 300px;
    }
}

@media (max-width: 400px) {
    .img-width-200 {
        max-width: 100% !important;
    }

    .flash-tf-logo {
        max-width: 180px;
    }
}

.banner {
    height: 250px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.banner .row h1 {
    align-self: center;
}

/* ---------------------------------------------------
   //-Applikationen
   ----------------------------------------------------- */

/* ---------------------------------------------------
    FOOTER
    ----------------------------------------------------- */
.page-footer {
    background-color: rgb(250, 250, 250);
    border-top: 1px solid rgb(234, 234, 234);
    bottom: 0;
    width: 100%;
}


/* ---------------------------------------------------
    Kurslisten
    ----------------------------------------------------- */
#cl_wrapper a {
    color: var(--body);
    text-decoration: none;
}
#cl_wrapper a:hover {
    color: var(--link-hover);
    text-decoration: none;
}

#kurslisten-sidebar a {
    color: var(--body);
    text-decoration: none;
}
#kurslisten-sidebar a:hover {
    color: var(--link-hover);
    text-decoration: none;
}

#kurslisten-sidebar {
    background: #fff;
    width: 250px;
    height: calc(100% - 180px);
    left: -250px;
    z-index: 1;
    display: block;
    position: absolute;
    transition: left 0.3s;
    border-right: 1px solid #eaeaea;
    overflow-y: auto;
}

#kurslisten-sidebar.visible {
    left: 0;
}

@media (max-width: 767.98px) {

    #kurslisten-sidebar {
        left: -250px;
    }

    #kurslisten-sidebar.visible {
        left: 0;
    }

    .banner-right {
        background-position: right;
    }

    .banner-left {
        background-position: left;
    }

    .banner .row h1 {
        align-self: end;
        align-self: flex-end;
        font-size: 1.6rem;
    }
}

/* custom styles */
#cl_wrapper {
    --primary-color: var(--bs-info);
    --secondary-color: var(--bs-success);
    --bg-hover: var(--bs-white);
    --bg-active: var(--bs-danger);
    --bg-active-transparent: rgba(191, 216, 239, 0.47);
    flex: 1 1 auto;
    height: calc( 100% - 48px - 48px);
}

/* buttons */
#kurslisten-sidebar-header-btns .btn-cl-outline {
    background-color: var(--bs-white);
    color: var(--primary-color);
    border-radius: .25rem;
    border-color: var(--primary-color);
}

#cl_wrapper .btn-cl-outline {
    background-color: var(--bs-white);
    color: var(--primary-color);
    border-radius: .25rem;
    border-color: var(--primary-color);
}

#cl_wrapper .table-pre-header {
    display: flex;
}

#cl_wrapper .template-container {
    width: 100%;
    padding-bottom: 2px;
    padding-left: 0.25rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#cl_wrapper .template-container div {
    margin-right: 0.25rem;
    height: 33.5px;
    border: 1px solid var(--primary-color);
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0 0.25rem;
}

#cl_wrapper #tool-container {
    height: 100%;
    display: flex !important;
    flex-direction: column;
}

#cl_wrapper #listTableContainer {
    flex: 1 1 auto;
    height: calc( 100% - 36px);
}

#cl_wrapper #stock-search-header-container {
    flex: 0 1 auto;
}

#cl_wrapper .btn-cl-filled {
    background-color: var(--secondary-color);
    color: var(--bs-white);
    border-radius: .25rem;
    border-color: var(--secondary-color);
}

#cl_wrapper .title-edit-btn {
    border: none;
    background: transparent;
    font-size: 18px;
    padding-left: 0;
}

#cl_wrapper .no-pointer-events{
    pointer-events: none;
}

#cl_wrapper .horizontal-list-group{
    background: inherit;
    border: none;
    padding:0;
}

#cl_wrapper .pointer{
    cursor: pointer;
}

#cl_wrapper .danger{
    color: var(--bs-danger);
}

#cl_wrapper .warning{
    color: var(--bs-orange);
}

#cl_wrapper .success{
    color: var(--bs-success);
}

#cl_wrapper .wrapper-container{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#cl_wrapper .stock-search-result{
    min-height: 300px;
    height: 300px;
    overflow:auto;
}

#listen ul, #anlage ul, #universe ul, #kurslisten ul, #exchange ul {
    list-style: none;
    padding-left: 0;
}

#listen ul li, #anlage ul li, #universe ul li, #kurslisten ul li, #exchange ul li {
    margin-bottom: 8px;
    cursor: pointer;
    padding-right: 1em;
}

#listen ul li:before, #anlage ul li:before, #universe ul li:before, #kurslisten ul li:before, #exchange ul li:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 500;
    font-size: inherit;
    text-rendering: auto;
    color: var(--bs-danger);
    content: "\f356";
    margin-right: 5px;
}

.tab-content #listen, .tab-content #anlage, .tab-content #universe, .tab-content #kurslisten, .tab-content #exchange {
    background-color: var(--bs-white);
    border-right: 1px solid #ddd;
}

#cl_wrapper .stock-chart-options span {
    cursor: pointer;
    text-decoration: underline;
}

#cl_wrapper .stock-chart-options span:hover {
    cursor: pointer;
    text-decoration: underline;
    color: var(--bs-danger);
}

/* table */

#cl_wrapper .user-table-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#cl_wrapper .gradient-card-header {
    flex: 0 0 auto;
}

#cl_wrapper .table-wrapper-container {
    flex: 1 1 auto;
    height: calc( 100% - 38px);
}

#cl_wrapper .table-header {
    display: flex;
    align-items: center;
}

#cl_wrapper .table-title {
    display: flex;
    font-size: 18px;
}

#cl_wrapper .table-wrapper {
    height: 100%;
    overflow-x: auto;
}

#cl_wrapper .table-title .static-list-icon {
    font-size: 11px;
    margin-left: 5px;
}

#cl_wrapper .table-wrapper .cell-value {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.table-fixed {
    overflow-y: auto;
}

.table-fixed table {
    border-collapse: collapse;
    width: 100%;
}


.table-fixed th {
    position: sticky;
    top: -1px;
    background-color: #fff !important;
}

.table-fixed th,
.table-fixed td {
    padding: 8px 16px;
}

#kurslisten-sidebar .list-sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 1rem;
    cursor: pointer;
}

/* chart history and stock chart canvases */

#cl_wrapper .chart-history-wrapper, #cl_wrapper .stock-chart-wrapper {
    display: none;
    position: absolute;
    height: 250px;
    width: 500px;
    background: white;
    border-radius: 0.25rem;
    border: 1px solid lightgray;
}

/* select modals */

#cl_wrapper th.text-nowrap > a {
    white-space: nowrap !important;
    display: inline-block;
    overflow: hidden;
}

#cl_wrapper th.text-nowrap {
    white-space: initial !important;
}

#cl_wrapper .config-select-item:hover,
#cl_wrapper .list-select-item:hover,
#cl_wrapper .template-select-item:hover {
    background: var(--bg-hover);
    cursor: pointer;
}

#cl_wrapper .config-select-item{
    display: flex;
    justify-content: space-between;
}

#cl_wrapper .rename-config-btn{
    border: none;
    background-color: transparent;
}

/* config modal */
#cl_wrapper .list-modals-container .error-message {
    color: var(--bs-danger);
}

#cl_wrapper .active-filter {
    background: var(--bg-active-transparent);
}

#cl_wrapper .selected-category-modal-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#cl_wrapper .selected-category-modal-item:hover {
    background: var(--bg-hover);
    cursor: pointer;
}

#cl_wrapper .category-modal-item {
    min-height: unset;
}

#cl_wrapper .category-modal-item:hover {
    background: var(--bg-hover);
    cursor: pointer;
}

#cl_wrapper .category-group-item {
    width: 100%;
}

#cl_wrapper .category-group-item:hover {
    background: var(--bg-hover);
    cursor: pointer;
    color: black !important;
}

#cl_wrapper .active-group-item {
    background: var(--bg-active);
    color: white !important;
}

#cl_wrapper .config-status, #cl_wrapper .newConfig-status {
    pointer-events: none;
}

#cl_wrapper .sort-filter-list-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: unset;
    padding-left: 0;
}

#cl_wrapper #chosen-categories-list .custom-input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

#cl_wrapper #chosen-categories-list .selected-category-modal-item {
    min-height: 30px;
}

#cl_wrapper #chosen-categories-list .filter-input {
    width: 40%;
}

#cl_wrapper #chosen-categories-list .error-message {
    color: var(--bs-danger);
}

#cl_wrapper .fa-arrow-up:hover, #cl_wrapper .fa-arrow-down:hover {
    color: var(--secondary-color);
}

#cl_wrapper #createConfigModal .active {
    color: white !important;
}
#cl_wrapper #createConfigModal .nav-pills .active:hover{
    background: var(--bg-active) !important;
    border-color: var(--bg-active) !important;
}

#cl_wrapper .newConfig-group-link:hover {
    background: var(--bg-hover) !important;
}

#cl_wrapper .newConfig-cat-option {
    color: black !important;

}

#cl_wrapper .newConfig-cat-option:hover {
    background: var(--bg-hover);
    cursor: pointer;
    color: black !important;
}

/* Stock Search Modal */
#cl_wrapper #stock-search-modal-input {
    text-transform: uppercase;
}

#cl_wrapper #stock-search-modal-result-list .list-group-item {
    padding: 0;
    font-size: 11px;
}

#cl_wrapper #stock-search-modal-result-list .list-group-item:hover {
    background: var(--bg-hover);
    cursor: pointer;
}

/* Utils */
#cl_wrapper .loading-spinner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cl_wrapper .table .td-minus {
    color: var(--bs-danger);
}

#cl_wrapper .table .td-plus {
    color: var(--bs-success);
}

#cl_wrapper .pos-change {
    background-color: rgba(255, 48, 48, 0.2);
}

#cl_wrapper .neg-change {
    background-color: rgba(76, 247, 82, 0.2);
}

#cl_wrapper .not-available {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: var(--bs-danger);
}


#toast-container > div {
    opacity: 1;
}

.toast {
    opacity: 1 !important;
}

/* ---------------------------------------------------
    Entdecken
    ----------------------------------------------------- */
@media (max-width: 768px) {

    .mt-sm-6 {
        margin-top: 3rem !important;
    }
}


/* ---------------------------------------------------
    Kundenbereich
    ----------------------------------------------------- */


.red-box {
    background-color: #dc3545;
    height: 20px;
    width: 20px;
    margin-bottom: 5px;
}

.border-left-red {
    border-left: 3px solid #dc3545;
}

.border-right-red {
    border-right: 3px solid #dc3545;
}

@media (max-width: 300px) {
    .navbar .nav-item {
        margin-right: 1px;
    }
}

.contact-img {
    padding: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    background-color: #fff;
    border: 1px solid #d20420;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.fas.phone-number {
    font-size: 32px;
    border: 2px solid #000;
    border-radius: 50%;
    transform: rotate(-35deg);
    padding: 10px;
}

.price-diamond {
    font-size: 30px;
    line-height: 2.7;
    max-width: 80px;
    color: #888;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0 9px 35px -6px rgb(0 0 0 / 30%);
    background-color: #fff;
    position: relative;
}
.price-diamond > i {
    font-size: 28px;
}


/* ---------------------------------------------------
Alerting Tool
----------------------------------------------------- */

.alerting-tool {
    --nav-tabs: #212121;
    --nav-tabs-bg: transparent;
    --nav-tabs-active: var(--bs-danger);
    --nav-tabs-active-bg: transparent;
    --nav-tabs-hover: #000;
    --nav-tabs-border: #dee2e6;
    --nav-tabs-border-hover: transparent;
    background-color: transparent !important;
}

.alerting-tool a {
    color: inherit;
    text-decoration: none;
}
.alerting-tool a:hover {
    color: var(--link-hover);
    text-decoration: none;
}

.alerting-tool .nav-tabs .nav-link {
    border-width: 0px;
}
.alerting-tool .nav-tabs .nav-link.active, 
.alerting-tool .nav-tabs .nav-item.show .nav-link, 
.alerting-tool .nav-tabs .btn-check:checked + .nav-link, 
.alerting-tool .nav-tabs .btn-check:active + .nav-link {
    border-color: transparent transparent var(--primary-border);
    border-bottom-width: 2px;
}

.alerting-tool .no-pointer-events{
    pointer-events: none;
}

.alerting-tool .tq-padding{
    padding: 0.75rem;
}

.alerting-tool .messenger-title{
    color: var(--bs-danger);
}

.alerting-tool .show {
    display: flex !important;
}

.alerting-tool .show-block {
    display: block !important;
    overflow-y: auto;
}

.alerting-tool .hide {
    display: none !important;
}

.alerting-tool .nav-pills .nav-link.active, .alerting-tool .nav-pills .show > .nav-link {
    color: black !important;
    font-weight: bolder;
    background-color: transparent !important;
}

.alerting-tool .nav-link {
    color: black !important;
}

.alerting-tool .tab-content > .tab-pane {
    display: none;
}

.alerting-tool .card-box {
    height: 500px;
    width: 300px;
}

.alerting-tool #card-one {
    width: 350px;
}

.alerting-tool .tab-container {
    display: flex;
    flex-direction: row;
}

.alerting-tool .alerting-step-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125) !important;
    border-radius: 0.25rem;
    padding: 0.5rem;
    margin-bottom: 1rem;
    width: inherit;
    height: inherit;
}

.alerting-tool .step-card {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
}

.alerting-tool .card-title {
    font-weight: 600;
    margin-bottom: 0 !important;
}

.alerting-tool .half-btn {
    width: 50%;
}

.alerting-tool .full-btn {
    width: 100%;
}

.alerting-tool .sub-title {
    height: 1.5rem;
    font-size: 14px;
    margin-bottom: 0.25rem;
    min-height: 1.5rem;
}

.alerting-tool .spacer {
    height: 1rem;
    min-height: 1rem;
}

.alerting-tool .list-group-item.active {
    z-index: 2;
    color: #212529 !important;
    background-color: #f3f3f3 !important;
    border-color: rgba(0, 0, 0, .125) !important;
}

.alerting-tool .card > .list-group {
    border-top: none !important;
}

.alerting-tool .step-one .list-group-item {
    border: none !important;
    padding: 0.75rem;
    padding-left: 0;
    min-height: 40px;
}

.alerting-tool .step-one .list-group-header {
    min-height: unset !important;
}

.alerting-tool .step-one .error-item {
    color: var(--bs-danger);
    border: 1px solid var(--bs-danger) !important;
}

.alerting-tool .step-one .error-item:hover {
    background: transparent;
}

.alerting-tool .step-two .list-group-item {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    justify-content: space-between;
    line-height: 1.5;
    font-size: 13px;
}

.alerting-tool .step-two .list-group-item svg {
    cursor: pointer;
}

.alerting-tool .step-three .alarm-info input, .alerting-tool .step-three .alarm-info textarea {
    font-size: 14px;
}

.alerting-tool .scroll-container {
    height: 100%;
    overflow: auto;
}

.alerting-tool .existing-alerts {
    padding: 0.25rem;
}

.alerting-tool .nested-scroll-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.alerting-tool .options-container {
    overflow-y: auto;
    overflow-x: hidden;
}

.alerting-tool .alarm-options {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-content: flex-end;
}

.alerting-tool .alert-card-option {
    display: none;
}

.alerting-tool .active-card-option {
    display: block;
}

.alerting-tool .create-alarm-option {
    display: none;
}

.alerting-tool .active-container {
    display: block;
}

.alerting-tool .date-picker {
    display: flex;
    align-items: center;
}

.alerting-tool #currentStockPrice {
    display: flex;
    align-items: center;
}

#ticker-overview thead th, #channel-overview thead th {
    background-color: #8b8b8b;
}

#ticker-overview .ticker-table-header, #channel-overview .ticker-table-header {
    color: white;
}

#ticker-overview td, #ticker-overview th,
#channel-overview td, #channel-overview th {
    border: none;
}

#ticker-overview thead th:first-child, #channel-overview thead th:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

#ticker-overview thead th:last-child, #channel-overview thead th:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

#ticker-overview tbody tr:nth-child(even) td {
    background-color: rgb(138 204 153 / 21%);
}

#ticker-overview tbody tr:nth-child(even) td:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

#ticker-overview tbody tr:nth-child(even) td:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.alerting-tool .trendline a {
    color: #212529;
}

.alerting-tool .add-email-items {
    padding: 0.75rem;
    align-items: center;
    justify-content: space-between;
}

.alerting-tool .add-email-items input {
    width: 50%;
}

.alerting-tool #channel-overview .form-check-input {
    position: unset;
    margin: 0;
}

.alerting-tool .link-container {
    display: flex;
    flex-direction: column;
}

.alerting-tool #channel-overview .form-control {
    width: unset;
    text-align: center;
    margin: 0;
}

.alerting-tool .list-overview-header {
    color: var(--bs-danger);
}

.alerting-tool .accordion .card-body {
    padding: 0;
}

.alerting-tool .list-group {
    border-bottom: none !important;
    overflow-y: auto;
}

.alerting-tool .stock-list-item {
    padding: 0.25em !important;
    border: none !important;
}

.alerting-tool .accordion .list-item {
    padding: 0.25em 0.75em;
}

.alerting-tool .accordion .list-item:hover {
    background-color: #f8f9fa;
    cursor: pointer;
}

.alerting-tool .accordion .btn:focus {
    box-shadow: none !important;
}

.alerting-tool .form-check-input:checked ~ .form-check-label::before {
    border-color: var(--bs-success) !important;
    background-color: var(--bs-success) !important;
}

.alerting-tool .list-title-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.alerting-tool .list-scroll-container {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.alerting-tool .chart-links {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.alerting-tool .step-three {
    display: flex;
    justify-content: space-between;
}

.alerting-tool .alerting-step-container .form-check .disabled {
    color: #bbbfbf;
}

.alerting-tool .list-overview-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.alerting-tool .rm-list-alert-icon {
    cursor: pointer;
    display: flex;
    min-width: 16px;
}

.alerting-tool .stock-overview-name {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alerting-tool .list-group-header {
    background-color: grey;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: start;
    color: white;
    padding-right: 0.75rem;
}

.alerting-tool .list-group-header .stock-overview-meta {
    border-left: 1px solid white;
    cursor: pointer;
}

.alerting-tool .list-group-header .stock-overview-name {
    cursor: pointer;
}

.alerting-tool .stock-overview-meta {
    padding-left: 0.5em;
    width: inherit;
    text-align: end;
    padding-right: 0.5em;
}

.alerting-tool .stock-overview-name:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alerting-tool .stock-overview-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.alerting-tool #ticker-pagination {
    justify-content: center;
}

.alerting-tool #ticker-pagination #ticker-count-display {
    font-weight: bolder;
    padding: 0 1rem;
    display: flex;
    align-items: center;
}
@media (max-width: 1199px ) {
    .alerting-tool .card {
        margin: auto;
        margin-bottom: 1em;
    }

    .alerting-tool .show {
        display: flex !important;
        justify-content: center;
    }

    .alerting-tool .tab-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}


/* LED Börsenticker */

.fw-extrabold {
    font-weight: 900;
}

#img-living {
    background-image: url(/images/led-boersenticker/img-living.png);
    background-size: cover;
    background-position: -159px center;
    background-repeat: no-repeat;
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
}

#img-desk {
    background-image: url(/images/led-boersenticker/schreibtisch.jpg);
    background-size: cover;
    background-position: -405px center;
    background-repeat: no-repeat;
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
}


.text-living {
    background-color: rgba(255, 255, 255, 0.7);
    position: relative; 
    top: -9.9em; 
}

.text-desk {
    background-color: rgba(255, 255, 255, 0.8);
    position: relative; 
    top: -12.9em; 
}

@media (min-width: 594px) {
    #img-living {
        background-position: -25px center;
    }
    #img-desk {
        background-position: -50px center;
    }
    .text-living {
        background-color: rgba(255, 255, 255, 0.2);
        position: relative; 
        top: 0em; 
    }
    .text-desk {
        position: relative; 
        top: -13.9em; 
    }
}

@media (min-width: 1053px) {
    .text-desk {
        background-color: rgba(255, 255, 255, 0.7);
        position: relative; 
        top: -4em; 
    }
}

@media (min-width: 1325px) {
    #img-living {
        background-position: center;
    }
    #img-desk {
        background-position: center;
    }
    .text-living {
        background-color: rgba(255, 255, 255, 0.0);
    }
    .text-desk {
        background-color: rgba(255, 255, 255, 0.0);
    }
}
.bg-aside {
    background-color: #e3e5e6;
}


/* START - RADIO SWITCH BUTTON  */
.form-fancy-radio-switch  {
    background-color: #d7d7d7;
    border-radius: 3rem;
    position: relative;
    align-items: center;
    --bs-gutter-y: 1rem;
    --bs-gutter-x: 1rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    align-items: stretch;
}
.form-fancy-radio-switch .form-check {
    flex: 1 1 0%;
    display: flex;
    padding: 0;
    margin: 0;
    min-height: 4.2em;
}
.form-fancy-radio-switch .form-check-input {
    display: none;
}
.form-fancy-radio-switch .form-check-input ~ .form-check-label {
    display: flex;
    padding: 0.75em 1em;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    flex-direction:column;
    margin: -0.25em;
    border-radius: 3em;
    text-align: center;
    line-height: 1.25;
    border: 1px solid transparent;
}
.form-fancy-radio-switch .form-check-input:checked ~ .form-check-label {
    background-color: #fff;
    border: 1px solid var(--bs-primary);
}
/* END - RADIO SWITCH BUTTON  */



/*START Style Switch Button*/
    .form-fancy-switch {
        padding: 0;
    }
    .form-fancy-switch .form-check-input {
        background-color: transparent;
        border-color: transparent;
        background-image: none;
        display: none;
    }
    .form-fancy-switch .form-check-label {
        background-color: #d7d7d7;
        border-radius: 3rem;
        position: relative;
        display: flex;
        width: 24em;
        align-items: center;
    }
    .form-fancy-switch .form-check-label:after {
        content: "";
        position: absolute;
        left: -0.25em;
        width: 12.5em;
        right: auto;
        top: -0.25em;
        bottom: -0.25em;
        background-color: #fff;
        border: 1px solid var(--bs-primary);
        border-radius: 3em;
        z-index:1;
        transition: left .15s ease-in-out;
    }
    .form-fancy-switch .form-check-input:checked ~ .form-check-label:after {
        left: 11.75em;
    }
    .form-fancy-switch .form-check-label > div {
        text-align: center;
        line-height: 1.25;
        position: relative;
        width: 50%;
        padding: 0.75em 1em;
    }
    .form-fancy-switch .form-check-label > div > strong, 
    .form-fancy-switch .form-check-label > div > strong > span {
        display: block;
    }
    .form-fancy-switch .form-check-label > .label-inactive {
        z-index: 2;
    }
    .form-fancy-switch .form-check-label > .label-active {
        z-index: 0;
    }
    .form-fancy-switch .form-check-input:checked ~ .form-check-label .label-inactive {
        z-index: 0;
    }
    .form-fancy-switch .form-check-input:checked ~ .form-check-label .label-active {
        z-index: 2;
    }

    .form-fancy-switch .form-check-input:not(:checked) ~ .form-check-label .show-checked {
        display: none;
    }
    .form-fancy-switch .form-check-input:checked ~ .form-check-label .show-unchecked {
        display: none;
    }
/*END Style Switch Button*/

#ostern2024 {
    background-image: url(/images/ostern-katapult.png);
    background-size: cover;
    background-position: center;
}


/**
* FONT SIZES
* ================================================
*/
.fs-rel-060 {
	font-size: 0.6em;
}
.fs-rel-070 {
	font-size: 0.7em;
}
.fs-rel-080 {
	font-size: 0.8em;
}
.fs-rel-085 {
	font-size: 0.85em;
}
.fs-rel-090 {
	font-size: 0.9em;
}
.fs-rel-100 {
	font-size: 1em;
}
.fs-rel-110 {
	font-size: 1.1em;
}
.fs-rel-125 {
	font-size: 1.25em;
}
.fs-rel-135 {
	font-size: 1.35em;
}
.fs-rel-150 {
	font-size: 1.5em;
}
.fs-rel-175 {
	font-size: 1.75em;
}
.fs-rel-200 {
	font-size: 2em;
}
.fs-rel-250 {
	font-size: 2.5em;
}
.fs-rel-300 {
	font-size: 3em;
}
.fs-rel-350 {
	font-size: 3.5em;
}
.fs-rel-500 {
	font-size: 5em;
}
.fs-rel-700 {
	font-size: 7em;
}

.fs-060 {
	font-size: 0.6rem;
}
.fs-070 {
	font-size: 0.7rem;
 }
.fs-080 {
	font-size: 0.8rem;
}
.fs-085 {
	font-size: 0.85rem;
}
.fs-090 {
	font-size: 0.9rem;
}
.fs-100 {
	font-size: 1rem;
}
.fs-110 {
	font-size: 1.1rem;
}
.fs-125 {
	font-size: 1.25rem;
}
.fs-135 {
	font-size: 1.35rem;
}
.fs-150 {
	font-size: 1.5rem;
}
.fs-175 {
	font-size: 1.75rem;
}
.fs-200 {
	font-size: 2rem;
}
.fs-250 {
	font-size: 2.5rem;
}
.fs-300 {
	font-size: 3rem;
}
.fs-350 {
	font-size: 3.5rem;
}
.fs-500 {
	font-size: 5rem;
}
.fs-700 {
	font-size: 7rem;
}
@media (min-width: 576px) {
	.fs-sm-060 {
		font-size: 0.6rem;
	}
	.fs-sm-070 {
		font-size: 0.7rem;
	}
	.fs-sm-080 {
		font-size: 0.8rem;
	}
	.fs-sm-085 {
		font-size: 0.85rem;
	}
	.fs-sm-090 {
		font-size: 0.9rem;
	}
	.fs-sm-100 {
		font-size: 1rem;
	}
	.fs-sm-110 {
		font-size: 1.1rem;
	}
	.fs-sm-125 {
		font-size: 1.25rem;
	}
	.fs-sm-135 {
		font-size: 1.35rem;
	}
	.fs-sm-150 {
		font-size: 1.5rem;
	}
	.fs-sm-175 {
		font-size: 1.75rem;
	}
	.fs-sm-200 {
		font-size: 2rem;
	}
	.fs-sm-250 {
		font-size: 2.5rem;
	}
	.fs-sm-300 {
		font-size: 3rem;
	}
	.fs-sm-350 {
		font-size: 3.5rem;
	}
	.fs-sm-500 {
		font-size: 5rem;
	}
	.fs-sm-700 {
		font-size: 7rem;
	}
}
@media (min-width: 768px) {
	.fs-md-060 {
		font-size: 0.6rem;
	}
	.fs-md-070 {
		font-size: 0.7rem;
	}
	.fs-md-080 {
		font-size: 0.8rem;
	}
	.fs-md-085 {
		font-size: 0.85rem;
	}
	.fs-md-090 {
		font-size: 0.9rem;
	}
	.fs-md-100 {
		font-size: 1rem;
	}
	.fs-md-110 {
		font-size: 1.1rem;
	}
	.fs-md-125 {
		font-size: 1.25rem;
	}
	.fs-md-135 {
		font-size: 1.35rem;
	}
	.fs-md-150 {
		font-size: 1.5rem;
	}
	.fs-md-175 {
		font-size: 1.75rem;
	}
	.fs-md-200 {
		font-size: 2rem;
	}
	.fs-md-250 {
		font-size: 2.5rem;
	}
	.fs-md-300 {
		font-size: 3rem;
	}
	.fs-md-350 {
		font-size: 3.5rem;
	}
	.fs-md-500 {
		font-size: 5rem;
	}
	.fs-md-700 {
		font-size: 7rem;
	}
}
@media (min-width: 992px) {
	.fs-lg-060 {
		font-size: 0.6rem;
	}
	.fs-lg-070 {
		font-size: 0.7rem;
	}
	.fs-lg-080 {
		font-size: 0.8rem;
	}
	.fs-lg-085 {
		font-size: 0.85rem;
	}
	.fs-lg-090 {
		font-size: 0.9rem;
	}
	.fs-lg-100 {
		font-size: 1rem;
	}
	.fs-lg-110 {
		font-size: 1.1rem;
	}
	.fs-lg-125 {
		font-size: 1.25rem;
	}
	.fs-lg-135 {
		font-size: 1.35rem;
	}
	.fs-lg-150 {
		font-size: 1.5rem;
	}
	.fs-lg-175 {
		font-size: 1.75rem;
	}
	.fs-lg-200 {
		font-size: 2rem;
	}
	.fs-lg-250 {
		font-size: 2.5rem;
	}
	.fs-lg-300 {
		font-size: 3rem;
	}
	.fs-lg-350 {
		font-size: 3.5rem;
	}
	.fs-lg-500 {
		font-size: 5rem;
	}
	.fs-lg-700 {
		font-size: 7rem;
	}
}
@media (min-width: 1200px) {
	.fs-xl-060 {
		font-size: 0.6rem;
	}
	.fs-xl-070 {
		font-size: 0.7rem;
	}
	.fs-xl-080 {
		font-size: 0.8rem;
	}
	.fs-xl-085 {
		font-size: 0.85rem;
	}
	.fs-xl-090 {
		font-size: 0.9rem;
	}
	.fs-xl-100 {
		font-size: 1rem;
	}
	.fs-xl-110 {
		font-size: 1.1rem;
	}
	.fs-xl-125 {
		font-size: 1.25rem;
	}
	.fs-xl-135 {
		font-size: 1.35rem;
	}
	.fs-xl-150 {
		font-size: 1.5rem;
	}
	.fs-xl-175 {
		font-size: 1.75rem;
	}
	.fs-xl-200 {
		font-size: 2rem;
	}
	.fs-xl-250 {
		font-size: 2.5rem;
	}
	.fs-xl-300 {
		font-size: 3rem;
	}
	.fs-xl-350 {
		font-size: 3.5rem;
	}
	.fs-xl-500 {
		font-size: 5rem;
	}
	.fs-xl-700 {
		font-size: 7rem;
	}
}
@media (min-width: 1400px) {
	.fs-xxl-060 {
		font-size: 0.6rem;
	}
	.fs-xxl-070 {
		font-size: 0.7rem;
	}
	.fs-xxl-080 {
		font-size: 0.8rem;
	}
	.fs-xxl-085 {
		font-size: 0.85rem;
	}
	.fs-xxl-090 {
		font-size: 0.9rem;
	}
	.fs-xxl-100 {
		font-size: 1rem;
	}
	.fs-xxl-110 {
		font-size: 1.1rem;
	}
	.fs-xxl-125 {
		font-size: 1.25rem;
	}
	.fs-xxl-135 {
		font-size: 1.35rem;
	}
	.fs-xxl-150 {
		font-size: 1.5rem;
	}
	.fs-xxl-175 {
		font-size: 1.75rem;
	}
	.fs-xxl-200 {
		font-size: 2rem;
	}
	.fs-xxl-250 {
		font-size: 2.5rem;
	}
	.fs-xxl-300 {
		font-size: 3rem;
	}
	.fs-xxl-350 {
		font-size: 3.5rem;
	}
	.fs-xxl-500 {
		font-size: 5rem;
	}
	.fs-xxl-700 {
		font-size: 7rem;
	}
}