.admin-screen.margin-l-72{
    margin: 0 72px 0 96px;
}
.admin-screen .studentsTablePM {
    padding-left: 0;
    margin-left: 0;
}
.admin-screen .title_margin{
    margin-top: 10px;
    margin-bottom: 50px;
}
.admin-screen .scroll-style {
    display: block !important;
    max-height:500px ;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.admin-screen .docs-layout ul {
    list-style-type: none;
}
.admin-screen .docs-toc ul {
    border-left: solid 3px #757575;
    padding-left: 20px;
    line-height: 28px;
}
.admin-screen .docs-layout li {
    position: relative;
}

.admin-screen .docs-toc li {
    font-size: 16px;
    list-style: none;
}
.admin-screen li.active a {
    color: #262424 !important;
    font-weight:bold;
}
.admin-screen .docs-toc.docs-text-styling.title_margin a {
    color: #757575;
    text-decoration: none;
}
.admin-screen .flex-container {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}
/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 1300px) {
    .admin-screen .flex-container {
        flex-direction: column;
    }
}

/* fixing scroller for dialogs in vice-admin */
body:has(.admin-screen):has(.mdl-popup.mdl-dialog) {
    overflow-y: auto !important;
}

body:has(.mdl-popup.mdl-dialog) .user-block:has(.admin-screen) {
    overflow-y: hidden;
}
/* end of fixing scroller for dialogs in vice-admin */
.mdl-button.to_courses {
    margin-right: 16px;
    left: 4px;
    width: 48px;
    height: 48px;
}

.mdl-button.to_courses i {
    font-size: 38px;
    line-height: 48px;
    width: 48px;
    transform: translate(-24px, -24px);
}

/* flip card */
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
    transform-style: preserve-3d;
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    transition: transform 1s;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;

}

.flip-button {
    left: 50%;
    margin-left: -18px;
    text-align: center;
    padding: 0px;
    min-width: unset;
    border: unset;
}

#lwidDotWindow .flip-button {
    top: 100%;
}

/* end of flip card */

.text-cut-fragment {
    position: absolute;
    padding: 4px;
    background-color: #ddd;
    opacity: 1;
    overflow: visible;
    z-index: 1000;
}

.menu_item_icon_2 {
    margin-right: 8px;
    margin-left: 5px;
}

.menu_item_icon {
    color: black !important;
    position: relative;
    top: 6px;
}

/* side panel hide buttons */
.widget-pane-toggle-button-container {
    margin-top: 50px;
    color: #585555;
    cursor: pointer;
    height: 56px;
    width: var(--toggle-width); /* --toggle-width defined in ViewerApp*/
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10);
    clip-path: inset(-40px -40px -40px 0px);
    background-color: #fff;
    border-radius: 0px 10px 10px 0px;
}

.lw-control-panel.left.course-edit-widget {
    background: #fafafa;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10);
}

.lw-control-panel.left .scroll-style {
    max-height: 100%;
    overflow-y: auto;
}

.widget-pane-toggle-button-container .on-visible,
.widget-pane-toggle-button-container-right .on-visible {
    display: inline;
    position: relative;
    top: 8px;
}

.widget-pane-toggle-button-container .on-hidden,
.widget-pane-toggle-button-container-right .on-hidden {
    display: none;
}

.widget-pane-toggle-button-container .on-hidden .text {
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    padding-top: 2px;
    padding-left: 2px
}

.widget-pane-toggle-button-container.sider-hidden {
    height: 56px;
}

.widget-pane-toggle-button-container.sider-hidden .on-hidden,
.widget-pane-toggle-button-container-right.sider-hidden .on-hidden {
    display: inline;
}

.widget-pane-toggle-button-container.sider-hidden .on-visible,
.widget-pane-toggle-button-container-right.sider-hidden .on-visible {
    display: none;
}

.widget-pane-toggle-button-container-right {
    position: absolute;
    z-index: 0;
    top: 8px;
    right: 100%;
    color: #585555;
    cursor: pointer;

    height: 40px;
    border: 1px solid #c7c7c7;
    border-right-width: 0;
    background-color: rgb(250, 250, 250);
    width: 22px;
}

.widget-pane-toggle-button-container-right .on-hidden .text {
    writing-mode: vertical-lr;
    padding-top: 2px;
    padding-left: 2px;
    text-transform: capitalize;
}

.widget-pane-toggle-button-container-right .on-hidden .text i {
    font-size: 18px;
}


/* end of side panel hide buttons */

/* huge screen - */

.slides-panel-edit-mode {
    position: absolute;
    top: 120px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    display: inline-block;
}

.slides-panel-with-controlPanelRight {
    right: 348px;
}

.slides-panel-with-controlPanelRight + .right-sider {
    right: 342px;
}

.right-sider {
    top: 173px;
    z-index: 8;
    height: 58px;
    width: 30px;
    background: white;
    border: 1px solid transparent;
    border-radius: 10px 0px 0px 10px;
    background: var(--white, #FFF);
}

/*lw-control-panel*/
.lw-control-panel {
    padding: 0;
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 340px;
    z-index: 6;
}

.lw-control-panel .mdl-layout__header-row {
    padding-top: 11px;
    padding-left: 16px;
    padding-right: 16px;
}

.lw-control-panel.left {
    left: -250px;
    width: 250px;
    transition: left 0.2s linear 0s;
}

.lw-control-panel.left.course-edit-widget {
    left: -356px;
    width: 356px;
}

.lw-control-panel.left.is-visible {
    left: 0;
}

.lw-control-panel.right {
    right: -250px;
    width: 250px;
    transition: right 0.2s linear 0s;
}

.lw-control-panel.right.is-visible {
    right: 0;
}

/*end lw-control-panel*/
.lw-editmode-switch {
    position: fixed;
    right: 70px;
    top: 64px;
    z-index: 5;
}

.lw-editmode-switch-on-top {
    position: fixed;
    right: 400px;
    top: 20px;
    z-index: 5;
}

.slides-panel-edit-mode.slides-panel-with-toc {
    left: 396px;
}

/* upper panel */

.mainUpperPanel {
    width: 100%;
    height: 40px;
    background: #7ac143;
    color: white;
}

.mainUpperPanel.visible {
    height: 72px;
}

.mainUpperPanel.hidden {
    height: 0px;
}

div.mainUpperPanel span {
    color: white;
}

div.mainUpperPanel i {
    color: white;
    opacity: 1;
}

div.mainUpperPanel .save.has-changes i {
    color: #3f51b5;
    font-weight: bold;
}

.right_upper_corner {
    margin-left: 5px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 16px;
}

.course-edit-widget {
    .mainUpperPanel {
        background: #7ac143;
        border: 1px solid white;
        height: 1px;
        transition: 1s;
        display: inline-flex;
        width: 100%;
    }

    .mainUpperPanel.visible {
        height: 72px;
    }

    .mainUpperPanel.hidden {
        height: 0px;
    }


    .mainUpperPanel .rightBorder {
        border-right: 1px solid white;
    }
}

.show-more-dropdown-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    row-gap: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.course-edit-widget .mainUpperPanel .rightBorder .add-component,
.show-more-dropdown-content .add-component {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 50px;
    gap: 2px;

    & div:first-of-type {
        text-align: center;
    }


    & button {
        display: flex;
        justify-content: center;

        & svg {
            display: block;
        }
    }
}

.propertyPanelCentral {
    width: calc(100% - 12px);
    height: calc(100% - 6px);
    padding: 3px 6px;
}

.mostUpperPanel {
    width: 100%;
    height: 40px;
    background: #7ac143;
    color: white;
}

div.mostUpperPanel span,
div.mostUpperPanel i {
    color: white !important;
}

div.mostUpperPanel i {
    opacity: 1 !important;
}

.mdl-button-upper-bar {
    padding: 2px;
    min-width: 35px;
}

.pagePanel {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 720px;
}

.contentContainer {
    position: absolute;
    left: 0;
    right: 0;
    overflow-y: auto;
    top: 10px;
}

.clipboardContent {
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.vertical-tab-text-style {
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    padding-top: 5px;
    padding-left: 2px
}

.vertical-tab-style a {
    text-decoration: unset;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .54);
    padding: 3px;
}

.vertical-tab-style a.is-active {
    color: rgba(0, 0, 0, .87);
    border-left: 2px solid red;
}

.tocTreeStyle {
    margin-bottom: 700px;
}

.has-changes { /*save button style*/
    background: #3f51b5 !important;
    color: white !important;
}

/* end upper panel */
/*text properties*/
.lw-toggle {
    width: 35px;
    height: 32px;
    cursor: pointer;
}

.lw-toggle i {
    line-height: 32px;
    font-size: 24px;
    padding-left: 5px;
}

.lw-toggle.is-checked,
.mdl-icon-toggle.is-checked {
    background: #FFFFFF !important;
}

.lw-toggle.is-checked i,
.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: #6ab344 !important;
}

div.mainUpperPanel span,
div.mainUpperPanel i {
    color: white !important;
}

span.mdl-icon-toggle__ripple-container.mdl-js-ripple-effect.mdl-ripple--center {
    height: unset;
}

/*end text properties*/
/*combo box styles*/
.padding_unset {
    padding: unset !important;
}

.top_unset {
    top: unset !important;
}

/*end combo box styles*/

.toolbar_item_style {
    height: 32px;
    width: 35px;
    line-height: 32px;
    text-align: center;
}

.lw-tree::-webkit-scrollbar-track {
    margin: 20px 0;
}


/*tree new design*/

