/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/* 
    Created on : Dec 9, 2019, 1:56:18 PM
    Author     : diouf
*/

table[data-cut-modal-table] th,
table[data-cut-modal-table] td {
    padding: 0.150rem 0.3rem;
}

.ui-state-highlight {
    height: 9.5em;
    line-height: 1.2em;
}

.barrer {
    text-decoration: line-through #FF3028;
}

.dc-windows-add {
    right: 100%;
    display: none;
    position: fixed;
    width: 68em;
    top: 56px;
    left: 15%;
    z-index: 9;
    transition: top 2s, left 2s, width 2s;
}

.rapprochement-windows-add {
    display: none;
    position: fixed;
    /* width: 111.4em; */
    width: 100%;
    top: 2px;
    left: 0.6%;
    z-index: 999;
    transition: top 2s, left 2s, width 2s;
}

.task-windows-add {
    right: 100%;
    display: none;
    position: fixed;
    width: 48em;
    top: 56px;
    left: 25%;
    z-index: 9;
    transition: top 2s, left 2s, width 2s;
}

.table-search-box-result th {
    font-size: 11px
}

.table-search-box-result td {
    font-size: 10px;
}

.search-layout-box {
    width: 105.7em !important;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.mailbox-windows {
    display: none;
    position: fixed;
    width: 55em;
    height: 52.7em !important;
    bottom: 44px;
    left: 51%;
    z-index: 1000;
    /* transition: top 2s, left 2s, width 2s; */
}

.tab-container-founded-buyer {
    position: fixed;
    z-index: 99;
    top: -100%;
    left: 55.5%;
    opacity: 0.9;
    width: 50em;
    transition: top 1s, left 2s, width 2s;
}

.tab-container-founded-buyer-with-accroche {
    position: fixed;
    z-index: 99;
    top: -1%;
    left: 100%;
    opacity: 1;
    width: 50em;
    transition: top 1s, left 2s, width 2s;
}

.tab-container-founded-buyer-transition {
    position: fixed;
    z-index: 9999 !important;
    top: 4%;
    left: 55.5%;
    opacity: 1;
    width: 46em;
}

.icon-accroche-to-board {
    position: absolute;
    left: -6%;
    top: 88%;
}

.icon-accroche-to-board:hover {
    left: -10%;
}

.detail-windows-add {
    right: 100%;
    display: none;
    position: fixed;
    width: 39em;
    top: 56px;
    left: 25%;
    z-index: 9;
    transition: top 2s, left 2s, width 2s;
}

.pin-window-left {
    top: 0px;
    left: -0.1%;
    z-index: 911;
    width: 95em;
    /*transition: top 3s, left 2s, width 3s;*/
}

.loader-for-body-crm {
    background: url('../plugins/global/images/owl.carousel/ajax-loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.8);
    cursor: wait;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 13;
}

.loader-for-body-crm h1 {
    background: none;
    border: none;
    color: #458976;
    font-size: 22px;
    font-family: "Open Sans", sans-serif;
    font-variant: small-caps;
    font-weight: 700;
    height: 700px;
    line-height: 700px;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}

.loader-for-body-crm-note {
    background: url('../plugins/global/images/owl.carousel/ajax-loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.8);
    cursor: wait;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.loader-for-body-crm-note h1 {
    background: none;
    border: none;
    color: #458976;
    font-size: 22px;
    font-family: "Open Sans", sans-serif;
    font-variant: small-caps;
    font-weight: 700;
    height: 700px;
    line-height: 700px;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/

.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/

.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

div.slider {
    display: none;
}

table.dataTable tbody td.no-padding {
    padding: 0;
}

/* PLaceholder for td datatable */

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    pointer-events: none;
    display: block;
    /* For Firefox */
}

/* */

.inputError {
    border: 1px solid red;
}

.topIndex {
    z-index: 9999999 !important;
}

.bg-grey {
    background-color: #F9F9FC;
}

.bg-grey-2 {
    background-color: #F1F3F4;
}

.bg-grey-3 {
    background-color: #595d6e;
}

.bg-fluo-least {
    border-top: 1px solid #dc9393 !important;
    border-bottom: 1px solid #dc9393 !important;
    background-color: #dc93938c !important;
}

.bg-warning-least {
    border-top: 1px solid #ffbb00 !important;
    border-bottom: 1px solid #ffbb00 !important;
    background-color: #ffbb008a !important;
}

.datetimepicker {
    margin: 7px 0;
}

.bolder {
    font-weight: bold;
}

.animate-div {
    right: 0;
}

.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active),
.nav.nav-pills.nav-light-danger .show>.nav-link {
    color: #f64e60;
    background-color: transparent
}

.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-text,
.nav.nav-pills.nav-light-danger .show>.nav-link .nav-text {
    color: #f64e60
}

.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon i,
.nav.nav-pills.nav-light-danger .show>.nav-link .nav-icon i {
    color: #f64e60
}

.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-danger .show>.nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #f64e60
}

.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-danger .show>.nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active):after,
.nav.nav-pills.nav-light-danger .show>.nav-link:after {
    color: #f64e60
}

.nav.nav-pills.nav-light-danger .nav-link.active {
    color: #f64e60;
    background-color: rgba(246, 78, 96, .1)
}

.nav.nav-pills.nav-light-danger .nav-link.active .nav-text {
    color: #f64e60
}

.nav.nav-pills.nav-light-danger .nav-link.active .nav-icon i {
    color: #f64e60
}

.nav.nav-pills.nav-light-danger .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #f64e60
}

.nav.nav-pills.nav-light-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.nav.nav-pills.nav-light-danger .nav-link.active:after {
    color: #f64e60
}

.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active),
.nav.nav-pills.nav-light-primary .show>.nav-link {
    color: #6993ff;
    background-color: transparent
}

.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-text,
.nav.nav-pills.nav-light-primary .show>.nav-link .nav-text {
    color: #6993ff
}

.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon i,
.nav.nav-pills.nav-light-primary .show>.nav-link .nav-icon i {
    color: #6993ff
}

.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-primary .show>.nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #6993ff
}

.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-primary .show>.nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active):after,
.nav.nav-pills.nav-light-primary .show>.nav-link:after {
    color: #6993ff
}

.nav.nav-pills.nav-light-primary .nav-link.active {
    color: #6993ff;
    background-color: rgba(105, 147, 255, .1)
}

.nav.nav-pills.nav-light-primary .nav-link.active .nav-text {
    color: #6993ff
}

.nav.nav-pills.nav-light-primary .nav-link.active .nav-icon i {
    color: #6993ff
}

.nav.nav-pills.nav-light-primary .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #6993ff
}

.nav.nav-pills.nav-light-primary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.nav.nav-pills.nav-light-primary .nav-link.active:after {
    color: #6993ff
}

.nav.nav-bold .nav-item .nav-link {
    font-weight: 500
}

.nav.nav-bold .nav-item .nav-link .nav-text {
    font-weight: 500
}

.nav.nav-bolder .nav-item .nav-link {
    font-weight: 600
}

.nav.nav-bolder .nav-item .nav-link .nav-text {
    font-weight: 600
}

.nav.nav-boldest .nav-item .nav-link {
    font-weight: 700
}

.nav.nav-boldest .nav-item .nav-link .nav-text {
    font-weight: 700
}

.form-control.form-control-solid {
    background-color: #f3f6f9;
    border-color: #f3f6f9;
    color: #3f4254;
    -webkit-transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, -webkit-box-shadow .15s ease
}

.form-control.form-control-solid::-moz-placeholder {
    color: #b5b5c3;
    opacity: 1
}

.form-control.form-control-solid:-ms-input-placeholder {
    color: #b5b5c3
}

.form-control.form-control-solid::-webkit-input-placeholder {
    color: #b5b5c3
}

.form-control.form-control-solid.active,
.form-control.form-control-solid.focus,
.form-control.form-control-solid:active,
.form-control.form-control-solid:focus {
    background-color: #ebedf3;
    border-color: #ebedf3;
    color: #3f4254;
    -webkit-transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, -webkit-box-shadow .15s ease
}

#portlet-task-manager {
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    transform-origin: 25px 25px;
    transition: all 0.3s ease-in-out;
    z-index: 97;
}

/** Input effect */

/*= input focus effects css
=========================== */

:focus {
    outline: none;
}

.effect-parent {
    position: relative;
}

/* necessary to give position: relative to parent. */

.effect-1,
.effect-2,
.effect-3 {
    border: 0;
    padding: 7px 10px;
}

.effect-1~.focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-1:focus~.focus-border {
    width: 100%;
    transition: 0.4s;
}

.effect-2~.focus-border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-2:focus~.focus-border {
    width: 100%;
    transition: 0.4s;
    left: 0;
    padding-left: 2px;
    right: 2px;
}

.effect-3~.focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 99;
}

.effect-3~.focus-border:before,
.effect-3~.focus-border:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-3~.focus-border:after {
    left: auto;
    right: 0;
}

.effect-3:focus~.focus-border:before,
.effect-3:focus~.focus-border:after {
    width: 50%;
    transition: 0.4s;
}

.effect-4,
.effect-5,
.effect-6 {
    border: 0;
    padding: 5px 0 7px;
    border: 1px solid transparent;
    border-bottom-color: #ccc;
    transition: 0.4s;
}

.effect-4:focus,
.effect-5:focus,
.effect-6:focus {
    padding: 5px 14px 7px;
    transition: 0.4s;
}

.effect-4~.focus-border {
    position: absolute;
    height: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: 0.4s;
    z-index: -1;
}

.effect-4:focus~.focus-border {
    transition: 0.4s;
    height: 36px;
    border: 2px solid #3399FF;
    z-index: 1;
}

.effect-5~.focus-border {
    position: absolute;
    height: 36px;
    bottom: 0;
    left: 0;
    width: 0;
    transition: 0.4s;
}

.effect-5:focus~.focus-border {
    width: 100%;
    transition: 0.4s;
    border: 2px solid #3399FF;
}

.effect-6~.focus-border {
    position: absolute;
    height: 36px;
    bottom: 0;
    right: 0;
    width: 0;
    transition: 0.4s;
}

.effect-6:focus~.focus-border {
    width: 100%;
    transition: 0.4s;
    border: 2px solid #3399FF;
}

.effect-7,
.effect-8,
.effect-9 {
    border: 1px solid #ccc;
    padding: 7px 14px 9px;
    transition: 0.4s;
}

.effect-7~.focus-border:before,
.effect-7~.focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-7~.focus-border:after {
    top: auto;
    bottom: 0;
}

.effect-7~.focus-border i:before,
.effect-7~.focus-border i:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.6s;
}

.effect-7~.focus-border i:after {
    left: auto;
    right: 0;
}

.effect-7:focus~.focus-border:before,
.effect-7:focus~.focus-border:after {
    left: 0;
    width: 100%;
    transition: 0.4s;
}

.effect-7:focus~.focus-border i:before,
.effect-7:focus~.focus-border i:after {
    top: 0;
    height: 100%;
    transition: 0.6s;
}

.effect-8~.focus-border:before,
.effect-8~.focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.3s;
}

.effect-8~.focus-border:after {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}

.effect-8~.focus-border i:before,
.effect-8~.focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-8~.focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.effect-8:focus~.focus-border:before,
.effect-8:focus~.focus-border:after {
    width: 100%;
    transition: 0.3s;
}

.effect-8:focus~.focus-border i:before,
.effect-8:focus~.focus-border i:after {
    height: 100%;
    transition: 0.4s;
}

.effect-9~.focus-border:before,
.effect-9~.focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.2s;
    transition-delay: 0.2s;
}

.effect-9~.focus-border:after {
    top: auto;
    bottom: 0;
    right: auto;
    left: 0;
    transition-delay: 0.6s;
}

.effect-9~.focus-border i:before,
.effect-9~.focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.2s;
}

.effect-9~.focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    transition-delay: 0.4s;
}

.effect-9:focus~.focus-border:before,
.effect-9:focus~.focus-border:after {
    width: 100%;
    transition: 0.2s;
    transition-delay: 0.6s;
}

.effect-9:focus~.focus-border:after {
    transition-delay: 0.2s;
}

.effect-9:focus~.focus-border i:before,
.effect-9:focus~.focus-border i:after {
    height: 100%;
    transition: 0.2s;
}

.effect-9:focus~.focus-border i:after {
    transition-delay: 0.4s;
}

.effect-10,
.effect-11,
.effect-12,
.effect-13,
.effect-14,
.effect-15 {
    border: 0;
    padding: 7px 15px;
    border: 1px solid #ccc;
    position: relative;
    background: transparent;
}

.effect-10~.focus-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ededed;
    opacity: 0;
    transition: 0.5s;
    z-index: -1;
}

.effect-10:focus~.focus-bg {
    transition: 0.5s;
    opacity: 1;
}

.effect-11~.focus-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-11:focus~.focus-bg {
    transition: 0.3s;
    width: 100%;
}

.effect-12~.focus-bg {
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-12:focus~.focus-bg {
    transition: 0.3s;
    width: 100%;
    left: 0;
}

.effect-13~.focus-bg:before,
.effect-13~.focus-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-13:focus~.focus-bg:before {
    transition: 0.3s;
    width: 50%;
}

.effect-13~.focus-bg:after {
    left: auto;
    right: 0;
}

.effect-13:focus~.focus-bg:after {
    transition: 0.3s;
    width: 50%;
}

.effect-14~.focus-bg:before,
.effect-14~.focus-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-14:focus~.focus-bg:before {
    transition: 0.3s;
    width: 50%;
    height: 100%;
}

.effect-14~.focus-bg:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.effect-14:focus~.focus-bg:after {
    transition: 0.3s;
    width: 50%;
    height: 100%;
}

.effect-15~.focus-bg:before,
.effect-15~.focus-bg:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-15:focus~.focus-bg:before {
    transition: 0.3s;
    width: 50%;
    left: 0;
    top: 0;
    height: 100%;
}

.effect-15~.focus-bg:after {
    left: auto;
    right: 50%;
    top: auto;
    bottom: 50%;
}

.effect-15:focus~.focus-bg:after {
    transition: 0.3s;
    width: 50%;
    height: 100%;
    bottom: 0;
    right: 0;
}

.effect-16,
.effect-17,
.effect-18 {
    border: 0;
    padding: 4px 0;
    border-bottom: 1px solid #ccc;
    background-color: transparent;
}

.effect-16~.focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-16:focus~.focus-border,
.has-content.effect-16~.focus-border {
    width: 100%;
    transition: 0.4s;
}

.effect-16~label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 9px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-16:focus~label,
.has-content.effect-16~label {
    top: -16px;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-17~.focus-border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-17:focus~.focus-border,
.has-content.effect-17~.focus-border {
    width: 100%;
    transition: 0.4s;
    left: 0;
}

.effect-17~label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 9px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-17:focus~label,
.has-content.effect-17~label {
    top: -16px;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-18~.focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 99;
}

.effect-18~.focus-border:before,
.effect-18~.focus-border:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-18~.focus-border:after {
    left: auto;
    right: 0;
}

.effect-18:focus~.focus-border:before,
.effect-18:focus~.focus-border:after,
.has-content.effect-18~.focus-border:before,
.has-content.effect-18~.focus-border:after {
    width: 50%;
    transition: 0.4s;
}

.effect-18~label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 9px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-18:focus~label,
.has-content.effect-18~label {
    top: -16px;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-19,
.effect-20,
.effect-21 {
    border: 1px solid #ccc;
    padding: 7px 14px;
    transition: 0.4s;
    background: transparent;
}

.effect-19~.focus-border:before,
.effect-19~.focus-border:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-19~.focus-border:after {
    top: auto;
    bottom: 0;
}

.effect-19~.focus-border i:before,
.effect-19~.focus-border i:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.6s;
}

.effect-19~.focus-border i:after {
    left: auto;
    right: 0;
}

.effect-19:focus~.focus-border:before,
.effect-19:focus~.focus-border:after,
.has-content.effect-19~.focus-border:before,
.has-content.effect-19~.focus-border:after {
    left: 0;
    width: 100%;
    transition: 0.4s;
}

.effect-19:focus~.focus-border i:before,
.effect-19:focus~.focus-border i:after,
.has-content.effect-19~.focus-border i:before,
.has-content.effect-19~.focus-border i:after {
    top: -1px;
    height: 100%;
    transition: 0.6s;
}

.effect-19~label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-19:focus~label,
.has-content.effect-19~label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-20~.focus-border:before,
.effect-20~.focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.3s;
}

.effect-20~.focus-border:after {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}

.effect-20~.focus-border i:before,
.effect-20~.focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-20~.focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.effect-20:focus~.focus-border:before,
.effect-20:focus~.focus-border:after,
.has-content.effect-20~.focus-border:before,
.has-content.effect-20~.focus-border:after {
    width: 100%;
    transition: 0.3s;
}

.effect-20:focus~.focus-border i:before,
.effect-20:focus~.focus-border i:after,
.has-content.effect-20~.focus-border i:before,
.has-content.effect-20~.focus-border i:after {
    height: 100%;
    transition: 0.4s;
}

.effect-20~label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-20:focus~label,
.has-content.effect-20~label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-21~.focus-border:before,
.effect-21~.focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.2s;
    transition-delay: 0.2s;
}

.effect-21~.focus-border:after {
    top: auto;
    bottom: 0;
    right: auto;
    left: 0;
    transition-delay: 0.6s;
}

.effect-21~.focus-border i:before,
.effect-21~.focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.2s;
}

.effect-21~.focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    transition-delay: 0.4s;
}

.effect-21:focus~.focus-border:before,
.effect-21:focus~.focus-border:after,
.has-content.effect-21~.focus-border:before,
.has-content.effect-21~.focus-border:after {
    width: 100%;
    transition: 0.2s;
    transition-delay: 0.6s;
}

.effect-21:focus~.focus-border:after,
.has-content.effect-21~.focus-border:after {
    transition-delay: 0.2s;
}

.effect-21:focus~.focus-border i:before,
.effect-21:focus~.focus-border i:after,
.has-content.effect-21~.focus-border i:before,
.has-content.effect-21~.focus-border i:after {
    height: 100%;
    transition: 0.2s;
}

.effect-21:focus~.focus-border i:after,
.has-conten.effect-21~.focus-border i:after {
    transition-delay: 0.4s;
}

.effect-21~label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-21:focus~label,
.has-content.effect-21~label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-22,
.effect-23,
.effect-24 {
    border: 0;
    padding: 7px 15px;
    border: 1px solid #ccc;
    position: relative;
    background: transparent;
}

.effect-22~.focus-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: transparent;
    transition: 0.4s;
    z-index: -1;
}

.effect-22:focus~.focus-bg,
.has-content.effect-22~.focus-bg {
    transition: 0.4s;
    width: 100%;
    background-color: #ededed;
}

.effect-22~label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-22:focus~label,
.has-content.effect-22~label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #333;
    transition: 0.3s;
}

.effect-23~.focus-bg:before,
.effect-23~.focus-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-23:focus~.focus-bg:before,
.has-content.effect-23~.focus-bg:before {
    transition: 0.3s;
    width: 50%;
    height: 100%;
}

.effect-23~.focus-bg:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.effect-23:focus~.focus-bg:after,
.has-content.effect-23~.focus-bg:after {
    transition: 0.3s;
    width: 50%;
    height: 100%;
}

.effect-23~label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-23:focus~label,
.has-content.effect-23~label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #333;
    transition: 0.3s;
}

.effect-24~.focus-bg:before,
.effect-24~.focus-bg:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-24:focus~.focus-bg:before,
.has-content.effect-24~.focus-bg:before {
    transition: 0.3s;
    width: 50%;
    left: 0;
    top: 0;
    height: 100%;
}

.effect-24~.focus-bg:after {
    left: auto;
    right: 50%;
    top: auto;
    bottom: 50%;
}

.effect-24:focus~.focus-bg:after,
.has-content.effect-24~.focus-bg:after {
    transition: 0.3s;
    width: 50%;
    height: 100%;
    bottom: 0;
    right: 0;
}

.effect-24~label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-24:focus~label,
.has-content.effect-24~label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #333;
    transition: 0.3s;
}

/*= input focus effects css End
=============================== */

.box-shadow-md {
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
    background: white;
    border-radius: 5px;
}

/*
 *  STYLE 1
 */

.style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

/*
 *  STYLE 2
 */

.style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.style-2::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #D62929;
}

/*
 *  STYLE 3
 */

.style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar-thumb {
    background-color: #000000;
}

/*
 *  STYLE 4
 */

.style-4::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.style-4::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-4::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 2px solid #555555;
}

/*
 *  STYLE 5
 */

.style-5::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.style-5::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-5::-webkit-scrollbar-thumb {
    background-color: #0ae;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}

/*
 *  STYLE 6
 */

.style-6::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.style-6::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-6::-webkit-scrollbar-thumb {
    background-color: #F90;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

/*
 *  STYLE 7
 */

.style-7::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.style-7::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-7::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122, 153, 217)), color-stop(0.72, rgb(73, 125, 189)), color-stop(0.86, rgb(28, 58, 148)));
}

/*
 *  STYLE 8
 */

.style-8::-webkit-scrollbar-track {
    border: 1px solid black;
    background-color: #F5F5F5;
}

.style-8::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-8::-webkit-scrollbar-thumb {
    background-color: #000000;
}

/*
 *  STYLE 9
 */

.style-9::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.style-9::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-9::-webkit-scrollbar-thumb {
    background-color: #F90;
    background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

/*
 *  STYLE 10
 */

.style-10::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.style-10::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-10::-webkit-scrollbar-thumb {
    background-color: #AAA;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%, transparent 75%, transparent)
}

/*
 *  STYLE 11
 */

.style-11::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.style-11::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-11::-webkit-scrollbar-thumb {
    background-color: #3366FF;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent)
}

/*
 *  STYLE 12
 */

.style-12::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
    border-radius: 10px;
    background-color: #444444;
}

.style-12::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.style-12::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #D62929;
    background-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent, transparent)
}

/*
 *  STYLE 13
 */

.style-13::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
    border-radius: 10px;
    background-color: #CCCCCC;
}

.style-13::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.style-13::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #D62929;
    background-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent, transparent)
}

/*
 *  STYLE 14
 */

.style-14::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6);
    background-color: #CCCCCC;
}

.style-14::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-14::-webkit-scrollbar-thumb {
    background-color: #FFF;
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 25%, transparent 100%, rgba(0, 0, 0, 1) 75%, transparent)
}

/*
 *  STYLE 15
 */

.style-15::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.style-15::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-15::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#4D9C41), to(#19911D), color-stop(.6, #54DE5D))
}

/*
 *  STYLE 16
 */

.style-16::-webkit-scrollbar {
    width: 1px;
    /*background-color: #F1F3F4;*/
}

.style-16::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    /*background-image: -webkit-linear-gradient(top,
        #e4f5fc 0%,
        #bfe8f9 50%,
        #9fd8ef 51%,
        #2ab0ed 100%);*/
}

.pulse {
    overflow: visible;
    position: relative;
}

.pulse:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    border-radius: inherit;
    transition: opacity .3s, transform .3s;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
}

@keyframes pulse-animation {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0;
        transform: scale(1.5);
    }

    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

/* Modal extra large */

.modal-dialog.modal-xxl {
    max-width: 90%;
}

/*Alignement entete tableau*/

.table tr th.align-table-header {
    text-align: left;
    vertical-align: middle;
}

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

.trough {
    text-decoration: line-through;
}

.trough-red {
    text-decoration: 2px line-through red;
}

/* 28 AOUT 2020*/

[data-lborder-color="theme-color"] {
    border-left: 3px solid #805AD5;
}

[data-bborder-color="theme-color"] {
    border-bottom: 1px solid #805AD5;
}

.owl-carousel[data-affaires-list-carousel] .item {
    position: relative
}

.owl-carousel[data-affaires-list-carousel] .actions {
    position: absolute;
    right: 1em;
    bottom: 1em;
}

.owl-carousel[data-affaires-list-carousel] .actions button:first-child {
    margin-right: 1em;
}

