/* Custom styles & overrides */


/* Flex support */

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,
 ::after,
 ::before {
    box-sizing: inherit
}

label {
    color: var(--main-font-color);
    font-size: 13px;
    font-weight: 500;
}

.container {
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
    margin-right: auto;
    margin-left: auto
}

.filter-header-container {
    background-color: var(--general-container);
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 10px;
}

.general-container {
    background-color: var(--general-container);
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 10px;
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-table {
        display: table!important
    }
    .d-sm-table-row {
        display: table-row!important
    }
    .d-sm-table-cell {
        display: table-cell!important
    }
    .d-sm-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-table {
        display: table!important
    }
    .d-md-table-row {
        display: table-row!important
    }
    .d-md-table-cell {
        display: table-cell!important
    }
    .d-md-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-table {
        display: table!important
    }
    .d-lg-table-row {
        display: table-row!important
    }
    .d-lg-table-cell {
        display: table-cell!important
    }
    .d-lg-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none!important
    }
    .d-xl-inline {
        display: inline!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-table {
        display: table!important
    }
    .d-xl-table-row {
        display: table-row!important
    }
    .d-xl-table-cell {
        display: table-cell!important
    }
    .d-xl-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }
    .d-print-inline {
        display: inline!important
    }
    .d-print-inline-block {
        display: inline-block!important
    }
    .d-print-block {
        display: block!important
    }
    .d-print-table {
        display: table!important
    }
    .d-print-table-row {
        display: table-row!important
    }
    .d-print-table-cell {
        display: table-cell!important
    }
    .d-print-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.flex-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-grow-0 {
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media (min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-sm-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-sm-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-sm-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-sm-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-sm-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-sm-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-md-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-md-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-md-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-md-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-md-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-md-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
    .modal-dialog {
        width: 500px;
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-lg-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-lg-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-lg-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-lg-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-lg-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-lg-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-xl-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-xl-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-xl-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-xl-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-xl-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-xl-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

.row:before {
    display: none
}


/* Fontello custom fonts */

@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello/fontello.eot?14795476');
    src: url('../fonts/fontello/fontello.eot?14795476#iefix') format('embedded-opentype'), url('../fonts/fontello/fontello.woff2?14795476') format('woff2'), url('../fonts/fontello/fontello.woff?14795476') format('woff'), url('../fonts/fontello/fontello.ttf?14795476') format('truetype'), url('../fonts/fontello/fontello.svg?14795476#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-custom-"]:before,
[class*=" icon-custom-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-custom-alert:before {
    content: '\e800';
}

.icon-custom-spreadsheet:before {
    content: '\e801';
}

.icon-custom-question:before {
    content: '\e802';
}

.icon-custom-comment:before {
    content: '\e803';
}

.icon-custom-user:before {
    content: '\e804';
}

.icon-custom-workcase:before {
    content: '\e805';
}

.icon-custom-home:before {
    content: '\e806';
}

.icon-custom-light:before {
    content: '\e807';
}

.icon-custom-dark:before {
    content: '\e808';
}

.icon-custom-arrow-down:before {
    content: '\e809';
}

.icon-custom-arrow-right:before {
    content: '\e80a';
}

.icon-custom-arrow-up:before {
    content: '\e80b';
}

.icon-custom-arrow-left:before {
    content: '\e80c';
}

.icon-custom-dots:before {
    content: '\e80d';
}

.icon-custom-alert-no:before {
    content: '\e80e';
}

.icon-custom-cancel:before {
    content: '\e80F';
}

.icon-custom-lock:before {
    content: '\e810';
}

.icon-custom-unlock:before {
    content: '\e811';
}

.icon-custom-cw:before {
    content: '\e812';
}

.icon-custom-filter:before {
    content: '\f0b0';
}

.icon-left {
    margin-right: .5rem
}

.icon-plus:before {
    content: '\e813';
}

.icon-plus-circle:before {
    content: '\e814';
}

.icon-plus-1:before {
    content: '\e815';
}

.icon-plus-circle-1:before {
    content: '\e816';
}


/* Theme overrides */

.btn {
    box-shadow: none;
    background-image: none;
    padding: .5rem 1.5rem;
}

.btn-primary {
    background-color: var(--button-primary-color);
}

.btn-lg {
    padding: 1rem 5rem;
    border-radius: 30px;
    font-size: 16px
}

.btn.btn-link {
    color: var(--link-color-strong);
}

.btn.btn-outline-primary {
    border-color: var(--link-color-strong);
    border-radius: 24px;
    padding: .5rem 3rem;
    transition: none
}

.btn.btn-outline-primary:hover {
    border-color: var(--link-color-strong);
    background-color: var(--hover-color-strong);
    color: var(--main-font-color);
}

.btn.btn-outline-white {
    border-color: var(--main-font-color);
    border-radius: 24px;
    background: none;
    transition: none
}

.btn.btn-outline-white:hover {
    border-color: var(--main-font-color);
    background-color: transparent;
    color: var(--main-font-color);
}

.dropdown-menu {
    float: none;
    min-width: 200px;
    padding: 15px 0!important;
    margin: 0;
    background-color: var(--nav-bar-bg-color);
}

.dropdown .fa-chevron-down {
    font-size: 10px;
    transform: translateY(-2px)
}

.menu-on-top nav ul ul,
.menu-on-top nav ul ul ul {
    background: var(--nav-bar-bg-color)!important;
    border: 0 none;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .65);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .65);
    /* width: 200px; */
    width: min-content;
    border-radius: 0;
    padding: 0;
    margin-left: 0;
}

.menu-on-top nav ul ul li a,
.menu-on-top nav ul ul ul li a {
    color: var(--tertiary-font-color);
}

.menu-on-top nav#nav-primary .dropdown-menu>li>a {
    padding: .75rem 20px!important;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

nav ul li a:active {
    background: transparent!important;
    position: relative;
    top: 1px;
    left: 1px;
}

.dropdown-menu>li>a:hover {
    background: var(--hover-color-strong)!important;
    color: var(--main-font-color)!important;
}

a.dropdown-toggle {
    color: var(--tertiary-font-color);
}

.dropdown-toggle:focus {
    outline: 0!important;
}

a.dropdown-toggle:hover {
    color: var(--hover-color);
}

.menu-on-top nav .open>.dropdown-menu {
    display: block!important
}

#nav-primary .btn {
    color: var(--main-font-color);
    text-transform: uppercase;
    display: inline-block;
    padding: 1.4rem 0;
    border-bottom: 3px solid transparent;
    font-weight: 600;
    line-height: normal;
    font-size: 13px;
    background: none;
    line-height: 1.25;
    vertical-align: middle;
    transition: border .25s
}

#nav-primary li.active .btn,
#nav-primary .btn.active,
#nav-primary .btn:hover {
    border-bottom: 3px solid var(--link-color-strong);
}

