/*
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: 53.7em !important;
    bottom: 40px;
    left: 50%;
    z-index: 4;
    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: #dc939321 !important;
}

.bg-fluo-least i {
    color: #dc9393 !important;
}

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

.bg-warning-least i {
    color: #ffbb00 !important;
}

.bg-greenfluo-least {
    border-top: 1px solid #52ff2b !important;
    border-bottom: 1px solid #52ff2b !important;
    background-color: #52ff2b21 !important;
}

.bg-greenfluo-least i {
    color: #52ff2b !important;
}

.bg-darkfluo-least {
    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
    background-color: #00000021 !important;
}

.bg-darkfluo-least i {
    color: #000000 !important;
}

.bg-bluefluo-least {
    border-top: 1px solid #00fff7 !important;
    border-bottom: 1px solid #00fff7 !important;
    background-color: #00fff721 !important;
}

.bg-bluefluo-least i {
    color: #00fff7 !important;
}

.bg-yellowfluo-least {
    border-top: 1px solid #d0ff00 !important;
    border-bottom: 1px solid #d0ff00 !important;
    background-color: #d0ff0021 !important;
}

.bg-yellowfluo-least i {
    color: #d0ff00 !important;
}

.bg-redfluo-least {
    border-top: 1px solid #ff0000 !important;
    border-bottom: 1px solid #ff0000 !important;
    background-color: #ff00008c !important;
}

.bg-redfluo-least i {
    color: #ff0000 !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
    }
}

[data-image-scaling="true"] {
    transition: 0.3s;
}

[data-image-scaling="true"]:hover {
    transform: scale(1.5);
}

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

.btn-config-modif:hover {
    border: 2px solid #fd397a !important;
    width: 95% !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: 3px !important;
    border-bottom: 3px solid #cc4b4b !important;
    background: #ffb822;
    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;
}

.btn.btn-light-primary {
    color: #6993FF;
    background-color: #E1E9FF;
    border-color: transparent;
}

.btn.btn-light-primary i {
    color: #6993FF;
}

.btn.btn-light-primary .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #6993FF;
}

.btn.btn-light-primary .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-light-primary.dropdown-toggle:after {
    color: #6993FF;
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-primary:focus:not(.btn-text),
.btn.btn-light-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #6993FF;
    border-color: transparent;
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-light-primary:focus:not(.btn-text) i,
.btn.btn-light-primary.focus:not(.btn-text) i {
    color: #FFFFFF;
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-light-primary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFFFFF;
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-light-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-light-primary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-primary.focus:not(.btn-text).dropdown-toggle:after {
    color: #FFFFFF;
}

.btn.btn-light-primary.disabled,
.btn.btn-light-primary:disabled {
    color: #6993FF;
    background-color: #E1E9FF;
    border-color: transparent;
}

.btn.btn-light-primary.disabled i,
.btn.btn-light-primary:disabled i {
    color: #6993FF;
}

.btn.btn-light-primary.disabled .svg-icon svg g [fill],
.btn.btn-light-primary:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #6993FF;
}

.btn.btn-light-primary.disabled .svg-icon svg:hover g [fill],
.btn.btn-light-primary:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-light-primary.disabled.dropdown-toggle:after,
.btn.btn-light-primary:disabled.dropdown-toggle:after {
    color: #6993FF;
}

.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-light-primary:not(:disabled):not(.disabled).active,
.show>.btn.btn-light-primary.dropdown-toggle,
.show .btn.btn-light-primary.btn-dropdown {
    color: #FFFFFF;
    background-color: #6993FF;
    border-color: transparent;
}

.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-light-primary:not(:disabled):not(.disabled).active i,
.show>.btn.btn-light-primary.dropdown-toggle i,
.show .btn.btn-light-primary.btn-dropdown i {
    color: #FFFFFF;
}

.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-light-primary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-light-primary.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFFFFF;
}

.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-light-primary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-light-primary.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-light-primary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-light-primary.btn-dropdown.dropdown-toggle:after {
    color: #FFFFFF;
}

.btn.btn-transparent-primary {
    color: #6993FF;
    background-color: rgba(105, 147, 255, 0.1);
    border-color: transparent;
}

.btn.btn-transparent-primary i {
    color: #6993FF;
}

.btn.btn-transparent-primary .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #6993FF;
}

.btn.btn-transparent-primary .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-transparent-primary.dropdown-toggle:after {
    color: #6993FF;
}

.btn.btn-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-transparent-primary:focus:not(.btn-text),
.btn.btn-transparent-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #6993FF;
    border-color: transparent;
}

.btn.btn-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-transparent-primary:focus:not(.btn-text) i,
.btn.btn-transparent-primary.focus:not(.btn-text) i {
    color: #FFFFFF;
}

.btn.btn-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-transparent-primary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-transparent-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFFFFF;
}

.btn.btn-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-transparent-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-transparent-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-transparent-primary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-transparent-primary.focus:not(.btn-text).dropdown-toggle:after {
    color: #FFFFFF;
}

.btn.btn-transparent-primary.disabled,
.btn.btn-transparent-primary:disabled {
    color: #6993FF;
    background-color: rgba(105, 147, 255, 0.1);
    border-color: transparent;
}

.btn.btn-transparent-primary.disabled i,
.btn.btn-transparent-primary:disabled i {
    color: #6993FF;
}

.btn.btn-transparent-primary.disabled .svg-icon svg g [fill],
.btn.btn-transparent-primary:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #6993FF;
}

.btn.btn-transparent-primary.disabled .svg-icon svg:hover g [fill],
.btn.btn-transparent-primary:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-transparent-primary.disabled.dropdown-toggle:after,
.btn.btn-transparent-primary:disabled.dropdown-toggle:after {
    color: #6993FF;
}

.btn.btn-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-transparent-primary:not(:disabled):not(.disabled).active,
.show>.btn.btn-transparent-primary.dropdown-toggle,
.show .btn.btn-transparent-primary.btn-dropdown {
    color: #FFFFFF;
    background-color: #6993FF;
    border-color: transparent;
}

.btn.btn-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-transparent-primary:not(:disabled):not(.disabled).active i,
.show>.btn.btn-transparent-primary.dropdown-toggle i,
.show .btn.btn-transparent-primary.btn-dropdown i {
    color: #FFFFFF;
}

.btn.btn-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-transparent-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-transparent-primary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-transparent-primary.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFFFFF;
}

.btn.btn-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-transparent-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-transparent-primary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-transparent-primary.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-transparent-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-transparent-primary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-transparent-primary.btn-dropdown.dropdown-toggle:after {
    color: #FFFFFF;
}

.btn.btn-hover-transparent-primary {
    color: #6993FF;
    background-color: transparent;
    border-color: transparent;
}

.btn.btn-hover-transparent-primary i {
    color: #6993FF;
}

.btn.btn-hover-transparent-primary .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #6993FF;
}

.btn.btn-hover-transparent-primary .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-transparent-primary.dropdown-toggle:after {
    color: #6993FF;
}

.btn.btn-hover-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-transparent-primary:focus:not(.btn-text),
.btn.btn-hover-transparent-primary.focus:not(.btn-text) {
    color: #6993FF;
    background-color: rgba(105, 147, 255, 0.1);
    border-color: transparent;
}

.btn.btn-hover-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-transparent-primary:focus:not(.btn-text) i,
.btn.btn-hover-transparent-primary.focus:not(.btn-text) i {
    color: #6993FF;
}

.btn.btn-hover-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-hover-transparent-primary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-transparent-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #6993FF;
}

.btn.btn-hover-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-hover-transparent-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-transparent-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-hover-transparent-primary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-transparent-primary.focus:not(.btn-text).dropdown-toggle:after {
    color: #6993FF;
}

.btn.btn-hover-transparent-primary.disabled,
.btn.btn-hover-transparent-primary:disabled {
    color: #6993FF;
    background-color: transparent;
    border-color: transparent;
}

.btn.btn-hover-transparent-primary.disabled i,
.btn.btn-hover-transparent-primary:disabled i {
    color: #6993FF;
}

.btn.btn-hover-transparent-primary.disabled .svg-icon svg g [fill],
.btn.btn-hover-transparent-primary:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #6993FF;
}

.btn.btn-hover-transparent-primary.disabled .svg-icon svg:hover g [fill],
.btn.btn-hover-transparent-primary:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-transparent-primary.disabled.dropdown-toggle:after,
.btn.btn-hover-transparent-primary:disabled.dropdown-toggle:after {
    color: #6993FF;
}

.btn.btn-hover-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-transparent-primary:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-transparent-primary.dropdown-toggle,
.show .btn.btn-hover-transparent-primary.btn-dropdown {
    color: #6993FF;
    background-color: rgba(105, 147, 255, 0.1);
    border-color: transparent;
}

.btn.btn-hover-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-transparent-primary:not(:disabled):not(.disabled).active i,
.show>.btn.btn-hover-transparent-primary.dropdown-toggle i,
.show .btn.btn-hover-transparent-primary.btn-dropdown i {
    color: #6993FF;
}

.btn.btn-hover-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-transparent-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-hover-transparent-primary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-transparent-primary.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #6993FF;
}

.btn.btn-hover-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-transparent-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-hover-transparent-primary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-transparent-primary.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-transparent-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-hover-transparent-primary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-transparent-primary.btn-dropdown.dropdown-toggle:after {
    color: #6993FF;
}

.btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-light-primary:focus:not(.btn-text),
.btn.btn-hover-light-primary.focus:not(.btn-text) {
    color: #6993FF;
    background-color: #E1E9FF;
    border-color: transparent;
}

.btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-light-primary:focus:not(.btn-text) i,
.btn.btn-hover-light-primary.focus:not(.btn-text) i {
    color: #6993FF;
}

.btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-hover-light-primary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-light-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #6993FF;
}

.btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-hover-light-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-light-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-hover-light-primary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-light-primary.focus:not(.btn-text).dropdown-toggle:after {
    color: #6993FF;
}

.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-light-primary:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-light-primary.dropdown-toggle,
.show .btn.btn-hover-light-primary.btn-dropdown {
    color: #6993FF;
    background-color: #E1E9FF;
    border-color: transparent;
}

.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-light-primary:not(:disabled):not(.disabled).active i,
.show>.btn.btn-hover-light-primary.dropdown-toggle i,
.show .btn.btn-hover-light-primary.btn-dropdown i {
    color: #6993FF;
}

.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-light-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-hover-light-primary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-light-primary.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #6993FF;
}

.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-light-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-hover-light-primary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-light-primary.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-light-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-hover-light-primary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-light-primary.btn-dropdown.dropdown-toggle:after {
    color: #6993FF;
}

.btn.btn-hover-light-primary.btn-clean {
    border: 0 !important;
}

.btn.btn-link-primary {
    border: 0;
    padding: 0 !important;
    border-radius: 0 !important;
    color: #6993FF;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn.btn-link-primary i {
    color: #6993FF;
}

.btn.btn-link-primary .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #6993FF;
}

.btn.btn-link-primary .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-link-primary.dropdown-toggle:after {
    color: #6993FF;
}

.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-link-primary:focus:not(.btn-text),
.btn.btn-link-primary.focus:not(.btn-text) {
    color: #4A7DFF;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-link-primary:focus:not(.btn-text) i,
.btn.btn-link-primary.focus:not(.btn-text) i {
    color: #4A7DFF;
}

.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-link-primary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-link-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #4A7DFF;
}

.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-link-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-link-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-link-primary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-link-primary.focus:not(.btn-text).dropdown-toggle:after {
    color: #4A7DFF;
}

.btn.btn-link-primary.disabled,
.btn.btn-link-primary:disabled {
    color: #6993FF;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn.btn-link-primary.disabled i,
.btn.btn-link-primary:disabled i {
    color: #6993FF;
}

.btn.btn-link-primary.disabled .svg-icon svg g [fill],
.btn.btn-link-primary:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #6993FF;
}

.btn.btn-link-primary.disabled .svg-icon svg:hover g [fill],
.btn.btn-link-primary:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-link-primary.disabled.dropdown-toggle:after,
.btn.btn-link-primary:disabled.dropdown-toggle:after {
    color: #6993FF;
}

.btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-link-primary:not(:disabled):not(.disabled).active,
.show>.btn.btn-link-primary.dropdown-toggle,
.show .btn.btn-link-primary.btn-dropdown {
    color: #4A7DFF;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-link-primary:not(:disabled):not(.disabled).active i,
.show>.btn.btn-link-primary.dropdown-toggle i,
.show .btn.btn-link-primary.btn-dropdown i {
    color: #4A7DFF;
}

.btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-link-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-link-primary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-link-primary.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #4A7DFF;
}

.btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-link-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-link-primary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-link-primary.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-link-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-link-primary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-link-primary.btn-dropdown.dropdown-toggle:after {
    color: #4A7DFF;
}

.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-primary:focus:not(.btn-text),
.btn.btn-hover-primary.focus:not(.btn-text) {
    color: #FFFFFF !important;
    background-color: #6993FF !important;
    border-color: #6993FF !important;
}

.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-primary:focus:not(.btn-text) i,
.btn.btn-hover-primary.focus:not(.btn-text) i {
    color: #FFFFFF !important;
}

.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-hover-primary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFFFFF !important;
}

.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-hover-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-hover-primary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-primary.focus:not(.btn-text).dropdown-toggle:after {
    color: #FFFFFF !important;
}

.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-primary:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-primary.dropdown-toggle,
.show .btn.btn-hover-primary.btn-dropdown {
    color: #FFFFFF !important;
    background-color: #6993FF !important;
    border-color: #6993FF !important;
}

.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-primary:not(:disabled):not(.disabled).active i,
.show>.btn.btn-hover-primary.dropdown-toggle i,
.show .btn.btn-hover-primary.btn-dropdown i {
    color: #FFFFFF !important;
}

.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-hover-primary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-primary.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFFFFF !important;
}

.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-hover-primary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-primary.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-hover-primary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-primary.btn-dropdown.dropdown-toggle:after {
    color: #FFFFFF !important;
}

.btn.btn-hover-primary.btn-clean {
    border: 0 !important;
}

.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-light-secondary {
    color: #E4E6EF;
    background-color: #EBEDF3;
    border-color: transparent;
}

.btn.btn-light-secondary i {
    color: #E4E6EF;
}

.btn.btn-light-secondary .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.btn.btn-light-secondary .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-light-secondary.dropdown-toggle:after {
    color: #E4E6EF;
}

.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-secondary:focus:not(.btn-text),
.btn.btn-light-secondary.focus:not(.btn-text) {
    color: #3F4254;
    background-color: #E4E6EF;
    border-color: transparent;
}

.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-light-secondary:focus:not(.btn-text) i,
.btn.btn-light-secondary.focus:not(.btn-text) i {
    color: #3F4254;
}

.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-light-secondary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #3F4254;
}

.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-light-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-light-secondary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-secondary.focus:not(.btn-text).dropdown-toggle:after {
    color: #3F4254;
}

.btn.btn-light-secondary.disabled,
.btn.btn-light-secondary:disabled {
    color: #E4E6EF;
    background-color: #EBEDF3;
    border-color: transparent;
}

.btn.btn-light-secondary.disabled i,
.btn.btn-light-secondary:disabled i {
    color: #E4E6EF;
}

.btn.btn-light-secondary.disabled .svg-icon svg g [fill],
.btn.btn-light-secondary:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.btn.btn-light-secondary.disabled .svg-icon svg:hover g [fill],
.btn.btn-light-secondary:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-light-secondary.disabled.dropdown-toggle:after,
.btn.btn-light-secondary:disabled.dropdown-toggle:after {
    color: #E4E6EF;
}

.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-light-secondary:not(:disabled):not(.disabled).active,
.show>.btn.btn-light-secondary.dropdown-toggle,
.show .btn.btn-light-secondary.btn-dropdown {
    color: #3F4254;
    background-color: #E4E6EF;
    border-color: transparent;
}

.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-light-secondary:not(:disabled):not(.disabled).active i,
.show>.btn.btn-light-secondary.dropdown-toggle i,
.show .btn.btn-light-secondary.btn-dropdown i {
    color: #3F4254;
}

.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-light-secondary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-light-secondary.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #3F4254;
}

.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-light-secondary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-light-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-light-secondary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-light-secondary.btn-dropdown.dropdown-toggle:after {
    color: #3F4254;
}

.btn.btn-transparent-secondary {
    color: #E4E6EF;
    background-color: rgba(228, 230, 239, 0.1);
    border-color: transparent;
}

.btn.btn-transparent-secondary i {
    color: #E4E6EF;
}

.btn.btn-transparent-secondary .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.btn.btn-transparent-secondary .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-transparent-secondary.dropdown-toggle:after {
    color: #E4E6EF;
}

.btn.btn-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-transparent-secondary:focus:not(.btn-text),
.btn.btn-transparent-secondary.focus:not(.btn-text) {
    color: #3F4254;
    background-color: #E4E6EF;
    border-color: transparent;
}

.btn.btn-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-transparent-secondary:focus:not(.btn-text) i,
.btn.btn-transparent-secondary.focus:not(.btn-text) i {
    color: #3F4254;
}

.btn.btn-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-transparent-secondary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-transparent-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #3F4254;
}

.btn.btn-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-transparent-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-transparent-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-transparent-secondary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-transparent-secondary.focus:not(.btn-text).dropdown-toggle:after {
    color: #3F4254;
}

.btn.btn-transparent-secondary.disabled,
.btn.btn-transparent-secondary:disabled {
    color: #E4E6EF;
    background-color: rgba(228, 230, 239, 0.1);
    border-color: transparent;
}

.btn.btn-transparent-secondary.disabled i,
.btn.btn-transparent-secondary:disabled i {
    color: #E4E6EF;
}

.btn.btn-transparent-secondary.disabled .svg-icon svg g [fill],
.btn.btn-transparent-secondary:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.btn.btn-transparent-secondary.disabled .svg-icon svg:hover g [fill],
.btn.btn-transparent-secondary:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-transparent-secondary.disabled.dropdown-toggle:after,
.btn.btn-transparent-secondary:disabled.dropdown-toggle:after {
    color: #E4E6EF;
}

.btn.btn-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-transparent-secondary:not(:disabled):not(.disabled).active,
.show>.btn.btn-transparent-secondary.dropdown-toggle,
.show .btn.btn-transparent-secondary.btn-dropdown {
    color: #3F4254;
    background-color: #E4E6EF;
    border-color: transparent;
}

.btn.btn-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-transparent-secondary:not(:disabled):not(.disabled).active i,
.show>.btn.btn-transparent-secondary.dropdown-toggle i,
.show .btn.btn-transparent-secondary.btn-dropdown i {
    color: #3F4254;
}

.btn.btn-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-transparent-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-transparent-secondary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-transparent-secondary.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #3F4254;
}

.btn.btn-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-transparent-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-transparent-secondary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-transparent-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-transparent-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-transparent-secondary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-transparent-secondary.btn-dropdown.dropdown-toggle:after {
    color: #3F4254;
}

.btn.btn-hover-transparent-secondary {
    color: #E4E6EF;
    background-color: transparent;
    border-color: transparent;
}

.btn.btn-hover-transparent-secondary i {
    color: #E4E6EF;
}

.btn.btn-hover-transparent-secondary .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.btn.btn-hover-transparent-secondary .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-transparent-secondary.dropdown-toggle:after {
    color: #E4E6EF;
}

.btn.btn-hover-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-transparent-secondary:focus:not(.btn-text),
.btn.btn-hover-transparent-secondary.focus:not(.btn-text) {
    color: #E4E6EF;
    background-color: rgba(228, 230, 239, 0.1);
    border-color: transparent;
}

.btn.btn-hover-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-transparent-secondary:focus:not(.btn-text) i,
.btn.btn-hover-transparent-secondary.focus:not(.btn-text) i {
    color: #E4E6EF;
}

.btn.btn-hover-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-hover-transparent-secondary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-transparent-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.btn.btn-hover-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-hover-transparent-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-transparent-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-hover-transparent-secondary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-transparent-secondary.focus:not(.btn-text).dropdown-toggle:after {
    color: #E4E6EF;
}

.btn.btn-hover-transparent-secondary.disabled,
.btn.btn-hover-transparent-secondary:disabled {
    color: #E4E6EF;
    background-color: transparent;
    border-color: transparent;
}

.btn.btn-hover-transparent-secondary.disabled i,
.btn.btn-hover-transparent-secondary:disabled i {
    color: #E4E6EF;
}

.btn.btn-hover-transparent-secondary.disabled .svg-icon svg g [fill],
.btn.btn-hover-transparent-secondary:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.btn.btn-hover-transparent-secondary.disabled .svg-icon svg:hover g [fill],
.btn.btn-hover-transparent-secondary:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-transparent-secondary.disabled.dropdown-toggle:after,
.btn.btn-hover-transparent-secondary:disabled.dropdown-toggle:after {
    color: #E4E6EF;
}

.btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-transparent-secondary.dropdown-toggle,
.show .btn.btn-hover-transparent-secondary.btn-dropdown {
    color: #E4E6EF;
    background-color: rgba(228, 230, 239, 0.1);
    border-color: transparent;
}

.btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled).active i,
.show>.btn.btn-hover-transparent-secondary.dropdown-toggle i,
.show .btn.btn-hover-transparent-secondary.btn-dropdown i {
    color: #E4E6EF;
}

.btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-hover-transparent-secondary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-transparent-secondary.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-hover-transparent-secondary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-transparent-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-hover-transparent-secondary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-transparent-secondary.btn-dropdown.dropdown-toggle:after {
    color: #E4E6EF;
}

.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-light-secondary:focus:not(.btn-text),
.btn.btn-hover-light-secondary.focus:not(.btn-text) {
    color: #E4E6EF;
    background-color: #EBEDF3;
    border-color: transparent;
}

.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-light-secondary:focus:not(.btn-text) i,
.btn.btn-hover-light-secondary.focus:not(.btn-text) i {
    color: #E4E6EF;
}

.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-hover-light-secondary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-light-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-hover-light-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-light-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-hover-light-secondary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-light-secondary.focus:not(.btn-text).dropdown-toggle:after {
    color: #E4E6EF;
}

.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-light-secondary.dropdown-toggle,
.show .btn.btn-hover-light-secondary.btn-dropdown {
    color: #E4E6EF;
    background-color: #EBEDF3;
    border-color: transparent;
}

.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active i,
.show>.btn.btn-hover-light-secondary.dropdown-toggle i,
.show .btn.btn-hover-light-secondary.btn-dropdown i {
    color: #E4E6EF;
}

.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-hover-light-secondary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-light-secondary.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-hover-light-secondary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-light-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-hover-light-secondary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-light-secondary.btn-dropdown.dropdown-toggle:after {
    color: #E4E6EF;
}

.btn.btn-hover-light-secondary.btn-clean {
    border: 0 !important;
}

.btn.btn-link-secondary {
    border: 0;
    padding: 0 !important;
    border-radius: 0 !important;
    color: #E4E6EF;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn.btn-link-secondary i {
    color: #E4E6EF;
}

.btn.btn-link-secondary .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.btn.btn-link-secondary .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-link-secondary.dropdown-toggle:after {
    color: #E4E6EF;
}

.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-link-secondary:focus:not(.btn-text),
.btn.btn-link-secondary.focus:not(.btn-text) {
    color: #d7dae7;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-link-secondary:focus:not(.btn-text) i,
.btn.btn-link-secondary.focus:not(.btn-text) i {
    color: #d7dae7;
}

.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-link-secondary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-link-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #d7dae7;
}

.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-link-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-link-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-link-secondary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-link-secondary.focus:not(.btn-text).dropdown-toggle:after {
    color: #d7dae7;
}

.btn.btn-link-secondary.disabled,
.btn.btn-link-secondary:disabled {
    color: #E4E6EF;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn.btn-link-secondary.disabled i,
.btn.btn-link-secondary:disabled i {
    color: #E4E6EF;
}

.btn.btn-link-secondary.disabled .svg-icon svg g [fill],
.btn.btn-link-secondary:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E4E6EF;
}

.btn.btn-link-secondary.disabled .svg-icon svg:hover g [fill],
.btn.btn-link-secondary:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-link-secondary.disabled.dropdown-toggle:after,
.btn.btn-link-secondary:disabled.dropdown-toggle:after {
    color: #E4E6EF;
}

.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-link-secondary:not(:disabled):not(.disabled).active,
.show>.btn.btn-link-secondary.dropdown-toggle,
.show .btn.btn-link-secondary.btn-dropdown {
    color: #d7dae7;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-link-secondary:not(:disabled):not(.disabled).active i,
.show>.btn.btn-link-secondary.dropdown-toggle i,
.show .btn.btn-link-secondary.btn-dropdown i {
    color: #d7dae7;
}

.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-link-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-link-secondary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-link-secondary.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #d7dae7;
}

.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-link-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-link-secondary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-link-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-link-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-link-secondary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-link-secondary.btn-dropdown.dropdown-toggle:after {
    color: #d7dae7;
}

.btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-secondary:focus:not(.btn-text),
.btn.btn-hover-secondary.focus:not(.btn-text) {
    color: #3F4254 !important;
    background-color: #E4E6EF !important;
    border-color: #E4E6EF !important;
}

.btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-secondary:focus:not(.btn-text) i,
.btn.btn-hover-secondary.focus:not(.btn-text) i {
    color: #3F4254 !important;
}

.btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-hover-secondary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #3F4254 !important;
}

.btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-hover-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-hover-secondary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-secondary.focus:not(.btn-text).dropdown-toggle:after {
    color: #3F4254 !important;
}

.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-secondary:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-secondary.dropdown-toggle,
.show .btn.btn-hover-secondary.btn-dropdown {
    color: #3F4254 !important;
    background-color: #E4E6EF !important;
    border-color: #E4E6EF !important;
}

.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-secondary:not(:disabled):not(.disabled).active i,
.show>.btn.btn-hover-secondary.dropdown-toggle i,
.show .btn.btn-hover-secondary.btn-dropdown i {
    color: #3F4254 !important;
}

.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-hover-secondary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-secondary.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #3F4254 !important;
}

.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-hover-secondary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-hover-secondary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-secondary.btn-dropdown.dropdown-toggle:after {
    color: #3F4254 !important;
}

.btn.btn-hover-secondary.btn-clean {
    border: 0 !important;
}

.btn.btn-hover-bg-secondary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-secondary:focus:not(.btn-text),
.btn.btn-hover-bg-secondary.focus:not(.btn-text) {
    background-color: #E4E6EF !important;
    border-color: #E4E6EF !important;
}

.btn.btn-hover-bg-secondary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-secondary:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-bg-secondary.dropdown-toggle,
.show .btn.btn-hover-bg-secondary.btn-dropdown {
    background-color: #E4E6EF !important;
    border-color: #E4E6EF !important;
}

.btn.btn-bg-secondary {
    background-color: #E4E6EF;
    border-color: #E4E6EF;
}

.btn.btn-bg-secondary.disabled,
.btn.btn-bg-secondary:disabled {
    background-color: #E4E6EF;
    border-color: #E4E6EF;
}

.btn.btn-secondary.btn-shadow {
    -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.25) !important;
    box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.25) !important;
}

.btn.btn-secondary.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-secondary.btn-shadow:focus:not(.btn-text),
.btn.btn-secondary.btn-shadow.focus:not(.btn-text) {
    -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
    box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}

.btn.btn-secondary.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-secondary.btn-shadow:not(:disabled):not(.disabled).active,
.show>.btn.btn-secondary.btn-shadow.dropdown-toggle {
    -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
    box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}

.btn.btn-secondary.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-secondary.btn-shadow-hover:focus:not(.btn-text),
.btn.btn-secondary.btn-shadow-hover.focus:not(.btn-text) {
    -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
    box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}

.btn.btn-secondary.btn-shadow-hover:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-secondary.btn-shadow-hover:not(:disabled):not(.disabled).active,
.show>.btn.btn-secondary.btn-shadow-hover.dropdown-toggle {
    -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
    box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}

.btn.btn-light-success {
    color: #1BC5BD;
    background-color: #C9F7F5;
    border-color: transparent;
}

.btn.btn-light-success i {
    color: #1BC5BD;
}

.btn.btn-light-success .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.btn.btn-light-success .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-light-success.dropdown-toggle:after {
    color: #1BC5BD;
}

.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-success:focus:not(.btn-text),
.btn.btn-light-success.focus:not(.btn-text) {
    color: #ffffff;
    background-color: #1BC5BD;
    border-color: transparent;
}

.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-light-success:focus:not(.btn-text) i,
.btn.btn-light-success.focus:not(.btn-text) i {
    color: #ffffff;
}

.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-light-success:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-success.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-light-success:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-light-success:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-success.focus:not(.btn-text).dropdown-toggle:after {
    color: #ffffff;
}

.btn.btn-light-success.disabled,
.btn.btn-light-success:disabled {
    color: #1BC5BD;
    background-color: #C9F7F5;
    border-color: transparent;
}

.btn.btn-light-success.disabled i,
.btn.btn-light-success:disabled i {
    color: #1BC5BD;
}

.btn.btn-light-success.disabled .svg-icon svg g [fill],
.btn.btn-light-success:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.btn.btn-light-success.disabled .svg-icon svg:hover g [fill],
.btn.btn-light-success:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-light-success.disabled.dropdown-toggle:after,
.btn.btn-light-success:disabled.dropdown-toggle:after {
    color: #1BC5BD;
}

.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-light-success:not(:disabled):not(.disabled).active,
.show>.btn.btn-light-success.dropdown-toggle,
.show .btn.btn-light-success.btn-dropdown {
    color: #ffffff;
    background-color: #1BC5BD;
    border-color: transparent;
}

.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-light-success:not(:disabled):not(.disabled).active i,
.show>.btn.btn-light-success.dropdown-toggle i,
.show .btn.btn-light-success.btn-dropdown i {
    color: #ffffff;
}

.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-light-success.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-light-success.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-light-success.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-light-success.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-success:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-light-success.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-light-success.btn-dropdown.dropdown-toggle:after {
    color: #ffffff;
}

.btn.btn-transparent-success {
    color: #1BC5BD;
    background-color: rgba(27, 197, 189, 0.1);
    border-color: transparent;
}

.btn.btn-transparent-success i {
    color: #1BC5BD;
}

.btn.btn-transparent-success .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.btn.btn-transparent-success .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-transparent-success.dropdown-toggle:after {
    color: #1BC5BD;
}

.btn.btn-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-transparent-success:focus:not(.btn-text),
.btn.btn-transparent-success.focus:not(.btn-text) {
    color: #ffffff;
    background-color: #1BC5BD;
    border-color: transparent;
}

.btn.btn-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-transparent-success:focus:not(.btn-text) i,
.btn.btn-transparent-success.focus:not(.btn-text) i {
    color: #ffffff;
}

.btn.btn-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-transparent-success:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-transparent-success.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.btn.btn-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-transparent-success:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-transparent-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-transparent-success:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-transparent-success.focus:not(.btn-text).dropdown-toggle:after {
    color: #ffffff;
}

.btn.btn-transparent-success.disabled,
.btn.btn-transparent-success:disabled {
    color: #1BC5BD;
    background-color: rgba(27, 197, 189, 0.1);
    border-color: transparent;
}

.btn.btn-transparent-success.disabled i,
.btn.btn-transparent-success:disabled i {
    color: #1BC5BD;
}

.btn.btn-transparent-success.disabled .svg-icon svg g [fill],
.btn.btn-transparent-success:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.btn.btn-transparent-success.disabled .svg-icon svg:hover g [fill],
.btn.btn-transparent-success:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-transparent-success.disabled.dropdown-toggle:after,
.btn.btn-transparent-success:disabled.dropdown-toggle:after {
    color: #1BC5BD;
}

.btn.btn-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-transparent-success:not(:disabled):not(.disabled).active,
.show>.btn.btn-transparent-success.dropdown-toggle,
.show .btn.btn-transparent-success.btn-dropdown {
    color: #ffffff;
    background-color: #1BC5BD;
    border-color: transparent;
}

.btn.btn-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-transparent-success:not(:disabled):not(.disabled).active i,
.show>.btn.btn-transparent-success.dropdown-toggle i,
.show .btn.btn-transparent-success.btn-dropdown i {
    color: #ffffff;
}

.btn.btn-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-transparent-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-transparent-success.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-transparent-success.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

.btn.btn-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-transparent-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-transparent-success.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-transparent-success.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-transparent-success:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-transparent-success.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-transparent-success.btn-dropdown.dropdown-toggle:after {
    color: #ffffff;
}

.btn.btn-hover-transparent-success {
    color: #1BC5BD;
    background-color: transparent;
    border-color: transparent;
}

.btn.btn-hover-transparent-success i {
    color: #1BC5BD;
}

.btn.btn-hover-transparent-success .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.btn.btn-hover-transparent-success .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-transparent-success.dropdown-toggle:after {
    color: #1BC5BD;
}

.btn.btn-hover-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-transparent-success:focus:not(.btn-text),
.btn.btn-hover-transparent-success.focus:not(.btn-text) {
    color: #1BC5BD;
    background-color: rgba(27, 197, 189, 0.1);
    border-color: transparent;
}

.btn.btn-hover-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-transparent-success:focus:not(.btn-text) i,
.btn.btn-hover-transparent-success.focus:not(.btn-text) i {
    color: #1BC5BD;
}

.btn.btn-hover-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-hover-transparent-success:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-transparent-success.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.btn.btn-hover-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-hover-transparent-success:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-transparent-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-hover-transparent-success:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-transparent-success.focus:not(.btn-text).dropdown-toggle:after {
    color: #1BC5BD;
}

.btn.btn-hover-transparent-success.disabled,
.btn.btn-hover-transparent-success:disabled {
    color: #1BC5BD;
    background-color: transparent;
    border-color: transparent;
}

.btn.btn-hover-transparent-success.disabled i,
.btn.btn-hover-transparent-success:disabled i {
    color: #1BC5BD;
}

.btn.btn-hover-transparent-success.disabled .svg-icon svg g [fill],
.btn.btn-hover-transparent-success:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.btn.btn-hover-transparent-success.disabled .svg-icon svg:hover g [fill],
.btn.btn-hover-transparent-success:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-transparent-success.disabled.dropdown-toggle:after,
.btn.btn-hover-transparent-success:disabled.dropdown-toggle:after {
    color: #1BC5BD;
}

.btn.btn-hover-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-transparent-success:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-transparent-success.dropdown-toggle,
.show .btn.btn-hover-transparent-success.btn-dropdown {
    color: #1BC5BD;
    background-color: rgba(27, 197, 189, 0.1);
    border-color: transparent;
}

.btn.btn-hover-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-transparent-success:not(:disabled):not(.disabled).active i,
.show>.btn.btn-hover-transparent-success.dropdown-toggle i,
.show .btn.btn-hover-transparent-success.btn-dropdown i {
    color: #1BC5BD;
}

.btn.btn-hover-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-transparent-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-hover-transparent-success.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-transparent-success.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.btn.btn-hover-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-transparent-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-hover-transparent-success.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-transparent-success.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-transparent-success:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-hover-transparent-success.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-transparent-success.btn-dropdown.dropdown-toggle:after {
    color: #1BC5BD;
}

.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-light-success:focus:not(.btn-text),
.btn.btn-hover-light-success.focus:not(.btn-text) {
    color: #1BC5BD;
    background-color: #C9F7F5;
    border-color: transparent;
}

.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-light-success:focus:not(.btn-text) i,
.btn.btn-hover-light-success.focus:not(.btn-text) i {
    color: #1BC5BD;
}

.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-hover-light-success:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-light-success.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-hover-light-success:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-light-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-hover-light-success:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-light-success.focus:not(.btn-text).dropdown-toggle:after {
    color: #1BC5BD;
}

.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-light-success:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-light-success.dropdown-toggle,
.show .btn.btn-hover-light-success.btn-dropdown {
    color: #1BC5BD;
    background-color: #C9F7F5;
    border-color: transparent;
}

.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-light-success:not(:disabled):not(.disabled).active i,
.show>.btn.btn-hover-light-success.dropdown-toggle i,
.show .btn.btn-hover-light-success.btn-dropdown i {
    color: #1BC5BD;
}

.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-light-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-hover-light-success.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-light-success.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-light-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-hover-light-success.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-light-success.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-light-success:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-hover-light-success.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-light-success.btn-dropdown.dropdown-toggle:after {
    color: #1BC5BD;
}

.btn.btn-hover-light-success.btn-clean {
    border: 0 !important;
}

.btn.btn-link-success {
    border: 0;
    padding: 0 !important;
    border-radius: 0 !important;
    color: #1BC5BD;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn.btn-link-success i {
    color: #1BC5BD;
}

.btn.btn-link-success .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.btn.btn-link-success .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-link-success.dropdown-toggle:after {
    color: #1BC5BD;
}

.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-link-success:focus:not(.btn-text),
.btn.btn-link-success.focus:not(.btn-text) {
    color: #0BB7AF;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-link-success:focus:not(.btn-text) i,
.btn.btn-link-success.focus:not(.btn-text) i {
    color: #0BB7AF;
}

.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-link-success:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-link-success.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #0BB7AF;
}

.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-link-success:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-link-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-link-success:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-link-success.focus:not(.btn-text).dropdown-toggle:after {
    color: #0BB7AF;
}

.btn.btn-link-success.disabled,
.btn.btn-link-success:disabled {
    color: #1BC5BD;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn.btn-link-success.disabled i,
.btn.btn-link-success:disabled i {
    color: #1BC5BD;
}

.btn.btn-link-success.disabled .svg-icon svg g [fill],
.btn.btn-link-success:disabled .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD;
}

.btn.btn-link-success.disabled .svg-icon svg:hover g [fill],
.btn.btn-link-success:disabled .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-link-success.disabled.dropdown-toggle:after,
.btn.btn-link-success:disabled.dropdown-toggle:after {
    color: #1BC5BD;
}

.btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-link-success:not(:disabled):not(.disabled).active,
.show>.btn.btn-link-success.dropdown-toggle,
.show .btn.btn-link-success.btn-dropdown {
    color: #0BB7AF;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-link-success:not(:disabled):not(.disabled).active i,
.show>.btn.btn-link-success.dropdown-toggle i,
.show .btn.btn-link-success.btn-dropdown i {
    color: #0BB7AF;
}

.btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-link-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-link-success.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-link-success.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #0BB7AF;
}

.btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-link-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-link-success.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-link-success.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-link-success:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-link-success.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-link-success.btn-dropdown.dropdown-toggle:after {
    color: #0BB7AF;
}

.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-success:focus:not(.btn-text),
.btn.btn-hover-success.focus:not(.btn-text) {
    color: #ffffff !important;
    background-color: #1BC5BD !important;
    border-color: #1BC5BD !important;
}

.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-success:focus:not(.btn-text) i,
.btn.btn-hover-success.focus:not(.btn-text) i {
    color: #ffffff !important;
}

.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-hover-success:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-success.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff !important;
}

.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill],
.btn.btn-hover-success:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.btn.btn-hover-success:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-success.focus:not(.btn-text).dropdown-toggle:after {
    color: #ffffff !important;
}

.btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-success:not(:disabled):not(.disabled).active,
.show>.btn.btn-hover-success.dropdown-toggle,
.show .btn.btn-hover-success.btn-dropdown {
    color: #ffffff !important;
    background-color: #1BC5BD !important;
    border-color: #1BC5BD !important;
}

.btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-success:not(:disabled):not(.disabled).active i,
.show>.btn.btn-hover-success.dropdown-toggle i,
.show .btn.btn-hover-success.btn-dropdown i {
    color: #ffffff !important;
}

.btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show>.btn.btn-hover-success.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-success.btn-dropdown .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff !important;
}

.btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill],
.show>.btn.btn-hover-success.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-success.btn-dropdown .svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-success:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-hover-success.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-success.btn-dropdown.dropdown-toggle:after {
    color: #ffffff !important;
}

.btn.btn-hover-success.btn-clean {
    border: 0 !important;
}

.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-success.btn-shadow {
    -webkit-box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.25) !important;
    box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.25) !important;
}

.btn.btn-success.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-success.btn-shadow:focus:not(.btn-text),
.btn.btn-success.btn-shadow.focus:not(.btn-text) {
    -webkit-box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
    box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
}

.btn.btn-success.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-success.btn-shadow:not(:disabled):not(.disabled).active,
.show>.btn.btn-success.btn-shadow.dropdown-toggle {
    -webkit-box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
    box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
}

.btn.btn-success.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-success.btn-shadow-hover:focus:not(.btn-text),
.btn.btn-success.btn-shadow-hover.focus:not(.btn-text) {
    -webkit-box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
    box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
}

.btn.btn-success.btn-shadow-hover:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-success.btn-shadow-hover:not(:disabled):not(.disabled).active,
.show>.btn.btn-success.btn-shadow-hover.dropdown-toggle {
    -webkit-box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
    box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
}

.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; */
    /* position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: baseline;
    gap: 2px;
    font-size: 10px !important;
    top: 5px;
    border: 0px solid #efefef;
    padding: 2px 2px 2px 2px;
    border-radius: 30px;
    background: wheat; */
    /* position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: baseline;
    gap: 3px;
    font-size: 10px !important;
    top: 5px;
    border: 0px solid #efefef;
    padding: 2px 3px 2px 3px;
    border-radius: 25px;
    background: #d3d6da66; */
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: baseline;
    gap: 3px;
    font-size: 10px !important;
    top: 10px;
    border: 0px solid #efefef;
    padding: 3px 3px 3px 3px;
    border-radius: 30px;
    background: #d3d6da66;
    /* position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: baseline;
    gap: 3px;
    font-size: 10px !important;
    margin-top: -7.3em;
    border: 0px solid #efefef;
    padding: 3px 3px 3px 3px;
    border-radius: 30px;
    background: #d3d6da66; */
}