.flip-vertical-fwd {
    -webkit-animation: flip-vertical-fwd 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: flip-vertical-fwd 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@-webkit-keyframes flip-vertical-fwd {
    0% {
        -webkit-transform: translateZ(0) rotateY(0);
        transform: translateZ(0) rotateY(0);
    }

    100% {
        -webkit-transform: translateZ(160px) rotateY(180deg);
        transform: translateZ(160px) rotateY(180deg);
    }
}

@keyframes flip-vertical-fwd {
    0% {
        -webkit-transform: translateZ(0) rotateY(0);
        transform: translateZ(0) rotateY(0);
    }

    100% {
        -webkit-transform: translateZ(160px) rotateY(180deg);
        transform: translateZ(160px) rotateY(180deg);
    }
}

.center-div {
    width: 50%;
    margin: 0 auto;
}

.popover {
    max-width: 900px;
    width: 620px;
}

/*bootstrap-switch-div~ */

.bootstrap-switch {
    max-width: 110px;
    border-radius: 3px;
    border: 0px solid;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.bootstrap-switch .bootstrap-switch-container {
    max-width: 203px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.5;
    letter-spacing: 0rem;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 4px 12px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.append-me-to-window {
    position: relative;
    top: 12%;
    left: -4%;
    opacity: 1;
    width: 9.3em;
}

.input-fit-td {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.3rem + 2px);
    padding: 0.75rem 0.5rem;
    font-size: 0.7rem;
    background-color: #f3f6f9;
    border: 0px;
    border-radius: 9px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.input-fit-td-no-radius {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.3rem + 2px);
    padding: 0.75rem 0.5rem;
    font-size: 0.7rem;
    background-color: #f3f6f9;
    border: 0px
        /*solid grey*/
    ;
    color: white;
    border-radius: 0px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.input-fit-td-no-radius-search {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.3rem + 2px);
    padding: 0.75rem 0.5rem;
    font-size: 0.85rem;
    background-color: #f3f6f9;
    color: black !important;
    border-radius: 0px;
    border: 1px solid #b3b6b8;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
}

.input-fit-td-no-radius-color {
    display: block;
    height: 2.4rem !important;
    width: 3rem !important;
    padding: 0.25rem 0.4rem !important;
    font-size: 0.5rem;
    background-color: #f3f6f9;
    border: 2px solid #ebedf2;
    border-radius: 5px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.input-fit-td-no-radius-color-select {
    display: block;
    height: 2.4rem !important;
    width: 100% !important;
    font-size: 0.7rem;
    background-color: #f3f6f9;
    border: 2px solid #ebedf2;
    border-radius: 5px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    margin-top: 3px;
}

.label-text-wbg {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.3rem + 2px);
    padding: 0.65rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5d78ff;
    font-weight: bold;
    background-color: #f3f6f9;
    background-clip: padding-box;
    border: 1px solid #e2e5ec;
    border-radius: 4px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.label-radio-bloc-wbg {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.3rem + 2px);
    padding: 0.65rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5d78ff;
    font-weight: bold;
    /*background-color: #f3f6f9;*/
    background-clip: padding-box;
    border: 1px solid #e2e5ec;
    border-radius: 4px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

[data-opacity="true"] {
    background-color: rgba(0, 0, 0, .0001) !important;
}

.body-opacity {
    opacity: 0.2;
}

.fc-event {
    cursor: pointer;
}

.box-lexique {
    top: 1em;
    width: 24.5vw;
    min-height: 200px;
    margin: 100px auto;
    border-radius: 5px;
    position: absolute;
    border: 1px solid #EEEEEE;
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}

.box-recipient-mail {
    top: 40%;
    width: 21vw;
    bottom: 20%;
    opacity: 0.5;
    position: fixed;
    min-height: 200px;
    margin: 100px auto;
    border-radius: 5px;
    border: 1px solid #EFF2FF;
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}

.truncate-texte-vsm {
    width: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-texte-sm {
    width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-texte-mini {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-texte-medium {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-texte {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-texte-600 {
    width: 550px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.floating-button-attachment {
    position: sticky;
    left: 100%;
    z-index: 10;
    border-radius: 5px;
    border: 1px solid #f4b401;
    cursor: pointer;
}

.floating-button-attachment:hover {
    width: 4em;
    height: 4em;
}

/*----------  Réglages Upload Page / Left Side  ----------*/

.kt-upload-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.upload_illustration img {
    width: 80%;
    margin: 12% auto;
    transition: .3s linear all;
}

/* Desktops and laptops ----------- */

@media only screen and (min-height: 400px) and (max-height: 700px) {
    .upload_illustration>img {
        width: 50% !important;
        transition: .3s linear all;
        /* left: 0; right: 0; */
    }
}

/* APEX CHARTS */

#chart,
.chart-box {
    padding-top: 20px;
    padding-left: 10px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1);
}

.apexcharts-canvas {
    margin: 0 auto;
}

/* Images Avec Checkboxes */

ul.img-checkbox-grid {
    list-style-type: none;
}

.img-checkbox-grid li {
    display: inline-block;
}

.img-checkbox-grid input[type="checkbox"][id^="myCheckbox"] {
    display: none;
}

.img-checkbox-grid label {
    border: 1px solid #fff;
    padding: 10px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
}

.img-checkbox-grid label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 2px solid #1CDB05;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    transition-duration: 0.4s;
    transform: scale(0);
}

.img-checkbox-grid label img {
    height: 100px;
    width: 100px;
    border-radius: 12px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
}

.img-checkbox-grid :checked+label {
    border-color: #ddd;
}

.img-checkbox-grid :checked+label:before {
    content: "✓";
    background-color: #17B404;
    transform: scale(1);
}

.img-checkbox-grid :checked+label img {
    transform: scale(0.9);
    /* box-shadow: 0 0 5px #333; */
    z-index: -1;
}

#mapid {
    z-index: 1;
}

[data-mailbox-trigger="true"] {
    cursor: pointer;
}

[data-mailbox-trigger="true"]:hover {
    color: #5d78ff;
    font-weight: bold;
    /*font-size: 11px;*/
}

.fit-to-center-mail-box {
    transition: top 2s, left 2s, width 2s !important;
}

.fit-to-center-mail-box-accroche {
    right: 100% !important;
    position: fixed !important;
    max-width: 700px !important;
    left: 22% !important;
}

/* New label css MD */

.np-label {
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: .8rem;
    background-color: #ebedf3;
    color: #3f4254;
    font-weight: 400;
    height: 20px;
    width: 20px;
    font-size: .8rem
}

.np-label.np-label-primary {
    color: #fff;
    background-color: #6993ff
}

.np-label.np-label-outline-primary {
    background-color: transparent;
    color: #6993ff;
    border: 1px solid #6993ff
}

.np-label.np-label-outline-primary.np-label-outline-2x {
    border: 2px solid #6993ff
}

.np-label.np-label-light-primary {
    color: #6993ff;
    background-color: #e1e9ff
}

.np-label.np-label-secondary {
    color: #3f4254;
    background-color: #e4e6ef
}

.np-label.np-label-outline-secondary {
    background-color: transparent;
    color: #3f4254;
    border: 1px solid #e4e6ef
}

.np-label.np-label-outline-secondary.np-label-outline-2x {
    border: 2px solid #e4e6ef
}

.np-label.np-label-light-secondary {
    color: #e4e6ef;
    background-color: #ebedf3
}

.np-label.np-label-success {
    color: #fff;
    background-color: #1bc5bd
}

.np-label.np-label-outline-success {
    background-color: transparent;
    color: #1bc5bd;
    border: 1px solid #1bc5bd
}

.np-label.np-label-outline-success.np-label-outline-2x {
    border: 2px solid #1bc5bd
}

.np-label.np-label-light-success {
    color: #1bc5bd;
    background-color: #c9f7f5
}

.np-label.np-label-info {
    color: #fff;
    background-color: #8950fc
}

.np-label.np-label-outline-info {
    background-color: transparent;
    color: #8950fc;
    border: 1px solid #8950fc
}

.np-label.np-label-outline-info.np-label-outline-2x {
    border: 2px solid #8950fc
}

.np-label.np-label-light-info {
    color: #8950fc;
    background-color: #eee5ff
}

.np-label.np-label-warning {
    color: #fff;
    background-color: #ffa800
}

.np-label.np-label-outline-warning {
    background-color: transparent;
    color: #ffa800;
    border: 1px solid #ffa800
}

.np-label.np-label-outline-warning.np-label-outline-2x {
    border: 2px solid #ffa800
}

.np-label.np-label-light-warning {
    color: #ffa800;
    background-color: #fff4de
}

.np-label.np-label-danger {
    color: #fff;
    background-color: #f64e60
}

.np-label.np-label-outline-danger {
    background-color: transparent;
    color: #f64e60;
    border: 1px solid #f64e60
}

.np-label.np-label-outline-danger.np-label-outline-2x {
    border: 2px solid #f64e60
}

.np-label.np-label-light-danger {
    color: #f64e60;
    background-color: #ffe2e5
}

.np-label.np-label-light {
    color: #7e8299;
    background-color: #f3f6f9
}

.np-label.np-label-outline-light {
    background-color: transparent;
    color: #3f4254;
    border: 1px solid #f3f6f9
}

.np-label.np-label-outline-light.np-label-outline-2x {
    border: 2px solid #f3f6f9
}

.np-label.np-label-light-light {
    color: #f3f6f9;
    background-color: #f3f6f9
}

.np-label.np-label-dark {
    color: #fff;
    background-color: #181c32
}

.np-label.np-label-outline-dark {
    background-color: transparent;
    color: #181c32;
    border: 1px solid #181c32
}

.np-label.np-label-outline-dark.np-label-outline-2x {
    border: 2px solid #181c32
}

.np-label.np-label-light-dark {
    color: #181c32;
    background-color: #d1d3e0
}

.np-label.np-label-white {
    color: #3f4254;
    background-color: #fff
}

.np-label.np-label-outline-white {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff
}

.np-label.np-label-outline-white.np-label-outline-2x {
    border: 2px solid #fff
}

.np-label.np-label-light-white {
    color: #fff;
    background-color: #fff
}

.np-label.np-label-inline {
    width: auto;
    padding: .15rem .75rem;
    border-radius: .42rem
}

.np-label.np-label-inline.np-label-md {
    padding: .8rem .6rem
}

.np-label.np-label-inline.np-label-lg {
    padding: .9rem .75rem
}

.np-label.np-label-inline.np-label-xl {
    padding: 1rem .85rem
}

.np-label.np-label-pill {
    border-radius: none
}

.np-label.np-label-rounded {
    border-radius: .42rem
}

.np-label.np-label-square {
    border-radius: 0
}

.np-label.np-label-dot {
    display: inline-block;
    font-size: 0 !important;
    vertical-align: middle;
    text-align: center
}

.np-label.np-label-inline {
    width: auto
}

.np-label.np-label-dot {
    line-height: 6px;
    min-height: 6px;
    min-width: 6px;
    height: 6px;
    width: 6px
}

.np-label.np-label-sm {
    height: 16px;
    width: 16px;
    font-size: .75rem
}

.np-label.np-label-sm.np-label-inline {
    width: auto
}

.np-label.np-label-sm.np-label-dot {
    line-height: 4px;
    min-height: 4px;
    min-width: 4px;
    height: 4px;
    width: 4px
}

.np-label.np-label-lg {
    height: 24px;
    width: 24px;
    font-size: .9rem
}

.np-label.np-label-lg.np-label-inline {
    width: auto
}

.np-label.np-label-lg.np-label-dot {
    line-height: 8px;
    min-height: 8px;
    min-width: 8px;
    height: 8px;
    width: 8px
}

.np-label.np-label-xl {
    height: 28px;
    width: 28px;
    font-size: 1rem
}

.np-label.np-label-xl.np-label-inline {
    width: auto
}

.np-label.np-label-xl.np-label-dot {
    line-height: 10px;
    min-height: 10px;
    min-width: 10px;
    height: 10px;
    width: 10px
}

.alias {
    cursor: alias;
}

.all-scroll {
    cursor: all-scroll;
}

.auto {
    cursor: auto;
}

.cell {
    cursor: cell;
}

.context-menu {
    cursor: context-menu;
}

.col-resize {
    cursor: col-resize;
}

.copy {
    cursor: copy;
}

.crosshair {
    cursor: crosshair;
}

.default {
    cursor: default;
}

.e-resize {
    cursor: e-resize;
}

.ew-resize {
    cursor: ew-resize;
}

.grab {
    cursor: -webkit-grab;
    cursor: grab;
}

.grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.help {
    cursor: help;
}

.move {
    cursor: move !important;
}

.n-resize {
    cursor: n-resize;
}

.ne-resize {
    cursor: ne-resize;
}

.nesw-resize {
    cursor: nesw-resize;
}

.ns-resize {
    cursor: ns-resize;
}

.nw-resize {
    cursor: nw-resize;
}

.nwse-resize {
    cursor: nwse-resize;
}

.no-drop {
    cursor: no-drop;
}

.none {
    cursor: none;
}

.not-allowed {
    cursor: not-allowed;
}

.pointer {
    cursor: pointer;
}

.progress {
    cursor: progress;
}

.row-resize {
    cursor: row-resize;
}

.s-resize {
    cursor: s-resize;
}

.se-resize {
    cursor: se-resize;
}

.sw-resize {
    cursor: sw-resize;
}

.text {
    cursor: text;
}

.url {
    cursor: url(myBall.cur), auto;
}

.w-resize {
    cursor: w-resize;
}

.wait {
    cursor: wait;
}

.zoom-in {
    cursor: zoom-in;
}

.zoom-out {
    cursor: zoom-out;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.div-loader-parent {
    opacity: 0.5;
    pointer-events: none;
}

.div-loader {
    z-index: 9;
    opacity: 1 !important;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #0037ffa6;
    border-right: 5px solid #008000c2;
    border-bottom: 5px solid #ff0000ab;
    border-left: 5px solid #ffff00b8;
    width: 80px;
    height: 80px;
    left: 43%;
    position: relative;
    top: 40em;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.class-calculette-icon-field-editable {
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: bottom 100% right 0%;
    background-image: url("../media/icons/pencil.svg");
}

.calcluette-top-bar {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #eaedf2;
    border-radius: 4px;
    background-color: #f7f8fa;
    position: relative;
    top: -2mm;
    z-index: 2;
}

.calcluette-top-bar-middle {
    padding-top: 5px;
    margin-top: 1mm;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #5867dd;
}

.calcluette-top-bar-right {
    float: right;
}

.lte-active-agency {
    color: #feb822 !important;
    border-bottom: 3px solid #feb822;
}

.lte-inactive-agency {
    border-bottom: 3px solid lavenderblush;
}

.place-top {
    vertical-align: top !important;
}

.icon-rotate {
    -webkit-animation: spin 3.5s linear infinite;
    -moz-animation: spin 3.5s linear infinite;
    animation: spin 3.5s linear infinite;
}

.news-item {
    border-bottom-left-radius: 3px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 3px !important;
    border-top-left-radius: 10px !important;
    /* border: 2px solid #ffa80040 !important; */
    background-color: #372236f7 !important;
    max-height: 60px !important;
}

.news-item-bis {
    background: rgb(253 57 122 / 2%) !important;
    border-color: transparent !important;
    color: #fd397a !important;
    border: 1px solid #f8387947 !important;
    max-height: 35px !important;
}

.lexique-var {
    border-radius: 4px;
    font-size: 13px;
    color: #eb5798;
    background-color: #e0e3ec61;
    font-weight: 900;
    padding: 2px 7px 2px 7px;
    font-family: monospace !important;
    font-style: oblique !important;
    border-bottom: 2px solid #eee5ff;
    bottom: 2em;
}

.lexique-var-title {
    font-size: 14px;
    color: #000;
    font-weight: 900;
    padding: 2px 7px 2px 7px;
    font-family: monospace !important;
    text-transform: uppercase;
    text-decoration: overline;
}

.kt-statlauncher {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    bottom: 150px;
    right: 20px;
    cursor: pointer;
    z-index: 100;
}

.kt-statlauncher svg {
    height: 20px;
    width: 20px
}

.kt-statlauncher>i {
    font-size: 1.3rem;
    color: #ffffff
}

.kt-statlauncher g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff
}

.kt-statlauncher:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease
}

.kt-statlauncher:hover>i {
    color: #ffffff
}

@media (max-width: 1024px) {
    .kt-statlauncher {
        bottom: 30px;
        right: 15px
    }
}

@-webkit-keyframes kt-statlauncher-show-animation {
    from {
        margin-bottom: -15px
    }

    to {
        margin-bottom: 0
    }
}

@keyframes kt-statlauncher-show-animation {
    from {
        margin-bottom: -15px
    }

    to {
        margin-bottom: 0
    }
}

.kt-statlauncher2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    bottom: 100px;
    right: 20px;
    cursor: pointer;
    z-index: 100;
}

.kt-statlauncher2 svg {
    height: 20px;
    width: 20px
}

.kt-statlauncher2>i {
    font-size: 1.3rem;
    color: #ffffff
}

.kt-statlauncher2 g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff
}

.kt-statlauncher2:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease
}

.kt-statlauncher2:hover>i {
    color: #ffffff
}

@media (max-width: 1024px) {
    .kt-statlauncher2 {
        bottom: 30px;
        right: 15px
    }
}

@-webkit-keyframes kt-statlauncher2-show-animation {
    from {
        margin-bottom: -15px
    }

    to {
        margin-bottom: 0
    }
}

@keyframes kt-statlauncher2-show-animation {
    from {
        margin-bottom: -15px
    }

    to {
        margin-bottom: 0
    }
}

.active-config {
    width: 95% !important;
    text-align: left !important;
    background-color: #ffffff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}

.checked-item {
    /* border: 0px solid #c1c2cc; */
    background-color: #e4e8ed;
    font-weight: 700;
    padding: 0.1em .9em 0.1em .9em;
    border-radius: 5px;
    color: #0abb87;
}

.note-choosen-liee-a {
    width: fit-content;
    padding: 0.3em 0.7em 0.3em 0.7em;
    border-radius: 0px;
    font-weight: 600;
    font-size: x-small;
    background: #dee2e659;
    color: #1da1f1;
    border: 1px solid #6690b038;
    margin-top: 3px;
}

.note-choosen-liee-a span {
    font-size: 8.9px;
    margin-right: 3px;
    margin-left: 3px;
    color: #236994ab;
    /* color: #b00808; */
}

/* CARDS */

.cards-notes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.card-notes {
    margin-bottom: 7px;
    margin-right: 7px;
    padding: 6px 10px 6px 10px;
    width: 184px;
    min-height: 85px;
    display: grid;
    grid-template-rows: 3px 17px 1fr 0px;
    border-radius: 10px;
    box-shadow: 0px 6px 10px rgb(0 0 0 / 25%);
    transition: all 0.2s;
}

.card-notes:hover {
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4);
    transform: scale(1.01);
}

.card__link-notes,
.card__exit-notes,
.card__icon-notes {
    position: relative;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.7em;
    font-weight: 500;
}

.card__link-notes::after {
    position: absolute;
    top: 25px;
    left: 0;
    content: "";
    width: 0%;
    height: 3px;
    background-color: rgba(255, 255, 255, 0.6);
    transition: all 0.5s;
}

.card__link-notes:hover::after {
    width: 100%;
    font-weight: 700 !important;
}

.card__exit-notes {
    grid-row: 2/2;
    justify-self: end;
}

.card__icon-notes {
    grid-row: 2/3;
    font-size: 10px;
}

.card__title-notes {
    grid-row: 3/4;
    font-weight: 600;
    color: #ffffff;
    font-size: 0.7em;
}

.card__apply-notes {
    grid-row: 4/5;
    align-self: center;
}

/* CARD BACKGROUNDS */

.card-notes-1 {
    background: radial-gradient(#1fe4f5, #3fbafe);
}

.card-notes-5 {
    background: radial-gradient(#fbc1cc, #fa99b2);
}

.card-notes-3 {
    background: radial-gradient(#76b2fe, #b69efe);
}

.card-notes-4 {
    background: radial-gradient(#60efbc, #58d5c9);
}

.card-notes-2 {
    background: radial-gradient(#f588d8, #c0a3e5);
}

/* RESPONSIVE */

@media (max-width: 1600px) {
    .cards-notes {
        justify-content: center;
    }
}

[data-droits-allfield-available="true"] {
    overflow: auto;
    height: 63em;
}

[data-droits-allfield-available="true"] thead {
    position: sticky;
    padding: 15px 7px;
    top: -1px;
    z-index: 1;
}

.separator-print {
    border-bottom: 0.01em dotted #efefef
}

.separator-print-more {
    padding-bottom: 2px;
    border-bottom: 0.09em dotted #efefef
}

.font-weight-bold-least {
    font-weight: 600 !important;
}

.css-inbonis {
    border-top: 2px solid #0abb87;
    border-bottom: 2px solid #0abb87;
    border-radius: 5px;
    padding: 1px 5px 1px 5px;
    background-color: #0abb8759 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
}

.css-liquidation {
    border-top: 2px solid #d32121;
    border-bottom: 2px solid #d32121;
    border-radius: 5px;
    padding: 1px 5px 1px 5px;
    background-color: #d32121 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #fff;
}

.css-redressement {
    border-top: 2px solid #feb822;
    border-bottom: 2px solid #feb822;
    border-radius: 5px;
    padding: 1px 5px 1px 5px;
    background-color: #feb822 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #fff;
}

.css-inbonis-dt {
    color: green !important;
    position: relative;
    right: 11.37em;
    top: 0.1em;
    font-size: small;
    float: left;
}

.css-liquidation-dt {
    color: red !important;
    position: relative;
    right: 11.37em;
    top: 0.1em;
    font-size: small;
    float: left;
}

.css-redressement-dt {
    color: orange !important;
    position: relative;
    right: 11.37em;
    top: 0.1em;
    font-size: small;
    float: left;
}

.css-inbonis-dt-legend {
    color: green !important;
}

.css-liquidation-dt-legend {
    color: red !important;
}

.css-redressement-dt-legend {
    color: orange !important;
}

/* .css-inbonis-dt {
    border-bottom: 3px solid green !important;
    border-radius: 3px;
    padding-bottom: 3px;
    position: relative;
    right: 18em;
    bottom: 0.3em;
}

.css-liquidation-dt {
    border-bottom: 3px solid red !important;
    border-radius: 3px;
    padding-bottom: 3px;
    position: relative;
    right: 18em;
    bottom: 0.3em;
}

.css-redressement-dt {
    border-bottom: 3px solid orange !important;
    border-radius: 3px;
    padding-bottom: 3px;
    position: relative;
    right: 18em;
    bottom: 0.3em;
} */

[data-fill-affaire-color-status="auto"] {
    z-index: 1;
    background: linear-gradient(183deg, var(--color), transparent);
}

[data-fill-affaire-color-status="green"] {
    z-index: 1;
    background: linear-gradient(183deg, #8dd791, transparent);
}

[data-fill-affaire-color-status="darkgreen"] {
    z-index: 1;
    background: linear-gradient(183deg, #008000de, transparent);
}

[data-fill-affaire-color-status="red"] {
    z-index: 1;
    background: linear-gradient(183deg, #ff1919, transparent);
}

[data-fill-affaire-color-status="orange"] {
    z-index: 1;
    background: linear-gradient(183deg, #f4b283, transparent);
}

[data-fill-affaire-color-status="pink"] {
    z-index: 1;
    background: linear-gradient(183deg, #ff88ff, transparent);
}

[data-fill-affaire-color-status="cyan"] {
    z-index: 1;
    background: linear-gradient(183deg, #7ac0d8, transparent);
}

[data-fill-affaire-color-status="blue"] {
    z-index: 1;
    background: linear-gradient(183deg, #6dd9ff, transparent);
}

[data-fill-affaire-color-status="deepblue"] {
    z-index: 1;
    background: linear-gradient(183deg, #0452f0e4, transparent);
}

[data-fill-affaire-color-status] {
    z-index: 1;
    background: linear-gradient(183deg, var(--color), transparent);
}

.fill-affaire-color-status-for-dt {
    background-color: var(--color) !important;
    text-transform: uppercase;
}

.fill-affaire-color-status-for-dt td {
    color: #000 !important;
    font-weight: 700 !important;
}

/* Legend */
.fill-affaire-color-status-for-dt-legend i {
    /* border: 1px solid var(--color); */
    color: var(--color) !important;
    /* background-color: var(--color); */
    border-radius: 5px;
    margin-right: 0;
    padding: 0px 2px 0px 0px;
    /* font-size: smaller;*/
}

.dt-smallest {
    font-weight: 500;
    font-size: 10.5px;
    vertical-align: middle !important;
}

.dt-inbonis td {
    font-weight: bolder;
}

.mydt-maxwidth-cells {
    /* max-width: 100px !important; */
}

/* #datatable-configuration td {
    table-layout: auto !important;
    max-width: 105px !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: pre-wrap;
    -moz-white-space: pre-wrap;
} */

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: none;
    border: 1px solid transparent;
}

.mydt-overflow-cells {
    word-break: break-word;
    white-space: pre-wrap;
    -moz-white-space: pre-wrap;
}

.colorblack {
    color: #000 !important;
}

[data-border-solid-color="black"] {
    border-left: 1px solid #000 !important;
}

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

/* @media print {
    tr:nth-child(even) td {
        background-color: red !important;
        -webkit-print-color-adjust: exact;
    }
} */

[data-transaction-resize-table="true"] {
    width: 1335px !important;
    margin: 0 0 0 -25px !important;
}

[data-mailbox-check-file-onlist="true"] {
    padding: 10px 5px 7px 5px;
    border: 1px solid #c4b9a5 !important;
    background: rgb(201 159 159 / 0%);
    border-radius: 0.3em;
    font-size: 9px;
    box-shadow: rgb(176 161 131) 0px 0px 5px;
}

[data-mailbox-check-file-onlist="false"] {
    padding: 10px 5px 7px 5px;
    border: 1px dotted #f7f8fa !important;
    /* background: #e4e8ed78; */
    font-size: 9px;
    border-radius: 0.3em;
}

[data-mailbox-list-item-active="no"] {
    padding: 4.5px !important;
    /* border-radius: 5px; */
    /* background: #f7f8fa; */
    border-bottom: 1px dashed #000 !important;
}

[data-mailbox-list-item-active="active"] {
    padding: 4.5px !important;
    /* border-radius: 5px; */
    /* background: #f7f8fa; */
    border-bottom: 1px dashed #cc4b4b !important;
    background: #e9e9e0;
    color: #f7fafc;
}

.bg-hover-primary {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993FF !important;
}

.hoverable:hover .bg-hover-primary {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993FF !important;
}

.bg-hover-state-primary {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-state-primary:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #4A7DFF !important;
}

.bg-diagonal-primary:before {
    background-color: #6993FF !important;
}

.bg-diagonal-r-primary:after {
    background-color: #6993FF !important;
}

.bg-radial-gradient-primary {
    background-color: #6993FF;
    background-image: radial-gradient(circle, rgba(225, 233, 255, 0.4), #6993FF 70%);
}

.bg-primary-o-5 {
    background-color: rgba(105, 147, 255, 0.02) !important;
}

.bg-hover-primary-o-1 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-1:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(105, 147, 255, 0.2) !important;
}

.bg-primary-o-10 {
    background-color: rgba(105, 147, 255, 0.04) !important;
}

.bg-hover-primary-o-2 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-2:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(105, 147, 255, 0.4) !important;
}

.bg-primary-o-15 {
    background-color: rgba(105, 147, 255, 0.06) !important;
}

.bg-hover-primary-o-3 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-3:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(105, 147, 255, 0.6) !important;
}

.bg-primary-o-20 {
    background-color: rgba(105, 147, 255, 0.08) !important;
}

.bg-hover-primary-o-4 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-4:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(105, 147, 255, 0.8) !important;
}

.bg-primary-o-25 {
    background-color: rgba(105, 147, 255, 0.1) !important;
}

.bg-hover-primary-o-5 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-5:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-30 {
    background-color: rgba(105, 147, 255, 0.12) !important;
}

.bg-hover-primary-o-6 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-6:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-35 {
    background-color: rgba(105, 147, 255, 0.14) !important;
}

.bg-hover-primary-o-7 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-7:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-40 {
    background-color: rgba(105, 147, 255, 0.16) !important;
}

.bg-hover-primary-o-8 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-8:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-45 {
    background-color: rgba(105, 147, 255, 0.18) !important;
}

.bg-hover-primary-o-9 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-9:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-50 {
    background-color: rgba(105, 147, 255, 0.2) !important;
}

.bg-hover-primary-o-10 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-10:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-55 {
    background-color: rgba(105, 147, 255, 0.22) !important;
}

.bg-hover-primary-o-11 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-11:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-60 {
    background-color: rgba(105, 147, 255, 0.24) !important;
}

.bg-hover-primary-o-12 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-12:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-65 {
    background-color: rgba(105, 147, 255, 0.26) !important;
}

.bg-hover-primary-o-13 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-13:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-70 {
    background-color: rgba(105, 147, 255, 0.28) !important;
}

.bg-hover-primary-o-14 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-14:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-75 {
    background-color: rgba(105, 147, 255, 0.3) !important;
}

.bg-hover-primary-o-15 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-15:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-80 {
    background-color: rgba(105, 147, 255, 0.32) !important;
}

.bg-hover-primary-o-16 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-16:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-85 {
    background-color: rgba(105, 147, 255, 0.34) !important;
}

.bg-hover-primary-o-17 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-17:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-90 {
    background-color: rgba(105, 147, 255, 0.36) !important;
}

.bg-hover-primary-o-18 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-18:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-95 {
    background-color: rgba(105, 147, 255, 0.38) !important;
}

.bg-hover-primary-o-19 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-19:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-primary-o-100 {
    background-color: rgba(105, 147, 255, 0.4) !important;
}

.bg-hover-primary-o-20 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-primary-o-20:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #6993ff !important;
}

.bg-hover-secondary {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #E4E6EF !important;
}

.hoverable:hover .bg-hover-secondary {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #E4E6EF !important;
}

.bg-hover-state-secondary {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-state-secondary:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #d7dae7 !important;
}

.bg-diagonal-secondary:before {
    background-color: #E4E6EF !important;
}

.bg-diagonal-r-secondary:after {
    background-color: #E4E6EF !important;
}

.bg-radial-gradient-secondary {
    background-color: #E4E6EF;
    background-image: radial-gradient(circle, rgba(235, 237, 243, 0.4), #E4E6EF 70%);
}

.bg-secondary-o-5 {
    background-color: rgba(228, 230, 239, 0.02) !important;
}

.bg-hover-secondary-o-1 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-1:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(228, 230, 239, 0.2) !important;
}

.bg-secondary-o-10 {
    background-color: rgba(228, 230, 239, 0.04) !important;
}

.bg-hover-secondary-o-2 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-2:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(228, 230, 239, 0.4) !important;
}

.bg-secondary-o-15 {
    background-color: rgba(228, 230, 239, 0.06) !important;
}

.bg-hover-secondary-o-3 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-3:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(228, 230, 239, 0.6) !important;
}

.bg-secondary-o-20 {
    background-color: rgba(228, 230, 239, 0.08) !important;
}

.bg-hover-secondary-o-4 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-4:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(228, 230, 239, 0.8) !important;
}

.bg-secondary-o-25 {
    background-color: rgba(228, 230, 239, 0.1) !important;
}

.bg-hover-secondary-o-5 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-5:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-30 {
    background-color: rgba(228, 230, 239, 0.12) !important;
}

.bg-hover-secondary-o-6 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-6:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-35 {
    background-color: rgba(228, 230, 239, 0.14) !important;
}

.bg-hover-secondary-o-7 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-7:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-40 {
    background-color: rgba(228, 230, 239, 0.16) !important;
}

.bg-hover-secondary-o-8 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-8:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-45 {
    background-color: rgba(228, 230, 239, 0.18) !important;
}

.bg-hover-secondary-o-9 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-9:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-50 {
    background-color: rgba(228, 230, 239, 0.2) !important;
}

.bg-hover-secondary-o-10 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-10:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-55 {
    background-color: rgba(228, 230, 239, 0.22) !important;
}

.bg-hover-secondary-o-11 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-11:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-60 {
    background-color: rgba(228, 230, 239, 0.24) !important;
}

.bg-hover-secondary-o-12 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-12:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-65 {
    background-color: rgba(228, 230, 239, 0.26) !important;
}

.bg-hover-secondary-o-13 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-13:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-70 {
    background-color: rgba(228, 230, 239, 0.28) !important;
}

.bg-hover-secondary-o-14 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-14:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-75 {
    background-color: rgba(228, 230, 239, 0.3) !important;
}

.bg-hover-secondary-o-15 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-15:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-80 {
    background-color: rgba(228, 230, 239, 0.32) !important;
}

.bg-hover-secondary-o-16 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-16:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-85 {
    background-color: rgba(228, 230, 239, 0.34) !important;
}

.bg-hover-secondary-o-17 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-17:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-90 {
    background-color: rgba(228, 230, 239, 0.36) !important;
}

.bg-hover-secondary-o-18 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-18:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-95 {
    background-color: rgba(228, 230, 239, 0.38) !important;
}

.bg-hover-secondary-o-19 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-19:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-secondary-o-100 {
    background-color: rgba(228, 230, 239, 0.4) !important;
}

.bg-hover-secondary-o-20 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-secondary-o-20:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e4e6ef !important;
}

.bg-hover-success {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1BC5BD !important;
}

.hoverable:hover .bg-hover-success {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1BC5BD !important;
}

.bg-hover-state-success {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-state-success:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #0BB7AF !important;
}

.bg-diagonal-success:before {
    background-color: #1BC5BD !important;
}

.bg-diagonal-r-success:after {
    background-color: #1BC5BD !important;
}

.bg-radial-gradient-success {
    background-color: #1BC5BD;
    background-image: radial-gradient(circle, rgba(201, 247, 245, 0.4), #1BC5BD 70%);
}

.bg-success-o-5 {
    background-color: rgba(27, 197, 189, 0.02) !important;
}

.bg-hover-success-o-1 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-1:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(27, 197, 189, 0.2) !important;
}

.bg-success-o-10 {
    background-color: rgba(27, 197, 189, 0.04) !important;
}

.bg-hover-success-o-2 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-2:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(27, 197, 189, 0.4) !important;
}

.bg-success-o-15 {
    background-color: rgba(27, 197, 189, 0.06) !important;
}

.bg-hover-success-o-3 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-3:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(27, 197, 189, 0.6) !important;
}

.bg-success-o-20 {
    background-color: rgba(27, 197, 189, 0.08) !important;
}

.bg-hover-success-o-4 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-4:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(27, 197, 189, 0.8) !important;
}

.bg-success-o-25 {
    background-color: rgba(27, 197, 189, 0.1) !important;
}

.bg-hover-success-o-5 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-5:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-30 {
    background-color: rgba(27, 197, 189, 0.12) !important;
}

.bg-hover-success-o-6 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-6:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-35 {
    background-color: rgba(27, 197, 189, 0.14) !important;
}

.bg-hover-success-o-7 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-7:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-40 {
    background-color: rgba(27, 197, 189, 0.16) !important;
}

.bg-hover-success-o-8 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-8:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-45 {
    background-color: rgba(27, 197, 189, 0.18) !important;
}

.bg-hover-success-o-9 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-9:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-50 {
    background-color: rgba(27, 197, 189, 0.2) !important;
}

.bg-hover-success-o-10 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-10:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-55 {
    background-color: rgba(27, 197, 189, 0.22) !important;
}

.bg-hover-success-o-11 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-11:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-60 {
    background-color: rgba(27, 197, 189, 0.24) !important;
}

.bg-hover-success-o-12 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-12:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-65 {
    background-color: rgba(27, 197, 189, 0.26) !important;
}

.bg-hover-success-o-13 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-13:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-70 {
    background-color: rgba(27, 197, 189, 0.28) !important;
}

.bg-hover-success-o-14 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-14:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-75 {
    background-color: rgba(27, 197, 189, 0.3) !important;
}

.bg-hover-success-o-15 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-15:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-80 {
    background-color: rgba(27, 197, 189, 0.32) !important;
}

.bg-hover-success-o-16 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-16:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-85 {
    background-color: rgba(27, 197, 189, 0.34) !important;
}

.bg-hover-success-o-17 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-17:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-90 {
    background-color: rgba(27, 197, 189, 0.36) !important;
}

.bg-hover-success-o-18 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-18:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-95 {
    background-color: rgba(27, 197, 189, 0.38) !important;
}

.bg-hover-success-o-19 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-19:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-success-o-100 {
    background-color: rgba(27, 197, 189, 0.4) !important;
}

.bg-hover-success-o-20 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-success-o-20:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1bc5bd !important;
}

.bg-hover-info {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950FC !important;
}

.hoverable:hover .bg-hover-info {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950FC !important;
}

.bg-hover-state-info {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-state-info:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #7337EE !important;
}

.bg-diagonal-info:before {
    background-color: #8950FC !important;
}

.bg-diagonal-r-info:after {
    background-color: #8950FC !important;
}

.bg-radial-gradient-info {
    background-color: #8950FC;
    background-image: radial-gradient(circle, rgba(238, 229, 255, 0.4), #8950FC 70%);
}

.bg-info-o-5 {
    background-color: rgba(137, 80, 252, 0.02) !important;
}

.bg-hover-info-o-1 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-1:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(137, 80, 252, 0.2) !important;
}

.bg-info-o-10 {
    background-color: rgba(137, 80, 252, 0.04) !important;
}

.bg-hover-info-o-2 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-2:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(137, 80, 252, 0.4) !important;
}

.bg-info-o-15 {
    background-color: rgba(137, 80, 252, 0.06) !important;
}

.bg-hover-info-o-3 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-3:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(137, 80, 252, 0.6) !important;
}

.bg-info-o-20 {
    background-color: rgba(137, 80, 252, 0.08) !important;
}

.bg-hover-info-o-4 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-4:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(137, 80, 252, 0.8) !important;
}