#nav-primary>ul>li.dropdown:last-child ul.dropdown-menu {
    left: auto;
    right: 0
}

.menu-on-top nav>ul>li>a:after,
nav ul li.active>a:before {
    display: none!important
}

nav>ul>li>a>i {
    margin-right: 0;
    width: auto
}


/* Show and hide utils */

.hide-mobile {
    display: block!important
}

.hide-mobile.inline-block {
    display: inline-block!important
}

.hide-mobile.flex {
    display: flex!important
}

@media (max-width:991px) {
    .hide-mobile {
        display: none!important
    }
    .list-filter-container-detail {
        background: var(--widget-filter-component-bg);
        border: 1px solid var(--border-button);
        padding-bottom: 1px;
    }
    .component-container-date {
        background: var(--widget-filter-component-bg);
    }
}


/* General */

* {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
}

html {
    background: var(--page-background-color);
}

body {
    height: 100vh;
    overflow: hidden;
    background: var(--page-background-color);
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
    transition: .25s color ease-in-out;
    color: var(--link-color-strong);
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: 0!important;
    /* color:var(--link-color-light);*/
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

h1,
h2,
h3,
h4 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

h5 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn,
a:link,
button {
    -webkit-tap-highlight-color: rgba(45, 95, 150, .5);
}

.pace .pace-activity {
    display: none;
}

.wrap-md {
    max-width: 540px;
    margin: 0 auto
}


/* Header, Nav, Panel */


/* Footer */


/* Pop ups */

.MessageBoxContainer {
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    width: 90%
}


/* Main */

#main {
    padding-bottom: 0;
    color: var(--main-font-color);
    margin-left: 1rem;
    min-height: 0;
}

h1.page-title {
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: .1rem;
    margin: 1.5rem 0;
    font-weight: 400;
}

body #main {
    margin-left: 0!important;
}


/* Toolbar */


/* Detalle - info bar + overview */

.info-bar {
    margin-bottom: 24px;
    font-size: 12px;
}

.info-bar p {
    line-height: 2
}

.form-inline select.form-control {
    min-width: 200px;
}

.form-inline {
    margin-bottom: 1rem
}

.form-control-sm,
.btn-sm {
    font-size: 10px;
    height: 28px;
}

select.form-control {
    cursor: pointer;
    position: relative;
}

.select-wrapper {
    display: inline-block;
    position: relative
}

.select-wrapper:after {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    content: '\f078';
    display: inline-block;
    color: var(--main-font-color);
    font: normal normal normal 12px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 14px;
    height: 14px;
    z-index: 0
}

.info-active span {
    display: block;
}

.info-active span.price {
    display: inline-block;
    vertical-align: middle;
}

.number {
    font-size: 16px;
}

.number.big-number {
    font-size: 48px;
    line-height: 1.075
}

.numbers-container {
    margin-right: 1rem
}

.info-active .price {
    position: relative;
}

.price i {
    font-size: 14px;
    vertical-align: middle
}

.data-col li {
    padding-bottom: 9px;
    display: block
}

.info-overview {
    margin-bottom: 2rem;
    padding: 12px;
    border-radius: 5px;
    background-color: var(--widget-main-color);
}

.overview-main-value span {
    display: block
}

.overview-main-value {
    margin-right: 30px
}

.info-overview .label {
    font-size: 10px;
    font-weight: normal;
    padding: 0;
    margin-bottom: .25rem;
    text-align: left
}

.overview-main-value .value {
    font-size: 32px;
    line-height: 1
}


/* Custom Scrollbars */

::-webkit-scrollbar,
.custom-scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    opacity: .3
}

::-webkit-scrollbar:hover,
.custom-scroll::-webkit-scrollbar:hover {
    background: transparent;
    border: 1px solid transparent
}

::-webkit-scrollbar-button,
.custom-scroll::-webkit-scrollbar-button {
    width: 8px;
    height: 5px;
    background: var(--scrollbar-main-color);
    opacity: .0.5;
}

::-webkit-scrollbar-track,
.custom-scroll::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-thumb,
 ::-webkit-scrollbar-thumb:horizontal,
 ::-webkit-scrollbar-thumb:vertical,
.custom-scroll::-webkit-scrollbar-thumb,
.custom-scroll::-webkit-scrollbar-thumb:horizontal,
.custom-scroll::-webkit-scrollbar-thumb:vertical {
    background: var(--scrollbar-main-color)
}

::-webkit-scrollbar-thumb:hover,
.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-main-color)
}


/* News list */

.news-list h3 {
    margin: 0;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.25;
}

p.news-time {
    margin-bottom: 0;
}

