/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/legacy.css ***!
  \********************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Assistant:400,600,700);
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/legacy.css (1) ***!
  \************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
#sg-patterns {
    box-sizing: border-box !important;
    max-width: 100%;
    padding: 0 .5em
}
.demo-animate {
    background: #ddd;
    padding: 1em;
    margin-bottom: 1em;
    text-align: center;
    border-radius: 8px;
    cursor: pointer
}
.sg-colors {
    display: flex;
    flex-wrap: wrap;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important
}
.sg-colors li {
    flex: auto;
    padding: .3em;
    margin: 0 .5em .5em 0;
    min-width: 5em;
    max-width: 14em;
    border: 1px solid #ddd;
    border-radius: 8px
}
.sg-swatch {
    display: block;
    height: 4em;
    margin-bottom: .3em;
    border-radius: 5px
}
.sg-label {
    font-size: 90%;
    line-height: 1
}
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
article, aside, footer, header, nav, section {
    display: block
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
figcaption, figure {
    display: block
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    overflow: visible
}
main {
    display: block
}
pre {
    font-family: monospace, monospace;
    font-size: 1em
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
a:active, a:hover {
    outline-width: 0;
    text-decoration: none;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}
b, strong {
    font-weight: inherit;
    font-weight: bolder
}
code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}
dfn {
    font-style: italic
}
mark {
    background-color: #ff0;
    color: #000
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
audio, video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
img {
    border-style: none
}
svg:not(:root) {
    overflow: hidden
}
button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
button {
    overflow: visible
}
button, select {
    text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
input {
    overflow: visible;
}
[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto;
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}
legend {
    box-sizing: border-box;
    display: table;
    padding: 0;
    color: inherit;
    white-space: normal;
}
progress {
    display: inline-block;
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
details {
    display: block;
}
summary {
    display: list-item
}
menu {
    display: block
}
canvas {
    display: inline-block
}
[hidden], template {
    display: none
}
.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}
html {
    box-sizing: border-box;
    font-size: 100%
}
*, :after, :before {
    box-sizing: inherit
}
body {
    margin: 0;
    padding: 0;
    background: #ecf1f9;
    font-family: Assistant, arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}
textarea {
    height: auto;
    min-height: 50px;
    border-radius: 2px
}
select {
    box-sizing: border-box;
    width: 100%
}
.map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
    max-width: none !important
}
button {
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 2px;
    background: transparent;
    line-height: 1;
    cursor: auto
}
[data-whatinput=mouse] button {
    outline: 0
}
pre {
    overflow: auto
}
button, input, optgroup, select, textarea {
    font-family: inherit
}
.is-visible {
    display: block !important
}
.is-hidden {
    display: none !important
}
.wrapper {
    max-width: 80rem;
    margin-right: auto;
    margin-left: auto
}
.row.collapse>.column, .row.collapse>.columns {
    padding-right: 0;
    padding-left: 0
}
.wrapper .wrapper {
    margin-right: -.625rem;
    margin-left: -.625rem
}
@media screen and (min-width:40em) {
    .wrapper .wrapper {
        margin-right: -1rem;
        margin-left: -1rem
    }
}
@media screen and (min-width:64em) {
    .wrapper .wrapper {
        margin-right: -1rem;
        margin-left: -1rem
    }
}
.wrapper .wrapper.collapse {
    margin-right: 0;
    margin-left: 0
}
.wrapper.expanded {
    max-width: none
}
.wrapper.expanded .wrapper {
    margin-right: auto;
    margin-left: auto
}
.wrapper:not(.expanded) .wrapper {
    max-width: none
}
.wrapper.gutter-small>.column, .wrapper.gutter-small>.columns {
    padding-right: .625rem;
    padding-left: .625rem
}
.wrapper.gutter-medium>.column, .wrapper.gutter-medium>.columns {
    padding-right: 1rem;
    padding-left: 1rem
}
.column, .columns {
    width: 100%;
    float: left;
    padding-right: .625rem;
    padding-left: .625rem
}
@media screen and (min-width:40em) {
    .column, .columns {
        padding-right: 1rem;
        padding-left: 1rem
    }
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left
}
.column.row.row, .row.row.columns {
    float: none
}
.row .column.row.row, .row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}
.small-1 {
    width: 8.33333%
}
.small-push-1 {
    position: relative;
    left: 8.33333%
}
.small-pull-1 {
    position: relative;
    left: -8.33333%
}
.small-offset-0 {
    margin-left: 0
}
.small-2 {
    width: 16.66667%
}
.small-push-2 {
    position: relative;
    left: 16.66667%
}
.small-pull-2 {
    position: relative;
    left: -16.66667%
}
.small-offset-1 {
    margin-left: 8.33333%
}
.small-3 {
    width: 25%
}
.small-push-3 {
    position: relative;
    left: 25%
}
.small-pull-3 {
    position: relative;
    left: -25%
}
.small-offset-2 {
    margin-left: 16.66667%
}
.small-4 {
    width: 33.33333%
}
.small-push-4 {
    position: relative;
    left: 33.33333%
}
.small-pull-4 {
    position: relative;
    left: -33.33333%
}
.small-offset-3 {
    margin-left: 25%
}
.small-5 {
    width: 41.66667%
}
.small-push-5 {
    position: relative;
    left: 41.66667%
}
.small-pull-5 {
    position: relative;
    left: -41.66667%
}
.small-offset-4 {
    margin-left: 33.33333%
}
.small-6 {
    width: 50%
}
.small-push-6 {
    position: relative;
    left: 50%
}
.small-pull-6 {
    position: relative;
    left: -50%
}
.small-offset-5 {
    margin-left: 41.66667%
}
.small-7 {
    width: 58.33333%
}
.small-push-7 {
    position: relative;
    left: 58.33333%
}
.small-pull-7 {
    position: relative;
    left: -58.33333%
}
.small-offset-6 {
    margin-left: 50%
}
.small-8 {
    width: 66.66667%
}
.small-push-8 {
    position: relative;
    left: 66.66667%
}
.small-pull-8 {
    position: relative;
    left: -66.66667%
}
.small-offset-7 {
    margin-left: 58.33333%
}
.small-9 {
    width: 75%
}
.small-push-9 {
    position: relative;
    left: 75%
}
.small-pull-9 {
    position: relative;
    left: -75%
}
.small-offset-8 {
    margin-left: 66.66667%
}
.small-10 {
    width: 83.33333%
}
.small-push-10 {
    position: relative;
    left: 83.33333%
}
.small-pull-10 {
    position: relative;
    left: -83.33333%
}
.small-offset-9 {
    margin-left: 75%
}
.small-11 {
    width: 91.66667%
}
.small-push-11 {
    position: relative;
    left: 91.66667%
}
.small-pull-11 {
    position: relative;
    left: -91.66667%
}
.small-offset-10 {
    margin-left: 83.33333%
}
.small-12 {
    width: 100%
}
.small-offset-11 {
    margin-left: 91.66667%
}
.small-up-1>.column, .small-up-1>.columns {
    float: left;
    width: 100%
}
.small-up-1>.column:nth-of-type(1n), .small-up-1>.columns:nth-of-type(1n) {
    clear: none
}
.small-up-1>.column:nth-of-type(1n+1), .small-up-1>.columns:nth-of-type(1n+1) {
    clear: both
}
.small-up-1>.column:last-child, .small-up-1>.columns:last-child {
    float: left
}
.small-up-2>.column, .small-up-2>.columns {
    float: left;
    width: 50%
}
.small-up-2>.column:nth-of-type(1n), .small-up-2>.columns:nth-of-type(1n) {
    clear: none
}
.small-up-2>.column:nth-of-type(odd), .small-up-2>.columns:nth-of-type(odd) {
    clear: both
}
.small-up-2>.column:last-child, .small-up-2>.columns:last-child {
    float: left
}
.small-up-3>.column, .small-up-3>.columns {
    float: left;
    width: 33.33333%
}
.small-up-3>.column:nth-of-type(1n), .small-up-3>.columns:nth-of-type(1n) {
    clear: none
}
.small-up-3>.column:nth-of-type(3n+1), .small-up-3>.columns:nth-of-type(3n+1) {
    clear: both
}
.small-up-3>.column:last-child, .small-up-3>.columns:last-child {
    float: left
}
.small-up-4>.column, .small-up-4>.columns {
    float: left;
    width: 25%
}
.small-up-4>.column:nth-of-type(1n), .small-up-4>.columns:nth-of-type(1n) {
    clear: none
}
.small-up-4>.column:nth-of-type(4n+1), .small-up-4>.columns:nth-of-type(4n+1) {
    clear: both
}
.small-up-4>.column:last-child, .small-up-4>.columns:last-child {
    float: left
}
.small-up-5>.column, .small-up-5>.columns {
    float: left;
    width: 20%
}
.small-up-5>.column:nth-of-type(1n), .small-up-5>.columns:nth-of-type(1n) {
    clear: none
}
.small-up-5>.column:nth-of-type(5n+1), .small-up-5>.columns:nth-of-type(5n+1) {
    clear: both
}
.small-up-5>.column:last-child, .small-up-5>.columns:last-child {
    float: left
}
.small-up-6>.column, .small-up-6>.columns {
    float: left;
    width: 16.66667%
}
.small-up-6>.column:nth-of-type(1n), .small-up-6>.columns:nth-of-type(1n) {
    clear: none
}
.small-up-6>.column:nth-of-type(6n+1), .small-up-6>.columns:nth-of-type(6n+1) {
    clear: both
}
.small-up-6>.column:last-child, .small-up-6>.columns:last-child {
    float: left
}
.small-up-7>.column, .small-up-7>.columns {
    float: left;
    width: 14.28571%
}
.small-up-7>.column:nth-of-type(1n), .small-up-7>.columns:nth-of-type(1n) {
    clear: none
}
.small-up-7>.column:nth-of-type(7n+1), .small-up-7>.columns:nth-of-type(7n+1) {
    clear: both
}
.small-up-7>.column:last-child, .small-up-7>.columns:last-child {
    float: left
}
.small-up-8>.column, .small-up-8>.columns {
    float: left;
    width: 12.5%
}
.small-up-8>.column:nth-of-type(1n), .small-up-8>.columns:nth-of-type(1n) {
    clear: none
}
.small-up-8>.column:nth-of-type(8n+1), .small-up-8>.columns:nth-of-type(8n+1) {
    clear: both
}
.small-up-8>.column:last-child, .small-up-8>.columns:last-child {
    float: left
}
.small-collapse>.column, .small-collapse>.columns {
    padding-right: 0;
    padding-left: 0
}
.expanded.row .small-collapse.row, .small-collapse .row {
    margin-right: 0;
    margin-left: 0
}
.small-uncollapse>.column, .small-uncollapse>.columns {
    padding-right: .625rem;
    padding-left: .625rem
}
.small-centered {
    margin-right: auto;
    margin-left: auto
}
.small-centered, .small-centered:last-child:not(:first-child) {
    float: none;
    clear: both
}
.small-pull-0, .small-push-0, .small-uncentered {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0
}
@media screen and (min-width:40em) {
    .medium-1 {
        width: 8.33333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.33333%
    }

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

    .medium-5 {
        width: 41.66667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.33333%
    }

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

    .medium-8 {
        width: 66.66667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.33333%
    }

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

    .medium-11 {
        width: 91.66667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1>.column, .medium-up-1>.columns {
        float: left;
        width: 100%
    }

    .medium-up-1>.column:nth-of-type(1n), .medium-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-1>.column:nth-of-type(1n+1), .medium-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .medium-up-1>.column:last-child, .medium-up-1>.columns:last-child {
        float: left
    }

    .medium-up-2>.column, .medium-up-2>.columns {
        float: left;
        width: 50%
    }

    .medium-up-2>.column:nth-of-type(1n), .medium-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-2>.column:nth-of-type(odd), .medium-up-2>.columns:nth-of-type(odd) {
        clear: both
    }

    .medium-up-2>.column:last-child, .medium-up-2>.columns:last-child {
        float: left
    }

    .medium-up-3>.column, .medium-up-3>.columns {
        float: left;
        width: 33.33333%
    }

    .medium-up-3>.column:nth-of-type(1n), .medium-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-3>.column:nth-of-type(3n+1), .medium-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .medium-up-3>.column:last-child, .medium-up-3>.columns:last-child {
        float: left
    }

    .medium-up-4>.column, .medium-up-4>.columns {
        float: left;
        width: 25%
    }

    .medium-up-4>.column:nth-of-type(1n), .medium-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-4>.column:nth-of-type(4n+1), .medium-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .medium-up-4>.column:last-child, .medium-up-4>.columns:last-child {
        float: left
    }

    .medium-up-5>.column, .medium-up-5>.columns {
        float: left;
        width: 20%
    }

    .medium-up-5>.column:nth-of-type(1n), .medium-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-5>.column:nth-of-type(5n+1), .medium-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .medium-up-5>.column:last-child, .medium-up-5>.columns:last-child {
        float: left
    }

    .medium-up-6>.column, .medium-up-6>.columns {
        float: left;
        width: 16.66667%
    }

    .medium-up-6>.column:nth-of-type(1n), .medium-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-6>.column:nth-of-type(6n+1), .medium-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .medium-up-6>.column:last-child, .medium-up-6>.columns:last-child {
        float: left
    }

    .medium-up-7>.column, .medium-up-7>.columns {
        float: left;
        width: 14.28571%
    }

    .medium-up-7>.column:nth-of-type(1n), .medium-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-7>.column:nth-of-type(7n+1), .medium-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .medium-up-7>.column:last-child, .medium-up-7>.columns:last-child {
        float: left
    }

    .medium-up-8>.column, .medium-up-8>.columns {
        float: left;
        width: 12.5%
    }

    .medium-up-8>.column:nth-of-type(1n), .medium-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-8>.column:nth-of-type(8n+1), .medium-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .medium-up-8>.column:last-child, .medium-up-8>.columns:last-child {
        float: left
    }

    .medium-collapse>.column, .medium-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .expanded.row .medium-collapse.row, .medium-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .medium-uncollapse>.column, .medium-uncollapse>.columns {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .medium-centered {
        margin-right: auto;
        margin-left: auto
    }

    .medium-centered, .medium-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .medium-pull-0, .medium-push-0, .medium-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}
@media screen and (min-width:64em) {
    .large-1 {
        width: 8.33333%
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        width: 16.66667%
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.33333%
    }

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

    .large-5 {
        width: 41.66667%
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.33333%
    }

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

    .large-8 {
        width: 66.66667%
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.33333%
    }

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

    .large-11 {
        width: 91.66667%
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1>.column, .large-up-1>.columns {
        float: left;
        width: 100%
    }

    .large-up-1>.column:nth-of-type(1n), .large-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-1>.column:nth-of-type(1n+1), .large-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .large-up-1>.column:last-child, .large-up-1>.columns:last-child {
        float: left
    }

    .large-up-2>.column, .large-up-2>.columns {
        float: left;
        width: 50%
    }

    .large-up-2>.column:nth-of-type(1n), .large-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-2>.column:nth-of-type(odd), .large-up-2>.columns:nth-of-type(odd) {
        clear: both
    }

    .large-up-2>.column:last-child, .large-up-2>.columns:last-child {
        float: left
    }

    .large-up-3>.column, .large-up-3>.columns {
        float: left;
        width: 33.33333%
    }

    .large-up-3>.column:nth-of-type(1n), .large-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-3>.column:nth-of-type(3n+1), .large-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .large-up-3>.column:last-child, .large-up-3>.columns:last-child {
        float: left
    }

    .large-up-4>.column, .large-up-4>.columns {
        float: left;
        width: 25%
    }

    .large-up-4>.column:nth-of-type(1n), .large-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-4>.column:nth-of-type(4n+1), .large-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .large-up-4>.column:last-child, .large-up-4>.columns:last-child {
        float: left
    }

    .large-up-5>.column, .large-up-5>.columns {
        float: left;
        width: 20%
    }

    .large-up-5>.column:nth-of-type(1n), .large-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-5>.column:nth-of-type(5n+1), .large-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .large-up-5>.column:last-child, .large-up-5>.columns:last-child {
        float: left
    }

    .large-up-6>.column, .large-up-6>.columns {
        float: left;
        width: 16.66667%
    }

    .large-up-6>.column:nth-of-type(1n), .large-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-6>.column:nth-of-type(6n+1), .large-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .large-up-6>.column:last-child, .large-up-6>.columns:last-child {
        float: left
    }

    .large-up-7>.column, .large-up-7>.columns {
        float: left;
        width: 14.28571%
    }

    .large-up-7>.column:nth-of-type(1n), .large-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-7>.column:nth-of-type(7n+1), .large-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .large-up-7>.column:last-child, .large-up-7>.columns:last-child {
        float: left
    }

    .large-up-8>.column, .large-up-8>.columns {
        float: left;
        width: 12.5%
    }

    .large-up-8>.column:nth-of-type(1n), .large-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-8>.column:nth-of-type(8n+1), .large-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .large-up-8>.column:last-child, .large-up-8>.columns:last-child {
        float: left
    }

    .large-collapse>.column, .large-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .expanded.row .large-collapse.row, .large-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .large-uncollapse>.column, .large-uncollapse>.columns {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .large-centered {
        margin-right: auto;
        margin-left: auto
    }

    .large-centered, .large-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .large-pull-0, .large-push-0, .large-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}
.column-block {
    margin-bottom: 1.25rem
}
.column-block>:last-child {
    margin-bottom: 0
}
@media screen and (min-width:40em) {
    .column-block {
        margin-bottom: 2rem
    }

    .column-block>:last-child {
        margin-bottom: 0
    }
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0
}
p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.5;
    text-rendering: optimizeLegibility
}
em, i {
    font-style: italic
}
b, em, i, strong {
    line-height: inherit
}
b, strong {
    font-weight: 700
}
small {
    font-size: 80%;
    line-height: inherit
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Assistant, arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility
}
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    line-height: 0;
    color: #cacaca
}
.h1, h1 {
    font-size: 1.5rem
}
.h1, .h2, h1, h2 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}
.h2, h2 {
    font-size: 1.25rem
}
.h3, h3 {
    font-size: 1.1875rem
}
.h3, .h4, h3, h4 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}
.h4, h4 {
    font-size: 1.125rem
}
.h5, h5 {
    font-size: 1.0625rem
}
.h5, .h6, h5, h6 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}
.h6, h6 {
    font-size: 1rem
}
@media screen and (min-width:40em) {
    .h1, h1 {
        font-size: 1.75rem
    }

    .h2, h2 {
        font-size: 1.625rem
    }

    .h3, h3 {
        font-size: 1.5rem
    }

    .h4, h4 {
        font-size: 1.375rem
    }

    .h5, h5 {
        font-size: 1.125rem
    }

    .h6, h6 {
        font-size: 1rem
    }
}
a {
    line-height: inherit;
    color: #1779ba;
    text-decoration: none;
    cursor: pointer
}
a:focus, a:hover {
    color: #1468a0
}
a img {
    border: 0
}
hr {
    clear: both;
    max-width: 80rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}
dl, ol, ul {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.5
}
li {
    font-size: inherit
}
ul {
    list-style-type: disc
}
ol, ul {
    margin-left: 1.25rem
}
ol ol, ol ul, ul ol, ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}
dl {
    margin-bottom: 1rem
}
dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}
blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}
blockquote, blockquote p {
    line-height: 1.5;
    color: #8a8a8a
}
cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}
cite:before {
    content: "— "
}
abbr, abbr[title] {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none
}
figure {
    margin: 0
}
code {
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #cacaca;
    font-weight: 400
}
code, kbd {
    background-color: #e6e6e6;
    font-family: Consolas, Liberation Mono, Courier, monospace;
    color: #0a0a0a
}
kbd {
    margin: 0;
    padding: .125rem .25rem 0;
    border-radius: 2px
}
.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}
.lead {
    font-size: 125%;
    line-height: 1.5
}
.stat {
    font-size: 2.5rem;
    line-height: 1
}
p+.stat {
    margin-top: -1rem
}
ol.no-bullet, ul.no-bullet {
    margin-left: 0;
    list-style: none
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.text-center {
    text-align: center
}
.text-justify {
    text-align: justify
}
@media screen and (min-width:40em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}
@media screen and (min-width:64em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}
.show-for-print {
    display: none !important
}
@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print, th.show-for-print {
        display: table-cell !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    blockquote, pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .print-break-inside {
        page-break-inside: auto
    }
}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 2px;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}
[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s, border-color .25s ease-in-out
}
textarea {
    max-width: 100%
}
textarea[rows] {
    height: auto
}
input::placeholder, textarea::placeholder {
    color: #cacaca
}
input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed
}
[type=button], [type=submit] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 2px
}
input[type=search] {
    box-sizing: border-box
}
[type=checkbox], [type=file], [type=radio] {
    margin: 0 0 1rem
}
[type=checkbox]+label, [type=radio]+label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0
}
[type=checkbox]+label[for], [type=radio]+label[for] {
    cursor: pointer
}
label>[type=checkbox], label>[type=radio] {
    margin-right: .5rem
}
[type=file] {
    width: 100%
}
label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a
}
label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}
.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}
.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}
.input-group>:first-child {
    border-radius: 2px 0 0 2px
}
.input-group>:last-child>* {
    border-radius: 0 2px 2px 0
}
.input-group-button, .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label, .input-group-field, .input-group-label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}
.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    width: 1%;
    height: 100%
}
.input-group-label:first-child {
    border-right: 0
}
.input-group-label:last-child {
    border-left: 0
}
.input-group-field {
    border-radius: 0;
    height: 2.5rem
}
.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%;
    height: 100%
}
.input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}
.input-group .input-group-button {
    display: table-cell
}
fieldset {
    margin: 0;
    padding: 0;
    border: 0
}
legend {
    max-width: 100%;
    margin-bottom: .5rem
}
.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}
.fieldset legend {
    margin: 0;
    margin-left: -.1875rem;
    padding: 0 .1875rem
}
select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 2px;
    background-color: #fefefe;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow .5s, border-color .25s ease-in-out
}
@media screen and (min-width:0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}
select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s, border-color .25s ease-in-out
}
select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}
select::-ms-expand {
    display: none
}
select[multiple] {
    height: auto;
    background-image: none
}
.is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #f9ecea
}
.is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37
}
.form-error, .is-invalid-label {
    color: #cc4b37
}
.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700
}
.form-error.is-visible {
    display: block
}
.flex-video, .responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}
.flex-video embed, .flex-video iframe, .flex-video object, .flex-video video, .responsive-embed embed, .responsive-embed iframe, .responsive-embed object, .responsive-embed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.flex-video.widescreen, .responsive-embed.widescreen {
    padding-bottom: 56.25%
}
.hide {
    display: none !important
}
.invisible {
    visibility: hidden
}
@media screen and (max-width:39.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}
@media screen and (max-width:0em), screen and (min-width:40em) {
    .show-for-small-only {
        display: none !important
    }
}
@media screen and (min-width:40em) {
    .hide-for-medium {
        display: none !important
    }
}
@media screen and (max-width:39.9375em) {
    .show-for-medium {
        display: none !important
    }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display: none !important
    }
}
@media screen and (max-width:39.9375em), screen and (min-width:64em) {
    .show-for-medium-only {
        display: none !important
    }
}
@media screen and (min-width:64em) {
    .hide-for-large {
        display: none !important
    }
}
@media screen and (max-width:63.9375em) {
    .show-for-large {
        display: none !important
    }
}
@media screen and (min-width:64em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display: none !important
    }
}
@media screen and (max-width:63.9375em), screen and (min-width:75em) {
    .show-for-large-only {
        display: none !important
    }
}
.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0
}
.show-on-focus:active, .show-on-focus:focus {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    clip-path: none
}
.hide-for-portrait, .show-for-landscape {
    display: block !important
}
@media screen and (orientation:landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: block !important
    }
}
@media screen and (orientation:portrait) {
    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }
}
.hide-for-landscape, .show-for-portrait {
    display: none !important
}
@media screen and (orientation:landscape) {
    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}
@media screen and (orientation:portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}
.float-left {
    float: left !important
}
.float-right {
    float: right !important
}
.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}
.clearfix:after, .clearfix:before {
    display: table;
    content: " "
}
.clearfix:after {
    clear: both
}
button:focus {
    outline: none
}
button, input, optgroup, textarea {
    font-family: Lato, arial, sans-serif
}
.cursor_pointer {
    cursor: pointer
}
.row_flex {
    display: flex
}
.row_flex_center {
    align-items: center
}
.row_flex_large {
    display: block
}
@media screen and (min-width:64em) {
    .row_flex_large {
        display: flex
    }
}
.row_flex_medium {
    display: block
}
@media screen and (min-width:40em) {
    .row_flex_medium {
        display: flex
    }
}
.ui-draggable, .ui-sortable .create-quiz-list__item {
    cursor: grab;
    cursor: -webkit-grab
}
.ui-draggable-dragging, .ui-sortable-helper {
    cursor: grabbing;
    cursor: -webkit-grabbing;
    z-index: 2;
    transition-duration: 0ms !important
}
.ui-sortable.create-quiz-list {
    position: relative !important
}
.ui-sortable .create-quiz-list__item.ui-sortable-helper:after {
    content: none !important
}
#intercom-container {
    z-index: 1049 !important
}
.register-page {
    margin-bottom: -8rem
}
.camp-front__bottom {
    margin-bottom: -8.4rem;
    display: inline-block;
    padding-bottom: 12rem
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(https://netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(https://netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot#iefix&v=4.7.0) format("embedded-opentype"), url(https://netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(https://netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(https://netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(https://netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    width: 1.28571em;
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}
.fa-ul>li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.85714em
}
.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}
.fa-pull-left {
    float: left
}
.fa-pull-right {
    float: right
}
.fa.fa-pull-left {
    margin-right: .3em
}
.fa.fa-pull-right {
    margin-left: .3em
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}
.fa-spin {
    animation: a 2s infinite linear
}
.fa-pulse {
    animation: a 1s infinite steps(8)
}
@keyframes a {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}
.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}
.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}
.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scaleY(-1)
}
:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    filter: none
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.fa-stack-1x {
    line-height: inherit
}
.fa-stack-2x {
    font-size: 2em
}
.fa-inverse {
    color: #fff
}
.fa-glass:before {
    content: ""
}
.fa-music:before {
    content: ""
}
.fa-search:before {
    content: ""
}
.fa-envelope-o:before {
    content: ""
}
.fa-heart:before {
    content: ""
}
.fa-star:before {
    content: ""
}
.fa-star-o:before {
    content: ""
}
.fa-user:before {
    content: ""
}
.fa-film:before {
    content: ""
}
.fa-th-large:before {
    content: ""
}
.fa-th:before {
    content: ""
}
.fa-th-list:before {
    content: ""
}
.fa-check:before {
    content: ""
}
.fa-close:before, .fa-remove:before, .fa-times:before {
    content: ""
}
.fa-search-plus:before {
    content: ""
}
.fa-search-minus:before {
    content: ""
}
.fa-power-off:before {
    content: ""
}
.fa-signal:before {
    content: ""
}
.fa-cog:before, .fa-gear:before {
    content: ""
}
.fa-trash-o:before {
    content: ""
}
.fa-home:before {
    content: ""
}
.fa-file-o:before {
    content: ""
}
.fa-clock-o:before {
    content: ""
}
.fa-road:before {
    content: ""
}
.fa-download:before {
    content: ""
}
.fa-arrow-circle-o-down:before {
    content: ""
}
.fa-arrow-circle-o-up:before {
    content: ""
}
.fa-inbox:before {
    content: ""
}
.fa-play-circle-o:before {
    content: ""
}
.fa-repeat:before, .fa-rotate-right:before {
    content: ""
}
.fa-refresh:before {
    content: ""
}
.fa-list-alt:before {
    content: ""
}
.fa-lock:before {
    content: ""
}
.fa-flag:before {
    content: ""
}
.fa-headphones:before {
    content: ""
}
.fa-volume-off:before {
    content: ""
}
.fa-volume-down:before {
    content: ""
}
.fa-volume-up:before {
    content: ""
}
.fa-qrcode:before {
    content: ""
}
.fa-barcode:before {
    content: ""
}
.fa-tag:before {
    content: ""
}
.fa-tags:before {
    content: ""
}
.fa-book:before {
    content: ""
}
.fa-bookmark:before {
    content: ""
}
.fa-print:before {
    content: ""
}
.fa-camera:before {
    content: ""
}
.fa-font:before {
    content: ""
}
.fa-bold:before {
    content: ""
}
.fa-italic:before {
    content: ""
}
.fa-text-height:before {
    content: ""
}
.fa-text-width:before {
    content: ""
}
.fa-align-left:before {
    content: ""
}
.fa-align-center:before {
    content: ""
}
.fa-align-right:before {
    content: ""
}
.fa-align-justify:before {
    content: ""
}
.fa-list:before {
    content: ""
}
.fa-dedent:before, .fa-outdent:before {
    content: ""
}
.fa-indent:before {
    content: ""
}
.fa-video-camera:before {
    content: ""
}
.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: ""
}
.fa-pencil:before {
    content: ""
}
.fa-map-marker:before {
    content: ""
}
.fa-adjust:before {
    content: ""
}
.fa-tint:before {
    content: ""
}
.fa-edit:before, .fa-pencil-square-o:before {
    content: ""
}
.fa-share-square-o:before {
    content: ""
}
.fa-check-square-o:before {
    content: ""
}
.fa-arrows:before {
    content: ""
}
.fa-step-backward:before {
    content: ""
}
.fa-fast-backward:before {
    content: ""
}
.fa-backward:before {
    content: ""
}
.fa-play:before {
    content: ""
}
.fa-pause:before {
    content: ""
}
.fa-stop:before {
    content: ""
}
.fa-forward:before {
    content: ""
}
.fa-fast-forward:before {
    content: ""
}
.fa-step-forward:before {
    content: ""
}
.fa-eject:before {
    content: ""
}
.fa-chevron-left:before {
    content: ""
}
.fa-chevron-right:before {
    content: ""
}
.fa-plus-circle:before {
    content: ""
}
.fa-minus-circle:before {
    content: ""
}
.fa-times-circle:before {
    content: ""
}
.fa-check-circle:before {
    content: ""
}
.fa-question-circle:before {
    content: ""
}
.fa-info-circle:before {
    content: ""
}
.fa-crosshairs:before {
    content: ""
}
.fa-times-circle-o:before {
    content: ""
}
.fa-check-circle-o:before {
    content: ""
}
.fa-ban:before {
    content: ""
}
.fa-arrow-left:before {
    content: ""
}
.fa-arrow-right:before {
    content: ""
}
.fa-arrow-up:before {
    content: ""
}
.fa-arrow-down:before {
    content: ""
}
.fa-mail-forward:before, .fa-share:before {
    content: ""
}
.fa-expand:before {
    content: ""
}
.fa-compress:before {
    content: ""
}
.fa-plus:before {
    content: ""
}
.fa-minus:before {
    content: ""
}
.fa-asterisk:before {
    content: ""
}
.fa-exclamation-circle:before {
    content: ""
}
.fa-gift:before {
    content: ""
}
.fa-leaf:before {
    content: ""
}
.fa-fire:before {
    content: ""
}
.fa-eye:before {
    content: ""
}
.fa-eye-slash:before {
    content: ""
}
.fa-exclamation-triangle:before, .fa-warning:before {
    content: ""
}
.fa-plane:before {
    content: ""
}
.fa-calendar:before {
    content: ""
}
.fa-random:before {
    content: ""
}
.fa-comment:before {
    content: ""
}
.fa-magnet:before {
    content: ""
}
.fa-chevron-up:before {
    content: ""
}
.fa-chevron-down:before {
    content: ""
}
.fa-retweet:before {
    content: ""
}
.fa-shopping-cart:before {
    content: ""
}
.fa-folder:before {
    content: ""
}
.fa-folder-open:before {
    content: ""
}
.fa-arrows-v:before {
    content: ""
}
.fa-arrows-h:before {
    content: ""
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: ""
}
.fa-twitter-square:before {
    content: ""
}
.fa-facebook-square:before {
    content: ""
}
.fa-camera-retro:before {
    content: ""
}
.fa-key:before {
    content: ""
}
.fa-cogs:before, .fa-gears:before {
    content: ""
}
.fa-comments:before {
    content: ""
}
.fa-thumbs-o-up:before {
    content: ""
}
.fa-thumbs-o-down:before {
    content: ""
}
.fa-star-half:before {
    content: ""
}
.fa-heart-o:before {
    content: ""
}
.fa-sign-out:before {
    content: ""
}
.fa-linkedin-square:before {
    content: ""
}
.fa-thumb-tack:before {
    content: ""
}
.fa-external-link:before {
    content: ""
}
.fa-sign-in:before {
    content: ""
}
.fa-trophy:before {
    content: ""
}
.fa-github-square:before {
    content: ""
}
.fa-upload:before {
    content: ""
}
.fa-lemon-o:before {
    content: ""
}
.fa-phone:before {
    content: ""
}
.fa-square-o:before {
    content: ""
}
.fa-bookmark-o:before {
    content: ""
}
.fa-phone-square:before {
    content: ""
}
.fa-twitter:before {
    content: ""
}
.fa-facebook-f:before, .fa-facebook:before {
    content: ""
}
.fa-github:before {
    content: ""
}
.fa-unlock:before {
    content: ""
}
.fa-credit-card:before {
    content: ""
}
.fa-feed:before, .fa-rss:before {
    content: ""
}
.fa-hdd-o:before {
    content: ""
}
.fa-bullhorn:before {
    content: ""
}
.fa-bell:before {
    content: ""
}
.fa-certificate:before {
    content: ""
}
.fa-hand-o-right:before {
    content: ""
}
.fa-hand-o-left:before {
    content: ""
}
.fa-hand-o-up:before {
    content: ""
}
.fa-hand-o-down:before {
    content: ""
}
.fa-arrow-circle-left:before {
    content: ""
}
.fa-arrow-circle-right:before {
    content: ""
}
.fa-arrow-circle-up:before {
    content: ""
}
.fa-arrow-circle-down:before {
    content: ""
}
.fa-globe:before {
    content: ""
}
.fa-wrench:before {
    content: ""
}
.fa-tasks:before {
    content: ""
}
.fa-filter:before {
    content: ""
}
.fa-briefcase:before {
    content: ""
}
.fa-arrows-alt:before {
    content: ""
}
.fa-group:before, .fa-users:before {
    content: ""
}
.fa-chain:before, .fa-link:before {
    content: ""
}
.fa-cloud:before {
    content: ""
}
.fa-flask:before {
    content: ""
}
.fa-cut:before, .fa-scissors:before {
    content: ""
}
.fa-copy:before, .fa-files-o:before {
    content: ""
}
.fa-paperclip:before {
    content: ""
}
.fa-floppy-o:before, .fa-save:before {
    content: ""
}
.fa-square:before {
    content: ""
}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: ""
}
.fa-list-ul:before {
    content: ""
}
.fa-list-ol:before {
    content: ""
}
.fa-strikethrough:before {
    content: ""
}
.fa-underline:before {
    content: ""
}
.fa-table:before {
    content: ""
}
.fa-magic:before {
    content: ""
}
.fa-truck:before {
    content: ""
}
.fa-pinterest:before {
    content: ""
}
.fa-pinterest-square:before {
    content: ""
}
.fa-google-plus-square:before {
    content: ""
}
.fa-google-plus:before {
    content: ""
}
.fa-money:before {
    content: ""
}
.fa-caret-down:before {
    content: ""
}
.fa-caret-up:before {
    content: ""
}
.fa-caret-left:before {
    content: ""
}
.fa-caret-right:before {
    content: ""
}
.fa-columns:before {
    content: ""
}
.fa-sort:before, .fa-unsorted:before {
    content: ""
}
.fa-sort-desc:before, .fa-sort-down:before {
    content: ""
}
.fa-sort-asc:before, .fa-sort-up:before {
    content: ""
}
.fa-envelope:before {
    content: ""
}
.fa-linkedin:before {
    content: ""
}
.fa-rotate-left:before, .fa-undo:before {
    content: ""
}
.fa-gavel:before, .fa-legal:before {
    content: ""
}
.fa-dashboard:before, .fa-tachometer:before {
    content: ""
}
.fa-comment-o:before {
    content: ""
}
.fa-comments-o:before {
    content: ""
}
.fa-bolt:before, .fa-flash:before {
    content: ""
}
.fa-sitemap:before {
    content: ""
}
.fa-umbrella:before {
    content: ""
}
.fa-clipboard:before, .fa-paste:before {
    content: ""
}
.fa-lightbulb-o:before {
    content: ""
}
.fa-exchange:before {
    content: ""
}
.fa-cloud-download:before {
    content: ""
}
.fa-cloud-upload:before {
    content: ""
}
.fa-user-md:before {
    content: ""
}
.fa-stethoscope:before {
    content: ""
}
.fa-suitcase:before {
    content: ""
}
.fa-bell-o:before {
    content: ""
}
.fa-coffee:before {
    content: ""
}
.fa-cutlery:before {
    content: ""
}
.fa-file-text-o:before {
    content: ""
}
.fa-building-o:before {
    content: ""
}
.fa-hospital-o:before {
    content: ""
}
.fa-ambulance:before {
    content: ""
}
.fa-medkit:before {
    content: ""
}
.fa-fighter-jet:before {
    content: ""
}
.fa-beer:before {
    content: ""
}
.fa-h-square:before {
    content: ""
}
.fa-plus-square:before {
    content: ""
}
.fa-angle-double-left:before {
    content: ""
}
.fa-angle-double-right:before {
    content: ""
}
.fa-angle-double-up:before {
    content: ""
}
.fa-angle-double-down:before {
    content: ""
}
.fa-angle-left:before {
    content: ""
}
.fa-angle-right:before {
    content: ""
}
.fa-angle-up:before {
    content: ""
}
.fa-angle-down:before {
    content: ""
}
.fa-desktop:before {
    content: ""
}
.fa-laptop:before {
    content: ""
}
.fa-tablet:before {
    content: ""
}
.fa-mobile-phone:before, .fa-mobile:before {
    content: ""
}
.fa-circle-o:before {
    content: ""
}
.fa-quote-left:before {
    content: ""
}
.fa-quote-right:before {
    content: ""
}
.fa-spinner:before {
    content: ""
}
.fa-circle:before {
    content: ""
}
.fa-mail-reply:before, .fa-reply:before {
    content: ""
}
.fa-github-alt:before {
    content: ""
}
.fa-folder-o:before {
    content: ""
}
.fa-folder-open-o:before {
    content: ""
}
.fa-smile-o:before {
    content: ""
}
.fa-frown-o:before {
    content: ""
}
.fa-meh-o:before {
    content: ""
}
.fa-gamepad:before {
    content: ""
}
.fa-keyboard-o:before {
    content: ""
}
.fa-flag-o:before {
    content: ""
}
.fa-flag-checkered:before {
    content: ""
}
.fa-terminal:before {
    content: ""
}
.fa-code:before {
    content: ""
}
.fa-mail-reply-all:before, .fa-reply-all:before {
    content: ""
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: ""
}
.fa-location-arrow:before {
    content: ""
}
.fa-crop:before {
    content: ""
}
.fa-code-fork:before {
    content: ""
}
.fa-chain-broken:before, .fa-unlink:before {
    content: ""
}
.fa-question:before {
    content: ""
}
.fa-info:before {
    content: ""
}
.fa-exclamation:before {
    content: ""
}
.fa-superscript:before {
    content: ""
}
.fa-subscript:before {
    content: ""
}
.fa-eraser:before {
    content: ""
}
.fa-puzzle-piece:before {
    content: ""
}
.fa-microphone:before {
    content: ""
}
.fa-microphone-slash:before {
    content: ""
}
.fa-shield:before {
    content: ""
}
.fa-calendar-o:before {
    content: ""
}
.fa-fire-extinguisher:before {
    content: ""
}
.fa-rocket:before {
    content: ""
}
.fa-maxcdn:before {
    content: ""
}
.fa-chevron-circle-left:before {
    content: ""
}
.fa-chevron-circle-right:before {
    content: ""
}
.fa-chevron-circle-up:before {
    content: ""
}
.fa-chevron-circle-down:before {
    content: ""
}
.fa-html5:before {
    content: ""
}
.fa-css3:before {
    content: ""
}
.fa-anchor:before {
    content: ""
}
.fa-unlock-alt:before {
    content: ""
}
.fa-bullseye:before {
    content: ""
}
.fa-ellipsis-h:before {
    content: ""
}
.fa-ellipsis-v:before {
    content: ""
}
.fa-rss-square:before {
    content: ""
}
.fa-play-circle:before {
    content: ""
}
.fa-ticket:before {
    content: ""
}
.fa-minus-square:before {
    content: ""
}
.fa-minus-square-o:before {
    content: ""
}
.fa-level-up:before {
    content: ""
}
.fa-level-down:before {
    content: ""
}
.fa-check-square:before {
    content: ""
}
.fa-pencil-square:before {
    content: ""
}
.fa-external-link-square:before {
    content: ""
}
.fa-share-square:before {
    content: ""
}
.fa-compass:before {
    content: ""
}
.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: ""
}
.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: ""
}
.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: ""
}
.fa-eur:before, .fa-euro:before {
    content: ""
}
.fa-gbp:before {
    content: ""
}
.fa-dollar:before, .fa-usd:before {
    content: ""
}
.fa-inr:before, .fa-rupee:before {
    content: ""
}
.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: ""
}
.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: ""
}
.fa-krw:before, .fa-won:before {
    content: ""
}
.fa-bitcoin:before, .fa-btc:before {
    content: ""
}
.fa-file:before {
    content: ""
}
.fa-file-text:before {
    content: ""
}
.fa-sort-alpha-asc:before {
    content: ""
}
.fa-sort-alpha-desc:before {
    content: ""
}
.fa-sort-amount-asc:before {
    content: ""
}
.fa-sort-amount-desc:before {
    content: ""
}
.fa-sort-numeric-asc:before {
    content: ""
}
.fa-sort-numeric-desc:before {
    content: ""
}
.fa-thumbs-up:before {
    content: ""
}
.fa-thumbs-down:before {
    content: ""
}
.fa-youtube-square:before {
    content: ""
}
.fa-youtube:before {
    content: ""
}
.fa-xing:before {
    content: ""
}
.fa-xing-square:before {
    content: ""
}
.fa-youtube-play:before {
    content: ""
}
.fa-dropbox:before {
    content: ""
}
.fa-stack-overflow:before {
    content: ""
}
.fa-instagram:before {
    content: ""
}
.fa-flickr:before {
    content: ""
}
.fa-adn:before {
    content: ""
}
.fa-bitbucket:before {
    content: ""
}
.fa-bitbucket-square:before {
    content: ""
}
.fa-tumblr:before {
    content: ""
}
.fa-tumblr-square:before {
    content: ""
}
.fa-long-arrow-down:before {
    content: ""
}
.fa-long-arrow-up:before {
    content: ""
}
.fa-long-arrow-left:before {
    content: ""
}
.fa-long-arrow-right:before {
    content: ""
}
.fa-apple:before {
    content: ""
}
.fa-windows:before {
    content: ""
}
.fa-android:before {
    content: ""
}
.fa-linux:before {
    content: ""
}
.fa-dribbble:before {
    content: ""
}
.fa-skype:before {
    content: ""
}
.fa-foursquare:before {
    content: ""
}
.fa-trello:before {
    content: ""
}
.fa-female:before {
    content: ""
}
.fa-male:before {
    content: ""
}
.fa-gittip:before, .fa-gratipay:before {
    content: ""
}
.fa-sun-o:before {
    content: ""
}
.fa-moon-o:before {
    content: ""
}
.fa-archive:before {
    content: ""
}
.fa-bug:before {
    content: ""
}
.fa-vk:before {
    content: ""
}
.fa-weibo:before {
    content: ""
}
.fa-renren:before {
    content: ""
}
.fa-pagelines:before {
    content: ""
}
.fa-stack-exchange:before {
    content: ""
}
.fa-arrow-circle-o-right:before {
    content: ""
}
.fa-arrow-circle-o-left:before {
    content: ""
}
.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: ""
}
.fa-dot-circle-o:before {
    content: ""
}
.fa-wheelchair:before {
    content: ""
}
.fa-vimeo-square:before {
    content: ""
}
.fa-try:before, .fa-turkish-lira:before {
    content: ""
}
.fa-plus-square-o:before {
    content: ""
}
.fa-space-shuttle:before {
    content: ""
}
.fa-slack:before {
    content: ""
}
.fa-envelope-square:before {
    content: ""
}
.fa-wordpress:before {
    content: ""
}
.fa-openid:before {
    content: ""
}
.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: ""
}
.fa-graduation-cap:before, .fa-mortar-board:before {
    content: ""
}
.fa-yahoo:before {
    content: ""
}
.fa-google:before {
    content: ""
}
.fa-reddit:before {
    content: ""
}
.fa-reddit-square:before {
    content: ""
}
.fa-stumbleupon-circle:before {
    content: ""
}
.fa-stumbleupon:before {
    content: ""
}
.fa-delicious:before {
    content: ""
}
.fa-digg:before {
    content: ""
}
.fa-pied-piper-pp:before {
    content: ""
}
.fa-pied-piper-alt:before {
    content: ""
}
.fa-drupal:before {
    content: ""
}
.fa-joomla:before {
    content: ""
}
.fa-language:before {
    content: ""
}
.fa-fax:before {
    content: ""
}
.fa-building:before {
    content: ""
}
.fa-child:before {
    content: ""
}
.fa-paw:before {
    content: ""
}
.fa-spoon:before {
    content: ""
}
.fa-cube:before {
    content: ""
}
.fa-cubes:before {
    content: ""
}
.fa-behance:before {
    content: ""
}
.fa-behance-square:before {
    content: ""
}
.fa-steam:before {
    content: ""
}
.fa-steam-square:before {
    content: ""
}
.fa-recycle:before {
    content: ""
}
.fa-automobile:before, .fa-car:before {
    content: ""
}
.fa-cab:before, .fa-taxi:before {
    content: ""
}
.fa-tree:before {
    content: ""
}
.fa-spotify:before {
    content: ""
}
.fa-deviantart:before {
    content: ""
}
.fa-soundcloud:before {
    content: ""
}
.fa-database:before {
    content: ""
}
.fa-file-pdf-o:before {
    content: ""
}
.fa-file-word-o:before {
    content: ""
}
.fa-file-excel-o:before {
    content: ""
}
.fa-file-powerpoint-o:before {
    content: ""
}
.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: ""
}
.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: ""
}
.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: ""
}
.fa-file-movie-o:before, .fa-file-video-o:before {
    content: ""
}
.fa-file-code-o:before {
    content: ""
}
.fa-vine:before {
    content: ""
}
.fa-codepen:before {
    content: ""
}
.fa-jsfiddle:before {
    content: ""
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: ""
}
.fa-circle-o-notch:before {
    content: ""
}
.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: ""
}
.fa-empire:before, .fa-ge:before {
    content: ""
}
.fa-git-square:before {
    content: ""
}
.fa-git:before {
    content: ""
}
.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: ""
}
.fa-tencent-weibo:before {
    content: ""
}
.fa-qq:before {
    content: ""
}
.fa-wechat:before, .fa-weixin:before {
    content: ""
}
.fa-paper-plane:before, .fa-send:before {
    content: ""
}
.fa-paper-plane-o:before, .fa-send-o:before {
    content: ""
}
.fa-history:before {
    content: ""
}
.fa-circle-thin:before {
    content: ""
}
.fa-header:before {
    content: ""
}
.fa-paragraph:before {
    content: ""
}
.fa-sliders:before {
    content: ""
}
.fa-share-alt:before {
    content: ""
}
.fa-share-alt-square:before {
    content: ""
}
.fa-bomb:before {
    content: ""
}
.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: ""
}
.fa-tty:before {
    content: ""
}
.fa-binoculars:before {
    content: ""
}
.fa-plug:before {
    content: ""
}
.fa-slideshare:before {
    content: ""
}
.fa-twitch:before {
    content: ""
}
.fa-yelp:before {
    content: ""
}
.fa-newspaper-o:before {
    content: ""
}
.fa-wifi:before {
    content: ""
}
.fa-calculator:before {
    content: ""
}
.fa-paypal:before {
    content: ""
}
.fa-google-wallet:before {
    content: ""
}
.fa-cc-visa:before {
    content: ""
}
.fa-cc-mastercard:before {
    content: ""
}
.fa-cc-discover:before {
    content: ""
}
.fa-cc-amex:before {
    content: ""
}
.fa-cc-paypal:before {
    content: ""
}
.fa-cc-stripe:before {
    content: ""
}
.fa-bell-slash:before {
    content: ""
}
.fa-bell-slash-o:before {
    content: ""
}
.fa-trash:before {
    content: ""
}
.fa-copyright:before {
    content: ""
}
.fa-at:before {
    content: ""
}
.fa-eyedropper:before {
    content: ""
}
.fa-paint-brush:before {
    content: ""
}
.fa-birthday-cake:before {
    content: ""
}
.fa-area-chart:before {
    content: ""
}
.fa-pie-chart:before {
    content: ""
}
.fa-line-chart:before {
    content: ""
}
.fa-lastfm:before {
    content: ""
}
.fa-lastfm-square:before {
    content: ""
}
.fa-toggle-off:before {
    content: ""
}
.fa-toggle-on:before {
    content: ""
}
.fa-bicycle:before {
    content: ""
}
.fa-bus:before {
    content: ""
}
.fa-ioxhost:before {
    content: ""
}
.fa-angellist:before {
    content: ""
}
.fa-cc:before {
    content: ""
}
.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: ""
}
.fa-meanpath:before {
    content: ""
}
.fa-buysellads:before {
    content: ""
}
.fa-connectdevelop:before {
    content: ""
}
.fa-dashcube:before {
    content: ""
}
.fa-forumbee:before {
    content: ""
}
.fa-leanpub:before {
    content: ""
}
.fa-sellsy:before {
    content: ""
}
.fa-shirtsinbulk:before {
    content: ""
}
.fa-simplybuilt:before {
    content: ""
}
.fa-skyatlas:before {
    content: ""
}
.fa-cart-plus:before {
    content: ""
}
.fa-cart-arrow-down:before {
    content: ""
}
.fa-diamond:before {
    content: ""
}
.fa-ship:before {
    content: ""
}
.fa-user-secret:before {
    content: ""
}
.fa-motorcycle:before {
    content: ""
}
.fa-street-view:before {
    content: ""
}
.fa-heartbeat:before {
    content: ""
}
.fa-venus:before {
    content: ""
}
.fa-mars:before {
    content: ""
}
.fa-mercury:before {
    content: ""
}
.fa-intersex:before, .fa-transgender:before {
    content: ""
}
.fa-transgender-alt:before {
    content: ""
}
.fa-venus-double:before {
    content: ""
}
.fa-mars-double:before {
    content: ""
}
.fa-venus-mars:before {
    content: ""
}
.fa-mars-stroke:before {
    content: ""
}
.fa-mars-stroke-v:before {
    content: ""
}
.fa-mars-stroke-h:before {
    content: ""
}
.fa-neuter:before {
    content: ""
}
.fa-genderless:before {
    content: ""
}
.fa-facebook-official:before {
    content: ""
}
.fa-pinterest-p:before {
    content: ""
}
.fa-whatsapp:before {
    content: ""
}
.fa-server:before {
    content: ""
}
.fa-user-plus:before {
    content: ""
}
.fa-user-times:before {
    content: ""
}
.fa-bed:before, .fa-hotel:before {
    content: ""
}
.fa-viacoin:before {
    content: ""
}
.fa-train:before {
    content: ""
}
.fa-subway:before {
    content: ""
}
.fa-medium:before {
    content: ""
}
.fa-y-combinator:before, .fa-yc:before {
    content: ""
}
.fa-optin-monster:before {
    content: ""
}
.fa-opencart:before {
    content: ""
}
.fa-expeditedssl:before {
    content: ""
}
.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: ""
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: ""
}
.fa-battery-2:before, .fa-battery-half:before {
    content: ""
}
.fa-battery-1:before, .fa-battery-quarter:before {
    content: ""
}
.fa-battery-0:before, .fa-battery-empty:before {
    content: ""
}
.fa-mouse-pointer:before {
    content: ""
}
.fa-i-cursor:before {
    content: ""
}
.fa-object-group:before {
    content: ""
}
.fa-object-ungroup:before {
    content: ""
}
.fa-sticky-note:before {
    content: ""
}
.fa-sticky-note-o:before {
    content: ""
}
.fa-cc-jcb:before {
    content: ""
}
.fa-cc-diners-club:before {
    content: ""
}
.fa-clone:before {
    content: ""
}
.fa-balance-scale:before {
    content: ""
}
.fa-hourglass-o:before {
    content: ""
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: ""
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: ""
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: ""
}
.fa-hourglass:before {
    content: ""
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: ""
}
.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: ""
}
.fa-hand-scissors-o:before {
    content: ""
}
.fa-hand-lizard-o:before {
    content: ""
}
.fa-hand-spock-o:before {
    content: ""
}
.fa-hand-pointer-o:before {
    content: ""
}
.fa-hand-peace-o:before {
    content: ""
}
.fa-trademark:before {
    content: ""
}
.fa-registered:before {
    content: ""
}
.fa-creative-commons:before {
    content: ""
}
.fa-gg:before {
    content: ""
}
.fa-gg-circle:before {
    content: ""
}
.fa-tripadvisor:before {
    content: ""
}
.fa-odnoklassniki:before {
    content: ""
}
.fa-odnoklassniki-square:before {
    content: ""
}
.fa-get-pocket:before {
    content: ""
}
.fa-wikipedia-w:before {
    content: ""
}
.fa-safari:before {
    content: ""
}
.fa-chrome:before {
    content: ""
}
.fa-firefox:before {
    content: ""
}
.fa-opera:before {
    content: ""
}
.fa-internet-explorer:before {
    content: ""
}
.fa-television:before, .fa-tv:before {
    content: ""
}
.fa-contao:before {
    content: ""
}
.fa-500px:before {
    content: ""
}
.fa-amazon:before {
    content: ""
}
.fa-calendar-plus-o:before {
    content: ""
}
.fa-calendar-minus-o:before {
    content: ""
}
.fa-calendar-times-o:before {
    content: ""
}
.fa-calendar-check-o:before {
    content: ""
}
.fa-industry:before {
    content: ""
}
.fa-map-pin:before {
    content: ""
}
.fa-map-signs:before {
    content: ""
}
.fa-map-o:before {
    content: ""
}
.fa-map:before {
    content: ""
}
.fa-commenting:before {
    content: ""
}
.fa-commenting-o:before {
    content: ""
}
.fa-houzz:before {
    content: ""
}
.fa-vimeo:before {
    content: ""
}
.fa-black-tie:before {
    content: ""
}
.fa-fonticons:before {
    content: ""
}
.fa-reddit-alien:before {
    content: ""
}
.fa-edge:before {
    content: ""
}
.fa-credit-card-alt:before {
    content: ""
}
.fa-codiepie:before {
    content: ""
}
.fa-modx:before {
    content: ""
}
.fa-fort-awesome:before {
    content: ""
}
.fa-usb:before {
    content: ""
}
.fa-product-hunt:before {
    content: ""
}
.fa-mixcloud:before {
    content: ""
}
.fa-scribd:before {
    content: ""
}
.fa-pause-circle:before {
    content: ""
}
.fa-pause-circle-o:before {
    content: ""
}
.fa-stop-circle:before {
    content: ""
}
.fa-stop-circle-o:before {
    content: ""
}
.fa-shopping-bag:before {
    content: ""
}
.fa-shopping-basket:before {
    content: ""
}
.fa-hashtag:before {
    content: ""
}
.fa-bluetooth:before {
    content: ""
}
.fa-bluetooth-b:before {
    content: ""
}
.fa-percent:before {
    content: ""
}
.fa-gitlab:before {
    content: ""
}
.fa-wpbeginner:before {
    content: ""
}
.fa-wpforms:before {
    content: ""
}
.fa-envira:before {
    content: ""
}
.fa-universal-access:before {
    content: ""
}
.fa-wheelchair-alt:before {
    content: ""
}
.fa-question-circle-o:before {
    content: ""
}
.fa-blind:before {
    content: ""
}
.fa-audio-description:before {
    content: ""
}
.fa-volume-control-phone:before {
    content: ""
}
.fa-braille:before {
    content: ""
}
.fa-assistive-listening-systems:before {
    content: ""
}
.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: ""
}
.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: ""
}
.fa-glide:before {
    content: ""
}
.fa-glide-g:before {
    content: ""
}
.fa-sign-language:before, .fa-signing:before {
    content: ""
}
.fa-low-vision:before {
    content: ""
}
.fa-viadeo:before {
    content: ""
}
.fa-viadeo-square:before {
    content: ""
}
.fa-snapchat:before {
    content: ""
}
.fa-snapchat-ghost:before {
    content: ""
}
.fa-snapchat-square:before {
    content: ""
}
.fa-pied-piper:before {
    content: ""
}
.fa-first-order:before {
    content: ""
}
.fa-yoast:before {
    content: ""
}
.fa-themeisle:before {
    content: ""
}
.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: ""
}
.fa-fa:before, .fa-font-awesome:before {
    content: ""
}
.fa-handshake-o:before {
    content: ""
}
.fa-envelope-open:before {
    content: ""
}
.fa-envelope-open-o:before {
    content: ""
}
.fa-linode:before {
    content: ""
}
.fa-address-book:before {
    content: ""
}
.fa-address-book-o:before {
    content: ""
}
.fa-address-card:before, .fa-vcard:before {
    content: ""
}
.fa-address-card-o:before, .fa-vcard-o:before {
    content: ""
}
.fa-user-circle:before {
    content: ""
}
.fa-user-circle-o:before {
    content: ""
}
.fa-user-o:before {
    content: ""
}
.fa-id-badge:before {
    content: ""
}
.fa-drivers-license:before, .fa-id-card:before {
    content: ""
}
.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: ""
}
.fa-quora:before {
    content: ""
}
.fa-free-code-camp:before {
    content: ""
}
.fa-telegram:before {
    content: ""
}
.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: ""
}
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: ""
}
.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: ""
}
.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: ""
}
.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: ""
}
.fa-shower:before {
    content: ""
}
.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: ""
}
.fa-podcast:before {
    content: ""
}
.fa-window-maximize:before {
    content: ""
}
.fa-window-minimize:before {
    content: ""
}
.fa-window-restore:before {
    content: ""
}
.fa-times-rectangle:before, .fa-window-close:before {
    content: ""
}
.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: ""
}
.fa-bandcamp:before {
    content: ""
}
.fa-grav:before {
    content: ""
}
.fa-etsy:before {
    content: ""
}
.fa-imdb:before {
    content: ""
}
.fa-ravelry:before {
    content: ""
}
.fa-eercast:before {
    content: ""
}
.fa-microchip:before {
    content: ""
}
.fa-snowflake-o:before {
    content: ""
}
.fa-superpowers:before {
    content: ""
}
.fa-wpexplorer:before {
    content: ""
}
.fa-meetup:before {
    content: ""
}
.sr-only {
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}
.sr-only {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 1px;
    text-indent: 1px;
    overflow: hidden
}
@font-face {
    font-family: myskillcamp;
    src: url(https://static.myskillcamp.com/fonts/myskillcamp.eot);
    src: url(https://static.myskillcamp.com/fonts/myskillcamp.eot) format("embedded-opentype"), url(https://static.myskillcamp.com/fonts/myskillcamp.woff2) format("woff2"), url(https://static.myskillcamp.com/fonts/myskillcamp.woff) format("woff"), url(https://static.myskillcamp.com/fonts/myskillcamp.ttf) format("truetype"), url(https://static.myskillcamp.com/fonts/myskillcamp.svg) format("svg");
    font-weight: 400;
    font-style: normal
}
.icon {
    font-family: myskillcamp;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon--add-circle:before {
    content: "\ea01"
}
.icon--add:before {
    content: "\ea02"
}
.icon--arrow-bottom-full:before {
    content: "\ea03"
}
.icon--arrow-bottom:before {
    content: "\ea04"
}
.icon--arrow-left:before {
    content: "\ea06"
}
.icon--arrow-long-right:before {
    content: "\ea05"
}
.icon--arrow-right:before {
    content: "\ea07"
}
.icon--calendar:before {
    content: "\ea08"
}
.icon--camp:before {
    content: "\ea09"
}
.icon--check:before {
    content: "\ea0a"
}
.icon--close:before {
    content: "\ea0b"
}
.icon--delete:before {
    content: "\ea0c"
}
.icon--duplicate:before {
    content: "\ea0d"
}
.icon--ebook:before {
    content: "\ea0e"
}
.icon--edit-text:before {
    content: "\ea0f"
}
.icon--folder:before {
    content: "\ea10"
}
.icon--grid:before {
    content: "\ea11"
}
.icon--info:before {
    content: "\ea12"
}
.icon--journey:before {
    content: "\ea13"
}
.icon--language:before {
    content: "\ea14"
}
.icon--less-circle:before {
    content: "\ea15"
}
.icon--linkedin:before {
    content: "\ea16"
}
.icon--list:before {
    content: "\ea17"
}
.icon--mail:before {
    content: "\ea18"
}
.icon--media-library:before {
    content: "\ea19"
}
.icon--media:before {
    content: "\ea1a"
}
.icon--modul:before {
    content: "\ea1b"
}
.icon--more:before {
    content: "\ea1c"
}
.icon--publish:before {
    content: "\ea1d"
}
.icon--reset:before {
    content: "\ea1e"
}
.icon--search:before {
    content: "\ea1f"
}
.icon--skill:before {
    content: "\ea20"
}
.icon--tag:before {
    content: "\ea21"
}
.icon--time:before {
    content: "\ea22"
}
.icon--users:before {
    content: "\ea23"
}
.icon--view:before {
    content: "\ea24"
}
.icon--warning:before {
    content: "\ea25"
}
@font-face {
    font-family: GT-Walsheim-Bold;
    src: url(https://static.myskillcamp.com/font/GT-Walsheim/GT-Walsheim-Bold.eot);
    src: url(https://static.myskillcamp.com/font/GT-Walsheim/GT-Walsheim-Bold.eot), url(https://static.myskillcamp.com/font/GT-Walsheim/GT-Walsheim-Bold.woff), url(https://static.myskillcamp.com/font/GT-Walsheim/GT-Walsheim-Bold.ttf);
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: GT-Walsheim-Medium;
    src: url(https://static.myskillcamp.com/font/GT-Walsheim/GT-Walsheim-Medium.eot);
    src: url(https://static.myskillcamp.com/font/GT-Walsheim/GT-Walsheim-Medium.eot), url(https://static.myskillcamp.com/font/GT-Walsheim/GT-Walsheim-Medium.woff), url(https://static.myskillcamp.com/font/GT-Walsheim/GT-Walsheim-Medium.ttf);
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Circular Std;
    font-style: normal;
    font-weight: 400;
    src: local("Circular Std"), url(https://static.myskillcamp.com/lxp/fonts/circular/CircularStd-Book.woff) format("woff")
}
.multiline {
    white-space: pre-line
}
.font-text {
    font-family: Assistant, sans-serif !important
}
.font-walsheim {
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
html {
    font-size: 16px;
    line-height: 1.5;
    font-family: GT-Walsheim-Bold, arial, sans-serif
}
::selection {
    color: #fff;
    background: #080d38
}
::-moz-selection {
    color: #fff;
    background: #080d38
}
.sg-pattern-example {
    position: relative
}
.sg-pattern-example #sidebar, .sg-pattern-example #view, .sg-pattern-example header {
    position: absolute !important
}
#sidebar {
    width: 20rem;
    left: 0;
    overflow: auto;
    top: 70px;
    bottom: 0;
    position: fixed;
    background: #d7e3f6
}
#sidebar .sidebar__course-content {
    height: 100%
}
#view {
    left: 20rem;
    right: 0;
    overflow: auto;
    bottom: 0;
    top: 70px;
    position: fixed
}
.slide {
    max-width: 1024px;
    background: #fff;
    padding: 6rem 6.625rem;
    margin: auto;
    margin-top: 5rem;
    width: calc(100% - 4rem)
}
.slide_active {
    border: 2px solid #5b70ff
}
.slide_exercise {
    background-color: hsla(0, 0%, 100%, .3);
    padding: 3.875rem 3.75rem;
    max-width: 1144px
}
.slide_question {
    padding: 0;
    margin-top: 0
}
.slide_question+.slide_question {
    margin-top: 5rem
}
.slide__navigation button {
    position: absolute;
    top: 45px;
    width: 1.875rem;
    background-color: #d7e3f6;
    line-height: 60px;
    color: #080d38
}
.slide__navigation .previous {
    left: -1.875rem
}
.slide__navigation .next {
    right: -1.875rem
}
.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 3rem
}
@media only screen and (min-width:120em) {
    .container {
        max-width: none;
    }
}
.grid {
    display: flex;
    list-style: none
}
.grid--block {
    align-items: stretch;
    margin: 0 -1.5rem;
    margin-bottom: -1.5rem
}
.grid--block, .grid--wrap {
    flex-wrap: wrap
}
.grid__four {
    width: calc(33.33% - 3rem);
    margin: 0 1.5rem 1.5rem
}
@media only screen and (min-width:75em) {
    .grid__four {
        width: calc(25% - 3rem);
        margin: 0 1.5rem 1.5rem
    }
}
.grid__five {
    width: calc(25% - 3rem);
    margin: 0 1.5rem 1.5rem
}
@media only screen and (min-width:75em) {
    .grid__five {
        width: calc(20% - 3rem);
        margin: 0 1.5rem 1.5rem
    }
}
.grid__half {
    width: calc(50% - 1.5rem)
}
.col-one {
    width: 10%
}
.col-two {
    width: 20%
}
.col-three {
    width: 30%
}
.col-four {
    width: 40%
}
.one {
    max-width: 4.66666666667%
}
.two {
    max-width: 13.3333333333%
}
.three {
    max-width: 22%
}
.four {
    max-width: 30.6666666667%
}
.five {
    max-width: 39.3333333333%
}
.six {
    max-width: 48%
}
.seven {
    max-width: 56.6666666667%
}
.eight {
    max-width: 65.3333333333%
}
.nine {
    max-width: 74%
}
.ten {
    max-width: 82.6666666667%
}
.eleven {
    max-width: 91.3333333333%
}
.twelve {
    max-width: 100%
}
.column-offset-0, .twelve {
    margin-left: 0
}
.column-offset-1 {
    margin-left: 8.33333333%
}
.column-offset-2 {
    margin-left: 16.66666667%
}
.column-offset-3 {
    margin-left: 25%
}
.column-offset-4 {
    margin-left: 33.33333333%
}
.column-offset-5 {
    margin-left: 41.66666667%
}
.column-offset-6 {
    margin-left: 50%
}
.column-offset-7 {
    margin-left: 58.33333333%
}
.column-offset-8 {
    margin-left: 66.66666667%
}
.column-offset-9 {
    margin-left: 75%
}
.column-offset-10 {
    margin-left: 83.33333333%
}
.column-offset-11 {
    margin-left: 91.66666667%
}
.between {
    justify-content: space-between
}
.stretch {
    justify-content: stretch
}
.evenly {
    justify-content: space-evenly;
}
.around {
    justify-content: space-around;
}
.center {
    justify-content: center;
    text-align: center;
}
.start {
    justify-content: flex-start;
}
.end {
    justify-content: flex-end;
}
.top {
    align-items: flex-start;
}
.bottom {
    align-items: flex-end;
}
.middle {
    align-items: center;
}
.first {
    order: -1;
}
.last {
    order: 1;
}
.vertical {
    flex-flow: column wrap
}
.row-align-center {
    align-items: center
}
.space-right {
    margin-right: 3rem
}
.space-left {
    margin-left: 3rem
}
.space-bottom {
    margin-bottom: 3rem
}
.space-top {
    margin-top: 3rem
}
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}
.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 5px;
    right: 0;
    position: absolute
}
.ps--active-x>.ps__rail-x, .ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}
.ps--focus>.ps__rail-x, .ps--focus>.ps__rail-y, .ps--scrolling-x>.ps__rail-x, .ps--scrolling-y>.ps__rail-y, .ps:hover>.ps__rail-x, .ps:hover>.ps__rail-y {
    opacity: .6
}
.ps__thumb-y {
    background-color: #5b70ff;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    width: 4px;
    right: 2px;
    position: absolute
}
@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}
@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto !important
    }
}
.switch {
    background: #cbd9e4;
    padding: 5px 6px;
    width: 100%;
    border-radius: 20px;
    display: inline-block;
    transition: all .2s ease;
    width: 2.6rem;
    position: relative;
    cursor: pointer
}
.switch:before {
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    display: block;
    margin-left: 0;
    transition: all .4s ease;
    box-shadow: 0 2px 8px 0 rgba(101, 125, 143, .57);
    position: relative;
    z-index: 5
}
.switch:after {
    content: "OFF";
    position: absolute;
    top: 50%;
    right: 5px;
    color: #9ab3dc;
    font-size: 8px;
    transform: translateY(-50%);
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    z-index: 0
}
.switch.switch_active {
    background: #31da8c
}
.switch.switch_active:before {
    margin-left: calc(100% - 20px)
}
.switch.switch_active:after {
    content: "ON";
    left: 6px;
    color: #057642
}
.switch input {
    display: none
}
.switch_height_small {
    padding: 4px 5px
}
.switch_height_small:before {
    content: "";
    width: 14px;
    height: 14px
}
.switch_height_small.switch_active {
    background: #4fea9c
}
.switch_height_small.switch_active:before {
    margin-left: calc(100% - 14px)
}
.tooltip-custom {
    position: relative
}
.tooltip-custom:hover .tooltip__info {
    opacity: 1
}
.tooltip__trigger {
    color: #fff;
    display: inline-block
}
.tooltip__trigger:before {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_tooltips_content_active.svg) no-repeat 50%;
    background-size: 10px;
    height: 10px;
    width: 10px;
    display: block
}
.tooltip__content {
    background: #fff;
    display: none;
    border-radius: 2px;
    box-shadow: 0 7px 18px 0 rgba(154, 179, 220, .29);
    position: absolute;
    padding: .625rem .875rem;
    right: calc(100% + 1rem);
    width: 10rem;
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    color: #080d38;
    top: 0;
    transform: translateY(-25%);
    font-family: Assistant, sans-serif;
    z-index: 100
}
.tooltip.open-tooltip .tooltip__content {
    display: block
}
.tooltip.tooltip_position_right .tooltip__content {
    right: 0;
    left: calc(100% + 1rem)
}
.tooltip.tooltip_position_left .tooltip__content {
    left: -1rem;
    top: calc(100% + 1rem)
}
.tooltip--avatar, .tooltip__info {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    background-color: #424667;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 5px
}
.tooltip__info {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, .25, .3, 1);
    z-index: 9997
}
.tooltip__info p {
    color: #fff;
    line-height: 1.2;
    padding: 5px;
    margin-bottom: 0
}
.tooltip__info:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 5px solid #424667;
    z-index: -1
}
.tooltip__info--left {
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 40px
}
.tooltip__info--left:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: -13px;
    left: auto;
    transform: translateY(-50%);
    border-left: 5px solid #424667;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    z-index: -1
}
[class^=tooltip-v2] {
    position: relative
}
[class^=tooltip-v2]:after {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    content: attr(data-tooltip);
    padding: 6px 10px;
    top: 1.4em;
    left: 50%;
    transform: translateX(-50%) translateY(-2px);
    background: #020d38;
    color: #fff;
    white-space: nowrap;
    z-index: 2;
    border-radius: 3px;
    padding: 10px 15px;
    transition: opacity .2s, transform .2s
}
[class^=tooltip-v2]:hover:after {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0)
}
.tooltip-v2--triangle {
    position: relative;
    font-size: 12px
}
.tooltip-v2--triangle:after {
    opacity: 0;
    visibility: hidden;
    content: attr(data-tooltip);
    padding: 6px 10px;
    top: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(-2px);
    background: #020d38;
    z-index: 2;
    transition: opacity .2s, transform .2s;
    border-radius: 2px;
    box-shadow: 0 7px 18px 0 rgba(154, 179, 220, .29);
    position: absolute;
    padding: .625rem .875rem;
    right: calc(100% + 1rem);
    width: 10rem;
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    color: #fff
}
.tooltip-v2--triangle:before {
    content: "";
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    background-color: #020d38;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 25px;
    left: calc(50% - 3px);
    transition: opacity .2s ease;
    z-index: 3
}
.tooltip-v2--triangle:hover:after, .tooltip-v2--triangle:hover:before {
    display: block;
    opacity: 1;
    visibility: visible
}
.add-document, .add-webinar {
    width: 11rem;
    border-radius: 4px;
    background-color: #d7e3f6;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    font-family: Assistant, sans-serif;
    transition: .2s ease;
    height: 50px;
    justify-content: space-evenly
}
.add-document:hover, .add-webinar:hover {
    transform: scale(1.03);
    background-color: #c2d4f1
}
.add-document:before, .add-webinar:before {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_paperclip.svg) 50% no-repeat;
    height: 1rem;
    width: 1rem;
    background-size: 1rem;
    display: block
}
.add-document.check .interior, .add-webinar.check .interior {
    text-align: left;
    line-height: 1.2
}
.add-document.check .interior .document-name, .add-webinar.check .interior .document-name {
    color: #9ab3dc;
    font-size: 12px
}
.add-document.check:after, .add-webinar.check:after {
    content: "";
    height: 1rem;
    width: 1rem;
    display: block;
    background-size: 1rem;
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_declined_black.svg) 50% no-repeat
}
.button-add-document {
    margin-top: 1rem
}
.add-webinar:before {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_add.svg) 50% no-repeat;
    height: 1rem;
    width: 1rem;
    background-size: 1rem;
    display: block
}
.add-webinar--delete:before {
    background: url(https://static.myskillcamp.com/images/studio/icons/icon_trash_blue.svg) 50% no-repeat;
    background-size: contain
}
.add-item {
    font-size: 12px;
    color: #424667
}
.add-item:before {
    content: "\e8d0";
    font-family: myskillcamp-icon;
    font-size: 16px;
    color: #425aff
}
button.add-user {
    height: 1.625rem;
    width: 1.625rem;
    border-radius: 50%;
    flex-shrink: 0;
    color: #080d38;
    background-color: #d7e3f6;
    text-align: center;
    transition: .2s ease;
    cursor: pointer
}
button.add-user:hover {
    transform: scale(1.03)
}
button.add-media {
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    flex-shrink: 0;
    color: #fff;
    background-color: #5b70ff;
    text-align: center;
    transition: .2s ease;
    cursor: pointer;
    font-size: 20px;
    font-family: GT-Walsheim-Bold, arial, sans-serif
}
button.add-media:hover {
    transform: scale(1.03)
}
.input-number {
    width: 3.25rem;
    position: relative;
    display: inline-block;
    margin-right: 2px
}
.input-number input {
    height: 1.75rem !important;
    margin: 0 !important;
    padding-left: .3rem !important;
    padding-right: 1.5rem !important
}
.input-number .change {
    position: absolute;
    top: 0;
    right: 0;
    line-height: .6;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    height: 100%;
    width: 15px
}
.input-number .change .decrement, .input-number .change .increment {
    height: 50%;
    display: inline-block;
    margin: 0 !important;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    vertical-align: middle
}
.input-number .change .decrement:hover, .input-number .change .increment:hover {
    background-color: #adc6ed
}
.input-number .change .increment {
    border-top-right-radius: 4px;
    background-color: #c2d4f1
}
.input-number .change .decrement {
    padding-bottom: 2px;
    background-color: #c2d4f1;
    border-bottom-right-radius: 4px
}
.btn {
    transform: scale(1);
    border-radius: 2px;
    text-align: center;
    line-height: 1;
    padding: 1rem 4rem;
    transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out, transform .2s ease-in-out;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.35;
    font-style: normal;
    min-width: 19rem;
    max-width: 100vw;
    background-color: #3c4ec9;
    background: #5b70ff;
    border: none;
    box-shadow: 0 6px 13px 0 rgba(91, 112, 255, .34);
    cursor: pointer;
    transition: .2s ease
}
.btn_width_full {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem
}
.btn_width_full+.btn_width_full {
    margin-top: 1rem
}
.btn_width_1 {
    padding-left: 1rem;
    padding-right: 1rem;
    min-width: 12rem
}
.btn_width_2 {
    padding-left: 2rem;
    padding-right: 2rem
}
@media screen and (max-width:39.9375em) {
    .btn_width-full_small {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .btn_width-full_small+.btn_width-full_small {
        margin-top: 1rem
    }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .btn_width-full_medium {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .btn_width-full_medium+.btn_width-full_medium {
        margin-top: 1rem
    }
}
@media screen and (min-width:64em) and (max-width:74.9375em) {
    .btn_width-full_large {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .btn_width-full_large+.btn_width-full_large {
        margin-top: 1rem
    }
}
.btn:disabled, .btn_disabled, .btn_loading {
    opacity: .87;
    cursor: not-allowed
}
.btn:first-letter {
    text-transform: uppercase
}
.btn:hover, .btn_active {
    background: #425aff;
    transform: scale(1.05)
}
.btn_color_white {
    background: #fff;
    color: #080d38;
    box-shadow: 0 6px 13px 0 hsla(0, 0%, 100%, .34)
}
.btn_color_white:hover, .btn_color_white_active {
    background: #f2f2f2;
    transform: scale(1.05)
}
.btn_color_dark {
    background: #424667;
    color: #fff;
    box-shadow: 0 6px 13px 0 rgba(66, 70, 103, .34)
}
.btn_color_dark:hover, .btn_color_dark_active {
    background: #383b57;
    transform: scale(1.05)
}
.btn_color_red {
    background: #f85656;
    color: #fff;
    box-shadow: 0 6px 13px 0 rgba(248, 86, 86, .34)
}
.btn_color_red:hover, .btn_color_red_active {
    background: #f73e3e;
    transform: scale(1.05)
}
.btn_color_grey {
    background: #d7e3f6;
    color: #080d38;
    box-shadow: 0 6px 13px 0 rgba(215, 227, 246, .34)
}
.btn_color_grey:hover, .btn_color_grey_active {
    background: #c2d4f1;
    transform: scale(1.05)
}
.btn_color_green {
    background: #31da8c;
    color: #fff;
    box-shadow: 0 6px 13px 0 rgba(49, 218, 140, .34)
}
.btn_color_green:hover, .btn_color_green_active {
    background: #25cd7f;
    transform: scale(1.05)
}
@media screen and (max-width:39.9375em) {
    .btn {
        display: block;
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
        min-width: auto
    }
}
.btn_flat, .btn_height_small {
    padding-top: .8rem;
    padding-bottom: .8rem;
    min-width: auto;
    font-size: 1rem
}
.btn_height_medium {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    min-width: auto;
    font-size: 1rem;
    line-height: 1rem
}
.btn_loading {
    pointer-events: none
}
.btn_margin-top_1 {
    margin-top: 1rem
}
.btn_margin-top_2 {
    margin-top: 2rem
}
.btn_icon>span {
    position: relative
}
.btn_icon>span .icon, .btn_icon>span i, .btn_icon>span img {
    position: absolute;
    right: calc(100% + 1rem);
    top: 50%;
    transform: translateY(-50%)
}
@media screen and (min-width:40em) {
    .btn_icon>span .icon, .btn_icon>span i, .btn_icon>span img {
        right: calc(100% + 2rem)
    }
}
.btn.light-grey {
    background-color: #d7e3f6;
    box-shadow: none;
    color: #080d38;
    transition: .2s ease
}
.btn.light-grey:hover {
    background-color: #c2d4f1
}
.btn.dark {
    background-color: #080d38;
    box-shadow: 0 6px 13px 0 rgba(8, 13, 56, .34)
}
.btn.dark:hover {
    box-shadow: 0 2px 13px 0 rgba(8, 13, 56, .34) !important
}
.btn.btn_round {
    border-radius: 2rem
}
.btn_flat {
    position: relative;
    color: #000;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    text-align: left;
    font-size: 1rem;
    line-height: 1.5
}
.btn_flat, .btn_flat:after {
    background: transparent;
    transition: all .4s ease-in-out
}
.btn_flat:after {
    content: "";
    position: absolute;
    bottom: 1rem;
    right: 0;
    left: 2rem;
    height: 2px
}
.btn_flat:hover {
    background: transparent;
    color: #000;
    transform: none;
    position: relative
}
.btn_flat:hover:after {
    background: #5b70ff;
    bottom: .8rem
}
.btn_flat:hover img {
    transform: scale(1.2)
}
.btn_flat .icon, .btn_flat i, .btn_flat img {
    margin-right: 1rem;
    vertical-align: sub;
    transition: all .4s ease-in-out
}
@media screen and (max-width:39.9375em) {
    .btn_flat {
        padding: 1.5rem 2rem;
        background: #f3f7fa;
        text-align: center;
        transition: .2s ease
    }

    .btn_flat:after {
        content: none
    }

    .btn_flat:hover {
        background: #e1ebf3;
        transform: scale(1.05)
    }
}
.btn.btn_color_blue {
    background: #5b70ff;
    color: #f3f7fa
}
.btn.btn_color_blue:hover, .btn.btn_color_blue_active {
    background: #425aff;
    transform: scale(1.05)
}
.btn.btn_color_red {
    background: #f85656;
    color: #f3f7fa
}
.btn.btn_color_red:hover, .btn.btn_color_red_active {
    background: #f73e3e;
    transform: scale(1.05)
}
.btn.btn_color_deep-blue {
    background: #080d38;
    color: #f3f7fa;
    box-shadow: 0 6px 13px 0 #080d38
}
.btn.btn_color_deep-blue:hover, .btn.btn_color_deep-blue_active {
    background: #050822;
    transform: scale(1.05)
}
.btn.btn_color_green:hover {
    color: #fff
}
.btn.btn_color_blue-lightest {
    background: #e2ebf2;
    color: #f3f7fa
}
.btn.btn_color_blue-lightest:hover, .btn.btn_color_blue-lightest_active {
    background: #d0dfea;
    transform: scale(1.05)
}
.btn.btn_color_blue-lightest-2 {
    background: #e2ebf2;
    color: #000
}
.btn.btn_color_blue-lightest-2:hover, .btn.btn_color_blue-lightest-2_active {
    background: #d0dfea;
    transform: scale(1.05)
}
.btn.btn-action_preview:before {
    /* background-image: url(design/icon_preview.svg) */
}
.btn.btn-action_edit:before, .btn.btn-action_preview:before {
    width: 25px;
    height: 25px;
    content: "";
    display: block;
    background-size: 100%;
    float: left;
    background-repeat: no-repeat
}
.btn.btn-action_edit:before {
    /* background-image: url(design/icon_edit.svg) */
}
.btn.btn-action_delete:before {
    /* background-image: url(design/icon_trash.svg) */
}
.btn.btn-action_delete:before, .btn.btn-action_search:before {
    width: 25px;
    height: 25px;
    content: "";
    display: block;
    background-size: 100%;
    float: left;
    background-repeat: no-repeat
}
.btn.btn-action_search:before {
    /* background-image: url(design/icon_search.svg) */
}
.btn.btn-action_help {
    padding: 1rem 0
}
.btn.btn-action_close {
    padding: .5rem 0;
    border: 3px solid #e2ebf2;
    background-color: #f3f7fa;
    display: block;
    min-width: 0;
    border-radius: 45px;
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #000;
    transform: rotate(90deg)
}
.btn.btn-action-mini {
    width: 2rem;
    height: 2rem;
    padding: 0;
    min-width: 0;
    border-radius: 20px
}
.btn.btn-action-mini.btn-action_delete:before, .btn.btn-action-mini.btn-action_edit:before, .btn.btn-action-mini.btn-action_search:before {
    background-position: 50%;
    height: 100%;
    width: 100%;
    background-size: 63%
}
.btn.btn-action-mini.btn-action_search:before {
    content: "";
    display: block;
    /* background-image: url(design/icon_search.svg); */
    float: left;
    background-repeat: no-repeat
}
.btn+.btn {
    margin-left: 1.25rem
}
button {
    cursor: pointer
}
.btn_action_delete {
    background: #f85656;
    border-radius: 50%;
    min-width: 0;
    height: 2.25rem;
    width: 2.25rem;
    text-align: center;
    color: #fff;
    padding: 0
}
.btn_action_delete:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_trash_white.svg) 50% no-repeat;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-size: 1rem
}
.btn_action_delete:hover {
    background: #da3d3d
}
a.delete-round, button.delete-round {
    background: #f85656;
    border-radius: 50%;
    min-width: 0;
    height: 2.25rem;
    width: 2.25rem;
    text-align: center;
    color: #fff;
    padding: 0;
    transition: .2s ease;
    box-shadow: 0 6px 13px 0 rgba(248, 86, 86, .33);
    position: relative;
    z-index: 50;
    display: block
}
a.delete-round:hover, button.delete-round:hover {
    transform: scale(1.01)
}
a.delete-round:before, button.delete-round:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_trash_white.svg) 50% no-repeat;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-size: 1rem
}
a.replace, button.replace {
    background: #5b70ff;
    border-radius: 50%;
    min-width: 0;
    height: 2.25rem;
    width: 2.25rem;
    text-align: center;
    padding: 0;
    transition: .2s ease;
    position: relative;
    z-index: 50;
    display: block
}
a.replace:before, button.replace:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_replace.svg) 50% no-repeat;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-size: 1.375rem
}
a.replace:hover, button.replace:hover {
    transform: scale(1.05)
}
a.leave-white, button.leave-white {
    background: #fff;
    border-radius: 50%;
    min-width: 0;
    height: 2.25rem;
    width: 2.25rem;
    text-align: center;
    padding: 0;
    transition: .2s ease;
    position: relative;
    z-index: 50;
    display: block
}
a.leave-white:before, button.leave-white:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_declined_black.svg) 50% no-repeat;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-size: .75rem
}
a.leave-white:hover, button.leave-white:hover {
    transform: scale(1.05)
}
a .load-more, button .load-more {
    position: relative;
    height: 4rem;
    animation-delay: 1s;
    width: 100%;
    text-align: center
}
a .load-more span, button .load-more span {
    opacity: 1;
    transition: .2s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    white-space: nowrap
}
a .load-more__button, button .load-more__button {
    transition: padding .6s ease !important;
    width: auto;
    animation-delay: 1s;
    box-shadow: none;
    height: 34px;
    padding: .5rem 3.8rem !important;
    box-shadow: none !important
}
a .load-more .dot, button .load-more .dot {
    height: 34px;
    width: 34px;
    background-color: #080d38;
    display: none;
    animation-delay: 2s;
    border-radius: 17px
}
a .load-more.animate, button .load-more.animate {
    animation: c 2s infinite linear
}
a .load-more.animate .dot, button .load-more.animate .dot {
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    animation: e 2s infinite ease
}
a .load-more.animate.load-more, button .load-more.animate.load-more {
    width: 4rem;
    height: 4rem;
    margin: 0 auto
}
a .load-more.animate .load-more__button, button .load-more.animate .load-more__button {
    padding: .5rem 1.1rem !important;
    box-shadow: none;
    animation: d 2s infinite ease;
    position: absolute;
    top: 0;
    left: 0
}
a .load-more.animate .load-more__button span, button .load-more.animate .load-more__button span {
    opacity: 0
}
a .load-more.grey .dot, button .load-more.grey .dot {
    background-color: #d7e3f6
}
a.leave, button.leave {
    background: #d7e3f6;
    border-radius: 50%;
    min-width: 0;
    height: 2.25rem;
    width: 2.25rem;
    text-align: center;
    padding: 0;
    transition: .2s ease;
    position: relative;
    z-index: 50;
    display: block
}
a.leave:before, button.leave:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_declined_black.svg) 50% no-repeat;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-size: .75rem
}
a.leave:hover, button.leave:hover {
    transform: scale(1.05)
}
.lds-ring {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px
}
.lds-ring+span {
    margin-left: 10px
}
.lds-ring div {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border: 3px solid #fff;
    border-radius: 50%;
    animation: b 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border-color: #fff transparent transparent
}
.lds-ring div:first-child {
    animation-delay: -.45s
}
.lds-ring div:nth-child(2) {
    animation-delay: -.3s
}
.lds-ring div:nth-child(3) {
    animation-delay: -.15s
}
@keyframes b {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}
.button {
    border-radius: 2px;
    text-align: center;
    padding: 0 2rem;
    text-decoration: none;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    min-width: 13rem;
    min-height: 3rem;
    border: none;
    cursor: pointer;
    transition: color .2s cubic-bezier(.2, 1, .3, 1);
    position: relative;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center
}
.button:after {
    content: "";
    min-height: inherit;
    font-size: 0
}
.button--reset {
    background-color: #f4f7fb;
    padding: 0;
    min-width: 2.25rem;
    max-width: 2.25rem;
    min-height: 2.25rem;
    max-height: 2.25rem;
    border-radius: 50%;
    transition: background .2s cubic-bezier(.2, 1, .3, 1)
}
.button--reset .icon {
    color: #787ca1;
    transition: color .2s cubic-bezier(.2, 1, .3, 1);
    font-size: 24px
}
.button--reset:hover {
    background-color: #ebf0f8
}
.button--reset:hover .icon {
    color: #424667
}
.button--link {
    padding: 0;
    min-width: auto
}
.button--link .icon--left {
    margin-right: .5rem;
    color: #5b70ff;
    vertical-align: middle
}
.button--color {
    color: #fff;
    z-index: 1
}
.button--color:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #5b70ff;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 6px 13px 0 rgba(91, 112, 255, .34);
    transform: scale(1);
    transition: all .2s cubic-bezier(.175, .885, .32, 2);
    border-radius: 2px;
    z-index: -1
}
.button--color:hover {
    color: #fff
}
.button--color:hover:before {
    transform: scale(1.05);
    background-color: #425aff
}
.button--small {
    width: 200px;
    padding: 0 1rem
}
.button--small .icon {
    font-size: 20px;
    margin-left: .5rem
}
.button--border {
    border: 2px solid #c3d2ea;
    box-sizing: border-box !important;
    background: none;
    color: #424667;
    transition: all .8s cubic-bezier(.2, 1, .3, 1)
}
.button--border .icon {
    color: #5b70ff;
    font-size: 18px;
    margin-right: .5rem
}
.button--border:hover {
    border-color: #5b70ff;
    color: #5b70ff
}
.load-more {
    position: relative;
    height: 4rem;
    animation-delay: 1s;
    width: 100%;
    text-align: center;
    transition: transform .2s ease
}
.load-more span {
    opacity: 1;
    transition: .2s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    white-space: nowrap;
    font-size: 14px
}
.load-more__button {
    transition: padding transform .6s ease !important;
    width: auto;
    animation-delay: 1s;
    box-shadow: none;
    height: 34px;
    padding: .5rem 3.8rem !important;
    box-shadow: none !important;
    transition: .2s ease
}
.load-more .dot {
    height: 34px;
    width: 34px;
    background-color: #080d38;
    display: none;
    animation-delay: 2s;
    border-radius: 17px
}
.load-more.animate {
    animation: c 2s infinite linear
}
.load-more.animate .dot {
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    animation: e 2s infinite ease
}
.load-more.animate.load-more {
    width: 4rem;
    height: 4rem;
    margin: 0 auto
}
.load-more.animate .load-more__button {
    padding: .5rem 1.1rem !important;
    box-shadow: none;
    animation: d 2s infinite ease;
    position: absolute;
    top: 0;
    left: 0
}
.load-more.animate .load-more__button span {
    opacity: 0;
    font-size: 14px
}
.load-more.grey .dot {
    background-color: #d7e3f6
}
@keyframes c {
    to {
        transform: rotate(1turn)
    }
}
@keyframes d {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}
@keyframes e {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}
.input {
    color: #080d38;
    font-weight: 600
}
.input [type=date], .input [type=email], .input [type=number], .input [type=password], .input [type=select], .input [type=tel], .input [type=text], .input [type=url] {
    background-color: #d7e3f6;
    border-radius: 4px;
    border: none;
    box-shadow: none;
    transition: .2s ease;
    padding: 1rem;
    height: 3rem;
    margin-top: .25rem
}
.input [type=date]:hover, .input [type=email]:hover, .input [type=number]:hover, .input [type=password]:hover, .input [type=select]:hover, .input [type=tel]:hover, .input [type=text]:hover, .input [type=url]:hover {
    transition: .2s ease;
    background-color: #c2d4f1
}
.input [type=date]:focus, .input [type=email]:focus, .input [type=number]:focus, .input [type=password]:focus, .input [type=select]:focus, .input [type=tel]:focus, .input [type=text]:focus, .input [type=url]:focus {
    border: none;
    background-color: #d7e3f6;
    box-shadow: none
}
.input [type=date]::placeholder, .input [type=email]::placeholder, .input [type=number]::placeholder, .input [type=password]::placeholder, .input [type=select]::placeholder, .input [type=tel]::placeholder, .input [type=text]::placeholder, .input [type=url]::placeholder {
    color: #9ab3dc;
    font-family: Assistant, sans-serif
}
.input [type=date]:disable, .input [type=email]:disable, .input [type=number]:disable, .input [type=password]:disable, .input [type=select]:disable, .input [type=tel]:disable, .input [type=text]:disable, .input [type=url]:disable {
    color: hsla(0, 0%, 4%, .5)
}
div.input-field, label.input-field, span.input-field {
    color: #080d38;
    font-weight: 600
}
div.input-field [type=date], div.input-field [type=email], div.input-field [type=number], div.input-field [type=password], div.input-field [type=select], div.input-field [type=tel], div.input-field [type=text], div.input-field [type=url], label.input-field [type=date], label.input-field [type=email], label.input-field [type=number], label.input-field [type=password], label.input-field [type=select], label.input-field [type=tel], label.input-field [type=text], label.input-field [type=url], span.input-field [type=date], span.input-field [type=email], span.input-field [type=number], span.input-field [type=password], span.input-field [type=select], span.input-field [type=tel], span.input-field [type=text], span.input-field [type=url] {
    background-color: #d7e3f6;
    border-radius: 4px;
    border: none;
    box-shadow: none;
    transition: .2s ease;
    padding: 1rem;
    height: 3rem;
    margin-top: .25rem
}
div.input-field [type=date]:hover, div.input-field [type=email]:hover, div.input-field [type=number]:hover, div.input-field [type=password]:hover, div.input-field [type=select]:hover, div.input-field [type=tel]:hover, div.input-field [type=text]:hover, div.input-field [type=url]:hover, label.input-field [type=date]:hover, label.input-field [type=email]:hover, label.input-field [type=number]:hover, label.input-field [type=password]:hover, label.input-field [type=select]:hover, label.input-field [type=tel]:hover, label.input-field [type=text]:hover, label.input-field [type=url]:hover, span.input-field [type=date]:hover, span.input-field [type=email]:hover, span.input-field [type=number]:hover, span.input-field [type=password]:hover, span.input-field [type=select]:hover, span.input-field [type=tel]:hover, span.input-field [type=text]:hover, span.input-field [type=url]:hover {
    transition: .2s ease;
    background-color: #c2d4f1
}
div.input-field [type=date]:focus, div.input-field [type=email]:focus, div.input-field [type=number]:focus, div.input-field [type=password]:focus, div.input-field [type=select]:focus, div.input-field [type=tel]:focus, div.input-field [type=text]:focus, div.input-field [type=url]:focus, label.input-field [type=date]:focus, label.input-field [type=email]:focus, label.input-field [type=number]:focus, label.input-field [type=password]:focus, label.input-field [type=select]:focus, label.input-field [type=tel]:focus, label.input-field [type=text]:focus, label.input-field [type=url]:focus, span.input-field [type=date]:focus, span.input-field [type=email]:focus, span.input-field [type=number]:focus, span.input-field [type=password]:focus, span.input-field [type=select]:focus, span.input-field [type=tel]:focus, span.input-field [type=text]:focus, span.input-field [type=url]:focus {
    border: none;
    background-color: #d7e3f6;
    box-shadow: none
}
div.input-field [type=date]::placeholder, div.input-field [type=email]::placeholder, div.input-field [type=number]::placeholder, div.input-field [type=password]::placeholder, div.input-field [type=select]::placeholder, div.input-field [type=tel]::placeholder, div.input-field [type=text]::placeholder, div.input-field [type=url]::placeholder, label.input-field [type=date]::placeholder, label.input-field [type=email]::placeholder, label.input-field [type=number]::placeholder, label.input-field [type=password]::placeholder, label.input-field [type=select]::placeholder, label.input-field [type=tel]::placeholder, label.input-field [type=text]::placeholder, label.input-field [type=url]::placeholder, span.input-field [type=date]::placeholder, span.input-field [type=email]::placeholder, span.input-field [type=number]::placeholder, span.input-field [type=password]::placeholder, span.input-field [type=select]::placeholder, span.input-field [type=tel]::placeholder, span.input-field [type=text]::placeholder, span.input-field [type=url]::placeholder {
    color: #9ab3dc;
    font-family: Assistant, sans-serif
}
div.input-field [type=date]:disable, div.input-field [type=email]:disable, div.input-field [type=number]:disable, div.input-field [type=password]:disable, div.input-field [type=select]:disable, div.input-field [type=tel]:disable, div.input-field [type=text]:disable, div.input-field [type=url]:disable, label.input-field [type=date]:disable, label.input-field [type=email]:disable, label.input-field [type=number]:disable, label.input-field [type=password]:disable, label.input-field [type=select]:disable, label.input-field [type=tel]:disable, label.input-field [type=text]:disable, label.input-field [type=url]:disable, span.input-field [type=date]:disable, span.input-field [type=email]:disable, span.input-field [type=number]:disable, span.input-field [type=password]:disable, span.input-field [type=select]:disable, span.input-field [type=tel]:disable, span.input-field [type=text]:disable, span.input-field [type=url]:disable {
    color: hsla(0, 0%, 4%, .5)
}
div.input-field.error input, label.input-field.error input, span.input-field.error input {
    border: 1px solid #f85656;
    margin-bottom: 0
}
div.input-field.error .error-message, label.input-field.error .error-message, span.input-field.error .error-message {
    color: #f85656
}
div.input-field textarea, label.input-field textarea, span.input-field textarea {
    background-color: #d7e3f6;
    border-radius: 4px;
    border: none;
    box-shadow: none;
    transition: .2s ease;
    resize: none;
    padding-left: 1rem
}
div.input-field textarea:hover, label.input-field textarea:hover, span.input-field textarea:hover {
    transition: .2s ease;
    background-color: #c2d4f1
}
div.input-field textarea:focus, label.input-field textarea:focus, span.input-field textarea:focus {
    border: none;
    background-color: #d7e3f6;
    box-shadow: none
}
div.input-field textarea::placeholder, label.input-field textarea::placeholder, span.input-field textarea::placeholder {
    color: #9ab3dc;
    font-family: Assistant, sans-serif
}
div.input-field select, label.input-field select, span.input-field select {
    background-color: #d7e3f6;
    border-radius: 4px;
    border: none;
    box-shadow: none;
    transition: .2s ease;
    resize: none;
    margin-bottom: 0;
    margin-top: .25rem;
    height: 3.1rem;
    font-family: Assistant, sans-serif
}
div.input-field select:hover, label.input-field select:hover, span.input-field select:hover {
    transition: .2s ease;
    background-color: #c2d4f1
}
div.input-field select:focus, label.input-field select:focus, span.input-field select:focus {
    border: none;
    background-color: #d7e3f6;
    box-shadow: none
}
div.input-field select::placeholder, label.input-field select::placeholder, span.input-field select::placeholder {
    color: #9ab3dc;
    font-family: Assistant, sans-serif
}
div.input-field table .input-select, label.input-field table .input-select, span.input-field table .input-select {
    background-color: transparent
}
div.input-field .input-select, label.input-field .input-select, span.input-field .input-select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_bottom_arrow_flashblue.svg);
    background-size: 10px 6px;
    cursor: pointer
}
div.input-field .input-checkbox, label.input-field .input-checkbox, span.input-field .input-checkbox {
    -webkit-appearance: none;
    appearance: none;
    margin-right: .5rem;
    position: relative;
    height: 20px;
    width: 20px;
    border-radius: 2px;
    transition: .2s linear;
    background-color: #d7e3f6;
    background-position: 50%;
    outline: none;
    padding: 0 !important;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: text-bottom
}
div.input-field .input-checkbox[disabled], label.input-field .input-checkbox[disabled], span.input-field .input-checkbox[disabled] {
    background-color: #e6e6e6;
    cursor: not-allowed
}
div.input-field .input-checkbox:not([disabled]):hover, label.input-field .input-checkbox:not([disabled]):hover, span.input-field .input-checkbox:not([disabled]):hover {
    background-color: #adc6ed
}
div.input-field .input-checkbox:checked, div.input-field .input-checkbox:checked:hover, label.input-field .input-checkbox:checked, label.input-field .input-checkbox:checked:hover, span.input-field .input-checkbox:checked, span.input-field .input-checkbox:checked:hover {
    background: #5b70ff url(https://static.myskillcamp.com/images/icon/icon-camp/icon_valid_active.svg) no-repeat 50%
}
div.input-field.input-search input, label.input-field.input-search input, span.input-field.input-search input {
    padding-left: 2rem
}
div.input-field.input-search:before, label.input-field.input-search:before, span.input-field.input-search:before {
    content: "";
    position: absolute;
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_delete_search.svg) 50% no-repeat;
    height: 1rem;
    width: 2rem;
    top: 60px;
    right: 30px;
    cursor: pointer;
    display: none
}
div.input-field.input-search:after, label.input-field.input-search:after, span.input-field.input-search:after {
    content: "";
    position: absolute;
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_search_blue.svg) 50% no-repeat;
    height: 2rem;
    width: 2rem;
    display: block;
    top: 3.2rem;
    background-size: 1rem
}
div.input-field.input-search.show-delete:before, label.input-field.input-search.show-delete:before, span.input-field.input-search.show-delete:before {
    display: block
}
div.input-field .input-radio, label.input-field .input-radio, span.input-field .input-radio {
    -webkit-appearance: none;
    appearance: none;
    margin-right: .5rem;
    position: relative;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    transition: .2s linear;
    background-color: #d7e3f6;
    outline: none;
    padding: 0 !important;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: text-bottom
}
div.input-field .input-radio[disabled], label.input-field .input-radio[disabled], span.input-field .input-radio[disabled] {
    background-color: #e6e6e6;
    cursor: not-allowed
}
div.input-field .input-radio:not([disabled]):hover, label.input-field .input-radio:not([disabled]):hover, span.input-field .input-radio:not([disabled]):hover {
    background-color: #adc6ed
}
div.input-field .input-radio:checked, div.input-field .input-radio:checked:hover, label.input-field .input-radio:checked, label.input-field .input-radio:checked:hover, span.input-field .input-radio:checked, span.input-field .input-radio:checked:hover {
    background-color: #fff;
    border: 5px solid #5b70ff
}
h1, h2, h3, h4, h5, h6 {
    font-family: GT-Walsheim-Bold, arial, sans-serif
}
p {
    color: #424667
}
h1 {
    margin-top: 0;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: 2.875rem;
    font-weight: 700;
    color: #080d38;
    line-height: 1.27;
    font-style: normal
}
@media screen and (max-width:39.9375em) {
    h1 {
        font-size: 2rem
    }
}
h2 {
    font-size: 1.75rem;
    line-height: 1.29
}
h2, h3 {
    margin-top: 0;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-weight: 700;
    color: #080d38;
    font-style: normal
}
h3 {
    font-size: 1.5rem;
    line-height: 1.35
}
h4 {
    font-size: 1.4rem;
    line-height: 1.4
}
h4, h5 {
    margin-top: 0;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-weight: 700;
    color: #080d38;
    font-style: normal
}
h5 {
    font-size: 1.3rem;
    line-height: 1.45
}
h6 {
    margin-top: 0;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: #080d38;
    line-height: 1.5;
    font-style: normal
}
.heading {
    margin-bottom: 2.5rem
}
.heading span {
    color: #5b70ff;
    display: block;
    font-size: 14px;
    line-height: 1rem;
    margin-bottom: .625rem
}
.heading span.instruction {
    color: #9ab3dc;
    font-family: Assistant, sans-serif;
    font-weight: 400
}
.slide .heading {
    margin-bottom: 1rem
}
.slide .heading:after {
    content: "";
    height: 2px;
    background: #d7e3f6;
    display: block;
    width: 100%;
    max-width: 115px;
    margin-top: 1rem
}
.slide .heading_border_none:after {
    content: none
}
select {
    height: auto;
    border: none
}
select:focus {
    box-shadow: none
}
.liveEdit {
    position: relative;
    min-height: 1.5rem;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    font-style: inherit;
    font-family: inherit !important;
    display: inline-block;
    min-width: 1px;
    padding: 0 !important;
    color: inherit;
    width: 100%
}
.liveEdit:before {
    content: attr(data-content);
    opacity: 0;
    white-space: pre-wrap;
    min-width: 1rem;
    word-wrap: break-word;
    transition: all .4s ease-in
}
.liveEdit.liveEdit_empty {
    width: auto !important
}
.liveEdit.liveEdit_empty:before {
    opacity: .5
}
.liveEdit.liveEdit_empty textarea+.liveEdit__trigger {
    display: block
}
.liveEdit.liveEdit_focused:before {
    opacity: 0
}
.liveEdit:hover textarea {
    background-color: rgba(154, 179, 220, .3)
}
.liveEdit textarea {
    font-size: inherit;
    background: inherit;
    font-family: inherit;
    padding: 0;
    position: absolute;
    height: 100%;
    margin: 0;
    line-height: inherit;
    border: none;
    overflow: hidden;
    top: 0;
    color: inherit;
    resize: none;
    box-shadow: none;
    min-height: 0;
    transition: background-color .4s ease-in
}
.liveEdit textarea+.liveEdit__trigger {
    min-width: 1px;
    top: 100%;
    transform: translateY(-100%);
    position: absolute;
    right: -2rem;
    display: none
}
.liveEdit textarea+.liveEdit__trigger:before {
    content: attr(data-content)
}
.liveEdit textarea+.liveEdit__trigger:after {
    width: 25px;
    height: 25px;
    content: "";
    display: block;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_edit_blue.svg);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 63%;
    border-radius: 50%;
    margin: 0;
    cursor: pointer;
    transition: all .4s ease-in
}
.liveEdit textarea:focus {
    background-color: rgba(154, 179, 220, 0)
}
.liveEdit textarea:focus+.liveEdit__trigger:after {
    opacity: 0
}
.listing__holder .liveEdit .liveEdit__trigger:after {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_edit_white.svg)
}
.header {
    margin-top: 2.625rem;
    margin-bottom: 2.625rem
}
.header__supertitle {
    color: #5b70ff;
    display: block;
    font-size: 16px
}
.header__supertitle, .header h2 {
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.header h2 {
    color: #080d38;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 0;
    display: inline-block
}
.header h2+.right {
    float: right
}
.header-button {
    margin-top: -1rem
}
.header-button .light-white {
    background-color: #f4f7fb
}
.header-button .light-white:hover {
    transform: scale(1.05);
    background-color: #f4f7fb
}
.header-button button {
    box-shadow: none !important
}
.header-button .link-manage {
    float: right;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    display: flex;
    align-items: center;
    margin-top: 2%
}
.header-button .link-manage p {
    margin-bottom: 0;
    transition: .2s ease
}
.header-button .link-manage p:hover {
    color: #5b70ff
}
.header-button .link-manage img {
    margin-right: .5rem
}
.header-button a, .header-button button {
    height: 4.5rem;
    box-shadow: none;
    background-color: #fff;
    color: #080d38;
    margin-bottom: 1rem;
    min-width: 0;
    border-radius: 6px !important;
    padding: 0 5rem !important
}
.header-button a:hover, .header-button button:hover {
    background-color: #fff;
    color: #080d38
}
.header-button a.dark, .header-button button.dark {
    background-color: #080d38;
    transition: .2s ease;
    box-shadow: none;
    position: relative;
    display: inline-flex;
    align-items: center
}
.header-button a.dark:hover, .header-button button.dark:hover {
    color: #fff
}
.header-button a.active, .header-button a.active:hover, .header-button button.active, .header-button button.active:hover {
    background-color: #5b70ff;
    color: #fff
}
.content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}
@media screen and (max-width:980px) {
    .content-header {
        flex-wrap: wrap
    }
}
.content-header .title {
    font-size: 1rem;
    margin-bottom: 0;
    font-family: GT-Walsheim-Bold, arial, sans-serif
}
.content-header .title:before {
    content: "";
    height: .375rem;
    width: .375rem;
    border-radius: 50%;
    background-color: #f88a56;
    margin-right: .75rem;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .125rem
}
.content-header .search-add {
    display: flex;
    align-items: center
}
@media screen and (max-width:980px) {
    .content-header .search-add {
        margin-top: 2rem;
        justify-content: center;
        width: 100%
    }
}
.content-header .search-add i {
    color: #5b70ff;
    margin-right: .5rem
}
.content-header .search-add i:before {
    margin-left: 0
}
.content-header .search-add input {
    margin-right: 2rem;
    margin-bottom: 0;
    width: 15rem;
    padding: 0 8px;
    box-shadow: none;
    border: none;
    font-weight: 600;
    color: #080d38;
    transition: .2s ease
}
.content-header .search-add input:hover {
    background-color: #d7e3f6
}
.content-header .search-add input::placeholder {
    color: #080d38
}
@media screen and (max-width:40rem) {
    .content-header .search-add input {
        margin: 1rem 0
    }
}
.content-header .search-add button {
    height: 2.5rem;
    line-height: .45;
    padding: 0 2rem;
    min-width: 16rem
}
.slide {
    position: relative
}
.settings {
    position: absolute;
    top: 40px;
    right: 48px;
    display: flex;
    align-items: center
}
.settings .settings-edit {
    display: inline-block;
    margin-right: .625rem;
    position: relative;
    z-index: 10;
    vertical-align: top
}
.settings .settings-edit__trigger {
    background-color: #5b70ff;
    height: 2.25rem;
    width: 2.25rem;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    position: relative;
    transition: all .2s ease-in-out
}
.settings .settings-edit__trigger:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_settings_white.svg) 50% no-repeat;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-size: 20px
}
.settings .settings-edit__trigger:hover {
    background-color: #3c4ec9;
    transform: scale(1.1)
}
.settings .settings-edit__content {
    background-color: #5b70ff;
    position: absolute;
    display: none;
    left: 50%;
    top: -1rem;
    width: 260px;
    box-shadow: 0 12px 28px 0 rgba(90, 110, 255, .41)
}
.settings .settings-edit__content .title {
    color: #080d38;
    font-size: .875rem;
    padding: 1.5rem 1.625rem;
    border-bottom: 1px solid #7889ff;
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.settings .settings-edit__content .settings-block {
    padding: 1.25rem;
    border-bottom: 1px solid #7889ff
}
.settings .settings-edit__content .settings-block__title {
    position: relative
}
.settings .settings-edit__content .settings-block__title.has_switch {
    padding-right: 3.5rem
}
.settings .settings-edit__content .settings-block__title.has_tooltip {
    padding-left: 1rem
}
.settings .settings-edit__content .settings-block__title h5, .settings .settings-edit__content .settings-block__title label {
    color: #fff;
    font-size: .875rem;
    font-family: Assistant, sans-serif;
    font-weight: 600
}
.settings .settings-edit__content .settings-block__title .tooltip {
    position: absolute;
    left: 0
}
.settings .settings-edit__content .settings-block__details .label {
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    margin-bottom: .25rem;
    display: block
}
.settings .settings-edit__content .settings-block__details .label~.label {
    margin-top: 1rem
}
.settings .settings-edit__content .settings-block .switch {
    width: 40px;
    position: absolute;
    top: 0;
    right: 0
}
.settings .settings-edit__content .settings-block .row {
    margin-left: -.5rem;
    margin-right: -.5rem
}
.settings .settings-edit__content .settings-block .columns {
    padding: .5rem
}
.settings .settings-edit__content .settings-block textarea {
    border-radius: 2px;
    border: none
}
.settings .settings-edit__content .settings-block input, .settings .settings-edit__content .settings-block textarea {
    font-size: .875rem
}
.settings .settings-edit__content .settings-block [type=text] {
    border-radius: 2px;
    margin-bottom: 0;
    border: none
}
.settings .settings-edit__content .settings-btn [type=checkbox], .settings .settings-edit__content .settings-btn [type=radio] {
    display: none
}
.settings .settings-edit__content .settings-btn [type=checkbox]:checked~span, .settings .settings-edit__content .settings-btn [type=radio]:checked~span {
    background: #f4f7fb;
    color: #080d38
}
.settings .settings-edit__content .settings-btn span {
    background-color: #7889ff;
    border-radius: 2px;
    display: block;
    padding: 10px;
    font-size: .75rem;
    text-align: center;
    cursor: pointer;
    color: #fff
}
.settings .settings-edit__content .settings-btn span:hover {
    background-color: rgba(244, 247, 251, .3)
}
.settings .settings-edit.open-settings {
    z-index: 10;
}
.settings .settings-edit.open-settings .settings-edit__trigger {
    background-color: #fff;
    color: #080d38;
    z-index: 200;
    box-shadow: 0 5px 12px 0 rgba(8, 13, 56, .19);
}
.settings .settings-edit.open-settings .settings-edit__trigger:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_settings.svg);
}
.settings .settings-edit.open-settings .settings-edit__content {
    display: block;
}
.settings .settings-delete {
    display: inline-block;
    position: relative;
    z-index: 5;
}
.settings .settings-delete__trigger {
    position: relative;
    transition: all .2s ease-in-out;
}
.settings .settings-delete__trigger:hover {
    transform: scale(1.1);
}
.settings .settings-delete__content {
    background-color: #f85656;
    position: absolute;
    display: none;
    left: 50%;
    top: -1rem;
    width: 260px;
    box-shadow: 0 12px 28px 0 rgba(248, 86, 86, .43)
}
.settings .settings-delete__content .title {
    color: #da3d3d;
    font-size: .875rem;
    padding: 1.5rem 1.625rem;
    border-bottom: 1px solid #ff8786;
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.settings .settings-delete__content .settings-block {
    padding: 1.25rem
}
.settings .settings-delete__content .settings-block__title {
    position: relative;
    text-align: center
}
.settings .settings-delete__content .settings-block__title h5 {
    color: #fff;
    font-size: .875rem;
    font-family: Assistant, sans-serif;
    font-weight: 700
}
.settings .settings-delete__content .settings-block__title .tooltip {
    position: absolute;
    left: 0
}
.settings .settings-delete__content .settings-block .switch {
    width: 40px;
    position: absolute;
    top: 0;
    right: 0
}
.settings .settings-delete__content .settings-block .row {
    margin-left: -.5rem;
    margin-right: -.5rem
}
.settings .settings-delete__content .settings-block .columns {
    padding: .5rem
}
.settings .settings-delete__content .settings-block textarea {
    border-radius: 2px;
    border: none
}
.settings .settings-delete__content .settings-block [type=text] {
    border-radius: 2px;
    margin-bottom: 0;
    border: none
}
.settings .settings-delete__content button {
    border-radius: 2px;
    display: block;
    padding: 10px;
    font-size: .75rem;
    text-align: center;
    cursor: pointer;
    width: 100%
}
.settings .settings-delete__content button.delete {
    background: #f4f7fb;
    color: #080d38;
    height: auto
}
.settings .settings-delete__content button.cancel {
    background-color: rgba(244, 247, 251, .5);
    color: #fff
}
.settings .settings-delete__content button.cancel:hover {
    background-color: rgba(244, 247, 251, .3)
}
.settings .settings-delete.open-settings {
    z-index: 550
}
.settings .settings-delete.open-settings .settings-delete__trigger {
    background-color: #fff;
    color: #080d38;
    z-index: 200;
    box-shadow: 0 5px 12px 0 rgba(8, 13, 56, .19)
}
.settings .settings-delete.open-settings .settings-delete__trigger:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_trash.svg)
}
.settings .settings-delete.open-settings .settings-delete__content {
    display: block;
    z-index: 100
}
.settings .settings_position_left {
    left: auto;
    right: 50%
}
.settings .delete-miniatures {
    background: #f4f7fb;
    color: #080d38
}
.popover {
    max-width: 260px;
    display: block;
    border-radius: 2px;
    box-shadow: 0 4px 15px 0 rgba(66, 70, 103, .43)
}
.popover:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    filter: drop-shadow(0 4px 2px rgba(66, 70, 103, .43))
}
.popover__header {
    padding: 12px 20px;
    position: relative;
    z-index: 20;
    background-color: #fff
}
.popover__header .heading {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    margin-bottom: 0
}
.popover__header .heading span {
    font-size: .625rem;
    margin-bottom: 0
}
.popover__step {
    font-size: .75rem;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    color: #9ab3dc;
    position: absolute;
    right: 20px;
    bottom: 12px
}
.popover__content {
    padding: 0 20px 20px;
    font-family: Assistant, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem
}
.popover__content .next {
    width: 100%;
    padding: 10px 1rem;
    font-size: .75rem;
    min-width: 0
}
.popover__animation {
    border-radius: 2px;
    background: #d7e3f6;
    width: 100%;
    height: 120px;
    margin-bottom: .625rem
}
.popover__footer {
    background: #f4f7fb;
    text-align: center;
    padding: 10px 20px
}
.popover__footer button {
    color: #9ab3dc;
    font-size: .75rem
}
.popover.bs-popover-right:before {
    right: 100%;
    top: 50%;
    height: 24px;
    transform: translateY(-50%);
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='#fff' stroke='none'><path d='M24,0 L12,12 L24,24 L24,0 Z'></path></svg>")
}
.popover.bs-popover-left:before {
    left: 100%;
    top: 50%;
    height: 24px;
    transform: translateY(-50%);
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='#fff' stroke='none'><path d='M0,0 L12,12 L0,24 L0,0 Z'></path></svg>")
}
.popover.bs-popover-bottom:before {
    bottom: 100%;
    left: 50%;
    height: 24px;
    transform: translateX(-50%);
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='#fff' stroke='none'><path d='M0,24 L12,12 L24,24 L0,24 Z'></path></svg>")
}
.popover.bs-popover-top:before {
    top: 100%;
    left: 50%;
    height: 24px;
    transform: translateX(-50%);
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='#f4f7fb' stroke='none'><path d='M0,0 L12,12 L24,0 L0,0 Z'></path></svg>")
}
.alert {
    padding: .5rem 1.25rem;
    border-radius: 2px;
    position: fixed;
    right: .5rem;
    top: calc(70px + .5rem);
    left: 20.5rem;
    z-index: 9990
}
.alert__content {
    font-size: .75rem;
    font-weight: 600;
    font-family: Assistant, sans-serif
}
.alert__close {
    position: absolute;
    right: 20px;
    top: .5rem;
    transform: rotate(45deg);
    line-height: 1.125rem;
    color: inherit
}
.alert__close:after {
    content: "+"
}
.alert_error {
    background: #f85656;
    color: #fff
}
.alert-toast {
    position: fixed;
    bottom: 2rem;
    left: 2rem
}
.alert-toast__message {
    position: relative;
    width: 400px;
    height: 80px;
    background-color: red;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(66, 70, 103, .1);
    margin-bottom: 1rem;
    bottom: 1rem
}
.alert-toast__message, .alert-toast__message:after {
    display: flex;
    align-items: center;
    left: 0
}
.alert-toast__message:after {
    content: "";
    font-family: myskillcamp;
    color: #fff;
    font-size: 24px;
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    justify-content: center
}
.alert-toast__message--error {
    border: 1px solid #f85656
}
.alert-toast__message--error:after {
    content: "\ea0b";
    background-color: #f85656
}
.alert-toast__message--success {
    border: 1px solid #1dcc83
}
.alert-toast__message--success:after {
    content: "\ea0a";
    background-color: #1dcc83
}
.alert-toast__message--warning {
    border: 1px solid #ffd796
}
.alert-toast__message--warning:after {
    content: "\ea25";
    background-color: #ffd796
}
.alert-toast__message--info {
    border: 1px solid #5b70ff
}
.alert-toast__message--info:after {
    content: "\ea12";
    background-color: #5b70ff
}
.alert-toast__content {
    width: calc(100% - 50px);
    margin-left: 50px;
    padding: 1.5rem;
    color: #424667
}
.alert-toast__close {
    position: absolute;
    top: 1px;
    right: 5px;
    color: #9ab3dc;
    transition: color .4s cubic-bezier(.2, 1, .3, 1)
}
.date {
    text-align: center
}
.date__title {
    font-family: Assistant, sans-serif;
    color: #9ab3dc;
    font-size: .75rem;
    margin-bottom: .75rem
}
.date__day {
    font-size: 1.75rem;
    line-height: 1.5rem
}
.date__day, .date__month {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-weight: 700;
    display: block
}
.date__month {
    font-size: .875rem
}
.hours {
    text-align: center;
    display: flex;
    align-elements: center;
    justify-content: space-around
}
.hours .hour {
    font-family: Assistant, sans-serif;
    font-weight: 700;
    color: #080d38;
    display: inline-block;
    width: 40%;
    margin: 0 2rem
}
.hours .hour .liveEdit textarea+.liveEdit__trigger {
    right: -1.5rem
}
.hours .hour+.hour:before {
    content: "—"
}
.ngx-daterangepicker {
    border: none;
    display: block;
    position: relative;
    text-align: center
}
.ngx-daterangepicker .input-section {
    display: inline-block;
    color: #9ab3dc;
}
.ngx-daterangepicker .side-container {
    display: none !important
}
.ngx-daterangepicker .cal-icon {
    display: none
}
.ngx-daterangepicker .calendar {
    background: #fff;
    box-shadow: 0 12px 22px 0 rgba(146, 150, 181, .5);
    position: absolute;
    z-index: 600;
    width: 440px !important;
    top: 50px !important;
    display: none;
    right: 0;
}
.ngx-daterangepicker .calendar.is-opened {
    display: block;
}
.ngx-daterangepicker .calendar-container {
    width: 440px !important;
}
.ngx-daterangepicker .calendar-container .controls {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: .875rem;
    padding: .875rem 1.5rem;
    text-align: center;
}
.ngx-daterangepicker .calendar-container .controls .control-icon {
    float: left;
}
.ngx-daterangepicker .calendar-container .controls .control-icon~.control-icon {
    float: right;
}
.ngx-daterangepicker .calendar-container .side-container {
    display: none !important;
}
.ngx-daterangepicker .calendar-container .day-names {
    display: none
}
.ngx-daterangepicker .calendar-container .days {
    padding: 1.5rem 1.5rem .5rem;
    display: inline-block;
    width: 350px !important
}
.ngx-daterangepicker .calendar-container .days .day {
    width: 32.14286px;
    float: left;
    height: 32px;
    display: block;
    cursor: pointer;
    margin-bottom: .5rem;
    text-align: center
}
.ngx-daterangepicker .calendar-container .days .day-num {
    line-height: 32px
}
.ngx-daterangepicker .calendar-container .days .day-num.is-active, .ngx-daterangepicker .calendar-container .days .day-num:hover {
    background: #5b70ff;
    font-weight: 700;
    color: #fff;
    display: block;
    border-radius: 50%
}
.show-more {
    background-color: #d7e3f6;
    width: -moz-fit-content;
    width: fit-content;
    margin: 2rem auto;
    padding: .75rem 3rem;
    border-radius: 50px;
    cursor: pointer;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    transition: .2s ease;
    display: block
}
.show-more:hover {
    background-color: #c2d4f1;
    transform: scale(1.05)
}
.pagination {
    display: block;
    margin-top: 2rem;
    text-align: center;
    clear: both;
    vertical-align: baseline
}
.pagination li:nth-child(2) {
    border: 1px solid #d7e3f6;
    border-right: none;
    padding-left: 1rem
}
.pagination li:nth-child(n+3) {
    border: 1px solid #d7e3f6;
    border-left: none;
    border-right: none
}
.pagination li {
    background-color: #fff
}
.pagination li:last-child {
    border: none;
    padding-right: .25rem
}
.pagination li:nth-last-child(2) {
    border: 1px solid #d7e3f6;
    border-left: 0;
    padding-right: 1rem
}
.pagination [aria-label] span {
    display: none
}
.pagination [aria-label]:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 1.75rem;
    width: 1rem;
    margin: auto;
    vertical-align: middle;
    margin-bottom: 3px
}
.pagination [aria-label=Previous] {
    padding: .25rem .125rem .25rem .25rem;
    margin-right: .25rem;
    border: 1px solid #d7e3f6;
    background-color: #fff
}
.pagination [aria-label=Previous]:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_left_arrow_dark.svg)
}
.pagination [aria-label=Previous]:hover:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_left_arrow_blue.svg)
}
.pagination [aria-label=Next] {
    padding: .25rem;
    margin-left: .25rem;
    border: 1px solid #d7e3f6;
    background-color: #fff
}
.pagination [aria-label=Next]:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_right_arrow_dark.svg)
}
.pagination [aria-label=Next]:hover:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_right_arrow_blue.svg)
}
.pagination li {
    display: inline;
    padding: .25rem;
    text-decoration: none;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    color: #080d38
}
.pagination li:hover {
    cursor: pointer
}
.pagination li.active {
    color: #5b70ff;
    border-bottom: 2px solid #5b70ff
}
.pagination li a {
    color: inherit;
    text-decoration: none
}
.pagination li a .page-link {
    display: initial;
    padding: .25rem .5rem
}
.pagination li a:hover {
    color: #5b70ff
}
.s-pagination {
    padding: 1rem 0;
    margin-top: 2rem
}
.s-pagination__link {
    background-color: #f4f7fb;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    border-radius: 2px;
    color: #9ab3dc;
    transition: all .2s cubic-bezier(.2, 1, .3, 1)
}
.s-pagination__link.active, .s-pagination__link:hover {
    color: #5b70ff;
    background-color: #fafcff
}
.s-pagination__link:first-child {
    margin-right: .5rem
}
.s-pagination__link .icon {
    vertical-align: middle
}
.s-pagination p {
    margin-bottom: 0
}
.card {
    background: #fff;
    padding: 40px 80px;
    text-align: center
}
.card__image {
    height: 148px;
    margin-bottom: 2rem
}
.card__title {
    color: #5b70ff;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 1rem
}
.card__text {
    margin-bottom: 1.5rem;
    color: #5b70ff
}
.journey-card, .studio-card {
    display: flex;
    flex-direction: column;
    background: transparent;
    padding: 0
}
.journey-card.card, .studio-card.card {
    border-radius: 8px
}
.journey-card.card .link__edit, .studio-card.card .link__edit {
    display: flex;
    justify-content: flex-start;
    align-items: center
}
.journey-card.card .link__edit i, .studio-card.card .link__edit i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    width: 30px;
    height: 30px;
    background-color: #5b70ff;
    border-radius: 50%;
    color: #fff
}
.journey-card.card .link__play, .studio-card.card .link__play {
    margin-right: 10px
}
.journey-card.card .card__header, .studio-card.card .card__header {
    position: relative
}
.journey-card.card .card__header .card__action, .studio-card.card .card__header .card__action {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 5px 25px;
    background-color: hsla(0, 0%, 100%, .95)
}
.journey-card.card .card__header .card__action--single, .studio-card.card .card__header .card__action--single {
    justify-content: space-between
}
.journey-card.card .card__header .card__action .folder__name, .studio-card.card .card__header .card__action .folder__name {
    display: flex;
    align-items: center;
    color: #9ab3dc
}
.journey-card.card .card__header .card__action .folder__name span, .studio-card.card .card__header .card__action .folder__name span {
    margin-left: .375rem
}
.journey-card.card .card__header a, .studio-card.card .card__header a {
    transform: scale(1);
    transition: transform .25s cubic-bezier(.17, .67, .83, .67)
}
.journey-card.card .card__header a i, .studio-card.card .card__header a i {
    font-size: 28px
}
.journey-card.card .card__header a:hover, .studio-card.card .card__header a:hover {
    transform: scale(1)
}
.journey-card.card .card__header .link__more, .studio-card.card .card__header .link__more {
    color: rgba(8, 13, 56, .25)
}
.journey-card.card .card__header .link__more i, .studio-card.card .card__header .link__more i {
    font-size: 18px
}
.journey-card.card .card__header .link__more:hover, .studio-card.card .card__header .link__more:hover {
    color: #080d38
}
.journey-card.card .card__image, .studio-card.card .card__image {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 0;
    width: 100%;
    min-height: 170px;
    margin-bottom: 0
}
.journey-card.card .card__image img, .studio-card.card .card__image img {
    object-fit: cover;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
.journey-card.card .card__content, .studio-card.card .card__content {
    padding: 20px 25px 10px;
    background-color: #fff
}
.journey-card.card .card__content--height, .studio-card.card .card__content--height {
    height: 110px
}
.journey-card.card .card__content .card__title, .studio-card.card .card__content .card__title {
    position: relative;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #080d38;
    text-align: left;
    display: block;
    width: 100%;
    margin-bottom: .5rem;
    cursor: pointer;
    background-color: #fff
}
.journey-card.card .card__content .card__title:hover .card__title-tooltip, .studio-card.card .card__content .card__title:hover .card__title-tooltip {
    opacity: 1
}
.journey-card.card .card__content .card__title-tooltip, .studio-card.card .card__content .card__title-tooltip {
    position: absolute;
    top: 30px;
    left: 45px;
    padding: 3px 8px;
    border-radius: 3px;
    background-color: #080d38;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    white-space: nowrap;
    opacity: 0;
    transition: all .2s ease-in-out;
    z-index: 5
}
.journey-card.card .card__content .card__infos, .studio-card.card .card__content .card__infos {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.journey-card.card .card__content .card__infos .card__owner, .studio-card.card .card__content .card__infos .card__owner {
    color: silver;
    font-weight: 700;
    margin-bottom: 0
}
.journey-card.card .card__content .card__infos .card__event, .studio-card.card .card__content .card__infos .card__event {
    display: flex;
    align-items: center
}
.journey-card.card .card__content .card__infos .card__event span, .studio-card.card .card__content .card__infos .card__event span {
    font-weight: 700;
    color: #5b70ff;
    margin-right: 5px
}
.journey-card.card .card__content .card__infos .card__event i, .studio-card.card .card__content .card__infos .card__event i {
    font-size: 20px;
    color: silver
}
.journey-card.card .card__content .card__btn, .studio-card.card .card__content .card__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #080d38;
    font-size: 1rem;
    padding: 8px 5px;
    margin-top: .5rem;
    border: 2px solid silver;
    border-radius: 3px;
    transition: all .35s ease-in-out
}
.journey-card.card .card__content .card__btn i, .studio-card.card .card__content .card__btn i {
    font-size: 24px;
    color: #5b70ff;
    margin-right: 5px
}
.journey-card.card .card__content .card__btn:hover, .studio-card.card .card__content .card__btn:hover {
    border-color: #5b70ff
}
.journey-card.card .more__actions, .studio-card.card .more__actions {
    position: relative;
    margin-left: auto
}
.journey-card.card .more__actions .dropdown, .studio-card.card .more__actions .dropdown {
    position: absolute;
    top: 25px;
    right: 0;
    padding: 0;
    width: 225px;
    border: 1px solid rgba(175, 179, 208, .23);
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 15px 45px 0 rgba(0, 0, 0, .05);
    display: none;
    transition: all .4s ease;
    margin-top: 1rem;
    z-index: 100;
    opacity: 0;
    transition: opacity .35s ease-in-out
}
.journey-card.card .more__actions .dropdown.active, .studio-card.card .more__actions .dropdown.active {
    display: block;
    opacity: 1
}
.journey-card.card .more__actions .dropdown ul, .studio-card.card .more__actions .dropdown ul {
    list-style: none;
    margin: 0
}
.journey-card.card .more__actions .dropdown ul .item__action, .studio-card.card .more__actions .dropdown ul .item__action {
    display: flex;
    justify-content: flex-start
}
.journey-card.card .more__actions .dropdown ul a, .studio-card.card .more__actions .dropdown ul a {
    padding: 10px;
    font-size: .875rem;
    color: #979bb7;
    display: flex;
    justify-content: flex-start;
    align-items: center
}
.journey-card.card .more__actions .dropdown ul a img, .studio-card.card .more__actions .dropdown ul a img {
    margin-right: 10px
}
.journey-card.card .more__actions .dropdown ul li:last-child, .studio-card.card .more__actions .dropdown ul li:last-child {
    background-color: rgba(175, 179, 208, .23)
}
.journey-card.card .more__actions .dropdown ul li:last-child a, .studio-card.card .more__actions .dropdown ul li:last-child a {
    color: red
}
.journey-card.card .more__actions .dropdown ul li:hover, .studio-card.card .more__actions .dropdown ul li:hover {
    background-color: rgba(175, 179, 208, .23)
}
.journey-card.card .card__footer, .studio-card.card .card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8faff;
    padding: 10px 20px;
    margin-top: auto
}
.journey-card.card .card__footer .card__btn, .studio-card.card .card__footer .card__btn {
    background-color: #fff;
    padding: 10px;
    font-size: 12px;
    color: #080d38;
    transition: all .15s cubic-bezier(.17, .67, .83, .67);
    display: flex;
    align-items: center;
    justify-content: center
}
.journey-card.card .card__footer .card__btn i, .studio-card.card .card__footer .card__btn i {
    font-size: 18px;
    color: #5b70ff;
    margin-right: 5px
}
.journey-card.card .card__footer .card__btn:hover, .studio-card.card .card__footer .card__btn:hover {
    color: #5b70ff
}
.journey-card.card .card__footer .link__play, .studio-card.card .card__footer .link__play {
    transform: scale(1);
    transition: transform .25s cubic-bezier(.17, .67, .83, .67)
}
.journey-card.card .card__footer .link__play i, .studio-card.card .card__footer .link__play i {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #f6904c;
    width: 32px;
    height: 32px;
    border-radius: 50%
}
.journey-card.card .card__footer .link__play:hover, .studio-card.card .card__footer .link__play:hover {
    transform: scale(1.1)
}
.journey-card.card .card__footer .card__event span, .studio-card.card .card__footer .card__event span {
    color: #f6904c;
    font-weight: 800
}
.journey-card.card .card__footer .card__event i, .studio-card.card .card__footer .card__event i {
    color: #9ab3dc
}
.journey-card.card .card__footer .box__description span, .studio-card.card .card__footer .box__description span {
    margin-right: 5px
}
.tabs {
    background: #fff;
    border-bottom: 2px solid #d7e3f6;
    padding: 0 1rem
}
.tabs__title {
    display: inline-block;
    margin: 0 2rem;
    padding: 1rem;
    font-weight: 600;
    font-size: .875rem;
    margin-bottom: -2px;
    color: #080d38
}
.tabs__title_active {
    border-bottom: 4px solid #5b70ff
}
.tabs_counter_letter, .tabs_counter_number {
    counter-reset: a
}
.tabs_counter_letter .tabs__title, .tabs_counter_number .tabs__title {
    counter-increment: a;
    padding-left: 0
}
.tabs_counter_letter .tabs__title:before, .tabs_counter_number .tabs__title:before {
    content: counter(a);
    border: 1px solid #d7e3f6;
    width: 1.625rem;
    height: 1.625rem;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: .625rem;
    line-height: 1.625rem;
    margin-right: .625rem
}
.tabs-content {
    background: #fff;
    padding: 3rem
}
tag-input tag {
    background-color: #d7e3f6 !important;
    display: inline-block !important;
    font-family: Assistant, sans-serif !important;
    font-size: .75rem !important;
    padding: .25rem 1rem !important;
    border-radius: 1rem !important;
    margin-top: .5rem !important;
    height: 30px !important;
    line-height: 24px !important;
    color: #080d38
}
tag-input tag tag-ripple {
    display: none
}
tag-input tag .tag__text {
    display: inline-block
}
tag-input tag delete-icon {
    display: inline-block;
    height: 18px;
    vertical-align: middle
}
tag-input tag delete-icon svg {
    transform: scale(.8);
    height: 24px !important
}
tag-input .ng2-tag-input {
    border: none !important
}
tag-input .ng2-tag-input__text-input {
    box-shadow: none;
    border: none;
    margin-top: .5rem;
    font-size: .75rem !important
}
tag-input .ng2-tag-input__text-input:focus {
    box-shadow: none !important
}
tag-input :focus {
    outline: 0
}
.tag {
    background-color: #d7e3f6;
    display: inline-block;
    font-family: Assistant, sans-serif;
    font-weight: 600;
    font-size: .875rem;
    padding: .25rem 1rem;
    border-radius: 1rem;
    margin-top: .375rem;
    height: 30px;
    line-height: 24px;
    margin-right: .25rem;
    color: #424667
}
.tag.blue {
    color: #fff;
    background-color: #5b70ff
}
.tag.orange {
    background-color: #f88a56 !important;
    color: #fff
}
.tag.dark-blue {
    background-color: #080d38;
    color: #fff
}
.tag--former {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    border-radius: 4px
}
.tag--former p {
    margin-bottom: 0
}
select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_bottom_arrow_flashblue.svg);
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    width: auto
}
select:focus {
    border: none
}
.form__item {
    border-top: 1px solid #ebf0f8;
    padding: 1.25rem 0
}
.form__item:first-child {
    margin-top: 0;
    border-top: none;
    padding-top: 0
}
.input__label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: .5rem;
    color: #424667
}
.input__field {
    height: 45px !important;
    background-color: #fff !important;
    margin: 0 !important;
    border: 2px solid #ebf0f8 !important
}
.input__multiligne {
    font-size: 1rem !important;
    font-weight: 400 !important;
    font-family: Assistant, sans-serif !important;
    min-height: 45px !important
}
.input__date {
    position: relative
}
.input__date:after {
    content: "\ea08";
    font-family: myskillcamp;
    color: #5b70ff;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}
.input__date .input__field {
    padding-right: 3rem
}
.select {
    position: relative
}
.select:after {
    font-family: myskillcamp;
    content: "\ea04";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    color: #5b70ff;
    font-size: 20px;
    font-weight: 800;
    pointer-events: none
}
.select__label {
    font-size: 16px;
    color: #424667
}
.select__label--multi {
    margin-bottom: 0
}
.select__field {
    width: 100%;
    background-image: none;
    margin: 0;
    cursor: pointer;
    border: 2px solid #ebf0f8;
    height: 45px;
    font-size: 1rem;
    font-weight: 400
}
.select__field:focus, .select__field:hover {
    border: 2px solid #5b70ff
}
.select__field:invalid, .select__field[disabled] {
    color: #9ab3dc;
    font-family: Assistant, sans-serif
}
.input-checkbox {
    -webkit-appearance: none;
    appearance: none;
    margin-right: .5rem;
    position: relative;
    height: 20px;
    width: 20px;
    border-radius: 2px;
    transition: .2s linear;
    background-color: #d7e3f6;
    background-position: 50%;
    outline: none;
    padding: 0 !important;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: text-bottom
}
.input-checkbox[disabled] {
    background-color: #e6e6e6;
    cursor: not-allowed
}
.input-checkbox:not([disabled]):hover {
    background-color: #adc6ed
}
.input-checkbox:checked, .input-checkbox:checked:hover {
    background: #5b70ff url(https://static.myskillcamp.com/images/icon/icon-camp/icon_valid_active.svg) no-repeat 50%
}
.input-checkbox--text {
    flex: none
}
.input-checkbox--rounded {
    border-radius: 50%;
    border-color: #5b70ff
}
.multi-select {
    position: relative
}
.multi-select__label {
    height: 45px;
    padding: .5rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    transition: .2s ease;
    z-index: 999;
    color: #9ab3dc;
    font-family: Assistant, sans-serif
}
.multi-select__label.js-active+.multi-select__list {
    opacity: 1;
    transform: scale(1)
}
.multi-select__list {
    padding: .5rem;
    background: #fff;
    position: absolute;
    width: 100%;
    top: 70px;
    opacity: 0;
    transform-origin: 50% 0;
    transform: scaleY(0);
    transition: all .15s ease-in-out;
    max-height: 300px;
    overflow-y: scroll;
    z-index: 998;
    border: 2px solid #d7e3f6
}
.multi-select__item {
    display: block;
    padding: .5rem 1rem
}
.textarea {
    border: 2px solid #c8d1e8;
    border-radius: 4px
}
.filter__item {
    display: inline-block
}
.filter__item+.filter__item {
    margin-left: 2rem
}
.filter label {
    font-size: .75rem
}
.filter_type_select label {
    margin-bottom: .625rem
}
.filter_type_select select {
    background: #d7e3f6;
    border: none;
    border-radius: 2px;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-weight: 500;
    font-size: .75rem;
    height: 2rem;
    outline: none;
    box-shadow: none
}
.filter_type_search {
    background-color: #d7e3f6;
    border-radius: 4px;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    overflow: hidden
}
.filter_type_search .icon-search {
    color: #5b70ff;
    cursor: pointer;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px
}
.filter_type_search .icon-search:before {
    font-size: 16px
}
.filter_type_search input[type=text] {
    background: none;
    border: none;
    box-shadow: none;
    display: inline-block;
    font-family: Assistant, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    height: 2rem;
    margin: 0;
    outline: none;
    padding: 0;
    transition: width .4s .2s, opacity .2s, transform .1s .7s;
    visible: invisible;
    width: 0;
    opacity: 0;
    transform: translateX(40px)
}
.filter_type_search input[type=text]~button {
    color: #9ab3dc;
    line-height: 35px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all .4s;
    visibility: hidden;
    width: 24px
}
.filter_type_search input[type=text]:focus, .filter_type_search input[type=text]:valid {
    width: 220px;
    transform: translateX(0);
    opacity: 1;
    transition: width .4s, opacity .4s .2s, transform .3s .2s
}
.filter_type_search input[type=text]~.icon-search:hover {
    background-color: #c2d4f1
}
.filter_type_search input[type=text]:valid~button {
    opacity: 1;
    visibility: visible
}
.filter_type_search input[type=text]::placeholder {
    color: #5b70ff
}
.filter_type_search+div {
    margin-left: 20px
}
.filter_type_search+.dropdown .dropdown__context button {
    line-height: 35px;
    padding: 0 2rem
}
.dropdown .filter_type_search input[type=text] {
    width: 220px
}
.no-mobile {
    position: relative;
    z-index: 10;
}
.no-mobile:before {
    content: "";
    display: block;
    background: url(https://static.myskillcamp.com/images/studio/icons/icon_mobile_off_grey.svg) no-repeat;
    height: 1.7rem;
    width: 1.7rem;
    background-size: 1.7rem 1.7rem;
    margin-right: 1rem;
    margin-bottom: .3rem;
    cursor: pointer
}
.no-mobile:hover:before {
    background: url(https://static.myskillcamp.com/images/studio/icons/icon_mobile_off.svg) no-repeat;
    background-size: 1.7rem 1.7rem
}
.no-mobile:hover .no-mobile__info {
    display: block
}
.no-mobile__info {
    position: absolute;
    width: 12rem;
    background-color: #080d38;
    padding: .875rem;
    left: -85px;
    top: 42px;
    transition: .2s ease;
    display: none
}
.no-mobile__info p {
    color: #fff;
    margin-bottom: 0;
    text-align: center
}
.no-mobile__info:before {
    content: "";
    display: block;
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_top_arrow_deepblue.svg) no-repeat;
    position: absolute;
    width: 2rem;
    height: 2rem;
    background-size: cover;
    top: -14px;
    left: 81px
}
.dropdown-camp {
    width: 20rem;
    height: 400px;
    overflow-y: scroll
}
.dropdown.active .dropdown__content, .dropdown.dropdown_active .dropdown__content {
    opacity: 1;
    visibility: visible
}
.dropdown__context .icon {
    font-size: 24px;
    color: #787ca1
}
.dropdown__content {
    margin-left: 1rem;
    width: 20rem;
    visibility: visible;
    font-family: Assistant, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #475c67;
    line-height: 1.5;
    font-style: normal;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-in-out;
    z-index: 105;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .25);
    min-width: 100%;
    top: 68px;
    right: -20px;
    max-width: 100vw
}
.dropdown__content-right {
    width: auto;
    top: 70px;
    left: -20px
}
.dropdown__content-left {
    top: 70px;
    right: -20px
}
.dropdown {
    position: relative
}
.dropdown__click {
    color: #787ca1
}
.dropdown__click:hover {
    color: #5b70ff
}
.dropdown__sub {
    visibility: hidden;
    position: absolute;
    top: 40px;
    right: 0;
    background-color: #fff;
    min-width: 180px;
    border-radius: 4px;
    opacity: 0;
    transform: scale(.9);
    transition: all .2s cubic-bezier(.175, .885, .32, 2);
    z-index: 10;
    border: 1px solid #ebf0f8;
    box-shadow: 0 8px 20px 0 rgba(66, 70, 103, .3);
    list-style: none;
    text-align: left
}
.dropdown__sub:after {
    top: -10px;
    border-bottom: 10px solid #ebf0f8;
    z-index: -1
}
.dropdown__sub:after, .dropdown__sub:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 25px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}
.dropdown__sub:before {
    top: -8px;
    border-bottom: 10px solid #fff
}
.dropdown__sub.active {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition: all .2s cubic-bezier(.175, .885, .32, 2)
}
.dropdown__sub--list {
    right: -1.5rem
}
.dropdown__item {
    padding: 5px
}
.dropdown__item:last-child {
    background-color: #f4f7fb
}
.dropdown__item:last-child .dropdown__link {
    color: #f85656
}
.dropdown__link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #787ca1;
    font-weight: 600;
    padding: 5px;
    transition: background .8s cubic-bezier(.2, 1, .3, 1);
    border: none
}
.dropdown__link:hover {
    color: #5b70ff
}
.dropdown__link i, .dropdown__link img {
    margin-right: 10px
}
.dropdown--skill {
    position: relative;
    border: 2px solid #d7e3f6;
    border-radius: 4px;
    padding: 5px 15px;
    margin: 15px 0
}
.dropdown--skill .dropdown__label {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.dropdown--skill .dropdown__label .icon:before {
    color: #6c7fff
}
.dropdown--skill .dropdown__list {
    position: absolute;
    top: 45px;
    left: -2px;
    width: calc(100% + 4px);
    background-color: #fff;
    border-bottom: 2px solid #d7e3f6;
    border-right: 2px solid #d7e3f6;
    border-left: 2px solid #d7e3f6;
    opacity: 0;
    visibility: hidden;
    margin-top: -9px;
    margin-bottom: -15px;
    max-height: 200px;
    overflow: scroll;
    transition: all .35s ease
}
.dropdown--skill .dropdown__item {
    padding: 5px 15px
}
.dropdown--skill .dropdown__item:hover {
    background-color: #d7e3f6
}
.dropdown--skill.active{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.dropdown--skill.active .dropdown__list {
    opacity: 1;
    visibility: visible
}
.dropdown-select {
    border: 2px solid #c8d1e8;
    border-radius: 4px;
    z-index: 100
}
.dropdown-select .dropdown__list {
    background-color: #fff;
    border: 2px solid #c8d1e8;
    left: -2px;
    border-top: none
}
.dropdown-users {
    position: relative;
    border: 0 solid transparent;
    max-width: 284px;
    z-index: 10
}
.dropdown-users .dropdown__content {
    opacity: 0;
    width: auto;
    visibility: hidden;
    background: #fff;
    box-shadow: 0 8px 20px 0 rgba(66, 70, 103, .3);
    padding: 20px;
    position: absolute;
    margin: 0;
    left: 8%;
    right: auto;
    top: 40px;
    border-left-bottom-radius: 8px;
    border-right-bottom-radius: 8px
}
.dropdown-users .dropdown__content:before {
    z-index: 100;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    top: -4px;
    transform: translateX(-50%) rotate(45deg);
    background-color: #fff;
    box-shadow: 0 8px 20px 0 rgba(66, 70, 103, .3)
}
.dropdown-users .dropdown__users {
    margin: 0
}
.dropdown-users .dropdown__users li label {
    margin: 6px 0
}
.dropdown-users .dropdown__users .input-checkbox {
    width: 15px;
    height: 15px;
    background-color: #fff
}
.dropdown-users .dropdown__users .input-checkbox:checked, .dropdown-users .dropdown__users .input-checkbox:checked:hover {
    background: #5b70ff url(https://static.myskillcamp.com/images/icon/icon-camp/icon_valid_active.svg) no-repeat 50%;
    border-color: #5b70ff
}
.dropdown-users .dropdown__search {
    border: 0 solid transparent
}
.dropdown-users .dropdown__search .search {
    margin-top: 0;
    width: auto;
    border: 0 solid transparent
}
.dropdown-users .dropdown__search .search label {
    margin: 0
}
.dropdown-users .dropdown__search .search label i {
    margin-left: 8px;
    font-size: 16px;
    color: #c8d1e8
}
.dropdown-users.active .dropdown__content {
    opacity: 1;
    visibility: visible
}
.dropdown-users ul {
    list-style: none
}
.errors .errors-container {
    height: 2.25rem;
    width: 3.75rem;
    background-color: #d7e3f6;
    border-radius: 1.12rem;
    flex-shrink: 0;
    color: #424667;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s ease
}
.errors .errors-container.new-error {
    animation-name: f;
    animation-duration: .6s
}
@keyframes f {
    10%, 90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0)
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0)
    }
}
.errors .errors-container:hover {
    transform: scale(1.03)
}
.errors .errors-container:before {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_warning.svg) 50% no-repeat;
    height: 1rem;
    width: 1rem
}
.errors .errors-container .number {
    font-weight: 700;
    margin-left: .375rem
}
.errors .errors-container.no-errors {
    background-color: #31da8c
}
.dropdown-errors {
    color: #080d38;
    max-height: 25rem;
    overflow: auto
}
.dropdown-errors svg {
    position: absolute;
    width: 25px;
    top: -37px;
    left: 260px
}
.dropdown-errors .title {
    padding: 1.65rem 1rem 1.65rem 2rem;
    font-weight: 700;
    border-bottom: 1px solid #d7e3f6
}
.dropdown-errors a {
    color: #080d38
}
.dropdown-errors .error-list__item {
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center;
    transition: .2s ease
}
.dropdown-errors .error-list__item .element-type {
    font-weight: 700;
    line-height: 1.6
}
.dropdown-errors .error-list__item:hover {
    background-color: #d7e3f6
}
.dropdown-errors .error-list__item p {
    margin-bottom: 0;
    line-height: 1.3
}
.dropdown-errors .error-list__item:not(:last-child) {
    border-bottom: 1px solid #d7e3f6
}
.dropdown-errors .error-list__item.project .error-type:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_projet.svg) 50% no-repeat;
    background-size: 2.75rem
}
.dropdown-errors .error-list__item.media .error-type:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_media.svg) 50% no-repeat;
    background-size: 2.75rem
}
.dropdown-errors .error-list__item.scorm .error-type:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_scorm.svg) 50% no-repeat;
    background-size: 2.75rem
}
.dropdown-errors .error-list__item.event .error-type:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_event.svg) 50% no-repeat;
    background-size: 2.75rem
}
.dropdown-errors .error-list__item.cheatsheet .error-type:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_pageblanche.svg) 50% no-repeat;
    background-size: 2.75rem
}
.dropdown-errors .error-list__item.certificate .error-type:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_certif.svg) 50% no-repeat;
    background-size: 2.75rem
}
.dropdown-errors .error-list__item.exchange .error-type:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_discussion.svg) 50% no-repeat;
    background-size: 2.75rem
}
.dropdown-errors .error-list__item.error-question .error-type:before {
    content: "?";
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: 650;
    margin-right: 5px
}
.dropdown-errors .error-list__item .error-type {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
    margin-right: 1rem;
    flex-shrink: 0;
    display: flex
}
.dropdown-errors .error-list__item .error-type:before {
    content: "";
    height: 2rem;
    width: 2rem;
    display: block;
    margin: auto;
    margin-left: 5px
}
.dropdown-errors .error-list__item .error-type.red {
    background-color: #f85656
}
.dropdown-member {
    position: absolute;
    width: 19.75rem;
    margin-right: 1rem;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .25);
    background-color: #fff;
    color: #080d38;
    animation-name: display-dropdown;
    animation-duration: .4s;
    left: -38px
}
.dropdown-member-right {
    top: 0;
    left: 0
}
.dropdown-member-right:before {
    content: "";
    position: absolute;
    left: 20px;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #fff;
    z-index: 9999
}
.dropdown-member-left {
    top: 0;
    left: 0
}
.dropdown-member-left:before {
    content: "";
    position: absolute;
    right: 20px;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #fff;
    z-index: 9999
}
.dropdown-member svg {
    position: absolute;
    width: 25px;
    top: -37px;
    left: 280px
}
.dropdown-member:after {
    content: "";
    border-left: .8rem solid transparent;
    border-right: .8rem solid transparent;
    transform: translateY(-1rem);
    display: block
}
.dropdown-member .title {
    padding: 1.65rem 1rem 1.65rem 2rem;
    font-weight: 700;
    border-bottom: 1px solid #d7e3f6
}
.dropdown-member .dropdown-member-list button {
    width: 100%;
    text-align: left;
    line-height: 1.4
}
.dropdown-member .dropdown-member-list__item {
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    transition: .2s ease
}
.dropdown-member .dropdown-member-list__item:not(:last-child) {
    border-bottom: 1px solid #d7e3f6
}
.dropdown-member .dropdown-member-list__item .head {
    color: #080d38;
    font-size: 14px
}
.dropdown-member .dropdown-member-list__item:last-child {
    background-color: #f4f7fb
}
.dropdown-member .dropdown-member-list__item:last-child:hover {
    color: #fff !important;
    background-color: #f85656
}
.dropdown-member .dropdown-member-list__item:last-child:hover .head, .dropdown-member .dropdown-member-list__item:last-child:hover p {
    color: #fff
}
.dropdown-member .dropdown-member-list__item:hover {
    background-color: #d7e3f6
}
.dropdown-member .dropdown-member-list__item p {
    margin-bottom: 0;
    line-height: 1;
    font-size: 14px;
    font-family: Assistant, sans-serif
}
.dropdown-member .dropdown-member-list__item img {
    margin: 0 2rem 0 0
}
.dropdown.filter .dropdown__content {
    position: absolute;
    width: max-content;
    box-shadow: 0 7px 12px 0 rgba(101, 125, 143, .22);
    border-radius: 4px;
    margin-top: .5rem;
    text-align: left;
    font-family: Assistant, sans-serif;
    z-index: 2;
    animation-name: g;
    animation-duration: .4s;
    background-color: #5b70ff;
    padding: 0;
    right: 0;
    top: 30px;
    z-index: 1000
}
.dropdown.filter .dropdown__context[class^=icon-]:after {
    content: none
}
.dropdown.filter .dropdown__context:after {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_bottom_arrow_flashblue.svg) 50% no-repeat;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    vertical-align: sub;
    margin-left: .5rem;
    cursor: pointer
}
.dropdown.filter button:last-child {
    border-bottom: none
}
.dropdown.filter .filter__choice:not(:last-child) {
    border-bottom: 1px solid #9ab3dc
}
.dropdown.filter .filter__choice {
    color: #fff !important;
    font-size: .875rem;
    padding: 1.25rem;
    margin-bottom: 0;
    transition: .2s ease;
    width: 100%;
    text-align: left;
    font-family: Assistant, sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}
.dropdown.filter .filter__choice:first-letter {
    text-transform: uppercase
}
.dropdown.filter .filter__choice:hover {
    background-color: #7586ff
}
.dropdown.filter .filter__choice .number {
    float: right;
    background-color: #d7e3f6;
    color: #080d38;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 50%;
    text-align: center;
    line-height: 1.9;
    font-size: .625rem;
    font-weight: 700;
    flex-shrink: 0
}
.dropdown__context {
    cursor: pointer
}
.dropdown__context img {
    margin-left: .5rem
}
.dropdown__content {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    margin-top: .75rem;
    position: absolute
}
.dropdown__content svg {
    position: absolute;
    width: 2rem;
    top: -36px;
    left: 50px
}
.dropdown-filter {
    width: 10rem;
    background-color: #5b70ff;
    box-shadow: 0 7px 12px 0 rgba(101, 125, 143, .22);
    border-radius: 4px;
    text-align: left;
    font-family: Assistant, sans-serif;
    z-index: 2;
    animation-name: g;
    animation-duration: .4s
}
@keyframes g {
    0% {
        opacity: 0;
        transform: translateY(10%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}
.dropdown-filter button:last-child {
    border-bottom: none
}
.dropdown-filter__choice {
    color: #fff !important;
    padding: .75rem 1.25rem;
    font-size: .875rem;
    margin-bottom: 0;
    transition: .2s ease;
    width: 100%;
    text-align: left;
    font-family: Assistant, sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.3
}
.dropdown-filter__choice:first-letter {
    text-transform: uppercase
}
.dropdown-filter__choice:hover {
    background-color: #7586ff
}
.dropdown-filter__choice .number {
    float: right;
    background-color: #d7e3f6;
    color: #080d38;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 50%;
    text-align: center;
    line-height: 1.9;
    font-size: .625rem;
    font-weight: 700;
    flex-shrink: 0;
    margin-left: 1rem
}
.avatar {
    display: inline-block;
    height: 2.1rem;
    width: 2.1rem;
    border-radius: 50%;
    margin-right: .5rem
}
.avatar--medium {
    width: 28px;
    height: 28px
}
.avatar-small {
    height: 1rem;
    width: 1rem
}
.avatar-medium, .avatar-small {
    display: inline-block;
    border-radius: 50%;
    margin-right: .5rem
}
.avatar-medium {
    height: 2.5rem;
    width: 2.5rem
}
.avatar-big {
    height: 3rem;
    width: 3rem
}
.avatar-big, .avatar-xl {
    display: inline-block;
    border-radius: 50%;
    margin-right: .5rem
}
.avatar-xl {
    height: 4.375rem;
    width: 4.375rem
}
.avatar-profile {
    display: inline-block;
    height: 8rem;
    width: 8rem;
    border-radius: 50%;
    margin-right: .5rem
}
.nav {
    width: 60%;
    height: 100%;
    border-left: 1px solid #ebf0f8
}
.nav, .nav__link {
    display: flex;
    justify-content: center;
    position: relative
}
.nav__link {
    color: #787ca1;
    align-items: center;
    padding: 0 1rem;
    width: 25%;
    font-weight: 600;
    transition: color .2s cubic-bezier(.2, 1, .3, 1)
}
.nav__link:first-child:hover~.nav__bar {
    transform: translateX(0);
    opacity: 1
}
.nav__link:nth-of-type(2):hover~.nav__bar {
    transform: translateX(100%);
    opacity: 1
}
.nav__link:nth-of-type(3):hover~.nav__bar {
    transform: translateX(200%);
    opacity: 1
}
.nav__link:nth-of-type(4):hover~.nav__bar {
    transform: translateX(300%);
    opacity: 1
}
.nav__link.active, .nav__link:hover {
    color: #5b70ff
}
.nav__link.active .icon, .nav__link:hover .icon {
    color: #5b70ff;
    transform: scale(1)
}
.nav__link.active:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #5b70ff;
    position: absolute;
    left: 0;
    bottom: 0
}
.nav__link .icon {
    vertical-align: middle;
    font-size: 20px;
    color: #c3d2ea;
    margin-right: 1rem;
    transform: scale(1);
    transition: color .2s cubic-bezier(.2, 1, .3, 1)
}
.nav__number {
    font-size: 14px;
    font-weight: 800;
    color: #f88a56;
    margin-top: -10px;
    vertical-align: sub;
    margin-left: 5px
}
.nav__bar {
    width: 25%;
    height: 2px;
    display: block;
    background-color: #5b70ff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border: none;
    margin: 0;
    opacity: 0;
    transform: translateX(0);
    transition: all .4s cubic-bezier(.2, 1, .3, 1)
}
.content__head, .content__nav {
    border-bottom: 1px solid #c3d2ea;
    padding: 1rem 0
}
.content__nav .search {
    width: 350px
}
.content__link-item {
    font-weight: 600;
    padding: 5px 15px;
    border-radius: 20px;
    margin-left: .5rem;
    transition: all .2s cubic-bezier(.2, 1, .3, 1)
}
.content__link-item:first-child {
    margin-left: 0
}
.content__link-item.active, .content__link-item:hover {
    background-color: #fff;
    color: #5b70ff
}
.content__group-search {
    width: 350px
}
.content__subtitle {
    color: #5b70ff;
    font-weight: 600
}
.content__title {
    font-size: 24px
}
.content__button {
    display: flex;
    align-items: center
}
.content__button .button {
    margin-left: 2rem
}
.breadcrumb {
    padding: .25rem 0
}
.breadcrumb__link {
    margin: 0 .25rem;
    font-weight: 600;
    font-size: 14px
}
.breadcrumb__link:hover {
    color: #5b70ff
}
.breadcrumb__link:first-child {
    margin-left: 0
}
.breadcrumb__link:after {
    font-family: myskillcamp;
    content: "\ea07";
    vertical-align: middle;
    margin-left: .5rem;
    color: #5b70ff
}
.breadcrumb__link:last-child:after {
    display: none
}
.course-presentation, .course-presentation .heading {
    position: relative
}
.course-presentation__description {
    margin-bottom: 2rem
}
.course-presentation__infos {
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
    z-index: 1;
    max-width: 35rem;
    margin-bottom: 2.75rem
}
.course-presentation__img {
    margin-top: 2rem;
    margin-bottom: 3rem;
    padding: 0;
    background: #d7e3f6;
    height: 280px;
    overflow: hidden;
    position: relative
}
.course-presentation__img>div {
    width: 100%
}
.course-presentation__img img {
    width: 100%;
    opacity: .3;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%)
}
.course-presentation .listing__holder {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-top: -4.5rem;
    margin-right: 1.5rem;
    width: 100%;
    background: #f4f7fb
}
.course-presentation .listing__holder .listing__item h3, .course-presentation .listing__holder .listing__item p {
    color: #080d38
}
.course-presentation .listing__holder .listing__item h3:before {
    background: #f6904c
}
.course-presentation .complement_infos {
    display: inline-block;
    vertical-align: top
}
.course-presentation .media-holder {
    height: 100%
}
.course-presentation .media-holder img {
    width: 100%;
    height: unset !important
}
.session__score {
    margin-bottom: 1.375rem
}
.session__score .ratio {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: 2.625rem;
    font-weight: 700;
    color: #080d38;
    line-height: 3rem;
    font-style: normal;
    display: block
}
.session__score .legend {
    color: #424667;
    font-size: .875rem
}
.session__progress {
    margin-bottom: 1.375rem
}
.session__progress .progress-bar {
    background: #e2ebf2;
    height: 14px;
    border-radius: 13px;
    margin-bottom: 6px;
    display: block;
    overflow: hidden
}
.session__progress .progress-bar .progress {
    display: block;
    height: 100%;
    background-color: #5b70ff;
    width: 0;
    transition: all .4s ease-in
}
.session__progress .legend {
    color: #424667;
    font-size: .875rem
}
.micro-data {
    margin-bottom: 1.875rem
}
.micro-data__title {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    color: #080d38;
    line-height: 1rem;
    font-style: normal;
    display: block;
    margin-bottom: 5px
}
.micro-data__title img {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: .375rem;
    vertical-align: bottom
}
.micro-data__info {
    font-size: .875rem;
    line-height: 1.375rem
}
.micro-data__info .add-item, .micro-data__info .skill {
    margin: 5px;
    display: inline-block
}
.micro-data__info .add-item {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}
.micro-data__info .add-item:before {
    margin-right: 5px;
    font-size: 18px
}
.micro-data__info select {
    padding-top: 0;
    padding-left: 0
}
.listing__holder {
    padding: 2rem;
    background: #5b70ff
}
.listing__holder .listing {
    list-style: none;
    padding: 0;
    margin: 0
}
.listing__holder .listing__item+.listing__item {
    margin-top: 1.5rem
}
.listing__holder .listing__item h3 {
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: .5rem
}
.listing__holder .listing__item h3:before {
    content: "";
    height: 4px;
    width: 4px;
    background: #9ab3dc;
    border-radius: 50%;
    display: inline-block;
    margin-right: .625rem;
    line-height: 18px;
    vertical-align: middle
}
.listing__holder .listing__item p {
    font-size: .875rem;
    line-height: 21px;
    color: #f4f7fb
}
.section-presentation__description {
    margin-bottom: 2rem
}
.section-presentation__media {
    margin: auto -2.25rem
}
.section-presentation .heading .liveEdit.liveEdit_empty:before {
    color: #9ab3dc;
    opacity: 1
}
.section-presentation .heading .liveEdit textarea+.liveEdit__trigger {
    top: 50%;
    transform: translateY(-50%)
}
.add-section-content {
    margin: 3.375rem auto;
    width: calc(100% - 4rem);
    max-width: 1084px;
    position: relative;
    min-height: 5px;
    transition: all .3s linear
}
.add-section-content__trigger {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    text-align: center
}
.add-section-content__trigger .icon {
    transition: all .3s linear;
    height: 36px;
    width: 36px;
    display: inline-block;
    background-color: #080d38;
    color: #fff;
    border-radius: 50%;
    font-size: 1.375rem;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-weight: 500;
    text-align: center;
    position: absolute;
    transform: scale(.7)
}
.add-section-content__trigger .icon:hover {
    background-color: #01041c
}
.add-section-content__trigger .icon:first-child {
    left: -18px
}
.add-section-content__trigger .icon~.icon {
    right: -18px
}
.add-section-content__trigger .text {
    transition: all .3s linear;
    border-radius: 50px;
    padding: .625rem 1.75rem;
    box-shadow: 0 2px 10px 0 rgba(173, 202, 223, .6);
    font-size: .75rem;
    min-width: 0
}
.add-section-content__trigger .text:hover {
    background: #fff;
    transform: scaleX(1.1)
}
.add-section-content__content {
    counter-reset: section-content-type;
    transition: all .3s linear;
    padding: 0 24px;
    max-height: 0;
    overflow: hidden;
    border: 1px dashed #9ab3dc
}
.add-section-content__content .columns {
    padding-left: .5rem;
    padding-right: .5rem
}
.add-section-content__content .columns:last-child {
    float: left
}
.add-section-content__content .item {
    counter-increment: section-content-type;
    background-color: #fff;
    border-radius: 2px;
    min-height: 130px;
    margin: 10px 0;
    padding: 1rem .5rem .75rem;
    transition: all .3s linear;
    text-align: center;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    opacity: 0;
    opacity: 1\9;
    display: block;
    cursor: pointer
}
.add-section-content__content .item:hover {
    box-shadow: 0 4px 13px 0 #9ab3dc
}
.add-section-content__content .item img {
    width: 75px;
    height: 63px;
    margin-bottom: .375rem
}
.add-section-content__content .item__title {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 500
}
.add-section-content__content .item__subtitle {
    font-size: .75rem;
    color: #9ab3dc;
    display: block
}
.add-section-content__content .item_existing .item__icon {
    color: #5b70ff;
    font-weight: 700;
    font-size: 22px;
    line-height: 63px;
    display: block;
    margin-bottom: .375rem
}
.open-modal .add-section-content__content {
    max-height: 500px;
    padding: 24px
}
.open-modal .add-section-content__trigger .icon {
    background-color: #fff;
    color: #080d38;
    transform: rotate(45deg)
}
.open-modal .add-section-content__trigger .icon:hover {
    color: #5b70ff;
    transform: scale(1.1) rotate(45deg)
}
.open-modal .add-section-content__trigger .icon:first-child, .open-modal .add-section-content__trigger .text {
    opacity: 0;
    visibility: hidden
}
.add-section-content.open-modal .item {
    animation: h ease-in 1;
    animation-fill-mode: forwards;
    animation-duration: .3s
}
.add-section-content.open-modal .columns:first-child .item {
    animation-delay: 50ms
}
.add-section-content.open-modal .columns:nth-child(2) .item {
    animation-delay: .1s
}
.add-section-content.open-modal .columns:nth-child(3) .item {
    animation-delay: .15s
}
.add-section-content.open-modal .columns:nth-child(4) .item {
    animation-delay: .2s
}
.add-section-content.open-modal .columns:nth-child(5) .item {
    animation-delay: .25s
}
.add-section-content.open-modal .columns:nth-child(6) .item {
    animation-delay: .3s
}
.add-section-content.open-modal .columns:nth-child(7) .item {
    animation-delay: .35s
}
.add-section-content.open-modal .columns:nth-child(8) .item {
    animation-delay: .4s
}
.add-section-content.open-modal .columns:nth-child(9) .item {
    animation-delay: .45s
}
.add-section-content.open-modal .columns:nth-child(10) .item {
    animation-delay: .5s
}
.add-section-content.open-modal .columns:nth-child(11) .item {
    animation-delay: .55s
}
.add-section-content.open-modal .columns:nth-child(12) .item {
    animation-delay: .6s
}
.add-section-content.open-modal .columns:nth-child(13) .item {
    animation-delay: .65s
}
.add-section-content.open-modal .columns:nth-child(14) .item {
    animation-delay: .7s
}
.add-section-content.open-modal .columns:nth-child(15) .item {
    animation-delay: .75s
}
.add-section-content.open-modal .columns:nth-child(16) .item {
    animation-delay: .8s
}
.add-section-content.open-modal .columns:nth-child(17) .item {
    animation-delay: .85s
}
.add-section-content.open-modal .columns:nth-child(18) .item {
    animation-delay: .9s
}
.add-section-content.open-modal .columns:nth-child(19) .item {
    animation-delay: .95s
}
.add-section-content.open-modal .columns:nth-child(20) .item {
    animation-delay: 1s
}
.section {
    margin-top: 2rem
}
.section--sidebar {
    width: calc(100% - 350px - 3rem)
}
.section--background, .section__calendar {
    background-color: #fff;
    padding: 2rem;
    border-radius: 2px
}
.section__calendar {
    margin-top: 1rem
}
.section__search {
    width: 350px
}
.section__title {
    font-size: 24px;
    margin-bottom: 1rem
}
.sections-listing {
    margin-top: 2rem;
    counter-reset: c
}
.sections-listing .row {
    margin: auto -5px
}
.sections-listing .row .columns {
    padding-left: 5px;
    padding-right: 5px;
    float: left
}
.sections-listing .section {
    height: 7.5rem;
    background: #f4f7fb;
    counter-increment: c;
    padding: 2.375rem 2rem 1.25rem;
    margin-bottom: 10px;
    position: relative;
    display: block
}
.sections-listing .section:before {
    font-size: .875rem;
    color: #5b70ff;
    line-height: 1rem;
    font-style: normal;
    content: counter(c);
    display: block;
    color: #fff;
    background: url(https://static.myskillcamp.com/images/icon/icon-sidebar/ribbon.svg) no-repeat 100% 100%;
    position: absolute;
    top: -.125rem;
    left: 1.5rem;
    line-height: 24px;
    font-size: .75rem;
    font-weight: 700;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    text-align: center;
    width: 21px;
    height: 26px
}
.sections-listing .section__title {
    font-size: .875rem;
    font-weight: 500;
    color: #080d38;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    line-height: 1.125rem;
    height: 2.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: hidden;
    margin-bottom: .5rem
}
.sections-listing .section__content {
    color: #424667;
    font-size: .75rem
}
.sections-listing .section__link {
    color: #424667;
    font-size: .75rem;
    display: none;
    align-items: center
}
.sections-listing .section__link:before {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_right_arrow_flashblue.svg) no-repeat 50%;
    margin-right: .5rem;
    display: inline-block;
    background-size: 8px;
    width: 8px;
    height: 10px
}
.sections-listing .section .btn_action_delete {
    display: none;
    right: 10px;
    top: 10px;
    box-shadow: 0 6px 13px 0 rgba(248, 86, 86, .33);
    position: absolute
}
.sections-listing .section:hover {
    background: #d7e3f6
}
.sections-listing .section:hover .section__content {
    display: none
}
.sections-listing .section:hover .section__link {
    display: block;
    display: flex
}
.sections-listing .section:hover .btn_action_delete {
    display: block
}
.sections-listing .create-section {
    border: 1px dashed #d7e3f6;
    padding: 1.5rem;
    height: 7.5rem;
    cursor: pointer
}
.sections-listing .create-section__title {
    text-align: center;
    font-weight: 500;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    color: #080d38;
    display: block;
    margin: auto
}
.sections-listing .create-section__title:before {
    content: "+";
    background: #d7e3f6;
    border-radius: 50%;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    vertical-align: text-top;
    margin-right: .375rem
}
.sections-listing .create-section__content {
    color: #9ab3dc;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    margin-top: .5rem
}
.sections-listing .create-section:hover {
    background: #f4f7fb;
    border-color: #9ab3dc
}
.exercice .heading {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-weight: 500;
    margin-bottom: 3rem
}
.exercice .heading:after {
    content: none
}
.exercise_result {
    background: #fff;
    border-radius: 2px;
    text-align: center;
    padding: 3rem !important
}
.exercise_result .result__score {
    margin: 0 auto 1.75rem;
    height: 120px;
    width: 120px;
    position: relative
}
.exercise_result .result__score:before {
    background: #d7e3f6;
    content: "";
    border-radius: 50%;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1
}
.exercise_result .result__score img {
    position: relative;
    z-index: 2
}
.exercise_result .result__score .score {
    position: absolute;
    right: 0;
    bottom: 0
}
.exercise_result .ratio {
    font-size: .875rem
}
.exercise_result .questions {
    background-color: #f4f7fb;
    margin-top: 3rem;
    padding: 2rem;
    text-align: left
}
.exercise_result .questions .title {
    font-size: .875rem;
    margin-bottom: 1.25rem
}
.exercise_result .questions ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}
.exercise_result .questions ul li {
    margin-bottom: 1.25rem;
    line-height: 1.125rem;
    font-size: .875rem;
    font-weight: 600
}
.exercise_result .exercise__validation {
    text-align: right;
    margin-top: 3rem
}
.scorm__progress-bar {
    width: 100%;
    height: 5px;
    position: relative;
    background: #d7e3f6;
    border-radius: 8px;
    margin: 1rem 0
}
.scorm__progress-bar span {
    display: block;
    height: inherit;
    background-color: #5b70ff;
    border-radius: 8px;
    transition: all .5s ease-out
}
.question {
    background-color: #fff;
    position: relative;
    border-radius: 2px
}
.question+.question {
    margin-top: 4.5rem
}
.question__content {
    padding: 6rem 6.75rem 3rem;
    position: relative
}
.question__content .heading {
    margin-bottom: 3rem;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.75rem
}
.question__content .heading span {
    font-family: Assistant, arial, sans-serif;
    color: #87a5d5;
    margin-bottom: .5rem
}
.question__content .row {
    margin-left: -1rem;
    margin-right: -1rem
}
.question__content .question_list-style {
    counter-reset: d
}
.question__content .question_list-style_number .choice {
    counter-increment: d
}
.question__content .question_list-style_number .choice__text:before {
    content: counter(d);
    margin-right: 1rem
}
.question__content .question_list-style_letter .choice {
    counter-increment: d
}
.question__content .question_list-style_letter .choice__text:before {
    content: counter(d, lower-alpha);
    margin-right: 1rem
}
.question__content .choice {
    display: flex;
    flex-direction: column;
    border: 1px solid #d7e3f6;
    border-radius: 2px;
    background-color: #fff;
    padding: 10px !important;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
}
.question__content .choice__text {
    font-family: Assistant, arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}
.question__content .choice [type=checkbox], .question__content .choice [type=radio] {
    display: none
}
.question__content .choice .liveEdit {
    /* width: calc(100% - 3rem) */
}
.question__content .choice .liveEdit_empty:before {
    color: #9ab3dc;
    opacity: 1
}
.question__content .choice .liveEdit_empty:hover textarea {
    background: none
}
.question__content .choice .liveEdit_empty.liveEdit_focused:before {
    opacity: 0
}
.question__content .choice .delete {
    position: absolute;
    right: 0;
    top: -1px;
    width: 50px;
    height: 50px;
    border-radius: 0 2px 2px 0;
    transition: all .4s ease-in
}
.question__content .choice .delete:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_trash.svg) no-repeat 50%;
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    margin: auto;
    background-size: contain
}
.question__content .choice .delete:hover {
    background: #9ab3dc
}
.question__content .choice .delete:hover:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_trash_white.svg)
}
.question__content .choice .delete:active, .question__content .choice .delete:focus {
    background: #7c96c1
}
.question__content .add-category, .question__content .add-choice {
    border: 1px dashed #d7e3f6;
    border-radius: 2px;
    background: #f4f7fb;
    color: #080d38;
    font-size: .875rem;
    font-weight: 600;
    font-family: Assistant, sans-serif;
    padding: .875rem;
    margin-top: .5rem
}
.question__content .choice+.choice {
    margin-top: .5rem
}
.question__content .question__validation {
    text-align: right;
    margin-top: 2.5rem
}
.question__content .question__validation .btn {
    background-color: #9ab3dc;
    box-shadow: 0 6px 13px 0 rgba(154, 179, 220, .48)
}
.question__medias {
    background-color: #d7e3f6;
    padding: 2.375rem 6.75rem 3rem;
    border-radius: 0 0 2px 2px
}
.question__medias h4 {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: .75rem;
    margin-bottom: 1rem
}
.question__medias div.medias-list {
    margin-left: -5px;
    margin-right: -5px
}
.question__medias div.medias-list:after {
    content: "";
    clear: both;
    float: none;
    display: block
}
.question__medias div.medias-list__item {
    float: left;
    margin: 5px;
    height: 80px
}
.question .hint {
    font-family: GT-Walsheim-Bold, arial, sans-serif
}
.question .hint__trigger {
    box-shadow: none;
    border-radius: 0 0 2px 2px;
    font-size: .625rem;
    padding: .625rem .875rem;
    min-width: 0;
    position: absolute;
    background-color: #d7e3f6;
    top: 0;
    right: 6.625rem;
    color: #080d38
}
.question .hint__content {
    background-color: #fff;
    position: absolute;
    top: -10rem;
    left: 6.625rem;
    right: 6.625rem;
    height: calc(100% - 6rem);
    z-index: 10;
    padding: 6rem 4.125rem;
    visibility: hidden;
    opacity: 0;
    transition-property: opacity, top;
    transition-duration: .3s;
    transition-timing-function: ease
}
.question .hint__content h4 {
    color: #5b70ff;
    font-size: .875rem;
    margin-bottom: .5rem
}
.question .hint__content .close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem
}
.question.open-hint {
    background-color: #f4f7fb
}
.question.open-hint .hint__content {
    visibility: visible;
    opacity: 1;
    top: 3rem
}
.question.open-hint .hint__trigger {
    opacity: .3
}
.question.open-hint .hint__trigger:hover {
    transform: none
}
.question.open-hint .btn {
    box-shadow: none
}
.question .feedback {
    border-radius: 2px;
    background-color: #f4f7fb;
    padding: 1.125rem 1.25rem;
    margin-top: 1.25rem
}
.question .feedback__title {
    font-size: .625rem;
    font-family: GT-Walsheim-Bold, arial, sans-serif
}
.question .feedback__content {
    font-family: Assistant, sans-serif;
    font-size: .875rem;
    line-height: 1.125rem
}
.question .add-choice {
    border: 1px dashed #d7e3f6;
    padding-left: 2.875rem;
    position: relative;
    cursor: pointer;
    transition: all .4s ease-in
}
.question .add-choice:before {
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_add.svg);
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: .875rem;
    top: 50%;
    transform: translateY(-50%)
}
.question .add-choice:hover {
    border: 1px dashed #9ab3dc;
    background-color: #d7e3f6
}
.add-question {
    margin: 3.375rem auto;
    width: calc(100% - 4rem);
    max-width: 1084px;
    position: relative;
    min-height: 5px;
    transition: all .3s linear
}
.add-question__trigger {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    text-align: center
}
.add-question__trigger .icon {
    transition: all .3s linear;
    height: 36px;
    width: 36px;
    display: inline-block;
    background-color: #080d38;
    color: #fff;
    border-radius: 50%;
    font-size: 1.375rem;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-weight: 500;
    text-align: center;
    position: absolute;
    transform: scale(.7)
}
.add-question__trigger .icon:hover {
    background-color: #01041c
}
.add-question__trigger .icon:first-child {
    left: -18px
}
.add-question__trigger .icon~.icon {
    right: -18px
}
.add-question__trigger .text {
    transition: all .3s linear;
    border-radius: 50px;
    padding: .625rem 1.75rem;
    box-shadow: 0 2px 10px 0 rgba(173, 202, 223, .6);
    font-size: .75rem;
    min-width: 0
}
.add-question__trigger .text:hover {
    background: #fff;
    transform: scaleX(1.1)
}
@keyframes h {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
.add-question__content {
    counter-reset: section-content-type;
    transition: all .3s linear;
    padding: 0 24px;
    max-height: 0;
    overflow: hidden;
    border: 1px dashed #9ab3dc
}
.add-question__content .columns {
    padding-left: .5rem;
    padding-right: .5rem
}
.add-question__content .columns:last-child {
    float: left
}
.add-question__content .item {
    counter-increment: section-content-type;
    background-color: #fff;
    border-radius: 2px;
    min-height: 130px;
    margin: 10px 0;
    padding: 1rem .5rem .75rem;
    transition: all .3s linear;
    text-align: center;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    opacity: 0;
    opacity: 1\9;
    display: block;
    cursor: pointer
}
.add-question__content .item:hover {
    box-shadow: 0 4px 13px 0 #9ab3dc
}
.add-question__content .item img {
    width: 75px;
    height: 63px;
    margin-bottom: .375rem
}
.add-question__content .item__title {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 500
}
.add-question__content .item__subtitle {
    font-size: .75rem;
    color: #9ab3dc;
    display: block
}
.add-question__content .item_existing .item__icon {
    color: #5b70ff;
    font-weight: 700;
    font-size: 22px;
    line-height: 63px;
    display: block;
    margin-bottom: .375rem
}
.open-modal .add-question__content {
    max-height: 500px;
    padding: 24px
}
.open-modal .add-question__trigger .icon {
    background-color: #fff;
    color: #080d38;
    transform: rotate(45deg)
}
.open-modal .add-question__trigger .icon:hover {
    color: #5b70ff;
    transform: scale(1.1) rotate(45deg)
}
.open-modal .add-question__trigger .icon:first-child, .open-modal .add-question__trigger .text {
    opacity: 0;
    visibility: hidden
}
.add-question.open-modal .item {
    animation: h ease-in 1;
    animation-fill-mode: forwards;
    animation-duration: .3s
}
.add-question.open-modal .columns:first-child .item {
    animation-delay: 50ms
}
.add-question.open-modal .columns:nth-child(2) .item {
    animation-delay: .1s
}
.add-question.open-modal .columns:nth-child(3) .item {
    animation-delay: .15s
}
.add-question.open-modal .columns:nth-child(4) .item {
    animation-delay: .2s
}
.add-question.open-modal .columns:nth-child(5) .item {
    animation-delay: .25s
}
.add-question.open-modal .columns:nth-child(6) .item {
    animation-delay: .3s
}
.add-question.open-modal .columns:nth-child(7) .item {
    animation-delay: .35s
}
.add-question.open-modal .columns:nth-child(8) .item {
    animation-delay: .4s
}
.add-question.open-modal .columns:nth-child(9) .item {
    animation-delay: .45s
}
.add-question.open-modal .columns:nth-child(10) .item {
    animation-delay: .5s
}
.add-question.open-modal .columns:nth-child(11) .item {
    animation-delay: .55s
}
.add-question.open-modal .columns:nth-child(12) .item {
    animation-delay: .6s
}
.add-question.open-modal .columns:nth-child(13) .item {
    animation-delay: .65s
}
.add-question.open-modal .columns:nth-child(14) .item {
    animation-delay: .7s
}
.add-question.open-modal .columns:nth-child(15) .item {
    animation-delay: .75s
}
.add-question.open-modal .columns:nth-child(16) .item {
    animation-delay: .8s
}
.add-question.open-modal .columns:nth-child(17) .item {
    animation-delay: .85s
}
.add-question.open-modal .columns:nth-child(18) .item {
    animation-delay: .9s
}
.add-question.open-modal .columns:nth-child(19) .item {
    animation-delay: .95s
}
.add-question.open-modal .columns:nth-child(20) .item {
    animation-delay: 1s
}
.question_fill-in .choice {
    background-color: #d7e3f6
}
.question_procedure .procedure {
    counter-reset: d
}
.question_procedure .procedure__choices .choice {
    counter-increment: d;
    position: relative;
    font-size: .75rem;
    padding: .75rem 1rem;
    min-height: 40px;
    margin-bottom: 1rem;
    line-height: .875rem;
    margin-left: 60px;
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.question_procedure .procedure__choices .choice:before {
    content: counter(d);
    line-height: 48px;
    width: 50px;
    text-align: center;
    color: #080d38;
    border: 1px solid #9ab3dc;
    background-color: #d7e3f6;
    border-radius: 2px;
    position: absolute;
    display: block;
    top: -1px;
    left: -60px;
    font-weight: 700;
    font-size: .75rem
}
.question_procedure .procedure__choices .choice.ui-sortable-helper:before {
    visibility: hidden
}
.question_procedure .procedure__choices .ui-sortable-placeholder {
    visibility: visible;
    background-color: #5b70ff;
    height: 3px;
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 1rem
}
.question_procedure .procedure__choices .ui-sortable-placeholder:after, .question_procedure .procedure__choices .ui-sortable-placeholder:before {
    height: 9px;
    width: 9px;
    background-color: #5b70ff;
    display: block;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: -3px
}
.question_procedure .procedure__choices .ui-sortable-placeholder:before {
    left: 0
}
.question_procedure .procedure__choices .ui-sortable-placeholder:after {
    right: 0
}
.question_procedure .add-choice {
    margin-left: 60px;
    padding-left: .875rem
}
.question_procedure .add-choice:before {
    content: "+";
    line-height: 48px;
    width: 50px;
    text-align: center;
    color: #080d38;
    border: 1px solid #9ab3dc;
    background-color: #d7e3f6;
    border-radius: 2px;
    position: absolute;
    display: block;
    transform: none;
    top: 0;
    left: -60px;
    height: 50px;
    font-weight: 700;
    font-size: .75rem
}
.question_ordered .choice {
    background-color: #d7e3f6
}
.question_ordered .words span {
    background-color: #d7e3f6;
    font-size: .875rem;
    line-height: 1rem;
    padding: .5rem .625rem;
    border-radius: 2px
}
.question_ordered .words span:after {
    content: "+";
    margin-left: .375rem
}
.question_ordered .words span+span {
    margin-left: .875rem
}
.question_ordered .words+.words {
    padding-top: 1.25rem;
    margin-top: 1.25rem;
    border-top: 2px solid #f4f7fb
}
.question_ordered .hints span {
    font-size: .875rem
}
.question_ordered .hints span+span:before {
    content: "/ "
}
.question_ordered .hints+input {
    margin-top: .5rem;
    border: none;
    background-color: #d7e3f6;
    border-radius: 2px;
    margin-bottom: .875rem
}
.question_linker .linker-group+.linker-group {
    margin-top: .5rem
}
.question_category .category {
    background: #d7e3f6;
    padding: 1.75rem
}
.question_category .category__counter {
    text-align: right;
    font-size: .875rem;
    font-weight: 600;
    font-family: Assistant, sans-serif;
    margin-bottom: 1.5rem
}
.question_category .category__title {
    font-family: Assistant, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    color: #080d38;
    margin-bottom: 1rem;
    background: #fff;
    text-align: center;
    padding: 1.75rem 3rem 1rem
}
.question_category .category__title>* {
    margin-bottom: .75rem
}
.question_category .category+.category {
    margin-top: 2.5rem
}
.question_category .choice:before {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 1rem;
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_studio_uncorrect.svg)
}
.question_category .choice.choice_selected:before {
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_studio_correct.svg)
}
.question_true-false .choice:before {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 1rem;
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_studio_uncorrect.svg)
}
.question_true-false .choice.choice_selected:before {
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_studio_correct.svg)
}
.question_multiple .choice:before {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 1rem;
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_incorect_qcm.svg)
}
.question_multiple .choice.choice_selected:before {
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_correct_qcm.svg)
}
.question_multiple .question__medias {
    padding: 2.375rem 6.75rem 6rem !important
}
.question_multiple .question__medias .vp-center {
    align-items: stretch !important
}
.question_open-write textarea:disabled {
    background: #d7e3f6;
    border: none;
    font-size: .875rem;
    box-shadow: none
}
.question_open-write textarea:disabled::placeholder {
    color: #9ab3dc
}
.collaboration-block {
    background-color: #fff;
    padding: 1rem;
    border-radius: 2px
}
.collaboration-block .search {
    background: #e3ebf9;
    border-radius: 2px;
    border: none;
    box-shadow: none;
    font-size: .875rem
}
.collaboration-block input::placeholder {
    color: #84869c
}
.collaboration__title {
    font-size: 1rem
}
.collaboration+.collaboration {
    border-top: 1px solid #d7e3f6;
    padding-top: 2rem;
    margin-top: 2rem
}
.collaboration .collaborator {
    margin-bottom: 1rem;
    font-size: .875rem;
    font-weight: 500
}
.collaboration .collaborator img {
    border-radius: 50%;
    margin-right: 1rem
}
.collaboration .collaborator button {
    width: 32px;
    min-width: 0;
    height: 32px;
    border-radius: 50%;
    float: right;
    padding: 0;
    text-align: center
}
.sidebar__tabs {
    background: #e2ebf2;
    padding: 6px 0
}
.sidebar__tabs .row {
    margin-left: -3px;
    margin-right: -3px
}
.sidebar__tabs .column, .sidebar__tabs .columns {
    padding-left: 3px;
    padding-right: 3px
}
.sidebar__tabs button {
    width: 100%;
    padding: 1rem 0;
    min-width: 0;
    box-shadow: none;
    background: #d7e3f6;
    color: #080d38;
    font-size: .75rem;
    font-weight: 500;
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.sidebar__tabs_active {
    background: #5b70ff !important;
    color: #fff !important
}
.sidebar__collaboration {
    padding: 10px
}
.sidebar__course-content {
    background: #d7e3f6;
    padding: 10px
}
.sidebar__course-content button {
    font-family: Assistant, sans-serif
}
.sidebar__course-content .course-title {
    font-size: 1rem;
    font-weight: 400;
    color: inherit;
    line-height: 1rem;
    font-style: normal;
    padding: 1rem .625rem;
    background-color: #fff;
    border-radius: 2px;
    display: block;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border: 2px solid transparent;
    width: 100%;
    text-align: left
}
.sidebar__course-content .course-title:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_presentation.svg) 50% no-repeat;
    background-size: 20px;
    content: "";
    height: 20px;
    width: 20px;
    margin-right: 15px;
    display: inline-block;
    margin-bottom: -11px;
    top: -6px;
    position: relative;
    margin-left: 5px
}
.sidebar__course-content .course-title.active {
    border-color: #5b70ff
}
.sidebar__course-content .sections {
    padding: 0;
    margin: 0;
    counter-reset: e
}
.sidebar__course-content .section {
    margin-top: 5px;
    list-style: none;
    counter-increment: e
}
.sidebar__course-content .section:hover .section__content {
    transform: scaleX(.92)
}
.sidebar__course-content .section:hover .section__content:not(.section__exercise):hover {
    transform: scale(1.08)
}
.sidebar__course-content .section ul {
    list-style: none
}
.sidebar__course-content .section li {
    transition: transform .4s cubic-bezier(0, .75, .26, 1.03)
}
.sidebar__course-content .section__title {
    font-size: 1rem;
    color: #080d38;
    padding: 15px 52px;
    border-radius: 2px;
    background-color: #fff;
    position: relative;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 2px solid transparent;
    width: 100%;
    text-align: left;
    overflow: hidden
}
.sidebar__course-content .section__title, .sidebar__course-content .section__title:before {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-weight: 400;
    line-height: 1rem;
    font-style: normal
}
.sidebar__course-content .section__title:before {
    font-size: .75rem;
    color: #080d38;
    color: #fff;
    padding: .5rem;
    text-align: center;
    background: url(https://static.myskillcamp.com/images/icon/icon-sidebar/ribbon.svg) no-repeat;
    background-size: cover;
    position: absolute;
    top: -5px;
    left: 15px;
    content: counter(e)
}
.sidebar__course-content .section__title .section__toggle {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_bottom_arrow_deepblue.svg) no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%)
}
.sidebar__course-content .section__content {
    background-color: #fff;
    border-radius: 2px;
    margin-top: 5px;
    transition: transform .4s cubic-bezier(0, .75, .26, 1.03);
    display: none
}
.sidebar__course-content .section__content.section_exercise {
    padding-top: 8px;
    padding-bottom: 10px
}
.sidebar__course-content .section__content button {
    color: inherit;
    display: block;
    padding: 9px 10px;
    border: 2px solid transparent;
    width: 100%;
    text-align: left
}
.sidebar__course-content .section .context {
    font-size: .75rem;
    display: block
}
.sidebar__course-content .section .title {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #080d38;
    line-height: 1.5;
    font-style: normal;
    display: block;
    line-height: 1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
.sidebar__course-content .section .section__content>button:before {
    content: "";
    background: 50% no-repeat;
    height: 20px;
    width: 20px;
    margin-left: 6px;
    margin-right: 1rem;
    display: inline-block;
    float: left;
    height: 26px
}
.sidebar__course-content .section .section__discussion button:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_discussion.svg)
}
.sidebar__course-content .section .section__event button:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_event.svg)
}
.sidebar__course-content .section .section__project button:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_project.svg)
}
.sidebar__course-content .section .section__scorm button:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_scorm.svg)
}
.sidebar__course-content .section .section__media button:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_media.svg)
}
.sidebar__course-content .section .section__cheatsheet button:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_cheatsheet.svg)
}
.sidebar__course-content .section .section__exchange button:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_exchange.svg)
}
.sidebar__course-content .section .section__certificate button:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_certificate.svg)
}
.sidebar__course-content .section .section__exercise {
    color: inherit;
    padding: 8px 16px 10px
}
.sidebar__course-content .section .section__exercise>button:before {
    content: none
}
.sidebar__course-content .section .section__exercise ul {
    margin: 0
}
.sidebar__course-content .section .section__exercise li {
    background-color: #f4f7fb;
    margin: 5px 0 0
}
.sidebar__course-content .section .section__exercise li:hover {
    transform: scale(1.08)
}
.sidebar__course-content .section .section__exercise .question>button {
    padding: 4px 10px
}
.sidebar__course-content .section .section__exercise .question>button:before {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_question.svg) 50% no-repeat;
    height: 20px;
    width: 20px;
    margin-left: 6px;
    margin-right: 1rem;
    display: inline-block;
    float: left;
    height: 28px
}
.sidebar__course-content .section_open .section__title .section__toggle {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_top_arrow_deepblue.svg) no-repeat
}
.sidebar__course-content .section_open .section__content {
    display: block
}
.sidebar__course-content .add-section {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #080d38;
    line-height: 1rem;
    font-style: normal;
    position: relative;
    margin-top: 5px
}
.sidebar__course-content .add-section button {
    border-radius: 2px;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    padding: 16px 20px 16px 52px;
    text-align: left;
    width: 100%;
    border: 1px dashed #9ab3dc;
    transition: all .3s linear
}
.sidebar__course-content .add-section button:hover {
    background: #fff;
    border-color: transparent
}
.sidebar__course-content .add-section:before {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #080d38;
    line-height: 1rem;
    font-style: normal;
    color: #fff;
    padding: .5rem;
    text-align: center;
    background: url(https://static.myskillcamp.com/images/icon/icon-sidebar/ribbon.svg) no-repeat;
    background-size: cover;
    position: absolute;
    top: -2px;
    left: 15px;
    content: " ";
    height: 32px;
    width: 21px;
    opacity: .5
}
.sidebar__course-content .add-section:after {
    content: "+";
    display: inline-block;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%)
}
.sidebar__course-content .publish-link {
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    min-width: 0;
    width: 100%
}
.sidebar__course-content li button {
    border-radius: 2px
}
.sidebar__course-content li button.active {
    border-color: #5b70ff
}
.sidebar-subscription .sidebar__description {
    margin-bottom: 32px
}
.sidebar-subscription .sidebar__description h1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 21px;
    font-weight: 300;
    font-family: Circular Std;
    color: #5c6ab0
}
.sidebar-subscription .sidebar__description h1 i {
    margin-right: 16px;
    cursor: pointer;
    font-size: 24px
}
.sidebar-subscription .sidebar__subtitle {
    color: #020d38;
    font-family: Circular Std;
    font-size: 21px;
    font-weight: 300
}
.sidebar-subscription .sidebar__subtitle--highlight {
    color: #8290fd;
    font-family: Circular Std;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    text-align: center
}
.sidebar-subscription .sidebar__toggle {
    cursor: pointer;
    color: #656c9b;
    font-family: Circular Std;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 8px
}
.sidebar-subscription .sidebar__toggle p {
    margin-bottom: 0;
    display: flex;
    align-items: center
}
.sidebar-subscription .sidebar__toggle i {
    font-size: 22px;
    color: #656c9b;
    margin-right: 12px
}
.sidebar-subscription .sidebar__toggle .icon--arrow-bottom {
    font-size: 22px;
    cursor: pointer;
    color: #5b70ff;
    transform: rotate(0);
    transition: all .35s ease;
    margin-right: 0
}
.sidebar-subscription .sidebar__toggle.active {
    border-bottom: 1px solid #ebeff4
}
.sidebar-subscription .sidebar__toggle.active .icon--arrow-bottom {
    transform: rotate(180deg)
}
.sidebar-subscription .sidebar__search .icon--close {
    opacity: 1;
    color: #c8d1e8
}
.sidebar-subscription .sidebar__content>div {
    margin: 25px 0
}
.sidebar-subscription .sidebar__content--thin {
    margin: 0 100px
}
.sidebar-subscription .sidebar__action, .sidebar-subscription .sidebar__footer {
    width: 100%;
    justify-content: flex-end;
    background-color: #f1f1f4;
    padding: 25px 45px;
}
.sidebar-subscription .sidebar__action .btn, .sidebar-subscription .sidebar__footer .btn {
    background-color: #5150c4;
    border-radius: 4px;
    width: auto;
    max-width: auto;
    min-width: auto;
    padding: 8px 16px;
}
.sidebar-subscription .sidebar__action p, .sidebar-subscription .sidebar__footer p {
    color: #656c9b;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 35px 0 0;
}
.sidebar-subscription .sidebar__footer--notif {
    justify-content: space-between;
    align-items: center
}
.sidebar-subscription .sidebar__footer--notif p {
    margin: 0
}
.sidebar-subscription .sidebar__footer--notif span {
    color: #f16670;
    font-weight: 900
}
.sidebar-subscription .sidebar__action {
    background-color: transparent;
    text-align: center
}
.sidebar-subscription .sidebar__action .btn {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center
}
.sidebar-subscription .sidebar__action .btn i {
    font-size: 18px;
    margin-right: 6px
}
.sidebar-subscription .sidebar__action .btn--secondary {
    box-shadow: none;
    background-color: #d8daeb
}
.sidebar-subscription .sidebar__text {
    max-width: 390px;
    margin: 16px auto 42px
}
.sidebar-subscription .sidebar__text--center {
    text-align: center
}
.sidebar-subscription .sidebar__fieldset {
    margin-bottom: 16px
}
.sidebar-subscription .sidebar__fieldset--bg {
    padding: 20px;
    border-radius: 4px;
    background-color: hsla(0, 0%, 98%, .61)
}
.sidebar-subscription .sidebar__fieldset label {
    color: #020d38;
    font-family: Circular Std;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 8px
}
.sidebar-subscription .sidebar__fieldset input {
    border: 2px solid #c8d1e8;
    border-radius: 4px
}
.sidebar-subscription .sidebar__fieldset input::placeholder {
    color: #656c9b;
    font-family: Circular Std;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}
.sidebar-subscription .sidebar__fieldset .sidebar__form-group {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 -15px;
}
.sidebar-subscription .sidebar__fieldset .sidebar__form-group .sidebar__input {
    width: calc(50% - 30px);
    margin: 0 15px;
}
.sidebar-subscription .sidebar__fieldset .sidebar__form-group .sidebar__input .input {
    position: relative;
}
.sidebar-subscription .sidebar__fieldset .sidebar__form-group .sidebar__input .input [type=text] {
    height: 40px;
    padding: .5rem;
    background-color: #fff;
}
.sidebar-subscription .sidebar__fieldset .sidebar__form-group .sidebar__input .input [type=text]:focus {
    border: 1px solid #cacaca;
    box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1);
}
.sidebar-subscription .sidebar__fieldset .sidebar__form-group .sidebar__input .input i {
    font-size: 22px;
    color: #656c9b;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: .5rem;
    transform: translateY(-50%);
}
.sidebar-subscription .sidebar__fieldset .dropdown {
    margin-bottom: 12px;
}
.sidebar-subscription .sidebar__fieldset .dropdown__label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #656c9b;
    font-family: Circular Std;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    padding: 5px 8px
}
.sidebar-subscription .sidebar__fieldset .dropdown__label img {
    margin-right: 10px
}
.sidebar-subscription .sidebar__fieldset .dropdown__item {
    padding: 5px 8px
}
.sidebar-subscription .sidebar__fieldset .dropdown__item img {
    margin-right: 10px
}
.sidebar-subscription .sidebar__fieldset .dropdown__list {
    display: none
}
.sidebar-subscription .sidebar__fieldset .dropdown i {
    font-size: 22px
}
.sidebar-subscription .sidebar__fieldset .dropdown.active .dropdown__list {
    display: block
}
.sidebar-subscription .sidebar__fieldset .dropdown-select {
    height: 40px
}
.sidebar-subscription .sidebar__fieldset .dropdown-select .dropdown__label {
    padding: 8px
}
.sidebar-subscription .sidebar__events {
    display: none
}
.sidebar-subscription .sidebar__events .sidebar__params {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ebeff4
}
.sidebar-subscription .sidebar__events .sidebar__params:last-child {
    border-bottom: none
}
.sidebar-subscription .sidebar__advanced-params {
    display: none
}
.sidebar-subscription .sidebar__advanced-params label {
    display: block;
    margin-top: 18px
}
.sidebar-subscription .sidebar__advanced-params .link {
    margin-top: 18px
}
.sidebar-subscription .sidebar__advanced-params--border {
    border-radius: 4px;
    border: 1px solid #eef1f5;
    margin-top: 20px;
    padding: 5px 20px
}
.sidebar-subscription .sidebar__toggle.active .icon--arrow-bottom {
    color: #ff6f75
}
.sidebar-subscription .sidebar__toggle.active+.sidebar__advanced-params, .sidebar-subscription .sidebar__toggle.active+.sidebar__events {
    display: block
}
.sidebar-subscription .sidebar__toggle.active+.sidebar__camps {
    display: flex
}
.sidebar-subscription .sidebar__toggle.active+.params__form {
    display: block
}
.sidebar-subscription .sidebar__progress {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    max-width: 360px;
    margin: 0 auto 30px
}
.sidebar-subscription .sidebar__progress:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    border: 2px solid #dcdcdc
}
.sidebar-subscription .sidebar__progress li {
    cursor: pointer;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #dcdcdc;
    z-index: 100
}
.sidebar-subscription .sidebar__progress li a {
    display: block;
    z-index: 100;
    width: 18px;
    height: 18px
}
.sidebar-subscription .sidebar__progress .active {
    cursor: default;
    height: 20px;
    width: 20px;
    border: 6px solid #fff;
    background-color: #5150c4;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}
.sidebar-subscription .sidebar__progress .success {
    cursor: default;
    position: relative;
    border: none;
    background-color: #5150c4
}
.sidebar-subscription .sidebar__progress .success:before {
    content: "\ea0a";
    font-family: myskillcamp;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    z-index: 1
}
.sidebar-subscription .sidebar__progress .success:after {
    position: absolute;
    z-index: 0;
    content: "";
    width: 120px;
    height: 2px;
    background-color: #5150c4;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}
.sidebar-subscription .sidebar__progress li:last-child.success:after {
    display: none
}
.sidebar-subscription .sidebar__camps {
    display: none;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -10px
}
.sidebar-subscription .sidebar-summary__title {
    color: #7d83aa;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 24px;
    padding-top: 24px;
    margin-bottom: 24px
}
.sidebar-subscription .sidebar-summary__subtitle {
    color: #8290fd;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ebeff4;
    display: flex
}
.sidebar-subscription .sidebar-summary__subtitle i {
    font-size: 26px;
    margin-right: 18px
}
.sidebar-subscription .sidebar-summary__check {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 42px;
    margin-bottom: 24px
}
.sidebar-subscription .sidebar-summary__check .icon {
    display: flex;
    align-items: center
}
.sidebar-subscription .sidebar-summary i {
    color: #656c9b;
    font-size: 26px;
    margin-right: 18px
}
.sidebar-subscription .sidebar-summary p {
    color: #656c9b;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 8px;
    max-width: 75%;
}
.sidebar-subscription .sidebar-summary p span {
    display: block;
    opacity: .8;
    color: #656c9b;
    font-size: 14px;
}
.sidebar-subscription .sidebar-summary i {
    display: inline-flex;
    align-items: flex-end;
    height: 32px;
}
.sidebar-subscription .sidebar__publishing-option {
    margin: -16px 0;
}
.sidebar-subscription .sidebar__publishing-option .box-module {
    position: relative;
    margin: 16px 0;
    padding: 10px 16px;
    cursor: pointer;
    transition: all .35s ease;
}
.sidebar-subscription .sidebar__publishing-option .box-module:hover {
    border: 1px solid #8290fd;
    transform: scale(1.02);
}
.sidebar-subscription .sidebar__publishing-option .box-module:hover .box-module__icon, .sidebar-subscription .sidebar__publishing-option .box-module:hover .box-module__text p {
    color: #8290fd
}
.sidebar-subscription .sidebar__publishing-option .box-module__icon {
    color: #656c9b;
    margin-right: 8px;
    font-size: 20px
}
.sidebar-subscription .sidebar__publishing-option .box-module__text p {
    font-family: Circular Std;
    color: #656c9b;
    font-size: 14px;
    font-weight: 300
}
.sidebar-subscription .params {
    margin: -15px 0
}
.sidebar-subscription .params__item {
    padding: 20px 30px;
    background-color: hsla(0, 0%, 98%, .61);
    margin: 15px 0
}
.sidebar-subscription .params .sidebar__toggle {
    display: flex;
    align-items: center;
    font-size: 18px
}
.sidebar-subscription .params .sidebar__toggle i {
    color: #656c9b;
    margin-right: 12px
}
.sidebar-subscription .params__form {
    display: none
}
.sidebar-subscription .box-camp {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: calc(25% - 20px);
    border-radius: 4px;
    border: 2px solid #c0c3d9;
    padding: 20px;
    margin: 10px;
    cursor: pointer;
    width: 170px;
    height: 125px
}
.sidebar-subscription .box-camp.active, .sidebar-subscription .box-camp:hover {
    border: 2px solid #8290fd
}
.sidebar-subscription .box-camp.active .box-camp__checkbox, .sidebar-subscription .box-camp:hover .box-camp__checkbox {
    display: block
}
.sidebar-subscription .box-camp__title {
    color: #020d38;
    font-family: Circular Std;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    text-align: center
}
.sidebar-subscription .box-camp__stats {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -6px
}
.sidebar-subscription .box-camp__stats>div {
    display: flex;
    align-items: center;
    margin: 0 6px;
    color: #ff6e74
}
.sidebar-subscription .box-camp__stats i {
    color: #c0c3d9;
    margin-right: 4px;
    font-size: 18px
}
.sidebar-subscription .box-camp__checkbox {
    position: absolute;
    top: 4px;
    right: 4px;
    display: none
}
.sidebar-subscription .box-camp .input-checkbox--rounded {
    border-radius: 50%;
    display: block;
    margin-right: 0
}
.sidebar-subscription .box-publication {
    cursor: pointer;
    border: 1px solid #9b9fbe;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 3px 3px -1px rgba(10, 22, 70, .1);
    padding: 18px 22px;
    color: #9b9fbe;
    transform: scale(1);
    transition: all .35s ease;
    box-shadow: 0 0 0 0 transparent
}
.sidebar-subscription .box-publication.active, .sidebar-subscription .box-publication:hover {
    border: 1px solid #5c6ab0;
    transform: scale(1.025);
    box-shadow: 0 32px 40px -2px rgba(10, 22, 70, .12)
}
.sidebar-subscription .box-publication.active .box-publication__header, .sidebar-subscription .box-publication.active .box-publication__header i, .sidebar-subscription .box-publication:hover .box-publication__header, .sidebar-subscription .box-publication:hover .box-publication__header i {
    color: #5c6ab0
}
.sidebar-subscription .box-publication.active .box-publication__checkbox, .sidebar-subscription .box-publication:hover .box-publication__checkbox {
    opacity: 1
}
.sidebar-subscription .box-publication__checkbox {
    position: absolute;
    top: 10px;
    right: 5px;
    opacity: 0;
    transition: opacity .35s ease
}
.sidebar-subscription .box-publication__header {
    display: flex;
    align-items: center;
    font-size: 22px
}
.sidebar-subscription .box-publication__header i {
    font-size: 22px;
    margin-right: 12px
}
.sidebar-subscription .box-publication p {
    display: flex;
    align-items: center;
    color: #9b9fbe;
    font-size: 14px;
    margin-right: 16px;
    margin-bottom: 0;
    padding-left: 32px
}
.sidebar-subscription .box-publication p i {
    font-size: 18px;
    margin-right: 8px
}
.sidebar-subscription .box-module {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #d8dae6;
    border-radius: 4px;
    padding: 18px
}
.sidebar-subscription .box-module__icon {
    color: #5150c4;
    font-size: 24px;
    margin-right: 22px
}
.sidebar-subscription .box-module__text p {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0
}
.sidebar-subscription .box-module__text span {
    display: block;
    font-size: 18px;
    font-weight: lighter
}
.sidebar-subscription .box-module__notif {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%)
}
.sidebar-subscription .box-module__notif p {
    font-size: 16px;
    font-weight: 900;
    margin: 0
}
.sidebar-subscription .box-module__notif p i {
    font-size: 22px;
    margin-left: 4px;
    color: #f16670
}
.sidebar-subscription .link--plus {
    justify-content: flex-start;
    color: #020d38;
    font-family: "Circular Std";
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 8px
}
.sidebar-subscription .link--plus, .sidebar-subscription .link--plus i {
    display: flex;
    align-items: center
}
.sidebar-subscription .link--plus i {
    justify-content: center;
    margin-left: 8px;
    background-color: #5150c4;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    font-size: 16px
}
.sidebar-subscription .tag {
    background-color: #eaecf4
}
.sidebar-subscription .tag .icon--close {
    font-size: 12px;
    color: #c0c3d9;
    margin-left: 8px
}
.sidebar-subscription .switch-v2 {
    margin: 25px 0;
    align-items: flex-start
}
.sidebar-subscription .switch-v2 .switch__label {
    color: #656c9b;
    font-family: Circular Std;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}
.sidebar-subscription .switch-v2 .switch__label span {
    display: block;
    color: #656c9b;
    font-family: Circular Std;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px
}
.sidebar-subscription .switch-v2 .switch-label, .sidebar-subscription .switch-v2 .switch__content {
    width: 34px;
    height: 20px
}
.sidebar-subscription .switch-v2 .switch__content .switch-switch {
    width: 12px;
    height: 12px;
    margin: 4px;
    right: 12px;
    background-color: #fff
}
.sidebar-subscription .switch-v2 .switch__content .switch-switch .icon:before {
    color: #656c9b
}
.sidebar-subscription .switch-v2 .switch__content .switch-checkbox:checked+.switch-label {
    background-color: #5150c4
}
.sidebar-subscription .switch-v2 .switch__content .switch-checkbox:checked+.switch-label .switch-switch .icon:before {
    color: #5150c4 !important
}
.sidebar-subscription .switch-v2 .switch__content .switch-label {
    border: none;
    background-color: #d8daeb
}
.sidebar-subscription .switch-v2 .switch__content .switch-inner:after, .sidebar-subscription .switch-v2 .switch__content .switch-inner:before {
    height: auto
}
.upload {
    background-color: #fff;
    padding: 0 2rem 2rem;
}
.upload .heading {
    color: #080d38;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1rem;
    margin-bottom: 1rem
}
.upload .heading span {
    margin-bottom: .5rem
}
.upload__placeholder {
    text-align: center
}
.upload__placeholder .title {
    color: #080d38;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    margin-bottom: 10px
}
.upload__placeholder .title span {
    text-decoration: underline
}
.upload__placeholder .title:before {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_upload.svg) no-repeat 50%;
    background-size: 20px;
    width: 20px;
    vertical-align: text-bottom;
    height: 20px;
    margin-right: .5rem;
    display: inline-block
}
.upload__placeholder .content {
    font-family: Assistant, sans-serif;
    color: #657d8f;
    font-size: .875rem;
    line-height: 1.125rem
}
.upload__placeholder .content span {
    display: block
}
.upload_processing .progress {
    position: relative
}
.upload_processing .progress__text {
    right: 0;
    position: absolute;
    bottom: calc(100% + .875rem);
    font-size: 1.125rem;
    font-family: GT-Walsheim-Bold, arial, sans-serif
}
.upload_processing .progress .progress-bar {
    border-radius: 40px;
    height: 20px;
    background: #dfecf7;
    overflow: hidden;
    margin-bottom: .875rem;
    width: 100%
}
.upload_processing .progress .progress-bar__progress {
    background-color: #5b70ff;
    height: 100%
}
.upload_processing .cancel {
    text-align: right
}
.upload_processing .cancel button {
    font-family: Assistant, sans-serif;
    color: #657d8f;
    font-size: .875rem;
    line-height: 1.125rem;
    box-shadow: none
}
.upload_completed {
    position: relative
}
.upload_completed .heading {
    margin-bottom: 0
}
.upload_completed .delete {
    background-color: #f85656;
    height: 2.25rem;
    width: 2.25rem;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 2.375rem;
    top: 2.375rem;
    box-shadow: 0 6px 13px 0 rgba(225, 37, 37, .41)
}
.upload_completed .delete:before {
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_trash_white.svg)
}
.media-manager {
    position: relative
}
.media-manager__actions {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10
}
.media-manager__actions button {
    border-radius: 50%;
    min-width: 0;
    padding: 0;
    float: left
}
.media-manager__actions button:before {
    content: "";
    background-size: 16px 16px;
    width: 36px;
    height: 36px;
    display: block
}
.media-manager__actions .edit:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_settings_white.svg) no-repeat 50%
}
.media-manager__actions .delete:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_trash_white.svg) no-repeat 50%
}
.media-manager__actions .add-media:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_addimage_white.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 40% 40%;
}
.media-manager .placeholder {
    padding: 1rem
}
.media-manager .placeholder__title {
    color: #080d38;
    font-size: .75rem;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-weight: 500;
    line-height: .875rem
}
.media-manager .placeholder__text {
    font-size: .875rem;
    color: #080d38;
    line-height: 1.125rem;
    text-decoration: underline
}
.media-manager_empty {
    background: #f4f7fb
}
.media-manager_mini {
    background: #fff;
    height: 100%
}
.media-manager_mini .media-holder {
    height: 100%
}
.media-manager_mini .media-holder img {
    height: 100%;
    width: auto
}
.media-manager_mini:not(.media-manager_empty) .media-manager__actions {
    top: 16px;
    right: 16px;
    left: auto
}
.media-manager_mini:not(.media-manager_empty) .delete:before {
    height: 24px;
    width: 24px;
    background-size: 10px
}
.media-manager_mini.media-manager_empty {
    padding: 24px;
    padding-left: 68px;
    cursor: pointer
}
.media-manager_mini.media-manager_empty .media-manager__actions {
    left: 24px;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translateY(-50%)
}
.media-manager_mini .placeholder {
    padding: 0
}
.media-manager_mini .placeholder__title {
    color: #080d38;
    font-size: .75rem;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-weight: 500;
    line-height: .875rem
}
.media-manager_mini .placeholder__text {
    font-size: .875rem;
    color: #080d38;
    line-height: 1.125rem;
    text-decoration: underline
}
.media-holder_preview {
    position: relative
}
.media-holder_preview .embed {
    height: 100%;
    width: 100%;
    padding-bottom: 0 !important
}
.media-holder_preview.media-holder img {
    width: 100%
}
.media-holder_preview:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%
}
.embed {
    padding-bottom: 56.25%;
    position: relative
}
.embed iframe {
    border: none;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}
.embed-responsive:before {
    display: block;
    content: ""
}
.embed-responsive-16by9:before {
    padding-top: 56.25%
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}
.modal .media-holder {
    max-width: calc(100% - 5rem);
    top: 50%;
    width: 100%;
    border-radius: 2px;
    transform: translate(-50%, -50%);
    text-align: center
}
.modal .media-holder, .modal .modal-library {
    position: absolute;
    max-height: calc(100% - 5rem);
    left: 50%;
    vertical-align: middle;
    overflow: hidden
}
.modal .modal-library {
    max-height: 100%;
    top: 0;
    padding-top: 100px;
    overflow: auto
}
.event .sessions {
    margin-top: 3rem;
    padding: 0 1rem
}
.event .sessions .sessions__list {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    margin-bottom: 2rem
}
.event .sessions .session {
    color: #080d38;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: .875rem;
    padding: 1rem;
    height: 4rem
}
.event .sessions .session__title {
    line-height: 1rem;
    padding-left: 2rem
}
.event .sessions .session__title span {
    color: #9ab3dc;
    font-size: .75rem
}
.event .sessions .session__title .hours {
    text-align: left
}
.event .sessions .session__link {
    display: none;
    text-align: right;
    padding-right: 2rem
}
.event .sessions .session__link a {
    color: #fff;
    padding-right: 3rem
}
.event .sessions .session__address, .event .sessions .session__title {
    width: 310px
}
.event .sessions .session td:first-child {
    border-radius: 2px 0 0 2px
}
.event .sessions .session:hover {
    color: #fff;
    background: #5b70ff
}
.event .sessions .session:hover .session__address, .event .sessions .session:hover .session__language {
    display: none
}
.event .sessions .session:hover .session__link {
    display: table-cell
}
.event .sessions .session:after {
    border-radius: 0 2px 2px 0;
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_right_arrow_deepblue.svg);
    display: table-cell;
    width: 3rem;
    vertical-align: middle
}
.event .sessions .session+.session {
    margin-top: 1px #9ab3dc solid
}
.event .sessions .add-session {
    border: 1px dashed #9ab3dc;
    padding: 1rem
}
.event .accounts_list button {
    width: 32px;
    min-width: 0;
    height: 32px;
    border-radius: 50%;
    float: right;
    padding: 0;
    text-align: center
}
.event .event-presentation__infos {
    max-width: 35rem
}
.event .event-presentation__description {
    margin-bottom: 1rem
}
.event .event-presentation__img {
    float: right;
    margin-bottom: 1.75rem;
    overflow: hidden;
    position: relative
}
.event .event-presentation__img .event__dates {
    display: none
}
.event .event-presentation__img img {
    opacity: .3;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%)
}
.event_mode_multiple .event-presentation__img, .event_mode_single .event-presentation__img {
    position: relative
}
.event_mode_multiple .event-presentation__img .event__dates, .event_mode_single .event-presentation__img .event__dates {
    display: block
}
.event_mode_multiple {
    cursor: default;
    opacity: .3
}
.event__modes {
    margin-top: 2.5rem;
    margin-left: -2rem;
    margin-right: -2rem
}
.event__modes [class^=event_mode] {
    display: block;
    border: 1px dashed #cbd9e4;
    padding: 2.25rem;
    text-align: center
}
.event__modes [class^=event_mode] img {
    margin-bottom: 1rem
}
.event__modes [class^=event_mode] .heading {
    font-weight: 700;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: 1.125rem;
    margin-bottom: 1rem
}
.event__modes [class^=event_mode] .heading span {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1rem
}
.event__modes [class^=event_mode] p {
    font-family: Assistant, sans-serif;
    font-size: .75rem;
    color: #080d38
}
.event_mode_single:not(.slide):hover {
    background-color: #f4f7fb;
    border-color: #9ab3dc
}
.event__dates {
    background: #5b70ff;
    border-radius: 4px;
    padding: 1rem;
    position: relative;
    max-width: 340px;
    bottom: 60px
}
.event__dates.date_number_many:after {
    content: "";
    display: block;
    clear: both;
    float: none
}
.event__dates.date_number_many .date {
    float: left;
    width: 50%
}
.event__dates.date_number_many .date__content {
    color: #fff
}
.event .subscription {
    margin-top: -2rem;
    margin-bottom: 3rem;
    position: relative;
    background: #5b70ff;
    padding: 2rem;
    margin-left: -1rem;
    border-radius: 2px;
    color: #fff
}
.event .subscription__title {
    font-size: .875rem;
    font-weight: 700
}
.event .subscription__text, .event .subscription button {
    font-size: .75rem
}
.event .subscription__form {
    margin-top: 1rem;
    position: relative
}
.event .subscription__form input {
    background: #fff;
    border-radius: 2px;
    border: none;
    width: calc(100% - 5rem);
    margin-bottom: 0
}
.event .subscription__form button {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 0;
    height: 100%;
    line-height: 1rem;
    padding: 0 1rem
}
.event .subscription:after {
    background: rgba(91, 112, 255, .7);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: not-allowed;
    content: ""
}
.event .accounts_list {
    margin-top: 1rem;
    list-style: none;
    margin-left: 0
}
.event .accounts_list .account {
    color: #080d38;
    font-size: .875rem;
    margin-bottom: .625rem
}
.event .accounts_list .account__image {
    border-radius: 50%;
    height: 24px;
    width: 24px;
    margin-right: 1rem
}
.event .accounts_list.list_orientation_horizontal .account {
    display: inline-block;
    margin-right: -.5rem;
    margin-bottom: 0
}
.event .accounts_list.list_orientation_horizontal .account__image {
    margin-right: 0
}
.event .accounts_list.list_orientation_horizontal .account__name {
    display: none
}
.event .accounts_list.list_orientation_horizontal .more {
    background-color: #d7e3f6;
    display: inline-block;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: bottom;
    font-weight: 700;
    font-size: .625rem;
    color: #080d38;
    position: relative
}
.event .accounts_list.list_orientation_horizontal .more .dropdown__content {
    left: 40px;
    top: -14px;
    background: #fff;
    padding: 1rem;
    position: absolute;
    width: 180px;
    box-shadow: 0 4px 9px 0 rgba(66, 70, 103, .25);
    display: none
}
.event .accounts_list.list_orientation_horizontal .more .dropdown__content .accounts_list {
    margin-top: 0
}
.event .accounts_list.list_orientation_horizontal .more .dropdown__content .account {
    display: block;
    margin-right: 0;
    margin-bottom: .625rem;
    text-align: left
}
.event .accounts_list.list_orientation_horizontal .more .dropdown__content .account__name {
    display: inline
}
.event .accounts_list.list_orientation_horizontal .more .dropdown__content .account__image {
    margin-right: 1rem
}
.event .accounts_list.list_orientation_horizontal .more .dropdown__content .account:last-child {
    margin-bottom: 0
}
.event .accounts_list.list_orientation_horizontal .more .dropdown__content:after, .event .accounts_list.list_orientation_horizontal .more .dropdown__content:before {
    content: "";
    border: 10px solid #fff;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    display: block;
    position: absolute;
    right: 100%;
    top: 14px;
    z-index: 1
}
.event .accounts_list.list_orientation_horizontal .more .dropdown__content:before {
    border-right-color: rgba(66, 70, 103, .1);
    filter: blur(1px);
    z-index: 1;
    right: calc(100% + 2px)
}
.event .accounts_list.list_orientation_horizontal .more.dropdown_open .dropdown__content {
    display: block
}
.event .button-add-document {
    margin-top: 1rem
}
.add-user {
    margin-right: .75rem
}
.trainer {
    margin: 1rem 0
}
.trainer:hover .trainer__remove {
    visibility: visible
}
.trainer__remove {
    visibility: hidden;
    width: 1rem;
    height: 1rem;
    margin-left: 1rem;
    cursor: pointer;
    vertical-align: sub;
    transition: transform .2s ease
}
.trainer__remove:hover {
    transform: scale(1.03)
}
.trainer img {
    margin-right: .75rem;
    border-radius: 50%;
    height: 1.625rem;
    vertical-align: bottom
}
.nav_vertical .nav__item {
    display: block;
    padding: 1rem 1.25rem;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-weight: 500;
    font-size: .875rem;
    color: #080d38
}
.nav_vertical .nav__item_active {
    background: #fff;
    border: 1px solid #e2ebf2
}
.nav_vertical .nav__item:before {
    content: "";
    display: block;
    height: 20px;
    width: 12px;
    float: left;
    margin-right: 1rem;
    transition: all .4s ease-in-out;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 50%
}
.nav_vertical .nav__item_active.nav__item_library:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_bibliotheque_blue.svg)
}
.nav_vertical .nav__item_active.nav__item_folder:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_fichiers_blue.svg)
}
.nav_vertical .nav__item_active.nav__item_teamwork:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_collab_blue.svg)
}
.nav_vertical .nav__item_library:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_bibliotheque_dark.svg)
}
.nav_vertical .nav__item_library:hover:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_bibliotheque_blue.svg)
}
.nav_vertical .nav__item_folder:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_fichiers_dark.svg)
}
.nav_vertical .nav__item_folder:hover:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_fichiers_blue.svg)
}
.nav_vertical .nav__item_teamwork:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_collab_dark.svg)
}
.nav_vertical .nav__item_teamwork:hover:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_collab_blue.svg)
}
.nav_horizontal {
    padding: 2rem 0
}
.nav_horizontal .nav__item {
    display: inline-block;
    font-size: .875rem;
    font-weight: 700
}
.nav_horizontal .nav__item_right {
    float: right
}
#library .library-topbar {
    width: 100%;
    margin-top: 2rem;
    margin-left: -1.625rem
}
#library .library-topbar .folder-title {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    color: §colorDeepBlue;
    font-weight: 700;
    font-size: 1rem
}
#library .library-topbar .folder-title__parent {
    color: #080d38
}
#library .library-topbar .folder-title .fa {
    font-size: 12px;
    vertical-align: middle;
    color: #5b70ff;
    margin-left: .25rem;
    margin-right: .25rem;
    margin-bottom: .2rem;
    display: inline-block
}
#library .library-topbar .topbar {
    margin-top: .5rem;
    margin-bottom: 1.5rem;
    display: inline-block;
    width: 100%
}
#library .library-topbar .topbar .topbar-items {
    display: flex;
    float: left;
    margin-top: .625rem;
    position: relative;
    align-items: center
}
#library .library-topbar .topbar .topbar-items__title {
    color: #080d38;
    font-size: .875rem;
    margin-right: .8rem;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    cursor: pointer
}
#library .library-topbar .topbar .topbar-items .icon-chevron-down {
    margin-right: 2rem
}
#library .library-topbar .topbar .topbar-items .icon-chevron-down:before {
    font-size: .75rem;
    margin: 0;
    color: #5b70ff
}
#library .library-topbar .topbar .topbar-items .fa-list {
    margin-right: 2rem;
    height: .01rem;
    width: .01rem;
    border-radius: 6px;
    background-color: #5b70ff;
    margin-top: .25rem
}
#library .library-topbar .topbar .topbar-items .icon-search {
    margin-right: .5rem;
    color: #5b70ff;
    font-size: .75rem
}
#library .library-topbar .topbar .topbar-items .topbar-items__title input {
    border: none;
    background: transparent;
    box-shadow: none;
    padding-top: 0;
    font-size: .875rem;
    width: 12rem;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 7rem;
    height: auto
}
#library .library-topbar .topbar .topbar-items .topbar-items__title input::placeholder {
    transition: all .4s ease-in;
    color: #080d38
}
#library .library-topbar .topbar .topbar-items .topbar-items__title input:focus::placeholder {
    opacity: .25
}
#library .library-topbar .topbar .topbar-items:last-child {
    float: right;
    margin-top: 0
}
#library .library-topbar .topbar .btn {
    margin-left: 1rem;
    font-size: .875rem
}
#library .library-topbar .topbar .dropdown {
    width: 12rem;
    background-color: #5b70ff;
    border-radius: 4px;
    box-shadow: 0 7px 12px 0 rgba(101, 125, 143, .22);
    display: none;
    cursor: pointer;
    z-index: 1000
}
#library .library-topbar .topbar .dropdown .dropdown-list__choice {
    color: #fff;
    padding: .75rem 1rem;
    border-bottom: 1px solid #7a8aff;
    white-space: nowrap;
    font-weight: 600;
    font-size: .875rem;
    line-height: 2rem;
    font-family: Assistant, sans-serif;
    position: relative
}
#library .library-topbar .topbar .dropdown .dropdown-list__choice:first-child {
    border-radius: 4px 4px 0 0
}
#library .library-topbar .topbar .dropdown .dropdown-list__choice:last-child {
    border-bottom: none;
    border-radius: 0 0 4px 4px
}
#library .library-topbar .topbar .dropdown .dropdown-list__choice .number {
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    line-height: 18px;
    display: block;
    height: 18px;
    width: 18px;
    font-size: .625rem;
    right: 1rem;
    position: absolute;
    background-color: #dfecf7;
    border-radius: 50%;
    color: #080d38
}
#library .library-topbar .topbar .dropdown .dropdown-list__choice:hover {
    background-color: #3c4ec9
}
#library .library-topbar .topbar .dropdown.active {
    display: block;
    position: absolute
}
#library .library-topbar .icon {
    height: 1.5rem;
    width: 1.5rem;
    background-color: #d7e3f6;
    color: #5b70ff;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    display: inline-block
}
#library .library-topbar .icon .fa {
    font-size: .75rem
}
#library .library-topbar .icon.active {
    background-color: #5b70ff;
    color: #fff
}
#library .library-topbar .icon.icon {
    margin-left: .5rem
}
#library .library-topbar .back {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-weight: 600;
    color: #5b70ff;
    cursor: pointer;
    font-size: .875rem
}
#library .library-topbar .back .fa {
    margin-right: .5rem
}
.library_sidebar {
    float: left;
    width: 200px
}
.library_content {
    width: calc(100% - 200px)
}
.library_content .pagination .page-link {
    display: inline-block;
    line-height: 2rem;
    height: 2rem;
    padding: .5rem;
    box-sizing: content-box;
    margin: 0
}
.library_content .pagination .page-link .active {
    border-bottom: 1px solid blue;
    padding: 0 .5rem;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: inherit;
    line-height: 1.5;
    font-style: normal
}
.folder__icon-add {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 20px;
    position: relative;
    z-index: 1;
    width: 30px;
    height: 30px;
    margin: 1rem auto
}
.folder__icon-add .icon {
    display: block
}
.folder__icon-add:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(66, 70, 103, .3);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    z-index: -1;
    transition: transform .2s cubic-bezier(.175, .885, .32, 2)
}
.folder__icon-add:hover {
    color: #fff
}
.folder__icon-add:hover:after {
    transform: translate(-50%, -50%) scale(1.1)
}
.folder__link-add {
    color: #9ab3dc;
    transition: color .2s cubic-bezier(.2, 1, .3, 1);
    font-weight: 600
}
.folder__link-add:hover {
    color: #5b70ff
}
.folder__item .folder-miniature .info:before, .folder__item__folder .info:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_library_fichiers.svg)
}
.folder__item .folder-miniature .info.picto-powtoon, .folder__item__folder .info.picto-powtoon {
    background: red
}
.folder__item .folder-miniature .info.picto-powtoon:before, .folder__item__folder .info.picto-powtoon:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/picto_PowToon.ico)
}
.folder__item .folder-miniature .info.picto-genially:before, .folder__item__folder .info.picto-genially:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/picto_genially.jpg);
    background-size: 100% !important
}
.folder__item .folder-miniature .info.picto-goanimate:before, .folder__item__folder .info.picto-goanimate:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/picto_goanimate.png)
}
.folder__item .folder-miniature .info.picto-youtube:before, .folder__item__folder .info.picto-youtube:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/picto-youtube.svg);
    background-size: 100%
}
.folder__item .folder-miniature .info.picto-vimeo:before, .folder__item__folder .info.picto-vimeo:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/picto-vimeo.svg);
    background-size: 100%
}
.folder__item .folder-miniature .info.picto-ppt:before, .folder__item__folder .info.picto-ppt:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/picto-ppt.svg)
}
.folder__item .folder-miniature .info.picto-doc:before, .folder__item__folder .info.picto-doc:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/picto-doc.svg)
}
.folder__item .folder-miniature .info.picto-xls:before, .folder__item__folder .info.picto-xls:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/picto-xls.svg)
}
.folder__item__module .info:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_module.svg)
}
.folder__item__media .info:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_bibliotheque_dark.svg)
}
.folder__item__parcours .info:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_parcours.svg)
}
.folder__item .info__name .liveEdit.liveEdit_focused:before {
    white-space: normal
}
.folder__item .info__name .liveEdit:before {
    white-space: nowrap
}
.folder__item .info__name .liveEdit textarea {
    padding-right: .75rem
}
.folder__item .info__name.info__name_empty {
    text-overflow: unset
}
.folder__item .info__name.info__name_empty .liveEdit__trigger:after {
    display: none
}
.folder__item .actions {
    top: .6rem;
    right: .5rem;
    position: absolute;
    opacity: 0;
    transition: all .4s ease;
    z-index: 1
}
.folder__item .actions .settings {
    right: 0;
    top: 0;
    width: 86px;
    display: block;
    text-align: right
}
.folder__item .actions .button-list {
    padding: .4rem 1rem;
    float: left;
    margin-left: .5rem;
    width: auto;
    min-width: auto;
    font-size: .9rem;
    line-height: 1.5rem
}
.folder__item .actions .button-list:before {
    margin-right: .5rem
}
.folder__item:active .actions, .folder__item:hover .actions {
    display: block;
    opacity: 1
}
.folder_display_list .folder__item .actions {
    top: 1rem
}
.folder_display_list .folder__item .actions .btn {
    font-size: .75rem
}
.folder_display_list .folder__item .actions .edit:before {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_edit_white.svg) no-repeat 50%;
    background-size: 16px
}
.folder_display_list .folder__item .actions .preview:before {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_preview_white.svg) no-repeat 50%;
    background-size: 16px
}
.folder_display_list .folder__item .actions .delete:before {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_trash_white.svg) no-repeat 50%;
    background-size: 16px
}
.folder_display_block .folder__item:before {
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 70px;
    left: 0
}
.folder_display_block .folder__item__folder:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/player/illu_dossier.svg)
}
.folder_display_block .folder__item__parcours:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/player/illu_parcours.svg)
}
.folder_display_block .folder__item__module:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/player/illu_studio_module.svg)
}
.folder_display_block .folder__item {
    width: calc(100% / 5 - 1rem)
}
.folder_display_block .folder__item .info__image {
    max-height: 100%;
    height: 100%;
    background-size: cover
}
.folder_display_block .folder__item .actions button:before {
    margin-right: 0
}
.folder_display_block .folder__item .actions span {
    display: none
}
.folder_display_block .folder__item .actions .edit {
    line-height: 1
}
.folder_display_block .folder__item .actions .edit:before {
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_settings_white.svg)
}
.folder_display_block .folder__item .actions .delete:before {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_trash_white.svg) no-repeat 50%;
    background-size: 16px;
    height: 24px;
    width: 24px;
    display: block;
    margin: auto
}
.folder_display_block .folder__item .actions .delete-miniatures {
    background: #f4f7fb;
    color: #080d38
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .folder_display_block .folder__item {
        width: calc(33.33333% - .5rem)
    }
}
@media screen and (max-width:39.9375em) {
    .folder_display_block .folder__item {
        width: calc(50% - .5rem)
    }
}
.folder-miniature {
    height: 4rem;
    margin-bottom: 1rem;
    cursor: pointer
}
.folder-miniature .info {
    border: 1px solid #cbd9e4;
    width: 100%;
    padding: .875rem 1rem;
    background-color: #fff
}
.folder-miniature .info__name {
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    color: #080d38;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: .875rem;
    line-height: 1.6;
    text-overflow: ellipsis
}
.folder-miniature .info .liveEdit.liveEdit_focused:before, .folder-miniature .info__name:before {
    white-space: normal
}
.folder-miniature .info .liveEdit:before {
    white-space: nowrap
}
.folder-miniature .info .liveEdit textarea {
    padding-right: .75rem
}
.folder-miniature .info__type {
    color: #9ab3dc;
    font-size: .75rem
}
.folder-miniature .info .info-block {
    margin-left: 3rem;
    line-height: .6
}
.folder-miniature .info:before {
    content: "";
    background-color: #e2ebf2;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    position: absolute;
    margin-right: .875rem;
    margin-top: 0 !important;
    background-size: 60%;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_library_fichiers.svg);
    background-repeat: no-repeat;
    background-position: 50%
}
.folder-miniature .info.picto-ppt:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/picto-ppt.svg)
}
.folder-miniature .info.picto-doc:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/picto-doc.svg)
}
.folder-miniature .info.picto-xls:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/picto-xls.svg)
}
.folder {
    border: 1px solid #c3d2ea;
    border-radius: 4px
}
.folder--list {
    padding: 1rem;
    flex: 1
}
.folder__icon {
    width: 80px;
    font-size: 32px;
    text-align: center;
    color: #9ab3dc
}
.folder__content {
    margin-top: 0 !important
}
.publish h3 {
    font-size: 1rem
}
.publish .camps-selection {
    margin-bottom: 3rem
}
.publish .camps-selection .camps-list__title {
    font-size: 1rem;
    margin-bottom: 2rem
}
.publish .camps-selection .camps-list__item {
    margin-top: .625rem
}
.publish .camps-selection .camps-list__item span {
    background: #f4f7fb;
    border-radius: 2px;
    font-size: .875rem;
    padding: .75rem 1rem;
    width: calc(100% - 3.5rem);
    display: inline-block
}
.publish .camps-selection .camps-list__item span img {
    border-radius: 50%;
    margin-right: 1rem
}
.publish .camps-selection .camps-list__item button {
    width: 3rem;
    height: 45px;
    background: #f4f7fb;
    border-radius: 2px;
    display: inline-block;
    margin-right: .5rem;
    float: left
}
.publish .camps-selection .camps-list__item span+button {
    float: right;
    margin-right: 0;
    margin-left: .5rem
}
.publish .preview {
    background: #f4f7fb;
    display: inline-block;
    margin-bottom: 2.5rem;
    width: 100%
}
.publish .preview__image {
    float: left;
    margin-right: 3rem
}
.publish .preview h3 {
    font-size: .875rem;
    margin-bottom: 0;
    margin-top: 1rem
}
.publish .preview__content {
    padding: 3rem
}
.publish .preview__content span {
    font-size: .875rem
}
.publish .publish-camp {
    margin-bottom: 4rem
}
.publish .publish-camp .camps-list__item {
    display: inline-block;
    margin-right: 2rem
}
.publish .publish-camp .camps-list__item img {
    margin-right: 1rem;
    border-radius: 50%
}
.modal-body.publish {
    max-height: 100%;
    overflow: auto;
    top: 0;
    padding-top: 100px;
    padding-bottom: 2rem
}
.publish .events-list {
    counter-reset: "event";
    margin-bottom: 2rem;
    margin-left: -5px !important;
    margin-right: -5px !important
}
.publish .events-list .columns {
    counter-increment: "event";
    float: left;
    padding-left: 5px;
    padding-right: 5px
}
.publish .events-list .columns:last-child {
    float: left
}
.publish .event {
    border: 2px solid #f4f7fb;
    margin-bottom: 10px
}
.publish .event__title {
    background: #f4f7fb;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: .875rem;
    padding: 1.25rem 2rem
}
.publish .event__title:before {
    content: counter(event, upper-roman) ".";
    color: #5b70ff;
    display: block;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-weight: 700
}
.publish .event__content {
    padding: 1.25rem 2rem
}
.publish .event__content .date {
    text-align: left
}
.publish .event__content .date__title {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-weight: 700;
    font-size: .625rem;
    color: #080d38;
    display: block;
    margin-bottom: 0
}
.publish .event__content .date__value {
    font-size: .875rem;
    font-family: Assistant, sans-serif
}
.publish .event__content .date+.date {
    margin-top: .875rem
}
.certificate {
    padding: 0
}
.certificate .select {
    margin: 1rem 0
}
.certificate__nav {
    display: inline-block;
    width: 100%
}
.certificate__nav .nav__item {
    background-color: #f4f7fb;
    color: #080d38;
    float: left;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    padding: 1.5rem;
    text-align: center;
    width: 50%;
}
.certificate__nav .nav__item_active {
    background-color: #fff;
}
.certificate__nav .nav__item:hover {
    background-color: #edf2f8;
}
.certificate__header {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 2rem
}
.certificate__share {
    display: flex;
    list-style: none;
}
.certificate__share li {
    margin-left: 1rem;
    font-size: 24px;
}
.certificate__share a {
    color: #c3d2ea;
    transition: all .2s cubic-bezier(.2, 1, .3, 1);
}
.certificate__share a:hover {
    color: #5b70ff;
}
.certificate__content {
    padding: 6rem 6.625rem;
}
.certificate__content p {
    font-size: .875rem;
}
.certificate__content .duration, .certificate__content .minimal-grade {
    font-weight: 700;
    margin-bottom: 2rem
}
.certificate__content .duration span, .certificate__content .minimal-grade span {
    display: block
}
.certificate__content .duration input[type=number], .certificate__content .minimal-grade input[type=number] {
    width: auto;
    border: 1px solid rgba(0, 0, 0, .5);
    margin-right: .5rem;
    display: inline-block;
    box-shadow: none
}
.certificate__content .receiver {
    background-color: #f4f7fb;
    font-size: .875rem;
    padding: 2rem;
    margin-left: -2rem
}
.certificate__content .receiver span {
    display: block
}
.certificate__content .receiver span.name {
    margin-bottom: 1rem
}
.certificate__content .deliver {
    font-size: .875rem
}
.certificate__content .deliver .row {
    margin-left: -.125rem;
    margin-right: -.125rem
}
.certificate__content .deliver .row .columns {
    padding-left: .125rem;
    padding-right: .125rem
}
.certificate__content .deliver input, .certificate__content .deliver textarea {
    border: none;
    box-shadow: none;
    background-color: #adcadf;
    font-size: .75rem;
    margin-bottom: .25rem;
    height: 2rem;
    padding: .5rem;
    font-family: Assistant, sans-serif;
    width: 100%
}
.certificate__content .deliver input:focus, .certificate__content .deliver textarea:focus {
    border: none;
    background-color: #9bbed8;
    box-shadow: none
}
.certificate__content .deliver input:focus::placeholder, .certificate__content .deliver textarea:focus::placeholder {
    color: #383b57
}
.certificate__content .deliver input::placeholder, .certificate__content .deliver textarea::placeholder {
    color: #424667
}
.certificate__toggle {
    display: flex;
    margin-bottom: 2rem
}
.certificate__toggle p {
    margin: 0 0 0 1rem
}
.timeline__new-post {
    background-color: #f4f7fb;
    padding: 2.625rem;
    margin-right: -2.625rem;
    margin-left: -2.625rem;
    margin-bottom: 2rem
}
.timeline .message a, .timeline .post-link a {
    color: #5b70ff;
    font-weight: 600
}
.timeline .new-post {
    display: inline-block;
    width: 100%
}
.timeline .new-post span {
    font-weight: 600;
    font-size: .875rem;
    margin-bottom: 1rem;
    display: block
}
.timeline .new-post label {
    background-color: #d7e3f6;
    padding: .25rem;
    display: block;
    flex: 1 1 auto;
    display: flex;
    flex-direction: row
}
.timeline .new-post label input {
    width: auto;
    display: inline-block;
    display: block;
    flex: 1;
    margin: 0;
    height: 36px
}
.timeline .new-post label input, .timeline .new-post label input:focus {
    background: none;
    box-shadow: none;
    border: none
}
.timeline .new-post label input::placeholder {
    color: #424667;
    font-size: .875rem
}
.timeline .new-post label button {
    float: right
}
.timeline .new-post .add-media {
    text-align: right;
    margin-top: .625rem;
    font-size: .875rem;
    font-weight: 600;
    font-family: Assistant, sans-serif;
    text-decoration: underline;
    float: right;
    opacity: .8
}
.timeline .new-post .add-media:hover {
    opacity: 1
}
.timeline .new-post .media-holder {
    margin-top: 1rem
}
.timeline .btn_action_post {
    padding: .625rem 1rem;
    min-width: 0;
    background-color: #080d38;
    color: #fff;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-weight: 700;
    font-size: .75rem;
    box-shadow: 0 6px 13px 0 rgba(8, 13, 56, .36)
}
.timeline .btn_action_post:hover {
    background-color: #01041c
}
.timeline .settings {
    position: absolute;
    right: 0;
    top: .375rem;
    white-space: nowrap;
    padding: 3px 0 3px 1rem;
    border-radius: 1rem;
    overflow: hidden;
    transition: all .4s ease-out
}
.timeline .settings__trigger {
    height: .75rem;
    width: .75rem;
    vertical-align: middle
}
.timeline .settings__content {
    right: 0;
    white-space: nowrap;
    display: inline-block;
    transition: all .4s ease-out;
    max-width: 0;
    opacity: 0
}
.timeline .settings__content button, .timeline .settings__content h5 {
    font-size: .75rem;
    font-weight: 500;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    margin: 0;
    display: inline-block
}
.timeline .settings__content h5 {
    color: #fff;
    margin-left: .5rem;
    font-weight: 700
}
.timeline .settings__content button {
    text-decoration: underline;
    margin: 0 .25rem;
    color: #6c0a0a
}
.timeline .settings__content button:hover {
    color: #3d0606
}
.timeline .settings__content .settings-block__title, .timeline .settings__content .settings-block_details {
    display: inline-block
}
.timeline .settings.settings-delete .settings__trigger:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_trash.svg) 50% no-repeat;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-size: 100%
}
.timeline .settings.settings-open {
    background: #f85656;
    padding-right: 1rem
}
.timeline .settings.settings-open .settings__trigger:before {
    background: none;
    content: "+";
    line-height: .9;
    color: #fff;
    transform: rotate(45deg)
}
.timeline .settings.settings-open .settings__trigger:hover:before {
    transform: rotate(45deg) scale(1.2)
}
.timeline .settings.settings-open .settings__content {
    max-width: 200px;
    opacity: 1
}
.timeline .settings.settings-open:hover {
    background: #da3d3d
}
.timeline .post {
    margin-top: 1.5rem;
    position: relative
}
.timeline .post__content {
    background-color: #5b70ff;
    color: #fff;
    margin-top: .75rem;
    padding: 1.5rem;
    border-radius: 2px;
    font-weight: 600
}
.timeline .post__content .message a, .timeline .post__content .post-link a {
    color: #080d38
}
.timeline .post .avatar {
    height: 42px;
    width: 42px;
    border-radius: 50%;
    margin-right: 1rem
}
.timeline .post .author__image {
    margin-left: 1rem
}
.timeline .post .author__name {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-weight: 700;
    font-size: .875rem
}
.timeline .post .date {
    color: #9ab3dc;
    font-size: .75rem;
    font-weight: 600;
    margin-left: .5rem
}
.timeline .post__comments {
    margin-top: 1.5rem;
    padding-left: 8rem
}
.timeline .post__comments .new-post {
    margin-top: 1.5rem
}
.timeline .post+.post {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #d7e3f6
}
.timeline .post+.post .settings {
    top: 1.875rem
}
.timeline .post+.post .comment .settings {
    top: 0
}
.timeline .post+.post .comment+.comment .settings {
    top: 1.5rem
}
.timeline .comment {
    position: relative
}
.timeline .comment .settings {
    top: 0
}
.timeline .comment .avatar {
    height: 32px;
    width: 32px;
    margin-left: -40px;
    margin-right: .5rem
}
.timeline .comment__content {
    color: #424667
}
.timeline .comment+.comment {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #d7e3f6
}
.timeline .comment+.comment .settings {
    top: 1.5rem
}
.timeline .post-link {
    margin-top: 1rem
}
.timeline .post-link .settings {
    right: .625rem
}
.timeline .post-link .link {
    display: block;
    text-decoration: underline;
    margin: .75rem 0
}
.timeline .post-link .post-url {
    background-color: #f4f7fb;
    display: block;
    padding: 1.5rem;
    position: relative;
    width: 280px
}
.timeline .post-link .post-url h4 {
    font-size: .875rem
}
.timeline .post-link .post-url p {
    color: #424667;
    font-size: .75rem;
    max-height: 2.25rem;
    overflow: hidden
}
.exchange .timeline .timeline__new-post {
    background: none
}
.manage-course {
    color: #080d38;
    background-color: #fff
}
.manage-course h2 {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-weight: 500
}
.manage-course p {
    margin-bottom: 0
}
.manage-course .manager-container {
    margin-top: 2.5rem
}
.manage-course .manager-container__option {
    border-top: 2px solid #f4f7fb;
    padding: 1.25rem 0
}
.manage-course .manager-container__option .head {
    display: flex;
    justify-content: space-between
}
.manage-course .manager-container__option .head .switch {
    height: 23px
}
.manage-course .manager-container__option .head .option-title {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: 16px;
    line-height: 1.6
}
.manage-course .manager-container p {
    display: inline-block
}
.manage-course .buttons {
    text-align: right;
    margin-top: 2.5rem
}
.header-modal {
    font-size: 18px;
    font-weight: 500;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    color: #f88a56;
    margin-bottom: .875rem
}
.media-library-topbar {
    height: 70px;
    background-color: #fff;
    border-bottom: 1px solid #d7e3f6;
    position: fixed;
    width: 100%;
    z-index: 101
}
.media-library-topbar__title {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(50%);
    right: 50%
}
.media-library-topbar__leave {
    float: right;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px
}
.sidebar-library {
    height: calc(100vh - 200px);
    background-color: #fff;
    width: 17.75rem;
    padding: 2.125rem;
    position: fixed;
    color: #080d38;
    z-index: 10;
    /* margin-top: 70px; */
    overflow: auto
}
.sidebar-library__element:first-child {
    padding-top: 1.625rem
}
.sidebar-library__element {
    padding-top: 3.75rem
}
.sidebar-library__element-title {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: 28px;
    margin-bottom: 1.375rem
}
.sidebar-library__element .filter {
    padding: .875rem;
    transition: .2s ease;
    cursor: pointer;
    border-radius: 2px;
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.sidebar-library__element .filter img {
    margin-right: .5rem;
    vertical-align: sub
}
.sidebar-library__element .filter:hover {
    background-color: #f4f7fb
}
.sidebar-library__element .filter.active {
    background-color: #5b70ff;
    color: #fff
}
.sidebar-library__element .filter.active svg {
    fill: #5b70ff
}
.folder {
    position: relative
}
.folder:after {
    display: block;
    clear: both;
    float: none;
    content: ""
}
.folder:hover .actions {
    display: block
}
.folder .actions {
    position: absolute;
    top: 18px;
    right: 6px;
    display: none
}
.folder__item {
    position: relative;
    overflow: hidden
}
.folder__item .section-content-checkbox {
    padding-left: 4rem;
    padding-top: 1rem
}
.folder__item .section-content-checkbox .choice {
    display: inline-flex
}
.folder__item .section-content-checkbox .choice [type=checkbox], .folder__item .section-content-checkbox .choice [type=radio] {
    display: none
}
.folder__item .section-content-checkbox .choice:before {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 1rem;
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_default_qcm.svg)
}
.folder__item .section-content-checkbox .choice.choice_selected:before {
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_check_qcm.svg)
}
.folder__item .info {
    padding: .5rem 1rem
}
.folder__item .info:before {
    content: "";
    background-color: #e2ebf2;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: block;
    float: left;
    margin-right: .875rem;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: 50%
}
.folder__item .info__name, .folder__item .info__type {
    display: block;
    font-size: .8rem;
    line-height: 1.2
}
.folder__item .info__name {
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    color: #080d38;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: .875rem;
    line-height: 1.6;
    text-overflow: ellipsis
}
.folder__item .info__type {
    color: #9ab3dc;
    font-size: .75rem
}
.folder__item:hover {
    background: #f7f7f7;
    cursor: pointer
}
.folder_display_list {
    background-color: #fff
}
.folder_display_list .folder__item {
    padding: .5rem 0
}
.folder_display_list .folder__item .info {
    padding: .5rem 1rem;
    height: 3.5rem
}
.folder_display_list .folder__item .info:before {
    width: 2.25rem;
    height: 2.25rem
}
.folder_display_list .folder__item .info__image {
    display: none
}
.folder_display_list .folder__item .info__name {
    margin-top: 3px
}
.folder_display_list .folder__item {
    display: block
}
.folder_display_list .folder__item+.folder__item {
    border-top: 1px solid #e2ebf2
}
.folder_display_block {
    margin-left: -.5rem;
    margin-right: -.5rem
}
.folder_display_block .info:before {
    width: 2rem;
    height: 2rem;
    margin-top: 5px;
    transition: all 1s ease
}
.folder_display_block .folder__item {
    border: 1px solid #cbd9e4;
    background: url(https://static.myskillcamp.com/images/icon/icon-library/pattern.svg);
    position: relative
}
.folder_display_block .folder__item.media:before {
    background-image: none
}
.folder_display_block .folder__item {
    background-color: #fff;
    float: left;
    padding: 0;
    margin: .5rem;
    height: 14rem
}
.folder_display_block .folder__item__media {
    height: auto !important
}
.folder_display_block .folder__item .info {
    border-top: 1px solid #cbd9e4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .875rem 1rem;
    background-color: #fff
}
.folder_display_block .folder__item .info__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 !important
}
.folder_display_block .folder__item .info:before {
    margin-top: 0;
    width: 2rem;
    height: 2rem
}
.folder_display_block .folder__item a {
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 75%;
    background-position: 50%;
    background-size: cover;
    height: 14rem
}
.folder_display_block .folder__item:hover {
    border-color: #5b70ff;
    box-shadow: 0 4px 13px 0 #9ab3dc
}
.modal-library .folder_display_block .folder__item {
    height: auto;
    padding-bottom: 70px
}
.modal-library .folder_display_block .folder__item .info {
    top: 100%;
    bottom: auto
}
.library-page {
    position: relative
}
.library-page .container {
    padding-top: 70px;
    padding-left: 17.75rem
}
.library-page__preview {
    position: fixed;
    right: 46px;
    top: 90px;
    z-index: 100
}
.library-page__preview.fixed {
    position: absolute;
    top: 90px;
    right: 30px
}
.media-library {
    overflow: auto
}
.media-library .modal-dialog {
    max-width: none
}
.media-list-library {
    padding: 0 2rem
}
.media-list-library__list {
    margin-bottom: 1.5rem
}
.media-list-library .media-list-title {
    margin: 1rem 0;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: 20px;
    color: #080d38
}
.media-list-library .search-filter {
    display: flex;
    justify-content: flex-end;
    align-items: center
}
.media-list-library .added-date {
    margin-left: 1rem;
    margin-top: 2rem;
    font-size: 16px;
    color: #080d38
}
.media-list-library .columns {
    padding: 0 1rem;
    float: left !important
}
@media screen and (min-width:400px) {
    .media-list-library .columns {
        width: 100%
    }
}
@media screen and (min-width:630px) {
    .media-list-library .columns {
        width: 50%
    }
}
@media screen and (min-width:964px) {
    .media-list-library .columns {
        width: 33.33333%
    }
}
@media screen and (min-width:1255px) {
    .media-list-library .columns {
        width: 25%
    }
}
@media screen and (min-width:1200px) {
    .media-list-library .columns {
        width: 20%
    }
}
.preview-library {
    width: 420px;
    background-color: #fff;
    box-shadow: 0 7px 13px 20px rgba(215, 227, 246, .34), 0 26px 25px -13px #9ab3dc;
    border-radius: 6px;
    padding: 4.5rem 2.5rem;
    position: relative;
    font-size: 14px;
    color: #080d38;
    overflow: auto;
    height: 80vh;
    z-index: 100
}
.preview-library .leave-white {
    position: absolute;
    top: 15px;
    right: 20px
}
.preview-library__title {
    margin-bottom: 1rem
}
.preview-library__title .supertitle {
    color: #f88a56;
    margin-bottom: 1rem;
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.preview-library__title textarea {
    font-size: 28px
}
.preview-library__media {
    position: relative;
    height: 191px;
    overflow: hidden
}
.preview-library__media img {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateX(50%) translateY(-50%)
}
.preview-library__media .actions {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex
}
.preview-library__media .actions button:first-child {
    margin-right: .375rem
}
.preview-library .btn {
    width: 100%;
    margin-top: .5rem
}
.preview-library .publish-info {
    margin: 2rem 0
}
.preview-library .publish-info__element {
    margin-bottom: .5rem
}
.preview-library .publish-info__element:before {
    content: "";
    height: 1rem;
    width: 1rem;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: .5rem
}
.preview-library .publish-info__element.collaborators img {
    margin-left: -2rem
}
.preview-library .publish-info__element.picto-created:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_date.svg) 50% no-repeat;
    background-size: 1rem
}
.preview-library .publish-info__element.picto-updated:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_edit.svg) 50% no-repeat;
    background-size: 1rem
}
.preview-library .publish-info__element.picto-event:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_calendar_black.svg) 50% no-repeat;
    background-size: 1rem
}
.preview-library .is-used {
    padding-top: 1rem;
    border-top: 1px solid #f4f7fb
}
.preview-library .is-used__title {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    margin-bottom: 1rem
}
.preview-library .is-used__title .number {
    background-color: #d7e3f6;
    height: 1.3rem;
    min-width: 1.3rem;
    display: inline-block;
    border-radius: .65rem;
    text-align: center;
    padding: 0 .375rem
}
.preview-library .is-used__camp-miniature {
    margin-bottom: 1rem;
    width: 33.33333%
}
.preview-library .is-used__camp-miniature .camp-img-container {
    width: 100px;
    height: 60px;
    position: relative;
    margin-bottom: .25rem
}
.preview-library .is-used__camp-miniature .camp-img-container img {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateX(50%) translateY(-50%)
}
.preview-library .is-used__camp-miniature .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.preview-library .is-used__course-miniature {
    display: flex;
    border: 1px solid #d7e3f6;
    align-items: center
}
.preview-library .is-used__course-miniature p {
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: .75rem
}
.preview-library .is-used__course-miniature:not(:last-child) {
    margin-bottom: .5rem
}
.preview-library .is-used__course-miniature .img-container {
    display: inline-block;
    width: 70px;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: .75rem;
    height: 50px;
    position: relative
}
.preview-library .is-used__course-miniature .img-container img {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateY(-50%) translateX(50%);
    min-height: 50px
}
.preview-library .is-used button {
    margin-top: .5rem;
    width: 100%
}
.add-library {
    padding: 0 2rem 3rem
}
.add-media .row {
    max-width: none
}
.add-media #file {
    text-align: center;
    width: auto;
    margin-top: 1rem
}
.add-media__container {
    height: 45vh;
    background-color: #fff;
    border-radius: 4px;
    border: 2px dashed #9ab3dc;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    position: relative
}
.add-media__container.embed-media {
    height: auto
}
.add-media__container .embed {
    width: 30rem;
    padding: 20%;
    margin: 0 auto
}
.add-media__container .actions {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}
.add-media__container .actions .pull-right {
    margin-left: auto
}
.add-media__container input[type=file] {
    display: none
}
.add-media__container .upload-label {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    cursor: pointer
}
.add-media__container:hover .icon-embed, .add-media__container:hover .upload {
    transform: scale(1.05)
}
.add-media__container:hover .icon-embed:before, .add-media__container:hover .upload:before {
    transform: scale(.95)
}
.add-media__container .interior {
    text-align: center;
    margin: auto 0
}
.add-media__container .interior.embed {
    padding: 2rem;
    width: 100%
}
.add-media__container .interior.embed h6 {
    margin-bottom: .5rem !important
}
.add-media__container .embed-code__title {
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 1rem
}
.add-media__container .icon-embed {
    margin-bottom: 1rem !important;
    margin-left: 0
}
.add-media__container .icon-embed:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_library_embed.svg) 50% no-repeat !important;
    background-size: 1.25rem;
    margin-left: 0
}
.add-media__container .icon-embed, .add-media__container .upload {
    height: 2.5rem;
    width: 2.5rem;
    background-color: #d7e3f6;
    border-radius: 50%;
    margin: 0 auto 2rem;
    transition: .2s ease;
    padding: 0
}
.add-media__container .icon-embed:before, .add-media__container .upload:before {
    content: "";
    height: 2.5rem;
    width: 2.4rem;
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_library_upload.svg) 50% no-repeat;
    background-size: 1.25rem;
    display: block
}
.add-media__container h6 {
    margin-bottom: 2rem
}
.add-media__container p {
    font-size: 14px
}
.add-media .external-providers {
    margin-top: 1rem
}
.add-media .external-providers .columns {
    padding-right: .5rem;
    padding-left: .5rem;
    float: left
}
.add-media .external-providers__element {
    height: 5.5rem;
    background-color: #fff;
    text-align: center;
    border-radius: 4px;
    display: flex;
    overflow: hidden;
    padding: 1.25rem 2.5rem;
    margin-bottom: .75rem
}
.add-media .external-providers__element .image {
    height: 100%;
    width: 100%
}
.add-media .external-providers__element .image.adobe {
    background: url(https://images-eu.ssl-images-amazon.com/images/I/51eFJFSBSLL.png) 50% no-repeat;
    background-size: contain
}
.add-media .external-providers__element .image.ppt {
    background: url(https://assets.pcmag.com/media/images/439396-microsoft-powerpoint.jpg?height=456&width=810) 50% no-repeat;
    background-size: contain
}
.add-media .external-providers__element .image.canva {
    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRd_bor8S5yV2_dZ8fJ7oMVZzx1_ESpzPOaeVC5nQBNo5d8coI8Qw) 50% no-repeat;
    background-size: contain
}
.library-bank {
    padding: 0 2rem
}
.library-bank .row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px
}
.library-bank .row .column, .library-bank .row .columns {
    flex: 33.33333%;
    max-width: 33.33333%;
    padding: 0 4px
}
.library-bank .row .column img, .library-bank .row .columns img {
    margin-top: 8px;
    vertical-align: middle;
    cursor: pointer
}
.image-bank-miniature {
    height: 22.375rem;
    color: #080d38;
    margin-bottom: 1rem;
    cursor: pointer
}
.image-bank-miniature .images {
    display: flex;
    height: 15rem;
    border-radius: 4px;
    overflow: hidden
}
.image-bank-miniature .images .img-container {
    position: relative;
    overflow: hidden;
    height: 100%;
    background-size: cover
}
.image-bank-miniature .images .right {
    width: 66.66666%;
    border-right: 1px solid #d7e3f6;
    height: 100%
}
.image-bank-miniature .images .left {
    width: 33.33333%;
    height: 100%
}
.image-bank-miniature .images .left .img-container:first-child {
    border-bottom: 1px solid #d7e3f6
}
.image-bank-miniature .images .left .img-container {
    display: block;
    height: 50%
}
.image-bank-miniature .info {
    margin-top: .5rem
}
.image-bank-miniature .info__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.image-bank-miniature .info__author {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #424667
}
.image-bank-container {
    position: relative;
    cursor: pointer
}
.image-bank-container .image-bank-details {
    position: absolute;
    bottom: .5rem;
    left: .625rem;
    color: #fff;
    visibility: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.image-bank-container a {
    color: #fff;
    text-decoration: underline
}
.image-bank-container a:hover {
    color: #fff
}
.image-bank-container:hover .image-bank-details {
    visibility: visible
}
.library-bank-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem
}
.library-bank-header .left {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    border-bottom: 2px solid #5b70ff;
    font-size: 16px;
    cursor: pointer
}
.library-bank-header .left .back {
    display: flex;
    align-items: center
}
.library-bank-header .left .back:before {
    content: "";
    height: 1rem;
    width: 1rem;
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_long_arrow_black.svg) 50% no-repeat;
    background-size: .875rem;
    transform: scaleX(-1);
    margin-right: .5rem
}
.library-bank-header .right {
    display: flex
}
.library-bank-header .right button {
    flex-grow: 0
}
.library-bank-header .right .input {
    margin-right: 1rem
}
.library-bank-header .right input {
    margin: 0;
    width: 14rem
}
.library-bank .load-more {
    margin-top: 1rem
}
.collection-list.row {
    margin-right: -1rem;
    margin-left: -1rem
}
.collection-list .columns {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}
.library-empty-state {
    background-color: #fff;
    height: 40rem;
    display: flex;
    justify-content: center;
    color: #080d38;
    border-radius: 4px
}
.library-empty-state .interior {
    margin: auto 0
}
.library-empty-state__picto-container {
    height: 14.5rem;
    width: 14.5rem;
    background-color: #d7e3f6;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-shrink: 0
}
.library-empty-state__picto-container:before {
    content: "";
    height: 10rem;
    width: 10rem;
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_library_video.svg) 50% no-repeat;
    background-size: 8rem;
    display: block;
    margin: 0 auto
}
.library-empty-state__title {
    text-align: center;
    margin: 2.5rem 0 1rem;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: 24px
}
.library-empty-state__message {
    text-align: center
}
.library-empty-state__message .link {
    cursor: pointer;
    color: #5b70ff;
    text-decoration: underline
}
.library-empty-state__message .link:hover {
    color: #425aff
}
.course-list {
    margin-top: 2rem
}
.library-page__preview .container-media {
    position: relative
}
.library-page__preview .container-media .actions {
    top: 10px;
    right: 10px
}
.settings-block_details .colums {
    width: 50%
}
.box {
    list-style: none
}
.box--session {
    margin: 0;
    position: relative
}
.box--session .box__session {
    margin-top: 2rem;
    padding-left: 40px
}
.box--session .box__session--more {
    padding-left: 0;
    text-align: center
}
.box--sub-level {
    position: relative
}
.box--sub-level:before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #e3eaf5;
    position: absolute;
    top: 0;
    left: -1.5rem
}
.box__container-modul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.box__tooltip {
    position: relative
}
.box__tooltip:hover .tooltip--avatar {
    opacity: 1
}
.box__list .avatar {
    margin: 0 !important
}
.box__list .icon--users {
    margin-left: .25rem
}
.box__folder, .box__modul {
    background-color: #fff;
    border-radius: 4px
}
.box__folder {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    min-height: 150px
}
.box__folder:after {
    content: "\ea10";
    font-family: myskillcamp;
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #c3d2ea;
    opacity: .2
}
.box__folder--add {
    background: none;
    border: 2px dotted #c3d2ea
}
.box__folder--add:after {
    display: none
}
.box__folder-header {
    position: relative;
    left: -35px;
    z-index: 9998;
    width: calc(100% + 1.5rem + 1.5rem);
    padding: 0 1.5rem
}
.box__folder-header:after {
    content: "";
    background-color: rgba(244, 247, 251, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}
.box__folder .icon--edit-text {
    font-size: 18px;
    margin-right: .5rem
}
.box__modul {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.box__modul--add {
    background: none;
    border: 2px dotted #c3d2ea;
    text-align: center
}
.box__modul--add:after {
    display: none
}
.box__item--list {
    padding: 1rem 1.5rem;
    position: relative;
    margin-left: 0
}
.box__item--list p {
    margin-bottom: 0
}
.box__item--journey {
    padding: 1.5rem
}
.box__img--camp {
    background: url(https://apistaging.myskillcamp.com/api/stockage/image/c7152682-fa31-570d-b815-ef585614c531.png?size=48) 50% no-repeat;
    background-size: contain;
    height: 80px;
    width: 100%
}
.box__img--modul {
    height: 180px;
    overflow: hidden;
    margin-bottom: 1rem;
    position: relative
}
.box__img--modul img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto
}
.box__title {
    font-size: 18px;
    margin-bottom: .25rem;
    position: relative;
    z-index: 1
}
.box__title--camp {
    margin-top: 1rem;
    text-align: center
}
.box__btn-edit {
    font-size: 24px;
    display: flex;
    justify-content: flex-end;
    opacity: .5;
    transition: all .2s cubic-bezier(.2, 1, .3, 1)
}
.box__btn-edit:hover {
    color: #5b70ff;
    opacity: 1;
}
.box__description {
    color: #9ab3dc;
    font-weight: 600;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
}
.box__description-group p {
    margin-left: 1rem;
}
.box__description-group p:first-child {
    margin-left: 0
}
.box__description-group span {
    margin-right: .25rem
}
.box__number {
    color: #5b70ff;
    font-weight: 800
}
.box__id {
    font-size: 14px
}
.box__strong {
    color: #5b70ff;
    font-weight: 600;
    margin-right: .5rem
}
.box__list .avatar {
    margin-right: 0;
    margin-left: -.5rem;
    border: 2px solid #fff
}
.box__list .avatar:first-child {
    margin-left: 0
}
.box__session {
    position: relative
}
.box__session:first-child {
    margin-top: 0
}
.box__session:hover .input-checkbox {
    visibility: visible;
    opacity: 1
}
.box__session-list {
    padding: 1rem 1.5rem;
    position: relative;
    margin-left: 0;
    background-color: #fff;
    border-radius: 4px
}
.box__session-list p {
    margin-bottom: 0
}
.box .input-checkbox {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden
}
.box .input-checkbox:checked {
    visibility: visible;
    opacity: 1
}
.box .input-checkbox:checked+.box__session-list {
    position: relative
}
.box .input-checkbox:checked+.box__session-list:before {
    content: "\ea0a";
    font-family: myskillcamp;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #5b70ff;
    color: #fff;
    text-align: center;
    line-height: 20px;
    z-index: 1
}
.box .input-checkbox:checked+.box__session-list:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #5b70ff;
    box-sizing: unset;
    border-radius: 4px;
    flex: none;
    pointer-events: none
}
.box__group-folder {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem 0 0;
    cursor: pointer
}
.box__icon-sub {
    margin-left: .5rem;
    background-color: red;
    width: 40px;
    height: 100%;
    position: relative;
    z-index: 1;
    text-align: center
}
.box__icon-sub:before {
    content: "";
    width: 100%;
    height: calc(100% + 3rem + 1px);
    position: absolute;
    top: calc(-1.5rem - 1px);
    right: 0;
    background-color: #f4f7fb;
    z-index: -1;
    border-radius: 4px
}
.box__icon-sub .icon {
    font-size: 24px;
    color: #5b70ff
}
.box__icon-sub:hover .icon {
    color: #0019c1
}
.box__icon-sub.active .icon {
    color: #9ab3dc
}
body.active {
    overflow: hidden
}
.modul--thumb {
    background-color: #fff;
    display: flex;
    align-items: center;
    position: relative
}
.modul__icon {
    width: 80px;
    font-size: 32px;
    text-align: center;
    color: #9ab3dc
}
.modul__img {
    width: 30%;
    max-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.modul__img img {
    min-width: 100%;
    min-height: 100%;
    margin-right: 2rem
}
.modul__content {
    margin-top: 0
}
.catalogue__content--calendar {
    background-color: #fff;
    position: relative;
    padding: 3rem
}
.fc {
    direction: ltr;
    text-align: left
}
.fc-rtl {
    text-align: right
}
body .fc {
    font-size: 16px
}
body .fc table {
    width: 100%
}
body .fc table, body .fc tr {
    background-color: #fff
}
body .fc table td {
    border-radius: 0
}
.fc-highlight {
    background: #bce8f1;
    opacity: .3
}
.fc-bgevent {
    background: #8fdf82;
    opacity: .3
}
.fc-nonbusiness {
    background: #d7d7d7
}
.fc button {
    box-sizing: border-box;
    margin: 0;
    font-size: 1em;
    white-space: nowrap;
    cursor: pointer
}
.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0
}
.fc button .fc-icon {
    position: relative;
    vertical-align: middle
}
.fc-state-default {
    border: 2px solid #5b70ff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    margin: 0 5px !important;
    opacity: .75;
    transition: opacity .1s ease-in-out;
    color: #5b70ff
}
.fc-state-default:hover {
    opacity: 1
}
.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
    color: #333;
    background-color: #e6e6e6
}
.fc-state-hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    transition: background-position .1s linear
}
.fc-state-active, .fc-state-down {
    background-color: #ccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}
.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: .65;
    box-shadow: none
}
.fc-button-group {
    display: flex
}
.fc .fc-button-group>* {
    margin: 0 0 0 -1px
}
.fc .fc-button-group>:first-child {
    margin-left: 0
}
.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}
.fc-popover .fc-header {
    padding: 2px 4px
}
.fc-popover .fc-header .fc-title {
    margin: 0 2px
}
.fc-popover .fc-header .fc-close {
    cursor: pointer
}
.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
    float: left
}
.fc-ltr .fc-popover .fc-header .fc-close, .fc-rtl .fc-popover .fc-header .fc-title {
    float: right
}
.fc-divider {
    border-style: solid;
    border-width: 1px
}
hr.fc-divider {
    height: 1px;
    margin: 0;
    padding: 0 0 1px;
    border-width: 1px 0
}
.fc-clear {
    display: none
}
.fc-bg, .fc-bgevent-skeleton, .fc-helper-skeleton, .fc-highlight-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}
.fc-bg {
    bottom: 0
}
.fc-bg table {
    height: 100%
}
.fc table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em
}
.fc th {
    text-align: center
}
.fc td, .fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top
}
.fc td.fc-today {
    border-style: double
}
a[data-goto] {
    cursor: pointer
}
a[data-goto]:hover {
    text-decoration: underline
}
.fc .fc-row {
    border-style: solid;
    border-width: 0
}
.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}
.fc-row:first-child table {
    border-top: 0 hidden transparent
}
.fc-row {
    position: relative
}
.fc-row .fc-bg {
    z-index: 1
}
.fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
    bottom: 0
}
.fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
    height: 100%
}
.fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
    border-color: transparent
}
.fc-row .fc-bgevent-skeleton {
    z-index: 2
}
.fc-row .fc-highlight-skeleton {
    z-index: 3
}
.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px
}
.fc-row .fc-helper-skeleton {
    z-index: 5
}
.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td {
    background: none;
    border-color: transparent
}
.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
    border-bottom: 0
}
.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
    border-top: 0
}
.fc-scroller {
    -webkit-overflow-scrolling: touch
}
.fc-scroller>.fc-day-grid, .fc-scroller>.fc-time-grid {
    position: relative;
    width: 100%
}
.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3
}
.fc-event, .fc-event-dot {
    background-color: rgba(91, 112, 255, .2);
    position: relative;
    padding: 5px
}
.fc-event-dot:before, .fc-event:before {
    content: "";
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #5b70ff;
    z-index: 999
}
.fc-event-unsubscribe {
    background-color: rgba(248, 138, 86, .3)
}
.fc-event-unsubscribe .fc-time {
    color: #f7793e
}
.fc-event-unsubscribe:before {
    background-color: #f88a56
}
.fc-event, .fc-event:hover {
    color: #fff;
    text-decoration: none
}
.fc-event.fc-draggable, .fc-event[href] {
    cursor: pointer
}
.fc-not-allowed, .fc-not-allowed .fc-event {
    cursor: not-allowed
}
.fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25
}
.fc-event .fc-content {
    position: relative;
    z-index: 2
}
.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
    display: none
}
.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer {
    display: block
}
.fc-event.fc-selected .fc-resizer:before {
    content: "";
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px
}
.fc-event.fc-selected {
    z-index: 9999 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}
.fc-event.fc-selected.fc-dragging {
    box-shadow: 0 2px 7px rgba(0, 0, 0, .3)
}
.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0
}
.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px
}
.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px
}
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    bottom: -1px
}
.fc-h-event.fc-selected .fc-resizer {
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    top: 50%;
    margin-top: -4px
}
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px
}
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px
}
.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px
}
tr:first-child>td>.fc-day-grid-event {
    margin-top: 2px
}
.fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: #000;
    opacity: .25
}
.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden
}
.fc-day-grid-event .fc-time {
    font-weight: 700;
    margin-left: 5px;
    color: #5b70ff
}
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px
}
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px
}
a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none
}
a.fc-more:hover {
    text-decoration: underline
}
.fc-limited {
    display: none
}
.fc-day-grid .fc-row {
    z-index: 1
}
.fc-more-popover {
    z-index: 2;
    width: 220px
}
.fc-more-popover .fc-event-container {
    padding: 10px
}
.fc-now-indicator {
    position: absolute;
    border: 0 solid red
}
.fc-unselectable {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #d7e3f6
}
.fc-unthemed .fc-popover {
    background-color: #trans
}
.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
    background: #c2d4f1
}
.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666
}
.fc-unthemed td.fc-today {
    background: #fcf8e3
}
.fc-unthemed .fc-disabled-day {
    background: #d7d7d7;
    opacity: .3
}
.fc-icon {
    display: inline-block;
    font-size: 1em;
    overflow: hidden;
    font-family: Courier New, Courier, monospace;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}
.fc-icon:after {
    position: relative
}
.fc-icon-left-single-arrow:after {
    content: "\2039";
    font-weight: 700;
    font-size: 24px;
    top: -1px;
    left: 0
}
.fc-icon-right-single-arrow:after {
    content: "\203A";
    font-weight: 700;
    font-size: 24px;
    top: -1px;
    left: 0
}
.fc-icon-left-double-arrow:after {
    content: "\AB";
    font-size: 160%;
    top: -7%
}
.fc-icon-right-double-arrow:after {
    content: "\BB";
    font-size: 160%;
    top: -7%
}
.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%
}
.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%
}
.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%
}
.fc-icon-x:after {
    content: "\D7";
    font-size: 200%;
    top: 6%
}
.fc-prev-button {
    position: relative
}
.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid
}
.fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: .9em;
    margin-top: 2px
}
.fc-unthemed .fc-list-item:hover td {
    background-color: #f5f5f5
}
.ui-widget .fc-disabled-day {
    background-image: none
}
.fc-popover>.ui-widget-header+.ui-widget-content {
    border-top: 0
}
.ui-widget .fc-event {
    color: #fff;
    text-decoration: none;
    font-weight: 400
}
.ui-widget td.fc-axis {
    font-weight: 400
}
.fc-time-grid .fc-slats .ui-widget-content {
    background: none
}
.fc.fc-bootstrap3 a {
    text-decoration: none
}
.fc.fc-bootstrap3 a[data-goto]:hover {
    text-decoration: underline
}
.fc-bootstrap3 hr.fc-divider {
    border-color: inherit
}
.fc-bootstrap3 .fc-today.alert {
    border-radius: 0
}
.fc-bootstrap3 .fc-popover .panel-body {
    padding: 0
}
.fc-bootstrap3 .fc-time-grid .fc-slats table {
    background: none
}
.fc.fc-bootstrap4 a {
    text-decoration: none
}
.fc.fc-bootstrap4 a[data-goto]:hover {
    text-decoration: underline
}
.fc-bootstrap4 hr.fc-divider {
    border-color: inherit
}
.fc-bootstrap4 .fc-today.alert {
    border-radius: 0
}
.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
    color: #fff
}
.fc-bootstrap4 .fc-popover.card {
    position: absolute
}
.fc-bootstrap4 .fc-popover .card-body {
    padding: 0
}
.fc-bootstrap4 .fc-time-grid .fc-slats table {
    background: none
}
.fc-toolbar {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid #d7e3f6;
    padding-bottom: 1rem
}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em
}
.fc-toolbar.fc-footer-toolbar {
    margin-top: 1em
}
.fc-toolbar .fc-left {
    float: left
}
.fc-toolbar .fc-right {
    float: right
}
.fc-toolbar .fc-center {
    text-align: left
}
.fc .fc-toolbar>*>* {
    float: left;
    margin-left: .75em
}
.fc .fc-toolbar>*>:first-child {
    margin-left: 0
}
.fc-toolbar h2 {
    margin: 0;
    font-size: 22px
}
.fc-toolbar button {
    position: relative
}
.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
    z-index: 2
}
.fc-toolbar .fc-state-down {
    z-index: 3
}
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 4
}
.fc-toolbar button:focus {
    z-index: 5
}
.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
    box-sizing: content-box
}
.fc-view, .fc-view>table {
    position: relative;
    z-index: 1
}
.fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton {
    padding-bottom: 1em
}
.fc-basic-view .fc-body .fc-row {
    min-height: 9em
}
.fc-row.fc-rigid {
    overflow: hidden
}
.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}
.fc-day-top.fc-other-month {
    opacity: .3
}
.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
    padding: 2px
}
.fc-basic-view th.fc-day-number, .fc-basic-view th.fc-week-number {
    padding: 0 2px
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: right
}
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left
}
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px 0
}
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px
}
.fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: gray
}
.fc-basic-view td.fc-week-number {
    text-align: center
}
.fc-basic-view td.fc-week-number>* {
    display: inline-block;
    min-width: 1.25em
}
.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2
}
.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-bottom: 1em
}
.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap
}
.fc-ltr .fc-axis {
    text-align: right
}
.fc-rtl .fc-axis {
    text-align: left
}
.fc-time-grid, .fc-time-grid-container {
    position: relative;
    z-index: 1
}
.fc-time-grid {
    min-height: 100%
}
.fc-time-grid table {
    border: 0 hidden transparent
}
.fc-time-grid>.fc-bg {
    z-index: 1
}
.fc-time-grid .fc-slats, .fc-time-grid>hr {
    position: relative;
    z-index: 2
}
.fc-time-grid .fc-content-col {
    position: relative
}
.fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0
}
.fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1
}
.fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2
}
.fc-time-grid .fc-highlight-container {
    z-index: 3
}
.fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4
}
.fc-time-grid .fc-now-indicator-line {
    z-index: 5
}
.fc-time-grid .fc-helper-container {
    position: relative;
    z-index: 6
}
.fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0
}
.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted
}
.fc-time-grid .fc-highlight-container {
    position: relative
}
.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0
}
.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px
}
.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%
}
.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
    position: absolute;
    z-index: 1
}
.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0
}
.fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.fc-time-grid-event {
    overflow: hidden
}
.fc-time-grid-event.fc-selected {
    overflow: visible
}
.fc-time-grid-event.fc-selected .fc-bg {
    display: none
}
.fc-time-grid-event .fc-content {
    overflow: hidden
}
.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
    padding: 0 1px
}
.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap
}
.fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap
}
.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top
}
.fc-time-grid-event.fc-short .fc-time span {
    display: none
}
.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start)
}
.fc-time-grid-event.fc-short .fc-time:after {
    content: "\A0-\A0"
}
.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
    content: "="
}
.fc-time-grid-event.fc-selected .fc-resizer {
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: -5px
}
.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0
}
.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}
.fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px
}
.fc-rtl .fc-list-view {
    direction: rtl
}
.fc-list-view {
    border-width: 1px;
    border-style: solid
}
.fc .fc-list-table {
    table-layout: auto
}
.fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px
}
.fc-list-table tr:first-child td {
    border-top-width: 0
}
.fc-list-heading {
    border-bottom-width: 1px
}
.fc-list-heading td {
    font-weight: 700
}
.fc-ltr .fc-list-heading-main {
    float: left
}
.fc-ltr .fc-list-heading-alt, .fc-rtl .fc-list-heading-main {
    float: right
}
.fc-rtl .fc-list-heading-alt {
    float: left
}
.fc-list-item.fc-has-url {
    cursor: pointer
}
.fc-list-item-marker, .fc-list-item-time {
    white-space: nowrap;
    width: 1px
}
.fc-ltr .fc-list-item-marker {
    padding-right: 0
}
.fc-rtl .fc-list-item-marker {
    padding-left: 0
}
.fc-list-item-title a {
    text-decoration: none;
    color: inherit
}
.fc-list-item-title a[href]:hover {
    text-decoration: underline
}
.fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    position: relative
}
.fc-list-empty {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.fc-unthemed .fc-list-empty {
    background-color: #eee
}
.fc-today-button {
    display: none
}
.fc-day-header {
    color: #080d38;
    font-size: 14px
}
.fc-widget-header {
    border: 0 !important
}
.fc-head-container {
    padding: 1.5rem 0 !important
}
.fc-axis {
    border: 0 !important
}
.fc-time {
    color: #424667;
    font-weight: 900;
    font-size: 14px;
    margin-bottom: 5px
}
.fc-title {
    color: #424667;
    font-weight: 600
}
.fc-day-grid-event .fc-title {
    margin-left: 5px
}
body .fc table, body .fc tr {
    background-color: transparent
}
.fc-time {
    color: #9ab3dc
}
.fc-body tr:hover {
    background: none
}
.fc-content {
    padding: 5px 0
}
.fc-more-popover {
    background-color: #fff
}
.fc-widget-header .fc-close {
    display: inline-block;
    transform: translateX(100%)
}
.fc-listWeek-button, .fc-month-button {
    border: none;
    background: none;
    width: auto;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    font-family: Assistant, arial, sans-serif;
    font-weight: 600;
    color: #787ca1;
    opacity: 1;
    margin: 0 2rem 0 0 !important
}
.fc-listWeek-button:hover, .fc-month-button:hover {
    color: #5b70ff
}
.fc-state-active {
    color: #5b70ff;
    position: relative;
    background-color: #5b70ff;
    padding: 5px 10px;
    color: #fff;
    border-radius: 20px
}
.fc-listWeek-button.fc-state-active:hover, .fc-month-button.fc-state-active:hover {
    color: #fff
}
.fc-more-popover {
    width: 250px
}
.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
    background-color: rgba(91, 112, 255, .1)
}
.fc-unthemed .fc-popover .fc-header .fc-close {
    margin-top: 0;
    opacity: .6;
    transition: opacity .4s cubic-bezier(.2, 1, .3, 1)
}
.fc-unthemed .fc-popover .fc-header .fc-close:hover {
    color: #424667;
    opacity: 1
}
.fc-popover .fc-header {
    padding: 0 5px
}
.fc-widget-header {
    line-height: 30px
}
.fc-widget-header .fc-clear {
    display: block;
    clear: both
}
.fc-widget-header .fc-close {
    margin-top: 0;
    transform: none;
    height: 30px;
    line-height: 30px
}
.fc-event-dot {
    border-radius: 100%;
    background-color: #5b70ff;
    width: 7px;
    height: 7px;
    padding: 0
}
.fc-event-dot:before {
    display: none
}
.fc-unthemed .fc-list-item:hover td {
    background: none
}
.fc-list-empty {
    position: relative;
    font-family: Assistant, arial, sans-serif;
    font-weight: 600
}
.fc-list-empty:after {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_calendar_black.svg) 50% no-repeat;
    width: 80px;
    height: 80px;
    background-color: #ebf0f8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100px);
    border-radius: 100%
}
.fc-unthemed .fc-list-empty {
    background-color: #fff
}
.fc-unthemed td.fc-today {
    background-color: rgba(91, 112, 255, .1)
}
.fc-more {
    font-family: Assistant, arial, sans-serif;
    font-weight: 800;
    color: #5b70ff
}
.calendar__small {
    margin-bottom: 30px
}
.calendar__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}
.calendar__btn {
    align-items: center
}
.calendar__btn, .calendar__week {
    display: flex
}
.calendar__week {
    flex-wrap: wrap;
    text-align: center
}
.calendar__day {
    font-weight: 700;
    display: block;
    width: 14.28571%
}
.calendar__date {
    width: 14.28571%;
    font-weight: 600;
    font-size: 14px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all .1s linear
}
.calendar__date.active, .calendar__date:hover {
    background-color: #5b70ff;
    color: #fff;
    cursor: pointer;
}
.calendar__date.active .calendar__event, .calendar__date:hover .calendar__event {
    background-color: #fff;
}
.calendar__date.active.calendar__no-event, .calendar__date:hover.calendar__no-event {
    background: none;
    color: red;
}
.calendar__no-event {
    opacity: .4;
}
.calendar__grid-event {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}
.calendar__event {
    width: 4px;
    height: 4px;
    background-color: #5b70ff;
    display: block;
    border-radius: 50%;
    margin: 1px
}
.calendar__title {
    font-size: 22px;
    font-weight: 700
}
.sort--list, .sort__list {
    display: flex
}
.sort__list {
    border: 2px solid #c3d2ea;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}
.sort__list:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -2px
}
.sort__list:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.sort__list .icon {
    color: #9ab3dc
}
.sort__list:hover .icon {
    color: #5b70ff
}
.sort__list.active {
    background-color: #5b70ff;
    border: none
}
.sort__list.active .icon {
    color: #fff
}
.search {
    display: flex;
    align-items: center;
    position: relative;
    width: 300px
}
.search__label {
    width: 30px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0
}
.search__icon {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.search .icon--close {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    opacity: 0;
    cursor: pointer
}
.search__input {
    margin: 0;
    border: none;
    box-shadow: none;
    height: 40px;
    padding-left: 40px;
    padding-right: 30px
}
.search__input:focus {
    border: none
}
.search__input:focus+.icon--close {
    opacity: .25
}
.sidebar-v2.sidebar .sidebar__container {
    position: relative;
    height: 100vh
}
.sidebar-v2.sidebar .sidebar__close {
    position: absolute;
    top: 25px;
    right: 25px
}
.sidebar-v2.sidebar .sidebar__body {
    padding: 40px 0
}
.sidebar-v2.sidebar .sidebar__head--center, .sidebar-v2.sidebar .sidebar__title {
    text-align: center
}
.sidebar-v2.sidebar .sidebar__description {
    margin: 0 auto
}
.sidebar-v2.sidebar .sidebar__description .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin: 25px auto;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #5b70ff;
    color: #fff
}
.sidebar-v2.sidebar .sidebar__footer {
    background-color: #fff;
    width: 100%
}
.sidebar-v2.sidebar ul {
    list-style: none
}
.sidebar-v2.sidebar .actions {
    margin: 60px 0 0 25px;
    padding: 0
}
.sidebar-v2.sidebar .actions li {
    margin-bottom: 15px
}
.sidebar-v2.sidebar .actions li:last-child {
    margin-bottom: 0
}
.sidebar-v2.sidebar .actions li .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%
}
.sidebar-v2.sidebar .actions li .icon:before {
    color: #5b70ff;
    font-size: 22px
}
.sidebar-v2.sidebar .actions li .icon--check {
    background-color: #49e2af
}
.sidebar-v2.sidebar .actions li .icon--close {
    background-color: #fff
}
.sidebar-v2.sidebar .actions__link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #000;
    transition: all .35s ease-in-out
}
.sidebar-v2.sidebar .actions__link:hover {
    color: #5b70ff;
    transition: all .35s ease-in-out
}
.sidebar-v2.sidebar .actions__link .icon--arrow-right {
    font-size: 14px;
    margin-left: 5px;
    color: #5b70ff;
    position: relative;
    transition: transform .3s ease;
    vertical-align: middle;
    opacity: 0;
    transform: translate3d(-25px, 0, 0)
}
.sidebar-v2.sidebar .actions__link:hover .icon--arrow-right {
    transform: translate3d(5px, 0, 0);
    opacity: 1
}
.sidebar-v2.sidebar .actions--center {
    text-align: center
}
.sidebar-v2.sidebar .actions__item {
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin-bottom: 35px !important;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #5b70ff;
    background-color: #fff;
    display: inline-block;
    transform: scale(.98);
    transition: all .35s ease-in-out
}
.sidebar-v2.sidebar .actions__item:hover {
    background-color: #5b70ff;
    color: #fff;
    transform: scale(1)
}
.sidebar-v2.sidebar .actions__item:hover .actions__title {
    color: #fff
}
.sidebar-v2.sidebar .actions__title {
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    color: #5b70ff
}
.sidebar-v2.sidebar .actions__list, .sidebar-v2.sidebar .actions__list li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.sidebar-v2.sidebar .actions__list li {
    margin-bottom: 0;
    margin-right: 15px
}
.sidebar-v2.sidebar .actions__list li .icon:before {
    color: #fff;
    font-size: 12px
}
.sidebar-v2.sidebar .actions__list li .icon--close {
    background-color: #ff8080
}
.sidebar-v2.sidebar--account .sidebar__description {
    margin: 0
}
.sidebar-v2.sidebar--account .sidebar__title {
    text-align: left
}
.sidebar-v2.sidebar .account {
    margin: -15px 0
}
.sidebar-v2.sidebar .account__action, .sidebar-v2.sidebar .account__action .btn {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.sidebar-v2.sidebar .account__action .btn i {
    font-size: 20px
}
.sidebar-v2.sidebar .account__item {
    background-color: #ebf0f8;
    padding: 20px;
    margin: 15px 0;
    justify-content: space-between
}
.sidebar-v2.sidebar .account__infos, .sidebar-v2.sidebar .account__item {
    display: flex;
    align-items: center
}
.sidebar-v2.sidebar .account__infos {
    justify-content: flex-start;
}
.sidebar-v2.sidebar .account__infos .avatar {
    margin-right: 10px
}
.sidebar-v2.sidebar .account__name {
    color: #424667;
    font-size: 16px;
    font-weight: 700
}
.sidebar-v2.sidebar .account__status {
    color: rgba(66, 70, 103, .5);
    font-size: 12px;
    font-weight: lighter
}
.sidebar-v2.sidebar .account__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #5b70ff
}
.sidebar-v2.sidebar .account__btn i {
    color: #fff
}
.sidebar-v2 .params {
    padding-left: 65px
}
.sidebar-v2 .params .params__item {
    position: relative
}
.sidebar-v2 .params .params__item .new-icon {
    position: absolute;
    top: 0;
    left: -60px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    font-size: 28px
}
.sidebar-v2 .params .params__item .params__title, .sidebar-v2 .params .params__item .params__title .icon {
    display: flex;
    align-items: center;
    height: 45px;
    font-weight: 700
}
.sidebar-v2 .params .params__item .params__title .icon {
    position: absolute;
    top: 0;
    left: -65px;
    width: 45px;
    border-radius: 50%;
    line-height: 100%;
    justify-content: center;
    border: 2px solid gray;
    color: gray;
    background-color: #fff
}
.sidebar-v2 .params .params__item .params__title .icon--check {
    border: 2px solid #31da8c;
    color: #31da8c
}
.sidebar-v2 .params .params__radio {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    z-index: 100;
    font-size: 16px;
    background-color: #fff
}
.sidebar-v2 .params .params__group .switch-v2 {
    position: relative;
    z-index: 1;
    padding: 25px;
    margin: -25px 100px 25px 5px;
    border: 1px solid #e8e8e8
}
.sidebar-v2 .params .params__form {
    padding: 0 0 25px
}
.sidebar-v2 .switch-v2 {
    margin-bottom: 15px;
    align-items: flex-start;
}
.sidebar-v2 .switch-v2 .switch__label {
    margin-top: 5px;
    width: 60%
}
.sidebar-v2 .switch-v2 .switch__label p {
    margin: 0;
    color: #000
}
.sidebar-v2 .switch-v2 .switch__label .switch__description {
    font-size: 12px
}
.sidebar-v2 .tooltip:after {
    position: absolute;
    top: -15px;
    left: 50%;
    z-index: 100;
    white-space: nowrap;
    opacity: 0;
    transform: translate(-50%, -115%);
    content: attr(data-tooltip);
    color: #fff;
    background-color: #036;
    padding: 5px 10px;
    border-radius: 3px;
    transition: all .2s ease-in-out
}
.sidebar-v2 .tooltip:hover:after {
    opacity: 1;
    top: 5px
}
.sidebar-v2 .tooltip--top:after {
    top: -15px;
    left: 50%;
    transform: translate(-50%, -115%)
}
.sidebar-v2 .tooltip--top:hover:after {
    opacity: 1;
    top: 5px
}
.sidebar-v2 .tooltip--bottom:after {
    bottom: 0;
    top: auto;
    transform: translate(-50%, 115%)
}
.sidebar-v2 .tooltip--bottom:hover:after {
    bottom: 0;
    top: auto;
    transform: translate(-50%, 110%)
}
.sidebar-v2.sidebar--skill.sidebar--modal {
    width: 550px
}
.sidebar-v2.sidebar--skill .skill__add, .sidebar-v2.sidebar--skill .skill__disabled, .sidebar-v2.sidebar--skill .skill__List {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(195, 210, 234, .3)
}
.sidebar-v2.sidebar--skill .skill__add {
    display: flex
}
.sidebar-v2.sidebar--skill .skill__add span {
    margin-right: 15px
}
.sidebar-v2.sidebar--skill .skill__add .skill__content {
    color: #425aff
}
.sidebar-v2.sidebar--skill .skill__disabled {
    display: flex;
    align-items: center
}
.sidebar-v2.sidebar--skill .skill__disabled .disabled {
    opacity: .5
}
.sidebar-v2.sidebar--skill .skill__disabled .skill__arrow {
    display: flex;
    align-items: center
}
.sidebar-v2.sidebar--skill .skill__disabled .skill__arrow:before {
    content: "";
    background-color: rgba(66, 70, 103, .2);
    width: 80px;
    height: 1px;
    margin-left: 15px;
    margin-right: -10px;
}
.sidebar-v2.sidebar--skill .skill__disabled .skill__arrow i {
    color: rgba(66, 70, 103, .2);
    margin-right: 15px
}
.sidebar-v2.sidebar--skill .search {
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(195, 210, 234, .3);
}
.sidebar-v2.sidebar--skill .search input {
    outline: none;
}
.sidebar-v2.sidebar--skill .sidebar__head {
    justify-content: flex-start;
}
.sidebar-v2.sidebar--skill .sidebar__description {
    margin: 0;
}
.sidebar-v2.sidebar--skill .sidebar__title {
    text-align: left;
}
.sidebar-v2.sidebar--skill .sidebar__footer {
    justify-content: flex-end;
}
.sidebar-v2.sidebar--skill .form {
    margin-top: 30px;
}
.sidebar-v2.sidebar--skill .form__title {
    font-size: 16px;
}
.sidebar-v2.sidebar--skill .form__title:before {
    content: "•";
    color: #f6904c;
    font-size: 18px;
    margin-right: 8px
}
.sidebar-v2.sidebar--skill .form label {
    color: #425aff
}
.sidebar-v2.sidebar--skill .loader {
    margin: 45px auto
}
.sidebar--filter {
    width: 350px;
    background-color: #fff;
    padding: 2rem;
    margin-top: 2rem;
    border-radius: 2px;
    position: relative
}
.sidebar--filter .form {
    margin-top: 0 !important
}
.sidebar--modal {
    width: 800px;
    height: 100vh;
    position: fixed;
    background-color: #fff;
    top: 0;
    right: 0;
    z-index: 110;
    transform: translateX(100%);
    transition: transform .4s ease-in-out;
    border-top: 1px solid #ebf0f8
}
.sidebar--modal.active {
    transform: translateX(0)
}
.sidebar--modal .box__session {
    padding-left: 0
}
.sidebar--modal .form__item {
    border-top: none;
    padding: .25rem 0
}
.sidebar--action {
    width: 80px;
    background-color: #fff;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateX(100%);
    transition: transform .2s cubic-bezier(.2, 1, .3, 1);
    z-index: 100;
}
.sidebar--action.active {
    transform: translateX(0)
}
.sidebar--action .sidebar__close {
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%)
}
.sidebar__alert {
    background-color: #ffd796;
    width: 100%;
    padding: 1.5rem;
    position: absolute;
    top: -100%;
    left: 0;
    border-radius: 4px;
    z-index: 9999
}
.sidebar__alert .icon {
    color: #424667;
    opacity: .5
}
.sidebar__alert:hover a {
    display: block
}
.sidebar__alert:hover a .icon {
    opacity: 1
}
.sidebar__alert p {
    margin: 0;
    color: #424667;
    font-size: 14px;
    font-weight: 500;
    width: 90%;
    opacity: .8
}
.sidebar__alert.active {
    top: 0
}
.sidebar__edit {
    display: block;
    width: 100%;
    text-align: right
}
.sidebar__edit .icon {
    color: #5b70ff
}
.sidebar__listing {
    display: flex;
    justify-content: space-between
}
.sidebar__list {
    list-style: none;
    margin: 0;
    width: 50%
}
.sidebar__list-item {
    padding: .5rem 0;
    border-top: 1px solid #ebf0f8;
    display: flex;
    align-items: center
}
.sidebar__list-item:first-child {
    border: none
}
.sidebar__list-item .icon {
    margin-right: 5px;
    font-size: 15px;
    color: #f88a56
}
.sidebar__img {
    margin-bottom: .5rem
}
.sidebar__content {
    list-style: none;
    margin: 0
}
.sidebar__container {
    padding: 2rem;
    height: calc(100vh - 100px)
}
.sidebar__link-edit {
    color: #787ca1;
    font-size: 18px
}
.sidebar__link-edit:hover {
    color: #5b70ff
}
.sidebar__item-link {
    margin-top: 2rem
}
.sidebar__item-link:first-child {
    margin-top: 0
}
.sidebar__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between
}
.sidebar__description {
    width: 80%
}
.sidebar__close {
    font-size: 24px;
    color: #424667
}
.sidebar__close:hover {
    color: #5b70ff
}
.sidebar__title {
    font-size: 20px;
    margin-bottom: .25rem
}
.sidebar__subtitle {
    color: #9ab3dc;
    font-weight: 600;
    margin-bottom: 0
}
.sidebar .box {
    margin-left: 0;
    cursor: pointer;
    margin-top: 2rem
}
.sidebar .box--sub-level {
    margin: 1rem 0 0 1.5rem
}
.sidebar .modul__content {
    margin-top: 0
}
.sidebar .box__item {
    padding: 1rem;
    border: 1px solid #c3d2ea;
    margin-bottom: 1rem
}
.sidebar .box__item--sub {
    border: none;
    padding: 0
}
.sidebar .box__item.active {
    border: 2px solid #5b70ff;
    position: relative
}
.sidebar .box__item.active:before {
    content: "\ea0a";
    font-family: myskillcamp;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #5b70ff;
    color: #fff;
    text-align: center;
    line-height: 20px
}
.sidebar .folder--list.active {
    border: 2px solid #5b70ff;
    position: relative
}
.sidebar .folder--list.active:before {
    content: "\ea0a";
    font-family: myskillcamp;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #5b70ff;
    color: #fff;
    text-align: center;
    line-height: 20px
}
.sidebar .courses-thumb__img {
    margin-bottom: 0;
    height: 80px;
    margin-right: 20px
}
.sidebar .search {
    display: block;
    margin-bottom: 20px;
    border: 2px solid #c3d2ea;
    border-radius: 4px;
    margin-top: 2rem
}
.sidebar__footer {
    background-color: #f4f7fb;
    padding: 0 2rem;
    position: relative;
    margin-top: 2rem;
    position: fixed;
    width: inherit;
    height: 100px;
    right: 0;
    bottom: 0
}
.sidebar__btn, .sidebar__footer {
    display: flex;
    align-items: center
}
.sidebar__btn {
    width: 100%;
    justify-content: space-between
}
.sidebar__btn-right {
    margin-left: auto
}
.sidebar__btn-right a:last-child {
    margin-left: 1rem
}
.sidebar__btn-action {
    display: inline-block;
    margin-top: .5rem;
    font-weight: 600
}
.sidebar__btn-action:hover {
    color: #5b70ff
}
.sidebar__btn-action .icon {
    text-align: center;
    color: #fff;
    background-color: #5b70ff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    margin-right: .5rem
}
.sidebar .breadcrumb {
    border: none
}
.sidebar .breadcrumb a {
    color: #9ab3dc;
    font-weight: 600
}
.sidebar .form {
    margin-top: 4rem
}
.sidebar .input-label, .sidebar .select__field {
    background-color: #ebf0f8;
    border: none;
    box-shadow: none;
    border-radius: 4px;
    height: 45px
}
.sidebar .input-label::placeholder, .sidebar .select__field::placeholder {
    color: #9ab3dc
}
.sidebar .form--event {
    margin-top: 5px
}
.overlay {
    width: 100%;
    height: 100%;
    background-color: #ebf0f8;
    position: fixed;
    top: 0;
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}
.overlay.active {
    opacity: .5;
    visibility: visible
}
.session__title {
    font-size: 24px
}
.session__head {
    text-align: center;
    position: relative
}
.session__head-checkbox {
    background-color: #ebf0f8;
    padding-right: 1rem
}
.session__head-checkbox .input-checkbox {
    margin-right: 0
}
.session__head-checkbox:checked~.session__item .session__content .input-checkbox {
    background-color: red;
    padding: 20px
}
.session__event {
    border: 2px solid #c3d2ea;
    padding: 1.5rem;
    margin-top: 1rem
}
.session__event-title {
    margin-bottom: 1rem;
    font-size: 18px
}
.session__modul-title {
    margin-bottom: 0;
    background-color: #ebf0f8;
    padding: 0 1rem
}
.session__modul-title:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #c3d2ea;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1
}
.session__toggle {
    background-color: #ebf0f8;
    padding-left: 1rem
}
.session__toggle .icon {
    font-size: 24px;
    color: #c3d2ea
}
.session__toggle.active .icon:before {
    font-family: myskillcamp;
    content: "\ea01";
    color: #5b70ff
}
.session__toggle:hover .icon {
    color: #5b70ff
}
.session__add {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 20px;
    position: relative;
    z-index: 1;
    width: 30px;
    height: 30px;
    margin: 1rem auto
}
.session__add .icon {
    display: block
}
.session__add:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #5b70ff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    z-index: -1;
    transition: transform .2s cubic-bezier(.175, .885, .32, 2)
}
.session__add:hover {
    color: #fff
}
.session__add:hover:after {
    transform: translate(-50%, -50%) scale(1.1)
}
.session__item {
    margin-top: 2rem
}
.session__content {
    opacity: 1;
    display: block;
    margin-bottom: 1.5rem
}
.session__content.active {
    opacity: 0;
    display: none
}
.session__more {
    color: #787ca1;
    font-weight: 800
}
.session__more .icon {
    vertical-align: middle;
    transition: all .4s cubic-bezier(.2, 1, .3, 1);
    color: #5b70ff
}
.session__more:hover {
    color: #5b70ff
}
.session__more:hover .icon {
    padding-left: 5px
}
.calendar--thumb {
    width: 60px;
    height: 60px;
    border: 2px solid #ebf0f8;
    text-align: center;
    border-radius: 2px;
    margin-right: 1rem
}
.calendar__mounth-thumb {
    display: block;
    background-color: #f4f7fb;
    height: 25px
}
.calendar__days-thumb {
    margin: 0;
    color: #5b70ff;
    font-weight: 800;
    height: 40px;
    font-size: 20px
}
.empty-menu-bar {
    background-color: #fff;
    height: 80px
}
.empty {
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #b6c8e6
}
.empty-header {
    width: 75%;
    margin: 0 auto;
    display: inherit
}
.empty-header-text-subtitle {
    color: #5b70ff;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: 12px;
    margin: 0
}
.empty-header-text-title {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    margin-bottom: 0
}
.empty-header-text {
    float: left;
    padding-top: 10px
}
.empty-header-button {
    float: right;
    padding-top: 15px
}
.empty-header-button-style {
    height: 10px;
    background-color: #5b70ff;
    font-size: 13px;
    max-width: 12rem;
    max-height: 10%;
    border-radius: 3px;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    color: #fff;
    padding: 12px 40px 24px;
    box-shadow: 0 6px 13px 0 rgba(91, 112, 255, .34);
    margin-top: 0 auto;
    margin-bottom: 0 auto
}
.empty-header-button-style:hover {
    transform: scale(1.05)
}
.empty-body {
    text-align: center;
    width: 25%;
    margin: 10% auto 0
}
.empty-body-title {
    font-size: 14px
}
.empty-body-section {
    margin-top: 20px;
    font-size: 12px
}
.empty-body-next-link {
    display: inline;
    font-size: 12px;
    color: #5b70ff;
    display: inline-flex;
    font-family: GT-Walsheim-Bold, arial, sans-serif
}
.empty-body-next-link .icon {
    margin-left: .5rem
}
.empty-body-next-icon {
    height: 20px;
    width: 20px;
    margin-left: 10px
}
.empty-body-next-icon, .grid-view-body-search[type=text] {
    background-repeat: no-repeat;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_add.svg)
}
.grid-view-body-search[type=text] {
    width: 500px;
    box-sizing: border-box;
    border: 0;
    font-size: 14px;
    height: 35px;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    background-color: #fff;
    background-position: 10px 50%;
    padding: 12px 20px 12px 40px
}
.grid-view-body {
    width: 75%;
    margin: 0 auto;
    margin-top: 80px
}
.grid-view-body-form {
    display: inline-block
}
.grid-view-body-icon {
    float: right;
    box-shadow: 0 1px 1px 0 rgba(91, 112, 255, .34);
    width: 32px;
    height: 32px;
    background-color: transparent;
    background-position: 50%
}
.grid-view-body-icon-list {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}
.grid-view-body-icon-grid {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}
.icon-grid, .icon-list {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_add.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 32px;
    height: 32px
}
.grid-view-body-icon.active {
    background-color: #fff
}
.grid-view-body-column {
    float: left;
    width: 25%;
    padding-left: 15px;
    padding-top: 15px
}
.grid-view-body-row:after {
    content: "";
    display: table;
    clear: both
}
.grid-view-body-column-card {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 6px 14px 0 rgba(91, 112, 255, .34)
}
.grid-view-body-column-card-container {
    width: 85%;
    margin: 0 auto
}
.grid-view-body-column-card-container-options {
    position: relative;
    float: right
}
.grid-view-body-column-card-container-options .icon--more {
    font-size: 28px;
    color: #787ca1
}
.grid-view-body-column-card-container-image {
    border-radius: 3px
}
.grid-view-body-column-card-container-title {
    font-size: 15px
}
.grid-view-body-column-card-footer {
    background-color: #f6f8fa;
    width: 100%;
    height: 35px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}
.grid-view-body-column-card-footer-container {
    width: 85%;
    height: 100%;
    margin: 0 auto
}
.grid-view-body-column-card-footer-container-row {
    padding-top: 7px
}
.grid-view-body-column-card-footer-container-row-icon {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon-modul.svg);
    background-repeat: no-repeat;
    background-position: top center right;
    width: 32px;
    height: 30px;
    margin-left: 2px
}
.grid-view-body-column-card-footer-container-row-number {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    color: orange;
    margin-bottom: 0
}
.grid-view-body-column-card-footer-container-row-column {
    padding-right: 0;
    padding-left: 0
}
.grid-view-body-column-card-footer-container-row-column .icon {
    margin-left: 5px;
    color: #9ab3dc
}
.popover {
    position: absolute;
    width: 150px;
    text-align: left;
    background: #fff;
    padding: 6px 20px;
    right: 15px;
    top: 20px;
    border-radius: 6px;
    border: 1px solid #d7e3f6;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .2)
}
.popoverTarget.popit .popover {
    display: block
}
.popover-text {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    margin-bottom: 0;
    font-size: 12px;
    padding-top: 5px
}
.popover-text-delete {
    padding-top: 10px;
    color: #ff3c00
}
.list-view-body {
    width: 75%;
    margin: 0 auto;
    margin-top: 80px
}
.list-view-body-card {
    margin-top: 1%;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 6px 14px 0 rgba(91, 112, 255, .34)
}
.list-view-body-card-image {
    height: 7%;
    width: 10%;
    padding: 8px;
    display: inline-block
}
.list-view-body-card-content {
    display: inline-block;
    margin-left: 5px;
    width: 40%;
    height: 100%
}
.list-view-body-card-content-title {
    display: inline-block;
    font-family: GT-Walsheim-Bold, arial, sans-serif
}
.list-view-body-card-content-info {
    display: inline-block;
    width: 20%
}
.list-view-body-card-content-info-left {
    float: left
}
.list-view-body-card-content-info-right {
    float: right
}
.list-view-body-card-content-info-center {
    overflow: hidden;
    margin: 0 auto
}
.list-view-body-card-content-info-text {
    margin-bottom: 0;
    color: orange;
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.row-column {
    width: 40px
}
.list-view-body-card-content-info-icon, .list-view-body-card-content-option-icon {
    width: 32px;
    height: 19px;
    background-position: 100%;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_add.svg);
    background-repeat: no-repeat;
    background-size: 15px
}
.list-view-body-card-content-option-icon {
    position: relative;
    margin-left: 20%;
    display: inline-block
}
.list-view-body-card-content-option-icon-popover-text {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    margin-bottom: 0;
    font-size: 12px;
    padding-top: 5px
}
.popover-text-option-delete {
    padding-top: 10px;
    color: #ff3c00
}
.list-view-body-card-content-option-icon-popover {
    position: absolute;
    width: 150px;
    top: 5px;
    text-align: left;
    background: #fff;
    padding: 6px 20px;
    right: 15px;
    border-radius: 6px;
    border: 1px solid #d7e3f6;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .2)
}
.grid-view-back {
    z-index: 1;
    position: relative
}
.dark-background {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    z-index: 4;
    height: 100vh;
    margin-top: 80px;
    width: 100%;
    background-color: rgba(215, 227, 246, .7)
}
.modal-close {
    float: right;
    margin-right: 5%;
    margin-top: 5%;
    font-size: 1rem;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    cursor: pointer
}
.modal-close:hover {
    color: #5b70ff
}
.card-delete {
    position: absolute;
    z-index: 6;
    width: 35%;
    height: 20%;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-radius: 3px
}
.card-delete-content {
    z-index: 8;
    margin: 0 auto;
    margin-top: 8%;
    width: 80%;
    height: 60%;
    text-align: center
}
.card-delete-content-title {
    margin: 0 auto
}
.secondary {
    margin-top: 3%;
    box-shadow: 0 0 0 0 rgba(91, 112, 255, .34);
    background-color: #d7e3f6;
    color: #000
}
.primary {
    margin-top: 3%;
    box-shadow: 0 4px 6px 0 rgba(91, 112, 255, .34)
}
.card-delete-content-button, .primary {
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.card-delete-content-button {
    margin-top: 5%
}
.sidebar-frontward {
    height: 100%;
    width: 40%;
    background-color: #fff;
    display: flex;
    border-top: 1px solid #d7e3f6;
    border-left: 1px solid #d7e3f6
}
.sidebar-frontward-direction {
    flex-direction: column
}
.sidebar-frontward-container {
    margin: 0 auto;
    height: 85%;
    width: 90%;
    margin-top: 5%
}
.sidebar-frontward-container-title {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: 16px
}
.modal-close-sidebar {
    float: right;
    line-height: .3;
    font-size: 1.9rem;
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.modal-close-sidebar:hover {
    color: #5b70ff
}
.sidebar-frontward-container-input {
    height: 35px;
    margin-bottom: 0
}
.sidebar-frontward-container-input, .sidebar-frontward-container-input-description {
    width: 100%;
    box-sizing: border-box;
    border: 0;
    font-size: 14px;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    padding: 12px 20px;
    background-color: #d7e3f6
}
.sidebar-frontward-container-input-description {
    height: 10%
}
.sidebar-frontward-container-input::placeholder {
    color: #7497cf
}
.sidebar-frontward-container-name {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: 14px;
    color: #413b3b;
    margin-bottom: 2px;
    margin-top: 3%
}
.sidebar-frontward-container-image {
    height: 20%;
    width: 100%;
    background-color: #d7e3f6;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_addimage_blue.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 2px
}
.sidebar-frontward-container-select-left {
    float: left;
    width: 45%;
    position: relative;
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.sidebar-frontward-container-select-right {
    float: right;
    width: 45%;
    position: relative;
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.sidebar-frontward-select {
    width: -webkit-fill-available;
    margin-bottom: 0;
    background-color: #d7e3f6
}
.sidebar-frontward-footer-button {
    height: 100%;
    width: 90%;
    margin: 0 auto
}
.sidebar-frontward-footer {
    width: 100%;
    height: 10%;
    background-color: #f3f7fa
}
.quit {
    background-color: #f3f7fa;
    color: #413b3b
}
.quit, .save {
    float: right
}
.inside-emtpy-body {
    width: 75%;
    height: 800px;
    margin: 0 auto
}
.inside-emtpy-body-route-icon {
    display: inline;
    width: 20px;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon-arrow-standar-blue.svg);
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: 45%
}
.inside-emtpy-body-route-text {
    display: inline;
    font-size: 12px
}
.inside-emtpy-body-info {
    margin-top: 5%;
    float: left;
    background-color: #fff;
    width: 35%;
    height: 100%
}
.inside-emtpy-body-info-edit {
    width: 100%;
    height: 30px;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_edit_blue.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 98%;
    cursor: pointer
}
.inside-emtpy-body-info-container {
    width: 90%;
    height: 95%;
    margin: 0 auto;
    margin-bottom: 5%
}
.inside-emtpy-body-info-container-titre {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: 16px;
    margin-bottom: 2%
}
.inside-emtpy-body-info-container-description {
    font-size: 12px;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    margin-top: 4%
}
.inside-emtpy-body-info-container-langue, .inside-emtpy-body-info-container-skill, .inside-emtpy-body-info-container-time, .inside-emtpy-body-info-container-type {
    width: 100%;
    height: 35px;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon-time-orange.svg);
    background-repeat: no-repeat;
    background-position-y: 30%;
    border-bottom: 1px solid #dfd9d9
}
.inside-emtpy-body-info-container-langue {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon-language-orange.svg)
}
.inside-emtpy-body-info-container-type {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon-type-orange.svg)
}
.inside-emtpy-body-info-container-skill {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon-skill-orange.svg)
}
.inside-emtpy-body-info-container-time-titre {
    display: inline;
    margin-left: 5%;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: 12px
}
.inside-emtpy-body-info-container-time-text {
    display: inline;
    margin-left: 25%;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: 12px
}
.inside-emtpy-body-info-container-condition {
    margin-top: 14%;
    font-size: 14px;
    font-family: GT-Walsheim-Bold, arial, sans-serif
}
.inside-emtpy-body-info-container-condition-icon {
    margin-top: 3%;
    width: 100%;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon-check-orange.svg);
    background-repeat: no-repeat;
    background-position-y: 50%
}
.inside-emtpy-body-info-container-condition-icon-text {
    display: inline;
    margin-left: 5%;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: 12px
}
.inside-emtpy-body-add {
    float: right;
    margin-top: 5%;
    width: 65%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}
.inside-emtpy-body-add-choice {
    position: relative;
    width: 85%;
    height: 50%
}
.inside-emtpy-body-add-module {
    margin-top: 40px;
    height: 80%;
    width: 45%;
    background-color: #f7f7f7;
    border-radius: 2px;
    text-align: center
}
.inside-emtpy-body-add-module img {
    max-width: 40%
}
.inside-emtpy-body-add-module:hover {
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 4px 14px 0 rgba(91, 112, 255, .34);
    transform: scale(1.05)
}
.add-module {
    height: 100%;
    width: 30%;
    background-color: #fff;
    float: right;
    border-top: 1px solid #d7e3f6;
    border-left: 1px solid #d7e3f6
}
.add-module-container-title {
    margin-bottom: 9%
}
.add-module-container {
    margin: 0 auto;
    height: 85%;
    width: 90%;
    margin-top: 5%
}
.add-module-container-card {
    background-color: #fff;
    width: 100%;
    border: 1px solid #d7e3f6;
    border-radius: 3px;
    margin-top: 5%
}
.add-module-container-card-item {
    width: 90%;
    margin: 3%
}
.add-module-container-card-item-image {
    height: 100%;
    width: 45%;
    border-radius: 3px
}
.add-module-container-card-item-container {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin-left: 5%
}
.add-module-container-card-item-title-style {
    font-size: 15px
}
.add-module-container-card-item-info {
    display: inline-block;
    width: 100%;
    height: 90%
}
.add-module-container-card-item-info-style {
    font-size: 13px;
    margin-bottom: 0;
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.inside-display {
    background-color: transparent;
    justify-content: inherit;
    align-items: initial
}
.inside-display-body-transition {
    float: right;
    position: relative;
    width: 90%
}
.inside-display-body-transition:before {
    content: "";
    width: 2px;
    top: 22px;
    height: 50%;
    position: absolute;
    border: 1px dashed #dfd9d9;
    left: -40px
}
.inside-display-body-transition:after {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_add.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 25px;
    position: absolute;
    top: 50%;
    left: -50px;
    transform: translateY(-50%)
}
.inside-display-body-transition-button {
    width: 200px;
    padding: 10px 20px;
    color: #413b3b;
    background-color: #dfd9d9;
    border-radius: 30px;
    font-size: 14px;
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.inside-display-body-add {
    float: right;
    position: relative;
    width: 90%;
    height: 100px
}
.inside-display-body-add:before {
    content: "";
    width: 2px;
    height: 50%;
    position: absolute;
    border: 1px dashed #dfd9d9;
    left: -40px
}
.inside-display-body-add:after {
    content: "";
    width: 13px;
    height: 13px;
    background-color: orange;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -45px;
    transform: translateY(-50%)
}
.inside-display-body-card-container {
    height: 90%;
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
    margin-top: 2%;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left: 5px solid #5b70ff
}
.inside-display-body-card-container-button {
    float: left;
    height: 100%;
    width: 5%;
    background-color: #f3f7fa;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon-drag.svg);
    background-repeat: no-repeat;
    background-position: 50%
}
.inside-display-body-card-container-content {
    float: right;
    height: 100%;
    width: 95%;
    background-color: #fff;
    border-radius: 2px
}
.inside-display-body {
    width: 100%;
    height: 100%
}
.inside-display-body-card {
    float: right;
    width: 90%;
    height: 36%;
    position: relative;
    margin-left: 20%
}
.inside-display-body-card:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    border: 1px dashed #dfd9d9;
    top: 2px;
    left: -40px
}
.inside-display-body-card:after {
    content: "";
    width: 13px;
    height: 13px;
    background-color: #fff;
    border-radius: 50%;
    border: 4px solid #5b70ff;
    position: absolute;
    top: 50%;
    left: -45px;
    transform: translateY(-50%)
}
.inside-display-body-card-container-content-header {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_dot.svg);
    background-repeat: no-repeat;
    background-position: 100%
}
.inside-display-body-card-container-content-header-title {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    color: #5b70ff
}
.inside-display-body-card-container-1 {
    width: 95%;
    height: 90%;
    padding-top: 2%;
    padding-bottom: 2%;
    margin: 0 auto
}
.inside-card-image {
    width: 100px
}
.inside-card-item {
    margin-left: 0
}
.inside-display-body-card-container-content-condition {
    width: 100%;
    border-top: 1px solid #dfd9d9
}
.inside-display-body-card-container-content-condition-title {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    margin-bottom: 0;
    margin-top: 1rem
}
.inside-display-body-card-container-content-condition-score {
    width: 100%;
    display: flex;
    justify-content: space-evenly
}
.inside-display-checkbox {
    display: inline
}
.inside-display-slider {
    display: inline;
    border-radius: 5px;
    background: #dfd9d9;
    opacity: .7;
    transition: opacity .2s
}
.inside-display-slider-value {
    display: inline;
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: 14px
}
.inside-display-body-add-choice {
    height: 100%
}
.inside-display-body-add-module {
    margin-top: 0;
    width: 30%;
    height: 100%;
    display: inline-block
}
.panel-activities {
    height: 100%;
    width: 30%;
    background-color: #fff;
    float: right;
    border-top: 1px solid #d7e3f6;
    border-left: 1px solid #d7e3f6
}
.panel-activities-card {
    float: left;
    width: 45%;
    margin-left: 5px;
    margin-top: 5px;
    height: 150px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 4px 14px 0 rgba(91, 112, 255, .34);
    text-align: center
}
.panel-activities-card-title {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    margin-bottom: 0
}
.panel-activities-card-description {
    font-size: 13px;
    margin-bottom: 0
}
.panel-activities-card:hover {
    background-color: #5b70ff
}
.panel-activities-card:hover .panel-activities-card-description, .panel-activities-card:hover .panel-activities-card-title {
    color: #fff
}
.panel-activities-card-image {
    height: 60%;
    width: 100%;
    margin-top: 5%
}
.panel-quiz-back {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_add.svg);
    background-repeat: no-repeat;
    background-size: 18px
}
.panel-quiz-back-text {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    color: #5b70ff;
    margin-left: 30px;
    width: 10%;
    font-size: 13px
}
.panel-quiz-back-cross {
    margin-top: -30px
}
.quiz-text-trous-title {
    font-size: 19px
}
.quiz-text-trous-title-edit {
    font-size: 29px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10%
}
.quiz-text-trous-input {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_add.svg);
    background-repeat: no-repeat;
    background-position: 95%
}
.quiz-text-trous-content {
    padding: 0
}
.quiz-text-trous-media-title {
    margin-top: 10%
}
.quiz-text-trous-media-content {
    width: 50%;
    height: 30%;
    background-color: #d7e3f6;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_add.svg);
    background-repeat: no-repeat;
    background-position: 50%
}
.qui-text-trous-sidebar-frontward {
    width: 45%;
    overflow: scroll
}
.qui-text-trous-sidebar-frontward-container {
    width: 80%;
    display: inline-block
}
.qui-text-trous-sidebar-title {
    height: 100%;
    background-color: #eff2f7;
    border-right: 1px solid #d7e3f6
}
.qui-text-trous-sidebar-title-orientation {
    transform: rotate(-90deg);
    margin-top: 60px;
    font-size: 22px
}
.quiz-text-trous-question {
    margin: 0;
    width: 100%
}
.quiz-true-false-selected {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_add.svg);
    background-repeat: no-repeat;
    background-position: 95%
}
.quiz-true-false-slide {
    width: 100%
}
.quiz-qcm-question-content {
    padding: 0
}
.create-discussion-liveEdit, .quiz-qcm-question-content-multiple {
    width: 100%
}
.create-discussion-title-edit {
    font-size: 29px;
    font-weight: 700
}
.create-blank-page-title {
    margin-top: 25px
}
.create-event-info-title {
    font-size: .835rem
}
.create-event-columns {
    padding-top: 1rem
}
.create-event-date {
    flex-direction: column
}
.create-event-date, .event-hours {
    display: flex
}
.event-hours {
    justify-content: center
}
.event-hours .hour {
    font-family: Assistant, sans-serif;
    padding-top: 10px;
    color: #fff;
    display: inline-block;
    width: 100%;
    margin: 0 2rem
}
.event-hours .hour .liveEdit textarea+.liveEdit__trigger {
    right: -1.5rem
}
.event-hours .hour+.hour:before {
    content: ""
}
.date-row {
    display: flex;
    justify-content: space-between
}
.event__dates.date_number_many.create-event-date .date {
    float: none;
    width: 15vh;
    padding: 0 1rem
}
.session-condition-activities {
    border-left-color: orange;
    height: 80%
}
.session-condition-activities-title {
    color: orange
}
.session-condition-card {
    height: 55%
}
.session-condition-card:after {
    background-color: #fff;
    border-radius: 50%;
    border: 4px solid orange
}
.session-condition-add:after, .session-condition-card:after {
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    top: 50%;
    left: -45px;
    transform: translateY(-50%)
}
.session-condition-add:after {
    background: linear-gradient(90deg, blue 50%, orange 0);
    border-radius: 50%
}
.session-condition-certificat, .session-condition-certificat-empty {
    height: 30%;
    border-left: 3px solid orange;
    border-top: 2px solid #dfd9d9;
    border-bottom: 2px solid #dfd9d9;
    border-right: 2px solid #dfd9d9;
    margin: 0
}
.session-condition-certificat-empty {
    margin-top: 10px
}
.session-condition-certificat-content {
    float: none
}
.session-container-condition-certificat {
    background-color: #dfd9d9
}
.session-condition-certificat-content-condition {
    margin-top: 10px
}
.session-condition-certificat-content-1 {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_dot.svg);
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%
}
.session-condition-certificat-content-condition-score {
    margin-top: 20px
}
.condition-active {
    width: 45%;
    background-color: #e0eafc;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.condition-active-edit {
    width: 15%;
    height: 70px;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_dot.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: #d7e3f6;
    border-radius: 3px;
    background-position: 50%
}
.condition-active-text {
    margin-bottom: 0;
    margin-left: 10px;
    font-size: 13px;
    font-family: GT-Walsheim-Medium, arial, sans-serif
}
.condition-active-icon:before {
    content: "";
    width: 2px;
    top: 29px;
    height: 60%;
    position: absolute;
    border: 1px dashed #dfd9d9;
    left: -40px
}
.session-condition-card-activities {
    height: 25%
}
.first-step-condition {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4%
}
.first-step-condition-radio {
    width: 40%
}
.first-step-condition-checkbox {
    margin-left: 40%
}
.first-step-condition-day-container {
    display: flex;
    justify-content: unset;
    align-items: center
}
.first-step-condition-date {
    width: 60%;
    background-color: #d7e3f6;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_add.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-x: 95%;
    background-position-y: 50%;
    padding: .875rem;
    border-radius: 3px
}
.first-step-condition-date-text {
    font-family: GT-Walsheim-Medium, arial, sans-serif;
    font-size: 14px;
    margin-bottom: 0
}
.first-step-condition-day {
    text-align: center;
    width: 8%;
    background-color: #d7e3f6;
    padding: .875rem;
    border-radius: 3px;
}
.date-picker {
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 12px 40px 0 rgba(66, 70, 103, .05);
    padding: 2rem;
}
.date-picker__reset {
    font-size: 12px;
    color: #787ca1;
    font-weight: 600;
}
.date-picker__close {
    display: flex;
    justify-content: flex-end;
    padding: 0 0 1rem;
}
.date-picker__close .icon {
    font-size: 26px;
    color: #424667;
    transition: color .2s cubic-bezier(.2, 1, .3, 1)
}
.date-picker__close .icon:hover {
    color: #5b70ff;
}
.date-picker__header {
    background-color: #ebf0f8;
    border-radius: 4px;
    flex-wrap: wrap;
}
.date-picker__header, .date-picker__nav {
    display: flex;
    justify-content: space-between
}
.date-picker__nav {
    align-items: center;
    padding: 10px 1rem;
    width: 50%
}
.date-picker__nav:last-child {
    background-color: rgba(250, 252, 255, .6)
}
.date-picker__nav-icon {
    background-color: #fff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(.9);
    transition: transform .2s cubic-bezier(.175, .885, .32, 2), background .2s cubic-bezier(.2, 1, .3, 1)
}
.date-picker__nav-icon .icon {
    font-size: 18px;
    color: #5b70ff
}
.date-picker__nav-icon:hover {
    background-color: #5b70ff;
    transform: scale(1)
}
.date-picker__nav-icon:hover .icon {
    color: #fff
}
.date-picker__nav-title {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: 18px
}
.date-picker__nav-year {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: 16px
}
.date-picker__day, .date-picker__week {
    display: flex
}
.date-picker__day-date, .date-picker__day-name, .date-picker__week-date, .date-picker__week-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 14.28%;
    height: 50px
}
.date-picker__day-name {
    font-weight: 800;
    color: #5b70ff
}
.date-picker__week-date {
    font-weight: 600;
    position: relative;
    z-index: 2
}
.date-picker__week-date:after {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: rgba(91, 112, 255, .1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.9);
    z-index: -1;
    opacity: 0;
    transition: all .4s cubic-bezier(.175, .885, .32, 2)
}
.date-picker__week-date:hover:after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}
.date-picker__week-date.active {
    color: #fff;
    font-weight: 800
}
.date-picker__week-date.active:after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    background-color: rgba(248, 138, 86, .7)
}
.date-picker__week-date.disabled {
    color: #9ab3dc
}
.date-picker__week-date.disabled:hover {
    cursor: not-allowed
}
.date-picker__week-date.disabled:hover:after {
    display: none
}
.date-picker__week-date.select {
    color: #fff;
    font-weight: 800
}
.date-picker__week-date.select:after {
    opacity: 1;
    background-color: #5b70ff
}
.date-picker.small {
    width: 100%;
    padding: 0 1rem 1rem;
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 9999
}
.date-picker.small .date-picker__close {
    padding: 0
}
.date-picker.small .date-picker__close .icon {
    font-size: 18px
}
.date-picker.small .date-picker__nav {
    width: 50%;
    padding: 5px
}
.date-picker.small .date-picker__nav-icon {
    width: 20px;
    height: 20px
}
.date-picker.small .date-picker__nav-icon .icon {
    font-size: 14px
}
.date-picker.small .date-picker__nav-title {
    font-size: 12px
}
.date-picker.small .date-picker__day-name, .date-picker.small .date-picker__nav-year {
    font-size: 14px
}
.date-picker.small .date-picker__day-date, .date-picker.small .date-picker__week-date {
    height: 30px;
    font-size: 14px
}
.date-picker.small .date-picker__day-date:after, .date-picker.small .date-picker__week-date:after {
    width: 30px;
    height: 30px
}
.switch-v2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.switch-v2 .switch__content {
    position: relative;
    width: 60px;
    -webkit-user-select: none;
    user-select: none;
    margin-right: 25px;
}
.switch-v2 .switch__content .switch-checkbox {
    display: none;
}
.switch-v2 .switch__content .switch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
    margin-right: 0;
    margin-left: 0;
    border: 1px solid #e8e8e8;
}
.switch-v2 .switch__content .switch-inner {
    display: block;
    width: 100%;
    margin-left: 0;
    transition: margin .3s ease-in 0s;
}
.switch-v2 .switch__content .switch-inner:after, .switch-v2 .switch__content .switch-inner:before {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: 700;
    box-sizing: border-box;
}
.switch-v2 .switch__content .switch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #fff;
}
.switch-v2 .switch__content .switch-inner:after {
    content: "";
    padding-right: 10px;
    text-align: right;
}
.switch-v2 .switch__content .switch-switch {
    width: 17px;
    margin: 6.5px;
    box-shadow: 0 6px 9px rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    border-radius: 20px;
    transition: all .3s ease-in 0s;
    background-color: rgba(0, 0, 0, .2);
}
.switch-v2 .switch__content .switch-switch, .switch-v2 .switch__content .switch-switch .icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
.switch-v2 .switch__content .switch-switch .icon:before {
    color: #fff;
    font-size: 11px
}
.switch-v2 .switch__content .switch-checkbox:checked+.switch-label {
    background-color: #feb88a
}
.switch-v2 .switch__content .switch-checkbox:checked+.switch-label .switch-inner {
    margin-left: -100%
}
.switch-v2 .switch__content .switch-checkbox:checked+.switch-label .switch-switch {
    right: 0;
    background-color: #fff
}
.switch-v2 .switch__content .switch-checkbox:checked+.switch-label .switch-switch .icon:before {
    content: "\ea0a" !important;
    color: #feb88a
}
.skills__list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-right: -7px;
    margin-left: -7px;
    margin-bottom: -5px
}
.skills .skill {
    margin-right: 7px;
    margin-left: 7px;
    margin-bottom: 5px
}
.skill {
    display: inline-block;
    background-color: #ecf1f9;
    min-width: 34px;
    padding: 5px 7px;
    margin: 0 5px;
    border-radius: 14px;
    color: #424667;
    height: 25px;
    cursor: pointer;
    overflow: hidden
}
.skill__content {
    font-size: 13px;
    color: #424667;
    line-height: 1;
    opacity: 1;
    transition: all .5s ease-in-out
}
.skill--icon, .skill--rate {
    background-color: #ecf1f9
}
.skill--icon .skill__content, .skill--rate .skill__content {
    display: flex;
    align-items: center;
    justify-content: center
}
.skill--icon .skill__content .skill__icon, .skill--rate .skill__content .skill__icon {
    margin-left: 4px;
    margin-right: 4px
}
.skill--icon .skill__content .skill__close, .skill--rate .skill__content .skill__close {
    cursor: pointer;
    margin-left: 4px
}
.skill--icon .skill__content .skill__rating, .skill--rate .skill__content .skill__rating {
    margin-left: 7px;
    margin-right: 2px
}
.skill--icon .skill__content .skill__rating span, .skill--rate .skill__content .skill__rating span {
    display: inline-block;
    width: 4px;
    height: 7px;
    border-radius: 2.5px;
    background-color: #d7e3f6
}
.skill--icon .skill__content .skill__rating span.active, .skill--icon .skill__content .skill__rating span:hover, .skill--rate .skill__content .skill__rating span.active, .skill--rate .skill__content .skill__rating span:hover {
    background-color: #5b70ff
}
.skill--icon .skill__content .skill__rating span:nth-child(2), .skill--rate .skill__content .skill__rating span:nth-child(2) {
    height: 9px
}
.skill--icon .skill__content .skill__rating span:nth-child(3), .skill--rate .skill__content .skill__rating span:nth-child(3) {
    height: 11px
}
.skill--level {
    position: relative
}
.skill--level .skill__content .skill__icon {
    margin-right: 4px
}
.skill--level .skill__text {
    top: 5px;
    left: 7px;
    width: calc(100% - 14px);
    text-align: center;
    opacity: 1;
    white-space: nowrap;
    transition: all .5s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 7px
}
.skill--level .skill__rating {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto
}
.skill--level .skill__rating span {
    display: inline-block;
    width: 4px;
    height: 7px;
    margin-left: 1px;
    margin-right: 1px;
    border-radius: 2.5px;
    background-color: #d7e3f6
}
.skill--level .skill__rating span.active, .skill--level .skill__rating span:hover {
    background-color: #5b70ff
}
.skill--level .skill__rating span:nth-child(2) {
    height: 9px
}
.skill--level .skill__rating span:nth-child(3) {
    height: 11px
}
.skill--level .skill__action {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: -23px;
    left: 7px;
    width: calc(100% - 14px);
    height: 20px;
    opacity: 0;
    transition: all .5s ease-in-out
}
.skill--level:hover .skill__text {
    opacity: 0;
    top: 23px
}
.skill--level:hover .skill__action {
    opacity: 1;
    top: 5px;
}
.skill--level-0 {
    min-width: 115px;
}
.skill--level-0 .skill__action-rating {
    height: auto;
    align-items: center;
}
.skill--level-0 .skill__rating-desc {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.skill--level-0 .skill__rating-desc:before {
    content: "";
    height: 15px;
    width: 1px;
    background-color: #a9a9a9;
    margin: 0 5px;
    display: block;
}
.skill--level-0 .skill__rating-desc span {
    font-size: 11px;
    display: block;
}
.skill__add .skill--create .skill__rating span {
    margin-right: 2px;
}
.sidebar__skills, .sidebar__skills .dropdown {
    margin-bottom: 10px;
}
.sidebar__skills .sidebar__skills-title {
    margin-bottom: 10px;
    display: block
}
.sidebar__skills .add-item {
    margin-top: 10px
}
.loader {
    text-align: center;
    font-size: 11px;
    color: #424667
}
.loader__content {
    width: 65px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto
}
.loader__content span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #3498db;
    margin: 35px 5px
}
.loader__content span:first-child {
    animation: i 1s ease-in-out infinite
}
.loader__content span:nth-child(2) {
    animation: i 1s ease-in-out .33s infinite
}
.loader__content span:nth-child(3) {
    animation: i 1s ease-in-out .66s infinite
}
@keyframes i {
    0%, 75%, to {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-20px)
    }
}
.header-old {
    position: fixed;
    height: 70px;
    width: 100%;
    background-color: #fff;
    z-index: 200;
    top: 0
}
.header-old .right {
    float: right;
    display: flex;
    align-items: center;
    height: 70px
}
.header-old .reset {
    margin-right: 2rem
}
.header-old .account {
    padding-left: 2rem;
    display: flex !important;
    align-items: center
}
.header-old .account img {
    border-radius: 50%;
    margin-right: 1.5rem;
    height: 44px;
    width: 44px
}
.header-old .header__item {
    height: 70px;
    display: inline-block;
    vertical-align: top
}
.header-old .header__item:first-child {
    position: absolute
}
.header-old .header__item .dropdown__item:hover {
    background: #d7e3f6
}
.header-old .header__item .leave-player {
    margin: 15px 1rem;
    height: 40px;
    width: 40px;
    background-color: #d7e3f6;
    border-radius: 50%;
    display: block
}
.header-old .header__item .leave-player:before {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_exit.svg) no-repeat 50%;
    display: block;
    width: 100%;
    height: 100%
}
.header-old .header__item.logo {
    margin-left: 1.75rem
}
.header-old .header__item.course {
    position: absolute;
    left: 320px;
    text-align: center;
    right: 0;
    vertical-align: middle;
    margin-top: 1rem;
    z-index: -1;
    padding: 0 3rem
}
.header-old .header__item.course .course__name {
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    line-height: 24px;
    font-size: 1.125rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    margin: 0 auto;
    max-width: 480px
}
.header-old .header__item.course .course__save {
    display: block;
    color: #080d38;
    font-family: Assistant, sans-serif;
    font-size: .75rem;
    color: #9ab3dc
}
.header-old .header__item.responsive {
    margin: 0;
    padding: 0
}
.header-old .header__item.responsive i {
    width: 2rem;
    height: 5rem;
    background-position: 50%;
    background-size: 100%;
    display: block;
    background-repeat: no-repeat
}
.header-old .header__item.responsive .icon-screen-desktop {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_screen_desktop_default.svg)
}
.header-old .header__item.responsive .icon-screen-tablet {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_screen_tablet_default.svg)
}
.header-old .header__item.responsive .icon-screen-mobile {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_screen_mobile_default.svg)
}
.header-old .header__item.responsive .responsive__size {
    color: #e2ebf2
}
.header-old .header__item.responsive .responsive__size_active .icon-screen-desktop {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_screen_desktop_active.svg)
}
.header-old .header__item.responsive .responsive__size_active .icon-screen-tablet {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_screen_tablet_active.svg)
}
.header-old .header__item.responsive .responsive__size_active .icon-screen-mobile {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_screen_mobile_active.svg)
}
.header-old .header__item.responsive .responsive_shortcut {
    margin-right: 2rem
}
.header-old .header__item.responsive li {
    display: inline-block;
    line-height: 5rem;
    padding: 0 .5rem
}
.header-old .header__item.responsive .notif_button {
    position: relative;
    width: 3rem
}
.header-old .header__item.responsive .notif_button img {
    width: 90%
}
.header-old .header__item.responsive .notif_number {
    background-color: #f85656;
    position: absolute;
    color: #e2ebf2;
    border-radius: 15px;
    top: 1.5rem;
    right: 0;
    height: 1rem;
    width: 1rem;
    line-height: 1rem;
    font-size: .7rem;
    text-align: center
}
.header-old .header__item--media, .header-old .header__item--view {
    text-align: center;
    line-height: 1.2;
    vertical-align: text-bottom;
    padding: .875rem;
    font-size: .8rem
}
.header-old .header__item--view {
    margin-left: 70px
}
.header-old .header__item--media button, .header-old .header__item--view a {
    margin-top: .25rem;
    font-size: 12px;
    padding: .5rem 1rem;
    min-width: 0
}
#view #content {
    margin-left: auto;
    margin-right: auto;
    transition: all .4s ease-in
}
#view.responsive-desktop #content {
    max-width: 1200px
}
#view.responsive-tablet #content {
    max-width: 800px
}
#view.responsive-tablet #content .question {
    padding: 3.5rem 4rem
}
#view.responsive-mobile #content {
    max-width: 480px
}
#view.responsive-mobile #content .question, #view.responsive-mobile #content .slide {
    padding: 1.5rem 2rem
}
.header {
    width: 100%;
    background-color: #fff;
    height: 80px;
    margin: 0;
    justify-content: space-between;
    padding: 0 3rem;
    position: relative;
    z-index: 100;
}
.header, .header__logo {
    display: flex;
    align-items: center;
}
.header__logo {
    width: 100px;
    height: 100%;
    border-right: 1px solid #ebf0f8;
}
.header__studio, .header__studio .header__profile {
    justify-content: flex-start;
}
.header__studio .header__profile {
    float: right;
    display: flex;
    align-items: center;
}
.header__studio .header__action {
    position: relative;
}
.header__studio .header__action>div {
    margin-right: 35px;
}
.header__studio .header__switch {
    display: flex;
    margin: 0 25px;
}
.header__studio .header__switch>div {
    display: inline-block;
}
.header__studio .header__action {
    position: absolute;
    right: 25px;
    top: 25px
}
.header__studio .header__action .link-help {
    display: flex;
    align-items: center;
    color: #5b70ff
}
.header__studio .header__action .link-help i {
    margin-right: 10px;
    color: #5b70ff
}
.job__switch {
    width: 200px;
    border-radius: 8px;
    position: relative;
    padding: 0;
    background-color: rgba(91, 112, 255, .25)
}
.job__switch .dropdown {
    display: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}
.job__switch .dropdown.active {
    display: block
}
.job__switch .dropdown a {
    padding: 10px 0
}
.job__switch a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    color: #787ca1
}
.job__switch a .new-icon {
    color: #5b70ff
}
.job__switch a .icon:first-child {
    margin: 0 10px 0 0
}
.job__switch a .icon:last-child {
    margin: 0 0 0 10px
}
.job__switch .job__item {
    padding: 8px 0;
    font-size: 10px;
    cursor: pointer
}
.job__switch .job__item a {
    color: #fff
}
.job__switch .job__item:hover a, .job__switch .job__item:hover i {
    color: #00f
}
.job__switch .job__item i {
    margin-right: 20px;
    font-size: 11px
}
.job__switch .job__list {
    margin: 0
}
.job__switch .dropdown {
    position: absolute;
    padding: 0;
    background-color: #5b70ff;
    left: 0;
    top: 40px;
    border: none;
    z-index: 1;
    width: 100%;
    padding: 20px 20px 20px 0
}
.job__switch .dropdown .job__switch {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 30px 5px 5px
}
.job__switch .dropdown ul {
    margin-left: 5px
}
.job__switch .dropdown li {
    text-align: left;
    list-style-type: none;
    margin-bottom: 0
}
.job__switch .dropdown li a {
    justify-content: flex-start;
    font-size: 12px
}
.job__switch .dropdown li a.active {
    color: blue;
    cursor: default
}
.job__switch .dropdown li a.active i, .job__switch .dropdown li a:hover {
    color: blue
}
.job__switch .dropdown .job__item {
    padding: 0;
    margin: 0
}
.job__switch .dropdown a {
    padding: 5px 10px
}
.job__switch .dropdown i {
    color: #fff;
    font-size: 14px
}
@font-face {
    font-family: myskillcamp-icon;
    src: url(https://static.myskillcamp.com/lxp/fonts/icons/myskillcamp-icon.eot?93326964);
    src: url(https://static.myskillcamp.com/lxp/fonts/icons/myskillcamp-icon.eot?93326964#iefix) format("embedded-opentype"), url(https://static.myskillcamp.com/lxp/fonts/icons/myskillcamp-icon.woff2?93326964) format("woff2"), url(https://static.myskillcamp.com/lxp/fonts/icons/myskillcamp-icon.woff?93326964) format("woff"), url(https://static.myskillcamp.com/lxp/fonts/icons/myskillcamp-icon.ttf?93326964) format("truetype"), url(https://static.myskillcamp.com/lxp/fonts/icons/myskillcamp-icon.svg?93326964#myskillcamp-icon) format("svg");
    font-weight: 400;
    font-style: normal
}
.new-icon {
    font-family: myskillcamp-icon;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-large {
    font-size: 20px
}
.icon-vimeo-1:before {
    content: "\e800"
}
.icon-youtube:before {
    content: "\e801"
}
.icon-soundcloud:before {
    content: "\e802"
}
.icon-linkedin:before {
    content: "\e803"
}
.icon-calendar:before {
    content: "\e804"
}
.icon-camp:before {
    content: "\e805"
}
.icon-clock-1:before {
    content: "\e806"
}
.icon-message-circle-1:before {
    content: "\e807"
}
.icon-play-circle-1:before {
    content: "\e808"
}
.icon-list:before {
    content: "\e809"
}
.icon-menu-2:before {
    content: "\e80a"
}
.icon-menu:before {
    content: "\e80b"
}
.icon-more-horizontal:before {
    content: "\e80c"
}
.icon-more-vertical:before {
    content: "\e80d"
}
.icon-certification-1:before {
    content: "\e80e"
}
.icon-clock-2:before {
    content: "\e80f"
}
.icon-message-circle-2:before {
    content: "\e810"
}
.icon-play-circle-2:before {
    content: "\e811"
}
.icon-calendar-add-1:before {
    content: "\e812"
}
.icon-camp-1:before {
    content: "\e813"
}
.icon-clock-3:before {
    content: "\e814"
}
.icon-message-circle-3:before {
    content: "\e815"
}
.icon-play-circle-3:before {
    content: "\e816"
}
.icon-activity-outline:before {
    content: "\e817"
}
.icon-alert-circle-outline:before {
    content: "\e818"
}
.icon-alert-triangle-outline:before {
    content: "\e819"
}
.icon-apps:before {
    content: "\e81a"
}
.icon-archive-outline:before {
    content: "\e81b"
}
.icon-arrow-back-outline:before {
    content: "\e81c"
}
.icon-arrow-circle-down-outline:before {
    content: "\e81d"
}
.icon-arrow-circle-left-outline:before {
    content: "\e81e"
}
.icon-arrow-circle-right-outline:before {
    content: "\e81f"
}
.icon-arrow-circle-up-outline:before {
    content: "\e820"
}
.icon-arrow-down-outline:before {
    content: "\e821"
}
.icon-arrow-downward-outline:before {
    content: "\e822"
}
.icon-arrow-forward-outline:before {
    content: "\e823"
}
.icon-arrow-ios-back-outline:before {
    content: "\e824"
}
.icon-arrow-ios-downward-outline:before {
    content: "\e825"
}
.icon-arrow-ios-forward-outline:before {
    content: "\e826"
}
.icon-arrow-ios-upward-outline:before {
    content: "\e827"
}
.icon-arrow-left-outline:before {
    content: "\e828"
}
.icon-arrow-right-outline:before {
    content: "\e829"
}
.icon-arrow-up-outline:before {
    content: "\e82a"
}
.icon-arrow-upward-outline:before {
    content: "\e82b"
}
.icon-arrowhead-down-outline:before {
    content: "\e82c"
}
.icon-arrowhead-left-outline:before {
    content: "\e82d"
}
.icon-arrowhead-right-outline:before {
    content: "\e82e"
}
.icon-arrowhead-up-outline:before {
    content: "\e82f"
}
.icon-at-outline:before {
    content: "\e830"
}
.icon-attach-2-outline:before {
    content: "\e831"
}
.icon-attach-outline:before {
    content: "\e832"
}
.icon-award-outline:before {
    content: "\e833"
}
.icon-backspace-outline:before {
    content: "\e834"
}
.icon-bar-chart-2-outline:before {
    content: "\e835"
}
.icon-bar-chart-outline:before {
    content: "\e836"
}
.icon-battery-outline:before {
    content: "\e837"
}
.icon-behance-outline:before {
    content: "\e838"
}
.icon-bell-off-outline:before {
    content: "\e839"
}
.icon-bell-outline:before {
    content: "\e83a"
}
.icon-bluetooth-outline:before {
    content: "\e83b"
}
.icon-book-open-outline:before {
    content: "\e83c"
}
.icon-book-outline:before {
    content: "\e83d"
}
.icon-bookmark-outline:before {
    content: "\e83e"
}
.icon-briefcase-outline:before {
    content: "\e83f"
}
.icon-browser-outline:before {
    content: "\e840"
}
.icon-brush-outline:before {
    content: "\e841"
}
.icon-bulb-outline:before {
    content: "\e842"
}
.icon-calendar-outline:before {
    content: "\e843"
}
.icon-camera-outline:before {
    content: "\e844"
}
.icon-car-outline:before {
    content: "\e845"
}
.icon-cast-outline:before {
    content: "\e846"
}
.icon-catalogue:before {
    content: "\e847"
}
.icon-charging-outline:before {
    content: "\e848"
}
.icon-checkmark-circle-2-outline:before {
    content: "\e849"
}
.icon-checkmark-circle-outline:before {
    content: "\e84a"
}
.icon-checkmark-outline:before {
    content: "\e84b"
}
.icon-checkmark-square-2-outline:before {
    content: "\e84c"
}
.icon-checkmark-square-outline:before {
    content: "\e84d"
}
.icon-chevron-down-outline:before {
    content: "\e84e"
}
.icon-chevron-left-outline:before {
    content: "\e84f"
}
.icon-chevron-right-outline:before {
    content: "\e850"
}
.icon-chevron-up-outline:before {
    content: "\e851"
}
.icon-clipboard-outline:before {
    content: "\e852"
}
.icon-clock-outline:before {
    content: "\e853"
}
.icon-close-circle-outline:before {
    content: "\e854"
}
.icon-close-outline:before {
    content: "\e855"
}
.icon-close-square-outline:before {
    content: "\e856"
}
.icon-cloud-download-outline:before {
    content: "\e857"
}
.icon-cloud-upload-outline:before {
    content: "\e858"
}
.icon-code-download-outline:before {
    content: "\e859"
}
.icon-code-outline:before {
    content: "\e85a"
}
.icon-collapse-outline:before {
    content: "\e85b"
}
.icon-color-palette-outline:before {
    content: "\e85c"
}
.icon-color-picker-outline:before {
    content: "\e85d"
}
.icon-communauty:before {
    content: "\e85e"
}
.icon-compass-outline:before {
    content: "\e85f"
}
.icon-copy-outline:before {
    content: "\e860"
}
.icon-corner-down-left-outline:before {
    content: "\e861"
}
.icon-corner-down-right-outline:before {
    content: "\e862"
}
.icon-corner-left-down-outline:before {
    content: "\e863"
}
.icon-corner-left-up-outline:before {
    content: "\e864"
}
.icon-corner-right-down-outline:before {
    content: "\e865"
}
.icon-corner-right-up-outline:before {
    content: "\e866"
}
.icon-corner-up-left-outline:before {
    content: "\e867"
}
.icon-corner-up-right-outline:before {
    content: "\e868"
}
.icon-courses:before {
    content: "\e869"
}
.icon-credit-card-outline:before {
    content: "\e86a"
}
.icon-crop-outline:before {
    content: "\e86b"
}
.icon-cube-outline:before {
    content: "\e86c"
}
.icon-dashboard:before {
    content: "\e86d"
}
.icon-diagonal-arrow-left-down-outline:before {
    content: "\e86e"
}
.icon-diagonal-arrow-left-up-outline:before {
    content: "\e86f"
}
.icon-diagonal-arrow-right-down-outline:before {
    content: "\e870"
}
.icon-diagonal-arrow-right-up-outline:before {
    content: "\e871"
}
.icon-done-all-outline:before {
    content: "\e872"
}
.icon-download-outline:before {
    content: "\e873"
}
.icon-droplet-off-outline:before {
    content: "\e874"
}
.icon-droplet-outline:before {
    content: "\e875"
}
.icon-edit-2-outline:before {
    content: "\e876"
}
.icon-edit-outline:before {
    content: "\e877"
}
.icon-email-outline:before {
    content: "\e878"
}
.icon-expand-outline:before {
    content: "\e879"
}
.icon-external-link-outline:before {
    content: "\e87a"
}
.icon-eye-off-2-outline:before {
    content: "\e87b"
}
.icon-eye-off-outline:before {
    content: "\e87c"
}
.icon-eye-outline:before {
    content: "\e87d"
}
.icon-facebook-outline:before {
    content: "\e87e"
}
.icon-file-add-outline:before {
    content: "\e87f"
}
.icon-file-outline:before {
    content: "\e880"
}
.icon-file-remove-outline:before {
    content: "\e881"
}
.icon-file-text-outline:before {
    content: "\e882"
}
.icon-film-outline:before {
    content: "\e883"
}
.icon-flag-outline:before {
    content: "\e884"
}
.icon-flash-off-outline:before {
    content: "\e885"
}
.icon-flash-outline:before {
    content: "\e886"
}
.icon-flip-2-outline:before {
    content: "\e887"
}
.icon-flip-outline:before {
    content: "\e888"
}
.icon-folder-add-outline:before {
    content: "\e889"
}
.icon-folder-outline:before {
    content: "\e88a"
}
.icon-folder-remove-outline:before {
    content: "\e88b"
}
.icon-funnel-outline:before {
    content: "\e88c"
}
.icon-gift-outline:before {
    content: "\e88d"
}
.icon-github-outline:before {
    content: "\e88e"
}
.icon-globe-2-outline:before {
    content: "\e88f"
}
.icon-globe-outline:before {
    content: "\e890"
}
.icon-google-outline:before {
    content: "\e891"
}
.icon-grid-outline:before {
    content: "\e892"
}
.icon-hard-drive-outline:before {
    content: "\e893"
}
.icon-hash-outline:before {
    content: "\e894"
}
.icon-headphones-outline:before {
    content: "\e895"
}
.icon-heart-outline:before {
    content: "\e896"
}
.icon-home-outline:before {
    content: "\e897"
}
.icon-image-outline:before {
    content: "\e898"
}
.icon-inbox-outline:before {
    content: "\e899"
}
.icon-info-outline:before {
    content: "\e89a"
}
.icon-keypad-outline:before {
    content: "\e89b"
}
.icon-layers-outline:before {
    content: "\e89c"
}
.icon-layout-outline:before {
    content: "\e89d"
}
.icon-link-2-outline:before {
    content: "\e89e"
}
.icon-link-outline:before {
    content: "\e89f"
}
.icon-linkedin-outline:before {
    content: "\e8a0"
}
.icon-list-outline:before {
    content: "\e8a1"
}
.icon-loader-outline:before {
    content: "\e8a2"
}
.icon-lock-outline:before {
    content: "\e8a3"
}
.icon-log-in-outline:before {
    content: "\e8a4"
}
.icon-log-out-outline:before {
    content: "\e8a5"
}
.icon-map-outline:before {
    content: "\e8a6"
}
.icon-maximize-outline:before {
    content: "\e8a7"
}
.icon-mentoring:before {
    content: "\e8a8"
}
.icon-menu-2-outline:before {
    content: "\e8a9"
}
.icon-menu-arrow-outline:before {
    content: "\e8aa"
}
.icon-menu-outline:before {
    content: "\e8ab"
}
.icon-message-circle-outline:before {
    content: "\e8ac"
}
.icon-message-square-outline:before {
    content: "\e8ad"
}
.icon-mic-off-outline:before {
    content: "\e8ae"
}
.icon-mic-outline:before {
    content: "\e8af"
}
.icon-minimize-outline:before {
    content: "\e8b0"
}
.icon-minus-circle-outline:before {
    content: "\e8b1"
}
.icon-minus-outline:before {
    content: "\e8b2"
}
.icon-minus-square-outline:before {
    content: "\e8b3"
}
.icon-monitor-outline:before {
    content: "\e8b4"
}
.icon-moon-outline:before {
    content: "\e8b5"
}
.icon-more-horizotnal-outline:before {
    content: "\e8b6"
}
.icon-more-vertical-outline:before {
    content: "\e8b7"
}
.icon-move-outline:before {
    content: "\e8b8"
}
.icon-music-outline:before {
    content: "\e8b9"
}
.icon-navigation-2-outline:before {
    content: "\e8ba"
}
.icon-navigation-outline:before {
    content: "\e8bb"
}
.icon-npm-outline:before {
    content: "\e8bc"
}
.icon-options-2-outline:before {
    content: "\e8bd"
}
.icon-options-outline:before {
    content: "\e8be"
}
.icon-pantone-outline:before {
    content: "\e8bf"
}
.icon-paper-plane-outline:before {
    content: "\e8c0"
}
.icon-pause-circle-outline:before {
    content: "\e8c1"
}
.icon-people-outline:before {
    content: "\e8c2"
}
.icon-percent-outline:before {
    content: "\e8c3"
}
.icon-person-add-outline:before {
    content: "\e8c4"
}
.icon-person-delete-outline:before {
    content: "\e8c5"
}
.icon-person-done-outline:before {
    content: "\e8c6"
}
.icon-person-outline:before {
    content: "\e8c7"
}
.icon-person-remove-outline:before {
    content: "\e8c8"
}
.icon-phone-call-outline:before {
    content: "\e8c9"
}
.icon-phone-missed-outline:before {
    content: "\e8ca"
}
.icon-phone-off-outline:before {
    content: "\e8cb"
}
.icon-phone-outline:before {
    content: "\e8cc"
}
.icon-pie-chart-outline:before {
    content: "\e8cd"
}
.icon-pin-outline:before {
    content: "\e8ce"
}
.icon-play-circle-outline:before {
    content: "\e8cf"
}
.icon-plus-circle-outline:before {
    content: "\e8d0"
}
.icon-plus-outline:before {
    content: "\e8d1"
}
.icon-plus-square-outline:before {
    content: "\e8d2"
}
.icon-power-outline:before {
    content: "\e8d3"
}
.icon-pricetags-outline:before {
    content: "\e8d4"
}
.icon-printer-outline:before {
    content: "\e8d5"
}
.icon-question-mark-circle-outline:before {
    content: "\e8d6"
}
.icon-question-mark-outline:before {
    content: "\e8d7"
}
.icon-radio-button-off-outline:before {
    content: "\e8d8"
}
.icon-radio-button-on-outline:before {
    content: "\e8d9"
}
.icon-radio-outline:before {
    content: "\e8da"
}
.icon-recording-outline:before {
    content: "\e8db"
}
.icon-refresh-outline:before {
    content: "\e8dc"
}
.icon-repeat-outline:before {
    content: "\e8dd"
}
.icon-rewind-left-outline:before {
    content: "\e8de"
}
.icon-rewind-right-outline:before {
    content: "\e8df"
}
.icon-save-outline:before {
    content: "\e8e0"
}
.icon-scissors-outline:before {
    content: "\e8e1"
}
.icon-search-outline:before {
    content: "\e8e2"
}
.icon-settings-2-outline:before {
    content: "\e8e3"
}
.icon-settings-outline:before {
    content: "\e8e4"
}
.icon-shake-outline:before {
    content: "\e8e5"
}
.icon-share-outline:before {
    content: "\e8e6"
}
.icon-shield-off-outline:before {
    content: "\e8e7"
}
.icon-shield-outline:before {
    content: "\e8e8"
}
.icon-shopping-bag-outline:before {
    content: "\e8e9"
}
.icon-shopping-cart-outline:before {
    content: "\e8ea"
}
.icon-shuffle-2-outline:before {
    content: "\e8eb"
}
.icon-shuffle-outline:before {
    content: "\e8ec"
}
.icon-skip-back-outline:before {
    content: "\e8ed"
}
.icon-skip-forward-outline:before {
    content: "\e8ee"
}
.icon-slash-outline:before {
    content: "\e8ef"
}
.icon-smartphone-outline:before {
    content: "\e8f0"
}
.icon-speaker-outline:before {
    content: "\e8f1"
}
.icon-square-outline:before {
    content: "\e8f2"
}
.icon-star-outline:before {
    content: "\e8f3"
}
.icon-stop-circle-outline:before {
    content: "\e8f4"
}
.icon-sun-outline:before {
    content: "\e8f5"
}
.icon-swap-outline:before {
    content: "\e8f6"
}
.icon-sync-outline:before {
    content: "\e8f7"
}
.icon-text-outline:before {
    content: "\e8f8"
}
.icon-thermometer-minus-outline:before {
    content: "\e8f9"
}
.icon-thermometer-outline:before {
    content: "\e8fa"
}
.icon-thermometer-plus-outline:before {
    content: "\e8fb"
}
.icon-toggle-left-outline:before {
    content: "\e8fc"
}
.icon-toggle-right-outline:before {
    content: "\e8fd"
}
.icon-trash-2-outline:before {
    content: "\e8fe"
}
.icon-trash-outline:before {
    content: "\e8ff"
}
.icon-trending-down-outline:before {
    content: "\e900"
}
.icon-trending-up-outline:before {
    content: "\e901"
}
.icon-tv-outline:before {
    content: "\e902"
}
.icon-twitter-outline:before {
    content: "\e903"
}
.icon-umbrella-outline:before {
    content: "\e904"
}
.icon-undo-outline:before {
    content: "\e905"
}
.icon-unlock-outline:before {
    content: "\e906"
}
.icon-upload-outline:before {
    content: "\e907"
}
.icon-video-off-outline:before {
    content: "\e908"
}
.icon-video-outline:before {
    content: "\e909"
}
.icon-volume-down-outline:before {
    content: "\e90a"
}
.icon-volume-mute-outline:before {
    content: "\e90b"
}
.icon-volume-off-outline:before {
    content: "\e90c"
}
.icon-volume-up-outline:before {
    content: "\e90d"
}
.icon-wifi-off-outline:before {
    content: "\e90e"
}
.icon-wifi-outline:before {
    content: "\e90f"
}
.icon-bell-fill:before {
    content: "\e910"
}
.icon-bookmark-fill:before {
    content: "\e911"
}
.icon-category:before {
    content: "\e912"
}
.icon-mail-fill:before {
    content: "\e913"
}
.icon-manage:before {
    content: "\e914"
}
.icon-learn:before {
    content: "\e915"
}
.icon-create:before {
    content: "\e916"
}
.icon-organize:before {
    content: "\e917"
}
.icon-spotify:before {
    content: "\e918"
}
.icon-vimeo:before {
    content: "\e919"
}
.icon-github-circled:before {
    content: "\e91a"
}
.icon-bitbucket:before {
    content: "\e91b"
}
.header__banner {
    width: 100%;
    height: 40px;
    background-color: rgba(30, 25, 93, .76);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
    visibility: hidden;
    position: absolute;
    border-bottom: 4px solid #fec6a1
}
.header__banner.active {
    visibility: visible
}
.header__banner p {
    margin: 0
}
.header__banner a, .header__banner p {
    color: #fff;
    font-size: 12px
}
.header__banner i {
    color: #fec6a1
}
.header__banner-right {
    display: flex;
    justify-content: space-between;
    align-items: center
}
.header__banner-right p {
    margin-right: 15px
}
.header__banner-right .banner__link {
    background-color: #fff;
    color: #fec6a1;
    border-radius: 5px;
    padding: 5px;
    margin-left: 10px
}
.header__banner-right .banner__close {
    font-size: 18px;
    color: #fff
}
.header__banner-right .banner__close i {
    color: #fff
}
.header__banner-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff
}
.header__banner-left .banner__description {
    margin-right: 20px
}
.header__banner-left .banner__date, .header__banner-left .banner__description span {
    color: #fff
}
.header__banner-left .banner__number {
    color: #fec6a1;
    font-weight: 700
}
.force-fullscreen .modal-dialog {
    max-width: none;
    margin: 0;
}
.force-fullscreen-fixed .modal-dialog {
    max-width: none;
    margin: 0;
    /* position: fixed; */
    z-index: 300;
    width: 100%;
}
.force-fullscreen-height {
    display: flex !important;
    flex-direction: column;
}
.force-fullscreen-height .modal-dialog {
    margin: 0;
    max-width: none;
    height: 100%;
}
.force-fullscreen-height .modal-dialog .modal-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container {
    max-width: none !important;
}
live-editor {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.media {
    display: block !important;
}
.modal-header {
    border-bottom: none
}
.modal-backdrop.backdrop-custom {
    transition: none;
}
.modal-backdrop.backdrop-custom.show {
    opacity: 0.95;
    background: rgb(236,241,249);
}
/* TODO: Use cdk overlay for dropdowns */
.cdk-virtual-scroll-content-wrapper {
    contain: none !important;
}
.templab-btn{
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
    border:0;
    margin:0;
    outline:none;
    background:none;
    font-size:.875rem;
    color:#020d38;
    border-radius:6px;
    box-shadow:none;
    padding:6px 12px;
    transition:all .3s ease;
    display:flex;
    align-items:center
}
.templab-btn--active{
    color:#fff;
    background:#5150c4
}
.templab-btn i{
    font-size:1.125rem;
    margin-right:4px
}
.templab-btn--primary{
    color:#fff;
    background:#feb88a
}
.templab-btn--primary:hover{
    color:#fff;
    background:#f4997d;
    box-shadow:0 6px 6px -1px rgba(10,22,70,.1);
    transition:all .3s ease
}
.templab-btn--secondary{
    color:#fff;
    background:#5150c4
}
.templab-btn--secondary:hover{
    color:#fff;
    background:#343392;
    box-shadow:0 6px 6px -1px rgba(10,22,70,.1);
    transition:all .3s ease
}
.templab-btn--tertiary{
    color:#fff;
    background:#d3d5e4
}
.templab-btn--tertiary:hover{
    color:#fff;
    background:#8c91b4;
    box-shadow:0 6px 6px -1px rgba(10,22,70,.1);
    transition:all .3s ease
}
.templab-btn--transparent{
    background-color:initial;
    color:#7d83aa;
    transition:all .3s cubic-bezier(.175,.885,.32,2)
}
.templab-btn--transparent:hover{
    color:initial!important;
    background-color:#f8f9ff
}
.templab-btn-transition{
    font-size:.875rem;
    line-height:1.125rem;
    color:#7d83aa;
    padding:10px 34px;
    border-radius:20px;
    background:rgba(195,210,234,.34);
    transition:all .3s ease
}
.templab-btn-transition:hover{
    color:#fff;
    background:#6cd4a8
}
.templab-btn-content{
    position:relative;
    display:flex;
    font-size:.875rem;
    line-height:1.25rem;
    color:#7d83aa;
    padding:10px;
    box-shadow:none;
    border-radius:4px;
    border:1px solid #f4997d;
    background:#fff;
    transition:box-shadow .3s ease-in-out
}
.templab-btn-content:before{
    content:"";
    position:absolute;
    top:14px;
    left:-8px;
    width:12px;
    height:12px;
    border-radius:4px 0 0 4px;
    border-left:1px solid #f4997d;
    border-top:1px solid #f4997d;
    background:#fff;
    transform:rotate(-45deg)
}
.templab-btn-content i{
    font-size:1.25rem;
    color:#f4997d;
    margin-right:10px
}
.templab-btn-content:hover{
    box-shadow:0 16px 16px -1px rgba(10,22,70,.1)
}
.templab-btn-submit{
    font-size:.875rem;
    color:#fff;
    background:#5150c4;
    border-radius:0 0 6px 6px;
    box-shadow:none;
    padding:6px 12px;
    transition:all .3s ease
}
.templab-btn-submit i{
    font-size:1.125rem;
    margin-right:4px
}
.templab-btn-submit:hover{
    box-shadow:0 6px 6px -1px rgba(10,22,70,.1)
}
.templab-btn-filter{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    background:#fff;
    border-radius:6px;
    padding:0 8px;
    height:30px;
    border:1px solid #d3d5e4;
    font-size:.875rem;
    line-height:1.125rem;
    color:#b2b5cd;
    transition:color .3s ease;
    white-space:nowrap
}
.templab-btn-filter:hover{
    color:#535a8b;
    border:1px solid #535a8b
}
.templab-btn-filter i{
    font-size:1.125rem;
    margin-left:6px
}
.templab-btn-filter i.icon-swap{
    transform:rotate(90deg)
}
.templab-btn-filter--rtl img{
    width:auto;
    max-height:12px;
    margin-right:6px
}
.templab-btn-filter--active{
    color:#fff;
    background:#7986ef
}
.templab-btn-filter--active:hover{
    color:#fff;
    border:1px solid #7986ef
}
.templab-btn-activity{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    background:#fff;
    width:180px;
    height:60px;
    border-radius:4px;
    color:#8c91b4;
    transform:scale(1);
    transition:all .3s ease
}
.templab-btn-activity i{
    font-size:1.25rem;
    line-height:1.25rem;
    margin-right:12px
}
.templab-btn-activity p{
    font-size:.875rem;
    line-height:1.25rem;
    text-align:left;
    margin-right:20px;
    color:#8c91b4;
    margin-bottom:0;
    transition:all .3s ease
}
.templab-btn-activity--active{
    background:#5150c4;
    color:#fff;
    transform:scale(1.02);
    transition:all .3s ease
}
.templab-btn-activity:hover{
    background:#5150c4;
    color:#fff;
    transform:scale(1.02);
    transition:all .3s ease
}
.templab-btn-activity--active p{
    color:#fff;
    transition:all .3s ease
}
.templab-btn-activity:hover p{
    color:#fff;
    transition:all .3s ease
}
.show-more--no-margin{
    margin:0 auto
}
.templab-row{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    flex:0 1 auto
}
@media screen and (min-width:20rem){
    .templab-col-xxs-1{
        width:8.33333%;
        max-width:8.33333%;
        flex:0 0 auto;
        flex-basis:8.33333%
    }
}
@media screen and (min-width:32rem){
    .templab-col-xs-1{
        width:8.33333%;
        max-width:8.33333%;
        flex:0 0 auto;
        flex-basis:8.33333%
    }
}
@media screen and (min-width:48rem){
    .templab-col-sm-1{
        width:8.33333%;
        max-width:8.33333%;
        flex:0 0 auto;
        flex-basis:8.33333%
    }
}
@media screen and (min-width:64rem){
    .templab-col-md-1{
        width:8.33333%;
        max-width:8.33333%;
        flex:0 0 auto;
        flex-basis:8.33333%
    }
}
@media screen and (min-width:80rem){
    .templab-col-1{
        width:8.33333%;
        max-width:8.33333%;
        flex:0 0 auto;
        flex-basis:8.33333%
    }
}
@media screen and (min-width:90rem){
    .templab-col-xl-1{
        width:8.33333%;
        max-width:8.33333%;
        flex:0 0 auto;
        flex-basis:8.33333%
    }
}
@media screen and (min-width:20rem){
    .templab-col-xxs-2{
        width:16.66667%;
        max-width:16.66667%;
        flex:0 0 auto;
        flex-basis:16.66667%
    }
}
@media screen and (min-width:32rem){
    .templab-col-xs-2{
        width:16.66667%;
        max-width:16.66667%;
        flex:0 0 auto;
        flex-basis:16.66667%
    }
}
@media screen and (min-width:48rem){
    .templab-col-sm-2{
        width:16.66667%;
        max-width:16.66667%;
        flex:0 0 auto;
        flex-basis:16.66667%
    }
}
@media screen and (min-width:64rem){
    .templab-col-md-2{
        width:16.66667%;
        max-width:16.66667%;
        flex:0 0 auto;
        flex-basis:16.66667%
    }
}
@media screen and (min-width:80rem){
    .templab-col-2{
        width:16.66667%;
        max-width:16.66667%;
        flex:0 0 auto;
        flex-basis:16.66667%
    }
}
@media screen and (min-width:90rem){
    .templab-col-xl-2{
        width:16.66667%;
        max-width:16.66667%;
        flex:0 0 auto;
        flex-basis:16.66667%
    }
}
@media screen and (min-width:20rem){
    .templab-col-xxs-3{
        width:25%;
        max-width:25%;
        flex:0 0 auto;
        flex-basis:25%
    }
}
@media screen and (min-width:32rem){
    .templab-col-xs-3{
        width:25%;
        max-width:25%;
        flex:0 0 auto;
        flex-basis:25%
    }
}
@media screen and (min-width:48rem){
    .templab-col-sm-3{
        width:25%;
        max-width:25%;
        flex:0 0 auto;
        flex-basis:25%
    }
}
@media screen and (min-width:64rem){
    .templab-col-md-3{
        width:25%;
        max-width:25%;
        flex:0 0 auto;
        flex-basis:25%
    }
}
@media screen and (min-width:80rem){
    .templab-col-3{
        width:25%;
        max-width:25%;
        flex:0 0 auto;
        flex-basis:25%
    }
}
@media screen and (min-width:90rem){
    .templab-col-xl-3{
        width:25%;
        max-width:25%;
        flex:0 0 auto;
        flex-basis:25%
    }
}
@media screen and (min-width:20rem){
    .templab-col-xxs-4{
        width:33.33333%;
        max-width:33.33333%;
        flex:0 0 auto;
        flex-basis:33.33333%
    }
}
@media screen and (min-width:32rem){
    .templab-col-xs-4{
        width:33.33333%;
        max-width:33.33333%;
        flex:0 0 auto;
        flex-basis:33.33333%
    }
}
@media screen and (min-width:48rem){
    .templab-col-sm-4{
        width:33.33333%;
        max-width:33.33333%;
        flex:0 0 auto;
        flex-basis:33.33333%
    }
}
@media screen and (min-width:64rem){
    .templab-col-md-4{
        width:33.33333%;
        max-width:33.33333%;
        flex:0 0 auto;
        flex-basis:33.33333%
    }
}
@media screen and (min-width:80rem){
    .templab-col-4{
        width:33.33333%;
        max-width:33.33333%;
        flex:0 0 auto;
        flex-basis:33.33333%
    }
}
@media screen and (min-width:90rem){
    .templab-col-xl-4{
        width:33.33333%;
        max-width:33.33333%;
        flex:0 0 auto;
        flex-basis:33.33333%
    }
}
@media screen and (min-width:20rem){
    .templab-col-xxs-5{
        width:41.66667%;
        max-width:41.66667%;
        flex:0 0 auto;
        flex-basis:41.66667%
    }
}
@media screen and (min-width:32rem){
    .templab-col-xs-5{
        width:41.66667%;
        max-width:41.66667%;
        flex:0 0 auto;
        flex-basis:41.66667%
    }
}
@media screen and (min-width:48rem){
    .templab-col-sm-5{
        width:41.66667%;
        max-width:41.66667%;
        flex:0 0 auto;
        flex-basis:41.66667%
    }
}
@media screen and (min-width:64rem){
    .templab-col-md-5{
        width:41.66667%;
        max-width:41.66667%;
        flex:0 0 auto;
        flex-basis:41.66667%
    }
}
@media screen and (min-width:80rem){
    .templab-col-5{
        width:41.66667%;
        max-width:41.66667%;
        flex:0 0 auto;
        flex-basis:41.66667%
    }
}
@media screen and (min-width:90rem){
    .templab-col-xl-5{
        width:41.66667%;
        max-width:41.66667%;
        flex:0 0 auto;
        flex-basis:41.66667%
    }
}
@media screen and (min-width:20rem){
    .templab-col-xxs-6{
        width:50%;
        max-width:50%;
        flex:0 0 auto;
        flex-basis:50%
    }
}
@media screen and (min-width:32rem){
    .templab-col-xs-6{
        width:50%;
        max-width:50%;
        flex:0 0 auto;
        flex-basis:50%
    }
}
@media screen and (min-width:48rem){
    .templab-col-sm-6{
        width:50%;
        max-width:50%;
        flex:0 0 auto;
        flex-basis:50%
    }
}
@media screen and (min-width:64rem){
    .templab-col-md-6{
        width:50%;
        max-width:50%;
        flex:0 0 auto;
        flex-basis:50%
    }
}
@media screen and (min-width:80rem){
    .templab-col-6{
        width:50%;
        max-width:50%;
        flex:0 0 auto;
        flex-basis:50%
    }
}
@media screen and (min-width:90rem){
    .templab-col-xl-6{
        width:50%;
        max-width:50%;
        flex:0 0 auto;
        flex-basis:50%
    }
}
@media screen and (min-width:20rem){
    .templab-col-xxs-7{
        width:58.33333%;
        max-width:58.33333%;
        flex:0 0 auto;
        flex-basis:58.33333%
    }
}
@media screen and (min-width:32rem){
    .templab-col-xs-7{
        width:58.33333%;
        max-width:58.33333%;
        flex:0 0 auto;
        flex-basis:58.33333%
    }
}
@media screen and (min-width:48rem){
    .templab-col-sm-7{
        width:58.33333%;
        max-width:58.33333%;
        flex:0 0 auto;
        flex-basis:58.33333%
    }
}
@media screen and (min-width:64rem){
    .templab-col-md-7{
        width:58.33333%;
        max-width:58.33333%;
        flex:0 0 auto;
        flex-basis:58.33333%
    }
}
@media screen and (min-width:80rem){
    .templab-col-7{
        width:58.33333%;
        max-width:58.33333%;
        flex:0 0 auto;
        flex-basis:58.33333%
    }
}
@media screen and (min-width:90rem){
    .templab-col-xl-7{
        width:58.33333%;
        max-width:58.33333%;
        flex:0 0 auto;
        flex-basis:58.33333%
    }
}
@media screen and (min-width:20rem){
    .templab-col-xxs-8{
        width:66.66667%;
        max-width:66.66667%;
        flex:0 0 auto;
        flex-basis:66.66667%
    }
}
@media screen and (min-width:32rem){
    .templab-col-xs-8{
        width:66.66667%;
        max-width:66.66667%;
        flex:0 0 auto;
        flex-basis:66.66667%
    }
}
@media screen and (min-width:48rem){
    .templab-col-sm-8{
        width:66.66667%;
        max-width:66.66667%;
        flex:0 0 auto;
        flex-basis:66.66667%
    }
}
@media screen and (min-width:64rem){
    .templab-col-md-8{
        width:66.66667%;
        max-width:66.66667%;
        flex:0 0 auto;
        flex-basis:66.66667%
    }
}
@media screen and (min-width:80rem){
    .templab-col-8{
        width:66.66667%;
        max-width:66.66667%;
        flex:0 0 auto;
        flex-basis:66.66667%
    }
}
@media screen and (min-width:90rem){
    .templab-col-xl-8{
        width:66.66667%;
        max-width:66.66667%;
        flex:0 0 auto;
        flex-basis:66.66667%
    }
}
@media screen and (min-width:20rem){
    .templab-col-xxs-9{
        width:75%;
        max-width:75%;
        flex:0 0 auto;
        flex-basis:75%
    }
}
@media screen and (min-width:32rem){
    .templab-col-xs-9{
        width:75%;
        max-width:75%;
        flex:0 0 auto;
        flex-basis:75%
    }
}
@media screen and (min-width:48rem){
    .templab-col-sm-9{
        width:75%;
        max-width:75%;
        flex:0 0 auto;
        flex-basis:75%
    }
}
@media screen and (min-width:64rem){
    .templab-col-md-9{
        width:75%;
        max-width:75%;
        flex:0 0 auto;
        flex-basis:75%
    }
}
@media screen and (min-width:80rem){
    .templab-col-9{
        width:75%;
        max-width:75%;
        flex:0 0 auto;
        flex-basis:75%
    }
}
@media screen and (min-width:90rem){
    .templab-col-xl-9{
        width:75%;
        max-width:75%;
        flex:0 0 auto;
        flex-basis:75%
    }
}
@media screen and (min-width:20rem){
    .templab-col-xxs-10{
        width:83.33333%;
        max-width:83.33333%;
        flex:0 0 auto;
        flex-basis:83.33333%
    }
}
@media screen and (min-width:32rem){
    .templab-col-xs-10{
        width:83.33333%;
        max-width:83.33333%;
        flex:0 0 auto;
        flex-basis:83.33333%
    }
}
@media screen and (min-width:48rem){
    .templab-col-sm-10{
        width:83.33333%;
        max-width:83.33333%;
        flex:0 0 auto;
        flex-basis:83.33333%
    }
}
@media screen and (min-width:64rem){
    .templab-col-md-10{
        width:83.33333%;
        max-width:83.33333%;
        flex:0 0 auto;
        flex-basis:83.33333%
    }
}
@media screen and (min-width:80rem){
    .templab-col-10{
        width:83.33333%;
        max-width:83.33333%;
        flex:0 0 auto;
        flex-basis:83.33333%
    }
}
@media screen and (min-width:90rem){
    .templab-col-xl-10{
        width:83.33333%;
        max-width:83.33333%;
        flex:0 0 auto;
        flex-basis:83.33333%
    }
}
@media screen and (min-width:20rem){
    .templab-col-xxs-11{
        width:91.66667%;
        max-width:91.66667%;
        flex:0 0 auto;
        flex-basis:91.66667%
    }
}
@media screen and (min-width:32rem){
    .templab-col-xs-11{
        width:91.66667%;
        max-width:91.66667%;
        flex:0 0 auto;
        flex-basis:91.66667%
    }
}
@media screen and (min-width:48rem){
    .templab-col-sm-11{
        width:91.66667%;
        max-width:91.66667%;
        flex:0 0 auto;
        flex-basis:91.66667%
    }
}
@media screen and (min-width:64rem){
    .templab-col-md-11{
        width:91.66667%;
        max-width:91.66667%;
        flex:0 0 auto;
        flex-basis:91.66667%
    }
}
@media screen and (min-width:80rem){
    .templab-col-11{
        width:91.66667%;
        max-width:91.66667%;
        flex:0 0 auto;
        flex-basis:91.66667%
    }
}
@media screen and (min-width:90rem){
    .templab-col-xl-11{
        width:91.66667%;
        max-width:91.66667%;
        flex:0 0 auto;
        flex-basis:91.66667%
    }
}
@media screen and (min-width:20rem){
    .templab-col-xxs-12{
        width:100%;
        max-width:100%;
        flex:0 0 auto;
        flex-basis:100%
    }
}
@media screen and (min-width:32rem){
    .templab-col-xs-12{
        width:100%;
        max-width:100%;
        flex:0 0 auto;
        flex-basis:100%
    }
}
@media screen and (min-width:48rem){
    .templab-col-sm-12{
        width:100%;
        max-width:100%;
        flex:0 0 auto;
        flex-basis:100%
    }
}
@media screen and (min-width:64rem){
    .templab-col-md-12{
        width:100%;
        max-width:100%;
        flex:0 0 auto;
        flex-basis:100%
    }
}
@media screen and (min-width:80rem){
    .templab-col-12{
        width:100%;
        max-width:100%;
        flex:0 0 auto;
        flex-basis:100%
    }
}
@media screen and (min-width:90rem){
    .templab-col-xl-12{
        width:100%;
        max-width:100%;
        flex:0 0 auto;
        flex-basis:100%
    }
}
@font-face{
    font-family:templab-myskillcamp;
    src:url(https://static.myskillcamp.com/icons/myskillcamp.eot?38182774=);
    src:url(https://static.myskillcamp.com/icons/myskillcamp.eot?38182774=#iefix) format("embedded-opentype"),url(https://static.myskillcamp.com/icons/myskillcamp.woff2?38182774=) format("woff2"),url(https://static.myskillcamp.com/icons/myskillcamp.woff?38182774=) format("woff"),url(https://static.myskillcamp.com/icons/myskillcamp.ttf?38182774=) format("truetype"),url(https://static.myskillcamp.com/icons/myskillcamp.svg?38182774=#myskillcamp) format("svg");
    font-weight:400;
    font-style:normal
}
[class*=" templab-icon-"]:before,[class^=templab-icon-]:before{
    font-family:templab-myskillcamp;
    font-style:normal;
    font-weight:400;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    font-feature-settings:normal;
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.templab-icon-activity-1:before{
    content:"\e800"
}
.templab-icon-add-message:before{
    content:"\e801"
}
.templab-icon-alert-circle:before{
    content:"\e802"
}
.templab-icon-alert-triangle:before{
    content:"\e803"
}
.templab-icon-all-done:before{
    content:"\e804"
}
.templab-icon-archive:before{
    content:"\e805"
}
.templab-icon-arrow-circle-down:before{
    content:"\e806"
}
.templab-icon-arrow-circle-left:before{
    content:"\e807"
}
.templab-icon-arrow-circle-right:before{
    content:"\e808"
}
.templab-icon-arrow-circle-up:before{
    content:"\e809"
}
.templab-icon-arrow-down:before{
    content:"\e80a"
}
.templab-icon-arrow-ios-down:before{
    content:"\e80b"
}
.templab-icon-arrow-ios-left:before{
    content:"\e80c"
}
.templab-icon-arrow-ios-right:before{
    content:"\e80d"
}
.templab-icon-arrow-ios-up:before{
    content:"\e80e"
}
.templab-icon-arrow-left:before{
    content:"\e80f"
}
.templab-icon-arrow-right:before{
    content:"\e810"
}
.templab-icon-arrow-up:before{
    content:"\e811"
}
.templab-icon-arrowhead-down:before{
    content:"\e812"
}
.templab-icon-arrowhead-left:before{
    content:"\e813"
}
.templab-icon-arrowhead-right:before{
    content:"\e814"
}
.templab-icon-arrowhead-up:before{
    content:"\e815"
}
.templab-icon-arrrow-left:before{
    content:"\e816"
}
.templab-icon-at:before{
    content:"\e817"
}
.templab-icon-attach-2:before{
    content:"\e818"
}
.templab-icon-attach:before{
    content:"\e819"
}
.templab-icon-award:before{
    content:"\e81a"
}
.templab-icon-backspace:before{
    content:"\e81b"
}
.templab-icon-bar-chart-2:before{
    content:"\e81c"
}
.templab-icon-bar-chart:before{
    content:"\e81d"
}
.templab-icon-battery:before{
    content:"\e81e"
}
.templab-icon-batttery-charging:before{
    content:"\e81f"
}
.templab-icon-behance:before{
    content:"\e820"
}
.templab-icon-bell-off:before{
    content:"\e821"
}
.templab-icon-bell:before{
    content:"\e822"
}
.templab-icon-bluetooth:before{
    content:"\e823"
}
.templab-icon-book-open:before{
    content:"\e824"
}
.templab-icon-book:before{
    content:"\e825"
}
.templab-icon-bookmark:before{
    content:"\e826"
}
.templab-icon-briefcase:before{
    content:"\e827"
}
.templab-icon-browser:before{
    content:"\e828"
}
.templab-icon-brush:before{
    content:"\e829"
}
.templab-icon-bulb:before{
    content:"\e82a"
}
.templab-icon-bullet-point:before{
    content:"\e82b"
}
.templab-icon-calendar-add:before{
    content:"\e82c"
}
.templab-icon-calendar:before{
    content:"\e82d"
}
.templab-icon-camp:before{
    content:"\e82e"
}
.templab-icon-camera:before{
    content:"\e82f"
}
.templab-icon-car:before{
    content:"\e830"
}
.templab-icon-cast:before{
    content:"\e831"
}
.templab-icon-catalogue:before{
    content:"\e832"
}
.templab-icon-checkmark-circle-2:before{
    content:"\e833"
}
.templab-icon-checkmark-circle:before{
    content:"\e834"
}
.templab-icon-checkmark-square-2:before{
    content:"\e835"
}
.templab-icon-checkmark-square:before{
    content:"\e836"
}
.templab-icon-checkmark:before{
    content:"\e837"
}
.templab-icon-chevron-down:before{
    content:"\e838"
}
.templab-icon-chevron-left:before{
    content:"\e839"
}
.templab-icon-chevron-right:before{
    content:"\e83a"
}
.templab-icon-chevron-up:before{
    content:"\e83b"
}
.templab-icon-clipboard:before{
    content:"\e83c"
}
.templab-icon-clock:before{
    content:"\e83d"
}
.templab-icon-close-circle:before{
    content:"\e83e"
}
.templab-icon-close:before{
    content:"\e83f"
}
.templab-icon-cloud-download:before{
    content:"\e840"
}
.templab-icon-cloud-upload:before{
    content:"\e841"
}
.templab-icon-code-download:before{
    content:"\e842"
}
.templab-icon-code:before{
    content:"\e843"
}
.templab-icon-collapse:before{
    content:"\e844"
}
.templab-icon-color-palette:before{
    content:"\e845"
}
.templab-icon-color-picker:before{
    content:"\e846"
}
.templab-icon-compass:before{
    content:"\e847"
}
.templab-icon-content:before{
    content:"\e848"
}
.templab-icon-copy:before{
    content:"\e849"
}
.templab-icon-corner-down-left:before{
    content:"\e84a"
}
.templab-icon-corner-down-right:before{
    content:"\e84b"
}
.templab-icon-corner-left-down:before{
    content:"\e84c"
}
.templab-icon-corner-left-up:before{
    content:"\e84d"
}
.templab-icon-corner-right-down:before{
    content:"\e84e"
}
.templab-icon-corner-right-up:before{
    content:"\e84f"
}
.templab-icon-corner-up-left:before{
    content:"\e850"
}
.templab-icon-corner-up-right:before{
    content:"\e851"
}
.templab-icon-credit-card:before{
    content:"\e852"
}
.templab-icon-crop:before{
    content:"\e853"
}
.templab-icon-cube:before{
    content:"\e854"
}
.templab-icon-dashboard:before{
    content:"\e855"
}
.templab-icon-diagonal-arrow-left-down:before{
    content:"\e856"
}
.templab-icon-diagonal-arrow-left-up:before{
    content:"\e857"
}
.templab-icon-diagonal-arrow-right-down:before{
    content:"\e858"
}
.templab-icon-diagonal-arrow-right-up:before{
    content:"\e859"
}
.templab-icon-download:before{
    content:"\e85a"
}
.templab-icon-droplet-off:before{
    content:"\e85b"
}
.templab-icon-droplet:before{
    content:"\e85c"
}
.templab-icon-edit-2:before{
    content:"\e85d"
}
.templab-icon-edit:before{
    content:"\e85e"
}
.templab-icon-email:before{
    content:"\e85f"
}
.templab-icon-external-link:before{
    content:"\e860"
}
.templab-icon-expand:before{
    content:"\e861"
}
.templab-icon-eye-off-2:before{
    content:"\e862"
}
.templab-icon-eye-off:before{
    content:"\e863"
}
.templab-icon-eye:before{
    content:"\e864"
}
.templab-icon-facebook:before{
    content:"\e865"
}
.templab-icon-file-add:before{
    content:"\e866"
}
.templab-icon-file-remove:before{
    content:"\e867"
}
.templab-icon-file-text:before{
    content:"\e868"
}
.templab-icon-file:before{
    content:"\e869"
}
.templab-icon-film:before{
    content:"\e86a"
}
.templab-icon-fire:before{
    content:"\e86b"
}
.templab-icon-flag:before{
    content:"\e86c"
}
.templab-icon-flash-off:before{
    content:"\e86d"
}
.templab-icon-flash:before{
    content:"\e86e"
}
.templab-icon-flip-2:before{
    content:"\e86f"
}
.templab-icon-flip:before{
    content:"\e870"
}
.templab-icon-folder-add:before{
    content:"\e871"
}
.templab-icon-folder-remove:before{
    content:"\e872"
}
.templab-icon-folder:before{
    content:"\e873"
}
.templab-icon-funnel:before{
    content:"\e874"
}
.templab-icon-gift:before{
    content:"\e875"
}
.templab-icon-github:before{
    content:"\e876"
}
.templab-icon-globe-2:before{
    content:"\e877"
}
.templab-icon-globe:before{
    content:"\e878"
}
.templab-icon-google:before{
    content:"\e879"
}
.templab-icon-grid:before{
    content:"\e87a"
}
.templab-icon-hard-drive:before{
    content:"\e87b"
}
.templab-icon-hash:before{
    content:"\e87c"
}
.templab-icon-headphones:before{
    content:"\e87d"
}
.templab-icon-heart:before{
    content:"\e87e"
}
.templab-icon-height:before{
    content:"\e87f"
}
.templab-icon-home:before{
    content:"\e880"
}
.templab-icon-image:before{
    content:"\e881"
}
.templab-icon-inbox:before{
    content:"\e882"
}
.templab-icon-info:before{
    content:"\e883"
}
.templab-icon-keypad:before{
    content:"\e884"
}
.templab-icon-layers:before{
    content:"\e885"
}
.templab-icon-layout:before{
    content:"\e886"
}
.templab-icon-like-social:before{
    content:"\e887"
}
.templab-icon-link-2:before{
    content:"\e888"
}
.templab-icon-link:before{
    content:"\e889"
}
.templab-icon-linkedin:before{
    content:"\e88a"
}
.templab-icon-list:before{
    content:"\e88b"
}
.templab-icon-loader:before{
    content:"\e88c"
}
.templab-icon-lock:before{
    content:"\e88d"
}
.templab-icon-log-in:before{
    content:"\e88e"
}
.templab-icon-log-out:before{
    content:"\e88f"
}
.templab-icon-logo-myskillcamp:before{
    content:"\e890"
}
.templab-icon-map:before{
    content:"\e891"
}
.templab-icon-maximize:before{
    content:"\e892"
}
.templab-icon-mentee:before{
    content:"\e893"
}
.templab-icon-mentor:before{
    content:"\e894"
}
.templab-icon-menu-2:before{
    content:"\e895"
}
.templab-icon-menu-arrow:before{
    content:"\e896"
}
.templab-icon-menu:before{
    content:"\e897"
}
.templab-icon-message-circle:before{
    content:"\e898"
}
.templab-icon-message-square:before{
    content:"\e899"
}
.templab-icon-mic-off:before{
    content:"\e89a"
}
.templab-icon-mic:before{
    content:"\e89b"
}
.templab-icon-minimize:before{
    content:"\e89c"
}
.templab-icon-minus-circle:before{
    content:"\e89d"
}
.templab-icon-minus-square:before{
    content:"\e89e"
}
.templab-icon-minus:before{
    content:"\e89f"
}
.templab-icon-monitor:before{
    content:"\e8a0"
}
.templab-icon-moon:before{
    content:"\e8a1"
}
.templab-icon-more-horizontal:before{
    content:"\e8a2"
}
.templab-icon-more-vertical:before{
    content:"\e8a3"
}
.templab-icon-move:before{
    content:"\e8a4"
}
.templab-icon-music:before{
    content:"\e8a5"
}
.templab-icon-navigation-2:before{
    content:"\e8a6"
}
.templab-icon-navigation:before{
    content:"\e8a7"
}
.templab-icon-npm:before{
    content:"\e8a8"
}
.templab-icon-options-2:before{
    content:"\e8a9"
}
.templab-icon-options:before{
    content:"\e8aa"
}
.templab-icon-pantone:before{
    content:"\e8ab"
}
.templab-icon-paper-plane:before{
    content:"\e8ac"
}
.templab-icon-pause-circle:before{
    content:"\e8ad"
}
.templab-icon-people:before{
    content:"\e8ae"
}
.templab-icon-percent:before{
    content:"\e8af"
}
.templab-icon-person-add:before{
    content:"\e8b0"
}
.templab-icon-person-delete:before{
    content:"\e8b1"
}
.templab-icon-person-done:before{
    content:"\e8b2"
}
.templab-icon-person-remove:before{
    content:"\e8b3"
}
.templab-icon-person:before{
    content:"\e8b4"
}
.templab-icon-phone-call:before{
    content:"\e8b5"
}
.templab-icon-phone-missed:before{
    content:"\e8b6"
}
.templab-icon-phone-off:before{
    content:"\e8b7"
}
.templab-icon-phone:before{
    content:"\e8b8"
}
.templab-icon-pie-chart:before{
    content:"\e8b9"
}
.templab-icon-pin:before{
    content:"\e8ba"
}
.templab-icon-play-circle:before{
    content:"\e8bb"
}
.templab-icon-plus-circle:before{
    content:"\e8bc"
}
.templab-icon-plus-square:before{
    content:"\e8bd"
}
.templab-icon-plus:before{
    content:"\e8be"
}
.templab-icon-power:before{
    content:"\e8bf"
}
.templab-icon-pricetag:before{
    content:"\e8c0"
}
.templab-icon-printer:before{
    content:"\e8c1"
}
.templab-icon-question-mark-circle:before{
    content:"\e8c2"
}
.templab-icon-question-mark:before{
    content:"\e8c3"
}
.templab-icon-radio-button-off:before{
    content:"\e8c4"
}
.templab-icon-radio-button-on:before{
    content:"\e8c5"
}
.templab-icon-radio:before{
    content:"\e8c6"
}
.templab-icon-recording:before{
    content:"\e8c7"
}
.templab-icon-refresh:before{
    content:"\e8c8"
}
.templab-icon-repeat:before{
    content:"\e8c9"
}
.templab-icon-rewind-left:before{
    content:"\e8ca"
}
.templab-icon-rewind-right:before{
    content:"\e8cb"
}
.templab-icon-save:before{
    content:"\e8cc"
}
.templab-icon-scissors:before{
    content:"\e8cd"
}
.templab-icon-search:before{
    content:"\e8ce"
}
.templab-icon-settings-2:before{
    content:"\e8cf"
}
.templab-icon-settings:before{
    content:"\e8d0"
}
.templab-icon-shake:before{
    content:"\e8d1"
}
.templab-icon-share:before{
    content:"\e8d2"
}
.templab-icon-shield-off:before{
    content:"\e8d3"
}
.templab-icon-shield:before{
    content:"\e8d4"
}
.templab-icon-shopping-bag:before{
    content:"\e8d5"
}
.templab-icon-shopping-cart:before{
    content:"\e8d6"
}
.templab-icon-shuffle-2:before{
    content:"\e8d7"
}
.templab-icon-shuffle:before{
    content:"\e8d8"
}
.templab-icon-skip-back:before{
    content:"\e8d9"
}
.templab-icon-skip-forward:before{
    content:"\e8da"
}
.templab-icon-slash:before{
    content:"\e8db"
}
.templab-icon-smartphone:before{
    content:"\e8dc"
}
.templab-icon-speaker:before{
    content:"\e8dd"
}
.templab-icon-square:before{
    content:"\e8de"
}
.templab-icon-star:before{
    content:"\e8df"
}
.templab-icon-stop-circle:before{
    content:"\e8e0"
}
.templab-icon-sun:before{
    content:"\e8e1"
}
.templab-icon-swap:before{
    content:"\e8e2"
}
.templab-icon-sync:before{
    content:"\e8e3"
}
.templab-icon-text:before{
    content:"\e8e4"
}
.templab-icon-thermometer-minus:before{
    content:"\e8e5"
}
.templab-icon-thermometer-plus:before{
    content:"\e8e6"
}
.templab-icon-thermometer:before{
    content:"\e8e7"
}
.templab-icon-timer:before{
    content:"\e8e8"
}
.templab-icon-toggle-left:before{
    content:"\e8e9"
}
.templab-icon-toggle-right:before{
    content:"\e8ea"
}
.templab-icon-trash-2:before{
    content:"\e8eb"
}
.templab-icon-trash:before{
    content:"\e8ec"
}
.templab-icon-trending-down:before{
    content:"\e8ed"
}
.templab-icon-trending-up:before{
    content:"\e8ee"
}
.templab-icon-tv:before{
    content:"\e8ef"
}
.templab-icon-twitter:before{
    content:"\e8f0"
}
.templab-icon-umbrella:before{
    content:"\e8f1"
}
.templab-icon-undo:before{
    content:"\e8f2"
}
.templab-icon-unlock:before{
    content:"\e8f3"
}
.templab-icon-upload:before{
    content:"\e8f4"
}
.templab-icon-video-off:before{
    content:"\e8f5"
}
.templab-icon-video:before{
    content:"\e8f6"
}
.templab-icon-volume-down:before{
    content:"\e8f7"
}
.templab-icon-volume-off:before{
    content:"\e8f8"
}
.templab-icon-volume-up:before{
    content:"\e8f9"
}
.templab-icon-volume:before{
    content:"\e8fa"
}
.templab-icon-weight:before{
    content:"\e8fb"
}
.templab-icon-wifi-off:before{
    content:"\e8fc"
}
.templab-icon-wifi:before{
    content:"\e8fd"
}
.templab-icon-activity:before{
    content:"\e8fe"
}
.templab-icon-alert-circle-1:before{
    content:"\e8ff"
}
.templab-icon-alert-triangle-1:before{
    content:"\e900"
}
.templab-icon-all-done-1:before{
    content:"\e901"
}
.templab-icon-archive-1:before{
    content:"\e902"
}
.templab-icon-arrow-circle-down-1:before{
    content:"\e903"
}
.templab-icon-arrow-circle-left-1:before{
    content:"\e904"
}
.templab-icon-arrow-circle-right-1:before{
    content:"\e905"
}
.templab-icon-arrow-circle-up-1:before{
    content:"\e906"
}
.templab-icon-arrow-down-1:before{
    content:"\e907"
}
.templab-icon-arrow-ios-down-1:before{
    content:"\e908"
}
.templab-icon-arrow-ios-left-1:before{
    content:"\e909"
}
.templab-icon-arrow-ios-right-1:before{
    content:"\e90a"
}
.templab-icon-arrow-ios-up-1:before{
    content:"\e90b"
}
.templab-icon-arrow-left-1:before{
    content:"\e90c"
}
.templab-icon-arrow-right-1:before{
    content:"\e90d"
}
.templab-icon-arrow-up-1:before{
    content:"\e90e"
}
.templab-icon-arrowhead-down-1:before{
    content:"\e90f"
}
.templab-icon-arrowhead-left-1:before{
    content:"\e910"
}
.templab-icon-arrowhead-right-1:before{
    content:"\e911"
}
.templab-icon-arrowhead-up-1:before{
    content:"\e912"
}
.templab-icon-arrrow-left-1:before{
    content:"\e913"
}
.templab-icon-at-1:before{
    content:"\e914"
}
.templab-icon-attach-1:before{
    content:"\e915"
}
.templab-icon-attach-3:before{
    content:"\e916"
}
.templab-icon-award-1:before{
    content:"\e917"
}
.templab-icon-backspace-1:before{
    content:"\e918"
}
.templab-icon-bar-chart-1:before{
    content:"\e919"
}
.templab-icon-bar-chart-3:before{
    content:"\e91a"
}
.templab-icon-battery-1:before{
    content:"\e91b"
}
.templab-icon-batttery-charging-1:before{
    content:"\e91c"
}
.templab-icon-behance-1:before{
    content:"\e91d"
}
.templab-icon-bell-off-1:before{
    content:"\e91e"
}
.templab-icon-bell-1:before{
    content:"\e91f"
}
.templab-icon-bluetooth-1:before{
    content:"\e920"
}
.templab-icon-bold:before{
    content:"\e921"
}
.templab-icon-book-open-1:before{
    content:"\e922"
}
.templab-icon-book-1:before{
    content:"\e923"
}
.templab-icon-bookmark-1:before{
    content:"\e924"
}
.templab-icon-briefcase-1:before{
    content:"\e925"
}
.templab-icon-browser-1:before{
    content:"\e926"
}
.templab-icon-brush-1:before{
    content:"\e927"
}
.templab-icon-bulb-1:before{
    content:"\e928"
}
.templab-icon-student:before{
    content:"\ea00"
}
.templab-icon-student-1:before{
    content:"\e929"
}
.templab-icon-calendar-add-1:before{
    content:"\e92a"
}
.templab-icon-calendar-1:before{
    content:"\e92b"
}
.templab-icon-camera-1:before{
    content:"\e92c"
}
.templab-icon-camp-1:before{
    content:"\e92d"
}
.templab-icon-cast-1:before{
    content:"\e92e"
}
.templab-icon-car-1:before{
    content:"\e92f"
}
.templab-icon-catalogue-1:before{
    content:"\e930"
}
.templab-icon-checkmark-circle-1:before{
    content:"\e931"
}
.templab-icon-checkmark-circle-3:before{
    content:"\e932"
}
.templab-icon-checkmark-square-copy:before{
    content:"\e933"
}
.templab-icon-checkmark-square-1:before{
    content:"\e934"
}
.templab-icon-checkmark-1:before{
    content:"\e935"
}
.templab-icon-chevron-left-1:before{
    content:"\e936"
}
.templab-icon-chevron-down-1:before{
    content:"\e937"
}
.templab-icon-chevron-right-1:before{
    content:"\e938"
}
.templab-icon-chevron-up-1:before{
    content:"\e939"
}
.templab-icon-clipboard-1:before{
    content:"\e93a"
}
.templab-icon-clock-1:before{
    content:"\e93b"
}
.templab-icon-close-circle-1:before{
    content:"\e93c"
}
.templab-icon-close-1:before{
    content:"\e93d"
}
.templab-icon-cloud-download-1:before{
    content:"\e93e"
}
.templab-icon-cloud-upload-1:before{
    content:"\e93f"
}
.templab-icon-code-download-1:before{
    content:"\e940"
}
.templab-icon-code-1:before{
    content:"\e941"
}
.templab-icon-color-palette-1:before{
    content:"\e942"
}
.templab-icon-collapse-1:before{
    content:"\e943"
}
.templab-icon-compass-1:before{
    content:"\e944"
}
.templab-icon-content-1:before{
    content:"\e945"
}
.templab-icon-color-picker-1:before{
    content:"\e946"
}
.templab-icon-copy-1:before{
    content:"\e947"
}
.templab-icon-corner-down-left-1:before{
    content:"\e948"
}
.templab-icon-corner-down-right-1:before{
    content:"\e949"
}
.templab-icon-corner-left-down-1:before{
    content:"\e94a"
}
.templab-icon-corner-left-up-1:before{
    content:"\e94b"
}
.templab-icon-corner-right-down-1:before{
    content:"\e94c"
}
.templab-icon-corner-right-up-1:before{
    content:"\e94d"
}
.templab-icon-corner-up-left-1:before{
    content:"\e94e"
}
.templab-icon-corner-up-right-1:before{
    content:"\e94f"
}
.templab-icon-credit-card-1:before{
    content:"\e950"
}
.templab-icon-crop-1:before{
    content:"\e951"
}
.templab-icon-cube-1:before{
    content:"\e952"
}
.templab-icon-dashboard-1:before{
    content:"\e953"
}
.templab-icon-diagonal-arrow-left-down-1:before{
    content:"\e954"
}
.templab-icon-diagonal-arrow-left-up-1:before{
    content:"\e955"
}
.templab-icon-diagonal-arrow-right-down-1:before{
    content:"\e956"
}
.templab-icon-diagonal-arrow-right-up-1:before{
    content:"\e957"
}
.templab-icon-download-1:before{
    content:"\e958"
}
.templab-icon-droplet-off-1:before{
    content:"\e959"
}
.templab-icon-droplet-1:before{
    content:"\e95a"
}
.templab-icon-edit-1:before{
    content:"\e95b"
}
.templab-icon-edit-3:before{
    content:"\e95c"
}
.templab-icon-expand-1:before{
    content:"\e95d"
}
.templab-icon-email-1:before{
    content:"\e95e"
}
.templab-icon-external-link-1:before{
    content:"\e95f"
}
.templab-icon-eye-off-1:before{
    content:"\e960"
}
.templab-icon-eye-off-3:before{
    content:"\e961"
}
.templab-icon-eye-1:before{
    content:"\e962"
}
.templab-icon-facebook-1:before{
    content:"\e963"
}
.templab-icon-file-add-1:before{
    content:"\e964"
}
.templab-icon-file-remove-1:before{
    content:"\e965"
}
.templab-icon-file-text-1:before{
    content:"\e966"
}
.templab-icon-file-1:before{
    content:"\e967"
}
.templab-icon-film-1:before{
    content:"\e968"
}
.templab-icon-fire-1:before{
    content:"\e969"
}
.templab-icon-flag-1:before{
    content:"\e96a"
}
.templab-icon-flash-off-1:before{
    content:"\e96b"
}
.templab-icon-flash-1:before{
    content:"\e96c"
}
.templab-icon-flip-1:before{
    content:"\e96d"
}
.templab-icon-flip-3:before{
    content:"\e96e"
}
.templab-icon-folder-add-1:before{
    content:"\e96f"
}
.templab-icon-folder-remove-1:before{
    content:"\e970"
}
.templab-icon-folder-1:before{
    content:"\e971"
}
.templab-icon-funnel-1:before{
    content:"\e972"
}
.templab-icon-gift-1:before{
    content:"\e973"
}
.templab-icon-github-1:before{
    content:"\e974"
}
.templab-icon-globe-1:before{
    content:"\e975"
}
.templab-icon-globe-3:before{
    content:"\e976"
}
.templab-icon-google-1:before{
    content:"\e977"
}
.templab-icon-grid-1:before{
    content:"\e978"
}
.templab-icon-hard-drive-1:before{
    content:"\e979"
}
.templab-icon-hash-1:before{
    content:"\e97a"
}
.templab-icon-headphones-1:before{
    content:"\e97b"
}
.templab-icon-heart-1:before{
    content:"\e97c"
}
.templab-icon-height-1:before{
    content:"\e97d"
}
.templab-icon-home-1:before{
    content:"\e97e"
}
.templab-icon-image-1:before{
    content:"\e97f"
}
.templab-icon-inbox-1:before{
    content:"\e980"
}
.templab-icon-info-1:before{
    content:"\e981"
}
.templab-icon-keypad-1:before{
    content:"\e982"
}
.templab-icon-layers-1:before{
    content:"\e983"
}
.templab-icon-layout-1:before{
    content:"\e984"
}
.templab-icon-link-1:before{
    content:"\e985"
}
.templab-icon-link-3:before{
    content:"\e986"
}
.templab-icon-linkedin-1:before{
    content:"\e987"
}
.templab-icon-list-1:before{
    content:"\e988"
}
.templab-icon-loader-1:before{
    content:"\e989"
}
.templab-icon-lock-1:before{
    content:"\e98a"
}
.templab-icon-log-in-1:before{
    content:"\e98b"
}
.templab-icon-log-out-1:before{
    content:"\e98c"
}
.templab-icon-pie-stats:before{
    content:"\e98d"
}
.templab-icon-map-1:before{
    content:"\e98e"
}
.templab-icon-maximize-1:before{
    content:"\e98f"
}
.templab-icon-menu-1:before{
    content:"\e990"
}
.templab-icon-menu-arrow-1:before{
    content:"\e991"
}
.templab-icon-menu-3:before{
    content:"\e992"
}
.templab-icon-message-circle-1:before{
    content:"\e993"
}
.templab-icon-message-square-1:before{
    content:"\e994"
}
.templab-icon-mic-off-1:before{
    content:"\e995"
}
.templab-icon-mic-1:before{
    content:"\e996"
}
.templab-icon-minimize-1:before{
    content:"\e997"
}
.templab-icon-minus-circle-1:before{
    content:"\e998"
}
.templab-icon-minus-square-1:before{
    content:"\e999"
}
.templab-icon-minus-1:before{
    content:"\e99a"
}
.templab-icon-monitor-1:before{
    content:"\e99b"
}
.templab-icon-moon-1:before{
    content:"\e99c"
}
.templab-icon-more-horizontal-1:before{
    content:"\e99d"
}
.templab-icon-more-vertical-1:before{
    content:"\e99e"
}
.templab-icon-move-1:before{
    content:"\e99f"
}
.templab-icon-music-1:before{
    content:"\e9a0"
}
.templab-icon-navigation-1:before{
    content:"\e9a1"
}
.templab-icon-navigation-3:before{
    content:"\e9a2"
}
.templab-icon-npm-1:before{
    content:"\e9a3"
}
.templab-icon-options-1:before{
    content:"\e9a4"
}
.templab-icon-options-3:before{
    content:"\e9a5"
}
.templab-icon-pantone-1:before{
    content:"\e9a6"
}
.templab-icon-paper-plane-1:before{
    content:"\e9a7"
}
.templab-icon-pause-circle-1:before{
    content:"\e9a8"
}
.templab-icon-people-1:before{
    content:"\e9a9"
}
.templab-icon-percent-1:before{
    content:"\e9aa"
}
.templab-icon-person-add-1:before{
    content:"\e9ab"
}
.templab-icon-person-delete-1:before{
    content:"\e9ac"
}
.templab-icon-person-done-1:before{
    content:"\e9ad"
}
.templab-icon-person-remove-1:before{
    content:"\e9ae"
}
.templab-icon-person-1:before{
    content:"\e9af"
}
.templab-icon-phone-call-1:before{
    content:"\e9b0"
}
.templab-icon-phone-missed-1:before{
    content:"\e9b1"
}
.templab-icon-phone-off-1:before{
    content:"\e9b2"
}
.templab-icon-phone-1:before{
    content:"\e9b3"
}
.templab-icon-pie-chart-1:before{
    content:"\e9b4"
}
.templab-icon-pin-1:before{
    content:"\e9b5"
}
.templab-icon-play-circle-1:before{
    content:"\e9b6"
}
.templab-icon-plus-circle-1:before{
    content:"\e9b7"
}
.templab-icon-plus-square-1:before{
    content:"\e9b8"
}
.templab-icon-plus-1:before{
    content:"\e9b9"
}
.templab-icon-power-1:before{
    content:"\e9ba"
}
.templab-icon-pricetag-1:before{
    content:"\e9bb"
}
.templab-icon-printer-1:before{
    content:"\e9bc"
}
.templab-icon-question-mark-circle-1:before{
    content:"\e9bd"
}
.templab-icon-question-mark-1:before{
    content:"\e9be"
}
.templab-icon-radio-button-off-1:before{
    content:"\e9bf"
}
.templab-icon-radio-button-on-1:before{
    content:"\e9c0"
}
.templab-icon-radio-1:before{
    content:"\e9c1"
}
.templab-icon-recording-1:before{
    content:"\e9c2"
}
.templab-icon-refresh-1:before{
    content:"\e9c3"
}
.templab-icon-repeat-1:before{
    content:"\e9c4"
}
.templab-icon-rewind-left-1:before{
    content:"\e9c5"
}
.templab-icon-rewind-right-1:before{
    content:"\e9c6"
}
.templab-icon-save-1:before{
    content:"\e9c7"
}
.templab-icon-scissors-1:before{
    content:"\e9c8"
}
.templab-icon-search-1:before{
    content:"\e9c9"
}
.templab-icon-settings-1:before{
    content:"\e9ca"
}
.templab-icon-settings-3:before{
    content:"\e9cb"
}
.templab-icon-shake-1:before{
    content:"\e9cc"
}
.templab-icon-share-1:before{
    content:"\e9cd"
}
.templab-icon-shield-off-1:before{
    content:"\e9ce"
}
.templab-icon-shield-1:before{
    content:"\e9cf"
}
.templab-icon-shopping-bag-1:before{
    content:"\e9d0"
}
.templab-icon-shopping-cart-1:before{
    content:"\e9d1"
}
.templab-icon-shuffle-1:before{
    content:"\e9d2"
}
.templab-icon-shuffle-3:before{
    content:"\e9d3"
}
.templab-icon-skip-back-1:before{
    content:"\e9d4"
}
.templab-icon-skip-forward-1:before{
    content:"\e9d5"
}
.templab-icon-slash-1:before{
    content:"\e9d6"
}
.templab-icon-smartphone-1:before{
    content:"\e9d7"
}
.templab-icon-speaker-1:before{
    content:"\e9d8"
}
.templab-icon-square-1:before{
    content:"\e9d9"
}
.templab-icon-star-1:before{
    content:"\e9da"
}
.templab-icon-stop-circle-1:before{
    content:"\e9db"
}
.templab-icon-sun-1:before{
    content:"\e9dc"
}
.templab-icon-swap-1:before{
    content:"\e9dd"
}
.templab-icon-sync-1:before{
    content:"\e9de"
}
.templab-icon-text-1:before{
    content:"\e9df"
}
.templab-icon-thermometer-minus-1:before{
    content:"\e9e0"
}
.templab-icon-thermometer-plus-1:before{
    content:"\e9e1"
}
.templab-icon-thermometer-1:before{
    content:"\e9e2"
}
.templab-icon-timer-1:before{
    content:"\e9e3"
}
.templab-icon-toggle-left-1:before{
    content:"\e9e4"
}
.templab-icon-toggle-right-1:before{
    content:"\e9e5"
}
.templab-icon-trash-1:before{
    content:"\e9e6"
}
.templab-icon-trash-3:before{
    content:"\e9e7"
}
.templab-icon-trending-down-1:before{
    content:"\e9e8"
}
.templab-icon-trending-up-1:before{
    content:"\e9e9"
}
.templab-icon-tv-1:before{
    content:"\e9ea"
}
.templab-icon-twitter-1:before{
    content:"\e9eb"
}
.templab-icon-umbrella-1:before{
    content:"\e9ec"
}
.templab-icon-undo-1:before{
    content:"\e9ed"
}
.templab-icon-unlock-1:before{
    content:"\e9ee"
}
.templab-icon-upload-1:before{
    content:"\e9ef"
}
.templab-icon-video-off-1:before{
    content:"\e9f0"
}
.templab-icon-video-1:before{
    content:"\e9f1"
}
.templab-icon-volume-down-1:before{
    content:"\e9f2"
}
.templab-icon-volume-off-1:before{
    content:"\e9f3"
}
.templab-icon-volume-up-1:before{
    content:"\e9f4"
}
.templab-icon-volume-1:before{
    content:"\e9f5"
}
.templab-icon-weight-1:before{
    content:"\e9f6"
}
.templab-icon-wifi-off-1:before{
    content:"\e9f7"
}
.templab-icon-wifi-1:before{
    content:"\e9f8"
}
.templab-icon-pie-stats-1:before{
    content:"\e9fa"
}
.templab-icon-add-people:before{
    content:"\e9fb"
}
.templab-icon-library:before{
    content:"\e9fc"
}
.templab-icon-megaphone:before{
    content:"\e9fd"
}
.templab-icon-pin-2:before{
    content:"\e9fe"
}
.templab-icon-rocket:before{
    content:"\e9f9"
}
.templab-icon-evaluation:before{
    content:"\e9ff"
}
.templab-icon-company-building:before{
    content:"\ea01"
}
.templab-icon-hourglass:before{
    content:"\ea02"
}
.templab-icon-hourglass-1:before{
    content:"\ea03"
}
.templab-reset strong{
    font-weight:700
}
.templab-reset s{
    text-decoration:line-through
}
.templab-reset u{
    text-decoration:underline
}
.templab-reset article,.templab-reset aside,.templab-reset details,.templab-reset figcaption,.templab-reset figure,.templab-reset footer,.templab-reset header,.templab-reset hgroup,.templab-reset menu,.templab-reset nav,.templab-reset section{
    display:block
}
.templab-reset li,.templab-reset ol,.templab-reset ul{
    list-style-type:none
}
.templab-reset blockquote,.templab-reset q{
    quotes:none
}
.templab-reset blockquote:after,.templab-reset blockquote:before,.templab-reset q:after,.templab-reset q:before{
    content:""
}
.templab-reset table{
    border-collapse:collapse;
    border-spacing:0
}
.templab-reset .date-picker__header,.templab-reset .date-picker__header .date-picker__nav,.templab-reset .sidebar__footer{
    display:flex
}
.dynamic-table__head .dynamic-table__cell{
    color:#b2b5cd
}
.dynamic-table__row .dynamic-table__cell{
    color:#7d83aa
}
.dynamic-table__head,.dynamic-table__row{
    display:flex;
    align-items:center;
    padding:8px 20px;
    position:relative
}
.dynamic-table__head__sort{
    display:flex;
    align-items:center
}
.dynamic-table__head__sort .head-sort{
    margin:0 .5rem 0 0;
    overflow:initial!important
}
.dynamic-table__head__sort .head-sort .templab-icon{
    font-size:.875rem;
    display:block;
    margin:-7px 0;
    transition:color .3s ease;
    cursor:pointer
}
.dynamic-table__head__sort .head-sort .templab-icon.active{
    color:#414776
}
.dynamic-table__head__sort .head-sort .templab-icon:hover{
    color:#414776
}
@media (-ms-high-contrast:none){
    .dynamic-table__head__sort .head-sort,.dynamic-table__head__sort ::-ms-backdrop{
        overflow:visible!important
    }
}
.dynamic-table__row{
    min-height:60px;
    background-color:#fff;
    margin:1rem 0
}
.dynamic-table__row.row-hover{
    cursor:pointer;
    transition:all .3s ease
}
.dynamic-table__row.row-hover:hover{
    z-index:5;
    transform:scale(1.01)
}
.dynamic-table__row.row-hover:hover .cell-actions .cell-actions__icon{
    color:#535a8b
}
.dynamic-table__row.row-shadow{
    box-shadow:0 3px 3px -1px rgba(10,22,70,.1)
}
.dynamic-table__row.row-radius{
    border-radius:6px
}
.dynamic-table__cell{
    width:20%;
    display:flex;
    align-items:center;
    flex:auto;
    font-size:.875rem;
    padding:0 0 0 1rem
}
@media screen and (min-width:20rem){
    .dynamic-table__cell{
        display:none
    }
}
@media screen and (min-width:32rem){
    .dynamic-table__cell{
        display:flex
    }
}
@media screen and (min-width:20rem){
    .dynamic-table__cell.cell-important{
        display:flex
    }
}
.dynamic-table__cell.cell-head-icon i{
    font-size:1.25rem
}
.dynamic-table__cell.cell-head-icon--hover{
    transition:all .3s ease
}
.dynamic-table__cell.cell-head-icon--hover.active{
    color:#feb88a
}
.dynamic-table__cell.cell-head-icon--hover:hover{
    color:#feb88a
}
.dynamic-table__cell.cell-with-icon i{
    font-size:1.25rem;
    margin:0 .5rem 0 0
}
.dynamic-table__cell.cell-spacing{
    width:5%;
    padding:0
}
.dynamic-table__cell.cell-title{
    padding:0;
    white-space:nowrap;
    width:350px
}
.dynamic-table__cell.cell-title,.dynamic-table__cell.cell-title div{
    overflow:hidden;
    text-overflow:ellipsis
}
.dynamic-table__cell.cell-title div.avatar,.dynamic-table__cell.cell-title div.tooltip{
    overflow:visible!important
}
@media screen and (min-width:20rem){
    .dynamic-table__cell.cell-title{
        width:150px;
        display:block
    }
}
@media screen and (min-width:32rem){
    .dynamic-table__cell.cell-title{
        width:200px
    }
}
@media screen and (min-width:48rem){
    .dynamic-table__cell.cell-title{
        width:250px
    }
}
@media screen and (min-width:64rem){
    .dynamic-table__cell.cell-title{
        width:350px
    }
}
.dynamic-table__cell.cell-title--small{
    width:200px
}
@media screen and (min-width:20rem){
    .dynamic-table__cell.cell-title--small{
        width:75px;
        display:block
    }
}
@media screen and (min-width:32rem){
    .dynamic-table__cell.cell-title--small{
        width:100px
    }
}
@media screen and (min-width:48rem){
    .dynamic-table__cell.cell-title--small{
        width:150px
    }
}
@media screen and (min-width:64rem){
    .dynamic-table__cell.cell-title--small{
        width:200px
    }
}
.dynamic-table__cell.cell-title--tooltip:hover{
    overflow:initial
}
.dynamic-table__cell.cell-small{
    width:10%
}
.dynamic-table__cell.cell-medium{
    width:15%
}
.dynamic-table__cell.cell-large{
    width:30%
}
.dynamic-table__cell.cell-actions{
    width:auto;
    position:absolute;
    right:20px
}
.dynamic-table__cell.cell-actions .cell-actions__icon{
    font-size:1rem;
    color:#8c91b4;
    transition:all .3s ease
}
.dynamic-table__cell.cell-actions .cell-actions__icon:hover{
    color:#535a8b
}
@media screen and (min-width:20rem){
    .dynamic-table__cell.cell-actions{
        display:flex
    }
}
@media (-ms-high-contrast:none){
    .cell-title--tooltip:hover,.cell-title--tooltip:hover div,::-ms-backdrop{
        overflow:visible
    }
}
.templab-title-company{
    display:flex;
    align-items:center
}
.templab-title-company i{
    margin:0 0 0 .5rem;
    font-size:1rem!important
}
.templab-title-company i:before{
    font-weight:600
}
.templab-alert-box{
    margin:.5rem 0 1rem
}
.templab-color--orange{
    color:#feb88a
}
i.templab-color--orange:before{
    color:#feb88a
}
i.templab-color--red:before{
    color:#e57373
}
i.templab-icon-alert{
    font-size:1.25rem
}
.tooltip-v2--top:after{
    font-size:.875rem;
    top:0;
    left:50%;
    transform:translate(-50%,calc(-100% - 10px))!important
}
.tooltip-v2--large:after{
    font-size:.875rem;
    white-space:pre-wrap;
    min-width:180px
}
.templab-aside:after{
    position:fixed;
    top:0;
    left:0;
    content:"";
    width:100vw;
    height:100vh;
    z-index:50;
    background:rgba(81,80,196,.25)
}
.templab-aside__wrapper{
    position:fixed;
    top:0;
    left:-400px;
    background:#fff;
    height:100%;
    z-index:100;
    transition:all .5s ease;
    width:100%
}
@media screen and (min-width:64rem){
    .templab-aside__wrapper{
        max-width:645px;
        left:-645px
    }
}
.templab-aside.active .templab-aside__wrapper{
    left:0
}
.templab-aside__close{
    position:absolute;
    top:15px;
    right:15px;
    color:#b2b5cd;
    font-size:1.125rem;
    cursor:pointer;
    transform:rotate(0);
    transition:all .25s ease;
    z-index:10
}
.templab-aside__close:hover{
    color:#7d83aa;
    transform:scale(1.15) rotate(90deg)
}
.templab-aside__tab{
    border-bottom:1px solid #d3d5e4;
    padding:26px 38px
}
.templab-aside__tab span{
    display:block;
    font-size:.75rem;
    color:#020d38;
    margin-bottom:12px
}
.templab-aside__tab:last-child{
    border-bottom:none
}
.templab-aside__checkbox{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin:12px 0;
    height:20px
}
.templab-aside__checkbox label{
    color:#020d38;
    font-size:.75rem;
    margin-left:12px
}
.templab-aside .templab-group__radio{
    display:flex;
    align-items:center;
    margin:0 -6px
}
.templab-aside .templab-group__radio>*{
    margin:0 6px
}
.templab-aside__footer{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    width:100%;
    max-width:615px;
    position:fixed;
    bottom:0;
    padding:16px;
    background-color:rgba(211,213,228,.5);
    z-index:500
}
.templab-aside__actions{
    display:flex;
    align-items:center;
    margin:0 -6px
}
.templab-aside__actions>*{
    margin:0 6px
}
.templab-card-activity{
    display:flex;
    align-items:center;
    justify-content:center;
    width:210px;
    height:175px;
    border-radius:4px;
    background:#fff;
    text-align:center;
    cursor:pointer;
    transition:all .3s ease
}
.templab-card-activity__icon img{
    max-width:76px;
    height:auto
}
.templab-card-activity__title{
    font-size:1rem;
    color:#020d38;
    margin:6px 0;
    padding:0 25px
}
.templab-card-activity__paragraph{
    font-size:.875rem;
    color:#8c91b4;
    padding:0 25px
}
.templab-card-activity--active{
    background:#5150c4;
    transition:all .3s ease
}
.templab-card-activity:hover{
    background:#5150c4;
    transition:all .3s ease
}
.templab-card-activity--active .templab-card-activity__paragraph{
    color:#fff
}
.templab-card-activity--active .templab-card-activity__title{
    color:#fff
}
.templab-card-activity:hover .templab-card-activity__paragraph{
    color:#fff
}
.templab-card-activity:hover .templab-card-activity__title{
    color:#fff
}
.templab-card-camp{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    max-width:calc(25% - 20px);
    border-radius:4px;
    border:1px solid #d3d5e4;
    padding:20px;
    margin:10px;
    cursor:pointer;
    width:170px;
    height:125px;
    transition:all .3s ease;
    background-color:#fff
}
.templab-card-camp.active{
    border:2px solid #5150c4;
    transition:all .3s ease
}
.templab-card-camp:hover{
    border:2px solid #5150c4;
    transition:all .3s ease
}
.templab-card-camp.active .templab-card-camp__checkbox input{
    background:#5150c4 url(https://static.myskillcamp.com/images/icon/icon-camp/icon_valid_active.svg) no-repeat 50%
}
.templab-card-camp.disable{
    cursor:default
}
.templab-card-camp.disable .templab-card-camp__title{
    color:#8c91b4
}
.templab-card-camp.disable:hover{
    border:1px solid #d3d5e4
}
.templab-card-camp__title{
    color:#17105a;
    font-size:.875rem;
    font-weight:600;
    line-height:18px;
    text-align:center;
    margin:0 0 1rem
}
.templab-card-camp__stats{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 -6px
}
.templab-card-camp__stats>div{
    display:flex;
    align-items:center;
    margin:0 6px;
    color:#e57373
}
.templab-card-camp__stats>div i{
    font-size:1.125rem;
    color:#d3d5e4
}
.templab-card-camp__stats>div span{
    font-size:.875rem;
    font-weight:800
}
.templab-card-camp__checkbox{
    display:block;
    position:absolute;
    top:4px;
    right:4px
}
.templab-card-camp__checkbox input{
    border:2px solid #d3d5e4!important;
    border-radius:50%!important;
    display:block;
    margin-right:0;
    -webkit-appearance:none;
    appearance:none;
    position:relative;
    height:20px;
    width:20px;
    transition:.2s linear;
    background-color:#d7e3f6;
    background-position:50%;
    outline:none;
    padding:0!important;
    margin-bottom:0;
    cursor:pointer;
    vertical-align:text-bottom
}
.templab-card-camp__checkbox input:checked{
    background:#5150c4 url(https://static.myskillcamp.com/images/icon/icon-camp/icon_valid_active.svg) no-repeat 50%
}
.templab-card-camp__icon{
    position:absolute;
    top:-10px;
    left:50%;
    transform:translateX(-50%);
    background-color:#fff;
    border:1px solid #d3d5e4;
    border-radius:100%;
    width:20px;
    height:20px;
    padding:.1rem;
    display:flex;
    justify-content:center;
    align-items:center
}
.templab-card-camp__icon i{
    font-size:1.125rem;
    color:#feb88a
}
.templab-card-content{
    cursor:pointer;
    position:relative;
    box-shadow:0 1px 1px 0 rgba(10,22,70,.1);
    transition:all .25s ease-in-out;
    padding-bottom:12px;
    border-radius:6px;
    max-width:210px
}
.templab-card-content:hover{
    box-shadow:0 16px 16px -1px rgba(10,22,70,.1)
}
.templab-card-content__body{
    position:relative;
    padding:12px
}
.templab-card-content__image{
    width:100%;
    height:90px;
    overflow:hidden;
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.templab-card-content__image div{
    position:relative;
    width:100%;
    height:90px;
    background-size:cover;
    background-position:50%;
    transform:scale(1);
    transition:transform .8s ease
}
.templab-card-content__time{
    background-color:#020d38;
    vertical-align:middle;
    background:#535a8b;
    color:#fff;
    position:absolute;
    top:-10px;
    right:0;
    border-bottom-left-radius:15px;
    border-top-left-radius:15px;
    padding:2px 12px;
    z-index:1
}
.templab-card-content__time span{
    font-size:12px
}
.templab-card-content__tag{
    position:absolute;
    z-index:5;
    top:10px;
    right:12px
}
.templab-card-content__radio{
    display:none;
    align-items:center;
    justify-content:center;
    position:absolute;
    z-index:100;
    top:-10px;
    right:8px;
    width:18px;
    height:18px;
    border-radius:50%;
    background-color:#8290fd;
    font-size:12px;
    color:#fff
}
.templab-card-content__title{
    font-size:12px;
    line-height:16px;
    color:#020d38
}
.templab-card-content__desc{
    font-size:12px;
    line-height:16px;
    color:#7d83aa
}
.templab-card-content__footer p{
    font-size:.75rem;
    line-height:1rem;
    color:#7d83aa;
    padding:0 12px
}
.templab-card-content__footer p i{
    font-size:.875rem;
    margin-left:4px
}
.templab-card-content.templab-card-content--checked{
    border:2px solid #8290fd
}
.templab-card-content.templab-card-content--checked .templab-card-content__radio{
    display:flex
}
.templab-checkbox{
    display:flex;
    align-items:center;
    position:relative;
    height:18px;
    width:18px;
    cursor:pointer;
    font-size:.875rem;
    -webkit-user-select:none;
    user-select:none;
    color:#b2b5cd
}
.templab-checkbox span{
    margin-bottom:0!important
}
.templab-checkbox:hover input~.checkbox__checkmark{
    border-color:#d3d5e4
}
.templab-checkbox input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.templab-checkbox input:checked~.templab-checkbox__checkmark{
    background-color:#5150c4
}
.templab-checkbox input:checked~.templab-checkbox__checkmark:after{
    display:block
}
.templab-checkbox__checkmark{
    position:absolute;
    top:0;
    left:0;
    height:18px;
    width:18px;
    background-color:rgba(211,213,228,.5);
    transition:all .3s ease
}
.templab-checkbox__checkmark:after{
    content:"";
    position:absolute;
    display:none;
    left:5px;
    top:0;
    width:6px;
    height:12px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    transform:rotate(45deg)
}
.templab-checkbox--intermediate input:checked~.templab-checkbox__checkmark{
    background-color:#5150c4;
    border-color:#5150c4
}
.templab-checkbox--intermediate input:checked~.templab-checkbox__checkmark:after{
    content:"";
    display:block;
    width:11px;
    height:3px;
    border-radius:50%;
    background-color:#fff;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) rotate(0deg)
}
.templab-radio{
    display:flex;
    align-items:center;
    position:relative;
    padding-left:30px;
    margin-bottom:16px;
    cursor:pointer;
    font-size:.875rem;
    -webkit-user-select:none;
    user-select:none;
    color:#020d38
}
.templab-radio:hover input~.templab-radio__checkmark{
    border:2px solid #d3d5e4
}
.templab-radio:hover input:checked~.templab-radio__checkmark{
    border:2px solid #b2b5cd
}
.templab-radio input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.templab-radio input:checked~.templab-radio__checkmark{
    border:2px solid #261e6d
}
.templab-radio input:checked~.templab-radio__checkmark:after{
    background-color:#261e6d;
    display:block
}
.templab-radio--disabled{
    cursor:not-allowed
}
.templab-radio--disabled .templab-radio__checkmark{
    border-color:#b2b5cd
}
.templab-radio--disabled:hover input~.templab-adio__checkmark{
    border:2px solid #b2b5cd
}
.templab-radio__checkmark{
    top:0;
    left:0;
    height:16px;
    width:16px;
    border-radius:50%;
    border:2px solid #b2b5cd;
    transition:.2s ease
}
.templab-radio__checkmark{
    position:absolute;
    background:rgba(211,213,228,.5)
}
.templab-radio__checkmark:after{
    position:absolute;
    background:rgba(211,213,228,.5)
}
.templab-radio__checkmark:after{
    content:"";
    display:none;
    top:50%;
    left:50%;
    width:12px;
    height:12px;
    border-radius:50%;
    transform:translate(-50%,-50%)
}
.templab-range-slider{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%
}
.templab-range-slider__wrapper{
    position:relative;
    width:calc(100% - 50px)
}
.templab-range-slider__bar{
    position:absolute;
    top:12px;
    left:0;
    height:4px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    background-color:#5b70ff
}
.templab-range-slider__range{
    -webkit-appearance:none;
    width:100%;
    height:4px;
    border-radius:5px;
    background:#d3d5e4;
    outline:none;
    padding:0;
    margin:0
}
.templab-range-slider__range::-webkit-slider-thumb{
    -webkit-appearance:none;
    appearance:none;
    width:15px;
    height:15px;
    border-radius:50%;
    background:#5b70ff;
    cursor:pointer
}
.templab-range-slider__range:active::-webkit-slider-thumb{
    background:#5b70ff
}
.templab-range-slider__range::-moz-range-thumb{
    width:15px;
    height:15px;
    border:0;
    border-radius:50%;
    background:#5b70ff;
    cursor:pointer
}
.templab-range-slider__range:active::-moz-range-thumb{
    background:#5b70ff
}
.templab-range-slider__value{
    font-size:.875rem;
    line-height:1.125rem;
    color:#7d83aa
}
.templab-form-search--studio .templab-form-search__input{
    border:2px solid rgba(211,213,228,.5)
}
.templab-form-search--studio .templab-form-search__input:hover{
    border:2px solid #5150c4
}
.templab-form-search__label{
    font-size:.875rem;
    color:#d3d5e4;
    margin-bottom:8px
}
.templab-form-search__input{
    display:flex;
    align-items:center;
    height:14px;
    padding:7px 12px;
    background:#fff;
    border:1px solid #d3d5e4;
    border-radius:4px;
    transition:all .3s ease;
    box-sizing:initial
}
.templab-form-search__input:hover{
    border:1px solid #535a8b;
    transition:all .3s ease
}
.templab-form-search__input--no-border{
    height:40px;
    border:0
}
.templab-form-search__input--no-border:hover{
    border:0
}
.templab-form-search__input i{
    font-size:1.125rem;
    margin-right:6px;
    color:#5150c4
}
.templab-form-search__input input{
    border-radius:initial;
    color:#535a8b;
    outline:none;
    width:calc(100% - 24px);
    padding:0;
    margin:0;
    height:auto;
    line-height:normal
}
.templab-form-search__input input,.templab-form-search__input input:focus{
    border:none;
    background:none;
    box-shadow:none
}
.templab-form-search__input input::placeholder{
    color:#b2b5cd
}
.templab-select{
    color:#b2b5cd
}
.templab-select{
    min-width:160px;
    position:relative;
    height:45px;
    background:#fff;
    margin:0;
    padding:0 12px;
    border-radius:4px;
    border:2px solid #d3d5e4;
    font-size:.875rem;
    display:flex;
    align-items:center
}
.templab-select:before{
    width:30px;
    position:absolute;
    top:1px;
    right:1px;
    bottom:1px;
    background:#fff;
    content:"";
    pointer-events:none
}
.templab-select:after{
    font-family:templab-myskillcamp;
    display:inline-block;
    content:"\e80b";
    font-size:1.25rem;
    color:#dbdaff;
    position:absolute;
    right:10px;
    top:10px;
    transform:rotate(0deg);
    pointer-events:none;
    transition:all .25s ease
}
.templab-select select{
    font-size:.875rem;
    color:#7d83aa;
    border:none;
    box-shadow:none;
    border-radius:0;
    background:transparent;
    width:100%;
    height:inherit!important;
    cursor:pointer;
    outline:none;
    padding-right:0;
    padding-left:0
}
.templab-text-input input{
    display:flex;
    align-items:center;
    min-width:160px;
    position:relative;
    height:40px;
    background:#fff;
    margin:0;
    padding:0 12px;
    border-radius:4px;
    border:2px solid #d3d5e4;
    color:#b2b5cd;
    font-size:.875rem;
    width:100%
}
.templab-text-input input:focus{
    border:2px solid #5150c4
}
.templab-textarea{
    width:100%;
    margin-bottom:10px;
    padding:16px;
    border-radius:4px;
    border:2px solid #d3d5e4;
    outline:none;
    color:#535a8b;
    font-size:.875rem;
    font-family:templab-myskillcamp!important;
    transition:all .35s ease;
    resize:none
}
.templab-textarea__content{
    position:relative
}
.templab-textarea__icon{
    cursor:pointer;
    position:absolute;
    top:6px;
    right:6px;
    font-size:1.125rem;
    color:#7d83aa
}
.templab-textarea::placeholder{
    font-family:templab-myskillcamp!important;
    color:#b2b5cd
}
.templab-textarea:focus{
    border:2px solid #5150c4
}
.templab-textarea__label{
    display:block;
    color:#b2b5cd;
    margin-bottom:4px;
    font-size:.875rem
}
.templab-textarea--disabled{
    cursor:not-allowed;
    background-color:rgba(211,213,228,.35);
    border:none
}
.templab-input-upload{
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    position:relative;
    width:100%;
    height:140px;
    margin-top:8px;
    background-size:cover;
    background-position:50%;
    border-radius:4px
}
.templab-input-upload__preview{
    width:100%;
    height:100%
}
.templab-input-upload__preview img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}
.templab-input-upload__ctn{
    position:relative;
    width:45%;
    height:100%
}
.templab-input-upload__ctn .picture__delete{
    position:absolute;
    top:-.6rem;
    right:-.6rem;
    display:flex;
    align-items:center;
    justify-content:center;
    width:1.2rem;
    height:1.2rem;
    background:#f0836d;
    border-radius:50%;
    color:#fff
}
.templab-input-upload .content__action .btn{
    margin-bottom:1rem
}
.templab-input-upload .content__action p{
    font-size:.9rem;
    color:#b2b5cd
}
.templab-dropdown{
    position:absolute;
    top:8px;
    right:16px;
    font-size:1.125rem;
    line-height:1.25rem;
    color:#b2b5cd;
    cursor:pointer
}
.templab-dropdown__content{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    min-width:225px;
    opacity:0;
    visibility:hidden;
    border-radius:4px;
    transform:translateY(-20px);
    transition:all .25s ease
}
.templab-dropdown__selected{
    cursor:pointer;
    color:#535a8b;
    transition:all .15s ease
}
.templab-dropdown__list{
    list-style:none;
    margin-top:32px;
    box-shadow:0 6px 6px -1px rgba(10,22,70,.1);
    background:#fff;
    border-radius:4px
}
.templab-dropdown__item{
    color:#535a8b;
    background:#fff;
    transition:background .15s ease
}
.templab-dropdown__item a{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:10px 20px;
    font-size:.75rem;
    color:#656c9b;
    transition:color .3s ease
}
.templab-dropdown__item i{
    color:#5150c4;
    margin-right:10px;
    font-size:.875rem
}
.templab-dropdown__item:last-child i{
    color:#ffa2a2
}
.templab-dropdown__item:hover{
    background:rgba(211,213,228,.4)
}
.templab-dropdown.active,.templab-dropdown:hover{
    z-index:.625rem
}
.templab-dropdown.active .templab-dropdown__selected{
    color:#17105a
}
.templab-dropdown:hover .templab-dropdown__selected{
    color:#17105a
}
.templab-dropdown.active .templab-dropdown__content,.templab-dropdown:hover .templab-dropdown__content{
    display:block;
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
.dropdown-simple{
    position:relative
}
.dropdown-simple--overflow .content-list{
    overflow:auto;
    max-height:220px
}
.dropdown-simple:hover .dropdown-simple__title{
    border:2px solid #5150c4;
    transition:all .3s ease
}
.dropdown-simple:hover .dropdown-simple__title i{
    color:#5150c4;
    transition:all .3s ease
}
.dropdown-simple--create-path:hover .dropdown-simple__title{
    border:none!important
}
.dropdown-simple--create-path .dropdown-simple__title{
    height:45px;
    border:none;
    background:#ebf0f8;
    padding-right:15px
}
.dropdown-simple--create-path .dropdown-simple__title i{
    color:#4c77ff
}
.dropdown-simple--create-path .dropdown-simple__content{
    width:100%
}
.dropdown-simple--create-path .dropdown-simple__filter{
    background-color:#fff;
    border:1px solid #b2b5cd
}
.dropdown-simple--create-path .dropdown-simple__filter:focus{
    background-color:#fff;
    border:1px solid #b2b5cd
}
.dropdown-simple--create-path .dropdown-simple__filter:hover{
    background-color:#fff;
    border:1px solid #b2b5cd
}
.dropdown-simple.active .dropdown-simple__title i:before{
    transform:rotate(-180deg);
    transition:all .3s ease
}
.dropdown-simple.active .dropdown-simple__content{
    display:block
}
.dropdown-simple__title{
    background-color:#fff;
    border:2px solid rgba(211,213,228,.5);
    border-radius:4px;
    padding:8px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    transition:all .3s ease
}
.dropdown-simple__title span{
    color:#8c91b4
}
.dropdown-simple__title i{
    font-size:1.375rem;
    color:#b2b5cd;
    transition:all .3s ease
}
.dropdown-simple__title i:before{
    transition:all .3s ease
}
.dropdown-simple__content{
    z-index:20;
    position:absolute;
    display:none;
    padding:16px;
    background-color:#fff;
    border-bottom:2px solid rgba(211,213,228,.5);
    border-left:2px solid rgba(211,213,228,.5);
    border-right:2px solid rgba(211,213,228,.5);
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px
}
.dropdown-simple__content .content-item{
    margin:0 0 .75rem;
    display:flex;
    align-items:center;
    cursor:pointer
}
.dropdown-simple__content .content-item .item-label{
    margin:0 0 0 1rem;
    color:#8c91b4;
    font-size:.875rem
}
.dropdown-simple__content .sub-item{
    margin:0 0 .5rem 2rem;
    display:flex;
    align-items:center
}
.dropdown-simple__content .sub-item .item-label{
    margin:0 0 0 1rem;
    color:#b2b5cd;
    font-size:.75rem
}
.dropdown-simple__actions{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.dynamic-table-content .dynamic-table__row{
    border:1px solid #8c91b4
}
.dynamic-table-content .cell-content-title{
    display:flex;
    flex-direction:column;
    align-items:flex-start
}
.dynamic-table-content .cell-content-type i{
    color:#f44436;
    font-size:1.5rem
}
.dynamic-table-content .cell-flag img{
    width:10%
}
.dynamic-table-content .cell-actions a{
    cursor:pointer
}
.dynamic-table-content .cell-actions a i{
    font-size:1.5rem;
    transition:all .3s ease
}
.dynamic-table-content .cell-actions a:hover i{
    color:#414776;
    transition:all .3s ease
}
.templab-slider{
    position:relative
}
.templab-slider__margin-card{
    margin:0 8px!important
}
.templab-slider__track{
    overflow:hidden
}
.templab-slider__track--light .catalogue-glide__track__content .card-highlight{
    width:48%;
    margin-right:1rem
}
.templab-slider__content{
    display:flex
}
.templab-slider__content .col-3:first-child{
    margin-left:0!important
}
.templab-slider__content .active{
    border:2px solid #5150c4;
    border-radius:6px;
    transition:all .3s ease
}
.templab-slider__content--modal-on{
    transform:none!important
}
.templab-slider__controls .templab-slider-arrow{
    position:absolute;
    top:40%;
    border:none;
    cursor:pointer;
    outline:none;
    font-size:1rem;
    background:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,.5);
    width:40px;
    height:40px;
    border-radius:30px;
    color:#5150c4;
    transition:all .3s ease
}
.templab-slider__controls .templab-slider-arrow:hover{
    transform:scale(1.1);
    transition:all .3s ease
}
@media only screen and (min-width:768px) and (max-width:1200px){
    .templab-slider__controls .templab-slider-arrow--left{
        top:17em!important;
        left:2em!important
    }
    .templab-slider__controls .templab-slider-arrow--right{
        top:17em!important;
        right:2em!important
    }
}
@media only screen and (min-width:320px) and (max-width:767px){
    .templab-slider__controls .templab-slider-arrow--left,.templab-slider__controls .templab-slider-arrow--right{
        display:none
    }
}
.templab-slider__controls .templab-slider-arrow--left{
    left:-1.5rem
}
.templab-slider__controls .templab-slider-arrow--right{
    right:-1.5rem
}
.templab-slider__controls .templab-slider-arrow--hidden{
    display:none
}
.templab-alert{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:600px;
    border:2px solid #efc772;
    border-radius:4px;
    padding:.75rem 1rem
}
.templab-alert__icon i{
    color:#efc772;
    font-size:1.375rem
}
.templab-alert__text{
    margin:0 0 0 1rem;
    color:#7d83aa;
    font-size:1rem;
    font-weight:600
}
.templab-selector{
    cursor:pointer;
    min-width:180px;
    height:35px;
    position:relative;
    background-color:#fff;
    border:2px solid rgba(211,213,228,.5);
    border-radius:4px;
    margin:0;
    color:#8c91b4;
    padding:8px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:all .3s ease
}
.templab-selector.active .templab-selector__icon i:before{
    transform:rotate(-180deg);
    transition:all .3s ease
}
.templab-selector__icon{
    margin:0 0 0 .5rem
}
.templab-selector__icon i{
    font-size:1.375rem;
    color:#b2b5cd;
    transition:all .3s ease
}
.templab-selector__icon i:before{
    transition:all .3s ease
}
.templab-selector:hover{
    border:2px solid #5150c4;
    transition:all .3s ease
}
.templab-selector:hover .templab-selector__icon i{
    color:#535a8b;
    transition:all .3s ease
}
.templab-selector__dropdown{
    display:none;
    position:absolute;
    top:33px;
    left:0;
    width:100%;
    padding:16px;
    background-color:#fff;
    border-bottom:2px solid rgba(211,213,228,.5);
    border-left:2px solid rgba(211,213,228,.5);
    border-right:2px solid rgba(211,213,228,.5);
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    z-index:20;
    transition:all .3s ease
}
.templab-selector__dropdown.active{
    display:block
}
.templab-selector__dropdown ul{
    margin:0
}
.templab-selector__dropdown li{
    cursor:pointer;
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    margin:8px 0
}
.templab-selector__dropdown li span{
    font-size:.875rem;
    color:#8c91b4;
    transition:all .3s ease
}
.templab-selector__dropdown li span:hover{
    color:#656c9b;
    transition:all .3s ease
}
.sidebar-subscription .box-module__notif p i{
    color:#fec6a1
}
.sidebar--filter .multi-select__list{
    top:80px
}
.sidebar--filter .multi-select__label.js-active{
    z-index:1001
}
.sidebar--filter .multi-select__label.js-active+.multi-select__list{
    z-index:1000
}
.templab-skill{
    display:inline-block;
    border-radius:16px;
    background-color:rgba(140,145,180,.3);
    padding:6px 21px 6px 14px;
    margin:4px
}
.templab-skill__content{
    display:flex;
    justify-content:center;
    align-items:center
}
.templab-skill__counter{
    color:#b2b5cd;
    font-family:templab-myskillcamp;
    font-size:.875rem
}
.templab-skill__text{
    color:#b2b5cd;
    font-family:templab-myskillcamp;
    font-size:.875rem
}
.templab-skill__counter{
    font-weight:700;
    margin-left:5px
}
.templab-skill__title{
    margin:15px 0
}
.templab-skill__icon{
    margin-right:5px
}
.templab-skill__icon i{
    font-size:1rem;
    color:#b2b5cd
}
.templab-skill__close{
    margin-left:5px;
    display:flex;
    align-items:center
}
.templab-skill__close i{
    font-size:.625rem;
    color:#b2b5cd
}
.templab-skill__level span{
    border-radius:10px
}
.templab-skill__level span.active{
    background-color:#ffa2a2;
    border:none
}
.templab-skill__suggestion{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin-top:20px
}
.templab-skill__suggestion .templab-skill__arrow{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin:0 8px
}
.templab-skill__suggestion .templab-skill__arrow i{
    color:#d3d5e4
}
.templab-skill__suggestion .templab-skill__arrow:before{
    content:"";
    width:82px;
    height:1px;
    margin-right:-8px;
    background-color:#d3d5e4
}
.templab-skill--alternate.templab-skill--level{
    cursor:pointer;
    border:none;
    background-color:rgba(211,213,228,.2)
}
.templab-skill--alternate.templab-skill--level .templab-skill__text{
    color:#8c91b4
}
.templab-skill--level{
    background-color:#fff;
    border:1px solid #d3d5e4;
    padding:3px 21px 3px 14px
}
.templab-skill--level--beginner .templab-skill__level span:first-child{
    background-color:#ffa2a2
}
.templab-skill--level--expert .templab-skill__level span:first-child{
    background-color:#ffa2a2
}
.templab-skill--level--expert .templab-skill__level span:nth-child(2){
    background-color:#ffa2a2
}
.templab-skill--level--expert .templab-skill__level span:nth-child(3){
    background-color:#ffa2a2
}
.templab-skill--level--intermediate .templab-skill__level span:first-child{
    background-color:#ffa2a2
}
.templab-skill--level--intermediate .templab-skill__level span:nth-child(2){
    background-color:#ffa2a2
}
.templab-skill--disabled{
    opacity:.6
}
.templab-skill--disabled i{
    margin-right:5px
}
.templab-skill--disabled:hover{
    background-color:#020d38
}
.templab-skill--disabled:hover .templab-skill__text{
    color:#7d83aa
}
.templab-skill--no-hover span:hover{
    background-color:#b2b5cd!important
}
.templab-skill--no-hover span.active:hover{
    background-color:#ffa2a2!important
}
.templab-skill--level{
    position:relative;
    transition:.5s
}
.templab-skill--level .templab-skill__content .templab-skill__icon{
    margin-right:4px
}
.templab-skill--level .templab-skill__text{
    top:5px;
    left:7px;
    width:calc(100% - 14px);
    text-align:center;
    opacity:1;
    white-space:nowrap;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:4px;
    transition:all .5s ease-in-out
}
.templab-skill--level .templab-skill__rating{
    display:flex;
    align-items:baseline;
    justify-content:flex-start;
    margin-left:auto;
    margin-right:auto
}
.templab-skill--level .templab-skill__rating span{
    display:inline-block;
    width:4px;
    height:7px;
    margin-left:1px;
    margin-right:1px;
    border-radius:2.5px;
    background-color:#d3d5e4
}
.templab-skill--level .templab-skill__rating span.active{
    background-color:#5150c4
}
.templab-skill--level .templab-skill__rating span:hover{
    background-color:#5150c4
}
.templab-skill--level .templab-skill__rating span:nth-child(2){
    height:9px
}
.templab-skill--level .templab-skill__rating span:nth-child(3){
    height:11px
}
.templab-skill--level .templab-skill__action{
    display:flex;
    justify-content:space-between;
    position:absolute;
    top:-23px;
    left:7px;
    width:calc(100% - 14px);
    height:20px;
    opacity:0;
    transition:all .5s ease-in-out
}
.templab-skill--level:hover .templab-skill__text{
    top:23px
}
.templab-skill--level:hover .templab-skill__action{
    opacity:1;
    top:7px
}
.templab-skill--hoverable{
    position:relative;
    overflow:hidden;
    min-width:9rem;
    background-color:#fff
}
.templab-skill--hoverable:hover .templab-skill__hover-actions{
    transform:translateY(0)
}
.templab-skill--hoverable .templab-skill__hover-actions{
    position:absolute;
    top:0;
    left:0;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    padding:0 .8rem;
    background-color:#fff;
    transform:translateY(-100%);
    transition:transform .3s ease-in-out
}
.templab-skill--hoverable .templab-skill__hover-actions p{
    margin-left:.6rem;
    padding-left:.6rem;
    color:#b2b5cd;
    font-size:.875rem;
    border-left:1px solid #b2b5cd
}
.templab-skill--square{
    border-radius:4px;
    border:0 solid transparent;
    padding:12px 21px 12px 14px
}
.templab-skill--selected{
    background:rgba(211,213,228,.2);
    border:transparent;
    padding:1px 8px 2px 14px
}
.templab-skill--selected .templab-skill__text{
    color:#8c91b4;
    margin-right:8px
}
.templab-skill--selected .templab-skill__close{
    cursor:pointer
}
.templab-skill--selected .templab-skill__close i{
    font-size:.875rem
}
.templab-skill--rating{
    border:transparent;
    background:rgba(211,213,228,.2);
    padding:4px 21px 4px 14px;
    overflow:hidden;
    cursor:pointer
}
.templab-skill--rating .templab-skill__text{
    color:#8c91b4;
    opacity:1;
    transition:opacity .35s ease
}
.templab-skill--rating .templab-skill__rating span.active{
    background-color:#ffa2a2!important
}
.templab-skill--rating .templab-skill__rating span:hover{
    background-color:#ffa2a2!important
}
.templab-skill--rating:hover .templab-skill__text{
    opacity:0
}
.templab-skill--light{
    background-color:#fff
}
.templab-skill--large{
    padding:12px 14px
}
.templab-skill--more{
    background-color:#fff;
    border:1px solid #d3d5e4;
    padding:4px 14px;
    transition:.5s
}
.templab-skill--more:hover{
    border-color:#261e6d
}
.templab-skill--more:hover .templab-skill__text{
    color:#261e6d
}
.templab-skill--more .templab-skill__text{
    margin-right:-.1rem;
    margin-top:-.1rem;
    transition:.5s
}
.templab-skill--more .templab-skill__text:after{
    content:"•••";
    font-size:.375rem;
    text-align:center;
    letter-spacing:.1rem
}
.templab-skill--shadow-none{
    box-shadow:none
}
.templab-skill--shadow-xxs{
    box-shadow:0 13px 24px 0 rgba(0,0,0,.03)
}
.templab-skill--shadow-xs{
    box-shadow:0 1px 1px 0 rgba(10,22,70,.1)
}
.templab-skill--shadow-sm{
    box-shadow:0 3px 3px -1px rgba(10,22,70,.1)
}
.templab-skill--tiny{
    padding:4px 8px 4px 6px
}
.templab-skill--tiny .templab-skill__text{
    font-size:.75rem
}
.templab-skill--available{
    padding:4px 8px 4px 6px;
    background-color:initial;
    border:1px solid #49e2af
}
.templab-skill--available .templab-skill__text{
    font-size:.75rem
}
.templab-skill--alert{
    padding:4px 8px 4px 6px;
    background-color:initial;
    border:1px solid #ffa2a2
}
.templab-skill--alert .templab-skill__text{
    font-size:.75rem
}
.templab-skill__level{
    display:flex;
    align-items:baseline;
    margin:0 -1px
}
.templab-skill__level span{
    width:3px;
    height:7px;
    border-radius:2px;
    margin:0 1px;
    background-color:#b2b5cd
}
.templab-skill__level span.active{
    background-color:#ffa2a2
}
.templab-skill__level span:hover{
    background-color:#ffa2a2
}
.templab-skill__level span:nth-child(2){
    height:11px
}
.templab-skill__level span:nth-child(3){
    height:14px;
    margin-right:5px
}
.templab-skill--level.templab-skill--rating .templab-skill__rating span.active{
    background-color:#ffa2a2!important
}
.templab-skill--level.templab-skill--rating .templab-skill__rating span:hover{
    background-color:#ffa2a2!important
}
.slide .templab-skill__list .templab-skill:hover{
    background-color:rgba(211,213,228,.3)
}
.slide .templab-skill__list .templab-skill:hover .templab-skill__text{
    color:#656c9b
}
.slide .templab-skill__list .templab-skill:hover .templab-skill__close i{
    color:#d3d5e4
}
.slide .templab-skill__list .templab-skill .templab-skill__level span{
    cursor:pointer
}
.slide .templab-skill__list .templab-skill .templab-skill__level span:hover{
    background-color:#ffa2a2
}
.slide .templab-skill__list .templab-skill .templab-skill__level span:hover.active{
    background-color:#d3d5e4
}
.slide .templab-skill__list .templab-skill--level{
    border-radius:15px
}
.slide .templab-skill__list .templab-skill--level .templab-skill__text{
    margin:0
}
.slide .templab-skill__list .templab-skill--level .templab-skill__rating span{
    background-color:#d3d5e4
}
.slide .templab-skill__list .templab-skill--level .templab-skill__rating span:hover{
    background-color:#ffa2a2
}
@media (-ms-high-contrast:none){
    .templab-skill--level.templab-skill__text,::-ms-backdrop{
        width:100%
    }
}
.templab-tag{
    background-color:#7c6cde;
    border-radius:12px;
    padding:2px 8px;
    display:inline-block
}
.templab-tag--red{
    background-color:#ffa2a2
}
.templab-tag--green{
    background-color:#49e2af
}
.templab-tag--blue{
    background-color:#37beeb
}
.templab-tag--blue-btn{
    background-color:#8290fd
}
.templab-tag--orange{
    background-color:#ffc688
}
.templab-tag--gray{
    background-color:#8c91b4
}
.templab-tag--graylight{
    background-color:#d3d5e4
}
.templab-tag--white{
    background-color:#fff
}
.templab-tag--white .icon{
    color:#feb88a
}
.templab-tag--white .tag__text{
    color:#7d83aa
}
.templab-tag__text{
    font-size:.75rem;
    color:#fff;
    text-align:center
}
@media (-ms-high-contrast:none){
    .tag,::-ms-backdrop{
        padding:3px 8px 0
    }
}
.templab-ptmc-external-link__selected-skills{
    width:100%;
    padding:1rem 2rem;
    border-bottom:.01rem solid #d3d5e4
}
.templab-ptmc-external-link__selected-skills h2{
    margin-bottom:1rem
}
.templab-ptmc-external-link__selected-skills p{
    margin-bottom:0
}
.templab-ptmc-external-link__selected-skills .templab-skill{
    min-width:160px
}
.templab-ptmc-external-link__available-skills{
    padding:1rem 2rem
}
.templab-ptmc-external-link__available-skills h2{
    margin-bottom:1rem
}
.templab-ptmc-external-link__available-skills p{
    margin-bottom:0
}
.templab-ptmc-external-link__available-skills__list{
    display:flex;
    flex-wrap:wrap;
    margin-top:1rem
}
.templab-ptmc-external-link__available-skills .templab-skill{
    min-width:160px
}
.templab-ptmc-external-link .skill{
    height:2rem;
    display:inline-flex;
    justify-content:center;
    align-items:center
}
.templab-ptmc-external-link .skill:hover{
    cursor:pointer
}
.templab-summary__empty-box{
    padding:20px;
    background-color:#fff;
    width:100%;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.125rem;
    border-radius:4px
}
.templab-library-content{
    width:100%;
    margin-top:2rem;
    background:#fff
}
.templab-library-content__actions{
    margin:2rem 0;
    padding:2rem 0;
    border-bottom:2px solid rgba(125,131,170,.2)
}
.templab-library-content__actions button{
    font-size:24px;
    color:#7d83aa
}
.templab-library-content__header{
    display:flex;
    align-items:center;
    margin-bottom:2rem;
    padding-bottom:2rem;
    border-bottom:1px solid rgba(125,131,170,.2)
}
.templab-library-content__header .switch__input{
    display:flex;
    align-items:center
}
.templab-library-content__empty{
    margin:1rem 0 0;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#656c9b;
    font-size:1.25rem
}
.templab-library-content__contents{
    margin:1rem 0 0;
    overflow-y:scroll;
    height:700px
}
.templab-library-content__contents__list{
    display:flex;
    flex-wrap:wrap
}
.templab-library-content__contents .card{
    position:relative;
    display:flex;
    flex-direction:column;
    width:200px;
    margin:1rem 1rem 0;
    padding:0;
    height:280px;
    box-shadow:0 1px 1px 0 rgba(10,22,70,.1);
    border:2px solid transparent;
    border-radius:6px;
    transition:all .3s ease
}
.templab-library-content__contents .card__image{
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    display:block;
    width:100%;
    height:120px;
    margin:0
}
.templab-library-content__contents .card__image div{
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    position:relative;
    width:100%;
    height:120px;
    background-size:cover;
    background-position:50%
}
.templab-library-content__contents .card__banner{
    z-index:1;
    padding:8px 16px;
    background:rgba(211,213,228,.5);
    display:flex;
    justify-content:flex-start;
    align-items:center;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    height:35px;
    border-top-left-radius:2px;
    border-top-right-radius:2px
}
.templab-library-content__contents .card__banner div{
    width:90px;
    height:35px;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:contain
}
.templab-library-content__contents .card__tag{
    z-index:5;
    position:absolute;
    top:.5rem;
    right:.5rem;
    height:auto;
    line-height:1rem;
    background-color:#7c6cde;
    border-radius:50px;
    padding:2px 8px;
    display:inline-block
}
.templab-library-content__contents .card__tag--orange{
    background-color:#feb88a
}
.templab-library-content__contents .card__tag--blue{
    background-color:#37beeb
}
.templab-library-content__contents .card__tag--purple{
    background-color:#7c6cde
}
.templab-library-content__contents .card__tag--red{
    background-color:#e57373
}
.templab-library-content__contents .card__tag__text{
    font-size:12px;
    color:#fff;
    text-align:center
}
.templab-library-content__contents .card.selected{
    border:2px solid #7c6cde
}
.templab-library-content__contents .card:hover{
    border:2px solid #7c6cde
}
.templab-library-content__contents .card__checkmark{
    z-index:5;
    position:absolute;
    top:0;
    right:-.5rem;
    width:20px;
    height:20px;
    background:#7c6cde;
    border-radius:50%;
    color:#fff;
    font-size:.875rem;
    transform:translateY(-50%)
}
.templab-library-content__contents .card__infos{
    display:flex;
    flex:1;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
    position:relative;
    padding:1rem
}
.templab-library-content__contents .card__infos h4{
    font-size:16px
}
.templab-library-content__contents .card__infos p{
    flex:1;
    font-size:12px;
    color:#7d83aa
}
.templab-library-content__contents .card__infos__duration{
    display:flex;
    align-items:center;
    height:30px;
    position:absolute;
    top:0;
    right:0;
    padding:.5rem 1rem;
    font-size:12px;
    background:#424667;
    color:#fff;
    transform:translateY(-50%);
    border-top-left-radius:50px;
    border-bottom-left-radius:50px
}
.templab-library-content__contents .card__infos__instances-count{
    color:#7d83aa
}
.templab-library-content__contents .card__infos__instances-count i{
    color:#7d83aa
}
.templab-library-content__footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:2rem;
    background:#f4f7fb
}
.templab-library-content__footer__selected-contents{
    margin:0
}
.templab-library .templab-library__footer--multiple{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.templab-library .templab-library__footer--multiple p{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    font-size:.875rem;
    color:#8c91b4
}
.templab-library .templab-library__footer--multiple p i{
    font-size:1.5rem
}
.templab-library .templab-library__filter--multiple{
    display:flex;
    margin:0 -4px
}
.templab-library .templab-library__filter--multiple>*{
    margin:0 4px
}
.templab-library .templab-library__filter--multiple .templab-library__search{
    margin:0
}
.templab-library .templab-library__filter--multiple .dropdown-simple{
    margin:1rem 1rem 0 0;
    width:220px
}
.templab-library .templab-library__filter--multiple .dropdown-simple__title{
    height:35px;
    max-height:35px
}
.templab-library .templab-library__filter--multiple .dropdown-simple__content{
    width:220px
}
.templab-library .templab-library__filter--multiple .dropdown-simple:last-child{
    margin-right:0
}
.templab-library .templab-library__filter--multiple .templab-selector{
    margin:1rem 1rem 0 0;
    width:220px
}
.templab-library .templab-library__filter--multiple .templab-selector__content{
    height:35px;
    max-height:35px;
    display:flex;
    align-items:center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.templab-library-event{
    width:100%;
    margin-top:2rem;
    background:#fff
}
.templab-library-event__body .sidebar__container{
    position:relative
}
.templab-library-event__body .settings-event{
    position:absolute;
    right:15px
}
.templab-library-event__body .settings-block__title label{
    color:#9ab3dc;
    font-family:Assistant,sans-serif;
    font-weight:400
}
.templab-library-event__footer{
    padding:2rem;
    background:#f4f7fb
}
.templab-library-link .skill{
    display:inline-block;
    border-radius:16px;
    background-color:rgba(140,145,180,.3);
    padding:6px 21px 6px 14px;
    margin:4px
}
.templab-library-link .skill--level{
    position:relative;
    transition:.5s;
    background-color:#fff;
    border:1px solid #d3d5e4;
    padding:3px 21px 3px 14px
}
.templab-library-link .skill--level--beginner .skill__level span:first-child,.templab-library-link .skill--level--expert .skill__level span:first-child,.templab-library-link .skill--level--expert .skill__level span:nth-child(2),.templab-library-link .skill--level--expert .skill__level span:nth-child(3),.templab-library-link .skill--level--intermediate .skill__level span:first-child,.templab-library-link .skill--level--intermediate .skill__level span:nth-child(2){
    background-color:#ffa2a2
}
.templab-library-link .skill--level .skill__content .skill__icon{
    margin-right:4px
}
.templab-library-link .skill--level .skill__text{
    top:5px;
    left:7px;
    width:calc(100% - 14px);
    margin-bottom:0!important;
    text-align:center;
    opacity:1;
    white-space:nowrap;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:4px;
    transition:all .5s ease-in-out
}
.templab-library-link .skill--level .skill__rating{
    display:flex;
    align-items:baseline;
    justify-content:flex-start;
    margin-left:auto;
    margin-right:auto
}
.templab-library-link .skill--level .skill__rating span{
    display:inline-block;
    width:4px;
    height:7px;
    margin-left:1px;
    margin-right:1px;
    border-radius:2.5px;
    background-color:#d3d5e4
}
.templab-library-link .skill--level .skill__rating span.active,.templab-library-link .skill--level .skill__rating span:hover{
    background-color:red
}
.templab-library-link .skill--level .skill__rating span:nth-child(2){
    height:9px
}
.templab-library-link .skill--level .skill__rating span:nth-child(3){
    height:11px
}
.templab-library-link .skill--level .skill__action{
    display:flex;
    justify-content:space-between;
    position:absolute;
    top:-23px;
    left:7px;
    width:calc(100% - 14px);
    height:20px;
    opacity:0;
    transition:all .5s ease-in-out
}
.templab-library-link .skill--level:hover .skill__text{
    top:23px
}
.templab-library-link .skill--level:hover .skill__action{
    opacity:1;
    top:7px
}
.templab-library-link .skill__level{
    display:flex;
    align-items:baseline;
    margin:0 -1px
}
.templab-library-link .skill__level span{
    width:3px;
    height:7px;
    border-radius:10px;
    margin:0 1px;
    background-color:#b2b5cd
}
.templab-library-link .skill__level span.active{
    background-color:#ffa2a2;
    border:none
}
.templab-library-link .skill__level span:nth-child(2){
    height:11px
}
.templab-library-link .skill__level span:nth-child(3){
    height:14px;
    margin-right:5px
}
.templab-library-link .skill--hoverable{
    position:relative;
    overflow:hidden;
    min-width:9rem;
    background-color:#fff
}
.templab-library-link .skill--hoverable:hover .skill__hover-actions{
    transform:translateY(0)
}
.templab-library-link .skill--hoverable .skill__hover-actions{
    position:absolute;
    top:0;
    left:0;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    padding:0 .8rem;
    background-color:#fff;
    transform:translateY(-100%);
    transition:transform .3s ease-in-out
}
.templab-library-link .skill--hoverable .skill__hover-actions p{
    margin-left:.6rem;
    margin-bottom:0;
    padding-left:.6rem;
    color:#b2b5cd;
    font-size:14px;
    border-left:1px solid #b2b5cd
}
.templab-library-link .skill__content{
    display:flex;
    justify-content:center;
    align-items:center
}
.templab-library-link .skill__list{
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    margin:0;
    padding:0
}
.templab-library-link .skill__list .skill:hover{
    background-color:rgba(211,213,228,.3)
}
.templab-library-link .skill__list .skill:hover .skill__text{
    color:#656c9b
}
.templab-library-link .skill__list .skill:hover .skill__close i{
    color:#d3d5e4
}
.templab-library-link .skill__list .skill .skill__level span{
    cursor:pointer
}
.templab-library-link .skill__list .skill .skill__level span:hover{
    background-color:#ffa2a2
}
.templab-library-link .skill__list .skill .skill__level span:hover.active{
    background-color:#d3d5e4
}
.templab-library-link .skill__list .skill--level{
    border-radius:15px
}
.templab-library-link .skill__list .skill--level .skill__text{
    margin:0
}
.templab-library-link .skill__list .skill--level .skill__rating span{
    background-color:#d3d5e4
}
.templab-library-link .skill__list .skill--level .skill__rating span:hover{
    background-color:#ffa2a2
}
.templab-library-link__footer{
    display:flex;
    justify-content:flex-end;
    padding:2rem;
    background:#f4f7fb
}
.templab-library__back{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    font-size:1.375rem;
    line-height:1.875rem;
    color:#7d83aa;
    margin-bottom:24px;
    padding-bottom:24px;
    border-bottom:1px solid rgba(211,213,228,.5);
    cursor:pointer;
    transition:all .3s ease
}
.templab-library__back i{
    font-size:1.875rem;
    margin-right:20px
}
.templab-library__back:hover{
    color:#535a8b;
    transition:all .3s ease
}
.templab-library__list{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    margin-bottom:30px;
    margin-left:0;
    list-style:none
}
.templab-library__list li{
    margin:0 10px
}
.templab-library__main{
    background:#fff
}
.templab-library__body{
    padding:40px
}
.templab-library__body--padding{
    padding:30px
}
.templab-library__body--without-padding{
    padding-top:0
}
.templab-library__body__questions{
    position:relative
}
.templab-library__body__questions .journey-settings{
    top:0;
    right:0
}
.templab-library__body__questions .question__content{
    padding:0
}
.templab-library__activity{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin:-10px;
    list-style:none
}
.templab-library__activity li{
    margin:10px;
    box-shadow:0 16px 16px -1px rgba(10,22,70,.1)
}
.templab-library__activity__title{
    margin:0 0 1rem
}
.templab-library__activity__session{
    margin:1rem 0 0
}
.templab-library__activity__session .box__item{
    padding:1rem;
    border:1px solid #c3d2ea;
    margin-bottom:1rem;
    text-align:center;
    transition:all .3s ease
}
.templab-library__activity__session .box__item:hover{
    background-color:#5b70ff;
    transition:all .3s ease
}
.templab-library__activity__session .box__item--list{
    position:relative;
    margin-left:0
}
.templab-library__footer{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding:20px 30px;
    background:rgba(211,213,228,.5)
}
.templab-library__footer i{
    font-size:1.375rem;
    margin-right:8px
}
.templab-library__footer .templab-btn{
    height:40px
}
.templab-library__content-title{
    font-size:1.125rem;
    line-height:1.375rem;
    color:#7d83aa;
    margin:12px 0
}
.templab-library__content-selected{
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid rgba(211,213,228,.5)
}
.templab-library__content-selected ul{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin:-5px
}
.templab-library__content-selected ul li{
    margin:5px;
    width:calc(25% - 10px)
}
.templab-library__filter{
    border-bottom:1px solid rgba(211,213,228,.5);
    margin-bottom:20px;
    padding-bottom:20px
}
.templab-library__search{
    max-width:250px
}
.templab-library__switch{
    margin:0 0 0 1rem!important
}
.templab-library__switch,.templab-library__switch label{
    display:flex;
    align-items:center
}
.templab-library__switch label p{
    margin-left:.5rem;
    margin-bottom:0
}
.templab-library__reset{
    margin:0 0 0 1rem!important;
    display:flex;
    align-items:center
}
.templab-library .timeline{
    margin-top:2rem
}
.templab-library .timeline__new-post{
    margin:0 0 2rem
}
.templab-library .templab-library__footer{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.templab-library .templab-library__footer p{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    font-size:.875rem;
    color:#8c91b4
}
.templab-library .templab-library__footer p i{
    font-size:1.5rem
}
.templab-library .templab-library__filter{
    display:flex;
    margin:0 -4px
}
.templab-library .templab-library__filter>*{
    margin:0 4px
}
.templab-library .templab-ptmc-external-link__header{
    position:relative;
    width:100%;
    height:72px;
    z-index:10;
    padding:16px;
    top:30px
}
.templab-library .templab-ptmc-external-link__header__controls{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.templab-library .slide__footer{
    display:flex;
    justify-content:space-between;
    margin:0!important;
    padding:0 32px
}
.templab-ptmc-external-link{
    padding:0!important
}
.templab-ptmc-external-link__header{
    position:relative;
    width:100%;
    height:72px;
    z-index:10;
    padding:16px;
    top:30px
}
.templab-ptmc-external-link__header--end{
    justify-content:flex-end
}
.templab-ptmc-external-link__header--transparent{
    background:transparent
}
.templab-ptmc-external-link__header__controls{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.templab-ptmc-external-link__top{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:40%;
    overflow:hidden;
    background:linear-gradient(#feb88a,#db7564)
}
.templab-ptmc-external-link__top-bg{
    position:absolute;
    left:-25px;
    bottom:-25px
}
.templab-ptmc-external-link__top-bg img{
    width:140px;
    height:auto;
    opacity:.6
}
.templab-ptmc-external-link__top-content{
    display:block;
    justify-content:center;
    width:100%
}
.templab-ptmc-external-link__top-content img{
    display:block;
    margin:0 auto
}
.templab-ptmc-external-link__top-content .illus-phone{
    max-width:100px;
    height:auto;
    margin-bottom:16px
}
.templab-ptmc-external-link__bottom{
    padding:40px;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:60%;
    overflow:hidden;
    background:#fff;
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px
}
.templab-ptmc-external-link__intro{
    display:flex;
    margin-bottom:1rem;
    padding:1rem 2rem;
    color:#7d83aa;
    border-bottom:1px solid #d3d5e4
}
.templab-ptmc-external-link__intro .icon{
    color:#d3d5e4;
    margin-right:1rem;
    font-size:2rem
}
.templab-ptmc-external-link__intro span{
    display:block;
    margin-top:.2rem;
    color:#d3d5e4;
    font-size:.8rem;
    font-style:italic
}
.templab-ptmc-external-link__title{
    position:relative;
    padding-bottom:1rem;
    margin-bottom:1rem
}
.templab-ptmc-external-link__title:after{
    content:"";
    width:calc(100% + 2rem);
    height:1px;
    background:#d3d5e4;
    position:absolute;
    left:0;
    bottom:0
}
.templab-ptmc-external-link__text{
    text-align:center
}
.templab-ptmc-external-link__text h1{
    font-size:68px;
    margin:24px 0
}
.templab-ptmc-external-link__text .subtitle{
    font-size:1.25rem;
    font-weight:900;
    color:#7d83aa;
    margin-bottom:18px
}
.templab-ptmc-external-link__text p{
    font-size:1.25rem;
    font-weight:900;
    color:#7d83aa;
    margin-bottom:18px
}
.templab-ptmc-external-link__text p{
    font-size:.875rem;
    color:#b2b5cd
}
.templab-ptmc-external-link__body{
    padding:2rem;
    height:calc(100% - 145px)
}
.templab-ptmc-external-link__body.scrollable{
    height:calc(100% - 3rem);
    overflow-y:scroll
}
.templab-ptmc-external-link__logo{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:54px;
    left:50%;
    transform:translateX(-50%);
    width:36px;
    height:36px;
    border-radius:50%;
    background:#fff
}
.templab-ptmc-external-link__logo img{
    width:22px;
    height:auto
}
.templab-ptmc-external-link__actions,.templab-ptmc-external-link__back{
    width:28px
}
.templab-ptmc-external-link__actions i,.templab-ptmc-external-link__back i{
    font-size:1.375rem
}
.templab-ptmc-external-link__paragraph{
    font-size:.875rem;
    color:#8c91b4
}
.templab-ptmc-external-link__fieldset,.templab-ptmc-external-link__paragraph{
    margin-bottom:32px;
    margin-left:-32px;
    margin-right:-32px;
    padding-bottom:16px;
    padding-left:32px;
    padding-right:32px;
    border-bottom:1px solid #d8dae6
}
.templab-ptmc-external-link__fieldset:last-child{
    border-bottom:none
}
.templab-ptmc-external-link__fieldwrapper{
    display:flex;
    justify-content:space-between
}
.templab-ptmc-external-link__fieldwrapper__element{
    width:calc(50% - 10px)
}
.templab-ptmc-external-link__label{
    display:block;
    color:#8c91b4;
    margin-bottom:4px;
    font-size:.875rem
}
.templab-ptmc-external-link__input{
    margin:16px 0;
    position:relative;
    padding:0;
    height:auto;
    border:none;
    background:#fff;
    border-radius:4px
}
.templab-ptmc-external-link__input .error-message{
    margin-top:1rem;
    color:#ffa2a2;
    font-size:.8rem
}
.templab-ptmc-external-link__input .templab-text-input input{
    height:51px;
    margin-top:0;
    background:#fff;
    border:2px solid #d3d5e4
}
.templab-ptmc-external-link__input .templab-text-input input:focus{
    background:#fff;
    border:2px solid #5150c4
}
.templab-ptmc-external-link__input .templab-text-input input:hover{
    background:#fff;
    border:2px solid #5150c4
}
.templab-ptmc-external-link__input .templab-form-search__input{
    height:33px;
    background:#fff;
    border:2px solid #d3d5e4
}
.templab-ptmc-external-link__input .templab-form-search__input:focus{
    background:#fff;
    border:2px solid #5150c4
}
.templab-ptmc-external-link__input .templab-form-search__input:hover{
    background:#fff;
    border:2px solid #5150c4
}
.templab-ptmc-external-link__input textarea{
    color:#8c91b4;
    font-size:.875rem;
    height:200px;
    resize:none
}
.templab-ptmc-external-link__input textarea:focus{
    border:2px solid #5150c4!important
}
.templab-ptmc-external-link__input textarea:hover{
    border:2px solid #5150c4!important
}
.templab-ptmc-external-link__input .select{
    position:relative;
    height:inherit!important;
    min-height:40px;
    background:#fff;
    margin:0;
    padding:5px 10px;
    border-radius:4px;
    border:2px solid rgba(151,155,183,.5);
    color:#8c91b4;
    font-size:.875rem;
    display:flex;
    align-items:center;
    transition:all .3s ease-in-out
}
.templab-ptmc-external-link__input .select select{
    margin:0!important
}
.templab-ptmc-external-link__input .select:before{
    width:30px;
    position:absolute;
    top:1px;
    right:1px;
    bottom:1px;
    background:#fff;
    content:"";
    pointer-events:none
}
.templab-ptmc-external-link__input .select:focus{
    border:2px solid #5150c4!important
}
.templab-ptmc-external-link__input .select:hover{
    border:2px solid #5150c4!important
}
.templab-ptmc-external-link__input .select:after{
    display:none
}
.templab-ptmc-external-link__input .select select{
    font-size:.875rem;
    color:#8c91b4;
    border:none;
    box-shadow:none;
    border-radius:0;
    background:transparent;
    height:100%;
    width:100%;
    cursor:pointer;
    outline:none;
    padding-right:0;
    padding-left:0
}
.templab-ptmc-external-link__input .select-flag__value{
    display:flex;
    align-items:center;
    justify-content:flex-start
}
.templab-ptmc-external-link__input .select-flag__icon{
    width:24px;
    height:auto;
    margin-right:12px
}
.templab-ptmc-external-link .input-image{
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    position:relative;
    width:100%;
    height:140px;
    margin-top:8px;
    background-size:cover;
    background-position:50%;
    border-radius:4px;
    border:2px solid rgba(151,155,183,.5)
}
.templab-ptmc-external-link .input-image p{
    font-size:.875rem;
    color:#b2b5cd
}
.templab-ptmc-external-link .input-image a{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:-11px;
    bottom:-11px;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#d3d5e4;
    transform:scale(1) rotate(90deg);
    transition:transform .2s cubic-bezier(.175,.885,.32,2)
}
.templab-ptmc-external-link .input-image a:hover{
    transform:scale(1.05) rotate(90deg)
}
.templab-ptmc-external-link .input-duration{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.templab-ptmc-external-link .input-duration label{
    flex-basis:100%
}
.templab-ptmc-external-link .input-duration .select,.templab-ptmc-external-link .input-duration input{
    width:45%;
    height:40px
}
.templab-ptmc-external-link .input-upload{
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    position:relative;
    width:100%;
    height:140px;
    margin-top:8px;
    background-size:cover;
    background-position:50%;
    border-radius:4px
}
.templab-ptmc-external-link .input-upload__preview{
    width:100%;
    height:100%
}
.templab-ptmc-external-link .input-upload__preview img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}
.templab-ptmc-external-link .input-upload__ctn{
    position:relative;
    width:45%;
    height:100%
}
.templab-ptmc-external-link .input-upload__ctn .picture__delete{
    position:absolute;
    top:-.6rem;
    right:-.6rem;
    display:flex;
    align-items:center;
    justify-content:center;
    width:1.2rem;
    height:1.2rem;
    background:#f0836d;
    border-radius:50%
}
.templab-ptmc-external-link .input-upload .content__action .btn{
    margin-bottom:1rem
}
.templab-ptmc-external-link .input-upload .content__action p{
    font-size:.9rem;
    color:#b2b5cd
}
.templab-ptmc-external-link__buttons{
    margin:64px 0 32px;
    text-align:center
}
.templab-ptmc-external-link__buttons .btn{
    display:block;
    margin:8px auto
}
.templab-ptmc-external-link__card{
    margin:60px auto;
    max-width:300px
}
.slide__ariane{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:24px;
    margin:0 auto
}
.slide__ariane:after{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width:100%;
    height:1px;
    z-index:1;
    background:#fff
}
.slide__ariane__step{
    position:relative;
    width:24px;
    height:24px;
    z-index:5;
    border:2px solid #d3d5e4;
    border-radius:50%;
    cursor:pointer
}
.slide__ariane__step--current{
    box-shadow:0 6px 6px -1px rgba(10,22,70,.1)
}
.slide__ariane__step--current:after{
    content:"";
    position:absolute;
    z-index:10;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:50%;
    background:#5150c4;
    transform-origin:center center;
    transform:scale(.5)
}
.slide__ariane__step--success{
    background:#5150c4;
    border-color:#5150c4
}
.slide__ariane__step--success:before{
    background:#5150c4!important
}
.slide__ariane__step--success:after{
    content:"\e935";
    position:absolute;
    top:50%;
    left:50%;
    font-family:templab-myskillcamp;
    color:#fff;
    font-size:12px;
    transform:translate(-50%,-50%)
}
.slide__ariane__step:not(:last-child){
    margin-right:100px
}
.slide__ariane__step:not(:last-child):before{
    content:"";
    position:absolute;
    top:calc(50% - 2px);
    left:calc(100% + 2px);
    z-index:-1;
    display:block;
    width:100px;
    height:4px;
    background:#d3d5e4
}
.slide__ariane__step.disabled{
    cursor:auto;
    pointer-events:none
}
.slide__ariane__step .tooltip{
    z-index:100;
    width:20px;
    height:20px
}
.templab-summary__timeline{
    position:relative;
    padding-left:60px;
    margin-left:60px
}
.templab-summary__timeline:before{
    content:"";
    position:absolute;
    top:20px;
    left:0;
    width:1px;
    height:100%;
    border-left:3px dotted #b2b5cd
}
.templab-summary__content{
    position:relative;
    max-width:900px;
    padding:20px 20px 20px 50px;
    margin:20px 0 20px 50px;
    background:#fff;
    border-radius:4px;
    border-left:5px solid #4443af;
    word-break:break-all
}
.templab-summary__content--activity{
    border-left:5px solid #f9aa81
}
.templab-summary__content--activity .templab-journey__type{
    color:#f9aa81!important
}
.templab-summary__content--activity .templab-journey__content:before{
    border-color:#f9aa81!important
}
.templab-summary__content--external{
    border-left:5px solid #6cd4a8
}
.templab-summary__content--external .templab-journey__type{
    color:#6cd4a8!important
}
.templab-summary__content--external .templab-journey__content:before{
    border-color:#6cd4a8!important
}
.templab-summary__content--link{
    border-left:5px solid #f3d698
}
.templab-summary__content--link .templab-journey__type{
    color:#f3d698!important
}
.templab-summary__content--link .templab-journey__content:before{
    border-color:#f3d698!important
}
.templab-summary__content .templab-journey{
    position:relative
}
.templab-summary__content .templab-journey__content{
    display:flex;
    flex-direction:column
}
.templab-summary__content .templab-journey__content:before{
    content:"";
    position:absolute;
    top:50%;
    left:-123px;
    transform:translateY(-50%);
    width:18px;
    height:18px;
    border-radius:50%;
    border:4px solid #5150c4;
    background:#ebf0f8
}
.templab-summary__content .templab-journey__provider{
    margin:0 0 1rem
}
.templab-summary__content .templab-journey__provider div{
    width:200px;
    height:20px;
    background-repeat:no-repeat;
    background-size:contain
}
.templab-summary__content .templab-journey__picture{
    max-width:200px;
    height:auto;
    margin-right:20px
}
.templab-summary__content .templab-journey__picture__background{
    border-radius:4px;
    width:200px;
    height:200px;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:contain
}
.templab-summary__content .templab-journey__desc{
    width:100%;
    margin-top:20px
}
.templab-summary__content .templab-journey__type{
    font-size:1rem;
    line-height:1.125rem;
    color:#4443af;
    margin-bottom:10px
}
.templab-summary__content .templab-journey__title{
    font-size:1rem;
    line-height:1.125rem;
    color:#020d38;
    margin-bottom:10px
}
.templab-summary__content .templab-journey__text{
    font-size:.875rem;
    line-height:1.125rem;
    color:#7d83aa
}
.templab-summary__content .templab-journey__text span{
    color:#8290fd
}
.templab-summary__content .templab-journey__description{
    border-top:1px solid rgba(211,213,228,.3);
    padding-top:.5rem;
    margin-top:1rem;
    color:#8c91b4
}
.templab-summary__content .templab-journey__questions__item{
    border-top:1px solid rgba(211,213,228,.3);
    padding-top:1rem;
    margin-top:1rem;
    position:relative
}
.templab-summary__content .templab-journey__questions__item .item-type{
    font-weight:700;
    font-size:.875rem;
    color:#feb88a
}
.templab-summary__content .templab-journey__questions__item .item-title{
    font-weight:500;
    font-size:1rem;
    color:#656c9b
}
.templab-summary__content .templab-journey__questions__item .item-dropdown{
    position:absolute;
    top:0;
    right:0
}
.templab-summary__content .templab-journey__questions__item .item-dropdown .templab-dropdown__content{
    z-index:10
}
.templab-summary__content .templab-journey__dates{
    border-top:1px solid rgba(211,213,228,.3);
    padding-top:1rem;
    margin-top:1rem;
    display:flex
}
.templab-summary__content .templab-journey__dates .date-ctn{
    background:rgba(211,213,228,.2);
    margin:0;
    padding:.5rem 1rem;
    border-radius:6px;
    font-weight:700;
    font-size:.8rem
}
.templab-summary__content .templab-journey__dates .date-ctn:last-child{
    margin-left:1rem
}
.templab-summary__content .templab-journey__dates .date-ctn .date{
    border-right:1px solid #d3d5e4;
    padding-right:.5rem;
    margin-right:.5rem;
    color:#feb88a
}
.templab-summary__content .templab-journey__address{
    display:flex;
    align-items:center;
    margin-top:1rem;
    color:#8c91b4;
    font-size:.875rem
}
.templab-summary__content .templab-journey__address i{
    font-size:1.375rem;
    color:#feb88a;
    margin-right:.5rem
}
.templab-summary__content .templab-journey__trainers{
    margin-top:1rem
}
.templab-summary__content .templab-journey__trainers__list{
    display:flex;
    margin:0
}
.templab-summary__content .templab-journey__trainers__list li{
    position:relative;
    width:32px;
    height:32px
}
.templab-summary__content .templab-journey__trainers__list li img{
    border-radius:50%;
    border:3px solid #fff
}
.templab-summary__content .templab-journey__trainers__more{
    color:#000;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(211,213,228,.3);
    border-radius:50%;
    border:3px solid #fff
}
.templab-summary__content .templab-journey__order{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    flex-direction:column;
    justify-content:center;
    width:30px;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:#fafcff
}
.templab-summary__content .templab-journey__order a{
    cursor:pointer
}
.templab-summary__content .templab-journey__order a:hover i{
    color:#656c9b;
    transition:all .3s ease
}
.templab-summary__content .templab-journey__order a:hover i:before{
    transform:scale(1.1);
    transition:all .3s ease
}
.templab-summary__content .templab-journey__order i{
    color:#b2b5cd;
    transition:all .3s ease
}
.templab-summary__content .templab-journey__order i:before{
    transform:scale(1);
    transition:all .3s ease
}
.templab-summary__content .templab-journey__rules{
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid rgba(211,213,228,.5)
}
.templab-summary__content .templab-journey__rules h4{
    font-size:1rem;
    line-height:1.125rem;
    margin-bottom:18px
}
.templab-summary__content .templab-journey__form{
    display:flex;
    align-items:center;
    justify-content:flex-start
}
.templab-summary__content .templab-journey__checkbox{
    display:flex;
    align-items:center
}
.templab-summary__content .templab-journey__checkbox label{
    margin-left:12px;
    font-size:.875rem;
    line-height:1.125rem;
    color:#020d38
}
.templab-summary__content .templab-journey__range{
    width:390px;
    margin-left:70px
}
.templab-summary__button{
    position:relative;
    margin:10px 0
}
.templab-summary__button--transition:before{
    content:"\e8be";
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:templab-myskillcamp;
    font-size:.875rem;
    position:absolute;
    top:6px;
    left:-70px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#31da8c;
    color:#fff
}
.templab-summary__button__transition-enable{
    width:25rem;
    background:rgba(195,210,234,.34);
    color:#7d83aa;
    border-radius:4px;
    font-size:.875rem;
    display:flex;
    justify-content:space-between
}
.templab-summary__button__transition-enable--event{
    padding:.4rem 0
}
.templab-summary__button__transition-enable__text{
    padding:.5rem 1rem;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.templab-summary__button__transition-enable__actions{
    background:rgba(195,210,234,.3);
    padding:.5rem;
    cursor:pointer;
    display:flex;
    align-items:center
}
.templab-summary__button__transition-enable__actions:hover i{
    color:#414776;
    transition:all .3s ease
}
.templab-summary__button__transition-enable__actions i{
    color:#7d83aa;
    font-size:1.375rem;
    transition:all .3s ease
}
.templab-summary__button--content:before{
    content:"";
    position:absolute;
    top:12px;
    left:-67px;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#f4997d
}
.templab-summary__button-content{
    display:none;
    align-items:center;
    list-style:none;
    margin:20px -14px
}
.templab-summary__button-content>li{
    margin:0 14px
}
.templab-summary__button-content.active{
    display:flex
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[8].rules[1].use[0]!./src/index.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}body.active {
  overflow: visible!important;
}.btn {
  transform: none!important;
}.btn_disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
}.btn_disabled:hover {
  transform: none !important;
}html {
  /*background: #d7e3f6;*/
}.delete-slide {
  position: absolute;
  top: 2rem;
  right: 2rem;
  z-index: 50;
}.delete-slide button {
  margin: 0;
}.slide .section__delete {
  z-index: 200;
}@keyframes pulse {
  50% {
    background: white;
  }
}.btn-action_close {
  position: relative;
  z-index: 200;
}.slide_add {
  cursor: pointer;
}#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
}#preloader > .spinner {
  align-self: flex-end;
  margin-bottom: 15px;
  content: '';
  position: relative;
  width: 6px;
  height: 24px;
  animation: pulse 750ms infinite;
  animation-delay: 250ms;
}#preloader > .spinner:before,
#preloader > .spinner:after {
  content: '';
  position: absolute;
  display: block;
  height: 16px;
  width: 6px;
  top: 50%;
  transform: translateY(-50%);
  animation: pulse 750ms infinite;
}#preloader > .spinner:before {
  left: -12px;
}#preloader > .spinner:after {
  left: 12px;
  animation-delay: 500ms;
}.preview__image {
  width: 260px !important;
}.embed {
  padding-bottom: 56.25%;
  position: relative;
}.embed iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}.icon-section ~ .section {
  display: none;
}.icon-section.open ~ .section {
  display: block;
}.icon-section.open ~ .section__toggle:before {
  background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_bottom_arrow_dark.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
}.popover {
  z-index: 999 !important;
  display: block;
}h3.popover-header {
  display: none;
}.event_mode_multiple .event-presentation__img .event__dates,
.event_mode_single .event-presentation__img .event__dates {
  width: 100%;
}.ngx-daterangepicker {
  border: none !important;
  height: auto !important;
  background: none !important;
}.ngx-daterangepicker .input-section {
  height: auto !important;
  border: none !important;
}.ngx-daterangepicker .input-section .value-txt {
  display: none !important;
}.ngx-daterangepicker .input-section .cal-icon {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
}.ngx-daterangepicker .input-section .calendar .calendar-container .days .day .day-num {
  width: inherit !important;
}.event__dates.date_number_many .date + .date:before {
  bottom: -1rem;
  height: auto;
}.event__dates.date_number_many .date .date__title {
  min-height: 3rem;
}input[type=time] {
  display: inline-block;
  width: auto;
  box-shadow: none;
}.modal .modal-library {
  overflow-x: hidden;
}tag-ripple {
  background: #C1D0E8;
  border-radius: 15px;
}.minimal tag {
  background: none !important;
}.media-holder {
  min-width: 100px;
  height: auto;
}.settings .settings-delete__content .title {
  color: #fff !important;
}.settings .settings-edit__content .title {
  color: #fff !important;
}.add-section-content__content .medium-2 {
  width: 20% !important;
  max-height: 176px;
  height: 176px !important;
}.settings .settings-edit__content.clone button {
  border-radius: 2px;
  display: block;
  padding: 10px;
  font-size: 0.75rem;
  text-align: center;
  cursor: pointer;
  width: 100%;
  background-color: #fff;
}.settings .settings-edit__content.clone button:hover {
  background-color: rgba(244, 247, 251, 0.3);
  color: #fff;
}.settings .settings-edit__content.clone button.cancel {
  background-color: rgba(244, 247, 251, 0.5);
  color: #fff;
}.folder_display_block .folder__item .actions .delete-miniatures:hover {
  background-color: rgba(244, 247, 251, 0.3);
  color: #fff;
}.settings .settings-edit__content.clone button.cancel:hover {
  background-color: rgba(244, 247, 251, 0.3);
}#library .library-topbar .topbar .dropdown .dropdown-list__choice.re-use-choice {
  padding: 0.3rem 0.5rem;
}.folder_display_list .folder__item.re-use-activity {
  padding: 0.3rem 0;
}.section-content__checkbox {
  padding-left: 4rem;
  padding-top: 1rem;
}.checkbox-section-content:before {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 1rem;
  content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_default_qcm.svg);
}.checkbox-section-content.selected:before {
  content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_check_qcm.svg);
}.library_content .pagination .page-link {
  display: inherit;
  padding: 0.25rem 0.5rem;
}.ngx-daterangepicker[_ngcontent-c11] .input-section[_ngcontent-c11] .cal-icon[_ngcontent-c11] svg[_ngcontent-c11] path[_ngcontent-c11] {
  fill: #fff !important;
}.ngx-daterangepicker[_ngcontent-c11] .calendar[_ngcontent-c11] .calendar-container[_ngcontent-c11] .days[_ngcontent-c11] .day[_ngcontent-c11] .day-num[_ngcontent-c11] {
  width: inherit !important;
}.sidebar__container {
  overflow-y: scroll;
}.m-media-journey .embeded iframe,
.content-media .embeded iframe {
  height: 100% !important;
}.box__folder-header {
  z-index: 15 !important;
}.m-link {
  cursor: pointer;
}.m-link--white {
  color: white !important;
}.m-link--blue {
  color: #5b70ff !important;
}.listing__holder {
  z-index: 0 !important;
}.media-manager__actions {
  z-index: 0 !important;
}.course-presentation__img img {
  opacity: 0.6 !important;
}#custom-app {
  display: none;
}.m-visibility-hidden {
  visibility: hidden !important;
}.aside-content .fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}.aside-content .fr-img-caption.fr-fil {
  margin-left: 0;
  text-align: left;
}.aside-content .fr-img-caption.fr-fir {
  margin-right: 0;
  text-align: right;
}.aside-content .fr-img-caption .fr-img-wrap {
  padding: 0;
  display: inline-block;
  margin: auto;
  text-align: center;
  width: 100%;
}.aside-content .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}.aside-content .fr-img-caption .fr-img-wrap .fr-inner {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  box-sizing: border-box;
  opacity: 0.9;
  width: 100%;
  text-align: center;
}.generic-disabled {
  filter: grayscale(80%) !important;
  cursor: not-allowed !important;
  background-color: whitesmoke !important;
}.generic-disabled a {
  cursor: not-allowed !important;
}:root {
  --msc-purple: #7c6cde;
}

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/froala_editor.pkgd.min.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2022 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element,.fr-element:focus{outline:0 solid transparent}

.fr-view.fr-element-scroll-visible{overflow-x:visible !important}

.fr-box.fr-basic{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-basic .fr-element{font-family:sans-serif;color:#414141;font-size:14px;line-height:1.6;padding:20px;box-sizing:border-box;overflow-x:auto;min-height:60px;text-align:left}

.fr-box.fr-basic.fr-rtl .fr-element{text-align:right}

.fr-element{background:transparent;position:relative;z-index:2;-webkit-user-select:auto}

.fr-element a{user-select:auto;-o-user-select:auto;-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}

.fr-element.fr-disabled{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-element [contenteditable="true"]{outline:0 solid transparent}

.fr-box a.fr-floating-btn{box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;height:40px;width:40px;text-align:center;background:#FFF;color:#333333;-webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-o-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;outline:none;left:0;top:0;line-height:40px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);text-align:center;display:block;box-sizing:border-box;border:none}

.fr-box a.fr-floating-btn svg{-webkit-transition:transform 0.2s ease 0s;-moz-transition:transform 0.2s ease 0s;-ms-transition:transform 0.2s ease 0s;-o-transition:transform 0.2s ease 0s;fill:#333333}

.fr-box a.fr-floating-btn i,.fr-box a.fr-floating-btn svg{font-size:14px;line-height:40px}

.fr-box a.fr-floating-btn.fr-btn+.fr-btn{margin-left:10px}

.fr-box a.fr-floating-btn:hover{background:#ebebeb;cursor:pointer}

.fr-box a.fr-floating-btn:hover svg{fill:#333333}

.fr-box .fr-visible a.fr-floating-btn{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}

iframe.fr-iframe{width:100%;border:none;position:relative;display:block;z-index:2;box-sizing:border-box}

.fr-wrapper{position:relative;z-index:1}

.fr-wrapper::after{clear:both;display:block;content:"";height:0}

.fr-wrapper .fr-placeholder{position:absolute;font-size:14px;color:#AAA;font-family:sans-serif;z-index:1;display:none;top:0;left:0;right:0;overflow:hidden}

.fr-wrapper.show-placeholder .fr-placeholder{display:block;white-space:nowrap;text-overflow:ellipsis}

.fr-wrapper ::selection{background:rgba(181,214,253,0.8);color:#000}

.fr-box.fr-basic .fr-wrapper{background:#FFF;border:1px solid #CCCCCC;border-bottom-color:#efefef;top:0;left:0}

.fr-box.fr-basic.fr-top .fr-wrapper{border-top:0}

.fr-box.fr-basic.fr-bottom .fr-wrapper{border-bottom:0;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

@media (min-width: 992px){.fr-box.fr-document{min-width:21cm}.fr-box.fr-document .fr-wrapper{text-align:left;padding:30px;min-width:21cm;background:#efefef}.fr-box.fr-document .fr-wrapper .fr-element{text-align:left;background:#FFF;width:21cm;margin:auto;min-height:26cm !important;padding:1cm 2cm;overflow:visible;z-index:auto}.fr-box.fr-document .fr-wrapper .fr-element hr{margin-left:-2cm;margin-right:-2cm;background:#efefef;height:1cm;outline:none;border:none}.fr-box.fr-document .fr-wrapper .fr-element img{z-index:1}}

.fr-tooltip{position:absolute;top:0;left:0;padding:0 8px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#222222;color:#FFF;font-size:11px;line-height:22px;font-family:Arial, Helvetica, sans-serif;-webkit-transition:opacity 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";left:-3000px;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:2147483647;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.fr-tooltip.fr-visible{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-toolbar .fr-btn-wrap,.fr-popup .fr-btn-wrap,.fr-modal .fr-btn-wrap{float:left;white-space:nowrap;position:relative}

.fr-toolbar .fr-btn-wrap.fr-hidden,.fr-popup .fr-btn-wrap.fr-hidden,.fr-modal .fr-btn-wrap.fr-hidden{display:none}

.fr-toolbar .fr-command.fr-btn,.fr-popup .fr-command.fr-btn,.fr-modal .fr-command.fr-btn{background:transparent;color:#333333;-moz-outline:0;outline:none;border:0;line-height:1;cursor:pointer;text-align:left;margin:4px 2px;padding:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;position:relative;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;float:left;height:40px}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options{border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar .fr-command.fr-btn.fr-btn-hover,.fr-popup .fr-command.fr-btn.fr-btn-hover,.fr-modal .fr-command.fr-btn.fr-btn-hover{border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,.fr-popup .fr-command.fr-btn::-moz-focus-inner,.fr-modal .fr-command.fr-btn::-moz-focus-inner{border:0;padding:0}

.fr-toolbar .fr-command.fr-btn.fr-btn-text,.fr-popup .fr-command.fr-btn.fr-btn-text,.fr-modal .fr-command.fr-btn.fr-btn-text{width:auto}

.fr-toolbar .fr-command.fr-btn i,.fr-toolbar .fr-command.fr-btn svg,.fr-popup .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn svg,.fr-modal .fr-command.fr-btn i,.fr-modal .fr-command.fr-btn svg{display:block;text-align:center;float:none;margin:8px 7px;width:24px}

.fr-toolbar .fr-command.fr-btn svg.fr-svg,.fr-popup .fr-command.fr-btn svg.fr-svg,.fr-modal .fr-command.fr-btn svg.fr-svg{height:24px}

.fr-toolbar .fr-command.fr-btn svg path,.fr-popup .fr-command.fr-btn svg path,.fr-modal .fr-command.fr-btn svg path{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;fill:#333333}

.fr-toolbar .fr-command.fr-btn span.fr-sr-only,.fr-popup .fr-command.fr-btn span.fr-sr-only,.fr-modal .fr-command.fr-btn span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-toolbar .fr-command.fr-btn span,.fr-popup .fr-command.fr-btn span,.fr-modal .fr-command.fr-btn span{font-size:14px;display:block;line-height:17px;min-width:30px;float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:17px;font-weight:bold;padding:0 4px}

.fr-toolbar .fr-command.fr-btn img,.fr-popup .fr-command.fr-btn img,.fr-modal .fr-command.fr-btn img{margin:8px 7px;width:24px}

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,.fr-popup .fr-command.fr-btn.fr-btn-active-popup,.fr-modal .fr-command.fr-btn.fr-btn-active-popup{background:#d6d6d6}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span{font-weight:normal}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,.fr-popup .fr-command.fr-btn.fr-dropdown i,.fr-popup .fr-command.fr-btn.fr-dropdown span,.fr-popup .fr-command.fr-btn.fr-dropdown img,.fr-popup .fr-command.fr-btn.fr-dropdown svg,.fr-modal .fr-command.fr-btn.fr-dropdown i,.fr-modal .fr-command.fr-btn.fr-dropdown span,.fr-modal .fr-command.fr-btn.fr-dropdown img,.fr-modal .fr-command.fr-btn.fr-dropdown svg{margin-left:3px;margin-right:11px}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after,.fr-popup .fr-command.fr-btn.fr-dropdown:after,.fr-modal .fr-command.fr-btn.fr-dropdown:after{position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333333;right:2px;top:18px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;content:""}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active{fill:#333333;background:#d6d6d6;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;-ms-transition:0.5s ease;-o-transition:0.5s ease}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover{background:#ebebeb;fill:#333333}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after{border-top-color:#333333}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after{border-top:0;border-bottom:4px solid #222222}

.fr-toolbar .fr-command.fr-btn.fr-disabled,.fr-popup .fr-command.fr-btn.fr-disabled,.fr-modal .fr-command.fr-btn.fr-disabled{color:#bdbdbd;cursor:default;-webkit-opacity:0.3;-moz-opacity:0.3;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-toolbar .fr-command.fr-btn.fr-disabled::after,.fr-popup .fr-command.fr-btn.fr-disabled::after,.fr-modal .fr-command.fr-btn.fr-disabled::after{border-top-color:#bdbdbd}

.fr-toolbar .fr-command.fr-btn.fr-hidden,.fr-popup .fr-command.fr-btn.fr-hidden,.fr-modal .fr-command.fr-btn.fr-hidden{display:none}

.fr-toolbar .fr-tabs .fr-command.fr-btn,.fr-popup .fr-tabs .fr-command.fr-btn,.fr-modal .fr-tabs .fr-command.fr-btn{margin:0;width:46px;height:40px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab{background:#FFF}

.fr-toolbar .fr-tabs .fr-command.fr-btn span,.fr-popup .fr-tabs .fr-command.fr-btn span,.fr-modal .fr-tabs .fr-command.fr-btn span{height:27px}

.fr-toolbar .fr-tabs .fr-command.fr-btn img,.fr-toolbar .fr-tabs .fr-command.fr-btn svg,.fr-popup .fr-tabs .fr-command.fr-btn img,.fr-popup .fr-tabs .fr-command.fr-btn svg,.fr-modal .fr-tabs .fr-command.fr-btn img,.fr-modal .fr-tabs .fr-command.fr-btn svg{margin:8px 11px;width:24px;height:24px}

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path{fill:#0098f7}

.fr-toolbar.fr-disabled .fr-btn,.fr-toolbar.fr-disabled .fr-btn.fr-active,.fr-popup.fr-disabled .fr-btn,.fr-popup.fr-disabled .fr-btn.fr-active,.fr-modal.fr-disabled .fr-btn,.fr-modal.fr-disabled .fr-btn.fr-active{color:#bdbdbd;-webkit-opacity:0.3;-moz-opacity:0.3;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-modal.fr-disabled .fr-btn.fr-dropdown::after,.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after{border-top-color:#bdbdbd}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left,.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,.fr-modal.fr-rtl .fr-btn-grp.fr-float-left{float:right}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right,.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,.fr-modal.fr-rtl .fr-btn-grp.fr-float-right{float:left}

.fr-toolbar.fr-rtl .fr-command.fr-btn,.fr-toolbar.fr-rtl .fr-btn-wrap,.fr-popup.fr-rtl .fr-command.fr-btn,.fr-popup.fr-rtl .fr-btn-wrap,.fr-modal.fr-rtl .fr-command.fr-btn,.fr-modal.fr-rtl .fr-btn-wrap{float:right}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options{border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover{border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar.fr-inline>.fr-command.fr-btn:not(.fr-hidden),.fr-toolbar.fr-inline>.fr-btn-wrap:not(.fr-hidden){display:inline-flex;float:none}

.fr-desktop .fr-command:hover,.fr-desktop .fr-command:focus,.fr-desktop .fr-command.fr-btn-hover,.fr-desktop .fr-command.fr-expanded{outline:0;color:#333333}

.fr-desktop .fr-command:hover:not(.fr-table-cell),.fr-desktop .fr-command:focus:not(.fr-table-cell),.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell){background:#ebebeb}

.fr-desktop .fr-command:hover::after,.fr-desktop .fr-command:focus::after,.fr-desktop .fr-command.fr-btn-hover::after,.fr-desktop .fr-command.fr-expanded::after{border-top-color:#333333}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),.fr-desktop .fr-command:active{color:#333333;background:#d6d6d6}

.fr-desktop .fr-command.fr-active:hover,.fr-desktop .fr-command.fr-active:focus,.fr-desktop .fr-command.fr-active.fr-btn-hover,.fr-desktop .fr-command.fr-active.fr-expanded{background:#ebebeb}

.fr-desktop .fr-command.fr-active:active{background:#d6d6d6}

.fr-desktop .fr-command.fr-disabled:hover,.fr-desktop .fr-command.fr-disabled:focus,.fr-desktop .fr-command.fr-disabled.fr-selected{background:transparent}

.fr-desktop.fr-disabled .fr-command:hover,.fr-desktop.fr-disabled .fr-command:focus,.fr-desktop.fr-disabled .fr-command.fr-selected{background:transparent}

.fr-toolbar.fr-mobile .fr-command.fr-blink,.fr-popup.fr-mobile .fr-command.fr-blink{background:#d6d6d6}

.fr-command.fr-btn.fr-options{width:16px;margin-left:-5px}

.fr-command.fr-btn.fr-options.fr-btn-hover,.fr-command.fr-btn.fr-options:hover,.fr-command.fr-btn.fr-options:focus{border-left:solid 1px #FAFAFA;-webkit-transition:border-left 0s, background-color 0.5s;-moz-transition:border-left 0s, background-color 0.5s;-ms-transition:border-left 0s, background-color 0.5s;-o-transition:border-left 0s, background-color 0.5s}

.fr-command.fr-btn+.fr-dropdown-menu{background:#FFF;display:inline-block;position:absolute;right:auto;bottom:auto;height:auto;z-index:4;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-overflow-scrolling:touch;overflow:hidden;zoom:1;box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}

.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;height:auto;max-height:275px}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper{padding:0;margin:auto;display:inline-block;text-align:left;position:relative;box-sizing:border-box;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;margin-top:0;float:left;height:0;margin-top:0 !important}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{position:relative}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{list-style-type:none;margin:0;padding:8px 0;min-width:72px}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{padding:0;margin:0;font-size:15px}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{padding:0 20px;line-height:200%;display:flex;cursor:pointer;white-space:nowrap;color:inherit;text-decoration:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg{width:24px;height:24px;margin:3px 4px}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path{fill:#333333}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{background:#d6d6d6}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled{color:#bdbdbd;cursor:default}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut{margin-left:20px;font-weight:bold;-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75}

.fr-command.fr-btn.fr-active+.fr-dropdown-menu{display:inline-block;box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}

.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper,.fr-popup.fr-rtl .fr-dropdown-wrapper{text-align:right !important}

body.fr-prevent-scroll{overflow:hidden}

body.fr-prevent-scroll.fr-mobile{position:fixed;-webkit-overflow-scrolling:touch}

.fr-modal{color:#222222;font-family:Arial, Helvetica, sans-serif;position:fixed;overflow-x:auto;overflow-y:scroll;top:0;left:0;bottom:0;right:0;width:100%;z-index:2147483640;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;line-height:1.2}

.fr-modal.fr-middle .fr-modal-wrapper{margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);position:absolute}

.fr-modal .fr-modal-wrapper{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-clip:padding-box;margin:20px auto;display:inline-block;background:#FFF;min-width:300px;box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);border:0;overflow:hidden;width:90%;position:relative}

@media (min-width: 768px) and (max-width: 991px){.fr-modal .fr-modal-wrapper{margin:30px auto;width:70%}}

@media (min-width: 992px){.fr-modal .fr-modal-wrapper{margin:50px auto;width:960px}}

.fr-modal .fr-modal-wrapper .fr-modal-head{background:#FFF;overflow:hidden;position:absolute;width:100%;min-height:42px;z-index:3;border-bottom:solid #efefef 1px;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line{height:56px;padding:0 10px}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close{margin:10px;position:absolute;top:0;right:0}

.fr-modal .fr-modal-wrapper .fr-modal-head h4{font-size:20px;padding:19px 10px;margin:0;font-weight:400;line-height:18px;display:inline-block;float:left}

.fr-modal .fr-modal-wrapper div.fr-modal-body{height:100%;min-height:150px;overflow-y:auto;padding-bottom:20px}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus{outline:0}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command{height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;outline:none;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button{margin-left:24px}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus{background:#ebebeb;color:#0098f7}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active{background:#d6d6d6;color:#0098f7}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner{border:0}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover{background:#ebebeb}

.fr-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";z-index:2147483639}

ol.decimal_type{counter-reset:item}

ol.decimal_type>li{display:block}

ol.decimal_type>li:before{content:counters(item,".") ". ";counter-increment:item}

.fr-popup{position:absolute;display:none;color:#222222;background:#FFF;box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);font-family:Arial, Helvetica, sans-serif;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-top:10px;z-index:2147483635;text-align:left;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2}

.fr-popup .fr-icon{text-align:center;vertical-align:middle;font-size:20px;line-height:1;cursor:pointer;font-weight:400;box-sizing:content-box;padding:6px}

.fr-popup .fr-icon-container{padding:20px;max-height:200px;overflow:auto;box-sizing:border-box}

@supports not (-ms-high-contrast: none){.fr-popup .fr-icon-container{grid-template-columns:repeat(auto-fill, minmax(36px, 36px));display:grid}}

@media (min-width: 768px){.fr-popup .fr-icon-container{min-width:276px}}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.fr-popup .fr-icon-container{display:inline-flex}}

@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px){.fr-popup .fr-icon-container{width:236px}}

.fr-popup .fr-input-focus{background:whitesmoke}

.fr-popup.fr-above{margin-top:-10px;border-top:0}

.fr-popup.fr-active{display:block}

.fr-popup.fr-hidden{display:none !important}

.fr-popup.fr-empty{display:none !important}

.fr-popup .fr-hs{display:block !important}

.fr-popup .fr-hs.fr-hidden{display:none !important}

.fr-popup .fr-input-line{position:relative;padding:15px 0}

.fr-popup .fr-input-line input[type="text"],.fr-popup .fr-input-line input[type="number"],.fr-popup .fr-input-line textarea{width:100%;margin-bottom:1px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:solid 1px #999999;color:#222222;font-size:14px;background:#FFF;position:relative;z-index:2;padding:4px 12px;box-sizing:border-box;-webkit-transition:border 0.5s, padding 0.5s;-moz-transition:border 0.5s, padding 0.5s;-ms-transition:border 0.5s, padding 0.5s;-o-transition:border 0.5s, padding 0.5s}

.fr-popup .fr-input-line input[type="text"]:hover,.fr-popup .fr-input-line input[type="number"]:hover,.fr-popup .fr-input-line textarea:hover{border:solid 1px #515151}

.fr-popup .fr-input-line input[type="text"]:focus,.fr-popup .fr-input-line input[type="number"]:focus,.fr-popup .fr-input-line textarea:focus{border:solid 2px #0098f7;padding:3px 11px}

.fr-popup .fr-input-line input[type="text"],.fr-popup .fr-input-line input[type="number"]{height:46px}

.fr-popup .fr-input-line input+label,.fr-popup .fr-input-line textarea+label{position:absolute;top:29px;left:12px;font-size:14px;color:grey;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;z-index:3;display:block;background:#FFF;padding:0;cursor:text}

.fr-popup .fr-input-line input.fr-not-empty+label,.fr-popup .fr-input-line textarea.fr-not-empty+label{color:gray;width:auto;left:4px;padding:0 4px;font-size:11px;top:9px}

.fr-popup input,.fr-popup textarea{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;outline:none}

.fr-popup textarea{resize:none}

.fr-popup .fr-buttons{white-space:nowrap;line-height:0}

.fr-popup .fr-buttons .fr-btn{margin-left:4px;margin-right:4px;display:inline-block;float:none}

.fr-popup .fr-buttons .fr-btn i{float:left}

.fr-popup .fr-buttons .fr-separator{display:inline-block;float:none}

.fr-popup .fr-buttons.fr-tabs{border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#f5f5f5;overflow:hidden}

@media (max-width: 768px){.fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll{overflow:scroll;overflow-y:hidden;width:276px}}

.fr-popup .fr-buttons:not(.fr-tabs){padding:5px}

.fr-popup .fr-layer{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:195px;box-sizing:border-box;margin:20px;display:none}

@media (min-width: 768px){.fr-popup .fr-layer{width:260px}}

.fr-popup .fr-layer.fr-active{display:inline-block}

.fr-popup .fr-action-buttons{z-index:7;height:36px;text-align:right}

.fr-popup .fr-action-buttons button.fr-command{height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;outline:none;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-popup .fr-action-buttons button.fr-command+button{margin-left:24px}

.fr-popup .fr-action-buttons button.fr-command:hover,.fr-popup .fr-action-buttons button.fr-command:focus{background:#ebebeb;color:#0098f7}

.fr-popup .fr-action-buttons button.fr-command:active{background:#d6d6d6;color:#0098f7}

.fr-popup .fr-action-buttons button::-moz-focus-inner{border:0}

.fr-popup .fr-checkbox{position:relative;display:inline-block;width:18px;height:18px;padding:10px;border-radius:100%;line-height:1;box-sizing:content-box;vertical-align:middle}

.fr-popup .fr-checkbox svg{margin-left:2px;margin-top:2px;display:none;width:10px;height:10px}

.fr-popup .fr-checkbox span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:18px;height:18px;display:inline-block;position:relative;z-index:1;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}

.fr-popup .fr-checkbox input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:pointer;height:18px;margin:0;padding:0;width:18px;top:7px;left:7px}

.fr-popup .fr-checkbox input:not(:checked)+span{border:solid 2px #999999}

.fr-popup .fr-checkbox input:not(:checked):active+span{background-color:#f5f5f5}

.fr-popup .fr-checkbox input:not(:checked):focus+span,.fr-popup .fr-checkbox input:not(:checked):hover+span{border-color:#515151}

.fr-popup .fr-checkbox input:checked+span{background:#0098f7;border:solid 2px #0098f7}

.fr-popup .fr-checkbox input:checked+span svg{display:block}

.fr-popup .fr-checkbox input:checked:active+span{background-color:#EcF5Ff}

.fr-popup .fr-checkbox input:checked:focus+span,.fr-popup .fr-checkbox input:checked:hover+span{-webkit-opacity:0.8;-moz-opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-popup .fr-checkbox-line{font-size:14px;line-height:1.4px;margin-top:10px}

.fr-popup .fr-checkbox-line label{cursor:pointer;margin:0 5px;vertical-align:middle}

.fr-popup.fr-rtl{direction:rtl;text-align:right}

.fr-popup.fr-rtl .fr-action-buttons{text-align:left}

.fr-popup.fr-rtl .fr-input-line input+label,.fr-popup.fr-rtl .fr-input-line textarea+label{left:auto;right:0}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs{float:right}

.fr-text-edit-layer{width:250px;box-sizing:border-box;display:block !important}

.fr-toolbar{color:#222222;background:#FFF;position:relative;font-family:Arial, Helvetica, sans-serif;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-align:left;border:1px solid #CCCCCC;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2;padding-bottom:0;-webkit-transition:padding-bottom 0.5s;-moz-transition:padding-bottom 0.5s;-ms-transition:padding-bottom 0.5s;-o-transition:padding-bottom 0.5s}

.fr-toolbar::after{clear:both;display:block;content:"";height:0}

.fr-toolbar::after{height:0}

.fr-toolbar .fr-newline{clear:both;display:block;content:"";margin-left:9px;margin-right:9px;background:#efefef;height:1px;-webkit-transition:height 0.5s;-moz-transition:height 0.5s;-ms-transition:height 0.5s;-o-transition:height 0.5s}

.fr-toolbar.fr-toolbar-open .fr-newline{height:0}

.fr-toolbar .fr-float-right{float:right}

.fr-toolbar .fr-float-left{float:left}

.fr-toolbar .fr-more-toolbar{float:left;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#f5f5f5;-webkit-transition:height 0.5s;-moz-transition:height 0.5s;-ms-transition:height 0.5s;-o-transition:height 0.5s;height:0;overflow:hidden;box-sizing:border-box;width:100%}

.fr-toolbar .fr-more-toolbar.fr-expanded{height:48px}

.fr-toolbar .fr-more-toolbar.fr-overflow-visible{overflow:visible}

.fr-toolbar .fr-more-toolbar>.fr-command.fr-btn{margin-left:4px;margin-right:4px}

.fr-toolbar .fr-btn-grp{display:inline-block;margin:0 17px 0 12px}

@media (max-width: 768px){.fr-toolbar .fr-btn-grp{margin:0 7px 0 6px}}

.fr-toolbar .fr-command.fr-btn.fr-open{margin-top:10px;margin-bottom:-1px;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active){background:#f5f5f5}

.fr-toolbar.fr-rtl{text-align:right}

.fr-toolbar.fr-inline{display:none;box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);border:0;white-space:nowrap;position:absolute;margin-top:5px;z-index:2147483630}

.fr-toolbar.fr-inline.fr-above{margin-top:-10px;border-top:0}

.fr-toolbar.fr-inline .fr-newline{height:0}

.fr-toolbar.fr-inline .fr-more-toolbar{position:absolute !important}

.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded{position:relative !important}

.fr-toolbar.fr-top{top:0;border-bottom:0;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar.fr-bottom{bottom:0;border-top:0;padding-bottom:0;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar.fr-bottom .fr-newline{padding-top:0;-webkit-transition:padding-top 0.5s;-moz-transition:padding-top 0.5s;-ms-transition:padding-top 0.5s;-o-transition:padding-top 0.5s}

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline{padding-top:48px;background:#FFF}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open{margin-top:-1px;margin-bottom:10px;border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-toolbar.fr-sticky-on{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-separator{background:#ebebeb;display:block;vertical-align:top;float:left}

.fr-separator+.fr-separator{display:none}

.fr-separator.fr-vs{height:32px;width:1px;margin:8px 4px}

.fr-separator.fr-hs{clear:both;width:calc(100% - (2 * 4px));margin:0 4px;height:1px}

.fr-separator.fr-hidden{display:none !important}

.fr-rtl .fr-separator{float:right}

.fr-toolbar.fr-inline .fr-separator.fr-hs{float:none}

.fr-toolbar.fr-inline .fr-separator.fr-vs{float:none;display:inline-block}

.fr-second-toolbar{border:1px solid #CCCCCC;border-top:0;background:#FFF;line-height:1.4;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-second-toolbar::after{clear:both;display:block;content:"";height:0}

.fr-second-toolbar:empty{min-height:calc(10px);position:relative;margin-top:calc(-1px);z-index:2}

#fr-logo{float:left;outline:none}

#fr-logo>span{display:inline-block;float:left;font-family:sans-serif;padding:11px 5px 10px 15px;font-size:12px;font-weight:500;color:#b1b2b7;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-ms-transition:color 0.3s;-o-transition:color 0.3s}

#fr-logo>svg{height:20px;width:47px;margin:7px 0;cursor:pointer}

#fr-logo>svg *{-webkit-transition:fill 0.3s;-moz-transition:fill 0.3s;-ms-transition:fill 0.3s;-o-transition:fill 0.3s}

#fr-logo:hover>span,#fr-logo:focus>span{color:#0098f7}

#fr-logo:hover>svg .fr-logo,#fr-logo:focus>svg .fr-logo{fill:#0098f7}

.fr-visibility-helper{display:none;margin-left:0 !important}

@media (min-width: 768px){.fr-visibility-helper{margin-left:1px !important}}

@media (min-width: 992px){.fr-visibility-helper{margin-left:2px !important}}

@media (min-width: 1200px){.fr-visibility-helper{margin-left:3px !important}}

.fr-opacity-0{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-box{position:relative}

.fr-sticky{position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}

.fr-sticky-off{position:relative}

.fr-sticky-on{position:fixed;z-index:10}

.fr-sticky-on.fr-sticky-ios{position:absolute;left:0;right:0;width:auto !important}

.fr-sticky-dummy{display:none}

.fr-sticky-on+.fr-sticky-dummy,.fr-sticky-box>.fr-sticky-dummy{display:block}

span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-view .fr-highlight-change,.fr-highlight-change>img,.fr-highlight-change>.fr-video>video,.fr-highlight-change>.fr-video>embed,.fr-highlight-change>.fr-video>iframe,.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,.fr-highlight-change>p,.fr-view .fr-highlight-change>span:not(.fr-tracking-deleted){background-color:#f3eec3;opacity:0.5}

.fr-highlight-change.fr-highlight-change>table td,.fr-highlight-change.fr-highlight-change>hr{border-color:#f3eec3}

.fr-tracking-deleted.fr-tracking-deleted>table td,.fr-tracking-deleted.fr-tracking-deleted>hr{border-color:#dc3545}

.fr-tracking-deleted img,.fr-tracking-deleted>.fr-video>video,.fr-tracking-deleted>.fr-video>iframe,.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe{opacity:0.5;background-color:#dc3545}

.fr-view .fr-tracking-deleted{background-color:#dc3545;text-decoration:line-through;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1}

.fr-highlight-change>.fr-video>iframe,.fr-tracking-deleted>.fr-video>iframe,.fr-highlight-change>.fr-video>video,.fr-tracking-deleted>.fr-video>video,.fr-highlight-change>.fr-video>embed,.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe{padding:10px !important}

.fr-tracking-deleted img,.fr-highlight-change img{border:2px solid #f3eec3}

.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td){opacity:0.5;background-color:#f3eec3}

.fr-highlight-change #isPasted>table td{opacity:0.5;border-color:#f3eec3}

.fr-track-hide{display:none}

.fr-track-hide-mobile{width:0;height:0;overflow:hidden;position:absolute}

.fr-ios-mobile-disable-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

.fr-bottom-extended{flex-wrap:wrap;display:flex;box-sizing:border-box}

.position-relative{position:relative !important}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-box .fr-counter{padding:10px;float:right;color:#999999;content:attr(data-chars);font-size:14px;font-family:sans-serif;z-index:1;border-radius:2px 0 0 0;-moz-border-radius:2px 0 0 0;-webkit-border-radius:2px 0 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-rtl .fr-counter{left:0;right:auto;border-left:none;border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-code-view .fr-counter{display:none}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

textarea.fr-code{display:none;width:100%;resize:none;-moz-resize:none;-webkit-resize:none;box-sizing:border-box;border:none;padding:10px;margin:0;font-family:"Courier New",monospace;font-size:14px;background:#FFF;color:#000;outline:none}

.fr-box.fr-rtl textarea.fr-code{direction:rtl}

.fr-box .CodeMirror{display:none}

.fr-box.fr-code-view textarea.fr-code{display:block}

.fr-box.fr-code-view .fr-element,.fr-box.fr-code-view .fr-placeholder,.fr-box.fr-code-view .fr-iframe{display:none}

.fr-box.fr-code-view .CodeMirror{display:block}

.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch{display:block}

.fr-box.fr-inline .fr-command.fr-btn.html-switch{display:none;position:absolute;top:0;right:0;display:none;background:#FFF;color:#333333;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;padding:8px 7px;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:24px;width:24px;text-align:center}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#ebebeb}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-layer.fr-color-hex-layer{margin:0;padding:20px;padding-top:0;float:left}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line{float:left;width:calc(100% - 50px);padding:15px 0 0}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons{float:right;width:38px;height:40px;padding:17px 0 0;margin:0}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:13px;height:40px;width:38px}

.fr-popup .fr-separator+.fr-colors-tabs{margin-left:2px;margin-right:2px}

.fr-popup .fr-color-set{line-height:0;display:none}

.fr-popup .fr-color-set.fr-selected-set{display:block;padding:20px;padding-bottom:0}

.fr-popup .fr-color-set>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}

.fr-popup .fr-color-set>span>i,.fr-popup .fr-color-set>span>svg{text-align:center;line-height:32px;height:24px;width:24px;margin:4px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}

.fr-popup .fr-color-set>span>i path,.fr-popup .fr-color-set>span>svg path{fill:#222222}

.fr-popup .fr-color-set>span .fr-selected-color{color:#FFF;font-family:FontAwesome;font-size:13px;font-weight:400;line-height:32px;position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;cursor:default}

.fr-popup .fr-color-set>span:hover,.fr-popup .fr-color-set>span:focus{outline:1px solid #222222;z-index:2}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0)}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-drag-helper{background:#0098f7;height:2px;margin-top:-1px;-webkit-opacity:0.2;-moz-opacity:0.2;opacity:0.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;z-index:2147483640;display:none}

.fr-drag-helper.fr-visible{display:block}

.fr-dragging{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-emoticon{width:24px;height:24px;font-family:"Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols}

.fr-popup .fr-emoticon img{height:24px;width:24px}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode{padding:0 0 0 14px}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-emoticon-container{width:368px}}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-file-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;box-sizing:border-box;text-align:center}

.fr-popup .fr-file-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-file-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-file-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-file-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-file-progress-bar-layer{box-sizing:border-box}

.fr-popup .fr-file-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

@keyframes loading{from{left:-25%}to{left:100%}}

@keyframes loading{from{left:-25%}to{left:100%}}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element img{cursor:pointer;padding:0 1px}

.fr-height-auto{height:auto !important}

.fr-file-loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #53777a;display:inline-block !important;animation:spin 2s linear infinite;width:20px;height:20px;display:block !important;align-items:center}

.fr-trim-button{margin-top:5px;height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;border-radius:5px;background-color:#eff5fa;outline:none}

.fr-trim-button:hover{background:#ebebeb}

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

.fr-image-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:content-box}

.fr-image-resizer.fr-active{display:block}

.fr-image-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:4;box-sizing:border-box}

.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}

.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}

.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}

.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}

.fr-image-resizer .fr-handler{width:12px;height:12px}

.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}

.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}

.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}

.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}

@media (min-width: 1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}

.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}

.fr-by-url-padding{padding:11.5px 0}

.fr-popup .fr-upload-progress-layer{border-radius:0;box-sizing:border-box;padding-left:20px;padding-top:15px;margin:auto !important;max-height:100%;overflow-y:auto;overflow-x:hidden;width:100% !important;overscroll-behavior:contain}

.fr-popup .fr-files-by-url-layer{width:calc(100% - 40px) !important}

.fr-popup .fr-files-embed-layer{width:calc(100% - 40px) !important}

.fr-popup .fr-files-upload-layer{border:dashed 2px #bdbdbd;margin:20px;position:relative;font-size:10px;letter-spacing:1px;line-height:140%;text-align:center;width:calc(100% - 40px) !important}

.fr-popup .fr-files-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-files-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-files-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-files-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-files-progress-bar-layer{width:calc(100% - 40px);width:-moz-available;width:-webkit-stretch;width:-webkit-fill-available;width:stretch}

.fr-popup .fr-files-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-files-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}

.fr-progress-bar-style{width:calc(100% - 40px)}

.fr-progress-bar{position:relative;background-color:#4CAF50;height:8px;margin-bottom:8px;margin-left:20px;margin-right:20px;width:100%;width:-moz-available;width:-webkit-stretch;width:-webkit-fill-available;width:stretch}

.fr-uploading{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

@keyframes loading{from{left:-25%}to{left:100%}}

.fr-pull-left{float:left}

.fr-pull-right{float:right}

.fr-icons{padding:10px 20px 0;display:inline}

.fr-transform-135{transform:rotate(135deg)}

.fr-icons i{margin:4px;padding:2px;cursor:pointer;color:#999588;font-size:20px}

.fr-blue-decorator{background:#4a7fba;color:white;display:grid;padding:5px}

.fr-upload-progress{padding:1px}

.fr-upload-section{position:relative;width:100%;width:-moz-available;width:-webkit-stretch;width:-webkit-fill-available;width:stretch}

@media screen and (max-width: 399px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}

@media screen and (min-width: 400px) and (max-width: 469px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}

@media screen and (min-width: 470px) and (max-width: 680px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}

@media screen and (min-width: 681px){.fr-upload-section{margin-left:35px;margin-right:35px}.fr-files-upload-layer{padding-top:20px;padding-bottom:20px}}

.half-circle{width:60px;height:25px;background-color:white;border-top-left-radius:110px;border-top-right-radius:110px;transform:rotate(180deg);border-bottom:0;position:relative;left:50%;z-index:1;left:50%;margin-top:-1px;margin-left:-25px}

.decorated{overflow:hidden;text-align:center}

.decorated>span{position:relative;display:inline-block}

.decorated>span:before,.decorated>span:after{content:'';position:absolute;top:50%;border-bottom:2px solid #ffffff;width:100%;margin:0 20px}

.decorated>span:before{right:100%}

.decorated>span:after{left:100%}

.fr-align-right{float:right}

.checkbox-container{display:inline-block;position:relative;padding-left:20px;margin-bottom:12px;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}

.fr-files-checkbox-line{display:flex;align-items:center;font-size:10px}

.fr-files-checkbox-line label{cursor:pointer;vertical-align:middle}

.fr-insert-checkbox input{height:13px !important;width:13px !important}

.fr-autoplay-checkbox input{height:13px !important;width:13px !important}

button[data-cmd="insertFiles"]{padding-left:2px !important;padding-top:2.7px !important}

button[data-cmd="autoplay"] svg{position:relative !important;top:3.2px !important}

button[data-cmd="insertAll"]{padding-left:4px !important}

button[data-cmd="insertAll"] svg{position:relative !important;top:3.2px !important}

.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}

.checkmark{position:absolute;top:0;left:0;height:15px;width:15px;background-color:#eee}

.fr-file-list-item{display:flex;justify-content:space-between;align-items:center;padding-top:7px;flex-wrap:wrap;position:relative;top:-20px;border-bottom:1px solid #ddd;padding-bottom:7px}

.fr-file-item-left{display:flex;flex-wrap:wrap}

.fr-file-item-icon{display:flex;align-items:center;padding-left:7px}

.fr-file-item-description{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;max-width:400px;margin-left:5px}

.fr-cloud-icon{height:30px;width:32px;background-color:white;border-radius:50%;display:flex;justify-content:center;position:relative;margin:0 auto;margin-top:-18px}

.fr-files-checkbox{position:relative;display:inline-block;width:13px;height:13px;padding-right:5px;border-radius:100%;line-height:1;box-sizing:content-box;vertical-align:middle}

.fr-files-checkbox svg{margin-left:0px;margin-top:0px;display:none;width:10px;height:10px}

.fr-files-checkbox span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:15px;height:15px;display:inline-block;position:relative;z-index:1;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}

.fr-files-checkbox input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:pointer;height:18px;margin:0;padding:0;width:18px}

.fr-files-checkbox input:not(:checked)+span{border:solid 2px #999999}

.fr-files-checkbox input:not(:checked):active+span{background-color:#f5f5f5}

.fr-files-checkbox input:not(:checked):focus+span,.fr-files-checkbox input:not(:checked):hover+span{border-color:#515151}

.fr-files-checkbox input:checked+span{background:#0098f7;border:solid 2px #0098f7}

.fr-files-checkbox input:checked+span svg{display:block}

.fr-files-checkbox input:checked:active+span{background-color:#EcF5Ff}

.fr-files-checkbox input:checked:focus+span,.fr-files-checkbox input:checked:hover+span{-webkit-opacity:0.8;-moz-opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-checkbox-disabled{opacity:0.4;position:relative;display:inline-block;width:13px !important;height:13px !important;padding-right:5px;border-radius:100%;line-height:1;box-sizing:content-box;vertical-align:middle}

.fr-checkbox-disabled svg{margin-left:2px;margin-top:2px;display:none;width:10px;height:10px}

.fr-checkbox-disabled span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:15px;height:15px;display:inline-block;position:relative;z-index:1;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}

.fr-checkbox-disabled input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:default;height:13px !important;margin:0;padding:0;width:13px !important;top:7px;left:7px}

.fr-checkbox-disabled input:not(:checked)+span{border:solid 2px #999999}

.fr-checkbox-disabled input:not(:checked):active+span{background-color:#f5f5f5}

.fr-checkbox-disabled input:checked+span{background:#0098f7;border:solid 2px #0098f7}

.fr-checkbox-disabled input:checked+span svg{display:block}

.fr-checkbox-disabled input:checked:active+span{background-color:#EcF5Ff}

.fr-file-view{position:absolute;max-width:60%;right:10%;z-index:2147483642}

.file-item-thumbnail-hover{transition:transform .2s}

.file-item-thumbnail-hover:hover{transform:scale(1.3)}

.fr-file-name{padding-top:5px;font-size:12px;font-weight:bold}

.fr-margin-16{margin-bottom:16px}

.fr-none{display:none}

.fr-display-block{display:block}

.fr-files-manager-tooltip{position:relative}

.padding-top-15{padding-top:15px !important;padding-bottom:0px !important}

.fr-files-manager-tooltip .tooltiptext{visibility:hidden;width:max-content;max-width:250px;word-break:break-word;word-wrap:break-word;background-color:black;color:#fff;text-align:left;padding:4px;border-radius:2px;font-weight:100;font-size:10px;position:absolute;top:80%;left:50%;z-index:2147483647}

.fr-files-manager-tooltip:hover .tooltiptext{visibility:visible}

.fr-file-details{display:flex;flex-wrap:wrap;font-size:10px}

.fr-file-date{word-break:break-word;word-wrap:break-word;max-width:110px;color:#444;padding-top:2px;padding-bottom:2px}

.fr-file-size{color:#444;padding-top:2px;padding-bottom:2px}

.dot{width:20px;height:20px;background-image:radial-gradient(circle, grey 1px, transparent 2px);background-size:100% 33.33%;margin-left:2px;margin-right:2px}

.fr-file-action-icons{margin-right:5px;margin-left:5px !important;color:#999;height:25px !important;padding:5px !important}

@media screen and (max-width: 700px){.fr-files-manager-tooltip .tooltiptext{max-width:250px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:0%;font-size:8px}}

@media screen and (max-width: 500px){.fr-files-manager-tooltip .tooltiptext{max-width:100px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:0%}.fr-file-item-description{width:130px}.fr-file-item-right{width:100%}.progress-circle{font-size:6px}}

@media screen and (max-width: 320px){.fr-files-manager-tooltip .tooltiptext{max-width:100px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:-50%;font-size:8px}.dot{width:20px;margin-left:0px;margin-right:3px}.fr-file-item-description{width:80px}.fr-file-details{display:flex;flex-wrap:wrap;font-size:9px}.fr-file-name{font-size:10px}.fr-file-action-icons{padding:0px !important}}

@media screen and (min-width: 501px){.progress-circle{font-size:9px}}

.fr-file-view-modal{display:block;position:fixed;position:-ms-page;z-index:2147483641;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:black;background-color:rgba(0,0,0,0.7)}

.fr-file-view-modal-content{display:inline-block;text-align:center}

.fr-file-view-image{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:80%;max-height:70%}

.fr-file-view-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s}

.fr-file-view-close:hover,.fr-file-view-close:focus{color:#bbb;text-decoration:none;cursor:pointer}

.fr-file-error{color:red;font-weight:200;font-size:12px;padding-bottom:5px}

.fr-file-error-h5{margin:0}

.fr-file-item-right{display:flex;align-items:center;justify-content:flex-end;margin-right:20px}

.fr-file-item-action-buttons{display:flex;align-items:center;justify-content:space-around}

.fr-file-item-autoplay-checkbox{align-items:center;margin:0px;padding:0px;margin-right:5px}

.fr-autoplay-checkbox-label{margin:0;cursor:default !important}

.checkbox-container:hover input ~ .checkmark{background-color:#ccc}

.checkbox-container input:checked ~ .checkmark{background-color:#2196F3}

.checkmark:after{content:"";position:absolute;display:none}

.checkbox-container input:checked ~ .checkmark:after{display:block}

.checkbox-container .checkmark:after{left:5px;top:2px;width:3px;height:7px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}

.file-item-details .file-name{font-weight:bold;display:inline}

.file-item-details .file-description{font-weight:300;font-size:11px;display:inline}

.fr-width-10{width:10%;display:inline-block}

.fr-width-20{width:20%;display:inline-block}

.fr-width-30{width:30%;display:inline-block}

.fr-width-40{width:40%;display:inline-block}

.fr-width-50{width:50%;display:inline-block}

.fr-width-60{width:60%;display:inline-block}

.fr-width-100{width:100%;display:inline-block}

.fr-width-80{width:80%;display:inline-block}

.fr-width-90{width:90%;display:inline-block}

.fr-width-85{width:85%;display:inline-block}

.fr-width-5{width:5%;display:inline-block}

.fr-width-7{width:7%;display:inline-block}

.fr-img-icon{color:#aaaaaa;font-size:16px;padding:0px 4px}

.fr-position-content{position:relative;top:10px}

.file-error{color:red}

#myprogressBar{width:10%;height:5px;background-color:#4CAF50;position:relative;top:-30px}

.fr-files-manager{z-index:2147483641 !important}

.progress-circle{margin:0px;margin-left:10px;position:relative;padding:0;width:5em;height:5.1em;background-color:#f2e9e1;border-radius:50%;line-height:5em}

.progress-circle:after{border:none;position:absolute;top:0.35em;left:0.35em;text-align:center;display:block;border-radius:50%;width:4.3em;height:4.3em;background-color:white;content:" "}

.progress-circle span{position:absolute;line-height:5em;width:5em;text-align:center;display:block;color:#53777a;z-index:2}

.progress-circle.over50 .left-half-clipper{clip:rect(auto, auto, auto, auto)}

.progress-circle.over50 .first50-bar{position:absolute;clip:rect(0, 5em, 5em, 2.5em);background-color:#53777a;border-radius:50%;width:5em;height:5em}

.progress-circle:not(.over50) .first50-bar{display:none}

.progress-circle.p0 .value-bar{display:none}

.progress-circle.p1 .value-bar{transform:rotate(4deg)}

.progress-circle.p2 .value-bar{transform:rotate(7deg)}

.progress-circle.p3 .value-bar{transform:rotate(11deg)}

.progress-circle.p4 .value-bar{transform:rotate(14deg)}

.progress-circle.p5 .value-bar{transform:rotate(18deg)}

.progress-circle.p6 .value-bar{transform:rotate(22deg)}

.progress-circle.p7 .value-bar{transform:rotate(25deg)}

.progress-circle.p8 .value-bar{transform:rotate(29deg)}

.progress-circle.p9 .value-bar{transform:rotate(32deg)}

.progress-circle.p10 .value-bar{transform:rotate(36deg)}

.progress-circle.p11 .value-bar{transform:rotate(40deg)}

.progress-circle.p12 .value-bar{transform:rotate(43deg)}

.progress-circle.p13 .value-bar{transform:rotate(47deg)}

.progress-circle.p14 .value-bar{transform:rotate(50deg)}

.progress-circle.p15 .value-bar{transform:rotate(54deg)}

.progress-circle.p16 .value-bar{transform:rotate(58deg)}

.progress-circle.p17 .value-bar{transform:rotate(61deg)}

.progress-circle.p18 .value-bar{transform:rotate(65deg)}

.progress-circle.p19 .value-bar{transform:rotate(68deg)}

.progress-circle.p20 .value-bar{transform:rotate(72deg)}

.progress-circle.p21 .value-bar{transform:rotate(76deg)}

.progress-circle.p22 .value-bar{transform:rotate(79deg)}

.progress-circle.p23 .value-bar{transform:rotate(83deg)}

.progress-circle.p24 .value-bar{transform:rotate(86deg)}

.progress-circle.p25 .value-bar{transform:rotate(90deg)}

.progress-circle.p26 .value-bar{transform:rotate(94deg)}

.progress-circle.p27 .value-bar{transform:rotate(97deg)}

.progress-circle.p28 .value-bar{transform:rotate(101deg)}

.progress-circle.p29 .value-bar{transform:rotate(104deg)}

.progress-circle.p30 .value-bar{transform:rotate(108deg)}

.progress-circle.p31 .value-bar{transform:rotate(112deg)}

.progress-circle.p32 .value-bar{transform:rotate(115deg)}

.progress-circle.p33 .value-bar{transform:rotate(119deg)}

.progress-circle.p34 .value-bar{transform:rotate(122deg)}

.progress-circle.p35 .value-bar{transform:rotate(126deg)}

.progress-circle.p36 .value-bar{transform:rotate(130deg)}

.progress-circle.p37 .value-bar{transform:rotate(133deg)}

.progress-circle.p38 .value-bar{transform:rotate(137deg)}

.progress-circle.p39 .value-bar{transform:rotate(140deg)}

.progress-circle.p40 .value-bar{transform:rotate(144deg)}

.progress-circle.p41 .value-bar{transform:rotate(148deg)}

.progress-circle.p42 .value-bar{transform:rotate(151deg)}

.progress-circle.p43 .value-bar{transform:rotate(155deg)}

.progress-circle.p44 .value-bar{transform:rotate(158deg)}

.progress-circle.p45 .value-bar{transform:rotate(162deg)}

.progress-circle.p46 .value-bar{transform:rotate(166deg)}

.progress-circle.p47 .value-bar{transform:rotate(169deg)}

.progress-circle.p48 .value-bar{transform:rotate(173deg)}

.progress-circle.p49 .value-bar{transform:rotate(176deg)}

.progress-circle.p50 .value-bar{transform:rotate(180deg)}

.progress-circle.p51 .value-bar{transform:rotate(184deg)}

.progress-circle.p52 .value-bar{transform:rotate(187deg)}

.progress-circle.p53 .value-bar{transform:rotate(191deg)}

.progress-circle.p54 .value-bar{transform:rotate(194deg)}

.progress-circle.p55 .value-bar{transform:rotate(198deg)}

.progress-circle.p56 .value-bar{transform:rotate(202deg)}

.progress-circle.p57 .value-bar{transform:rotate(205deg)}

.progress-circle.p58 .value-bar{transform:rotate(209deg)}

.progress-circle.p59 .value-bar{transform:rotate(212deg)}

.progress-circle.p60 .value-bar{transform:rotate(216deg)}

.progress-circle.p61 .value-bar{transform:rotate(220deg)}

.progress-circle.p62 .value-bar{transform:rotate(223deg)}

.progress-circle.p63 .value-bar{transform:rotate(227deg)}

.progress-circle.p64 .value-bar{transform:rotate(230deg)}

.progress-circle.p65 .value-bar{transform:rotate(234deg)}

.progress-circle.p66 .value-bar{transform:rotate(238deg)}

.progress-circle.p67 .value-bar{transform:rotate(241deg)}

.progress-circle.p68 .value-bar{transform:rotate(245deg)}

.progress-circle.p69 .value-bar{transform:rotate(248deg)}

.progress-circle.p70 .value-bar{transform:rotate(252deg)}

.progress-circle.p71 .value-bar{transform:rotate(256deg)}

.progress-circle.p72 .value-bar{transform:rotate(259deg)}

.progress-circle.p73 .value-bar{transform:rotate(263deg)}

.progress-circle.p74 .value-bar{transform:rotate(266deg)}

.progress-circle.p75 .value-bar{transform:rotate(270deg)}

.progress-circle.p76 .value-bar{transform:rotate(274deg)}

.progress-circle.p77 .value-bar{transform:rotate(277deg)}

.progress-circle.p78 .value-bar{transform:rotate(281deg)}

.progress-circle.p79 .value-bar{transform:rotate(284deg)}

.progress-circle.p80 .value-bar{transform:rotate(288deg)}

.progress-circle.p81 .value-bar{transform:rotate(292deg)}

.progress-circle.p82 .value-bar{transform:rotate(295deg)}

.progress-circle.p83 .value-bar{transform:rotate(299deg)}

.progress-circle.p84 .value-bar{transform:rotate(302deg)}

.progress-circle.p85 .value-bar{transform:rotate(306deg)}

.progress-circle.p86 .value-bar{transform:rotate(310deg)}

.progress-circle.p87 .value-bar{transform:rotate(313deg)}

.progress-circle.p88 .value-bar{transform:rotate(317deg)}

.progress-circle.p89 .value-bar{transform:rotate(320deg)}

.progress-circle.p90 .value-bar{transform:rotate(324deg)}

.progress-circle.p91 .value-bar{transform:rotate(328deg)}

.progress-circle.p92 .value-bar{transform:rotate(331deg)}

.progress-circle.p93 .value-bar{transform:rotate(335deg)}

.progress-circle.p94 .value-bar{transform:rotate(338deg)}

.progress-circle.p95 .value-bar{transform:rotate(342deg)}

.progress-circle.p96 .value-bar{transform:rotate(346deg)}

.progress-circle.p97 .value-bar{transform:rotate(349deg)}

.progress-circle.p98 .value-bar{transform:rotate(353deg)}

.progress-circle.p99 .value-bar{transform:rotate(356deg)}

.progress-circle.p100 .value-bar{transform:rotate(360deg)}

.left-half-clipper{border-radius:50%;width:5em;height:5em;position:absolute;clip:rect(0, 5em, 5em, 2.5em)}

.value-bar{position:absolute;clip:rect(0, 2.5em, 5em, 0);width:5em;height:5em;border-radius:50%;border:0.45em solid #53777a;box-sizing:border-box}

.align-autoplay{align-items:flex-end;margin-right:7px}

.fr-hovered-over-file{background-color:#F0F0F0}

.thumbnail-padding{padding-right:4px}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

body.fr-fullscreen{overflow:hidden;height:100%;width:100%;position:fixed}

.fr-box.fr-fullscreen{margin:0 !important;position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483630 !important;width:auto !important}

.fr-box.fr-fullscreen .fr-wrapper{background-color:#FFF}

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-fullscreen .fr-toolbar{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-fullscreen .fr-toolbar.fr-top{top:0 !important}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom{bottom:0 !important}

.fr-box.fr-fullscreen .fr-second-toolbar{margin-top:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-fullscreen-wrapper{z-index:2147483640 !important;width:100% !important;margin:0 !important;padding:0 !important;overflow:visible !important}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal{text-align:left;padding:20px 20px 10px}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table{border-collapse:collapse;font-size:14px;line-height:1.5;width:100%}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table{margin-top:20px}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{border:0}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th{text-align:left}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td{padding:6px 0 4px}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{border-bottom:solid 1px #ebebeb}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{width:60%;color:#646464}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2){letter-spacing:0.5px}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element img{cursor:pointer;padding:0 1px}

.fr-image-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:content-box}

.fr-image-resizer.fr-active{display:block}

.fr-image-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:4;box-sizing:border-box}

.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}

.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}

.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}

.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}

.fr-image-resizer .fr-handler{width:12px;height:12px}

.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}

.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}

.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}

.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}

@media (min-width: 1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}

.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}

.fr-popup .fr-image-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}

.fr-popup .fr-image-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-image-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-image-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-image-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-image-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}

.fr-uploading{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

@keyframes loading{from{left:-25%}to{left:100%}}

img.fr-draggable{-webkit-user-select:none;user-select:none}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-modal .fr-modal-head .fr-modal-head-line::after{clear:both;display:block;content:"";height:0}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more{margin-top:10px}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}

.fr-modal .fr-modal-head .fr-modal-tags{padding:0 20px;display:none;text-align:left}

.fr-modal .fr-modal-head .fr-modal-tags a{display:inline-block;opacity:0;padding:6px 12px;margin:8px 0 8px 8px;text-decoration:none;border-radius:32px;-moz-border-radius:32px;-webkit-border-radius:32px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;cursor:pointer;background-color:#f5f5f5}

.fr-modal .fr-modal-head .fr-modal-tags a:focus{outline:none;background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a:hover{background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a:active{background-color:#d6d6d6}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag{background-color:#EcF5Ff;color:#0098f7}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus{outline:none;background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover{background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active{background-color:#d6d6d6}

.fr-show-tags .fr-modal-more svg path{fill:#0098f7}

div.fr-modal-body{-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s}

div.fr-modal-body .fr-preloader{display:block;margin:50px auto}

div.fr-modal-body div.fr-image-list{text-align:center;margin:0 20px;padding:0}

div.fr-modal-body div.fr-image-list .fr-list-column{float:left;width:calc((100% - 20px) / 2)}

@media (min-width: 768px) and (max-width: 1199px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 40px) / 3)}}

@media (min-width: 1200px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 60px) / 4)}}

div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{margin-left:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container{position:relative;width:100%;display:block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{margin-top:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container+div{margin-top:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{position:absolute;-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s;background:#000;content:"";top:0;left:0;bottom:0;right:0;z-index:2}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{content:attr(data-deleting);color:#FFF;top:0;left:0;bottom:0;right:0;margin:auto;position:absolute;z-index:3;font-size:15px;height:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{height:95px;background:#CCCCCC;z-index:1}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;content:attr(data-loading);display:inline-block;height:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container img{width:100%;vertical-align:middle;position:relative;z-index:2;-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img{-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{display:inline-block}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{display:none;top:50%;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, color 0.2s ease 0s;box-sizing:border-box;position:absolute;cursor:pointer;margin:0;line-height:40px;text-decoration:none;z-index:3}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#B8312F;fill:#FFF;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(25%);-moz-transform:translateY(-50%) translateX(25%);-ms-transform:translateY(-50%) translateX(25%);-o-transform:translateY(-50%) translateX(25%)}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#FFF;fill:#0098f7;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(-125%);-moz-transform:translateY(-50%) translateX(-125%);-ms-transform:translateY(-50%) translateX(-125%);-o-transform:translateY(-50%) translateX(-125%)}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img{display:inline-block;width:40px;height:40px}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#FFF}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#ebebeb}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-line-breaker{cursor:text;border-top:1px solid #0098f7;position:fixed;z-index:2;display:none}

.fr-line-breaker.fr-visible{display:block}

.fr-line-breaker a.fr-floating-btn{position:absolute;left:calc(50% - (40px / 2));top:-20px}

.fr-line-breaker a.fr-floating-btn svg{margin:8px;height:24px;width:24px}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-wrapper-markdown{display:flex}

.fr-markdown-view{width:calc(52% - 1px);box-sizing:inherit}

.fr-markdown-editor{width:calc(48% - 1px);box-sizing:inherit;background-color:#eee}

.fr-markdown-editor>p{margin:0}

.fr-markdown-view>p{margin-top:0}

.gutter-horizontal{display:flex;z-index:9;background-color:#dadada;cursor:col-resize;width:2px}

.e-resize-handler{z-index:9;width:1px;display:flex;justify-content:center;align-items:center;align-self:center;position:relative;font-size:10px;color:#c5c5c5}

.fr-markdown-view>dl{margin-top:0;margin-bottom:1rem}

.fr-markdown-view>dt{font-weight:700}

.fr-markdown-view>dd{margin-bottom:.5rem;margin-left:0}

.fr-markdown-view>pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;background-color:#f8f8f8;border:1px solid #dfdfdf;margin-top:1.5em;margin-bottom:1.5em;padding:0.125rem 0.3125rem 0.0625rem}

.fr-markdown-view>code{background-color:#f8f8f8;border-color:#dfdfdf;border-style:solid;border-width:1px;color:#333;font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:normal;padding:0.125rem 0.3125rem 0.0625rem}

.fr-markdown-view>pre code{background-color:transparent;border:0;padding:0}

.fr-markdown-view>sup{top:-.5em}

.footnote-a{color:#007bff;text-decoration:none;background-color:transparent}

.fr-markdown-view>hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,0.1)}

.blockquote{margin:0 0 1rem;border-left:5px solid #eee;padding:10px 20px;font-size:1.25rem}

.fr-markdown-view>table{width:100%;max-width:100%;margin-bottom:20px;background-color:transparent;border-spacing:0;border-collapse:collapse}

.fr-markdown-view>table>tbody>tr>td,.fr-markdown-view>table>tbody>tr>th,.fr-markdown-view>table>thead>tr>td,.fr-markdown-view>table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border:1px solid #ddd}

.fr-markdown-view>table>thead>tr>td,.fr-markdown-view>table>thead>tr>th{border-bottom-width:2px}

.fr-markdown-view>table>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}

.fr-markdown-view>a{color:#337ab7;text-decoration:none}

.fr-markdown-view>h1{font-size:2em !important}

.fr-markdown-view>h2{font-size:1.5em !important}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-quick-insert{position:absolute;z-index:2147483639;white-space:nowrap;padding-right:10px;box-sizing:content-box}

.fr-quick-insert a.fr-floating-btn svg{margin:8px;width:24px;height:24px}

.fr-quick-insert.fr-on a.fr-floating-btn svg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}

.fr-quick-insert.fr-hidden{display:none}

.fr-qi-helper{position:absolute;z-index:3;padding-left:20px;white-space:nowrap}

.fr-qi-helper a.fr-btn.fr-floating-btn{text-align:center;padding:6px 10px 10px 10px;display:inline-block;color:#222222;background:#FFF;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}

.fr-qi-helper a.fr-btn.fr-floating-btn svg{fill:#222222}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category{padding:10px 15px}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span{font-weight:normal;font-size:16px}

.fr-popup .fr-special-character{width:24px;height:24px}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-sc-container{width:368px}}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #0098f7}

.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}

.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-table-resizer{cursor:col-resize;position:absolute;z-index:3;display:none}

.fr-table-resizer.fr-moving{z-index:2}

.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-right:1px solid #0098f7}

.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-popup .fr-table-size{margin:20px}

.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px}

.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:5px;white-space:nowrap}

.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:transparent}

.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #DDD}

.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:transparent}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(0,152,247,0.3);border:solid 1px #0098f7}

.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}

.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block !important}

.fr-popup .fr-table-colors{display:block;padding:20px;padding-bottom:0}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}

.fr-insert-helper{position:absolute;z-index:9999;white-space:nowrap}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

#fr-form-container{margin:auto;position:relative;top:10%;background-color:#f5f5f5;width:60%;border-radius:5px;z-index:9002;overflow:auto;background-color:#fefefe}

.fr-trim-video-name{font-family:Arial, Helvetica, sans-serif;padding-top:15px}

.fr-file-loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #53777a;display:inline-block !important;animation:spin 2s linear infinite;width:20px;height:20px;display:block !important;align-items:center}

.fr-trim-button{margin-top:5px;height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;border-radius:5px;background-color:#eff5fa;outline:none}

.fr-trim-button:hover{background:#ebebeb}

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

.fr-slidecontainer{width:100%}

.fr-slider{-webkit-appearance:none;width:100%;height:15px;background:#d3d3d3}

.fr-video-trim-buttons{text-align:right;padding-bottom:5px;padding-right:15px;margin-top:10px}

.fr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;cursor:pointer}

.fr-slider::-moz-range-thumb{width:15px;height:15px;background:#3498db;border-radius:50%;cursor:pointer}

.fr-range-value-start{position:absolute}

.fr-range-value-start>span{width:60px;height:24px;line-height:24px;text-align:center;background:#03a9f4;color:#fff;font-size:12px;display:block;position:absolute;left:50%;transform:translate(-85%, 0);border-radius:6px}

.fr-range-value-start>span:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;left:86%;margin-left:-5px;margin-top:-1px}

.fr-range-value-end{position:absolute}

.fr-range-value-end>span{width:60px;height:24px;line-height:24px;text-align:center;background:#03a9f4;color:#fff;font-size:12px;display:block;position:absolute;left:14%;transform:translate(-8%, 0);border-radius:6px}

.fr-range-value-end>span:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;left:14%;margin-left:-5px;margin-top:-1px}

#startTimeValue{top:-153% !important}

#startTimeValue span:before{border-top:10px solid #03a9f4;top:100%}

#endTimeValue{top:-153% !important}

#endTimeValue span:before{border-top:10px solid #03a9f4;top:100%}

.fr-range-slider{position:relative;width:80%;height:15px}

.fr-range-slider>input{pointer-events:none;position:absolute;left:0;top:10px;width:100%;outline:none;height:6px;border-radius:10px}

.fr-range-slider>input::-webkit-slider-thumb{pointer-events:all;position:relative;z-index:1;-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#3498db;cursor:pointer;border-radius:7px;margin-top:-3.6px}

.fr-range-slider>input::-moz-range-thumb{pointer-events:all;position:relative;z-index:10;-moz-appearance:none;width:9px;height:15px;border-radius:7px;margin-top:-3.6px}

.fr-range-slider>input::-moz-range-track{position:relative;z-index:-1;background-color:black;border:0;height:15px;border-radius:50%;margin-top:-3.6px}

.fr-range-slider>input:last-of-type::-moz-range-track{-moz-appearance:none;background:none transparent;border:0}

.fr-range-slider>input[type="range"]::-moz-focus-outer{border:0}

@media screen and (max-width: 430px){.range-value span{width:40px;font-size:10px}#fr-form-container{top:20%}}

#fr-video-edit{width:80%;text-align:center;height:50%;margin-bottom:20px;padding-top:8px;padding-bottom:8px}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element .fr-video{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-element .fr-video::after{position:absolute;content:'';z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer;display:block;background:transparent}

.fr-element .fr-video.fr-active>*{z-index:2;position:relative}

.fr-element .fr-video>*{box-sizing:content-box;max-width:100%;border:none}

.fr-box .fr-video-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-box .fr-video-resizer.fr-active{display:block}

.fr-box .fr-video-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;z-index:4;box-sizing:border-box}

.fr-box .fr-video-resizer .fr-handler.fr-hnw{cursor:nw-resize}

.fr-box .fr-video-resizer .fr-handler.fr-hne{cursor:ne-resize}

.fr-box .fr-video-resizer .fr-handler.fr-hsw{cursor:sw-resize}

.fr-box .fr-video-resizer .fr-handler.fr-hse{cursor:se-resize}

.fr-box .fr-video-resizer .fr-handler{width:12px;height:12px}

.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}

.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-6px;top:-6px}

.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}

.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}

@media (min-width: 1200px){.fr-box .fr-video-resizer .fr-handler{width:10px;height:10px}.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line{width:calc(50% - 5px);display:inline-block}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line{margin-left:10px}

.fr-popup .fr-video-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}

.fr-popup .fr-video-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-video-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-video-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-video-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-video-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

.fr-video-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}

.fr-autoplay-margin{margin-top:0px !important}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{box-shadow:10px 10px 5px 0px #cccccc}

.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}

.fr-view img.fr-bordered{box-sizing:content-box}

.fr-view .fr-img-caption.fr-bordered img{box-sizing:border-box}

.fr-view{word-wrap:break-word}

.fr-view span[style~="color:"] a{color:inherit}

.fr-view strong{font-weight:700}

.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=""],.fr-view table[border='0'] th[class=""]{border-width:0px}

.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}

.fr-view table td{min-width:5px}

.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}

.fr-view table td,.fr-view table th{border:1px solid #DDD}

.fr-view table td:empty,.fr-view table th:empty{height:20px}

.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}

.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}

.fr-view table th{background:#ececec}

.fr-view table tfoot td{background:#ececec}

.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;break-after:always;page-break-after:always}

.fr-view .fr-file{position:relative}

.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:normal}

.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}

.fr-view[dir="rtl"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}

.fr-view[dir="rtl"] blockquote blockquote{border-color:#00BCD4}

.fr-view[dir="rtl"] blockquote blockquote blockquote{border-color:#43A047}

.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}

.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}

.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}

.fr-view span.fr-emoticon{font-weight:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";display:inline;line-height:0}

.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}

.fr-view .fr-text-gray{color:#AAA !important}

.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}

.fr-view .fr-text-spaced{letter-spacing:1px}

.fr-view .fr-text-uppercase{text-transform:uppercase}

.fr-view .fr-class-highlighted{background-color:#ffff00}

.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New", Courier, monospace}

.fr-view .fr-class-transparency{opacity:0.5}

.fr-view img{position:relative;max-width:100%}

.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}

.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}

.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

.fr-view span.fr-img-caption{position:relative;max-width:100%}

.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}

.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}

.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

.fr-view .fr-video{text-align:center;position:relative}

.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}

.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}

.fr-view .fr-video>*{box-sizing:content-box;max-width:100%;border:none}

.fr-view .fr-video.fr-dvb{display:block;clear:both}

.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}

.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}

.fr-view .fr-video.fr-dvi{display:inline-block}

.fr-view .fr-video.fr-dvi.fr-fvl{float:left}

.fr-view .fr-video.fr-dvi.fr-fvr{float:right}

.fr-view a.fr-strong{font-weight:700}

.fr-view a.fr-green{color:green}

.fr-view .fr-img-caption{text-align:center}

.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}

.fr-view .fr-img-caption .fr-img-wrap a{display:block}

.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}

.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";width:100%;text-align:center}

.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}

a.fr-view.fr-strong{font-weight:700}

a.fr-view.fr-green{color:green}

img.fr-view{position:relative;max-width:100%}

img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}

img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}

img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

span.fr-img-caption.fr-view{position:relative;max-width:100%}

span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}

span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}

span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/froala_style.min.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2022 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{box-shadow:10px 10px 5px 0px #cccccc}

.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}

.fr-view img.fr-bordered{box-sizing:content-box}

.fr-view .fr-img-caption.fr-bordered img{box-sizing:border-box}

.fr-view{word-wrap:break-word}

.fr-view span[style~="color:"] a{color:inherit}

.fr-view strong{font-weight:700}

.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=""],.fr-view table[border='0'] th[class=""]{border-width:0px}

.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}

.fr-view table td{min-width:5px}

.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}

.fr-view table td,.fr-view table th{border:1px solid #DDD}

.fr-view table td:empty,.fr-view table th:empty{height:20px}

.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}

.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}

.fr-view table th{background:#ececec}

.fr-view table tfoot td{background:#ececec}

.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;break-after:always;page-break-after:always}

.fr-view .fr-file{position:relative}

.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:normal}

.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}

.fr-view[dir="rtl"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}

.fr-view[dir="rtl"] blockquote blockquote{border-color:#00BCD4}

.fr-view[dir="rtl"] blockquote blockquote blockquote{border-color:#43A047}

.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}

.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}

.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}

.fr-view span.fr-emoticon{font-weight:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";display:inline;line-height:0}

.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}

.fr-view .fr-text-gray{color:#AAA !important}

.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}

.fr-view .fr-text-spaced{letter-spacing:1px}

.fr-view .fr-text-uppercase{text-transform:uppercase}

.fr-view .fr-class-highlighted{background-color:#ffff00}

.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New", Courier, monospace}

.fr-view .fr-class-transparency{opacity:0.5}

.fr-view img{position:relative;max-width:100%}

.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}

.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}

.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

.fr-view span.fr-img-caption{position:relative;max-width:100%}

.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}

.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}

.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

.fr-view .fr-video{text-align:center;position:relative}

.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}

.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}

.fr-view .fr-video>*{box-sizing:content-box;max-width:100%;border:none}

.fr-view .fr-video.fr-dvb{display:block;clear:both}

.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}

.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}

.fr-view .fr-video.fr-dvi{display:inline-block}

.fr-view .fr-video.fr-dvi.fr-fvl{float:left}

.fr-view .fr-video.fr-dvi.fr-fvr{float:right}

.fr-view a.fr-strong{font-weight:700}

.fr-view a.fr-green{color:green}

.fr-view .fr-img-caption{text-align:center}

.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}

.fr-view .fr-img-caption .fr-img-wrap a{display:block}

.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}

.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";width:100%;text-align:center}

.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}

a.fr-view.fr-strong{font-weight:700}

a.fr-view.fr-green{color:green}

img.fr-view{position:relative;max-width:100%}

img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}

img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}

img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

span.fr-img-caption.fr-view{position:relative;max-width:100%}

span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}

span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}

span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}

span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}

span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}

span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/plugins.pkgd.min.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2022 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-box .fr-counter{padding:10px;float:right;color:#999999;content:attr(data-chars);font-size:14px;font-family:sans-serif;z-index:1;border-radius:2px 0 0 0;-moz-border-radius:2px 0 0 0;-webkit-border-radius:2px 0 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-rtl .fr-counter{left:0;right:auto;border-left:none;border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-code-view .fr-counter{display:none}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

textarea.fr-code{display:none;width:100%;resize:none;-moz-resize:none;-webkit-resize:none;box-sizing:border-box;border:none;padding:10px;margin:0;font-family:"Courier New",monospace;font-size:14px;background:#FFF;color:#000;outline:none}

.fr-box.fr-rtl textarea.fr-code{direction:rtl}

.fr-box .CodeMirror{display:none}

.fr-box.fr-code-view textarea.fr-code{display:block}

.fr-box.fr-code-view .fr-element,.fr-box.fr-code-view .fr-placeholder,.fr-box.fr-code-view .fr-iframe{display:none}

.fr-box.fr-code-view .CodeMirror{display:block}

.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch{display:block}

.fr-box.fr-inline .fr-command.fr-btn.html-switch{display:none;position:absolute;top:0;right:0;display:none;background:#FFF;color:#333333;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;padding:8px 7px;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:24px;width:24px;text-align:center}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#ebebeb}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-layer.fr-color-hex-layer{margin:0;padding:20px;padding-top:0;float:left}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line{float:left;width:calc(100% - 50px);padding:15px 0 0}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons{float:right;width:38px;height:40px;padding:17px 0 0;margin:0}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:13px;height:40px;width:38px}

.fr-popup .fr-separator+.fr-colors-tabs{margin-left:2px;margin-right:2px}

.fr-popup .fr-color-set{line-height:0;display:none}

.fr-popup .fr-color-set.fr-selected-set{display:block;padding:20px;padding-bottom:0}

.fr-popup .fr-color-set>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}

.fr-popup .fr-color-set>span>i,.fr-popup .fr-color-set>span>svg{text-align:center;line-height:32px;height:24px;width:24px;margin:4px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}

.fr-popup .fr-color-set>span>i path,.fr-popup .fr-color-set>span>svg path{fill:#222222}

.fr-popup .fr-color-set>span .fr-selected-color{color:#FFF;font-family:FontAwesome;font-size:13px;font-weight:400;line-height:32px;position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;cursor:default}

.fr-popup .fr-color-set>span:hover,.fr-popup .fr-color-set>span:focus{outline:1px solid #222222;z-index:2}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0)}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-drag-helper{background:#0098f7;height:2px;margin-top:-1px;-webkit-opacity:0.2;-moz-opacity:0.2;opacity:0.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;z-index:2147483640;display:none}

.fr-drag-helper.fr-visible{display:block}

.fr-dragging{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-emoticon{width:24px;height:24px;font-family:"Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols}

.fr-popup .fr-emoticon img{height:24px;width:24px}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode{padding:0 0 0 14px}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-emoticon-container{width:368px}}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-file-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;box-sizing:border-box;text-align:center}

.fr-popup .fr-file-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-file-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-file-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-file-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-file-progress-bar-layer{box-sizing:border-box}

.fr-popup .fr-file-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

@keyframes loading{from{left:-25%}to{left:100%}}

@keyframes loading{from{left:-25%}to{left:100%}}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element img{cursor:pointer;padding:0 1px}

.fr-height-auto{height:auto !important}

.fr-file-loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #53777a;display:inline-block !important;animation:spin 2s linear infinite;width:20px;height:20px;display:block !important;align-items:center}

.fr-trim-button{margin-top:5px;height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;border-radius:5px;background-color:#eff5fa;outline:none}

.fr-trim-button:hover{background:#ebebeb}

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

.fr-image-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:content-box}

.fr-image-resizer.fr-active{display:block}

.fr-image-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:4;box-sizing:border-box}

.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}

.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}

.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}

.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}

.fr-image-resizer .fr-handler{width:12px;height:12px}

.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}

.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}

.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}

.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}

@media (min-width: 1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}

.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}

.fr-by-url-padding{padding:11.5px 0}

.fr-popup .fr-upload-progress-layer{border-radius:0;box-sizing:border-box;padding-left:20px;padding-top:15px;margin:auto !important;max-height:100%;overflow-y:auto;overflow-x:hidden;width:100% !important;overscroll-behavior:contain}

.fr-popup .fr-files-by-url-layer{width:calc(100% - 40px) !important}

.fr-popup .fr-files-embed-layer{width:calc(100% - 40px) !important}

.fr-popup .fr-files-upload-layer{border:dashed 2px #bdbdbd;margin:20px;position:relative;font-size:10px;letter-spacing:1px;line-height:140%;text-align:center;width:calc(100% - 40px) !important}

.fr-popup .fr-files-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-files-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-files-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-files-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-files-progress-bar-layer{width:calc(100% - 40px);width:-moz-available;width:-webkit-stretch;width:-webkit-fill-available;width:stretch}

.fr-popup .fr-files-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-files-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}

.fr-progress-bar-style{width:calc(100% - 40px)}

.fr-progress-bar{position:relative;background-color:#4CAF50;height:8px;margin-bottom:8px;margin-left:20px;margin-right:20px;width:100%;width:-moz-available;width:-webkit-stretch;width:-webkit-fill-available;width:stretch}

.fr-uploading{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

@keyframes loading{from{left:-25%}to{left:100%}}

.fr-pull-left{float:left}

.fr-pull-right{float:right}

.fr-icons{padding:10px 20px 0;display:inline}

.fr-transform-135{transform:rotate(135deg)}

.fr-icons i{margin:4px;padding:2px;cursor:pointer;color:#999588;font-size:20px}

.fr-blue-decorator{background:#4a7fba;color:white;display:grid;padding:5px}

.fr-upload-progress{padding:1px}

.fr-upload-section{position:relative;width:100%;width:-moz-available;width:-webkit-stretch;width:-webkit-fill-available;width:stretch}

@media screen and (max-width: 399px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}

@media screen and (min-width: 400px) and (max-width: 469px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}

@media screen and (min-width: 470px) and (max-width: 680px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}

@media screen and (min-width: 681px){.fr-upload-section{margin-left:35px;margin-right:35px}.fr-files-upload-layer{padding-top:20px;padding-bottom:20px}}

.half-circle{width:60px;height:25px;background-color:white;border-top-left-radius:110px;border-top-right-radius:110px;transform:rotate(180deg);border-bottom:0;position:relative;left:50%;z-index:1;left:50%;margin-top:-1px;margin-left:-25px}

.decorated{overflow:hidden;text-align:center}

.decorated>span{position:relative;display:inline-block}

.decorated>span:before,.decorated>span:after{content:'';position:absolute;top:50%;border-bottom:2px solid #ffffff;width:100%;margin:0 20px}

.decorated>span:before{right:100%}

.decorated>span:after{left:100%}

.fr-align-right{float:right}

.checkbox-container{display:inline-block;position:relative;padding-left:20px;margin-bottom:12px;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}

.fr-files-checkbox-line{display:flex;align-items:center;font-size:10px}

.fr-files-checkbox-line label{cursor:pointer;vertical-align:middle}

.fr-insert-checkbox input{height:13px !important;width:13px !important}

.fr-autoplay-checkbox input{height:13px !important;width:13px !important}

button[data-cmd="insertFiles"]{padding-left:2px !important;padding-top:2.7px !important}

button[data-cmd="autoplay"] svg{position:relative !important;top:3.2px !important}

button[data-cmd="insertAll"]{padding-left:4px !important}

button[data-cmd="insertAll"] svg{position:relative !important;top:3.2px !important}

.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}

.checkmark{position:absolute;top:0;left:0;height:15px;width:15px;background-color:#eee}

.fr-file-list-item{display:flex;justify-content:space-between;align-items:center;padding-top:7px;flex-wrap:wrap;position:relative;top:-20px;border-bottom:1px solid #ddd;padding-bottom:7px}

.fr-file-item-left{display:flex;flex-wrap:wrap}

.fr-file-item-icon{display:flex;align-items:center;padding-left:7px}

.fr-file-item-description{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;max-width:400px;margin-left:5px}

.fr-cloud-icon{height:30px;width:32px;background-color:white;border-radius:50%;display:flex;justify-content:center;position:relative;margin:0 auto;margin-top:-18px}

.fr-files-checkbox{position:relative;display:inline-block;width:13px;height:13px;padding-right:5px;border-radius:100%;line-height:1;box-sizing:content-box;vertical-align:middle}

.fr-files-checkbox svg{margin-left:0px;margin-top:0px;display:none;width:10px;height:10px}

.fr-files-checkbox span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:15px;height:15px;display:inline-block;position:relative;z-index:1;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}

.fr-files-checkbox input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:pointer;height:18px;margin:0;padding:0;width:18px}

.fr-files-checkbox input:not(:checked)+span{border:solid 2px #999999}

.fr-files-checkbox input:not(:checked):active+span{background-color:#f5f5f5}

.fr-files-checkbox input:not(:checked):focus+span,.fr-files-checkbox input:not(:checked):hover+span{border-color:#515151}

.fr-files-checkbox input:checked+span{background:#0098f7;border:solid 2px #0098f7}

.fr-files-checkbox input:checked+span svg{display:block}

.fr-files-checkbox input:checked:active+span{background-color:#EcF5Ff}

.fr-files-checkbox input:checked:focus+span,.fr-files-checkbox input:checked:hover+span{-webkit-opacity:0.8;-moz-opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-checkbox-disabled{opacity:0.4;position:relative;display:inline-block;width:13px !important;height:13px !important;padding-right:5px;border-radius:100%;line-height:1;box-sizing:content-box;vertical-align:middle}

.fr-checkbox-disabled svg{margin-left:2px;margin-top:2px;display:none;width:10px;height:10px}

.fr-checkbox-disabled span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:15px;height:15px;display:inline-block;position:relative;z-index:1;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}

.fr-checkbox-disabled input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:default;height:13px !important;margin:0;padding:0;width:13px !important;top:7px;left:7px}

.fr-checkbox-disabled input:not(:checked)+span{border:solid 2px #999999}

.fr-checkbox-disabled input:not(:checked):active+span{background-color:#f5f5f5}

.fr-checkbox-disabled input:checked+span{background:#0098f7;border:solid 2px #0098f7}

.fr-checkbox-disabled input:checked+span svg{display:block}

.fr-checkbox-disabled input:checked:active+span{background-color:#EcF5Ff}

.fr-file-view{position:absolute;max-width:60%;right:10%;z-index:2147483642}

.file-item-thumbnail-hover{transition:transform .2s}

.file-item-thumbnail-hover:hover{transform:scale(1.3)}

.fr-file-name{padding-top:5px;font-size:12px;font-weight:bold}

.fr-margin-16{margin-bottom:16px}

.fr-none{display:none}

.fr-display-block{display:block}

.fr-files-manager-tooltip{position:relative}

.padding-top-15{padding-top:15px !important;padding-bottom:0px !important}

.fr-files-manager-tooltip .tooltiptext{visibility:hidden;width:max-content;max-width:250px;word-break:break-word;word-wrap:break-word;background-color:black;color:#fff;text-align:left;padding:4px;border-radius:2px;font-weight:100;font-size:10px;position:absolute;top:80%;left:50%;z-index:2147483647}

.fr-files-manager-tooltip:hover .tooltiptext{visibility:visible}

.fr-file-details{display:flex;flex-wrap:wrap;font-size:10px}

.fr-file-date{word-break:break-word;word-wrap:break-word;max-width:110px;color:#444;padding-top:2px;padding-bottom:2px}

.fr-file-size{color:#444;padding-top:2px;padding-bottom:2px}

.dot{width:20px;height:20px;background-image:radial-gradient(circle, grey 1px, transparent 2px);background-size:100% 33.33%;margin-left:2px;margin-right:2px}

.fr-file-action-icons{margin-right:5px;margin-left:5px !important;color:#999;height:25px !important;padding:5px !important}

@media screen and (max-width: 700px){.fr-files-manager-tooltip .tooltiptext{max-width:250px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:0%;font-size:8px}}

@media screen and (max-width: 500px){.fr-files-manager-tooltip .tooltiptext{max-width:100px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:0%}.fr-file-item-description{width:130px}.fr-file-item-right{width:100%}.progress-circle{font-size:6px}}

@media screen and (max-width: 320px){.fr-files-manager-tooltip .tooltiptext{max-width:100px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:-50%;font-size:8px}.dot{width:20px;margin-left:0px;margin-right:3px}.fr-file-item-description{width:80px}.fr-file-details{display:flex;flex-wrap:wrap;font-size:9px}.fr-file-name{font-size:10px}.fr-file-action-icons{padding:0px !important}}

@media screen and (min-width: 501px){.progress-circle{font-size:9px}}

.fr-file-view-modal{display:block;position:fixed;position:-ms-page;z-index:2147483641;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:black;background-color:rgba(0,0,0,0.7)}

.fr-file-view-modal-content{display:inline-block;text-align:center}

.fr-file-view-image{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:80%;max-height:70%}

.fr-file-view-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s}

.fr-file-view-close:hover,.fr-file-view-close:focus{color:#bbb;text-decoration:none;cursor:pointer}

.fr-file-error{color:red;font-weight:200;font-size:12px;padding-bottom:5px}

.fr-file-error-h5{margin:0}

.fr-file-item-right{display:flex;align-items:center;justify-content:flex-end;margin-right:20px}

.fr-file-item-action-buttons{display:flex;align-items:center;justify-content:space-around}

.fr-file-item-autoplay-checkbox{align-items:center;margin:0px;padding:0px;margin-right:5px}

.fr-autoplay-checkbox-label{margin:0;cursor:default !important}

.checkbox-container:hover input ~ .checkmark{background-color:#ccc}

.checkbox-container input:checked ~ .checkmark{background-color:#2196F3}

.checkmark:after{content:"";position:absolute;display:none}

.checkbox-container input:checked ~ .checkmark:after{display:block}

.checkbox-container .checkmark:after{left:5px;top:2px;width:3px;height:7px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}

.file-item-details .file-name{font-weight:bold;display:inline}

.file-item-details .file-description{font-weight:300;font-size:11px;display:inline}

.fr-width-10{width:10%;display:inline-block}

.fr-width-20{width:20%;display:inline-block}

.fr-width-30{width:30%;display:inline-block}

.fr-width-40{width:40%;display:inline-block}

.fr-width-50{width:50%;display:inline-block}

.fr-width-60{width:60%;display:inline-block}

.fr-width-100{width:100%;display:inline-block}

.fr-width-80{width:80%;display:inline-block}

.fr-width-90{width:90%;display:inline-block}

.fr-width-85{width:85%;display:inline-block}

.fr-width-5{width:5%;display:inline-block}

.fr-width-7{width:7%;display:inline-block}

.fr-img-icon{color:#aaaaaa;font-size:16px;padding:0px 4px}

.fr-position-content{position:relative;top:10px}

.file-error{color:red}

#myprogressBar{width:10%;height:5px;background-color:#4CAF50;position:relative;top:-30px}

.fr-files-manager{z-index:2147483641 !important}

.progress-circle{margin:0px;margin-left:10px;position:relative;padding:0;width:5em;height:5.1em;background-color:#f2e9e1;border-radius:50%;line-height:5em}

.progress-circle:after{border:none;position:absolute;top:0.35em;left:0.35em;text-align:center;display:block;border-radius:50%;width:4.3em;height:4.3em;background-color:white;content:" "}

.progress-circle span{position:absolute;line-height:5em;width:5em;text-align:center;display:block;color:#53777a;z-index:2}

.progress-circle.over50 .left-half-clipper{clip:rect(auto, auto, auto, auto)}

.progress-circle.over50 .first50-bar{position:absolute;clip:rect(0, 5em, 5em, 2.5em);background-color:#53777a;border-radius:50%;width:5em;height:5em}

.progress-circle:not(.over50) .first50-bar{display:none}

.progress-circle.p0 .value-bar{display:none}

.progress-circle.p1 .value-bar{transform:rotate(4deg)}

.progress-circle.p2 .value-bar{transform:rotate(7deg)}

.progress-circle.p3 .value-bar{transform:rotate(11deg)}

.progress-circle.p4 .value-bar{transform:rotate(14deg)}

.progress-circle.p5 .value-bar{transform:rotate(18deg)}

.progress-circle.p6 .value-bar{transform:rotate(22deg)}

.progress-circle.p7 .value-bar{transform:rotate(25deg)}

.progress-circle.p8 .value-bar{transform:rotate(29deg)}

.progress-circle.p9 .value-bar{transform:rotate(32deg)}

.progress-circle.p10 .value-bar{transform:rotate(36deg)}

.progress-circle.p11 .value-bar{transform:rotate(40deg)}

.progress-circle.p12 .value-bar{transform:rotate(43deg)}

.progress-circle.p13 .value-bar{transform:rotate(47deg)}

.progress-circle.p14 .value-bar{transform:rotate(50deg)}

.progress-circle.p15 .value-bar{transform:rotate(54deg)}

.progress-circle.p16 .value-bar{transform:rotate(58deg)}

.progress-circle.p17 .value-bar{transform:rotate(61deg)}

.progress-circle.p18 .value-bar{transform:rotate(65deg)}

.progress-circle.p19 .value-bar{transform:rotate(68deg)}

.progress-circle.p20 .value-bar{transform:rotate(72deg)}

.progress-circle.p21 .value-bar{transform:rotate(76deg)}

.progress-circle.p22 .value-bar{transform:rotate(79deg)}

.progress-circle.p23 .value-bar{transform:rotate(83deg)}

.progress-circle.p24 .value-bar{transform:rotate(86deg)}

.progress-circle.p25 .value-bar{transform:rotate(90deg)}

.progress-circle.p26 .value-bar{transform:rotate(94deg)}

.progress-circle.p27 .value-bar{transform:rotate(97deg)}

.progress-circle.p28 .value-bar{transform:rotate(101deg)}

.progress-circle.p29 .value-bar{transform:rotate(104deg)}

.progress-circle.p30 .value-bar{transform:rotate(108deg)}

.progress-circle.p31 .value-bar{transform:rotate(112deg)}

.progress-circle.p32 .value-bar{transform:rotate(115deg)}

.progress-circle.p33 .value-bar{transform:rotate(119deg)}

.progress-circle.p34 .value-bar{transform:rotate(122deg)}

.progress-circle.p35 .value-bar{transform:rotate(126deg)}

.progress-circle.p36 .value-bar{transform:rotate(130deg)}

.progress-circle.p37 .value-bar{transform:rotate(133deg)}

.progress-circle.p38 .value-bar{transform:rotate(137deg)}

.progress-circle.p39 .value-bar{transform:rotate(140deg)}

.progress-circle.p40 .value-bar{transform:rotate(144deg)}

.progress-circle.p41 .value-bar{transform:rotate(148deg)}

.progress-circle.p42 .value-bar{transform:rotate(151deg)}

.progress-circle.p43 .value-bar{transform:rotate(155deg)}

.progress-circle.p44 .value-bar{transform:rotate(158deg)}

.progress-circle.p45 .value-bar{transform:rotate(162deg)}

.progress-circle.p46 .value-bar{transform:rotate(166deg)}

.progress-circle.p47 .value-bar{transform:rotate(169deg)}

.progress-circle.p48 .value-bar{transform:rotate(173deg)}

.progress-circle.p49 .value-bar{transform:rotate(176deg)}

.progress-circle.p50 .value-bar{transform:rotate(180deg)}

.progress-circle.p51 .value-bar{transform:rotate(184deg)}

.progress-circle.p52 .value-bar{transform:rotate(187deg)}

.progress-circle.p53 .value-bar{transform:rotate(191deg)}

.progress-circle.p54 .value-bar{transform:rotate(194deg)}

.progress-circle.p55 .value-bar{transform:rotate(198deg)}

.progress-circle.p56 .value-bar{transform:rotate(202deg)}

.progress-circle.p57 .value-bar{transform:rotate(205deg)}

.progress-circle.p58 .value-bar{transform:rotate(209deg)}

.progress-circle.p59 .value-bar{transform:rotate(212deg)}

.progress-circle.p60 .value-bar{transform:rotate(216deg)}

.progress-circle.p61 .value-bar{transform:rotate(220deg)}

.progress-circle.p62 .value-bar{transform:rotate(223deg)}

.progress-circle.p63 .value-bar{transform:rotate(227deg)}

.progress-circle.p64 .value-bar{transform:rotate(230deg)}

.progress-circle.p65 .value-bar{transform:rotate(234deg)}

.progress-circle.p66 .value-bar{transform:rotate(238deg)}

.progress-circle.p67 .value-bar{transform:rotate(241deg)}

.progress-circle.p68 .value-bar{transform:rotate(245deg)}

.progress-circle.p69 .value-bar{transform:rotate(248deg)}

.progress-circle.p70 .value-bar{transform:rotate(252deg)}

.progress-circle.p71 .value-bar{transform:rotate(256deg)}

.progress-circle.p72 .value-bar{transform:rotate(259deg)}

.progress-circle.p73 .value-bar{transform:rotate(263deg)}

.progress-circle.p74 .value-bar{transform:rotate(266deg)}

.progress-circle.p75 .value-bar{transform:rotate(270deg)}

.progress-circle.p76 .value-bar{transform:rotate(274deg)}

.progress-circle.p77 .value-bar{transform:rotate(277deg)}

.progress-circle.p78 .value-bar{transform:rotate(281deg)}

.progress-circle.p79 .value-bar{transform:rotate(284deg)}

.progress-circle.p80 .value-bar{transform:rotate(288deg)}

.progress-circle.p81 .value-bar{transform:rotate(292deg)}

.progress-circle.p82 .value-bar{transform:rotate(295deg)}

.progress-circle.p83 .value-bar{transform:rotate(299deg)}

.progress-circle.p84 .value-bar{transform:rotate(302deg)}

.progress-circle.p85 .value-bar{transform:rotate(306deg)}

.progress-circle.p86 .value-bar{transform:rotate(310deg)}

.progress-circle.p87 .value-bar{transform:rotate(313deg)}

.progress-circle.p88 .value-bar{transform:rotate(317deg)}

.progress-circle.p89 .value-bar{transform:rotate(320deg)}

.progress-circle.p90 .value-bar{transform:rotate(324deg)}

.progress-circle.p91 .value-bar{transform:rotate(328deg)}

.progress-circle.p92 .value-bar{transform:rotate(331deg)}

.progress-circle.p93 .value-bar{transform:rotate(335deg)}

.progress-circle.p94 .value-bar{transform:rotate(338deg)}

.progress-circle.p95 .value-bar{transform:rotate(342deg)}

.progress-circle.p96 .value-bar{transform:rotate(346deg)}

.progress-circle.p97 .value-bar{transform:rotate(349deg)}

.progress-circle.p98 .value-bar{transform:rotate(353deg)}

.progress-circle.p99 .value-bar{transform:rotate(356deg)}

.progress-circle.p100 .value-bar{transform:rotate(360deg)}

.left-half-clipper{border-radius:50%;width:5em;height:5em;position:absolute;clip:rect(0, 5em, 5em, 2.5em)}

.value-bar{position:absolute;clip:rect(0, 2.5em, 5em, 0);width:5em;height:5em;border-radius:50%;border:0.45em solid #53777a;box-sizing:border-box}

.align-autoplay{align-items:flex-end;margin-right:7px}

.fr-hovered-over-file{background-color:#F0F0F0}

.thumbnail-padding{padding-right:4px}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

body.fr-fullscreen{overflow:hidden;height:100%;width:100%;position:fixed}

.fr-box.fr-fullscreen{margin:0 !important;position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483630 !important;width:auto !important}

.fr-box.fr-fullscreen .fr-wrapper{background-color:#FFF}

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-fullscreen .fr-toolbar{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-box.fr-fullscreen .fr-toolbar.fr-top{top:0 !important}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom{bottom:0 !important}

.fr-box.fr-fullscreen .fr-second-toolbar{margin-top:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}

.fr-fullscreen-wrapper{z-index:2147483640 !important;width:100% !important;margin:0 !important;padding:0 !important;overflow:visible !important}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal{text-align:left;padding:20px 20px 10px}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table{border-collapse:collapse;font-size:14px;line-height:1.5;width:100%}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table{margin-top:20px}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{border:0}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th{text-align:left}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td{padding:6px 0 4px}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{border-bottom:solid 1px #ebebeb}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{width:60%;color:#646464}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2){letter-spacing:0.5px}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element img{cursor:pointer;padding:0 1px}

.fr-image-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:content-box}

.fr-image-resizer.fr-active{display:block}

.fr-image-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:4;box-sizing:border-box}

.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}

.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}

.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}

.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}

.fr-image-resizer .fr-handler{width:12px;height:12px}

.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}

.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}

.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}

.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}

@media (min-width: 1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}

.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}

.fr-popup .fr-image-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}

.fr-popup .fr-image-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-image-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-image-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-image-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-image-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}

.fr-uploading{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

@keyframes loading{from{left:-25%}to{left:100%}}

img.fr-draggable{-webkit-user-select:none;user-select:none}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-modal .fr-modal-head .fr-modal-head-line::after{clear:both;display:block;content:"";height:0}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more{margin-top:10px}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}

.fr-modal .fr-modal-head .fr-modal-tags{padding:0 20px;display:none;text-align:left}

.fr-modal .fr-modal-head .fr-modal-tags a{display:inline-block;opacity:0;padding:6px 12px;margin:8px 0 8px 8px;text-decoration:none;border-radius:32px;-moz-border-radius:32px;-webkit-border-radius:32px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;cursor:pointer;background-color:#f5f5f5}

.fr-modal .fr-modal-head .fr-modal-tags a:focus{outline:none;background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a:hover{background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a:active{background-color:#d6d6d6}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag{background-color:#EcF5Ff;color:#0098f7}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus{outline:none;background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover{background-color:#ebebeb}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active{background-color:#d6d6d6}

.fr-show-tags .fr-modal-more svg path{fill:#0098f7}

div.fr-modal-body{-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s}

div.fr-modal-body .fr-preloader{display:block;margin:50px auto}

div.fr-modal-body div.fr-image-list{text-align:center;margin:0 20px;padding:0}

div.fr-modal-body div.fr-image-list .fr-list-column{float:left;width:calc((100% - 20px) / 2)}

@media (min-width: 768px) and (max-width: 1199px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 40px) / 3)}}

@media (min-width: 1200px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 60px) / 4)}}

div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{margin-left:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container{position:relative;width:100%;display:block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{margin-top:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container+div{margin-top:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{position:absolute;-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s;background:#000;content:"";top:0;left:0;bottom:0;right:0;z-index:2}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{content:attr(data-deleting);color:#FFF;top:0;left:0;bottom:0;right:0;margin:auto;position:absolute;z-index:3;font-size:15px;height:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{height:95px;background:#CCCCCC;z-index:1}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;content:attr(data-loading);display:inline-block;height:20px}

div.fr-modal-body div.fr-image-list div.fr-image-container img{width:100%;vertical-align:middle;position:relative;z-index:2;-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img{-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{display:inline-block}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{display:none;top:50%;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, color 0.2s ease 0s;box-sizing:border-box;position:absolute;cursor:pointer;margin:0;line-height:40px;text-decoration:none;z-index:3}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#B8312F;fill:#FFF;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(25%);-moz-transform:translateY(-50%) translateX(25%);-ms-transform:translateY(-50%) translateX(25%);-o-transform:translateY(-50%) translateX(25%)}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#FFF;fill:#0098f7;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(-125%);-moz-transform:translateY(-50%) translateX(-125%);-ms-transform:translateY(-50%) translateX(-125%);-o-transform:translateY(-50%) translateX(-125%)}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img{display:inline-block;width:40px;height:40px}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#FFF}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#ebebeb}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-line-breaker{cursor:text;border-top:1px solid #0098f7;position:fixed;z-index:2;display:none}

.fr-line-breaker.fr-visible{display:block}

.fr-line-breaker a.fr-floating-btn{position:absolute;left:calc(50% - (40px / 2));top:-20px}

.fr-line-breaker a.fr-floating-btn svg{margin:8px;height:24px;width:24px}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-wrapper-markdown{display:flex}

.fr-markdown-view{width:calc(52% - 1px);box-sizing:inherit}

.fr-markdown-editor{width:calc(48% - 1px);box-sizing:inherit;background-color:#eee}

.fr-markdown-editor>p{margin:0}

.fr-markdown-view>p{margin-top:0}

.gutter-horizontal{display:flex;z-index:9;background-color:#dadada;cursor:col-resize;width:2px}

.e-resize-handler{z-index:9;width:1px;display:flex;justify-content:center;align-items:center;align-self:center;position:relative;font-size:10px;color:#c5c5c5}

.fr-markdown-view>dl{margin-top:0;margin-bottom:1rem}

.fr-markdown-view>dt{font-weight:700}

.fr-markdown-view>dd{margin-bottom:.5rem;margin-left:0}

.fr-markdown-view>pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;background-color:#f8f8f8;border:1px solid #dfdfdf;margin-top:1.5em;margin-bottom:1.5em;padding:0.125rem 0.3125rem 0.0625rem}

.fr-markdown-view>code{background-color:#f8f8f8;border-color:#dfdfdf;border-style:solid;border-width:1px;color:#333;font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:normal;padding:0.125rem 0.3125rem 0.0625rem}

.fr-markdown-view>pre code{background-color:transparent;border:0;padding:0}

.fr-markdown-view>sup{top:-.5em}

.footnote-a{color:#007bff;text-decoration:none;background-color:transparent}

.fr-markdown-view>hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,0.1)}

.blockquote{margin:0 0 1rem;border-left:5px solid #eee;padding:10px 20px;font-size:1.25rem}

.fr-markdown-view>table{width:100%;max-width:100%;margin-bottom:20px;background-color:transparent;border-spacing:0;border-collapse:collapse}

.fr-markdown-view>table>tbody>tr>td,.fr-markdown-view>table>tbody>tr>th,.fr-markdown-view>table>thead>tr>td,.fr-markdown-view>table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border:1px solid #ddd}

.fr-markdown-view>table>thead>tr>td,.fr-markdown-view>table>thead>tr>th{border-bottom-width:2px}

.fr-markdown-view>table>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}

.fr-markdown-view>a{color:#337ab7;text-decoration:none}

.fr-markdown-view>h1{font-size:2em !important}

.fr-markdown-view>h2{font-size:1.5em !important}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-quick-insert{position:absolute;z-index:2147483639;white-space:nowrap;padding-right:10px;box-sizing:content-box}

.fr-quick-insert a.fr-floating-btn svg{margin:8px;width:24px;height:24px}

.fr-quick-insert.fr-on a.fr-floating-btn svg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}

.fr-quick-insert.fr-hidden{display:none}

.fr-qi-helper{position:absolute;z-index:3;padding-left:20px;white-space:nowrap}

.fr-qi-helper a.fr-btn.fr-floating-btn{text-align:center;padding:6px 10px 10px 10px;display:inline-block;color:#222222;background:#FFF;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}

.fr-qi-helper a.fr-btn.fr-floating-btn svg{fill:#222222}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category{padding:10px 15px}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span{font-weight:normal;font-size:16px}

.fr-popup .fr-special-character{width:24px;height:24px}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-sc-container{width:368px}}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #0098f7}

.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}

.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-table-resizer{cursor:col-resize;position:absolute;z-index:3;display:none}

.fr-table-resizer.fr-moving{z-index:2}

.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-right:1px solid #0098f7}

.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-popup .fr-table-size{margin:20px}

.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px}

.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:5px;white-space:nowrap}

.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:transparent}

.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #DDD}

.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:transparent}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(0,152,247,0.3);border:solid 1px #0098f7}

.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}

.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block !important}

.fr-popup .fr-table-colors{display:block;padding:20px;padding-bottom:0}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}

.fr-insert-helper{position:absolute;z-index:9999;white-space:nowrap}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

#fr-form-container{margin:auto;position:relative;top:10%;background-color:#f5f5f5;width:60%;border-radius:5px;z-index:9002;overflow:auto;background-color:#fefefe}

.fr-trim-video-name{font-family:Arial, Helvetica, sans-serif;padding-top:15px}

.fr-file-loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #53777a;display:inline-block !important;animation:spin 2s linear infinite;width:20px;height:20px;display:block !important;align-items:center}

.fr-trim-button{margin-top:5px;height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;border-radius:5px;background-color:#eff5fa;outline:none}

.fr-trim-button:hover{background:#ebebeb}

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

.fr-slidecontainer{width:100%}

.fr-slider{-webkit-appearance:none;width:100%;height:15px;background:#d3d3d3}

.fr-video-trim-buttons{text-align:right;padding-bottom:5px;padding-right:15px;margin-top:10px}

.fr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;cursor:pointer}

.fr-slider::-moz-range-thumb{width:15px;height:15px;background:#3498db;border-radius:50%;cursor:pointer}

.fr-range-value-start{position:absolute}

.fr-range-value-start>span{width:60px;height:24px;line-height:24px;text-align:center;background:#03a9f4;color:#fff;font-size:12px;display:block;position:absolute;left:50%;transform:translate(-85%, 0);border-radius:6px}

.fr-range-value-start>span:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;left:86%;margin-left:-5px;margin-top:-1px}

.fr-range-value-end{position:absolute}

.fr-range-value-end>span{width:60px;height:24px;line-height:24px;text-align:center;background:#03a9f4;color:#fff;font-size:12px;display:block;position:absolute;left:14%;transform:translate(-8%, 0);border-radius:6px}

.fr-range-value-end>span:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;left:14%;margin-left:-5px;margin-top:-1px}

#startTimeValue{top:-153% !important}

#startTimeValue span:before{border-top:10px solid #03a9f4;top:100%}

#endTimeValue{top:-153% !important}

#endTimeValue span:before{border-top:10px solid #03a9f4;top:100%}

.fr-range-slider{position:relative;width:80%;height:15px}

.fr-range-slider>input{pointer-events:none;position:absolute;left:0;top:10px;width:100%;outline:none;height:6px;border-radius:10px}

.fr-range-slider>input::-webkit-slider-thumb{pointer-events:all;position:relative;z-index:1;-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#3498db;cursor:pointer;border-radius:7px;margin-top:-3.6px}

.fr-range-slider>input::-moz-range-thumb{pointer-events:all;position:relative;z-index:10;-moz-appearance:none;width:9px;height:15px;border-radius:7px;margin-top:-3.6px}

.fr-range-slider>input::-moz-range-track{position:relative;z-index:-1;background-color:black;border:0;height:15px;border-radius:50%;margin-top:-3.6px}

.fr-range-slider>input:last-of-type::-moz-range-track{-moz-appearance:none;background:none transparent;border:0}

.fr-range-slider>input[type="range"]::-moz-focus-outer{border:0}

@media screen and (max-width: 430px){.range-value span{width:40px;font-size:10px}#fr-form-container{top:20%}}

#fr-video-edit{width:80%;text-align:center;height:50%;margin-bottom:20px;padding-top:8px;padding-bottom:8px}

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element .fr-video{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-element .fr-video::after{position:absolute;content:'';z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer;display:block;background:transparent}

.fr-element .fr-video.fr-active>*{z-index:2;position:relative}

.fr-element .fr-video>*{box-sizing:content-box;max-width:100%;border:none}

.fr-box .fr-video-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-box .fr-video-resizer.fr-active{display:block}

.fr-box .fr-video-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;z-index:4;box-sizing:border-box}

.fr-box .fr-video-resizer .fr-handler.fr-hnw{cursor:nw-resize}

.fr-box .fr-video-resizer .fr-handler.fr-hne{cursor:ne-resize}

.fr-box .fr-video-resizer .fr-handler.fr-hsw{cursor:sw-resize}

.fr-box .fr-video-resizer .fr-handler.fr-hse{cursor:se-resize}

.fr-box .fr-video-resizer .fr-handler{width:12px;height:12px}

.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}

.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-6px;top:-6px}

.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}

.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}

@media (min-width: 1200px){.fr-box .fr-video-resizer .fr-handler{width:10px;height:10px}.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line{width:calc(50% - 5px);display:inline-block}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line{margin-left:10px}

.fr-popup .fr-video-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}

.fr-popup .fr-video-upload-layer:hover{background:#ebebeb}

.fr-popup .fr-video-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}

.fr-popup .fr-video-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}

.fr-popup .fr-video-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}

.fr-popup .fr-video-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons{display:none}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader{display:none}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}

.fr-video-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}

.fr-autoplay-margin{margin-top:0px !important}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/froala-editor/css/third_party/embedly.min.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
/*!
 * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2022 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}

.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.fr-element .fr-embedly{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;position:relative}

.fr-element .fr-embedly::after{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer;display:block;background:transparent}

.fr-element .fr-embedly>*{box-sizing:content-box;max-width:100%;border:none}

.fr-box .fr-embedly-resizer{position:absolute;z-index:2;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}

.fr-box .fr-embedly-resizer.fr-active{display:block}

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/tippy.js/dist/tippy.css ***!
  \******************************************************************************************************************************************************************************************************************************/
.tippy-iOS{cursor:pointer!important}.tippy-notransition{transition:none!important}.tippy-popper{perspective:700px;z-index:9999;outline:0;transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none;line-height:1.4;max-width:calc(100% - 10px)}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0}.tippy-popper[x-placement^=top] .tippy-roundarrow{bottom:-8px;transform-origin:50% 0}.tippy-popper[x-placement^=top] .tippy-roundarrow svg{position:absolute;left:0;transform:rotate(180deg)}.tippy-popper[x-placement^=top] .tippy-arrow{border-top:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;bottom:-7px;margin:0 6px;transform-origin:50% 0}.tippy-popper[x-placement^=top] .tippy-backdrop{transform-origin:0 25%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-55%)}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%,-45%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible]{transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden]{opacity:0;transform:translateY(-20px)}.tippy-popper[x-placement^=top] [data-animation=perspective]{transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible]{transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden]{opacity:0;transform:translateY(0) rotateX(60deg)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible]{transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden]{opacity:0;transform:translateY(0) scale(.5)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow{top:-8px;transform-origin:50% 100%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg{position:absolute;left:0;transform:rotate(0)}.tippy-popper[x-placement^=bottom] .tippy-arrow{border-bottom:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;top:-7px;margin:0 6px;transform-origin:50% 100%}.tippy-popper[x-placement^=bottom] .tippy-backdrop{transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-45%)}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible]{transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden]{opacity:0;transform:translateY(20px)}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible]{transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden]{opacity:0;transform:translateY(0) rotateX(-60deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible]{transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden]{opacity:0;transform:translateY(0) scale(.5)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:50% 0 0 50%}.tippy-popper[x-placement^=left] .tippy-roundarrow{right:-16px;transform-origin:33.33333333% 50%}.tippy-popper[x-placement^=left] .tippy-roundarrow svg{position:absolute;left:0;transform:rotate(90deg)}.tippy-popper[x-placement^=left] .tippy-arrow{border-left:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent;right:-7px;margin:3px 0;transform-origin:0 50%}.tippy-popper[x-placement^=left] .tippy-backdrop{transform-origin:50% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-75%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible]{transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden]{opacity:0;transform:translateX(-20px)}.tippy-popper[x-placement^=left] [data-animation=perspective]{transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible]{transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden]{opacity:0;transform:translateX(0) rotateY(-60deg)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible]{transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden]{opacity:0;transform:translateX(0) scale(.5)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 50% 50% 0}.tippy-popper[x-placement^=right] .tippy-roundarrow{left:-16px;transform-origin:66.66666666% 50%}.tippy-popper[x-placement^=right] .tippy-roundarrow svg{position:absolute;left:0;transform:rotate(-90deg)}.tippy-popper[x-placement^=right] .tippy-arrow{border-right:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent;left:-7px;margin:3px 0;transform-origin:100% 50%}.tippy-popper[x-placement^=right] .tippy-backdrop{transform-origin:-50% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-25%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible]{transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden]{opacity:0;transform:translateX(20px)}.tippy-popper[x-placement^=right] [data-animation=perspective]{transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible]{transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden]{opacity:0;transform:translateX(0) rotateY(60deg)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible]{transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden]{opacity:0;transform:translateX(0) scale(.5)}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.9rem;padding:.3rem .6rem;max-width:350px;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip[data-size=small]{padding:.2rem .4rem;font-size:.75rem}.tippy-tooltip[data-size=large]{padding:.4rem .8rem;font-size:1rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive],.tippy-tooltip[data-interactive] path{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-tooltip[data-inertia][data-state=hidden]{transition-timing-function:ease}.tippy-arrow,.tippy-roundarrow{position:absolute;width:0;height:0}.tippy-roundarrow{width:24px;height:8px;fill:#333;pointer-events:none}.tippy-backdrop{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop:after{content:"";float:left;padding-top:100%}.tippy-backdrop+.tippy-content{transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=visible]{opacity:1}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}

/*# sourceMappingURL=styles.css.map*/