.bg-warraper {
    /*background-image: url(../Images/bg-cliente.jpg?p=19232), url('../Images/placeholders/bg-cliente-placeholder.jpg?p=19232');*/
    height: 550px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

accounts-image__overlay
{
    background-image: url(../Images/bg-cliente.jpg?p=19232), url('../Images/placeholders/bg-cliente-placeholder.jpg?p=19232');
}
/*#imgLogoCliente {
    imag: url('../Images/logo-cliente.png'),url('../Images/logo-cliente.jpg');

}*/
body {
    padding: 0px !important;
}

@media screen and (max-height: 950px) {
  body {
     height:1000px;
  }
}

@charset "UTF-8";

@font-face {
    font-family: 'Proxima Nova Black';
    src: url("~/../fonts/Proxima Nova Alt Black-webfont.eot");
    src: url("~/../fonts/Proxima Nova Alt Black-webfont.eot?#iefix") format("embedded-opentype"),url("~/../fonts/Proxima Nova Alt Black-webfont.woff2") format("woff2"),url("~/../fonts/Proxima Nova Alt Black-webfont.woff") format("woff"),url("~/../fonts/Proxima Nova Alt Black-webfont.ttf") format("truetype"),url("~/../fonts/Proxima Nova Alt Black-webfont.svg#proxima_nova_altblack") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: url("~/../fonts/Proxima Nova Alt Bold-webfont.eot");
    src: url("~/../fonts/Proxima Nova Alt Bold-webfont.eot?#iefix") format("embedded-opentype"),url("~/../fonts/Proxima Nova Alt Bold-webfont.woff2") format("woff2"),url("~/../fonts/Proxima Nova Alt Bold-webfont.woff") format("woff"),url("~/../fonts/Proxima Nova Alt Bold-webfont.ttf") format("truetype"),url("~/../fonts/Proxima Nova Alt Bold-webfont.svg#proxima_nova_altbold") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova';
    src: url("~/../fonts/Proxima Nova Alt Regular-webfont.eot");
    src: url("~/../fonts/Proxima Nova Alt Regular-webfont.eot?#iefix") format("embedded-opentype"),url("~/../fonts/Proxima Nova Alt Regular-webfont.woff") format("woff"),url("~/../fonts/Proxima Nova Alt Regular-webfont.ttf") format("truetype"),url("~/../fonts/Proxima Nova Alt Regular-webfont.svg#proxima_nova_altregular") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima_nova_scosfthin;
    src: url("~/../fonts/Proxima Nova ScOsf Thin-webfont.eot");
    src: url("~/../fonts/Proxima Nova ScOsf Thin-webfont.eot?#iefix") format("embedded-opentype"),url("~/../fonts/Proxima Nova ScOsf Thin-webfont.woff2") format("woff2"),url("~/../fonts/Proxima Nova ScOsf Thin-webfont.woff") format("woff"),url("~/../fonts/Proxima Nova ScOsf Thin-webfont.ttf") format("truetype"),url("~/../fonts/Proxima Nova ScOsf Thin-webfont.svg#proxima_nova_scosfthin") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova Semibold';
    src: url("~/../fonts/Proxima Nova Semibold-webfont.eot");
    src: url("../fonts/Proxima Nova Semibold-webfont.eot?#iefix") format("embedded-opentype"),url("~/../fonts/Proxima Nova Semibold-webfont.woff2") format("woff2"),url("~/../fonts/Proxima Nova Semibold-webfont.woff") format("woff"),url("~/../fonts/Proxima Nova Semibold-webfont.ttf") format("truetype"),url("~/../fonts/Proxima Nova Semibold-webfont.svg#proxima_nova_ltsemibold") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima_nova_ltthin;
    src: url("~/../fonts/Proxima Nova Thin-webfont.eot");
    src: url("~/../fonts/Proxima Nova Thin-webfont.eot?#iefix") format("embedded-opentype"),url("~/../fonts/Proxima Nova Thin-webfont.woff2") format("woff2"),url("~/../fonts/Proxima Nova Thin-webfont.woff") format("woff"),url("~/../fonts/Proxima Nova Thin-webfont.ttf") format("truetype"),url("~/../fonts/Proxima Nova Thin-webfont.svg#proxima_nova_ltthin") format("svg");
    font-weight: 400;
    font-style: normal
}

select {
    position: relative;
    display: block;
    -webkit-appearance: none
}

body {
    font-family: "Proxima Nova",Roboto,Helvetica,Arial;
    color: #2b2b2b
}

a {
    color: #2b2b2b
}

    a:hover {
        color: #5e77ff;
        text-decoration: none
    }

p {
    margin: 0 !important
}

hr {
    border-bottom: 1px solid #d5dfef
}

.close-div {
    position: absolute;
    width: calc(100% - 80vw);
    height: 100%
}

.card {
    border: 2px solid #d5dfef
}

.card-in-line {
    min-height: 300px
}

.examples .list-group, .examples .list-group-item {
    height: 100%
}

    .examples .list-group a:hover, .examples .list-group-item a:hover {
        color: #484848
    }

.row.vdivide [class*=col]:not(:last-child):after {
    background: #e0e0e0;
    width: 2px;
    content: "";
    display: block;
    position: absolute;
    top: 5%;
    bottom: 5%;
    right: 0;
    min-height: 70px
}

@media (max-width:767.98px) {
    .row.vdivide [class*=col]:not(:last-child):after {
        width: 0
    }
}

.badge-notification {
    background-color: #fd297a;
    color: #fff
}

.tooltip-container {
    margin: 0;
    line-height: 0
}

.tooltip-icon {
    color: #9fa8b9
}

.color-stat {
    border-radius: .5em;
    margin-right: .5em;
    width: .7em;
    height: .7em
}

.color-stat-circle {
    border-radius: .5em;
    margin-right: .5em;
    width: .7em;
    height: .7em
}

.group-stats {
    font-size: .9rem;
    margin: 0 .5em
}

.custom-progress-bar {
    background-color: #cdd7ed;
    margin-bottom: .45em;
    height: 5px;
    width: 150px
}

.custom-progress-bar-poll {
    margin: 1em auto 3em auto;
    width: 300px;
    height: 10px
}

.custom-progress-bar .progress-bar {
    background-color: #1cc9b7
}

.avatar {
    border-radius: 50%;
    height: 3rem;
    margin: 0 1em
}

.avatar-flex {
    display: flex;
    align-items: center
}

.avatar-flex .avatar {
    height: 35px;
    margin-right: .5em
}

.dropdown-item:active {
    background-color: #7987fb
}

.text-color-dark {
    color: #2b2b2b !important
}

.background-color-dark {
    background-color: #2b2b2b
}

.bg-dark {
    background-color: #2b2b2b !important
}

.border-dark {
    border-color: #2b2b2b !important
}

.prg-dark {
    border-bottom-color: #2b2b2b;
    border-right-color: #2b2b2b
}

.text-color-white {
    color: #fff !important
}

.background-color-white {
    background-color: #fff
}

.bg-white {
    background-color: #fff !important
}

.border-white {
    border-color: #fff !important
}

.prg-white {
    border-bottom-color: #fff;
    border-right-color: #fff
}

.text-color-purple {
    color: #5e77ff !important
}

.background-color-purple {
    background-color: #5e77ff
}

.bg-purple {
    background-color: #5e77ff !important
}

.border-purple {
    border-color: #5e77ff !important
}

.prg-purple {
    border-bottom-color: #5e77ff;
    border-right-color: #5e77ff
}

.text-color-green {
    color: #1cc9b7 !important
}

.background-color-green {
    background-color: #1cc9b7
}

.bg-green {
    background-color: #1cc9b7 !important
}

.border-green {
    border-color: #1cc9b7 !important
}

.prg-green {
    border-bottom-color: #1cc9b7;
    border-right-color: #1cc9b7
}

.text-color-red {
    color: #fd297a !important
}

.background-color-red {
    background-color: #fd297a
}

.bg-red {
    background-color: #fd297a !important
}

.border-red {
    border-color: #fd297a !important
}

.prg-red {
    border-bottom-color: #fd297a;
    border-right-color: #fd297a
}

.text-color-orange {
    color: #eb7d4b !important
}

.background-color-orange {
    background-color: #eb7d4b
}

.bg-orange {
    background-color: #eb7d4b !important
}

.border-orange {
    border-color: #eb7d4b !important
}

.prg-orange {
    border-bottom-color: #eb7d4b;
    border-right-color: #eb7d4b
}

.text-color-yellow {
    color: #ffea00 !important
}

.background-color-yellow {
    background-color: #ffea00
}

.bg-yellow {
    background-color: #ffea00 !important
}

.border-yellow {
    border-color: #ffea00 !important
}

.prg-yellow {
    border-bottom-color: #ffea00;
    border-right-color: #ffea00
}

.text-color-light-purple {
    color: #ccd7ec !important
}

.background-color-light-purple {
    background-color: #ccd7ec
}

.bg-light-purple {
    background-color: #ccd7ec !important
}

.border-light-purple {
    border-color: #ccd7ec !important
}

.prg-light-purple {
    border-bottom-color: #ccd7ec;
    border-right-color: #ccd7ec
}

.text-color-light-gray {
    color: #d5dfef !important
}

.background-color-light-gray {
    background-color: #d5dfef
}

.bg-light-gray {
    background-color: #d5dfef !important
}

.border-light-gray {
    border-color: #d5dfef !important
}

.prg-light-gray {
    border-bottom-color: #d5dfef;
    border-right-color: #d5dfef
}

.text-color-dark-gray {
    color: #717e91 !important
}

.background-color-dark-gray {
    background-color: #717e91
}

.bg-dark-gray {
    background-color: #717e91 !important
}

.border-dark-gray {
    border-color: #717e91 !important
}

.prg-dark-gray {
    border-bottom-color: #717e91;
    border-right-color: #717e91
}

.text-color-black {
    color: #000 !important
}

.background-color-black {
    background-color: #000
}

.bg-black {
    background-color: #000 !important
}

.border-black {
    border-color: #000 !important
}

.prg-black {
    border-bottom-color: #000;
    border-right-color: #000
}

.text-color-pale-purple {
    color: #eceeff !important
}

.background-color-pale-purple {
    background-color: #eceeff
}

.bg-pale-purple {
    background-color: #eceeff !important
}

.border-pale-purple {
    border-color: #eceeff !important
}

.prg-pale-purple {
    border-bottom-color: #eceeff;
    border-right-color: #eceeff
}

.text-color-pale-green {
    color: #d4f2ed !important
}

.background-color-pale-green {
    background-color: #d4f2ed
}

.bg-pale-green {
    background-color: #d4f2ed !important
}

.border-pale-green {
    border-color: #d4f2ed !important
}

.prg-pale-green {
    border-bottom-color: #d4f2ed;
    border-right-color: #d4f2ed
}

.text-color-pale-green-1 {
    color: #3dd7bd !important
}

.background-color-pale-green-1 {
    background-color: #3dd7bd
}

.bg-pale-green-1 {
    background-color: #3dd7bd !important
}

.border-pale-green-1 {
    border-color: #3dd7bd !important
}

.prg-pale-green-1 {
    border-bottom-color: #3dd7bd;
    border-right-color: #3dd7bd
}

.text-color-pale-yellow {
    color: #fcc759 !important
}

.background-color-pale-yellow {
    background-color: #fcc759
}

.bg-pale-yellow {
    background-color: #fcc759 !important
}

.border-pale-yellow {
    border-color: #fcc759 !important
}

.prg-pale-yellow {
    border-bottom-color: #fcc759;
    border-right-color: #fcc759
}

.text-color-pale-red {
    color: #f54985 !important
}

.background-color-pale-red {
    background-color: #f54985
}

.bg-pale-red {
    background-color: #f54985 !important
}

.border-pale-red {
    border-color: #f54985 !important
}

.prg-pale-red {
    border-bottom-color: #f54985;
    border-right-color: #f54985
}

.text-color-red-1 {
    color: #f31a67 !important
}

.background-color-red-1 {
    background-color: #f31a67
}

.bg-red-1 {
    background-color: #f31a67 !important
}

.border-red-1 {
    border-color: #f31a67 !important
}

.prg-red-1 {
    border-bottom-color: #f31a67;
    border-right-color: #f31a67
}

.text-color-yellow-1 {
    color: #fba902 !important
}

.background-color-yellow-1 {
    background-color: #fba902
}

.bg-yellow-1 {
    background-color: #fba902 !important
}

.border-yellow-1 {
    border-color: #fba902 !important
}

.prg-yellow-1 {
    border-bottom-color: #fba902;
    border-right-color: #fba902
}

.gray {
    color: #717e91
}

.h-fit {
    height: fit-content;
}

.text-normal {
    font-family: 'Proxima Nova' !important
}

.regular {
    font-family: 'Proxima Nova' !important
}

.bold {
    font-family: 'Proxima Nova Bold'
}

.semibold {
    font-family: 'Proxima Nova Semibold'
}

.subtite-card {
    font-size: 1.3em;
    font-family: 'Proxima Nova Semibold'
}

ul.errorlist {
    margin: 0 0 4px;
    padding: 0;
    color: #fd297a;
    background: #fff
}

ul.errorlist li {
    font-size: 12px;
    display: block;
    margin-bottom: 4px
}

ul.errorlist li:first-child {
    margin-top: 0
}

ul.errorlist li a {
    color: inherit;
    text-decoration: underline
}

.stripe-button-el {
    display: none !important
}

.show-print {
    visibility: hidden;
    display: none
}

@media print {
    page {
        margin: 0;
        margin-left: .5cm;
        margin-right: .5cm
    }

    table {
        page-break-inside: avoid
    }

    .show-print {
        visibility: visible;
        display: flex
    }

    .hide-print {
        visibility: hidden;
        display: none
    }

    .navbar {
        visibility: hidden;
        display: none
    }

    .sidebar {
        visibility: hidden;
        display: none
    }

    .content {
        position: absolute;
        margin: 0;
        left: 0;
        right: 0;
        top: 0
    }

    .break-page {
        display: block;
        page-break-before: always
    }
}

.small-graph {
    width: 200mm
}

.label-graph {
    font-family: "Proxima Nova",Roboto,Helvetica,Arial;
    font-size: 12px;
    cursor: pointer
}

label.is-invalid {
    color: #fd297a;
    text-decoration: #000 underline
}

.color-bar {
    width: 530px;
    height: 50px;
    background: #d5dfef;
    display: flex
}

.color-bar__color {
    height: 50px;
    font-family: 'Proxima Nova Semibold';
    display: flex;
    align-items: center;
    justify-content: center
}

.scroll-bar::-webkit-scrollbar-track {
    background-color: #e6eaf0
}

.scroll-bar::-webkit-scrollbar {
    width: 10px
}

@media (max-width:1400px) {
    .scroll-bar::-webkit-scrollbar {
        width: 6px
    }
}

.scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #4960ff
}

.card-question {
    background: #fff;
    border-radius: 7px
}

.card-question-question {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border: 1px solid #d5dfef;
    padding: 1.5rem
}

.card-question-question__text {
    color: #717e91;
    text-align: justify
}

.card-question-question__number {
    color: #000;
    font-family: 'Proxima Nova Semibold'
}

.card-question-options {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-left: 1px solid #d5dfef
}

.card-question-options__option {
    border-right: 1px solid #d5dfef;
    border-bottom: 1px solid #d5dfef;
    padding: .5rem;
    background: #f9fbff;
    text-align: center;
    font-size: .9rem;
    color: #717e91
}

.card-question-options__option--active {
    background: #7b90ff;
    color: #fff;
    border-color: #fff
}

.tooltip-inner {
    background-color: #717e91 !important;
    font-size: .9rem
}

.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-top .arrow:before {
    border-right-color: #717e91 !important
}

.email {
    text-transform: lowercase
}

.no-outline {
    outline: 0 !important
}

    .no-outline:focus, .no-outline:hover {
        outline: 0 !important
    }

.bg-pale-pink {
    background-color: pink !important
}

.text-color-pink {
    color: #db7093 !important
}

@media screen and (max-width:705px) {
    .home-screen-icon div {
        display: none
    }
}

.sidebar-container {
    width: 100%
}

.sidebar-container-mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

@media (min-width:767.98px) {
    .sidebar-container-mobile {
        display: none
    }
}

.sidebar-container-mobile--active {
    transition: all .3s;
    background-color: rgba(0,0,0,.7);
    visibility: visible
}

.sidebar-container-mobile--inactive {
    transition: all .3s;
    background-color: rgba(0,0,0,0);
    visibility: hidden
}

.sidebar {
    width: 200px;
    min-height: 100vh;
    border-right: 2px solid #d5dfef
}

.sidebar-mobile {
    min-height: 100vh;
    width: 100%;
    max-width: 80vw;
    background-color: #fff;
    height: 100%
}

.sidebar-mobile--active {
    transition: all .3s;
    margin-left: calc(100% - 80vw)
}

.sidebar-mobile--inactive {
    transition: all .3s;
    margin-left: 100%
}

.sidebar .arrow {
    color: #5e77ff
}

.sidebar .arrow span {
    cursor: pointer
}