.bg-info-o-25 {
    background-color: rgba(137, 80, 252, 0.1) !important;
}

.bg-hover-info-o-5 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-5:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-30 {
    background-color: rgba(137, 80, 252, 0.12) !important;
}

.bg-hover-info-o-6 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-6:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-35 {
    background-color: rgba(137, 80, 252, 0.14) !important;
}

.bg-hover-info-o-7 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-7:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-40 {
    background-color: rgba(137, 80, 252, 0.16) !important;
}

.bg-hover-info-o-8 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-8:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-45 {
    background-color: rgba(137, 80, 252, 0.18) !important;
}

.bg-hover-info-o-9 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-9:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-50 {
    background-color: rgba(137, 80, 252, 0.2) !important;
}

.bg-hover-info-o-10 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-10:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-55 {
    background-color: rgba(137, 80, 252, 0.22) !important;
}

.bg-hover-info-o-11 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-11:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-60 {
    background-color: rgba(137, 80, 252, 0.24) !important;
}

.bg-hover-info-o-12 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-12:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-65 {
    background-color: rgba(137, 80, 252, 0.26) !important;
}

.bg-hover-info-o-13 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-13:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-70 {
    background-color: rgba(137, 80, 252, 0.28) !important;
}

.bg-hover-info-o-14 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-14:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-75 {
    background-color: rgba(137, 80, 252, 0.3) !important;
}

.bg-hover-info-o-15 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-15:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-80 {
    background-color: rgba(137, 80, 252, 0.32) !important;
}

.bg-hover-info-o-16 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-16:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-85 {
    background-color: rgba(137, 80, 252, 0.34) !important;
}

.bg-hover-info-o-17 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-17:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-90 {
    background-color: rgba(137, 80, 252, 0.36) !important;
}

.bg-hover-info-o-18 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-18:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-95 {
    background-color: rgba(137, 80, 252, 0.38) !important;
}

.bg-hover-info-o-19 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-19:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-info-o-100 {
    background-color: rgba(137, 80, 252, 0.4) !important;
}

.bg-hover-info-o-20 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-info-o-20:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #8950fc !important;
}

.bg-hover-warning {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #FFA800 !important;
}

.hoverable:hover .bg-hover-warning {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #FFA800 !important;
}

.bg-hover-state-warning {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-state-warning:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #EE9D01 !important;
}

.bg-diagonal-warning:before {
    background-color: #FFA800 !important;
}

.bg-diagonal-r-warning:after {
    background-color: #FFA800 !important;
}

.bg-radial-gradient-warning {
    background-color: #FFA800;
    background-image: radial-gradient(circle, rgba(255, 244, 222, 0.4), #FFA800 70%);
}

.bg-warning-o-5 {
    background-color: rgba(255, 168, 0, 0.02) !important;
}

.bg-hover-warning-o-1 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-1:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(255, 168, 0, 0.2) !important;
}

.bg-warning-o-10 {
    background-color: rgba(255, 168, 0, 0.04) !important;
}

.bg-hover-warning-o-2 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-2:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(255, 168, 0, 0.4) !important;
}

.bg-warning-o-15 {
    background-color: rgba(255, 168, 0, 0.06) !important;
}

.bg-hover-warning-o-3 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-3:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(255, 168, 0, 0.6) !important;
}

.bg-warning-o-20 {
    background-color: rgba(255, 168, 0, 0.08) !important;
}

.bg-hover-warning-o-4 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-4:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(255, 168, 0, 0.8) !important;
}

.bg-warning-o-25 {
    background-color: rgba(255, 168, 0, 0.1) !important;
}

.bg-hover-warning-o-5 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-5:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-30 {
    background-color: rgba(255, 168, 0, 0.12) !important;
}

.bg-hover-warning-o-6 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-6:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-35 {
    background-color: rgba(255, 168, 0, 0.14) !important;
}

.bg-hover-warning-o-7 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-7:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-40 {
    background-color: rgba(255, 168, 0, 0.16) !important;
}

.bg-hover-warning-o-8 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-8:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-45 {
    background-color: rgba(255, 168, 0, 0.18) !important;
}

.bg-hover-warning-o-9 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-9:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-50 {
    background-color: rgba(255, 168, 0, 0.2) !important;
}

.bg-hover-warning-o-10 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-10:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-55 {
    background-color: rgba(255, 168, 0, 0.22) !important;
}

.bg-hover-warning-o-11 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-11:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-60 {
    background-color: rgba(255, 168, 0, 0.24) !important;
}

.bg-hover-warning-o-12 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-12:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-65 {
    background-color: rgba(255, 168, 0, 0.26) !important;
}

.bg-hover-warning-o-13 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-13:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-70 {
    background-color: rgba(255, 168, 0, 0.28) !important;
}

.bg-hover-warning-o-14 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-14:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-75 {
    background-color: rgba(255, 168, 0, 0.3) !important;
}

.bg-hover-warning-o-15 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-15:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-80 {
    background-color: rgba(255, 168, 0, 0.32) !important;
}

.bg-hover-warning-o-16 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-16:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-85 {
    background-color: rgba(255, 168, 0, 0.34) !important;
}

.bg-hover-warning-o-17 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-17:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-90 {
    background-color: rgba(255, 168, 0, 0.36) !important;
}

.bg-hover-warning-o-18 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-18:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-95 {
    background-color: rgba(255, 168, 0, 0.38) !important;
}

.bg-hover-warning-o-19 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-19:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-warning-o-100 {
    background-color: rgba(255, 168, 0, 0.4) !important;
}

.bg-hover-warning-o-20 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-warning-o-20:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffa800 !important;
}

.bg-hover-danger {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #F64E60 !important;
}

.hoverable:hover .bg-hover-danger {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #F64E60 !important;
}

.bg-hover-state-danger {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-state-danger:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #EE2D41 !important;
}

.bg-diagonal-danger:before {
    background-color: #F64E60 !important;
}

.bg-diagonal-r-danger:after {
    background-color: #F64E60 !important;
}

.bg-radial-gradient-danger {
    background-color: #F64E60;
    background-image: radial-gradient(circle, rgba(255, 226, 229, 0.4), #F64E60 70%);
}

.bg-danger-o-5 {
    background-color: rgba(246, 78, 96, 0.02) !important;
}

.bg-hover-danger-o-1 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-1:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(246, 78, 96, 0.2) !important;
}

.bg-danger-o-10 {
    background-color: rgba(246, 78, 96, 0.04) !important;
}

.bg-hover-danger-o-2 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-2:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(246, 78, 96, 0.4) !important;
}

.bg-danger-o-15 {
    background-color: rgba(246, 78, 96, 0.06) !important;
}

.bg-hover-danger-o-3 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-3:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(246, 78, 96, 0.6) !important;
}

.bg-danger-o-20 {
    background-color: rgba(246, 78, 96, 0.08) !important;
}

.bg-hover-danger-o-4 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-4:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(246, 78, 96, 0.8) !important;
}

.bg-danger-o-25 {
    background-color: rgba(246, 78, 96, 0.1) !important;
}

.bg-hover-danger-o-5 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-5:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-30 {
    background-color: rgba(246, 78, 96, 0.12) !important;
}

.bg-hover-danger-o-6 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-6:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-35 {
    background-color: rgba(246, 78, 96, 0.14) !important;
}

.bg-hover-danger-o-7 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-7:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-40 {
    background-color: rgba(246, 78, 96, 0.16) !important;
}

.bg-hover-danger-o-8 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-8:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-45 {
    background-color: rgba(246, 78, 96, 0.18) !important;
}

.bg-hover-danger-o-9 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-9:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-50 {
    background-color: rgba(246, 78, 96, 0.2) !important;
}

.bg-hover-danger-o-10 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-10:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-55 {
    background-color: rgba(246, 78, 96, 0.22) !important;
}

.bg-hover-danger-o-11 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-11:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-60 {
    background-color: rgba(246, 78, 96, 0.24) !important;
}

.bg-hover-danger-o-12 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-12:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-65 {
    background-color: rgba(246, 78, 96, 0.26) !important;
}

.bg-hover-danger-o-13 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-13:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-70 {
    background-color: rgba(246, 78, 96, 0.28) !important;
}

.bg-hover-danger-o-14 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-14:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-75 {
    background-color: rgba(246, 78, 96, 0.3) !important;
}

.bg-hover-danger-o-15 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-15:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-80 {
    background-color: rgba(246, 78, 96, 0.32) !important;
}

.bg-hover-danger-o-16 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-16:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-85 {
    background-color: rgba(246, 78, 96, 0.34) !important;
}

.bg-hover-danger-o-17 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-17:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-90 {
    background-color: rgba(246, 78, 96, 0.36) !important;
}

.bg-hover-danger-o-18 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-18:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-95 {
    background-color: rgba(246, 78, 96, 0.38) !important;
}

.bg-hover-danger-o-19 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-19:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-danger-o-100 {
    background-color: rgba(246, 78, 96, 0.4) !important;
}

.bg-hover-danger-o-20 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-danger-o-20:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f64e60 !important;
}

.bg-hover-light {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #F3F6F9 !important;
}

.hoverable:hover .bg-hover-light {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #F3F6F9 !important;
}

.bg-hover-state-light {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-state-light:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #E4E6EF !important;
}

.bg-diagonal-light:before {
    background-color: #F3F6F9 !important;
}

.bg-diagonal-r-light:after {
    background-color: #F3F6F9 !important;
}

.bg-radial-gradient-light {
    background-color: #F3F6F9;
    background-image: radial-gradient(circle, rgba(243, 246, 249, 0.4), #F3F6F9 70%);
}

.bg-light-o-5 {
    background-color: rgba(243, 246, 249, 0.02) !important;
}

.bg-hover-light-o-1 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-1:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(243, 246, 249, 0.2) !important;
}

.bg-light-o-10 {
    background-color: rgba(243, 246, 249, 0.04) !important;
}

.bg-hover-light-o-2 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-2:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(243, 246, 249, 0.4) !important;
}

.bg-light-o-15 {
    background-color: rgba(243, 246, 249, 0.06) !important;
}

.bg-hover-light-o-3 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-3:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(243, 246, 249, 0.6) !important;
}

.bg-light-o-20 {
    background-color: rgba(243, 246, 249, 0.08) !important;
}

.bg-hover-light-o-4 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-4:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(243, 246, 249, 0.8) !important;
}

.bg-light-o-25 {
    background-color: rgba(243, 246, 249, 0.1) !important;
}

.bg-hover-light-o-5 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-5:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-30 {
    background-color: rgba(243, 246, 249, 0.12) !important;
}

.bg-hover-light-o-6 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-6:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-35 {
    background-color: rgba(243, 246, 249, 0.14) !important;
}

.bg-hover-light-o-7 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-7:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-40 {
    background-color: rgba(243, 246, 249, 0.16) !important;
}

.bg-hover-light-o-8 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-8:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-45 {
    background-color: rgba(243, 246, 249, 0.18) !important;
}

.bg-hover-light-o-9 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-9:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-50 {
    background-color: rgba(243, 246, 249, 0.2) !important;
}

.bg-hover-light-o-10 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-10:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-55 {
    background-color: rgba(243, 246, 249, 0.22) !important;
}

.bg-hover-light-o-11 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-11:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-60 {
    background-color: rgba(243, 246, 249, 0.24) !important;
}

.bg-hover-light-o-12 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-12:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-65 {
    background-color: rgba(243, 246, 249, 0.26) !important;
}

