@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}
/*!
	Roboto font.
*/
@font-face {
    font-family: 'Roboto';
    font-weight: 100;
    font-style: normal;
    text-rendering: optimizeLegibility;
    src: url(../fonts/roboto/Roboto-Regular.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 100;
    font-style: italic;
    text-rendering: optimizeLegibility;
    src: url(../fonts/roboto/Roboto-Italic.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 200;
    font-style: normal;
    text-rendering: optimizeLegibility;
    src: url(../fonts/roboto/Roboto-Regular.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 200;
    font-style: italic;
    text-rendering: optimizeLegibility;
    src: url(../../fonts/roboto/Roboto-Italic.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 300;
    font-style: normal;
    text-rendering: optimizeLegibility;
    src: url(../fonts/roboto/Roboto-Light.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 300;
    font-style: italic;
    text-rendering: optimizeLegibility;
    src: url(../fonts/roboto/Roboto-LightItalic.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
    src: url(../fonts/roboto/Roboto-Regular.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    font-style: italic;
    text-rendering: optimizeLegibility;
    src: url(../../fonts/roboto/Roboto-Italic.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 500;
    font-style: normal;
    text-rendering: optimizeLegibility;
    src: url(../fonts/roboto/Roboto-Bold.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 500;
    font-style: italic;
    text-rendering: optimizeLegibility;
    src: url(../fonts/roboto/Roboto-BoldItalic.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 600;
    font-style: normal;
    text-rendering: optimizeLegibility;
    src: url(../fonts/roboto/Roboto-Bold.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 600;
    font-style: italic;
    text-rendering: optimizeLegibility;
    src: url(../fonts/roboto/Roboto-BoldItalic.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 800;
    font-style: normal;
    text-rendering: optimizeLegibility;
    src: url(../fonts/roboto/Roboto-Black.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 800;
    font-style: italic;
    text-rendering: optimizeLegibility;
    src: url(../fonts/roboto/Roboto-BlackItalic.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 900;
    font-style: normal;
    text-rendering: optimizeLegibility;
    src: url(../fonts/roboto/Roboto-Black.ttf)
}

@font-face {
    font-family: 'Roboto';
    font-weight: 900;
    font-style: italic;
    text-rendering: optimizeLegibility;
    src: url(../fonts/roboto/Roboto-BlackItalic.ttf)
}

.hidden {
    display: none !important
}

.riu-component {
    width: 100%;
    min-height: 100%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    margin: auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-family: Roboto;
    font-style: normal
}

.cam-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-color: #000000
}

.video-container {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    height: 100%
}

.capture-input {
    display: none;
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    border: 2px solid #000;
    border-radius: 5px;
    color: #fff;
    padding: 8px;
    margin: 16px;
    text-transform: capitalize
}

.riu-state {
    position: relative;
    display: block;
    width: 100%
}

.riu-cam {
    position: relative;
    display: flex;
    flex-grow: 1
}

video {
    max-width: 100%;
    height: 100%;
    object-fit: contain
}

video.mobile-fullscreen {
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important
}

.picture-empty {
    width: 100%;
    display: block;
    background-color: #ccc
}

.video-container-blur {
    position: relative;
    margin: auto;
    overflow: hidden;
    height: 100%
}

.video-container-blur video {
    display: block;
    margin: auto
}

.video-container-blur .canvas-blur {
    --blur: 15px;
    position: absolute;
    top: calc(var(--blur) * -1);
    left: calc(var(--blur) * -1);
    width: calc(100% + var(--blur) * 2);
    height: calc(100% + var(--blur) * 2);
    z-index: -1;
    filter: blur(var(--blur))
}

.canvas-face {
    width: 100%;
    height: 100%;
    z-index: 5;
    position: absolute;
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.danger {
    color: #fd1456 !important
}

.basic-screen {
    width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    overflow: auto
}

.riu-summary-container {
    background-color: #fff;
    color: #000
}

.riu-summary-container .riu-summary {
    width: 42em;
    align-items: center;
    display: flex;
    flex-direction: column
}

.riu-summary-container .riu-summary .percentages {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.riu-summary-container .riu-summary .percentages .percentage-item {
    display: flex;
    flex-direction: column;
    align-items: center
}

.riu-summary-container .riu-summary p > span {
    color: #fff;
    font-size: 20px;
    margin-bottom: 12px
}

.riu-summary-container .riu-summary a.download-link {
    border: 3px solid;
    border-color: #263238;
    border-radius: 8px;
    width: 260px;
    background: #607d8b;
    margin-bottom: 16px;
    display: flex;
    padding: 16px;
    text-decoration: none
}

.riu-summary-container .riu-summary a.download-link .icon {
    width: 64px;
    height: 64px;
    margin-right: 16px
}

.riu-summary-container .riu-summary a.download-link .icon img {
    width: 100%;
    height: 100%
}

.riu-summary-container .riu-summary a.download-link .information .title {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700
}

.riu-summary-container .riu-summary a.download-link .information .min-version {
    color: #eceff1;
    font-size: 16px
}

canvas {
    background-color: transparent
}

.menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 100
}

.menu--visible {
    pointer-events: auto
}

.app-menu {
    background-color: #6b37fe;
    color: #fff;
    position: relative;
    max-width: 400px;
    width: 90%;
    height: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    display: flex;
    flex-direction: column;
    will-change: transform;
    z-index: 101;
    pointer-events: auto
}

.menu-trigger {
    width: 50px;
    height: 60px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 99;
    top: 0;
    right: -50px;
    color: #fff !important;
    border: none !important;
    background-color: #6b37fe !important;
    outline: 0;
    -moz-outline: 0
}

.menu-trigger:link {
    text-decoration: none !important
}

.menu-trigger:visited {
    color: #fff !important
}

.menu-trigger:hover {
    color: #fff !important
}

.menu-trigger:active {
    color: #fff !important
}

.menu-trigger.opening-menu .glyphicon:before {
    content: "\e080"
}

.menu-trigger.closing-menu .glyphicon:before {
    content: "\e079"
}

.menu-trigger.hidden {
    display: none
}

.menu--visible .app-menu {
    -webkit-transform: none;
    transform: none
}

.menu--animatable .app-menu {
    transition: all 130ms ease-in
}

.menu--visible.menu--animatable .app-menu {
    transition: all 330ms ease-out
}

.menu:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    will-change: opacity;
    pointer-events: none;
    transition: opacity .3s cubic-bezier(0, 0, .3, 1)
}

.menu--visible.menu:after {
    opacity: 1;
    pointer-events: auto
}

.app-menu .gallery {
    padding: 12px 24px;
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

.app-menu .gallery a, .app-menu canvas {
    max-width: 100%;
    padding-bottom: 12px;
    display: block
}

.app-menu .gallery a:first-child, .app-menu canvas:first-child {
    padding-top: 12px
}

.app-menu .gallery a img {
    height: auto !important;
    width: 100% !important
}

.app-menu a:hover {
    color: #fff
}

.app-menu .close-wrapper {
    display: flex;
    justify-content: flex-end;
    padding: 16px
}

.app-menu .close-button {
    text-decoration: none;
    font-size: 30px;
    color: #f0f0f0;
    display: block;
    transition: .3s
}

.app-menu .close-button .glyphicon:before {
    content: "\e079"
}

.menu:after {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 599px) {
    .menu-trigger {
        font-size: 30px;
        position: absolute;
        top: -50px;
        right: unset;
        width: 80px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 50%;
        margin-left: -40px
    }

    .menu-trigger.opening-menu .glyphicon:before {
        content: "\e113"
    }

    .menu-trigger.closing-menu .glyphicon:before {
        content: "\e114"
    }

    .app-menu {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        position: absolute;
        max-width: unset;
        top: unset;
        bottom: 0;
        width: 100%;
        height: 90%;
        max-height: 262px
    }

    .app-menu .gallery {
        padding: 12px;
        display: flex;
        flex-direction: row;
        flex-grow: 1;
        align-items: center;
        overflow-y: hidden;
        overflow-x: auto
    }

    .app-menu .gallery a, .app-menu canvas {
        padding: 0 !important;
        margin-right: 12px;
        width: auto
    }

    .app-menu .gallery a:last-child, .app-menu canvas:last-child {
        padding-right: 12px !important
    }

    .app-menu .gallery a img, .app-menu canvas {
        height: 150px !important;
        width: auto !important
    }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
    .app-menu {
        max-width: 300px
    }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
    .app-menu {
        max-width: 400px
    }
}

.alert-container > .swal2-container {
    position: absolute !important
}

.slow-link-alert {
    display: block;
    position: absolute;
    bottom: 1px;
    right: 0;
    left: 0;
    font-size: 16px;
    padding: .75rem 1.25rem
}

.slow-link-alert-dismissible {
    padding-right: 4rem
}

.slow-link-alert .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit;
    background-color: transparent;
    border: 0;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    cursor: pointer
}

.slow-link-alert .close:hover {
    color: #000;
    text-decoration: none
}

.select-d-type {
    background-color: #21222b
}

.select-d-type-container form {
    margin: 0 !important
}

.select-d-type-container form > .options-container {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: nowrap
}

.select-d-type-container form .options-container:after, .select-d-type-container form .options-container:before {
    content: '';
    display: block
}

.select-d-type-container form .inputGroup {
    background-color: #fff;
    margin: 10px 5px;
    position: relative;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    cursor: pointer
}

.select-d-type-container form .inputGroup .title-wrapper {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    color: #abbecd;
    font-weight: 700;
    margin-top: 1em;
    margin-bottom: 1em;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    display: flex
}

.select-d-type-container form .inputGroup label {
    width: 100px;
    min-width: 100px;
    height: 100px;
    min-height: 100px;
    border: 4px #abbecd solid;
    border-radius: 10px;
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color .2s ease-in;
    box-sizing: border-box;
    margin: auto
}

.select-d-type-container form .inputGroup label:after {
    width: 24px;
    height: 24px;
    content: "";
    border: 2px solid #111839;
    background-color: #111839;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 3px 3px;
    border-radius: 10px;
    z-index: 2;
    position: absolute;
    right: 0;
    top: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all .1s ease-in;
    opacity: 0
}

.select-d-type-container form .inputGroup label:before {
    position: absolute;
    width: 92px;
    height: 92px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    background-size: 60px;
    left: 0
}

.select-d-type-container form .inputGroup.selected label {
    border-color: #6b37fe
}

.select-d-type-container form .inputGroup.selected label + .title-wrapper span {
    color: #6b37fe
}

.select-d-type-container form .inputGroup input.dni ~ label:before {
    background-image: url(../img/document-selection/business-card.svg)
}

.select-d-type-container form .inputGroup input.passport ~ label:before {
    background-image: url(../img/document-selection/passport.svg)
}

.select-d-type-container form .inputGroup.selected label:after {
    opacity: 1
}

.select-d-type-container form .inputGroup input {
    width: 32px;
    height: 32px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden
}

@media screen and (max-width: 480px) {
    .select-d-type-container form > .options-container {
        flex-direction: column
    }

    .select-d-type-container form .inputGroup {
        flex-direction: row;
        flex-basis: initial
    }

    .select-d-type-container form .inputGroup .title-wrapper {
        justify-content: flex-start;
        padding-left: 16px;
        text-align: left
    }
}

.compatible-navigators > p {
    font-size: 18px;
    line-height: 24px
}

.compatible-navigators .options-container {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 16px 0 16px;
    flex-wrap: wrap
}

.compatible-navigators .options-container:after, .compatible-navigators .options-container:before {
    content: '';
    display: block
}

.compatible-navigators .options-container a {
    text-decoration: none
}

.compatible-navigators .options-container a .information {
    padding: 16px 0;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 20px;
    color: #111839 !important
}

.compatible-navigators .options-container a .icon img {
    width: 100px;
    height: 100px
}

@media (max-width: 380px) {
    .select-d-type-container form > .options-container {
        padding: 16px 0 0 0
    }

    .compatible-navigators .options-container {
        padding: 16px 0 0 0
    }

    .compatible-navigators .options-container a .information {
        font-size: 18px
    }
}
.swal2-confirm{
    background-color: #6b37fe !important;
    border-left-color: #6b37fe !important;
    border-right-color: #6b37fe !important;
    border-radius: 10px !important;
}

.swal2-cancel{
    border-radius: 10px !important;
}
.fs-button {
    position: absolute;
    z-index: 15;
    bottom: 8px;
    right: 8px;
    color: #fff !important;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    width: 56px;
    font-size: 24px;
    border-radius: 10px;
    background-color: #6b37fe !important;
    outline: 0;
    -moz-outline: 0
}

.fs-button:link {
    text-decoration: none !important;
    border: none !important
}

.fs-button:visited {
    color: #fff !important;
    border: none !important
}

.fs-button:hover {
    color: #fff !important;
    border: none !important
}

.fs-button:active {
    color: #fff !important;
    border: none !important
}

.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: 10px;
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    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 {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c100 {
    position: relative;
    font-size: 100px;
    width: 1em;
    height: 1em;
    border-radius: 10px;
    float: left;
    background-color: #dfe8ed
}

.c100 *, .c100 :after, .c100 :before {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    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;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.c100:after {
    position: absolute;
    top: .09em;
    left: .09em;
    display: block;
    content: " ";
    border-radius: 10px;
    background-color: #fff;
    width: .82em;
    height: .82em;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

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

.c100.p1 .bar {
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -webkit-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.c100.p2 .bar {
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -webkit-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.c100.p3 .bar {
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -webkit-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.c100.p4 .bar {
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -webkit-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.c100.p5 .bar {
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
}

.c100.p6 .bar {
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -webkit-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.c100.p7 .bar {
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -webkit-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.c100.p8 .bar {
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -webkit-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.c100.p9 .bar {
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -webkit-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.c100.p10 .bar {
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg)
}

.c100.p11 .bar {
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -webkit-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.c100.p12 .bar {
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -webkit-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.c100.p13 .bar {
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -webkit-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.c100.p14 .bar {
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -webkit-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.c100.p15 .bar {
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg)
}

.c100.p16 .bar {
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -webkit-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.c100.p17 .bar {
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -webkit-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.c100.p18 .bar {
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -webkit-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.c100.p19 .bar {
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -webkit-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.c100.p20 .bar {
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg)
}

.c100.p21 .bar {
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -webkit-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.c100.p22 .bar {
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -webkit-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.c100.p23 .bar {
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -webkit-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.c100.p24 .bar {
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -webkit-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.c100.p25 .bar {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.c100.p26 .bar {
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -webkit-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.c100.p27 .bar {
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -webkit-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.c100.p28 .bar {
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -webkit-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.c100.p29 .bar {
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -webkit-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.c100.p30 .bar {
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg)
}

.c100.p31 .bar {
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -webkit-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.c100.p32 .bar {
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -webkit-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.c100.p33 .bar {
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -webkit-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.c100.p34 .bar {
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -webkit-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.c100.p35 .bar {
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg)
}

.c100.p36 .bar {
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -webkit-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.c100.p37 .bar {
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -webkit-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.c100.p38 .bar {
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -webkit-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.c100.p39 .bar {
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -webkit-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.c100.p40 .bar {
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg)
}

.c100.p41 .bar {
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -webkit-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.c100.p42 .bar {
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -webkit-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.c100.p43 .bar {
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -webkit-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.c100.p44 .bar {
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -webkit-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.c100.p45 .bar {
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg)
}

.c100.p46 .bar {
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -webkit-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.c100.p47 .bar {
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -webkit-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.c100.p48 .bar {
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -webkit-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.c100.p49 .bar {
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -webkit-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.c100.p50 .bar {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c100.p51 .bar {
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -webkit-transform: rotate(183.6deg);
    transform: rotate(183.6deg)
}

.c100.p52 .bar {
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -webkit-transform: rotate(187.2deg);
    transform: rotate(187.2deg)
}

.c100.p53 .bar {
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -webkit-transform: rotate(190.8deg);
    transform: rotate(190.8deg)
}

.c100.p54 .bar {
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -webkit-transform: rotate(194.4deg);
    transform: rotate(194.4deg)
}

.c100.p55 .bar {
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -webkit-transform: rotate(198deg);
    transform: rotate(198deg)
}

.c100.p56 .bar {
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -webkit-transform: rotate(201.6deg);
    transform: rotate(201.6deg)
}

.c100.p57 .bar {
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -webkit-transform: rotate(205.2deg);
    transform: rotate(205.2deg)
}

.c100.p58 .bar {
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -webkit-transform: rotate(208.8deg);
    transform: rotate(208.8deg)
}

.c100.p59 .bar {
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -webkit-transform: rotate(212.4deg);
    transform: rotate(212.4deg)
}

.c100.p60 .bar {
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg)
}

.c100.p61 .bar {
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -webkit-transform: rotate(219.6deg);
    transform: rotate(219.6deg)
}

.c100.p62 .bar {
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -webkit-transform: rotate(223.2deg);
    transform: rotate(223.2deg)
}

.c100.p63 .bar {
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -webkit-transform: rotate(226.8deg);
    transform: rotate(226.8deg)
}

.c100.p64 .bar {
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -webkit-transform: rotate(230.4deg);
    transform: rotate(230.4deg)
}

.c100.p65 .bar {
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -webkit-transform: rotate(234deg);
    transform: rotate(234deg)
}

.c100.p66 .bar {
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -webkit-transform: rotate(237.6deg);
    transform: rotate(237.6deg)
}

.c100.p67 .bar {
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -webkit-transform: rotate(241.2deg);
    transform: rotate(241.2deg)
}

.c100.p68 .bar {
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -webkit-transform: rotate(244.8deg);
    transform: rotate(244.8deg)
}

.c100.p69 .bar {
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -webkit-transform: rotate(248.4deg);
    transform: rotate(248.4deg)
}

.c100.p70 .bar {
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg)
}

.c100.p71 .bar {
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -webkit-transform: rotate(255.6deg);
    transform: rotate(255.6deg)
}

.c100.p72 .bar {
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -webkit-transform: rotate(259.2deg);
    transform: rotate(259.2deg)
}

.c100.p73 .bar {
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -webkit-transform: rotate(262.8deg);
    transform: rotate(262.8deg)
}

.c100.p74 .bar {
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -webkit-transform: rotate(266.4deg);
    transform: rotate(266.4deg)
}

.c100.p75 .bar {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.c100.p76 .bar {
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -webkit-transform: rotate(273.6deg);
    transform: rotate(273.6deg)
}

.c100.p77 .bar {
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -webkit-transform: rotate(277.2deg);
    transform: rotate(277.2deg)
}

.c100.p78 .bar {
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -webkit-transform: rotate(280.8deg);
    transform: rotate(280.8deg)
}

.c100.p79 .bar {
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -webkit-transform: rotate(284.4deg);
    transform: rotate(284.4deg)
}

.c100.p80 .bar {
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg)
}

.c100.p81 .bar {
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -webkit-transform: rotate(291.6deg);
    transform: rotate(291.6deg)
}

.c100.p82 .bar {
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -webkit-transform: rotate(295.2deg);
    transform: rotate(295.2deg)
}

.c100.p83 .bar {
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -webkit-transform: rotate(298.8deg);
    transform: rotate(298.8deg)
}

.c100.p84 .bar {
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -webkit-transform: rotate(302.4deg);
    transform: rotate(302.4deg)
}

.c100.p85 .bar {
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -webkit-transform: rotate(306deg);
    transform: rotate(306deg)
}

.c100.p86 .bar {
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -webkit-transform: rotate(309.6deg);
    transform: rotate(309.6deg)
}

.c100.p87 .bar {
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -webkit-transform: rotate(313.2deg);
    transform: rotate(313.2deg)
}

.c100.p88 .bar {
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -webkit-transform: rotate(316.8deg);
    transform: rotate(316.8deg)
}

.c100.p89 .bar {
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -webkit-transform: rotate(320.4deg);
    transform: rotate(320.4deg)
}

.c100.p90 .bar {
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -webkit-transform: rotate(324deg);
    transform: rotate(324deg)
}

.c100.p91 .bar {
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -webkit-transform: rotate(327.6deg);
    transform: rotate(327.6deg)
}

.c100.p92 .bar {
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -webkit-transform: rotate(331.2deg);
    transform: rotate(331.2deg)
}

.c100.p93 .bar {
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -webkit-transform: rotate(334.8deg);
    transform: rotate(334.8deg)
}

.c100.p94 .bar {
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -webkit-transform: rotate(338.4deg);
    transform: rotate(338.4deg)
}

.c100.p95 .bar {
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -webkit-transform: rotate(342deg);
    transform: rotate(342deg)
}

.c100.p96 .bar {
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -webkit-transform: rotate(345.6deg);
    transform: rotate(345.6deg)
}

.c100.p97 .bar {
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -webkit-transform: rotate(349.2deg);
    transform: rotate(349.2deg)
}

.c100.p98 .bar {
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -webkit-transform: rotate(352.8deg);
    transform: rotate(352.8deg)
}

.c100.p99 .bar {
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -webkit-transform: rotate(356.4deg);
    transform: rotate(356.4deg)
}

.c100.p100 .bar {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.c100:hover {
    cursor: default
}

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

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

.c100.blue .bar, .c100.blue .fill {
    border-color: #30bae7 !important
}

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

.c100.pink .bar, .c100.pink .fill {
    border-color: #c00 !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
}

.swal2-content .explanation {
    margin-bottom: 16px
}

.swal2-content .percentages {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.swal2-content .percentages .percentage-item {
    display: flex;
    flex-direction: column;
    align-items: center
}

.swal2-content .percentages .percentage-item:first-child {
    margin-right: 16px
}

.swal2-content .percentages .percentage-item:last-child {
    margin-left: 16px
}

.pictures-list, .results-list {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: .25rem;
    position: relative;
    display: block
}

.results-list .results-title {
    position: relative;
    display: block;
    text-align: center;
    padding: .5rem .25rem;
    background: #eee;
    font-size: 1.25rem
}

.results-list .results-item {
    text-align: left;
    padding: .75rem .5rem;
    border-bottom: 1px solid rgba(204, 204, 204, .7);
    color: #545454
}

.results-list .results-item:last-child {
    border-bottom: none
}

.results-list .results-item .results-item-key {
    width: 100%;
    font-weight: 500;
    font-size: .9rem;
    margin-bottom: .25rem
}

.results-list .results-item .results-item-value {
    width: 100%;
    font-size: .75rem
}

.pictures-list canvas {
    max-width: 100%;
    margin-bottom: .5rem
}

.pictures-list canvas:last-child {
    margin-bottom: 0
}

.link-btn {
    text-align: left;
    outline: 0;
    background: #eee;
    border: 1px solid rgba(204, 204, 204, .9);
    padding: .75rem .75rem;
    font-size: 1rem;
    color: #595959;
    width: calc(100% + 2.5em);
    margin: 0 -1.25em;
    cursor: pointer
}

.link-btn:active {
    background-color: rgba(204, 204, 204, .6)
}

.repeat-picture-wrapper {
    padding: .5rem 0
}

.repeat-picture-wrapper #repeat-picture {
    max-width: 100%
}

.swal2-modal .swal2-actions button:first-letter {
    text-transform: capitalize
}

.session-info-container ul li {
    text-align: left;
    margin-bottom: .25rem
}

#infoPictures {
    padding: .75rem 0 .25rem 0
}

#infoPictures .picture-advise {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: .5rem
}

#infoPictures .picture-advise .picture-container {
    padding: .25rem
}

#infoPictures .picture-advise .picture-container img {
    max-width: 220px
}

#infoPictures .picture-advise .description-container {
    padding: .25rem
}

#infoPictures .picture-advise .description-container h5 {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    margin: 1rem 0 .5rem 0
}

#infoPictures .picture-advise .description-container p {
    text-align: left;
    font-size: 13px
}

.session-info-container ul {
    padding-left: 16px
}

@media screen and (max-width: 480px) {
    #infoPictures .picture-advise {
        flex-direction: column
    }

    #infoPictures .picture-advise .picture-container img {
        max-width: 250px
    }

    .session-info-container ul li {
        font-size: 1rem
    }

    #infoPictures .picture-advise {
        margin-bottom: .25rem
    }
}

.swal2-container .swal2-actions .c-swal-btn {
    min-width: 180px
}

.toggle-icon {
    width: 20px;
    height: 20px;
    float: right
}

.icon-arrow-up {
    background: url(../img/icons/arrow_up.svg);
    background-position: center;
    background-size: contain
}

.icon-arrow-down {
    background: url(../img/icons/arrow_down.svg);
    background-position: center;
    background-size: contain
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important
}

.riu-component .text-center {
    text-align: center !important
}

.riu-component .mt-0, .riu-component .my-0 {
    margin-top: 0 !important
}

.riu-component .mr-0, .riu-component .mx-0 {
    margin-right: 0 !important
}

.riu-component .mb-0, .riu-component .my-0 {
    margin-bottom: 0 !important
}

.riu-component .ml-0, .riu-component .mx-0 {
    margin-left: 0 !important
}

.riu-component .m-1 {
    margin: .25rem !important
}

.riu-component .mt-1, .riu-component .my-1 {
    margin-top: .25rem !important
}

.riu-component .mr-1, .riu-component .mx-1 {
    margin-right: .25rem !important
}

.riu-component .mb-1, .riu-component .my-1 {
    margin-bottom: .25rem !important
}

.riu-component .ml-1, .riu-component .mx-1 {
    margin-left: .25rem !important
}

.riu-component .m-2 {
    margin: .5rem !important
}

.riu-component .mt-2, .riu-component .my-2 {
    margin-top: .5rem !important
}

.riu-component .mr-2, .riu-component .mx-2 {
    margin-right: .5rem !important
}

.riu-component .mb-2, .riu-component .my-2 {
    margin-bottom: .5rem !important
}

.riu-component .ml-2, .riu-component .mx-2 {
    margin-left: .5rem !important
}

.riu-component .m-3 {
    margin: 1rem !important
}

.riu-component .mt-3, .riu-component .my-3 {
    margin-top: 1rem !important
}

.riu-component .mr-3, .riu-component .mx-3 {
    margin-right: 1rem !important
}

.riu-component .mb-3, .riu-component .my-3 {
    margin-bottom: 1rem !important
}

.riu-component .ml-3, .riu-component .mx-3 {
    margin-left: 1rem !important
}

.riu-component .m-4 {
    margin: 1.5rem !important
}

.riu-component .mt-4, .riu-component .my-4 {
    margin-top: 1.5rem !important
}

.riu-component .mr-4, .riu-component .mx-4 {
    margin-right: 1.5rem !important
}

.riu-component .mb-4, .riu-component .my-4 {
    margin-bottom: 1.5rem !important
}

.riu-component .ml-4, .riu-component .mx-4 {
    margin-left: 1.5rem !important
}

.riu-component .m-5 {
    margin: 3rem !important
}

.riu-component .mt-5, .riu-component .my-5 {
    margin-top: 3rem !important
}

.riu-component .mr-5, .riu-component .mx-5 {
    margin-right: 3rem !important
}

.riu-component .mb-5, .riu-component .my-5 {
    margin-bottom: 3rem !important
}

.riu-component .ml-5, .riu-component .mx-5 {
    margin-left: 3rem !important
}

.riu-component .p-0 {
    padding: 0 !important
}

.riu-component .pt-0, .riu-component .py-0 {
    padding-top: 0 !important
}

.riu-component .pr-0, .riu-component .px-0 {
    padding-right: 0 !important
}

.riu-component .pb-0, .riu-component .py-0 {
    padding-bottom: 0 !important
}

.riu-component .pl-0, .riu-component .px-0 {
    padding-left: 0 !important
}

.riu-component .p-1 {
    padding: .25rem !important
}

.riu-component .pt-1, .riu-component .py-1 {
    padding-top: .25rem !important
}

.riu-component .pr-1, .riu-component .px-1 {
    padding-right: .25rem !important
}

.riu-component .pb-1, .riu-component .py-1 {
    padding-bottom: .25rem !important
}

.riu-component .pl-1, .riu-component .px-1 {
    padding-left: .25rem !important
}

.riu-component .p-2 {
    padding: .5rem !important
}

.riu-component .pt-2, .riu-component .py-2 {
    padding-top: .5rem !important
}

.riu-component .pr-2, .riu-component .px-2 {
    padding-right: .5rem !important
}

.riu-component .pb-2, .riu-component .py-2 {
    padding-bottom: .5rem !important
}

.riu-component .pl-2, .riu-component .px-2 {
    padding-left: .5rem !important
}

.riu-component .p-3 {
    padding: 1rem !important
}

.riu-component .pt-3, .riu-component .py-3 {
    padding-top: 1rem !important
}

.riu-component .pr-3, .riu-component .px-3 {
    padding-right: 1rem !important
}

.riu-component .pb-3, .riu-component .py-3 {
    padding-bottom: 1rem !important
}

.riu-component .pl-3, .riu-component .px-3 {
    padding-left: 1rem !important
}

.riu-component .p-4 {
    padding: 1.5rem !important
}

.riu-component .pt-4, .riu-component .py-4 {
    padding-top: 1.5rem !important
}

.riu-component .pr-4, .riu-component .px-4 {
    padding-right: 1.5rem !important
}

.riu-component .pb-4, .riu-component .py-4 {
    padding-bottom: 1.5rem !important
}

.riu-component .pl-4, .riu-component .px-4 {
    padding-left: 1.5rem !important
}

.riu-component .p-5 {
    padding: 3rem !important
}

.riu-component .pt-5, .riu-component .py-5 {
    padding-top: 3rem !important
}

.riu-component .pr-5, .riu-component .px-5 {
    padding-right: 3rem !important
}

.riu-component .pb-5, .riu-component .py-5 {
    padding-bottom: 3rem !important
}

.riu-component .pl-5, .riu-component .px-5 {
    padding-left: 3rem !important
}

.riu-component .m-n1 {
    margin: -.25rem !important
}

.riu-component .mt-n1, .riu-component .my-n1 {
    margin-top: -.25rem !important
}

.riu-component .mr-n1, .riu-component .mx-n1 {
    margin-right: -.25rem !important
}

.riu-component .mb-n1, .riu-component .my-n1 {
    margin-bottom: -.25rem !important
}

.riu-component .ml-n1, .riu-component .mx-n1 {
    margin-left: -.25rem !important
}

.riu-component .m-n2 {
    margin: -.5rem !important
}

.riu-component .mt-n2, .riu-component .my-n2 {
    margin-top: -.5rem !important
}

.riu-component .mr-n2, .riu-component .mx-n2 {
    margin-right: -.5rem !important
}

.riu-component .mb-n2, .riu-component .my-n2 {
    margin-bottom: -.5rem !important
}

.riu-component .ml-n2, .riu-component .mx-n2 {
    margin-left: -.5rem !important
}

.riu-component .m-n3 {
    margin: -1rem !important
}

.riu-component .mt-n3, .riu-component .my-n3 {
    margin-top: -1rem !important
}

.riu-component .mr-n3, .riu-component .mx-n3 {
    margin-right: -1rem !important
}

.riu-component .mb-n3, .riu-component .my-n3 {
    margin-bottom: -1rem !important
}

.riu-component .ml-n3, .riu-component .mx-n3 {
    margin-left: -1rem !important
}

.riu-component .m-n4 {
    margin: -1.5rem !important
}

.riu-component .mt-n4, .riu-component .my-n4 {
    margin-top: -1.5rem !important
}

.riu-component .mr-n4, .riu-component .mx-n4 {
    margin-right: -1.5rem !important
}

.riu-component .mb-n4, .riu-component .my-n4 {
    margin-bottom: -1.5rem !important
}

.riu-component .ml-n4, .riu-component .mx-n4 {
    margin-left: -1.5rem !important
}

.riu-component .m-n5 {
    margin: -3rem !important
}

.riu-component .mt-n5, .riu-component .my-n5 {
    margin-top: -3rem !important
}

.riu-component .mr-n5, .riu-component .mx-n5 {
    margin-right: -3rem !important
}

.riu-component .mb-n5, .riu-component .my-n5 {
    margin-bottom: -3rem !important
}

.riu-component .ml-n5, .riu-component .mx-n5 {
    margin-left: -3rem !important
}

.riu-component .m-auto {
    margin: auto !important
}

.riu-component .mt-auto, .riu-component .my-auto {
    margin-top: auto !important
}

.riu-component .mr-auto, .riu-component .mx-auto {
    margin-right: auto !important
}

.riu-component .mb-auto, .riu-component .my-auto {
    margin-bottom: auto !important
}

.riu-component .ml-auto, .riu-component .mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .riu-component .m-sm-0 {
        margin: 0 !important
    }

    .riu-component .mt-sm-0, .riu-component .my-sm-0 {
        margin-top: 0 !important
    }

    .riu-component .mr-sm-0, .riu-component .mx-sm-0 {
        margin-right: 0 !important
    }

    .riu-component .mb-sm-0, .riu-component .my-sm-0 {
        margin-bottom: 0 !important
    }

    .riu-component .ml-sm-0, .riu-component .mx-sm-0 {
        margin-left: 0 !important
    }

    .riu-component .m-sm-1 {
        margin: .25rem !important
    }

    .riu-component .mt-sm-1, .riu-component .my-sm-1 {
        margin-top: .25rem !important
    }

    .riu-component .mr-sm-1, .riu-component .mx-sm-1 {
        margin-right: .25rem !important
    }

    .riu-component .mb-sm-1, .riu-component .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .riu-component .ml-sm-1, .riu-component .mx-sm-1 {
        margin-left: .25rem !important
    }

    .riu-component .m-sm-2 {
        margin: .5rem !important
    }

    .riu-component .mt-sm-2, .riu-component .my-sm-2 {
        margin-top: .5rem !important
    }

    .riu-component .mr-sm-2, .riu-component .mx-sm-2 {
        margin-right: .5rem !important
    }

    .riu-component .mb-sm-2, .riu-component .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .riu-component .ml-sm-2, .riu-component .mx-sm-2 {
        margin-left: .5rem !important
    }

    .riu-component .m-sm-3 {
        margin: 1rem !important
    }

    .riu-component .mt-sm-3, .riu-component .my-sm-3 {
        margin-top: 1rem !important
    }

    .riu-component .mr-sm-3, .riu-component .mx-sm-3 {
        margin-right: 1rem !important
    }

    .riu-component .mb-sm-3, .riu-component .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .riu-component .ml-sm-3, .riu-component .mx-sm-3 {
        margin-left: 1rem !important
    }

    .riu-component .m-sm-4 {
        margin: 1.5rem !important
    }

    .riu-component .mt-sm-4, .riu-component .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .riu-component .mr-sm-4, .riu-component .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .riu-component .mb-sm-4, .riu-component .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .riu-component .ml-sm-4, .riu-component .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .riu-component .m-sm-5 {
        margin: 3rem !important
    }

    .riu-component .mt-sm-5, .riu-component .my-sm-5 {
        margin-top: 3rem !important
    }

    .riu-component .mr-sm-5, .riu-component .mx-sm-5 {
        margin-right: 3rem !important
    }

    .riu-component .mb-sm-5, .riu-component .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .riu-component .ml-sm-5, .riu-component .mx-sm-5 {
        margin-left: 3rem !important
    }

    .riu-component .p-sm-0 {
        padding: 0 !important
    }

    .riu-component .pt-sm-0, .riu-component .py-sm-0 {
        padding-top: 0 !important
    }

    .riu-component .pr-sm-0, .riu-component .px-sm-0 {
        padding-right: 0 !important
    }

    .riu-component .pb-sm-0, .riu-component .py-sm-0 {
        padding-bottom: 0 !important
    }

    .riu-component .pl-sm-0, .riu-component .px-sm-0 {
        padding-left: 0 !important
    }

    .riu-component .p-sm-1 {
        padding: .25rem !important
    }

    .riu-component .pt-sm-1, .riu-component .py-sm-1 {
        padding-top: .25rem !important
    }

    .riu-component .pr-sm-1, .riu-component .px-sm-1 {
        padding-right: .25rem !important
    }

    .riu-component .pb-sm-1, .riu-component .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .riu-component .pl-sm-1, .riu-component .px-sm-1 {
        padding-left: .25rem !important
    }

    .riu-component .p-sm-2 {
        padding: .5rem !important
    }

    .riu-component .pt-sm-2, .riu-component .py-sm-2 {
        padding-top: .5rem !important
    }

    .riu-component .pr-sm-2, .riu-component .px-sm-2 {
        padding-right: .5rem !important
    }

    .riu-component .pb-sm-2, .riu-component .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .riu-component .pl-sm-2, .riu-component .px-sm-2 {
        padding-left: .5rem !important
    }

    .riu-component .p-sm-3 {
        padding: 1rem !important
    }

    .riu-component .pt-sm-3, .riu-component .py-sm-3 {
        padding-top: 1rem !important
    }

    .riu-component .pr-sm-3, .riu-component .px-sm-3 {
        padding-right: 1rem !important
    }

    .riu-component .pb-sm-3, .riu-component .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .riu-component .pl-sm-3, .riu-component .px-sm-3 {
        padding-left: 1rem !important
    }

    .riu-component .p-sm-4 {
        padding: 1.5rem !important
    }

    .riu-component .pt-sm-4, .riu-component .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .riu-component .pr-sm-4, .riu-component .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .riu-component .pb-sm-4, .riu-component .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .riu-component .pl-sm-4, .riu-component .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .riu-component .p-sm-5 {
        padding: 3rem !important
    }

    .riu-component .pt-sm-5, .riu-component .py-sm-5 {
        padding-top: 3rem !important
    }

    .riu-component .pr-sm-5, .riu-component .px-sm-5 {
        padding-right: 3rem !important
    }

    .riu-component .pb-sm-5, .riu-component .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .riu-component .pl-sm-5, .riu-component .px-sm-5 {
        padding-left: 3rem !important
    }

    .riu-component .m-sm-n1 {
        margin: -.25rem !important
    }

    .riu-component .mt-sm-n1, .riu-component .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .riu-component .mr-sm-n1, .riu-component .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .riu-component .mb-sm-n1, .riu-component .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .riu-component .ml-sm-n1, .riu-component .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .riu-component .m-sm-n2 {
        margin: -.5rem !important
    }

    .riu-component .mt-sm-n2, .riu-component .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .riu-component .mr-sm-n2, .riu-component .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .riu-component .mb-sm-n2, .riu-component .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .riu-component .ml-sm-n2, .riu-component .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .riu-component .m-sm-n3 {
        margin: -1rem !important
    }

    .riu-component .mt-sm-n3, .riu-component .my-sm-n3 {
        margin-top: -1rem !important
    }

    .riu-component .mr-sm-n3, .riu-component .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .riu-component .mb-sm-n3, .riu-component .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .riu-component .ml-sm-n3, .riu-component .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .riu-component .m-sm-n4 {
        margin: -1.5rem !important
    }

    .riu-component .mt-sm-n4, .riu-component .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .riu-component .mr-sm-n4, .riu-component .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .riu-component .mb-sm-n4, .riu-component .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .riu-component .ml-sm-n4, .riu-component .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .riu-component .m-sm-n5 {
        margin: -3rem !important
    }

    .riu-component .mt-sm-n5, .riu-component .my-sm-n5 {
        margin-top: -3rem !important
    }

    .riu-component .mr-sm-n5, .riu-component .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .riu-component .mb-sm-n5, .riu-component .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .riu-component .ml-sm-n5, .riu-component .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .riu-component .m-sm-auto {
        margin: auto !important
    }

    .riu-component .mt-sm-auto, .riu-component .my-sm-auto {
        margin-top: auto !important
    }

    .riu-component .mr-sm-auto, .riu-component .mx-sm-auto {
        margin-right: auto !important
    }

    .riu-component .mb-sm-auto, .riu-component .my-sm-auto {
        margin-bottom: auto !important
    }

    .riu-component .ml-sm-auto, .riu-component .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .riu-component .m-md-0 {
        margin: 0 !important
    }

    .riu-component .mt-md-0, .riu-component .my-md-0 {
        margin-top: 0 !important
    }

    .riu-component .mr-md-0, .riu-component .mx-md-0 {
        margin-right: 0 !important
    }

    .riu-component .mb-md-0, .riu-component .my-md-0 {
        margin-bottom: 0 !important
    }

    .riu-component .ml-md-0, .riu-component .mx-md-0 {
        margin-left: 0 !important
    }

    .riu-component .m-md-1 {
        margin: .25rem !important
    }

    .riu-component .mt-md-1, .riu-component .my-md-1 {
        margin-top: .25rem !important
    }

    .riu-component .mr-md-1, .riu-component .mx-md-1 {
        margin-right: .25rem !important
    }

    .riu-component .mb-md-1, .riu-component .my-md-1 {
        margin-bottom: .25rem !important
    }

    .riu-component .ml-md-1, .riu-component .mx-md-1 {
        margin-left: .25rem !important
    }

    .riu-component .m-md-2 {
        margin: .5rem !important
    }

    .riu-component .mt-md-2, .riu-component .my-md-2 {
        margin-top: .5rem !important
    }

    .riu-component .mr-md-2, .riu-component .mx-md-2 {
        margin-right: .5rem !important
    }

    .riu-component .mb-md-2, .riu-component .my-md-2 {
        margin-bottom: .5rem !important
    }

    .riu-component .ml-md-2, .riu-component .mx-md-2 {
        margin-left: .5rem !important
    }

    .riu-component .m-md-3 {
        margin: 1rem !important
    }

    .riu-component .mt-md-3, .riu-component .my-md-3 {
        margin-top: 1rem !important
    }

    .riu-component .mr-md-3, .riu-component .mx-md-3 {
        margin-right: 1rem !important
    }

    .riu-component .mb-md-3, .riu-component .my-md-3 {
        margin-bottom: 1rem !important
    }

    .riu-component .ml-md-3, .riu-component .mx-md-3 {
        margin-left: 1rem !important
    }

    .riu-component .m-md-4 {
        margin: 1.5rem !important
    }

    .riu-component .mt-md-4, .riu-component .my-md-4 {
        margin-top: 1.5rem !important
    }

    .riu-component .mr-md-4, .riu-component .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .riu-component .mb-md-4, .riu-component .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .riu-component .ml-md-4, .riu-component .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .riu-component .m-md-5 {
        margin: 3rem !important
    }

    .riu-component .mt-md-5, .riu-component .my-md-5 {
        margin-top: 3rem !important
    }

    .riu-component .mr-md-5, .riu-component .mx-md-5 {
        margin-right: 3rem !important
    }

    .riu-component .mb-md-5, .riu-component .my-md-5 {
        margin-bottom: 3rem !important
    }

    .riu-component .ml-md-5, .riu-component .mx-md-5 {
        margin-left: 3rem !important
    }

    .riu-component .p-md-0 {
        padding: 0 !important
    }

    .riu-component .pt-md-0, .riu-component .py-md-0 {
        padding-top: 0 !important
    }

    .riu-component .pr-md-0, .riu-component .px-md-0 {
        padding-right: 0 !important
    }

    .riu-component .pb-md-0, .riu-component .py-md-0 {
        padding-bottom: 0 !important
    }

    .riu-component .pl-md-0, .riu-component .px-md-0 {
        padding-left: 0 !important
    }

    .riu-component .p-md-1 {
        padding: .25rem !important
    }

    .riu-component .pt-md-1, .riu-component .py-md-1 {
        padding-top: .25rem !important
    }

    .riu-component .pr-md-1, .riu-component .px-md-1 {
        padding-right: .25rem !important
    }

    .riu-component .pb-md-1, .riu-component .py-md-1 {
        padding-bottom: .25rem !important
    }

    .riu-component .pl-md-1, .riu-component .px-md-1 {
        padding-left: .25rem !important
    }

    .riu-component .p-md-2 {
        padding: .5rem !important
    }

    .riu-component .pt-md-2, .riu-component .py-md-2 {
        padding-top: .5rem !important
    }

    .riu-component .pr-md-2, .riu-component .px-md-2 {
        padding-right: .5rem !important
    }

    .riu-component .pb-md-2, .riu-component .py-md-2 {
        padding-bottom: .5rem !important
    }

    .riu-component .pl-md-2, .riu-component .px-md-2 {
        padding-left: .5rem !important
    }

    .riu-component .p-md-3 {
        padding: 1rem !important
    }

    .riu-component .pt-md-3, .riu-component .py-md-3 {
        padding-top: 1rem !important
    }

    .riu-component .pr-md-3, .riu-component .px-md-3 {
        padding-right: 1rem !important
    }

    .riu-component .pb-md-3, .riu-component .py-md-3 {
        padding-bottom: 1rem !important
    }

    .riu-component .pl-md-3, .riu-component .px-md-3 {
        padding-left: 1rem !important
    }

    .riu-component .p-md-4 {
        padding: 1.5rem !important
    }

    .riu-component .pt-md-4, .riu-component .py-md-4 {
        padding-top: 1.5rem !important
    }

    .riu-component .pr-md-4, .riu-component .px-md-4 {
        padding-right: 1.5rem !important
    }

    .riu-component .pb-md-4, .riu-component .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .riu-component .pl-md-4, .riu-component .px-md-4 {
        padding-left: 1.5rem !important
    }

    .riu-component .p-md-5 {
        padding: 3rem !important
    }

    .riu-component .pt-md-5, .riu-component .py-md-5 {
        padding-top: 3rem !important
    }

    .riu-component .pr-md-5, .riu-component .px-md-5 {
        padding-right: 3rem !important
    }

    .riu-component .pb-md-5, .riu-component .py-md-5 {
        padding-bottom: 3rem !important
    }

    .riu-component .pl-md-5, .riu-component .px-md-5 {
        padding-left: 3rem !important
    }

    .riu-component .m-md-n1 {
        margin: -.25rem !important
    }

    .riu-component .mt-md-n1, .riu-component .my-md-n1 {
        margin-top: -.25rem !important
    }

    .riu-component .mr-md-n1, .riu-component .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .riu-component .mb-md-n1, .riu-component .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .riu-component .ml-md-n1, .riu-component .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .riu-component .m-md-n2 {
        margin: -.5rem !important
    }

    .riu-component .mt-md-n2, .riu-component .my-md-n2 {
        margin-top: -.5rem !important
    }

    .riu-component .mr-md-n2, .riu-component .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .riu-component .mb-md-n2, .riu-component .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .riu-component .ml-md-n2, .riu-component .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .riu-component .m-md-n3 {
        margin: -1rem !important
    }

    .riu-component .mt-md-n3, .riu-component .my-md-n3 {
        margin-top: -1rem !important
    }

    .riu-component .mr-md-n3, .riu-component .mx-md-n3 {
        margin-right: -1rem !important
    }

    .riu-component .mb-md-n3, .riu-component .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .riu-component .ml-md-n3, .riu-component .mx-md-n3 {
        margin-left: -1rem !important
    }

    .riu-component .m-md-n4 {
        margin: -1.5rem !important
    }

    .riu-component .mt-md-n4, .riu-component .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .riu-component .mr-md-n4, .riu-component .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .riu-component .mb-md-n4, .riu-component .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .riu-component .ml-md-n4, .riu-component .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .riu-component .m-md-n5 {
        margin: -3rem !important
    }

    .riu-component .mt-md-n5, .riu-component .my-md-n5 {
        margin-top: -3rem !important
    }

    .riu-component .mr-md-n5, .riu-component .mx-md-n5 {
        margin-right: -3rem !important
    }

    .riu-component .mb-md-n5, .riu-component .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .riu-component .ml-md-n5, .riu-component .mx-md-n5 {
        margin-left: -3rem !important
    }

    .riu-component .m-md-auto {
        margin: auto !important
    }

    .riu-component .mt-md-auto, .riu-component .my-md-auto {
        margin-top: auto !important
    }

    .riu-component .mr-md-auto, .riu-component .mx-md-auto {
        margin-right: auto !important
    }

    .riu-component .mb-md-auto, .riu-component .my-md-auto {
        margin-bottom: auto !important
    }

    .riu-component .ml-md-auto, .riu-component .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .riu-component .m-lg-0 {
        margin: 0 !important
    }

    .riu-component .mt-lg-0, .riu-component .my-lg-0 {
        margin-top: 0 !important
    }

    .riu-component .mr-lg-0, .riu-component .mx-lg-0 {
        margin-right: 0 !important
    }

    .riu-component .mb-lg-0, .riu-component .my-lg-0 {
        margin-bottom: 0 !important
    }

    .riu-component .ml-lg-0, .riu-component .mx-lg-0 {
        margin-left: 0 !important
    }

    .riu-component .m-lg-1 {
        margin: .25rem !important
    }

    .riu-component .mt-lg-1, .riu-component .my-lg-1 {
        margin-top: .25rem !important
    }

    .riu-component .mr-lg-1, .riu-component .mx-lg-1 {
        margin-right: .25rem !important
    }

    .riu-component .mb-lg-1, .riu-component .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .riu-component .ml-lg-1, .riu-component .mx-lg-1 {
        margin-left: .25rem !important
    }

    .riu-component .m-lg-2 {
        margin: .5rem !important
    }

    .riu-component .mt-lg-2, .riu-component .my-lg-2 {
        margin-top: .5rem !important
    }

    .riu-component .mr-lg-2, .riu-component .mx-lg-2 {
        margin-right: .5rem !important
    }

    .riu-component .mb-lg-2, .riu-component .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .riu-component .ml-lg-2, .riu-component .mx-lg-2 {
        margin-left: .5rem !important
    }

    .riu-component .m-lg-3 {
        margin: 1rem !important
    }

    .riu-component .mt-lg-3, .riu-component .my-lg-3 {
        margin-top: 1rem !important
    }

    .riu-component .mr-lg-3, .riu-component .mx-lg-3 {
        margin-right: 1rem !important
    }

    .riu-component .mb-lg-3, .riu-component .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .riu-component .ml-lg-3, .riu-component .mx-lg-3 {
        margin-left: 1rem !important
    }

    .riu-component .m-lg-4 {
        margin: 1.5rem !important
    }

    .riu-component .mt-lg-4, .riu-component .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .riu-component .mr-lg-4, .riu-component .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .riu-component .mb-lg-4, .riu-component .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .riu-component .ml-lg-4, .riu-component .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .riu-component .m-lg-5 {
        margin: 3rem !important
    }

    .riu-component .mt-lg-5, .riu-component .my-lg-5 {
        margin-top: 3rem !important
    }

    .riu-component .mr-lg-5, .riu-component .mx-lg-5 {
        margin-right: 3rem !important
    }

    .riu-component .mb-lg-5, .riu-component .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .riu-component .ml-lg-5, .riu-component .mx-lg-5 {
        margin-left: 3rem !important
    }

    .riu-component .p-lg-0 {
        padding: 0 !important
    }

    .riu-component .pt-lg-0, .riu-component .py-lg-0 {
        padding-top: 0 !important
    }

    .riu-component .pr-lg-0, .riu-component .px-lg-0 {
        padding-right: 0 !important
    }

    .riu-component .pb-lg-0, .riu-component .py-lg-0 {
        padding-bottom: 0 !important
    }

    .riu-component .pl-lg-0, .riu-component .px-lg-0 {
        padding-left: 0 !important
    }

    .riu-component .p-lg-1 {
        padding: .25rem !important
    }

    .riu-component .pt-lg-1, .riu-component .py-lg-1 {
        padding-top: .25rem !important
    }

    .riu-component .pr-lg-1, .riu-component .px-lg-1 {
        padding-right: .25rem !important
    }

    .riu-component .pb-lg-1, .riu-component .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .riu-component .pl-lg-1, .riu-component .px-lg-1 {
        padding-left: .25rem !important
    }

    .riu-component .p-lg-2 {
        padding: .5rem !important
    }

    .riu-component .pt-lg-2, .riu-component .py-lg-2 {
        padding-top: .5rem !important
    }

    .riu-component .pr-lg-2, .riu-component .px-lg-2 {
        padding-right: .5rem !important
    }

    .riu-component .pb-lg-2, .riu-component .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .riu-component .pl-lg-2, .riu-component .px-lg-2 {
        padding-left: .5rem !important
    }

    .riu-component .p-lg-3 {
        padding: 1rem !important
    }

    .riu-component .pt-lg-3, .riu-component .py-lg-3 {
        padding-top: 1rem !important
    }

    .riu-component .pr-lg-3, .riu-component .px-lg-3 {
        padding-right: 1rem !important
    }

    .riu-component .pb-lg-3, .riu-component .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .riu-component .pl-lg-3, .riu-component .px-lg-3 {
        padding-left: 1rem !important
    }

    .riu-component .p-lg-4 {
        padding: 1.5rem !important
    }

    .riu-component .pt-lg-4, .riu-component .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .riu-component .pr-lg-4, .riu-component .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .riu-component .pb-lg-4, .riu-component .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .riu-component .pl-lg-4, .riu-component .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .riu-component .p-lg-5 {
        padding: 3rem !important
    }

    .riu-component .pt-lg-5, .riu-component .py-lg-5 {
        padding-top: 3rem !important
    }

    .riu-component .pr-lg-5, .riu-component .px-lg-5 {
        padding-right: 3rem !important
    }

    .riu-component .pb-lg-5, .riu-component .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .riu-component .pl-lg-5, .riu-component .px-lg-5 {
        padding-left: 3rem !important
    }

    .riu-component .m-lg-n1 {
        margin: -.25rem !important
    }

    .riu-component .mt-lg-n1, .riu-component .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .riu-component .mr-lg-n1, .riu-component .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .riu-component .mb-lg-n1, .riu-component .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .riu-component .ml-lg-n1, .riu-component .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .riu-component .m-lg-n2 {
        margin: -.5rem !important
    }

    .riu-component .mt-lg-n2, .riu-component .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .riu-component .mr-lg-n2, .riu-component .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .riu-component .mb-lg-n2, .riu-component .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .riu-component .ml-lg-n2, .riu-component .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .riu-component .m-lg-n3 {
        margin: -1rem !important
    }

    .riu-component .mt-lg-n3, .riu-component .my-lg-n3 {
        margin-top: -1rem !important
    }

    .riu-component .mr-lg-n3, .riu-component .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .riu-component .mb-lg-n3, .riu-component .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .riu-component .ml-lg-n3, .riu-component .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .riu-component .m-lg-n4 {
        margin: -1.5rem !important
    }

    .riu-component .mt-lg-n4, .riu-component .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .riu-component .mr-lg-n4, .riu-component .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .riu-component .mb-lg-n4, .riu-component .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .riu-component .ml-lg-n4, .riu-component .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .riu-component .m-lg-n5 {
        margin: -3rem !important
    }

    .riu-component .mt-lg-n5, .riu-component .my-lg-n5 {
        margin-top: -3rem !important
    }

    .riu-component .mr-lg-n5, .riu-component .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .riu-component .mb-lg-n5, .riu-component .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .riu-component .ml-lg-n5, .riu-component .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .riu-component .m-lg-auto {
        margin: auto !important
    }

    .riu-component .mt-lg-auto, .riu-component .my-lg-auto {
        margin-top: auto !important
    }

    .riu-component .mr-lg-auto, .riu-component .mx-lg-auto {
        margin-right: auto !important
    }

    .riu-component .mb-lg-auto, .riu-component .my-lg-auto {
        margin-bottom: auto !important
    }

    .riu-component .ml-lg-auto, .riu-component .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .riu-component .m-xl-0 {
        margin: 0 !important
    }

    .riu-component .mt-xl-0, .riu-component .my-xl-0 {
        margin-top: 0 !important
    }

    .riu-component .mr-xl-0, .riu-component .mx-xl-0 {
        margin-right: 0 !important
    }

    .riu-component .mb-xl-0, .riu-component .my-xl-0 {
        margin-bottom: 0 !important
    }

    .riu-component .ml-xl-0, .riu-component .mx-xl-0 {
        margin-left: 0 !important
    }

    .riu-component .m-xl-1 {
        margin: .25rem !important
    }

    .riu-component .mt-xl-1, .riu-component .my-xl-1 {
        margin-top: .25rem !important
    }

    .riu-component .mr-xl-1, .riu-component .mx-xl-1 {
        margin-right: .25rem !important
    }

    .riu-component .mb-xl-1, .riu-component .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .riu-component .ml-xl-1, .riu-component .mx-xl-1 {
        margin-left: .25rem !important
    }

    .riu-component .m-xl-2 {
        margin: .5rem !important
    }

    .riu-component .mt-xl-2, .riu-component .my-xl-2 {
        margin-top: .5rem !important
    }

    .riu-component .mr-xl-2, .riu-component .mx-xl-2 {
        margin-right: .5rem !important
    }

    .riu-component .mb-xl-2, .riu-component .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .riu-component .ml-xl-2, .riu-component .mx-xl-2 {
        margin-left: .5rem !important
    }

    .riu-component .m-xl-3 {
        margin: 1rem !important
    }

    .riu-component .mt-xl-3, .riu-component .my-xl-3 {
        margin-top: 1rem !important
    }

    .riu-component .mr-xl-3, .riu-component .mx-xl-3 {
        margin-right: 1rem !important
    }

    .riu-component .mb-xl-3, .riu-component .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .riu-component .ml-xl-3, .riu-component .mx-xl-3 {
        margin-left: 1rem !important
    }

    .riu-component .m-xl-4 {
        margin: 1.5rem !important
    }

    .riu-component .mt-xl-4, .riu-component .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .riu-component .mr-xl-4, .riu-component .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .riu-component .mb-xl-4, .riu-component .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .riu-component .ml-xl-4, .riu-component .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .riu-component .m-xl-5 {
        margin: 3rem !important
    }

    .riu-component .mt-xl-5, .riu-component .my-xl-5 {
        margin-top: 3rem !important
    }

    .riu-component .mr-xl-5, .riu-component .mx-xl-5 {
        margin-right: 3rem !important
    }

    .riu-component .mb-xl-5, .riu-component .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .riu-component .ml-xl-5, .riu-component .mx-xl-5 {
        margin-left: 3rem !important
    }

    .riu-component .p-xl-0 {
        padding: 0 !important
    }

    .riu-component .pt-xl-0, .riu-component .py-xl-0 {
        padding-top: 0 !important
    }

    .riu-component .pr-xl-0, .riu-component .px-xl-0 {
        padding-right: 0 !important
    }

    .riu-component .pb-xl-0, .riu-component .py-xl-0 {
        padding-bottom: 0 !important
    }

    .riu-component .pl-xl-0, .riu-component .px-xl-0 {
        padding-left: 0 !important
    }

    .riu-component .p-xl-1 {
        padding: .25rem !important
    }

    .riu-component .pt-xl-1, .riu-component .py-xl-1 {
        padding-top: .25rem !important
    }

    .riu-component .pr-xl-1, .riu-component .px-xl-1 {
        padding-right: .25rem !important
    }

    .riu-component .pb-xl-1, .riu-component .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .riu-component .pl-xl-1, .riu-component .px-xl-1 {
        padding-left: .25rem !important
    }

    .riu-component .p-xl-2 {
        padding: .5rem !important
    }

    .riu-component .pt-xl-2, .riu-component .py-xl-2 {
        padding-top: .5rem !important
    }

    .riu-component .pr-xl-2, .riu-component .px-xl-2 {
        padding-right: .5rem !important
    }

    .riu-component .pb-xl-2, .riu-component .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .riu-component .pl-xl-2, .riu-component .px-xl-2 {
        padding-left: .5rem !important
    }

    .riu-component .p-xl-3 {
        padding: 1rem !important
    }

    .riu-component .pt-xl-3, .riu-component .py-xl-3 {
        padding-top: 1rem !important
    }

    .riu-component .pr-xl-3, .riu-component .px-xl-3 {
        padding-right: 1rem !important
    }

    .riu-component .pb-xl-3, .riu-component .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .riu-component .pl-xl-3, .riu-component .px-xl-3 {
        padding-left: 1rem !important
    }

    .riu-component .p-xl-4 {
        padding: 1.5rem !important
    }

    .riu-component .pt-xl-4, .riu-component .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .riu-component .pr-xl-4, .riu-component .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .riu-component .pb-xl-4, .riu-component .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .riu-component .pl-xl-4, .riu-component .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .riu-component .p-xl-5 {
        padding: 3rem !important
    }

    .riu-component .pt-xl-5, .riu-component .py-xl-5 {
        padding-top: 3rem !important
    }

    .riu-component .pr-xl-5, .riu-component .px-xl-5 {
        padding-right: 3rem !important
    }

    .riu-component .pb-xl-5, .riu-component .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .riu-component .pl-xl-5, .riu-component .px-xl-5 {
        padding-left: 3rem !important
    }

    .riu-component .m-xl-n1 {
        margin: -.25rem !important
    }

    .riu-component .mt-xl-n1, .riu-component .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .riu-component .mr-xl-n1, .riu-component .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .riu-component .mb-xl-n1, .riu-component .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .riu-component .ml-xl-n1, .riu-component .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .riu-component .m-xl-n2 {
        margin: -.5rem !important
    }

    .riu-component .mt-xl-n2, .riu-component .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .riu-component .mr-xl-n2, .riu-component .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .riu-component .mb-xl-n2, .riu-component .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .riu-component .ml-xl-n2, .riu-component .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .riu-component .m-xl-n3 {
        margin: -1rem !important
    }

    .riu-component .mt-xl-n3, .riu-component .my-xl-n3 {
        margin-top: -1rem !important
    }

    .riu-component .mr-xl-n3, .riu-component .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .riu-component .mb-xl-n3, .riu-component .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .riu-component .ml-xl-n3, .riu-component .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .riu-component .m-xl-n4 {
        margin: -1.5rem !important
    }

    .riu-component .mt-xl-n4, .riu-component .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .riu-component .mr-xl-n4, .riu-component .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .riu-component .mb-xl-n4, .riu-component .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .riu-component .ml-xl-n4, .riu-component .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .riu-component .m-xl-n5 {
        margin: -3rem !important
    }

    .riu-component .mt-xl-n5, .riu-component .my-xl-n5 {
        margin-top: -3rem !important
    }

    .riu-component .mr-xl-n5, .riu-component .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .riu-component .mb-xl-n5, .riu-component .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .riu-component .ml-xl-n5, .riu-component .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .riu-component .m-xl-auto {
        margin: auto !important
    }

    .riu-component .mt-xl-auto, .riu-component .my-xl-auto {
        margin-top: auto !important
    }

    .riu-component .mr-xl-auto, .riu-component .mx-xl-auto {
        margin-right: auto !important
    }

    .riu-component .mb-xl-auto, .riu-component .my-xl-auto {
        margin-bottom: auto !important
    }

    .riu-component .ml-xl-auto, .riu-component .mx-xl-auto {
        margin-left: auto !important
    }
}

.riu-component .rext-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.riu-component .text-justify {
    text-align: justify !important
}

.riu-component .text-wrap {
    white-space: normal !important
}

.riu-component .text-nowrap {
    white-space: nowrap !important
}

.riu-component .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.riu-component .text-capitalize {
    text-transform: capitalize !important
}

.riu-component .w-100 {
    width: 100% !important
}