.news-link {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.news-list p.date {
    border-top: 1px solid rgba(255, 255, 255, .15);
    padding-top: 1.5rem
}

.news-list>p.date:first-child {
    border-top: 0 none;
    padding-top: 0
}


/* Tables overrides */

table.dataTable {
    margin: 0!important;
    clear: none;
    background: var(--widget-main-color);
}

.mat-row:not(:nth-child(2n)) {
    background-color: #2a3955;
}

.dt-toolbar {
    display: block;
    position: relative;
    padding: 0;
    width: 100%;
    float: none;
    border-bottom: 0 none;
    background: transparent
}

.fc-head-container thead tr,
.table thead tr,
.table-striped>tbody>tr:nth-of-type(odd),
.table-hover>tbody>tr:hover {
    background: transparent
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-left: 0 none;
    border-right: 0 none;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 10px;
    line-height: 1.25;
    vertical-align: top;
}

table.dataTable thead>tr>th,
table.dataTable thead>tr>th.hasinput {
    padding-right: 10px
}

table.dataTable tfoot>tr>th,
table.dataTable thead>tr>th,
table.dataTable thead>tr>th.hasinput {
    padding-left: 10px!important
}

table {
    table-layout: auto;
}

table td {
    font-weight: normal;
    text-transform: uppercase;
    border-left: 0 none;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    color: var(--main-font-color);
}

td i[class^="icon-custom-"] {
    font-size: 1.25rem
}

.nobreak {
    white-space: nowrap;
    display: inline-block
}

.align-right {
    text-align: right
}

.cell-0 {
    width: 50px
}

.cell-1 {
    width: 75px
}

.cell-2 {
    width: 100px
}

.cell-3 {
    width: 130px
}

td.cell-icon,
th.cell-icon {
    padding: 0!important;
    vertical-align: middle!important;
}

span.arrow {
    display: inline-block;
    vertical-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    width: 14px;
    height: 14px;
    text-indent: -9999px
}

table th,
.instrument-detail .dataTable thead>tr>th {
    color: var(--main-font-color);
    font-weight: 400;
    border-bottom: #000002;
}

.instrument-detail .mat-table {
    background: #242424;
    border: 1px solid #000002;
    border-radius: 2px;
    padding: 2px;
    box-shadow: inset 0px 0px 5px 0px #000002;
}

.instrument-detail {
    width: 100%;
    color: var(--main-font-color);
    margin: 10px!important;
}

.instrument-detail .detail-row {
    width: 100%;
    color: var(--main-font-color);
    border-bottom: 1px solid var(--border-button)!important;
}

table td,
table th {
    font-size: 12px
}

.dt-toolbar-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
    background: transparent;
    border: 0 none;
    box-shadow: none;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-color: transparent;
}

table.dataTable thead .sorting {
    background: none
}

th.col-status,
table.dataTable tfoot>tr>th.col-status,
table.dataTable thead>tr>th.col-status {
    width: 30px;
    padding-left: 0!important;
    padding-right: 0!important
}

table.dataTable tfoot>tr>th>input.form-control,
table.dataTable thead>tr>th>input.form-control {
    width: 100%!important;
    background: var(--widget-filter-component-bg);
    border-radius: 5px!important;
    height: auto;
    border-color: var(--widget-filter-component-bg);
    padding: 4px 8px;
    max-width: 100%;
    height: 22px;
    color: var(--main-font-color);
    box-sizing: border-box;
    display: inline-block;
}


/* Tables footer + pagination */

.pagination>li {
    display: inline-block;
}

.pagination>li>a,
.pagination>li>span {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    font-weight: bold;
    font-size: 11px;
    padding: 6px 10px;
}

.pagination>li>a,
.pagination>li>span {
    line-height: 1.25;
    color: var(--main-font-color);
    background-color: transparent;
    border: 0 none;
    margin-left: 0;
    display: inline-block;
    float: none;
    white-space: nowrap;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 0
}

.menu-on-top .pagination li.active>a {
    font-weight: bold!important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: transparent
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: var(--main-font-color);
    background-color: transparent;
    border: 0 none;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    opacity: 0;
    background: transparent;
    border-color: transparent;
    cursor: not-allowed;
}

.pagination>.disabled#datatable_tabletools_ellipsis>a {
    opacity: 1
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

div.dataTables_paginate ul.pagination {
    margin: 0;
    border-radius: 0;
    float: none
}

div.dataTables_paginate {
    width: 100%;
    float: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.paginate_button.next a,
.paginate_button.previous a {
    text-indent: -9999px;
}

td .fa-bell-o,
td .fa-bell {
    color: var(--secondary-font-color);
}

.red,
td .fa-bell.red,
.down {
    color: var(--label-red);
}

.up,
.green {
    color: var(--label-green)
}

i.green {
    color: var(--label-green)
}

i.red {
    color: var(--label-red);
}

.unchanged {
    color: var(--secondary-font-color);
}

table.dataTable thead .sorting_asc {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1LjU5IDMuMjYiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0uNDcsMy4yNmEuNDIuNDIsMCwwLDEtLjMzLS4xNC40Ni40NiwwLDAsMSwwLS42NkwyLjQ2LjE0YS40Ni40NiwwLDAsMSwuNjYsMEw1LjQ1LDIuNDZhLjQ2LjQ2LDAsMCwxLDAsLjY2LjQyLjQyLDAsMCwxLS4zMy4xNFoiLz48L3N2Zz4=) no-repeat right 5px top 16px / 7px;
}

table.dataTable thead .sorting_desc {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1LjU5IDMuMjYiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01LjEyLDBhLjQ1LjQ1LDAsMCwxLC4zMy4xNC40Ni40NiwwLDAsMSwwLC42NkwzLjEyLDMuMTJhLjQyLjQyLDAsMCwxLS4zMy4xNC40Mi40MiwwLDAsMS0uMzMtLjE0TC4xNC44YS40Ni40NiwwLDAsMSwwLS42NkEuNDUuNDUsMCwwLDEsLjQ3LDBaIi8+PC9zdmc+) no-repeat right 5px top 16px / 7px;
}

th.align-right,
td.align-right {
    padding-right: 15px!important
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: var(--hover-color-strong);
}

table.dataTable tbody tr:hover td,
table.dataTable tbody tr:hover td span,
table.dataTable tbody tr:hover td i {
    color: var(--main-font-color) !important
}

table.dataTable tbody tr:hover td span {
    background-color: transparent
}


/* Widgets */

.jarviswidget {
    margin-bottom: 0rem;
    padding: 5px 10px;
    background-color: var(--header-main-color);
}