.bg-hover-light-o-13 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-13:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-70 {
    background-color: rgba(243, 246, 249, 0.28) !important;
}

.bg-hover-light-o-14 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-14:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-75 {
    background-color: rgba(243, 246, 249, 0.3) !important;
}

.bg-hover-light-o-15 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-15:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-80 {
    background-color: rgba(243, 246, 249, 0.32) !important;
}

.bg-hover-light-o-16 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-16:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-85 {
    background-color: rgba(243, 246, 249, 0.34) !important;
}

.bg-hover-light-o-17 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-17:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-90 {
    background-color: rgba(243, 246, 249, 0.36) !important;
}

.bg-hover-light-o-18 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-18:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-95 {
    background-color: rgba(243, 246, 249, 0.38) !important;
}

.bg-hover-light-o-19 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-19:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-light-o-100 {
    background-color: rgba(243, 246, 249, 0.4) !important;
}

.bg-hover-light-o-20 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-o-20:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #f3f6f9 !important;
}

.bg-hover-dark {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181C32 !important;
}

.hoverable:hover .bg-hover-dark {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181C32 !important;
}

.bg-hover-state-dark {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-state-dark:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #131628 !important;
}

.bg-diagonal-dark:before {
    background-color: #181C32 !important;
}

.bg-diagonal-r-dark:after {
    background-color: #181C32 !important;
}

.bg-radial-gradient-dark {
    background-color: #181C32;
    background-image: radial-gradient(circle, rgba(209, 211, 224, 0.4), #181C32 70%);
}

.bg-dark-o-5 {
    background-color: rgba(24, 28, 50, 0.02) !important;
}

.bg-hover-dark-o-1 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-1:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(24, 28, 50, 0.2) !important;
}

.bg-dark-o-10 {
    background-color: rgba(24, 28, 50, 0.04) !important;
}

.bg-hover-dark-o-2 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-2:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(24, 28, 50, 0.4) !important;
}

.bg-dark-o-15 {
    background-color: rgba(24, 28, 50, 0.06) !important;
}

.bg-hover-dark-o-3 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-3:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(24, 28, 50, 0.6) !important;
}

.bg-dark-o-20 {
    background-color: rgba(24, 28, 50, 0.08) !important;
}

.bg-hover-dark-o-4 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-4:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(24, 28, 50, 0.8) !important;
}

.bg-dark-o-25 {
    background-color: rgba(24, 28, 50, 0.1) !important;
}

.bg-hover-dark-o-5 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-5:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-30 {
    background-color: rgba(24, 28, 50, 0.12) !important;
}

.bg-hover-dark-o-6 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-6:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-35 {
    background-color: rgba(24, 28, 50, 0.14) !important;
}

.bg-hover-dark-o-7 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-7:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-40 {
    background-color: rgba(24, 28, 50, 0.16) !important;
}

.bg-hover-dark-o-8 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-8:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-45 {
    background-color: rgba(24, 28, 50, 0.18) !important;
}

.bg-hover-dark-o-9 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-9:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-50 {
    background-color: rgba(24, 28, 50, 0.2) !important;
}

.bg-hover-dark-o-10 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-10:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-55 {
    background-color: rgba(24, 28, 50, 0.22) !important;
}

.bg-hover-dark-o-11 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-11:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-60 {
    background-color: rgba(24, 28, 50, 0.24) !important;
}

.bg-hover-dark-o-12 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-12:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-65 {
    background-color: rgba(24, 28, 50, 0.26) !important;
}

.bg-hover-dark-o-13 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-13:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-70 {
    background-color: rgba(24, 28, 50, 0.28) !important;
}

.bg-hover-dark-o-14 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-14:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-75 {
    background-color: rgba(24, 28, 50, 0.3) !important;
}

.bg-hover-dark-o-15 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-15:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-80 {
    background-color: rgba(24, 28, 50, 0.32) !important;
}

.bg-hover-dark-o-16 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-16:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-85 {
    background-color: rgba(24, 28, 50, 0.34) !important;
}

.bg-hover-dark-o-17 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-17:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-90 {
    background-color: rgba(24, 28, 50, 0.36) !important;
}

.bg-hover-dark-o-18 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-18:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-95 {
    background-color: rgba(24, 28, 50, 0.38) !important;
}

.bg-hover-dark-o-19 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-19:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-dark-o-100 {
    background-color: rgba(24, 28, 50, 0.4) !important;
}

.bg-hover-dark-o-20 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-dark-o-20:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181c32 !important;
}

.bg-hover-white {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffffff !important;
}

.hoverable:hover .bg-hover-white {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffffff !important;
}

.bg-hover-state-white {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-state-white:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #F3F6F9 !important;
}

.bg-diagonal-white:before {
    background-color: #ffffff !important;
}

.bg-diagonal-r-white:after {
    background-color: #ffffff !important;
}

.bg-radial-gradient-white {
    background-color: #ffffff;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.4), #ffffff 70%);
}

.bg-white-o-5 {
    background-color: rgba(255, 255, 255, 0.02) !important;
}

.bg-hover-white-o-1 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-1:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.bg-white-o-10 {
    background-color: rgba(255, 255, 255, 0.04) !important;
}

.bg-hover-white-o-2 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-2:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.bg-white-o-15 {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

.bg-hover-white-o-3 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-3:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(255, 255, 255, 0.6) !important;
}

.bg-white-o-20 {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

.bg-hover-white-o-4 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-4:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.bg-white-o-25 {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.bg-hover-white-o-5 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-5:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-30 {
    background-color: rgba(255, 255, 255, 0.12) !important;
}

.bg-hover-white-o-6 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-6:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-35 {
    background-color: rgba(255, 255, 255, 0.14) !important;
}

.bg-hover-white-o-7 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-7:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-40 {
    background-color: rgba(255, 255, 255, 0.16) !important;
}

.bg-hover-white-o-8 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-8:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-45 {
    background-color: rgba(255, 255, 255, 0.18) !important;
}

.bg-hover-white-o-9 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-9:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-50 {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.bg-hover-white-o-10 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-10:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-55 {
    background-color: rgba(255, 255, 255, 0.22) !important;
}

.bg-hover-white-o-11 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-11:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-60 {
    background-color: rgba(255, 255, 255, 0.24) !important;
}

.bg-hover-white-o-12 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-12:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-65 {
    background-color: rgba(255, 255, 255, 0.26) !important;
}

.bg-hover-white-o-13 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-13:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-70 {
    background-color: rgba(255, 255, 255, 0.28) !important;
}

.bg-hover-white-o-14 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-14:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-75 {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

.bg-hover-white-o-15 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-15:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-80 {
    background-color: rgba(255, 255, 255, 0.32) !important;
}

.bg-hover-white-o-16 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-16:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-85 {
    background-color: rgba(255, 255, 255, 0.34) !important;
}

.bg-hover-white-o-17 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-17:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-90 {
    background-color: rgba(255, 255, 255, 0.36) !important;
}

.bg-hover-white-o-18 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-18:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-95 {
    background-color: rgba(255, 255, 255, 0.38) !important;
}

.bg-hover-white-o-19 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-19:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-white-o-100 {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.bg-hover-white-o-20 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-white-o-20:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: white !important;
}

.bg-light-white {
    background-color: #ffffff !important;
}

.bg-hover-light-white {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-white:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffffff !important;
}

.bg-diagonal-light-white:before {
    background-color: #ffffff !important;
}

.bg-light-primary {
    background-color: #E1E9FF !important;
}

.bg-hover-light-primary {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-primary:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #E1E9FF !important;
}

.bg-diagonal-light-primary:before {
    background-color: #E1E9FF !important;
}

.bg-light-secondary {
    background-color: #EBEDF3 !important;
}

.bg-hover-light-secondary {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-secondary:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #EBEDF3 !important;
}

.bg-diagonal-light-secondary:before {
    background-color: #EBEDF3 !important;
}

.bg-light-success {
    background-color: #C9F7F5 !important;
}

.bg-hover-light-success {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-success:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #C9F7F5 !important;
}

.bg-diagonal-light-success:before {
    background-color: #C9F7F5 !important;
}

.bg-light-info {
    background-color: #EEE5FF !important;
}

.bg-hover-light-info {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-info:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #EEE5FF !important;
}

.bg-diagonal-light-info:before {
    background-color: #EEE5FF !important;
}

.bg-light-warning {
    background-color: #FFF4DE !important;
}

.bg-hover-light-warning {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-warning:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #FFF4DE !important;
}

.bg-diagonal-light-warning:before {
    background-color: #FFF4DE !important;
}

.bg-light-danger {
    background-color: #FFE2E5 !important;
}

.bg-hover-light-danger {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-danger:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #FFE2E5 !important;
}

.bg-diagonal-light-danger:before {
    background-color: #FFE2E5 !important;
}

.bg-light-light {
    background-color: #F3F6F9 !important;
}

.bg-hover-light-light {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-light:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #F3F6F9 !important;
}

.bg-diagonal-light-light:before {
    background-color: #F3F6F9 !important;
}

.bg-light-dark {
    background-color: #D1D3E0 !important;
}

.bg-hover-light-dark {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-light-dark:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #D1D3E0 !important;
}

.bg-diagonal-light-dark:before {
    background-color: #D1D3E0 !important;
}

.bg-gray-100 {
    background-color: #F3F6F9 !important;
}

.bg-hover-gray-100 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-gray-100:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #F3F6F9 !important;
}

.bg-gray-200 {
    background-color: #EBEDF3 !important;
}

.bg-hover-gray-200 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-gray-200:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #EBEDF3 !important;
}

.bg-gray-300 {
    background-color: #E4E6EF !important;
}

.bg-hover-gray-300 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-gray-300:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #E4E6EF !important;
}

.bg-gray-400 {
    background-color: #D1D3E0 !important;
}

.bg-hover-gray-400 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-gray-400:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #D1D3E0 !important;
}

.bg-gray-500 {
    background-color: #B5B5C3 !important;
}

.bg-hover-gray-500 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-gray-500:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #B5B5C3 !important;
}

.bg-gray-600 {
    background-color: #7E8299 !important;
}

.bg-hover-gray-600 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-gray-600:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #7E8299 !important;
}

.bg-gray-700 {
    background-color: #5E6278 !important;
}

.bg-hover-gray-700 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-gray-700:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #5E6278 !important;
}

.bg-gray-800 {
    background-color: #3F4254 !important;
}

.bg-hover-gray-800 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-gray-800:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #3F4254 !important;
}

.bg-gray-900 {
    background-color: #181C32 !important;
}

.bg-hover-gray-900 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

.bg-hover-gray-900:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #181C32 !important;
}

.bg-transparent {
    background-color: transparent;
}

.bg-transparent-i {
    background-color: transparent !important;
}

.bgi-size-length {
    background-size: length;
}

.bgi-size-cover {
    background-size: cover;
}

.bgi-size-contain {
    background-size: contain;
}

.bgi-no-repeat {
    background-repeat: no-repeat;
}

.bgi-position-y-top {
    background-position-y: top;
}

.bgi-position-y-bottom {
    background-position-y: bottom;
}

.bgi-position-y-center {
    background-position-y: center;
}

.bgi-position-x-left {
    background-position-x: left;
}

.bgi-position-x-right {
    background-position-x: right;
}

.bgi-position-x-center {
    background-position-x: center;
}

.bgi-position-top {
    background-position: 0 top;
}

.bgi-position-bottom {
    background-position: 0 bottom;
}

.bgi-position-center {
    background-position: center;
}

.bg-transparent {
    background-color: transparent;
}

.bg-diagonal {
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
}

.bg-diagonal .card-body {
    position: relative;
    z-index: 2;
}

.bg-diagonal:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F3F6F9;
}

.bg-diagonal:after {
    content: " ";
    width: 200%;
    height: 1000px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 45%;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    background-color: #ffffff;
}

.btn.btn-hover-bg-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-primary:focus:not(.btn-text),
.btn.btn-hover-bg-primary.focus:not(.btn-text) {
    background-color: #6993FF !important;
    border-color: #6993FF !important;
}

.btn.btn-hover-bg-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-primary:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-bg-primary.dropdown-toggle,
.show .btn.btn-hover-bg-primary.btn-dropdown {
    background-color: #6993FF !important;
    border-color: #6993FF !important;
}

.btn.btn-bg-primary {
    background-color: #6993FF;
    border-color: #6993FF;
}

.btn.btn-bg-primary.disabled,
.btn.btn-bg-primary:disabled {
    background-color: #6993FF;
    border-color: #6993FF;
}

.btn.btn-hover-bg-success:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-success:focus:not(.btn-text),
.btn.btn-hover-bg-success.focus:not(.btn-text) {
    background-color: #1BC5BD !important;
    border-color: #1BC5BD !important;
}

.btn.btn-hover-bg-success:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-success:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-bg-success.dropdown-toggle,
.show .btn.btn-hover-bg-success.btn-dropdown {
    background-color: #1BC5BD !important;
    border-color: #1BC5BD !important;
}

.btn.btn-bg-success {
    background-color: #1BC5BD;
    border-color: #1BC5BD;
}

.btn.btn-bg-success.disabled,
.btn.btn-bg-success:disabled {
    background-color: #1BC5BD;
    border-color: #1BC5BD;
}

.btn.btn-hover-bg-info:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-info:focus:not(.btn-text),
.btn.btn-hover-bg-info.focus:not(.btn-text) {
    background-color: #8950FC !important;
    border-color: #8950FC !important;
}

.btn.btn-hover-bg-info:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-info:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-bg-info.dropdown-toggle,
.show .btn.btn-hover-bg-info.btn-dropdown {
    background-color: #8950FC !important;
    border-color: #8950FC !important;
}

.btn.btn-bg-info {
    background-color: #8950FC;
    border-color: #8950FC;
}

.btn.btn-bg-info.disabled,
.btn.btn-bg-info:disabled {
    background-color: #8950FC;
    border-color: #8950FC;
}

.btn.btn-hover-bg-warning:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-warning:focus:not(.btn-text),
.btn.btn-hover-bg-warning.focus:not(.btn-text) {
    background-color: #FFA800 !important;
    border-color: #FFA800 !important;
}

.btn.btn-hover-bg-warning:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-warning:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-bg-warning.dropdown-toggle,
.show .btn.btn-hover-bg-warning.btn-dropdown {
    background-color: #FFA800 !important;
    border-color: #FFA800 !important;
}

.btn.btn-bg-warning {
    background-color: #FFA800;
    border-color: #FFA800;
}

.btn.btn-bg-warning.disabled,
.btn.btn-bg-warning:disabled {
    background-color: #FFA800;
    border-color: #FFA800;
}

.btn.btn-hover-bg-danger:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-danger:focus:not(.btn-text),
.btn.btn-hover-bg-danger.focus:not(.btn-text) {
    background-color: #F64E60 !important;
    border-color: #F64E60 !important;
}

.btn.btn-hover-bg-danger:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-danger:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-bg-danger.dropdown-toggle,
.show .btn.btn-hover-bg-danger.btn-dropdown {
    background-color: #F64E60 !important;
    border-color: #F64E60 !important;
}

.btn.btn-bg-danger {
    background-color: #F64E60;
    border-color: #F64E60;
}

.btn.btn-bg-danger.disabled,
.btn.btn-bg-danger:disabled {
    background-color: #F64E60;
    border-color: #F64E60;
}

.btn.btn-hover-bg-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-light:focus:not(.btn-text),
.btn.btn-hover-bg-light.focus:not(.btn-text) {
    background-color: #F3F6F9 !important;
    border-color: #F3F6F9 !important;
}

.btn.btn-hover-bg-light:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-light:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-bg-light.dropdown-toggle,
.show .btn.btn-hover-bg-light.btn-dropdown {
    background-color: #F3F6F9 !important;
    border-color: #F3F6F9 !important;
}

.btn.btn-bg-light {
    background-color: #F3F6F9;
    border-color: #F3F6F9;
}

.btn.btn-bg-light.disabled,
.btn.btn-bg-light:disabled {
    background-color: #F3F6F9;
    border-color: #F3F6F9;
}

.btn.btn-hover-bg-dark:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-dark:focus:not(.btn-text),
.btn.btn-hover-bg-dark.focus:not(.btn-text) {
    background-color: #181C32 !important;
    border-color: #181C32 !important;
}

.btn.btn-hover-bg-dark:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-dark:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-bg-dark.dropdown-toggle,
.show .btn.btn-hover-bg-dark.btn-dropdown {
    background-color: #181C32 !important;
    border-color: #181C32 !important;
}

.btn.btn-bg-dark {
    background-color: #181C32;
    border-color: #181C32;
}

.btn.btn-bg-dark.disabled,
.btn.btn-bg-dark:disabled {
    background-color: #181C32;
    border-color: #181C32;
}

.btn.btn-hover-bg-white:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-white:focus:not(.btn-text),
.btn.btn-hover-bg-white.focus:not(.btn-text) {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.btn.btn-hover-bg-white:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-white:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-bg-white.dropdown-toggle,
.show .btn.btn-hover-bg-white.btn-dropdown {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.btn.btn-bg-white {
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn.btn-bg-white.disabled,
.btn.btn-bg-white:disabled {
    background-color: #ffffff;
    border-color: #ffffff;
}

.noUi-target.nouislider.nouislider-bg-primary {
    background: #6993FF;
}

.noUi-target.nouislider.nouislider-bg-light-primary {
    background: #E1E9FF;
}

.noUi-target.nouislider.nouislider-connect-secondary .noUi-connect {
    background: #E4E6EF;
}

.noUi-target.nouislider.nouislider-handle-secondary .noUi-handle {
    border: 0;
    background: #E4E6EF;
    -webkit-box-shadow: 0 3px 6px -3px #E4E6EF;
    box-shadow: 0 3px 6px -3px #E4E6EF;
}

.noUi-target.nouislider.nouislider-bg-secondary {
    background: #E4E6EF;
}

.noUi-target.nouislider.nouislider-bg-light-secondary {
    background: #EBEDF3;
}

.noUi-target.nouislider.nouislider-connect-success .noUi-connect {
    background: #1BC5BD;
}

.noUi-target.nouislider.nouislider-handle-success .noUi-handle {
    border: 0;
    background: #1BC5BD;
    -webkit-box-shadow: 0 3px 6px -3px #1BC5BD;
    box-shadow: 0 3px 6px -3px #1BC5BD;
}

.noUi-target.nouislider.nouislider-bg-success {
    background: #1BC5BD;
}

.noUi-target.nouislider.nouislider-bg-light-success {
    background: #C9F7F5;
}

.noUi-target.nouislider.nouislider-connect-info .noUi-connect {
    background: #8950FC;
}

.noUi-target.nouislider.nouislider-handle-info .noUi-handle {
    border: 0;
    background: #8950FC;
    -webkit-box-shadow: 0 3px 6px -3px #8950FC;
    box-shadow: 0 3px 6px -3px #8950FC;
}

.noUi-target.nouislider.nouislider-bg-info {
    background: #8950FC;
}

.noUi-target.nouislider.nouislider-bg-light-info {
    background: #EEE5FF;
}

.noUi-target.nouislider.nouislider-connect-warning .noUi-connect {
    background: #FFA800;
}

.noUi-target.nouislider.nouislider-handle-warning .noUi-handle {
    border: 0;
    background: #FFA800;
    -webkit-box-shadow: 0 3px 6px -3px #FFA800;
    box-shadow: 0 3px 6px -3px #FFA800;
}

.noUi-target.nouislider.nouislider-bg-warning {
    background: #FFA800;
}

.noUi-target.nouislider.nouislider-bg-light-warning {
    background: #FFF4DE;
}

.noUi-target.nouislider.nouislider-connect-danger .noUi-connect {
    background: #F64E60;
}

.noUi-target.nouislider.nouislider-handle-danger .noUi-handle {
    border: 0;
    background: #F64E60;
    -webkit-box-shadow: 0 3px 6px -3px #F64E60;
    box-shadow: 0 3px 6px -3px #F64E60;
}

.noUi-target.nouislider.nouislider-bg-danger {
    background: #F64E60;
}

.noUi-target.nouislider.nouislider-bg-light-danger {
    background: #FFE2E5;
}

.noUi-target.nouislider.nouislider-connect-light .noUi-connect {
    background: #F3F6F9;
}

.noUi-target.nouislider.nouislider-handle-light .noUi-handle {
    border: 0;
    background: #F3F6F9;
    -webkit-box-shadow: 0 3px 6px -3px #F3F6F9;
    box-shadow: 0 3px 6px -3px #F3F6F9;
}

.noUi-target.nouislider.nouislider-bg-light {
    background: #F3F6F9;
}

.noUi-target.nouislider.nouislider-bg-light-light {
    background: #F3F6F9;
}

.noUi-target.nouislider.nouislider-connect-dark .noUi-connect {
    background: #181C32;
}

.noUi-target.nouislider.nouislider-handle-dark .noUi-handle {
    border: 0;
    background: #181C32;
    -webkit-box-shadow: 0 3px 6px -3px #181C32;
    box-shadow: 0 3px 6px -3px #181C32;
}

.noUi-target.nouislider.nouislider-bg-dark {
    background: #181C32;
}

.noUi-target.nouislider.nouislider-bg-light-dark {
    background: #D1D3E0;
}

.noUi-target.nouislider.nouislider-connect-white .noUi-connect {
    background: #ffffff;
}

.noUi-target.nouislider.nouislider-handle-white .noUi-handle {
    border: 0;
    background: #ffffff;
    -webkit-box-shadow: 0 3px 6px -3px #ffffff;
    box-shadow: 0 3px 6px -3px #ffffff;
}

.noUi-target.nouislider.nouislider-bg-white {
    background: #ffffff;
}

.noUi-target.nouislider.nouislider-bg-light-white {
    background: #ffffff;
}

.bg-primary {
    background-color: #6993FF !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #366eff !important;
}

.bg-secondary {
    background-color: #E4E6EF !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #c4c8dc !important;
}

.bg-success {
    background-color: #1BC5BD !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #159892 !important;
}

.bg-info {
    background-color: #8950FC !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #671efb !important;
}

.bg-warning {
    background-color: #FFA800 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #cc8600 !important;
}

.bg-danger {
    background-color: #F64E60 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #f41d34 !important;
}

.bg-light {
    background-color: #F3F6F9 !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #d1dde8 !important;
}

.bg-dark {
    background-color: #181C32 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #070910 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

a.bg-white:hover,
a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
    background-color: #e6e6e6 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.symbol {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.42rem;
}

.symbol .symbol-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    color: #3F4254;
    background-color: #F3F6F9;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0.42rem;
}

.symbol .symbol-badge {
    position: absolute;
    border: 2px solid #ffffff;
    border-radius: 100%;
    top: 0;
    right: 0;
}

.symbol>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0.42rem;
}

.symbol.symbol-circle {
    border-radius: 50%;
}

.symbol.symbol-circle>img {
    border-radius: 50%;
}

.symbol.symbol-circle .symbol-label {
    border-radius: 50%;
}

.symbol.symbol-primary .symbol-label {
    background-color: #6993FF;
    color: #FFFFFF;
}

.symbol.symbol-light-primary .symbol-label {
    background-color: #E1E9FF;
    color: #6993FF;
}

.symbol.symbol-secondary .symbol-label {
    background-color: #E4E6EF;
    color: #3F4254;
}

.symbol.symbol-light-secondary .symbol-label {
    background-color: #EBEDF3;
    color: #E4E6EF;
}

.symbol.symbol-success .symbol-label {
    background-color: #1BC5BD;
    color: #ffffff;
}

.symbol.symbol-light-success .symbol-label {
    background-color: #C9F7F5;
    color: #1BC5BD;
}

.symbol.symbol-info .symbol-label {
    background-color: #8950FC;
    color: #ffffff;
}

.symbol.symbol-light-info .symbol-label {
    background-color: #EEE5FF;
    color: #8950FC;
}

.symbol.symbol-warning .symbol-label {
    background-color: #FFA800;
    color: #ffffff;
}

.symbol.symbol-light-warning .symbol-label {
    background-color: #FFF4DE;
    color: #FFA800;
}

.symbol.symbol-danger .symbol-label {
    background-color: #F64E60;
    color: #ffffff;
}

.symbol.symbol-light-danger .symbol-label {
    background-color: #FFE2E5;
    color: #F64E60;
}

.symbol.symbol-light .symbol-label {
    background-color: #F3F6F9;
    color: #7E8299;
}

.symbol.symbol-light-light .symbol-label {
    background-color: #F3F6F9;
    color: #F3F6F9;
}

.symbol.symbol-dark .symbol-label {
    background-color: #181C32;
    color: #ffffff;
}

.symbol.symbol-light-dark .symbol-label {
    background-color: #D1D3E0;
    color: #181C32;
}

.symbol.symbol-white .symbol-label {
    background-color: #ffffff;
    color: #3F4254;
}

.symbol.symbol-light-white .symbol-label {
    background-color: #ffffff;
    color: #ffffff;
}

.symbol.symbol-20>img {
    width: 100%;
    max-width: 20px;
    height: 20px;
}

.symbol.symbol-20 .symbol-label {
    width: 20px;
    height: 20px;
}

.symbol.symbol-20 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-20 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-20.symbol-circle .symbol-badge {
    top: -7.9px;
    right: -7.9px;
}

.symbol.symbol-20.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -7.9px;
}