.sidebar .arrow--down {
    transition: all .3s;
    transform: rotate(0)
}

.sidebar .arrow--up {
    transition: all .3s;
    transform: rotate(180deg)
}

.company-logo {
    border: 4px solid #d5dfef;
    max-width: 150px;
    width: 45%
}

.categories {
    border-top: 1px solid #d5dfef
}

@media (max-width:767.98px) {
    .categories {
        border-top: 0
    }
}

.categories-container-mobile {
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    height: 100vh
}

.categories-profile {
    padding: 1em;
    margin: 0
}

.category {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d5dfef;
    padding: 20px 1em 20px 5px
}

@media (max-width:767.98px) {
    .category {
        border-bottom: 0;
        padding: .3rem 1rem
    }
}

.category-title {
    display: flex;
    align-items: center
}

.category-title__icon {
    margin-right: 1rem;
    color: #5e77ff;
    font-size: 24px;
    width: 25px
}

.category-title__label {
    color: #2b2b2b;
    font-size: 15px;
    line-height: 1.25em
}

.category-arrow {
    display: flex;
    align-items: center;
    color: #5e77ff;
    width: 12px;
    padding-left: 5px;
    cursor: pointer;
}

.category-profile {
    align-items: center;
    display: grid;
    grid-gap: 1em;
    grid-template-columns: auto 1fr auto;
    padding: .75em .25em
}

.category--inactive {
    transition: all .3s;
    background-color: #fff;
    border-left: 0 solid #fff
}

.category--active {
    transition: all .3s;
    background-color: #f4f6fa;
    border-left: 7px solid #5e77ff
}

.category__label {
    color: #2b2b2b;
    font-size: 15px;
    line-height: 1.25em
}

@media (max-width:767.98px) {
    .category__label {
        line-height: 1em;
        margin-bottom: 0
    }
}

.category__icon {
    color: #5e77ff;
    font-size: 24px
}

@media (max-width:767.98px) {
    .category__icon {
        font-size: 20px
    }
}

.category__icon__profile {
    color: #717e91
}

.subcategories {
    list-style: none;
    width: 100%
}

    .subcategories .subcategories {
        padding-left: 1em
    }

.subcategories-content {
    padding: 1.5em
}

.subcategory {
    padding: .4em 0;
    padding-left: 0
}

.subcategory--selected {
    font-weight: 700
}

.subcategory__title {
    margin: 2em 0
}

.subcategory__label {
    color: #717e91
}

.subcategory__list {
    list-style: none;
    padding: 0;
    line-height: 3em
}

    .subcategory__list li a {
        color: #717e91
    }

.navigation-container {
    padding: 1em 1em 0 1em;
    display: flex;
    justify-content: space-between
}

.navbar {
    border-bottom: 2px solid #d5dfef;
    display: grid;
    grid-template-columns: 1fr auto
}

.navbar-title {
    color: #717e91
}

.navbar-controls {
    display: flex
}

.user-stats {
    display: flex
}

    .user-stats div a {
        display: flex;
        align-items: center;
        padding: 0 .5em;
        border-right: 1px solid #d5dfef
    }

        .user-stats div a span {
            margin-right: .5em
        }

        .user-stats div a p {
            margin: 0
        }

    .user-stats .happiness a {
        color: #1cc9b7
    }

    .user-stats .answers span, .user-stats .medals span, .user-stats .trophies span {
        color: #717e91 !important
    }

    .user-stats .answers p, .user-stats .medals p, .user-stats .trophies p {
        color: #5e77ff
    }

.web-controls {
    display: flex;
    height: 24px
}

    .web-controls .weekly-stats {
        padding: 0 1em;
        border-right: 1px solid #d5dfef
    }

    .web-controls .weekly-stats-label {
        display: flex;
        justify-content: space-between;
        font-size: .8em
    }

        .web-controls .weekly-stats-label .title {
            color: #717e91
        }

        .web-controls .weekly-stats-label .score {
            color: #717e91
        }

            .web-controls .weekly-stats-label .score span {
                color: #fd297a;
                font-weight: 700
            }

    .web-controls .navbar-dropdowns {
        display: flex
    }

        .web-controls .navbar-dropdowns .dropdown {
            cursor: pointer;
            display: flex;
            align-items: center;
            padding: 0 .75em;
            border-right: 1px solid #d5dfef
        }

        .web-controls .navbar-dropdowns .dropdown-menu {
            margin-top: .8rem
        }

        .web-controls .navbar-dropdowns .dropdown-item {
            font-size: .8rem;
            color: #717e91;
            padding: .4rem .9rem;
            margin: .5rem 0
        }

            .web-controls .navbar-dropdowns .dropdown-item:first-child {
                margin-top: 0
            }

            .web-controls .navbar-dropdowns .dropdown-item:last-child {
                margin-bottom: .2rem
            }

            .web-controls .navbar-dropdowns .dropdown-item:hover {
                color: #5e77ff;
                background-color: #fff
            }

        .web-controls .navbar-dropdowns .dropdown.new {
            border-left: 1px solid #d5dfef
        }

        .web-controls .navbar-dropdowns .dropdown .btn {
            padding: .2rem .5em;
            font-size: .9rem
        }

        .web-controls .navbar-dropdowns .dropdown .text-big {
            font-size: 1.2rem
        }

        .web-controls .navbar-dropdowns .dropdown .icon {
            color: #717e91;
            padding-right: .25em
        }

        .web-controls .navbar-dropdowns .dropdown-arrow {
            color: #5e77ff
        }

        .web-controls .navbar-dropdowns .dropdown .notification {
            background-color: #fd297a;
            border-radius: 50%;
            color: #fff;
            position: absolute;
            top: -.7em;
            right: 2em;
            height: 17px;
            width: 17px
        }

    .web-controls .signout {
        padding: 0 1em
    }

        .web-controls .signout .icon {
            color: #5e77ff
        }

.menu-open {
    color: #5e77ff;
    font-size: 1.5em
}

.footer {
    display: grid;
    padding: 1em;
    background-color: #eaeef2
}

@media (max-width:767.98px) {
    .footer {
        padding-bottom: 3.25em
    }
}

.footer p {
    color: #aeb7c5;
    margin: 0;
    font-size: 13px
}

.footer .logo {
    font-family: 'Proxima Nova Bold';
    font-size: 1rem
}

.footer > * {
    grid-column-start: 1;
    grid-row-start: 1;
    justify-self: right
}

.footer > :last-child {
    justify-self: left
}

.container {
    max-width: 100%;
    padding: 0;
    display: grid;
    /*grid-template-columns: 200px 1fr*/
}

@media (max-width:767.98px) {
    .container {
        /*grid-template-columns: 1fr*/
    }
}

.container .content-container {
    display: grid;
    min-height: 100vh;
    /*grid-template-rows: 50px 1fr 50px*/
}

.container .content-container .content {
    background-color: #eff2f6;
    padding: 2em
}

@media (max-width:767.98px) {
    .container .content-container .content {
        padding: 1em
    }
}

.chart-card {
    padding: 2rem
}

@media (max-width:1300px) {
    .chart-card {
        padding: 2rem 1rem
    }
}

.chart-container {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr
}

@media (max-width:1300px) {
    .chart-container {
        grid-template-columns: 1fr
    }
}

.fixes-list {
    list-style: none;
    padding: 0;
    text-align: center
}

.bullet-stats {
    display: grid;
    grid-template-columns: 1fr 2fr 2fr 3.75fr 1.25fr;
    padding: 0 2em .5em 2em;
    text-align: center
}

.chart-aside {
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 1.75rem 1rem
}

@media (max-width:767.98px) {
    .chart-aside {
        grid-template-columns: 1fr
    }
}

.chart-aside-chart {
    padding: 0 3em
}

.chart-aside-chart__chart {
    margin-bottom: 1rem;
    font-size: 1.8rem
}

.chart-aside-chart__chart-progress {
    font-size: 8.5rem !important
}

.chart-aside-chart__chart-full {
    height: 140px !important;
    width: 140px !important
}

    .chart-aside-chart__chart-full > .circle-chart--text {
        font-size: 1.8rem !important
    }

    .chart-aside-chart__chart-full:hover > .circle-chart--text {
        font-size: 2rem !important
    }

@media (max-width:1400px) {
    .chart-aside-chart__chart {
        height: 130px !important;
        width: 130px !important;
        border-width: 11px !important;
        font-size: 1.4rem !important
    }
}

.chart-aside-chart__chart:hover {
    font-size: 2rem
}

@media (max-width:1400px) {
    .chart-aside-chart__chart:hover {
        border-width: 9px !important;
        font-size: 1.6rem !important
    }

        .chart-aside-chart__chart:hover .circle-chart--text {
            font-size: 1.5rem !important
        }
}

@media (max-width:1400px) {
    .chart-aside-chart__chart .circle-chart--text {
        font-size: 1.3rem !important
    }
}

@media (max-width:1400px) {
    .chart-aside-text__description {
        font-size: .9rem
    }
}

.four-charts {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin: 1.5rem 1rem !important
}

@media (max-width:767.98px) {
    .four-charts {
        grid-template-columns: 1fr
    }
}

.four-charts-chart {
    border-right: 1px solid #d5dfef;
    padding: .25rem
}

.four-charts-chart__circle {
    font-size: 125px !important
}

@media (max-width:767.98px) {
    .four-charts-chart {
        margin-bottom: 1rem;
        border-right: none
    }
}

.four-charts-chart:last-child {
    border-right: none
}

.four-charts-chart-circle {
    border-radius: 50%;
    background: #d5dfef;
    position: relative;
    width: 50%;
    height: 0;
    padding: 25% 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:1400px) {
    .four-charts-chart-circle {
        max-width: 100%;
        width: 80%;
        padding: 40% 0;
        font-size: 1.2rem
    }
}

@media (max-width:767.98px) {
    .four-charts-chart-circle {
        max-width: 100%;
        width: 50%;
        padding: 25% 0;
        font-size: 1.5rem
    }
}

.four-charts-chart-circle__text {
    font-size: 1.5em;
    color: #717e91
}

.four-charts-chart__description {
    color: #717e91;
    max-width: 225px;
    margin: 1rem auto 0 auto !important;
    padding: 0 1rem
}

@media (max-width:767.98px) {
    .four-charts-chart__description {
        max-width: 250px
    }
}

.chart-center {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center
}

.pulse-indicator {
    display: grid;
    grid-template-columns: repeat(5,minmax(20%,1fr));
    width: 100%;
    padding: 1rem .5rem
}

.pulse-indicator-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    border-right: 1px solid #d5dfef
}

@media (max-width:767.98px) {
    .pulse-indicator-item {
        padding: 0 .5rem
    }
}

.pulse-indicator-item--active {
    background: #f9fafd;
    border-bottom: 6px solid #5d76fc
}

    .pulse-indicator-item--active .pulse-indicator-item__icon {
        margin: 4rem 0 1rem 0
    }

@media (max-width:767.98px) {
    .pulse-indicator-item--active .pulse-indicator-item__icon {
        margin: 1rem 0 0 0
    }
}

.pulse-indicator-item--active .pulse-indicator-item__number {
    font-size: 3.5rem;
    color: #5e77ff;
    margin-bottom: 0 !important;
    height: 85px
}

@media (max-width:767.98px) {
    .pulse-indicator-item--active .pulse-indicator-item__number {
        font-size: 1.5rem !important;
        height: 40px
    }
}

.pulse-indicator-item--active .pulse-indicator-item__status {
    height: 44px;
    font-size: .9rem
}

@media (max-width:767.98px) {
    .pulse-indicator-item--active .pulse-indicator-item__status {
        font-size: .7rem
    }
}

.pulse-indicator-item:last-child {
    border-right: none
}

.pulse-indicator-item__icon {
    font-size: 3rem;
    margin: 4rem 0 3rem 0
}

@media (max-width:767.98px) {
    .pulse-indicator-item__icon {
        font-size: 1.5rem !important;
        margin: 1rem 0 1rem 0
    }
}

.pulse-indicator-item__number {
    color: #717e91;
    font-size: 2rem;
    margin-bottom: 1rem !important;
    height: 40px
}

@media (max-width:767.98px) {
    .pulse-indicator-item__number {
        font-size: 1.5rem
    }
}

.pulse-indicator-item__status {
    color: #717e91;
    margin-bottom: 2.5rem !important;
    height: 50px
}

@media (max-width:767.98px) {
    .pulse-indicator-item__status {
        text-align: center;
        font-size: .7rem;
        margin-bottom: 0 !important
    }
}

.pulse-chart {
    display: flex
}

.pulse-chart__icons {
    width: 7%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 2rem 0 4rem 0
}

@media (max-width:767.98px) {
    .pulse-chart__icons {
        font-size: .6rem;
        margin: 2rem 0 6rem 0
    }
}

.pulse-chart__chart {
    width: 93%
}

@media (max-width:767.98px) {
    .pulse-chart__chart {
        margin: 0 auto
    }
}

.vertical-charts {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.vertical-charts-chart {
    padding: .5rem 2rem;
    border-bottom: 1px solid #d5dfef
}

.vertical-charts-chart__title {
    display: flex;
    justify-content: space-between;
    text-align: center
}

.vertical-charts-chart__chart {
    font-size: 110px !important
}

.vertical-charts-chart-circle {
    width: 110px;
    height: 110px;
    background: #d5dfef;
    border-radius: 50%;
    margin: 1rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #717e91
}

.vertical-charts-chart-circle__points {
    font-size: 1.75rem
}

.vertical-charts-chart:last-child {
    border-bottom: none
}

.charts-indicators {
    display: flex;
    justify-content: space-between;
    margin: 0 1.5rem 0 4.5rem !important
}

@media (max-width:767.98px) {
    .charts-indicators {
        flex-direction: column;
        margin: .7rem 0 2.8rem 0 !important;
        text-align: right
    }
}

.charts-indicators-indicator {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 100%
}

@media (max-width:767.98px) {
    .charts-indicators-indicator {
        justify-content: flex-end
    }
}

.charts-indicators-indicator__label {
    font-size: .9rem;
    margin-right: .5rem !important
}

@media (max-width:767.98px) {
    .charts-indicators-indicator__label {
        font-size: .7rem
    }
}

.charts-indicators-indicator__icon {
    color: #fba902
}

.chart-bullet {
    padding: 0 3rem
}

@media (max-width:767.98px) {
    .chart-bullet {
        padding: 0
    }
}

.chart-bullet-chart {
    position: relative;
    height: 5rem
}

.chart-bullet-chart-colors {
    background-color: #d5dfef;
    border-radius: 5px;
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute
}

.chart-bullet-chart-colors-color {
    height: 100%
}

    .chart-bullet-chart-colors-color:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

    .chart-bullet-chart-colors-color:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }

.chart-bullet-chart-indicator {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    width: calc(100% + 3rem);
    z-index: 1
}

.chart-bullet-chart-indicator__bar {
    background-color: #000;
    height: .3rem
}

.chart-bullet-chart-indicator__number {
    width: 2rem;
    font-family: 'Proxima Nova Bold';
    font-size: 1.1rem;
    margin-left: 1rem !important
}

.chart-bullet-labels {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    color: #717e91
}

.circle-chart {
    border: 50px solid #d5dfef;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 250px;
    width: 250px;
    border-radius: 50%;
    transition: all .3s
}

.circle-chart-double {
    width: 125px;
    height: 125px;
    border: 10px solid #d5dfef;
    padding-top: .5rem
}

    .circle-chart-double:hover {
        border-width: 8px !important
    }

        .circle-chart-double:hover .circle-chart--text {
            font-size: 2rem !important
        }

        .circle-chart-double:hover .circle-chart--subtext {
            font-size: 1rem !important
        }

.circle-chart-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.circle-chart--text {
    font-size: 1.5rem;
    color: #717e91;
    line-height: .95;
    transition: all .3s
}

.circle-chart--subtext {
    font-size: .9rem;
    color: #717e91;
    transition: all .3s
}

.circle-chart:hover {
    border-width: 10px
}

    .circle-chart:hover .circle-chart--text {
        font-size: 1.8rem
    }

    .circle-chart:hover .circle-chart--subtext {
        font-size: 1rem
    }

.index-chart {
    display: flex
}

.index-bar-stats {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 1rem 0 2.5rem 0;
    width: 175px
}

.index-bar-stats-stat {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    margin-right: .25rem !important
}

.index-bar-stats-stat__text {
    font-size: .9rem;
    margin-right: .25rem !important
}

@media (max-width:767.98px) {
    .index-bar-stats-stat__text {
        font-size: .77rem
    }
}

.tables {
    display: grid;
    grid-template-rows: 1fr
}

.table-container {
    border: 1px solid #d5dfef;
    border-radius: .5em;
    overflow: hidden;
    padding: 0;
    font-size: .9rem
}

@media (max-width:767.98px) {
    .table-container {
        max-width: calc(100vw - 2rem);
        overflow: auto
    }
}

@media (max-width:140s0px) {
    .table-container {
        font-size: .8rem
    }
}