.jarviswidget>header h2 {
    letter-spacing: 0;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    float: none;
    color: var(--main-font-color)
}

.jarviswidget header,
.jarviswidget>header,
.jarviswidget-color-blueDark>header {
    padding: 5px 0 5px;
    border: 0 none;
    border-bottom: 1px solid var(--border-button)!important;
    background: transparent;
    height: auto;
    line-height: 1.25;
}

.jarviswidget>header {
    position: relative
}

header .jarviswidget-ctrls a {
    color: var(--secondary-font-color)
}

header .jarviswidget-ctrls .button-icon a:hover,
a:active {
    color: #096DB6;
}

.jarviswidget-ctrls {
    display: inline-block;
    float: none;
    -ms-flex-order: 2;
    order: 2
}
.jarviswidget-ctrls .button-icon {
    min-width: 17px;
}
/*
.widget-title span {
    color: var(--main-font-color);
    display: inline-block;
    vertical-align: middle;
}*/
.select2-selection:hover {
    /* background-color: var(--hover-color-strong)!important; */
    background-color: var(--hover-color-strong)!important;
}

.widget-title .select2-container {
    display: flex !important;
}

.widget-title .select2-selection {
    width: 95px;
    color: var(--main-font-color);
    padding: 0;
    margin: 1px 0 2px 3px;
    border-radius: 0!important;
    background: var(--widget-filter-component-bg) !important;
    border: 0 !important;
    padding: 0 !important;
    line-height: 10px !important;
    height: 10px;
}

.filter-container .select2-container {
    display: flex !important;
}

.filter-container .select2-selection {
    width: 95px;
    color: var(--main-font-color);
    padding: 0;
    margin: 1px 0 3px 3px;
    border-radius: 0!important;
    border: 0 !important;
    padding: 0 !important;
    line-height: 28px !important;
    position: absolute;
}

.jarviswidget>div {
    float: none;
    margin: 0;
    border: 0 none;
    padding: 0;
    background: transparent!important
}

.jarviswidget .widget-body {
    padding: 0;
    margin: 1.5rem 0 0;
}

.widget-body.table-container {
    margin: 0;
    border: none;
}

.jarviswidget-ctrls .button-icon {
    height: 20px;
    float: none;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-left: 0 none;
    line-height: 20px;
    z-index: 14 !important;
}

.jarviswidget-ctrls .fa {
    vertical-align: middle
}

.fa.fa-refresh.fa-spin {
    color: var(--main-font-color);
}

.jarviswidget-loader {
    float: none;
    line-height: 13px;
    font-size: 1rem;
    -ms-flex-order: 1;
    order: 1;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    transform: translateY(-2px)
}

.ui-sortable-placeholder.jarviswidget-placeholder {
    border: 1px dashed rgba(255, 255, 255, .25);
}

.jarviswidget-sortable.ui-sortable-helper {
    -webkit-box-shadow: 3px 3px 40px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 3px 3px 40px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 3px 3px 40px 0px rgba(0, 0, 0, 0.45);
}

.jarviswidget-placeholder {
    background: rgba(0, 0, 0, .15)
}

.jarviswidget.jarviswidget-collapsed header {
    border-bottom: 1px solid rgba(255, 255, 255, 0)!important;
}

.widget-footer {
    min-height: 0;
    vertical-align: middle;
    position: relative;
    background-color: transparent;
    padding: 1rem 0 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    text-align: initial;
    margin: 0
}


/* Widget Calendar */

.widget-body.no-padding {
    margin: 0;
}

.smart-form.widget-body-toolbar,
.widget-body-toolbar {
    background: transparent;
    border: 0 none;
    padding: 1rem 0
}

.jarviswidget #calendar {
    margin-top: -27px
}

.fc-header-toolbar {
    padding-bottom: 6px
}

.jarviswidget .fc-toolbar h2 {
    text-shadow: none;
    margin-top: 0;
    margin-left: 0;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.fc .fc-toolbar>*>* {
    float: none;
    margin-left: 0;
}

#calendar-buttons {
    position: relative;
    right: auto;
    top: auto
}

#calendar-buttons a.btn {
    padding: .5rem 1rem;
    color: var(--main-font-color);
    margin-top: 0;
    border-color: var(--border-button)
}

.widget-body-toolbar.calendar-toolbar {
    padding-bottom: 0
}

.fc-head-container thead tr th {
    padding: 1rem;
    line-height: 1.428571429;
}

.fc-content-skeleton table {
    border-bottom: 0 none!important
}

.dropzone,
td.fc-other-month,
.fc-unthemed .fc-today {
    background: none;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: var(--border-button);
}

th.fc-widget-header,
.fc-widget-header>table {
    border-bottom: 0 none!important
}

.fc-view-container {
    border-left: 1px solid var(--border-button);
    border-right: 1px solid var(--border-button);
    margin-bottom: 2rem
}

td.fc-day-top {
    border-top: 0 none!important
}

.fc-event {
    font-size: 1rem;
    line-height: 1.25;
    border-left: 0 none;
    background-color: var(--hover-color-strong);
}

.fc-day-grid-event {
    margin: 0 0 1rem;
    padding: 0;
}

.fc-row table {
    border-bottom: 0 hidden transparent!important;
}


/* Nav Tabs */

.nav-tabs {
    border-bottom: 1px solid var(--border-button);
    margin-top: 1rem
}

.nav-tabs>li>a {
    border-radius: 0;
    color: var(--link-color-strong);
    position: relative
}

.jarviswidget .nav-tabs>li>a {
    text-transform: uppercase;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: var(--main-font-color);
    background-color: transparent;
    border: 0 none;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs>li.active>a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.nav-tabs>li.active>a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--main-font-color);
    width: 100%;
    content: ''
}

.nav-tabs>li>a:hover {
    border-color: transparent;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    color: var(--main-font-color);
}


/* Banner */

.banner {
    padding: 4rem 0;
}

.banner p {
    margin-bottom: 2rem;
    line-height: 1.375;
    margin-top: 0
}