.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: 1.25s;
    bottom: 0.4px;
}

.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: 1.25s;
}

.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: 1.25s;
    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: 17px;
    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;
}

.icon-over-effect-ul-print 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;
    bottom: 0.4px;
}

.icon-over-effect-ul-print li:hover {
    width: 190px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
}

.icon-over-effect-ul-print 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-print li:hover::before {
    opacity: 1;
}

.icon-over-effect-ul-print 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;
}

.galerie-launch-button {
    transition: 0.5s;
    transition-delay: 0s;
}

.galerie-launch-button span {
    position: absolute;
    font-size: 10px !important;
    border: 1px solid #efefef00;
    border-radius: 0px;
    background: #ffffff66;
    width: 3em;
    height: 0em;
    display: flex;
    color: #e40808;
    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 */

.table-font-manager {
    font-weight: 600 !important;
    color: #74788d !important;
    font-family: Poppins, Helvetica, sans-serif;
}

.icon-over-effect-ul-pinned {
    /* 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; */
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: baseline;
    gap: 2px;
    font-size: 10px !important;
    top: 5px;
    border: 0px solid #efefef;
    padding: 2px 2px 2px 2px;
    border-radius: 30px;
    background: wheat;
}

.icon-over-effect-ul-pinned 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-pinned li:hover {
    width: 190px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
}

.icon-over-effect-ul-pinned 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-pinned li:hover::before {
    opacity: 1;
}

.icon-over-effect-ul-pinned 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-pinned li:hover::after {
    opacity: 0.5;
}

.icon-over-effect-ul-pinned li .icon {
    color: #777;
    font-size: 12px;
    transition: 0.5s;
    transition-delay: 0.25s;
}

.icon-over-effect-ul-pinned li:hover .icon {
    transform: scale(0);
    color: white;
    transition-delay: 0s;
}

.icon-over-effect-ul-pinned li span {
    position: absolute;
}

.icon-over-effect-ul-pinned 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-pinned li:hover .title {
    color: white !important;
    transform: scale(1);
    transition-delay: 0.25s;
    padding: 4px !important;
}

.ex-timeline {
    /* display: flex;
    align-items: center;
    height: 43em;
    position: relative;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-left: 2.2em;
    margin-top: 6em;
    overflow-x: scroll;
    padding-left: 1.4em;
    padding-bottom: 18em !important; */

    /* display: flex;
    align-items: center;
    height: 43em; */
    /* position: relative; */
    /* justify-content: flex-start; */
    /* flex-wrap: nowrap; */
    /* margin-left: 0.2em;
    margin-top: 6em;
    overflow: scroll;
    padding-left: 1.4em;
    padding-bottom: 18em !important; */

    display: flex;
    align-items: center;
    height: 29em;
    position: relative !important;
    margin-left: 0.2em;
    overflow: scroll;
    padding-left: 1.4em;
    padding-bottom: 0em !important;
}

.ex-event1,
.ex-event2,
.ex-event3 {
    position: relative;
}

.ex-event1Bubble {
    position: absolute;
    /* background-color: rgb(255 255 255); */
    background-color: rgb(248 248 248 / 66%);
    width: 200px;
    min-width: 200px;
    height: 96px;
    bottom: 5.6em;
    left: -14.9px;
    border-radius: 4px;
    border-top: 7px solid #a71930;
}

.ex-event2Bubble {
    position: absolute;
    background-color: rgba(158, 158, 158, 0.1);
    width: 200px;
    min-width: 200px;
    height: 90px;
    /* right: -10px; */
    left: -10px;
    top: 6em;
    border-radius: 4px;
    border-bottom: 7px solid #a71930;
}

.ex-event1Bubble:after,
.ex-event1Bubble:before,
.ex-event2Bubble:after,
.ex-event2Bubble:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
}