.table-container-circles {
    border-radius: 0
}

    .table-container-circles th {
        color: #000;
        text-align: center;
        border-right: 1px solid #d5dfef !important
    }

        .table-container-circles th:first-child {
            background-image: linear-gradient(131deg,#fff 44.44%,#e6e6e6 44.44%,#e6e6e6 50%,#fff 50%,#fff 94.44%,#e6e6e6 94.44%,#e6e6e6 100%);
            background-size: 11.93px 13.72px
        }

    .table-container-circles tbody tr td:first-child {
        background: #fff
    }

.table-container .table {
    margin: 0
}

@media (max-width:1400px) {
    .table-container .table-small-padding tbody tr td {
        padding: .75rem .5rem !important
    }
}

.table-container .table-heatmaps {
    table-layout: fixed
}

.table-container .table thead {
    background-color: #fff;
    color: #717e91;
    font-family: 'Proxima Nova Semibold';
    line-height: 1
}

@media (max-width:1400px) {
    .table-container .table thead th {
        font-size: .75rem;
        padding: .75rem .5rem !important
    }
}

.table-container .table thead th:focus {
    outline: 0;
    box-shadow: none
}

.table-container .table thead tr th {
    border: 0;
    vertical-align: middle
}

.table-container .table thead .header-special {
    border: 1px solid #d5dfef;
    border-top: 0;
    text-align: center
}

    .table-container .table thead .header-special:first-child {
        border-left: 0
    }

    .table-container .table thead .header-special:last-child {
        border-right: 0
    }

.table-container .table thead .header-green {
    background-color: #bffff7;
    color: #1cc9b7;
    border-bottom: 1px solid #1cc9b7
}

.table-container .table thead .header-purple {
    background-color: #dfe3ff;
    color: #5e77ff;
    border-bottom: 1px solid #5e77ff
}

.table-container .table thead .header-gray {
    background-color: #9fa8ba;
    color: #fff
}

.table-container .table thead .sorting:after, .table-container .table thead .sorting:before {
    color: #5e77ff;
    opacity: 1 !important
}

@media (max-width:1400px) {
    .table-container .table tbody td {
        padding: 1rem .5rem !important
    }
}

.table-container .table tbody tr:nth-child(even) {
    background: #f5f7fa
}

.table-container .table tbody tr:nth-child(odd) {
    background: #fff
}

.table-container .table tbody tr td {
    border-right: 1px solid #d5dfef;
    vertical-align: middle
}

.table-container .table tbody ​tr td:last-child {
    border-right: 0
}

.table-container .table tfoot {
    background-color: #fff
}

.table-container .table .value-special {
    color: #5e77ff
}

.table-container .table .value-positive {
    color: #1cc9b7
}

.table-container .table .value-negative {
    color: #fd297a
}

.table-container .table .value-bold {
    font-weight: 600
}

.table-container .table .value-big {
    font-size: 1.8em
}

.table-container .table .value-bg-purple {
    background: #ebf0ff
}

.table-container .table .value-bg-green {
    background: #d4f2ed
}

.table-container .table .fixed-colum, .table-container .table .fixed-column, .table-container .table .table-col-5 {
    width: 5%
}

.table-container .table .table-col-0 {
    width: 0%
}

.table-container .table .table-col-1 {
    width: 1%
}

.table-container .table .table-col-2 {
    width: 2%
}

.table-container .table .table-col-3 {
    width: 3%
}

.table-container .table .table-col-4 {
    width: 4%
}

.table-container .table .table-col-5 {
    width: 5%
}

.table-container .table .table-col-6 {
    width: 6%
}

.table-container .table .table-col-7 {
    width: 7%
}

.table-container .table .table-col-8 {
    width: 8%
}

.table-container .table .table-col-9 {
    width: 9%
}

.table-container .table .table-col-10 {
    width: 10%
}

.table-container .table .table-col-11 {
    width: 11%
}

.table-container .table .table-col-12 {
    width: 12%
}

.table-container .table .table-col-13 {
    width: 13%
}

.table-container .table .table-col-14 {
    width: 14%
}

.table-container .table .table-col-15 {
    width: 15%
}

.table-container .table .table-col-16 {
    width: 16%
}

.table-container .table .table-col-17 {
    width: 17%
}

.table-container .table .table-col-18 {
    width: 18%
}

.table-container .table .table-col-19 {
    width: 19%
}

.table-container .table .table-col-20 {
    width: 20%
}

.table-container .table .table-col-21 {
    width: 21%
}

.table-container .table .table-col-22 {
    width: 22%
}

.table-container .table .table-col-23 {
    width: 23%
}

.table-container .table .table-col-24 {
    width: 24%
}

.table-container .table .table-col-25 {
    width: 25%
}

.table-container .table .table-col-26 {
    width: 26%
}

.table-container .table .table-col-27 {
    width: 27%
}

.table-container .table .table-col-28 {
    width: 28%
}

.table-container .table .table-col-29 {
    width: 29%
}

.table-container .table .table-col-30 {
    width: 30%
}

.table-container .table .table-col-31 {
    width: 31%
}

.table-container .table .table-col-32 {
    width: 32%
}

.table-container .table .table-col-33 {
    width: 33%
}

.table-container .table .table-col-34 {
    width: 34%
}

.table-container .table .table-col-35 {
    width: 35%
}

.table-container .table .table-col-36 {
    width: 36%
}

.table-container .table .table-col-37 {
    width: 37%
}

.table-container .table .table-col-38 {
    width: 38%
}

.table-container .table .table-col-39 {
    width: 39%
}

.table-container .table .table-col-40 {
    width: 40%
}

.table-container .table .table-col-41 {
    width: 41%
}

.table-container .table .table-col-42 {
    width: 42%
}

.table-container .table .table-col-43 {
    width: 43%
}

.table-container .table .table-col-44 {
    width: 44%
}

.table-container .table .table-col-45 {
    width: 45%
}

.table-container .table .table-col-46 {
    width: 46%
}

.table-container .table .table-col-47 {
    width: 47%
}

.table-container .table .table-col-48 {
    width: 48%
}

.table-container .table .table-col-49 {
    width: 49%
}

.table-container .table .table-col-50 {
    width: 50%
}

.table-container .table .table-col-51 {
    width: 51%
}

.table-container .table .table-col-52 {
    width: 52%
}

.table-container .table .table-col-53 {
    width: 53%
}

.table-container .table .table-col-54 {
    width: 54%
}

.table-container .table .table-col-55 {
    width: 55%
}

.table-container .table .table-col-56 {
    width: 56%
}

.table-container .table .table-col-57 {
    width: 57%
}

.table-container .table .table-col-58 {
    width: 58%
}

.table-container .table .table-col-59 {
    width: 59%
}

.table-container .table .table-col-60 {
    width: 60%
}

.table-container .table .table-col-61 {
    width: 61%
}

.table-container .table .table-col-62 {
    width: 62%
}

.table-container .table .table-col-63 {
    width: 63%
}

.table-container .table .table-col-64 {
    width: 64%
}

.table-container .table .table-col-65 {
    width: 65%
}

.table-container .table .table-col-66 {
    width: 66%
}

.table-container .table .table-col-67 {
    width: 67%
}

.table-container .table .table-col-68 {
    width: 68%
}

.table-container .table .table-col-69 {
    width: 69%
}

.table-container .table .table-col-70 {
    width: 70%
}

.table-container .table .table-col-71 {
    width: 71%
}

.table-container .table .table-col-72 {
    width: 72%
}

.table-container .table .table-col-73 {
    width: 73%
}

.table-container .table .table-col-74 {
    width: 74%
}

.table-container .table .table-col-75 {
    width: 75%
}

.table-container .table .table-col-76 {
    width: 76%
}

.table-container .table .table-col-77 {
    width: 77%
}

.table-container .table .table-col-78 {
    width: 78%
}

.table-container .table .table-col-79 {
    width: 79%
}

.table-container .table .table-col-80 {
    width: 80%
}

.table-container .table .table-col-81 {
    width: 81%
}

.table-container .table .table-col-82 {
    width: 82%
}

.table-container .table .table-col-83 {
    width: 83%
}

.table-container .table .table-col-84 {
    width: 84%
}

.table-container .table .table-col-85 {
    width: 85%
}

.table-container .table .table-col-86 {
    width: 86%
}

.table-container .table .table-col-87 {
    width: 87%
}

.table-container .table .table-col-88 {
    width: 88%
}

.table-container .table .table-col-89 {
    width: 89%
}

.table-container .table .table-col-90 {
    width: 90%
}

.table-container .table .table-col-91 {
    width: 91%
}

.table-container .table .table-col-92 {
    width: 92%
}

.table-container .table .table-col-93 {
    width: 93%
}

.table-container .table .table-col-94 {
    width: 94%
}

.table-container .table .table-col-95 {
    width: 95%
}

.table-container .table .table-col-96 {
    width: 96%
}

.table-container .table .table-col-97 {
    width: 97%
}

.table-container .table .table-col-98 {
    width: 98%
}

.table-container .table .table-col-99 {
    width: 99%
}

.table-container .table .table-col-100 {
    width: 100%
}

.table-container.heatmaps {
    border-radius: 0
}

    .table-container.heatmaps .stat {
        padding: .1rem .1rem !important
    }

    .table-container.heatmaps .stat-value {
        text-align: center;
        padding: .75em
    }

    .table-container.heatmaps tr {
        background: #fff !important
    }

        .table-container.heatmaps tr:last-child td:first-child {
            border-bottom: none !important
        }

        .table-container.heatmaps tr td:first-child {
            padding-left: 1em !important;
            vertical-align: middle
        }

    .table-container.heatmaps td {
        border: none !important
    }

        .table-container.heatmaps td:first-child {
            border-right: 1px solid #d5dfef !important;
            border-bottom: 1px solid #d5dfef !important
        }

    .table-container.heatmaps th {
        border-right: 1px solid #d5dfef !important;
        border-bottom: 1px solid #d5dfef !important
    }

        .table-container.heatmaps th:last-child {
            border-right: 0 !important
        }

    .table-container.heatmaps tbody td {
        padding: 0 !important
    }

@media (max-width:1400px) {
    .table-container.heatmaps tbody td {
        padding: 1px !important
    }
}

.table-container.heatmaps th {
    color: #2b2b2b;
    text-align: center;
    font-family: 'Proxima Nova'
}

    .table-container.heatmaps th:first-child {
        background-image: linear-gradient(131deg,#fff 44.44%,#e6e6e6 44.44%,#e6e6e6 50%,#fff 50%,#fff 94.44%,#e6e6e6 94.44%,#e6e6e6 100%);
        background-size: 11.93px 13.72px
    }

.heatmaps-red-100 {
    background-color: #f877a6
}

.heatmaps-red-50 {
    background-color: #f6c6d8
}

.heatmaps-red-25 {
    background-color: #f6e6ec
}

.heatmaps-green-100 {
    background-color: #4fe5ce
}

.heatmaps-green-50 {
    background-color: #c5ece7
}

.heatmaps-green-25 {
    background-color: #e5f3f1
}

.heatmaps-select-start {
    border: 1px solid #000;
    border-bottom: none
}

.heatmaps-select-middle {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.heatmaps-select-end {
    border: 1px solid #000;
    border-top: none
}

.dataTables_wrapper .dataTables_options {
    display: flex;
    padding: .5em 0
}

@media (max-width:1400px) {
    .dataTables_wrapper .dataTables_options {
        height: 55px !important
    }
}

.dataTables_wrapper .dataTables_options-left {
    padding-left: 1em
}

.dataTables_wrapper .dataTables_options-right {
    justify-content: flex-end;
    padding-right: 1em
}

@media (max-width:767.98px) {
    .dataTables_wrapper .dataTables_options-right {
        display: none
    }
}

.dataTables_wrapper .dataTables_options .btn {
    height: 42px !important;
    display: table-cell;
    vertical-align: middle
}

@media (max-width:1400px) {
    .dataTables_wrapper .dataTables_options .btn {
        font-size: .9rem;
        height: 34px !important
    }
}

.dataTables_wrapper .dataTables_options .table-date, .dataTables_wrapper .dataTables_options .table-filter, .dataTables_wrapper .dataTables_options .table-select {
    padding-right: .5em
}

.dataTables_wrapper .dataTables_options .table-select {
    min-width: 225px;
    position: relative
}

    .dataTables_wrapper .dataTables_options .table-select:after {
        content: "\f078";
        font-family: "Font Awesome 5 Pro";
        font-size: 14px;
        color: #5e77ff;
        right: 21px;
        top: 12px;
        padding: 0 0 2px;
        position: absolute;
        pointer-events: none
    }

@media (max-width:1400px) {
    .dataTables_wrapper .dataTables_options .table-select:after {
        right: 19px;
        top: 9px
    }
}

.dataTables_wrapper .dataTables_options .table-select select {
    font-size: .9em
}

    .dataTables_wrapper .dataTables_options .table-select select:focus, .dataTables_wrapper .dataTables_options .table-select select:hover {
        border-color: #dfe3fe !important;
        box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important;
        outline: 0
    }

.dataTables_wrapper .dataTables_options .table-date .options-datepicker::placeholder {
    font-size: .9em
}

.dataTables_wrapper .dataTables_options .table-options {
    display: flex
}

    .dataTables_wrapper .dataTables_options .table-options .options-icon {
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center
    }

.dataTables_wrapper .dataTables_filter {
    float: left
}

    .dataTables_wrapper .dataTables_filter label {
        position: relative
    }

        .dataTables_wrapper .dataTables_filter label:after {
            content: "\f002";
            font-family: "Font Awesome 5 Pro";
            font-size: 14px;
            color: #5e77ff;
            right: 21px;
            top: 12px;
            padding: 0 0 2px;
            position: absolute;
            pointer-events: none
        }

@media (max-width:1400px) {
    .dataTables_wrapper .dataTables_filter label:after {
        right: 15px;
        top: 9px
    }
}

.dataTables_wrapper .dataTables_filter .form-control {
    height: 42px !important;
    width: 17em !important;
    margin-left: 0 !important;
    background-color: #fff !important;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAzMCAzMCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij4gICAgPHBhdGggc3R5bGU9ImxpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7dGV4dC1kZWNvcmF0aW9uLWNvbG9yOiMwMDA7dGV4dC10cmFuc2Zvcm06bm9uZTtibG9jay1wcm9ncmVzc2lvbjp0Yjtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWwiIGQ9Ik0gMTMgMyBDIDcuNDg4OTk3MSAzIDMgNy40ODg5OTcxIDMgMTMgQyAzIDE4LjUxMTAwMyA3LjQ4ODk5NzEgMjMgMTMgMjMgQyAxNS4zOTY1MDggMjMgMTcuNTk3Mzg1IDIyLjE0ODk4NiAxOS4zMjIyNjYgMjAuNzM2MzI4IEwgMjUuMjkyOTY5IDI2LjcwNzAzMSBBIDEuMDAwMSAxLjAwMDEgMCAxIDAgMjYuNzA3MDMxIDI1LjI5Mjk2OSBMIDIwLjczNjMyOCAxOS4zMjIyNjYgQyAyMi4xNDg5ODYgMTcuNTk3Mzg1IDIzIDE1LjM5NjUwOCAyMyAxMyBDIDIzIDcuNDg4OTk3MSAxOC41MTEwMDMgMyAxMyAzIHogTSAxMyA1IEMgMTcuNDMwMTIzIDUgMjEgOC41Njk4Nzc0IDIxIDEzIEMgMjEgMTcuNDMwMTIzIDE3LjQzMDEyMyAyMSAxMyAyMSBDIDguNTY5ODc3NCAyMSA1IDE3LjQzMDEyMyA1IDEzIEMgNSA4LjU2OTg3NzQgOC41Njk4Nzc0IDUgMTMgNSB6IiBmb250LXdlaWdodD0iNDAwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgd2hpdGUtc3BhY2U9Im5vcm1hbCIgb3ZlcmZsb3c9InZpc2libGUiPjwvcGF0aD48L3N2Zz4=) no-repeat right .75rem center/8px 10px;
    background-image: none
}

@media (max-width:1400px) {
    .dataTables_wrapper .dataTables_filter .form-control {
        height: 35px !important
    }
}

@media (max-width:767.98px) {
    .dataTables_wrapper .dataTables_filter .form-control {
        width: 175px !important
    }
}

.dataTables_wrapper .dataTables_filter .form-control:focus {
    border-color: #dfe3fe !important;
    box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important;
    outline: 0
}

.dataTables_wrapper .dataTables_length {
    float: right
}

    .dataTables_wrapper .dataTables_length .custom-select {
        height: 3em
    }

        .dataTables_wrapper .dataTables_length .custom-select:focus {
            border-color: #dfe3fe !important;
            box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important;
            outline: 0
        }

.dataTables_wrapper .dataTables_paginate {
    float: left
}

    .dataTables_wrapper .dataTables_paginate .pagination {
        color: #fd297a;
        display: flex;
        align-items: center
    }

@media (max-width:1400px) {
    .dataTables_wrapper .dataTables_paginate .pagination {
        font-size: .9rem
    }
}

.dataTables_wrapper .dataTables_paginate .pagination li:first-child a, .dataTables_wrapper .dataTables_paginate .pagination li:last-child a {
    color: #5e77ff;
    background-color: #ccd7ec !important;
    border-radius: 50%;
    height: 32px;
    width: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:1400px) {
    .dataTables_wrapper .dataTables_paginate .pagination li:first-child a, .dataTables_wrapper .dataTables_paginate .pagination li:last-child a {
        height: 28px;
        width: 28px;
        font-size: .8rem
    }
}

.dataTables_wrapper .dataTables_paginate .pagination li:first-child.disabled a, .dataTables_wrapper .dataTables_paginate .pagination li:last-child.disabled a {
    color: #cad4e6;
    background-color: #e3e9f5 !important;
    border-radius: 50%
}

.dataTables_wrapper .dataTables_paginate .page-link {
    background-color: transparent !important;
    border: 0 !important;
    color: #ccd7ec
}

    .dataTables_wrapper .dataTables_paginate .page-link:focus {
        box-shadow: none
    }

.dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link {
    color: #d5dfef
}

.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
    color: #5e77ff
}

.dataTables_wrapper .dataTables_info {
    float: right;
    color: #717e91
}

@media (max-width:1400px) {
    .dataTables_wrapper .dataTables_info {
        font-size: .9rem
    }
}

.dataTables_wrapper .dataTables_info .info-active {
    color: #5e77ff;
    font-weight: 700
}

.dataTables_wrapper .dataTables_info .info-bold {
    font-weight: 700
}

.heatmaps-stats {
    margin-top: 1em;
    padding: 1.25em 1em;
    display: flex;
    flex-direction: row
}

    .heatmaps-stats .heatmap-stats-item {
        display: flex;
        margin-right: 1em;
        align-items: center
    }

.table-fixed-height td {
    height: 75px
}

@media (max-width:1400px) {
    .table-fixed-height td {
        height: 60px
    }
}

.btn-table {
    font-size: .9rem;
    margin-top: 1rem;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.table-scroll-indicator {
    display: flex;
    justify-content: space-between;
    margin: 1.5rem 0 1rem 0
}

.table-scroll-indicator__text {
    color: #717e91;
    font-size: .8rem
}

.table-scroll-indicator__icon {
    color: #5e77ff
}

.column-rotate {
    width: 13%
}

@media (max-width:767.98px) {
    .column-rotate {
        width: 5%
    }
}

@media (max-width:767.98px) {
    .column-rotate p {
        transform: rotate(-90deg)
    }
}

.progress-semicircle {
    margin: 25px auto
}

    .progress-semicircle > .value {
        color: #3c4761;
        text-align: center;
        position: relative;
        bottom: 10px;
        font-size: 1.3em;
        margin-bottom: 25px;
        left: 9px;
        transition: all .2s ease-out
    }

    .progress-semicircle > .from {
        font-size: 12px;
        position: relative;
        left: -35px;
        bottom: -9px;
        color: grey
    }

    .progress-semicircle > .to {
        font-size: 12px;
        position: relative;
        right: -44px;
        bottom: -9px;
        color: grey
    }

    .progress-semicircle > span:after {
        content: "%"
    }

    .progress-semicircle:hover {
        cursor: default
    }

        .progress-semicircle:hover > .value {
            bottom: 12px;
            font-size: 1.4em;
            color: #000
        }

.progress-value {
    position: relative;
    overflow: hidden;
    width: 180px;
    height: 90px;
    margin-bottom: -14px
}

.prg-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 35px solid #eee
}

.card-title {
    font-size: 16px
}

.c100.p100 .slice, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .rect-auto {
    clip: rect(auto,auto,auto,auto)
}

.c100 .bar, .c100.p100 .fill, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .pie {
    position: absolute;
    border: .09em solid #000;
    width: .82em;
    height: .82em;
    clip: rect(0,.5em,1em,0);
    border-radius: 50%;
    transform: rotate(0)
}

.c100.p100 .bar:after, .c100.p100 .fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .pie-fill {
    transform: rotate(180deg)
}

.wrapper {
    width: 1200px;
    margin: 0 auto
}

.c100 {
    position: relative;
    font-size: 160px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 12px auto;
    background-color: #d5dfef
}

    .c100 *, .c100 :after, .c100 :before {
        box-sizing: content-box
    }

    .c100 > span {
        position: absolute;
        width: 100%;
        z-index: 1;
        left: 0;
        top: 0;
        width: 5em;
        line-height: 5em;
        font-size: .2em;
        color: #3c4761;
        display: block;
        text-align: center;
        white-space: nowrap;
        transition: all .2s ease-out
    }

    .c100 .text {
        position: absolute;
        z-index: 1;
        left: 15%;
        top: 20%;
        width: 5em;
        line-height: 4em;
        font-size: .15em;
        color: #3c4761;
        display: block;
        text-align: center;
        white-space: nowrap;
        transition: all .2s ease-out
    }

    .c100:after {
        position: absolute;
        top: .09em;
        left: .09em;
        display: block;
        content: " ";
        border-radius: 50%;
        background-color: #fff;
        width: .82em;
        height: .82em;
        transition: all .2s ease-out
    }

    .c100 .slice {
        position: absolute;
        width: 1em;
        height: 1em;
        clip: rect(0,1em,1em,.5em)
    }

    .c100.p1 .bar {
        transform: rotate(3.6deg)
    }

    .c100.p2 .bar {
        transform: rotate(7.2deg)
    }

    .c100.p3 .bar {
        transform: rotate(10.8deg)
    }

    .c100.p4 .bar {
        transform: rotate(14.4deg)
    }

    .c100.p5 .bar {
        transform: rotate(18deg)
    }

    .c100.p6 .bar {
        transform: rotate(21.6deg)
    }

    .c100.p7 .bar {
        transform: rotate(25.2deg)
    }

    .c100.p8 .bar {
        transform: rotate(28.8deg)
    }

    .c100.p9 .bar {
        transform: rotate(32.4deg)
    }

    .c100.p10 .bar {
        transform: rotate(36deg)
    }

    .c100.p11 .bar {
        transform: rotate(39.6deg)
    }

    .c100.p12 .bar {
        transform: rotate(43.2deg)
    }

    .c100.p13 .bar {
        transform: rotate(46.8deg)
    }

    .c100.p14 .bar {
        transform: rotate(50.4deg)
    }

    .c100.p15 .bar {
        transform: rotate(54deg)
    }

    .c100.p16 .bar {
        transform: rotate(57.6deg)
    }

    .c100.p17 .bar {
        transform: rotate(61.2deg)
    }

    .c100.p18 .bar {
        transform: rotate(64.8deg)
    }

    .c100.p19 .bar {
        transform: rotate(68.4deg)
    }

    .c100.p20 .bar {
        transform: rotate(72deg)
    }

    .c100.p21 .bar {
        transform: rotate(75.6deg)
    }

    .c100.p22 .bar {
        transform: rotate(79.2deg)
    }

    .c100.p23 .bar {
        transform: rotate(82.8deg)
    }

    .c100.p24 .bar {
        transform: rotate(86.4deg)
    }

    .c100.p25 .bar {
        transform: rotate(90deg)
    }

    .c100.p26 .bar {
        transform: rotate(93.6deg)
    }

    .c100.p27 .bar {
        transform: rotate(97.2deg)
    }

    .c100.p28 .bar {
        transform: rotate(100.8deg)
    }

    .c100.p29 .bar {
        transform: rotate(104.4deg)
    }

    .c100.p30 .bar {
        transform: rotate(108deg)
    }

    .c100.p31 .bar {
        transform: rotate(111.6deg)
    }

    .c100.p32 .bar {
        transform: rotate(115.2deg)
    }

    .c100.p33 .bar {
        transform: rotate(118.8deg)
    }

    .c100.p34 .bar {
        transform: rotate(122.4deg)
    }

    .c100.p35 .bar {
        transform: rotate(126deg)
    }

    .c100.p36 .bar {
        transform: rotate(129.6deg)
    }

    .c100.p37 .bar {
        transform: rotate(133.2deg)
    }

    .c100.p38 .bar {
        transform: rotate(136.8deg)
    }

    .c100.p39 .bar {
        transform: rotate(140.4deg)
    }

    .c100.p40 .bar {
        transform: rotate(144deg)
    }

    .c100.p41 .bar {
        transform: rotate(147.6deg)
    }

    .c100.p42 .bar {
        transform: rotate(151.2deg)
    }

    .c100.p43 .bar {
        transform: rotate(154.8deg)
    }

    .c100.p44 .bar {
        transform: rotate(158.4deg)
    }

    .c100.p45 .bar {
        transform: rotate(162deg)
    }

    .c100.p46 .bar {
        transform: rotate(165.6deg)
    }

    .c100.p47 .bar {
        transform: rotate(169.2deg)
    }

    .c100.p48 .bar {
        transform: rotate(172.8deg)
    }

    .c100.p49 .bar {
        transform: rotate(176.4deg)
    }

    .c100.p50 .bar {
        transform: rotate(180deg)
    }

    .c100.p51 .bar {
        transform: rotate(183.6deg)
    }

    .c100.p52 .bar {
        transform: rotate(187.2deg)
    }

    .c100.p53 .bar {
        transform: rotate(190.8deg)
    }

    .c100.p54 .bar {
        transform: rotate(194.4deg)
    }

    .c100.p55 .bar {
        transform: rotate(198deg)
    }

    .c100.p56 .bar {
        transform: rotate(201.6deg)
    }

    .c100.p57 .bar {
        transform: rotate(205.2deg)
    }

    .c100.p58 .bar {
        transform: rotate(208.8deg)
    }

    .c100.p59 .bar {
        transform: rotate(212.4deg)
    }

    .c100.p60 .bar {
        transform: rotate(216deg)
    }

    .c100.p61 .bar {
        transform: rotate(219.6deg)
    }

    .c100.p62 .bar {
        transform: rotate(223.2deg)
    }

    .c100.p63 .bar {
        transform: rotate(226.8deg)
    }

    .c100.p64 .bar {
        transform: rotate(230.4deg)
    }

    .c100.p65 .bar {
        transform: rotate(234deg)
    }

    .c100.p66 .bar {
        transform: rotate(237.6deg)
    }

    .c100.p67 .bar {
        transform: rotate(241.2deg)
    }

    .c100.p68 .bar {
        transform: rotate(244.8deg)
    }

    .c100.p69 .bar {
        transform: rotate(248.4deg)
    }

    .c100.p70 .bar {
        transform: rotate(252deg)
    }

    .c100.p71 .bar {
        transform: rotate(255.6deg)
    }

    .c100.p72 .bar {
        transform: rotate(259.2deg)
    }

    .c100.p73 .bar {
        transform: rotate(262.8deg)
    }

    .c100.p74 .bar {
        transform: rotate(266.4deg)
    }

    .c100.p75 .bar {
        transform: rotate(270deg)
    }

    .c100.p76 .bar {
        transform: rotate(273.6deg)
    }

    .c100.p77 .bar {
        transform: rotate(277.2deg)
    }

    .c100.p78 .bar {
        transform: rotate(280.8deg)
    }

    .c100.p79 .bar {
        transform: rotate(284.4deg)
    }

    .c100.p80 .bar {
        transform: rotate(288deg)
    }

    .c100.p81 .bar {
        transform: rotate(291.6deg)
    }

    .c100.p82 .bar {
        transform: rotate(295.2deg)
    }

    .c100.p83 .bar {
        transform: rotate(298.8deg)
    }

    .c100.p84 .bar {
        transform: rotate(302.4deg)
    }

    .c100.p85 .bar {
        transform: rotate(306deg)
    }

    .c100.p86 .bar {
        transform: rotate(309.6deg)
    }

    .c100.p87 .bar {
        transform: rotate(313.2deg)
    }

    .c100.p88 .bar {
        transform: rotate(316.8deg)
    }

    .c100.p89 .bar {
        transform: rotate(320.4deg)
    }

    .c100.p90 .bar {
        transform: rotate(324deg)
    }

    .c100.p91 .bar {
        transform: rotate(327.6deg)
    }

    .c100.p92 .bar {
        transform: rotate(331.2deg)
    }

    .c100.p93 .bar {
        transform: rotate(334.8deg)
    }

    .c100.p94 .bar {
        transform: rotate(338.4deg)
    }

    .c100.p95 .bar {
        transform: rotate(342deg)
    }

    .c100.p96 .bar {
        transform: rotate(345.6deg)
    }

    .c100.p97 .bar {
        transform: rotate(349.2deg)
    }

    .c100.p98 .bar {
        transform: rotate(352.8deg)
    }

    .c100.p99 .bar {
        transform: rotate(356.4deg)
    }

    .c100.p100 .bar {
        transform: rotate(360deg)
    }

    .c100:hover {
        cursor: default
    }

        .c100:hover > span {
            width: 4.4em;
            line-height: 4.4em;
            font-size: .23em;
            color: #3c4761
        }

        .c100:hover .text {
            top: 30%;
            left: 8%;
            width: 2.22em;
            line-height: 2.22em;
            font-size: .18em;
            color: #3c4761
        }

        .c100:hover:after {
            top: .07em;
            left: .07em;
            width: .86em;
            height: .86em
        }

    .c100.chart-color-dark .bar, .c100.chart-color-dark .fill {
        border-color: #2b2b2b !important
    }

    .c100.chart-color-dark:hover > span {
        color: #3c4761
    }

    .c100.chart-color-white .bar, .c100.chart-color-white .fill {
        border-color: #fff !important
    }

    .c100.chart-color-white:hover > span {
        color: #3c4761
    }

    .c100.chart-color-purple .bar, .c100.chart-color-purple .fill {
        border-color: #5e77ff !important
    }

    .c100.chart-color-purple:hover > span {
        color: #3c4761
    }

    .c100.chart-color-green .bar, .c100.chart-color-green .fill {
        border-color: #1cc9b7 !important
    }

    .c100.chart-color-green:hover > span {
        color: #3c4761
    }

    .c100.chart-color-red .bar, .c100.chart-color-red .fill {
        border-color: #fd297a !important
    }

    .c100.chart-color-red:hover > span {
        color: #3c4761
    }

    .c100.chart-color-orange .bar, .c100.chart-color-orange .fill {
        border-color: #eb7d4b !important
    }

    .c100.chart-color-orange:hover > span {
        color: #3c4761
    }

    .c100.chart-color-yellow .bar, .c100.chart-color-yellow .fill {
        border-color: #ffea00 !important
    }

    .c100.chart-color-yellow:hover > span {
        color: #3c4761
    }

    .c100.chart-color-light-purple .bar, .c100.chart-color-light-purple .fill {
        border-color: #ccd7ec !important
    }

    .c100.chart-color-light-purple:hover > span {
        color: #3c4761
    }

    .c100.chart-color-light-gray .bar, .c100.chart-color-light-gray .fill {
        border-color: #d5dfef !important
    }

    .c100.chart-color-light-gray:hover > span {
        color: #3c4761
    }

    .c100.chart-color-dark-gray .bar, .c100.chart-color-dark-gray .fill {
        border-color: #717e91 !important
    }

    .c100.chart-color-dark-gray:hover > span {
        color: #3c4761
    }

    .c100.chart-color-black .bar, .c100.chart-color-black .fill {
        border-color: #000 !important
    }

    .c100.chart-color-black:hover > span {
        color: #3c4761
    }

    .c100.chart-color-pale-purple .bar, .c100.chart-color-pale-purple .fill {
        border-color: #eceeff !important
    }

    .c100.chart-color-pale-purple:hover > span {
        color: #3c4761
    }

    .c100.chart-color-pale-green .bar, .c100.chart-color-pale-green .fill {
        border-color: #d4f2ed !important
    }

    .c100.chart-color-pale-green:hover > span {
        color: #3c4761
    }

    .c100.chart-color-pale-green-1 .bar, .c100.chart-color-pale-green-1 .fill {
        border-color: #3dd7bd !important
    }

    .c100.chart-color-pale-green-1:hover > span {
        color: #3c4761
    }

    .c100.chart-color-pale-yellow .bar, .c100.chart-color-pale-yellow .fill {
        border-color: #fcc759 !important
    }

    .c100.chart-color-pale-yellow:hover > span {
        color: #3c4761
    }

    .c100.chart-color-pale-red .bar, .c100.chart-color-pale-red .fill {
        border-color: #f54985 !important
    }

    .c100.chart-color-pale-red:hover > span {
        color: #3c4761
    }

    .c100.chart-color-red-1 .bar, .c100.chart-color-red-1 .fill {
        border-color: #f31a67 !important
    }

    .c100.chart-color-red-1:hover > span {
        color: #3c4761
    }

    .c100.chart-color-yellow-1 .bar, .c100.chart-color-yellow-1 .fill {
        border-color: #fba902 !important
    }

    .c100.chart-color-yellow-1:hover > span {
        color: #3c4761
    }

    .c100.blue .bar, .c100.blue .fill {
        border-color: #4a60ff !important
    }

    .c100.blue:hover > span {
        color: #3c4761
    }

    .c100.pink .bar, .c100.pink .fill {
        border-color: #d74680 !important
    }

    .c100.pink:hover > span {
        color: #3c4761
    }

    .c100.green .bar, .c100.green .fill {
        border-color: #15c7a8 !important
    }

    .c100.green:hover > span {
        color: #3c4761
    }

    .c100.orange .bar, .c100.orange .fill {
        border-color: #eb7d4b !important
    }

    .c100.orange:hover > span {
        color: #3c4761
    }

    .c100.red .bar, .c100.red .fill {
        border-color: #fd297a !important
    }

    .c100.red:hover > span {
        color: #3c4761
    }

    .c100.yellow .bar, .c100.yellow .fill {
        border-color: #fba902 !important
    }

    .c100.yellow:hover > span {
        color: #3c4761
    }

.modal-dialog--simple {
    width: 300px
}

.modal-dialog--complex {
    width: 400px
}

@media (max-width:767.98px) {
    .modal-dialog {
        margin: 0
    }
}

.modal-content .modal-header {
    border: 0
}

@media (max-width:767.98px) {
    .modal-content .modal-header {
        flex-direction: column-reverse
    }
}

.modal-content .modal-header .close {
    font-size: 1em;
    opacity: 1
}

@media (max-width:767.98px) {
    .modal-content .modal-header .close {
        margin: 0 !important;
        padding: .5rem .5rem 1rem .5rem
    }
}

@media (max-width:767.98px) {
    .modal-content .modal-header .close > span:before {
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        content: "\f060"
    }
}

.modal-content .modal-header .close:focus {
    outline: 0
}

.modal-content .modal-header .close:hover {
    color: #899bff
}

@media (max-width:767.98px) {
    .modal-content {
        height: 100vh
    }
}

.modal-content .modal-body {
    text-align: center
}

.modal-content .modal-body--single {
    padding: 0 1em
}

.modal-content .modal-body--complex {
    padding: 0 2em
}

.modal-content .modal-body__title {
    font-size: 1.1em
}

.modal-content .modal-body__info {
    color: #717e91;
    font-size: .8em
}

.modal-content .modal-body-buttons {
    margin: 1em 0 1.5em 0
}

.modal-content .modal-body-buttons__button {
    width: 100px;
    font-size: .8em
}

.modal-preview {
    max-width: 700px
}

    .modal-preview .modal-header {
        padding: 1.5rem 2rem;
        border-bottom: 1px solid #d5dfef
    }

        .modal-preview .modal-header .close {
            color: #5e77ff;
            padding-top: 1.3rem;
            font-size: 1.3rem
        }

.modal-preview-container {
    font-size: .9rem;
    text-align: left;
    margin: 2rem 7rem 1rem 7rem
}

.modal-preview-container__description {
    color: #717e91;
    padding: .5rem 0 1.3rem 0 !important;
    text-align: justify
}

.modal-question {
    max-width: 900px
}

@media (max-width:767.98px) {
    .modal-question > .modal-content {
        padding: 0 1rem !important
    }
}

@media (max-width:767.98px) {
    .modal-question > .modal-content > .modal-header {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (max-width:767.98px) {
    .modal-question > .modal-content > .modal-header .modal-title {
        margin-top: .5rem
    }
}

@media (max-width:767.98px) {
    .modal-question > .modal-content > .modal-header .modal-title span {
        font-size: 1.2rem
    }
}

.modal-question-footer {
    border-top: 1px solid #d5dfef;
    padding-top: 2.5rem !important
}

@media (max-width:767.98px) {
    .modal-question-footer {
        border: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.modal-question__question {
    padding: 2rem 3rem 2.5rem 3rem;
    font-size: 1.6rem;
    color: #717e91;
    border-top: 1px solid #d5dfef
}

.modal-question .table-container {
    border: 0;
    border-top: 1px solid #d5dfef;
    border-bottom: 1px solid #d5dfef;
    border-radius: 0
}

.modal-question-questions {
    border-top: 1px solid #d5dfef;
    border-bottom: 1px solid #d5dfef;
    max-height: 335px;
    overflow: auto;
    margin: 1rem 0 2rem 0
}

@media (max-width:767.98px) {
    .modal-question-questions {
        margin: 0 !important;
        max-height: 70vh
    }
}

.modal-question-questions-list {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0
}

.modal-question-questions-list__item {
    padding: .5rem 1rem;
    color: #717e91;
    font-size: .9rem
}

    .modal-question-questions-list__item:nth-child(even) {
        background-color: #f6f7fa
    }

.modal-question-description {
    font-size: .9em;
    padding: 0 6rem
}

.modal-question-description__text {
    color: #717e91
}

.modal-question-description__question {
    font-family: 'Proxima Nova Semibold';
    margin-top: .5rem
}

.modal-question-inputs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    border-top: 1px solid #d5dfef;
    padding-top: 1rem
}

.modal-question-inputs__select {
    width: 175px;
    margin-right: 1rem;
    position: relative
}

.modal-question-inputs__select-icon {
    color: #5e77ff;
    position: absolute;
    z-index: 2;
    right: 12px;
    top: 14px;
    font-size: .8rem
}

@media (max-width:1400px) {
    .modal-question-inputs-button {
        font-size: .9rem;
        height: 35px
    }
}

@media (max-width:1400px) {
    .modal-question-inputs-search {
        height: 32px
    }
}

.modal-question-inputs-search__input {
    border-right: 0;
    min-height: 42px
}

@media (max-width:1400px) {
    .modal-question-inputs-search__input {
        min-height: 32px
    }
}

.modal-question-inputs-search__icon {
    border: 1px solid #d5dfef;
    border-left: 0
}

.modal-question-info {
    border-top: 1px solid #d5dfef;
    padding: 4rem 0
}

@media (max-width:767.98px) {
    .modal-question-info {
        padding: 0 !important
    }
}

.modal-question-info__text {
    color: #717e91;
    max-width: 80%;
    text-align: justify
}

@media (max-width:767.98px) {
    .modal-question-info__text {
        max-width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: .5rem;
        font-size: .9rem
    }
}

.modal-question__options {
    display: flex;
    justify-content: center;
    margin: 0 auto
}

@media (max-width:767.98px) {
    .modal-question__options {
        justify-content: flex-start;
        flex-direction: column;
        margin: 0;
        width: 100%
    }
}

.modal-question__options-option {
    margin: 0 .5rem
}

@media (max-width:767.98px) {
    .modal-question__options-option {
        display: flex;
        justify-content: center;
        margin: 0 !important;
        padding: .5rem 0
    }
}

@media (max-width:767.98px) {
    .modal-question__options-option:first-child {
        margin-bottom: .5rem !important
    }
}

@media (max-width:767.98px) {
    .modal-question__options-option__icon {
        margin-right: 1rem
    }
}

.modal-question__options-option__text {
    width: 100%
}

@media (max-width:767.98px) {
    .modal-question__options-option__text {
        width: auto
    }
}

.modal-table {
    border: 0 !important;
    width: 100%
}

    .modal-table thead {
        display: none
    }

    .modal-table tbody tr {
        color: #717e91;
        font-size: .9rem;
        text-align: left
    }

        .modal-table tbody tr td {
            border-right: 1px solid #d5dfef;
            padding: .5rem .5rem
        }

            .modal-table tbody tr td:last-child {
                border-right: 0
            }

        .modal-table tbody tr:last-child {
            border-bottom: 1px solid #d5dfef
        }

        .modal-table tbody tr:nth-child(odd) {
            background-color: #f6f7fa
        }

    .modal-table .pagination {
        margin-bottom: 0 !important
    }

.check-checkbox:checked, .check-checkbox:not(:checked), .check-multiple:checked, .check-multiple:not(:checked), .check-single:checked, .check-single:not(:checked) {
    display: none
}

    .check-checkbox:checked + label, .check-checkbox:not(:checked) + label, .check-multiple:checked + label, .check-multiple:not(:checked) + label, .check-single:checked + label, .check-single:not(:checked) + label {
        cursor: pointer;
        position: relative;
        padding-top: 0;
        padding-left: 23px;
        line-height: 16px
    }

.check-checkbox + label:after, .check-multiple + label:after, .check-single + label:after {
    content: '';
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.check-checkbox + label:before, .check-multiple + label:before, .check-single + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%
}

.check-checkbox + label:after {
    border-radius: 3px !important
}

.check-checkbox + label:before {
    border-radius: 3px !important
}

.check-checkbox:checked + label:before, .check-single:checked + label:before {
    background: #5e77ff
}

.check-single:checked + label:after {
    background: #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 4px;
    left: 4px
}

.check-checkbox:checked + label:after {
    background: #5e77ff;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 0;
    left: 3px;
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    font-size: 10px;
    color: #fff
}

.check-multiple:checked + label:before {
    width: 16px;
    height: 16px;
    position: absolute;
    border: 2px solid #5e77ff
}

.check-multiple:checked + label:after {
    background: #5e77ff;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 4px;
    left: 4px
}

.check-checkbox:not(:checked) + label:before, .check-single:not(:checked) + label:before {
    width: 16px;
    height: 16px;
    position: absolute;
    background: #fff;
    border: 2px solid #aeb7c5
}

.check-multiple:not(:checked) + label:before {
    width: 16px;
    height: 16px;
    position: absolute;
    border: 2px solid #5e77ff
}

.check-checkbox:not(:checked) + label:after, .check-multiple:not(:checked) + label:after, .check-single:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.check-checkbox:checked + label:after, .check-multiple:checked + label:after, .check-single:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.check-checkbox:not(:checked) + label:after, .check-multiple:not(:checked) + label:after, .check-single:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.check-checkbox:checked + label:after, .check-multiple:checked + label:after, .check-single:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.radio-without-label {
    padding-left: 17px !important;
    padding-top: 5px !important
}

.checkbox-table {
    padding-left: 13px !important;
    padding-top: 13px !important
}

    .checkbox-table:hover {
        opacity: 100%;
        transition: all .3s
    }

.checkbox-table--inactive {
    opacity: 0;
    transition: all .3s
}

.checkbox-table--active {
    opacity: 100%;
    transition: all .3s
}

table.dataTable tbody td.select-checkbox, table.dataTable tbody th.select-checkbox {
    padding: 1rem 1.5rem !important
}

    table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
        margin-top: 2px !important;
        margin-left: -8px !important;
        width: 16px !important;
        height: 16px !important;
        cursor: pointer !important;
        border: none !important;
        border: 2px solid #aeb7c5 !important;
        transition: all .3s
    }

table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
    background: #5e77ff;
    font-family: "Font Awesome 5 Pro";
    font-weight: 700 !important;
    content: '\f00c' !important;
    font-size: .7rem !important;
    margin-top: 4px !important;
    margin-left: -8px !important;
    text-align: center !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 3px !important;
    text-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important
}

.form-control:focus, .form-control:hover {
    border-color: #dfe3fe !important;
    box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important;
    outline: 0
}

.form-select-container {
    position: relative
}

.form-select-container__icon {
    color: #5e77ff;
    position: absolute;
    z-index: 2;
    right: 12px;
    top: 17px;
    font-size: .8rem
}

@media (max-width:1400px) {
    .form-select-container__icon {
        right: 11px;
        top: 14px
    }
}

.dropdown-item {
    color: #717e91;
    font-size: .9rem;
    display: flex;
    align-items: center
}

    .dropdown-item:focus {
        outline: 0 !important
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #5e77ff;
        background-color: #fff
    }

.bootstrap-select {
    background: 0 0
}

    .bootstrap-select:focus, .bootstrap-select:hover {
        box-shadow: none !important;
        outline: 0
    }

    .bootstrap-select > select {
        left: 0
    }

        .bootstrap-select > select:focus, .bootstrap-select > select:hover {
            box-shadow: none;
            outline: 0
        }

    .bootstrap-select .dropdown-menu {
        top: 6px !important
    }

    .bootstrap-select > .dropdown-toggle:after {
        display: none
    }

    .bootstrap-select .dropdown-toggle:focus {
        border-color: #dfe3fe !important;
        box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important;
        outline: 0;
        outline: 0 !important
    }

    .bootstrap-select > .dropdown-toggle.bs-placeholder {
        color: #000 !important
    }

.btn-cw, .btn-cw-table {
    background-color: #fff;
    font-size: .9rem;
    border: 1px solid #d5dfef;
    min-height: 42px !important
}

    .btn-cw-table:focus, .btn-cw-table:hover, .btn-cw:focus, .btn-cw:hover {
        border-color: #dfe3fe !important;
        box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important;
        outline: 0;
        outline: 0 !important
    }

@media (max-width:1400px) {
    .btn-cw, .btn-cw-table {
        font-size: .85rem;
        min-height: 35px !important
    }
}

.btn-cw-table {
    height: 42px;
    display: flex !important
}

.btn-cw-title {
    background: 0 0;
    padding: .25rem !important
}

    .btn-cw-title:focus, .btn-cw-title:hover {
        background: 0 0;
        box-shadow: none !important
    }

.custom-select-style-table:focus, .custom-select-style-table:hover {
    box-shadow: none !important
}

.not-valid {
    border-color: #fd297a !important
}

.accordion {
    margin-top: 2em
}

.accordion-card {
    border: 2px solid #d5dfef !important;
    border-radius: 6px !important;
    margin-bottom: 1em;
    width: 80%;
    max-width: 800px
}

@media (max-width:767.98px) {
    .accordion-card {
        width: 100%;
        max-width: 100%
    }
}

.accordion-header {
    background: #fff
}

.accordion-header-options {
    border-bottom: 2px solid #d5dfef !important;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem 2em
}

    .accordion-header-options.collapsed {
        border-bottom: 0 solid #d5dfef !important;
        transition: all .3s
    }

        .accordion-header-options.collapsed .accordion-header-options__arrow {
            transform: rotate(180deg);
            transition: all .3s
        }

        .accordion-header-options.collapsed .accordion-header-options__circle {
            background: #717e91
        }

        .accordion-header-options.collapsed .accordion-header-options__circle__inner {
            background: #fff;
            height: 14px;
            width: 14px
        }

.accordion-header-options__title {
    display: flex;
    align-items: center
}

.accordion-header-options__circle {
    background: #5e77ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 18px;
    width: 18px;
    margin-right: 1em
}

.accordion-header-options__circle__inner {
    background: #fff;
    border-radius: 50%;
    height: 10px;
    width: 10px
}

.accordion-header-options__text {
    color: #2b2b2b
}

.accordion-header-options__arrow {
    color: #5e77ff;
    transform: rotate(0);
    transition: all .3s
}

.accordion-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2em
}

.accordion-body__icon {
    background: #eef2f6;
    border-radius: 50%;
    color: #5e77ff;
    padding: 2em
}

.accordion-body__description {
    color: #717e91;
    margin: 1.5em 0 !important;
    text-align: justify
}

.accordion-body__buttons a {
    min-width: 150px;
    margin: 0 .5em
}

.accordion-table .table-row {
    display: grid;
    grid-template-columns: auto 1fr auto
}

    .accordion-table .table-row:nth-child(even) {
        background-color: #f3f5f9
    }

.accordion-table .table-item {
    border-right: 1px solid #d5dfef;
    border-bottom: 1px solid #d5dfef;
    display: flex;
    padding: .5em;
    align-items: center
}

    .accordion-table .table-item a {
        color: #717e91
    }

.accordion-table .table-container {
    border: 0;
    border-radius: 0
}

.accordion-custom-input {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1em
}

.accordion-custom-input__icon {
    border: 5px solid #d5dfef;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .5rem 0 1.5rem 0
}

    .accordion-custom-input__icon span {
        color: #5e77ff
    }

.accordion-custom-input__description {
    color: #717e91;
    font-size: .85em;
    margin: .5em 0 4em 0 !important
}

.accordion-custom-input__btn {
    font-size: .85rem;
    margin-bottom: 1rem
}

.accordion-custom-input__options {
    display: flex;
    justify-content: space-between;
    margin: 1em 0;
    width: 80%
}

.accordion-custom-input-option {
    font-size: .9em
}

.accordion-custom-input-option__selector {
    display: flex;
    align-items: center
}

    .accordion-custom-input-option__selector input {
        margin-right: .5em
    }

.accordion-custom-input-option-graph__graph {
    border-width: 9px !important;
    height: 110px;
    width: 110px;
    margin-top: 1rem
}

.accordion-form {
    text-align: center;
    padding: 2em
}

.accordion-form__description {
    color: #717e91;
    text-align: left;
    margin-bottom: 2em !important
}

.accordion-form__container {
    width: 325px;
    margin: 0 auto
}

@media (max-width:767.98px) {
    .accordion-form__container {
        width: 225px
    }
}

.accordion-form-inputs {
    text-align: left;
    margin-bottom: 2.5em
}

.accordion-form-inputs-boolean {
    display: flex;
    justify-content: space-between;
    width: 65%
}

.accordion-form-inputs__label {
    font-size: .9em;
    padding: .5em 0;
    margin-top: .5em;
    margin-bottom: 0
}

.accordion-form-inputs .gj-datepicker {
    width: 100%;
    height: 38px
}

    .accordion-form-inputs .gj-datepicker .datepicker.is-invalid ~ .input-group-append .btn {
        border: 1px solid #dc3545
    }

    .accordion-form-inputs .gj-datepicker .datepicker:focus {
        border-right: 0
    }

.accordion-form-inputs__text:focus, .accordion-form-inputs__text:hover {
    border-color: #dfe3fe !important;
    box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important;
    outline: 0
}

.accordion-form-inputs-drop {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .5em;
    border: 1px dashed #b7b7b7;
    border-radius: 10px
}

.accordion-form-inputs-drop__icon {
    color: #5e77ff;
    margin: .2em 0 .5em 0
}

.accordion-form-inputs-drop__title {
    color: #717e91
}

.accordion-form-inputs-drop__description {
    font-size: .8em
}

    .accordion-form-inputs-drop__description span {
        color: #5e77ff
    }

.accordion-form-inputs__selectors {
    display: flex;
    align-items: center
}

.accordion-form-inputs__custom {
    max-width: 100px
}

@media (max-width:1400px) {
    .accordion-form-inputs__custom {
        font-size: .9rem
    }
}

.accordion-form-tags {
    margin: 2rem 0
}

.accordion-form-tags__title {
    border-top: 1px solid #d5dfef;
    padding-top: 1.5rem;
    text-align: left;
    font-size: .9rem;
    margin-bottom: 1rem !important
}

.accordion-form-tags-tag {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d5dfef;
    align-items: center;
    padding: 1rem 0
}

.accordion-form-tags-tag-input-text {
    height: 26px;
    width: 150px;
    padding-left: 4px
}

    .accordion-form-tags-tag-input-text:disabled {
        border: none;
        background: 0 0;
        color: #717e91;
        padding: 0;
        height: 18px;
        width: 325px
    }

        .accordion-form-tags-tag-input-text:disabled:focus, .accordion-form-tags-tag-input-text:disabled:hover {
            box-shadow: none !important
        }

.accordion-form-tags-tag__options {
    display: flex
}

.accordion-form-tags__add {
    color: #5e77ff !important;
    text-align: center;
    font-size: .9rem;
    margin: 1rem 0
}

.accordion-form .options .btn {
    width: 48%
}

    .accordion-form .options .btn:first-child {
        margin-right: 2%
    }

.accordion-options {
    display: flex;
    justify-content: space-between;
    margin: 1rem auto;
    width: 325px
}

@media (max-width:767.98px) {
    .accordion-options {
        width: 225px
    }
}

.accordion-options-btn {
    width: 47%;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width:1400px) {
    .accordion-options-btn {
        font-size: .85rem
    }
}

.btn-option, .btn-simple {
    background-color: #fff;
    border: 1px solid #d5dfef
}

    .btn-option:focus, .btn-option:hover, .btn-simple:focus, .btn-simple:hover {
        color: #5e77ff
    }

.btn-purple {
    color: #fff;
    background-color: #5e77ff
}

    .btn-purple:focus, .btn-purple:hover {
        color: #fff;
        background-color: #758af7
    }

.btn-gray {
    background-color: #717e91;
    color: #fff
}

    .btn-gray:focus, .btn-gray:hover {
        color: #eee;
        border: 1px solid #899bff
    }

.btn-outline-purple {
    background-color: initial;
    border: 1px solid #5e77ff;
    color: #5e77ff
}

    .btn-outline-purple:focus, .btn-outline-purple:hover {
        color: #899bff;
        border: 1px solid #899bff
    }

.btn-outline-green {
    background-color: initial;
    border: 1px solid #1cc9b7;
    color: #1cc9b7
}

    .btn-outline-green:focus, .btn-outline-green:hover {
        color: #4bdacb
    }

.btn-back, .btn-transparent {
    color: #5e77ff;
    left: 1.25em;
    font-size: 1.5em
}

    .btn-back:focus, .btn-back:hover, .btn-transparent:focus, .btn-transparent:hover {
        color: #5e77ff
    }

.btn-close {
    background-color: #5e77ff;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    padding: .25em;
    width: 25px;
    height: 25px;
    line-height: 0;
    text-align: center
}

    .btn-close:focus, .btn-close:hover {
        color: #fff
    }

.btn-100 {
    min-width: 100px !important
}

.btn-150 {
    min-width: 150px !important
}

.btn-200 {
    min-width: 200px !important
}

.btn-225 {
    min-width: 225px !important
}

.card-container {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-gap: 1em;
    padding-bottom: 1rem
}

@media (max-width:767.98px) {
    .card-container {
        grid-template-columns: 1fr
    }
}

.card-container-middle {
    grid-template-columns: 1fr 1fr
}

@media (max-width:767.98px) {
    .card-container-middle {
        grid-template-rows: 1fr
    }
}

.card-container-aside, .card-container__aside {
    grid-template-rows: 1fr 1fr 1fr
}

@media (max-width:767.98px) {
    .card-container-aside, .card-container__aside {
        grid-template-rows: 1fr
    }
}

.card-container-small {
    grid-template-columns: 225px 1fr
}

.card-container-double, .card-container__double {
    grid-template-rows: 1fr 1fr
}

@media (max-width:767.98px) {
    .card-container-double, .card-container__double {
        grid-template-rows: 1fr
    }
}

.card-container-four {
    grid-template-columns: repeat(4,1fr)
}

.card-container-diagnostic {
    grid-template-columns: repeat(3,300px)
}

.card-container-participation {
    grid-template-columns: 300px 1fr;
    grid-template-rows: 450px
}

.card-container-aside-participation, .card-container__aside-participation {
    grid-template-columns: 300px 1fr;
    grid-template-rows: 350px 150px
}

@media (max-width:767.98px) {
    .card-container-aside-participation, .card-container__aside-participation {
        grid-template-rows: 1fr
    }
}

.card-container-participation-resume {
    grid-template-columns: 300px 1fr;
    grid-template-rows: 325px
}

.card-container .card-chart {
    padding: 2rem
}

@media (max-width:1400px) {
    .card-container .card-chart {
        padding: 2rem 1rem
    }
}

.card-container .card-chart__title {
    text-align: center;
    margin-bottom: 1rem !important
}

@media (max-width:767.98px) {
    .card-container .card-chart__title {
        font-size: .8rem
    }
}

.card-container .card-chart__title-with-tooltip {
    display: flex
}

.card-container .card-chart__title-with-tooltip__text {
    margin: auto;
    max-width: 200px;
    padding-left: 1.5rem
}

@media (max-width:767.98px) {
    .card-container .card-chart__title-with-tooltip__text {
        font-size: .85rem;
        max-width: 150px;
        padding: 0
    }
}

.card-container .card-chart__title-with-tooltip__icon {
    display: inline-block
}

@media (max-width:767.98px) {
    .card-container .card-chart__title-with-tooltip__icon {
        display: none
    }
}

@media (max-width:1400px) {
    .card-container .card-header-title {
        font-size: .9rem
    }
}

.card-container .card-body {
    text-align: center
}

.card-container .card-footer {
    background-color: #fff;
    text-align: center;
    border-top: 2px solid #d5dfef
}

@media (min-width:767.98px) {
    .card-container .card-full {
        grid-area: 1/1/-1/-1
    }

    .card-container .card-left {
        grid-column: 1/2
    }

    .card-container .card-left-top {
        grid-area: 1/1/2/2
    }

    .card-container .card-left-botom {
        grid-area: 2/1/-1/2
    }

    .card-container .card-left-bigger {
        grid-area: 1/1/3/2
    }

    .card-container .card-right {
        grid-area: 1/2/-1/-1
    }
}

.card-action {
    max-width: 80%
}

@media (max-width:767.98px) {
    .card-action {
        max-width: 100%
    }
}

.card-action-body {
    font-size: .9rem;
    padding: 2em 3em
}

.card-action-body__field {
    color: #717e91
}

.card-action-body__value {
    margin-top: 1em !important
}

.card-action-body-input {
    margin: 1.5em 0
}

.card-action-body-input__label {
    font-family: 'Proxima Nova Semibold';
    margin: 3em 0 1em 0 !important;
    font-size: 1.2em
}

.card-action-body-input__textarea {
    width: 100%;
    padding: .75em 1em;
    border: 1px solid #d5dfef;
    border-radius: 3px
}

    .card-action-body-input__textarea:focus {
        border-color: #dfe3fe !important;
        box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important;
        outline: 0
    }

.card-complaint-user {
    display: flex;
    background-color: #fff;
    align-items: center;
    border-bottom: 2px solid #d5dfef;
    padding: 1em 1em .5em 1em
}

.card-complaint-user__user {
    font-family: 'Proxima Nova Semibold';
    font-size: 1.1em
}

.card-report-body {
    padding: 2em 0
}

.card-report-body__container {
    padding: 0 3rem
}

.card-report-files {
    display: flex;
    margin: 1rem 0
}

.card-report-files-file {
    height: 85px;
    width: 85px;
    padding: 1.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid #d5dfef;
    border-radius: 10px;
    margin-right: .5em
}

.card-report-files-file__icon {
    color: #5e77ff
}

.card-report-files-file__text {
    font-size: 10px;
    color: #717e91
}

.card-report-messages {
    margin: 2.5em 0;
    border-bottom: 1px solid #d5dfef
}

.card-report-messages__title {
    font-family: 'Proxima Nova Semibold';
    padding: 0 3rem 1.5rem 3rem;
    border-bottom: 1px solid #d5dfef;
    font-size: 20px
}

@media (max-width:1400px) {
    .card-report-messages__title {
        font-size: 1.1rem
    }
}

.card-report-messages-message {
    padding: 1rem 3rem 1.5rem 3rem;
    border-bottom: 1px solid #d5dfef;
    display: flex
}

    .card-report-messages-message:last-child {
        border: 0
    }

.card-report-messages-message__date {
    color: #717e91;
    margin-right: 2em !important
}

.index-card {
    border: 1px solid #d5dfef;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 2rem
}

.index-card-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #3a3a3a;
    color: #fff;
    border-bottom: 1px solid #d5dfef;
    font-size: 1.1rem;
    text-align: center;
    padding: .75rem
}

.index-card-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.index-card-list__item {
    border-bottom: 1px solid #d5dfef;
    padding: .75rem 1rem;
    text-align: center
}

    .index-card-list__item a:hover {
        color: #5e77ff
    }

    .index-card-list__item:last-child {
        border: none
    }

.card-collaborator {
    margin-top: .5rem;
    padding: 5rem 2.5rem 2.5rem 2.5rem
}

.card-collaborator-input {
    display: flex;
    margin-bottom: 4rem;
    justify-content: center
}

.card-collaborator-input-box {
    width: 40%;
    max-width: 500px
}

.card-collaborator-input-box-title {
    display: flex;
    justify-content: space-between
}

.card-collaborator-input-box-title__number {
    color: #717e91;
    font-size: .9rem
}

.card-collaborator-input-box-collaborators {
    overflow: auto;
    border: 1px solid #d5dfef;
    height: 275px !important;
    border-radius: 5px;
    margin-top: .5rem;
    padding: .75rem 0 !important;
    width: 100%
}

    .card-collaborator-input-box-collaborators:active, .card-collaborator-input-box-collaborators:focus, .card-collaborator-input-box-collaborators:hover {
        box-shadow: none;
        outline: 0
    }

        .card-collaborator-input-box-collaborators:focus option:checked {
            background: #5e77ff linear-gradient(0deg,#5e77ff 0,#5e77ff 100%);
            color: #fff !important
        }

.card-collaborator-input-box-collaborators-list {
    list-style: none;
    padding: 0;
    margin: .75rem 0
}

.card-collaborator-input-box-collaborators-list-item {
    color: #717e91;
    font-size: .8rem;
    padding: .15rem 1rem
}

    .card-collaborator-input-box-collaborators-list-item:hover {
        background-color: #5e77ff !important;
        color: #fff !important;
        cursor: pointer
    }

.card-collaborator-input-options {
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 2rem
}

.card-collaborator-input-options__btn {
    background-color: #aeb7c5;
    color: #fff;
    width: 100%;
    margin: .2rem 0;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .card-collaborator-input-options__btn:hover {
        background-color: #a6afbc;
        color: #fff
    }

    .card-collaborator-input-options__btn:focus {
        outline: 0;
        box-shadow: none
    }

.card-files-progress {
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center
}

.card-files-progress-bar {
    margin: 1rem;
    width: 100% !important;
    height: 8px
}

.card-files-progress-text {
    font-size: .9rem;
    width: 100%;
    text-align: left
}

.title-container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: .5rem
}

@media (max-width:576px) {
    .title-container {
        margin-top: 1.5rem
    }
}

.title-container .title {
    display: flex;
    align-items: center;
    padding-right: 1rem
}

.title-container .title--text {
    color: #2b2b2b;
    font-size: 1.75rem;
    font-family: 'Proxima Nova Semibold';
    padding-right: .3em;
    margin: 0 !important
}

@media (max-width:1400px) {
    .title-container .title--text {
        font-size: 1.5rem
    }
}

.title-container .title__buttons {
    width: 175px
}

@media (max-width:1400px) {
    .title-container .title__buttons {
        font-size: .8rem;
        width: 140px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.title-container .filters {
    display: flex
}

@media (max-width:1400px) {
    .title-container .filters {
        font-size: .9rem
    }
}

.title-container .filters .filter-group {
    border-right: 2px solid #d5dfef;
    padding-right: .25em;
    display: flex;
    align-items: flex-end
}

    .title-container .filters .filter-group .groups-item {
        padding: 3px 0;
        font-size: .8em;
        color: #717e91;
        display: flex;
        align-items: center;
        width: 5rem
    }

    .title-container .filters .filter-group .groups-item__label {
        font-family: 'Proxima Nova Semibold'
    }

.title-container .filters .filter-dropdown {
    border-right: 2px solid #d5dfef;
    padding: 0 .7em;
    min-width: 125px
}

@media (max-width:1400px) {
    .title-container .filters .filter-dropdown {
        min-width: 90px
    }
}

.title-container .filters .filter-dropdown--title {
    margin: 0;
    color: #717e91;
    font-size: .8em;
    padding-left: .5em
}

.title-container .filters .filter-dropdown-options {
    margin-top: .25rem
}

@media (max-width:1400px) {
    .title-container .filters .filter-dropdown-options {
        margin-top: .5rem
    }
}

.title-container .filters .filter-dropdown-options-option {
    display: flex;
    align-items: center
}

@media (max-width:1400px) {
    .title-container .filters .filter-dropdown-options-option {
        height: 22px
    }
}

.title-container .filters .filter-dropdown-options-option__input {
    font-size: .8em;
    height: 25px;
    background: 0 0;
    border: 0
}

    .title-container .filters .filter-dropdown-options-option__input:disabled {
        color: #d5dfef
    }

    .title-container .filters .filter-dropdown-options-option__input:focus, .title-container .filters .filter-dropdown-options-option__input:hover {
        border: 0;
        box-shadow: none !important
    }

.title-container .filters .filter-dropdown-options-option__icon {
    font-size: .8rem;
    color: #5e77ff;
    margin-top: .4rem !important
}

.title-container .filters .filter-inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: .5rem;
    padding-left: .5rem
}

    .title-container .filters .filter-inputs .filter-input {
        margin: 0;
        padding: 0
    }

    .title-container .filters .filter-inputs .filter-input--title {
        margin: 0;
        color: #717e91;
        font-size: 80%
    }

    .title-container .filters .filter-inputs .filter-input--box {
        height: 1.8em;
        width: 5em
    }

@media (max-width:1400px) {
    .title-container .filters .filter-inputs .filter-input--box {
        height: 1.7em;
        width: 4.5em
    }
}

.title-container .filters .filter-inputs .filter-input--box:focus {
    border-color: #dfe3fe !important;
    box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important;
    outline: 0
}

.subtitle-container {
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding: 0 0 1em 0
}

    .subtitle-container .subtitle {
        display: flex;
        text-align: center;
        align-items: center
    }

@media (max-width:767.98px) {
    .subtitle-container .subtitle {
        max-width: 250px
    }
}

.subtitle-container .subtitle--title {
    font-size: 1.5em
}

@media (max-width:1400px) {
    .subtitle-container .subtitle--title {
        font-size: 1.2em
    }
}

.subtitle-container .subtitle--text {
    font-size: 1.5rem;
    margin: 0
}

@media (max-width:1400px) {
    .subtitle-container .subtitle--text {
        font-size: 1.2em
    }
}

@media (max-width:767.98px) {
    .subtitle-container .subtitle--text {
        text-align: left
    }
}

.breadcrumb {
    padding: 0;
    background: 0 0;
    margin: 0
}

    .breadcrumb .breadcrumb-item {
        font-size: 1.5em;
        text-align: left
    }

        .breadcrumb .breadcrumb-item:before {
            color: #2b2b2b
        }

        .breadcrumb .breadcrumb-item a {
            color: #2b2b2b
        }

        .breadcrumb .breadcrumb-item.active a {
            color: #2b2b2b
        }

@media (max-width:1400px) {
    .breadcrumb .breadcrumb-item {
        font-size: 1.2em
    }
}

.arrow-back {
    font-size: 1.5em;
    color: #5e77ff;
    margin: 0;
    padding-right: .5em
}

.arrow-back-special {
    font-size: 1.4rem !important
}

@media (max-width:1400px) {
    .arrow-back {
        font-size: 1.2em
    }
}

.table-title {
    display: flex;
    align-items: center
}

.table-title__text {
    margin: 0
}

@media (max-width:1400px) {
    .table-title__text {
        font-size: 1.2em
    }
}

.options {
    display: flex;
    align-items: center
}

@media (max-width:1400px) {
    .options {
        height: 35px
    }
}

.options-mobile {
    padding-left: 2rem
}

.options-button {
    padding: 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px
}

@media (max-width:1400px) {
    .options-button {
        height: 32px;
        font-size: .75rem
    }
}

.options-selector {
    background-color: #fff;
    min-width: 9rem;
    height: 100%;
    padding-right: 2.25rem;
    border: 1px solid #d5dfef;
    -webkit-appearance: none;
    -moz-appearance: none
}

@media (max-width:1400px) {
    .options-selector {
        min-width: 8rem
    }
}

@media (max-width:1400px) {
    .options-selector-icon {
        top: 13px
    }
}

.options-selector-icon__calendar {
    font-size: 1.1rem;
    top: 12px
}

@media (max-width:1400px) {
    .options-selector-icon__calendar {
        font-size: 1rem;
        top: 9px
    }
}

.options-selector:focus, .options-selector:hover {
    border-color: #dfe3fe !important;
    box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important;
    outline: 0
}

.options-icon {
    color: #5e77ff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    padding: 0;
    margin-left: .4em
}

    .options-icon:focus, .options-icon:hover {
        border-color: #dfe3fe !important;
        box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important;
        outline: 0;
        color: #39489a
    }

@media (max-width:1400px) {
    .options-icon {
        height: 35px;
        width: 35px;
        font-size: .95rem
    }
}

.gj-datepicker {
    width: 5rem
}

    .gj-datepicker input {
        height: 100%;
        font-size: 12px
    }

        .gj-datepicker input:focus {
            border: 1px solid #d5dfef
        }

    .gj-datepicker button {
        background-color: #fff;
        color: #5e77ff !important
    }

        .gj-datepicker button:focus, .gj-datepicker button:hover {
            background-color: #fff !important
        }

    .gj-datepicker:focus, .gj-datepicker:hover {
        border-color: #dfe3fe !important;
        box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important;
        outline: 0
    }

.tabs-options {
    margin-bottom: 1.5rem
}

@media (max-width:767.98px) {
    .tabs-options {
        margin-bottom: 1rem
    }
}

.tabs-container {
    margin: 0 0 1em 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tabs-container-mobile {
    display: none;
    grid-template-columns: 50% 50%;
    grid-gap: .5rem
}

.tabs-container-mobile__button {
    height: 35px;
    width: 95%
}

@media (max-width:767.98px) {
    .tabs-container-mobile {
        display: grid
    }
}

@media (max-width:767.98px) {
    .tabs-container {
        display: none
    }
}

.tabs-container .nav-item {
    margin: .5rem .5rem .5rem 0;
    min-width: auto;
    text-align: center;
    font-size: .9rem
}

    .tabs-container .nav-item .nav-link {
        color: #717e91;
        background-color: #e5eaef;
        padding: .5rem 1rem
    }

@media (max-width:1400px) {
    .tabs-container .nav-item .nav-link {
        font-size: .75rem
    }
}

.tabs-container .nav-item .nav-link.active {
    color: #5e77ff;
    background-color: #cad2ff
}

.poll-title {
    font-size: 1.5rem;
    text-align: center;
    max-width: 75%;
    margin: 0 auto
}

.poll-description {
    color: #717e91;
    font-size: 1.5rem;
    max-width: 75%;
    margin: 0 auto;
    text-align: center
}

.poll-table {
    margin: 2em 0
}

    .poll-table thead th {
        vertical-align: middle;
        line-height: 1em
    }

@media (max-width:767.98px) {
    .poll-table {
        display: none
    }
}

.poll-questions {
    margin: 2rem 0
}

.poll-questions-header {
    display: grid;
    grid-template-columns: 1fr auto;
    background-color: #fff;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    border: 1px solid #d5dfef;
    color: #717e91;
    font-family: 'Proxima Nova Semibold'
}

.poll-questions-header__text {
    padding: .5rem 2.5rem;
    display: flex;
    align-items: center
}

@media (max-width:1400px) {
    .poll-questions-header__text {
        font-size: .8rem
    }
}

.poll-questions-header-answers {
    display: flex
}

.poll-questions-header-answers__answer {
    padding: .5rem;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media (max-width:1400px) {
    .poll-questions-header-answers__answer {
        font-size: .8rem;
        line-height: .9rem
    }
}

.poll-questions-question {
    display: grid;
    grid-template-columns: 1fr auto
}

.poll-questions-question-container {
    background-color: #fff;
    border: 1px solid #d5dfef;
    border-top: none
}

    .poll-questions-question-container:last-child {
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .poll-questions-question-container:first-child {
        background-color: #fff
    }

    .poll-questions-question-container:nth-child(odd) {
        background-color: #f3f5f9
    }

.poll-questions-question-text {
    display: grid;
    grid-template-columns: 80px 1fr
}

@media (max-width:1400px) {
    .poll-questions-question-text {
        font-size: .8rem
    }
}

.poll-questions-question-text p {
    border-right: 1px solid #d5dfef;
    padding: .75rem 1rem
}

.poll-questions-question-text__number {
    text-align: center
}

.poll-questions-question-text__title {
    color: #717e91
}

.poll-questions-question-answers {
    display: flex
}

.poll-questions-question-answers__answer {
    border-right: 1px solid #d5dfef;
    padding: .75rem 1rem;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center
}

    .poll-questions-question-answers__answer:last-child {
        border-right: none
    }

.poll-questions-question-answers__answer-label__text {
    display: none
}

.poll-buttons {
    text-align: center;
    table-layout: fixed;
    margin: 2rem auto
}

.poll-buttons-btn:first-child {
    margin-right: 1rem
}

@media (max-width:767.98px) {
    .poll-questions {
        margin: 2rem 1rem
    }

    .poll-questions-header {
        display: none
    }

    .poll-questions-question {
        grid-template-columns: 1fr;
        box-shadow: 0 0 10px -3px rgba(0,0,0,.2);
        padding: 1rem;
        margin-top: 1rem
    }

    .poll-questions-question-container {
        border: 0
    }

    .poll-questions-question p {
        border-right: none
    }

    .poll-questions-question--active {
        background-color: #fff;
        color: #717e91
    }

        .poll-questions-question--active .poll-questions-question__number {
            color: #0f0f0f
        }

    .poll-questions-question--inactive {
        background-color: #f7f9fb;
        color: #c5c5c5
    }

        .poll-questions-question--inactive .poll-questions-question__number {
            color: #6b6b6b
        }

    .poll-questions-question-text {
        display: flex;
        margin-bottom: 1rem
    }

    .poll-questions-question-text__number {
        color: #000;
        padding: .75rem 0 .75rem .5rem !important
    }

    .poll-questions-question-text__title {
        display: flex;
        padding-left: 1.5rem;
        padding-right: 1rem;
        text-align: justify
    }

    .poll-questions-question-answers {
        flex-direction: column;
        margin: 0 0 .5rem 2.5rem
    }

    .poll-questions-question-answers__answer {
        width: 100%;
        justify-content: left;
        padding: 0;
        border-right: none !important;
        margin-bottom: .5rem !important
    }

    .poll-questions-question-answers__answer-label {
        width: 100%
    }

    .poll-questions-question-answers__answer-label__text {
        display: inline-block
    }
}

@media (max-width:767.98px) and (min-width:767.98px) {
    .poll-questions {
        display: none
    }
}

@media (max-width:767.98px) {
    .poll-buttons {
        display: flex;
        flex-direction: column;
        max-width: 247px;
        align-items: center
    }

    .poll-buttons-btn {
        width: 100%
    }

        .poll-buttons-btn:first-child {
            margin-bottom: .5rem;
            margin-right: 0
        }
}

.filter-menu-aside {
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: 2;
    top: 100vh;
    left: 100vw
}

.filter-menu-aside--active {
    top: 0;
    left: 0
}

.filter-menu {
    width: 325px;
    position: fixed;
    right: -325px;
    transition: right .3s;
    background: #fff;
    padding: 2em 2.5em;
    z-index: 2;
    box-shadow: -5px 0 11px -5px rgba(0,0,0,.2)
}

.filter-menu--active {
    right: 0;
    transition: right .3s
}

.filter-menu-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.filter-title {
    font-size: 1.2em;
    display: flex;
    justify-content: space-between
}

.filter-title-text {
    font-family: 'Proxima Nova Semibold'
}

.filter-title-close {
    color: #5e77ff
}

.filter-description {
    padding: 1.5em 0;
    font-size: .8em;
    color: #717e91
}

.filter-options {
    font-size: .9em;
    margin-bottom: 1em
}

.filter-options-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em 0;
    border-top: 1px solid #d5dfef
}

    .filter-options-title.collapsed .filter-options-title-icon {
        transform: rotate(0);
        transition: all .3s
    }

.filter-options-title-icon {
    color: #5e77ff;
    transform: rotate(-180deg);
    transition: all .3s
}

.filter-options-values .form-check {
    padding: 0;
    margin-bottom: .5em;
    font-size: .9em;
    color: #717e91
}

.filter-options-values .form-check-label {
    width: 88%
}

.filter-options-values .form-check .radio {
    height: 14px;
    margin: 0 .5em
}

.filter-buttons {
    text-align: center
}

.filter-buttons-main {
    margin: 1em 0 1.5em 0
}

.filter-buttons-reset {
    font-size: .9em;
    color: #5e77ff
}

.ranking {
    display: grid;
    grid-gap: 3em;
    grid-template-columns: 1fr auto 300px;
    margin-bottom: 1em
}

@media (max-width:767.98px) {
    .ranking {
        grid-template-columns: auto 1fr;
        grid-gap: 1em;
        margin-bottom: 2rem
    }
}

.ranking-chart {
    background-color: #eff2f6;
    border-radius: 50px
}

@media (max-width:767.98px) {
    .ranking-chart {
        grid-column: 1/-1
    }
}

.ranking-chart-meter {
    background-color: #a9b5ff;
    border-radius: 50px;
    display: flex;
    justify-content: flex-end
}

.ranking-chart-meter-circle {
    border-radius: 50%;
    background-color: #5e77ff;
    color: #fff;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:767.98px) {
    .ranking-chart-meter-circle {
        height: 60px;
        width: 60px
    }
}

@media (max-width:767.98px) {
    .ranking-chart-meter-circle > span {
        font-size: 1.5rem
    }
}

.ranking-place {
    color: #717e91;
    font-size: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center
}

.ranking-text {
    text-align: left
}

.ranking-text-title {
    font-family: 'Proxima Nova Semibold'
}

@media (max-width:767.98px) {
    .ranking-text-title {
        font-size: .9rem
    }
}

.ranking-text-description {
    color: #717e91;
    text-align: justify
}

@media (max-width:767.98px) {
    .ranking-text-description {
        font-size: .8rem
    }
}

.ranking-text-points {
    color: #717e91;
    font-size: .7rem;
    font-family: 'Proxima Nova Semibold'
}

.ranking-text-points-number {
    font-size: 1rem;
    color: #fd297a
}

.ranking-report {
    max-width: 675px;
    margin: 1rem 0 3rem 0
}

.ranking-report__title {
    font-size: 1.4rem
}

.ranking-report-progressbar {
    margin: 2rem 0
}

.ranking-report-progressbar__bar {
    width: 100%;
    height: 10px
}

.ranking-report-progressbar-text {
    font-size: .9rem;
    display: flex;
    justify-content: space-between
}

.ranking-report-stats {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 1.5rem
}

@media (max-width:767.98px) {
    .ranking-report-stats {
        grid-template-columns: 1fr;
        grid-gap: 2rem
    }
}

.ranking-report-stats-item {
    display: flex;
    justify-content: space-between;
    padding-right: 1.5rem;
    border-right: 1px solid #d5dfef
}

@media (max-width:767.98px) {
    .ranking-report-stats-item {
        justify-content: unset
    }
}

@media (max-width:767.98px) {
    .ranking-report-stats-item {
        border-right: none
    }
}

.ranking-report-stats-item:last-child {
    border-right: none
}

.ranking-report-stats-item-image {
    height: 85px;
    width: 85px;
    background-color: #d5dfef;
    border-radius: 50%;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.ranking-report-stats-item-image__icon {
    font-size: 2.3rem
}

.ranking-report-stats-item__points {
    font-size: 1.8rem;
    color: #717e91
}

@media (max-width:767.98px) {
    .ranking-report-stats-item__points {
        text-align: center
    }
}

.ranking-report-stats-item__text {
    font-size: .9rem;
    color: #717e91
}

@media (max-width:767.98px) {
    .ranking-report-stats-item__text {
        max-width: 80%;
        text-align: center
    }
}

body {
    min-height: 100vh
}

.accounts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 100vh
}

@media (max-width:767.98px) {
    .accounts {
        grid-template-columns: 1fr
    }
}

.accounts-content {
    display: grid;
    grid-template-rows: 1fr auto
}

.accounts-content-wrapper {
    width: 350px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto
}

.accounts-content-wrapper__avatar {
    border: 4px solid #d5dfef;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    margin: 3rem auto 2rem auto
}

@media (max-width:1400px) {
    .accounts-content-wrapper__avatar {
        width: 110px;
        height: 110px
    }
}

.accounts-content-wrapper-upload {
    text-align: center;
    margin-bottom: 2rem
}

.accounts-content-wrapper-upload__placeholder {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    background-color: #d0d5d8;
    color: #5e77ff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem auto
}

.accounts-content-wrapper-upload__add {
    color: #5e77ff;
    position: relative;
    top: -28%;
    right: -55.3%;
    font-size: 23px
}

.accounts-content-wrapper-upload__camera {
    position: relative;
    top: 0;
    left: -10px;
    font-size: 32px
}

.accounts-content-wrapper-upload__info {
    color: #717e91;
    font-size: .9em
}

.accounts-content-wrapper__title {
    font-size: 1.5rem;
    margin-top: 1rem
}

.accounts-content-wrapper__subtitle {
    color: #717e91;
    font-size: .9rem;
    margin-bottom: 3.5rem !important
}

.accounts-content-wrapper__info {
    color: #717e91;
    font-size: .9rem;
    margin-bottom: 5rem !important
}

.accounts-content-form {
    font-size: .9rem
}

.accounts-content-form__label {
    text-align: left
}

.accounts-content-form__label--password-recover {
    font-size: .85rem
}

.accounts-content-form__input {
    font-size: .8rem;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 1rem !important
}

    .accounts-content-form__input:focus {
        border-color: #dfe3fe !important;
        box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important;
        outline: 0
    }

    .accounts-content-form__input.readonly {
        border: 0;
        padding: 0;
        background: 0 0
    }

        .accounts-content-form__input.readonly:focus {
            box-shadow: none !important
        }

.accounts-content-form .password-toggle {
    color: #5e77ff;
    float: right;
    position: relative;
    margin-top: -39px;
    margin-right: 11px;
    cursor: pointer
}

.accounts-content-form .login-arrow {
    color: #5e77ff;
    float: right;
    position: relative;
    margin-top: -39px;
    margin-right: 11px;
    cursor: pointer
}

.accounts-content-form__submit {
    margin: .5rem 0 !important
}

.accounts-content-footer {
    padding: 1rem;
    color: #a8b3c1;
    text-align: center
}

@media (max-width:1400px) {
    .accounts-content-footer__text {
        font-size: .8rem
    }
}

.accounts-content-footer__logo {
    margin-left: .3rem !important;
    font-family: 'Proxima Nova Semibold';
    font-size: 1.3rem
}

@media (max-width:1400px) {
    .accounts-content-footer__logo {
        font-size: 1rem
    }
}

.accounts-image {
    background-color: #5e77ff;
    background-image: url(../Images/bg-cliente.jpg?p=19232),url(../Images/placeholders/bg-cliente-placeholder.jpg?p=19232);
    background-size: cover;
}

@media (max-width:767.98px) {
    .accounts-image {
        display: none
    }
}

.accounts-image__image {
    width: 100%;
    height: 100vh;
    object-fit: cover
}

@media (min-width:767.98px) and (max-width:1400px) {
    .accounts-image__image {
        height: 100%
    }
}

.accounts-image-overlay, .accounts-image__overlay {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100vh;
    background-color: rgba(95,119,252,.6);
    display: grid;
    grid-template-rows: 1fr 1fr
}

.accounts-image-overlay-item, .accounts-image__overlay-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.accounts-image-overlay-item__placeholder, .accounts-image__overlay-item__placeholder {
    width: 120px;
    height: 120px;
    border: 1px dashed #fff;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0
}

.accounts-image-overlay-item__add, .accounts-image__overlay-item__add {
    color: #fff;
    position: relative;
    top: -28%;
    right: -55.3%;
    font-size: 23px
}

.accounts-image-overlay-item__camera, .accounts-image__overlay-item__camera {
    position: relative;
    top: 0;
    left: -10px;
    font-size: 32px
}

.accounts-image-overlay-item__info, .accounts-image__overlay-item__info {
    color: #fff;
    font-size: .8rem;
    max-width: 180px;
    text-align: center
}

.big-announce {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 2rem
}

    .big-announce .announce {
        text-align: center
    }

    .big-announce .announce-icon {
        border: 8px solid #d5dfef;
        border-radius: 50%;
        margin: 0 auto;
        padding: .75em;
        width: 125px;
        height: 125px;
        display: flex;
        justify-content: space-around;
        align-items: center
    }

    .big-announce .announce-icon-object {
        color: #5e77ff
    }

@media (max-width:1400px) {
    .big-announce .announce-icon-object {
        font-size: 3rem
    }
}

@media (max-width:1400px) {
    .big-announce .announce-icon {
        width: 110px;
        height: 110px
    }
}

.big-announce .announce-title {
    padding: 1em 0
}

.big-announce .announce-description {
    color: #717e91
}

.big-announce .announce-button {
    width: 200px;
    height: 45px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:767.98px) {
    .big-announce .announce-button {
        min-width: 200px
    }
}

@media (max-width:1400px) {
    .big-announce .announce-button {
        font-size: .9rem
    }
}

.announce-title {
    font-size: 1.5rem;
    text-align: center
}

.announce-card {
    width: 850px;
    margin: 0 auto
}

.announce-card-header {
    background: #fff;
    text-align: center;
    padding: 1.75em 0
}

.announce-card-header__title {
    color: #5e77fc;
    font-size: 1.1em;
    margin: 1em 0 2em
}

.announce-card-header__text {
    font-size: 1.5em;
    font-family: 'Proxima Nova Semibold'
}

.announce-card-body {
    padding: 1.5em 2em
}

.announce-card-body__text {
    color: #717e91;
    font-size: .9em;
    text-align: justify;
    padding: 1em 0
}

.announce-buttons {
    text-align: center;
    position: sticky;
    top: 100%;
    padding-top: 1em
}

.announce-buttons-main {
    margin: 1em 0 1.5em 0
}

    .announce-buttons-main a {
        margin: 0 .5em
    }

.announce-buttons-reset {
    font-size: .9em;
    color: #5e77ff
}

.page {
    display: grid;
    grid-template-rows: auto 1fr auto;
    width: 21cm;
    height: 27.5cm;
    margin-bottom: 5rem
}

.page-header {
    display: flex;
    align-items: center;
    border-top: 3px solid #717e91;
    border-bottom: 3px solid #d5dfef;
    justify-content: space-between;
    padding: .75rem .5rem
}

.page-header-title {
    display: flex;
    align-items: center
}

.page-header-title__logo {
    border-radius: 50%;
    margin-right: 2rem;
    height: 75px
}

.page-header-title__text {
    font-size: 1.2rem
}

    .page-header-title__text div:first-child {
        color: #717e91
    }

.page-header-info__text {
    display: flex;
    align-items: center;
    color: #717e91;
    font-size: .8rem
}

    .page-header-info__text:first-child {
        margin: 1rem 0 !important
    }

    .page-header-info__text span {
        color: #5e77ff;
        margin-right: .5rem
    }

.page-content {
    padding: 1rem 0
}

.page-content-title {
    font-size: 1.3rem;
    margin: 1rem 0 2rem 0 !important
}

    .page-content-title span {
        color: #717e91
    }

.page-content-separator {
    height: 2px;
    width: 100%;
    background-color: #d5dfef;
    margin: 1em 0
}

.page-content .multitple-charts {
    display: grid;
    grid-template-columns: 30% 70%
}

    .page-content .multitple-charts .charts-side {
        border-right: 2px solid #d5dfef;
        padding: 0 1em
    }

        .page-content .multitple-charts .charts-side .chart-example {
            font-size: .9em;
            margin-bottom: 1em;
            text-align: center
        }

            .page-content .multitple-charts .charts-side .chart-example .graphic-circle {
                font-size: 150px
            }

        .page-content .multitple-charts .charts-side .stat-holder {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-top: 2px solid #d5dfef;
            padding: 1em 0
        }

        .page-content .multitple-charts .charts-side .stat-holder__title {
            display: flex;
            align-items: center
        }

        .page-content .multitple-charts .charts-side .stat-holder__icon {
            height: 12px;
            width: 20px;
            border-radius: 10px;
            background-color: #717e91;
            margin-right: 1em
        }

    .page-content .multitple-charts .chart-example {
        display: flex;
        align-items: center;
        flex-direction: column;
        color: #717e91;
        font-size: 1.2rem
    }

.page-content .table-print {
    width: 100%;
    border-spacing: 0;
    margin-bottom: 2em;
    text-align: left
}

    .page-content .table-print thead th {
        background-color: #fff;
        color: #5e77ff
    }

    .page-content .table-print tr:nth-child(odd) {
        background-color: #f4f9fa
    }

    .page-content .table-print tr td, .page-content .table-print tr th {
        font-size: .9rem;
        padding: .75rem !important
    }

.page-content .table-container.heatmaps {
    border: 0;
    margin-bottom: 2em
}

    .page-content .table-container.heatmaps .table {
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse
    }

        .page-content .table-container.heatmaps .table td:first-child, .page-content .table-container.heatmaps .table th {
            border: 2px solid #d5dfef !important
        }

        .page-content .table-container.heatmaps .table td:last-child {
            border-right: 2px solid #d5dfef !important
        }

        .page-content .table-container.heatmaps .table tr:last-child td {
            border-bottom: 2px solid #d5dfef !important
        }

        .page-content .table-container.heatmaps .table td {
            border: 2px solid #fff !important
        }

        .page-content .table-container.heatmaps .table th {
            padding: .5em 0 !important
        }

        .page-content .table-container.heatmaps .table td {
            padding: 0 !important
        }

            .page-content .table-container.heatmaps .table td:first-child {
                padding-left: .5em !important
            }

        .page-content .table-container.heatmaps .table th {
            text-align: center
        }

            .page-content .table-container.heatmaps .table th:first-child {
                background-image: none
            }

.page-content .chart-aside {
    text-align: justify
}

    .page-content .chart-aside .graphic-circle {
        font-size: 125px
    }

.page-footer {
    color: #717e91;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem;
    padding-bottom: 0;
    border-top: 3px solid #d5dfef;
    font-size: .8rem
}

.page-footer-text span {
    font-family: 'Proxima Nova Semibold';
    font-size: 1rem
}

.page-footer-pagination span {
    color: #000
}

@media print {
    .page-content-title span, .print-footer, .print-header-info__text, .print-header-title__text div:first-child {
        color: #d5dfef !important
    }

    .print {
        margin-bottom: 0;
        page-break-after: always
    }

    .page-content-separator {
        height: 3px;
        width: 100%;
        background-color: #d5dfef;
        margin: 2em 0
    }

    .table-print tr:nth-child(odd) {
        background-color: #f4f9fa !important
    }

    .chart-aside {
        grid-template-columns: auto 1fr;
        text-align: justify
    }

    .bg-red {
        background-color: #fd297a !important
    }

    .bg-pale-red-2 {
        background-color: #f6c6d8 !important
    }

    .bg-yellow {
        background-color: #ffea00 !important
    }

    .bg-green {
        background-color: #1cc9b7 !important
    }

    .heatmaps-red-100 {
        background-color: #f877a6 !important
    }

    .heatmaps-red-50 {
        background-color: #f6c6d8 !important
    }

    .heatmaps-red-25 {
        background-color: #f6e6ec !important
    }

    .heatmaps-green-100 {
        background-color: #4fe5ce !important
    }

    .heatmaps-green-50 {
        background-color: #c5ece7 !important
    }

    .heatmaps-green-25 {
        background-color: #e5f3f1 !important
    }
}

.subscriptions {
    display: grid;
    grid-template-columns: repeat(auto-fit,250px);
    grid-gap: 1.5rem;
    margin-top: 3rem
}

@media (max-width:1400px) {
    .subscriptions {
        grid-template-columns: repeat(auto-fit,219px)
    }
}

.subscription {
    padding: 2rem 1rem 1rem 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.subscription__title {
    font-size: 1.3rem;
    font-family: 'Proxima Nova Semibold'
}

.subscription__description {
    font-size: .9rem
}

.subscription__price {
    color: #5e77ff;
    font-size: 1.5rem;
    font-family: 'Proxima Nova Semibold';
    padding: 1em 0 .2em 0;
    border-bottom: 1px solid #d5dfef;
    margin-bottom: 1em !important
}

.subscription-list {
    list-style: none;
    padding: 0
}

.subscription-list__item {
    color: #717e91;
    font-size: .8rem;
    padding: .5em 0;
    display: flex;
    align-items: center
}

    .subscription-list__item span {
        margin-right: 1em
    }

.subscription__buy {
    margin: 1em 0
}

.subscription__terms {
    font-size: .8rem;
    text-decoration: underline
}

@media (min-width:767.98px) {
    .mobile-title-arrow {
        display: none
    }
}

@media (max-width:767.98px) {
    .mobile-title--active {
        transition: all .3s
    }

    .mobile-title--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-title-arrow {
        margin-bottom: 1rem
    }

    .mobile-title-arrow--active {
        transition: all .3s
    }

    .mobile-title-arrow--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-subtitle--active {
        padding: 0 0 1rem 0
    }

    .mobile-subtitle--inactive {
        padding: 0
    }

    .mobile-item-title-arrow--active {
        display: block
    }

    .mobile-item-title-arrow--inactive {
        display: none
    }

    .mobile-item-title-options--active {
        display: block
    }

    .mobile-item-title-options--inactive {
        display: none
    }

    .mobile-item--active {
        display: block
    }

    .mobile-item--inactive {
        display: none
    }

    .mobile-report-charts-1--active {
        transition: all .3s
    }

    .mobile-report-charts-1--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-report-charts-1-bar--active {
        transition: all .3s
    }

    .mobile-report-charts-1-bar--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-report-charts-2--active {
        transition: all .3s
    }

    .mobile-report-charts-2--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-report-charts-2-bar--active {
        transition: all .3s
    }

    .mobile-report-charts-2-bar--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-report-charts-3--active {
        transition: all .3s
    }

    .mobile-report-charts-3--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-report-charts-3-bar--active {
        transition: all .3s
    }

    .mobile-report-charts-3-bar--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-report-tables-1--active {
        transition: all .3s
    }

    .mobile-report-tables-1--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-report-tables-1-bar--active {
        transition: all .3s
    }

    .mobile-report-tables-1-bar--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-report-tables-2--active {
        transition: all .3s
    }

    .mobile-report-tables-2--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-report-tables-2-bar--active {
        transition: all .3s
    }

    .mobile-report-tables-2-bar--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-participation-charts-1--active {
        transition: all .3s
    }

    .mobile-participation-charts-1--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-participation-charts-1-bar--active {
        transition: all .3s
    }

    .mobile-participation-charts-1-bar--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-participation-charts-2--active {
        transition: all .3s
    }

    .mobile-participation-charts-2--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-participation-charts-2-bar--active {
        transition: all .3s
    }

    .mobile-participation-charts-2-bar--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-participation-charts-3--active {
        transition: all .3s
    }

    .mobile-participation-charts-3--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-participation-charts-3-bar--active {
        transition: all .3s
    }

    .mobile-participation-charts-3-bar--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-participation-charts-4--active {
        transition: all .3s
    }

    .mobile-participation-charts-4--inactive {
        display: none;
        transition: all .3s
    }

    .mobile-participation-charts-4-bar--active {
        transition: all .3s
    }

    .mobile-participation-charts-4-bar--inactive {
        display: none;
        transition: all .3s
    }
}

.commentaries {
    background: #fff;
    border: 1px solid #d5dfef;
    border-radius: 5px;
    list-style: none;
    margin: 0;
    padding: 0
}

.commentaries-commentary {
    margin: 0 1rem 0 1rem;
    padding: 1rem 0 2rem 0;
    border-bottom: 1px solid #d5dfef
}

    .commentaries-commentary:last-child {
        border-bottom: none
    }

@media all and (-ms-high-contrast:none) {
    .container {
        display: -ms-grid;
        -ms-grid-columns: 250px 1fr
    }

        .container .content-container {
            -ms-grid-column: 2
        }

    .accounts {
        display: -ms-grid;
        -ms-grid-columns: 1fr 1fr
    }

    .accounts-content {
        -ms-grid-column: 1
    }

    .accounts-content-wrapper {
        -ms-grid-row: 1
    }

    .accounts-content-footer {
        -ms-grid-row: 2
    }

    .accounts-image {
        -ms-grid-column: 2
    }

    .content {
        min-height: 88vh
    }

    .big-announce {
        height: 75vh
    }

    .four-charts {
        display: -ms-grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr
    }

    .four-charts-chart:nth-child(1) {
        -ms-grid-column: 1
    }

    .four-charts-chart:nth-child(2) {
        -ms-grid-column: 2
    }

    .four-charts-chart:nth-child(3) {
        -ms-grid-column: 3
    }

    .four-charts-chart:nth-child(4) {
        -ms-grid-column: 4
    }

    .chart-aside {
        display: -ms-grid;
        -ms-grid-columns: auto 1fr
    }

    .chart-aside-chart {
        -ms-grid-column: 1
    }

    .chart-aside-text {
        -ms-grid-column: 2
    }

    .pulse-indicator {
        display: -ms-grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr
    }

    .pulse-indicator-item:nth-child(1) {
        -ms-grid-column: 1
    }

    .pulse-indicator-item:nth-child(2) {
        -ms-grid-column: 2
    }

    .pulse-indicator-item:nth-child(3) {
        -ms-grid-column: 3
    }

    .pulse-indicator-item:nth-child(4) {
        -ms-grid-column: 4
    }

    .pulse-indicator-item:nth-child(5) {
        -ms-grid-column: 5
    }

    .card-container {
        display: -ms-grid;
        -ms-grid-columns: 250px 1fr
    }

    .card-container__double {
        -ms-grid-rows: 1fr 1fr
    }

    .card-container-middle {
        -ms-grid-columns: 1fr 1fr
    }

    .card-container-diagnostic {
        -ms-grid-columns: 300px 300px 300px
    }

        .card-container-diagnostic .card {
            margin-right: 1rem
        }

            .card-container-diagnostic .card:nth-child(1) {
                -ms-grid-column: 1
            }

            .card-container-diagnostic .card:nth-child(2) {
                -ms-grid-column: 2
            }

            .card-container-diagnostic .card:nth-child(3) {
                -ms-grid-column: 3
            }

    .card-container .card-full {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2
    }

    .card-container .card-left {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1
    }

        .card-container .card-left:nth-child(2) {
            -ms-grid-column: 1;
            -ms-grid-column-span: 1;
            -ms-grid-row: 2;
            -ms-grid-row-span: 1
        }

    .card-container .card-left-top {
        margin-bottom: 1rem;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1
    }

    .card-container .card-left-bottom {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1
    }

    .card-container .card-left-bigger {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1
    }

    .card-container .card-right {
        margin-left: 1rem;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2
    }

    .subscriptions {
        display: -ms-grid;
        -ms-grid-columns: 250px 250px 250px 250px
    }
}

@media all and (-ms-high-contrast:none) and (max-width:1400px) {
    .subscriptions {
        grid-template-columns: 219px 219px 219px 219px
    }
}

@media all and (-ms-high-contrast:none) {
    .subscriptions .subscription:nth-child(1) {
        -ms-grid-column: 1
    }

    .subscriptions .subscription:nth-child(2) {
        -ms-grid-column: 2
    }

    .subscriptions .subscription:nth-child(3) {
        -ms-grid-column: 3
    }

    .subscriptions .subscription:nth-child(4) {
        -ms-grid-column: 4
    }

    .filter-inputs {
        display: -ms-grid;
        -ms-grid-columns: 1fr 1fr
    }

        .filter-inputs .filter-input:nth-child(1) {
            margin-right: .5rem !important;
            -ms-grid-column: 1
        }

        .filter-inputs .filter-input:nth-child(2) {
            -ms-grid-column: 2
        }

    .ranking {
        display: -ms-grid;
        -ms-grid-columns: 1fr auto 300px
    }

    .ranking-chart {
        margin-right: 3rem;
        -ms-grid-column: 1
    }

    .ranking-place {
        margin-right: 3rem;
        -ms-grid-column: 2
    }

    .ranking-text {
        -ms-grid-column: 3
    }

    .ranking-report-stats {
        display: -ms-grid;
        -ms-grid-columns: 1fr 1fr 1fr
    }

    .ranking-report-stats-item {
        margin-right: 1.5rem;
        padding-right: 1.5rem
    }

        .ranking-report-stats-item:nth-child(1) {
            -ms-grid-column: 1
        }

        .ranking-report-stats-item:nth-child(2) {
            -ms-grid-column: 2
        }

        .ranking-report-stats-item:nth-child(3) {
            -ms-grid-column: 3
        }

    .ie-alert {
        display: block !important;
        display: flex;
        justify-content: center;
        background: red;
        border-radius: 5px;
        padding: .5rem 1rem;
        margin: 2rem auto 0 auto !important;
        color: #fff;
        text-align: center
    }
}