.banner h2 {
    font-weight: normal;
    font-size: 28px;
    margin-bottom: 1rem
}


/* Select2 */

.select2-selection {
    border: 0px;
    background-color: transparent!important;
    color: white;
    font-size: 11px;
    line-height: 23px;
    height: 25px;
    border-radius: 2px;
}

.selection:hover {
    cursor: pointer;
}

.select2-selection:hover>.select2-selection__arrow {
    background-color: transparent;
}

t .select2-drop,
.select2-dropdown {
    background-color: var(--nav-bar-bg-color);
    color: var(--main-font-color);
}

.select2-search input {
    background: transparent;
    color: var(--main-font-color);
    border-color: var(--border-button);
}

.select2-search:before {
    color: var(--border-button)!important;
}

.select2-container--open .select2-selection {
    background: var(--widget-filter-component-bg);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: var(--widget-filter-component-bg);
}

.select2-selection__arrow {
    border-left: 0px;
    background: transparent!important;
}

.select2-results {
    cursor: default;
}

.select2-container--open .select2-dropdown.select2-dropdown--above,
.select2-drop.select2-drop-above {
    margin-bottom: 0;
    border: 1px solid var(--widget-filter-component-bg);
    border-top-width: 0px;
    border-bottom: 0;
    margin-top: 1px;
}

.select2-container--open .select2-dropdown,
.select2-drop-active {
    border: 1px solid var(--widget-filter-component-bg);
    border-top: none;
    border-bottom-width: 0px;
    cursor: pointer;
}

.select2-container--open .select2-selection,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid var(--widget-filter-component-bg);
    box-shadow: 0 1px 0 transparent inset;
}


/**** date picker ***/

.ui-datepicker {
    background: var(--widget-filter-component-bg);
    border: 1px solid var(--widget-filter-component-bg);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .14);
    z-index: 99999!important;
}

.ui-datepicker .ui-datepicker-header {
    background-color: var(--hover-color-strong);
    color: var(--main-font-color);
}

.ui-datepicker td .ui-state-active {
    background-color: var(--hover-color-strong);
    color: var(--main-font-color);
}

.ui-datepicker td .ui-state-default {
    color: var(--main-font-color);
}

.filterDate {
    color: var(--main-font-color) !important;
    border-radius: 2px!important;
    background: transparent!important;
    border: 1px solid var(--widget-filter-component-bg)!important;
    cursor: pointer;
    padding: 4px 8px 5px;
}

.filterDate:hover {
    background-color: var(--hover-color-strong);
}


/* Media Queries */

@media (max-width:1199px) {
    .header-search.input-search-container input {
        min-width: 240px
    }
    div.state {
        max-width: 205px;
        margin-left: 1.5rem
    }
    #nav-top>li>a {
        margin: 0 .25rem;
    }
    .dual-date-container-filter {
        background: var(--widget-filter-component-bg);
        border: 1px solid var(--border-button);
        padding: 1px 4px 1px 2px!important;
    }
}

@media (max-width:991px) {
    /* Header, Nav, Panel */
    #header-top {
        z-index: 100
    }
    .menu-on-top nav>ul>li.active>a {
        color: var(--main-font-color) !important;
        font-weight: normal!important
    }
    .nav-primary-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 61px;
        bottom: auto;
        padding: 2rem 2rem 4rem;
        z-index: 99;
        transform: translateY(-101%);
        display: none;
        transition: transform .25s ease-in-out, opacity .25s ease-in-out
    }
    .hidden-menu .nav-primary-container {
        transform: translateY(0);
        display: block;
    }
    #nav-primary>ul>li {
        margin: 0
    }
    #nav-top {
        position: relative;
        top: auto;
        right: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 1rem
    }
    #nav-top>li>a {
        color: var(--link-color-strong)
    }
    .menu-on-top nav>ul>li.active {
        background: none
    }
    #nav-primary .btn {
        display: block;
        padding: 1.5rem 0;
        border-bottom: 0 none;
        font-size: 14px;
        text-transform: none;
        font-weight: normal;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid var(--border-button)
    }
    #nav-primary li.active .btn,
    #nav-primary .btn:active,
    #nav-primary .btn:hover {
        border-bottom: 1px solid var(--border-button)
    }
    .menu-on-top nav#nav-primary .dropdown-menu>li>a {
        font-size: 14px;
        text-transform: none;
        padding: 1.5rem 1rem 1.5rem 2rem!important;
        border-bottom: 1px solid var(--border-button);
    }
    .menu-on-top nav ul ul,
    .menu-on-top nav ul ul ul {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0!important;
        position: relative;
    }
    .btn-header>:first-child>a {
        margin-left: 0;
        min-width: 40px;
        width: 40px
    }
    #hide-menu>:first-child>a,
    .btn-header a {
        margin-top: 0!important;
        width: 40px!important;
        height: 32px!important;
        line-height: 32px!important;
    }
    .btn-header a {
        margin-top: 0!important;
        width: 40px!important;
    }
    #header-top-nav>div#hide-menu {
        margin-left: 1rem;
        display: block!important
    }
    .header-search.input-search-container input {
        min-width: 190px;
    }
    /* Breadcrumb */
    #ribbon {
        border: 0 none
    }
    /* Tables */
    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        padding: 15px 10px;
    }
    /* Otros */
    .banner h2 {
        font-weight: normal;
        font-size: 24px;
    }
    /* Detalle */
    .info-bar>.row>.col-12 {
        margin-bottom: 2rem
    }
}

