.catalogue {    font-size: 13px;    padding: 0;    margin: 0;}    .catalogue li {        list-style-type: none;        background: url(./Images/pixel__5.4.7.14764.gif) repeat-y 4px 0;        clear: both;        padding-top: 4px;        min-width: 330px;    }        .catalogue li .gap {            width: 4px;            background: url(./Images/pixel__5.4.7.14764.gif) repeat-x 0 6px;            float: left;        }    .catalogue .nodes {        padding-left: 30px;    }        .catalogue .nodes.without-checkbox {            padding-left: 12px;        }    .catalogue .materials {        padding: 0;    }        .catalogue .materials li {            background-position: 0 0;            margin-left: 34px;        }            .catalogue .materials li .gap {                width: 7px            }.nodesandmaterials > li {    padding-left: 5px;}.catalogue .nodesandmaterials li.locked {    color: #787b80;}.catalogue .node-caption * {    float: left;}    .catalogue .node-caption * {        float: left;    }    .catalogue .node-caption .checker {        margin: 0 4px 0 0;        border: 0 !important;    }    .catalogue .node-caption .material-name {        padding-left: 45px;    }        .catalogue .node-caption .material-name a:visited {            color: #3578CB;        }        .catalogue .node-caption .material-name * {            float: none;        }    .catalogue .node-caption .material-name,    .catalogue .node-caption .node-name {        float: none;    }    .catalogue .node-caption .node-name {        margin-left: 5px;        padding: 0 0 5px 25px;        font-weight: bold;    }        .catalogue .node-caption .node-name span {            cursor: pointer;            word-break: break-all;        }        .catalogue .node-caption .node-name.group {            margin-left: 0px !important;            padding: 0px !important;        }        .catalogue .node-caption .node-name.unselected {            font-weight: 400 !important;        }.group.gap {    width: 7px;    margin-left: 4px;}.groups-tree.without-checkboxes .nodes {    padding-left: 13px !important;}.catalogue .node-caption .highlighted {    color: #3578cb;}.catalogue .node-caption .expandee {    margin-top: 2px;    cursor: pointer;}.catalogue li.last {    background: url(./Images/line__5.4.7.14764.gif) no-repeat 4px -10px;}.catalogue li.unavailable {    padding-left: 4px;}    .catalogue li.unavailable .node-name {        margin-left: 1px;        color: #585A5E;    }.catalogue .materials li.last {    background-position: 0px -10px;}.catalogue .materials li.locked {    color: #787b80;}.catalogue .node-caption .node-name .search-selection {    float: none !important;}.catalogue .node-caption .appointment-name .search-selection {    float: none !important;}.activatable .materials li.activated a {    font-weight: bold;}.without-checkboxes .node-caption .material-name {    padding-left: 30px;}.without-checkboxes .node-caption .node-name,.node-caption .node-name.without-checkbox {    padding-left: 15px;}.without-checkboxes .materials li {    margin-left: 20px;}.without-checkboxes .nodes {    padding-left: 20px !important;}.tree-table-wrapper {    margin: 30px 0 10px 30px;}.without-checkboxes .tree-table-wrapper {    margin-left: 20px;}.table {    margin-bottom: 0;}    .table td,    .table th {        padding: 0;        vertical-align: inherit;    }    .table .min-size {        width: 1px;    }    .table .body {        border: solid 1px #c5cbd0;    }        .table .body table {            border-collapse: collapse;            font-size: 13px;            width: 100%;        }            .table .body table tr.odd {                background-color: #f0f3f8;            }            .table .body table tr.even {                background-color: #fff;            }            .table .body table th,            .table .body table td {                text-align: left;                font-weight: normal;                border-top: solid 1px #e7e7e7;                padding: 7px;                margin: 0;                vertical-align: middle;            }                .table .body table td ul {                    margin: 0;                    padding: 0;                }            .table .body table .actions {                white-space: nowrap;                text-align: left;                vertical-align: middle;                padding-left: 10px;            }                .table .body table .actions .action {                    display: inline-block;                    margin-right: 10px;                    margin-left: 10px;                }            .table .body table .checkbox {                padding: 9px 13px 5px 7px;            }                .table .body table .checkbox input {                    border: 0;                }            .table .body table thead th {                background-color: #dadfe9;                border-top: 0;            }                .table .body table thead th a {                    text-decoration: none;                    color: #000;                }                    .table .body table thead th a:hover {                        text-decoration: underline;                    }                    .table .body table thead th a.inactive:hover {                        text-decoration: none;                    }                .table .body table thead th .sort {                    display: inline-block; /*IE display: inline; font-size: 9px; padding: 0 5px;*/                }                .table .body table thead th .no-sort-label {                    text-decoration: none !important;                    cursor: default;                }                .table .body table thead th .no-sort {                    display: none;                }            .table .body table tbody td.grouping {                font-weight: bold;            }            .table .body table tr .highlight {                width: 5px;                padding: 0;            }            .table .body table tr.highlighted td.highlight {                background-color: #0381d5;            }    .table .paging {        font-size: 11px;        font-family: Tahoma;        margin-top: 6px;    }        .table .paging .pages, .table .paging .status, .table .paging .total, .table .paging .selected-items-count {            padding: 6px 0;        }        .table .paging .pages, .table .paging .selected-items-count {            float: left;        }        .table .paging .pages, .table .paging .total select {            width: auto;        }        .table .paging .status, .table .paging .selected-items-count {            padding-right: 12px;            margin-right: 12px;            border-right: solid 1px #c5cbd0;        }        .table .paging .status, .table .paging .total {            float: right;        }    .table .paging {        height: 25px;    }        .table .paging,        .table .paging .pages a {            color: #585a5e;        }            .table .paging .pages a {                text-decoration: none;            }                .table .paging .pages a:hover {                    text-decoration: underline;                }            .table .paging .pages .icon {                margin-top: 0.2rem;            }            .table .paging .pages .icon,            .table .paging .pages .links {                float: left;            }            .table .paging .pages .links {                padding: 0 6px;            }                .table .paging .pages .links .separator,                .table .paging .pages .links a {                    margin-left: 5px;                }                    .table .paging .pages .links a:first-child {                        margin-left: 0;                    }                    .table .paging .pages .links a.selected {                        color: #000;                        font-weight: bold;                    }    .table .paging-top {        padding-bottom: 50px;    }    .table .paging-bottom {        padding-top: 15px;    }    .table .buttons {        clear: both; /*padding-top: 6px; margin-top: 6px; */        border-top: solid 1px #e7e7e7;    }.olimp-button {    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    -khtml-border-radius: 4px;    border-radius: 4px;    display: inline-block;    position: relative;    padding: 6px 20px;    text-decoration: none !important;    cursor: pointer;    text-align: center;    zoom: 1;    overflow: visible;    background-color: #0a67b7;    font-size: 18px;    color: #fff !important;    font-family: Calibri;    font-weight: bold;    border: 0;    line-height: 22px;}.choose-all-group-btn, .unchoose-all-group-btn {    padding: 0px 4px !important;    font-size: 14px !important;}.tree-search-control {    padding-bottom: 10px;    padding-top: 10px;}.tab-view .tree-search-control {    padding-top: 0px;}.tree-control-group {    padding-bottom: 10px;}.link-btn {    font-size: 11px;    font-family: Tahoma;    color: #3279CB;    cursor: pointer;}.link-btn-disabled, .checkbox-mark-disabled, .expandee-disabled {    pointer-events: none;}.table .buttons {    padding-top: 0;}    .table .buttons .olimp-button {        margin-top: 6px;    }.olimp-button-disabled {    -ms-opacity: 0.5;    opacity: 0.5;}@-moz-document url-prefix() {    button.olimp-button {        line-height: 20px;    }}.olimp-button-hover {    background-color: #2d89dc;}.olimp-dialog {    border: solid 1px #c5cbd0;    background-color: #fff;}    .olimp-dialog .olimp-dialog-content {        position: relative;        border: 0;        padding: 6px;        background: none;        overflow: auto;        zoom: 1;    }    .olimp-dialog .olimp-dialog-titlebar {        cursor: move;        border-bottom: solid 1px #c5cbd0;        padding: 4px 20px 4px 4px;        background: url(./Images/dlgttlbg__5.4.7.14764.gif) repeat-x;        position: relative;    }    .olimp-dialog .olimp-dialog-titlebar-close {        position: absolute;        right: 6px;        top: 9px;        width: 14px;        height: 14px;        display: block;        background: url(./Images/dlgcls__5.4.7.14764.gif) no-repeat;    }    .olimp-dialog .olimp-dialog-title {        font-family: Calibri;        font-size: 18px;        font-weight: bold;        color: #fff;    }    .olimp-dialog .olimp-dialog-buttonpane,    .olimp-dialog .tab-buttons {        text-align: left;        border-top: solid 1px #c5cbd0;        margin: 0 6px;    }        .olimp-dialog .olimp-dialog-buttonpane button,        .olimp-dialog .tab-buttons button {            margin: .5em .4em .5em 0;            cursor: pointer;        }    .olimp-dialog div.twocolums {        float: left;        width: 48%;    }.check-profile-message {    font-size: 13px;    font-weight: normal;    font-stretch: normal;    font-style: normal;    line-height: 1.54;    letter-spacing: normal;    text-align: left;    color: #37474f;}.activation-code {    text-align: center;    padding: 9px 30px 11px 30px;    object-fit: contain;    border-radius: 8px;    border: solid 1px #90a4ae;    background-color: #fff;    font-size: 12px;    line-height: 1.33;    letter-spacing: 1.2px;    font-weight: normal;    font-stretch: normal;    width: 208px !important;}.olimp-dialog-alternative {    height: auto;    padding: 20px 20px 30px 34px;    border-radius: 10px;    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.14);    border: solid 1px rgba(144, 164, 174, 0.1);    background-color: #fff;    pointer-events: auto;    font-family: Roboto;}.olimp-dialog-alternative {    width: 1288px;    height: 828px;    padding: 20px;    border-radius: 10px;    box-shadow: 6px 0 15px 0 rgba(0, 0, 0, 0.12);    background-color: #fff;    font-family: Roboto;}    .olimp-dialog-alternative .olimp-dialog-titlebar {        height: 24px;        margin: 4px 0 20px 0;        font-family: Roboto;        font-size: 18px;        color: #212529;        text-align: left;        letter-spacing: 0.02px;        line-height: 1;        font-weight: normal;        font-stretch: normal;        font-style: normal;    }    .olimp-dialog-alternative .olimp-dialog-titlebar {        height: 24px;        margin: 4px 0 20px 0;        font-family: Roboto;        font-size: 18px;        color: #212529;        text-align: left;        letter-spacing: 0.02px;        line-height: 1;        font-weight: normal;        font-stretch: normal;        font-style: normal;    }    .olimp-dialog-alternative .olimp-dialog-titlebar-close {        position: absolute;        right: 10px;        top: 12px;        width: 32px;        height: 32px;        display: block;        background: url(./Images/close_icon__5.4.7.14764.svg) no-repeat;    }    .olimp-dialog-alternative .olimp-dialog-titlebar-close {        position: absolute;        width: 32px;        height: 32px;        right: 16px;        top: 20px;        display: block;        background: url(./Images/newDesign_icon_X__5.4.7.14764.svg) no-repeat;    }.clock-with-arrow {    position: absolute;    width: 32px;    height: 32px;    right: 20px;    bottom: 10px;    display: block;    background: url(./Images/clock_with_arrow__5.4.7.14764.svg) no-repeat;}.olimp-lable {    font-size: 12px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.33;    letter-spacing: 0.12px;    text-align: left;    color: #37474f;    margin-bottom: 7px;}a.olimp-btn.material-link {    color: #ffffff;    text-decoration: none;}.olimp-dialog-alternative .olimp-dialog-content {    margin-bottom: 20px;}#course-qr-code-dialog {    margin-bottom: 0px;    height: 100%;}@supports not selector(::-webkit-scrollbar) {    #course-qr-code-dialog {        scrollbar-width: thin;        scrollbar-color: #2d89dc #fdfdfd;    }}@supports selector(::-webkit-scrollbar) {    #course-qr-code-dialog::-webkit-scrollbar-track {        background-color: #e8e8e8;        border-radius: 20px;    }    #course-qr-code-dialog::-webkit-scrollbar {        width: 6px;    }    #course-qr-code-dialog::-webkit-scrollbar-thumb {        background-color: #2d89dc;        border-radius: 20px;    }}#course-qr-code-dialog .mobile-store img {    height: fit-content;}.olimp-dialog-alternative .olimp-dialog-buttonpane {    width: 100%;}    .olimp-dialog-alternative .olimp-dialog-buttonpane button {        width: 130px;        height: 36px;        margin: 0 20px 0 0;        padding: 7px 20px 7px 20px;        border-radius: 4px;        background-color: #2d89dc;    }    .olimp-dialog-alternative .olimp-dialog-buttonpane .olimp-modal-cancel-btn:hover {        background-color: #fa2d1f;        color: #ffffff;    }    .olimp-dialog-alternative .olimp-dialog-buttonpane .olimp-modal-ok-btn {        height: 36px;        margin: 10px 8px 0;        padding: 7px 0;        border-radius: 6px;        background-color: #2d89dc;        font-family: Roboto;        font-size: 12px;        font-weight: normal;        font-stretch: normal;        font-style: normal;        line-height: 1.67;        letter-spacing: 0.24px;        color: #ffffff;    }        .olimp-dialog-alternative .olimp-dialog-buttonpane .olimp-modal-ok-btn:hover {            color: #ffffff;            background-color: #339beb;        }    .olimp-dialog-alternative .olimp-dialog-buttonpane .olimp-button-alternative.disabled {        color: #bdc6ce !important;        border-color: #bdc6ce !important;        background-color: #fff !important;    }    .olimp-dialog-alternative .olimp-dialog-buttonpane .olimp-btn-disableable:disabled {        color: #90a4ae !important;        border-color: #eceff1 !important;        background-color: #eceff1 !important;    }.olimp-dialog-alternative .olimp-input input:focus,.olimp-input input:focus,.olimp-input-employee input:focus {    outline-style: none !important;    border: solid 1px rgba(45, 137, 220, 0.5) !important;}.olimp-button-alternative {    width: 208px;    height: 36px;    margin: 10px 8px 0;    padding: 7px 0;    border-radius: 6px;    background-color: #2d89dc;    font-family: Roboto;    font-size: 12px;    font-weight: normal;    font-stretch: normal;    font-style: normal;    line-height: 1.67;    letter-spacing: 0.24px;    color: #ffffff;    border: 1px solid #2d89dc;    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;    text-transform: uppercase;}    .olimp-button-alternative:hover {        color: #fff !important;        background-color: #2574B9 !important;        border-color: #2574B9 !important;    }    .olimp-button-alternative:active {        color: #fff !important;        background-color: #226CAC !important;        border-color: #226CAC !important;    }    .olimp-button-alternative:focus-visible {        color: #fff !important;        background-color: #1A5283 !important;        border-color: #1A5283 !important;        outline: none !important;    }.olimp-btn-outline-blue {    border: solid 1px #2d89dc;    background-color: rgba(255, 255, 255, 0.0);    color: #2d89dc;}    .olimp-btn-outline-blue:hover {        border: solid 1px #2d89dc;        background-color: #2d89dc;        color: #ffffff;    }.olimp-btn-outline-stroke-blue {    border: solid 1px #2d89dc !important;    background-color: rgba(255, 255, 255, 0.0) !important;    color: #2d89dc !important;}.olimp-btn-outline-stroke-blue:hover {    border: solid 1px #2d89dc !important;    background-color: #2d89dc !important;    color: #fff !important;}.olimp-btn-outline-red {    border: solid 1px #f44336 !important;    background-color: rgba(255, 255, 255, 0.0) !important;    color: #f44336 !important;}.olimp-btn-outline-red:hover {    border: solid 1px #f44336 !important;    background-color: #f44336 !important;    color: #fff !important;}.tab-buttons button.olimp-button-alternative {    width: 128px;    height: 34px;    margin-left: 0;    margin-right: 20px;    border-radius: 4px;    background-color: #2d89dc;    border: 1px solid #2d89dc;    font-family: Roboto;    font-size: 12px;    letter-spacing: 0.24px;    text-align: center;    color: #fff;    text-transform: uppercase;}.olimp-dialog-alternative .olimp-dialog-title {    font-size: 18px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.38;    letter-spacing: normal;    text-align: left;    color: #37474f;    font-family: Roboto;}.olimp-overlay {    position: fixed;    top: 0;    left: 0;    bottom: 0;    right: 0;    background-color: #3b4752;    filter: alpha(opacity=50);    opacity: .5;}.olimp-combobox {    width: 100%;    border-collapse: collapse;    background-color: #fff;}    .olimp-combobox tr td {        padding-top: 1px;        padding-bottom: 1px;        border-top: solid 1px #c9ccd6 !important;        border-bottom: solid 1px #c9ccd6 !important;    }        .olimp-combobox tr td.first {            border-left: solid 1px #c9ccd6 !important;        }        .olimp-combobox tr td.last {            border-right: solid 1px #c9ccd6 !important;            padding-top: 1px;        }        .olimp-combobox tr td.out {            border: none;        }        .olimp-combobox tr td input {            border: 0;            width: 100% !important;            padding-left: 4px;        }            .olimp-combobox tr td input:disabled {                margin-left: 0px;            }    .olimp-combobox .olimp-combobox-button {        margin: 0 3px 0 5px;    }    .olimp-combobox .olimp-combobox-button-wrap {        width: 13px;        cursor: pointer;    }    .olimp-combobox .out {        border: 0 !important    }.combobox[disabled] + table.olimp-combobox input, .form-table[disabled] {    -ms-opacity: 0.5;    opacity: 0.5;    pointer-events: none;}.olimp-combobox tr td input.ui-autocomplete {    max-height: 200px;    overflow-y: auto;    overflow-x: hidden;}* html .ui-autocomplete {    height: 200px;}.olimpcheckradio {    display: inline-block;    margin-right: 15px;    width: 32px;    height: 32px;}.olimp-checkbox-unchecked {    background: url(./Images/olimp-checkbox-unchecked__5.4.7.14764.png);}.olimp-checkbox-checked {    background: url(./Images/olimp-checkbox-checked__5.4.7.14764.png);}.olimp-radio-unchecked {    background: url(./Images/olimp-radio-unchecked__5.4.7.14764.png);}.olimp-radio-checked {    background: url(./Images/olimp-radio-checked__5.4.7.14764.png);}.olimp-alternative-radio-unchecked {    background: url(./Images/radio/radio_off__5.4.7.14764.svg);    background-size: 32px;}.olimp-alternative-radio-checked {    background: url(./Images/radio/radio_on__5.4.7.14764.svg);    background-size: 32px;}.olimp-multiselect-list {    display: table;    font-size: 11px;    color: #262626;    list-style-type: none;    margin-bottom: 0px;    margin-top: 0px;    padding: 0;}    .olimp-multiselect-list li {        display: table-row;    }        .olimp-multiselect-list li div {            display: table-cell;            padding: 0 5px 12px 0;            vertical-align: top;        }            .olimp-multiselect-list li div:first-child {                padding-right: 7px;            }    .olimp-multiselect-list .icon-delete-active {        margin: 0 5px -1px 0;    }    .olimp-multiselect-list.disabled-list .icon, .olimp-multiselect-list li.disabled .icon {        filter: alpha(opacity=50);        opacity: 0.5;        cursor: default;    }.olimp-multiselect-menu-add-text {    color: #000000;    opacity: 0.6;    filter: alpha(opacity=60);}.olimp-multiselect-input-tip {    display: none;    position: absolute;    color: #262626;    white-space: nowrap;    overflow: hidden;}.ui-state-hover .olimp-multiselect-menu-add-text {    color: #ffffff;}.tooltip {    position: absolute;    z-index: 1100;    left: -9999px;    background-color: #F0F3F8;    padding: 5px;    border: 1px solid #DADFE9;    width: 250px;    opacity: initial;}.tooltip a {    position: absolute;    z-index: 1100;    left: -9999px;    background-color: #F0F3F8;    padding: 5px;    border: 1px solid #DADFE9;    width: 250px;    opacity: initial;    text-decoration: none;}    .tooltip p {        margin: 0;        padding: 0;        background-color: #F0F3F8;        padding: 2px 7px;        font-size: 13px;    }.collapsible-block {    background-color: #f0f3f8;    border: 1px solid #dbdfea;    margin: 10px 0;}    .collapsible-block .collapsible-block-header {        padding: 15px 20px 15px;        text-align: left;        vertical-align: middle;        cursor: pointer;    }        .collapsible-block .collapsible-block-header:hover {            background-color: #dadfe9;        }    .collapsible-block .collapsible-block-header-text {        font-size: 18px;        margin-left: 8px;    }    .collapsible-block .collapsible-block-caption-text {        font-size: 11px;        margin-left: 22px;        font-weight: normal;        line-height: 1.55;        letter-spacing: 0.01px;        color: #787b80;    }    .collapsible-block .collapsible-block-header div {        float: left;    }    .collapsible-block .collapsible-block-header table {        border-collapse: collapse;        border: 0;    }        .collapsible-block .collapsible-block-header table tr td {            padding: 0;            margin: 0;            vertical-align: middle;        }    .collapsible-block .collapsible-block-content {        padding: 5px 20px 15px    }        .collapsible-block .collapsible-block-content .form-table tr td,        .collapsible-block .collapsible-block-content .form-table tr th {            border-bottom: 0;        }            .collapsible-block .collapsible-block-content .form-table tr td.table .form-table tr td,            .collapsible-block .collapsible-block-content .form-table tr td.table .form-table tr th {                border-bottom: 0;            }.collapsible-button {    border: 0;    padding: 0;    outline: none;}.prepare-toggle-link a:link, a:visited {    color: #3578CB;}.progressbar {    display: inline-block;    width: 75px;    background-color: white;    border: 1px solid #c6cbd1;    -ms-border-radius: 2px;    border-radius: 2px;    height: 13px;}    .progressbar > span {        width: 100%;        text-align: center;        line-height: 100%;        display: block;        height: 100%;        border-style: none;        -ms-border-radius: 0;        border-radius: 0;        background-color: #0381d6;        font-family: Tahoma;        font-size: 11px;        color: #ffffff;    }.progress-state-container > .progress-state:not(:last-child) {    margin-right: 4px;}.progress-state {    text-align: center;    line-height: 100%;    padding: 0 4px 2px 4px;    -ms-border-radius: 2px;    border-radius: 2px;    font-family: Tahoma;    font-size: 11px;    color: #ffffff;}    .progress-state.blue-state {        background-color: #0381d6;    }    .progress-state.red-state {        background-color: #cb0100;    }    .progress-state.green-state {        background-color: #56bb1f;    }    .progress-state.gray-state {        background-color: #acaeba;    }input.input-width-middle,textarea.input-width-middle {    width: 400px !important;}#group-tree-display-filter {    max-height: 200px;    overflow-y: auto;}/* default radio styles */.radio-label .radio-mark {    height: 15px;    width: 15px;    margin-right: 4px;    background: url(./Images/radio/radio_off__5.4.7.14764.svg);    background-size: 15px;    display: block;    float: left;}.radio-label input {    position: absolute;    opacity: 0;    height: 0;    width: 0;}    /* checked radio styles */    .radio-label input:checked ~ .radio-mark {        background: url(./Images/radio/radio_on__5.4.7.14764.svg);        background-size: 15px;    }/* default checkbox styles */.checkbox-label input {    position: absolute;    opacity: 0;    height: 0;    width: 0;}.checkbox-label {    height: 14px;    width: 14px;    position: relative;    margin-right: 4px;}    .checkbox-label .checkbox-mark {        position: relative;        top: 0;        left: 0px;        height: 14px;        width: 14px;        border: 1px solid;        border-radius: 3px;        border-color: gray;        float: left;    }        .checkbox-label .checkbox-mark::after {            content: "";            position: absolute;            opacity: 0;            left: 4px;            top: 1px;            width: 4px;            height: 8px;            border: solid white;            border-width: 0 2px 2px 0;            -webkit-transform: rotate( 45deg );            -ms-transform: rotate(45deg);            transform: rotate( 45deg );        }    .checkbox-label input ~ .checkbox-mark:hover {        border-color: #515151;    }    .checkbox-label input ~ .checkbox-mark:active {        border-color: #c4c4c4;    }    /* checked checkbox styles */    .checkbox-label input:checked ~ .checkbox-mark {        background: #0075ff;        border-color: #0075ff;    }        .checkbox-label input:checked ~ .checkbox-mark:hover {            background: #005dc8;            border-color: #005dc8;        }        .checkbox-label input:checked ~ .checkbox-mark:active {            background: #3794ff;            border-color: #3794ff;        }        .checkbox-label input:checked ~ .checkbox-mark::after {            opacity: 1;        }.tabs-navigator {    height: 100%;    display: table;    width: 100%;}.v-tabs-content {    z-index: 1000;    display: block;    width: auto;    min-height: 0px;    height: 649px;    overflow: auto;    padding-left: 2px;}.v-tabs-content::-webkit-scrollbar-track {    background-color: #e8e8e8;    border-radius: 20px;}.v-tabs-content::-webkit-scrollbar {    width: 6px;}.v-tabs-content::-webkit-scrollbar-thumb {    background-color: #2d89dc;    border-radius: 20px;}.tab-container {    height: 100%;    padding: 10px 6px 6px 0px;    display: table-cell;    width: 100%;}.tab {    display: block;    width: 100%;    height: 100%;}.main-tab {    padding-left: 6px;}.tab-view {    display: table;    height: 100%;    width: 100%;    table-layout: fixed;}.tab-footer {    display: table-row;    width: 100%;    height: 40px;}.back-container {    position: relative;    background-color: #f0f3f8;    height: 100%;    display: table-cell;    float: none;    min-width: 56px;}.tab-content {    height: 100%;}.edit-action-content-wrapper {    height: 100%;}.tab-buttons button.olimp-button {    margin-bottom: .1em;}.not-main-tab {    margin-left: 6px;    padding-right: 6px;}.without-padding {    padding: 0px !important;}.base-tree-view > .need-borders {    border-top: 2px solid #e7e7e7;    border-bottom: 2px solid #e7e7e7;    margin-top: 15px;    padding-left: 10px;    padding-top: 5px;    padding-bottom: 5px;    max-height: 200px;    overflow-y: auto;}.tab .base-tree-view > .need-borders {    border-top: none;    border-bottom: none;    margin-top: 0px;    padding-left: 0px;    padding-top: 0px;    padding-bottom: 0px;    max-height: none;    background-color: transparent;}.main-tab .base-tree-view > .need-borders {    margin-top: 15px;    padding-left: 10px;    padding-top: 5px;    padding-bottom: 5px;    max-height: 200px;    overflow-y: auto;    background-color: #f0f3f8;}.catalogue .appointment-name {    font-weight: bold;    cursor: pointer;}.catalogue .node-name > span {    width: 90%;}    .catalogue .node-name > span.icon.catalogue-icon {        width: 13px;    }.catalogue .appointment-name > span {    float: left;    max-width: 90%;}.catalogue .appointment-name.unselected {    font-weight: 400 !important;}.catalogue .node-caption .appointment-name {    float: none;}.tree-control-buttons-container {    display: inline;}.show-only-selected-control {    float: right;}    .show-only-selected-control span {        font-size: 11px;        font-family: Tahoma;        cursor: pointer;    }    .show-only-selected-control input {        margin-right: 5px;        width: auto !important;    }    .show-only-selected-control tr td {        padding-top: 3px;        border: none;        text-align: inherit;        padding: 0px;    }        .show-only-selected-control tr td:first-child {            padding-top: 3px;        }.group-tree-wrap {    overflow: auto;}.is-disabled-link {    color: currentColor;    pointer-events: none;    cursor: not-allowed;    opacity: 0.5;    text-decoration: none;}ul.ui-autocomplete {    z-index: 9999;}.hidden {    display: none !important;}/*material-tree start*/.block-name {    font-size: 12px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.83;    letter-spacing: normal;    text-align: left;    color: #37474f;    cursor: pointer;}.study-time-div {    position: unset;    display: flex;    justify-content: center;}.study-time-container {    position: absolute;    display: flex;    align-items: center;    margin-top: 5px;}.study-time {    font-size: 12px;    color: #00c853;}.exam-count {    font-size: 10px;    font-weight: normal;    font-stretch: normal;    font-style: italic;    line-height: 2;    letter-spacing: normal;    text-align: left;    color: #2d89dc;}    .exam-count.expanded-block {        color: #90a4ae;    }.block-header {    border-bottom: dashed 1px #90a4ae;    margin-bottom: 1em;}.px-9 {    padding-left: 9rem !important;    padding-right: 9rem !important;}.olimp-icon {    width: 32px;    height: 32px;}.olimp-icon-big {    width: 47px;    min-width: 47px;    height: 45px;    background-size: cover;}.chevron-down,.chevron-up,.chevron-right {    cursor: pointer;}.branch-industrial-safety-img {    background-image: url(./Images/main_service_01__5.4.7.14764.svg);}.branch-energy-security-img {    background-image: url(./Images/main_service_02__5.4.7.14764.svg);}.branch-occupational-safety-img {    background-image: url(./Images/main_service_03__5.4.7.14764.svg);}.branch-fire-safety-img {    background-image: url(./Images/main_service_04__5.4.7.14764.svg);}.branch-environmental-security-img {    background-image: url(./Images/main_service_05__5.4.7.14764.svg);}.branch-test-assignments-img {    background-image: url(./Images/main_service_06__5.4.7.14764.svg);}.branch-safety-hydraulic-structures-img {    background-image: url(./Images/main_service_07__5.4.7.14764.svg);}.branch-civil-defense-img {    background-image: url(./Images/main_service_08__5.4.7.14764.svg);}.branch-transport-safety-img {    background-image: url(./Images/main_service_09__5.4.7.14764.svg);}.branch-management-security-img {    background-image: url(./Images/main_service_10__5.4.7.14764.svg);}.branch-information-security-img {    background-image: url(./Images/main_service_11__5.4.7.14764.svg);}.branch-universal-img {    background-image: url(./Images/main_service_12__5.4.7.14764.svg);}.branch-additional-education-img {    background-image: url(./Images/main_service_13__5.4.7.14764.svg);}.branch-Anti-terrorism-security-img {    background-image: url(./Images/main_service_14__5.4.7.14764.svg);}.chevron-down {    background-image: url(./Images/show_content_down_blue__5.4.7.14764.svg);}.chevron-up {    background-image: url(./Images/show_content_up_blue__5.4.7.14764.svg);}.chevron-right {    background-image: url(./Images/show_content_up_blue__5.4.7.14764.svg);    transform: rotate(90deg);}.chevron-left {    background-image: url(./Images/show_content_up_blue__5.4.7.14764.svg);    transform: rotate(270deg);}.const-text {    margin: 0 0 3px;    font-size: 11px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.36;    letter-spacing: 0.11px;    text-align: left;    color: #6d7c84;}.value-text {    margin: 3px 0 0;    font-size: 15px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.54;    letter-spacing: 0.13px;    text-align: left;    color: #37474f;}.course-content-container {    display: table;    width: 100%;    height: 100%;}ul.catalogue.without-checkboxes .block-name {    font-size: 17.5px;    font-weight: 700;}ul.material-container div.course-block div.block-name {    font-size: 13px;}.material-info-container {    width: fit-content;    flex-wrap: nowrap;    padding-bottom: 14px;}.course-content {    height: 100%;}.course-content,.button-container {    display: table-cell;}.course-block .course-content-container .button-container {    padding-left: 5rem;}.course-block .course-content-container .button-container p {    margin-bottom: 0px;}.button-container {    width: 14rem;    border-left: 1px solid #bdc6ce;    vertical-align: middle;}.material-container {    padding-bottom: 1rem;}.major-container {    padding: 28px 78px 25px 44px;    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);    background-color: #fafafa;}.last-material.major-container {    margin-bottom: 25px;}@media (max-width: 1115px) {    .course-content, .button-container {        display: block;    }    .button-container {        width: 100%;        border-left: none;        border-top: 1px solid #bdc6ce;        padding-left: 0 !important;        padding-top: 10px;        text-align: center;        margin-top: 10px;    }    .major-container {        padding-left: 44px;        padding-right: 44px;        padding-bottom: 10px;    }    .material-info-container {        width: 100%;    }    .study-time-container {        position: relative;    }}.h-33 {    height: 33%;}li.material-li {    padding: 0px;}.material-li:last-child .major-container {    border-radius: 0 0 8px 8px;}.material-li:first-child .major-container {    border-radius: 8px 8px 0 0;}.material-li:first-child:last-child .major-container {    border-radius: 8px;}.material-li:nth-child(odd) .major-container {    background-color: #ffffff;}.info-text {    font-size: 13px;    font-weight: normal;    font-stretch: normal;    font-style: normal;    line-height: 1.54;    letter-spacing: normal;    text-align: left;    color: #37474f;}.btn-chevron-down {    background-image: url(./Images/show_content_down_blue__5.4.7.14764.svg);    background-repeat: no-repeat;    background-position: right center;}.btn-chevron-up {    background-image: url(./Images/show_content_up_blue__5.4.7.14764.svg);    background-repeat: no-repeat;    background-position: right center;}.collapsed .text {    color: #2d89dc;    line-height: 2.5;}.collapsed table {    width: fit-content !important;}.expand-btn {    width: 8rem;    padding-top: 0.188rem;    padding-bottom: 0.188rem;    border: none;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    box-shadow: none !important;    -moz-box-shadow: none !important;    -webkit-box-shadow: none !important;    margin: 0;    font-family: Roboto;    cursor: pointer;    font-size: 12px;    font-weight: normal;    font-stretch: normal;    font-style: italic;    line-height: 1.67;    letter-spacing: normal;    text-align: left;    color: #2d89dc;}    .expand-btn:focus {        box-shadow: none;    }a.expand-btn.btn {    width: 150px !important;}a.expand-btn.btn:hover {    color: #2d89dc;}.catalogue-header {    padding-bottom: 28px;    padding-top: 15px;}.catalogue-header-text {    margin: 0 0 10px 0;    font-size: 20px;    font-weight: 700;    font-stretch: normal;    font-style: normal;    line-height: 1.4;    letter-spacing: normal;    text-align: left;    color: #37474f;}/*material-tree end*//*olimp-search-start*/.bi-search {    font-size: 24px;    color: #2d89dc;    padding-left: 1em;    padding-right: 1em;    background-image: url(./Images/search_icon__5.4.7.14764.svg);}.search-container {    padding: 0px 10px 10px 10px;    border-radius: 22px;    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);    border: solid 1px #fafafa;    background-color: #ffffff;    height: 42px;    margin-top: -25px;}.title-row {    padding-top: 9px;}input.search-control {    border: none;    font-weight: normal;}    input.search-control:focus {        box-shadow: none;    }.search-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */    opacity: 1; /* Firefox */    font-family: Roboto;    font-size: 12px;    font-weight: normal;    font-stretch: normal;    font-style: italic;    line-height: 1.33;    letter-spacing: 0.12px;    color: #90a4ae;    border: none;}.search-control:-ms-input-placeholder { /* Internet Explorer 10-11 */    font-family: Roboto;    font-size: 12px;    font-weight: normal;    font-stretch: normal;    font-style: italic;    line-height: 1.33;    letter-spacing: 0.12px;    color: #90a4ae;}.search-control::-ms-input-placeholder { /* Microsoft Edge */    font-family: Roboto;    font-size: 12px;    font-weight: normal;    font-stretch: normal;    font-style: italic;    line-height: 1.33;    letter-spacing: 0.12px;    color: #90a4ae;}/*olimp-search-end*//*for answer component*/.background {    padding: 14px 10px 30px 44px;    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);    background-color: #fafafa;}.odd .background {    background-color: #ffffff;}.even .background {    background-color: #fafafa;}.first.background {    border-radius: 8px 8px 0 0;}.last.background {    border-radius: 0 0 8px 8px;}.question {    font-family: Roboto;    font-size: 16px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.67;    letter-spacing: normal;    text-align: left;    color: #37474f;}.question img {    float: none !important;}.answer-title {    padding: 8px 0 13px 2px;    font-family: Roboto;    font-size: 11px;    font-weight: normal;    font-stretch: normal;    font-style: italic;    line-height: 1.33;    letter-spacing: 0.12px;    text-align: left;    color: #6d7c84;}.answer-content {    font-family: Roboto;    font-size: 14px;    font-weight: normal;    font-stretch: normal;    font-style: normal;    line-height: 1.54;    letter-spacing: normal;    text-align: left;}.hand-writen-answer .answer-content {    white-space: break-spaces;}#test-results .body table tbody tr td:nth-child(4) {    white-space: break-spaces;}.answer-content p {    margin-bottom: 0px;}.result {    padding-top: 3px;    font-family: Roboto;    font-size: 13px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.38;    letter-spacing: 0.13px;    text-align: left;    color: #f44336;}.correct .result {    color: #00c853;}.non-answered .result {    color: #90a4ae;}.answer {    padding: 4px 14px;    border-radius: 8px;    border: solid 1px #f44336;}.multiple-answer .answer-content ul,.multiple-answer .answer-content > div {    list-style: none;    padding-left: 10px;}.multiple-answer .answer-content li,.multiple-answer .answer-content > div {    background-image: url(./Images/checbox_enabled_red__5.4.7.14764.svg);    background-repeat: no-repeat;    background-position: 0%;    min-height: 30px;    padding-left: 35px;    display: flex;    align-items: center;}.multiple-answer .answer-content > div {    margin-left: 15px;}.answer-content ul {    margin: 12px 0;    padding-left: 15px;}.answer-content li {    margin-bottom: 20px;}    .answer-content li:last-child {        margin-bottom: 0px;    }.sorted-answer ul {    list-style-type: none;    counter-reset: number;}.sorted-answer li {    display: flex;    align-items: center;    position: relative;    min-height: 20px;}    .sorted-answer li > div {        padding-left: 34px;    }    .sorted-answer li::before {        counter-increment: number;        content: counter(number);        display: flex;        height: 70%;        position: absolute;        align-items: center;        border-right: solid 1px #bdc6ce;        padding-right: 7px;        top: 15%;    }.correct .multiple-answer li,.correct .multiple-answer .answer-content > div {    background-image: url(./Images/checbox_enabled_green__5.4.7.14764.svg);}.correct .answer {    border: solid 1px #00c853;}.non-answered .answer {    border: none;}.hand-writen-answer > div {    margin-left: 0px;}.matched-answer .answer-content {    text-align: center;}.matched-answer p {    display: none;}.matched-answer table {    width: 100%;}.table .answer-content table td {    text-align: center;    vertical-align: middle;}.answer-content table td {    border: none !important;}.table .body .answer-content ul {    padding-left: 15px;}.matched-answer tr:first-child td > div:first-child {    padding-top: 5px;}.matched-answer tr:last-child td > div:first-child {    padding-bottom: 5px;}.matched-answer tr td > div:first-child {    padding: 12px 0;}.matched-answer td {    background-image: url(./Images/relation_line__5.4.7.14764.svg);    background-repeat: no-repeat;    width: 50%;}    .matched-answer td:last-child {        background-position: -10%;    }        .matched-answer td:last-child > div {            margin-left: 6rem;        }    .matched-answer td:first-child {        background-position: 110%;    }        .matched-answer td:first-child > div {            margin-right: 6rem;            margin-left: 15px;        }.radio-mark {    margin: 0px 11px 0px 15px;    display: block;    float: left;    fill: #f44336;}.correct .radio-mark {    fill: #00c853;}.non-answered .radio-mark {    fill: #90a4ae;}.radio-container {    display: flex;    align-items: center;}.inside-table-row {    display: contents;}.grouped-row .inside-table-row {    display: flex;}.grouped-row .row.inside-table-row:last-child .background {    border-radius: 0 0 8px 8px;}.grouped-row .row.inside-table-row:nth-child(odd) .background {    background-color: #ffffff}.answer-list .table .body table tr td {    padding: 0;    border: none;}.answer-list .body {    border: none;}.answer-list .table .body table tr:first-child .background {    border-radius: 8px 8px 0 0;}.answer-list .table .body table tr:last-child .background {    border-radius: 0 0 8px 8px;}.answer-container {    min-width: 585px !important;}/*for answer component end*//*for exam result component*/.px-8 {    padding-left: 8.5rem !important;    padding-right: 8.5rem !important;}@media (max-width: 1720px) {    .px-8 {        padding-left: 1rem !important;        padding-right: 1rem !important;    }}.px-12 {    padding-left: 12rem !important;    padding-right: 12rem !important;}@media (max-width: 1115px) {    .px-12 {        padding-left: 5rem !important;        padding-right: 5rem !important;    }}.block-title {    padding-top: 10px;    font-family: Roboto;    font-size: 20px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.4;    letter-spacing: normal;    text-align: left;    color: #37474f;}.block-title-border-bottom {    border-top: solid 1px #bdc6ce;    margin-top: 1rem;    height: 100%;}.block-title-border-bottom-alternative {    border-top: solid 1px #bdc6ce;    margin-top: 12px;    margin-bottom: 10px;}.sub-container-parrent {    padding-left: .75rem;    padding-right: .75rem;}.sub-container {    display: flex;    flex-flow: column;    height: 100%;    max-height: 250px;    min-width: 370px;    padding-top: 1rem;}.sub-block-title {    font-family: Roboto;    font-size: 14px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.33;    letter-spacing: 0.12px;    text-align: left;    color: #90a4ae;}.sub-block-background {    margin: 7px 0 0;    padding: 14px 45px 18px 44px;    border-radius: 6px;    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);    background-color: #ffffff;    flex-grow: 1;}.exam-area-result {    min-width: 126px;}.field-title {    padding-top: 14px;    font-family: Roboto;    font-size: 11px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.36;    letter-spacing: 0.11px;    text-align: left;    color: #6d7c84;}.field-value {    padding-top: 3px;    font-size: 13px;    font-weight: 500;}.field-value-text {    font-family: Roboto;    font-size: 13px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 18px;    letter-spacing: 0.13px;    text-align: left;    color: #37474f;    overflow: hidden;    max-height: 19px;    width: 88%;    float: left;}.two-line-field-text {    max-height: 37px;}.exam-area-value {    margin-top: 5px;    font-family: Roboto;    font-size: 13px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 18px;    letter-spacing: 0.13px;    text-align: left;    color: #2d89dc;    width: 100%;    float: left;    overflow: hidden;}.more-info-image {    display: none;    float: right;    margin-top: -14px;}.two-line-field-text + .more-info-image {    margin-top: 0;}.exam-area-image {    height: 48px;    margin-left: 10px;}.test-result {    padding-top: 3px;    font-family: Roboto;    font-size: 13px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.38;    letter-spacing: 0.13px;    text-align: left;    color: #f44336;}.exam-result .passed {    color: #00c853;}.exam-result .olimp-btn {    margin: 20px 0 0 24px;}.exam-result .block {    border: none;}.exam-result a:link {    text-decoration: none;}/*for paginatiion*/.warpper {    padding-left: 136px;    padding-right: 136px;}.page-size-warapper {    margin-right: 44px;}.pagination {    margin: 0;    height: 22px;}.text-from-to {    width: 108px;    height: 11px;    margin: 2px 51px 0 0;    font-size: 9px;    font-weight: normal;    font-stretch: normal;    font-style: italic;    line-height: 1.22;    letter-spacing: 0.09px;    text-align: left;    color: #455a64;    white-space: nowrap;}.text {    margin: 2px 8px 0 0;    font-family: Roboto;    font-size: 12px;    color: #37474f;    margin-top: 2px;    line-height: 1.5;    letter-spacing: 0.12px;    text-align: left;    display: inline-block;    white-space: nowrap;}.page-item {    padding: 2px 4px 0 4px;    width: 30px;    height: 20px;}.page-link {    width: 100%;    padding: 0;    font-family: Roboto;    font-size: 12px;    text-align: center;    color: #2d89dc;    background: none;    border: none;    transition: none;}    .page-link:focus {        box-shadow: none !important;    }.page-item.selected {    padding: 0 5px;}    .page-item.selected .page-link {        color: #ffffff;        width: 21px;        height: 19px;        background-color: #2d89dc !important;        border-radius: 100% !important;        -moz-border-radius: 100% !important;        -webkit-border-radius: 100% !important;        -khtml-border-radius: 100% !important;        cursor: default;    }.min-row-size {    min-width: 850px;    padding-top: 20px;    width: 100%;    padding-right: 13px;    padding-left: 13px;}.paging-offset {    display: flex;}.page-item:first-child {    margin-right: 45px;}.page-item:last-child {    border-left: solid 1px #f1eeec;}.page-link:focus {    box-shadow: none !important;}.previous-icon {    background-image: url(./Images/previous_navigation_disabled__5.4.7.14764.svg);    background-repeat: no-repeat;    background-position: left center;    text-align: right;    color: #90a4ae;    width: 68px;    border-right: solid 1px #f1eeec;    padding-right: 4px;    height: 100%;}.active div.previous-icon {    background-image: url(./Images/previous_navigation_arrow_enable__5.4.7.14764.svg);    color: #2d89dc;}.next-icon {    background-image: url(./Images/next_navigation_arrow_disabled__5.4.7.14764.svg);    background-repeat: no-repeat;    background-position: right center;    text-align: left;    color: #90a4ae;    width: 60px;}.active div.next-icon {    background-image: url(./Images/next_navigation_arrow_enable__5.4.7.14764.svg);    color: #2d89dc;}.dots-icon {    text-indent: -9000px;    text-transform: capitalize;    background-image: url(./Images/show_full_info_blue__5.4.7.14764.svg);    background-repeat: no-repeat;    background-position: right -0.1em center;}li.dots-icon button {    display: none;}button.nav-btn {    display: contents;}button.page-num {    width: 100%;}.text-from-to {    width: 108px;    height: 11px;    margin: 2px 51px 0 0;    font-size: 9px;    font-weight: normal;    font-stretch: normal;    font-style: italic;    line-height: 1.22;    letter-spacing: 0.09px;    text-align: left;    color: #455a64;    white-space: nowrap;}.text {    margin: 2px 8px 0 0;    font-family: Roboto;    font-size: 12px;    color: #37474f;    margin-top: 2px;    line-height: 1.5;    letter-spacing: 0.12px;    text-align: left;    display: inline-block;    white-space: nowrap;}.pagination-scroll {    overflow-x: auto;}.page-size-item {    padding: 2px 4px 0 4px;    width: 30px;    height: 20px;    border-right: solid 1px #f1eeec;    min-width: 30px; /*for IE*/}    .page-size-item:last-child {        border: none;    }.page-link {    width: 100%;    padding: 0;    font-family: Roboto;    font-size: 12px;    text-align: center;    color: #2d89dc;    background: none;    border: none;    transition: none;}    .page-link:focus {        box-shadow: none !important;    }.page-size-item.active {    padding: 0 5px;}    .page-size-item.active .page-link {        color: #ffffff;        width: 21px;        height: 19px;        background-color: #2d89dc !important;        border-radius: 100% !important;        -moz-border-radius: 100% !important;        -webkit-border-radius: 100% !important;        -khtml-border-radius: 100% !important;        cursor: default;    }.page-size-item.done .page-link {    text-decoration: line-through;}.custom-tooltip {    position: relative;}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {    .flex-auto {        flex: 1 1 auto;    }    .flex-no-wrap {        flex-wrap: nowrap;    }}@media (max-width: 1600px) {    .flex-auto {        max-width: 300px;    }}@media (min-width: 1601px) {    .flex-auto {        width: 100%;    }}.more-info-image:hover {    position: relative}.more-info-image + span,.more-info-tooltip {    display: none}.more-info-image:hover + span,.more-info-anchor:hover + span.more-info-tooltip {    margin: 9px 328.5px 37px 56px;    padding: 7px 14px 7px 15px;    border-radius: 6px;    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);    border: solid 1px #f5f5f5;    background-color: #fff;    display: block;    z-index: 100;    left: -20px;    position: absolute;    top: -75px;    font-family: Roboto;    font-size: 11px;    font-weight: normal;    font-stretch: normal;    font-style: italic;    line-height: 1.36;    letter-spacing: 0.11px;    text-align: left;    background-color: #fff;    color: #455a64;    width: 400px;}@media (max-width: 400px) {    .more-info-image:hover + span,    .more-info-anchor:hover + span.more-info-tooltip {        width: 285px;    }}.more-info-anchor:hover + span.more-info-tooltip-right {    left: 0px;    top: -10px;}/* olimp button */body .olimp-btn {    width: 208px;    height: 36px;    margin: 10px 8px 0;    padding: 7px 0;    border-radius: 6px;    background-color: #2d89dc;    font-family: Roboto;    font-size: 12px;    font-weight: normal;    font-stretch: normal;    font-style: normal;    line-height: 1.67;    letter-spacing: 0.24px;    color: #ffffff;    text-transform: uppercase;    text-decoration: none !important;}.olimp-btn:hover {    color: #ffffff !important;    background-color: #339beb !important;}body .olimp-btn-white {    background: none;    border-color: #2d89dc;    color: #2d89dc;}/* olimp button end*//**/.repeat-icon {    width: 31px;    height: 31px;    margin: 0 0.5px 0 0;    object-fit: contain;    background-image: url(./Images/repeat_icon__5.4.7.14764.svg);}.nounderline {    text-decoration: none !important}.course-name {    font-family: Roboto;    font-size: 20px;    font-weight: 700;    font-stretch: normal;    font-style: normal;    line-height: 1.4;    letter-spacing: normal;    text-align: left;    color: #37474f;    overflow: hidden;    height: 2rem;    text-overflow: ellipsis;    white-space: nowrap;    max-width: 41rem;}.course-content .course-name {    height: auto;}.page-size-warapper {    margin-right: 44px;}.repeat-text {    font-family: Roboto;    font-size: 12px;    font-weight: normal;    font-stretch: normal;    font-style: normal;    line-height: 1.67;    letter-spacing: normal;    text-align: left;    color: #2d89dc;    min-width: 8rem;}.theme-number-container {    min-width: 150px;}.breadcrumb-wrapper {    margin-left: -9px;}.nvigation-footer {    margin-top: 1rem;}.buttons-block {    min-width: 16rem;}.header .course-content-container {    display: table;    width: 100%;    height: 100%;}.header .course-content {    height: 100%;}.button-container-result {    width: 14rem;    border: none;    display: table-cell}    .button-container-result .olimp-btn,    .button-container-footer .olimp-btn {        margin: 0;    }.course-name-box {    height: 3rem;}.button-container-footer {    padding-bottom: 1rem;}.const-text {    margin: 0 0 3px;    font-family: Roboto;    font-size: 11px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.36;    letter-spacing: 0.11px;    text-align: left;    color: #90a4ae;}.theme-name {    font-family: Roboto;    font-size: 15px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.43;    letter-spacing: normal;    text-align: left;    color: #37474f;}.theme-number-value {    height: 18px;    margin: 3px 0 0;    font-family: Roboto;    font-size: 13px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.54;    letter-spacing: 0.13px;    text-align: left;    color: #37474f;}.o-chevron-down {    font-size: 32px;}.theme-container {    padding: 15px 28px 14px 44px;    border-radius: 6px;    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);    height: 80px;    min-height: 80px;    max-height: 80px;    overflow: hidden;    cursor: pointer;}.open-card-icon {    width: 32px;    height: 32px;    object-fit: contain;    background-image: url(./Images/open_card_icon__5.4.7.14764.svg);    cursor: pointer;}.close-card-icon {    width: 32px;    height: 32px;    object-fit: contain;    background-image: url(./Images/close_card_icon__5.4.7.14764.svg);    cursor: pointer;}.opened-theme {    border-radius: 0 0 0 0;}.right-side {    padding-top: 1em;}/**//*sub-navbar*/.sub-navbar-container {    min-height: 60px;    background-color: #eceff1;}.sub-navbar-list {    list-style-type: none;    margin: 0;    display: flex;    justify-content: flex-start;    position: relative;}.sub-navbar-item {    position: relative;    width: 296px;    text-align: center;}    .sub-navbar-item a {        text-decoration: none;    }    .sub-navbar-item.first-item a {        padding-left: 0px;    }.sub-navbar-link {    height: 100%;    padding: 0px 0px;    cursor: pointer;    display: block;    font-size: 12px;    color: #2d89dc;    font-family: "Roboto";    font-weight: 500;    text-decoration: none;    height: 30px;    border-left: 2px solid #f9f9f9;    margin-top: 15px;    margin-bottom: 12px;    line-height: 3;}.sub-navbar-item:first-child > a {    border-left: none;}.sub-navbar-link:hover,.sub-navbar-link:active,.sub-navbar-item-select .sub-navbar-link {    color: #37474f;}.sub-navbar-item-select {    border-bottom: 3px solid #2d89dc;}.sub-navbar-delimiter {    position: absolute;    top: 14px;    right: 0;    height: 32px;    width: 1px;    background-color: #fff;}.previous-page-icon {    background-image: url(./Images/previous_page_arrow__5.4.7.14764.svg);    background-repeat: no-repeat;    background-position: center;    height: 16px;    width: 16px;    margin-right: 5px;}.previous-page-item {    width: 150px;    min-width: 150px;}    .previous-page-item .sub-navbar-link {        display: flex;        align-items: center;        padding-left: 0;        min-width: 230px;        height: 30px;        margin-top: 18px;        border-left: none;        font-weight: normal;        color: #2d89dc;    }        .previous-page-item .sub-navbar-link:hover {            color: #2d89dc;        }.sub-navbar-list-fluid {    justify-content: center;}    .sub-navbar-list-fluid .sub-navbar-item {        width: 100%;    }    .sub-navbar-list-fluid .sub-navbar-link {        padding: 20px 20px;        text-align: center;    }    .sub-navbar-list-fluid .previous-page-item .sub-navbar-link {        justify-content: center;    }/*sub-navbar*/.more-info-icon {    width: 31px;    height: 26px;    object-fit: contain;    background-image: url(./Images/more_info_icon__5.4.7.14764.svg);}.answer-container .more-info-icon {    display: table-cell;    background-position-y: 5px;    cursor: pointer;}.olimp-theme-title .more-info-icon {    margin-bottom: 5px;}.more-info-text {    vertical-align: bottom;}.tooltipTrigger {    position: relative;}.tooltipTrigger .tooltipBox, .tooltipTriggerAppointment .tooltipBox {    visibility: hidden;    position: absolute;    background-color: white;    color: #212529;    border-radius: 6px;    z-index: 1;    margin: 5px;    font-family: Roboto;    font-size: 13px;    font-weight: normal;    font-stretch: normal;    font-style: normal;    line-height: 1.38;    letter-spacing: normal;    text-align: left;    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.05);    padding: 8px 12px;    border: solid 1.5px rgba(175, 175, 175, 0.5);}.more-info {    margin: 0;    font-family: Roboto;    font-size: 12px;    font-weight: normal;    font-stretch: normal;    font-style: italic;    line-height: 1.67;    letter-spacing: normal;    text-align: left;    color: #2d89dc;    position: relative;}.interactive-icon {    width: 32px;    height: 32px;    object-fit: contain;    background-image: url(./Images/presentation_type_icon__5.4.7.14764.svg);}.document-icon {    width: 32px;    height: 32px;    object-fit: contain;    background-image: url(./Images/documents_type_icon__5.4.7.14764.svg);}.questions-icon {    width: 32px;    height: 32px;    object-fit: contain;    background-image: url(./Images/questions_type_icon__5.4.7.14764.svg);}.clock-icon {    width: 31px;    height: 31px;    margin: 0 0.5px 0 0;    object-fit: contain;    background-image: url(./Images/time_info_icon__5.4.7.14764.svg);}.clock-icon-green {    width: 31px;    height: 31px;    margin: 0 0.5px 0 0;    object-fit: contain;    background-image: url(./Images/time-info-icon-green__5.4.7.14764.svg);}.h-34 {    height: 34%;}.solid-line {    margin-top: 0px;    border: none;    border-bottom: solid 1px #37474f;    margin: 0 145px 0 145px;    min-width: 670px;}/*sorting dropdown*/.sorted-by {    width: 100%;    height: 32px;    margin-left: 10px;    min-width: 200px;    padding-left: 7px;}    .sorted-by > .form-title {        display: inline-block;        font-family: Roboto;        font-size: 12px;        font-weight: 500;        font-stretch: normal;        font-style: normal;        line-height: 1.17;        letter-spacing: 0.12px;        text-align: left;        color: #37474f;    }.inline > .form-title {    display: inline-block;    font-family: Roboto;    font-size: 12px;    font-weight: 500;    font-stretch: normal;    font-style: normal;    line-height: 1.17;    letter-spacing: 0.12px;    text-align: left;    color: #37474f;}    .sorted-by > .dropdown {        display: inline-block;        background-color: #fdfdfd;    }    .sorted-by .form-select-custom {        width: fit-content;        height: 20px;        padding-right: 30px;        background-image: url(./Images/droplist_closed_icon_enable__5.4.7.14764.svg);        background-repeat: no-repeat;        background-position: 100% center;        border-radius: 1px;        -webkit-appearance: none;        -moz-appearance: none;        appearance: none;        line-height: 0;        margin: 0;    }    .sorted-by button[aria-expanded="true"] {        border-bottom-right-radius: 0px;        border-bottom-left-radius: 0px;        background-image: url(./Images/droplist_opened_icon_enable__5.4.7.14764.svg);        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16) !important;        -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16) !important;        -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16) !important;    }    .sorted-by button:focus {        outline: none;        box-shadow: none;    }    .sorted-by .dropdown-menu {        min-width: 0;        padding: 0;        border-radius: 1px;        border: none;        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);        -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);        -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);    }    .sorted-by .dropdown-item {        height: 32px;        padding: 0.375rem 0.75rem;        cursor: pointer;    }.dropdown .text {    font-family: Roboto;    font-size: 12px;    font-weight: normal;    font-stretch: normal;    font-style: normal;    letter-spacing: normal;    text-align: left;    color: #2d89dc;    text-decoration: none;    padding-bottom: 5px;}    .dropdown .text:active {        background-color: #e9ecef;    }/*sorting dropdown end*/.px-10 {    padding-left: var(--bs-gutter-x, 10rem) !important;    padding-right: var(--bs-gutter-x, 10rem) !important;}.answer-list .body {    padding-left: 12rem !important;    padding-right: 12rem !important;}@media (max-width: 1115px) {    .answer-list .body {        padding-left: 1rem !important;        padding-right: 1rem !important;    }}/*olimp-splash main page*/.olimp-text {    margin: 0 8px 0 0;    font-family: Roboto;    font-size: 12px;    color: #37474f;}.main-page-title-menu {    font-size: 20px;    font-weight: bold;    font-stretch: normal;    font-style: normal;    font-family: Roboto;    line-height: 1.4;    letter-spacing: normal;    color: #37474f;}/*olimp-splash*//*olimp-dropdown*/.olimp-dropdown {    width: 100%;}    .olimp-dropdown button {        border-radius: 0;    }    .olimp-dropdown .dropdown-item {        border-bottom: solid 1px #eceff1;        white-space: normal;    }    .olimp-dropdown .cp {        padding: 0;        border-radius: 0;        border: 1px solid #37474f;        font-size: 12px;    }    .olimp-dropdown .cp-dropdown {        display: flex;        flex-direction: column;    }    .olimp-dropdown .cp-dropdown__label {        padding: 0.75em 1em;        color: #37474f;        font-weight: 700;    }    .olimp-dropdown .cp-dropdown__select {        display: block;        background-color: #f1f9ff;        max-height: 10em;        min-height: 5em;        width: 100%;        overflow-y: scroll;        cursor: pointer;    }    .olimp-dropdown .cp-dropdown__select-option {        padding: 11.5px 19px 12.5px 11px;        margin-bottom: 0;        color: #37474f;        background-color: transparent;        transition: all 0.05s ease-in-out;        font-family: Roboto;        font-size: 12px;        font-weight: normal;        font-stretch: normal;        font-style: normal;        line-height: 1.67;        letter-spacing: normal;        text-align: left;    }        .olimp-dropdown .cp-dropdown__select-option:hover {            border-radius: 4px;            background-color: #2d89dc;            font-family: Roboto;            font-size: 12px;            font-weight: normal;            font-stretch: normal;            font-style: normal;            line-height: 1.67;            letter-spacing: normal;            text-align: left;            color: #fff;            cursor: pointer;        }.olimp-scrollbar {    scrollbar-width: thin;    scrollbar-color: #2d89dc #e8e8e8;}    .olimp-dropdown ::-webkit-scrollbar,    .olimp-scrollbar::-webkit-scrollbar {        width: 14px;        height: 14px;        background-color: #fff;        border-radius: 8px;    }    .olimp-dropdown ::-webkit-scrollbar-thumb,    .olimp-scrollbar::-webkit-scrollbar-thumb {        border: 5px solid rgba(0, 0, 0, 0);        background-clip: padding-box;        border-radius: 9999px;        background-color: #2d89dc;    }.olimp-dropdown .dropdown-toggle::after {    display: none;}.olimp-dropdown .form-select-custom {    font-family: 'Roboto';    display: block;    width: 100%;    padding: 8px 40px 10px 16px;    font-size: 12px;    font-weight: 400;    line-height: 1.5;    color: #455a64;    background-image: url(./Images/droplist_closed_icon_enable__5.4.7.14764.svg);    background-repeat: no-repeat;    background-position: right 0.75rem center;    border: 1px solid #ced4da;    border-radius: 8px;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    background-color: #fff;    text-align: left;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}    .olimp-dropdown .form-select-custom:hover {        box-shadow: none;        border: solid 1px rgba(45, 137, 220, 0.5);    }    .olimp-dropdown .form-select-custom:focus {        box-shadow: none;        border: solid 1px rgba(45, 137, 220, 0.5);    }.olimp-dropdown button[aria-expanded="true"],.olimp-dropdown input[aria-expanded="true"] {    border-bottom-right-radius: 0px;    border-bottom-left-radius: 0px;    background-image: url(./Images/droplist_opened_icon_enable__5.4.7.14764.svg);}    .olimp-dropdown button[aria-expanded="true"]:after,    .olimp-dropdown input[aria-expanded="true"]:after {        position: absolute;        top: 34px;        left: 4px;        width: 98%;        border-bottom: 1px solid #90a4ae;        content: "";        z-index: 1001;    }.olimp-dropdown .nav-select-list {    width: 400px;    height: 38px;}.olimp-dropdown .dropdown-menu {    width: 400px;    font-family: Roboto;    font-size: 12px;    font-weight: normal;    font-stretch: normal;    font-style: normal;    line-height: 1.67;    letter-spacing: normal;    text-align: left;    color: #37474f;    border-top: none;    margin-top: -10px;    background-clip: border-box;    border-top-right-radius: 0px;    border-top-left-radius: 0px;    border-bottom-right-radius: 8px;    border-bottom-left-radius: 8px;    padding: 0 5px 5px 5px;    position: absolute;}    .olimp-dropdown .dropdown-menu.show {        max-height: 380px;        overflow: auto;        margin: -3px 0px 0px 0px !important;        transform: none !important;    }.olimp-dropdown .selected-option {    background-color: #f5f5f5;    border-bottom-color: #fff;    border-radius: 8px;}    .olimp-dropdown .selected-option:before {        border-bottom-color: #fff;    }.olimp-dropdown .dropdown-menu.show a:last-child {    border: none !important;}/*olimp-dropdown end*//* olimp ProfileTable */.olimp-card {    border-radius: 5px;    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.14);}.margin-top-15 {    margin-top: 15px;}.margin-bottom-10 {    margin-bottom: 10px;}.margin-bottom-15 {    margin-bottom: 15px;}.margin-bottom-20 {    margin-bottom: 20px;}.olimp-card-row {    display: flex;    justify-content: space-between;    align-items: stretch;    flex-direction: row;}.olimp-card-row-justify-start {    justify-content: flex-start;}.olimp-card-header {    padding: 25px 15px 25px 44px;    cursor: pointer;    min-height: 100px;}.olimp-card-divider-vertical {    position: relative;    margin: 0px 15px;}.olimp-card-divider-horizontal {    margin: 15px 0px;    background-color: #ddd;    border-radius: 1px;    width: 100%;    height: 1px;}.olimp-card-divider {    position: relative;    margin: 0px 15px;}    .olimp-card-divider::after {        content: "";        position: absolute;        top: 10%;        right: 0px;        height: 80%;        background-color: #ddd;        border-radius: 1px;        width: 1px;    }@media (max-width: 1185px) {    .olimp-card-item {        flex-direction: column;    }    .olimp-card-divider {        margin: 0;    }        .olimp-card-divider::after {            content: "";            right: 0px;            height: 1px;            width: 100%;            background-color: #ddd;            border-radius: 1px;        }    .olimp-card-block-left {        flex-basis: auto !important;        padding-bottom: 10px;    }    .olimp-card-block-right {        flex-basis: auto !important;    }}@media (max-width: 1250px) {    .with-progress .olimp-card-item {        flex-direction: column;    }    .with-progress .olimp-card-divider {        margin: 0;    }        .with-progress .olimp-card-divider::after {            content: "";            right: 0px;            height: 1px;            width: 100%;            background-color: #ddd;            border-radius: 1px;        }    .with-progress .olimp-card-block-left {        flex-basis: auto !important;        padding-bottom: 10px;    }    .with-progress .olimp-card-block-right {        flex-basis: auto !important;    }}.olimp-card-divider-vertical::after {    content: "";    position: absolute;    top: 10%;    right: 0px;    height: 80%;    background-color: #ddd;    border-radius: 1px;    width: 1px;}.olimp-card-cell {    display: block;    flex-direction: column;    justify-content: center;}    .olimp-card-cell .olimp-card-cell-title {        font-size: 11px;        color: #90a4ae;        font-weight: 500;    }    .olimp-card-cell .olimp-card-cell-subtitle {        color: #37474f;        font-size: 14px;        font-weight: 500;    }    .olimp-card-cell .olimp-card-cell-text {        color: #37474f;        font-size: 12px;    }    .olimp-card-cell .olimp-card-text-blue {        color: #2d89dc;        font-weight: normal;    }.olimp-card-cell-center {    display: flex;    justify-content: center;    align-items: center;}.olimp-card-icon {    height: 32px;    width: 32px;    background-size: 24px;    background-repeat: no-repeat;    background-position: center;    transition: 0.3s;}.olimp-card-icon-small {    height: 20px;    width: 20px;    background-size: 28px;}.olimp-card-icon-inline {    float: left;    margin-right: 6px;}.olimp-card-icon-arrow {    background-image: url(./Images/open_card_icon__5.4.7.14764.svg);}.olimp-card-icon-app-download {    background-image: url(./Images/app_download_icon_enable__5.4.7.14764.svg);}.olimp-card-icon-app-download-disabled {    background-image: url(./Images/app_download_icon_disabled__5.4.7.14764.svg);}.olimp-card-icon-test-exam {    background-image: url(./Images/test_exam_icon_enable__5.4.7.14764.svg);}.olimp-card-icon-test-exam-gray {    background-image: url(./Images/test_exam_icon_enable_gray__5.4.7.14764.svg);}.olimp-card-icon-express-test {    background-image: url(./Images/express_test_icon_enable__5.4.7.14764.svg);}.olimp-card-icon-express-test-gray {    background-image: url(./Images/express_test_icon_enable_gray__5.4.7.14764.svg);}.olimp-card-block-left {    display: flex;    flex-basis: 75%;}.olimp-card-direction-vertical {    flex-direction: column;}.olimp-card-item {    padding: 18px 15px 18px 88px;    display: flex;    justify-content: space-between;    align-items: stretch;}    .olimp-card-item:nth-child(odd) {        background-color: #f6f7f8;    }.olimp-empty-card-item {    background-color: #fff;    text-align: center;    font-size: 16px;    font-weight: normal;    padding-bottom: 30px;    border-radius: 5px;}.olimp-card-block-right {    flex-basis: 20%;}.olimp-card-cell-header-left {    flex-basis: 40%;}.olimp-progress {    display: flex;}    .olimp-progress .progress {        width: 116px;        height: 16px;        border-radius: 50px;        padding: 2px;        border: 1px solid #bdc6ce;        background-color: #ffffff;    }        .olimp-progress .progress .progress-wrap {            width: 100%;            height: 100%;            border-radius: 50px;            overflow: hidden;        }            .olimp-progress .progress .progress-wrap .progress-bar {                background-color: #00c853;                height: 100%;                border-radius: 1px;            }    .olimp-progress .olimp-progress-label {        font-size: 11px;        font-weight: 500;        color: #90a4ae;        margin-left: 5px;    }.olimp-link {    color: #2d89dc !important;    text-decoration: none !important;    cursor: pointer;}    .olimp-link:hover,    .olimp-link:active,    .olimp-link:focus {        color: #3578cb !important;        text-decoration: underline !important;    }.olimp-link-disable {    color: #90a4ae !important;    text-decoration: none !important;    cursor: default;}/* olimp ProfileTable end *//* breadcrumbs */#alternative-breadcrumb {    margin: 2px 0 0 0;    display: flex;    min-height: 33px;    background-color: #fdfdfd;}    #alternative-breadcrumb span {        overflow: hidden;        text-overflow: ellipsis;        white-space: nowrap;    }    #alternative-breadcrumb a {        max-width: 100%;        overflow: hidden;        text-overflow: ellipsis;        white-space: nowrap;    }    #alternative-breadcrumb .text {        margin-top: 8px;        font-size: 11px;        color: #2d89dc;        text-decoration: none;    }    #alternative-breadcrumb .active.text {        margin: 8px 0 0px 0px;        font-size: 11px;        color: #37474f;    }    #alternative-breadcrumb .homepage {        width: 18px;        height: 31px;        object-fit: contain;        background-image: url(./Images/breadcrumb_homepage__5.4.7.14764.svg);        background-position: left -8px center;    }    #alternative-breadcrumb .divider {        width: 31px;        height: 31px;        object-fit: contain;        background-image: url(./Images/breadcrumb_arrow_enable__5.4.7.14764.svg);    }.active-divider {    width: 31px;    height: 31px;    object-fit: contain;    background-image: url(./Images/breadcrumb_arrow_active__5.4.7.14764.svg);}/* breadcrumbs end *//* mobile app */#qrcode {    margin: 0 auto;    margin-top: 21px;    margin-bottom: 23px;    display: table;}.mobile-app-img {    display: block;    max-width: 533px;    width: 100%;    margin: 10px auto;}.qr-scan-instruction {    padding: 10px;    width: 70%;}.course-download-instruction {    width: 92%;}.mobile-app-navigation:before {    content: "";    display: inline-block;    background: url(./Images/icons__5.4.7.14764.gif) no-repeat;    background-position: -140px -20px;    width: 9px;    height: 16px;    margin-right: 5px;}.active.mobile-app-navigation:before {    background: url(./Images/icons__5.4.7.14764.gif) no-repeat;    background-position: -140px 0;}.mobile-store {    display: table;}    .mobile-store a {        outline: none !important;    }.mobile-app-info-row {    display: flex;    justify-content: center;    align-items: center;    margin-bottom: 1rem;}.mobile-app-info-icon {    height: 20px;    width: 20px;    background-size: 28px;    background-repeat: no-repeat;    background-position: center;    background-image: url(./Images/more_info_icon__5.4.7.14764.svg);}.mobile-app-info-link {    font-style: italic;}.qrcode-wrap {    margin-bottom: 15px;    display: flex;    justify-content: center;    flex-direction: row;    gap: 80px;}    .qrcode-wrap img {        width: 192px;    }.qrcode-wrap p {    text-align: center;    margin-bottom: 0px;    padding-top: 15px;    padding-bottom: 5px;}.play-market {    width: 170px;    height: 100px;}.app-store {    width: 150px;    height: 100px;}.course-name-box {    height: 3rem;}.mobile-app-info-list {    padding-right: 40px;}/* mobile app end *//* olimp form new ui */.olimp-form-row {    margin-bottom: 10px;}.olimp-label {    font-size: 12px;    font-weight: 500;}    .olimp-label[disabled] {        color: rgba(145, 147, 153, 0.5) !important;    }.olimp-input {    position: relative;}    .olimp-input input {        width: 100%;        padding: 2px 6px 2px 16px;        border-radius: 8px;        border: solid 1px #226CAC !important;        font-size: 12px;        min-height: 36px;        position: relative;        margin: 7px 0 0;    }        .olimp-input input:focus {            border: solid 1px #1A5283;            outline: 1px solid #1A5283;        }.olimp-input-employee input:focus {    border: solid 1px #1A5283;    outline: 1px solid #1A5283;}.olimp-input.olimp-input-icon input {    padding: 2px 34px 2px 16px;    background-repeat: no-repeat;    background-position: right 8px center;}.olimp-input.olimp-input-icon-edit input:focus {    background-image: url(./Images/edit_field__5.4.7.14764.svg);    border: solid 1px #eceff1;}.olimp-icon-edit-tree {    background-image: url(./Images/edit_field2__5.4.7.14764.svg);    background-repeat: no-repeat;    background-position: left;}.olimp-edit-tree-text {    margin-left: 31px;}.olimp-input input[readonly],.olimp-input input.readonly,.olimp-input input[disabled],.olimp-input input.disabled {    background-color: #fff !important;    border: solid 1px rgba(145, 147, 153, 0.5) !important;    color: rgba(145, 147, 153, 0.5) !important;}    .olimp-input input[readonly]:focus,    .olimp-input input.readonly:focus,    .olimp-input input[disabled]:focus,    .olimp-input input.disabled:focus {        outline: none !important;        background-color: #eceff1;        border: solid 1px #eceff1;        color: #90a4ae;        background-image: none;    }.olimp-input-employee input[readonly],.olimp-input-employee input.readonly,.olimp-input-employee input[disabled],.olimp-input-employee input.disabled {    border: solid 1px #dcdcdc;    background-color: #fff;}    .olimp-input-employee input[readonly]:focus,    .olimp-input-employee input.readonly:focus,    .olimp-input-employee input[disabled]:focus,    .olimp-input-employee input.disabled:focus {        outline: none !important;        background-color: #eceff1;        border: solid 1px #eceff1;        color: #90a4ae;        background-image: none;    }.olimp-input input.input-validation-error {    border: solid 1.5px #f44336 !important;}.custom-autocomplete-off {    opacity: 0 !important;    height: 0px !important;    width: 0px !important;    padding: 0px !important;    margin: 0px !important;    border: none !important;    position: absolute;    left: 2000px;}/* olimp form new ui end *//* olimp combobox new ui */.olimp-modern-combobox {    border-collapse: initial;    border-radius: 8px;    border: solid 1px #90a4ae;    min-height: 36px;    width: 100%;    background-color: #fff;    border-collapse: separate; /*may be border-collapse: collapse or initial;*/}.olimp-modern-combobox-disabled {    background-color: rgba(145, 147, 153, 0.5) !important;    border: solid 1px rgba(145, 147, 153, 0.5) !important;    color: #90a4ae !important;    border-collapse: initial;    border-radius: 8px;    min-height: 36px;    width: 100%;}.olimp-modern-combobox tr td.first {    border: none !important;}.olimp-modern-combobox-disabled tr td.first {    border: none !important;}.olimp-modern-combobox tr td.last {    border: none !important;}.olimp-modern-combobox-disabled tr td.last {    border: none !important;}.olimp-modern-combobox tr td.out {    border: none;}.olimp-modern-combobox-disabled tr td.out {    border: none;}.olimp-modern-combobox tr td input {    padding: 2px 6px 2px 16px;    font-size: 12px;    min-height: 28px;    outline: none;    color: #455a64 !important;    border: 0;    width: 100%;}.olimp-modern-combobox-disabled tr td input {    padding: 2px 6px 2px 16px;    font-size: 12px;    min-height: 28px;    outline: none;    color: #455a64 !important;    border: 0;    width: 100%;}    .olimp-modern-combobox tr td input::placeholder {        font-size: 12px;        font-style: italic;        line-height: 1.33;        color: #90a4ae;    }.olimp-modern-combobox-disabled tr td input::placeholder {    font-size: 12px;    font-style: italic;    line-height: 1.33;    color: #90a4ae;}    .olimp-modern-combobox tr td input[disabled]::placeholder {        font-size: 12px;        font-style: italic;        line-height: 1.33;        color: #cecece;    }.olimp-modern-combobox-disabled tr td input[disabled]::placeholder {    font-size: 12px;    font-style: italic;    line-height: 1.33;    color: #cecece;}    .olimp-modern-combobox tr td input:-ms-input-placeholder {        font-size: 12px;        font-style: italic;        line-height: 1.33;        color: #90a4ae;    }.olimp-modern-combobox-disabled tr td input:-ms-input-placeholder {    font-size: 12px;    font-style: italic;    line-height: 1.33;    color: #90a4ae;}    .olimp-modern-combobox tr td input[disabled]:-ms-input-placeholder {        font-size: 12px;        font-style: italic;        line-height: 1.33;        color: #cecece;    }.olimp-modern-combobox-disabled tr td input[disabled]:-ms-input-placeholder {    font-size: 12px;    font-style: italic;    line-height: 1.33;    color: #cecece;}    .olimp-modern-combobox tr td input::-ms-input-placeholder {        font-size: 12px;        font-style: italic;        line-height: 1.33;        color: #90a4ae;    }.olimp-modern-combobox-disabled tr td input::-ms-input-placeholder {    font-size: 12px;    font-style: italic;    line-height: 1.33;    color: #90a4ae;}    .olimp-modern-combobox tr td input[disabled]::-ms-input-placeholder {        font-size: 12px;        font-style: italic;        line-height: 1.33;        color: #cecece;    }.olimp-modern-combobox-disabled tr td input[disabled]::-ms-input-placeholder {    font-size: 12px;    font-style: italic;    line-height: 1.33;    color: #cecece;}    .olimp-modern-combobox tr td input::-moz-placeholder {        font-size: 12px;        font-style: italic;        line-height: 1.33;        color: #90a4ae;    }.olimp-modern-combobox-disabled tr td input::-moz-placeholder {    font-size: 12px;    font-style: italic;    line-height: 1.33;    color: #90a4ae;}    .olimp-modern-combobox tr td input[disabled]::-moz-placeholder {        font-size: 12px;        font-style: italic;        line-height: 1.33;        color: #cecece;    }.olimp-modern-combobox-disabled tr td input[disabled]::-moz-placeholder {    font-size: 12px;    font-style: italic;    line-height: 1.33;    color: #cecece;}    .olimp-modern-combobox tr td input:-moz-placeholder {        font-size: 12px;        font-style: italic;        line-height: 1.33;        color: #90a4ae;    }.olimp-modern-combobox-disabled tr td input:-moz-placeholder {    font-size: 12px;    font-style: italic;    line-height: 1.33;    color: #90a4ae;}    .olimp-modern-combobox tr td input[disabled]:-moz-placeholder {        font-size: 12px;        font-style: italic;        line-height: 1.33;        color: #cecece;    }.olimp-modern-combobox-disabled tr td input[disabled]:-moz-placeholder {    font-size: 12px;    font-style: italic;    line-height: 1.33;    color: #cecece;}    .olimp-modern-combobox tr td input .ui-autocomplete {        max-height: 200px;        overflow-y: auto;        overflow-x: hidden;    }.olimp-modern-combobox-disabled tr td input .ui-autocomplete {    max-height: 200px;    overflow-y: auto;    overflow-x: hidden;}.olimp-modern-combobox-autocomplete::-webkit-scrollbar {    height: 0.4em;    background-color: #fff;    border-radius: 8px;}.olimp-modern-combobox-autocomplete::-webkit-scrollbar-thumb {    border: 5px solid #000000;    border: 5px solid rgba(0, 0, 0, 0);    background-clip: padding-box;    border-radius: 9999px;    background-color: #2d89dc;}.olimp-modern-combobox-autocomplete {    border-radius: 8px;    scrollbar-width: thin;    scrollbar-color: #2d89dc #ffffff;    border: solid 1px #2d89dc;    border: solid 1px rgba(45, 137, 220, 0.5);    background-color: #fff;}    .olimp-modern-combobox-autocomplete li {        border-bottom: solid 1px #eceff1;    }        .olimp-modern-combobox-autocomplete li div {            padding: 11px 8px 12px 16px !important;            font-size: 12px;            line-height: 1.67;            letter-spacing: normal;            text-align: left;            color: #37474f;        }.olimp-modern-combobox-focused {    border: solid 1px rgba(45, 137, 220, 0.5) !important;}.olimp-modern-combobox-input-to-down-focused {    border-radius: 8px 8px 0 0 !important;    border: solid 1px rgba(45, 137, 220, 0.5) !important;}.olimp-modern-combobox-drop-down-to-down-focused {    border-radius: 0 0px 8px 8px !important;    border-bottom: solid 1px rgba(45, 137, 220, 0.5) !important;    border-right: solid 1px rgba(45, 137, 220, 0.5) !important;    border-left: solid 1px rgba(45, 137, 220, 0.5) !important;    border-top: 0 !important;}.olimp-modern-combobox-input-to-up-focused {    border-radius: 0 0 8px 8px !important;    border-bottom: solid 1px #2d89dc !important;    border-right: solid 1px #2d89dc !important;    border-left: solid 1px #2d89dc !important;    border-top: solid 1px #90a4ae !important;}.olimp-modern-combobox-drop-down-to-up-focused {    border-radius: 8px 8px 0 0 !important;    border-right: solid 1px #2d89dc !important;    border-top: solid 1px #2d89dc !important;    border-left: solid 1px #2d89dc !important;    border-bottom: 0 !important;}.olimp-modern-combobox-autocomplete li div.ui-state-active {    border-radius: 4px;    background: #2d89dc;    color: #fff;    cursor: pointer;    border: 1px solid #2d89dc;}.olimp-modern-combobox tr td input:disabled {    margin-left: 0px;    border: 0px;    color: #cecece !important;    background-color: inherit !important;}.olimp-modern-combobox-disabled tr td input:disabled {    margin-left: 0px;    border: 0px;    color: rgba(145, 147, 153, 0.5) !important;    background-color: inherit !important;}.olimp-modern-combobox .olimp-combobox-button {    margin: 0 3px 0 5px;}.olimp-modern-combobox-disabled .olimp-combobox-button {    margin: 0 3px 0 5px;}.olimp-modern-combobox .olimp-combobox-button-wrap {    width: 13px;    cursor: pointer;}.olimp-modern-combobox-disabled .olimp-combobox-button-wrap {    width: 13px;    cursor: auto;}.olimp-modern-combobox .out {    border: 0 !important}.olimp-modern-combobox-disabled .out {    border: 0 !important}.combobox[disabled] + table.olimp-modern-combobox input, .form-table[disabled] {    -ms-opacity: 0.5;    opacity: 0.5;    pointer-events: none;}.olimp-modern-combobox-closed-icon {    background-image: url(/Content/Images/droplist_closed_icon_enable__5.4.7.14764.svg);    width: 28px;    height: 28px;}.olimp-modern-combobox-closed-disable-icon {    background-image: url(/Content/Images/droplist_closed_icon_disable__5.4.7.14764.svg);    width: 28px;    height: 28px;}.olimp-modern-combobox-opened-icon {    background-image: url(/Content/Images/droplist_opened_icon_enable__5.4.7.14764.svg);    width: 28px;    height: 28px;}.olimp-modern-combobox input.input-validation-error {    border: solid 1.5px #d04949;}.olimp-modern-combobox-disabled input.input-validation-error {    border: solid 1.5px #d04949;}.olimp-modern-combobox-validation-error {    border: solid 1.5px #f44336;}/* olimp combobox new ui end *//*materials page start*/.page-background {    background-color: #fdfdfd;}.sidebar {    -ms-flex: 0 0 26%;    flex: 0 0 460px;    padding-left: 18px;    height: 100%;    max-width: 350px;}.breadcrumb {    padding: 0;    margin: 5px 0 0 0;    height: 40px;    background-color: transparent !important;    display: inline-block;}.breadcrumb-item {    padding: 0;    display: inline-block;}.olimp-text a {    font-size: 11px;    color: #2d89dc;    line-height: 2.8;    text-align: left;    text-decoration: none;}.olimp-text {    font-size: 11px;    line-height: 2.8;    letter-spacing: 0.22px;    text-align: left;    color: #37474f;}.breadcrumb-item:first-child::before {    content: none;}.breadcrumb-item::before {    height: 32px;    width: 32px;    content: url(/UI/assets/img/breadcrumb_arrow_enable__5.4.7.14764.svg);}.breadcrumb-item.active::before {    height: 32px;    width: 32px;    color: #37474f;    content: url(/UI/assets/img/breadcrumb_arrow_active__5.4.7.14764.svg);}[olimpTooltip] {    position: relative;    width: 100%;    margin-top: 10px;    margin-left: -35px;}.title-tooltip {    position: absolute;    display: block;    z-index: 1070;    bottom: 100%;    left: 0;    margin: 0;    padding: 7px 14px 7px 15px;    background: #fff;    border-radius: 6px;    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);    border: solid 1px #f5f5f5;    background-color: #fff;    font-family: Roboto;    font-size: 11px;    font-weight: normal;    font-stretch: normal;    font-style: italic;    line-height: 1.36;    letter-spacing: 0.11px;    text-align: left;    color: #455a64;    text-decoration: none;    text-shadow: none;    text-transform: none;    word-break: normal;    word-spacing: normal;    white-space: normal;    line-break: auto;    word-wrap: break-word;}.olimp-theme-title {    display: flex;}    .olimp-theme-title > .text {        height: 29px;        margin: 10px 0.5px 10.5px 0;        font-family: Roboto;        font-size: 20px;        font-weight: bold;        font-stretch: normal;        font-style: normal;        line-height: 1.4;        letter-spacing: normal;        text-align: left;        color: #37474f;        white-space: nowrap;        overflow: hidden;        text-overflow: ellipsis;    }    .olimp-theme-title > .info {        cursor: pointer;        white-space: nowrap;        line-height: 1.4;    }    .olimp-theme-title img.icon-alternative {        width: 32px;        height: 32px;        object-fit: contain;        display: inline-block;    }    .olimp-theme-title p {        width: 140px;        height: 16px;        margin: 7px 0 9px;        font-family: Roboto;        font-size: 12px;        font-weight: normal;        font-stretch: normal;        font-style: italic;        line-height: 1.67;        letter-spacing: normal;        text-align: left;        color: #2d89dc;        display: inline-block;        white-space: nowrap;    }.olimp-theme-materials-sidebar {        height: 100%;}@supports not selector(::-webkit-scrollbar) {    #doc-content, .theme-list {        scrollbar-width: thin;        scrollbar-color: #2d89dc #fdfdfd;    }}@supports selector(::-webkit-scrollbar) {    .sidebar ::-webkit-scrollbar-track, #doc-content::-webkit-scrollbar-track {        background-color: #e8e8e8;        border-radius: 20px;    }    .sidebar ::-webkit-scrollbar, #doc-content::-webkit-scrollbar {        width: 6px;    }    .sidebar ::-webkit-scrollbar-thumb, #doc-content::-webkit-scrollbar-thumb {        background-color: #2d89dc;        border-radius: 20px;    }}    div.theme {        border-top: solid 1px #bdc6ce;    }    .theme:first-child {        border: none !important;    }    .theme:last-child {        border-bottom: solid 1px #bdc6ce;    }    .theme-list {        margin: 17px 0 10px -7px;        padding: 0 24px 5px 5px;        background-clip: border-box;        border-radius: 8px;        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);        background-color: #ffffff;        overflow-y: auto;    }    .dropdown-menu.show {        margin: -3px 0px 0px 0px !important;        box-shadow: 0 10px 10px 0 rgb(0 0 0 / 14%);        transform: translate3d(0px, 26px, 0px) !important;        background-color: #fdfdfd    }    .selected-option {        background-color: #f5f5f5;        border-radius: 8px;    }    .olimp-interactive-screen {        width: 100%;        height: 74vh;        margin: 0 0 10px 10px;        background-color: #fff;    }    .app-olimp-theme-materials-navigation {        width: 100%;        height: 40px;        padding: 4px 5%;        margin: 0 0 10px 0;        border-radius: 4px;        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);        background-color: #ffffff;    }        .app-olimp-theme-materials-navigation > .page-item {            width: 100%;            height: 20px;            margin: 7px 0 9px;            font-family: Roboto;            font-size: 12px;            font-weight: normal;            font-stretch: normal;            font-style: normal;            line-height: 1.2;            letter-spacing: normal;            text-align: center;            color: #90a4ae;            transition: none;            white-space: nowrap;        }        .app-olimp-theme-materials-navigation > .previous {            background-image: url(./Images/previous_navigation_disabled__5.4.7.14764.svg);            background-repeat: no-repeat;            background-position: left center;            padding: 2px 2px 0 6%;        }            .app-olimp-theme-materials-navigation > .previous.active {                background-image: url(./Images/previous_navigation_arrow_enable__5.4.7.14764.svg);                color: #2d89dc;                cursor: pointer;            }        .app-olimp-theme-materials-navigation > .next {            background-image: url(./Images/next_navigation_arrow_disabled__5.4.7.14764.svg);            background-repeat: no-repeat;            background-position: right center;            border-left: solid 1px #eceff1;            padding: 2px 6% 0 2px;        }            .app-olimp-theme-materials-navigation > .next.active {                background-image: url(./Images/next_navigation_arrow_enable__5.4.7.14764.svg);                color: #2d89dc;                cursor: pointer;            }    .selected-material .olimp-theme-material-item {        background-color: #2d89dc;        border-radius: 4px;    }    .materials-list-block {        width: 100%;        /*height: 41em;*/    }    .olimp-theme-material-item {        background-color: #ffffff;        cursor: pointer;        margin: 6px 0;        padding: 2px 2px 5px 2px;    }        .olimp-theme-material-item > .header {            display: flex;        }    @media (max-width: 1450px) {        .olimp-theme-material-item > .header {            display: block;        }    }    .title-item {        margin: 0 8px 0 0;        padding: 0 9px 0 0;    }        .title-item > div.icon {            width: 32px;            height: 32px;            object-fit: contain;            display: inline-block;        }        .title-item > div.text {            width: 127px;            height: 15px;            margin: 8px 0 9px;            font-family: Roboto;            font-size: 11px;            font-weight: 500;            font-stretch: normal;            font-style: normal;            line-height: 1.36;            letter-spacing: 0.11px;            text-align: left;            color: #6d7c84;            white-space: nowrap;            display: inline-block;        }    .selected-material .title-item > div.text,    .selected-material .olimp-theme-material-item div.text-item {        color: #fff;    }    .material-passed {        width: 60px;        height: 16px;        padding: 0px 8px;        margin: 8px;        border-radius: 6px;        background-color: #00c853;        float: right;    }        .material-passed > div.text {            width: 44px;            height: 10px;            font-family: Roboto;            font-size: 8px;            font-weight: 500;            font-stretch: normal;            font-style: normal;            line-height: 1.25;            letter-spacing: 0.08px;            text-align: center;            color: #ffffff;            vertical-align: top;            padding-top: 1px;        }    .olimp-theme-material-item div.text-item {        font-family: Roboto;        font-size: 12px;        font-weight: normal;        font-stretch: normal;        font-style: normal;        line-height: 1.67;        letter-spacing: normal;        text-align: left;        color: #37474f;        padding-left: 5px;    }    .main-div {        position: absolute;        bottom: 0;        width: 100%;        overflow-y: auto;        background-color: #fdfdfd;        padding-left: 0 !important;        padding-right: 0 !important;    }    .main-content-div {        width: calc(100% - 20px);        height: calc(100% - 100px);    }    .nav-theme-button-row {        margin-left: -7px;    }    .pagination > .text {        font-weight: 500;    }    .page-size-warapper .test-from-to {        font-family: Roboto;        font-size: 9px;        font-weight: normal;        font-stretch: normal;        font-style: italic;        line-height: 1.22;        letter-spacing: 0.09px;        text-align: left;    }    .page-size-warapper .olimp-text {        margin-top: -8px;    }    .bi-refresh {        height: 31px;        width: 31px;        background-image: url(./Images/refresh_icon__5.4.7.14764.svg);    }    .olimp-btn-text {        font-weight: normal;        font-stretch: normal;        font-style: normal;        line-height: 1.67;        letter-spacing: normal;        font-family: Roboto;        font-size: 12px;        color: #2d89dc;    }    .reset-all-div .olimp-btn-text {        padding: 8px 6px 8px 0;    }    .reset-div {        cursor: pointer;        height: 46px;        margin-right: 32px;    }    .reset-all-div {        cursor: pointer;        display: inline-block;    }    .cover-plate {        position: absolute;        height: 100%;        width: 82%;        left: 18%;        top: 0;        z-index: 100;    }    .modal-top-50 {        top: 50px !important;    }    .material-info-part {        min-width: 150px;    }    #qr-code-dialog {        height: auto !important;        margin-bottom: 0;    }        #qr-code-dialog h1 {            font-weight: 500;            font-stretch: normal;            font-style: normal;            font-family: Roboto;            font-size: 20px;            color: #37474f;        }        #qr-code-dialog span {            font-weight: normal;            font-stretch: normal;            font-style: normal;            font-family: Roboto;            font-size: 14px;            color: #37474f;        }    .print-block a {        font-size: 12px;        color: #2d89dc;        line-height: 2.7;        text-decoration: none;        padding-left: 32px;    }    .word-block a {        font-size: 12px;        color: #2d89dc;        margin-top: 10px;        text-decoration: none;    }    .header-navigation-element-unactive {        color: #37474f;        margin-top: 3px;    }    .header-navigation-element-active {        cursor: pointer;        color: #2d89dc !important;        margin-top: 3px;    }    .help-dialog {        z-index: 10000;        padding-left: 33px;        padding-right: 33px;    }        .help-dialog .olimp-dialog-content {            font-size: 12px;            scrollbar-width: thin;            scrollbar-color: #2d89dc #fdfdfd;        }            .help-dialog .olimp-dialog-content::-webkit-scrollbar {                width: 14px;                height: 14px;                background-color: #fff;                border-radius: 8px;            }            .help-dialog .olimp-dialog-content::-webkit-scrollbar-thumb {                border: 5px solid rgba(0, 0, 0, 0);                background-clip: padding-box;                border-radius: 9999px;                background-color: #2d89dc;            }        .help-dialog button.olimp-button-alternative {            margin-left: 0px;        }            .help-dialog .olimp-button-alternative:focus-visible {                outline: none;            }    .banner-admin-page {        height: 50px;        margin-right: -20px;    }    .banner-splash {        height: 50px;        width: 100%;        margin-right: 0;        position: absolute;        bottom: 0;        z-index: 1050;    }    .banner-splash-indent {        width: 45px;        padding-left: 128px;        padding-right: 10px;    }    .banner-admin-indent {        width: 43px;        padding-left: 18px;    }    .banner-red {        background: #f44336;    }    .banner-gray {        background-color: #818181;    }    .banner-table {        display: table;    }    .banner-cell {        display: table-cell;        vertical-align: middle;    }    .banner-warning-icon {        width: 12px;        height: 12px;        background: url(./Images/icon_warning__5.4.7.14764.svg) no-repeat;        display: block;    }    .banner-time-icon {        width: 12px;        height: 12px;        background: url(./Images/icon_time__5.4.7.14764.svg) no-repeat;        display: block;    }    .banner-refresh-icon {        width: 32px;        height: 32px;        margin-left: 7px;        margin-right: -10px;        background: url(./Images/icon_refresh__5.4.7.14764.svg) no-repeat;        display: block;    }    .banner-close-icon {        width: 32px;        height: 32px;        background: url(./Images/icon_close__5.4.7.14764.svg) no-repeat;        display: block;        cursor: pointer;    }    a.banner-btn {        width: 141px;        height: 36px;        border: 1px solid #fff;        border-radius: 18px;        cursor: pointer;        text-decoration: none;    }        a.banner-btn:hover {            background-color: rgba(255, 255, 255, 0.2);        }    .banner-text {        color: #fff;        font-family: 'Roboto';        font-size: 14px;    }    /*Shuffling-questions start*/    .shuffling-menu-area {        display: flex;        flex-wrap: nowrap;        width: 136px;        height: 32px;    }    .shuffling-menu-button {        display: flex;        flex-wrap: nowrap;        height: 32px;        padding-right: 20px;        cursor: pointer;    }    @media (min-width: 1412px) {        .shuffle-reset-col {            max-width: 13.666667%;        }    }    @media (min-width: 1520px) {        .shuffle-reset-col {            max-width: 12.666667%;        }    }    .shuffling-menu-area.open:hover {        background-color: #f5f5f5;        border-radius: 6px;        cursor: pointer;    }    .shuffling-menu-head {        display: flex;        width: 113px;        height: 32px;        border-radius: 6px;    }        .shuffling-menu-head:hover {            background-color: #f5f5f5;            cursor: pointer;        }    .shuffling-menu-icon {        height: 32px;        width: 32px;        object-fit: contain;        background-image: url(./Images/Mix__5.4.7.14764.svg);    }    .shuffling-menu-text {        width: 72px;        height: 16px;        margin: 8px 0;        font-family: Roboto;        font-size: 12px;        font-weight: normal;        font-stretch: normal;        font-style: normal;        line-height: 1.67;        letter-spacing: normal;        text-align: left;        color: #2d89dc;    }    .shuffling-menu-droplist-icon {        width: 18px;        height: 32px;        background-position: center;    }        .shuffling-menu-droplist-icon:hover {            background-color: #f5f5f5;            cursor: pointer;        }    .shuffling-menu-opened {        background-image: url(./Images/droplist_opened_icon_enable__5.4.7.14764.svg);    }    .shuffling-menu-closed {        background-image: url(./Images/droplist_closed_icon_enable__5.4.7.14764.svg);    }    .shuffling-droplist-open-icon:hover .mix-droplist-closed-icon {        border-radius: 6px;        background-color: #f5f5f5;    }    .shuffling-menu-order-area {        width: 120px;        height: 32px;        padding: 0 7px 0 0;        opacity: 0.8;        border-radius: 6px;        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.16);        background-color: #fff;    }        .shuffling-menu-order-area:hover {            background-color: #f5f5f5;            cursor: pointer;        }    .shuffling-menu-order-icon {        width: 32px;        height: 32px;        object-fit: contain;        background-image: url(./Images/streamline__5.4.7.14764.svg);    }    .shuffling-menu-order-text {        width: 81px;        height: 16px;        margin: 8px 0;        font-family: Roboto;        font-size: 12px;        font-weight: normal;        font-stretch: normal;        font-style: normal;        line-height: 1.67;        letter-spacing: normal;        text-align: left;        color: #2d89dc;    }    /*shuffling-menu-questions end*/    #show-question-info .disable-text {        color: #90a4ae !important;    }    #show-question-info .no-border {        border: 0;    }    #show-question-info .radio-button-disabled {        width: 20px;        height: 20px;        margin-left: 3px;        background: url(./Images/radio_button_disabled__5.4.7.14764.svg) no-repeat;    }    .datepicker-alternative-view.ui-datepicker {        padding: 10px;        width: 200px;        width: auto;        box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1);        border: solid 1px rgba(144, 164, 174, 0.1);        border-radius: 5px;        font-family: Roboto;    }        .datepicker-alternative-view.ui-datepicker .ui-datepicker-header {            border: 0;            padding: 0px 0px 10px 0px;            margin-bottom: 10px;            border-bottom: 1px solid #e0e2e7;            height: 40px;        }        .datepicker-alternative-view.ui-datepicker .ui-datepicker-prev,        .datepicker-alternative-view.ui-datepicker .ui-datepicker-next {            border: 1px solid #ffffff;            border-color: rgba(255, 255, 255, 0);        }            .ui-datepicker .ui-datepicker-prev-hover,    .ui-datepicker .ui-datepicker-next-hover {        top: 2px;    }        .ui-datepicker .ui-datepicker-prev-hover span,        .ui-datepicker .ui-datepicker-next-hover span {            background-image: url(./Images/ui-icons_999999_256x240__5.4.7.14764.png);        }    .ui-datepicker .ui-datepicker-prev-hover {        left: 2px;    }    .ui-datepicker .ui-datepicker-next-hover {        right: 2px;    }    .datepicker-alternative-view.ui-datepicker .ui-datepicker-title {        margin: 0px;    }        .datepicker-alternative-view.ui-datepicker .ui-datepicker-title select {            border: 1px solid #c7d1d6;            border-radius: 6px;            outline: none;            height: 28px;            margin: 2px 0;            opacity: 0;        }            .datepicker-alternative-view.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {                margin-right: 1px;            }            .datepicker-alternative-view.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {                margin-left: 1px;            }            .datepicker-alternative-view.ui-datepicker .ui-datepicker-title select:hover {                background-color: #f8f8f8;            }            .datepicker-alternative-view.ui-datepicker .ui-datepicker-title select:active,            .datepicker-alternative-view.ui-datepicker .ui-datepicker-title select:focus {                border: 1px solid #c7d1d6;            }    .datepicker-alternative-view .ui-widget-header .ui-icon {        background-image: url(./Images/vector__5.4.7.14764.svg);        background-repeat: no-repeat;        background-position: center;        background-size: 9px;    }    .datepicker-alternative-view .ui-widget-header .ui-datepicker-prev .ui-icon {        transform: rotate(-90deg);    }    .datepicker-alternative-view .ui-widget-header .ui-datepicker-next .ui-icon {        transform: rotate(90deg);    }    .datepicker-alternative-view .ui-datepicker-prev .ui-widget-header .ui-icon {        transform: rotate(-90deg);    }    .datepicker-alternative-view .ui-datepicker-next .ui-widget-header .ui-icon {        transform: rotate(90deg);    }    .datepicker-alternative-view .ui-state-default,    .datepicker-alternative-view .ui-widget-content .ui-state-default,    .datepicker-alternative-view .ui-widget-header .ui-state-default {        border: 2px solid #ffffff;        border-color: rgba(255, 255, 255, 0);        text-align: center;        color: inherit;        border-radius: 8px;        width: 32px;        height: 32px;        line-height: 2.5;        transition: border-color .1s;    }    .datepicker-alternative-view .ui-state-highlight,    .datepicker-alternative-view .ui-widget-content .ui-state-highlight,    .datepicker-alternative-view .ui-widget-header .ui-state-highlight {        color: #2d89dc;    }    .datepicker-alternative-view .ui-state-hover,    .datepicker-alternative-view .ui-widget-content .ui-state-hover,    .datepicker-alternative-view .ui-widget-header .ui-state-hover {        border: 2px solid #2d89dc;    }    .datepicker-alternative-view thead .ui-datepicker-week-end,    .datepicker-alternative-view tbody tr td:last-child {        color: #f36a6a;    }    .datepicker-alternative-view .ui-state-active,    .datepicker-alternative-view .ui-widget-content .ui-state-active,    .datepicker-alternative-view .ui-widget-header .ui-state-active,    .datepicker-alternative-view .ui-state-focus,    .datepicker-alternative-view .ui-widget-content .ui-state-focus,    .datepicker-alternative-view .ui-widget-header .ui-state-focus {        border: 2px solid #2d89dc;        background: white;    }    /*tooltip*/    .more-info-content {        display: none;        padding: 7px 14px 7px 15px;        border-radius: 6px;        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);        border: solid 1px #f5f5f5;        background-color: #fff;        z-index: 100;        position: absolute;        font-family: Roboto;        font-size: 11px;        font-weight: normal;        font-stretch: normal;        font-style: italic;        line-height: 1.36;        letter-spacing: 0.11px;        text-align: left;        background-color: #fff;        color: #455a64;        width: 400px;        top: -35px;    }    .more-info:hover span.more-info-content {        display: block;    }    /*end tooltip*/    .olimp-datepicker-alternative .ui-datepicker-trigger {        position: absolute;        top: 8px;        right: 15px;        width: 32px;        height: 32px;        background-repeat: no-repeat;        background-position: center left;        background-size: 32px 32px;        border: 0;        background-color: transparent;    }        .olimp-datepicker-alternative .ui-datepicker-trigger img {            display: none;        }.olimp-datepicker-icon-gray {    background-image: url(/Content/Images/calendar_disabled_icon__5.4.7.14764.svg);}.olimp-datepicker-icon-blue {    background-image: url(/Content/Images/calendar_icon__5.4.7.14764.svg);}.olimp-input-icon-datepicker input {    background-image: url(/Content/Images/calendar_icon__5.4.7.14764.svg);    padding: 2px 34px 2px 16px;    background-repeat: no-repeat;    background-position: right 8px center;}.olimp-input-icon-datepicker-disabled input {    background-image: url(/Content/Images/calendar_disabled_icon__5.4.7.14764.svg);    padding: 2px 34px 2px 16px;    background-repeat: no-repeat;    background-position: right 8px center;}.olimp-dialog-titlebar-toggle-maximize {    position: absolute;    width: 32px;    height: 32px;    right: 48px;    top: 20px;    display: block;}.olimp-dialog-titlebar-maximize {    background: url(./Images/maximize_icon__5.4.7.14764.svg) no-repeat;}.olimp-dialog-titlebar-unmaximize {    background: url(./Images/unmaximize_icon__5.4.7.14764.svg) no-repeat;}.add-icon {    margin-left: 16px;    background-image: url(/Content/Images/plus_icon__5.4.7.14764.svg);    width: 42px;    height: 42px;    display: block;    cursor: pointer;}.add-icon-disabled {    margin-left: 16px;    background-image: url(/Content/Images/plus_icon_disabled__5.4.7.14764.svg);    width: 42px;    height: 42px;    display: block;    cursor: auto;}.tags-adding-icon {    display: flex;    align-items: center;    margin-left: -27px;}.tag-close-icon {    margin-left: 11px;    cursor: pointer;}ul.tags-list {    padding: 0;    list-style: none;    display: flex;    flex-wrap: wrap;    margin: 0;}ul.tags-list li {    display: flex;    padding: 0 10px 0 10px;    margin: 3px 4px 5px 0;    border-radius: 20px;    background-color: #339beb;    font-family: Roboto;    font-size: 12px;    font-weight: normal;    text-align: left;    color: #fff;    white-space: nowrap;}