/*!********************************************************************************************************************************************************************************************************!*\
  !*** 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[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/main.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Circular Std Book";
  font-style: normal;
  font-weight: normal;
  src: local("Circular Std Book"), url('CircularStd-Book.woff') format("woff");
}
@font-face {
  font-family: "Circular Std Black";
  font-style: normal;
  font-weight: normal;
  src: local("Circular Std Book"), url('CircularStd-Black.woff') format("woff");
}
@font-face {
  font-family: "Circular Std Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Circular Std Book"), url('CircularStd-Bold.woff') format("woff");
}
@font-face {
  font-family: "Circular Std Medium";
  font-style: normal;
  font-weight: normal;
  src: local("Circular Std Book"), url('CircularStd-Medium.woff') format("woff");
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** 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";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
:root {
    /*--primary-color: #303d5f;
    --secondary-color: #f53359;*/
    --border-radius-primary: 8px;
    --text-color: #1a284c;
    --progress-color: var(--primary-color);

    --primary-100: #FFF5F7;
    --primary-200: #FCC5D0;
    --primary-300: #FA94A8;
    --primary-400: #F86381;
    --primary-500: #F53359;
    --primary-600: #EA0B38;
    --primary-700: #B9092C;
    --primary-800: #880620;
    --primary-900: #580415;

    --secondary-100: #F8F9FC;
    --secondary-200: #D6DCEB;
    --secondary-300: #B4BFDA;
    --secondary-400: #92A2C9;
    --secondary-500: #7085B8;
    --secondary-600: #5269A3;
    --secondary-700: #415381;
    --secondary-800: #303D5F;
    /* color base */
    --secondary-900: #1F273D;

}
/*=====CUSTOM CSS=====*/
/*==== CUSTOM STYLES V2 =====*/
/*color por defecto / default*/
/* #1a284c azul oscuro */
/* #1F273D azul oscuro para letras*/
/* #303d5f azul claro */
/*scroll*/
*::-webkit-scrollbar-thumb {
    background: transparent !important;
    border-radius: 100px;
    width: 5px;
    margin-top: 6rem;
}
*::-webkit-scrollbar {
    width: 5px;
    margin-top: 6rem;
}
*::-webkit-scrollbar-corner {
    width: 5px;
    background: transparent !important;
    margin-top: 6rem;
}
*::-webkit-scrollbar-track {
    background: transparent !important;
    margin-top: 6rem;
}
/* list ol */
ol {
    list-style-type: decimal !important;
    padding-left: 1.5em  !important;
    margin-left: 1rem  !important;
    margin-top: .5rem  !important;
    margin-bottom: 1rem  !important;
}
/* list ul */
ul {
    list-style: outside !important;
    padding-left: 1.5em  !important;
    margin-left: 1rem  !important;
    margin-top: .5rem  !important;
    margin-bottom: 1rem  !important;
}
img.menu-result {
    width: 22px !important;
}
img.menu-on {
    width: 20px !important;
    height: 20px !important;
}
img.menu-of {
    width: 20px !important;
    height: 20px;
}
/*modal time- embebed- add multimedia*/
.modal-open .modal {
    display: flex !important;
    justify-content: center;
    z-index: 1000000;
}
/*modal general*/
.modal-body {
    padding: 1rem 3rem 3rem !important;
}
.modal-body>.title {
    font-size: 1.3rem;
    font-family: 'Circular Std Bold';
}
.modal-content {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;
    border: none !important;
    border-radius: 15px !important;
}
/*modales--- tablero curso*/
.modal.show .modal-dialog {
    display: flex;
    align-items: center;
}
.modal-lg,
.modal-xl {
    max-width: 1120px !important;
}
/*btn*/
.btn:hover {
    color: white !important;
}
button {
    gap: 0.5rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.button {
    gap: 0.5rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
/*tablero*/
/*animaciones*/
@keyframes slideInFromBottom1 {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slideInFromBottom2 {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}
.slide:before {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1;
    border-radius: 3.5px;
}
.slide:before,
.slide:after {
    background: linear-gradient(to bottom right, #fff, #f8f8f8);
    box-shadow: 0 14px 28px rgb(0 0 0 / 7%), 0 10px 10px rgb(0 0 0 / 7%), 0 -5px 5px -5px rgb(0 0 0 / 7%);
    left: -10px;
    top: 10px;
    transform: rotate(0deg);
}
@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}
.slide {
    animation: slideInRight 2s ease-in-out;
}
.slide.slide_module {
    animation: slideInRight 2s ease-in-out;
}
.question__content {
    animation: slideInFromBottom1 2s ease-in-out;
}
.hint>button.btn {
    background: white !important;
    color: var(--text-color) !important;
    font-size: 14px !important;
}
.hint>button.btn:hover {
    color: var(--text-color) !important;
    border: none !important;
}
.hint>button.btn:after {
    content: '👋';
    font-size: 16px;
}
.hint>button.btn:focus {
    box-shadow: unset !important;
}
h2.heading {
    white-space: pre-line;
    animation: slideInFromBottom1 1.5s ease-in-out;

}
p.course-presentation__description.multiline>ul {
    margin: 1rem;
    list-style: outside;
}
.multiline {
    animation: slideInFromBottom1 2s ease-in-out;
}
.fr-view {
    animation: slideInFromBottom1 2s ease-in-out;
}
.slide {
    border-radius: 3.5px !important;
    width: calc(100% - 2.5rem) !important;
    transform: translateX(1.5rem) !important;
    margin: 3rem 0px 2.5rem !important;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 4px 2px rgba(0, 0, 0, 0.05), 0 8px 4px rgba(0, 0, 0, 0.05), 0 16px 8px rgba(0, 0, 0, 0.05), 0 0px 10px rgba(0, 0, 0, 0.05);
    padding: 3rem !important;
    margin: 7rem 0 1.5rem;
}
a {
    text-decoration: none !important;
}
.slide.slide-presentation,
.slide-result {
    margin: 3rem 0 1.5rem;
    top: 0px;

}
h3.section__title:before {
    font-family: 'myskillcamp-icon';
    content: "\e83e";
    padding-right: 1rem;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
}
.course-presentation__img {
    background: var(--secondary-100) !important;
    border-radius: 8px !important;
}
div.slide>div>.btn.btn_height_small {
    width: 20% !important;
}
.course-final .score__title {
    color: var(--secondary-900) !important;
}
.course-presentation .listing__holder {
    background: var(--secondary-100) !important;
    border-radius: 8px !important;
    box-shadow: rgb(0 0 0 / 1%) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
span.fr-video.fr-dvb.fr-draggable.fr-active {
    display: flex;
    justify-content: center;
}
.slide .heading:after {
    margin-top: 0.5rem !important;
    margin-bottom: 2rem;
    background: var(--secondary-color) !important;
}
.slide.slide_module,
.slide.slide_presentation.slide_video,
.slide.slide_exchange.exchange {
    padding: 3rem !important;
}
.slide.slide_module,
.slide.slide_presentation.slide_video,
.question.question_multiple.slide.slide_question,
.slide.slide_exchange.exchange,
.slide.slide-presentation {
    animation-duration: 4s;
    animation-name: animTexto;
}
@keyframes animTexto {
    from {
        margin-left: 100%;
        width: 100%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}
/*header*/
header {
    width: calc(100vw - 21.5rem);
    transform: translateX(20.5rem);
    padding: 0px 30px;
    margin-top: 2rem;
    border-radius: 30px 30px 0px 0px;
    height: 70px;
    z-index: 10 !important;
    position: relative !important;
    background-color: #ffffff8f !important;
    box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px -5px, rgb(114 114 114 / 13%) 0px 2px 16px -8px !important;
    align-items: center;
    right: 0;
    display: flex !important;
    justify-content: space-between;
}
.header__item.header__item--head {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.btn--header {
    box-shadow: unset !important;
    margin-top: 0 !important;
    display: flex;
    justify-content: flex-end;
}
.header__items {
    display: flex;
    align-items: center;
    padding: 0 !important;
}
a.btn.btn--header>span:before {
    content: "\e86a";
    font-family: 'myskillcamp-icon';
    color: var(--secondary-900) !important;
    font-size: 16px;
    margin-right: 0.5rem;
}
a.btn.btn--header:hover {
    color: var(--secondary-color) !important;

}
.dropdown__header {
    background: var(--secondary-color) !important;
    border-radius: 5px 0px 0px 0px;
    font-family: 'Circular Std Bold' !important;
}
.dropdown .dropdown__context:after {
    border-bottom: 0.8rem solid var(--secondary-color) !important;
    left: 0.5rem !important;
}
.header__item.course {
    width: 100% !important;
    display: flex;
}
header .header__item .leave-player {
    background: transparent !important;
    margin: 15px 0px !important;
    width: 25px !important;
}
.dropdown__context {
    background: transparent !important;
    padding: 0 !important;
}
header .header__item.account .dropdown {
    background: transparent !important;
}
header .show-sidebar {
    height: auto !important;
    width: 10%;
}
.dropdown__context img {
    background: transparent url(https://static.myskillcamp.com/images/icon/icon-header/icon_camp.svg) no-repeat center !important;
}
.show-sidebar>img {
    cursor: pointer;
}
/*progress tablero*/
.progress-bar-dash {
    margin: 0;
    height: 2px;
    width: 255px;
    z-index: 10000000000000000;
    position: relative;
    width: calc(100vw - 21.8rem);
    transform: translateX(21rem);
    background: transparent;
}
/*cursos -resultado*/
a.enlace-sidebar {
    color: #1F273D !important;
}
a.enlace-sidebar:hover {
    color: inherit !important;
}
p>a:after {
    content: "\e87a";
    font-family: 'myskillcamp-icon';
    margin: 0 0.3rem;
}
p>a {
    color: #007bff;
}
p>a:hover,
a:hover {
    color: var(--primary-500) !important;
}
a {
    color: #007bff !important;
}
.course-final__footer {
    display: flex !important;
    justify-content: center;
    margin-top: 2.5rem;
}
video,
canvas,
audio,
iframe,
embed {
    margin: 10px auto;
}
.btn_width_1,
a.btn_width_1,
button.btn_width_1 {
    width: 50% !important;
}
.m-switch {
    border: 2px solid var(--secondary-600) !important;
    flex-basis: 50% !important;
}
.m-switch-item {
    font-weight: normal !important;
}
.item--active {
    background-color: var(--secondary-600) !important;
}
.m-ratio {
    color: var(--secondary-800) !important;
    font-family: 'Circular Std Book';
}
.question-evaluation div {
    color: #1F273D !important;
}
.question__content {
    padding: 2rem 3rem 3rem !important;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.question__content .heading {
    margin-bottom: 0.2rem !important;
}
.question__content .heading span {
    color: #1F273D !important;
    margin-bottom: 0.1rem !important;
    font-weight: 400 !important;
    font-family: 'Circular Std Book' !important;
}
.m-question-title {
    font-size: 26px !important;
}
span.choice__text:first-letter {
    text-transform: uppercase;
}
.m-answer {
    border-radius: 8px !important;
}
.m-data {
    margin: 0.5rem 0rem 0rem 2rem !important;
    flex-basis: 5% !important;
}
.question-evaluation {
    background-color: #f4f7fb !important;
    display: flex;
    justify-content: center;
    width: 20%;
    font-size: 0.875rem;
    margin: 0 0 10px;
    align-items: center;
    clip-path: polygon(93% 0%, 100% 50%, 93% 100%, 0% 100%, 5% 50%, 0% 0%);
    border-radius: 0 !important;
}
.question .feedback {
    border-radius: 5px !important;
    background-color: var(--secondary-100) !important;
}
.feedback__content>div>div>img {
    width: 8% !important;
    padding: 0.5rem;
    display: flex;
    align-items: center;
}
.m-question-title {
    font-size: 24px !important;
}
.choice_selected {
    border: 2px solid var(--secondary-600) !important;
    border-radius: 4px;
}
label.input .input-radiobox:checked,
label.input .input-radiobox:checked:hover {
    background: var(--secondary-600) url(https://static.myskillcamp.com/images/icon/icon-camp/icon_valid_active.svg) no-repeat 50% !important;
}
.feedback__content span {
    font-size: 1.5rem !important;
    font-family: 'Circular Std Book' !important;
}
h4.feedback__title {
    display: none;
}
.question_multiple .choice:hover {
    border-color: var(--secondary-color) !important;
    border-radius: 8px !important;
}
.choice {
    border-color: var(--secondary-200) !important;
    border-radius: 8px !important;
}
label.input .input-radiobox:not([disabled]):hover {
    background-color: var(--secondary-200);
}
.tabs .tab__nav .tab__item_active:after {
    height: 2px !important;
    bottom: -2px !important;
    border-radius: 5px;
    background: linear-gradient(45deg, transparent, var(--primary-400), var(--primary-500), var(--primary-600), transparent) !important;
}
.tabs .tab__nav {
    margin-bottom: 1.75rem;
    display: flex;
}
/*header fixed */
header .header__item .leave-player:before {
    background: unset !important;
    font-family: 'myskillcamp-icon';
    content: "\e867" !important;
    color: var(--secondary-800) !important;
    font-size: 1.5rem !important;
}
/*discusion*/
span#isPasted {
    color: #1F273D !important;
    font-family: 'Circular Std Book' !important;
    font-size: 18px !important;
    line-height: 1;
}
/*tablero*/
.column-left {
    overflow: hidden;
}
.slide_video .open-fullscreen {
    background-color: var(--secondary-color) !important;
}
.slide_video .open-fullscreen img {
    filter: invert(1);
}
.fr-view img.fr-dii {
    display: inline-block;
    background: linear-gradient(#212121, #212121) padding-box, linear-gradient(145deg, transparent 35%, #4153810d, var(--secondary-200)) border-box;
    transform-origin: right bottom;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
    box-shadow: 0 0 10px #0003, 0 0 0 5px #fff;
    margin: 20px auto !important;
}
img.fr-fic {
    display: inline-block;
    background: linear-gradient(#212121, #212121) padding-box, linear-gradient(145deg, transparent 35%, #4153810d, var(--secondary-200)) border-box;
    transform-origin: right bottom;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
    box-shadow: 0 0 10px #0003, 0 0 0 5px #fff;
    margin: 20px auto;
}
#view {
    left: 20rem;
}
div#view {
    box-shadow: -3px 8px 12px 5px rgb(0 0 0 / 5%) !important;
    background: #f8f8f8 !important;
    width: calc(100vw - 21.5rem);
    transform: translateX(20.5rem);
    margin-top: -70px;
    position: unset !important;
    margin-bottom: 1.5rem;
    border-radius: 30px !important;
}
.timeline .new-post label input {
    background: var(--secondary-100) !important;
    border-bottom: 3px inset var(--secondary-200) !important;
    border-radius: 4px 0px 0px 4px;
    height: 38px !important;
    transition: all 0.9s ease-in-out !important;
    cursor: pointer;
    clear: both;
}
.timeline .new-post label {
    border-radius: 4px !important;
    padding: 0rem !important;
    background: transparent !important;
    align-items: flex-end !important;

}
.timeline__new-post {
    background-color: var(--secondary-100) !important;
    margin-right: 0rem !important;
    margin-left: 0rem !important;
    margin-bottom: 2rem !important;
    border-radius: 15px !important;

}
.timeline .new-post .add-media {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;

}
.slide_video .open-fullscreen:hover {
    background-color: var(--secondary-600) !important;
}
/*title*/
header .header__item.course .course__name {
    font-size: 20px !important;
    font-weight: 500 !important;
    font-family: 'Circular Std Bold' !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.slide .heading {
    font-size: 20px !important;
    font-weight: 500 !important;
    font-family: 'Circular Std Bold' !important;

}
.heading span {
    color: #1F273D !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
}
.tabs .tab__nav .tab__item:hover {
    color: var(--primary-600) !important;
}
.tabs .tab__nav .tab__item {
    color: #1F273D !important;
    font-family: 'Circular Std Book' !important;
}
h2 {
    color: #1F273D !important;
}
/*btn*/
.slide__navigate__previous a,
.slide__navigate__next a {
    color: #1F273D !important;
}
a.btn {
    position: relative;
    display: flex !important;
    height: 2rem !important;
    align-items: center;
    justify-content: center;
    border-radius: 10px !important;
    border-style: none !important;
    pointer-events: auto;
    background: var(--secondary-color) !important;
    transform: scale(1.02) !important;
    font-weight: 500 !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    min-width: 10rem !important;
}
.section-presentation>div {
    overflow: hidden;
    padding: 0.5rem;
}
.section-presentation {
    overflow: hidden;
}
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--secondary-200) !important;
}
#btn-course {
    display: flex !important;
    height: 2rem !important;
    align-items: center;
    justify-content: center;
    border-radius: 10px !important;
    border-style: none !important;
    pointer-events: auto;
    background: var(--secondary-color) !important;
    font-weight: 500 !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;

}
button.btn {
    border-radius: 10px !important;
    border-style: none !important;
    pointer-events: auto;
    background: var(--secondary-color) !important;
    font-weight: 500 !important;
    padding: 0.7rem !important;
    color: white;
}
.btn:focus {
    box-shadow: 0 0 0 0.2rem var(--secondary-300) !important;
}
a.btn:hover {
    color: white !important;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px !important;
    transform: scale(1.05) !important;
    background-color: var(--secondary-500) !important;
    text-align: center;
    display: flex !important;
    align-items: center;
}
.timeline .btn_action_post {
    border-radius: 8px 8px 8px 0px !important;
    background: var(--secondary-color) !important;
    box-shadow: unset !important;
    height: 2rem !important;
    transform: unset !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    display: flex;
    align-items: center;
}
.timeline .btn_action_post:hover {
    background-color: var(--secondary-600) !important;
    border-radius: 8px 8px 8px 0px !important;
    transform: scaleX(1.05) !important;
}
.timeline .new-post label input:focus {
    border-bottom: 3px inset var(--secondary-color) !important;
}
.icon {
    color: #1F273D !important;
}
/*footer*/
#footer {
    transform: translateX(1rem) !important;
    border-radius: 12px !important;
    box-shadow: 0px 3px 6px 0px rgba(140, 149, 159, 0.15);
    margin-bottom: 2rem;
    width: calc(100% - 2rem) !important;
}
/*course*/
.timeline .post .author__name {
    font-family: 'Circular Std Book' !important;

}
.course-final .section__title {
    color: #1F273D !important;
    font-weight: 500 !important;
    font-family: 'Circular Std Bold' !important;
    display: flex;
    font-size: 1.25rem;
    align-items: center;
}
.course-final .section .scores .score__ratio {
    font-size: 28px !important;
}
.btn_width_1,
a.btn_width_1 {
    width: 50% !important;
}
.course-final .score {
    font-size: 1.5rem !important;
}
.notes-listing .create-note__title {
    width: 100%;
}
.notes-listing .create-note__title:before {
    background: var(--secondary-200) !important;
}
/*iconNote plus plugin frolala*/
.fr-quick-insert.fr-visible {
    display: flex;
}
.fr-qi-helper a.fr-btn.fr-floating-btn {
    padding: 10px !important;
}
.fr-toolbar .fr-btn-grp {
    display: flex;
}
.course-final h1 {
    color: #303d5f !important;
}
.fr-toolbar.custom-theme.fr-mobile.fr-top.fr-basic {
    overflow: hidden;
}
.timeline .post__content {
    color: black;
    border-radius: 8px !important;
    background-size: 100% 1.2rem;
    border: 2px solid #efefef !important;
    background: #fbfbfb !important;
    overflow: hidden;
    line-height: 1.16;
    display: flex;
    align-items: stretch;
    padding-top: 1.2rem !important;
    height: calc(1.2 * 16px * 8.16);
}
.timeline .post .date {
    color: gray !important;
}
timeline-show-content>span.message {
    font-weight: 500;
    color: #4c4c4c;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    padding-top: 1.2rem !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
/*sidebar li*/
.icon-custom.icon-message-circle-outline:before {
    content: "\e8ac";
    font-size: 1.2rem;
    color: var(--primary-500);
    font-family: 'myskillcamp-icon' !important;
}
.icon-custom:before {
    font-size: 1.2rem;
    color: var(--primary-500);
    font-family: 'myskillcamp-icon' !important;
}
.add-media:before {
    content: "\e8d0";
    font-family: 'myskillcamp-icon';
    margin-right: 0.5rem;
}
.sidebar__course-content .section__title .section__session {
    border: 1px solid var(--primary-600);
    height: 2.7px !important;
    background: linear-gradient(135deg, var(--primary-color) 25%, var(--primary-600)25%, var(--primary-600) 50%, var(--primary-color) 50%, var(--primary-color) 75%, var(--primary-600)75%, var(--primary-600)) !important;
}
.sidebar__course-content .section__title .section__session::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--primary-color) 25%, var(--primary-600) 25%, var(--primary-600) 50%, var(--primary-color) 50%, var(--primary-color) 75%, var(--primary-600) 75%, var(--primary-600));
    overflow: hidden;
    z-index: 0;
}
/*checklist*/
.sidebar__course-content .section .question>a.is-done.success:after,
.sidebar__course-content .section .section__content>a.is-done.success:after {
    background-color: #d7f9d7 !important;
    font-size: 9px;
    height: 8px;
    width: 8px;
    border-color: transparent;
}
.section__content a:after {
    left: -10px !important;
    z-index: 10;
    color: gray;
    background-color: #ebebeb !important;
    border-color: transparent !important;
}
@keyframes backgroundAnimation {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(-50%);
    }

    /* Mueve el gradiente completamente hacia la izquierda */
}
.sidebar__course-content .section__title .section__session .progress {
    position: relative;
    z-index: 1;
    /* Asegura que el contenido esté delante del fondo */
    margin-left: 0.05rem;
    border: 1px solid var(--primary-600);
    border-radius: 2px !important;
    font-size: 0.5rem !important;
    bottom: -4px !important;
    background: linear-gradient(135deg, var(--primary-color) 25%, var(--primary-600)25%, var(--primary-600) 50%, var(--primary-color) 50%, var(--primary-color) 75%, var(--primary-600)75%, var(--primary-600)) !important;
}
/*icon arrow sidebar*/
.sidebar__course-content .section__title .section__toggle:hover {
    background: none !important;
}
.sidebar__course-content .section__title .section__toggle:before {
    content: "\e825"
}
.sidebar__course-content li a.active .section__toggle:before {
    content: "\e825" !important;
    color: white !important;
}
.sidebar__course-content .section_open .section__title .section__toggle:before {
    content: "\e827" !important;
}
.sidebar__course-content .section__title .section__toggle {
    background: none !important;
}
.sidebar__course-content li a.active .section__toggle:before {
    color: white !important;
}
/*sub*/
.sidebar__course-content .section .context {
    background: var(--secondary-100);
    border-radius: 3px 0 0 3px;
    display: inline-block;
    height: 26px;
    font-size: .75rem;
    display: block;
    line-height: 1rem;
    line-height: 26px;
    padding: 0 28px 0 20px;
    position: relative;
    margin: 0 10px 10px 0;
    display: flex !important;
    text-decoration: none;
    gap: 0.5rem;
    justify-content: flex-start;
    font-family: 'Circular Std Book';
}
.sidebar__course-content .section__title:before {
    background: var(--secondary-200) !important;
    border-radius: 5px !important;
    top: 0px !important;
    width: 10%;
    height: 30px;

}
.sidebar__course-content li a.active:focus:before {
    color: white !important;
    color: #7d0415 !important;
    background: #d6dceb !important;
}
.sidebar__course-content li a.active:hover:before {
    color: white !important;
}
.sidebar__course-content li a.active:before {
    font-family: 'Circular Std Book' !important;
    color: white !important;
    background-image: linear-gradient(43deg, var(--primary-700) 0%, var(--primary-500) 50%, var(--primary-500) 50%, var(--primary-500)) !important;
}
.sidebar__course-content .section .context:before {
    content: '✎';
}
.sidebar__course-content .section .title {
    font-family: 'Circular Std Book' !important;
    z-index: 0 !important;
}
.sidebar__course-content .section__content {
    background-color: transparent !important;

}
.sidebar__course-content .section .section__exercise li {
    background-color: transparent !important;
    margin: 5px 0 0;
}
.sidebar__course-content .section .context {
    line-height: 1.5rem !important;
    color: #1f273d !important;
}
.sidebar__course-content .section ul {
    margin-left: 30px !important;
}
li.question>a {
    min-width: 90% !important;
}
/*==========*/
/*====@medias======*/
@media (min-width: 768px) {
    .slide .heading {
        margin-bottom: 1.5rem !important;
    }

    .slide__navigate {
        display: flex !important;
        flex-direction: row !important;
    }

    #view {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
}
@media (max-width: 425px) {

    .btn--header {
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 560px) {

    .slide__navigate {
        flex-direction: column !important;
        justify-content: center !important;
    }

    .slide {
        margin: 2rem 0rem 3rem !important;
        width: calc(100% - 2rem) !important;
    }

    header .show-sidebar {
        width: 15%;
    }

    .header__item.course {
        width: 50% !important;
    }

    .header__item.account {
        width: 100%;
    }
}
@media (max-width: 768px) {

    /*question*/
    .question__content .heading span {
        margin-bottom: 10px !important;
    }

    .hint>button.btn {
        display: none;
    }

    .m-actions {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .m-switch {
        width: 100% !important;
    }

    .m-data {
        margin: 0 !important;
    }

    .m-ratio {
        width: 100%;
    }

    .heading {
        margin-bottom: 0rem;
    }

    /**/
    header .header__item--head {
        display: none
    }

    header {
        margin-top: 0 !important;
        padding: 0 20px !important;
    }

    img.menu-result {
        width: 25px;
    }

    div#tooltip {
        display: none;
    }

    .header__item.header__item--head {
        padding: 0 !important;
    }

    .btn_width_1,
    a.btn_width_1 {
        width: 100% !important;
    }

    .course-final .section .scores .score__ratio {
        font-size: 24px !important;
    }

    .course-final .score__ratio {
        font-size: 24px !important;
    }

    .course-final .scores {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }

    .course-final .score.course-score {
        width: 100%;
    }

    .course-final .score+.score {
        border-left: none !important;
    }

    .course-final .section .scores .score {
        width: 100% !important;
    }

    .course-final .score.course-score {
        width: 100% !important;
    }

    .progress-circle {

        margin-left: 5px !important;
        width: 2.5rem !important;
        height: 2.5rem !important;
        left: -1px !important;
    }

    .dropdown__context img {
        overflow: auto !important;
        margin: 0 !important;

    }

    #view {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .slide {
        margin: 1rem 0rem 3rem !important;
        width: calc(100% - 2rem) !important;
    }

    div#view {
        border-radius: 0px !important;
    }

    .slide {
        top: 0px !important;
    }

    .slide.slide_module,
    .slide.slide_presentation.slide_video,
    .slide.slide_exchange.exchange {
        padding: 3rem 3rem 2rem 2rem !important;
    }

    .slide__navigate {

        margin: 1rem 0rem -0.5rem 0rem !important;
    }

    .tabs .tab__nav .tab__item {
        padding: 2rem 1rem;
    }

    .slide__navigate {
        height: 60px !important;
        top: 0px !important;
        width: 100% !important;
        display: flex !important;
        gap: 1rem;
        transform: unset !important;
    }

}
@media (max-width: 1024px) {
    .header__item.header__item--head {
        width: 15%;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 20px !important;
    }

    header .header__item.course .course__name {
        font-size: 18px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .header__item.course {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .slide__navigate {
        padding: 0rem 1rem !important;
    }

    .slide {
        padding: 2.5rem 1.5rem 2.5rem 0.5rem !important;
    }

    .course-presentation__infos {
        padding-left: 1rem;
        padding-right: 2rem;
    }

    .section-presentation {
        padding: 1rem;
    }

    div#view {
        border-radius: 0px !important;
        position: absolute !important;
    }

    .overlay {
        opacity: 0.3;
        filter: brightness(0.5);
        height: 100vh;
    }

    .dropdown__context:after {
        left: 0.5rem !important;
    }

    .dropdown .dropdown__context:after {
        border-bottom: 0.8rem solid var(--secondary-color) !important;

    }

    .dropdown__content .dropdown__header {
        background: var(--secondary-color) !important;
        border-radius: 5px 5px 0px 0px;
        font-family: 'Circular Std Bold' !important;
    }

    .dropdown__content .dropdown__items-list {
        border-radius: 0px 0px 5px 5px;
    }

    .dropdown_active .dropdown__content {

        top: calc(100% + 13px) !important;
    }

    .dropdown__item_icon span {
        font-family: 'Circular Std Book' !important;
    }

    .dropdown_position_left .dropdown__content {
        box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.2);
    }

    header .header__item.account .dropdown__item:hover {
        background: var(--secondary-100) !important;
    }

    .dropdown__content[_ngcontent-xbs-c164] {

        width: 18rem !important;
    }

    #footer {
        border-radius: 15px !important;
        box-shadow: 0px 3px 6px 0px rgba(140, 149, 159, 0.15);
        margin-bottom: 2rem;
        overflow: hidden;
    }

    .timeline__new-post {
        background-color: var(--secondary-100) !important;
        border-radius: 15px !important;
    }

    .question__content {
        padding: 10px !important;
    }

    .show-sidebar>img {
        width: 60%;
        height: 40px;
        width: 40px;
        border-radius: 50%;
    }

    header .show-sidebar {
        display: flex;
        width: 10%;
    }

    header .header__item.course .course__name {
        font-size: 18px !important;
    }

    /* btn previus */
    .slide__navigate__previous a .slide__navigate__next a:hover {
        transform: scale(1.05) !important;

    }

    .slide__navigate__previous a .slide__navigate__next a {
        font-weight: 700;
        position: relative;
        display: flex !important;
        align-items: center;
        justify-content: center;
        transition: 0.4s ease;
    }

    .btn_color_green.btn--header {
        position: relative;
        display: flex !important;
        align-items: center;
        justify-content: center;
        transition: 0.4s ease;
    }

    a.leave-player,
    .dropdown__context,
    a.btn_color_green.btn--header:hover {
        transform: scale(1.05);
    }
}
@media (min-width: 1024px) {
    .slide__navigate {
        flex-direction: row !important;
        justify-content: space-between !important;
    }

    .slide.slide-presentation,
    .slide-result {
        margin: 6rem 0px 2.5rem !important;
    }
}
@media only screen and (min-width:320px) and (max-width:1024px) {



    .slide__navigate {
        width: 100% !important;
        display: flex !important;
        gap: 1rem;
        transform: unset !important;
        margin: 1rem 0rem -0.5rem 0rem !important;
        height: 0px !important;
        position: relative !important;
        top: -20px !important;
    }

    #sidebar {
        z-index: 4;
        transition: .5s ease;
        transform: translateX(-100%)
    }

    #sidebar.showSidebar {
        max-height: max-content !important;
        height: 100% !important;
        transform: translateX(0);
        transform: translate3d(0px, 70px, 10px);
        background: white !important;
        box-shadow: rgb(0 0 0 / 0%) 0px 14px 28px, rgb(0 0 0 / 9%) 0px 10px 10px;
    }

    #view {
        margin: 0 !important;
        position: fixed !important;
        width: 100vw !important;
        transform: translateX(0rem) !important;
        padding: 0px !important;
    }

    header {
        margin-top: 0;
        width: 100vw !important;
        border-radius: 0px !important;
        top: 0 !important;
        left: 0 !important;
        transform: translateX(0rem) !important;
        gap: 0.5rem;
    }

}
@media (min-width: 1025px) {
    .show-sidebar {
        visibility: hidden;
        display: none !important;
    }

    .show-sidebar>img {
        visibility: hidden;
    }
}
@media only screen and (min-width: 1025px) {
    #view {
        padding-right: 40px;
        padding-left: 40px;
        left: 20.1rem;
    }
}
@media (min-width: 1280px) {
    .show-sidebar>img {
        height: 40px;
        border-radius: 100px;
        cursor: pointer;
    }

    header .show-sidebar {
        display: none !important;
    }

}
@media only screen and (min-device-width:325px) and (max-device-width:768px) {
    .course-presentation__infos {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .multiline {
        overflow: hidden;
    }

    a.btn:hover {
        transform: translateY(-5px) !important;
    }

    .column {
        width: calc(100% - 2rem) !important;
    }

    .btn--header {
        padding: 0 0.2rem !important;
    }
}
@media only screen and (min-device-width:320px) and (max-device-width:1024px) {
    section {
        overflow: scroll;
        height: 100vh;
    }

}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    section {
        overflow: scroll;
        height: 100vh;
    }

    .slide {
        margin: 2rem 0px 2.5rem !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {

    header .header__item.course .course__name {
        font-size: 20px !important;
    }

    .show-sidebar>img {
        height: 40px;
        border-radius: 100px;
        cursor: pointer;
    }
}
/* Escritorios y laptops grandes */
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
    .header__item.course {
        z-index: -1;
        width: 80% !important;
        display: flex;
    }
}
/* Escritorios y laptops muy grandes 
@media only screen and (min-width: 1440px) and (max-width: 1919px) {
}
*/
/* Escritorios y laptops extremadamente grandes 
@media only screen and (min-width: 1920px) {
}
*/
/*==== fin custom css ===*/
/*==== ===== ===*/
html {
    font-family: 'Circular Std Book' !important;
    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: 'Circular Std Book';
    font-size: 1em
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
a:active,
a:hover {
    outline-width: 0
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}
b,
strong {
    font-weight: inherit;
    font-weight: bolder
}
code,
kbd,
samp {
    font-family: 'Circular Std Book';
    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: 'Circular Std Book';
    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: white;
    font-family: 'Circular Std Book';
    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;
    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: 'Circular Std Book';
}
.is-visible {
    display: block !important
}
.is-hidden {
    display: none !important
}
.row {
    max-width: 100rem;
    margin-right: auto;
    margin-left: auto
}
.row:after,
.row:before {
    display: table;
    content: " "
}
.row:after {
    clear: both
}
.row.collapse>.column,
.row.collapse>.columns {
    padding-right: 0;
    padding-left: 0
}
.row .row {
    margin-right: -.625rem;
    margin-left: -.625rem
}
@media screen and (min-width:40em) {
    .row .row {
        margin-right: -1rem;
        margin-left: -1rem
    }
}
@media screen and (min-width:64em) {
    .row .row {
        margin-right: -1rem;
        margin-left: -1rem
    }
}
.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}
.row.expanded {
    max-width: none
}
.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}
.row:not(.expanded) .row {
    max-width: none
}
.row.gutter-small>.column,
.row.gutter-small>.columns {
    padding-right: .625rem;
    padding-left: .625rem
}
.row.gutter-medium>.column,
.row.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: 'Circular Std Book';
    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: #080d38;
}
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: 'Circular Std Book';
    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;
    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] {
    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;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 2px;
    background-color: #fefefe;
    font-family: inherit;
    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: 'Circular Std Book';
}
.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: 10 !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: 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
}
.multiline {
    white-space: pre-line;
    margin-bottom: 1rem;
}
.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
}
@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
}
.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"
}
.sg-pattern-example {
    position: relative
}
.sg-pattern-example #sidebar,
.sg-pattern-example #view,
.sg-pattern-example header {
    position: absolute !important
}
#footer {
    background: #fff;
    padding-bottom: 2rem
}
#footer .footer__content {
    max-width: 1024px;
    margin: auto;
    width: calc(100% - 6rem)
}
@media only screen and (max-width:425px) {
    #footer .footer__content {
        width: calc(100% - 2rem)
    }
}
#sidebar {
    width: 20rem;
    left: 0;
    overflow: scroll;
    top: 70px;
    bottom: 0;
    position: absolute;
}
#sidebar .sidebar__course-content {
    height: 100%
}
#view {
    left: 20rem;
    right: 0;
    overflow: auto;
    bottom: 0;
    top: 70px;
    position: fixed;
    transition: all .5s ease;
    padding-right: 120px;
    padding-left: 40px;
    left: 0
}
@media only screen and (min-width:320px) {
    #view {
        left: 0;
        padding-right: 0;
        padding-left: 0;
    }
}
@media only screen and (min-width:1024px) {
    #view {

        padding-right: 40px;
        padding-left: 40px;
        margin-top: 0rem;
        border-radius: 30px 30px 0px 0px;
        box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.14) !important;
    }
}
@media only screen and (min-width:1025px) {
    #view {
        left: 20.1rem
    }
}
#view.js-active {
    left: 0
}
.slide {
    background: #fff;
    padding: 3rem;
    margin: auto;
    margin-top: 4rem;
    margin-bottom: 4rem;
    position: relative;
    transition: all .5s ease
}
@media only screen and (min-width:320px) {
    .slide {
        margin: 1rem 24px .5rem;
        padding: 2rem 1rem 1rem;
        width: calc(100% - 48px);
    }
}
@media only screen and (min-width:768px) {
    .slide {
        width: calc(100% - 60px);
        padding: 5rem 3rem !important;
    }
}
.slide.js-active {
    max-width: 80%
}
.slide_exercise {
    background-color: hsla(0, 0%, 100%, .3);
    padding: 3.875rem 3.75rem
}
.slide_question,
.slide_scorm {
    padding: 0
}
.slide__navigation button {
    position: absolute;
    top: 45px;
    width: 1.875rem;
    background-color: #d7e3f6;
    height: 60px;
    color: #080d38
}
@media only screen and (max-width:425px) {
    .slide__navigation button {
        width: 1.5rem
    }
}
.slide__navigation .previous {
    left: -1.875rem
}
@media only screen and (max-width:425px) {
    .slide__navigation .previous {
        left: -1.5rem
    }
}
.slide__navigation .previous:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_left_arrow_deepblue.svg) no-repeat 50%
}
.slide__navigation .next {
    right: -1.875rem
}
@media only screen and (max-width:425px) {
    .slide__navigation .next {
        right: -1.5rem
    }
}
.slide__navigation .next:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_right_arrow_deepblue.svg) no-repeat 50%
}
@font-face {
    font-family: myskillcamp-icon;
    src: url(https://static.myskillcamp.com/lxp/fonts/icons/myskillcamp-icon.eot?44283844);
    src: url(https://static.myskillcamp.com/lxp/fonts/icons/myskillcamp-icon.eot?44283844#iefix) format("embedded-opentype"), url(https://static.myskillcamp.com/lxp/fonts/icons/myskillcamp-icon.woff2?44283844) format("woff2"), url(https://static.myskillcamp.com/lxp/fonts/icons/myskillcamp-icon.woff?44283844) format("woff"), url(https://static.myskillcamp.com/lxp/fonts/icons/myskillcamp-icon.ttf?44283844) format("truetype"), url(https://static.myskillcamp.com/lxp/fonts/icons/myskillcamp-icon.svg?44283844#myskillcamp-icon) format("svg");
    font-weight: 400;
    font-style: normal
}
.icon {
    font-family: myskillcamp-icon;
    font-style: normal;
    font-weight: 400;
    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-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-old: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"
}
/*tablero*/
.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-camp-1: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-arrow-outline:before {
    content: "\e8aa"
}
.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-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"
}
/*tag*/
.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"
}
.icon-project:before {
    content: "\e877"
}
.icon-event:before {
    content: "\e843"
}
.icon-exercise:before {
    content: "\e84c"
}
.icon-media:before {
    content: "\e909"
}
.icon-media2:before {
    content: "\e829"
}
.icon-media-filled:before {
    content: "\e801"
}
.icon-cheatsheet:before {
    content: "\e8f0"
}
.icon-exchange:before {
    content: "\e8ad"
}
.icon-scorm-cloud:before,
.icon-scorm:before {
    content: "\e899"
}
.icon-certificate:before {
    content: "\e83e"
}
.chart {
    position: relative
}
figcaption {
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    color: #305556;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px
}
.chart-average {
    width: 170px;
    height: 170px;
    margin: 0;
    position: relative
}
.chart-average.animate svg .circle-foreground {
    animation: b 1s ease-in-out forwards;
    animation-delay: .5s
}
.chart-average svg {
    width: 100%;
    height: 100%
}
.chart-average svg .circle-background,
.chart-average svg .circle-foreground {
    r: 80px;
    cx: 50%;
    cy: 50%;
    fill: none;
    stroke: rgba(92, 106, 176, .4);
    stroke-width: 10px
}
.chart-average svg .circle-foreground {
    stroke: #5c6ab0;
    stroke-dasharray: 376.8px 502.4px;
    stroke-dashoffset: 376.8px;
    stroke-linecap: round;
    transform-origin: 50% 50%;
    transform: rotate(-90deg)
}
.chart-progress {
    width: 170px;
    height: 170px;
    margin: 0;
    position: relative
}
.chart-progress.animate svg .circle-foreground {
    animation: b 1s ease-in-out forwards;
    animation-delay: .5s
}
.chart-progress svg {
    width: 100%;
    height: 100%
}
.chart-progress svg .circle-background,
.chart-progress svg .circle-foreground {
    r: 80px;
    cx: 50%;
    cy: 50%;
    fill: none;
    stroke: rgba(76, 119, 255, .4);
    stroke-width: 10px
}
.chart-progress svg .circle-foreground {
    stroke: #4c77ff;
    stroke-dasharray: 301.44px 502.4px;
    stroke-dashoffset: 301.44px;
    stroke-linecap: round;
    transform-origin: 50% 50%;
    transform: rotate(-90deg)
}
.chart-average-min {
    width: 60px;
    height: 60px;
    margin: 0;
    position: relative
}
.chart-average-min.animate svg .circle-foreground {
    animation: b 3s ease-in-out forwards;
    animation-delay: 1s
}
.chart-average-min svg {
    width: 100%;
    height: 100%
}
.chart-average-min svg .circle-background,
.chart-average-min svg .circle-foreground {
    r: 27px;
    cx: 50%;
    cy: 50%;
    fill: none;
    stroke: rgba(92, 106, 176, .4);
    stroke-width: 6px
}
.chart-average-min svg .circle-foreground {
    stroke: #5c6ab0;
    stroke-dasharray: 84.78px 169.56px;
    stroke-dashoffset: 84.78px;
    stroke-linecap: round;
    transform-origin: 50% 50%;
    transform: rotate(-90deg)
}
.chart-average-extra-min {
    width: 40px;
    height: 40px;
    margin: 0;
    position: relative
}
.chart-average-extra-min.animate svg .circle-foreground {
    animation: b 3s ease-in-out forwards;
    animation-delay: 1s
}
.chart-average-extra-min svg {
    width: 100%;
    height: 100%
}
.chart-average-extra-min svg .circle-background,
.chart-average-extra-min svg .circle-foreground {
    r: 18px;
    cx: 50%;
    cy: 50%;
    fill: none;
    stroke: hsla(9, 78%, 69%, .4);
    stroke-width: 4px
}
.chart-average-extra-min svg .circle-foreground {
    stroke: #ed8371;
    stroke-dasharray: 84.78px 113.04px;
    stroke-dashoffset: 84.78px;
    stroke-linecap: round;
    transform-origin: 50% 50%;
    transform: rotate(-90deg)
}
.chart-average-med {
    width: 62px;
    height: 62px;
    margin: 0;
    position: relative
}
.chart-average-med.animate svg .circle-foreground {
    animation: b 3s ease-in-out forwards;
    animation-delay: 1s
}
.chart-average-med svg {
    width: 100%;
    height: 100%
}
.chart-average-med svg .circle-background,
.chart-average-med svg .circle-foreground {
    r: 28px;
    cx: 50%;
    cy: 50%;
    fill: none;
    stroke: hsla(9, 78%, 69%, .4);
    stroke-width: 6px
}
.chart-average-med svg .circle-foreground {
    stroke: #ed8371;
    stroke-dasharray: 131.88px 175.84px;
    stroke-dashoffset: 131.88px;
    stroke-linecap: round;
    transform-origin: 50% 50%;
    transform: rotate(-90deg)
}
.chart-average-med-2 {
    width: 62px;
    height: 62px;
    margin: 0;
    position: relative
}
.chart-average-med-2.animate svg .circle-foreground {
    animation: b 3s ease-in-out forwards;
    animation-delay: 1s
}
.chart-average-med-2 svg {
    width: 100%;
    height: 100%
}
.chart-average-med-2 svg .circle-background,
.chart-average-med-2 svg .circle-foreground {
    r: 28px;
    cx: 50%;
    cy: 50%;
    fill: none;
    stroke: rgba(124, 108, 222, .4);
    stroke-width: 6px
}
.chart-average-med-2 svg .circle-foreground {
    stroke: #7c6cde;
    stroke-dasharray: 131.88px 175.84px;
    stroke-dashoffset: 131.88px;
    stroke-linecap: round;
    transform-origin: 50% 50%;
    transform: rotate(-90deg)
}
@keyframes b {
    to {
        stroke-dashoffset: 0
    }
}
.chart-average-extra-min figcaption {
    font-size: 12px;
    font-weight: 700;
    color: #ed8371
}
.dropdown {
    position: absolute;
    border-right: 1px solid rgba(175, 179, 208, .23);
    border-left: 1px solid rgba(175, 179, 208, .23);
    border-bottom: 1px solid rgba(175, 179, 208, .23);
    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: 13
}
.dropdown__section {
    padding: 15px 15px 15px 81px;
    top: 34px;
    left: 0;
    width: 100%
}
.dropdown__section ul {
    max-height: 188px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    list-style-type: none
}
.dropdown__section li {
    display: flex;
    justify-content: space-between;
    align-items: center
}
.dropdown__section li:last-child {
    background-color: transparent;
    padding-bottom: 0
}
.select {
    position: relative;
    height: 50px;
    width: 100%;
    background: #fff;
    margin: 0;
    padding: 16px 16px 22px 10px;
    border-bottom: 1px solid rgba(151, 155, 183, .3);
    color: #979bb7;
    font-size: .875rem;
    display: flex;
    align-items: center;
    cursor: pointer
}
.select:after {
    font-family: myskillcamp-icon;
    display: inline-block;
    content: "\e825";
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
    color: #5b70ff;
    cursor: pointer
}
.select.active .dropdown {
    display: block
}
.select.active:after {
    transform: rotate(180deg)
}
.tooltip:before {
    opacity: 0;
    position: absolute;
    content: attr(data-tooltip);
    padding: 6px 10px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: #020d38;
    color: #fff;
    white-space: nowrap;
    z-index: 2;
    border-radius: 3px;
    font-size: 12px;
    transition: opacity .2s cubic-bezier(.64, .09, .08, 1), transform .2s cubic-bezier(.64, .09, .08, 1)
}
.tooltip:hover:before {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0)
}
.tooltip--white:after {
    top: 4px;
    padding: 6px 15px;
    color: #000;
    background: #fff;
    box-shadow: 0 2px 41px rgba(0, 0, 0, .2)
}
.tooltip--white:before {
    background-color: #fff
}
.tooltip--left:before {
    top: 50%;
    left: -100%
}
.tooltip--left:before,
.tooltip--left:hover:before {
    transform: translateX(-80%) translateY(-50%)
}
.tooltip--right:after {
    transform: translateX(12%) translateY(0)
}
.tooltip--right:hover:after {
    transform: translateX(10%) translateY(0)
}
.tooltip--triangle {
    font-size: 11px
}
.tooltip--triangle: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: 6px 15px;
    transition: opacity .2s cubic-bezier(.64, .09, .08, 1), transform .2s cubic-bezier(.64, .09, .08, 1)
}
.tooltip--triangle:before {
    content: "";
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    background-color: #020d38;
    border-radius: 30%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 1.15em;
    left: calc(50% - 3px);
    transition: opacity .2s ease;
    z-index: 3
}
.tooltip--triangle:hover:after,
.tooltip--triangle:hover:before {
    display: block;
    opacity: 1;
    visibility: visible
}
.tooltip--triangle--left:before {
    content: "";
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    background-color: -white;
    border-radius: 30%;
    position: absolute;
    top: calc(50% - 3px);
    left: 50px;
    transition: opacity .2s ease;
    z-index: 3
}
.tooltiparrowright {
    display: none;
    align-items: center;
    justify-content: center;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: purple;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: calc(50% - 7px);
    right: -7px;
    z-index: 6
}
.tooltip--right:after,
.tooltip--right:before {
    bottom: auto;
    top: 6px;
    left: 100%
}
.tooltip--right:before {
    margin-bottom: 0;
    margin-left: -12px
}
.tooltip--right:focus:after,
.tooltip--right:focus:before,
.tooltip--right:hover:after,
.tooltip--right:hover:before {
    transform: translateX(12px)
}
.alert {
    padding: .5rem 1.25rem;
    border-radius: 2px;
    position: fixed;
    right: .5rem;
    top: calc(70px + .5rem);
    left: 20.5rem;
    z-index: 11
}
.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)
}
.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1 !important;
}
.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: #080d38;
    display: none;
    border-radius: 4px;
    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;
    top: 0;
    transform: translateY(-25%);
    font-family: Assistant, sans-serif
}
.tooltip.open-tooltip .tooltip__content,
.tooltip:hover .tooltip__content {
    display: block
}
.tooltip.tooltip_position_right .tooltip__content {
    right: 0;
    left: calc(100% + 1rem)
}
.tooltip.tooltip_position_bottom .tooltip__content {
    top: calc(100% + .5rem);
    right: 50%;
    transform: translateX(50%)
}
.tooltip.tooltip_position_bottom .tooltip__content:before {
    content: "";
    display: block;
    border: 10px solid transparent;
    border-bottom-color: #080d38;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%)
}
.check-document {
    width: 11.25rem;
    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
}
.check-document.add {
    background-color: #f4f7fb
}
.check-document.add:hover {
    background-color: #e1e9f4
}
.check-document img {
    width: 15px;
    margin-left: .5rem
}
.check-document img:hover {
    transform: scale(1.03)
}
.check-document:hover {
    transform: scale(1.03);
    background-color: #c2d4f1
}
.check-document: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
}
.check-document.check .interior {
    text-align: left;
    line-height: 1.2;
    margin-left: .25rem
}
.check-document.check .interior .document-name {
    color: #9ab3dc;
    font-size: 12px
}
.button-add-document {
    margin-top: 1rem
}
.btn,
a.btn,
button.btn {
    transform: scale(1);
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    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: 'Circular Std Bold' !important;
    font-family: GT-Walsheim-Bold, arial, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    color: #fff !important;
    line-height: 1.35;
    font-style: normal;
    min-width: 13rem;
    max-width: 100vw;
    background: #5b70ff;
    border: none;
    box-shadow: unset;
}
.btn_width_full,
a.btn_width_full,
button.btn_width_full {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem
}
.btn_width_full+.btn_width_full,
.btn_width_full+a.btn_width_full,
.btn_width_full+button.btn_width_full,
a.btn_width_full+.btn_width_full,
a.btn_width_full+a.btn_width_full,
a.btn_width_full+button.btn_width_full,
button.btn_width_full+.btn_width_full,
button.btn_width_full+a.btn_width_full,
button.btn_width_full+button.btn_width_full {
    margin-top: 1rem
}
.btn_width_1,
a.btn_width_1,
button.btn_width_1 {
    padding-left: 1rem;
    padding-right: 1rem;
    min-width: 12rem
}
.btn_width_2,
a.btn_width_2,
button.btn_width_2 {
    padding-left: 2rem;
    padding-right: 2rem
}
@media screen and (max-width:39.9375em) {

    .btn_width-full_small,
    a.btn_width-full_small,
    button.btn_width-full_small {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .btn_width-full_small+.btn_width-full_small,
    .btn_width-full_small+a.btn_width-full_small,
    .btn_width-full_small+button.btn_width-full_small,
    a.btn_width-full_small+.btn_width-full_small,
    a.btn_width-full_small+a.btn_width-full_small,
    a.btn_width-full_small+button.btn_width-full_small,
    button.btn_width-full_small+.btn_width-full_small,
    button.btn_width-full_small+a.btn_width-full_small,
    button.btn_width-full_small+button.btn_width-full_small {
        margin-top: 1rem
    }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {

    .btn_width-full_medium,
    a.btn_width-full_medium,
    button.btn_width-full_medium {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .btn_width-full_medium+.btn_width-full_medium,
    .btn_width-full_medium+a.btn_width-full_medium,
    .btn_width-full_medium+button.btn_width-full_medium,
    a.btn_width-full_medium+.btn_width-full_medium,
    a.btn_width-full_medium+a.btn_width-full_medium,
    a.btn_width-full_medium+button.btn_width-full_medium,
    button.btn_width-full_medium+.btn_width-full_medium,
    button.btn_width-full_medium+a.btn_width-full_medium,
    button.btn_width-full_medium+button.btn_width-full_medium {
        margin-top: 1rem
    }
}
@media screen and (min-width:64em) and (max-width:74.9375em) {

    .btn_width-full_large,
    a.btn_width-full_large,
    button.btn_width-full_large {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .btn_width-full_large+.btn_width-full_large,
    .btn_width-full_large+a.btn_width-full_large,
    .btn_width-full_large+button.btn_width-full_large,
    a.btn_width-full_large+.btn_width-full_large,
    a.btn_width-full_large+a.btn_width-full_large,
    a.btn_width-full_large+button.btn_width-full_large,
    button.btn_width-full_large+.btn_width-full_large,
    button.btn_width-full_large+a.btn_width-full_large,
    button.btn_width-full_large+button.btn_width-full_large {
        margin-top: 1rem
    }
}
.btn:disabled,
.btn_disabled,
a.btn:disabled,
a.btn_disabled,
a.btn_loading,
button.btn:disabled,
button.btn_disabled,
button.btn_loading {
    opacity: .87;
    cursor: not-allowed;
    box-shadow: 0 6px 6px 0 #6c757d4d;
}
.btn:first-letter,
a.btn:first-letter,
button.btn:first-letter {
    text-transform: uppercase
}
.btn:hover,
.btn_active,
a.btn:hover,
a.btn_active,
button.btn:hover,
button.btn_active {
    background: #425aff;
    transform: scale(1.05)
}
.btn_color_white,
a.btn_color_white,
button.btn_color_white {
    background: #fff;
    color: #080d38
}
.btn_color_white:hover,
.btn_color_white_active,
a.btn_color_white:hover,
a.btn_color_white_active,
button.btn_color_white:hover,
button.btn_color_white_active {
    background: #f2f2f2;
    transform: scale(1.05)
}
.btn_color_dark,
a.btn_color_dark,
button.btn_color_dark {
    background: #424667;
    color: #fff
}
.btn_color_dark:hover,
.btn_color_dark_active,
a.btn_color_dark:hover,
a.btn_color_dark_active,
button.btn_color_dark:hover,
button.btn_color_dark_active {
    background: #383b57;
    transform: scale(1.05)
}
.btn_color_red,
a.btn_color_red,
button.btn_color_red {
    background: #f85556;
    color: #fff
}
.btn_color_red:hover,
.btn_color_red_active,
a.btn_color_red:hover,
a.btn_color_red_active,
button.btn_color_red:hover,
button.btn_color_red_active {
    background: #f73d3e;
    transform: scale(1.05)
}
.btn_color_grey,
a.btn_color_grey,
button.btn_color_grey {
    background: #9ab3dc;
    color: #fff
}
.btn_color_grey:hover,
.btn_color_grey_active,
a.btn_color_grey:hover,
a.btn_color_grey_active,
button.btn_color_grey:hover,
button.btn_color_grey_active {
    background: #87a5d5;
    transform: scale(1.05)
}
@media screen and (max-width:39.9375em) {

    .btn,
    a.btn,
    button.btn {
        display: block;
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
        min-width: auto
    }
}
@media only screen and (min-width:320px) {

    .btn.hint__trigger,
    a.btn.hint__trigger,
    button.btn.hint__trigger {
        width: auto;
        position: relative;
        top: -12px;
        right: 0;
        margin-left: auto;
        margin-right: 0;
        color: white;
    }
}
@media only screen and (min-width:768px) {

    .btn.hint__trigger,
    a.btn.hint__trigger,
    button.btn.hint__trigger {
        width: auto;
        color: white;
        font-size: 0.7rem;
        display: flex;
        top: 0;
        justify-content: flex-end;
    }
}
.btn_height_small,
a.btn_flat,
a.btn_height_small,
button.btn_flat,
button.btn_height_small {
    padding-top: .8rem;
    padding-bottom: .8rem;
    min-width: auto;
    font-size: .875rem;
    width: 30%;
    overflow: hidden;
}
a.btn.btn_color_grey.btn_height_small {
    width: 50%;
    margin: 15px 0px;
}
.btn_height_medium,
a.btn_height_medium,
button.btn_height_medium {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    min-width: auto;
    font-size: 1rem;
    line-height: 1rem
}
a.btn_loading,
button.btn_loading {
    pointer-events: none
}
.btn_margin-top_1,
a.btn_margin-top_1,
button.btn_margin-top_1 {
    margin-top: 1rem
}
.btn_margin-top_2,
a.btn_margin-top_2,
button.btn_margin-top_2 {
    margin-top: 2rem
}
.btn_icon>span,
a.btn_icon>span,
button.btn_icon>span {
    position: relative
}
.btn_icon>span .icon,
.btn_icon>span i,
.btn_icon>span img,
a.btn_icon>span .icon,
a.btn_icon>span i,
a.btn_icon>span img,
button.btn_icon>span .icon,
button.btn_icon>span i,
button.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,
    a.btn_icon>span .icon,
    a.btn_icon>span i,
    a.btn_icon>span img,
    button.btn_icon>span .icon,
    button.btn_icon>span i,
    button.btn_icon>span img {
        right: calc(100% + 2rem)
    }
}
a.btn_flat,
button.btn_flat {
    position: relative;
    background: transparent;
    color: #000;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    text-align: left;
    font-size: 1rem;
    line-height: 1.5;
    transition: all .2s ease-in-out
}
.btn_flat:after,
a.btn_flat:after,
button.btn_flat:after {
    transition: all .2s ease-in-out;
    content: "";
    position: absolute;
    bottom: 1rem;
    right: 0;
    left: 2rem;
    height: 2px;
    background: transparent
}
.btn_flat:hover,
a.btn_flat:hover,
button.btn_flat:hover {
    background: transparent;
    color: #000;
    transform: none;
    position: relative
}
.btn_flat:hover:after,
a.btn_flat:hover:after,
button.btn_flat:hover:after {
    background: #5b70ff;
    bottom: .8rem
}
.btn_flat:hover img,
a.btn_flat:hover img,
button.btn_flat:hover img {
    transform: scale(1.2)
}
.btn_flat .icon,
.btn_flat i,
.btn_flat img,
a.btn_flat .icon,
a.btn_flat i,
a.btn_flat img,
button.btn_flat .icon,
button.btn_flat i,
button.btn_flat img {
    margin-right: 1rem;
    vertical-align: sub;
    transition: all .2s ease-in-out
}
@media screen and (max-width:39.9375em) {

    a.btn_flat,
    button.btn_flat {
        padding: 1.5rem 2rem;
        background: #f3f7fa;
        text-align: center
    }

    .btn_flat:after,
    a.btn_flat:after,
    button.btn_flat:after {
        content: none
    }

    .btn_flat:hover,
    a.btn_flat:hover,
    button.btn_flat:hover {
        background: #e1ebf3;
        transform: scale(1.05)
    }
}
.btn.btn_color_blue,
a.btn.btn_color_blue,
button.btn.btn_color_blue {
    background: #5b70ff;
    color: #f3f7fa
}
.btn.btn_color_blue:hover,
.btn.btn_color_blue_active,
a.btn.btn_color_blue:hover,
a.btn.btn_color_blue_active,
button.btn.btn_color_blue:hover,
button.btn.btn_color_blue_active {
    background: #425aff;
    transform: scale(1.05)
}
.btn.btn_color_red,
a.btn.btn_color_red,
button.btn.btn_color_red {
    background: #f85656;
    color: #f3f7fa
}
.btn.btn_color_red:hover,
.btn.btn_color_red_active,
a.btn.btn_color_red:hover,
a.btn.btn_color_red_active,
button.btn.btn_color_red:hover,
button.btn.btn_color_red_active {
    background: #f73e3e;
    transform: scale(1.05)
}
/*
.btn.btn_color_grey,
a.btn.btn_color_grey,
button.btn.btn_color_grey {
    box-shadow: 0 6px 13px 0 rgba(154, 179, 220, .48)
}
*/
.btn.btn_color_deep-blue,
a.btn.btn_color_deep-blue,
button.btn.btn_color_deep-blue {
    background: #080d38;
    color: #f3f7fa
}
.btn.btn_color_deep-blue:hover,
.btn.btn_color_deep-blue_active,
a.btn.btn_color_deep-blue:hover,
a.btn.btn_color_deep-blue_active,
button.btn.btn_color_deep-blue:hover,
button.btn.btn_color_deep-blue_active {
    background: #050822;
    transform: scale(1.05)
}
.btn.btn_color_blue-lightest,
a.btn.btn_color_blue-lightest,
button.btn.btn_color_blue-lightest {
    background: #e2ebf2;
    color: #f3f7fa
}
.btn.btn_color_blue-lightest:hover,
.btn.btn_color_blue-lightest_active,
a.btn.btn_color_blue-lightest:hover,
a.btn.btn_color_blue-lightest_active,
button.btn.btn_color_blue-lightest:hover,
button.btn.btn_color_blue-lightest_active {
    background: #d0dfea;
    transform: scale(1.05)
}
.btn.btn_color_blue-lightest-2,
a.btn.btn_color_blue-lightest-2,
button.btn.btn_color_blue-lightest-2 {
    background: #e2ebf2;
    color: #000
}
.btn.btn_color_blue-lightest-2:hover,
.btn.btn_color_blue-lightest-2_active,
a.btn.btn_color_blue-lightest-2:hover,
a.btn.btn_color_blue-lightest-2_active,
button.btn.btn_color_blue-lightest-2:hover,
button.btn.btn_color_blue-lightest-2_active {
    background: #d0dfea;
    transform: scale(1.05)
}
.btn.btn-action-download,
a.btn.btn-action-download,
button.btn.btn-action-download {
    background-color: #9ab3dc;
    height: 2.25rem;
    width: 2.25rem;
    text-align: center;
    border-radius: 50%;
    position: relative;
    transition: all .2s ease-in-out
}
.btn.btn-action-download:before,
a.btn.btn-action-download:before,
button.btn.btn-action-download:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_upload.svg) 50% no-repeat;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-size: 16px
}
.btn.btn-action_preview:before,
a.btn.btn-action_preview:before,
button.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,
a.btn.btn-action_edit:before,
button.btn.btn-action_edit:before {
    width: 25px;
    height: 25px;
    content: "";
    display: block;
    background-size: 100%;
    float: left;
    background-repeat: no-repeat
}
.btn.btn-action_delete:before,
a.btn.btn-action_delete:before,
button.btn.btn-action_delete:before {
    width: 25px;
    height: 25px;
    content: "";
    display: block;
    background-size: 100%;
    float: left;
    background-repeat: no-repeat
}
.btn.btn-action_search:before,
a.btn.btn-action_search:before,
button.btn.btn-action_search:before {
    width: 25px;
    height: 25px;
    content: "";
    display: block;
    background-size: 100%;
    float: left;
    background-repeat: no-repeat
}
.btn.btn-action_help,
a.btn.btn-action_help,
button.btn.btn-action_help {
    padding: 1rem 0
}
.btn.btn-action_close,
a.btn.btn-action_close,
button.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,
a.btn.btn-action-mini,
button.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,
a.btn.btn-action-mini.btn-action_delete:before,
a.btn.btn-action-mini.btn-action_edit:before,
button.btn.btn-action-mini.btn-action_delete:before,
button.btn.btn-action-mini.btn-action_edit:before {
    background-position: 50%;
    height: 100%;
    width: 100%;
    background-size: 63%
}
.btn.btn-action-mini.btn-action_search:before,
a.btn.btn-action-mini.btn-action_search:before,
button.btn.btn-action-mini.btn-action_search:before {
    content: "";
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 100%;
    width: 100%;
    background-size: 63%
}
.btn--link,
a.btn--link,
button.btn--link {
    padding: 0;
    background: none;
    transform: none;
    color: #5b70ff;
    box-shadow: none
}
.btn--link span,
a.btn--link span,
button.btn--link span {
    font-family: Assistant, arial, sans-serif;
    font-weight: 400;
    color: #080d38
}
.btn--link img,
a.btn--link img,
button.btn--link img {
    margin-left: .25rem;
    transition: margin .15s ease-in-out
}
.btn--link:hover,
a.btn--link:hover,
button.btn--link:hover {
    transform: none;
    background: none
}
.btn--link:hover img,
a.btn--link:hover img,
button.btn--link:hover img {
    margin-left: .75rem
}
.btn--next,
.btn--prev,
a.btn--next,
a.btn--prev,
button.btn--next,
button.btn--prev {
    padding: 0 1rem;
    min-width: auto
}
.btn--prev,
a.btn--prev,
button.btn--prev {
    padding: 0;
    background: none;
    transform: none;
    color: #5b70ff;
    box-shadow: none;
    color: #9ab3dc
}
.btn--prev img,
a.btn--prev img,
button.btn--prev img {
    margin-right: .25rem;
    transition: margin .15s ease-in-out
}
.btn--prev:hover,
a.btn--prev:hover,
button.btn--prev:hover {
    transform: none;
    background: none
}
.btn--prev:hover img,
a.btn--prev:hover img,
button.btn--prev:hover img {
    margin-right: .75rem
}
.btn+.btn,
.btn+a.btn,
.btn+button.btn,
a.btn+.btn,
a.btn+a.btn,
a.btn+button.btn,
button.btn+.btn,
button.btn+a.btn,
button.btn+button.btn {
    margin-left: 1.25rem
}
button {
    cursor: pointer
}
.load-more {
    position: relative;
    height: 4rem;
    animation-delay: 1s;
    width: 100%;
    text-align: center
}
.load-more span {
    opacity: 1;
    transition: .2s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    white-space: nowrap
}
.load-more__button {
    transition: padding .6s ease !important;
    width: auto;
    animation-delay: 1s;
    height: 34px;
    padding: .5rem 3.8rem !important;
    box-shadow: none !important
}
.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
}
.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)
    }
}
.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: f 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 f {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}
@media only screen and (min-width:320px) {
    .btn__group {
        position: relative;
        margin: 15px 0;
        right: 0
    }

    a.btn.btn_color_grey.btn_height_small {
        width: 100%;
        margin: 15px 0;
    }
}
@media only screen and (min-width:768px) {
    .btn__group {
        margin: 15px;
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }
}
.test {
    position: absolute;
    top: 0;
    right: -10px
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: GT-Walsheim-Bold, arial, sans-serif
}
p {
    color: #424667
}
h1 {
    margin-top: 0;
    font-family: 'Circular Std Bold' !important;
    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 {
    margin-top: 0;
    font-family: 'Circular Std Bold' !important;
    font-size: 1.75rem;
    font-weight: 700;
    color: #080d38;
    line-height: 1.29;
    font-style: normal
}
@media only screen and (min-width:320px) {
    h2 {
        font-size: .75rem
    }
}
@media only screen and (min-width:768px) {
    h2 {
        font-size: 1.25rem
    }
}
@media only screen and (min-width:1024px) {
    h2 {
        font-size: 1.75rem
    }
}
h3 {
    font-size: 1.5rem;
    line-height: 1.35
}
h3,
h4 {
    margin-top: 0;
    font-family: 'Circular Std Bold' !important;
    font-weight: 700;
    color: #080d38;
    font-style: normal
}
h4 {
    font-size: 1.4rem;
    line-height: 1.4
}
h5 {
    font-size: 1.3rem;
    line-height: 1.45
}
h5,
h6 {
    margin-top: 0;
    font-family: 'Circular Std Bold' !important;
    font-weight: 700;
    color: #080d38;
    font-style: normal
}
h6 {
    font-size: 1.2rem;
    line-height: 1.5
}
.heading {
    margin-bottom: 16px;
    font-family: GT-Walsheim-Bold, arial, sans-serif
}
.heading span {
    color: #5b70ff;
    display: block;
    font-size: 14px;
    line-height: 1rem;
    margin-bottom: .625rem;
    font-weight: 700
}
@media only screen and (min-width:320px) {
    .heading span {
        font-size: 12px
    }
}
@media only screen and (min-width:768px) {
    .heading span {
        font-size: 14px
    }
}
.heading span.instruction {
    color: #9ab3dc;
    font-family: Assistant, sans-serif;
    font-weight: 400
}
.heading:after {
    content: "";
    height: 2px;
    background: #d7e3f6;
    display: block;
    width: 100%;
    max-width: 115px;
    margin-top: 1rem
}
.slide .heading {
    margin-bottom: 1rem
}
.slide .heading:after {
    content: "";
    height: 2px;
    background: #d7e3f6;
    display: none;
    width: 100%;
    max-width: 115px;
    margin-top: 1rem
}
.slide .heading_border_none:after {
    content: none
}
.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: 'Circular Std Bold' !important;
    font-weight: 700;
    display: block
}
.date__month {
    font-size: .875rem
}
.hours {
    text-align: center
}
.hours .hour {
    font-family: Assistant, sans-serif;
    font-weight: 700;
    color: #9ab3dc;
    display: inline-block
}
.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 .input-section+.input-section:before {
    content: "-"
}
.ngx-daterangepicker .cal-icon,
.ngx-daterangepicker .side-container {
    display: none
}
.ngx-daterangepicker .calendar {
    background: #fff;
    box-shadow: 0 12px 22px 0 rgba(146, 150, 181, .5);
    position: absolute;
    z-index: 9;
    width: 245px;
    display: none;
    right: 0
}
.ngx-daterangepicker .calendar.is-opened {
    display: block
}
.ngx-daterangepicker .calendar-container .controls {
    font-family: 'Circular Std Bold' !important;
    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 .day-names {
    display: none
}
.ngx-daterangepicker .calendar-container .days {
    padding: 1.5rem 1.5rem .5rem;
    display: inline-block
}
.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%
}
.card__image img {
    height: 148px
}
.pagination {
    display: block;
    margin-top: 2rem;
    text-align: center;
    clear: both
}
.pagination .pages,
.pagination .pagination_next,
.pagination .pagination_previous {
    display: inline-block;
    line-height: 2rem;
    height: 2rem;
    padding: .5rem;
    box-sizing: content-box;
    margin: 0
}
.pagination .pagination_next:before,
.pagination .pagination_previous:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 1rem;
    width: 1rem
}
.pagination .pagination_next:hover,
.pagination .pagination_previous:hover {
    cursor: pointer
}
.pagination .pagination_next:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_right_arrow_dark.svg)
}
.pagination .pagination_next:hover:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_right_arrow_blue.svg)
}
.pagination .pagination_previous:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_left_arrow_dark.svg)
}
.pagination .pagination_previous:hover:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_left_arrow_blue.svg)
}
.pagination .page {
    display: inline-block
}
.pagination .page_current {
    border-bottom: 1px solid blue;
    padding: 0 .5rem;
    font-family: 'Circular Std Bold' !important;
    font-size: 1rem;
    font-weight: 400;
    color: inherit;
    line-height: 1.5;
    font-style: normal;
    font-family: GT-Walsheim-Bold, arial, sans-serif !important
}
.pagination .page a {
    padding: 0 .5rem
}
.tag {
    background-color: #d7e3f6;
    display: inline-block;
    font-family: Assistant, sans-serif;
    font-size: .75rem;
    padding: .25rem 1rem;
    border-radius: 1rem;
    margin-top: .5rem;
    height: 30px;
    line-height: 24px;
    margin-right: .25rem
}
.nav-validation {
    text-align: center;
    margin: 0 6.75rem;
}
@media only screen and (min-width:320px) {
    .nav-validation {
        margin: 0 1.75rem
    }
}
@media only screen and (min-width:768px) {
    .nav-validation {
        margin: 0 6.75rem;
        display: flex;
        justify-content: center;
    }
}
.nav-validation span {
    display: block
}
.nav-validation .btn__description {
    margin-top: 1rem;
    display: block
}
.nav-validation__btn {
    text-align: right;
    padding: 2rem 4rem;
    display: flex;
    justify-content: space-between
}
.nav-validation__btn button:last-child {
    margin-left: auto
}
.filter {
    margin-bottom: 2rem;
    padding: 0
}
@media only screen and (max-width:425px) {
    .filter {
        padding: .5rem
    }
}
.filter__item {
    display: inline-block
}
.filter__item+.filter__item,
.filter__item+.filter__item:nth-child(3n) {
    margin-left: 2rem
}
@media only screen and (max-width:425px) {
    .filter__item+.filter__item:nth-child(3n) {
        margin-left: 0
    }
}
.filter label {
    font-size: .75rem
}
.filter_type_select label {
    margin-bottom: .625rem
}
.filter_type_search input,
.filter_type_search input:focus,
.filter_type_select select {
    background: #d7e3f6;
    border: none;
    border-radius: 2px;
    font-family: 'Circular Std Bold' !important;
    font-weight: 500;
    font-size: .75rem;
    height: 2rem;
    outline: none;
    box-shadow: none
}
.filter_type_search input::placeholder {
    color: #080d38;
    transition: all .4s ease-in
}
.filter_type_search input:focus::placeholder {
    color: #9ab3dc
}
@media only screen and (max-width:425px) {
    .tabs .tab__nav {
        display: flex
    }
}
.tabs .tab__nav .tab__item {
    padding: 1.625rem 3rem;
    display: inline-block;
    font-family: 'Circular Std Bold' !important;
    color: #080d38;
    font-weight: 700;
    cursor: pointer
}
@media only screen and (max-width:425px) {
    .tabs .tab__nav .tab__item {
        text-align: center
    }
}
@media only screen and (max-width:375px) {
    .tabs .tab__nav .tab__item {
        padding: 2rem
    }
}
@media only screen and (max-width:320px) {
    .tabs .tab__nav .tab__item {
        padding: 1rem
    }
}
.tabs .tab__nav .tab__item:hover {
    color: #5b70ff
}
.tabs .tab__nav .tab__item_image {
    padding-left: 0
}
.tabs .tab__nav .tab__item_image img {
    margin-right: .875rem
}
.tabs .tab__nav .tab__item_active {
    position: relative
}
.tabs .tab__nav .tab__item_active:after {
    content: "";
    position: absolute;
    height: 4px;
    background-color: #5b70ff;
    left: 0;
    bottom: -3px;
    right: 0
}
.tabs .tab__nav .tab__item+.tab__item {
    margin-left: 3rem
}
@media only screen and (max-width:425px) {
    .tabs .tab__nav .tab__item+.tab__item {
        margin: 0 auto
    }
    msc-note-detail div:first-child {
        display: flex
    }
}
.card {
    background: #fff;
    padding: 40px 80px;
    text-align: center
}
@media only screen and (min-width:320px) {
    .card {
        padding: .5rem
    }
}
@media only screen and (min-width:768px) {
    .card {
        padding: 40px 80px
    }
}
.card__image {
    height: 148px;
    margin-top: 0;
    margin-bottom: 2rem
}
@media only screen and (max-width:425px) {
    .card__image {
        margin-top: 1rem;
        margin-bottom: 2rem;
        height: 100px
    }

    .card__image img {
        height: 100px
    }
}
.card__title {
    color: #080d38;
    font-family: 'Circular Std Bold' !important;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 1rem
}
.card__text {
    margin-bottom: 1.5rem;
    color: #424667
}
.card__text p {
    font-family: 'Circular Std Black';
    color: #080d38
}
form .input {
    margin-bottom: 1.5rem
}
div.input,
label.input {
    color: #080d38;
    font-weight: 600
}
div.input [type=email],
div.input [type=password],
div.input [type=text],
div.input [type=url],
label.input [type=email],
label.input [type=password],
label.input [type=text],
label.input [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 [type=email]:hover,
div.input [type=password]:hover,
div.input [type=text]:hover,
div.input [type=url]:hover,
label.input [type=email]:hover,
label.input [type=password]:hover,
label.input [type=text]:hover,
label.input [type=url]:hover {
    transition: .2s ease;
    background-color: #c2d4f1
}
div.input [type=email]:focus,
div.input [type=password]:focus,
div.input [type=text]:focus,
div.input [type=url]:focus,
label.input [type=email]:focus,
label.input [type=password]:focus,
label.input [type=text]:focus,
label.input [type=url]:focus {
    border: none;
    background-color: #d7e3f6;
    box-shadow: none
}
div.input [type=email]::placeholder,
div.input [type=password]::placeholder,
div.input [type=text]::placeholder,
div.input [type=url]::placeholder,
label.input [type=email]::placeholder,
label.input [type=password]::placeholder,
label.input [type=text]::placeholder,
label.input [type=url]::placeholder {
    color: #9ab3dc;
    font-family: Assistant, sans-serif
}
div.input textarea,
label.input textarea {
    background-color: #d7e3f6;
    border-radius: 4px;
    border: none;
    box-shadow: none;
    transition: .2s ease;
    resize: none;
    padding-left: 1rem
}
div.input textarea:hover,
label.input textarea:hover {
    transition: .2s ease;
    background-color: #c2d4f1
}
div.input textarea:focus,
label.input textarea:focus {
    border: none;
    background-color: #d7e3f6;
    box-shadow: none
}
div.input textarea::placeholder,
label.input textarea::placeholder {
    color: #9ab3dc;
    font-family: Assistant, sans-serif
}
div.input select,
label.input 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 select:hover,
label.input select:hover {
    transition: .2s ease;
    background-color: #c2d4f1
}
div.input select:focus,
label.input select:focus {
    border: none;
    background-color: #d7e3f6;
    box-shadow: none
}
div.input select::placeholder,
label.input select::placeholder {
    color: #9ab3dc;
    font-family: Assistant, sans-serif
}
div.input .input-select,
label.input .input-select {
    appearance: none;
    background-color: transparent;
    background-image: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_bottom_arrow_flashblue.svg);
    background-size: 10px 6px;
    cursor: pointer
}
div.input .input-checkbox,
label.input .input-checkbox {
    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 .input-checkbox[disabled],
label.input .input-checkbox[disabled] {
    background-color: #e6e6e6;
    cursor: not-allowed
}
div.input .input-checkbox:not([disabled]):hover,
label.input .input-checkbox:not([disabled]):hover {
    background-color: #adc6ed
}
div.input .input-checkbox:checked,
div.input .input-checkbox:checked:hover,
label.input .input-checkbox:checked,
label.input .input-checkbox:checked:hover {
    background: #5b70ff url(https://static.myskillcamp.com/images/icon/icon-camp/icon_valid_active.svg) no-repeat 50%
}
div.input .input-radio,
label.input .input-radio {
    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 .input-radio[disabled],
label.input .input-radio[disabled] {
    background-color: #e6e6e6;
    cursor: not-allowed
}
div.input .input-radio:not([disabled]):hover,
label.input .input-radio:not([disabled]):hover {
    background-color: #adc6ed
}
div.input .input-radio:checked,
div.input .input-radio:checked:hover,
label.input .input-radio:checked,
label.input .input-radio:checked:hover {
    background-color: #fff;
    border: 5px solid #5b70ff
}
div.input .input-radiobox,
label.input .input-radiobox {
    appearance: none;
    margin-right: .5rem;
    position: relative;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    transition: .2s linear;
    background-color: #d7e3f6;
    outline: none;
    padding: 0 !important;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: text-bottom;
    background-position: 50%
}
div.input .input-radiobox[disabled],
label.input .input-radiobox[disabled] {
    background-color: #e6e6e6;
    cursor: not-allowed
}
div.input .input-radiobox:not([disabled]):hover,
label.input .input-radiobox:not([disabled]):hover {
    background-color: #adc6ed
}
div.input .input-radiobox:checked,
div.input .input-radiobox:checked:hover,
label.input .input-radiobox:checked,
label.input .input-radiobox:checked:hover {
    background: #5b70ff url(https://static.myskillcamp.com/images/icon/icon-camp/icon_valid_active.svg) no-repeat 50%;
    background-size: 6px
}
input[type=checkbox].ios8-switch {
    position: absolute;
    margin: 8px 0 0 16px
}
input[type=checkbox].ios8-switch+label {
    position: relative;
    padding: 15px 0 0 50px;
    line-height: 2em
}
input[type=checkbox].ios8-switch+label:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 1px;
    width: 40px;
    height: 22px;
    border-radius: 16px;
    background: #d7e3f6;
    transition: all .3s
}
input[type=checkbox].ios8-switch+label:after {
    content: "";
    position: absolute;
    display: block;
    left: 4px;
    top: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(101, 125, 143, .57);
    transition: all .3s
}
input[type=checkbox].ios8-switch+label:hover:after {
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}
input[type=checkbox].ios8-switch:checked+label:after {
    margin-left: 16px
}
input[type=checkbox].ios8-switch:checked+label:before {
    background: #31da8c
}
.search {
    display: flex;
    align-items: center
}
.search i {
    color: #5b70ff;
    margin-right: .5rem
}
.search input {
    margin: 0;
    transition: all .2s ease;
    font-weight: 600;
    border: none;
    box-shadow: none
}
.search input::placeholder {
    color: rgba(9, 10, 42, .4)
}
.search input:focus {
    box-shadow: none;
    border: none
}
.search input:focus,
.search input:hover {
    background-color: #d7e3f6
}
.table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 .75rem
}
.table tr {
    background: #f4f7fb;
    height: 5rem;
    font-size: .875rem;
    transition: .2s ease
}
.table tr td:first-child {
    padding-left: 1rem
}
.table tr td:last-child {
    padding-right: 1rem
}
.table tr td.date {
    text-align: left
}
.table tr td.date:before {
    content: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_calendar.svg);
    margin-right: .5rem
}
@media only screen and (max-width:425px) {
    .table tr td.date a {
        font-size: 12px
    }
}
.table tr td.place {
    text-align: left
}
@media only screen and (max-width:425px) {
    .table tr td.place {
        display: flex;
        flex-direction: column;
        text-align: center;
        padding-top: 10px;
        font-size: 12px
    }
}
.table tr td.place:before {
    content: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_map.svg);
    margin-right: .5rem
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {}
header .show-sidebar {
    height: 70px;
    vertical-align: top
}
@media only screen and (min-width:1280px) {
    header .show-sidebar {
        visibility: hidden;
    }
}
header .header__item {
    display: inline-block;
    vertical-align: top
}
/*
header .header__item.account {
    float: right;
    line-height: 70px;
    font-weight: 600;
    font-size: .875rem;
    -ms-flex-order: 1;
    order: 1
}*/
header .header__item.account .dropdown {
    background: transparent;
    border: none !important;
    box-shadow: unset !important;
}
/*
header .header__item.account img {
    border-radius: 50%;
    margin-right: .5rem;
    height: 40px;
    width: 40px
}*/
@media only screen and (max-width:320px) {
    header .header__item.account img {
        height: 2rem !important;
        width: 2rem !important;
        margin-right: 0 !important
    }
}
header .header__item.account .dropdown {
    display: block;
    margin-top: 0;
}
@media only screen and (max-width:1024px) {
    header .header__item.leave {
        display: none;
        width: auto
    }
}
@media only screen and (min-width:768px) {
    header .header__item.leave {
        width: 320px
    }
}
@media only screen and (max-width:1024px) {}
header .header__item .leave-player {
    margin: 15px 1rem;
    height: 40px;
    width: 40px;
    background-color: #d7e3f6;
    border-radius: 50%;
    display: block
}
header .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 .header__item.logo {
    margin-left: 1.75rem;
    margin-top: 10px
}
header .header__item.course {
    text-align: center;
    vertical-align: middle;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
@media only screen and (max-width:425px) {
    header .header__item.course {
        width: 250px
    }
}
header .header__item.course .course__name {
    font-family: 'Circular Std Bold' !important;
    line-height: 70px;
    font-size: 1.125rem
}
@media only screen and (max-width:768px) {

    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        width: calc(100% - 0rem) !important;
        height: 100% !important;
    }

    .course-presentation__img {
        width: calc(100% - 0rem) !important;
    }

    header .header__item.course .course__name {
        font-size: .75rem
    }
}
header .header__item.course .course__session {
    line-height: 70px;
    margin-left: .75rem;
    border-radius: 70px;
    background-color: #d7e3f6;
    padding: .5rem .75rem;
    font-weight: 700;
    color: #080d38;
    font-size: .875rem
}
header .header__item.course .course__session:before {
    content: "";
    width: 16px;
    height: 18px;
    display: inline-block;
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_chrono.svg) 50% no-repeat;
    margin-right: .5rem;
    background-size: 100%;
    vertical-align: text-bottom
}
header .header__item.responsive {
    margin: 0;
    padding: 0
}
header .header__item.responsive i {
    width: 2rem;
    height: 5rem;
    background-position: 50%;
    background-size: 100%;
    display: block;
    background-repeat: no-repeat
}
header .header__item.responsive .icon-screen-desktop {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_screen_desktop_default.svg)
}
header .header__item.responsive .icon-screen-tablet {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_screen_tablet_default.svg)
}
header .header__item.responsive .icon-screen-mobile {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_screen_mobile_default.svg)
}
header .header__item.responsive .responsive__size {
    color: #e2ebf2
}
header .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 .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 .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 .header__item.responsive .responsive_shortcut {
    margin-right: 2rem
}
header .header__item.responsive li {
    display: inline-block;
    line-height: 5rem;
    padding: 0 .5rem
}
header .header__item.responsive .notif_button {
    position: relative;
    width: 3rem
}
header .header__item.responsive .notif_button img {
    width: 90%
}
header .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
}
#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
}
.course-presentation {
    position: relative
}
.course-presentation .heading {
    position: relative;
    width: 100%
}
.course-presentation .heading:after {
    display: block
}
.course-presentation__description {
    margin-bottom: 2rem
}
.course-presentation__infos {
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
    z-index: 1;
    max-width: 100%;
    margin-bottom: 2.75rem
}
.course-presentation__img {
    margin-top: 2rem;
    margin-bottom: 3rem;
    padding: 0;
    background: #d7e3f6;
    height: 280px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.course-presentation__img>div {
    width: 100%
}
.course-presentation__img img {
    width: 100%;
    height: unset !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    opacity: .3
}
.course-presentation .listing__holder {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-top: -4.5rem;
    margin-right: 1.5rem;
    width: 100%;
    background: #f4f7fb
}
@media only screen and (max-width:425px) {
    .course-presentation .listing__holder {
        margin: 0 auto 1.5rem
    }
}
.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: #28a745;
}
.course-presentation .complement_infos {
    display: inline-block;
    vertical-align: top
}
.course-presentation+.heading {
    margin-top: 4rem
}
.session__score {
    margin-bottom: 1.375rem
}
.session__score .ratio {
    font-family: 'Circular Std Bold' !important;
    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: var(--secondary-200);
    height: 14px;
    border-radius: 13px;
    margin-bottom: 6px;
    display: block;
    overflow: hidden
}
.session__progress .progress-bar .progress {
    display: block;
    height: 100%;
    background-color: var(--secondary-500);
}
.session__progress .legend {
    color: #424667;
    font-size: .875rem
}
.micro-data {
    margin-bottom: 1.875rem
}
.micro-data__title {
    font-family: 'Circular Std Bold' !important;
    font-size: .875rem;
    font-weight: 700;
    color: #080d38;
    line-height: 1rem;
    font-style: normal;
    display: block
}
.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
}
.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: 8px;
    width: 8px;
    background: #9ab3dc;
    border-radius: 50%;
    display: inline-block;
    margin-right: .625rem;
    line-height: 18px;
    vertical-align: middle;
    margin-bottom: 4px;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.listing__holder .listing__item p {
    font-size: .875rem;
    line-height: 21px;
    color: #f4f7fb
}
.start-course {
    position: relative;
    float: right;
    margin-right: -3rem;
    margin-top: -2rem
}
.start-course button {
    margin: 0 auto;
    box-sizing: border-box;
    padding: 18px 0;
    overflow: hidden;
    background-color: #080d38;
    padding: 1.5rem
}
.start-course button>span {
    text-align: center;
    font-family: 'Circular Std Black';
    color: #fff;
    font-size: 16px;
    transform: translateX(-18px);
    transition: transform .4s;
    display: block
}
.start-course button>span:before {
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/arrow.svg);
    margin-right: 20px;
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity .4s, transform .2s
}
.start-course button:hover {
    cursor: pointer;
    background-color: #01041c
}
.start-course button:hover>span {
    transform: translateX(0)
}
.start-course button:hover>span:before {
    opacity: 1;
    transform: translateX(0)
}
@media only screen and (min-device-width:320px) and (max-device-width:1024px) {
    .course-presentation .listing__holder {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    }

    #view {
        position: static
    }

    #view:before {
        position: fixed;
        content: "";
        background-color: #b5b5b5ad;
        width: 100vh;
        z-index: 3;
        transition: .3s ease;
        pointer-events: none;
        opacity: 0
    }

    #view.overlay:before {
        display: block;
        opacity: 1;
        pointer-events: all;
        width: 100%
    }
}
.course-final {
    text-align: center
}
@media only screen and (max-width:425px) {
    .course-final {
        margin-top: 2rem
    }
}
@media only screen and (min-width:320px) {
    .course-final {
        margin-top: 2rem
    }
}
@media only screen and (min-width:768px) {
    .course-final {
        margin-top: 0
    }
}
.course-final h1 {
    font-size: 1.25rem;
    color: #5b70ff;
    margin-bottom: 0
}
.course-final .cheer {
    display: block;
    font-size: 1.5rem;
    color: #9ab3dc;
    margin-bottom: 3rem
}
.course-final h2 {
    margin-bottom: 1.5rem;
    font-size: 2.25rem
}
@media only screen and (max-width:425px) {
    .course-final h2 {
        font-size: 1.8rem
    }
}
@media only screen and (min-width:320px) {
    .course-final h2 {
        font-size: 1.8rem
    }
}
@media only screen and (min-width:768px) {
    .course-final h2 {
        font-size: 2.25rem
    }
}
.course-final .duration {
    font-family: Assistant, sans-serif;
    font-size: .875rem;
    margin-bottom: 4.75rem
}
.course-final .scores {
    display: inline-block;
    width: 100%
}
.course-final .score {
    border-top: 2px solid #f4f7fb;
    width: 50%;
    float: left;
    padding: 1.5rem
}
@media only screen and (max-width:425px) {
    .course-final .score {
        padding: .7rem
    }
}
@media only screen and (min-width:320px) {
    .course-final .score {
        padding: .7rem
    }
}
@media only screen and (min-width:768px) {
    .course-final .score {
        font-size: 1.5rem
    }
}
.course-final .score__ratio {
    font-family: 'Circular Std Bold' !important;
    font-size: 2rem;
    display: block;
    text-align: center;
    color: var(--secondary-900);
}
@media only screen and (max-width:375px) {
    .course-final .score__ratio {
        font-size: 1rem
    }
}
.course-final .score__title {
    font-family: 'Circular Std Book' !important;
    color: #9ab3dc;
    font-size: 1.125rem;
    font-weight: 600
}
@media only screen and (max-width:375px) {
    .course-final .score__title {
        font-size: 12px
    }
}
.course-final .score+.score {
    border-left: 2px solid #f4f7fb
}
.course-final .certificate {
    background-color: #f4f7fb;
    text-align: left;
    padding: 3rem 5rem;
    display: inline-block;
    width: 100%
}
@media only screen and (max-width:425px) {
    .course-final .certificate {
        padding: 1rem
    }
}
@media only screen and (min-width:320px) {
    .course-final .certificate {
        padding: 1rem
    }
}
@media only screen and (min-width:768px) {
    .course-final .certificate {
        padding: 3rem 5rem
    }
}
.course-final .certificate img {
    float: left;
    margin-right: 3rem;
    height: 110px
}
@media only screen and (max-width:425px) {
    .course-final .certificate img {
        margin-right: 1rem;
        height: 80px
    }
}
@media only screen and (min-width:320px) {
    .course-final .certificate img {
        margin-right: 1rem;
        height: 80px
    }
}
@media only screen and (min-width:768px) {
    .course-final .certificate img {
        margin-right: 3rem;
        height: 110px
    }
}
.course-final .certificate__text {
    font-size: 1.125rem;
    color: #424667;
    margin-bottom: 1rem
}
.course-final .certificate button {
    padding: .75rem;
    min-width: 0
}
.course-final .section {
    margin-top: 2.5rem
}
.course-final .section__title {
    color: #9ab3dc;
    font-family: 'Circular Std Bold' !important;
    font-weight: 700
}
.course-final .section .scores .score {
    border-top: 0;
    padding: .5rem 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem
}
.course-final .section .scores .score__ratio {
    font-size: 2rem
}
.course-final .section .section-content {
    margin-top: 2rem;
    text-align: left
}
.course-final .section .section-content__title {
    font-family: 'Circular Std Bold' !important;
    font-size: .875rem;
    margin-bottom: .75rem
}
.course-final .section .section-content__title:before {
    content: " \25CF";
    color: #5b70ff;
    font-size: .625rem;
    margin-right: .75rem
}
.course-final .section .section-content__stats {
    background-color: #f4f7fb;
    margin-left: -2rem;
    margin-right: -2rem;
    display: inline-block;
    width: calc(100% + 4rem)
}
@media only screen and (max-width:425px) {
    .course-final .section .section-content__stats {
        margin-left: 1rem;
        margin-right: 1rem;
        width: calc(100% - 2rem)
    }
}
@media only screen and (min-width:320px) {
    .course-final .section .section-content__stats {
        margin-left: 1rem;
        margin-right: 1rem;
        width: calc(100% - 2rem)
    }
}
@media only screen and (min-width:768px) {
    .course-final .section .section-content__stats {
        margin-left: -2rem;
        margin-right: -2rem;
        width: calc(100% + 4rem)
    }
}
.course-final .section .section-content__stats .stat {
    width: 25%;
    float: left;
    padding: 1rem 2rem;
    text-align: center
}
@media only screen and (max-width:425px) {
    .course-final .section .section-content__stats .stat {
        width: 50%;
        padding: 1rem
    }
}
@media only screen and (min-width:320px) {
    .course-final .section .section-content__stats .stat {
        width: 50%;
        padding: 1rem
    }
}
@media only screen and (min-width:768px) {
    .course-final .section .section-content__stats .stat {
        width: 25%;
        padding: 1rem 2rem
    }
}
.course-final .section .section-content__stats .stat__title {
    font-size: .75rem;
    margin-top: .25rem;
    color: #9ab3dc
}
.course-final .section .section-content__stats .stat__value {
    font-size: 1.125rem;
    font-family: GT-Walsheim-Bold, arial, sans-serif
}
.course-final .section .section-content__stats .stat__value img {
    vertical-align: baseline;
    margin-right: .25rem
}
.course-final__footer {
    margin-bottom: 3.5rem;
    text-align: right
}
.section-presentation>div {
    overflow: hidden
}
.section-presentation__description {
    margin-bottom: 2rem
}
.section-presentation__media {
    margin: auto -2.25rem
}
@media only screen and (max-width:425px) {
    .section-presentation__media {
        margin: initial
    }
}
.section-presentation__media .responsive-embed {
    margin: 0 auto
}
@media only screen and (min-width:320px) {
    .section-presentation__media .responsive-embed {
        max-width: 280px
    }
}
@media only screen and (min-width:768px) {
    .section-presentation__media .responsive-embed {
        max-width: 100%
    }
}
.sections-listing {
    margin-top: 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
    counter-reset: a
}
.sections-listing .row {
    margin: auto -5px
}
.sections-listing .row .columns {
    padding-left: 5px;
    padding-right: 5px;
    float: left
}
@media screen and (min-width:60em) {
    .sections-listing .row .columns {
        width: 50%
    }
}
@media screen and (min-width:80em) {
    .sections-listing .row .columns {
        width: 33.33333%
    }
}
.sections-listing .section {
    height: 7.5rem;
    background: #f4f7fb;
    counter-increment: a;
    padding: 2.375rem 2rem 1.25rem;
    margin-bottom: 10px;
    position: relative;
    display: block
}
.sections-listing .section:before {
    color: #5b70ff;
    line-height: 1rem;
    font-style: normal;
    content: counter(a);
    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: 'Circular Std Bold' !important;
    text-align: center;
    width: 21px;
    height: 26px
}
.sections-listing .section__title {
    font-size: .875rem;
    font-weight: 500;
    color: #080d38;
    font-family: 'Circular Std Black';
    line-height: 1.125rem;
    height: 2.25rem;
    margin-bottom: .5rem
}
.sections-listing .section__content,
.sections-listing .section__link {
    color: #424667;
    font-size: .75rem
}
.sections-listing .section__link {
    display: none
}
.sections-listing .section__link:before {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_right_arrow_flashblue.svg) no-repeat;
    margin-right: .5rem;
    display: inline-block;
    background-size: 8px;
    width: 8px;
    height: 10px
}
.sections-listing .section:hover {
    background: #d7e3f6
}
.sections-listing .section:hover .section__content {
    display: none
}
.sections-listing .section:hover .btn_action_delete,
.sections-listing .section:hover .section__link {
    display: block
}
.sections-listing .create-section {
    border: 1px dashed #d7e3f6
}
.slide_video {
    position: relative
}
.slide_video .open-fullscreen {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 2.5rem;
    width: 2.5rem;
    background-color: #d7e3f6;
    border-radius: 50%;
    z-index: 5;
    display: flex;
    cursor: pointer;
    transition: .2s ease
}
@media only screen and (max-width:425px) {
    .slide_video .open-fullscreen {
        visibility: hidden
    }
}
.slide_video .open-fullscreen:hover {
    transform: scale(1.1);
    background-color: #9ab3dc
}
.slide_video .open-fullscreen img {
    margin: auto
}
.exercise_result {
    background: #fff;
    border-radius: 2px;
    text-align: center;
    padding: 3rem !important
}
.slide.slide-result:before {
    height: 99%;
}
@media only screen and (min-width:320px) {
    .exercise_result {
        padding: .5rem !important
    }
}
@media only screen and (min-width:768px) {
    .exercise_result {
        padding: 3rem !important
    }
}
@media only screen and (min-width:320px) {
    .exercise_result h3 {
        font-size: 1rem
    }
}
@media only screen and (min-width:768px) {
    .exercise_result h3 {
        font-size: 1.5rem
    }
}
.exercise_result .result__score {
    margin: 0 auto 1.75rem;
    display: inline-block;
    position: relative
}
.exercise_result .result__score img {
    position: relative;
    z-index: 2;
    height: 120px
}
.exercise_result .result__score .score {
    position: absolute;
    right: 14px;
    bottom: 8px;
    line-height: 40px;
    z-index: 6;
    display: block;
    height: 40px;
    width: 40px
}
.exercise_result .result__score .score:after {
    content: "%";
    font-size: 10px
}
.exercise_result .ratio {
    font-size: .875rem
}
.exercise_result .questions {
    background-color: #f4f7fb;
    margin-top: 3rem;
    padding: 2rem;
    text-align: left
}
@media only screen and (min-width:320px) {
    .exercise_result .questions {
        padding: 1rem
    }
}
@media only screen and (min-width:768px) {
    .exercise_result .questions {
        padding: 2rem
    }
}
.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
}
@media only screen and (min-width:320px) {
    .exercise_result .exercise__validation .btn {
        margin: 5px 0
    }
}
@media only screen and (min-width:768px) {
    .exercise_result .exercise__validation .btn {
        margin: 0 0 0 1.25rem
    }
}
.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
}
.nav-validation__btn {
    flex-wrap: wrap
}
@media only screen and (max-width:425px) {
    .nav-validation__btn {
        flex-wrap: nowrap
    }
}
.nav-validation__btn .btn {
    margin: 0 5px
}
@media only screen and (max-width:1247px) {
    .nav-validation__btn {
        justify-content: center;
        padding-left: 0;
        padding-right: 0
    }

    .nav-validation__btn button:last-child {
        margin-left: 0
    }

    .nav-validation__btn .btn {
        margin-bottom: 1rem;
        margin-left: 0 !important
    }
}
.upload {
    border-radius: 2px;
    background-color: #fff;
    padding: 2.375rem
}
.upload .heading {
    color: #080d38;
    font-family: 'Circular Std Black';
    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: 'Circular Std Black';
    text-decoration: underline;
    margin-bottom: 10px
}
.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;
    bottom: 1rem;
    right: 1rem
}
.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: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_addimage_white.svg) no-repeat 50%
}
.media-manager .placeholder {
    padding: 1rem
}
.media-manager .placeholder__title {
    color: #080d38;
    font-size: .75rem;
    font-family: 'Circular Std Black';
    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
}
.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: 'Circular Std Black';
    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;
    width: 142px !important;
    height: auto !important
}
.media-holder_preview .embed {
    height: 100%;
    width: 100%;
    padding-bottom: 0 !important
}
.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
}
.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: 'Circular Std Black';
    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-export {
    position: relative
}
.event-export__link {
    background: #d7e3f6;
    border-radius: 4px;
    display: inline-block;
    padding: 1rem .75rem;
    color: #080d38;
    text-align: center;
    width: 10rem;
    position: absolute;
    bottom: 1rem;
    right: 0
}
@media only screen and (max-width:768px) {
    .event-export__link {
        position: static;
        margin: 20px auto;
        display: block
    }
}
.event-export__link:hover {
    color: inherit;
    background: #adc6ed
}
.event-export img {
    margin-bottom: .5rem
}
.event-export span {
    display: block;
    font-size: .75rem
}
.event-export span.event-export__title {
    font-weight: 700;
    margin-bottom: .75rem;
    line-height: 1;
    font-size: .875rem
}
.event-export__format:before {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_right_arrow_flashblue.svg) no-repeat 50%;
    width: 3px;
    background-size: 5px;
    height: 10px;
    margin-right: .5rem;
    display: inline-block
}
.event .event-presentation__infos {
    max-width: 35rem
}
.event .event-presentation__description {
    margin-bottom: 1rem
}
.event .event-presentation__description p {
    white-space: pre-wrap
}
.event .event-presentation__img {
    width: 100%;
    margin-bottom: 1.75rem;
    height: 280px;
    overflow: hidden;
    position: relative
}
.event .event-presentation__img .event__dates {
    display: none
}
.event .event-presentation__img img {
    width: 100%;
    height: unset !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    opacity: .3
}
.event .event-presentation__img .media-manager__actions {
    bottom: 14rem
}
.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__modes {
    margin-top: 2.5rem;
    margin-left: -2rem;
    margin-right: -2rem
}
.event__modes [class^=event_mode] {
    display: block;
    border: 1px dashed #9ab3dc;
    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: 'Circular Std Bold' !important;
    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__dates {
    background: #5b70ff;
    border-radius: 4px;
    padding: 1rem;
    bottom: 0
}
@media only screen and (max-width:425px) {
    .event__dates {
        margin-bottom: 20px
    }
}
.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__title:before {
    display: inline-block;
    margin-right: .25rem
}
.event .subscription__text,
.event .subscription button {
    font-size: .75rem
}
.event .subscription__button {
    margin-top: 1rem
}
.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.subscription_autovalidation_true .subscription__title:before {
    content: url(https://static.myskillcamp.com/images/studio/icons/icon_subscription_validation_auto.svg)
}
.event .subscription.subscription_autovalidation_false .subscription__title:before {
    content: url(https://static.myskillcamp.com/images/studio/icons/icon_subscription_validation_required.svg)
}
.event .subscription.subscription_validation_pending .subscription__title:before {
    content: url(https://static.myskillcamp.com/images/studio/icons/icon_subscription_sent.svg)
}
.event .subscription.subscription_validation_accepted .subscription__title:before {
    content: url(https://static.myskillcamp.com/images/studio/icons/icon_subscription_accepted.svg)
}
.event .subscription.subscription_validation_declined .subscription__title:before {
    content: url(https://static.myskillcamp.com/images/studio/icons/icon_subscription_declined.svg)
}
.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 .account__name {
    font-family: Assistant, sans-serif;
    font-weight: 400
}
.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
}
@media only screen and (max-width:425px) {
    .event .event-presentation .row:nth-child(3) {
        display: flex;
        flex-direction: column-reverse
    }
}
.question {
    background-color: #fff;
    position: relative;
    border-radius: 2px
}
.question+.question {
    margin-top: 4.5rem
}
@media only screen and (min-width:320px) {
    .question h3 {
        font-size: 1.2rem
    }
}
@media only screen and (min-width:768px) {
    .question h3 {
        font-size: 1.5rem
    }
}
.question__content {
    padding: 6rem 6.75rem 3rem
}
@media only screen and (min-width:320px) {
    .question__content {
        padding: .75rem
    }
}
@media only screen and (min-width:768px) {
    .question__content {
        padding: 6rem 6.75rem 3rem
    }
}
@media only screen and (max-width:425px) {
    .question__content__validation {
        text-align: center
    }

    .question__content__validation button {
        margin-top: 20px
    }
}
.question__content .heading {
    margin-bottom: 3rem;
    font-family: 'Circular Std Black';
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 1.75rem
}
@media only screen and (min-width:320px) {
    .question__content .heading {
        font-size: 1.25rem;
        margin-bottom: 1rem
    }
}
@media only screen and (min-width:768px) {
    .question__content .heading {
        font-size: 1.75rem;
        margin-bottom: 3rem
    }
}
@media only screen and (max-width:425px) {
    .question__content .heading {
        font-size: 1rem
    }

    .question__content .heading span {
        margin-bottom: 30px !important
    }
}
.question__content .heading:after {
    display: none
}
.question__content--media .heading {
    margin-bottom: 1.5rem
}
.question__content--media .heading:after {
    display: block
}
.question__content .question__list-style {
    counter-reset: b
}
.question__content .question__list-style_number .choice {
    counter-increment: b
}
.question__content .question__list-style_number .choice__text:before {
    content: counter(b);
    margin-right: 1rem
}
.question__content .question__list-style_letter .choice {
    counter-increment: b
}
.question__content .question__list-style_letter .choice__text:before {
    content: counter(b, lower-alpha);
    margin-right: 1rem
}
.question__content .choice {
    min-height: 3.125rem;
    border: 1px solid #d7e3f6;
    border-radius: 2px;
    background-color: #fff;
    padding: 1rem;
    cursor: pointer;
    transition: all .2s ease-in-out
}
.question__content .choice__text {
    font-family: Assistant, arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.125rem
}
@media only screen and (max-width:425px) {
    .question__content .choice__text {
        font-size: .7rem
    }
}
.question__content .choice [type=checkbox],
.question__content .choice [type=radio] {
    display: none
}
.question__content .choice+.choice {
    margin-top: .5rem
}
@media only screen and (min-width:320px) {
    .question__validation {
        margin-top: .75rem
    }
}
@media only screen and (min-width:768px) {
    .question__validation {
        margin-top: 1.75rem
    }
}
.question__head-btn {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem
}
.question__video-btn {
    font-weight: 700;
    font-size: .875rem;
    font-family: 'Circular Std Bold' !important;
    transition: color .2s
}
.question__video-btn:hover {
    color: #4b92cc
}
.question__medias {
    background-color: #d7e3f6;
    padding: 2.375rem 6.75rem 3rem;
    border-radius: 0 0 2px 2px
}
@media only screen and (min-width:320px) {
    .question__medias {
        padding: 1rem
    }
}
@media only screen and (min-width:768px) {
    .question__medias {
        padding: 2.375rem 6.75rem 3rem
    }
}
.question__medias h4 {
    font-family: 'Circular Std Black';
    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;
    width: 9rem;
    transition: all .2s ease-in-out
}
.question__medias div.medias-list__item:hover {
    cursor: pointer
}
@keyframes g {
    0% {
        bottom: 110%;
        opacity: 0;
        transform: rotate(17deg);
        visibility: hidden
    }

    to {
        visibility: visible;
        opacity: 1;
        bottom: 3rem;
        transform: rotate(0deg)
    }
}
@keyframes h {
    0% {
        visibility: visible;
        opacity: 1;
        bottom: 3rem;
        transform: rotate(0deg)
    }

    to {
        bottom: 110%;
        opacity: 0;
        transform: rotate(17deg);
        visibility: hidden
    }
}
.question .hint {
    font-family: 'Circular Std Bold' !important;
    background: rgba(215, 227, 246, 0);
    transition: background 1s cubic-bezier(0, .69, .35, 1.01)
}
.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;
    border-radius: 2px;
    left: 6.625rem;
    right: 6.625rem;
    height: calc(100% - 6rem);
    z-index: 6;
    padding: 3.75rem;
    animation: h cubic-bezier(0, .69, .35, 1.01) 1;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    transform-origin: center bottom
}
.question .hint__content h4 {
    color: #080d38;
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 2.625rem
}
.question .hint__content p {
    color: #080d38;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: Assistant, sans-serif
}
.question .hint__content .close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    height: 45px;
    width: 45px;
    background-color: #fff;
    box-shadow: 0 3px 4px 0 #d7e3f6;
    transform: rotate(45deg);
    font-weight: 700;
    font-family: 'Circular Std Black';
    font-size: 1.5rem;
    border-radius: 50%
}
.question.open-hint {
    background-color: #f4f7fb
}
.question.open-hint .hint {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #d7e3f6;
    z-index: 8
}
.question.open-hint .hint__content {
    animation: g cubic-bezier(0, .69, .35, 1.01) 1;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    overflow: hidden
}
.question.open-hint .hint__content .media-holder {
    margin: 0 auto;
    text-align: center
}
.question.open-hint .hint__content .media-holder img {
    max-width: 200px
}
.question.open-hint .hint__trigger {
    opacity: .3;
    display: none
}
.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;
    display: inline-block;
    width: 100%
}
.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 .feedback__media {
    float: left;
    margin-right: 1rem;
    margin-top: 10px
}
@media only screen and (min-width:320px) {
    .question .feedback__media {
        float: none;
        margin-right: 0;
        margin-bottom: 1rem
    }
}
@media only screen and (min-width:768px) {
    .question .feedback__media {
        float: left;
        margin-right: 1rem;
        margin-bottom: 0
    }
}
.question .remaining-tries {
    background: #f4f7fb;
    border-radius: 20px;
    padding: .5rem 1rem;
    margin-right: 1rem;
    font-size: .75rem
}
.question .correction {
    font-size: .75rem;
    font-weight: 600;
    font-family: Assistant, sans-serif
}
@media only screen and (min-width:320px) {
    .question textarea {
        font-size: 12px
    }
}
@media only screen and (min-width:768px) {
    .question textarea {
        font-size: 1rem
    }
}
@media only screen and (max-width:425px) {
    .question.question_linker .linker-group {
        margin-left: -.3rem;
        margin-right: -.3rem
    }
    .question.question_linker .linker-group .columns {
        width: calc(50% - .6rem);
        margin-right: .3rem;
        margin-left: .3rem;
        padding: 0
    }
    .question.question_linker .linker-group .columns:nth-child(2) .choice {
        padding: .5rem .5rem .5rem 1.5rem
    }

    .question.question_linker .linker-group .columns:nth-child(2) .choice:after {
        left: .4rem
    }
    .question.question_linker .linker-group .columns .choice {
        padding: .5rem
    }

    .question.question_linker .linker-group .columns .choice:after {
        right: .4rem
    }

    .question_fill-in .question__validation,
    .question_linker .question__validation,
    .question_multiple .question__validation,
    .question_open-write .question__validation,
    .question_ordered .question__validation,
    .question_procedure .question__validation,
    .question_true-false .question__validation {
        text-align: center
    }

    .question_fill-in .question__validation .btn,
    .question_linker .question__validation .btn,
    .question_multiple .question__validation .btn,
    .question_open-write .question__validation .btn,
    .question_ordered .question__validation .btn,
    .question_procedure .question__validation .btn,
    .question_true-false .question__validation .btn {
        margin-top: 10px
    }
}
.question_fill-in {
    counter-reset: c
}
.question_fill-in .sentence {
    font-weight: 500;
    font-size: 1.125rem;
    margin-top: 0rem;
    counter-increment: c
}
@media only screen and (min-width:320px) {
    .question_fill-in .sentence {
        font-size: .75rem
    }
}
@media only screen and (min-width:768px) {
    .question_fill-in .sentence {
        font-size: 1.125rem
    }
}
.question_fill-in .sentence:before {
    content: counter(c) ".";
    font-size: .875rem;
    margin-right: .5rem
}
.question_fill-in .sentence__gap {
    position: relative;
    min-width: 8rem;
    display: inline-block;
    vertical-align: bottom;
    min-height: 1.625rem;
    margin: 0 .25rem 1rem;
    vertical-align: top;
    padding: 0 .5rem;
    color: transparent
}
@media only screen and (min-width:320px) {
    .question_fill-in .sentence__gap {
        min-height: .95rem
    }
}
@media only screen and (min-width:768px) {
    .question_fill-in .sentence__gap {
        min-height: 1.625rem
    }
}
.question_fill-in .sentence__gap input {
    border: none;
    border-bottom: 2px solid #5b70ff;
    box-shadow: none;
    display: inline;
    width: auto;
    line-height: 1rem;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 .5rem;
    height: 100%;
    left: 0;
    background: transparent;
    font-size: inherit
}
.question_fill-in .sentence__gap select {
    margin-bottom: 0;
    background-color: #d7e3f6;
    border: none;
    color: black;
    padding: 0.5rem;
    border-bottom: 1px solid #424850;
}
@media only screen and (min-width:320px) {
    .question_fill-in .sentence__gap select {
        height: 1.95rem;
        font-size: 12px;
        color: black;
        padding: 0.5rem;
    }
}
@media only screen and (min-width:768px) {
    .question_fill-in .sentence__gap select {
        height: 2.4375rem;
        font-size: 1rem
    }
}
.question_fill-in .question_mode_select .sentence__gap {
    margin-bottom: .5rem;
    vertical-align: baseline
}
.question_fill-in .correction {
    font-size: .75rem;
    font-weight: 600;
    font-family: Assistant, sans-serif;
    position: relative;
    padding-left: 2rem;
    margin-top: 1rem
}
.question_fill-in .correction:before {
    position: absolute;
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_incorect.svg) 50% no-repeat;
    background-size: 100%;
    content: "";
    height: 14px;
    width: 14px;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    left: .5rem
}
@media only screen and (max-width:425px) {
    .question_fill-in .question__validation {
        text-align: center
    }

    .question_fill-in .question__validation .btn {
        margin-top: 10px
    }
}
.question_category {
    background: transparent !important;
    max-width: 100%
}
.question_category .choice:hover {
    transform: scale(1.03);
    border-color: #080d38
}
.question_category .cards {
    background-color: #fff;
    border-radius: 2px;
    margin-bottom: .5rem;
    position: relative
}
.question_category .cards .card__text {
    padding: 3rem 1rem;
    font-family: 'Circular Std Black';
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center
}
@media only screen and (min-width:320px) {
    .question_category .cards .card__text {
        padding: 0;
        font-size: 1.1rem
    }
}
@media only screen and (min-width:768px) {
    .question_category .cards .card__text {
        padding: 3rem 1rem;
        font-size: 1.5rem
    }
}
.question_category .cards .card__media {
    padding: 1.125rem 1.5rem;
    text-align: center
}
.question_category .cards__navigation button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.875rem;
    background-color: #9ab3dc;
    line-height: 60px;
    color: #fff
}
.question_category .cards__navigation .previous {
    left: -1.875rem
}
.question_category .cards__navigation .next {
    right: -1.875rem
}
.question_category .question__explanation {
    font-size: .75rem;
    color: #87a5d5;
    text-align: center;
    margin-bottom: .875rem
}
.question_category .question__content {
    background: transparent;
    padding: 0
}
.question_category .result {
    background: #fff;
    border-radius: 2px;
    text-align: center;
    padding: 3rem;
    position: relative;
    max-width: 100%;
    margin: auto
}
@media only screen and (max-width:425px) {
    .question_category .result {
        padding: 1rem
    }
}
.question_category .result__score {
    margin: 0 auto 1.75rem;
    display: inline-block;
    position: relative
}
.question_category .result__score img {
    position: relative;
    z-index: 2;
    height: 120px
}
.question_category .result__score .score {
    position: absolute;
    right: 14px;
    bottom: 8px;
    line-height: 40px;
    z-index: 6;
    display: block;
    height: 40px;
    width: 40px
}
.question_category .result__score .score:after {
    content: "%";
    font-size: 10px
}
.question_category .result .ratio {
    font-size: .875rem
}
.question_category .result .restart {
    position: absolute;
    border-bottom: 2px solid #5b70ff;
    right: 3rem;
    top: 3rem;
    padding-bottom: .5rem
}
@media only screen and (min-width:320px) {
    .question_category .result .restart {
        right: .5rem;
        top: .5rem
    }
}
@media only screen and (min-width:768px) {
    .question_category .result .restart {
        right: 3rem;
        top: 3rem
    }
}
@media only screen and (max-width:425px) {
    .question_category .result .restart {
        font-size: 12px
    }
}
.question_category .result .question__validation {
    margin-top: 3rem
}
@media only screen and (min-width:320px) {
    .question_category .result .question__validation .btn {
        margin: 5px auto
    }
}
@media only screen and (min-width:768px) {
    .question_category .result .question__validation .btn {
        margin: 5px auto
    }
    .question_category .result .question__validation .btn--next {
        margin-right: 0
    }
}
.question_category .choice:before {
    content: "" !important;
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_long_arrow_grey.svg) 50% no-repeat
}
.question_category .choice_selected {
    border: 2px solid #5b70ff
}
.question_category .choice_selected:before {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_check_qcm.svg) 50% no-repeat
}
.question_category .answer_success {
    border: 2px solid #31da8c !important
}
.question_category .answer_success:before {
    content: "" !important;
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon-check-green.svg) 50% no-repeat;
    background-size: 1rem
}
.question_category .answer_failed {
    border: 2px solid #f85656 !important
}
.question_category .answer_failed:before {
    content: "" !important;
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_stop.svg) 50% no-repeat;
    background-size: 1rem
}
.question_procedure .procedure {
    counter-reset: b
}
.question_procedure .procedure__choices .choice {
    position: relative;
    font-size: .75rem;
    padding: .75rem 1rem;
    min-height: 40px;
    margin-bottom: 1rem;
    line-height: .875rem;
    margin-left: 60px
}
@media only screen and (max-width:425px) {
    .question_procedure .procedure__choices .choice {
        padding: .5rem .75rem
    }
}
.question_procedure .procedure__choices .choice:hover {
    transform: scale(1.03);
    border-color: #080d38
}
.question_procedure .procedure__choices .choice__position {
    line-height: 40px;
    width: 40px;
    text-align: center;
    color: #9ab3dc;
    border: 1px solid #9ab3dc;
    background-color: #d7e3f6;
    border-radius: 2px;
    position: absolute;
    display: block;
    top: 0;
    left: -60px;
    font-weight: 700;
    font-size: .75rem
}
.question_procedure .procedure__choices .choice:after {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_draganddrop.svg) no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: .375rem;
    background-size: 100%;
    vertical-align: text-bottom;
    float: right;
    margin-top: 2px;
    position: relative;
    top: auto;
    right: auto
}
@media only screen and (max-width:425px) {
    .question_procedure .procedure__choices .choice:after {
        position: absolute;
        top: calc(50% - 9px);
        right: .5rem
    }
}
.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 .procedure__choices .answer_success,
.question_procedure .procedure__choices .answer_success:hover {
    border: 1px solid #31da8c
}
.question_procedure .procedure__choices .answer_success .words {
    position: relative;
    padding-left: 1.5rem
}
.question_procedure .procedure__choices .answer_success .words:before {
    position: absolute;
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_correct.svg) 50% no-repeat;
    top: .5rem;
    background-size: 100%;
    content: "";
    height: 14px;
    width: 14px;
    display: inline-block;
    left: .5rem
}
.question_procedure .procedure__choices .answer_failed,
.question_procedure .procedure__choices .answer_failed:hover {
    border: 1px solid #f85656
}
.question_procedure .procedure__choices .answer_failed .words {
    position: relative;
    padding-left: 1.5rem
}
.question_procedure .procedure__choices .answer_failed .words:before {
    position: absolute;
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_incorect.svg) 50% no-repeat;
    top: .5rem;
    background-size: 100%;
    content: "";
    height: 14px;
    width: 14px;
    display: inline-block;
    left: .5rem
}
.question_ordered {
    font-family: Assistant, sans-serif;
    font-weight: 700
}
.question_ordered .words {
    margin: 0 -.5rem
}
.question_ordered .words span {
    background-color: #d7e3f6;
    font-size: .875rem;
    line-height: 1rem;
    padding: .5rem .625rem;
    border-radius: 2px;
    margin: 0 .5rem 1rem;
    display: inline-block
}
.question_ordered .words div {
    /* background-color: #d7e3f6;
    font-size: .875rem;
    line-height: 1rem;
    padding: .5rem .625rem;
    border-radius: 2px;
    margin: 0 .5rem 1rem; */
    display: inline-block
}
.question_ordered .words span:after {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_draganddrop.svg) no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: .375rem;
    background-size: 100%;
    vertical-align: text-bottom
}
/* .question_ordered .words div:after {
    content: "";
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_draganddrop.svg) no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: .375rem;
    background-size: 100%;
    vertical-align: text-bottom
} */
.question_ordered .choices {
    background: #f4f7fb;
    border-radius: 2px;
    padding: 1rem 1rem 0
}
.question_ordered .choices+.choices {
    margin-top: 1rem
}
.question_ordered .question_type_dragdrop .choices {
    padding-bottom: 1rem
}
.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_ordered .answer_success {
    border: 1px solid #31da8c
}
.question_ordered .answer_success .words {
    position: relative;
    padding-left: 1.5rem
}
.question_ordered .answer_success .words:before {
    position: absolute;
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_correct.svg) 50% no-repeat;
    top: .5rem;
    background-size: 100%;
    content: "";
    height: 14px;
    width: 14px;
    display: inline-block;
    left: .5rem
}
.question_ordered .answer_failed {
    border: 1px solid #f85656
}
.question_ordered .answer_failed .words {
    position: relative;
    padding-left: 1.5rem
}
.question_ordered .answer_failed .words:before {
    position: absolute;
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_incorect.svg) 50% no-repeat;
    top: .5rem;
    background-size: 100%;
    content: "";
    height: 14px;
    width: 14px;
    display: inline-block;
    left: .5rem
}
.question_ordered .correction {
    font-size: .75rem;
    font-weight: 600;
    font-family: Assistant, sans-serif;
    margin-bottom: 1rem
}
.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_default.svg)
}
.question_true-false .choice:hover {
    transform: scale(1.03);
    border-color: #080d38
}
.question_true-false .choice.choice_selected:before {
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_studio.svg)
}
.question_multiple .choice:hover {
    transform: scale(1.03);
    border-color: #080d38
}
.question_linker .choice {
    min-height: 70px !important;
    height: auto !important;
    padding: .625rem 1.25rem;
    position: relative
}
.question_linker .columns:first-child .choice:after,
.question_linker .columns:nth-child(2) .choice:after {
    position: absolute;
    right: 1.25rem;
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_answer_default.svg) 50% no-repeat;
    background-size: 100%;
    content: "";
    height: 14px;
    width: 14px;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%)
}
.question_linker .columns:first-child .choice {
    border: none;
    -webkit-user-select: none;
    user-select: none;
    background-color: #f4f7fb
}
.question_linker .columns:nth-child(2) .choice {
    padding-left: 3rem
}
.question_linker .columns:nth-child(2) .choice:hover {
    transform: scale(1.03);
    border-color: #080d38
}
.question_linker .columns:nth-child(2) .choice:after {
    transform: scaleX(-1) translateY(-50%);
    right: auto;
    left: 1.25rem
}
.question_linker .columns:nth-child(2) .choice:before {
    position: absolute;
    right: 1.25rem;
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_association.svg) 50% no-repeat;
    background-size: 100%;
    content: "";
    height: 14px;
    width: 14px;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%)
}
@media only screen and (max-width:320px) {
    .question_linker .columns:nth-child(2) .choice:before {
        right: .5rem
    }
}
.question_linker .correction {
    font-size: .75rem;
    font-weight: 600;
    font-family: Assistant, sans-serif
}
.imported-files {
    padding: 1.5rem;
    border: 1px solid #d7e3f6
}
.imported-files__title {
    margin-bottom: 1rem;
    font-size: 18px
}
.imported-files .error-message {
    color: #f85656;
    font-weight: 600;
    margin-top: 1rem
}
.imported-files .error-message:before {
    content: "";
    height: 1rem;
    width: 1rem;
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_stop.svg) 50% no-repeat;
    display: inline-block;
    margin-right: .5rem;
    vertical-align: sub;
    margin-bottom: .125rem;
    background-size: 1rem
}
.imported-files button {
    margin-bottom: .5rem
}
.import-files {
    padding: 4rem;
    flex-direction: column;
    tex-alin: center;
    border: 1px dashed #d7e3f6;
    cursor: pointer
}
.import-files,
.import-files__title {
    display: flex;
    align-items: center
}
.import-files__title {
    font-family: 'Circular Std Bold' !important;
    text-decoration: underline;
    margin-bottom: .5rem
}
.import-files__title:before {
    content: "";
    height: 1.375rem;
    width: 1.375rem;
    background: url(https://static.myskillcamp.com/images/icon/icon-camp/icon_library_upload.svg) 50% no-repeat;
    background-size: 1.375rem;
    display: block;
    margin-right: 1rem;
    margin-bottom: .25rem
}
.import-files__message {
    text-align: center;
    font-size: 14px;
    color: #424667
}
#sidebar {
    background: #d7e3f6
}
.sidebar__course-content {
    background: #d7e3f6;
    padding: 30px 10px; 
}
.sidebar__course-content .sidebar__menu--mobile {
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem
}
@media only screen and (max-width:1024px) {
    .sidebar__course-content .sidebar__menu--mobile {
        display: flex
    }
}
.sidebar__course-content .sidebar__menu--mobile .leave-player {
    margin: 15px 0;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
    display: block
}
.sidebar__course-content .sidebar__menu--mobile .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%
}
.sidebar__course-content .sidebar__menu--mobile .btn {
    padding: 10px;
    min-width: auto !important
}
.sidebar__course-content li a {
    border-radius: 2px
}
.sidebar__course-content li a.active {
    border: 2px solid #5b70ff
}
.sidebar__course-content .course-title {
    font-size: 1rem;
    color: inherit;
    line-height: 1rem;
    font-style: normal;
    padding: 10px;
    background-color: #fff;
    border-radius: 2px;
    display: block;
    font-family: 'Circular Std Bold';
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
/*

.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 .rounded-list {
    padding: 0;
    margin: 0;
    counter-reset: d;
    margin-top: 10px;
    list-style: none;
    counter-increment: d
}
.sidebar__course-content .section:hover .section__content:not(.section__exercise):hover {
    background-color: hsla(0, 0%, 100%, .8)
}
.sidebar__course-content .section ul {
    list-style: none;
    margin-left: 10px
}
.sidebar__course-content .section li {
    transition: transform .4s cubic-bezier(0, .75, .26, 1.03)
}
.sidebar__course-content .section__title2: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: -2px;
    left: 15px;
    content: counter(d)
}
.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 50%;
    width: 40px;
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}
.sidebar__course-content .section__title .section__session {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #31da8c;
    height: 2px
}
.sidebar__course-content .section__title .section__session .progress {
    font-size: .625rem;
    font-family: 'Circular Std Bold';
    font-weight: 700;
    color: #fff;
    border-radius: 2px 2px 0 0;
    position: absolute;
    bottom: 0;
    background: #31da8c;
    left: 100%;
    padding: 1px 3px;
    line-height: 12px;
    height: auto;
    margin-bottom: 0
}
.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 a {
    color: inherit;
    padding: 5px;
    display: flex;
    align-items: center
}
.sidebar__course-content .section .context {
    font-size: .75rem;
    display: block;
    line-height: 1rem
}
.sidebar__course-content .section .title {
    font-family: 'Circular Std Bold';
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    font-style: normal;
    display: block;
    line-height: 1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.sidebar__course-content .section .section__content a i:before {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    width: 25px;
    padding: 2px;
    margin-right: 10px;
    background-color: #d7e3f6
}
.sidebar__course-content .section .question>a.is-done,
.sidebar__course-content .section .section__content>a.is-done {
    position: relative
}
.sidebar__course-content .section .question>a.is-done:after,
.sidebar__course-content .section .section__content>a.is-done:after {
    content: "";
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    height: 8px;
    width: 8px
}
.sidebar__course-content .section .question>a.is-done.fail:after,
.sidebar__course-content .section .section__content>a.is-done.fail:after {
    background-color: red !important;
}
.sidebar__course-content .section .question>a.is-done.success:after,
.sidebar__course-content .section .section__content>a.is-done.success:after {
    background-color: #31da8c
}
.sidebar__course-content .section .section__discussion a:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_discussion.svg)
}
.sidebar__course-content .section .section__event a:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_event.svg)
}
.sidebar__course-content .section .section__project a:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_project.svg)
}
.sidebar__course-content .section .section__scorm a:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_scorm.svg)
}
.sidebar__course-content .section .section__media a:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_media.svg)
}
.sidebar__course-content .section .section__cheatsheet a:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_cheatsheet.svg)
}
.sidebar__course-content .section .section__exchange a:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_exchange.svg)
}
.sidebar__course-content .section .section__certificate a:before {
    background-image: url(https://static.myskillcamp.com/images/icon/icon-sidebar/icon_certificate.svg)
}
.sidebar__course-content .section .section__exercise {
    color: inherit;
    padding: 5px
}
.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 {
    background-color: rgba(215, 227, 246, .5)
}
.sidebar__course-content .section_open .section__title2 .section__toggle {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_top_arrow_deepblue.svg) no-repeat 50%
}
.sidebar__course-content .section_open .section__title2 .section__toggle:hover {
    background: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_top_arrow_flashblue.svg) no-repeat 50%
}
.sidebar__course-content .section_open .section__content {
    display: block
}
.sidebar__toggle {
    position: relative;
    width: 20rem;
    left: calc(-20rem + 10px);
    transition: all .5s ease
}
.sidebar__toggle-btn {
    display: inline-block;
    width: 25px;
    height: 40px;
    background-color: #5b70ff;
    position: absolute;
    top: 70px;
    right: -25px;
    z-index: 12;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: center;
    opacity: .8;
    transition: opacity .5s ease
}
.sidebar__toggle-btn:hover {
    opacity: 1
}
.sidebar__toggle-btn:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: red;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://static.myskillcamp.com/images/icon/icon-player/icon_arrow_white.svg) 50% no-repeat;
    transition: transform .5s ease
}
.sidebar__toggle-btn.js-active:after {
    transform: rotate(180deg)
}
.sidebar__toggle #sidebar {
    transform: translateX(calc(-20rem + 10px));
    transition: all .5s ease
}
.sidebar__toggle.js-active {
    left: 0
}
.sidebar__toggle.js-active #sidebar {
    transform: translateX(0)
}
.certificate {
    padding: 0
}
.certificate__nav {
    display: inline-block;
    width: 100%
}
.certificate__nav .nav__item {
    background-color: #f4f7fb;
    color: #080d38;
    float: left;
    font-family: 'Circular Std Bold';
    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;
    margin-bottom: 2rem
}
.certificate__share {
    display: flex;
    list-style: none;
    margin: 0
}
.certificate__share li {
    margin-left: 1rem;
    font-size: 24px
}
.certificate__share li:first-child {
    margin-left: 0
}
.certificate__share a {
    color: #9ab3dc;
    transition: all .2s cubic-bezier(.2, 1, .3, 1);
    display: inline-block;
    background-color: #ebf0f8;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%
}
.certificate__share a:hover {
    color: #5b70ff
}
.certificate__content {
    padding: 6rem 6.625rem
}
@media only screen and (max-width:425px) {
    .certificate__content {
        padding: 1rem
    }
}
.certificate__content p {
    font-size: .875rem
}
.certificate__content .duration {
    font-weight: 700;
    margin-bottom: 2rem
}
.certificate__content .receiver {
    background-color: #f4f7fb;
    font-size: .875rem;
    padding: 2rem;
    margin-left: -2rem
}
@media only screen and (max-width:425px) {
    .certificate__content .receiver {
        margin-left: 0;
        margin-bottom: 10px
    }
}
.certificate__content .receiver span {
    display: block
}
.certificate__content .receiver span.name {
    margin-bottom: 1rem
}
.certificate__content .deliver {
    font-size: .875rem
}
@media only screen and (max-width:425px) {

    .certificate__content .deliver,
    .certificate__content .deliver strong {
        margin-bottom: 10px
    }
}
.certificate__content .deliver .row {
    margin-left: -.125rem;
    margin-right: -.125rem
}
.certificate__content .deliver .row .columns {
    padding-left: .125rem;
    padding-right: .125rem
}
.certificate__content input,
.certificate__content textarea {
    border: none;
    box-shadow: none;
    background-color: #adcadf;
    font-size: .75rem;
    margin-bottom: .25rem;
    height: 2rem;
    padding: .5rem;
    font-family: Assistant, sans-serif
}
.certificate__content input:focus,
.certificate__content textarea:focus {
    border: none;
    background-color: #9bbed8;
    box-shadow: none
}
.certificate__content input:focus::placeholder,
.certificate__content textarea:focus::placeholder {
    color: #383b57
}
.certificate__content input::placeholder,
.certificate__content textarea::placeholder {
    color: #424667
}
#library {
    position: relative;
    top: 70px;
    left: 0
}
@media only screen and (max-width:425px) {
    #library {
        left: 0
    }
}
.library_sidebar {
    margin-top: 6rem
}
.library_sidebar .menu {
    position: absolute;
    right: 0;
    bottom: -100px;
    display: none
}
.library_sidebar .menu:before {
    content: "+";
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #e2ebf2;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center
}
@media only screen and (max-width:425px) {
    .library_sidebar .menu {
        display: block
    }
}
.nav_vertical .nav__item {
    display: block;
    padding: 1rem 1.25rem;
    font-family: 'Circular Std Black';
    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;
    margin-top: 2rem
}
.nav_horizontal .nav__item {
    display: inline-block;
    font-size: .875rem;
    font-weight: 700
}
.nav_horizontal .nav__item_right {
    float: right
}
@media only screen and (max-width:425px) {
    .nav_horizontal {
        display: none
    }
}
.library_sidebar {
    float: left;
    width: 200px
}
@media only screen and (max-width:425px) {
    .library_sidebar {
        position: absolute;
        background-color: #eff2f7;
        z-index: 1;
        transform: translateY(-280px)
    }

    .library_sidebar.active {
        transform: translateY(-25px);
        transition: transform .35s
    }
}
.library_content {
    width: calc(100% - 200px)
}
@media only screen and (max-width:425px) {
    .library_content {
        width: 100%
    }
}
.folder:after {
    display: block;
    clear: both;
    float: none;
    content: ""
}
.folder__item {
    position: relative;
    overflow: hidden
}
.folder__item__folder .info:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_folder.svg)
}
.folder__item__module .info:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_module.svg)
}
.folder__item__parcours .info:before {
    background-image: url(https://static.myskillcamp.com/images/studio/icons/icon_parcours.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
}
.folder__item .info__name {
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.folder__item .actions {
    top: .6rem;
    right: 1rem;
    position: absolute;
    opacity: 0;
    transition: all .4s ease
}
@media only screen and (max-width:425px) {
    .folder__item .actions {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin: .5rem .5rem 0;
        top: 0 !important;
        right: 0 !important
    }
}
.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
}
@media only screen and (max-width:425px) {
    .folder__item .actions .button-list {
        padding: 0;
        top: 0
    }
}
.folder__item .actions .button-list:before {
    margin-right: .5rem
}
.folder__item:active .actions,
.folder__item:hover .actions {
    display: block;
    opacity: 1
}
.folder__item:hover {
    background: #f7f7f7;
    cursor: pointer
}
.folder_display_list {
    background-color: #fff
}
.folder_display_list .folder__item {
    padding: 1rem 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;
    margin-top: .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 .actions {
    top: 1.5rem
}
.folder_display_list .folder__item {
    display: block
}
.folder_display_list .folder__item+.folder__item {
    border-top: 1px solid #e2ebf2
}
.folder_display_block {
    margin-left: -1rem;
    margin-right: -1rem
}
@media only screen and (max-width:425px) {
    .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 #d7e3f6;
    background: url(https://static.myskillcamp.com/images/icon/icon-library/pattern.svg);
    position: relative
}
.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 {
    background-color: #fff;
    float: left;
    padding: 3rem;
    margin: .5rem;
    width: calc(100%/5 - 1rem);
    height: 15rem
}
.folder_display_block .folder__item .info {
    border-top: 1px solid #e2ebf2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 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 .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 {
    line-height: 1
}
.folder_display_block .folder__item .actions .delete:before {
    content: url(https://static.myskillcamp.com/images/icon/icon-studio/icon_trash_white.svg)
}
.folder_display_block .folder__item:hover {
    background-color: #f7f7f7;
    z-index: 7
}
@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% - 1rem)
    }
}
.modal-media {
    height: 100%;
    width: 100%
}
.modal-media .modal-content {
    height: 90%;
    overflow: hidden;
    padding-top: 10%;
    background: none
}
.modal-media .modal-content img {
    height: 100%;
    width: 100%;
    object-fit: scale-down
}
.modal-open header {
    z-index: 0
}
.modal-open #view {
    overflow: hidden
}
.confirmation-title {
    margin-bottom: 50px
}
.btn-confirmation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}
@media only screen and (max-width:425px) {
    .btn-confirmation .cancel {
        margin-left: 0 !important;
        margin-top: 10px
    }
}
.timeline__new-post {
    background-color: #f4f7fb;
    padding: 2.625rem;
    margin-right: -2.625rem;
    margin-left: -2.625rem;
    margin-bottom: 2rem
}
@media only screen and (max-width:425px) {
    .timeline__new-post {
        margin-right: 0;
        margin-left: 0;
        padding: 2.5rem !important;
    }

    .timeline .new-post {

        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;

    }

    .timeline .new-post label button {

        margin: 1rem 0rem !important;
    }

    .timeline .btn_action_post {
        width: 100% !important;
        float: none !important;
        border-radius: 15px !important;
        min-width: auto !important;
    }

    .timeline .post .author__image {
        margin-left: 0rem !important;
        margin-bottom: 1rem !important;
    }

    .timeline .new-post label input {
        margin: 0;
        width: 100% !important;
    }

    timeline-add-content {
        width: 100% !important;
    }


    msc-post {
        display: flex;
        flex-direction: column;
    }
}
.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;
    margin: 0;
    display: block;
    flex: 1 1 auto;
    display: flex;
    flex-direction: row
}
@media only screen and (max-width:425px) {
    .timeline .new-post label {
        display: block;
        margin: 0
    }
}
.timeline .new-post label input {
    width: auto;
    display: inline-block;
    display: block;
    flex: 1;
    background: none;
    margin: 0;
    box-shadow: none;
    height: 36px;
    border: none
}
@media only screen and (max-width:425px) {
    .timeline .new-post label input {
        margin: 0
    }
}
.timeline .new-post label input:focus {
    background: none;
    border: none;
    box-shadow: none
}
.timeline .new-post label input::placeholder {
    color: #424667;
    font-size: .875rem
}
.timeline .new-post label button {
    float: right
}
@media only screen and (max-width:425px) {
    .timeline .new-post label button {
        margin-top: 1rem
    }
}
.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
}
@media only screen and (max-width:425px) {
    .timeline .new-post .add-media {
        margin-top: 1rem;
        margin-right: .5rem
    }
}
.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: 'Circular Std Black';
    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;
    margin-left: 0;
    margin-right: 0
}
@media only screen and (max-width:425px) {
    .timeline .settings {
        top: 0;
        max-width: 170px;
        margin-left: auto;
        margin-right: -.5rem
    }
}
.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: 'Circular Std Black';
    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
}
@media only screen and (max-width:320px) {
    .timeline .post .avatar {
        height: 38px;
        width: 38px;
        margin-right: .5rem
    }
}
.timeline .post .author__image {
    margin-left: 1rem
}
.timeline .post .author__name {
    font-family: 'Circular Std Bold';
    font-weight: 700;
    font-size: .875rem
}
@media only screen and (max-width:320px) {
    .timeline .post .author__name {
        font-size: .5rem
    }
}
.timeline .post .date {
    color: #9ab3dc;
    font-size: .75rem;
    font-weight: 600;
    margin-left: .5rem
}
@media only screen and (max-width:320px) {
    .timeline .post .date {
        font-size: .5rem
    }
}
.timeline .post__comments {
    margin-top: 1.5rem;
    padding-left: 8rem;
    padding-right: 0
}
.timeline .post__comments .new-post {
    margin-top: 1.5rem
}
.timeline .post__comments .comment {
    padding-left: 0
}
@media only screen and (max-width:425px) {
    .timeline .post__comments .comment {
        padding-left: 2.5rem
    }
    .timeline .post__comments {
        padding-left: 0;
        padding-right: 0
    }
}
.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
}
.notes-listing {
    margin-top: 2rem
}
.notes-listing .row {
    margin: auto -10px
}
.notes-listing .row .columns {
    padding-left: 10px;
    padding-right: 10px;
    float: left
}
@media screen and (min-width:20em) {
    .notes-listing .row .columns {
        width: 50%
    }
}
@media screen and (min-width:30em) {
    .notes-listing .row .columns {
        width: 33.33333%
    }
}
@media screen and (min-width:40em) {
    .notes-listing .row .columns {
        width: 20%
    }
}
.notes-listing .note {
    height: 9.125rem;
    background: #f4f7fb;
    counter-increment: a;
    padding: 1.5rem 1rem .75rem;
    margin-bottom: 10px;
    position: relative;
    display: block
}
.notes-listing .note__title {
    font-size: .75rem;
    font-weight: 500;
    color: #080d38;
    font-family: 'Circular Std Bold';
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.notes-listing .note__content {
    color: #424667;
    font-size: .75rem;
    line-height: 1.5
}
.notes-listing .note__date {
    font-size: .625rem;
    text-align: right;
    color: #9ab3dc;
    position: absolute;
    right: 1rem;
    bottom: .75rem
}
.notes-listing .note__date span {
    display: block
}
.notes-listing .note:hover {
    background: #d7e3f6
}
.notes-listing .note:hover .note__date {
    color: #080d38
}
.notes-listing .create-note {
    border: 1px dashed #d7e3f6;
    padding: 1.5rem;
    height: 9.125rem;
    cursor: pointer;
    display: flex;
    align-items: center
}
.notes-listing .create-note__title {
    text-align: center;
    font-weight: 700;
    font-family: 'Circular Std Bold';
    color: #080d38;
    font-size: .75rem
}
.notes-listing .create-note__title:before {
    content: "+";
    background: #d7e3f6;
    border-radius: 50%;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    margin: auto;
    line-height: 1.5rem;
    vertical-align: text-top;
    margin-bottom: .75rem
}
.notes-listing .create-note__content {
    color: #9ab3dc;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center
}
.notes-listing .create-note:hover {
    background: #f4f7fb;
    border-color: #9ab3dc
}
.card-background {
    background-color: #d7e3f6;
    height: 20rem;
    display: flex;
    transition: all .2s ease-in-out
}
.card-background:hover {
    cursor: pointer;
    background-color: #9ab3dc
}
.rating {
    display: inline-block;
    text-align: center
}
.rating__title {
    font-size: .625rem;
    text-align: center;
    display: block;
    margin-bottom: .125rem;
    margin-top: .375rem;
    font-family: 'Circular Std Black';
    font-weight: 500
}
.rating__items {
    border-radius: 10px;
    display: inline-block;
    height: 20px;
    overflow: hidden
}
.rating__items:not(:hover) .rating__item:nth-child(5).selected,
.rating__items:not(:hover) .rating__item:nth-child(5).selected~.rating__item {
    background: #f85656
}
.rating__items:not(:hover) .rating__item:nth-child(4).selected,
.rating__items:not(:hover) .rating__item:nth-child(4).selected~.rating__item {
    background: #f88a56
}
.rating__items:not(:hover) .rating__item:nth-child(3).selected,
.rating__items:not(:hover) .rating__item:nth-child(3).selected~.rating__item {
    background: #f9d153
}
.rating__items:not(:hover) .rating__item:nth-child(2).selected,
.rating__items:not(:hover) .rating__item:nth-child(2).selected~.rating__item {
    background: #a5eb58
}
.rating__items:not(:hover) .rating__item:first-child.selected,
.rating__items:not(:hover) .rating__item:first-child.selected~.rating__item {
    background: #31da8c
}
.rating__items .rating__item:nth-child(5):hover,
.rating__items .rating__item:nth-child(5):hover~.rating__item {
    background: #f85656
}
.rating__items .rating__item:nth-child(4):hover,
.rating__items .rating__item:nth-child(4):hover~.rating__item {
    background: #f88a56
}
.rating__items .rating__item:nth-child(3):hover,
.rating__items .rating__item:nth-child(3):hover~.rating__item {
    background: #f9d153
}
.rating__items .rating__item:nth-child(2):hover,
.rating__items .rating__item:nth-child(2):hover~.rating__item {
    background: #a5eb58
}
.rating__items .rating__item:first-child:hover,
.rating__items .rating__item:first-child:hover~.rating__item {
    background: #31da8c
}
.rating__item {
    float: right;
    display: block;
    width: 30px;
    height: 20px;
    text-align: center;
    background: #d7e3f6
}
.rating__item+.rating__item {
    border-right: 2px solid #fff
}
.survey .heading {
    margin-bottom: 2.375rem
}
.survey_group {
    margin-bottom: 2rem
}
.survey_group__title {
    font-family: 'Circular Std Bold';
    line-height: 2rem;
    margin-bottom: 1rem;
    padding: 0 1rem
}
.survey_group:last-child {
    margin-bottom: 0
}
.survey_group p {
    font-size: .875rem;
    line-height: 1.25rem
}
.survey__progress {
    background: #5b70ff;
    border-radius: 1rem;
    display: inline-block;
    color: #fff;
    float: right;
    padding: .5rem 1rem;
    font-size: .875rem;
    line-height: 1rem
}
.survey_question.survey_type_rating {
    background: #f4f7fb;
    margin-bottom: .5rem;
    padding: 0 1rem
}
@media only screen and (max-width:425px) {
    .survey_question.survey_type_rating {
        display: flex;
        flex-direction: column
    }
}
@media only screen and (max-width:320px) {
    .survey_question.survey_type_rating .right {
        display: flex;
        flex-direction: column
    }
}
.survey_question.survey_type_rating .survey_question__title {
    font-size: .875rem;
    display: inline-block;
    padding: 1.25rem 0
}
.survey_question.survey_type_truefalse {
    margin-bottom: .5rem
}
@media only screen and (max-width:425px) {
    .survey_question.survey_type_truefalse {
        display: flex;
        flex-direction: column
    }
}
.survey_question.survey_type_truefalse .survey_question__title {
    font-family: 'Circular Std Black';
}
@media only screen and (max-width:425px) {
    .survey_question.survey_type_truefalse .survey_question__title {
        margin-bottom: 20px
    }
}
.survey_question.survey_type_truefalse label {
    display: inline-block;
    margin-left: 1rem;
    font-family: 'Circular Std Black';
}
@media only screen and (max-width:425px) {
    .survey_question.survey_type_truefalse .right {
        float: none;
        text-align: center;
        margin-bottom: 20px
    }
}
.survey_question.survey_type_open .survey_question__title {
    display: block;
    font-family: 'Circular Std Black';
    margin-bottom: .5rem
}
.survey_question .right {
    float: right
}
@media only screen and (max-width:425px) {
    .survey_question .right {
        float: none;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }
}
.survey_question .survey_not_applicable {
    display: inline-block;
    text-align: center;
    margin-right: 1rem
}
@media only screen and (max-width:320px) {
    .survey_question .survey_not_applicable {
        margin-right: 0;
        margin-bottom: 10px
    }
}
.survey_question .survey_not_applicable input {
    margin: 0
}
.survey_question .survey_not_applicable span {
    display: block;
    font-size: .625rem;
    font-weight: 500
}
.survey .footer {
    margin-top: 3rem
}
@media only screen and (max-width:425px) {
    .survey .footer {
        text-align: center
    }

    .survey .footer .btn_height_small,
    .survey .footer a.btn_flat,
    .survey .footer button.btn_flat {
        margin-left: 0;
        margin-top: 10px
    }
}
.survey .skip {
    font-weight: 700;
    margin-right: 1rem
}
@media only screen and (max-width:425px) {
    .survey .skip {
        margin-right: 0;
        margin-bottom: 10px
    }
}
.header__banner {
    width: calc(100% - 320px);
    height: 40px;
    background-color: hsla(0, 100%, 75%, .7);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
    visibility: hidden;
    position: absolute;
    left: 320px;
    top: 70px
}
.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: #fff
}
@media only screen and (max-width:1280px) {
    .header__banner {
        width: 100%;
        left: 0
    }
}
@media only screen and (max-width:768px) {
    .header__banner {
        flex-direction: column;
        height: 60px;
        padding: 10px
    }
}
@media only screen and (max-width:425px) {
    .header__banner {
        text-align: center;
        height: 80px
    }
}
@media only screen and (max-width:375px) {
    .header__banner {
        height: 90px
    }
}
@media only screen and (max-width:320px) {
    .header__banner {
        padding-top: 30px;
        height: 120px
    }
}
.header__banner-right {
    display: flex;
    justify-content: space-between;
    align-items: center
}
.header__banner-right p {
    margin-right: 15px
}
.header__banner-right .banner__link {
    text-decoration: underline !important;
    transition: color .5s ease
}
.header__banner-right .banner__link:hover {
    color: #fff
}
.header__banner-right .banner__close {
    font-size: 18px
}
@media only screen and (max-width:768px) {
    .header__banner-right .banner__close {
        position: absolute;
        top: 5px;
        right: 2%
    }
}
.header__banner-left {
    display: flex;
    justify-content: space-between;
    align-items: center
}
.header__banner-left .banner__description span {
    font-weight: 700;
    color: #fff
}
.header__banner-left .banner__date {
    background-color: #ff8080;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    margin-left: 5px
}
.header__banner-left .banner__date,
.header__banner-left .banner__number {
    font-weight: 700;
    font-size: 14px;
    color: #fff
}
@media only screen and (max-width:375px) {
    .header__banner-left {
        flex-direction: column
    }
}
.force-fullscreen .modal-dialog {
    max-width: none;
    margin: 0;
}
.force-fullscreen-fixed .modal-dialog {
    max-width: none;
    margin: 0;
    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;
}
.force-fullscreen-lesson-media {
    display: flex !important;
    flex-direction: column;
}
.force-fullscreen-lesson-media .modal-dialog {
    margin: 0;
    max-width: none;
    height: 100%;
}
.force-fullscreen-lesson-media .modal-dialog .modal-content {
    height: 100%;
    display: flex;
    justify-content: center;
}
.container {
    max-width: none !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);
}
.cdk-drag-preview {
    list-style: none;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.cdk-drag-preview ul,
.cdk-drag-preview button {
    display: none;
}
.cdk-drag-placeholder {
    opacity: 0.3;
}
.cdk-drag-animating {
    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.section-placeholder {
    display: flex;
    background: #ccc;
    border: dotted 3px #999;
    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.templab-btn {
    cursor: pointer;
    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-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"
}
/*x*/
.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;
    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;
    position: absolute;
    background: rgba(211, 213, 228, .5)
}
.templab-radio__checkmark:after {
    position: absolute;
    background: rgba(211, 213, 228, .5);
    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 {
    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;
    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-weight: 900;
    color: #7d83aa;
    margin-bottom: 18px;
    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 ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

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

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

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.visible {
  visibility: visible;
}
.static {
  position: static;
}
.relative {
  position: relative;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.contents {
  display: contents;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.border {
  border-width: 1px;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
:root {
  ---primary-color: #303d5f;
  --secondary-color: #F53359;
  --border-radius-primary: 8px;
  --text-color: #1a284c;
  --progress-color: var(--primary-color);
  --secondary-100: #FFF5F7;
  --secondary-200: #FCC5D0;
  --secondary-300: #FA94A8;
  --secondary-400: #F86381;
  --secondary-500: #F53359;
  --secondary-600: #EA0B38;
  --secondary-700: #B9092C;
  --secondary-800: #880620;
  --secondary-900: #580415;
  --primary-100: #F8F9FC;
  --primary-200: #D6DCEB;
  --primary-300: #B4BFDA;
  --primary-400: #92A2C9;
  --primary-500: #7085B8;
  --primary-600: #5269A3;
  --primary-700: #415381;
  --primary-800: #303D5F;
  --primary-900: #1F273D;
}
/* color base */
@keyframes pulse {
  50% {
    background: white;
  }
}
/*
#preloader {
  position: fixed;
  background-color: #2f3537;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;

  & > .spinner {
    align-self: flex-end;
    margin-bottom: 15px;
    content: '';
    position: relative;

    //top: 90%;
    //left: 50%;

    width: 6px;
    height: 24px;
    //margin: -3px 0 0 -12px;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-animation: pulse 750ms infinite;
    animation: pulse 750ms infinite;
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms;

    &:before, &:after {
      content: '';
      position: absolute;
      display: block;
      height: 16px;
      width: 6px;
      background: rgba(255, 255, 255, 0.2);
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-animation: pulse 750ms infinite;
      animation: pulse 750ms infinite;
    }

    &:before {
      left: -12px;
    }

    &:after {
      left: 12px;
      -webkit-animation-delay: 500ms;
      animation-delay: 500ms;
    }

  }
}*/
.answer_success {
  border: 1px solid #31da8c !important;
}
.answer_failed {
  border: 1px solid red !important;
}
select {
  background-image: none;
}
.sentence {
  padding: 0.5rem;
}
.course-final .score.course-score {
  width: 33% ;
}
.modal__media .modal-content {
  text-align: center;
  background: none !important;
  margin: 5rem 0 0 0;
}
.m-link {
  cursor: pointer;
}
.m-link--white {
  color: white !important;
}
.m-link--blue {
  color: #5b70ff !important;
}
.media-holder {
  background-color: #FFF;
}
.multiline .fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.multiline .fr-img-caption.fr-fil {
  margin-left: 0;
  text-align: left;
}
.multiline .fr-img-caption.fr-fir {
  margin-right: 0;
  text-align: right;
}
.multiline .fr-img-caption .fr-img-wrap {
  padding: 0;
  display: inline-block;
  margin: auto;
  text-align: center;
  width: 100%;
}
.multiline .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}
.multiline .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;
}
/*
.ng-spinner {
  right: 45% !important;
  top: 30% !important;
}

.ng-spinner-icon {
  width: 150px !important;
  height: 150px !important;
  border-width: 6px !important;
  animation-duration: 1s !important;
}*/
.loader-wrapper {
  position: fixed;
  inset: 0;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  bottom: 16% !important;
}
.loader {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 120px;
  height: 40px;
}
.loader-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--primary-500) !important;
  animation: pulse 1s ease-in-out infinite;
  will-change: transform, opacity;
}
.loader-dot:nth-child(2) {
  animation-delay: 0.15s;
}
.loader-dot:nth-child(3) {
  animation-delay: 0.3s;
}
.loader-dot:nth-child(4) {
  animation-delay: 0.45s;
}
@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.5;
  }
}
#chatbase-bubble-button {
  display: none !important;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px 2px;
}
#chatbase-message-bubbles {
  display: none !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/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;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;background-clip:padding-box;height:40px;width:40px;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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 .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;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;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;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;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;background-clip:padding-box}

.fr-toolbar.fr-sticky-on{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;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;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;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;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{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;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;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;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;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;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;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;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;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;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;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;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;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;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;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{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;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;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;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;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;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;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;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;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;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{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;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;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;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;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;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;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;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;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;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;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;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;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;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;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{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;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}


/*# sourceMappingURL=styles.css.map*/