@media (max-width:767px) {
    .footer-bottom-right p {
        text-align: left
    }
    .footer-bottom-right {
        margin-top: 1rem
    }
    .footer-bottom-left {
        width: 100%
    }
    .fixed {
        width: 90px;
    }
    #ribbon .breadcrumb {
        padding: 0!important;
    }
    .footer-nav {
        padding: 3rem 0 0;
    }
    .footer-nav .col-12 {
        margin-bottom: 3rem
    }
    .nav-primary-container {
        top: 49px;
    }
    #header-top {
        padding: 1rem 0
    }
    #search-mobile.btn-header {
        display: block!important;
    }
    .header-search.input-search-container {
        transform: translateY(-100%);
        transition: transform .2s ease-in-out, opacity .2s;
        display: block!important;
        margin: 0;
        display: block;
        position: absolute;
        top: 0;
        width: auto;
        height: auto;
        left: 0;
        right: 0;
        padding: 1rem 2rem;
        margin-left: 0;
        opacity: 0;
        z-index: 1
    }
    .search-mobile .header-search.input-search-container {
        transform: translateY(0);
        opacity: 1
    }
    .search-mobile .header-search>input[type=text] {
        margin: 0;
        height: auto;
        border-color: transparent;
        padding: .5rem 3rem .5rem 1.5rem;
    }
    .search-mobile .header-search>button {
        height: 29px;
        line-height: 29px;
        background: transparent;
        right: 6rem;
    }
    #ribbon .breadcrumb li:last-child,
    #ribbon .breadcrumb>.active {
        color: var(--secondary-font-color) !important;
    }
    .container-buttons-download {
        border-top: 1px solid var(--border-button);
    }
}

@media (max-width:574px) {
    .state {
        display: none
    }
    .banner h2 {
        font-size: 22px;
    }
    .overview-values {
        margin-bottom: 20px
    }
    .nav-primary-container .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
    .btn {
        padding: 0;
    }
    .container-fluid {
        padding-right: 10px;
        padding-left: 10px;
    }
    .user-menu {
        left: 150px!important;
    }
}

mat-cell,
mat-header-cell,
mat-footer-cell,
mat-header-row,
mat-row,
mat-label {
    background: transparent !important;
    color: var(--main-font-color);
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

mat-header-row {
    background: var(--widget-main-color)!important;
}

mat-label {
    background: transparent !important;
    margin: 2px 10px 5px 10px;
}

mat-header-row {
    border-bottom: 1px solid var(--border-button)!important;
}

mat-row {
    min-height: 30px;
    max-height: 300px;
    border-bottom: 1px solid var(--border-button)!important;
}

.table-header {
    height: 30px;
    background: var(--widget-main-color);
    padding: 5px;
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-button)!important;
}

.mat-input-element {
    border-radius: 0.5rem!important;
    background: var(--widget-filter-component-bg)!important;
    border: 1px solid var(--border-button)!important;
    border-width: 0px;
    width: 100%
}

.modal-content {
    background: var(--widget-main-color) !important;
    color: var(--main-font-color) !important;
    background: var(--nav-bar-bg-color);
    color: var(--main-font-color);
    border-radius: 8px;
}

.close {
    font-size: 24px;
    color: var(--secondary-font-color);
    text-shadow: none;
    opacity: 1;
}

.close:focus,
.close:hover {
    color: var(--tertiary-font-color);
}

.mat-sort-header-button {
    border-bottom: 1px solid var(--border-button);
    font-size: 12px;
}

.mat-table__wrapper .mat-table {
    min-width: auto !important;
    width: 100% !important;
}

.mat-header-row {
    width: 100%;
}

.mat-row {
    width: 100%;
}

.mat-sort-header-button {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.mdp-content {
    width: inherit;
    height: inherit;
}


.mat-sort-header-container {
    min-width: 120px;
    width: -webkit-fill-available;
}

.demo-tab-content {
    padding: 16px;
}

.mat-tab-labels {
    border-bottom: 1px solid var(--border-button)!important;
}

.btn-primary {
    background: var(--widget-filter-component-bg);
    border: none;
}

.btn-default {
    background: var(--widget-filter-component-bg);
    border: none;
    color: var(--main-font-color);
}

.btn-default:hover {
    background: var(--hover-color-strong) !important;
    border: none!important;
    color: var(--main-font-color) !important;
}

.datatable-row-detail {
    overflow-y: auto !important;
    background-color: var(--widget-main-color);
}

.modal-header {
    border-bottom: 1px solid var(--border-button);
    padding: 5px;
    margin: 20px;
    padding: 0px 0 10px 0;
}

.modal-body {
    padding: 15px;
}

.modal-footer {
    padding: 0px;
    margin: 10px 15px;
}

.modal-title {
    font-size: 13px;
}

.record-picker {
    border: 1px solid var(--border-button)!important;
    padding: 0!important;
    font-size: 0.85em;
}

.modal-footer {
    border-top: 1px solid var(--border-button)!important;
}

.record-picker li {
    border-top: none!important;
    border-bottom: none!important;
    display: block!important;
    padding: 0!important;
}

.record-picker li:hover {
    background-color: var(--widget-filter-component-bg)!important;
}

.record-picker li.selected {
    background-color: var(--widget-filter-component-bg)!important;
}

input,
select,
textarea {
    border: 1px solid var(--border-button);
    background-color: var(--widget-filter-component-bg);
    color: var(--main-font-color);
    font-size: 11px;
    padding: 0 5px;
}

.fa-plus {
    float: right;
    display: block;
    background: #0b0c0c;
    z-index: 1;
    position: relative;
    cursor: pointer;
}

.buttonAdd {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid var(--border-button);
    background: transparent!important;
    text-align: right;
    border-radius: 2px!important;
    display: flex!important;
}

.buttonAdd:hover {
    background: var(--hover-color-strong) !important;
    border: 1px solid transparent;
}

.buttonAdd div {
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    margin-left: 5px;
}

.border-box {
    border: 1px solid var(--border-button);
    display: flex;
    margin-bottom: 10px;
    border-radius: 0.5rem!important;
    padding: 5px;
}

.menu-time-header {
    border-bottom: 1px solid var(--border-button)!important;
    padding: 5px !important;
}

.menu-time {
    padding: 0 7px;
    color: var(--tertiary-font-color);
    cursor: pointer;
}

.menu-time-both {
    border-left: 1px solid var(--border-button);
    border-right: 1px solid var(--border-button);
}

.menu-time-right {
    border-right: 1px solid var(--border-button);
}

.menu-time-selected {
    color: var(--main-font-color);
}

.price-quantity-header {
    text-align: right;
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
    border-top-color: var(--border-button);
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
    border-right-color: var(--border-button);
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
    border-bottom-color: var(--border-button);
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
    border-left-color: var(--border-button);
}

.cal-tooltip-inner {
    color: var(--main-font-color);
    background-color: var(--calendar-tooltip-bg-color);
}

.cal-month-view {
    background-color: var(--widget-main-color);
}

.cal-month-view .cal-cell-row:hover {
    background-color: var(--calendar-hover-color);
}

.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
    background-color: var(--calendar-bg-color-dark);
}