.ex-event1Bubble:before {
    bottom: -13.3px;
    left: 13.063px;
    border-top-color: rgb(255 255 255);
    border-width: 0px;
}

.ex-event1Bubble:after {
    /* bottom: -20px;
    left: 14.9px;
    border-top-color: #004165;
    border-width: 11px;
    position: relative; */

    top: 4.1em;
    /* left: 149.1px; */
    left: 1.772001rem;
    border-top-color: #004165;
    border-top: 5em solid #004165;
    /* -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); */
}

.ex-event2Bubble:before {
    bottom: 82px;
    left: 8.4px;
    /* border-top-color: rgb(238 238 238); */
    /* border-width: 0px; */
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ex-event2Bubble:after {
    /* bottom: 80.1px; */
    /* left: 149.1px; */
    /* left: 10px;
    border-top-color: #004165;
    border-width: 11px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); */


    bottom: 4.2em;
    /* left: 149.1px; */
    left: 1.39rem;
    border-top-color: #004165;
    border-top: 5em solid #004165;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* transform: rotate(180deg); */
    /* border-right: 0.119em solid #004165;*/
}

.ex-eventTime {
    display: flex;
}

.ex-DayDigit {
    font-size: xx-large;
    margin-left: 10px;
    color: #4C4A4A;
}

.ex-Day {
    font-size: 11px;
    margin-left: 7px;
    font-weight: bold;
    margin-top: 11px;
    color: #004165;
    text-transform: uppercase;
    font-family: 'Trebuchet MS', sans-serif;
}

.ex-MonthYear {
    font-weight: 500;
    line-height: 8px;
    color: #676060;
    font-size: 12px;
    text-transform: none;
}

.ex-eventTitle {
    color: #a71930;
    font-size: 13px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-left: 12px;
    margin-top: -5px;
    font-weight: 500;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ex-time {
    position: absolute;
    font-family: 'Trebuchet MS', sans-serif;
    width: 50px;
    font-size: 11px;
    margin-top: -3px;
    margin-left: -7px;
    color: #004165;
    font-weight: 700;
}

.ex-eventAuthor {
    /* position: absolute;
    font-size: 10px;
    width: 100px;
    top: -13px;
    left: 50px;
    font-weight: 400;
    width: 20em; */
    /* position: absolute;
    font-size: 10px;
    width: 100px;
    bottom: 14em;
    left: -10px;
    font-weight: 400;
    width: 20em; */

    position: absolute;
    font-size: 10px;
    width: 100px;
    bottom: 19.7em;
    left: -10px;
    font-weight: 400;
    width: 20em;
}

.ex-event2Author {
    position: absolute;
    font-size: 10px;
    width: 100px;
    top: 20.7em;
    /* right: 71px; */
    left: -10px;
    font-weight: 400;
}

.ex-time2 {
    position: absolute;
    font-family: 'Trebuchet MS', sans-serif;
    width: 50px;
    font-size: 11px;
    margin-top: -46px;
    margin-left: -9px;
    color: #004165;
    font-weight: 700;
}

.ex-now {
    background-color: #004165;
    color: white;
    border-radius: 7px;
    margin: 0px;
    padding: 5px;
    font-size: 12px;
    /* font-family: 'Trebuchet MS', sans-serif; */
    border: 2px solid white;
    font-weight: 600;
    box-shadow: 0 0 0 4px #004165;
}

.ex-futureGray {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

.ex-futureOpacity {
    -webkit-filter: opacity(.3);
    filter: opacity(.3);
}

.dotted-scroll-control {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    list-style-type: none;
    overflow-anchor: none;
    gap: 10px;
}

.dotted-scroll-control a {
    border: 10px solid #863434;
    border-radius: 30px;
    opacity: 0.4;
    cursor: pointer;
}

.dotted-scroll-control a.active {
    opacity: 1;
}

.dotted-scroll-control a:hover {
    opacity: 1;
}

.note-action-perform-parent {
    top: -4.2rem;
    position: absolute;
    border: 0px solid #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    opacity: 0;
    z-index: 1;
    transition: 0.5s;
    transition-delay: 0.25s;
}


/* .note-action-perform-parent:hover {
    /* opacity: 1;
    background: #00000099;
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 43%); */


/*
    opacity: 1;
    background: linear-gradient(0deg, #00000075, transparent);
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 43%);
    top: 0em;
    height: 100%;
} */

.hover-quicknote {
    opacity: 1;
    background: linear-gradient(0deg, #00000075, transparent);
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 43%);
    top: 0em;
    height: 100%;
    z-index: 3;
}

.note-action-perform {
    gap: 0.7rem;
    top: 0;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    align-items: center;
    list-style-type: none;
    justify-content: center;
    padding: 0;
    width: 100%;
    border: 0px solid #000;
    height: inherit;
}

.note-action-perform:hover {
    opacity: 1;
}

.note-action-perform li {
    position: relative;
    list-style: none;
    width: 52px;
    height: 52px;
    background: #ffffff;
    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: 21px;
    transition: 0.05s;
    transition-delay: 0.04s;
    opacity: 0.9;
}

.note-action-perform li:hover {
    color: #863434;
    font-size: 24px;
    opacity: 1;
    border: 2px solid #863434;
}

.note-action-perform li .icon {
    color: #777;
}

.note-action-perform li .icon-rotate-note {
    transition: 0.05s;
    transition-delay: 0.04s;
}

.note-action-perform li .icon-rotate-note:hover {
    -webkit-transform: rotate(41deg);
    transform: rotate(41deg);
}

.note-pinned-icon {
    position: absolute;
    left: 50%;
    margin-top: -1.4em;
    rotate: 35deg;
    font-size: 2em !important;
    z-index: 4 !important;
    display: block !important;
}

.ex-tools-fsmall {
    height: 8.4em !important;
    padding: 5px 2px 5px 0px;
}

.ex-tools-folder {
    padding: 5px 2px 5px 0px;
}

.ex-tools-folder-title {
    font-weight: 500;
    margin-top: 0.5em;
    position: relative;
    white-space: normal;
    overflow-wrap: break-word;
}

.ex-tools-selected-folder {
    border: 1px solid #efefef;
    background: #efefef;
    border-radius: 5px;
}

.ex-tools-selected-folder-title {
    color: #fff;
    font-weight: 700;
    margin-top: 0.5em;
    position: relative;
    border-radius: 5px;
    background: #0167b8b8;
}

.ex-rep-link {
    background: #f1a40200;
    padding: 0.15em 0.5em 0.15em 0.5em;
    border-radius: 5px;
    border: 1px solid #e1e3ec;
    font-weight: 400;
    color: #35373c;
}

.tab-line-deco-stat {
    cursor: default;
    position: absolute;
    width: 90%;
    left: 7.8%;
    margin-top: -2em;
    opacity: 1;
    transition: 0.5s;
    transition-delay: 0.25s;
    /* padding: 0px 3em 0px 10.7em; */
}

.tab-line-deco-stat:hover {
    opacity: 1;
}

.ex-motif-text {
    position: absolute;
    min-width: 65em !important;
    border-left: 8px solid #a6a5a53d;
    z-index: 2;
    white-space: normal;
    background: #f5f5f5;
    padding: 0.5em 0em 0.9em 2em;
    text-align: justify;
    margin: -3.7em 0em 0em 5em;
    max-height: 10em;
    height: auto;
    border-radius: 4px 5px 5px 4px;
    -webkit-box-shadow: 0px -14px 0px 0px rgb(255 255 255);
    box-shadow: 0px -14px 0px 0px rgb(255 255 255);
    display: none;
    border-right: 8px solid #a6a5a53d;
}

.ex-motif-text-container::-webkit-scrollbar {
    display: none;
}

.ex-motif-text::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    top: -4px;
    left: -3.4px;
    border-top-color: rgb(0 65 101);
    border-width: 13px;
    position: absolute;
    color: rgb(0 65 101);
    font-size: 3em !important;
}

.ex-motif-text-container {
    height: auto;
    max-height: 6em;
    overflow-y: hidden;
    max-width: 51em !important;
    width: auto;
    text-transform: none;
}

.ex-motif-text-container:hover {
    overflow-y: scroll;
    scroll-behavior: smooth;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

.ex-blob-pulse {
    /* background: black;
    border-radius: 50px;
    height: 45px;
    width: 45px;
    box-shadow: 0 0 0 0 rgba(105, 147, 255, 1);
    transform: scale(1);
    animation: expulse 2s infinite;
    position: absolute;
    padding: 0.27px;
    margin-top: -1.3em !important;
    right: 78%; */

    /* background: black;
    border-radius: 50px;
    box-shadow: 0 0 0 0 rgba(105, 147, 255, 1);
    transform: scale(1);
    animation: expulse 2s infinite;
    position: absolute;
    padding: 0.27px;
    margin-top: -5.7em !important;
    right: 4%; */

    /* background: black;
    border-radius: 0px !important;
    box-shadow: 0 0 0 0 rgba(105, 147, 255, 1);
    transform: scale(1);
    animation: expulse 2s infinite;
    position: absolute;
    margin-top: -5.7em !important;
    right: 84.8% !important;
    padding: 0.05rem 0.35rem !important; */

    /* background: black; */
    /* border-radius: 0px !important; */
    box-shadow: 0 0 0 0 rgba(105, 147, 255, 1);
    transform: scale(1);
    animation: expulse 2s infinite;
    /* position: absolute; */
    /* margin-top: -5.7em !important; */
    /* right: 84.8% !important; */
    /* padding: 0.05rem 0.35rem !important; */
}

@keyframes expulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(105, 147, 255, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(105, 147, 255, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(105, 147, 255, 0);
    }
}

.leaf-button-animate {
    width: 3.3rem;
    height: 3.3rem;
    transform: scale(1);
    animation: expulse 3s infinite;
    transition: top 2s, left 2s, width 2s;
}

/* .leaf-button-animate:hover {
    transform: scale(1);
    animation: expulse 2s infinite;
} */

.checkbox-image-flipper-container {
    border: 2px solid #efefef !important;
    padding: 0.45em 0.9em;
    width: 100%;
    max-width: 60px;
    height: 60px;
    transition: top 2s, left 2s, width 2s;
}

.checkbox-image-flipper-container-tr {
    opacity: 0.4;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.checkbox-image-flipper-container-checked {
    border: 3px solid #092092 !important;
    padding: 0.45em 0.9em;
    width: 100%;
    max-width: 60px;
    height: 60px;
    transition: top 2s, left 2s, width 2s;
    opacity: 1 !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.checkbox-image-flipper-container-checked i {
    opacity: 1 !important;
    color: #092092 !important;
}

.checkbox-image-flipper {
    font-size: 1.4em;
    color: lightgray;
}

.watermarked {
    position: relative;
    overflow: hidden;
}

.watermarked img {
    width: 100%;
}

.watermarked::before {
    position: absolute;
    top: -75%;
    left: -75%;

    display: block;
    width: 150%;
    height: 150%;

    transform: rotate(-45deg);
    content: attr(data-watermark);

    opacity: 0.7;
    line-height: 3em;
    letter-spacing: 2px;
    color: #fff;
}

.half-page {
    width: 40% !important;
}

.half-page-2 {
    width: 68% !important;
}

.connexion-title::before,
.connexion-title::after {
    position: absolute;
    z-index: 3;
    content: '';
    display: inline-block;
    width: 30px;
    height: 5px;
    border-radius: 5px;
    /* background-color: #1C1C74; */
    background-color: #f3b405;
}

.connexion-title::before {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.connexion-title::after {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

[data-mutation-observer-radar] {
    display: none;
    opacity: 0;
}

.pined-note {
    background: #fbfbfd;
    margin-bottom: 5em;
    border-bottom: 1px dashed #74788d;
    padding: 20px 10px 24px 10px;
    border-radius: 7px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.delius-regular {
    font-family: "Delius", cursive !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

.catamaran-500 {
    font-family: "Catamaran", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 500 !important;
    font-style: normal !important;
}

.glory {
    font-family: "Glory", sans-serif !important;
    font-optical-sizing: auto !important;
    font-style: normal !important;
}

.glory-300 {
    font-family: "Glory", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 500 !important;
    font-style: normal !important;
}

.glory-500 {
    font-family: "Glory", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 500 !important;
    font-style: normal !important;
}

.glory-600 {
    font-family: "Glory", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 600 !important;
    font-style: normal !important;
}

.glory-700 {
    font-family: "Glory", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

.glory-800 {
    font-family: "Glory", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 800 !important;
    font-style: normal !important;
}

.glory-900 {
    font-family: "Glory", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 900 !important;
    font-style: normal !important;
}

.changa-800 {
    font-family: "Changa", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 800 !important;
    font-style: normal !important;
}

.overflow-ellipse {
    text-align: left;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1051;
    background-color: rgb(0 0 0 / 82%);
}

.inline-gallery-container {
    width: 700px;
    height: 500px;
    position: relative;
}


/* For caption animation(Optional) */
.lightGallery-captions {
    h4 {
        transform: translate3d(60px, 0, 0px);
    }

    p {
        transform: translate3d(-60px, 0, 0px);
    }

    h4,
    p {
        opacity: 0;
    }
}

.lg-current {
    .lightGallery-captions {

        h4,
        p {
            transform: translate3d(0, 0, 0px);
        }

        h4,
        p {
            opacity: 1;
        }
    }
}

.lg-slide-progress {
    .lightGallery-captions {
        h4 {
            transform: translate3d(-60px, 0, 0px);
        }

        p {
            transform: translate3d(60px, 0, 0px);
        }

        h4,
        p {
            opacity: 0;
        }
    }
}

.lightGallery-captions {

    h4,
    p {
        transition: transform 0.4s ease-in-out, opacity 0.4s ease-in;
    }
}

.lg-current {
    .lightGallery-captions {

        h4,
        p {
            transition-delay: 500ms;
        }
    }

    &.lg-slide-progress {
        .lightGallery-captions {

            h4,
            p {
                transition-delay: 0ms;
            }
        }
    }
}

/* style apporté */
/* @page {
    size: 7in 9.25in;
    margin: 27mm 16mm 27mm 16mm;
} */

/* section 1 */
.secton1-new {
    padding: 20px;
    position: relative;
}

.section-divider-new {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.divider-new {
    display: flex;
    align-items: center;

}

.divider-new hr {
    /* background: rgb(247 182 0) !important; */
    background: #1a1f71 !important;
    width: 28.3em;
    height: 5px;
}

.text-new {
    white-space: nowrap;
    margin-left: 10px
}


.title1-new {
    padding: 30px;
}

.image-section1-new img {
    width: 700px;
}

/* section2 */

.section2-new {
    margin-top: 50px;
}

.section-bg-new {
    background-color: #1a1f71;
    padding: 0.5em;
    color: #ffffff;
    height: 10em;
}

.image-section2-new img {
    width: 300px
}

.text-groupe-new {
    margin-top: -50px;
}

.textes-para-section2 p {
    margin-bottom: 9px;
}

.divider2-new {
    background: #f7b600 !important;
    width: 50em;
    height: 5px;
}

.texte-p-section2 {
    margin-top: 10px;
    font-size: 13px;
}

.section-end-new {
    margin-top: 70px;
    padding: 5px;
    background-color: #1a1f71;
    color: #ffffff;
    height: 5em;
}

/* section 3 */
.section3-new {
    margin-top: 80px;
}

.section-3-1-new {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.section3-text-group-new {
    display: flex;
    justify-content: flex-start;
    gap: 40px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.section3-location {
    margin-top: -20px;
}

.section3-tableau-new {
    background-color: #f6f5f5;
    margin-top: 10px;
    padding: 10px;
    height: 380px;
}


.section3-tableau-new-header {
    margin-top: 20px;
    padding: 20px;
}

.textes-section3-1-new {
    display: flex;
    justify-content: flex-start;
    gap: 40px;
    font-size: 9px;
}

.image-localisation img {
    width: 400px;
    margin-left: -80px;
    margin-top: -20px;
}

.section3-end-new {
    margin-top: -5px;
    padding: 5px;
    background-color: #1a1f71;
    color: #ffffff;
    height: 100px;
}

/* SECTION 4 */
.section-4-new {
    margin-top: 30px;
}

.section4-divider-new {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.divider4-new {
    display: flex;
    align-items: center;
}

.divider4-new hr {
    background: #f7b600 !important;
    width: 100px;
    height: 5px;
}

.text-4-new {
    margin-left: 10px;
}

/* .vertical-nav {
    height: 54vh;
    margin-top: 93px;
} */

.vertical-nav {
    height: 54vh;
    margin-top: 0.5em;
}

.vertical-nav ul {
    list-style-type: none;
    padding: 3.7em 3.3em;
    font-size: 1.5rem;
    margin-top: 5px;
    background-color: #f7b600;
    height: 65vh;
    text-transform: uppercase;
}

.vertical-nav li {
    margin: 0.8em 0;
    padding: 0.2em 0;
}

.vertical-nav a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    display: block;
    transform: rotate(-90deg);
    transform-origin: left;
    /* padding: 10px;  */
    margin-bottom: 80px;
}

.vertical-nav a:hover {
    color: #FFF;
    background-color: #1a1f71;
    width: 4.8em;
    padding: 0.1em 0em;
    border-radius: 0.3rem;
}

.vertical-nav a.active {
    color: #FFF;
    background-color: #1a1f71;
    width: 4.8em;
    padding: 0.1em 0em;
    border-radius: 0.3rem;
}


.image-section {
    height: 54vh;
    position: relative;
    margin-left: -40px;
    margin-top: -20px;
}


.image-section img {
    width: 900px;
}

.footer-group-section4-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 70px;
}

.footer-group-text-section4-new {
    display: flex;
    align-items: center;
}

.footer-group-text-section4-new h1 {
    justify-content: end;
    text-align: end;
    margin-left: 60%;
}

/* SECTION 5 */

.image1-section5-new img {
    width: 600px;
}

.image2-section5-new img {
    width: 600px;
    margin-top: 30%;
    margin-left: -30%;
}

/* SECTION6 */
.footer-group-section6-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 130px;
}

/* SECTION 7 */
.vertical-nav-sec7 {
    height: 54vh;
    margin-top: 50px;
}

.vertical-nav-sec7 ul {
    list-style-type: none;
    padding: 80px;
    font-size: 20px;
    margin-top: 40px;
    background-color: #f8f9fa;
}

.vertical-nav-sec7 li {
    margin: 20px 0;
}

.vertical-nav-sec7 a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    display: block;
    transform: rotate(-90deg);
    transform-origin: left;
    /* padding: 10px;  */
    margin-bottom: 80px;
}

.vertical-nav-sec7 a:hover {
    color: #FFF;
    background-color: #1a1f71;
    width: 100px;
}

.vertical-nav-sec7 a.active {
    color: #FFF;
    background-color: #1a1f71;
    width: 100px;
}

.images-section7 img {
    margin-left: -30%;
}

.footer-group-section7-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 100px;
}

/* section 8 */

.vertical-nav-sec8 {
    height: 54vh;
    margin-top: 50px;
}

.vertical-nav-sec8 ul {
    list-style-type: none;
    padding: 80px;
    font-size: 20px;
    margin-top: 40px;
    background-color: #f8f9fa;
}

.vertical-nav-sec8 li {
    margin: 20px 0;
}

.vertical-nav-sec8 a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    display: block;
    transform: rotate(-90deg);
    transform-origin: left;
    /* padding: 10px;  */
    margin-bottom: 80px;
}

.vertical-nav-sec8 a:hover {
    color: #FFF;
    background-color: #1a1f71;
    width: 100px;
}

.vertical-nav-sec8 a.active {
    color: #FFF;
    background-color: #1a1f71;
    width: 100px;
}

/* section 9 */

.vertical-nav-sec9 {
    height: 54vh;
    margin-top: 50px;
}

.vertical-nav-sec9 ul {
    list-style-type: none;
    padding: 80px;
    font-size: 20px;
    margin-top: 40px;
    background-color: #f8f9fa;
}

.vertical-nav-sec9 li {
    margin: 20px 0;
}

.vertical-nav-sec9 a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    display: block;
    transform: rotate(-90deg);
    transform-origin: left;
    /* padding: 10px;  */
    margin-bottom: 80px;
}

.vertical-nav-sec9 a:hover {
    color: #FFF;
    background-color: #1a1f71;
    width: 100px;
}

.vertical-nav-sec9 a.active {
    color: #FFF;
    background-color: #1a1f71;
    width: 100px;
}

.image-section9 img {
    width: 800px;
}

.footer-group-section9-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 100px;
}

/* section 10 */

.vertical-nav-sec10 {
    height: 54vh;
    margin-top: 50px;
}

.vertical-nav-sec10 ul {
    list-style-type: none;
    padding: 80px;
    font-size: 20px;
    margin-top: 40px;
    background-color: #f8f9fa;
}

.vertical-nav-sec10 li {
    margin: 20px 0;
}

.vertical-nav-sec10 a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    display: block;
    transform: rotate(-90deg);
    transform-origin: left;
    /* padding: 10px;  */
    margin-bottom: 80px;
}

.vertical-nav-sec10 a:hover {
    color: #FFF;
    background-color: #012A2E;
    width: 100px;
}

.vertical-nav-sec10 a.active {
    color: #FFF;
    background-color: #012A2E;
    width: 100px;
}

.image-section10 img {
    width: 800px;
}

.footer-group-section10-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 120px;
}

/* section 11 */

.vertical-nav-sec11 {
    height: 54vh;
    margin-top: 50px;
}

.vertical-nav-sec11 ul {
    list-style-type: none;
    padding: 80px;
    font-size: 20px;
    margin-top: 40px;
    background-color: #f8f9fa;
}

.vertical-nav-sec11 li {
    margin: 20px 0;
}

.vertical-nav-sec11 a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    display: block;
    transform: rotate(-90deg);
    transform-origin: left;
    /* padding: 10px;  */
    margin-bottom: 80px;
}

.vertical-nav-sec11 a:hover {
    color: #FFF;
    background-color: #012A2E;
    width: 100px;
}

.vertical-nav-sec11 a.active {
    color: #FFF;
    background-color: #012A2E;
    width: 100px;
}

.image-section11 img {
    width: 800px;
}

.footer-group-section11-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}

/* section 12 */

.vertical-nav-sec12 {
    height: 54vh;
    margin-top: 50px;
}

.vertical-nav-sec12 ul {
    list-style-type: none;
    padding: 80px;
    font-size: 20px;
    margin-top: 40px;
    background-color: #f8f9fa;
}

.vertical-nav-sec12 li {
    margin: 20px 0;
}

.vertical-nav-sec12 a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    display: block;
    transform: rotate(-90deg);
    transform-origin: left;
    /* padding: 10px;  */
    margin-bottom: 80px;
}

.vertical-nav-sec12 a:hover {
    color: #FFF;
    background-color: #012A2E;
    width: 100px;
}

.vertical-nav-sec12 a.active {
    color: #FFF;
    background-color: #012A2E;
    width: 100px;
}

.image-section12 img {
    width: 800px;
}

.footer-group-section12-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}