.symbol.symbol-20.symbol-fixed .symbol-label {
    width: 20px;
    height: 20px;
}

.symbol.symbol-20.symbol-fixed>img {
    width: 20px;
    height: 20px;
    max-width: auto;
}

.symbol.symbol-20.symbol-2by3 .symbol-label {
    height: 20px;
    width: 30px;
}

.symbol.symbol-20.symbol-2by3>img {
    height: 20px;
    width: 30px;
    max-width: auto;
}

.symbol.symbol-25>img {
    width: 100%;
    max-width: 25px;
    height: 25px;
}

.symbol.symbol-25 .symbol-label {
    width: 25px;
    height: 25px;
}

.symbol.symbol-25 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-25 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-25.symbol-circle .symbol-badge {
    top: -6.875px;
    right: -6.875px;
}

.symbol.symbol-25.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6.875px;
}

.symbol.symbol-25.symbol-fixed .symbol-label {
    width: 25px;
    height: 25px;
}

.symbol.symbol-25.symbol-fixed>img {
    width: 25px;
    height: 25px;
    max-width: auto;
}

.symbol.symbol-25.symbol-2by3 .symbol-label {
    height: 25px;
    width: 37.5px;
}

.symbol.symbol-25.symbol-2by3>img {
    height: 25px;
    width: 37.5px;
    max-width: auto;
}

.symbol.symbol-30>img {
    width: 100%;
    max-width: 30px;
    height: 30px;
}

.symbol.symbol-30 .symbol-label {
    width: 30px;
    height: 30px;
}

.symbol.symbol-30 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-30 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-30.symbol-circle .symbol-badge {
    top: -5.85px;
    right: -5.85px;
}

.symbol.symbol-30.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -5.85px;
}

.symbol.symbol-30.symbol-fixed .symbol-label {
    width: 30px;
    height: 30px;
}

.symbol.symbol-30.symbol-fixed>img {
    width: 30px;
    height: 30px;
    max-width: auto;
}

.symbol.symbol-30.symbol-2by3 .symbol-label {
    height: 30px;
    width: 45px;
}

.symbol.symbol-30.symbol-2by3>img {
    height: 30px;
    width: 45px;
    max-width: auto;
}

.symbol.symbol-35>img {
    width: 100%;
    max-width: 35px;
    height: 35px;
}

.symbol.symbol-35 .symbol-label {
    width: 35px;
    height: 35px;
}

.symbol.symbol-35 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-35 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-35.symbol-circle .symbol-badge {
    top: -4.825px;
    right: -4.825px;
}

.symbol.symbol-35.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -4.825px;
}

.symbol.symbol-35.symbol-fixed .symbol-label {
    width: 35px;
    height: 35px;
}

.symbol.symbol-35.symbol-fixed>img {
    width: 35px;
    height: 35px;
    max-width: auto;
}

.symbol.symbol-35.symbol-2by3 .symbol-label {
    height: 35px;
    width: 52.5px;
}

.symbol.symbol-35.symbol-2by3>img {
    height: 35px;
    width: 52.5px;
    max-width: auto;
}

.symbol.symbol-40>img {
    width: 100%;
    max-width: 40px;
    height: 40px;
}

.symbol.symbol-40 .symbol-label {
    width: 40px;
    height: 40px;
}

.symbol.symbol-40 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-40 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-40.symbol-circle .symbol-badge {
    top: -3.8px;
    right: -3.8px;
}

.symbol.symbol-40.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -3.8px;
}

.symbol.symbol-40.symbol-fixed .symbol-label {
    width: 40px;
    height: 40px;
}

.symbol.symbol-40.symbol-fixed>img {
    width: 40px;
    height: 40px;
    max-width: auto;
}

.symbol.symbol-40.symbol-2by3 .symbol-label {
    height: 40px;
    width: 60px;
}

.symbol.symbol-40.symbol-2by3>img {
    height: 40px;
    width: 60px;
    max-width: auto;
}

.symbol.symbol-45>img {
    width: 100%;
    max-width: 45px;
    height: 45px;
}

.symbol.symbol-45 .symbol-label {
    width: 45px;
    height: 45px;
}

.symbol.symbol-45 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-45 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-45.symbol-circle .symbol-badge {
    top: -2.775px;
    right: -2.775px;
}

.symbol.symbol-45.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -2.775px;
}

.symbol.symbol-45.symbol-fixed .symbol-label {
    width: 45px;
    height: 45px;
}

.symbol.symbol-45.symbol-fixed>img {
    width: 45px;
    height: 45px;
    max-width: auto;
}

.symbol.symbol-45.symbol-2by3 .symbol-label {
    height: 45px;
    width: 67.5px;
}

.symbol.symbol-45.symbol-2by3>img {
    height: 45px;
    width: 67.5px;
    max-width: auto;
}

.symbol>img {
    width: 100%;
    max-width: 50px;
    height: 50px;
}

.symbol .symbol-label {
    width: 50px;
    height: 50px;
}

.symbol .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-circle .symbol-badge {
    top: -1.75px;
    right: -1.75px;
}

.symbol.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -1.75px;
}

.symbol.symbol-fixed .symbol-label {
    width: 50px;
    height: 50px;
}

.symbol.symbol-fixed>img {
    width: 50px;
    height: 50px;
    max-width: auto;
}

.symbol.symbol-2by3 .symbol-label {
    height: 50px;
    width: 75px;
}

.symbol.symbol-2by3>img {
    height: 50px;
    width: 75px;
    max-width: auto;
}

.symbol.symbol-50>img {
    width: 100%;
    max-width: 50px;
    height: 50px;
}

.symbol.symbol-50 .symbol-label {
    width: 50px;
    height: 50px;
}

.symbol.symbol-50 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-50 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-50.symbol-circle .symbol-badge {
    top: -1.75px;
    right: -1.75px;
}

.symbol.symbol-50.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -1.75px;
}

.symbol.symbol-50.symbol-fixed .symbol-label {
    width: 50px;
    height: 50px;
}

.symbol.symbol-50.symbol-fixed>img {
    width: 50px;
    height: 50px;
    max-width: auto;
}

.symbol.symbol-50.symbol-2by3 .symbol-label {
    height: 50px;
    width: 75px;
}

.symbol.symbol-50.symbol-2by3>img {
    height: 50px;
    width: 75px;
    max-width: auto;
}

.symbol.symbol-55>img {
    width: 100%;
    max-width: 55px;
    height: 55px;
}

.symbol.symbol-55 .symbol-label {
    width: 55px;
    height: 55px;
}

.symbol.symbol-55 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-55 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-55.symbol-circle .symbol-badge {
    top: -0.725px;
    right: -0.725px;
}

.symbol.symbol-55.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -0.725px;
}

.symbol.symbol-55.symbol-fixed .symbol-label {
    width: 55px;
    height: 55px;
}

.symbol.symbol-55.symbol-fixed>img {
    width: 55px;
    height: 55px;
    max-width: auto;
}

.symbol.symbol-55.symbol-2by3 .symbol-label {
    height: 55px;
    width: 82.5px;
}

.symbol.symbol-55.symbol-2by3>img {
    height: 55px;
    width: 82.5px;
    max-width: auto;
}

.symbol.symbol-60>img {
    width: 100%;
    max-width: 60px;
    height: 60px;
}

.symbol.symbol-60 .symbol-label {
    width: 60px;
    height: 60px;
}

.symbol.symbol-60 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-60 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-60.symbol-circle .symbol-badge {
    top: 0.3px;
    right: 0.3px;
}

.symbol.symbol-60.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: 0.3px;
}

.symbol.symbol-60.symbol-fixed .symbol-label {
    width: 60px;
    height: 60px;
}

.symbol.symbol-60.symbol-fixed>img {
    width: 60px;
    height: 60px;
    max-width: auto;
}

.symbol.symbol-60.symbol-2by3 .symbol-label {
    height: 60px;
    width: 90px;
}

.symbol.symbol-60.symbol-2by3>img {
    height: 60px;
    width: 90px;
    max-width: auto;
}

.symbol.symbol-65>img {
    width: 100%;
    max-width: 65px;
    height: 65px;
}

.symbol.symbol-65 .symbol-label {
    width: 65px;
    height: 65px;
}

.symbol.symbol-65 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-65 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-65.symbol-circle .symbol-badge {
    top: 1.325px;
    right: 1.325px;
}

.symbol.symbol-65.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: 1.325px;
}

.symbol.symbol-65.symbol-fixed .symbol-label {
    width: 65px;
    height: 65px;
}

.symbol.symbol-65.symbol-fixed>img {
    width: 65px;
    height: 65px;
    max-width: auto;
}

.symbol.symbol-65.symbol-2by3 .symbol-label {
    height: 65px;
    width: 97.5px;
}

.symbol.symbol-65.symbol-2by3>img {
    height: 65px;
    width: 97.5px;
    max-width: auto;
}

.symbol.symbol-70>img {
    width: 100%;
    max-width: 70px;
    height: 70px;
}

.symbol.symbol-70 .symbol-label {
    width: 70px;
    height: 70px;
}

.symbol.symbol-70 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-70 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-70.symbol-circle .symbol-badge {
    top: 2.35px;
    right: 2.35px;
}

.symbol.symbol-70.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: 2.35px;
}

.symbol.symbol-70.symbol-fixed .symbol-label {
    width: 70px;
    height: 70px;
}

.symbol.symbol-70.symbol-fixed>img {
    width: 70px;
    height: 70px;
    max-width: auto;
}

.symbol.symbol-70.symbol-2by3 .symbol-label {
    height: 70px;
    width: 105px;
}

.symbol.symbol-70.symbol-2by3>img {
    height: 70px;
    width: 105px;
    max-width: auto;
}

.symbol.symbol-75>img {
    width: 100%;
    max-width: 75px;
    height: 75px;
}

.symbol.symbol-75 .symbol-label {
    width: 75px;
    height: 75px;
}

.symbol.symbol-75 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-75 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-75.symbol-circle .symbol-badge {
    top: 3.375px;
    right: 3.375px;
}

.symbol.symbol-75.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: 3.375px;
}

.symbol.symbol-75.symbol-fixed .symbol-label {
    width: 75px;
    height: 75px;
}

.symbol.symbol-75.symbol-fixed>img {
    width: 75px;
    height: 75px;
    max-width: auto;
}

.symbol.symbol-75.symbol-2by3 .symbol-label {
    height: 75px;
    width: 112.5px;
}

.symbol.symbol-75.symbol-2by3>img {
    height: 75px;
    width: 112.5px;
    max-width: auto;
}

.symbol.symbol-80>img {
    width: 100%;
    max-width: 80px;
    height: 80px;
}

.symbol.symbol-80 .symbol-label {
    width: 80px;
    height: 80px;
}

.symbol.symbol-80 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-80 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-80.symbol-circle .symbol-badge {
    top: 4.4px;
    right: 4.4px;
}

.symbol.symbol-80.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: 4.4px;
}

.symbol.symbol-80.symbol-fixed .symbol-label {
    width: 80px;
    height: 80px;
}

.symbol.symbol-80.symbol-fixed>img {
    width: 80px;
    height: 80px;
    max-width: auto;
}

.symbol.symbol-80.symbol-2by3 .symbol-label {
    height: 80px;
    width: 120px;
}

.symbol.symbol-80.symbol-2by3>img {
    height: 80px;
    width: 120px;
    max-width: auto;
}

.symbol.symbol-85>img {
    width: 100%;
    max-width: 85px;
    height: 85px;
}

.symbol.symbol-85 .symbol-label {
    width: 85px;
    height: 85px;
}

.symbol.symbol-85 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-85 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-85.symbol-circle .symbol-badge {
    top: 5.425px;
    right: 5.425px;
}

.symbol.symbol-85.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: 5.425px;
}

.symbol.symbol-85.symbol-fixed .symbol-label {
    width: 85px;
    height: 85px;
}

.symbol.symbol-85.symbol-fixed>img {
    width: 85px;
    height: 85px;
    max-width: auto;
}

.symbol.symbol-85.symbol-2by3 .symbol-label {
    height: 85px;
    width: 127.5px;
}

.symbol.symbol-85.symbol-2by3>img {
    height: 85px;
    width: 127.5px;
    max-width: auto;
}

.symbol.symbol-90>img {
    width: 100%;
    max-width: 90px;
    height: 90px;
}

.symbol.symbol-90 .symbol-label {
    width: 90px;
    height: 90px;
}

.symbol.symbol-90 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-90 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-90.symbol-circle .symbol-badge {
    top: 6.45px;
    right: 6.45px;
}

.symbol.symbol-90.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: 6.45px;
}

.symbol.symbol-90.symbol-fixed .symbol-label {
    width: 90px;
    height: 90px;
}

.symbol.symbol-90.symbol-fixed>img {
    width: 90px;
    height: 90px;
    max-width: auto;
}

.symbol.symbol-90.symbol-2by3 .symbol-label {
    height: 90px;
    width: 135px;
}

.symbol.symbol-90.symbol-2by3>img {
    height: 90px;
    width: 135px;
    max-width: auto;
}

.symbol.symbol-95>img {
    width: 100%;
    max-width: 95px;
    height: 95px;
}

.symbol.symbol-95 .symbol-label {
    width: 95px;
    height: 95px;
}

.symbol.symbol-95 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-95 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-95.symbol-circle .symbol-badge {
    top: 7.475px;
    right: 7.475px;
}

.symbol.symbol-95.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: 7.475px;
}

.symbol.symbol-95.symbol-fixed .symbol-label {
    width: 95px;
    height: 95px;
}

.symbol.symbol-95.symbol-fixed>img {
    width: 95px;
    height: 95px;
    max-width: auto;
}

.symbol.symbol-95.symbol-2by3 .symbol-label {
    height: 95px;
    width: 142.5px;
}

.symbol.symbol-95.symbol-2by3>img {
    height: 95px;
    width: 142.5px;
    max-width: auto;
}

.symbol.symbol-100>img {
    width: 100%;
    max-width: 100px;
    height: 100px;
}

.symbol.symbol-100 .symbol-label {
    width: 100px;
    height: 100px;
}

.symbol.symbol-100 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-100 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-100.symbol-circle .symbol-badge {
    top: 8.5px;
    right: 8.5px;
}

.symbol.symbol-100.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: 8.5px;
}

.symbol.symbol-100.symbol-fixed .symbol-label {
    width: 100px;
    height: 100px;
}

.symbol.symbol-100.symbol-fixed>img {
    width: 100px;
    height: 100px;
    max-width: auto;
}

.symbol.symbol-100.symbol-2by3 .symbol-label {
    height: 100px;
    width: 150px;
}

.symbol.symbol-100.symbol-2by3>img {
    height: 100px;
    width: 150px;
    max-width: auto;
}

.symbol.symbol-120>img {
    width: 100%;
    max-width: 120px;
    height: 120px;
}

.symbol.symbol-120 .symbol-label {
    width: 120px;
    height: 120px;
}

.symbol.symbol-120 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-120 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-120.symbol-circle .symbol-badge {
    top: 12.6px;
    right: 12.6px;
}

.symbol.symbol-120.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: 12.6px;
}

.symbol.symbol-120.symbol-fixed .symbol-label {
    width: 120px;
    height: 120px;
}

.symbol.symbol-120.symbol-fixed>img {
    width: 120px;
    height: 120px;
    max-width: auto;
}

.symbol.symbol-120.symbol-2by3 .symbol-label {
    height: 120px;
    width: 180px;
}

.symbol.symbol-120.symbol-2by3>img {
    height: 120px;
    width: 180px;
    max-width: auto;
}

.symbol.symbol-130>img {
    width: 100%;
    max-width: 130px;
    height: 130px;
}

.symbol.symbol-130 .symbol-label {
    width: 130px;
    height: 130px;
}

.symbol.symbol-130 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-130 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-130.symbol-circle .symbol-badge {
    top: 14.65px;
    right: 14.65px;
}

.symbol.symbol-130.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: 14.65px;
}

.symbol.symbol-130.symbol-fixed .symbol-label {
    width: 130px;
    height: 130px;
}

.symbol.symbol-130.symbol-fixed>img {
    width: 130px;
    height: 130px;
    max-width: auto;
}

.symbol.symbol-130.symbol-2by3 .symbol-label {
    height: 130px;
    width: 195px;
}

.symbol.symbol-130.symbol-2by3>img {
    height: 130px;
    width: 195px;
    max-width: auto;
}

.symbol.symbol-140>img {
    width: 100%;
    max-width: 140px;
    height: 140px;
}

.symbol.symbol-140 .symbol-label {
    width: 140px;
    height: 140px;
}

.symbol.symbol-140 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-140 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-140.symbol-circle .symbol-badge {
    top: 16.7px;
    right: 16.7px;
}

.symbol.symbol-140.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: 16.7px;
}

.symbol.symbol-140.symbol-fixed .symbol-label {
    width: 140px;
    height: 140px;
}

.symbol.symbol-140.symbol-fixed>img {
    width: 140px;
    height: 140px;
    max-width: auto;
}

.symbol.symbol-140.symbol-2by3 .symbol-label {
    height: 140px;
    width: 210px;
}

.symbol.symbol-140.symbol-2by3>img {
    height: 140px;
    width: 210px;
    max-width: auto;
}

.symbol.symbol-150>img {
    width: 100%;
    max-width: 150px;
    height: 150px;
}

.symbol.symbol-150 .symbol-label {
    width: 150px;
    height: 150px;
}

.symbol.symbol-150 .symbol-badge {
    width: 12px;
    height: 12px;
    top: -6px;
    right: -6px;
}

.symbol.symbol-150 .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: -6px;
}

.symbol.symbol-150.symbol-circle .symbol-badge {
    top: 18.75px;
    right: 18.75px;
}

.symbol.symbol-150.symbol-circle .symbol-badge.symbol-badge-bottom {
    top: auto;
    bottom: 18.75px;
}

.symbol.symbol-150.symbol-fixed .symbol-label {
    width: 150px;
    height: 150px;
}

.symbol.symbol-150.symbol-fixed>img {
    width: 150px;
    height: 150px;
    max-width: auto;
}

.symbol.symbol-150.symbol-2by3 .symbol-label {
    height: 150px;
    width: 225px;
}

.symbol.symbol-150.symbol-2by3>img {
    height: 150px;
    width: 225px;
    max-width: auto;
}