.cal-month-view .cal-days {
    border-color: var(--border-button);
}

.cal-month-view .cal-day-cell:not(:last-child) {
    border-right-color: var(--border-button);
}

.cal-month-view .cal-days .cal-cell-row {
    border-bottom-color: var(--border-button);
}

.cal-month-view .cal-day-badge {
    background-color: var(--calendar-day-badge-color);
    color: var(--main-font-color);
}

.cal-month-view .cal-event {
    background-color: var(--nav-bar-active-border-bottom-color);
    border-color: var(--border-button);
    color: var(--main-font-color);
}

.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
    color: #D10230;
}

.cal-month-view .cal-day-cell.cal-today {
    background-color: var(--calendar-bg-color-light);
}

.cal-month-view .cal-open-day-events {
    color: var(--main-font-color);
    background-color: var(--calendar-events-sub-menu-bg);
    -webkit-box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}

.datatable-footer .datatable-pager .pager li a {
    padding: 0 4px;
    border: 0;
    background-color: transparent;
    color: var(--main-font-color);
}

.datatable-footer .datatable-pager .pager .active {
    font-weight: bold;
    color: var(--link-color-strong) !important;
}

.datatable-footer .datatable-pager .pager li a .datatable-icon-prev:before {
    content: '<<';
}

.datatable-footer .datatable-pager .pager li a .datatable-icon-left:before {
    content: '<';
}

.datatable-footer .datatable-pager .pager li a .datatable-icon-right:before {
    content: '>';
}

.datatable-footer .datatable-pager .pager li a .datatable-icon-skip:before {
    content: '>>';
}

.datatable-header {
    background-color: var(--widget-secondary-color);
}

.datatable-row-wrapper {
    border-bottom: 1px solid var(--border-button);
}

.datatable-header-inner {
    text-align: center;
}

.datatable-header-cell-template-wrap {
    border-right: 1px solid var(--border-button);
}

.datatable-header-cell-label {
    user-select: none;
    vertical-align: sub;
    font-weight: 500;
    font-size: 11px;
}

.datatable-footer {
    border-top: 1px solid var(--border-button);
}

.graphic-container {
    background: var(--widget-main-color);
}

.graphic-title {
    border-bottom: 1px solid var(--border-button)!important;
}

.ng-tns-c4-3 .ng-star-inserted {
    display: flex;
}

.cal-open-day-events {
    display: flex;
    flex-wrap: wrap;
}

.datatable-icon-up-custom:before {
    content: '\e155';
    margin-left: 3px;
    font-family: 'Glyphicons Halflings';
    vertical-align: -webkit-baseline-middle;
    font-style: normal;
}

.datatable-icon-down-custom:before {
    content: '\e156';
    margin-left: 3px;
    font-family: 'Glyphicons Halflings';
    vertical-align: -webkit-baseline-middle;
    font-style: normal;
}


/**
   * Progress bar animations
   */

@keyframes query {
    0% {
        opacity: 1;
        transform: translateX(35%) scale(0.3, 1);
    }
    100% {
        opacity: 0;
        transform: translateX(-50%) scale(0, 1);
    }
}

.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
    width: -webkit-fill-available;
}

.ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
    width: -webkit-fill-available;
}

.sub-section-underlined {
    border-bottom: 2px solid var(--border-button);
}

.bid-table {
    border: 1px solid var(--border-button);
}

.offer-table {
    border: 1px solid var(--border-button);
}

.filter-container {
    border-right: 1px solid var(--border-button);
}

.background-highlight {
    background: var(--hover-color-strong);
}

.badge {
    background-color: var(--widget-filter-component-bg);
}

.mat-input-element-intelligent {
    border-radius: 2px;
}

.mat-cell-intelligent {
    background: var(--widget-filter-component-bg);
}

.mat-cell-intelligent:hover {
    background: var(--hover-color-strong);
}

.mat-cell-intelligent-selected {
    background: var(--hover-color-strong);
}

.datatable-body-row:hover {
    background: var(--hover-color-strong);
}

.fa-arrow-circle-left {
    color: var(--widget-filter-component-bg)!important;
}

.fa-arrow-circle-left:hover {
    color: var(--link-color-strong);
    cursor: pointer;
}

.mat-icon-button {
    padding: 0;
    min-width: 0;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    line-height: 40px;
    border-radius: 0;
    background: transparent;
}

.news-mat-header-cell {
    background-color: var(--widget-main-color)!important;
    font-size: 13px!important;
    font-weight: bold!important;
    text-align: center!important;
}

.news-mat-row:focus {
    border-bottom: 1px solid;
    background: var(--hover-color-strong) !important;
}

.news-mat-row:hover {
    background: var(--hover-color-strong) !important;
    text-decoration: underline;
    cursor: pointer;
}

.newsBody {
    background-color: var(--widget-main-color);
}


/* Estilo de Noticias */

.list-filter-container {
    background: transparent;
    border: 1px solid var(--border-button);
    padding-bottom: 1px;
}

.mat-input-element {
    background: var(--widget-filter-component-bg)!important;
}

.dual-date-container {
    background: var(--widget-filter-component-bg);
    border: 1px solid var(--border-button);
    padding: 1px 4px 1px 2px!important;
}

.component-container {
    background: var(--widget-filter-component-bg);
    padding-top: 1px;
    padding-bottom: 1px;
}