/* section 13 */

.vertical-nav-sec13 {
    height: 54vh;
    margin-top: 50px;
}

.vertical-nav-sec13 ul {
    list-style-type: none;
    padding: 80px;
    font-size: 20px;
    margin-top: 40px;
    background-color: #f8f9fa;
}

.vertical-nav-sec13 li {
    margin: 20px 0;
}

.vertical-nav-sec13 a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    display: block;
    transform: rotate(-90deg);
    transform-origin: left;
    /* padding: 10px;  */
    margin-bottom: 80px;
}

.vertical-nav-sec13 a:hover {
    color: #FFF;
    background-color: #012A2E;
    width: 100px;
}

.vertical-nav-sec13 a.active {
    color: #FFF;
    background-color: #012A2E;
    width: 100px;
}

.image-section13 img {
    width: 800px;
}

.footer-group-section13-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}


/* section 14 */

.section-14-new {
    margin-top: -15px;
}

.vertical-nav-sec14 {
    height: 54vh;
    margin-top: 5px;
}

.vertical-nav-sec14 ul {
    list-style-type: none;
    padding: 80px;
    font-size: 20px;
    margin-top: 40px;
    background-color: #f8f9fa;
}

.vertical-nav-sec14 li {
    margin: 20px 0;
}

.vertical-nav-sec14 a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    display: block;
    transform: rotate(-90deg);
    transform-origin: left;
    /* padding: 10px;  */
    margin-bottom: 80px;
}