@media (min-width: 576px) {
    .symbol.symbol-sm-20>img {
        width: 100%;
        max-width: 20px;
        height: 20px;
    }

    .symbol.symbol-sm-20 .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-sm-20 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-20 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-20.symbol-circle .symbol-badge {
        top: -7.9px;
        right: -7.9px;
    }

    .symbol.symbol-sm-20.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -7.9px;
    }

    .symbol.symbol-sm-20.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-sm-20.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: auto;
    }

    .symbol.symbol-sm-20.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px;
    }

    .symbol.symbol-sm-20.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: auto;
    }

    .symbol.symbol-sm-25>img {
        width: 100%;
        max-width: 25px;
        height: 25px;
    }

    .symbol.symbol-sm-25 .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-sm-25 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-25 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-25.symbol-circle .symbol-badge {
        top: -6.875px;
        right: -6.875px;
    }

    .symbol.symbol-sm-25.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6.875px;
    }

    .symbol.symbol-sm-25.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-sm-25.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: auto;
    }

    .symbol.symbol-sm-25.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px;
    }

    .symbol.symbol-sm-25.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: auto;
    }

    .symbol.symbol-sm-30>img {
        width: 100%;
        max-width: 30px;
        height: 30px;
    }

    .symbol.symbol-sm-30 .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-sm-30 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-30 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-30.symbol-circle .symbol-badge {
        top: -5.85px;
        right: -5.85px;
    }

    .symbol.symbol-sm-30.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -5.85px;
    }

    .symbol.symbol-sm-30.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-sm-30.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: auto;
    }

    .symbol.symbol-sm-30.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px;
    }

    .symbol.symbol-sm-30.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: auto;
    }

    .symbol.symbol-sm-35>img {
        width: 100%;
        max-width: 35px;
        height: 35px;
    }

    .symbol.symbol-sm-35 .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-sm-35 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-35 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-35.symbol-circle .symbol-badge {
        top: -4.825px;
        right: -4.825px;
    }

    .symbol.symbol-sm-35.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -4.825px;
    }

    .symbol.symbol-sm-35.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-sm-35.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: auto;
    }

    .symbol.symbol-sm-35.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px;
    }

    .symbol.symbol-sm-35.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: auto;
    }

    .symbol.symbol-sm-40>img {
        width: 100%;
        max-width: 40px;
        height: 40px;
    }

    .symbol.symbol-sm-40 .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-sm-40 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-40 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-40.symbol-circle .symbol-badge {
        top: -3.8px;
        right: -3.8px;
    }

    .symbol.symbol-sm-40.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -3.8px;
    }

    .symbol.symbol-sm-40.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-sm-40.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: auto;
    }

    .symbol.symbol-sm-40.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px;
    }

    .symbol.symbol-sm-40.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: auto;
    }

    .symbol.symbol-sm-45>img {
        width: 100%;
        max-width: 45px;
        height: 45px;
    }

    .symbol.symbol-sm-45 .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-sm-45 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-45 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-45.symbol-circle .symbol-badge {
        top: -2.775px;
        right: -2.775px;
    }

    .symbol.symbol-sm-45.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -2.775px;
    }

    .symbol.symbol-sm-45.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-sm-45.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: auto;
    }

    .symbol.symbol-sm-45.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px;
    }

    .symbol.symbol-sm-45.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: auto;
    }

    .symbol>img {
        width: 100%;
        max-width: 50px;
        height: 50px;
    }

    .symbol .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-circle .symbol-badge {
        top: -1.75px;
        right: -1.75px;
    }

    .symbol.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -1.75px;
    }

    .symbol.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: auto;
    }

    .symbol.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: auto;
    }

    .symbol.symbol-sm-50>img {
        width: 100%;
        max-width: 50px;
        height: 50px;
    }

    .symbol.symbol-sm-50 .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-sm-50 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-50 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-50.symbol-circle .symbol-badge {
        top: -1.75px;
        right: -1.75px;
    }

    .symbol.symbol-sm-50.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -1.75px;
    }

    .symbol.symbol-sm-50.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-sm-50.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: auto;
    }

    .symbol.symbol-sm-50.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-sm-50.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: auto;
    }

    .symbol.symbol-sm-55>img {
        width: 100%;
        max-width: 55px;
        height: 55px;
    }

    .symbol.symbol-sm-55 .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-sm-55 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-55 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-55.symbol-circle .symbol-badge {
        top: -0.725px;
        right: -0.725px;
    }

    .symbol.symbol-sm-55.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -0.725px;
    }

    .symbol.symbol-sm-55.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-sm-55.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: auto;
    }

    .symbol.symbol-sm-55.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px;
    }

    .symbol.symbol-sm-55.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: auto;
    }

    .symbol.symbol-sm-60>img {
        width: 100%;
        max-width: 60px;
        height: 60px;
    }

    .symbol.symbol-sm-60 .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-sm-60 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-60 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-60.symbol-circle .symbol-badge {
        top: 0.3px;
        right: 0.3px;
    }

    .symbol.symbol-sm-60.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 0.3px;
    }

    .symbol.symbol-sm-60.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-sm-60.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: auto;
    }

    .symbol.symbol-sm-60.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px;
    }

    .symbol.symbol-sm-60.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: auto;
    }

    .symbol.symbol-sm-65>img {
        width: 100%;
        max-width: 65px;
        height: 65px;
    }

    .symbol.symbol-sm-65 .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-sm-65 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-65 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-65.symbol-circle .symbol-badge {
        top: 1.325px;
        right: 1.325px;
    }

    .symbol.symbol-sm-65.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 1.325px;
    }

    .symbol.symbol-sm-65.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-sm-65.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: auto;
    }

    .symbol.symbol-sm-65.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px;
    }

    .symbol.symbol-sm-65.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: auto;
    }

    .symbol.symbol-sm-70>img {
        width: 100%;
        max-width: 70px;
        height: 70px;
    }

    .symbol.symbol-sm-70 .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-sm-70 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-70 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-70.symbol-circle .symbol-badge {
        top: 2.35px;
        right: 2.35px;
    }

    .symbol.symbol-sm-70.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 2.35px;
    }

    .symbol.symbol-sm-70.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-sm-70.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: auto;
    }

    .symbol.symbol-sm-70.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px;
    }

    .symbol.symbol-sm-70.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: auto;
    }

    .symbol.symbol-sm-75>img {
        width: 100%;
        max-width: 75px;
        height: 75px;
    }

    .symbol.symbol-sm-75 .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-sm-75 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-75 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-75.symbol-circle .symbol-badge {
        top: 3.375px;
        right: 3.375px;
    }

    .symbol.symbol-sm-75.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 3.375px;
    }

    .symbol.symbol-sm-75.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-sm-75.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: auto;
    }

    .symbol.symbol-sm-75.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px;
    }

    .symbol.symbol-sm-75.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: auto;
    }

    .symbol.symbol-sm-80>img {
        width: 100%;
        max-width: 80px;
        height: 80px;
    }

    .symbol.symbol-sm-80 .symbol-label {
        width: 80px;
        height: 80px;
    }

    .symbol.symbol-sm-80 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-80 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-80.symbol-circle .symbol-badge {
        top: 4.4px;
        right: 4.4px;
    }

    .symbol.symbol-sm-80.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 4.4px;
    }

    .symbol.symbol-sm-80.symbol-fixed .symbol-label {
        width: 80px;
        height: 80px;
    }

    .symbol.symbol-sm-80.symbol-fixed>img {
        width: 80px;
        height: 80px;
        max-width: auto;
    }

    .symbol.symbol-sm-80.symbol-2by3 .symbol-label {
        height: 80px;
        width: 120px;
    }

    .symbol.symbol-sm-80.symbol-2by3>img {
        height: 80px;
        width: 120px;
        max-width: auto;
    }

    .symbol.symbol-sm-85>img {
        width: 100%;
        max-width: 85px;
        height: 85px;
    }

    .symbol.symbol-sm-85 .symbol-label {
        width: 85px;
        height: 85px;
    }

    .symbol.symbol-sm-85 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-85 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-85.symbol-circle .symbol-badge {
        top: 5.425px;
        right: 5.425px;
    }

    .symbol.symbol-sm-85.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 5.425px;
    }

    .symbol.symbol-sm-85.symbol-fixed .symbol-label {
        width: 85px;
        height: 85px;
    }

    .symbol.symbol-sm-85.symbol-fixed>img {
        width: 85px;
        height: 85px;
        max-width: auto;
    }

    .symbol.symbol-sm-85.symbol-2by3 .symbol-label {
        height: 85px;
        width: 127.5px;
    }

    .symbol.symbol-sm-85.symbol-2by3>img {
        height: 85px;
        width: 127.5px;
        max-width: auto;
    }

    .symbol.symbol-sm-90>img {
        width: 100%;
        max-width: 90px;
        height: 90px;
    }

    .symbol.symbol-sm-90 .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-sm-90 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-90 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-90.symbol-circle .symbol-badge {
        top: 6.45px;
        right: 6.45px;
    }

    .symbol.symbol-sm-90.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 6.45px;
    }

    .symbol.symbol-sm-90.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-sm-90.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: auto;
    }

    .symbol.symbol-sm-90.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px;
    }

    .symbol.symbol-sm-90.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: auto;
    }

    .symbol.symbol-sm-95>img {
        width: 100%;
        max-width: 95px;
        height: 95px;
    }

    .symbol.symbol-sm-95 .symbol-label {
        width: 95px;
        height: 95px;
    }

    .symbol.symbol-sm-95 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-95 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-95.symbol-circle .symbol-badge {
        top: 7.475px;
        right: 7.475px;
    }

    .symbol.symbol-sm-95.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 7.475px;
    }

    .symbol.symbol-sm-95.symbol-fixed .symbol-label {
        width: 95px;
        height: 95px;
    }

    .symbol.symbol-sm-95.symbol-fixed>img {
        width: 95px;
        height: 95px;
        max-width: auto;
    }

    .symbol.symbol-sm-95.symbol-2by3 .symbol-label {
        height: 95px;
        width: 142.5px;
    }

    .symbol.symbol-sm-95.symbol-2by3>img {
        height: 95px;
        width: 142.5px;
        max-width: auto;
    }

    .symbol.symbol-sm-100>img {
        width: 100%;
        max-width: 100px;
        height: 100px;
    }

    .symbol.symbol-sm-100 .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-sm-100 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-100 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-100.symbol-circle .symbol-badge {
        top: 8.5px;
        right: 8.5px;
    }

    .symbol.symbol-sm-100.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 8.5px;
    }

    .symbol.symbol-sm-100.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-sm-100.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: auto;
    }

    .symbol.symbol-sm-100.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px;
    }

    .symbol.symbol-sm-100.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: auto;
    }

    .symbol.symbol-sm-120>img {
        width: 100%;
        max-width: 120px;
        height: 120px;
    }

    .symbol.symbol-sm-120 .symbol-label {
        width: 120px;
        height: 120px;
    }

    .symbol.symbol-sm-120 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-120 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-120.symbol-circle .symbol-badge {
        top: 12.6px;
        right: 12.6px;
    }

    .symbol.symbol-sm-120.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 12.6px;
    }

    .symbol.symbol-sm-120.symbol-fixed .symbol-label {
        width: 120px;
        height: 120px;
    }

    .symbol.symbol-sm-120.symbol-fixed>img {
        width: 120px;
        height: 120px;
        max-width: auto;
    }

    .symbol.symbol-sm-120.symbol-2by3 .symbol-label {
        height: 120px;
        width: 180px;
    }

    .symbol.symbol-sm-120.symbol-2by3>img {
        height: 120px;
        width: 180px;
        max-width: auto;
    }

    .symbol.symbol-sm-130>img {
        width: 100%;
        max-width: 130px;
        height: 130px;
    }

    .symbol.symbol-sm-130 .symbol-label {
        width: 130px;
        height: 130px;
    }

    .symbol.symbol-sm-130 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-130 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-130.symbol-circle .symbol-badge {
        top: 14.65px;
        right: 14.65px;
    }

    .symbol.symbol-sm-130.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 14.65px;
    }

    .symbol.symbol-sm-130.symbol-fixed .symbol-label {
        width: 130px;
        height: 130px;
    }

    .symbol.symbol-sm-130.symbol-fixed>img {
        width: 130px;
        height: 130px;
        max-width: auto;
    }

    .symbol.symbol-sm-130.symbol-2by3 .symbol-label {
        height: 130px;
        width: 195px;
    }

    .symbol.symbol-sm-130.symbol-2by3>img {
        height: 130px;
        width: 195px;
        max-width: auto;
    }

    .symbol.symbol-sm-140>img {
        width: 100%;
        max-width: 140px;
        height: 140px;
    }

    .symbol.symbol-sm-140 .symbol-label {
        width: 140px;
        height: 140px;
    }

    .symbol.symbol-sm-140 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-140 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-140.symbol-circle .symbol-badge {
        top: 16.7px;
        right: 16.7px;
    }

    .symbol.symbol-sm-140.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 16.7px;
    }

    .symbol.symbol-sm-140.symbol-fixed .symbol-label {
        width: 140px;
        height: 140px;
    }

    .symbol.symbol-sm-140.symbol-fixed>img {
        width: 140px;
        height: 140px;
        max-width: auto;
    }

    .symbol.symbol-sm-140.symbol-2by3 .symbol-label {
        height: 140px;
        width: 210px;
    }

    .symbol.symbol-sm-140.symbol-2by3>img {
        height: 140px;
        width: 210px;
        max-width: auto;
    }

    .symbol.symbol-sm-150>img {
        width: 100%;
        max-width: 150px;
        height: 150px;
    }

    .symbol.symbol-sm-150 .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-sm-150 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-sm-150 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-sm-150.symbol-circle .symbol-badge {
        top: 18.75px;
        right: 18.75px;
    }

    .symbol.symbol-sm-150.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 18.75px;
    }

    .symbol.symbol-sm-150.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-sm-150.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: auto;
    }

    .symbol.symbol-sm-150.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px;
    }

    .symbol.symbol-sm-150.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: auto;
    }
}

@media (min-width: 768px) {
    .symbol.symbol-md-20>img {
        width: 100%;
        max-width: 20px;
        height: 20px;
    }

    .symbol.symbol-md-20 .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-md-20 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-20 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-20.symbol-circle .symbol-badge {
        top: -7.9px;
        right: -7.9px;
    }

    .symbol.symbol-md-20.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -7.9px;
    }

    .symbol.symbol-md-20.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-md-20.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: auto;
    }

    .symbol.symbol-md-20.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px;
    }

    .symbol.symbol-md-20.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: auto;
    }

    .symbol.symbol-md-25>img {
        width: 100%;
        max-width: 25px;
        height: 25px;
    }

    .symbol.symbol-md-25 .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-md-25 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-25 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-25.symbol-circle .symbol-badge {
        top: -6.875px;
        right: -6.875px;
    }

    .symbol.symbol-md-25.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6.875px;
    }

    .symbol.symbol-md-25.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-md-25.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: auto;
    }

    .symbol.symbol-md-25.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px;
    }

    .symbol.symbol-md-25.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: auto;
    }

    .symbol.symbol-md-30>img {
        width: 100%;
        max-width: 30px;
        height: 30px;
    }

    .symbol.symbol-md-30 .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-md-30 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-30 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-30.symbol-circle .symbol-badge {
        top: -5.85px;
        right: -5.85px;
    }

    .symbol.symbol-md-30.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -5.85px;
    }

    .symbol.symbol-md-30.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-md-30.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: auto;
    }

    .symbol.symbol-md-30.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px;
    }

    .symbol.symbol-md-30.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: auto;
    }

    .symbol.symbol-md-35>img {
        width: 100%;
        max-width: 35px;
        height: 35px;
    }

    .symbol.symbol-md-35 .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-md-35 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-35 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-35.symbol-circle .symbol-badge {
        top: -4.825px;
        right: -4.825px;
    }

    .symbol.symbol-md-35.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -4.825px;
    }

    .symbol.symbol-md-35.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-md-35.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: auto;
    }

    .symbol.symbol-md-35.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px;
    }

    .symbol.symbol-md-35.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: auto;
    }

    .symbol.symbol-md-40>img {
        width: 100%;
        max-width: 40px;
        height: 40px;
    }

    .symbol.symbol-md-40 .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-md-40 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-40 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-40.symbol-circle .symbol-badge {
        top: -3.8px;
        right: -3.8px;
    }

    .symbol.symbol-md-40.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -3.8px;
    }

    .symbol.symbol-md-40.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-md-40.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: auto;
    }

    .symbol.symbol-md-40.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px;
    }

    .symbol.symbol-md-40.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: auto;
    }

    .symbol.symbol-md-45>img {
        width: 100%;
        max-width: 45px;
        height: 45px;
    }

    .symbol.symbol-md-45 .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-md-45 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-45 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-45.symbol-circle .symbol-badge {
        top: -2.775px;
        right: -2.775px;
    }

    .symbol.symbol-md-45.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -2.775px;
    }

    .symbol.symbol-md-45.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-md-45.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: auto;
    }

    .symbol.symbol-md-45.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px;
    }

    .symbol.symbol-md-45.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: auto;
    }

    .symbol>img {
        width: 100%;
        max-width: 50px;
        height: 50px;
    }

    .symbol .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-circle .symbol-badge {
        top: -1.75px;
        right: -1.75px;
    }

    .symbol.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -1.75px;
    }

    .symbol.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: auto;
    }

    .symbol.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: auto;
    }

    .symbol.symbol-md-50>img {
        width: 100%;
        max-width: 50px;
        height: 50px;
    }

    .symbol.symbol-md-50 .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-md-50 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-50 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-50.symbol-circle .symbol-badge {
        top: -1.75px;
        right: -1.75px;
    }

    .symbol.symbol-md-50.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -1.75px;
    }

    .symbol.symbol-md-50.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-md-50.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: auto;
    }

    .symbol.symbol-md-50.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-md-50.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: auto;
    }

    .symbol.symbol-md-55>img {
        width: 100%;
        max-width: 55px;
        height: 55px;
    }

    .symbol.symbol-md-55 .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-md-55 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-55 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-55.symbol-circle .symbol-badge {
        top: -0.725px;
        right: -0.725px;
    }

    .symbol.symbol-md-55.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -0.725px;
    }

    .symbol.symbol-md-55.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-md-55.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: auto;
    }

    .symbol.symbol-md-55.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px;
    }

    .symbol.symbol-md-55.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: auto;
    }

    .symbol.symbol-md-60>img {
        width: 100%;
        max-width: 60px;
        height: 60px;
    }

    .symbol.symbol-md-60 .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-md-60 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-60 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-60.symbol-circle .symbol-badge {
        top: 0.3px;
        right: 0.3px;
    }

    .symbol.symbol-md-60.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 0.3px;
    }

    .symbol.symbol-md-60.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-md-60.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: auto;
    }

    .symbol.symbol-md-60.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px;
    }

    .symbol.symbol-md-60.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: auto;
    }

    .symbol.symbol-md-65>img {
        width: 100%;
        max-width: 65px;
        height: 65px;
    }

    .symbol.symbol-md-65 .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-md-65 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-65 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-65.symbol-circle .symbol-badge {
        top: 1.325px;
        right: 1.325px;
    }

    .symbol.symbol-md-65.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 1.325px;
    }

    .symbol.symbol-md-65.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-md-65.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: auto;
    }

    .symbol.symbol-md-65.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px;
    }

    .symbol.symbol-md-65.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: auto;
    }

    .symbol.symbol-md-70>img {
        width: 100%;
        max-width: 70px;
        height: 70px;
    }

    .symbol.symbol-md-70 .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-md-70 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-70 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-70.symbol-circle .symbol-badge {
        top: 2.35px;
        right: 2.35px;
    }

    .symbol.symbol-md-70.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 2.35px;
    }

    .symbol.symbol-md-70.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-md-70.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: auto;
    }

    .symbol.symbol-md-70.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px;
    }

    .symbol.symbol-md-70.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: auto;
    }

    .symbol.symbol-md-75>img {
        width: 100%;
        max-width: 75px;
        height: 75px;
    }

    .symbol.symbol-md-75 .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-md-75 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-75 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-75.symbol-circle .symbol-badge {
        top: 3.375px;
        right: 3.375px;
    }

    .symbol.symbol-md-75.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 3.375px;
    }

    .symbol.symbol-md-75.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-md-75.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: auto;
    }

    .symbol.symbol-md-75.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px;
    }

    .symbol.symbol-md-75.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: auto;
    }

    .symbol.symbol-md-80>img {
        width: 100%;
        max-width: 80px;
        height: 80px;
    }

    .symbol.symbol-md-80 .symbol-label {
        width: 80px;
        height: 80px;
    }

    .symbol.symbol-md-80 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-80 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-80.symbol-circle .symbol-badge {
        top: 4.4px;
        right: 4.4px;
    }

    .symbol.symbol-md-80.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 4.4px;
    }

    .symbol.symbol-md-80.symbol-fixed .symbol-label {
        width: 80px;
        height: 80px;
    }

    .symbol.symbol-md-80.symbol-fixed>img {
        width: 80px;
        height: 80px;
        max-width: auto;
    }

    .symbol.symbol-md-80.symbol-2by3 .symbol-label {
        height: 80px;
        width: 120px;
    }

    .symbol.symbol-md-80.symbol-2by3>img {
        height: 80px;
        width: 120px;
        max-width: auto;
    }

    .symbol.symbol-md-85>img {
        width: 100%;
        max-width: 85px;
        height: 85px;
    }

    .symbol.symbol-md-85 .symbol-label {
        width: 85px;
        height: 85px;
    }

    .symbol.symbol-md-85 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-85 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-85.symbol-circle .symbol-badge {
        top: 5.425px;
        right: 5.425px;
    }

    .symbol.symbol-md-85.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 5.425px;
    }

    .symbol.symbol-md-85.symbol-fixed .symbol-label {
        width: 85px;
        height: 85px;
    }

    .symbol.symbol-md-85.symbol-fixed>img {
        width: 85px;
        height: 85px;
        max-width: auto;
    }

    .symbol.symbol-md-85.symbol-2by3 .symbol-label {
        height: 85px;
        width: 127.5px;
    }

    .symbol.symbol-md-85.symbol-2by3>img {
        height: 85px;
        width: 127.5px;
        max-width: auto;
    }

    .symbol.symbol-md-90>img {
        width: 100%;
        max-width: 90px;
        height: 90px;
    }

    .symbol.symbol-md-90 .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-md-90 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-90 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-90.symbol-circle .symbol-badge {
        top: 6.45px;
        right: 6.45px;
    }

    .symbol.symbol-md-90.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 6.45px;
    }

    .symbol.symbol-md-90.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-md-90.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: auto;
    }

    .symbol.symbol-md-90.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px;
    }

    .symbol.symbol-md-90.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: auto;
    }

    .symbol.symbol-md-95>img {
        width: 100%;
        max-width: 95px;
        height: 95px;
    }

    .symbol.symbol-md-95 .symbol-label {
        width: 95px;
        height: 95px;
    }

    .symbol.symbol-md-95 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-95 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-95.symbol-circle .symbol-badge {
        top: 7.475px;
        right: 7.475px;
    }

    .symbol.symbol-md-95.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 7.475px;
    }

    .symbol.symbol-md-95.symbol-fixed .symbol-label {
        width: 95px;
        height: 95px;
    }

    .symbol.symbol-md-95.symbol-fixed>img {
        width: 95px;
        height: 95px;
        max-width: auto;
    }

    .symbol.symbol-md-95.symbol-2by3 .symbol-label {
        height: 95px;
        width: 142.5px;
    }

    .symbol.symbol-md-95.symbol-2by3>img {
        height: 95px;
        width: 142.5px;
        max-width: auto;
    }

    .symbol.symbol-md-100>img {
        width: 100%;
        max-width: 100px;
        height: 100px;
    }

    .symbol.symbol-md-100 .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-md-100 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-100 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-100.symbol-circle .symbol-badge {
        top: 8.5px;
        right: 8.5px;
    }

    .symbol.symbol-md-100.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 8.5px;
    }

    .symbol.symbol-md-100.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-md-100.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: auto;
    }

    .symbol.symbol-md-100.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px;
    }

    .symbol.symbol-md-100.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: auto;
    }

    .symbol.symbol-md-120>img {
        width: 100%;
        max-width: 120px;
        height: 120px;
    }

    .symbol.symbol-md-120 .symbol-label {
        width: 120px;
        height: 120px;
    }

    .symbol.symbol-md-120 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-120 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-120.symbol-circle .symbol-badge {
        top: 12.6px;
        right: 12.6px;
    }

    .symbol.symbol-md-120.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 12.6px;
    }

    .symbol.symbol-md-120.symbol-fixed .symbol-label {
        width: 120px;
        height: 120px;
    }

    .symbol.symbol-md-120.symbol-fixed>img {
        width: 120px;
        height: 120px;
        max-width: auto;
    }

    .symbol.symbol-md-120.symbol-2by3 .symbol-label {
        height: 120px;
        width: 180px;
    }

    .symbol.symbol-md-120.symbol-2by3>img {
        height: 120px;
        width: 180px;
        max-width: auto;
    }

    .symbol.symbol-md-130>img {
        width: 100%;
        max-width: 130px;
        height: 130px;
    }

    .symbol.symbol-md-130 .symbol-label {
        width: 130px;
        height: 130px;
    }

    .symbol.symbol-md-130 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-130 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-130.symbol-circle .symbol-badge {
        top: 14.65px;
        right: 14.65px;
    }

    .symbol.symbol-md-130.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 14.65px;
    }

    .symbol.symbol-md-130.symbol-fixed .symbol-label {
        width: 130px;
        height: 130px;
    }

    .symbol.symbol-md-130.symbol-fixed>img {
        width: 130px;
        height: 130px;
        max-width: auto;
    }

    .symbol.symbol-md-130.symbol-2by3 .symbol-label {
        height: 130px;
        width: 195px;
    }

    .symbol.symbol-md-130.symbol-2by3>img {
        height: 130px;
        width: 195px;
        max-width: auto;
    }

    .symbol.symbol-md-140>img {
        width: 100%;
        max-width: 140px;
        height: 140px;
    }

    .symbol.symbol-md-140 .symbol-label {
        width: 140px;
        height: 140px;
    }

    .symbol.symbol-md-140 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-140 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-140.symbol-circle .symbol-badge {
        top: 16.7px;
        right: 16.7px;
    }

    .symbol.symbol-md-140.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 16.7px;
    }

    .symbol.symbol-md-140.symbol-fixed .symbol-label {
        width: 140px;
        height: 140px;
    }

    .symbol.symbol-md-140.symbol-fixed>img {
        width: 140px;
        height: 140px;
        max-width: auto;
    }

    .symbol.symbol-md-140.symbol-2by3 .symbol-label {
        height: 140px;
        width: 210px;
    }

    .symbol.symbol-md-140.symbol-2by3>img {
        height: 140px;
        width: 210px;
        max-width: auto;
    }

    .symbol.symbol-md-150>img {
        width: 100%;
        max-width: 150px;
        height: 150px;
    }

    .symbol.symbol-md-150 .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-md-150 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-md-150 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-md-150.symbol-circle .symbol-badge {
        top: 18.75px;
        right: 18.75px;
    }

    .symbol.symbol-md-150.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 18.75px;
    }

    .symbol.symbol-md-150.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-md-150.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: auto;
    }

    .symbol.symbol-md-150.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px;
    }

    .symbol.symbol-md-150.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: auto;
    }
}

