/* mixin for multiline */
/* Foundtion inline list */
.inline-list li { display: block; float: left; list-style: outside none none; margin: 0 1rem; }

.inline-list li:first-of-type { margin-left: 0; }

.inline-list.inline-list__right li:first-of-type { margin-left: 1rem; }

.inline-list.inline-list__right li:last-of-type { margin-right: 0; }

.centered-list li { text-align: center; }

.text-bold, .wrap-table .wrap-table__body td.text-bold { font-weight: 400; }

.wrap-btn-load-more { text-align: center; padding-top: 20px; padding-bottom: 80px; }

.wrap-btn-load-more button { cursor: pointer; border: 2px solid #999999; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 20px; color: #999999; font-family: var(--primary-font); font-size: 1.3125rem; }

.wrap-btn-load-more button:hover { background: #999; color: #fff; }

h1, h2, h3, h4 { color: black; }

.label-required-field { color: red; position: relative; left: 243px; top: -2px; }

.wrap-general-form { position: relative; top: -70px; border-top: 1px solid #B8B8B8; border-bottom: 1px solid #B8B8B8; }

.article-modules__wrap-form { background: #f5f5f5; border-top: 1px solid #DEDEDE; position: relative; top: -70px; width: 100%; z-index: 10; padding-left: 17px; padding-top: 30px; padding-bottom: 70px; }

.article-modules__wrap-form .article-modules__wrap-form-form .form__title { color: #1a1a1a; font-family: Avenir-Roman; font-size: 1.5625rem; text-align: left; position: relative; padding-left: 241px; font-weight: 100; top: 20px; }

.article-modules__wrap-form .wrap-chapter-list { width: 500px; margin: 0px auto; padding: 0px; }

.article-modules__wrap-form .wrap-chapter-list legend { padding-left: 0px; }

.article-modules__wrap-form .wrap-chapter-list ul { margin: 0px; }

.article-modules__wrap-form .wrap-chapter-list ul .preview-holder { outline: 1px dashed #e4e9ec; border: 1px dashed #f9fbfa; background: #f8faf9 !important; border: none !important; height: 75px !important; z-index: -10; }

.article-modules__wrap-form .wrap-chapter-list ul li { background: white; position: absolute; left: 0px; line-height: 1; background: white; list-style: none; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }

.article-modules__wrap-form .wrap-chapter-list ul li .icon-mode-edit { color: #8F8C8C; }

.article-modules__wrap-form .wrap-chapter-list ul li .icon-apps { color: #ccc; cursor: move; font-size: 20px; position: relative; left: -5px; top: -5px; }

.article-modules__wrap-form .wrap-chapter-list ul li .chapter-title { color: #6D3A2D; font-size: 1.3125rem; font-family: var(--primary-font); }

.article-modules__wrap-form .wrap-chapter-list ul li .icon-mode-edit { cursor: pointer; }

.article-modules__wrap-form .wrap-chapter-list ul li .edit-chapter { color: #8F8C8C; cursor: pointer; font-size: 1rem; font-family: var(--primary-font); text-decoration: underline; }

.article-modules__wrap-form .btn-add-chapter { cursor: pointer; outline: none; width: 137px; position: relative; left: 241px; top: 15px; }

.article-modules__wrap-form .btn-add-chapter .add-btn-chapter-text { color: #666; font-size: 1rem; font-family: var(--primary-font); padding-left: 5px; position: relative; top: -3px; text-decoration: underline; }

.article-modules__wrap-form .btn-add-chapter .add { color: #666; position: relative; top: 2px; font-size: 1.5rem; }

.article-modules__wrap-form legend { color: #666; font-size: 0.875rem; font-family: var(--primary-font); padding-left: 240px; padding-bottom: 10px; padding-top: 10px; position: relative; top: 17px; }

.article-modules__wrap-form input, .article-modules__wrap-form textarea { border: none; width: 500px; font-family: var(--primary-font); font-size: 1rem; margin: 0px auto; }

.article-modules__wrap-form .article-modules__wrap-form-form__btn-submit, .article-modules__wrap-form .article-modules__wrap-form-form__btn-cancel { color: #5a2727; height: 40px; text-align: left; font-size: 1.2rem; font-family: var(--primary-font); position: relative; left: 242px; top: 45px; text-align: right; outline: none; padding-right: 50px; }

.article-modules__wrap-form .article-modules__wrap-form-form__btn-cancel { text-align: left; cursor: pointer; padding-left: 50px; }

.dragging_chapter { box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.19); border: 1px solid #ccc; }

.draging_card { border: 1px solid #9D9D9D; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }

.gridster ul { list-style: none; margin: 0px; width: 100%; position: relative; }

.gridster ul li { /*important start with position:absolute*/ display: inline-block; position: absolute; }

.gridster ul li .drag { cursor: move; }

.preview-holder { background: #F9FBFA !important; z-index: -10; border: 2px solid #ECF5F4; outline: 1px dashed #E4E9EC; }

.card-state-inactive { border-color: #9d9d9d !important; color: #9d9d9d !important; }

.card-state-active { border-color: var(--brand) !important; color: #000 !important; }

.card-module__footer-active { background: #f5f5f5 !important; }

.card-module__footer-active span { color: #666 !important; }

.card-module__footer-active .card-module__btn-edit { border-color: #9d9d9d !important; color: #8c8c8c !important; }

.card-module__container-active { border-color: #E6E6E6 !important; }

.article-modules { position: relative; padding-bottom: 50px; margin-top: -50px; }

.article-modules .card-module__container { border: 1px solid #e6e6e6; position: relative; margin-bottom: 2rem; }

.article-modules .card-module__container:hover { border-color: var(--brand); }

.article-modules .card-module__container:hover .card-module__footer { background: var(--brand); }

.article-modules .card-module__container:hover .card-module__footer .card-module__btn-edit { border-color: var(--brand); color: black; }

.article-modules .card-module__container:hover .card-module__footer span { color: white; }

.article-modules .card-module__container .card-module-layer-hide { background: #f5f5f5; position: absolute; width: 100%; height: 216px; }

.article-modules .card-module__header { background: white; min-height: 146px; padding: 10px; }

.article-modules .card-module__header .drag { cursor: move; color: #ccc; font-size: 1.3125rem; position: relative; left: 10px; }

.article-modules .add-module { text-align: left; }

.article-modules .add-module .card-module__container { background: #f5f5f5; padding-bottom: 23px; }

.article-modules .add-module .add-module__icon { background: white; cursor: pointer; color: #e85f3d; font-size: 3.1875rem; padding: 14px; display: block; width: 80px; border-radius: 80px; height: 80px; text-align: center; margin: 40px auto; }

.article-modules .card-module__footer { background: #f5f5f5; height: 70px; padding: 13px; float: none !important; }

.article-modules .card-module__btn-edit { background: white; color: #8c8c8c; font-size: 1.1875rem; font-family: var(--primary-font); width: 70px; height: 40px; }

.article-modules .card-module__footer__text span { font-size: 1.1875rem; font-family: var(--primary-font); color: #666; display: block; line-height: 1.3; width: 170px; }

.article-modules .card-module, .article-modules .add-module { list-style: none; }

.wrapp-tabs .tabs.vertical { border: 0 !important; background: transparent; padding: 0; width: 100%; }

.wrapp-tabs .tabs.vertical li { width: 100%; }

.wrapp-tabs .tabs.vertical li a { margin-top: 5px; font-family: var(--primary-font); font-size: 1.125rem; padding: 10px 0 10px 10px; color: #666; font-weight: 100; transition: all 0.5; }

.wrapp-tabs .tabs.vertical li a i { display: none; float: right; font-size: 20px; vertical-align: middle; }

.wrapp-tabs .tabs.vertical li a:hover { color: #fff; background: var(--brand); font-weight: 600; }

.wrapp-tabs .tabs.vertical li a:hover i { display: block; color: #fff; }

.wrapp-tabs .tabs.vertical li.is-active a { color: #fff; background: var(--brand); font-weight: 600 !important; }

.wrapp-tabs .tabs.vertical li.is-active a i { display: block; color: #fff; }

.wrapp-tabs .tabs-content.vertical { border: 0 !important; }

.wrapp-tabs .tabs-content.vertical .tabs-panel.is-active { padding: 0; }

.z-depth-1-light, .md-switch input[type="checkbox"]:disabled + label:after { box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.32), 0 1px 2px 0 rgba(0, 0, 0, 0.24); }

.z-depth-1-hard, .md-switch input + label:after { box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.32), 0 1px 5px 0 rgba(0, 0, 0, 0.24); }

.md-switch input[type="checkbox"], .md-switch input[type="radio"] { display: none; cursor: pointer; transition: all .4s ease-in-out; }

.md-switch { margin-bottom: 1rem; }

.md-switch__fieldset { border: 1px solid rgba(33, 33, 33, 0.2); border-radius: 0.25rem; padding: 1rem 0 0.5rem 2rem; height: 3.625rem; }

.md-switch__fieldset .md-switch { margin-bottom: 0; }

.md-switch label { margin-top: 0.25rem; background: rgba(0, 0, 0, 0.26); }

.md-switch label:after { background: #fafafa; content: ""; display: block; height: 1.625rem; left: 0.25rem; position: relative; top: 0.25rem; transform: translate3d(0px, 0px, 0px); transition: left 0.15s ease-out 0s; width: 1.625rem; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.32), 0 1px 5px 0 rgba(0, 0, 0, 0.24); }

.md-switch input + label { height: 0.875rem; border-radius: 0.4375rem; width: 1.5rem; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.26) inset; cursor: pointer; }

.md-switch input + label:after { border-radius: 0.625rem; top: -0.1875rem; left: -0.3125rem; height: 1.25rem; width: 1.25rem; }

.md-switch input[type="checkbox"]:checked + label { background: rgba(var(--brand), 0.5); }

.md-switch input[type="checkbox"]:checked + label:after { background: var(--brand); left: 1.1rem; }

.md-switch input[type="checkbox"]:disabled + label { cursor: not-allowed; background: #e0e0e0; }

.md-switch input[type="checkbox"]:disabled + label:after { background: #bdbdbd; }

.callout.callout__information { background: #fefefe; border-style: dashed; border-color: var(--brand); }

.callout.callout__information h2 { font-family: var(--primary-font); font-size: 1.75rem; }

.callout.callout__information h3 { font-family: var(--primary-font); font-size: 1.25rem; color: #666666; }

.callout.callout__information p { color: #333333; line-height: 1.2; color: #666666; }

form label.is-invalid-label + .input-group { margin-bottom: 0; }

form .input-group.is-invalid-label { margin-bottom: 0; }

form .input-group .input-group-label, form .input-group-float .input-group-label { background-color: transparent; border: 0; color: #676767; }

form .input-group .input-group-label.input-group-label__background, form .input-group-float .input-group-label.input-group-label__background { background: #e6e6e6; }

form .input-group .input-group-label i, form .input-group-float .input-group-label i { color: #676767; float: left; font-size: 1.5rem; margin-top: 1.875rem; }

form .input-group .input-group-label.input-group-label__pointer, form .input-group-float .input-group-label.input-group-label__pointer { cursor: pointer; }

form .input-group .input-group-label.input-group-label__password .input-group-label__password_on, form .input-group-float .input-group-label.input-group-label__password .input-group-label__password_on { display: block; }

form .input-group .input-group-label.input-group-label__password .input-group-label__password_off, form .input-group-float .input-group-label.input-group-label__password .input-group-label__password_off { display: none; }

form .input-group .input-group-label.input-group-label__password.is-active .input-group-label__password_on, form .input-group-float .input-group-label.input-group-label__password.is-active .input-group-label__password_on { display: none; }

form .input-group .input-group-label.input-group-label__password.is-active .input-group-label__password_off, form .input-group-float .input-group-label.input-group-label__password.is-active .input-group-label__password_off { display: block; }

form .input-group-float { margin: 0; position: relative; top: 2rem; height: 0; }

form .input-group-float.input-group-float__right { float: right; }

form .input-group-float.input-group-float__right .input-group-label { text-align: right; }

form .input-group-float.input-group-float__left { float: left; }

form .input-group-float.input-group-float__left .input-group-label { text-align: left; }

form .input-group-float .input-group-label i { float: none; margin: 0; }

form [type="text"], form [type="password"], form [type="date"], form [type="datetime"], form [type="datetime-local"], form [type="month"], form [type="week"], form [type="email"], form [type="number"], form [type="search"], form [type="tel"], form [type="time"], form [type="url"], form [type="color"], form textarea, form select { font-family: var(--primary-font); font-size: 1rem; }

form select { outline: none; }

form input.input-border-clean.is-invalid-input, form select.input-border-clean.is-invalid-input, form textarea.input-border-clean.is-invalid-input { border-width: 0 0 1px 0 !important; }

form .wrap-field__dob { display: -ms-flexbox; display: flex; }

form .wrap-field__dob input { width: 25%; margin-right: 1rem; }

form .wrap-field__dob input:last-child { width: 30%; }

form .wrap-field { margin-bottom: 1.25rem; }

form .wrap-field .wrap-field__dob { text-align: left; margin-bottom: 1rem; }

form .wrap-field .wrap-field__dob input[type="text"] { width: 25%; display: inline-block; margin-bottom: 0 !important; }

form .wrap-field .wrap-field__dob input[type="text"]:last-of-type { width: 46%; width: calc(50% - 11px); }

form .wrap-field .wrap-field__dob input[type="text"].is-invalid-input { border-bottom: 0 !important; }

form .wrap-field .wrap-field__dob span.forn-error { margin-left: 2%; margin-right: 2%; }

form .wrap-field__export { margin-bottom: 3rem; }

form .wrap-field__export a { cursor: pointer; border: 2px solid #EA5F3E; color: #EA5F3E; height: 40px; padding: 8px 20px; font-size: 1.125rem; font-family: var(--primary-font); }

form .wrap-field__export a:hover { background: #EA5F3E; color: white; }

form .wrap-field__action { margin-bottom: 3rem; margin-top: 0.875rem; }

form .wrap-field__action a { cursor: pointer; font-size: 1.125rem; font-family: var(--primary-font); color: #EA5F3E; }

form .wrap-field__action a:hover { text-decoration: underline; }

form .wrap-form-actions { margin-top: 20px; margin-bottom: 20px; }

form .wrap-form-actions a i { color: #666; float: left; font-size: 1.5rem; margin-top: 1.75rem; }

form .wrap-form-actions .link { color: rgba(33, 33, 33, 0.5); }

form .wrap-form-actions button, form .wrap-form-actions [type="submit"] { margin-top: 20px; min-width: 100px; padding: 10px; }

form .wrap-form-actions .text-right button, form .wrap-form-actions .text-right [type="submit"], form .wrap-form-actions .float-right button, form .wrap-form-actions .float-right [type="submit"] { margin-left: 1rem; }

form .wrap-form-actions .text-left button, form .wrap-form-actions .text-left [type="submit"], form .wrap-form-actions .float-left button, form .wrap-form-actions .float-left [type="submit"] { margin-right: 1rem; }

form .wrap-field__counter { position: relative; color: #888; font-size: 0.75rem; float: right; }

form .is-invalid-input + .wrap-field__counter { color: #fff; padding: 4px 8px; margin-top: 0rem; float: right; }

form .input-group.is-invalid-label + .form-error { display: block; }

form .is-invalid-label .select2-container + .form-error.is-visible { margin-top: -1rem; }

.wrapper .wrap-tables { position: relative; top: -60px; }

.thead__test-width { width: 300px; }

.select-yes-no:after { content: "\e5c5"; position: absolute; margin-left: 10px; }

.yes-no-select { background: #fff; cursor: pointer; width: 80px; height: 40px; padding-top: 8px; z-index: 3; position: relative; }

.yes-no-select .icon { position: relative; left: 8px; }

.yes-no-select:hover { background: #F8F8F8; }

.yes-no { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); padding: 0px; background: white; border: 1px solid #D6D6D6; height: 80px; position: absolute; margin-top: -10px; }

.offset-yes-no { position: relative; top: -4px; }

.input-wirrten { height: 40px; position: relative; top: 2px; padding: 0px; margin: 0px; background: none; text-align: center; border-color: transparent; box-shadow: none; box-sizing: initial; font-family: Avenir-Roman; color: #666; font-size: 0.9375rem; font-weight: 100; }

.wrap-advanced-header { height: 60px; padding: 0px; }

.wrap-advanced-header .edit-result { position: relative; left: 10px; top: 5px; color: #666; cursor: pointer; font-size: 0.8rem; font-family: var(--primary-font); font-weight: 100; }

.thead__events-width { width: 320px; }

.thead__result-width, .thead__score-width, .thead__attemp-width, .thead__reset-width, .thead__date-width, .thead__attend-width, .thead__graduates-width, .thead__practical-width { width: 5rem; }

.thead-width { width: 174px; }

.center { margin: 50px auto; }

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

.offset-table { padding-bottom: 100px; }

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

.advanced-city-truncate { width: 268px; }

.wrap-table { padding-bottom: 50px; }

.wrap-table table { width: 100%; }

.wrap-table caption { padding: 0px !important; width: 721px; }

.wrap-table caption .img-logo-cup { width: 50px; }

.wrap-table caption .barstar-label { position: relative; top: 5px; left: 5px; font-size: 1.6875rem; font-family: var(--primary-font); font-weight: 100; }

.wrap-table caption .wrap-rigth-btn__label { color: #666; cursor: pointer; font-size: 0.9rem; font-family: var(--primary-font); font-weight: 100; position: relative; left: -10px; }

.wrap-table caption .wrap-rigth-btn i { font-size: 2rem; color: #666; position: relative; top: 7px; }

.wrap-table caption .wrap-left-logo, .wrap-table caption .wrap-rigth-btn { padding: 0px; height: 65px; }

.wrap-table .wrap-table__head .nowrap { white-space: nowrap; }

.wrap-table .wrap-table__head .wrap-table__head__titles th, .wrap-table .wrap-table__head .wrap-table__head__titles .wrap-table__head__titles__title { font-size: 0.9375rem; font-family: var(--primary-font); color: #898989; }

.wrap-table .wrap-table__head .wrap-table__head__titles .wrap-table__head__titles__actions { width: 60px; }

.wrap-table .wrap-table__body { border: none; }

.wrap-table .wrap-table__body tr { border-bottom: 1px solid #EAEAEA; background: none; }

.wrap-table .wrap-table__body tr td { max-width: 200px; font-weight: 400; word-break: break-all; }

.wrap-table .wrap-table__body tr td b { font-family: var(--primary-font); color: #333; font-size: 0.875rem; }

.wrap-table .wrap-table__body tr:hover { cursor: pointer; }

.wrap-table .wrap-table__body tr:hover .td_test { font-weight: 600; font-family: var(--primary-font); color: #333; }

.wrap-table .wrap-table__body .wrap-table__body__module, .wrap-table .wrap-table__body td { font-family: var(--primary-font); color: #666; font-size: 0.875rem; font-weight: 100; }

.wrap-table .wrap-table__body .wrap-table__body__row .wrap-table__body__row__actions { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; gap: 0 20px; text-align: center; }

.wrap-table .wrap-table__body .wrap-table__body__row .wrap-table__body__row__actions a { vertical-align: middle; }

.wrap-table .wrap-table__body .wrap-table__body__row .wrap-table__body__row__actions i { color: #666; font-size: 1.3125rem; }

.wrap-table .wrap-table__body .wrap-table__body__row .wrap-table__body__row__actions a[disabled] { cursor: not-allowed; }

.wrap-table .wrap-table__body .wrap-table__body__row .wrap-table__body__row__actions a[disabled] i { color: #D6D6D6; }

.wrap-table .wrap-table__body .wrap-table__body__row td.inline-actions--remind { position: relative; }

.wrap-table .wrap-table__body .wrap-table__body__row td.inline-actions--remind .remind-msg { position: absolute; white-space: nowrap; right: 110%; bottom: -1em; background: #fff; font-weight: 400; font-size: 1em; line-height: 24px; border: 1px solid rgba(33, 33, 33, 0.1); padding: 7px 12px; z-index: 999; border-radius: 16px; pointer-events: none; opacity: 0; transition: opacity 0.35s; }

.wrap-table .wrap-table__body .wrap-table__body__row td.inline-actions--remind.disabled a { opacity: 0.3; pointer-events: none; }

.wrap-table .wrap-table__body .wrap-table__body__row td.inline-actions--remind:hover .remind-msg { opacity: 1; }

.wrap-table .icon { text-align: center; font-size: 1.3125rem; }

.wrap-table .icon-check-circle { color: #69ca26; }

.wrap-table .icon-cancel, .wrap-table .icon-undo { color: #fc6769; }

.wrap-row-form { margin-top: 3rem; }

.wrap-row-form .wrap-row-form__inputs label input, .wrap-row-form .wrap-row-form__inputs label select { border-width: 0 0 1px 0; padding-left: 0; box-shadow: none; }

.wrap-row-form .wrap-row-form__inputs label input:focus, .wrap-row-form .wrap-row-form__inputs label select:focus { padding-left: 0; border-width: 0 0 2px 0; }

.wrap-row-form .wrap-row-form__actions { margin-right: -2rem; margin-top: 0.5rem; float: right; }

.wrap-row-form .wrap-row-form__actions i { color: var(--brand); font-size: 1.3125rem; }

thead { border: none; }

.selected { color: var(--black) !important; border-bottom: 0.125rem solid var(--black) !important; }

.wrap-breadcrumb { z-index: 2; position: relative; height: 80px; border-bottom: 1px solid; color: var(--black); border-bottom: 1px solid rgba(33, 33, 33, 0.2); -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.wrap-breadcrumb .row, .wrap-breadcrumb .small-12 { height: 100%; }

.wrap-breadcrumb nav { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; }

.wrap-breadcrumb nav ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; margin-left: 0; }

.wrap-breadcrumb nav ul li { display: -ms-flexbox; display: flex; color: var(--black); border-bottom: 0.125rem solid transparent; margin-right: 2rem; font-family: var(--primary-font); text-align: right; cursor: pointer; }

.wrap-breadcrumb nav ul li::before { height: 2px; bottom: -2px; }

.wrap-breadcrumb nav ul a:last-child { margin-right: -1.25rem; }

.wrap-breadcrumb__navigation__unorder, .wrap-breadcrumb__item { height: 100%; }

.wrap-breadcrumb__navigation__unorder a, .wrap-breadcrumb__navigation__unorder li, .wrap-breadcrumb__item a, .wrap-breadcrumb__item li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; }

.breadcrumb { list-style: none; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin: 2.5rem 0 1.25rem; position: relative; z-index: 1; }

.breadcrumb li:not(:last-child)::after { content: '>'; margin: 0 1rem; opacity: 0.5; }

.breadcrumb a { color: var(--black); opacity: 0.5; transition: opacity 0.6s ease-out; }

.breadcrumb a:hover { opacity: 1; }

.breadcrumb span { text-decoration: underline; opacity: 0.5; }

.modal { position: fixed; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; inset: 0; width: 100vw; height: 100vh; z-index: 99; opacity: 0; pointer-events: none; transition: opacity .5s; }

.modal#popin-edit-account-admin .form--table { max-height: 50vh; min-height: 18vh; overflow-y: auto; overflow-x: hidden; }

.modal.is-open { opacity: 1; pointer-events: all; }

.modal-bg { position: absolute; background: rgba(119, 117, 117, 0.43); width: 100%; height: 100%; z-index: 1; }

.modal-container { position: relative; background: #fff; max-width: 750px; padding: 44px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; border-radius: 24px; z-index: 1; }

.modal-container h6 { font-size: 1rem; line-height: 1.4; letter-spacing: 0.15em; text-transform: uppercase; }

.modal-container .modal-text, .modal-container p { max-width: 500px; width: 100%; margin-top: 1.875rem; width: 100%; }

.modal-container .fieldset__row { width: 100%; }

.modal-form { width: 100%; margin: 4rem 0 0; }

.modal-buttons { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; gap: 2.25rem; margin-top: 2.5rem; }

.modal-close { position: absolute; top: 2.375rem; right: 2rem; width: 2rem; height: 2rem; transform: translateZ(0); transition: transform .5s; }

.modal-close svg { display: block; width: 100%; height: 100%; fill: var(--black); }

.modal-close:hover { transform: rotate(90deg) translateZ(0); }

.modal .link { color: inherit; }

.modal table thead { border: none; }

.modal table thead th { font-weight: 400; text-align: center; font-size: 1rem; }

.modal table tbody { border: none; }

.modal table tbody td { font-size: 0.75rem; }

.modal table tbody tr { background-color: transparent; border-bottom: 1px solid rgba(33, 33, 33, 0.2); }

.modal table tbody tr:nth-child(even) { background-color: transparent; }

.modal .select2-container { height: 3.625rem; position: relative; }

.modal .select2-container .select2-selection { height: 100%; border-radius: 0.25rem; padding: 0.875rem 3rem 0.875rem 2rem; background-color: var(--white); margin: 0; text-align: left; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

.modal .select2-container--default .select2-selection--single .select2-selection__rendered { display: -ms-flexbox; display: flex; -ms-grid-column-align: flex-start; justify-items: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.modal .select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; top: 0.75rem; right: 0.75rem; }

.modal .select2-container--default .select2-selection--single .select2-selection__clear { margin: 0 0 0 0.5rem; height: 1.5rem; width: 1.5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: var(--white); border: 1px solid rgba(33, 33, 33, 0.2); border-radius: 0.25rem; }

.app-module { padding: 40px 0; }

.app-module .app-module__title p { font-family: var(--primary-font); font-size: 2.375rem; margin: 2rem 0; }

.app-module .app-module__title p .app-module__title_submodule { color: #323232; display: inline-block; font-size: 1.5rem; line-height: 1; max-width: 300px; overflow: hidden; padding-right: 15px; text-overflow: ellipsis; white-space: nowrap; position: relative; top: 0.25rem; }

.app-module .app-module__search { padding-top: 1rem; }

.app-module .app-module__search input { font-family: var(--primary-font); font-size: 1.125rem; font-weight: 200; color: var(--black); text-align: right; margin: 0.25rem 0; padding-bottom: 0.075rem; border-width: 0 !important; box-shadow: none; }

.app-module .app-module__search input.is-invalid-input { background-color: transparent; }

.app-module .app-module__search .form-error { font-family: var(--primary-font); font-weight: 200; text-align: right; margin-bottom: 0; }

.app-module .app-module__search button i { font-size: 2rem; color: #999999; margin-top: 1.7rem; float: left; }

.app-module .app-module__view-mode { padding-top: 1.5rem; }

.app-module .app-module__view-mode a { margin-left: 0.125rem; border-bottom: 0; cursor: pointer; padding: 0.125rem; }

.app-module .app-module__view-mode a i { color: #ccc; font-size: 1.5rem; }

.app-module .app-module__view-mode a.is-active i { color: #999; }

.app-header { padding: 0; padding-bottom: 50px; }

.app-header .app-header__navigator { background: #f5f5f5; height: 7.1875rem; padding-top: 1rem; padding-bottom: 1rem; }

.app-header .app-header__navigator ul li { border-right: 1px solid #ccc; padding: 0 2rem; height: 80px; font-size: 1.125rem; font-weight: bold; width: auto; margin: 0; }

.app-header .app-header__navigator ul li:first-of-type { padding-left: 0; }

.app-header .app-header__navigator ul li:last-of-type { border-right: 0; padding-right: 0; }

.app-header .app-header__navigator ul li p { color: #929292; font-weight: 100; font-size: 1rem; font-family: var(--primary-font); position: relative; top: 0.5rem; }

.app-header .app-header__navigator ul li .wrap-select { cursor: pointer; position: relative; height: 40px; width: 107.5%; }

.app-header .app-header__navigator ul li .wrap-select select { width: 100%; background-color: transparent; border: 0; outline: none; cursor: pointer; font-weight: normal; font-size: 1rem; font-family: var(--primary-font); padding: 0 0.5rem 0 0; background-position: right center; }

.app-header .app-header__navigator ul li .wrap-select .filter-data { display: inline-block; margin-left: 9rem; min-width: 180px; position: absolute; bottom: -0.125rem; font-size: 1rem; top: auto; font-weight: 400; pointer-events: none; }

.app-header .app-header__navigator ul li .wrap-select .wrap-select__text { font-weight: normal; font-size: 1rem; font-family: var(--primary-font); color: #0a0a0a; margin-left: 10px; }

.app-header .app-header__navigator ul li .num-record { display: block; font-family: var(--primary-font); font-weight: 300; font-size: 4rem; }

.app-header .app-header__navigator ul li .record-footer { font-size: 1.125rem; font-family: var(--primary-font); color: #929292; }

.app-header .app-header__actions { padding-top: 50px; }

.app-header .app-header__actions .app-header__search { padding-top: 1.5rem; }

.app-header .app-header__actions .app-header__search input { border-width: 0 0 1px 0 !important; box-shadow: none; padding-bottom: 0.075rem; }

.app-header .app-header__actions .app-header__search input.is-invalid-input { background-color: transparent; }

.app-header .app-header__actions .app-header__search button i { color: #666666; font-size: 1.75rem; margin-top: 0.75rem; float: left; }

.app-header .app-header__actions .app-header__stats ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.app-header .app-header__actions .app-header__stats ul li { margin-right: 30px; color: #333333; margin: 0; padding-left: 1.25rem; padding-right: 1.25rem; border-right: 1px solid #C4C4C4; }

.app-header .app-header__actions .app-header__stats ul li:first-of-type { padding-left: 0; }

.app-header .app-header__actions .app-header__stats ul li:last-of-type { border-right: 0; }

.app-header .app-header__actions .app-header__stats ul li .num-record { display: block; font-family: var(--primary-font); font-weight: 300; font-size: 2.1875rem; }

.app-header .app-header__actions .app-header__stats ul li .record-footer { font-size: 1.125rem; font-family: var(--primary-font); color: #929292; }

.app-header .app-header__actions .app-header__buttons { text-align: right; height: 100%; }

.app-header .app-header__actions .app-header__buttons ul { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 0.9375rem; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: center; justify-content: center; }

.app-header .app-header__actions .app-header__buttons li { display: block; margin: 0; }

.app-header .app-header__actions .app-header__buttons li.line_actions { display: -ms-flexbox; display: flex; gap: 20px; }

.app-header .app-header__actions .app-header__buttons li a { display: block; }

.wrap-table thead { border: none; }

.wrap-table thead th { font-weight: 400; padding: 40px 0; }

.wrap-table thead th:first-child { padding: 40px; }

.wrap-table tbody td { padding: 10px 10px 10px 0; color: var(--black) !important; text-align: left; }

.wrap-table tbody td.no-breaks { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 5rem !important; }

.wrap-table tbody td:first-child { padding-left: 40px; }

.app-container .article-modules .card-module__container .card-module__header .container { min-height: 6.25rem; }

.app-container .article-modules .card-module__container .card-module__header .container p { font-size: 1.5rem; line-height: 1.1; max-height: 5rem; }

.app-container .article-modules .card-module__container .card-module__header .card-module__header-subtext { margin-top: 0.25rem; }

.app-container .article-modules .card-module__container .card-module__header .card-module__header-subtext p { line-height: 1.2; font-size: 1.125rem; font-family: var(--primary-font); margin-bottom: 0.25rem; }

.app-container .article-modules .card-module__container .card-module__footer .card-module__footer__text .card-module__footer__text__chapter { margin-top: 0.675rem; }

.app-container .article-modules .card-module__container .card-module__footer .card-module__btn-edit { margin-top: 2px; }

.app-container .article-modules .text-title { margin-bottom: 2rem; font-size: 2rem; font-family: var(--primary-font); }

.app-container .article-modules .fields { margin-bottom: 1rem; }

.app-container .article-modules table tr td { cursor: default; }

.app-container .article-modules .text-title { margin-bottom: 2rem; font-size: 2rem; font-family: var(--primary-font); }

.app-container .article-modules .fields { margin-bottom: 1rem; }

.app-container .article-modules table tr td { cursor: default; }

.app-container .article-modules .text-title { margin-bottom: 2rem; font-size: 2rem; font-family: var(--primary-font); }

.app-container .article-modules .fields { margin-bottom: 1rem; }

.app-container .article-modules table tr td { cursor: default; }

.app-container .select2-container { height: 100%; }

.app-container .select2-container .select2-selection { height: 100%; border-radius: 0.25rem; padding: 0.875rem 3rem 0.875rem 2rem; background-color: var(--white); margin: 0; }

.app-container .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0.75rem; right: 0.75rem; }

table tr td.no-breaks { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 10rem; }

table tr td.no-breaks:hover { overflow: visible; }

table tr td.no-breaks:hover > span { z-index: 10; position: relative; }

table tr td.no-breaks:hover > span::before { content: ''; position: absolute; top: -0.25rem; right: -0.5rem; bottom: -0.25rem; left: -0.5rem; background-color: var(--white); border-radius: 0.1875rem; box-shadow: 0 0 0.25rem 0 rgba(33, 33, 33, 0.3); }

table tr td.no-breaks:hover > span > span { position: relative; }

table tr td.text-red { color: #ff0000 !important; }

table tr td.text-green { color: #27ae60 !important; }

table tr td.text-orange { color: #ffa600 !important; }

.staff-details { text-align: right; font-size: 1.5rem; line-height: 1.6875rem; }

.text--greylight { color: #BDBDBD; }

.cell--big, table thead th.cell--big, table tbody td.cell--big { font-size: 1.25rem; line-height: 1.375rem; font-weight: 700; color: var(--black); }

table tbody th { text-align: left; padding: 1.5rem 1.5rem 1.5rem 2.5rem; }

table thead th.past_certifications_title { white-space: nowrap; }