.vertical-nav-sec14 a:hover {
    color: #FFF;
    background-color: #012A2E;
    width: 100px;
}

.vertical-nav-sec14 a.active {
    color: #FFF;
    background-color: #012A2E;
    width: 100px;
}

.logo-note {
    justify-content: end;
    text-align: end;
    margin-left: -10%;
}

.note-section {
    background: repeating-linear-gradient(white, white 29px, black 30px);
    height: 37em;
    width: 57em;
    padding: 0px;
    box-sizing: border-box;
    position: relative;
    margin-top: -2.8em;
}

.footer-group-section14-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 120px;
}


/* section 15 */

.section-col-1 {
    background-color: #1a1f71;
    padding: 20px 53px 3px 53px;
    color: #ffffff;
}

.section-col-2 hr {
    background: #f7b600;
    width: 200px;
    height: 5px;
    margin-left: -30%;
    margin-top: 40%;
}

.section-col-3 {
    padding: 30px;
}

.image-section15 img {
    width: 900px;
    margin-top: -90px;
}

.footer-group-section15-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -90px;
}

@media screen and (min-width: 1000px) and (max-width: 1500px) {
    .image-section1-new img {
        width: 600px;
    }

    .divider-new hr {
        margin-left: -20%;
    }

    /* section2 */
    .image-section2-new img {
        width: 339px;
    }

    .divider2-new {
        width: 719px;
    }

    .section-end-new {
        height: 161px;
    }

    /* section3 */

    .image-localisation img {
        width: 486px;
    }


    /* SECTION4 */

    .vertical-nav {
        height: 80vh;
        margin-top: 5%;
    }

}