.text-filter-container {
    background: var(--widget-filter-component-bg);
}

.table-cell,
.table-header-cell {
    border-bottom: 1px solid var(--border-button);
}

.glyphicon {
    color: var(--main-font-color);
}

.user-menu {
    left: 280px;
    right: 0px;
    z-index: 10001;
    color: var(--tertiary-font-color) !important;
}

.user-menu-button:focus {
    color: #50B2E5 !important;
}

.user-menu-item {
    background: var(--nav-bar-bg-color) !important;
    color: var(--tertiary-font-color) !important;
}

.user-menu-item:focus {
    color: var(--tertiary-font-color) !important;
}

.component-container-date {
    padding-top: 1px;
    padding-bottom: 1px;
}

.select-non-response {
    background: var(--widget-filter-component-bg);
}

.container-filters {
    border-bottom: 1px solid var(--border-button);
    border-top: 1px solid var(--border-button);
}

.container-buttons {
    border-bottom: 1px solid var(--border-button);
}

.filter-text {
    background: var(--widget-filter-component-bg);
    border: none;
}

.fa-edit:before,
.fa-pencil-square-o:before {
    color: var(--secondary-font-color);
}

ngx-gridster-item:hover {
    z-index: 2;
}

.information-not-available {
    margin: 27px 27px;
    font-size: 15px;
}

.buy-color {
    color: var(--label-green);
}

.sell-color {
    color: var(--label-red);
}

.mat-tab-label-active {
    opacity: 1!important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.mat-tab-label-active {
    border-bottom: 3px solid var(--tabs-title-color)!important;
    font-weight: 600;
    color: var(--tabs-title-color);
}


/* Breadcrumbs */

.breadcrumb {
    font-size: 10px;
    text-transform: uppercase;
    background-color: transparent;
    color: #999;
    padding: 5px 0px 10px 0px;
    margin: 0;
}

.breadcrumb>.active {
    font-weight: 600;
}


/* ----- Buttons ----- */

.button {
    background: var(--button-primary-color);
    box-shadow: 0 2px 2px rgb(0 0 0 / 0.2);
    border-radius: 20px;
    border: none;
    color: #ffffff;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 20px;
    letter-spacing: 0.5px;
    height: 36px;
}

.btn-sell {
    background: #D10230;
    box-shadow: 0 2px 2px rgb(0 0 0 / 0.2);
    border-radius: 20px;
    border: none;
    color: #ffffff;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 20px;
    letter-spacing: 0.5px;
    height: 36px;
}

.btn-buy {
    background: #057E51;
    box-shadow: 0 2px 2px rgb(0 0 0 / 0.2);
    border-radius: 20px;
    border: none;
    color: #ffffff;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 20px;
    letter-spacing: 0.5px;
    height: 36px;
}

.btn-disabled {
    background: #AFAFAF;
	opacity:0.6;
    border-radius: 20px;
    border: none;
    color: #ffffff;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 20px;
    letter-spacing: 0.5px;
    height: 36px;
}

.button-secondary {
    background: transparent;
    color: var(--main-font-color);
    border-radius: 20px;
    border: 1px solid #AFAFAF;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 20px;
    letter-spacing: 0.5px;
    height: 36px;
}

.button-secondary:hover {
    background: transparent;
    border-color: var(--button-primary-color);
    color: var(--button-primary-color);
}

.button-cancel {
    background: transparent;
    border: none;
    color: var(--secondary-font-color);
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 20px;
	letter-spacing: 0.5px;
    height: 36px;
}

.button-cancel:hover {
    background: var(--widget-filter-component-bg);
    border-radius: 20px;
    padding: 0 20px;
}

.button:hover,
.btn-sell:hover,
.btn-buy:hover {
    opacity:0.8;
}

.btn-secondary-disabled {
    background: var(--widget-filter-component-bg);
    color: var(--disabled);
    border-radius: 20px;
    border: 1px solid var(--disabled);
    line-height: 16px;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 20px;
    letter-spacing: 0.5px;
    height: 36px;
}


/* ----- TITLES ----- */

.title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.05px;
    margin: 0px;
    color: var(--title-color);
}

.title-detalle {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.title-total {
    font-size: 16px;
    font-weight: 600;
    color: var(--main-font-color);
    text-transform: uppercase;
    margin: 0;
}

.total-primary {
    font-size: 24px;
    font-weight: 600;
    color: var(--title-primary)
}

.total-secondary {
    font-size: 24px;
    font-weight: 600;
    color: var(--title-secondary)
}

.sub-title {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--title-color);
    margin-bottom: 15px;
    padding-bottom: 10px;
    letter-spacing: 0.02em;
    border-bottom: solid 2px var(--border-button);
}

.title14 {
    font-size: 14px;
}

.title16 {
    font-size: 16px;
}

.title24 {
    font-size: 24px;
}

.label-bold {
    font-weight: 600;
}

.modal-backdrop {
    z-index: 11500 !important;
}

.modal {
    z-index: 11501!important;
}

.border-filter {
    border-right: 1px solid var(--border-button);
}

.icon-text-container {
    display: flex;            
    align-items: baseline;   
    margin-bottom: 8px;
    font-size: 16px;
    gap: 4px;
}

.text-info-li {
    font-size: 13px;
    font-family: 'Montserrat';
    font-weight: 500;
    line-height: 15.85px;
    text-align: left;
    margin-bottom: 8px;
}

.badge-status {
    font-size: 12px;
    font-family: 'Montserrat';
    font-weight: 500;
    padding: 3px 10px;
}

.badge-status-info  {
    background-color: var(--badge-status-info-bg);
    color: var(--badge-status-info-color);
}

.badge-status-warning  {
    background-color: var(--badge-status-warning-bg);
    color: var(--badge-status-warning-color);
}


.badge-status-danger  {
    background-color: var(--badge-status-danger-bg);
    color: var(--badge-status-danger-color);
}

.help-button-content {
    font-size: 11px;
    letter-spacing: 0.25px;
    line-height: 18px;
}