@media (min-width: 992px) {
    .symbol.symbol-lg-20>img {
        width: 100%;
        max-width: 20px;
        height: 20px;
    }

    .symbol.symbol-lg-20 .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-lg-20 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-20 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-20.symbol-circle .symbol-badge {
        top: -7.9px;
        right: -7.9px;
    }

    .symbol.symbol-lg-20.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -7.9px;
    }

    .symbol.symbol-lg-20.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-lg-20.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: auto;
    }

    .symbol.symbol-lg-20.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px;
    }

    .symbol.symbol-lg-20.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: auto;
    }

    .symbol.symbol-lg-25>img {
        width: 100%;
        max-width: 25px;
        height: 25px;
    }

    .symbol.symbol-lg-25 .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-lg-25 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-25 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-25.symbol-circle .symbol-badge {
        top: -6.875px;
        right: -6.875px;
    }

    .symbol.symbol-lg-25.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6.875px;
    }

    .symbol.symbol-lg-25.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-lg-25.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: auto;
    }

    .symbol.symbol-lg-25.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px;
    }

    .symbol.symbol-lg-25.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: auto;
    }

    .symbol.symbol-lg-30>img {
        width: 100%;
        max-width: 30px;
        height: 30px;
    }

    .symbol.symbol-lg-30 .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-lg-30 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-30 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-30.symbol-circle .symbol-badge {
        top: -5.85px;
        right: -5.85px;
    }

    .symbol.symbol-lg-30.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -5.85px;
    }

    .symbol.symbol-lg-30.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-lg-30.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: auto;
    }

    .symbol.symbol-lg-30.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px;
    }

    .symbol.symbol-lg-30.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: auto;
    }

    .symbol.symbol-lg-35>img {
        width: 100%;
        max-width: 35px;
        height: 35px;
    }

    .symbol.symbol-lg-35 .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-lg-35 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-35 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-35.symbol-circle .symbol-badge {
        top: -4.825px;
        right: -4.825px;
    }

    .symbol.symbol-lg-35.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -4.825px;
    }

    .symbol.symbol-lg-35.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-lg-35.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: auto;
    }

    .symbol.symbol-lg-35.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px;
    }

    .symbol.symbol-lg-35.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: auto;
    }

    .symbol.symbol-lg-40>img {
        width: 100%;
        max-width: 40px;
        height: 40px;
    }

    .symbol.symbol-lg-40 .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-lg-40 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-40 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-40.symbol-circle .symbol-badge {
        top: -3.8px;
        right: -3.8px;
    }

    .symbol.symbol-lg-40.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -3.8px;
    }

    .symbol.symbol-lg-40.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-lg-40.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: auto;
    }

    .symbol.symbol-lg-40.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px;
    }

    .symbol.symbol-lg-40.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: auto;
    }

    .symbol.symbol-lg-45>img {
        width: 100%;
        max-width: 45px;
        height: 45px;
    }

    .symbol.symbol-lg-45 .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-lg-45 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-45 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-45.symbol-circle .symbol-badge {
        top: -2.775px;
        right: -2.775px;
    }

    .symbol.symbol-lg-45.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -2.775px;
    }

    .symbol.symbol-lg-45.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-lg-45.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: auto;
    }

    .symbol.symbol-lg-45.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px;
    }

    .symbol.symbol-lg-45.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: auto;
    }

    .symbol>img {
        width: 100%;
        max-width: 50px;
        height: 50px;
    }

    .symbol .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-circle .symbol-badge {
        top: -1.75px;
        right: -1.75px;
    }

    .symbol.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -1.75px;
    }

    .symbol.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: auto;
    }

    .symbol.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: auto;
    }

    .symbol.symbol-lg-50>img {
        width: 100%;
        max-width: 50px;
        height: 50px;
    }

    .symbol.symbol-lg-50 .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-lg-50 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-50 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-50.symbol-circle .symbol-badge {
        top: -1.75px;
        right: -1.75px;
    }

    .symbol.symbol-lg-50.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -1.75px;
    }

    .symbol.symbol-lg-50.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-lg-50.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: auto;
    }

    .symbol.symbol-lg-50.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-lg-50.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: auto;
    }

    .symbol.symbol-lg-55>img {
        width: 100%;
        max-width: 55px;
        height: 55px;
    }

    .symbol.symbol-lg-55 .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-lg-55 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-55 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-55.symbol-circle .symbol-badge {
        top: -0.725px;
        right: -0.725px;
    }

    .symbol.symbol-lg-55.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -0.725px;
    }

    .symbol.symbol-lg-55.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-lg-55.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: auto;
    }

    .symbol.symbol-lg-55.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px;
    }

    .symbol.symbol-lg-55.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: auto;
    }

    .symbol.symbol-lg-60>img {
        width: 100%;
        max-width: 60px;
        height: 60px;
    }

    .symbol.symbol-lg-60 .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-lg-60 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-60 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-60.symbol-circle .symbol-badge {
        top: 0.3px;
        right: 0.3px;
    }

    .symbol.symbol-lg-60.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 0.3px;
    }

    .symbol.symbol-lg-60.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-lg-60.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: auto;
    }

    .symbol.symbol-lg-60.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px;
    }

    .symbol.symbol-lg-60.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: auto;
    }

    .symbol.symbol-lg-65>img {
        width: 100%;
        max-width: 65px;
        height: 65px;
    }

    .symbol.symbol-lg-65 .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-lg-65 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-65 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-65.symbol-circle .symbol-badge {
        top: 1.325px;
        right: 1.325px;
    }

    .symbol.symbol-lg-65.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 1.325px;
    }

    .symbol.symbol-lg-65.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-lg-65.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: auto;
    }

    .symbol.symbol-lg-65.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px;
    }

    .symbol.symbol-lg-65.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: auto;
    }

    .symbol.symbol-lg-70>img {
        width: 100%;
        max-width: 70px;
        height: 70px;
    }

    .symbol.symbol-lg-70 .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-lg-70 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-70 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-70.symbol-circle .symbol-badge {
        top: 2.35px;
        right: 2.35px;
    }

    .symbol.symbol-lg-70.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 2.35px;
    }

    .symbol.symbol-lg-70.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-lg-70.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: auto;
    }

    .symbol.symbol-lg-70.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px;
    }

    .symbol.symbol-lg-70.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: auto;
    }

    .symbol.symbol-lg-75>img {
        width: 100%;
        max-width: 75px;
        height: 75px;
    }

    .symbol.symbol-lg-75 .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-lg-75 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-75 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-75.symbol-circle .symbol-badge {
        top: 3.375px;
        right: 3.375px;
    }

    .symbol.symbol-lg-75.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 3.375px;
    }

    .symbol.symbol-lg-75.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-lg-75.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: auto;
    }

    .symbol.symbol-lg-75.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px;
    }

    .symbol.symbol-lg-75.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: auto;
    }

    .symbol.symbol-lg-80>img {
        width: 100%;
        max-width: 80px;
        height: 80px;
    }

    .symbol.symbol-lg-80 .symbol-label {
        width: 80px;
        height: 80px;
    }

    .symbol.symbol-lg-80 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-80 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-80.symbol-circle .symbol-badge {
        top: 4.4px;
        right: 4.4px;
    }

    .symbol.symbol-lg-80.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 4.4px;
    }

    .symbol.symbol-lg-80.symbol-fixed .symbol-label {
        width: 80px;
        height: 80px;
    }

    .symbol.symbol-lg-80.symbol-fixed>img {
        width: 80px;
        height: 80px;
        max-width: auto;
    }

    .symbol.symbol-lg-80.symbol-2by3 .symbol-label {
        height: 80px;
        width: 120px;
    }

    .symbol.symbol-lg-80.symbol-2by3>img {
        height: 80px;
        width: 120px;
        max-width: auto;
    }

    .symbol.symbol-lg-85>img {
        width: 100%;
        max-width: 85px;
        height: 85px;
    }

    .symbol.symbol-lg-85 .symbol-label {
        width: 85px;
        height: 85px;
    }

    .symbol.symbol-lg-85 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-85 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-85.symbol-circle .symbol-badge {
        top: 5.425px;
        right: 5.425px;
    }

    .symbol.symbol-lg-85.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 5.425px;
    }

    .symbol.symbol-lg-85.symbol-fixed .symbol-label {
        width: 85px;
        height: 85px;
    }

    .symbol.symbol-lg-85.symbol-fixed>img {
        width: 85px;
        height: 85px;
        max-width: auto;
    }

    .symbol.symbol-lg-85.symbol-2by3 .symbol-label {
        height: 85px;
        width: 127.5px;
    }

    .symbol.symbol-lg-85.symbol-2by3>img {
        height: 85px;
        width: 127.5px;
        max-width: auto;
    }

    .symbol.symbol-lg-90>img {
        width: 100%;
        max-width: 90px;
        height: 90px;
    }

    .symbol.symbol-lg-90 .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-lg-90 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-90 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-90.symbol-circle .symbol-badge {
        top: 6.45px;
        right: 6.45px;
    }

    .symbol.symbol-lg-90.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 6.45px;
    }

    .symbol.symbol-lg-90.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-lg-90.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: auto;
    }

    .symbol.symbol-lg-90.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px;
    }

    .symbol.symbol-lg-90.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: auto;
    }

    .symbol.symbol-lg-95>img {
        width: 100%;
        max-width: 95px;
        height: 95px;
    }

    .symbol.symbol-lg-95 .symbol-label {
        width: 95px;
        height: 95px;
    }

    .symbol.symbol-lg-95 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-95 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-95.symbol-circle .symbol-badge {
        top: 7.475px;
        right: 7.475px;
    }

    .symbol.symbol-lg-95.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 7.475px;
    }

    .symbol.symbol-lg-95.symbol-fixed .symbol-label {
        width: 95px;
        height: 95px;
    }

    .symbol.symbol-lg-95.symbol-fixed>img {
        width: 95px;
        height: 95px;
        max-width: auto;
    }

    .symbol.symbol-lg-95.symbol-2by3 .symbol-label {
        height: 95px;
        width: 142.5px;
    }

    .symbol.symbol-lg-95.symbol-2by3>img {
        height: 95px;
        width: 142.5px;
        max-width: auto;
    }

    .symbol.symbol-lg-100>img {
        width: 100%;
        max-width: 100px;
        height: 100px;
    }

    .symbol.symbol-lg-100 .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-lg-100 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-100 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-100.symbol-circle .symbol-badge {
        top: 8.5px;
        right: 8.5px;
    }

    .symbol.symbol-lg-100.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 8.5px;
    }

    .symbol.symbol-lg-100.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-lg-100.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: auto;
    }

    .symbol.symbol-lg-100.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px;
    }

    .symbol.symbol-lg-100.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: auto;
    }

    .symbol.symbol-lg-120>img {
        width: 100%;
        max-width: 120px;
        height: 120px;
    }

    .symbol.symbol-lg-120 .symbol-label {
        width: 120px;
        height: 120px;
    }

    .symbol.symbol-lg-120 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-120 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-120.symbol-circle .symbol-badge {
        top: 12.6px;
        right: 12.6px;
    }

    .symbol.symbol-lg-120.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 12.6px;
    }

    .symbol.symbol-lg-120.symbol-fixed .symbol-label {
        width: 120px;
        height: 120px;
    }

    .symbol.symbol-lg-120.symbol-fixed>img {
        width: 120px;
        height: 120px;
        max-width: auto;
    }

    .symbol.symbol-lg-120.symbol-2by3 .symbol-label {
        height: 120px;
        width: 180px;
    }

    .symbol.symbol-lg-120.symbol-2by3>img {
        height: 120px;
        width: 180px;
        max-width: auto;
    }

    .symbol.symbol-lg-130>img {
        width: 100%;
        max-width: 130px;
        height: 130px;
    }

    .symbol.symbol-lg-130 .symbol-label {
        width: 130px;
        height: 130px;
    }

    .symbol.symbol-lg-130 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-130 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-130.symbol-circle .symbol-badge {
        top: 14.65px;
        right: 14.65px;
    }

    .symbol.symbol-lg-130.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 14.65px;
    }

    .symbol.symbol-lg-130.symbol-fixed .symbol-label {
        width: 130px;
        height: 130px;
    }

    .symbol.symbol-lg-130.symbol-fixed>img {
        width: 130px;
        height: 130px;
        max-width: auto;
    }

    .symbol.symbol-lg-130.symbol-2by3 .symbol-label {
        height: 130px;
        width: 195px;
    }

    .symbol.symbol-lg-130.symbol-2by3>img {
        height: 130px;
        width: 195px;
        max-width: auto;
    }

    .symbol.symbol-lg-140>img {
        width: 100%;
        max-width: 140px;
        height: 140px;
    }

    .symbol.symbol-lg-140 .symbol-label {
        width: 140px;
        height: 140px;
    }

    .symbol.symbol-lg-140 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-140 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-140.symbol-circle .symbol-badge {
        top: 16.7px;
        right: 16.7px;
    }

    .symbol.symbol-lg-140.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 16.7px;
    }

    .symbol.symbol-lg-140.symbol-fixed .symbol-label {
        width: 140px;
        height: 140px;
    }

    .symbol.symbol-lg-140.symbol-fixed>img {
        width: 140px;
        height: 140px;
        max-width: auto;
    }

    .symbol.symbol-lg-140.symbol-2by3 .symbol-label {
        height: 140px;
        width: 210px;
    }

    .symbol.symbol-lg-140.symbol-2by3>img {
        height: 140px;
        width: 210px;
        max-width: auto;
    }

    .symbol.symbol-lg-150>img {
        width: 100%;
        max-width: 150px;
        height: 150px;
    }

    .symbol.symbol-lg-150 .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-lg-150 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-lg-150 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-lg-150.symbol-circle .symbol-badge {
        top: 18.75px;
        right: 18.75px;
    }

    .symbol.symbol-lg-150.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 18.75px;
    }

    .symbol.symbol-lg-150.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-lg-150.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: auto;
    }

    .symbol.symbol-lg-150.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px;
    }

    .symbol.symbol-lg-150.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: auto;
    }
}

@media (min-width: 1200px) {
    .symbol.symbol-xl-20>img {
        width: 100%;
        max-width: 20px;
        height: 20px;
    }

    .symbol.symbol-xl-20 .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-xl-20 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-20 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-20.symbol-circle .symbol-badge {
        top: -7.9px;
        right: -7.9px;
    }

    .symbol.symbol-xl-20.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -7.9px;
    }

    .symbol.symbol-xl-20.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-xl-20.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: auto;
    }

    .symbol.symbol-xl-20.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px;
    }

    .symbol.symbol-xl-20.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: auto;
    }

    .symbol.symbol-xl-25>img {
        width: 100%;
        max-width: 25px;
        height: 25px;
    }

    .symbol.symbol-xl-25 .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-xl-25 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-25 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-25.symbol-circle .symbol-badge {
        top: -6.875px;
        right: -6.875px;
    }

    .symbol.symbol-xl-25.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6.875px;
    }

    .symbol.symbol-xl-25.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-xl-25.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: auto;
    }

    .symbol.symbol-xl-25.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px;
    }

    .symbol.symbol-xl-25.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: auto;
    }

    .symbol.symbol-xl-30>img {
        width: 100%;
        max-width: 30px;
        height: 30px;
    }

    .symbol.symbol-xl-30 .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-xl-30 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-30 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-30.symbol-circle .symbol-badge {
        top: -5.85px;
        right: -5.85px;
    }

    .symbol.symbol-xl-30.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -5.85px;
    }

    .symbol.symbol-xl-30.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-xl-30.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: auto;
    }

    .symbol.symbol-xl-30.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px;
    }

    .symbol.symbol-xl-30.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: auto;
    }

    .symbol.symbol-xl-35>img {
        width: 100%;
        max-width: 35px;
        height: 35px;
    }

    .symbol.symbol-xl-35 .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-xl-35 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-35 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-35.symbol-circle .symbol-badge {
        top: -4.825px;
        right: -4.825px;
    }

    .symbol.symbol-xl-35.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -4.825px;
    }

    .symbol.symbol-xl-35.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-xl-35.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: auto;
    }

    .symbol.symbol-xl-35.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px;
    }

    .symbol.symbol-xl-35.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: auto;
    }

    .symbol.symbol-xl-40>img {
        width: 100%;
        max-width: 40px;
        height: 40px;
    }

    .symbol.symbol-xl-40 .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-xl-40 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-40 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-40.symbol-circle .symbol-badge {
        top: -3.8px;
        right: -3.8px;
    }

    .symbol.symbol-xl-40.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -3.8px;
    }

    .symbol.symbol-xl-40.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-xl-40.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: auto;
    }

    .symbol.symbol-xl-40.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px;
    }

    .symbol.symbol-xl-40.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: auto;
    }

    .symbol.symbol-xl-45>img {
        width: 100%;
        max-width: 45px;
        height: 45px;
    }

    .symbol.symbol-xl-45 .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-xl-45 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-45 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-45.symbol-circle .symbol-badge {
        top: -2.775px;
        right: -2.775px;
    }

    .symbol.symbol-xl-45.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -2.775px;
    }

    .symbol.symbol-xl-45.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-xl-45.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: auto;
    }

    .symbol.symbol-xl-45.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px;
    }

    .symbol.symbol-xl-45.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: auto;
    }

    .symbol>img {
        width: 100%;
        max-width: 50px;
        height: 50px;
    }

    .symbol .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-circle .symbol-badge {
        top: -1.75px;
        right: -1.75px;
    }

    .symbol.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -1.75px;
    }

    .symbol.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: auto;
    }

    .symbol.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: auto;
    }

    .symbol.symbol-xl-50>img {
        width: 100%;
        max-width: 50px;
        height: 50px;
    }

    .symbol.symbol-xl-50 .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-xl-50 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-50 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-50.symbol-circle .symbol-badge {
        top: -1.75px;
        right: -1.75px;
    }

    .symbol.symbol-xl-50.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -1.75px;
    }

    .symbol.symbol-xl-50.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-xl-50.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: auto;
    }

    .symbol.symbol-xl-50.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-xl-50.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: auto;
    }

    .symbol.symbol-xl-55>img {
        width: 100%;
        max-width: 55px;
        height: 55px;
    }

    .symbol.symbol-xl-55 .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-xl-55 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-55 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-55.symbol-circle .symbol-badge {
        top: -0.725px;
        right: -0.725px;
    }

    .symbol.symbol-xl-55.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -0.725px;
    }

    .symbol.symbol-xl-55.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-xl-55.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: auto;
    }

    .symbol.symbol-xl-55.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px;
    }

    .symbol.symbol-xl-55.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: auto;
    }

    .symbol.symbol-xl-60>img {
        width: 100%;
        max-width: 60px;
        height: 60px;
    }

    .symbol.symbol-xl-60 .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-xl-60 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-60 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-60.symbol-circle .symbol-badge {
        top: 0.3px;
        right: 0.3px;
    }

    .symbol.symbol-xl-60.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 0.3px;
    }

    .symbol.symbol-xl-60.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-xl-60.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: auto;
    }

    .symbol.symbol-xl-60.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px;
    }

    .symbol.symbol-xl-60.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: auto;
    }

    .symbol.symbol-xl-65>img {
        width: 100%;
        max-width: 65px;
        height: 65px;
    }

    .symbol.symbol-xl-65 .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-xl-65 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-65 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-65.symbol-circle .symbol-badge {
        top: 1.325px;
        right: 1.325px;
    }

    .symbol.symbol-xl-65.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 1.325px;
    }

    .symbol.symbol-xl-65.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-xl-65.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: auto;
    }

    .symbol.symbol-xl-65.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px;
    }

    .symbol.symbol-xl-65.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: auto;
    }

    .symbol.symbol-xl-70>img {
        width: 100%;
        max-width: 70px;
        height: 70px;
    }

    .symbol.symbol-xl-70 .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-xl-70 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-70 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-70.symbol-circle .symbol-badge {
        top: 2.35px;
        right: 2.35px;
    }

    .symbol.symbol-xl-70.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 2.35px;
    }

    .symbol.symbol-xl-70.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-xl-70.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: auto;
    }

    .symbol.symbol-xl-70.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px;
    }

    .symbol.symbol-xl-70.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: auto;
    }

    .symbol.symbol-xl-75>img {
        width: 100%;
        max-width: 75px;
        height: 75px;
    }

    .symbol.symbol-xl-75 .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-xl-75 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-75 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-75.symbol-circle .symbol-badge {
        top: 3.375px;
        right: 3.375px;
    }

    .symbol.symbol-xl-75.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 3.375px;
    }

    .symbol.symbol-xl-75.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-xl-75.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: auto;
    }

    .symbol.symbol-xl-75.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px;
    }

    .symbol.symbol-xl-75.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: auto;
    }

    .symbol.symbol-xl-80>img {
        width: 100%;
        max-width: 80px;
        height: 80px;
    }

    .symbol.symbol-xl-80 .symbol-label {
        width: 80px;
        height: 80px;
    }

    .symbol.symbol-xl-80 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-80 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-80.symbol-circle .symbol-badge {
        top: 4.4px;
        right: 4.4px;
    }

    .symbol.symbol-xl-80.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 4.4px;
    }

    .symbol.symbol-xl-80.symbol-fixed .symbol-label {
        width: 80px;
        height: 80px;
    }

    .symbol.symbol-xl-80.symbol-fixed>img {
        width: 80px;
        height: 80px;
        max-width: auto;
    }

    .symbol.symbol-xl-80.symbol-2by3 .symbol-label {
        height: 80px;
        width: 120px;
    }

    .symbol.symbol-xl-80.symbol-2by3>img {
        height: 80px;
        width: 120px;
        max-width: auto;
    }

    .symbol.symbol-xl-85>img {
        width: 100%;
        max-width: 85px;
        height: 85px;
    }

    .symbol.symbol-xl-85 .symbol-label {
        width: 85px;
        height: 85px;
    }

    .symbol.symbol-xl-85 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-85 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-85.symbol-circle .symbol-badge {
        top: 5.425px;
        right: 5.425px;
    }

    .symbol.symbol-xl-85.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 5.425px;
    }

    .symbol.symbol-xl-85.symbol-fixed .symbol-label {
        width: 85px;
        height: 85px;
    }

    .symbol.symbol-xl-85.symbol-fixed>img {
        width: 85px;
        height: 85px;
        max-width: auto;
    }

    .symbol.symbol-xl-85.symbol-2by3 .symbol-label {
        height: 85px;
        width: 127.5px;
    }

    .symbol.symbol-xl-85.symbol-2by3>img {
        height: 85px;
        width: 127.5px;
        max-width: auto;
    }

    .symbol.symbol-xl-90>img {
        width: 100%;
        max-width: 90px;
        height: 90px;
    }

    .symbol.symbol-xl-90 .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-xl-90 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-90 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-90.symbol-circle .symbol-badge {
        top: 6.45px;
        right: 6.45px;
    }

    .symbol.symbol-xl-90.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 6.45px;
    }

    .symbol.symbol-xl-90.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-xl-90.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: auto;
    }

    .symbol.symbol-xl-90.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px;
    }

    .symbol.symbol-xl-90.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: auto;
    }

    .symbol.symbol-xl-95>img {
        width: 100%;
        max-width: 95px;
        height: 95px;
    }

    .symbol.symbol-xl-95 .symbol-label {
        width: 95px;
        height: 95px;
    }

    .symbol.symbol-xl-95 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-95 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-95.symbol-circle .symbol-badge {
        top: 7.475px;
        right: 7.475px;
    }

    .symbol.symbol-xl-95.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 7.475px;
    }

    .symbol.symbol-xl-95.symbol-fixed .symbol-label {
        width: 95px;
        height: 95px;
    }

    .symbol.symbol-xl-95.symbol-fixed>img {
        width: 95px;
        height: 95px;
        max-width: auto;
    }

    .symbol.symbol-xl-95.symbol-2by3 .symbol-label {
        height: 95px;
        width: 142.5px;
    }

    .symbol.symbol-xl-95.symbol-2by3>img {
        height: 95px;
        width: 142.5px;
        max-width: auto;
    }

    .symbol.symbol-xl-100>img {
        width: 100%;
        max-width: 100px;
        height: 100px;
    }

    .symbol.symbol-xl-100 .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-xl-100 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-100 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-100.symbol-circle .symbol-badge {
        top: 8.5px;
        right: 8.5px;
    }

    .symbol.symbol-xl-100.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 8.5px;
    }

    .symbol.symbol-xl-100.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-xl-100.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: auto;
    }

    .symbol.symbol-xl-100.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px;
    }

    .symbol.symbol-xl-100.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: auto;
    }

    .symbol.symbol-xl-120>img {
        width: 100%;
        max-width: 120px;
        height: 120px;
    }

    .symbol.symbol-xl-120 .symbol-label {
        width: 120px;
        height: 120px;
    }

    .symbol.symbol-xl-120 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-120 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-120.symbol-circle .symbol-badge {
        top: 12.6px;
        right: 12.6px;
    }

    .symbol.symbol-xl-120.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 12.6px;
    }

    .symbol.symbol-xl-120.symbol-fixed .symbol-label {
        width: 120px;
        height: 120px;
    }

    .symbol.symbol-xl-120.symbol-fixed>img {
        width: 120px;
        height: 120px;
        max-width: auto;
    }

    .symbol.symbol-xl-120.symbol-2by3 .symbol-label {
        height: 120px;
        width: 180px;
    }

    .symbol.symbol-xl-120.symbol-2by3>img {
        height: 120px;
        width: 180px;
        max-width: auto;
    }

    .symbol.symbol-xl-130>img {
        width: 100%;
        max-width: 130px;
        height: 130px;
    }

    .symbol.symbol-xl-130 .symbol-label {
        width: 130px;
        height: 130px;
    }

    .symbol.symbol-xl-130 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-130 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-130.symbol-circle .symbol-badge {
        top: 14.65px;
        right: 14.65px;
    }

    .symbol.symbol-xl-130.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 14.65px;
    }

    .symbol.symbol-xl-130.symbol-fixed .symbol-label {
        width: 130px;
        height: 130px;
    }

    .symbol.symbol-xl-130.symbol-fixed>img {
        width: 130px;
        height: 130px;
        max-width: auto;
    }

    .symbol.symbol-xl-130.symbol-2by3 .symbol-label {
        height: 130px;
        width: 195px;
    }

    .symbol.symbol-xl-130.symbol-2by3>img {
        height: 130px;
        width: 195px;
        max-width: auto;
    }

    .symbol.symbol-xl-140>img {
        width: 100%;
        max-width: 140px;
        height: 140px;
    }

    .symbol.symbol-xl-140 .symbol-label {
        width: 140px;
        height: 140px;
    }

    .symbol.symbol-xl-140 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-140 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-140.symbol-circle .symbol-badge {
        top: 16.7px;
        right: 16.7px;
    }

    .symbol.symbol-xl-140.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 16.7px;
    }

    .symbol.symbol-xl-140.symbol-fixed .symbol-label {
        width: 140px;
        height: 140px;
    }

    .symbol.symbol-xl-140.symbol-fixed>img {
        width: 140px;
        height: 140px;
        max-width: auto;
    }

    .symbol.symbol-xl-140.symbol-2by3 .symbol-label {
        height: 140px;
        width: 210px;
    }

    .symbol.symbol-xl-140.symbol-2by3>img {
        height: 140px;
        width: 210px;
        max-width: auto;
    }

    .symbol.symbol-xl-150>img {
        width: 100%;
        max-width: 150px;
        height: 150px;
    }

    .symbol.symbol-xl-150 .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-xl-150 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xl-150 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xl-150.symbol-circle .symbol-badge {
        top: 18.75px;
        right: 18.75px;
    }

    .symbol.symbol-xl-150.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 18.75px;
    }

    .symbol.symbol-xl-150.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-xl-150.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: auto;
    }

    .symbol.symbol-xl-150.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px;
    }

    .symbol.symbol-xl-150.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: auto;
    }
}