@media print and (orientation: landscape) {
    @page {
        size: A4 landscape;
        margin: 10mm;
    }

    body {
        font-size: 12pt;
    }

    /* section 1 */
    .secton1-new {
        padding: 20px;
    }

    .section-divider-new {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        /* margin-left: 20%; */

    }

    .divider-new {
        display: flex;
        align-items: center;

    }

    .divider-new hr {
        background: #f7b600 !important;
        width: 600px;
        height: 5px;
    }

    .text-new {
        white-space: nowrap;
        margin-left: 10px
    }


    .title1-new {
        padding: 30px;
    }

    .image-section1-new img {
        width: 700px;
    }

    /* section2 */

    .section2-new {
        margin-top: 50px;
    }

    .section-bg-new {
        background-color: #012A2E;
        padding: 0.5em;
        color: #ffffff;
        height: 10em;
    }

    .image-section2-new img {
        width: 300px
    }

    .text-groupe-new {
        margin-top: -60px;
    }

    .divider2-new {
        background: #f7b600 !important;
        width: 50em;
        height: 5px;
    }

    .textes-p-section2 {
        margin-top: 10px;
        font-size: 13px;
    }

    /* .section-end-new{
        margin-top: 60px;
        padding: 5px;
        background-color:#012A2E;
        color: #ffffff;
        height: 150px;
    } */

    .section-end-new {
        margin-top: 40px;
        padding: 5px;
        background-color: #012A2E;
        color: #ffffff;
        height: 110px;
    }

    /* section 3 */
    .section3-new {
        margin-top: 80px;
    }

    .section3-bg-new {
        background-color: #012A2E;
        padding: 15px;
        color: #ffffff;
        height: 200px;

    }

    .section-3-1-new {
        display: flex;
        align-items: center;
        margin-top: 90px;
    }

    .section3-text-group-new {
        display: flex;
        justify-content: flex-start;
        gap: 40px;
        flex-wrap: wrap;
        margin-top: -100px;
    }

    .section3-location {
        margin-top: -30px;
    }

    .section3-tableau-new-header {
        margin-top: 20px;
        padding: 20px;
    }

    .section3-tableau-new {
        background-color: #f6f5f5;
        margin-top: 20px;
        padding: 20px;
        height: 320px;
        line-height: 0.5;
    }

    .textes-section3-1-new {
        display: flex;
        justify-content: flex-start;
        gap: 40px;
        font-size: 10px;
    }

    .image-localisation img {
        width: 400px;
        height: 200px;
        margin-left: -60px
    }

    .section3-end-new {
        margin-top: 5px;
        padding: 5px;
        background-color: #012A2E;
        color: #ffffff;
        height: 100px;
    }


    /* SECTION 4 */
    .section-4-new {
        margin-top: 30px;
    }

    .section4-divider-new {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .divider4-new {
        display: flex;
        align-items: center;
    }

    .divider4-new hr {
        background: #f7b600 !important;
        width: 100px;
        height: 5px;
    }

    .text-4-new {
        margin-left: 10px;
    }

    /* .vertical-nav {
        height: 54vh;
        margin-top: 93px;
    } */

    .vertical-nav {
        height: 54vh;
        margin-top: 0.5em;
    }

    .vertical-nav ul {
        list-style-type: none;
        padding: 3.7em 3.3em;
        font-size: 1.5rem;
        margin-top: 5px;
        background-color: #f7b600;
        height: 65vh;
        text-transform: uppercase;
    }

    .vertical-nav li {
        margin: 0.8em 0;
        padding: 0.2em 0;
    }

    .vertical-nav a {
        color: #333;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        display: block;
        transform: rotate(-90deg);
        transform-origin: left;
        margin-bottom: 45px;
    }

    .vertical-nav a:hover {
        color: #FFF;
        background-color: #012A2E;
        width: 4.8em;
        padding: 0.1em 0em;
        border-radius: 0.3rem;
    }

    .vertical-nav a.active {
        color: #FFF;
        background-color: #012A2E;
        width: 4.8em;
        padding: 0.1em 0em;
        border-radius: 0.3rem;
    }


    .image-section {
        height: 54vh;
        position: relative;
        margin-left: -40px;
        margin-top: -20px;
    }

    .image-section img {
        width: 600px;
    }

    .footer-group-section4-new {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 90px;
    }

    .footer-group-text-section4-new {
        display: flex;
        align-items: center;
    }

    .footer-group-text-section4-new h1 {
        justify-content: end;
        text-align: end;
        margin-left: 60%;
    }

    /* SECTION 5 */

    .images-section5 {
        margin-top: -30px;
    }

    .image1-section5-new img {
        width: 500px;
    }

    .image2-section5-new img {
        width: 600px;
        margin-top: 30%;
        margin-left: -20%;
    }

    /* SECTION6 */
    .footer-group-section6-new {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 130px;
    }

    /* SECTION 7 */

    .vertical-nav-sec7 {
        height: 54vh;
        margin-top: 50px;
    }

    .vertical-nav-sec7 ul {
        list-style-type: none;
        padding: 80px;
        font-size: 20px;
        margin-top: 40px;
        background-color: #f8f9fa;
    }

    .vertical-nav-sec7 li {
        margin: 20px 0;
    }

    .vertical-nav-sec7 a {
        color: #333;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        display: block;
        transform: rotate(-90deg);
        transform-origin: left;
        /* padding: 10px;  */
        margin-bottom: 80px;
    }

    .vertical-nav-sec7 a:hover {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .vertical-nav-sec7 a.active {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .image-section7 img {
        margin-left: -30%;
    }

    .footer-group-section7-new {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 80px;
    }

    /* section 8 */

    .vertical-nav-sec8 {
        height: 54vh;
        margin-top: 50px;
    }

    .vertical-nav-sec8 ul {
        list-style-type: none;
        padding: 80px;
        font-size: 20px;
        margin-top: 40px;
        background-color: #f8f9fa;
    }

    .vertical-nav-sec8 li {
        margin: 20px 0;
    }

    .vertical-nav-sec8 a {
        color: #333;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        display: block;
        transform: rotate(-90deg);
        transform-origin: left;
        /* padding: 10px;  */
        margin-bottom: 80px;
    }

    .vertical-nav-sec8 a:hover {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .vertical-nav-sec8 a.active {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    /* section 9 */

    .vertical-nav-sec9 {
        height: 54vh;
        margin-top: 50px;
    }

    .vertical-nav-sec9 ul {
        list-style-type: none;
        padding: 80px;
        font-size: 20px;
        margin-top: 40px;
        background-color: #f8f9fa;
    }

    .vertical-nav-sec9 li {
        margin: 20px 0;
    }

    .vertical-nav-sec9 a {
        color: #333;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        display: block;
        transform: rotate(-90deg);
        transform-origin: left;
        /* padding: 10px;  */
        margin-bottom: 80px;
    }

    .vertical-nav-sec9 a:hover {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .vertical-nav-sec9 a.active {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .image-section9 img {
        width: 600px;
    }

    .footer-group-section9-new {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 130px;
    }

    /* section 10 */

    .vertical-nav-sec10 {
        height: 54vh;
        margin-top: 50px;
    }

    .vertical-nav-sec10 ul {
        list-style-type: none;
        padding: 80px;
        font-size: 20px;
        margin-top: 40px;
        background-color: #f8f9fa;
    }

    .vertical-nav-sec10 li {
        margin: 20px 0;
    }

    .vertical-nav-sec10 a {
        color: #333;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        display: block;
        transform: rotate(-90deg);
        transform-origin: left;
        /* padding: 10px;  */
        margin-bottom: 80px;
    }

    .vertical-nav-sec10 a:hover {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .vertical-nav-sec10 a.active {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .image-section10 img {
        width: 600px;
    }

    .footer-group-section10-new {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 130px;
    }


    /* section 11 */

    .vertical-nav-sec11 {
        height: 54vh;
        margin-top: 50px;
    }

    .vertical-nav-sec11 ul {
        list-style-type: none;
        padding: 80px;
        font-size: 20px;
        margin-top: 40px;
        background-color: #f8f9fa;
    }

    .vertical-nav-sec11 li {
        margin: 20px 0;
    }

    .vertical-nav-sec11 a {
        color: #333;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        display: block;
        transform: rotate(-90deg);
        transform-origin: left;
        /* padding: 10px;  */
        margin-bottom: 80px;
    }

    .vertical-nav-sec11 a:hover {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .vertical-nav-sec11 a.active {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .image-section11 img {
        width: 600px;
    }

    .footer-group-section11-new {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 130px;
    }


    /* section 12 */

    .vertical-nav-sec12 {
        height: 54vh;
        margin-top: 50px;
    }

    .vertical-nav-sec12 ul {
        list-style-type: none;
        padding: 80px;
        font-size: 20px;
        margin-top: 40px;
        background-color: #f8f9fa;
    }

    .vertical-nav-sec12 li {
        margin: 20px 0;
    }

    .vertical-nav-sec12 a {
        color: #333;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        display: block;
        transform: rotate(-90deg);
        transform-origin: left;
        /* padding: 10px;  */
        margin-bottom: 80px;
    }

    .vertical-nav-sec12 a:hover {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .vertical-nav-sec12 a.active {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .image-section12 img {
        width: 600px;
    }

    .footer-group-section12-new {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 130px;
    }

    /* section 13 */

    .vertical-nav-sec13 {
        height: 50vh;
        margin-top: 50px;
    }

    .vertical-nav-sec13 ul {
        list-style-type: none;
        padding: 80px;
        font-size: 20px;
        margin-top: 40px;
        background-color: #f8f9fa;
    }

    .vertical-nav-sec13 li {
        margin: 20px 0;
    }

    .vertical-nav-sec13 a {
        color: #333;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        display: block;
        transform: rotate(-90deg);
        transform-origin: left;
        /* padding: 10px;  */
        margin-bottom: 80px;
    }

    .vertical-nav-sec13 a:hover {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .vertical-nav-sec13 a.active {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .image-section13 img {
        width: 600px;
    }

    .footer-group-section13-new {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 130px;
    }


    /* section 14 */
    .section-14-new {
        margin-top: -20px;
    }

    .vertical-nav-sec14 {
        height: 54vh;
        margin-top: -30px;
    }

    .vertical-nav-sec14 ul {
        list-style-type: none;
        padding: 80px;
        font-size: 20px;
        margin-top: 40px;
        background-color: #f8f9fa;
    }

    .vertical-nav-sec14 li {
        margin: 20px 0;
    }

    .vertical-nav-sec14 a {
        color: #333;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        display: block;
        transform: rotate(-90deg);
        transform-origin: left;
        /* padding: 10px;  */
        margin-bottom: 80px;
    }

    .vertical-nav-sec14 a:hover {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .vertical-nav-sec14 a.active {
        color: #FFF;
        background-color: #012A2E;
        width: 100px;
    }

    .logo-note {
        justify-content: end;
        text-align: end;
        margin-left: -10%;
    }

    .note-section {
        background: repeating-linear-gradient(white, white 29px, black 30px);
        height: 37em;
        width: 57em;
        padding: 0px;
        box-sizing: border-box;
        position: relative;
        margin-top: -2.8em;
    }

    .footer-group-section14-new {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 120px;
    }


    /* section 15 */

    .image-section15 img {
        width: 640px;
        margin-top: -60px;

    }

    .section-col-1 {
        background-color: #1a1f71;
        padding: 20px 53px 3px 53px;
        color: #ffffff;
    }

    .section-col-2 hr {
        background: #f7b600;
        width: 200px;
        height: 5px;
        margin-left: -30%;
        margin-top: 40%;
    }

    .section-col-3 {
        padding: 30px;
    }

    /* .image-section15 img{
        width: 800px;
    } */

    .footer-group-section15-new {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
    }
}

.container-new {
    width: 297mm !important;
    height: 210mm !important;
    min-width: 297mm !important;
    min-height: 210mm !important;
    max-width: 297mm !important;
    max-height: 210mm !important;
    border: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 5px;
}

.playwrite-de-grund {
    font-family: "Playwrite DE Grund", cursive;
    font-optical-sizing: auto;
}

.coiny-regular {
    font-family: "Coiny", system-ui;
}

.oleo-script-regular {
    font-family: "Oleo Script", system-ui;
}

.sofia-regular {
    font-family: "Sofia", cursive;
}

.advent-pro {
    font-family: "Advent Pro", sans-serif;
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 100;
}

.itim {
    font-family: "Itim", cursive;
}

.signika {
    font-family: "Signika", sans-serif;
    font-optical-sizing: auto;
    font-variation-settings: "GRAD" 0;
}

.berkshire-swash {
    font-family: "Berkshire Swash", serif;
    font-style: normal;
}

.belleza-regular {
    font-family: "Belleza", sans-serif;
}

/* Position  */
.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

/* Position  */


/* CSS ajouté */

/* @media (min-width: 1536px) and (max-width: 1536px) {
    .mailbox-windows-form-content {
        height: 44em;
     }

     .mailbox-windows {
        top: 0;
        margin-top: 4px;
    }

    .mailbox-windows-load-file-affaire {
        margin: 1em 0px;
        height: 97%;
        top: 0;
    }
     
  } */

  /* ZOOM 150%*/
/* @media (min-width: 1024px) and (max-width: 1024px) {
    .mailbox-windows-form-content {
        height: 28em;
        width: 43em;
     }

     .mailbox-windows {
        top: 0;
        margin-top: 0px;
    }

    .mailbox-windows-load-file-affaire {
        margin: 1em 0px;
        height: 97%;
        top: 0;
    }
} */

/* zoom 125% */
  /* @media (min-width: 1228px) and (max-width: 1395px){
    .mailbox-windows-form-content {
        height: 33em;
        width: 48em;
     }

     .mailbox-windows {
        top: 0;
        margin-top: 0px;
    }

    .mailbox-windows-load-file-affaire {
        margin: 1em 0px;
        height: 97%;
        top: 0;
    }
     
  } */


  /* 1. Écrans ≤ 1024px (Tablettes, Zoom 150%) */
@media (max-width: 1024px) {
    .mailbox-windows-form-content {
      height: 28em;
      width: 43em;
    }
  
    .mailbox-windows {
      top: 0;
      margin-top: 0px;
    }
  
    .mailbox-windows-load-file-affaire {
      margin: 1em 0px;
      height: 97%;
      top: 0;
    }
  }
  
  /* 2. Écrans moyens : 1025px à 1227px (Zoom moyen) */
  @media (min-width: 1025px) and (max-width: 1227px) {
    .mailbox-windows-form-content {
      height: 30em;
      width: 45em;
    }
  
    .mailbox-windows {
      top: 0;
      margin-top: 0px;
    }
  
    .mailbox-windows-load-file-affaire {
      margin: 1em 0px;
      height: 97%;
      top: 0;
    }
  }
  
  /* 3. Écrans larges : 1228px à 1395px (Zoom 125%) */
  @media (min-width: 1228px) and (max-width: 1395px) {
    .mailbox-windows-form-content {
      height: 33em;
      width: 48em;
    }
  
    .mailbox-windows {
      top: 0;
      margin-top: 0px;
    }
  
    .mailbox-windows-load-file-affaire {
      margin: 1em 0px;
      height: 97%;
      top: 0;
    }
  }
  
  /* 4. Très grands écrans : ≥ 1396px (Zoom 100%, 1536px ou plus) */
  @media (min-width: 1396px) {
    .mailbox-windows-form-content {
      height: 44em;
    }
  
    .mailbox-windows {
      top: 0;
      margin-top: 4px;
    }
  
    .mailbox-windows-load-file-affaire {
      margin: 1em 0px;
      height: 97%;
      top: 0;
    }
  }
  

  @media (min-width: 1525px) and (max-width: 1535px) {
    .mailbox-windows-form-content {
        height: 20em;
      }
    
      .mailbox-windows {
        top: 0;
        margin-top: 4px;
      }
    
      .mailbox-windows-load-file-affaire {
        margin: 1em 0px;
        height: 97%;
        top: 0;
      }
  }