.lw-tree {
    border-radius: 20px 0px 0px 20px;
    background: var(--white, #FFF);
    width: 321px;
    padding-inline-start: unset;
    padding-right: 10px;
    margin-block-end: 0px;
    margin-block-start: 0px;
    list-style: none;
}

.lw-tree__item {
    display: flex;
    position: relative;
    padding: 20px 60px 20px 40px;
    align-items: center;
    gap: 10px;
    border-bottom: 2px solid var(--light-grey, #F3F5F7);
    background: var(--white, #FFF);
}

.lw-tree__item-open {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns= 'http://www.w3.org/2000/svg' %3E%3Cpath d= 'M12 5V19' stroke= '%23B9BEC3' stroke-width= '2' stroke-linecap= 'round' stroke-linejoin= 'round' /%3E%3Cpath d= 'M5 12H19' stroke= '%23B9BEC3' stroke-width= '2' stroke-linecap= 'round' stroke-linejoin= 'round' /%3E%3C/svg%3E%0A ");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 12px;
    position: absolute;
    left: 12px;
    top: 20px;
}

.lw-tree__item-close {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns= 'http://www.w3.org/2000/svg' %3E%3Cpath d= 'M5 12H19' stroke= '%23B9BEC3' stroke-width= '2' stroke-linecap= 'round' stroke-linejoin= 'round' /%3E%3C/svg%3E%0A ");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 12px;
    position: absolute;
    left: 12px;
    top: 20px;
}

.lw-tree__item-bookmarked {
    position: absolute;
    right: 14px;
    top: 22px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox= '0 0 24 24' fill= 'none' %3E%3Cpath fill-rule= 'evenodd' clip-rule= 'evenodd' d= 'M7 4C6.73478 4 6.48043 4.10536 6.29289 4.29289C6.10536 4.48043 6 4.73478 6 5V19.2768L11.5039 16.1318C11.8113 15.9561 12.1887 15.9561 12.4961 16.1318L18 19.2768V5C18 4.73478 17.8946 4.48043 17.7071 4.29289C17.5196 4.10536 17.2652 4 17 4H7ZM4.87868 2.87868C5.44129 2.31607 6.20435 2 7 2H17C17.7956 2 18.5587 2.31607 19.1213 2.87868C19.6839 3.44129 20 4.20435 20 5V21C20 21.3565 19.8102 21.686 19.5019 21.8649C19.1936 22.0438 18.8134 22.0451 18.5039 21.8682L12 18.1518L5.49614 21.8682C5.18664 22.0451 4.80639 22.0438 4.49807 21.8649C4.18976 21.686 4 21.3565 4 21V5C4 4.20435 4.31607 3.44129 4.87868 2.87868Z ' fill=' %238BC34A '/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.lw-tree__item-selected {
    border-radius: 20px;
    border: 2px solid var(--light-main-color);
    background: var(--white, #FFF);
}

.lw-tree__item-text-content {
    color: var(--dark-main-color);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 22.1px */
}

.lw-tree__number-text {
    color: var(--grey, #B9BEC3);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

/*end tree new design*/
.lw-control-panel {
    /*background: white;*/
}

.lw-control-panel.right {
    right: -342px;
    width: 342px;
    transition: right 0.2s linear 0s;
    background: #fafafa;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10);
}

/*scroll bar*/
/* width */

/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px;
    background: var(--light-grey);
}

/* Handle */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--grey-1);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--grey-1);
}

/*end scroll bar*/

.customScroll {
    max-height: 900px;
}

.fullHeight {
    height: 100%;
}

.mdl-list__item-selected {
    background-color: #E0E0E0;
    color: #000
}

/* setting up page component styles depending on variables */
.course-show-widget .slides-panel,
.course-edit-widget .slides-panel-edit-mode {
    .quiz-input.mdl-checkbox {
        .mdl-checkbox__box-outline {
            border-color: var(--input-color, rgb(244, 67, 54));
        }

        .mdl-checkbox__ripple-container .mdl-ripple {
            background: var(--input-color, rgb(244, 67, 54));
        }

        /*mdl-js-checkbox mdl-js-ripple-effect mdl-js-ripple-effect--ignore-events is-upgraded is-checked*/
    }

    .quiz-input.mdl-checkbox.is-checked {
        .mdl-checkbox__box-outline {
            border-color: var(--input-color, rgb(244, 67, 54));
        }

        .mdl-checkbox__tick-outline {
            background: var(--input-color, rgb(244, 67, 54));
        }

        .mdl-checkbox__ripple-container .mdl-ripple {
            background: var(--input-color, rgb(244, 67, 54));
        }
    }

    .quiz-input.mdl-radio {
        .mdl-radio__outer-circle {
            border-color: var(--input-color, rgb(244, 67, 54));
        }

        .mdl-radio__inner-circle {
            background: var(--input-color, rgb(244, 67, 54));
        }

        .mdl-radio__ripple-container .mdl-ripple {
            background: var(--input-color, rgb(244, 67, 54));
        }
    }

    .quiz-input.mdl-radio.is-checked {
        .mdl-radio__outer-circle {
            border-color: var(--input-color, rgb(244, 67, 54));
        }

        .mdl-radio__inner-circle {
            background: var(--input-color, rgb(244, 67, 54));
        }

        .mdl-radio__ripple-container .mdl-ripple {
            background: var(--input-color, rgb(244, 67, 54));
        }
    }

    .page-panel .prev-question,
    .page-panel .next-question,
    .page-panel .submit-attempt {
        position: absolute;
        bottom: 10px;
        z-index: 1;
    }

    .page-panel .prev-question {
        left: 50%;
        transform: translateX(calc(-10px - 100%));
    }

    .page-panel .next-question,
    .page-panel .submit-attempt {
        left: 50%;
        transform: translateX(10px);
    }

    .screen-dot,
    .mdl-color-primary.screen-dot {
        box-sizing: border-box;
        background: var(--screen-dot-color, rgb(244, 67, 54)) !important;
    }
}
/* quiz edit component */
.course-edit-widget .quiz-edit-comp {
    box-sizing: border-box;
    padding: 40px 40px 0 40px;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;

    .row {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 20px;
        align-self: stretch;
    }

    .question-bank-selector {
        display: flex;
        height: 50px;
        padding: 0px 12px;
        justify-content: space-between;
        align-items: center;
        flex: 1 0 0;

        .autocomplete {
            width: 100%;
        }
    }

    .time-limit-field {
        display: flex;
        height: 50px;
        padding: 0px 12px;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;

        .mdl-textfield {
            width: 100%;
        }
    }

    .questions-count-field {
        display: flex;
        height: 50px;
        padding: 0px 12px;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;

        .mdl-textfield {
            width: 100%;
        }
    }

    .shuffle-field {
        display: flex;
        height: 50px;
        padding: 0px 12px;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;

        .mdl-switch {
            width: 100%;
        }
    }

    .max-attempt-count-field {
        display: flex;
        height: 50px;
        padding: 0px 12px;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;

        .mdl-textfield {
            width: 100%;
        }
    }

    .show-answers-after-attempt-field {
        display: flex;
        height: 50px;
        padding: 0px 12px;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;

        .mdl-switch {
            width: 100%;
        }
    }
}

/* end of quiz edit component */

/* quiz component */
.course-show-widget .slides-panel {
    .quiz-comp {
    }

    .quiz-comp:not(.not-signed-in) {
        .not-signed-in-message {
            display: none;
        }
    }

    .quiz-comp:not(.not-signed-in.can-register) {
        .register-button {
            display: none;
        }
    }


    .quiz-comp:not(.not-signed-in.can-register) {
        .register-button {
            display: none;
        }
    }

    .quiz-comp.not-signed-in {
        margin-top: 20px;

        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .quiz-comp .not-signed-in-message {
        color: var(--dark-main-color, #50555B);
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        font-size: 15px;
        font-weight: 400;
        line-height: 130%; /* 19.5px */
    }

    .quiz-comp .register-button {
        opacity: 1;
    }

    .quiz-comp.not-signed-in {
        .start-quiz,
        .quiz-message {
            display: none;
        }
    }

    .quiz-comp .start-quiz {
        opacity: 1 !important;
        z-index: 1;

        display: flex;
        height: 36px;
        padding: 10px 20px;
        justify-content: center;
        align-items: center;
        gap: 6px;

        color: var(--white, #FFF) !important;
        font-size: 13px;
        font-weight: 500;
        line-height: 130%; /* 16.9px */
        text-transform: uppercase;

        border: none;
        border-radius: 50px;
        background: var(--light-main-color, #8BC34A);
        cursor: pointer;
    }

    .quiz-comp .quiz-message {
        text-align: center;
        color: var(--dark-main-color, #50555B);
        font-variant-numeric: lining-nums proportional-nums;
        font-size: 15px;
        font-weight: 400;
        line-height: 130%; /* 19.5px */
    }

}

/* end of quiz component */


/* score component */


.course-show-widget {
    .score-page {
        padding: 20px;
        margin-left: 40px;
        margin-right: 40px;
        width: -webkit-fill-available;

        .table {
            width: 100%;
            margin-top: 40px;
            box-shadow: unset;

            & th {
                color: #50555B;
            }

            .total {
                & td {
                    color: #50555B;
                }
            }
        }

        .mdl-data-table__cell--non-numeric, a, .action-button {
            color: var(--green, #8BC34A);
            font-family: Roboto;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 130%; /* 20.8px */
        }
    }

    .score-page:not(.not-signed-in) {
        .not-signed-in-message {
            display: none;
        }
    }

    .score-page.not-signed-in {
        margin-top: 20px;

        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .score-page .not-signed-in-message {
        color: var(--dark-main-color, #50555B);
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        font-size: 15px;
        font-weight: 400;
        line-height: 130%; /* 19.5px */
    }

    .score-page .register-button {
    }

    .score-page.not-signed-in {
        & table {
            display: none;
        }
    }
}

.course-show-widget .slides-panel {
    .overallResults {
        overflow-y: auto;
    }

    .overallResults:not(.not-signed-in) {
        .not-signed-in-message {
            display: none;
        }
    }

    .overallResults:not(.not-signed-in.can-register) {
        .register-button {
            display: none;
        }
    }

    .overallResults.not-signed-in {
        margin-top: 20px;

        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .overallResults .not-signed-in-message {
        color: var(--dark-main-color, #50555B);
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        font-size: 15px;
        font-weight: 400;
        line-height: 130%; /* 19.5px */
    }

    .overallResults .register-button {
    }

    .overallResults.not-signed-in {
        & table {
            display: none;
        }
    }

    .overallResults h1,
    .overallResults tr.total td {
        text-transform: uppercase;
    }

    .overallResults h1 {
        margin: 24px 0;
    }

    .overallResults td,
    .overallResults th {
        color: black;
        opacity: 0.54;
        padding: 0;
    }

    .overallResults button {
        opacity: 1;
    }

    .overallResults table {
        width: 100%;
    }

    .overallResults th {
        font-weight: normal;
        line-height: 40px;
    }
}
/* end of score component */

/* text formatting controls */
.text-formatter-prop {
    .font-size {
        --border-radius: 8px;

        grid-column-start: 5;
        grid-column-end: 8;

        display: flex;
        align-items: center;

        .inc, .dec {
            width: 28px;
            height: 28px;

            border: none;
            color: var(--dark-main-color);
            cursor: pointer;
            outline: none;
        }

        .inc {
            border-top-right-radius: var(--border-radius);
            border-bottom-right-radius: var(--border-radius);
        }

        .dec {
            border-top-left-radius: var(--border-radius);
            border-bottom-left-radius: var(--border-radius);
        }

        .value {
            width: 48px;
            line-height: 24px;
            padding: 2px 0;
            cursor: pointer;

            font-size: 16px;
            text-align: center;
            border: none;
            color: var(--dark-main-color);
        }

        .dropdown {
            display: none;
        }

        .display.visible {
            display: flex;
        }
    }
}

/* end of text formatting controls */

.lw-text {
    display: flex;
    flex-direction: column;
    font-style: initial;
    font-family: initial;
    font-size: initial;
    font-weight: initial;
    letter-spacing: initial;
    word-wrap: break-word;
    margin: 0;
    padding: 3px;
}

.lw-text div {
    width: 100%;
}

/* showing placeholder only when element border is not set */

.lw-text:not([style*="border-style"]):not([style*="border-color"]):not([style*="border-width"])[showplaceholder="true"] {
    border: 1px solid lightgray;
}

/* removing top and bottom paddings created by line-height */
/* zero width and height may affect the placeholder text, so not applicable for empty */

.lw-text:not(:empty)::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
}

.lw-text:not(:empty)::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
}

/* place holder */

.lw-text[showPlaceholder=true]:empty:not(:focus):before {
    content: attr(data-text);
    color: #aaa;
}

/* end of place holder */

.lw-text a {
    overflow-wrap: anywhere;
    color: var(--light-main-color);
}

.lw-text span {
    overflow-wrap: anywhere;
}

.lw-text blockquote,
.lw-text p {
    font-style: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    margin-right: inherit;
    line-height: 100%;
}

.lw-text ol,
.lw-text ul,
.lw-text li {
    font-style: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    margin-right: inherit;
    line-height: 100%;
    margin-block: 0em 0em;
}

.lw-text td {
    vertical-align: top;
}

.lw-text blockquote {
    margin-right: 0;
}

.lw-text p {
    margin: 0;
}

.lw-text ul, .lw-text ol {
    padding-inline-start: 1.5em;
}

.lw-text.editor {
    white-space: pre-wrap;
}

.lw-image {
    overflow: clip;
}

.lw-page:not(.disable-text-enh) {
    .lw-text {
        --line-height: 1.4;
        line-height: var(--line-height) !important;
    }

    .lw-text:not(:empty)::before {
        margin-top: calc((1 - var(--line-height)) * 0.5em);
    }

    .lw-text:not(:empty)::after {
        margin-bottom: calc((1 - var(--line-height)) * 0.5em);
    }

    .lw-text ol,
    .lw-text ul,
    .lw-text li,
    .lw-text blockquote,
    .lw-text p {
        line-height: var(--line-height) !important;
    }

    .lw-text ul, .lw-text ol {
        margin-block: 1em 1em;
    }

    .lw-text li:not(:last-child) {
        margin-bottom: 0.675em;
    }

    .lw-text ul  + ol, .lw-text ol + ul {
        margin-block-start: 0em;
    }
    .lw-text ul:has(+ ol), .lw-text ol:has(+ ul) {
        margin-block-end: 0em;
    }
}
/** Add css rules here for your application. */
/** Example rules used by the template application (remove for your app) */
h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}

/** */
.gwt-Button {
  margin: 0;
  padding: 5px 7px;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
  font-size:small;
  border:1px solid #bbb;
  border-bottom: 1px solid #a0a0a0;
  border-radius: 5px;
 -moz-border-radius: 5px;
  min-width: 80px;
}
.gwt-Button:active {
  border: 1px inset #ccc;
}
.gwt-Button:hover {
  border-color: #939393;
}
.gwt-Button[disabled] {
  cursor: default;
  color: #888;
}
.gwt-Button[disabled]:hover {
  border: 1px outset #ccc;
}
/** */

.sendButton {
	display: block;
	font-size: 16pt;
}

.gwt-RichTextArea {
  margin:0px;
  padding:0px;
  border-collapse: collapse;
  border: 1px solid black;
  background-color: white;
}

.gwt-TextArea {
	font-family: Arial Unicode MS,Arial,sans-serif;
}

.lw-LwFileView-Button {
	min-width: 50px;
}

.lw-label {
	color: #555555;
	text-align: right;
	padding-right: 3px;
	vertical-align: top;
}

.lw-CellTableLink {
	cursor: pointer;
	font-weight: bold;
}

.lw-CellTableLink:hover {
	text-decoration: underline;
}

.lw-LwFileView-PushButton {
	min-width: 18px;
	display: inline;
	padding: 2px 4px 1px 4px !important;
	cursor: pointer;
}

.lw-LogoImage {
	cursor: pointer;
}

.lw-ToolbarMenuBar{
	height: 26px;
	white-space: nowrap;
}

.lw-PopupPanel {
    background: none repeat scroll 0 0 white;
    border: 1px solid #888888;
    padding: 3px;
    min-width: 160px;
    padding: 0;
}

.lw-menuPopupPanel {
    background: none repeat scroll 0 0 white;
    border: 1px solid #888888;
    padding: 3px;
}

.gwt-MenuBar-vertical table {
	width: 100%;
}

.gwt-MenuBar .gwt-MenuItem-disabled {
    color: #C0C0C0 !important;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}

.lwShowPopupImage {
	z-index: 3;
	position: relative;
}

/** Add style for LwDialogBoxView Dialog */
.lwDialogBoxView {
	z-index: 3;
	position: relative;
}

/** Add style for LwPlayerView Dialog */
.lwPlayerView {
	z-index: 3;
	position: relative;
}

/** Close button/link on LwPlayerView Dialog */
.lwPlayerViewClose {
	position: absolute;
	right: 12px;
	top: 8px;
	z-index: 1;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.lwSpliterArrowleft {
	position: relative;
	cursor: pointer;
	right: 0px;
	top: 2px;
}

.lwSpliterArrowright {
	position: absolute;
	cursor: pointer;
	top: 71px;
	left: 0px;
	z-index: 1;
}

.lwMainMenuTitle {
	white-space: nowrap;
}

.lwDialogButtons {
}

/** Start D&D support */


/* ------------ Example ------------ */
.demo-example-panel {
  margin: 1em 1em;
}

DIV.dragdrop-dropTarget {
  /*
     background-color: #FCFCFC;
     border: 1px solid black;
  */
}

DIV.dragdrop-dropTarget-engage {
  /* background: #BCDEFF; lighter blue */
  border-bottom: 2px solid #000000;
}

/* ------------ Main Boundary Panel ------------ */
DIV.demo-main-boundary-panel {
  background: #F8F8F8; /* light gray */
  border: 1px solid blue;
}

/* ------------ RedBoxDraggableWidget ------------ */
.demo-red-box-draggable-widget {
  background-color: #EE0000; /* red */
  border: 2px solid #AA0000; /* dark red */
  text-align: center;
  color: #FFCCCC;
  font-size: 12px;
}

/* ------------ DragHandleExample ------------ */
.demo-DragHandleExample .demo-DragHandleExample-panel {
  background-color: white;
  border: 1px solid green;
  width: 400px;
}

.demo-DragHandleExample .demo-DragHandleExample-textarea {
  width: 95%;
  height: 4em;
}

.demo-DragHandleExample .demo-DragHandleExample-header {
  background-color: #DDEEDD; /* light green */
}

/* ------------ PaletteWidget ------------ */
.demo-PaletteExample .dragdrop-dragging {
  /*filter: alpha(enabled = false);*/
  opacity: 1.0;
}

.demo-PaletteWidget {
  display: inline;
  margin: auto;
}

.demo-PaletteWidget-widget {
  display: inline;
  margin: auto;
  padding: 10px;
}

.demo-PaletteWidget-shim {
  opacity: 0.1;
  filter: alpha(opacity = 10);
  background-color: #0000FF; /* blue */
}

.demo-PalettePanel {
  padding: 4px;
  background-color: white;
  border: 1px solid #0000FF; /* blue */
}

.demo-PalettePanel-header {
  font-weight: bold;
}

/* ------------ General Demo CSS ------------ */
.demo-main-boundary-panel .demo-example-description {
  border-bottom: 1px solid #87B3FF;
  padding: 0.5em 0.3em;
}

.demo-behavior-panel {
  width: 100%;
  background-color: #E8EEF7;
  border: 1px solid #87B3FF;
  margin-top: 1em;
  margin-bottom: 0.2em;
  padding: 0.2em 0.1em;
}

.demo-behavior-panel .demo-behavior-heading {
  font-weight: bold;
  color: blue;
  cursor: help;
}

.demo-behavior-panel .gwt-RadioButton {
  cursor: pointer;
}

.demo-event-text-area {
  border: 1px solid green;
}

.gwt-TabBar .gwt-TabBarItem {
  cursor: pointer;
}
/** End D&D Support */


.validationFailedBorder {
    border: 2px solid #FF0000 !important;;
}

.lwUploadButton {
	color: white;
    font-size: 0;
}

/* workaround for http://code.google.com/p/gwtupload/issues/detail?id=145 */
.lwUploadButton input {
    margin-top: -100px;
}

.lwPreviewImageSelect {
  margin:1px;
  padding:1px;
  border-collapse: collapse;
  border: 2px solid black;
  background-color: white;
}

.lwPreviewImage {
  margin:1px;
  padding:1px;
  border-collapse: collapse;
  border: 2px solid white;
  background-color: white;
}

.dotScreenS {
	text-decoration: none;
	color: #000000;
	cursor: pointer;
	font-size: 16px;
}

.dotScreenM {
	text-decoration: none;
	color: #000000;
	cursor: pointer;
	font-size: 24px;
}

.dotScreenL {
	text-decoration: none;
	color: #000000;
	cursor: pointer;
	font-size: 32px;
}

.navImage {
	cursor: pointer;
}

.audioMediaResource {
	background-color: #F8F8FA;
	border: 1px solid #E4E8F1;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
}

.grade-thumbnail {
    max-width: 50px;
    max-height: 50px;
}

.grade-username {
    max-width: 200px;
}

.grade-red {
    background-color: red;
}

.grade-green {
    background-color: green;
}

.grade-orange {
    background-color: orange;
}

.grade-value {
    min-height: 35px;
    cursor: pointer;
}

.font-small, .font-small table td, .font-small select, .font-small div, .font-small span {
    font-size: 8px;
}

.font-medium, .font-medium table td, .font-medium select, .font-medium div, .font-medium span {
    font-size: 12px;
}

.font-large, .font-large table td, .font-large select, .font-large div, .font-large span {
    font-size: 16px;
}

table.tree_menu_node span.tree_menu_popup_icon {
    visibility: hidden;
}

table.tree_menu_node:hover span.tree_menu_popup_icon {
    visibility: visible;
}


/** Start LearnworksLib CSS */
.lw-selectPanel {
  border: 1px solid green;
}

.lw-componentWidgetSelected {
  border: 3px solid yellow;	
}
/** End LearnworksLib CSS */

video {
    outline: none;
}

.user-block:has(.admin-screen),
.user-block:has(.course-settings-screen) {
    overflow-x: hidden;
    overflow-y: auto;
}

/* ----------------------------------- primitive and technical classes */
.lw-inline {
    display: inline;
}

.lw-block {
    display: block;
}

.disabled {
    pointer-events: none;
    opacity: 0.4;
}

/* ----------------------------------- basic classes */

.mdl-tooltip {
    will-change: unset;
    font-size: 13px;
}

.user-name {
    font-weight: bold;
}

.user-icon {
    background-repeat: no-repeat;
    background-size: contain;
    width: 64px;
    height: 64px;
}

.navigator {
    /*opacity: .54;*/
}

.chevron {
    vertical-align: middle;
}

.lw-wrapped-text {
    word-wrap: break-word;
    white-space: normal;
}

button::-moz-focus-inner {
    border: 0;
}

a:focus {
    outline: none;
}

.absolutePanel123 button,
a.comment button i.material-icons {
    color: #000;
    opacity: 0.54;
}

a.comment {
    line-height: 16px
}

a.comment.selected {
}

a.comment:hover {
}

.noteGlassStyle {
    /* like when MDL left-side menu opens up */
    background-color: rgba(0, 0, 0, .5);
}

a.comment span {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    overflow: hidden;
    float: left;
    width: 20px;
    height: 20px;
    font-size: 10px;
    font-weight: bold;
    background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(224, 224, 224) 100%);
    border: rgb(204, 204, 204) solid 1px;
    box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px;
    box-sizing: border-box;
    line-height: 20px;
}

.commentImage {
    width: 26px;
    display: inline-block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    overflow: hidden;
    float: left;
    margin: 0 8px 4px 0;
}

/* highlighting text for selection */
.mdl-card__title .hl {
    color: rgb(63, 81, 181);
    /*background-color: #ff4081;*/
}

.desc .hl {
    color: #fff;
    background-color: #ff4081;
}

/* style must exist !!! used as selector */
.cancelEditing {
    color: royalblue;
}

.cancelEditing:hover {
    text-decoration: underline;
}

/* style must exist !!! used as selector */
.deleteComment {
    margin-left: 10px;
    color: red;
}

.course.closed {
    order: 3;
}

.deleteComment:hover {
    text-decoration: underline;
}

.commentText {
    line-height: 16px;
    color: #333;
    word-wrap: break-word;
    text-align: justify;
}

.commentText:hover {
    text-decoration: underline;
}

span.gwt-CheckBox label {
    padding-left: 8px;
}

.mdl-layout__header-row span.title,
.mdl-layout__header-row .material-icons {
    font-size: 24px;
    vertical-align: middle;
}

.mdl-layout__header-row .material-icons {
    vertical-align: middle;
}

.lw-dialog-panel {
    position: relative;
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.lw-dialog-title {
    font-family: Roboto, sans-serif;
    margin-bottom: 10px;
    font-size: 1.25em;
    line-height: 2em;
    font-weight: 500;
    letter-spacing: 0.05em;
    -webkit-font-smoothing: antialiased;
}

.lw-dialog-descr {
    color: #acacac;
    font-weight: 340;
    font-size: 16px;
}

.selection-area {
    border: 1px solid #e0e0e0;
}

.lw-dialog-buttons {
    margin-top: 1em;
    margin-bottom: .5em;
    text-align: right;
}

.lw-dialog-panel:has(.uploadLabel:not(:empty)) {
    /* file name to upload populated, moving buttons down */
    .lw-dialog-buttons {
        margin-top: 52px;
    }
}

.uploadLabel {
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    cursor: text;
    bottom: -52px;
    margin-left: 10px;
    position: relative;
    left: -112px;
    width: 400px;
    word-wrap: break-word;
    white-space: normal;
}

.course .main.mdl-card,
.public.cards .lw-signin-card {
    min-height: 150px;
    align-self: flex-start;
    -webkit-transition: -webkit-box-shadow .5s ease;
    -moz-transition: -moz-box-shadow .5s ease;
    -ms-transition: -ms-box-shadow .5s ease;
    -o-transition: -o-box-shadow .5s ease;
    transition: box-shadow .5s ease;
    background-color: rgb(245, 245, 245);
}

.clickable {
    cursor: pointer;
}

.course .main.mdl-card .mdl-card__title {
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.course .main.mdl-card .mdl-card__title-text,
.course .main.mdl-card .mdl-card__subtitle-text {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.course .main.mdl-card > div.mdl-card__menu > button.mdl-button--icon > i.material-icons {
    color: #000 !important;
    opacity: 0.54;
}

div.mdl-cell.cardPreview > .course.mdl-cell.mdl-grid,
div.mdl-cell.cardPreview > .course.mdl-cell.mdl-grid > .mdl-card.main {
    width: 100%;
    margin: 0;
    padding: 0;
}

div.mdl-cell.cardPreview > .course .mdl-cell.desc {
    display: none;
}

div.mdl-cell.cardPreview > .course .mdl-card .mdl-card__supporting-text .desc {
    display: block;
}

.comments-dialog {
    position: absolute;
    overflow: visible;
    left: calc(100% - 450px);
    top: 65px;
    width: 340px;
    height: 510px;
}

/*  ////////////////////////////////////////////////////////////////////////////////////////////////  */

.mdl-layout .mdl-layout__drawer-button {
    color: #424242;
}

main .content-block {
    margin: 0 auto;
    padding: 0;
    clear: both;
}

/* TOC */
.toc {
}

.toc.mdl-grid.mdl-grid--no-spacing {
    padding: 8px;
}

.toc ul,
main .content-block > span {
    margin-left: 8px;
    margin-right: 8px;
}

.toc ul {
    font-size: 13px;
    list-style-type: none;
    border-left: solid 3px #000000;
    padding-left: 20px;
    line-height: 28px;
    opacity: 0.54;
}

.toc ul a {
    color: black;
    font-weight: 400;
    text-decoration: none;
}

/*  eof TOC */

a.comment {
    position: absolute;
    right: 0;
    margin-right: 37px;
    top: 65px;
    z-index: 6;
}


/*                                                                                       */
/*                                  START OF COURSES AND CONTROLS                        */
/*                                                                                       */

footer {
    background: #262626;
    color: #777;
}

footer .column-title {
    display: block;
    margin: 0 0 20px;
    font-size: 1.077em;
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
}

footer .social li {
}

/*           start left side or bottom (on mobile) menu    */

.control {
    position: absolute;
    left: 0;

    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    z-index: 4;
    background-color: #fff;
    box-sizing: border-box;
}

a.mdl-navigation__link.side {
    display: inline-block;
    margin: 0px;
    z-index: 4;
}

.create-course {
    align-self: center;
}

.create-course i.material-icons {
    font-size: 48px;
    /*color: #ff4081;*/
}

.returnToCourses {
    position: fixed;
    bottom: 20px;
    right: 32px;
}

.enrollCourse {
    position: fixed;
    bottom: 20px;
    right: 32px;
}

.courses-top-block {
    display: none;
}

.forum-group-container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.thread, .found-thread, .message-content {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

h1 {
    text-align: left;
    margin-top: 14px;
    margin-bottom: 0;
    font-size: 24px;
    opacity: 0.54;
}

h1 a {
    text-decoration: none;
    color: black;
}

h1 a:hover {
    text-decoration: underline;
    cursor: pointer;
}

h1.navigator a,
h1.navigator a + .material-icons.chevron {
    color: rgba(0, 0, 0, .87);
    opacity: 1;
}

.continue-where-you-left-off {
    font-size: 13px;
    position: relative;
    left: 0;
    top: 0;
    color: #aaa;
    margin-top: -8px;
    margin-bottom: 8px;
    display: inline-block;
    overflow: hidden;
}

.new-button {
    position: fixed;
    bottom: 24px;
    right: 44px;
    z-index: 10;
    -webkit-transform: translateZ(0)
}

.user-block > div > .content-block {
    margin: 0 72px 0 96px;
}

.forums-screen h1,
.forums-screen .continue-where-you-left-off {
    margin-left: 14px;
}

.thread, .found-thread {
    width: calc(100% - 2em);
    overflow: hidden;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

.groupWithThread {
    width: 50%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    flex: none;
    padding-bottom: 2em;
}

.groupWithThread .thread {
    width: 100%;
    display: block;
}

.groupThread a {
    color: black;
    font-size: 1.8em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    opacity: 0.54;
    text-decoration: none;
}

.groupThread a:hover {
    text-decoration: underline;
}

.thread a, .found-thread a {
    color: black;
    opacity: 0.54;
    word-wrap: break-word;
    text-align: justify;
    text-decoration: none;
}

.thread a:hover, .found-thread a:hover {
    text-decoration: underline;
}

.thread span {
    width: 26px;
    overflow: hidden;
    float: left;
    margin: 0 8px 4px 0;
    vertical-align: middle;
    text-align: center;
}

.thread span i {
    font-size: 0.875em;
}

.thread, .found-thread {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.threadContent {
    display: inline-block;
    width: calc(100% - 12em);
    opacity: .54;
}

.threadFirstLine, .threadSecondLine {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.thread-link {
    color: black;
    text-decoration: none;
}

.topThread {
    width: 100%;
    max-height: 4em;
    font-size: 2em;
    padding: 0.5em;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    flex: none;
}

.topThread a {
    color: black;
    opacity: 0.54;
    word-wrap: break-word;
    text-align: justify;
    text-decoration: none;
    font-size: 1em;
}

.topThread a:hover {
    text-decoration: underline;
}

.topThread .forumGroupName {
    color: black;
    opacity: 0.54;
    font-size: 0.4em;
    padding-top: 4px;
}

.topThreadCourse {
    width: calc(50% - 2em);
    max-height: 3.2em;
    font-size: 2em;
    padding: 0.5em;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.topThreadCourse a {
    color: black;
    opacity: 0.54;
    word-wrap: break-word;
    text-align: justify;
    text-decoration: none;
    font-size: 1em;
}

.topThreadCourse a:hover {
    text-decoration: underline;
}

.form-layout {
    width: 450px;
    margin-left: calc((100% + 72px - 450px) / 2 - 72px);
}

.full-size-input {
    width: 100%
}

.forum-search-result-items, .forum-group-items-container {
    width: 80%;
}

.certificates-container {
    width: 70%;
}

.forum-search-result-filter {
    width: 20%;
}

.dasboard-pending-requests {
    width: 33.3333%;
}

.dashboard-container {
    display: flex;
}

.share-page {
    position: absolute;
    z-index: 6;
    top: 160px;
    right: 47px;
}

.add-bookmark {
    position: absolute;
    right: 0;
    margin-right: 47px;
    top: 110px;
    z-index: 6;
}

.cards-two-columns a {
    background-size: 300px 200px;
    height: 190px;
}

.cards-two-columns.mdl-card {
    height: 290px;
}

@media (min-width: 1025px) {

    .control {
        padding-top: 72px;
        width: 72px;

        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-direction: column;

        height: 100%;
    }

    a.mdl-navigation__link.side {
        padding: 10px
    }
}

@media (min-width: 481px) and (max-width: 1024px) {

    .control {
        padding-top: 60px;
        width: 72px;

        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;

        height: 100%;
    }
}

.dev-border {
    border: 1px solid red;
}

/* phone */
@media (max-width: 479px) {

    .lw-signin-card {
        display: none !important;
    }

    .courses-top-block {
        display: block;
    }

    /* todo .control not needed, I guess (alex) */
    .control {
        height: 56px;
        min-height: 56px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        order: 0;
        padding-left: 56px;

        box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px;

        width: 100%;
    }

    a.mdl-navigation__link.side {
        padding: 16px
    }
}

.search-page-name {
    display: none;
    width: calc(33.3333333333% - 16px);
    color: black;
    opacity: 0.54;
    vertical-align: text-top;
    margin-bottom: 0.5em;
    margin-left: calc(-33.3333333333% + 16px);;
}

/* device with touchscreen */
.touch .search-page-name {
    display: inline-block;
}

.touch .box .mdl-tooltip {
    display: none;
}

.touch .thread,
.touch .topThread,
.touch .topThreadCourse,
.touch .groupWithThread,
.touch .found-thread {
    width: 100%;
}

/*                                                                                       */
/*                                  END OF COURSES AND CONTROL                           */
/*                                                                                       */

.chapter-title:before {
    background: no-repeat url("//material-design.storage.googleapis.com/images/separator.svg") right center;
    background-size: contain;
    content: '';
    float: left;
    height: 64px;
    margin: 0 .7em 0 .8em;
    width: .4em
}

.mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px;
}

.mdl-textfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    max-width: .1px;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

body {
    margin: 0;
}

/* Disable ugly boxes around images in IE10 */
a img {
    border: 0px;
}

::-moz-selection {
    background-color: #6ab344;
    color: #fff;
}

::selection {
    background-color: #6ab344;
    color: #fff;
}

.android-search-box .mdl-textfield__input {
    color: rgba(0, 0, 0, 0.87);
}

.android-header .mdl-menu__container {
    z-index: 50;
    margin: 0 !important;
}

.mdl-textfield--expandable {
    width: auto;
}

.gwt-PopupPanel {
    padding: 3px;
    background: white;
}

.Caption {
    height: 10px;
    background: linear-gradient(#efefef, #ffffff);
}

/*StackLayoutPanel */

.gwt-StackLayoutPanel {
    border-bottom: 1px solid #bbbbbb;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader {
    cursor: hand;
    font-weight: bold;
    font-size: 1.3em;
    padding: 3px;
    border: 1px solid #bbbbbb;
    border-bottom: 0px;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader-hovering {
    background: #d3def6;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent {
    border: 1px solid #bbbbbb;
    border-bottom: 0px;
    background: white;
    padding: 2px 2px 10px 5px;
}

/*ToggleButton */

.gwt-ToggleButton-up,
.gwt-ToggleButton-up-hovering,
.gwt-ToggleButton-up-disabled,
.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
    margin: 0;
    text-decoration: none;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.gwt-ToggleButton-up,
.gwt-ToggleButton-up-hovering,
.gwt-ToggleButton-up-disabled {
    padding: 3px 5px 3px 5px;
}

.gwt-ToggleButton-up {
    border: 1px solid #bbb;
    border-bottom: 1px solid #a0a0a0;
    cursor: hand;
}

.gwt-ToggleButton-up-hovering {
    border: 1px solid;
    border-color: #939393;
    cursor: hand;
}

.gwt-ToggleButton-up-disabled {
    border: 1px solid #bbb;
    cursor: default;
    opacity: .5;
    zoom: 1;
    filter: alpha(opacity=45);
}

.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
    padding: 4px 4px 2px 6px;
}

.gwt-ToggleButton-down {
    background-position: 0 -513px;
    border: 1px inset #666;
    cursor: hand;
}

.gwt-ToggleButton-down-hovering {
    background-position: 0 -513px;
    border: 1px inset;
    border-color: #9cf #69e #69e #7af;
    cursor: hand;
}

.gwt-ToggleButton-down-disabled {
    background-position: 0 -513px;
    border: 1px inset #ccc;
    cursor: default;
    opacity: .5;
    zoom: 1;
    filter: alpha(opacity=45);
}

/*Tree  */

.gwt-Tree .gwt-TreeItem {
    padding: 1px 0px;
    margin: 0px;
    white-space: nowrap;
    cursor: pointer;
}

.gwt-Tree .gwt-TreeItem-selected {
    background: #ebeff9;
}

.gwt-TreeItem .gwt-RadioButton input,
.gwt-TreeItem .gwt-CheckBox input {
    margin-left: 0px;
}

* html .gwt-TreeItem .gwt-RadioButton input,
* html .gwt-TreeItem .gwt-CheckBox input {
    margin-left: -4px;
}

/*PushButton */

.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled,
.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
    margin: 0;
    text-decoration: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
}

.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled {
    padding: 3px 5px 3px 5px;
}

.gwt-PushButton-up {
    border: 1px solid #bbb;
    border-bottom: 1px solid #a0a0a0;
    cursor: hand;
}

.gwt-PushButton-up-hovering {
    border: 1px solid;
    border-color: #939393;
    cursor: hand;
}

.gwt-PushButton-up-disabled {
    border: 1px solid #bbb;
    cursor: default;
    opacity: .5;
    filter: alpha(opacity=45);
    zoom: 1;
}

.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
    padding: 4px 4px 2px 6px;
    outline: none;
}

.gwt-PushButton-down {
    border: 1px inset #666;
    cursor: hand;
}

.gwt-PushButton-down-hovering {
    border: 1px solid #939393;
    border-top: 1px solid #333333;
    cursor: hand;
}

.gwt-PushButton-down-disabled {
    border: 1px outset #ccc;
    cursor: default;
    opacity: 0.5;
    filter: alpha(opacity=45);
    zoom: 1;
}

.lw-screen-form > div, .lw-screen-form label {
    width: 100%;
}

.page.popup {
    z-index: 1;
}

.pages .desc {
    font-size: x-small;
}

.image-zoom {
    z-index: 6;
    border: 1px solid #3F51B5;
    overflow: hidden !important;
}

.login-lowercase-text {
    text-transform: lowercase;
}

.trainers {
    position: relative;
    margin: 8px 0;
}

.trainers2 {
    margin-top: 75%;
    box-sizing: border-box;
}

.trainers3 {
    position: absolute;
    top: -2px;
    left: 2px;
    bottom: -2px;
    right: 2px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    box-sizing: border-box;
}

.trainers-cell {
    margin: 2px;
    width: calc((100% + 4px) * 0.375 - 2px);
    height: calc(50% - 4px);;
    display: table;
    text-align: center;
}

.correct-font-family {
    font-family: "Helvetica", "Arial", sans-serif;
}

.mdl-popup,
.nested-popup {
    z-index: 1000;
    background-color: #fff;
}

.mdl-popup {
    z-index: 1000;
}

.nested-popup {
    z-index: 1001;
}

.cur-auto {
    cursor: auto;
}

.material-icons,
.material-icons-outlined {
    opacity: 0.54;
}

.fa {
    opacity: 0.54;
}

.without-padding-top {
    padding-top: 0;
}

.more-settings-dropdown-list {
    min-width: 60px;
}

.visits {
    visibility: hidden;
}

h3 {
    opacity: .54;
}

.mdl-button[disabled] {
    opacity: 0.54;
}

.hidden {
    display: none !important;
}

.mdl-button[disabled] .lw-mdi-button {
    color: inherit;
}

.mdl-button .lw-mdi-button {
    vertical-align: middle;
}

.lw-mdi-button {
    color: #000000;
    /*opacity: 0.54;*/
    font-size: x-large;
}

.course.bordered {
    border: 1px solid #ccc;
    box-shadow: 7px 7px 3px #ccc;
}

.lw-toc-questions-templates-panel {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 60px;
    padding: 16px;
}

.lw-toc-questions-templates-panel-view-mode {
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    bottom: 60px;
    padding: 16px;
    overflow-y: auto;
    padding-top: 0;
    padding-bottom: 0;
}

.lw-left-sider-botom-panel-toggle-button {
    bottom: 5px;
    padding-right: 10px;
}

.lw-active-broadcast {
    color: deeppink;
}

textarea:focus, input:focus {
    outline: none;
}

.lw-record-button {
    vertical-align: baseline;
}

.lw-tooltip-auido-visible {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.mdl-icon-toggle__label.material-icons {
    color: black;
}

.lw-left-alignment-for-head-row {
    text-align: left;
}

.semi-opaque {
    opacity: 0.54;
}

/* synchronize lw-dot with MdlDot.DOT_SIZE */
.lw-dot {
    width: 31px;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24);
    font-size: 18px;
    /*color: white;*/
}

.comment > .mdl-badge.mdl-badge--overlap:after {
    right: -8px;
    top: -8px;
}

.gray-background-circle {
    background-color: lightgrey;
}

.display-inline-block {
    display: inline-block;
}

.display-inline-block > .mdl-button {
    min-width: 0px;
}

.paginator > .mdl-button {
    min-width: 0px;
}

.DecoratedFileUpload-button {
    display: inline-flex;
    align-items: center;
}

.incorrect-answer.mdl-radio .mdl-radio__label,
.incorrect-answer.mdl-checkbox .mdl-checkbox__label,
.mdl-textfield.incorrect-answer .mdl-textfield__input {
    text-decoration: line-through;
    color: red;
}

.correct-answer::before {
    color: green;
    content: "\2192";
    display: inline-block;
    position: absolute;
    left: -30px;
    top: -2px;
    font-size: x-large;
}

.stub-for-quiz-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.stub-for-quiz p {
    font-size: x-large;
    color: #000000;
    opacity: 0.54;
}

/* forum link in course title */
.mdl-layout-title span a {
    margin-left: 0.25em;
}

.orgTemplateSelectDiv .mdl-list {
    margin: 0;
    padding: 0;
}

.orgTemplateSelectDiv .mdl-list__item {
    padding: 4px;
    min-height: 20px;
}

.coursesSelectContainer {
    display: flex;
    padding: 10px
}

.valuesSelectDiv {
    overflow-y: auto;
    width: calc(100% - 40px); /* --40 is for left padding compensation in order to move scrollbar into correct place */
}

.common-header-new-button {
}

/* ----------------------------------- forum-thread classes */

.search-button-with-right-control-panel-opened {
    right: 320px;
}

.lw-richtext p {
    margin: 0;
    padding: 0;
    line-height: 20px;
}

.forum-thread a:link, .forum-thread a:visited, .forum-thread a:hover {
    text-decoration: none;
    color: black;
}

.forum-thread a:hover {
    cursor: pointer;
}

@media (max-width: 800px) {
    .forum-thread .message-view {
        display: flex;
        flex-direction: column;
        margin-bottom: 2em;
    }

    .forum-thread .message-attachments {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .forum-thread .message-content, .forum-thread-content {
        width: 100%;
        min-width: 100%;
    }
}

@media (min-width: 801px) {
    .forum-thread .message-view {
        display: flex;
        flex-direction: row;
        margin-bottom: 1.5em;
    }

    .forum-thread .message-attachments {
        width: 30%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .forum-thread .message-content, .forum-thread-content {
        width: 70%;
        min-width: 70%;
    }
}

.forum-thread .message-content .user-icon {
    float: left;
    margin: 0 1.5em 1.5em 0;
}

.rounded {
    border-radius: 50%;
}

.forum-thread .message-content .actions {
    visibility: hidden;
    margin-top: -6px; /*vertical alignment of actions button*/
    margin-left: 6px; /*distance before */
    margin-right: -32px;
}

.forum-thread .message-content:hover .actions {
    visibility: visible;
}

.forum-thread .topic-start .message-content {
    margin-top: 2em;
}

.forum-thread .attachment {
    margin-right: 1em;
    margin-bottom: 1em;
    display: inline-block;
}

.forum-thread .thumbnail {
    margin-left: auto;
    margin-right: auto;
    width: 64px;
    height: 64px;
    display: block;
}

/* ----------------------------------- end of forum-thread classes */

.return-to-course-button-on-settings-screen {
    margin: 4px !important;
    width: 48px;
    height: 48px;
    padding: 0 !important;
    line-height: 50px;
    text-align: center;
}

.open-forum-button {
    position: absolute;
    right: 0;
    margin-right: 45px;
    top: 65px;
    z-index: 6;
}

.society .main.mdl-card {
    min-height: 150px;
}

.society-cell {
    width: 95%;
}

.society-tenants {
    font-size: large;
    margin-top: -15px;
    margin-bottom: 10px;
}

.society-groups {

}

.society-memberType {
    margin-top: 40px;
}

.invitation-cell-buttons {
    margin-top: 20px;
}

.society-organization .main.mdl-card {
    min-height: 100px;
}

.society-organization {
    width: 50% !important;
}

.society-organization-cell {
    width: 95%;
}

.society-organizations {
    width: 100% !important;
}

.society-organization-tenant-url {
    font-size: large;
    margin-top: -15px;
    margin-bottom: 20px;
}

.administrators-list-avatar {
    width: 58px;
    height: 58px;
    margin-right: 10px;
}

.administratorsSelectDiv ul {
    padding: 0;
}

.modal-course-category {
    width: 500px;
    font-size: initial;
}

.modal-course-title {
    padding-top: 10px;
    padding-bottom: 10px;
}

.modal-course-pictures {
    display: flex;
}

.modal-course-preview {
}

.modal-course-preview-page {
    width: 250px;
    min-height: 150px;
    background-repeat: no-repeat;
    background-size: contain;
}

.modal-course-trainers {
    width: 150px;
    height: 150px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.modal-course-description, .modal-course-title {
    width: 500px;
}

.modal-trainers-cell {
    margin: 2px;
    width: calc(33% - 6px);
    height: 0;
    padding-bottom: calc(33% - 6px);
    text-align: center;
    position: relative;
}

.modal-trainers-cell::before {
    content: "";
    display: block;
    margin-top: 30%;
}

.category-trainers-cell {
    margin: 2px;
    width: calc(100% - 4px);
    text-align: center;
    position: relative;
    display: inline-block;
}

.category-trainers-cell::before {
    content: "";
    display: block;
    margin-top: 100%;
}

.modal-trainers-cell-inner {
    vertical-align: middle;
    font-size: 1.5em;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 1.5em;
    margin: auto;
}

.gwt-DialogBox .Caption {
    display: none;
}

.course-card-pictures {
    width: 40%;
    float: right;
}

.courses.public .mdl-card.lw-signin-card {
    order: 2 !important;
    padding: 16px;
    margin: 8px 8px 8px 124px;
}

.organization-desc {
    font-size: smaller;
    display: inline-block;
}

.open-forum-card .category {
    min-height: 1.5em;
    font-size: 14px;
}

.top-tabs {
    display: inline-flex;
}

.open-forum-card .threads {
    /*min-height: 9em;*/
}

.open-forum-card .threads a:nth-child(odd) {
    background: #CCC;
}

.open-forum-card .threads a:nth-child(even) {
    background: #FFF;
}

.open-forum-card .threads div div {
    background: none !important;
}


.open-forum-card .title {
    display: block;
}

.open-forum-card .thread-line {
    min-height: 1.5em;
}

.open-forum-card .thread-line .thread-name {
    width: calc(100% - 100px);
    overflow: hidden;
    display: inline-block;

}

.open-forum-card .thread-line .thread-date {
    width: 90px;
    margin-left: 5px;
    display: inline-block;
}

.open-forum-card a {
    text-decoration: none;
    color: rgba(0, 0, 0, .54);
}

.attachmentClass {
    margin-right: 1.5em;
}

.closed-course-card .title {
    width: calc(100% - 25px); /*25 space for popup dialog button right to card name*/
}

.closed-course-card .description {
    max-height: 4em;
}

main .related-to.content-block > span {
    margin-left: 0px;
    margin-right: 0px;
}

.forum-search-result {
    width: 100%;
    /*    margin-bottom: 10px;*/
}

.forum-search-result > .found-thread > .thread-topic {
    display: inline;
}

.forum-search-result > .found-thread > .thread-topic a {
    text-decoration: none;
}

.forum-search-result > .found-thread > .forum-group {
    display: inline;
    margin-left: 20px;
}

.results-count {
    margin-bottom: 10px !important;
    display: flex;
    align-items: center;
}

/* highlighting text for selection on forum search result screen */
.found-phrase .hl {
    font-weight: bold;
    color: black;
    background-color: inherit;
}

.lw-forum-group-filter-line {
    background: none !important;
}

.mdl-checkbox__label {
    font-size: inherit;
}

.forum-search-results-filter-line {
    cursor: pointer;
}

.course-forum-search-result-screen h1 {
    margin-top: 0;
}

.material-icons.md-18 {
    font-size: 18px !important;
    height: 18px !important;
    width: 18px !important;
}

.material-icons.md-24 {
    font-size: 24px !important;
    height: 24px !important;
    width: 24px !important;
}

.material-icons.md-36 {
    font-size: 36px !important;
    height: 36px !important;
    width: 36px !important;
}

.material-icons.md-48 {
    font-size: 48px !important;
    height: 48px !important;
    width: 48px !important;
}

.bookmark-card {
    min-height: 0 !important;
}

.message-content {
    display: flex;
    justify-content: space-between;
}

#learning-path-link {
    display: none;
}

.mdl-textfield.is-focused.no-focus .mdl-textfield__label::after {
    visibility: hidden;
}

.cur-auto-important {
    cursor: auto !important;
}

.contentTemplateWidget {
    margin-top: 15px;
}

.mdl-textfield.mdl-combo-text {
    width: 100%;
    padding-right: 40px;
}

.new-template-button {
    margin-left: 20px;
    margin-bottom: 7px;
}

.mdl-chip {
    margin: 4px;
}

.mdl-data-table .allow-wrap {
    white-space: normal;
}

.mdl-data-table .semi-opaque {
    opacity: 0.54;
}

.mdl-dialog.centered {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    /* max() is needed to handle the case when dialog height is bigger
    than page height, so we translate only on the half of page height -50vh */
    transform: translate(-50%, max(-50%, -50vh));
    width: auto;
}

.mdl-dialog {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.10);
}

.properties {
    width: 100%;
    height: 100%;
}

.properties .mdl-textfield.mdl-combo-text .mdl-textfield__input[disabled] {
    color: rgba(0, 0, 0, 1);
}

.text-shadow-unset {
    text-shadow: unset !important;
}

.no-border {
    border: 0 !important;
}

.text-align-center {
    text-align: center !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

/*ValueGridPanel*/
.valueGridPanelTitlePanel {
    height: 30px;
    width: 100%;
    text-align: center;
    padding-top: 5px;
}

.ValueGridPanel {
    position: absolute;
    z-index: 22;
    display: flex;
    flex-wrap: wrap;
    height: 0px;
    border: 1px solid lightgray;
    transition: all 500ms ease-out;
    overflow: auto;
    background: white;
    padding-bottom: 15px;
}

.ValueGridPanel-height-remove {
    height: 0px;
}

.ValueGridPanel-height {
    height: 100px;
}

/*end ValueGridPanel*/
.button_gray {
    color: gray;
    height: 22px !important;
    line-height: unset !important;
}

.mdl-layout__drawer-button {
    top: -11px;
}

.currentUserWidget {
    display: flex;
    align-items: center;
    width: 130px;
    justify-content: space-around;
    padding-top: 5px;
}

.comment-overview .mdl-badge.mdl-badge--overlap:after {
    top: -3px;
}

.autocomplete-scroll-panel_2 {
    /*  position: absolute;*/
    background: white;
    z-index: 333333;
    width: max-content;
    margin-top: -20px;
}

.autocomplete-scroll-panel .scroll-style,
.mdl-list.scroll-style {
    display: block !important;
    max-height: 250px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.placeHolder2ComputedStyle {

    display: block;
    font: normal normal normal normal 12px/12px Roboto, sans-serif;
    top: -6px;
    position: relative;
}

.mm:hover {
    border-bottom: 1px solid gray;
}

.placeHolderComputedStyle {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.6);
    display: block;
    font: normal normal normal normal 12px/12px Roboto, sans-serif;
}

.placeHolder2ComputedStyle {
    display: block;
    font: normal normal normal normal 12px/12px Roboto, sans-serif;
    top: -6px;
    position: relative;
}

.list-is-selected {
    background-color: #e0e0e0;
}

.rootStyleCreateDialog {
    width: 620px !important;
    padding: 20px;

}

.rootStyleCreateDialogMain {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.courseStat .mdl-badge.mdl-badge--overlap:after,
.pageStat .mdl-badge.mdl-badge--overlap:after {
    right: -24px;
}

.rootSingleUserPanelStepThree {
    margin: auto;
    height: 50%;
    position: relative;
    top: 37%;
    color: green;
}

.rootSingleUserPanel {
    height: 500px;
}

.rootSingleUserPanelStaff {
    height: 427px;
}

.form-item {
    margin-top: 8px;
    margin-bottom: 8px;
}

.lw-form-style {
    border: 1px solid lightgray;
    padding: 32px !important;
    width: 500px;
    border-radius: 16px;
}

.title-block {
    margin-top: 40px !important;
    margin-bottom: 16px !important;
}

.admin-block {
    margin-top: 40px !important;
}

/* course show */
.leftUpperPanel {
    width: 50px;
    padding: 10px;
}

.centerUpperPanel {
    width: 100%;
    padding: 10px;
}

.rightUpperPanel {
    width: 250px;
    padding: 10px;
    display: flex;
    justify-content: space-around;
}

.display-none {
    display: none;
}

.btn_more_vert {
    border: unset;
    background: transparent;
}

.addBtnCoursesStyle {
    margin-left: 20px;
}

/* editor */
.icons_font_size {
    font-size: x-large;
    color: white;
}

.icons_color {
    color: white;
}

/* end of editor */

/* presenter note */
.presenterNote {
    position: fixed;
    bottom: 0;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-color: #ccc;
    width: 40%;
    z-index: 6;
    padding: 4px;
    margin: 0 30% 0 30%;
    background-color: #eee;
    transition: all .3s ease;
    box-shadow: rgb(170 170 170) 8px 8px 5px;

    @media screen and (width < 1000px) {
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    .mdl-typography--subtitle {
        line-height: 24px;
    }

    .topPanel {
        cursor: pointer;
    }

    .show-hide {
        float: right;
    }

    .show-hide::before {
        content: "expand_more";
    }

    & textarea {
        width: calc(100% - 4px - 4px);
        margin-top: 4px;
        border-color: #ddd;
    }
}

.presenterNote.collapsed {
    width: 24%;
    margin: 0 38% 0 38%;

    .show-hide::before {
        content: "expand_less";
    }

    & textarea {
        display: none;
    }
}

.course-show-widget .presenterNote {
    background-color: #FCFAA3;
}

/* end of presenter note */
/* palette disabled */
.pcr-selection {
    height: unset !important;
}

.pcr-color-palette {
    display: none !important;
}

.pcr-color-preview {
    display: none !important;
}

.pcr-selection {
    display: none !important;
}

/*end palette disabled */
.addBtnCoursesStyle {
    margin-left: 20px;
}

/*scrollable table */
.header-table {
    width: 100%;
}

.header-table tbody {
    display: none;
}

.body-table thead {
    display: none;
}

.body-table {
    width: 100%;
    table-layout: fixed;
    margin-top: -1px;
}

.body-table td div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.scrollable-panel {
    position: relative;
    overflow: auto;
    max-height: 500px;
    width: 100%;
}

/*end scrollable table */
.right-sider {
    right: 0;
    transition: right 0.2s linear 0s;
}

.mdl-layout__obfuscator {
    z-index: 10 !important;
}

/*simple dropdown*/
.icons_color_black {
    color: black !important;
    font-size: x-large;
}

.simple_drop_down {
    background: #fff;
    border: 1px solid #ccc;
    border-color: rgba(0, 0, 0, .2);
    color: #000;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    display: none;
    position: absolute;
    right: -45px;
    top: 20px;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    -webkit-border-radius: 2px;
    -webkit-user-select: text;

    margin: 20px 33px;
    max-height: calc(100vh - 62px - 100px);
    border-radius: 8px;
    margin-left: 12px;
    overflow-y: auto;
    overflow-x: hidden;
    outline: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 991;
    line-height: normal;
}

/*end simple dropdown*/

.mdl-button:hover {
    background-color: #eaeaea !important;
}

/*pin*/
.row-pinned {
    background: #eee !important;
}


footer {
    background: #262626;
    color: #777;
    padding-bottom: 5em;
    animation: visibilityAnimation 0s 1s forwards;
    opacity: 0;
    font-family: 'Open Sans';
}

@keyframes visibilityAnimation {
    to {
        opacity: 1;
    }
}

footer a {
    color: #999;
}

footer a img {
    border: 0;
}

footer .column-title {
    display: block;
    margin: 0 0 20px;
    font-size: 1.077em;
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
}

footer .social ul {
    padding: 0;
}

footer .social li {
    list-style: none;
    padding: 0.25em;
    float: left;
}

/*
  layout.css - defines general layout of application, i.e
  toolbar, menu, header, footer locations.
*/

/* Header behaviour */

#header {
    z-index: 10;
	width: 1410px;
	height: 32px;
}

* html #header {
    height: 102px;
}

#logo {
	position: relative;
	width: 213px;
	height: 22px;
	z-index: 1;
	top: 5px;
	left: 10px;
}

.push{
	position: relative;
	height: 27px;
}

.container {
	padding: 1px 1px 1px 1px;
	margin: 0 auto;
}

.navtabs .title {
	font-size: 24px;
	font-weight: normal;
	color: black;
	padding-bottom: 10px;
}

.paragraph, .voice {
    margin-bottom: 10px;
}

.link {
    color: blue;
    cursor: pointer;
}

.link:hover {
    text-decoration: underline;
}

.topMenu {
}
.topMenu .card {
    color: #000;
    opacity: .54;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding: 24px 16px;
    height: 128px;
    text-decoration: none;
}
.topMenu .card.active {
    color: #fff;
    background-color: #42A5F5;
}
.topMenu .card .title {
    text-transform: uppercase;
    flex-grow: 1;
    font-size: 20px;
    font-weight: bold;
}
.topMenu .card.active .title {
    color: #fff;
}
.topMenu .card .icon {
    line-height: 64px;
}
.topMenu .card .icon i.mdi {
    font-size: 64px;
}

.adyen-checkout__spinner__wrapper{align-items:center;display:flex;height:100%;justify-content:center}.adyen-checkout__spinner__wrapper--inline{display:inline-block;height:auto;margin-right:8px}[dir=rtl] .adyen-checkout__spinner__wrapper--inline{margin-left:8px;margin-right:0}.adyen-checkout__spinner{-webkit-animation:rotateSpinner 1.5s linear infinite;animation:rotateSpinner 1.5s linear infinite;border:3px solid #06f;border-radius:50%;border-top-color:transparent;height:43px;width:43px}.adyen-checkout__spinner--large{height:43px;width:43px}.adyen-checkout__spinner--small{border-width:2px;height:16px;width:16px}.adyen-checkout__spinner--medium{height:28px;width:28px}@-webkit-keyframes rotateSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
.adyen-checkout__button{background:#00112c;border:0;border-radius:6px;color:#fff;cursor:pointer;font-size:1em;font-weight:500;height:48px;margin:0;padding:15px;text-decoration:none;transition:background .3s ease-out,box-shadow .3s ease-out;width:100%}.adyen-checkout__button:focus{box-shadow:0 0 0 2px #99c2ff;outline:0}.adyen-checkout__button:hover{background:#1c3045;box-shadow:0 0,0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14)}.adyen-checkout__button:active{background:#3a4a5c}.adyen-checkout__button:hover:focus{box-shadow:0 0 0 2px #99c2ff,0 3px 4px rgba(0,15,45,.2)}.adyen-checkout__button:disabled,.adyen-checkout__button:disabled:hover{box-shadow:none;cursor:not-allowed;opacity:.4;-webkit-user-select:all;-moz-user-select:all;user-select:all}.adyen-checkout__button.adyen-checkout__button--loading{background:#687282;box-shadow:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adyen-checkout__button.adyen-checkout__button--pay{margin-top:24px}.adyen-checkout__button.adyen-checkout__button--pay:disabled{opacity:1}.adyen-checkout__button.adyen-checkout__button--standalone{margin-top:0}.adyen-checkout__button.adyen-checkout__button--inline{display:block;font-size:.81em;height:auto;padding:10px 8px;width:auto}.adyen-checkout__button.adyen-checkout__button--ghost{background:none;border:0;color:#00112c}.adyen-checkout__button.adyen-checkout__button--ghost:hover{background:#f7f8f9;box-shadow:none}.adyen-checkout__button.adyen-checkout__button--ghost:active{background:#e6e9eb;box-shadow:none}.adyen-checkout__button.adyen-checkout__button--secondary{background:rgba(0,102,255,.1);border:1px solid transparent;color:#06f;padding:10px 12px}.adyen-checkout__button.adyen-checkout__button--secondary:hover{background:rgba(0,102,255,.2);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--secondary:active,.adyen-checkout__button.adyen-checkout__button--secondary:active:hover{background:rgba(0,102,255,.3);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--link{background:transparent;border:1px solid transparent;border-radius:3px;color:#06f;font-weight:400;padding:2px}.adyen-checkout__button.adyen-checkout__button--link:hover{background:transparent;box-shadow:none;text-decoration:underline}.adyen-checkout__button.adyen-checkout__button--completed,.adyen-checkout__button.adyen-checkout__button--completed:active,.adyen-checkout__button.adyen-checkout__button--completed:active:hover,.adyen-checkout__button.adyen-checkout__button--completed:hover{background:#0abf53;color:#fff}.adyen-checkout__button.adyen-checkout__button--completed .adyen-checkout__button__icon{filter:brightness(0) invert(1)}.adyen-checkout__button__content{align-items:center;display:flex;height:100%;justify-content:center}.adyen-checkout__button__icon{margin-right:12px}[dir=rtl] .adyen-checkout__button__icon{margin-left:12px;margin-right:0}.adyen-checkout__button__text{display:block;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__button .adyen-checkout__spinner{border-color:transparent #fff #fff}
.adyen-checkout__fieldset{display:block;padding-bottom:8px;width:100%}.adyen-checkout__fieldset:last-of-type{padding-bottom:0}.adyen-checkout__fieldset+.adyen-checkout__fieldset{margin-top:16px}.adyen-checkout__fieldset__title{color:#687282;display:block;font-size:.68em;font-weight:700;letter-spacing:1px;margin:0;padding:0 0 12px;text-transform:uppercase}.adyen-checkout__field-group,.adyen-checkout__fieldset__fields{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.adyen-checkout__field-group:last-of-type .adyen-checkout__field{margin-bottom:0}.adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields{color:#00112c;font-size:.81em;line-height:19px;margin:0}
.adyen-checkout__field{display:block;margin-bottom:16px;width:100%}.adyen-checkout__field:last-of-type{margin-bottom:0}.adyen-checkout__label{display:block}.adyen-checkout__helper-text,.adyen-checkout__label__text{color:#00112c;display:block;font-size:.81em;font-weight:400;line-height:13px;padding-bottom:5px}.adyen-checkout__helper-text{color:#687282}.adyen-checkout__label__text{display:block;overflow:hidden;text-overflow:ellipsis;transition:color .1s ease-out;white-space:nowrap}.adyen-checkout__label__text--error{color:#d10244}.adyen-checkout__label--focused .adyen-checkout__label__text{color:#06f}.adyen-checkout__error-text{align-items:center;color:#d10244;display:flex;font-size:.75em;font-weight:400;margin-top:4px}
.adyen-checkout__radio_group+.adyen-checkout-input__inline-validation{display:none}.adyen-checkout__radio_group__input{opacity:0;position:absolute}.adyen-checkout__radio_group__label{color:inherit;display:block;font-size:.81em;font-weight:400;line-height:16px;overflow:visible;padding-bottom:0;padding-left:24px;position:relative}.adyen-checkout__label--focused .adyen-checkout__radio_group__label{color:inherit}.adyen-checkout__radio_group__label:before{background-color:#fff;border:1px solid #b9c4c9;border-radius:50%;content:"";height:16px;left:0;position:absolute;top:0;transition:border-color .2s ease-out,box-shadow .2s ease-out;width:16px}.adyen-checkout__radio_group__label:hover:before{border-color:#99a3ad;box-shadow:0 0 0 2px #d4d9db;cursor:pointer}.adyen-checkout__radio_group__label:after{background-color:#fff;border-radius:50%;box-shadow:0 1px 1px rgba(0,15,45,.25);content:"";display:block;height:6px;left:5px;margin:0 auto;position:absolute;top:5px;transform:scale(0);transition:transform .2s ease-out;width:6px}.adyen-checkout__radio_group__label:hover{border-color:#06f;cursor:pointer}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__label--selected{background-color:#06f;border:0;transition:all .2s ease-out}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:after{transform:scale(1)}.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before{border-color:#06f;box-shadow:0 0 0 2px rgba(0,102,255,.4)}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:hover:before,.adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label:before{box-shadow:0 0 0 2px rgba(0,102,255,.4)}.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before{border:1px solid #d10244}
.adyen-checkout__checkbox{display:block}.adyen-checkout__checkbox__label{color:#00112c;cursor:pointer;display:inline-block;font-size:.81em;font-weight:400;line-height:19px;padding-left:24px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[dir=rtl] .adyen-checkout__checkbox__label{padding-left:0;padding-right:24px}.adyen-checkout__checkbox__input{opacity:0;pointer-events:none;position:absolute}.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:before{opacity:1}.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:after{background-color:#06f;border:1px solid #06f}.adyen-checkout__checkbox__input:checked:hover+.adyen-checkout__checkbox__label:after{border-color:#06f;box-shadow:0 0 0 2px rgba(0,102,255,.4)}.adyen-checkout__checkbox__input:focus+.adyen-checkout__checkbox__label:after{border:1px solid #06f;box-shadow:0 0 0 2px #99c2ff}.adyen-checkout__checkbox__input:hover:not(:focus)+.adyen-checkout__checkbox__label:after{border-color:#99a3ad;box-shadow:0 0 0 2px #d4d9db}.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before{border-bottom:1px solid transparent;border-right:1px solid transparent;border-color:transparent #fff #fff transparent;border-radius:0 2px 1px 2px;border-style:solid;border-width:1px 2px 2px 1px;content:"";height:11px;left:1px;opacity:0;position:absolute;top:2px;transform:rotate(37deg);transform-origin:100% 100%;transition:opacity .2s ease-out;width:6px;z-index:1}[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before{left:auto;right:8px}.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after{background-color:#fff;border:1px solid #b9c4c9;border-radius:3px;content:"";height:16px;left:0;position:absolute;top:0;transition:background .15s ease-out,border .05s ease-out,box-shadow .1s ease-out;width:16px;z-index:0}[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after{left:auto;right:0}.adyen-checkout__field--consentCheckbox{background:#e6e9eb;border:1px solid #e6e9eb;border-radius:6px;padding:14px 14px 13px}[dir=rtl] .adyen-checkout__field--consentCheckbox{padding:14px 14px 13px}.adyen-checkout__field--consentCheckbox.adyen-checkout__field--error{border-color:#d10244}.adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation{right:-27px;top:10px}
.Select-module_adyen-checkout__dropdown__2kGp2{position:relative}.Select-module_adyen-checkout__dropdown__button__waz0I{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.Select-module_adyen-checkout__dropdown__button__waz0I:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6l2.983 3.982z' fill='%23687282'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:6px;position:absolute;right:16px;width:8px}[dir=rtl] .Select-module_adyen-checkout__dropdown__button__waz0I:after{left:16px;right:auto}.Select-module_adyen-checkout__dropdown__button--active__1EqeU:after{transform:rotate(180deg)}.Select-module_adyen-checkout__filter-input__HMjy5{background:#fff;border:0;caret-color:#06f;color:#00112c;font-family:inherit;font-size:1em;height:100%;padding:0;width:100%}.Select-module_adyen-checkout__filter-input__HMjy5::-moz-placeholder{color:#b9c4c9;font-weight:200}.Select-module_adyen-checkout__filter-input__HMjy5:-ms-input-placeholder{color:#b9c4c9;font-weight:200}.Select-module_adyen-checkout__filter-input__HMjy5::placeholder{color:#b9c4c9;font-weight:200}.Select-module_adyen-checkout__filter-input__HMjy5:active,.Select-module_adyen-checkout__filter-input__HMjy5:focus{outline:0}.Select-module_adyen-checkout__dropdown__list__2UxAp{background:#fff;display:none;list-style:none;margin:0 0 50px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:1}.Select-module_adyen-checkout__dropdown__list__2UxAp.Select-module_adyen-checkout__dropdown__list--active__Mlt8t{display:block}.Select-module_adyen-checkout__dropdown__element__3nIQR{align-items:center;display:flex;justify-content:space-between}
.adyen-checkout__image{opacity:0;transition:opacity .6s ease-out}.adyen-checkout__image--loaded{opacity:1}
.adyen-checkout__dropdown{font-size:1em;max-width:100%;width:100%}.adyen-checkout__dropdown__button{background:#fff;border:1px solid #b9c4c9;border-radius:6px;color:#00112c;font-size:1em;height:40px;line-height:20px;outline:0;padding:7px 24px 7px 12px;text-decoration:none;transition:border .2s ease-out,box-shadow .2s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}[dir=rtl] .adyen-checkout__dropdown__button{padding:7px 12px 7px 24px}.adyen-checkout__dropdown__button:hover{border-color:#99a3ad}.adyen-checkout__dropdown__button__icon{border-radius:3px;height:26px;margin-left:auto;margin-right:8px;max-width:40px}.adyen-checkout__dropdown__button--active,.adyen-checkout__dropdown__button--active:hover,.adyen-checkout__dropdown__button:active,.adyen-checkout__dropdown__button:focus{border-color:#06f;box-shadow:0 0 0 2px #99c2ff}.adyen-checkout__dropdown__button--readonly,.adyen-checkout__dropdown__button--readonly--active,.adyen-checkout__dropdown__button--readonly:focus,.adyen-checkout__dropdown__button--readonly:hover{background:#e6e9eb;border-color:transparent;color:#00112c;cursor:not-allowed}.adyen-checkout__dropdown__button--readonly:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6l2.983 3.982z' fill='%23B9C4C9'/%3E%3C/svg%3E")}.adyen-checkout__dropdown__button--invalid{border-color:#d10244}.adyen-checkout__dropdown__button--valid{border-bottom-color:#0abf53}.adyen-checkout__dropdown__button__text{overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__dropdown__list{border-radius:6px;box-shadow:0 2px 7px rgba(0,15,45,.3);max-height:375px;z-index:2}.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active{margin-top:2px}.adyen-checkout__dropdown__element{border:1px solid transparent;cursor:pointer;font-size:.81em;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-height:20px;outline:0;padding:8px;transition:background .2s ease-out,border-color .2s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-break:break-word}.adyen-checkout__dropdown__element:last-child{border-bottom:0}.adyen-checkout__dropdown__element:active,.adyen-checkout__dropdown__element:focus,.adyen-checkout__dropdown__element:hover{background:rgba(230,233,235,.6)}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active{background:rgba(0,102,255,.1)}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active:active,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active:focus,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active:hover{background:rgba(0,102,255,.15)}.adyen-checkout__dropdown__element--disabled{cursor:not-allowed;opacity:.4}.adyen-checkout__dropdown__element__icon{border-radius:3px;margin-right:8px;max-height:26px;max-width:40px}.adyen-checkout__dropdown__element__flag{margin-left:8px;margin-right:10px;max-height:18px;max-width:27px}.adyen-checkout__dropdown+.adyen-checkout-input__inline-validation{right:32px}
.adyen-checkout__field-wrapper{display:flex;width:100%}.adyen-checkout__field--20{width:20%}.adyen-checkout__field--30{width:30%}.adyen-checkout__field--40{width:40%}.adyen-checkout__field--50{width:50%}.adyen-checkout__field--60{width:60%}.adyen-checkout__field--70{width:70%}.adyen-checkout__field--80{width:80%}.adyen-checkout__field--col-70{width:calc(70% - 8px)}.adyen-checkout__field--col-30{width:calc(30% - 8px)}.adyen-checkout__field--col-50{width:calc(50% - 8px)}.adyen-checkout__field-wrapper>.adyen-checkout__field:first-child{margin-right:8px}[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:first-child{margin-left:8px;margin-right:0}.adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2){margin-left:8px}[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2){margin-left:0;margin-right:8px}.adyen-checkout__field-wrapper:last-of-type>.adyen-checkout__field{margin-bottom:0}.adyen-checkout__input{background:#fff;border:1px solid #b9c4c9;border-radius:6px;caret-color:#06f;color:#00112c;display:block;font-family:inherit;font-size:1em;height:40px;outline:none;padding:5px 8px;position:relative;transition:border .2s ease-out,box-shadow .2s ease-out;width:100%}.adyen-checkout__input:hover{border-color:#99a3ad}.adyen-checkout__input:required{box-shadow:none}.adyen-checkout__input--disabled,.adyen-checkout__input[readonly]{background:#e6e9eb;border-color:#e6e9eb}.adyen-checkout__input--disabled:hover{border-color:#e6e9eb}.adyen-checkout__input-wrapper{display:block;position:relative}.adyen-checkout__input-wrapper--block{display:block}.adyen-checkout-input__inline-validation{height:16px;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px}[dir=rtl] .adyen-checkout-input__inline-validation{left:14px;right:auto}[dir=ltr] .adyen-checkout-input__inline-validation{left:auto;right:14px}.adyen-checkout-input__inline-validation--valid{color:#0abf53}.adyen-checkout-input__inline-validation--invalid{color:#d10244}.adyen-checkout__input--invalid{border-color:#d10244}.adyen-checkout__input--valid{border-bottom-color:#0abf53}.adyen-checkout__input--error,.adyen-checkout__input--error:hover,.adyen-checkout__input--invalid,.adyen-checkout__input--invalid:hover{border-color:#d10244}.adyen-checkout__input::-moz-placeholder{color:#b9c4c9;font-weight:200}.adyen-checkout__input:-ms-input-placeholder{color:#b9c4c9;font-weight:200}.adyen-checkout__input::placeholder{color:#b9c4c9;font-weight:200}.adyen-checkout__input--date{padding-right:30px}.adyen-checkout__input--focus,.adyen-checkout__input--focus:hover,.adyen-checkout__input:active,.adyen-checkout__input:active:hover,.adyen-checkout__input:focus,.adyen-checkout__input:focus:hover{border:1px solid #06f;box-shadow:0 0 0 2px #99c2ff}.adyen-checkout__input[readonly],.adyen-checkout__input[readonly]:hover{background-color:#e6e9eb;border-color:transparent;color:#687282;cursor:default}
.adyen-checkout__fieldset--personalDetails .adyen-checkout__field--gender .adyen-checkout__radio_group{display:flex}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group{display:flex;margin:8px 0}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper{margin-right:20px}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper:last-child{margin:0}
.adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress{padding-bottom:8px}.adyen-checkout__open-invoice .adyen-checkout__fieldset--deliveryAddress{margin-top:24px;padding-bottom:8px}.adyen-checkout__open-invoice .adyen-checkout__input--separateDeliveryAddress{margin-bottom:0}.adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox{margin-top:22px}.adyen-checkout__input--separateDeliveryAddress+.adyen-checkout__checkbox__label{margin-top:16px}
.adyen-checkout__amazonpay__button{margin:auto}.adyen-checkout__amazonpay .adyen-checkout__button--ghost{display:block;margin:8px auto 0;width:auto}
@supports (-webkit-appearance:-apple-pay-button){.ApplePayButton-module_apple-pay-button__26P3-{-webkit-appearance:-apple-pay-button;cursor:pointer;display:inline-block}.ApplePayButton-module_apple-pay-button-black__3Ml54{-apple-pay-button-style:black}.ApplePayButton-module_apple-pay-button-white__1qE8A{-apple-pay-button-style:white}.ApplePayButton-module_apple-pay-button-white-with-line__j9FE5{-apple-pay-button-style:white-outline}.ApplePayButton-module_apple-pay-button--type-plain__2mnnX{-apple-pay-button-type:plain}.ApplePayButton-module_apple-pay-button--type-buy__eMnIy{-apple-pay-button-type:buy}.ApplePayButton-module_apple-pay-button--type-donate__3zvI8{-apple-pay-button-type:donate}.ApplePayButton-module_apple-pay-button--type-check-out__ipg0J{-apple-pay-button-type:check-out}.ApplePayButton-module_apple-pay-button--type-book__155Xs{-apple-pay-button-type:book}.ApplePayButton-module_apple-pay-button--type-subscribe__3uPJ5{-apple-pay-button-type:subscribe}.ApplePayButton-module_apple-pay-button--type-add-money__xmCaj{-apple-pay-button-type:add-money}.ApplePayButton-module_apple-pay-button--type-contribute__RCq2P{-apple-pay-button-type:contribute}.ApplePayButton-module_apple-pay-button--type-order__f5tpZ{-apple-pay-button-type:order}.ApplePayButton-module_apple-pay-button--type-reload__1P53C{-apple-pay-button-type:reload}.ApplePayButton-module_apple-pay-button--type-rent__2J4wk{-apple-pay-button-type:rent}.ApplePayButton-module_apple-pay-button--type-support__3-p0R{-apple-pay-button-type:support}.ApplePayButton-module_apple-pay-button--type-tip__2-gCt{-apple-pay-button-type:tip}.ApplePayButton-module_apple-pay-button--type-top-up__9UKXI{-apple-pay-button-type:top-up}}@supports not (-webkit-appearance:-apple-pay-button){.ApplePayButton-module_apple-pay-button__26P3-{background-position:50% 50%;background-repeat:no-repeat;background-size:100% 60%;border-radius:5px;box-sizing:border-box;display:inline-block;max-height:64px;min-height:32px;min-width:200px;padding:0}.ApplePayButton-module_apple-pay-button-black__3Ml54{background-color:black;background-image:-webkit-named-image(apple-pay-logo-white)}.ApplePayButton-module_apple-pay-button-white-with-line__j9FE5,.ApplePayButton-module_apple-pay-button-white__1qE8A{background-color:white;background-image:-webkit-named-image(apple-pay-logo-black)}.ApplePayButton-module_apple-pay-button-white-with-line__j9FE5{border:.5px solid black}}
.adyen-checkout__applepay__button{height:40px;width:240px}.adyen-checkout__dropin .adyen-checkout__applepay__button{width:100%}
.adyen-checkout__field--issuer-list{margin-bottom:0}
.CardInput-module_card-input__wrapper__2tAzu{position:relative}.CardInput-module_card-input__wrapper__2tAzu *,.CardInput-module_card-input__wrapper__2tAzu :after,.CardInput-module_card-input__wrapper__2tAzu :before{box-sizing:border-box}.CardInput-module_card-input__icon__2Iaf5{border-radius:3px;height:18px;margin-left:7px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:27px}.CardInput-module_card-input__form__2Ij_n{opacity:1}.CardInput-module_card-input__spinner__1wHzq{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.CardInput-module_card-input__spinner--active__1Dzoe{display:block}.CardInput-module_card-input__form--loading__3zh3Y{opacity:0}.CardInput-module_adyen-checkout__input__3Jmld{display:block;max-height:100px}.CardInput-module_adyen-checkout__card__cvc__input--hidden__1Z1lp,.CardInput-module_adyen-checkout__card__exp-date__input--hidden__3850Y{display:none}.CardInput-module_adyen-checkout__card__exp-cvc__exp-date__input--hidden__3wxr3{justify-content:flex-end}.CardInput-module_revolving-plan-installments__disabled__2yP53{opacity:.4;pointer-events:none}
.adyen-checkout__card-input__form{transition:opacity .25s ease-out}.adyen-checkout__card__cardNumber{max-width:400px}.adyen-checkout__card__cardNumber__input{padding:5px 8px}.adyen-checkout__card__exp-date__input--oneclick{font-weight:400;line-height:30px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__card__holderName,.adyen-checkout__field--expiryDate,.adyen-checkout__field--storedCard{margin-bottom:0}.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress,.adyen-checkout__card__holderName,.adyen-checkout__card__kcp-authentication,.adyen-checkout__card__socialSecurityNumber,.adyen-checkout__installments,.adyen-checkout__store-details{margin-top:16px}.adyen-checkout__card__holderName:first-child{margin:0 0 16px}.adyen-checkout__field--cardNumber .adyen-checkout__input--error .adyen-checkout__card__cardNumber__brandIcon,.adyen-checkout__field--cardNumber
.adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand)+.adyen-checkout-input__inline-validation--valid{display:none}.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint,.adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint{opacity:0}@-webkit-keyframes cvcIndicateLocation{0%{opacity:1}to{opacity:.3}}@keyframes cvcIndicateLocation{0%{opacity:1}to{opacity:.3}}.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location,.adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:cvcIndicateLocation;animation-name:cvcIndicateLocation}.adyen-checkout__card__cvc__hint__wrapper{align-items:center;-webkit-backface-visibility:visible;backface-visibility:visible;display:flex;height:100%;margin:0 10px;position:absolute;right:0;top:0;transform:translateZ(0);transform-origin:center;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.455,.03,.515,.955);width:27px;will-change:transform}.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper{transform:rotateY(180deg)}.adyen-checkout__card__cvc__hint{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;transition:opacity .1s linear}.adyen-checkout__card__cvc__hint--front{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.adyen-checkout__card__cvc__hint__wrapper{transition:none}}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields{justify-content:left}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group{display:flex;flex-direction:column}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper{margin-top:20px}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments{margin-left:15px;position:relative;top:42px;width:30%}
.LoadingWrapper-module_loading-input__form__1jpVs{opacity:1}.LoadingWrapper-module_loading-input__form--loading__3LDWz{opacity:0}.LoadingWrapper-module_loading-input__spinner__3eCyK{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.LoadingWrapper-module_loading-input__spinner--active__3UDtX{display:block}
.adyen-checkout__card__dual-branding__buttons{display:flex;opacity:.4;pointer-events:none}.adyen-checkout__card__dual-branding__buttons--active{opacity:1;pointer-events:auto}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon{cursor:pointer;opacity:1}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon:first-child{right:40px}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon--not-selected{opacity:.5}
.adyen-checkout__button-group{background:transparent;display:flex;justify-content:space-between}.adyen-checkout__button-group .adyen-checkout__button{background:transparent;border:0;box-shadow:inset 0 0 0 1px #99a3ad;color:#00112c;font-size:.81em;font-weight:400;height:40px;line-height:40px;margin-right:8px;padding:0;text-align:center}.adyen-checkout__button-group .adyen-checkout__button:last-child{margin-right:0}.adyen-checkout__button-group .adyen-checkout__button:hover{background:transparent;box-shadow:inset 0 0 0 2px #99a3ad}.adyen-checkout__button-group .adyen-checkout__button:active{background:#f7f8f9;box-shadow:inset 0 0 0 2px #99a3ad}.adyen-checkout__button-group .adyen-checkout__button--disabled,.adyen-checkout__button-group .adyen-checkout__button--disabled:hover{cursor:not-allowed;opacity:.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adyen-checkout__button-group .adyen-checkout__button--selected,.adyen-checkout__button-group .adyen-checkout__button--selected:active,.adyen-checkout__button-group .adyen-checkout__button--selected:active:hover,.adyen-checkout__button-group .adyen-checkout__button--selected:hover{background:#e5efff;box-shadow:inset 0 0 0 2px #06f;color:#06f;font-weight:500;height:40px;transition:none}.adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input{opacity:0;pointer-events:none;position:absolute}
.adyen-checkout__adyen-giving .adyen-checkout__status__icon{display:block;margin:56px auto 32px}.adyen-checkout__adyen-giving .adyen-checkout__status__text{color:#00112c;margin-bottom:56px;text-align:center}.adyen-checkout__campaign{background:#00112c;border-radius:6px;height:227px;overflow:hidden;position:relative}.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description{text-decoration:underline}.adyen-checkout__campaign-container{height:100%}.adyen-checkout__campaign-logo{border:2px solid rgba(255,255,255,.4);border-radius:3px;display:block;height:48px;margin-bottom:16px;overflow:hidden;width:48px}.adyen-checkout__campaign-background-image{background-color:#00112c;background-position:50%;background-size:cover;height:100%}.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:before{background:inherit;content:"";height:100%;position:absolute;transition:transform .6s ease-out;width:100%}.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:hover:before{transform:scale(1.1)}.adyen-checkout__campaign-link .adyen-checkout__campaign-content{pointer-events:none}.adyen-checkout__campaign-content{bottom:0;padding:16px;position:absolute;z-index:2}.adyen-checkout__campaign-description,.adyen-checkout__campaign-title{color:#fff;font-weight:400;margin:0}.adyen-checkout__campaign-title{font-size:1em;margin-bottom:8px}.adyen-checkout__campaign-description{font-size:.81em;line-height:19px}.adyen-checkout__adyen-giving-actions{margin-top:16px}.adyen-checkout__button.adyen-checkout__button--donate{margin:16px auto 8px}.adyen-checkout__button.adyen-checkout__button--decline{display:block;margin:auto;width:auto}
.adyen-checkout__paywithgoogle>div>button,.adyen-checkout__paywithgoogle>div>button.long,.adyen-checkout__paywithgoogle>div>button.short{height:48px;transition:background-color .3s ease-out,box-shadow .3s ease-out}.adyen-checkout__paywithgoogle>div>button.long:focus,.adyen-checkout__paywithgoogle>div>button.short:focus,.adyen-checkout__paywithgoogle>div>button:focus{box-shadow:0 0 0 2px #99c2ff;outline:0}.adyen-checkout__paywithgoogle>div>button.gpay-button{padding:15px 24px 13px}
.adyen-checkout__voucher-result{border-radius:12px;box-sizing:border-box;position:relative;text-align:center}.adyen-checkout__voucher-result__bottom,.adyen-checkout__voucher-result__top{background:#fff;border:1px solid #d4d9db}.adyen-checkout__voucher-result__top{border-bottom:0;border-radius:12px 12px 0 0;padding:40px 0 24px}.adyen-checkout__voucher-result__bottom{border-radius:0 0 12px 12px;border-top:0}.adyen-checkout__voucher-result__separator{align-items:center;background:#fff;display:flex;height:13px;margin:0 auto;position:relative;width:calc(100% - 14px)}.adyen-checkout__voucher-result__separator:after,.adyen-checkout__voucher-result__separator:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCAwIDUgMiAxLjUgNEg3VjBIMHptMCAxMyA1LTIgMS41LTRIN3Y2SDB6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTYuNDIzIDYuNUM2LjQyMyAzLjMxMiAzLjc4My43NTYuNS41MThjMy4zODYuMjM2IDYgMi44NTUgNiA1Ljk4MiAwIDMuMTI3LTIuNjE0IDUuNzQ2LTYgNS45ODN2LS4wMDFjMy4yODQtLjIzNyA1LjkyMy0yLjc5NCA1LjkyMy01Ljk4MnoiIHN0cm9rZT0iI0Q0RDlEQiIvPjxwYXRoIGZpbGw9IiNENEQ5REIiIGQ9Ik0wIDBoMXYxSDB6TTAgMTJoMXYxSDB6Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg3djEzSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+)}.adyen-checkout__voucher-result__separator:before{left:-7px}.adyen-checkout__voucher-result__separator:after,.adyen-checkout__voucher-result__separator:before{background-position:100%;background-repeat:no-repeat;content:"";height:13px;position:absolute;top:0;width:7px}.adyen-checkout__voucher-result__separator:after{right:-7px;transform:rotate(-180deg)}.adyen-checkout__voucher-result__separator__inner{border-top:1px solid #e6e9eb;width:100%}.adyen-checkout__voucher-result__image{align-items:center;display:flex;justify-content:center;margin-bottom:40px;width:100%}.adyen-checkout__link--voucher-result-instructions{display:inline-block}.adyen-checkout__voucher-result__image__wrapper{display:block;height:48px;margin:0 24px;position:relative}.adyen-checkout__voucher-result__image__wrapper:after{border:1px solid rgba(0,27,43,.17);border-radius:3px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.adyen-checkout__voucher-result__image__wrapper:nth-child(2):before{border-left:1px solid #d4d9db;content:"";height:64px;left:-24.5px;position:absolute;top:-8px;width:1px}.adyen-checkout__voucher-result__image__brand,.adyen-checkout__voucher-result__image__issuer{border-radius:3px;height:48px}.adyen-checkout__voucher-result__introduction{color:#00112c;font-size:.81em;line-height:19px;margin:0 auto;max-width:400px;text-align:center}.adyen-checkout__voucher-result__amount{color:#00112c;font-size:1em;font-weight:700;margin:24px auto 0;text-align:center}.adyen-checkout__voucher-result__surcharge{color:#687282;display:block;font-size:.81em;font-weight:400;line-height:19px;text-align:center}.adyen-checkout__voucher-result__code__label{display:block;font-weight:400;left:0;line-height:19px;margin:0 auto;position:absolute;right:0;top:-2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:auto}.adyen-checkout__voucher-result__code__label:before{content:"";position:absolute}.adyen-checkout__voucher-result__code__label__text{background:#fff;color:#00112c;font-size:13px;letter-spacing:normal;line-height:1;padding:0 8px}.adyen-checkout__voucher-result__code__barcode{display:block;height:56px;margin:0 auto 8px;max-width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adyen-checkout__voucher-result__code{border-width:1px 0;color:#00112c;display:inline-block;font-size:1.5em;font-weight:700;letter-spacing:1px;line-height:1.2;margin:0 auto;padding:16px 48px;position:relative;text-align:center;-webkit-user-select:all;-moz-user-select:all;user-select:all;width:100%;word-break:break-word}.adyen-checkout__voucher-result__details{list-style:none;margin:-1px auto 0;padding:0}.adyen-checkout__voucher-result__details__item{border-top:1px solid #e6e9eb;color:#00112c;display:flex;font-size:.81em;justify-content:space-between;padding:16px 24px;word-break:break-word}.adyen-checkout__voucher-result__details__item:last-child{margin-bottom:0}.adyen-checkout__voucher-result__details__label{max-width:50%;text-align:left}.adyen-checkout__voucher-result__details__value{font-weight:700;max-width:50%;text-align:right}.adyen-checkout__voucher-result__actions{align-items:center;display:flex;justify-content:center;list-style:none;margin:0 auto 32px;max-width:100%;min-width:200px;padding:0;width:300px}.adyen-checkout__voucher-result__actions__item{margin:0 4px}
.adyen-checkout__paypal__buttons{position:relative;z-index:0}.adyen-checkout__paypal__button{display:flex;margin-bottom:16px}.adyen-checkout__paypal__button:empty{display:none}.adyen-checkout__paypal__status--pending{margin:16px 0}.adyen-checkout__paypal__status--processing{align-items:center;display:flex;font-size:13px;justify-content:center;padding:24px 0}.adyen-checkout__payment-method .adyen-checkout__paypal__status--pending{margin:-16px 0 38px}.adyen-checkout__payment-method .adyen-checkout__paypal__status--processing{padding:20px 0 65px}
.adyen-checkout__phone-input{direction:ltr}.adyen-checkout__phone-input .adyen-checkout__input-wrapper{width:100%}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input{height:auto;padding:0}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input:focus{border:1px solid #06f;box-shadow:0 0 0 2px #99c2ff}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button{border:0;border-bottom-right-radius:0;border-top-right-radius:0;height:35px;width:auto}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after{box-sizing:revert;height:10px;left:40px}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input--phoneNumber{border:1px solid transparent;height:35px;margin-left:8px;padding-left:15px}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput{align-items:center;display:flex}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput:focus{border:1px solid #06f;box-shadow:0 0 0 2px #99c2ff}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__phoneNumber{align-items:center;display:flex;margin-left:65px;width:100%}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__countryFlag{position:absolute}.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active,.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover{box-shadow:none}
.adyen-checkout__iban-input__number{padding:5px 36px 5px 8px;text-transform:uppercase}
.adyen-checkout__threeds2__challenge,.adyen-checkout__threeds2__challenge-container{background-color:transparent;box-sizing:border-box;display:block;height:inherit;min-height:400px;overflow:hidden;position:relative;width:100%}.adyen-checkout__threeds2__challenge--01,.adyen-checkout__threeds2__challenge--01 .adyen-checkout__iframe--threeDSIframe{height:400px;width:250px}.adyen-checkout__threeds2__challenge--02,.adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe{height:400px;width:390px}.adyen-checkout__threeds2__challenge--03,.adyen-checkout__threeds2__challenge--03 .adyen-checkout__iframe--threeDSIframe{height:600px;width:500px}.adyen-checkout__threeds2__challenge--04,.adyen-checkout__threeds2__challenge--04 .adyen-checkout__iframe--threeDSIframe{height:400px;width:600px}.adyen-checkout__threeds2__challenge--05,.adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe{height:100%;width:100%}.adyen-checkout__iframe--threeDSIframe{border:0;left:0;position:absolute;top:0}
.adyen-checkout__qr-loader{background:#fff;border:1px solid #d4d9db;border-radius:12px;padding:40px;text-align:center}.adyen-checkout__qr-loader--result{padding:100px}.adyen-checkout__qr-loader--app{border:0;border-radius:0;padding:0}.adyen-checkout__qr-loader__brand-logo{border-radius:3px;width:74px}.adyen-checkout__qr-loader__subtitle{margin:32px auto 0;max-width:400px}.adyen-checkout__qr-loader__subtitle--result{margin-bottom:32px}.adyen-checkout__qr-loader__payment_amount,.adyen-checkout__qr-loader__subtitle{color:#00112c;font-size:1em;line-height:19px}.adyen-checkout__qr-loader__icon{height:88px;width:88px}.adyen-checkout__qr-loader__payment_amount{font-weight:700}.adyen-checkout__qr-loader__progress{background:#d4d9db;border-radius:24px;height:4px;margin:32px auto 12px;padding-right:3%;width:152px}[dir=rtl] .adyen-checkout__qr-loader__progress{padding-left:3%;padding-right:0}.adyen-checkout__qr-loader__percentage{background:#06f;border-radius:24px;display:block;height:100%}.adyen-checkout__qr-loader__countdown{color:#687282;font-size:.81em}.adyen-checkout__qr-loader>.adyen-checkout__spinner__wrapper{margin:60px 0}.adyen-checkout__qr-loader__app-link{display:none;margin-top:16px}.adyen-checkout__qr-loader__separator__label{color:#687282;display:block;font-size:13px;overflow:hidden;position:relative;text-align:center;z-index:1}.adyen-checkout__qr-loader__separator__label:after,.adyen-checkout__qr-loader__separator__label:before{background-color:#e6e9eb;content:"\a0";height:1px;overflow:hidden;position:absolute;top:51%;width:50%}.adyen-checkout__qr-loader__separator__label:before{margin-left:-52%;text-align:right}.adyen-checkout__qr-loader__separator__label:after{margin-left:2%}.adyen-checkout__button.adyen-checkout__button--qr-loader{margin-top:24px;text-decoration:none}.adyen-checkout__qr-loader__instructions{color:#687282;font-size:1em;line-height:1.5;margin-top:32px}.adyen-checkout__qr-loader__actions{align-items:center;display:flex;justify-content:center;margin-top:32px}@media only screen and (max-device-width:1200px){.adyen-checkout__qr-loader__app-link{display:block}}
.adyen-checkout__voucher-result--boletobancario .adyen-checkout__voucher-result__code{font-size:.81em;line-height:19px;padding:24px;word-break:break-all}
.adyen-checkout__voucher-result--oxxo .adyen-checkout__voucher-result__code{font-size:.81em;line-height:19px;padding:24px;word-break:break-all}
.adyen-checkout__alert-message{border-radius:6px;display:flex;font-size:.81em;margin:0 0 16px;padding:12px;text-align:left}.adyen-checkout__alert-message--error{background:#fbe6ed}.adyen-checkout__alert-message--warning{background:#ffeacc}.adyen-checkout__alert-message--info{background:#e5efff}.adyen-checkout__alert-message__icon{height:14px;margin-right:8px;width:14px}
.adyen-checkout__giftcard-result__header{align-items:center;display:flex;flex-wrap:nowrap;font-size:1em;font-weight:400;justify-content:space-between;position:relative;width:100%}.adyen-checkout__giftcard-result__header__title{align-items:center;display:flex}.adyen-checkout__giftcard-result__name{margin-left:8px}.adyen-checkout__giftcard-result__balance{list-style:none;margin:16px 0 0;padding:0}.adyen-checkout__giftcard-result__balance__item{display:flex;justify-content:space-between;margin-bottom:8px}.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit{color:#687282}.adyen-checkout__giftcard-result__balance__item:last-child{margin-bottom:0}.adyen-checkout__giftcard-result__balance__value--amount{font-weight:700}.adyen-checkout__giftcard-result__remaining-balance{color:#687282;font-size:13px;line-height:19px;margin:8px auto 0;text-align:center}
.DropinComponent-module_adyen-checkout__payment-methods-list__2T9kQ{list-style:none;margin:0;padding:0}.DropinComponent-module_adyen-checkout__payment-method__2ZClo{display:block;max-height:60px}.DropinComponent-module_adyen-checkout__payment-method__details__2_jFP{display:none}.DropinComponent-module_adyen-checkout__payment-method__image__Fg2uw{height:26px;width:40px}.DropinComponent-module_adyen-checkout__payment-method__image__wrapper__pTTKr{margin-right:8px}[dir=rtl] .DropinComponent-module_adyen-checkout__payment-method__image__wrapper__pTTKr{margin-left:8px;margin-right:0}.DropinComponent-module_adyen-checkout__payment-method--selected__1zXEA{max-height:100%}.DropinComponent-module_adyen-checkout__payment-method--selected__1zXEA .DropinComponent-module_adyen-checkout__payment-method__details__2_jFP{display:block}
.adyen-checkout__payment-method__disable-confirmation{background:#d10244;border-left:1px solid #c70241;border-right:1px solid #c70241;color:#fff;font-size:.81em;margin:0 -17px;max-height:0;opacity:0;overflow:hidden;transition:opacity .15s ease-out,max-height .15s linear,margin-bottom .1s linear}.adyen-checkout__payment-method__disable-confirmation.adyen-checkout__payment-method__disable-confirmation--open{margin-bottom:16px;max-height:62px;opacity:1}.adyen-checkout__payment-method__disable-confirmation__content{align-items:center;display:flex;justify-content:space-between;padding:8px 16px}.adyen-checkout__payment-method__disable-confirmation__buttons{display:flex}.adyen-checkout__payment-method__disable-confirmation__button{background:#d10244;border:1px solid transparent;border-radius:6px;color:#fff;cursor:pointer;display:block;height:auto;line-height:14px;margin:0 0 0 8px;padding:8px;width:auto}.adyen-checkout__payment-method__disable-confirmation__button:hover,.adyen-checkout__payment-method__disable-confirmation__button:hover:focus{background:#b8023c;box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button:active,.adyen-checkout__payment-method__disable-confirmation__button:hover:active{background:#9e0234;box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button--remove,.adyen-checkout__payment-method__disable-confirmation__button--remove:disabled{border-color:#fff}.adyen-checkout__payment-method__disable-confirmation__button--cancel,.adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled{border-color:transparent}
.adyen-checkout__payment-method{background:#fff;border:1px solid #e6e9eb;cursor:pointer;margin-top:-1px;position:relative;transition:opacity .3s ease-out;width:100%}.adyen-checkout__payment-method:focus{outline:0}.adyen-checkout__payment-method--selected+.adyen-checkout__payment-method,.adyen-checkout__payment-method:first-child{border-top-left-radius:12px;border-top-right-radius:12px;margin-top:0}.adyen-checkout__payment-method--next-selected,.adyen-checkout__payment-method:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px;margin-bottom:0}.adyen-checkout__payment-method--loading{opacity:.2}.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading{opacity:.9}.adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content,.adyen-checkout__payment-method--disabling{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adyen-checkout__payment-method--disabling{opacity:.3}.adyen-checkout__payment-method__header{align-items:center;color:#00112c;display:flex;flex-wrap:nowrap;font-size:1em;font-weight:400;justify-content:space-between;padding:16px 16px 16px 48px;position:relative;transition:background .1s ease-out;width:100%}[dir=rtl] .adyen-checkout__payment-method__header{padding:16px 48px 16px 16px}.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header{padding:16px}.adyen-checkout__payment-method__header__title{align-items:center;background:none;border:none;color:#00112c;cursor:pointer;display:flex;flex-shrink:0;font-size:1em;font-weight:400;margin-right:16px;max-width:100%;padding:0}[dir=rtl] .adyen-checkout__payment-method__header__title{margin-left:16px;margin-right:0}.adyen-checkout__payment-method__surcharge{color:#687282;margin-left:5px}.adyen-checkout__payment-method--selected{background:#f7f8f9;border:1px solid #e6e9eb;border-radius:12px;cursor:default;margin:8px 0;transition:margin .15s cubic-bezier(.4,0,.2,1) 0ms,opacity .3s ease-out}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header{flex-wrap:wrap}.adyen-checkout__payment-method__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__payment-method__name--selected{font-weight:500}.adyen-checkout__payment-method__details{padding:0 16px;position:relative}.adyen-checkout__payment-method__details__content{margin:0 0 16px}.adyen-checkout__payment-method__image__wrapper{height:26px;position:relative;width:40px}.adyen-checkout__payment-method__image__wrapper--outline:after{border:1px solid rgba(0,27,43,.17);border-radius:3px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.adyen-checkout__payment-method__image{border-radius:3px;display:block}.adyen-checkout__payment-method__brands{display:flex;flex-basis:auto;flex-shrink:1;flex-wrap:wrap;height:16px;margin:4px 0;overflow:hidden;text-align:right}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands{height:auto;overflow:visible;text-align:left}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper{display:inline-block;height:16px;margin-right:4px;transition:opacity .2s ease-out;width:24px}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child{margin:0}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper{margin-bottom:4px}.adyen-checkout__payment-method__brands img{height:16px;width:24px}.adyen-checkout__payment-method__image__wrapper--disabled{opacity:.25}.adyen-checkout__payment-method__radio{background-color:#fff;border:1px solid #b9c4c9;border-radius:50%;height:16px;left:16px;position:absolute;transition:border-color .2s ease-out,box-shadow .2s ease-out;width:16px}[dir=rtl] .adyen-checkout__payment-method__radio{left:auto;right:16px}.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio{display:none}.adyen-checkout__payment-method__radio:after{background-color:#fff;border-radius:50%;content:"";display:block;height:6px;left:0;margin:0 auto;position:absolute;right:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease-out;width:6px}.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) .adyen-checkout__payment-method__radio{border-color:#99a3ad;box-shadow:0 0 0 2px #d4d9db;cursor:pointer}.adyen-checkout__payment-method__radio--selected{background-color:#06f;border:0;transition:all .3s ease-out}.adyen-checkout__payment-method__radio--selected:hover{box-shadow:0 0 0 2px rgba(0,102,255,.4)}.adyen-checkout__payment-method__radio--selected:after{transform:translateY(-50%) scale(1)}
.adyen-checkout__order-payment-methods-list{list-style:none;margin:0 auto 16px;padding:0}.adyen-checkout__order-payment-method{background:#fff;border:1px solid #e6e9eb;margin-top:-1px;position:relative;width:100%}.adyen-checkout__order-payment-method:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.adyen-checkout__order-payment-method:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.adyen-checkout__order-payment-method__header{align-items:center;color:#00112c;display:flex;flex-wrap:nowrap;font-size:1em;font-weight:500;justify-content:space-between;padding:16px;position:relative;transition:background .1s ease-out;width:100%}.adyen-checkout__order-payment-method__details{padding:0 16px 16px}.adyen-checkout__order-payment-method__deducted-amount{display:flex;font-size:1em;justify-content:space-between;line-height:1em}.adyen-checkout__order-payment-method__deducted-amount__label{font-size:.81em}.adyen-checkout__order-payment-method__deducted-amount__value{font-weight:500}.adyen-checkout__order-remaining-amount{background:#ffeacc;border-radius:6px;color:#7f4a00;display:block;font-size:.81em;margin-bottom:16px;padding:8px 16px;width:100%}.adyen-checkout__order-remaining-amount strong{font-weight:700}
.adyen-checkout__status{align-items:center;background-color:#fff;border:1px solid #d4d9db;border-radius:6px;color:#00112c;display:flex;flex-direction:column;font-size:1em;height:350px;justify-content:center;margin:0;padding:32px;text-align:center}.adyen-checkout__status__icon{margin-bottom:24px}.adyen-checkout__status .adyen-checkout__spinner__wrapper{max-height:88px}
.adyen-checkout__dropin,.adyen-checkout__dropin *,.adyen-checkout__dropin :after,.adyen-checkout__dropin :before{box-sizing:border-box}.adyen-checkout__payment-methods-list--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adyen-checkout__link{color:#06f;text-decoration:none}.adyen-checkout__link:hover{text-decoration:underline}
.AchInput-module_sf-input__wrapper__1V7mk{position:relative}.AchInput-module_sf-input__wrapper__1V7mk *,.AchInput-module_sf-input__wrapper__1V7mk :after,.AchInput-module_sf-input__wrapper__1V7mk :before{box-sizing:border-box}.AchInput-module_adyen-checkout__input__1SeSl{display:block;max-height:100px}
.adyen-checkout__loading-input__form{transition:opacity .25s ease-out}.adyen-checkout__pm__holderName{margin-bottom:0}.adyen-checkout__fieldset__title+.adyen-checkout__ach-sf__form{margin-top:0}.adyen-checkout__ach-input .adyen-checkout__fieldset--address,.adyen-checkout__ach-sf__form{margin-top:16px}
.adyen-checkout__loading-input__form{transition:opacity .25s ease-out}
.adyen-checkout__await{background:#fff;border:1px solid #d4d9db;border-radius:12px;padding:40px;text-align:center}.adyen-checkout__await--result{padding:100px}.adyen-checkout__qr-loader--app{border:0;border-radius:0;padding:0}.adyen-checkout__await__brand-logo{border-radius:3px;width:74px}.adyen-checkout__await__indicator-text,.adyen-checkout__await__subtitle{color:#00112c;font-size:1em;line-height:19px;margin-top:32px}.adyen-checkout__await__indicator-holder .adyen-checkout__await__indicator-text{margin-left:10px;margin-top:6px}.adyen-checkout__await__indicator-holder{display:flex;justify-content:center;margin-bottom:20px;margin-top:32px}.adyen-checkout__await__subtitle--result{margin-bottom:32px}.adyen-checkout__await__icon{height:88px;width:88px}.adyen-checkout__await__progress{background:#d4d9db;border-radius:24px;height:4px;margin:32px auto 12px;width:152px}.adyen-checkout__await__percentage{background:#06f;border-radius:24px;display:block;height:100%}.adyen-checkout__await__countdown{color:#687282;font-size:.81em}.adyen-checkout__await>.adyen-checkout__spinner__wrapper{margin:60px 0}.adyen-checkout__await__app-link{display:none;margin-top:16px}.adyen-checkout__await__separator__label{color:#687282;display:block;font-size:13px;overflow:hidden;position:relative;text-align:center;z-index:1}.adyen-checkout__await__separator__label:after,.adyen-checkout__await__separator__label:before{background-color:#e6e9eb;content:"\a0";height:1px;overflow:hidden;position:absolute;top:51%;width:50%}.adyen-checkout__await__separator__label:before{margin-left:-52%;text-align:right}.adyen-checkout__await__separator__label:after{margin-left:2%}@media only screen and (max-device-width:1200px){.adyen-checkout__await__app-link{display:block}}
.adyen-checkout__blik__helper{color:#00112c;font-size:1em;font-weight:400;margin:0 0 16px;padding:0}
.adyen-checkout__bankTransfer__introduction{color:#00112c;font-size:.81em;font-weight:400;margin:0 0 16px;padding:0}.adyen-checkout__bankTransfer__emailField{margin:0 0 16px}
.adyen-checkout__bacs--confirm{position:relative}.adyen-checkout__bacs--confirm .adyen-checkout-input__inline-validation--valid{display:none}.adyen-checkout__bacs .adyen-checkout__field--inactive{pointer-events:none}.adyen-checkout__bacs .adyen-checkout__bacs--edit{cursor:pointer;position:absolute;right:0;top:-25px;width:20%}.adyen-checkout__bacs .adyen-checkout__bacs--edit-dropin{top:-50px}.adyen-checkout__bacs .adyen-checkout__bacs--edit .adyen-checkout__bacs--edit-button{background:none;border:none;color:#06f;cursor:pointer;text-align:end;text-decoration:underline}
.adyen-checkout__voucher-result__introduction{font-size:1em;max-width:420px}
.adyen-checkout__klarna-widget{pointer-events:all}