@media (min-width: 1400px) {
    .symbol.symbol-xxl-20>img {
        width: 100%;
        max-width: 20px;
        height: 20px;
    }

    .symbol.symbol-xxl-20 .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-xxl-20 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-20 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-20.symbol-circle .symbol-badge {
        top: -7.9px;
        right: -7.9px;
    }

    .symbol.symbol-xxl-20.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -7.9px;
    }

    .symbol.symbol-xxl-20.symbol-fixed .symbol-label {
        width: 20px;
        height: 20px;
    }

    .symbol.symbol-xxl-20.symbol-fixed>img {
        width: 20px;
        height: 20px;
        max-width: auto;
    }

    .symbol.symbol-xxl-20.symbol-2by3 .symbol-label {
        height: 20px;
        width: 30px;
    }

    .symbol.symbol-xxl-20.symbol-2by3>img {
        height: 20px;
        width: 30px;
        max-width: auto;
    }

    .symbol.symbol-xxl-25>img {
        width: 100%;
        max-width: 25px;
        height: 25px;
    }

    .symbol.symbol-xxl-25 .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-xxl-25 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-25 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-25.symbol-circle .symbol-badge {
        top: -6.875px;
        right: -6.875px;
    }

    .symbol.symbol-xxl-25.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6.875px;
    }

    .symbol.symbol-xxl-25.symbol-fixed .symbol-label {
        width: 25px;
        height: 25px;
    }

    .symbol.symbol-xxl-25.symbol-fixed>img {
        width: 25px;
        height: 25px;
        max-width: auto;
    }

    .symbol.symbol-xxl-25.symbol-2by3 .symbol-label {
        height: 25px;
        width: 37.5px;
    }

    .symbol.symbol-xxl-25.symbol-2by3>img {
        height: 25px;
        width: 37.5px;
        max-width: auto;
    }

    .symbol.symbol-xxl-30>img {
        width: 100%;
        max-width: 30px;
        height: 30px;
    }

    .symbol.symbol-xxl-30 .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-xxl-30 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-30 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-30.symbol-circle .symbol-badge {
        top: -5.85px;
        right: -5.85px;
    }

    .symbol.symbol-xxl-30.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -5.85px;
    }

    .symbol.symbol-xxl-30.symbol-fixed .symbol-label {
        width: 30px;
        height: 30px;
    }

    .symbol.symbol-xxl-30.symbol-fixed>img {
        width: 30px;
        height: 30px;
        max-width: auto;
    }

    .symbol.symbol-xxl-30.symbol-2by3 .symbol-label {
        height: 30px;
        width: 45px;
    }

    .symbol.symbol-xxl-30.symbol-2by3>img {
        height: 30px;
        width: 45px;
        max-width: auto;
    }

    .symbol.symbol-xxl-35>img {
        width: 100%;
        max-width: 35px;
        height: 35px;
    }

    .symbol.symbol-xxl-35 .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-xxl-35 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-35 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-35.symbol-circle .symbol-badge {
        top: -4.825px;
        right: -4.825px;
    }

    .symbol.symbol-xxl-35.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -4.825px;
    }

    .symbol.symbol-xxl-35.symbol-fixed .symbol-label {
        width: 35px;
        height: 35px;
    }

    .symbol.symbol-xxl-35.symbol-fixed>img {
        width: 35px;
        height: 35px;
        max-width: auto;
    }

    .symbol.symbol-xxl-35.symbol-2by3 .symbol-label {
        height: 35px;
        width: 52.5px;
    }

    .symbol.symbol-xxl-35.symbol-2by3>img {
        height: 35px;
        width: 52.5px;
        max-width: auto;
    }

    .symbol.symbol-xxl-40>img {
        width: 100%;
        max-width: 40px;
        height: 40px;
    }

    .symbol.symbol-xxl-40 .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-xxl-40 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-40 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-40.symbol-circle .symbol-badge {
        top: -3.8px;
        right: -3.8px;
    }

    .symbol.symbol-xxl-40.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -3.8px;
    }

    .symbol.symbol-xxl-40.symbol-fixed .symbol-label {
        width: 40px;
        height: 40px;
    }

    .symbol.symbol-xxl-40.symbol-fixed>img {
        width: 40px;
        height: 40px;
        max-width: auto;
    }

    .symbol.symbol-xxl-40.symbol-2by3 .symbol-label {
        height: 40px;
        width: 60px;
    }

    .symbol.symbol-xxl-40.symbol-2by3>img {
        height: 40px;
        width: 60px;
        max-width: auto;
    }

    .symbol.symbol-xxl-45>img {
        width: 100%;
        max-width: 45px;
        height: 45px;
    }

    .symbol.symbol-xxl-45 .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-xxl-45 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-45 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-45.symbol-circle .symbol-badge {
        top: -2.775px;
        right: -2.775px;
    }

    .symbol.symbol-xxl-45.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -2.775px;
    }

    .symbol.symbol-xxl-45.symbol-fixed .symbol-label {
        width: 45px;
        height: 45px;
    }

    .symbol.symbol-xxl-45.symbol-fixed>img {
        width: 45px;
        height: 45px;
        max-width: auto;
    }

    .symbol.symbol-xxl-45.symbol-2by3 .symbol-label {
        height: 45px;
        width: 67.5px;
    }

    .symbol.symbol-xxl-45.symbol-2by3>img {
        height: 45px;
        width: 67.5px;
        max-width: auto;
    }

    .symbol>img {
        width: 100%;
        max-width: 50px;
        height: 50px;
    }

    .symbol .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-circle .symbol-badge {
        top: -1.75px;
        right: -1.75px;
    }

    .symbol.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -1.75px;
    }

    .symbol.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: auto;
    }

    .symbol.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: auto;
    }

    .symbol.symbol-xxl-50>img {
        width: 100%;
        max-width: 50px;
        height: 50px;
    }

    .symbol.symbol-xxl-50 .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-xxl-50 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-50 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-50.symbol-circle .symbol-badge {
        top: -1.75px;
        right: -1.75px;
    }

    .symbol.symbol-xxl-50.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -1.75px;
    }

    .symbol.symbol-xxl-50.symbol-fixed .symbol-label {
        width: 50px;
        height: 50px;
    }

    .symbol.symbol-xxl-50.symbol-fixed>img {
        width: 50px;
        height: 50px;
        max-width: auto;
    }

    .symbol.symbol-xxl-50.symbol-2by3 .symbol-label {
        height: 50px;
        width: 75px;
    }

    .symbol.symbol-xxl-50.symbol-2by3>img {
        height: 50px;
        width: 75px;
        max-width: auto;
    }

    .symbol.symbol-xxl-55>img {
        width: 100%;
        max-width: 55px;
        height: 55px;
    }

    .symbol.symbol-xxl-55 .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-xxl-55 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-55 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-55.symbol-circle .symbol-badge {
        top: -0.725px;
        right: -0.725px;
    }

    .symbol.symbol-xxl-55.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -0.725px;
    }

    .symbol.symbol-xxl-55.symbol-fixed .symbol-label {
        width: 55px;
        height: 55px;
    }

    .symbol.symbol-xxl-55.symbol-fixed>img {
        width: 55px;
        height: 55px;
        max-width: auto;
    }

    .symbol.symbol-xxl-55.symbol-2by3 .symbol-label {
        height: 55px;
        width: 82.5px;
    }

    .symbol.symbol-xxl-55.symbol-2by3>img {
        height: 55px;
        width: 82.5px;
        max-width: auto;
    }

    .symbol.symbol-xxl-60>img {
        width: 100%;
        max-width: 60px;
        height: 60px;
    }

    .symbol.symbol-xxl-60 .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-xxl-60 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-60 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-60.symbol-circle .symbol-badge {
        top: 0.3px;
        right: 0.3px;
    }

    .symbol.symbol-xxl-60.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 0.3px;
    }

    .symbol.symbol-xxl-60.symbol-fixed .symbol-label {
        width: 60px;
        height: 60px;
    }

    .symbol.symbol-xxl-60.symbol-fixed>img {
        width: 60px;
        height: 60px;
        max-width: auto;
    }

    .symbol.symbol-xxl-60.symbol-2by3 .symbol-label {
        height: 60px;
        width: 90px;
    }

    .symbol.symbol-xxl-60.symbol-2by3>img {
        height: 60px;
        width: 90px;
        max-width: auto;
    }

    .symbol.symbol-xxl-65>img {
        width: 100%;
        max-width: 65px;
        height: 65px;
    }

    .symbol.symbol-xxl-65 .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-xxl-65 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-65 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-65.symbol-circle .symbol-badge {
        top: 1.325px;
        right: 1.325px;
    }

    .symbol.symbol-xxl-65.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 1.325px;
    }

    .symbol.symbol-xxl-65.symbol-fixed .symbol-label {
        width: 65px;
        height: 65px;
    }

    .symbol.symbol-xxl-65.symbol-fixed>img {
        width: 65px;
        height: 65px;
        max-width: auto;
    }

    .symbol.symbol-xxl-65.symbol-2by3 .symbol-label {
        height: 65px;
        width: 97.5px;
    }

    .symbol.symbol-xxl-65.symbol-2by3>img {
        height: 65px;
        width: 97.5px;
        max-width: auto;
    }

    .symbol.symbol-xxl-70>img {
        width: 100%;
        max-width: 70px;
        height: 70px;
    }

    .symbol.symbol-xxl-70 .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-xxl-70 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-70 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-70.symbol-circle .symbol-badge {
        top: 2.35px;
        right: 2.35px;
    }

    .symbol.symbol-xxl-70.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 2.35px;
    }

    .symbol.symbol-xxl-70.symbol-fixed .symbol-label {
        width: 70px;
        height: 70px;
    }

    .symbol.symbol-xxl-70.symbol-fixed>img {
        width: 70px;
        height: 70px;
        max-width: auto;
    }

    .symbol.symbol-xxl-70.symbol-2by3 .symbol-label {
        height: 70px;
        width: 105px;
    }

    .symbol.symbol-xxl-70.symbol-2by3>img {
        height: 70px;
        width: 105px;
        max-width: auto;
    }

    .symbol.symbol-xxl-75>img {
        width: 100%;
        max-width: 75px;
        height: 75px;
    }

    .symbol.symbol-xxl-75 .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-xxl-75 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-75 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-75.symbol-circle .symbol-badge {
        top: 3.375px;
        right: 3.375px;
    }

    .symbol.symbol-xxl-75.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 3.375px;
    }

    .symbol.symbol-xxl-75.symbol-fixed .symbol-label {
        width: 75px;
        height: 75px;
    }

    .symbol.symbol-xxl-75.symbol-fixed>img {
        width: 75px;
        height: 75px;
        max-width: auto;
    }

    .symbol.symbol-xxl-75.symbol-2by3 .symbol-label {
        height: 75px;
        width: 112.5px;
    }

    .symbol.symbol-xxl-75.symbol-2by3>img {
        height: 75px;
        width: 112.5px;
        max-width: auto;
    }

    .symbol.symbol-xxl-80>img {
        width: 100%;
        max-width: 80px;
        height: 80px;
    }

    .symbol.symbol-xxl-80 .symbol-label {
        width: 80px;
        height: 80px;
    }

    .symbol.symbol-xxl-80 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-80 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-80.symbol-circle .symbol-badge {
        top: 4.4px;
        right: 4.4px;
    }

    .symbol.symbol-xxl-80.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 4.4px;
    }

    .symbol.symbol-xxl-80.symbol-fixed .symbol-label {
        width: 80px;
        height: 80px;
    }

    .symbol.symbol-xxl-80.symbol-fixed>img {
        width: 80px;
        height: 80px;
        max-width: auto;
    }

    .symbol.symbol-xxl-80.symbol-2by3 .symbol-label {
        height: 80px;
        width: 120px;
    }

    .symbol.symbol-xxl-80.symbol-2by3>img {
        height: 80px;
        width: 120px;
        max-width: auto;
    }

    .symbol.symbol-xxl-85>img {
        width: 100%;
        max-width: 85px;
        height: 85px;
    }

    .symbol.symbol-xxl-85 .symbol-label {
        width: 85px;
        height: 85px;
    }

    .symbol.symbol-xxl-85 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-85 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-85.symbol-circle .symbol-badge {
        top: 5.425px;
        right: 5.425px;
    }

    .symbol.symbol-xxl-85.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 5.425px;
    }

    .symbol.symbol-xxl-85.symbol-fixed .symbol-label {
        width: 85px;
        height: 85px;
    }

    .symbol.symbol-xxl-85.symbol-fixed>img {
        width: 85px;
        height: 85px;
        max-width: auto;
    }

    .symbol.symbol-xxl-85.symbol-2by3 .symbol-label {
        height: 85px;
        width: 127.5px;
    }

    .symbol.symbol-xxl-85.symbol-2by3>img {
        height: 85px;
        width: 127.5px;
        max-width: auto;
    }

    .symbol.symbol-xxl-90>img {
        width: 100%;
        max-width: 90px;
        height: 90px;
    }

    .symbol.symbol-xxl-90 .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-xxl-90 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-90 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-90.symbol-circle .symbol-badge {
        top: 6.45px;
        right: 6.45px;
    }

    .symbol.symbol-xxl-90.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 6.45px;
    }

    .symbol.symbol-xxl-90.symbol-fixed .symbol-label {
        width: 90px;
        height: 90px;
    }

    .symbol.symbol-xxl-90.symbol-fixed>img {
        width: 90px;
        height: 90px;
        max-width: auto;
    }

    .symbol.symbol-xxl-90.symbol-2by3 .symbol-label {
        height: 90px;
        width: 135px;
    }

    .symbol.symbol-xxl-90.symbol-2by3>img {
        height: 90px;
        width: 135px;
        max-width: auto;
    }

    .symbol.symbol-xxl-95>img {
        width: 100%;
        max-width: 95px;
        height: 95px;
    }

    .symbol.symbol-xxl-95 .symbol-label {
        width: 95px;
        height: 95px;
    }

    .symbol.symbol-xxl-95 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-95 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-95.symbol-circle .symbol-badge {
        top: 7.475px;
        right: 7.475px;
    }

    .symbol.symbol-xxl-95.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 7.475px;
    }

    .symbol.symbol-xxl-95.symbol-fixed .symbol-label {
        width: 95px;
        height: 95px;
    }

    .symbol.symbol-xxl-95.symbol-fixed>img {
        width: 95px;
        height: 95px;
        max-width: auto;
    }

    .symbol.symbol-xxl-95.symbol-2by3 .symbol-label {
        height: 95px;
        width: 142.5px;
    }

    .symbol.symbol-xxl-95.symbol-2by3>img {
        height: 95px;
        width: 142.5px;
        max-width: auto;
    }

    .symbol.symbol-xxl-100>img {
        width: 100%;
        max-width: 100px;
        height: 100px;
    }

    .symbol.symbol-xxl-100 .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-xxl-100 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-100 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-100.symbol-circle .symbol-badge {
        top: 8.5px;
        right: 8.5px;
    }

    .symbol.symbol-xxl-100.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 8.5px;
    }

    .symbol.symbol-xxl-100.symbol-fixed .symbol-label {
        width: 100px;
        height: 100px;
    }

    .symbol.symbol-xxl-100.symbol-fixed>img {
        width: 100px;
        height: 100px;
        max-width: auto;
    }

    .symbol.symbol-xxl-100.symbol-2by3 .symbol-label {
        height: 100px;
        width: 150px;
    }

    .symbol.symbol-xxl-100.symbol-2by3>img {
        height: 100px;
        width: 150px;
        max-width: auto;
    }

    .symbol.symbol-xxl-120>img {
        width: 100%;
        max-width: 120px;
        height: 120px;
    }

    .symbol.symbol-xxl-120 .symbol-label {
        width: 120px;
        height: 120px;
    }

    .symbol.symbol-xxl-120 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-120 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-120.symbol-circle .symbol-badge {
        top: 12.6px;
        right: 12.6px;
    }

    .symbol.symbol-xxl-120.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 12.6px;
    }

    .symbol.symbol-xxl-120.symbol-fixed .symbol-label {
        width: 120px;
        height: 120px;
    }

    .symbol.symbol-xxl-120.symbol-fixed>img {
        width: 120px;
        height: 120px;
        max-width: auto;
    }

    .symbol.symbol-xxl-120.symbol-2by3 .symbol-label {
        height: 120px;
        width: 180px;
    }

    .symbol.symbol-xxl-120.symbol-2by3>img {
        height: 120px;
        width: 180px;
        max-width: auto;
    }

    .symbol.symbol-xxl-130>img {
        width: 100%;
        max-width: 130px;
        height: 130px;
    }

    .symbol.symbol-xxl-130 .symbol-label {
        width: 130px;
        height: 130px;
    }

    .symbol.symbol-xxl-130 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-130 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-130.symbol-circle .symbol-badge {
        top: 14.65px;
        right: 14.65px;
    }

    .symbol.symbol-xxl-130.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 14.65px;
    }

    .symbol.symbol-xxl-130.symbol-fixed .symbol-label {
        width: 130px;
        height: 130px;
    }

    .symbol.symbol-xxl-130.symbol-fixed>img {
        width: 130px;
        height: 130px;
        max-width: auto;
    }

    .symbol.symbol-xxl-130.symbol-2by3 .symbol-label {
        height: 130px;
        width: 195px;
    }

    .symbol.symbol-xxl-130.symbol-2by3>img {
        height: 130px;
        width: 195px;
        max-width: auto;
    }

    .symbol.symbol-xxl-140>img {
        width: 100%;
        max-width: 140px;
        height: 140px;
    }

    .symbol.symbol-xxl-140 .symbol-label {
        width: 140px;
        height: 140px;
    }

    .symbol.symbol-xxl-140 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-140 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-140.symbol-circle .symbol-badge {
        top: 16.7px;
        right: 16.7px;
    }

    .symbol.symbol-xxl-140.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 16.7px;
    }

    .symbol.symbol-xxl-140.symbol-fixed .symbol-label {
        width: 140px;
        height: 140px;
    }

    .symbol.symbol-xxl-140.symbol-fixed>img {
        width: 140px;
        height: 140px;
        max-width: auto;
    }

    .symbol.symbol-xxl-140.symbol-2by3 .symbol-label {
        height: 140px;
        width: 210px;
    }

    .symbol.symbol-xxl-140.symbol-2by3>img {
        height: 140px;
        width: 210px;
        max-width: auto;
    }

    .symbol.symbol-xxl-150>img {
        width: 100%;
        max-width: 150px;
        height: 150px;
    }

    .symbol.symbol-xxl-150 .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-xxl-150 .symbol-badge {
        width: 12px;
        height: 12px;
        top: -6px;
        right: -6px;
    }

    .symbol.symbol-xxl-150 .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: -6px;
    }

    .symbol.symbol-xxl-150.symbol-circle .symbol-badge {
        top: 18.75px;
        right: 18.75px;
    }

    .symbol.symbol-xxl-150.symbol-circle .symbol-badge.symbol-badge-bottom {
        top: auto;
        bottom: 18.75px;
    }

    .symbol.symbol-xxl-150.symbol-fixed .symbol-label {
        width: 150px;
        height: 150px;
    }

    .symbol.symbol-xxl-150.symbol-fixed>img {
        width: 150px;
        height: 150px;
        max-width: auto;
    }

    .symbol.symbol-xxl-150.symbol-2by3 .symbol-label {
        height: 150px;
        width: 225px;
    }

    .symbol.symbol-xxl-150.symbol-2by3>img {
        height: 150px;
        width: 225px;
        max-width: auto;
    }
}

.symbol-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.symbol-group .symbol {
    position: relative;
    z-index: 0;
    margin-left: -10px;
    border: 2px solid #ffffff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.symbol-group .symbol:first-child {
    margin-left: 0;
}

.symbol-group .symbol:hover {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}

.symbol-group.symbol-hover .symbol {
    cursor: pointer;
}

.symbol-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.symbol-list .symbol {
    margin-right: 0.5rem;
}

.symbol-list .symbol:last-child {
    margin-right: 0;
}

.auto-height {
    z-index: 1;
    width: 411px;
    position: absolute;
    height: auto !important;
    background: #fff !important;
}

th[data-icones-de-tri]:after {
    content: "\f452" !important;
    display: inline-block;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #777;
    padding-left: 10px
}

.typewriter {
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    font-weight: 100;
    font-style: italic;
}

/* Animation */
.typewriter {
    animation: animated-text 4s steps(29, end) 1s 1 normal both,
        animated-cursor 600ms steps(29, end) infinite;
}

/* text animation */
@keyframes animated-text {
    from {
        width: 0;
    }

    to {
        width: 472px;
    }
}

/* cursor animations */
@keyframes animated-cursor {
    from {
        border-right-color: rgba(0, 255, 0, .75);
    }

    to {
        border-right-color: transparent;
    }
}

.font-small {
    font-size: small !important;
}

.font-smaller {
    font-size: smaller !important;
}


/* *
Mohamed DIOUF
*/
.icon-over-effect-ul {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: baseline;
    gap: 5px;
    font-size: 12px !important;
    top: 10px;
    border: 1px solid #efefef;
    padding: 6px 6px 6px 6px;
    border-radius: 30px;
    background: wheat;
}

.icon-over-effect-ul li {
    position: relative;
    list-style: none;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 60px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    transition: 0.5s;
}

.icon-over-effect-ul li:hover {
    width: 190px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
}

.icon-over-effect-ul li::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 60px;
    background: linear-gradient(45deg, var(--i), var(--j));
    opacity: 0;
    transition: 0.5s;
}

.icon-over-effect-ul li:hover::before {
    opacity: 1;
}

.icon-over-effect-ul li::after {
    content: '';
    position: absolute;
    top: 10px;
    width: 100%;
    height: 100%;
    border-radius: 60px;
    background: linear-gradient(45deg, var(--i), var(--j));
    transition: 0.5s;
    filter: blur(15px);
    z-index: -1;
    opacity: 0;
}

.icon-over-effect-ul li:hover::after {
    opacity: 0.5;
}

.icon-over-effect-ul li .icon {
    color: #777;
    font-size: 12px;
    transition: 0.5s;
    transition-delay: 0.25s;
}

.icon-over-effect-ul li:hover .icon {
    transform: scale(0);
    color: white;
    transition-delay: 0s;
}

.icon-over-effect-ul li span {
    position: absolute;
}

.icon-over-effect-ul li .title {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transform: scale(0);
    transition: 0.5s;
    transition-delay: 0s;
    font-size: 11px;
}

.icon-over-effect-ul li:hover .title {
    color: white !important;
    transform: scale(1);
    transition-delay: 0.25s;
    padding: 4px !important;
}

.galerie-launch-button {
    transition: 0.5s;
    transition-delay: 0s;
}

.galerie-launch-button span {
    position: absolute;
    font-size: 7px;
    border: 1px solid #efefef00;
    border-radius: 0px;
    background: #ffffff66;
    width: 5em;
    height: 2em;
    display: flex;
    color: #fff;
    font-weight: 900;
    margin-top: 16px;
    margin-left: 2px;
    text-align: center;
    transform: scale(0);
    transition: 1s;
    transition-delay: 0s;
}

.galerie-launch-button:hover {
    opacity: 0.9;
    transform: scale(1.5);
    transition-delay: 0.25s;
}

.galerie-launch-button:hover span {
    font-size: 9px;
    transform: scale(1);
    transition-delay: 0.25s;

}


/* <!-- A mettre dans le header ou dans le fichier css --> Pour fiche detaillee acheteur recherche */
.table-container td {
    line-height: 2.2rem;
}
.nmtop-5 {
    margin-top: -5rem;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
    .nmtop-5 {
        margin-top: initial !important;
    }
}

/* <!-- A mettre dans le header ou dans le fichier css --> Pour fiche detaillee acheteur recherche */