@charset "UTF-8";
@font-face {
    font-family: 'icomoon';
    src: url("icomoon.eot?x7qitq");
    src: url("icomoon.eot?x7qitq#iefix") format("embedded-opentype"), url("icomoon.ttf?x7qitq") format("truetype"), url("icomoon.woff?x7qitq") format("woff"), url("icomoon.svg?x7qitq#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.ld_header {
    z-index: 444 !important;
}

#wrapper-alt [class^="icon-"],
#wrapper-alt [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#wrapper-alt .icon-datepicker-icon:before {
    content: "\e907";
}

#wrapper-alt .icon-time-picker:before {
    content: "\e90d";
}

#wrapper-alt .icon-standart-check:before {
    content: "\e909";
}

#wrapper-alt .icon-icon-arrow-down:before {
    content: "\e900";
}

#wrapper-alt .icon-icon-eye-alt:before {
    content: "\e901";
}

#wrapper-alt .icon-icon-check:before {
    content: "\e902";
}

#wrapper-alt .icon-icon-close:before {
    content: "\e903";
}

#wrapper-alt .icon-icon-drag:before {
    content: "\e904";
}

#wrapper-alt .icon-icon-link:before {
    content: "\e905";
}

#wrapper-alt .icon-icon-e:before {
    content: "\e906";
}

#wrapper-alt .icon-icon-eye:before {
    content: "\e908";
    font-size: 14px;
    top: -8px;
    position: relative;
}

#wrapper-alt .icon-icon-more:before {
    content: "\e90a";
}

#wrapper-alt .icon-icon-plus:before {
    content: "\e90b";
}

#wrapper-alt .icon-icon-trash:before {
    content: "\e90c";
}

#wrapper-alt .icon-icon-window:before {
    content: "\e90e";
}

#wrapper-alt .icon-search:before {
    content: "\e986";
}

#wrapper-alt {
    font-family: "proxima-nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    /* margin-top: 52px; */
    /* padding-bottom: 75px; */
    overflow: hidden;
    padding-top: 90px;
    background-color: #f5f5f8;
    /* min-height: calc(100vh - 52px); */
    min-height: 100vh;
}

#wrapper-alt .edit-section {
    margin-bottom: 75px;
}

#wrapper-alt.pb0 {
    padding-bottom: 0;
}

#wrapper-alt .container {
    width: 100%;
}

@media (min-width: 1024px) {
    #wrapper-alt .container .evaluaDescriptorNivellStudent {
        min-width: 215px;
    }
}

#wrapper-alt a {
    text-decoration: none;
}

#wrapper-alt a:hover {
    text-decoration: none;
}

#wrapper-alt .dropdown-item:hover {
    background-color: #f8f9fa;
}

#wrapper-alt .jcf-select-drop {
    z-index: 443;
}

#wrapper-alt .jcf-select-drop .jcf-list-content .jcf-disabled {
    display: none !important;
}

#wrapper-alt .cards-row {
    margin-bottom: 40px;
}

#wrapper-alt .cards-row h2 {
    padding-left: 3px;
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 700;
}

#wrapper-alt .jcf-select {
    z-index: 222;
    margin-bottom: 0;
}

#wrapper-alt .jcf-select.jcf-focus {
    border: 1px solid var(--graycolor1) !important;
}

#wrapper-alt .jcf-select.jcf-drop-active {
    border: 1px solid #00aeef !important;
    z-index: 443;
    /*per passar per sota el header però per sobre el light-box*/
}

#wrapper-alt .control-row {
    padding: 0 0 28px;
    margin-top: -4px;
    margin-bottom: 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#wrapper-alt .jcf-select {
    cursor: pointer;
    padding: 8px 40px 10px 14px;
    height: 45px;
    min-width: 215px;
    max-width: 271px;
    border: 1px solid var(--graycolor1);
    border-radius: 2px;
}

#wrapper-alt .jcf-select.jcf-focus {
    border: 1px solid var(--graycolor1) !important;
}

#wrapper-alt .jcf-select.jcf-drop-active {
    border: 1px solid var(--graycolor1) !important;
}

#wrapper-alt .jcf-select.jcf-drop-active .jcf-select-opener:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#wrapper-alt .jcf-select .jcf-select-text {
    margin: 0;
    cursor: pointer;
}

#wrapper-alt .jcf-select .jcf-select-text span {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.4px;
}

#wrapper-alt .jcf-select .jcf-select-opener {
    background-color: transparent;
}

#wrapper-alt .jcf-select .jcf-select-opener:before {
    content: "\e900";
    font-family: icomoon;
    font-size: 8px;
    position: absolute;
    right: 14px;
    top: 17px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

#wrapper-alt .card {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
    border-radius: 2px;
    background-color: var(--whitecolor);
    margin-bottom: 0;
    position: relative;
    max-width: 345px;
    height: 230px;
}

#wrapper-alt .card-tasques {
    height: 245px;
}

#wrapper-alt .card.action-card time:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ff0000;
    position: absolute;
    top: 4px;
    right: -5px;
}

#wrapper-alt .card .badge {
    margin-top: auto;
}

#wrapper-alt .card .card-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--colorwhite);
    border: none;
    display: flex;
    align-items: center;
    padding: 0;
    z-index: 2;
    padding-right: 15px;
    min-height: 50px;
}

#wrapper-alt .card .card-header button+time {
    padding-left: 0;
}

#wrapper-alt .card .card-header time {
    padding-left: 20px;
}

#wrapper-alt .card .show-btn {
    min-width: 40px;
    height: 50px;
    background-color: var(--colorwhite);
    border: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 22;
}

#wrapper-alt .card .show-btn-dropdown {
    min-width: 40px;
    height: 50px;
    background-color: var(--colorwhite);
    border: none;
    cursor: pointer;
    position: absolute;
    left: 40px;
    top: 0;
    z-index: 22;
}

#wrapper-alt .card .show-btn.active:before {
    content: "\e908";
    font-family: icomoon;
    position: absolute;
    left: 60%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: var(--color);
}

#wrapper-alt .card .show-btn-dropdown.active:before {
    content: "\e900";
    font-family: icomoon;
    position: absolute;
    left: 30%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 7px;
}

#wrapper-alt .card .show-btn:before {
    content: "\e901";
    font-family: icomoon;
    position: absolute;
    left: 60%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 8px;
    color: var(--color);
}

#wrapper-alt .card .show-btn-dropdown:before {
    content: "\e900";
    font-family: icomoon;
    position: absolute;
    left: 30%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 7px;
}

#wrapper-alt .card .card-header .show-btn:hover:before {
    color: var(--colornegre);
}

#wrapper-alt .card .card-header+.card-body>a {
    padding-top: 47px;
}

#wrapper-alt .card .card-body>a h5 {
    width: 220px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

#wrapper-alt .card .card-body>a h5.card-title-3-linies {
    -webkit-line-clamp: 3;
}

#wrapper-alt .card .card-body>a h5.card-title-2-linies {
    -webkit-line-clamp: 2;
}

#wrapper-alt .card .card-header+.card-body>a h5 {
    width: 230px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media(max-width: 767px) {
    #wrapper-alt .card {
        margin: 0 auto 0;
    }
    #wrapper-alt .card .card-header+.card-body>a h5,
    #wrapper-alt .card .card-body>a h5 {
        width: 250px;
    }
}

#wrapper-alt .card .card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    min-height: 140px;
    padding: 0;
}

#wrapper-alt .card .card-body>a {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    height: 100%;
    width: 100%;
    transition: opacity .3s ease;
    padding: 20px 20px;
}

#wrapper-alt .card .card-body>a:hover {
    opacity: 0.5;
}

#wrapper-alt .card time {
    width: 100%;
    position: relative;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3;
    display: block;
    margin-bottom: 0;
}

#wrapper-alt .card .time-wrap {
    margin-top: -6px;
    margin-bottom: 10px;
    width: 100%;
    margin-left: 8px;
}

#wrapper-alt .card .time-wrap-alumne {
    margin-left: 0;
}

#wrapper-alt .card .show-btn+.card-body time {
    padding-left: 32px;
}

#wrapper-alt .card time {
    color: #000000;
}

#wrapper-alt .card h5 {
    font-size: 24px;
    font-weight: 600;
}

#wrapper-alt .card time.def-time {
    margin-bottom: 0;
    text-align: right;
}

#wrapper-alt .card time.def-time-alumne {
    text-align: left;
}

#wrapper-alt .card .card-footer {
    cursor: default;
    background-color: var(--whitecolor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0;
    min-height: 40px;
    padding-left: 15px;
    border-top: 1px solid var(--color2);
}

#wrapper-alt .card .card-footer .menu-box {
    margin-left: auto;
}

#wrapper-alt .card .card-footer .menu-toggle {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 40px;
}

#wrapper-alt .card .card-footer .edit-toggle:after {
    content: "\e90a";
    font-family: icomoon;
    border: none;
    font-size: 6px;
    top: 60%;
    left: 50%;
    color: var(--color2);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}

#wrapper-alt .card .rubrics-title {
    font-size: 14px;
    font-weight: 300;
    padding-left: 26px;
    position: relative;
}

#wrapper-alt .card .rubrics-title.def-rubrics-title::before {
    content: "\e90e";
    font-family: icomoon;
    position: absolute;
    left: 2px;
    bottom: -1px;
    color: var(--color2);
    font-size: 14px;
}

#wrapper-alt .card .rubrics-title.alt-rubrics-title::before {
    content: "\e906";
    font-family: icomoon;
    position: absolute;
    left: 2px;
    bottom: -1px;
    color: var(--color2);
    font-size: 14px;
}

#wrapper-alt .card .card-title a {
    color: var(--colornegre);
    font-weight: 600;
    font-size: 24px;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

#wrapper-alt .card .card-title a:hover {
    opacity: 0.6;
}

#wrapper-alt .card .dropdown-menu {
    left: 0px !important;
    z-index: 443;
    /* per passar per sota el header però per sobre el light-box*/
    min-width: 185px;
    overflow: hidden;
    padding: 0;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}

#wrapper-alt .card .dropdown-menu.show:before {
    opacity: 1;
    visibility: visible;
}

#wrapper-alt .card .dropdown-menu .dropdown-item {
    padding: 12px 21px;
    font-size: 17px;
}

#wrapper-alt .card .dropdown-menu .dropdown-item+.dropdown-item {
    border-top: 1px solid var(--graycolor1);
}

#wrapper-alt .layer-box {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    width: 100vw;
    left: 0;
    top: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 442;
    /*per passar per sota el header*/
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.layer-show #wrapper-alt .layer-box {
    opacity: 1;
    visibility: visible;
}

.layer-show-alt #wrapper-alt .layer-box {
    opacity: 1 !important;
    visibility: visible !important;
}

.jcf-select-drop {
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25);
}

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid var(--graycolor1) !important;
    border-top: none !important;
}

.jcf-list .jcf-option,
.jcf-list.jcf-f .jcf-option {
    color: var(--colornegre);
    font-size: 18px;
    min-height: 43px;
    line-height: 26px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-weight: 300;
    padding: 5px 10px;
    cursor: pointer;
}

#wrapper-alt .jcf-list li:first-child,
.jcf-list.jcf-f li:first-child {
    border: none !important;
}

#wrapper-alt .jcf-list li+li,
.jcf-list.jcf-focus li+li {
    border-top: 1px solid var(--graycolor1) !important;
}

@media (max-width: 767px) {
    #wrapper-alt .control-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #wrapper-alt .jcf-select {
        margin-bottom: 20px;
    }
    .modal-title {
        font-size: 20px !important;
        padding-right: 15px !important;
    }
    #wrapper-alt .info-holder .btn {
        margin-top: 20px;
    }
}

@media (max-width: 1024px) {
    #wrapper-alt .title-holder h1 {
        margin-bottom: 20px !important;
        text-align: center;
    }
}

@media (max-width: 1200px) {
    #wrapper-alt .title-holder h1 {
        margin-bottom: 20px !important;
    }
}

#wrapper-alt .menu-box .menu-toggle {
    display: inline-block;
    position: relative;
    width: 23px;
    height: 23px;
}

#wrapper-alt .menu-box .menu-toggle:after {
    content: "\e90a";
    font-family: icomoon;
    border: none;
    font-size: 5px;
    top: 53%;
    left: 50%;
    color: var(--color2);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#wrapper-alt .card-footer .menu-box .menu-toggle:after {
    font-size: 6px;
    top: 59%;
}

#wrapper-alt .menu-box .menu-toggle:hover:after {
    color: var(--colornegre);
}

#wrapper-alt .dropdown-menu .dropdown-item {
    font-weight: 400;
    color: var(--colornegre);
}

#wrapper-alt .table-wrapper {
    border-bottom: 1px solid var(--graycolor1);
    margin-bottom: 75px;
}

#wrapper-alt .main-table-wrapper {
    margin-bottom: 75px;
}

#wrapper-alt .table {
    min-width: 942px;
    width: 100%;
    border-radius: 4px;
    /* overflow: hidden; */
    border-color: var(--graycolor1);
    margin-bottom: 0;
}

#wrapper-alt .table.5columns thead th {
    width: 190px;
}

#wrapper-alt .table thead th {
    width: 310px;
    font-size: 22px;
    font-weight: 600;
    padding: 19px 20px;
    background-color: var(--whitecolor);
}

#wrapper-alt .table thead th:first-child {
    width: 235px;
}

#wrapper-alt .table thead th.border-blue {
    border-bottom: 3px solid var(--bluecolor1);
}

#wrapper-alt .table thead th.border-orange {
    border-bottom: 3px solid var(--orange);
}

#wrapper-alt .table thead th.border-yellow {
    border-bottom: 3px solid var(--yellowcolor1);
}

#wrapper-alt .table thead th.border-red {
    border-bottom: 3px solid var(--redcolor1);
}

#wrapper-alt .table thead th.border-green {
    border-bottom: 3px solid var(--greencolor1);
}

#wrapper-alt .table thead th.border-purple {
    border-bottom: 3px solid var(--color5);
}

#wrapper-alt .table tbody tr:nth-child(even) td,
#wrapper-alt .table tbody tr:nth-child(even) th {
    background: var(--whitecolor);
}

#wrapper-alt .table tbody tr:nth-child(odd) td,
#wrapper-alt .table tbody tr:nth-child(odd) th {
    background: #fbfbfc;
}

#wrapper-alt .modal-table .table tbody tr:nth-child(odd) td,
#wrapper-alt .modal-table .table tbody tr:nth-child(odd) th {
    background: var(--whitecolor) !important;
}

#wrapper-alt .modal-table .modal-body {
    border-bottom: 1px solid var(--graycolor2);
}

#wrapper-alt .table tbody tr td {
    padding: 15px;
    font-weight: 300;
    line-height: 1.4;
    font-size: 16px;
}

#wrapper-alt .short-table tbody tr td:last-child {
    min-width: 80px;
}

#wrapper-alt .table tbody tr th {
    height: 177px;
    padding: 20px;
    font-size: 22px;
    font-weight: 600;
}

#wrapper-alt .info-holder {
    background-color: var(--whitecolor);
    border: 1px solid var(--graycolor1);
    border-left: 3px solid var(--color1);
    margin-bottom: 48px;
    padding: 15px;
}

#wrapper-alt .info-holder p {
    margin-bottom: 0;
}

#wrapper-alt .title-holder {
    /* padding: 35px 0; */
    padding-bottom: 35px;
    /* Cris dixit */
}

#wrapper-alt .title-holder h1 {
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 0;
}

#wrapper-alt .title-control-box .menu-box {
    margin-left: 15px;
}

#wrapper-alt .title-control-box .menu-box .menu-toggle {
    width: 32px;
    height: 32px;
    background-color: var(--whitecolor);
    box-shadow: 0 1px 2px rgba(96, 96, 96, 0.2);
    border: 1px solid var(--color);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#wrapper-alt .title-control-box .menu-box .dropdown-menu {
    left: 16px !important;
    top: 15px !important;
    z-index: 443;
    /*per passar per sota el header però per sobre (backdrop gris)*/
    min-width: 185px;
    overflow: hidden;
    padding: 0;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}

#wrapper-alt .title-control-box .menu-box .dropdown-menu.show:before {
    opacity: 1;
    visibility: visible;
}

#wrapper-alt .title-control-box .menu-box .dropdown-menu .dropdown-item {
    padding: 12px 21px;
    font-size: 17px;
}

#wrapper-alt .title-control-box .menu-box .dropdown-menu .dropdown-item+.dropdown-item {
    border-top: 1px solid var(--graycolor1);
}

#wrapper-alt .title-control-box .btn {
    padding: 5px 15px;
    background-color: var(--whitecolor);
    font-size: 18px;
    border-radius: 2px;
    font-weight: 700;
    border: 1px solid var(--color2);
    color: var(--color);
    box-shadow: 0 1px 2px rgba(96, 96, 96, 0.2);
}

#wrapper-alt .title-control-box .btn:hover {
    background-color: var(--color2);
    color: var(--colortext1);
}

#wrapper-alt .title-control-box .btn+.btn {
    margin-left: 15px;
}

.modal-backdrop {
    z-index: 445 !important;
}

#wrapper-alt .modal {
    visibility: hidden;
    opacity: 0;
    z-index: -111;
}

.modal-open #wrapper-alt .modal {
    z-index: 446;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal-open #wrapper-alt .modal.show {
    visibility: visible;
    opacity: 1;
}

.modal-open #wrapper-alt .modal .modal-dialog {
    max-width: 440px;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    max-height: calc(100vh - 100px);
}

.modal-open #wrapper-alt .modal .jcf-select {
    width: 100%;
    margin-bottom: 20px !important;
}

.modal-open #wrapper-alt .modal-title {
    font-size: 22px;
}

.modal-open #wrapper-alt .modal-content {
    padding: 0 3px;
    border-radius: 2px;
    overflow-y: hidden;
    max-height: calc(100vh - 150px);
}

.modal-open #wrapper-alt #modalEvaluaRubrica .modal-content {
    overflow-y: unset;
}

.modal-open #wrapper-alt .modal-body {
    padding: 0 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-open #wrapper-alt #modalEvaluaRubrica .modal-body {
    overflow-y: unset;
    overflow-x: unset;
}

.modal-open #wrapper-alt .modal-body .tasks-list {
    margin: 0 -15px;
}

.modal-open #wrapper-alt .modal-body .tasks-list li {
    padding: 13px 20px;
    border-top: 1px solid #ecedef;
    font-size: 16px;
    font-weight: 300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.modal-open #wrapper-alt .modal-body .tasks-list a {
    color: var(--colornegre);
    font-size: 10px;
}

.modal-open #wrapper-alt .modal-body .tasks-list a.more-link {
    /*aquest no està en el del victor*/
    /*display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    font-size: 12px;*/
}

.modal-open #wrapper-alt .modal-body .tasks-list a:hover {
    opacity: 0.6;
}

.modal-open #wrapper-alt .modal-header {
    padding: 15px;
    border: none;
    position: relative;
}

.modal-open #wrapper-alt .modal-header .close {
    position: absolute;
    font-size: 10px;
    opacity: 1;
    right: 15px;
    top: 17px;
}

.modal-open #wrapper-alt .modal-header .close i {
    color: var(--colornegre);
}

.modal-open #wrapper-alt .modal-footer {
    border: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px 0 34px;
    min-height: 41px;
}

.modal-open #wrapper-alt #modalEvaluaRubrica .modal-footer {
    padding: 1rem;
}

.modal-open #wrapper-alt .modal-footer .btn {
    font-size: 17px;
    font-weight: 600;
}

.modal-open #wrapper-alt .modal-footer .close {
    border: none;
    color: #3f3f3f;
    box-shadow: none;
    margin-left: 8px;
    opacity: 1;
}

/* .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.1);
}

.modal-backdrop.show {
    opacity: 1;
} */

#wrapper-alt .badge {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.14px;
    border-radius: 4px;
    display: -webkit-inline-box;
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--whitecolor);
    margin-bottom: 0;
    padding: 5px 10px;
    width: auto;
}

#wrapper-alt .badge.badge-outline {
    border: 1px solid var(--colornegre);
    background-color: var(--whitecolor) !important;
}

#wrapper-alt .badge.badge-outline.badge-primary {
    color: var(--greencolor1);
    border-color: var(--greencolor1);
}

#wrapper-alt .badge.badge-outline.badge-secondary {
    color: var(--redcolor1);
    border-color: var(--redcolor1);
}

#wrapper-alt .badge.badge-purple {
    background-color: var(--color);
    border-color: var(--color);
}

#wrapper-alt .badge.badge-blue {
    background-color: var(--bluecolor1);
}

#wrapper-alt .badge.badge-green {
    background-color: var(--greencolor1);
}

#wrapper-alt .badge.badge-orange {
    background-color: var(--orangecolor1);
}

#wrapper-alt .badge.badge-yellow {
    background-color: var(--yellowcolor1);
}

#wrapper-alt .badge.badge-red {
    background-color: var(--redcolor1);
}

#wrapper-alt .switch {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 28px;
    cursor: pointer;
    /* Rounded sliders */
}

#wrapper-alt .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

#wrapper-alt .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #7f7f7f;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

#wrapper-alt .switch .slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 2px;
    bottom: 2px;
    background-color: var(--whitecolor);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

#wrapper-alt .switch input:checked+.slider {
    background-color: var(--greencolor1);
}

#wrapper-alt .switch input:focus+.slider {
    box-shadow: 0 0 1px var(--greencolor1);
}

#wrapper-alt .switch input:checked+.slider:before {
    -webkit-transform: translateX(36px);
    -ms-transform: translateX(36px);
    transform: translateX(36px);
}

#wrapper-alt .switch .slider.round {
    border-radius: 34px;
}

#wrapper-alt .switch .slider.round:before {
    border-radius: 50%;
}

#wrapper-alt .switch input:checked~.title-off {
    opacity: 0;
}

#wrapper-alt .switch input:checked~.title-on {
    opacity: 1;
}

#wrapper-alt .switch .switch-title {
    position: absolute;
    color: var(--colortext1);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
    font-size: 14px;
    text-transform: uppercase;
}

#wrapper-alt .switch .switch-title.title-on {
    left: 8px;
    opacity: 0;
}

#wrapper-alt .switch .switch-title.title-off {
    right: 8px;
    opacity: 1;
}

#wrapper-alt .observation-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    border: 1px solid var(--graycolor1);
    cursor: auto;
    border-radius: 2px;
    background-color: var(--whitecolor);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
    padding: 14px 15px 20px;
    font-weight: 300;
    min-height: 127px;
    height: 100%;
    font-size: 16px;
}

#wrapper-alt .rating-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    border: 1px solid var(--graycolor1);
    cursor: pointer;
    border-radius: 2px;
    background-color: var(--whitecolor);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
    padding: 14px 15px 20px;
    font-weight: 300;
    min-height: 225px;
    height: 100%;
    font-size: 16px;
}

#wrapper-alt .rating-card p {
    line-height: 1.4;
}

#wrapper-alt .rating-card.maximo-card {
    border-top: 3px solid var(--greencolor1);
}

#wrapper-alt .rating-card.maximo-card .cards-badge {
    background-color: var(--greencolor1);
}

#wrapper-alt .rating-card.maximo-card .checked-box:after {
    border-top-color: var(--greencolor1);
}

#wrapper-alt .rating-card.alto-card {
    border-top: 3px solid var(--bluecolor1);
}

#wrapper-alt .rating-card.alto-card .cards-badge {
    background-color: var(--bluecolor1);
}

#wrapper-alt .rating-card.alto-card .checked-box:after {
    border-top-color: var(--bluecolor1);
}

#wrapper-alt .rating-card.medio-card {
    border-top: 3px solid var(--yellowcolor1);
}

#wrapper-alt .rating-card.medio-card .cards-badge {
    background-color: var(--yellowcolor1);
}

#wrapper-alt .rating-card.medio-card .checked-box:after {
    border-top-color: var(--yellowcolor1);
}

#wrapper-alt .rating-card.bajo-card {
    border-top: 3px solid var(--redcolor1);
}

#wrapper-alt .rating-card.bajo-card .cards-badge {
    background-color: var(--redcolor1);
}

#wrapper-alt .rating-card.bajo-card .checked-box:after {
    border-top-color: var(--redcolor1);
}

#wrapper-alt .rating-card.minimo-card {
    border-top: 3px solid var(--redcolor1);
}

#wrapper-alt .rating-card.minimo-card .cards-badge {
    background-color: var(--redcolor1);
}

#wrapper-alt .rating-card.minimo-card .checked-box:after {
    border-top-color: var(--redcolor1);
}

#wrapper-alt .rating-card .card-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
}

#wrapper-alt .rating-card .checked-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -6px;
    border: 6px solid transparent;
}

#wrapper-alt .rating-card .checked-box:before {
    content: "✓";
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: var(--whitecolor);
    font-size: 26px;
    line-height: 1;
    opacity: 0;
    z-index: 4;
}

#wrapper-alt .rating-card .checked-box:after {
    content: "";
    width: 0;
    opacity: 0;
    height: 0;
    border-top: 50px solid var(--colornegre);
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    bottom: -6px;
    position: absolute;
    right: -56px;
    z-index: 3;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#wrapper-alt .rating-card input {
    position: absolute;
    height: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    opacity: 0;
}

#wrapper-alt .rating-card input:checked~.checked-box:before,
#wrapper-alt .rating-card input:checked~.checked-box:after {
    opacity: 1;
}


/* #wrapper-alt .student-mark[data-marked="true"] .rating-card.maximo-card .checked-box,
#wrapper-alt .student-mark[data-marked="true"] .evaluation-card.maximo-card .checked-box {
    border-color: var(--greencolor1);
}

#wrapper-alt .student-mark[data-marked="true"] .rating-card.alto-card .checked-box,
#wrapper-alt .student-mark[data-marked="true"] .evaluation.alto-card .checked-box {
    border-color: var(--bluecolor1);
}

#wrapper-alt .student-mark[data-marked="true"] .rating-card.medio-card .checked-box,
#wrapper-alt .student-mark[data-marked="true"] .evaluation-card.medio-card .checked-box {
    border-color: var(--yellowcolor1);
}

#wrapper-alt .student-mark[data-marked="true"] .rating-card.bajo-card .checked-box,
#wrapper-alt .student-mark[data-marked="true"] .evaluation-card.bajo-card .checked-box {
    border-color: var(--redcolor1);
}

#wrapper-alt .student-mark[data-marked="true"] .rating-card.minimo-card .checked-box,
#wrapper-alt .student-mark[data-marked="true"] .evaluation-card.minimo-card .checked-box {
    border-color: var(--redcolor1);
} */

#wrapper-alt .student-mark .rating-card.maximo-card .checked-box,
#wrapper-alt .student-mark .evaluation-card.maximo-card .checked-box {
    border-color: var(--greencolor1);
}

#wrapper-alt .student-mark .rating-card.alto-card .checked-box,
#wrapper-alt .student-mark .evaluation.alto-card .checked-box {
    border-color: var(--bluecolor1);
}

#wrapper-alt .student-mark .rating-card.medio-card .checked-box,
#wrapper-alt .student-mark .evaluation-card.medio-card .checked-box {
    border-color: var(--yellowcolor1);
}

#wrapper-alt .student-mark .rating-card.bajo-card .checked-box,
#wrapper-alt .student-mark .evaluation-card.bajo-card .checked-box {
    border-color: var(--redcolor1);
}

#wrapper-alt .student-mark .rating-card.minimo-card .checked-box,
#wrapper-alt .student-mark .evaluation-card.minimo-card .checked-box {
    border-color: var(--redcolor1);
}

#wrapper-alt .cards-badge {
    display: inline-block;
    margin: 0 auto;
    margin-top: auto;
    color: var(--whitecolor);
    padding: 4px 6px;
    letter-spacing: 0.16px;
    font-size: 14px;
    border-radius: 4px;
    line-height: 1;
    /* text-transform: uppercase; */
    font-weight: 600;
}

#wrapper-alt .subject-row,
#wrapper-alt .evaluation-box,
#wrapper-alt .observation-row {
    margin-bottom: 90px;
}

#wrapper-alt .subject-row h3,
#wrapper-alt .evaluation-box h3,
#wrapper-alt .observation-row h3 {
    margin-bottom: 20px;
    font-size: 24px;
}

#wrapper-alt .observation-row .textarea-holder {
    width: 100%;
    height: 127px;
}

#wrapper-alt .observation-row .textarea-holder textarea {
    height: 127px !important;
    width: 100% !important;
    padding: 24px 25px;
    font-weight: 300;
}

#wrapper-alt .observation-row .textarea-holder textarea:focus,
#wrapper-alt .observation-row .textarea-holder textarea:active {
    outline: none !important;
}

#wrapper-alt .observation-row .textarea-holder .jcf-textarea {
    height: 100%;
    width: 100%;
    border: 1px solid var(--graycolor3);
    /* overflow: hidden; */
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
}

#wrapper-alt .observation-row .textarea-holder .jcf-resize {
    display: none !important;
    height: 0 !important;
}

#wrapper-alt .observation-row .textarea-holder .jcf-scrollable-wrapper {
    height: 127px !important;
    width: 100% !important;
}

#wrapper-alt .observation-row .textarea-holder .jcf-scrollbar-vertical {
    background-color: #fafafa;
    border: 1px solid var(--graycolor3);
}

#wrapper-alt .observation-row .textarea-holder .jcf-scrollbar-slider {
    height: calc(100% - 10px) !important;
    margin: 5px 0;
}

#wrapper-alt .observation-row .textarea-holder .jcf-scrollbar-handle {
    width: 6px;
    height: 20px !important;
    overflow: hidden;
    border-radius: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#wrapper-alt .observation-row .textarea-holder .jcf-scrollbar-vertical .jcf-scrollbar-inc,
#wrapper-alt .observation-row .textarea-holder .jcf-scrollbar-vertical .jcf-scrollbar-dec {
    display: none !important;
}

#wrapper-alt .evaluation-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
    background-color: var(--whitecolor);
    border-radius: 2px;
    border: 1px solid var(--graycolor1);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px;
    padding: 25px 22px;
    position: relative;
}

#wrapper-alt .evaluation-card input {
    opacity: 0;
    position: absolute;
}

#wrapper-alt .evaluation-card input:checked~.checked-box:after,
#wrapper-alt .evaluation-card input:checked~.checked-box:before {
    opacity: 1;
}

#wrapper-alt .evaluation-card input:checked~.checked-box {
    border-color: transparent;
    opacity: 1;
}

#wrapper-alt .inactive .evaluation-card {
    opacity: 0.6;
    /* pointer-events: none; */
}

#wrapper-alt .evaluation-card {
    cursor: pointer;
    margin-left: -15px;
}

#wrapper-alt .evaluation-card.maximo-card {
    border-top: 3px solid var(--greencolor1);
}

#wrapper-alt .evaluation-card.maximo-card .cards-badge {
    background-color: var(--greencolor1);
}

#wrapper-alt .student-mark .evaluation-card.maximo-card .checked-box {
    border-color: var(--greencolor1);
}

#wrapper-alt .evaluation-card.maximo-card .checked-box:after {
    border-top-color: var(--greencolor1);
}

#wrapper-alt .evaluation-card.alto-card {
    border-top: 3px solid var(--bluecolor1);
}

#wrapper-alt .evaluation-card.alto-card .cards-badge {
    background-color: var(--bluecolor1);
}

#wrapper-alt .student-mark .evaluation-card.alto-card .checked-box {
    border-color: var(--bluecolor1) !important;
}

#wrapper-alt .evaluation-card.alto-card .checked-box:after {
    border-top-color: var(--bluecolor1);
}

#wrapper-alt .evaluation-card.medio-card {
    border-top: 3px solid var(--yellowcolor1);
}

#wrapper-alt .evaluation-card.medio-card .cards-badge {
    background-color: var(--yellowcolor1);
}

#wrapper-alt .evaluation-card.medio-card .checked-box {
    border-color: var(--yellowcolor1);
}

#wrapper-alt .evaluation-card.medio-card .checked-box:after {
    border-top-color: var(--yellowcolor1);
}

#wrapper-alt .evaluation-card.bajo-card {
    border-top: 3px solid var(--redcolor1);
}

#wrapper-alt .evaluation-card.bajo-card .cards-badge {
    background-color: var(--redcolor1);
}

#wrapper-alt .evaluation-card.bajo-card .checked-box {
    border-color: var(--redcolor1);
}

#wrapper-alt .evaluation-card.bajo-card .checked-box:after {
    border-top-color: var(--redcolor1);
}

#wrapper-alt .evaluation-card .checked-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -6px;
    opacity: 0;
    border: 6px solid transparent;
}

#wrapper-alt .student-mark .evaluation-card .checked-box {
    opacity: 1;
}

#wrapper-alt .evaluation-card .checked-box:before {
    content: "✓";
    position: absolute;
    bottom: 5px;
    right: 2px;
    color: var(--whitecolor);
    font-size: 26px;
    line-height: 1;
    opacity: 1;
    z-index: 4;
    opacity: 0;
}

#wrapper-alt .evaluation-card .checked-box:after {
    content: "";
    width: 0;
    opacity: 1;
    height: 0;
    border-top: 45px solid var(--colornegre);
    border-right: 45px solid transparent;
    border-left: 45px solid transparent;
    bottom: -6px;
    position: absolute;
    right: -51px;
    z-index: 3;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
}

#wrapper-alt .evaluation-card .cards-badge {
    margin: 0;
}

#wrapper-alt .evaluation-card h4 {
    margin-bottom: 0;
    line-height: 1;
    margin-left: 17px;
}

#wrapper-alt .fixed-box .legend-row {
    width: 100%;
}

#wrapper-alt .fixed-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--whitecolor);
    z-index: 33;
    padding: 30px 0;
}

#wrapper-alt .fixed-box .fixed-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#wrapper-alt .fixed-box .legend-list {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#wrapper-alt .fixed-box .legend-list li+li {
    margin-left: 25px;
}

#wrapper-alt .fixed-box .legend-list li .cards-badge {
    margin-right: 10px;
}

@media (max-width: 768px) {
    #wrapper-alt .legend-list {
        display: none !important;
    }
    #wrapper-alt .fixed-list {
        display: flex !important;
    }
    #wrapper-alt .fixed-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px 0;
    }
    #wrapper-alt .fixed-holder {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

#wrapper-alt .rating-row .col {
    padding-bottom: 30px;
}

#wrapper-alt .edit-box .jcf-scrollable-wrapper {
    max-width: 100% !important;
}

#wrapper-alt .edit-box .jcf-textarea {
    display: block;
    width: 100%;
}

#wrapper-alt .edit-box textarea {
    width: 100% !important;
    height: 100% !important;
    resize: none !important;
}

#wrapper-alt .edit-box .jcf-resize {
    display: none !important;
}

#wrapper-alt .edit-box .jcf-scrollbar-vertical {
    height: 100% !important;
}

#wrapper-alt .edit-box .jcf-scrollbar-slider {
    height: calc(100% - 28px) !important;
}

#wrapper-alt .table-control-row {
    margin: 5px -15px 30px;
    width: calc(100% + 30px);
}

#wrapper-alt .table-control-row .control-select-holder+.control-select-holder {
    margin-left: 20px;
}

@media(max-width: 767px) {
    #wrapper-alt .table-control-row .control-select-holder {
        width: 100%;
        margin: 0 !important;
        display: flex;
        justify-content: center;
    }
    #wrapper-alt .table-control-row .control-select-holder .jcf-select {
        width: 100%;
        max-width: 375px;
    }
}

#wrapper-alt .table-control-row .search-box {
    position: relative;
}

@media (max-width: 991px) {
    #wrapper-alt .table-control-row .search-box {
        margin-top: 30px;
    }
    .dragscroll {
        cursor: grab !important;
    }
}

#wrapper-alt .table-control-row .search-box button {
    position: absolute;
    font-family: icomoon;
    right: 0;
    font-size: 18px;
    height: 45px;
    width: 45px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--graycolor4);
    top: 50%;
    background-color: transparent;
    border: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#wrapper-alt .table-control-row .search-box input {
    display: inline-block;
    border: 1px solid var(--graycolor1);
    border-radius: 2px;
    width: 100%;
    background-color: var(--whitecolor);
    height: 45px;
    padding: 10px 45px 10px 15px;
}

#wrapper-alt .table-control-row .search-box input::-webkit-input-placeholder {
    font-size: 18px;
    color: var(--graycolor4);
    font-weight: 300;
}

#wrapper-alt .table-control-row .search-box input:-ms-input-placeholder {
    font-size: 18px;
    color: var(--graycolor4);
    font-weight: 300;
}

#wrapper-alt .table-control-row .search-box input::placeholder {
    font-size: 18px;
    color: var(--graycolor4);
    font-weight: 300;
}

#wrapper-alt .single-table-wrap .table.short-table>thead th:first-child {
    width: 71.79% !important;
}

#wrapper-alt .single-table-wrap .table.short-table>thead th:nth-child(2) {
    text-align: center !important;
    width: 80px !important;
}

#wrapper-alt .single-table-wrap .table.short-table tbody td:nth-child(2) {
    text-align: center !important;
    padding-left: 20px !important;
}

#wrapper-alt .single-table-wrap .table thead th {
    font-size: 16px;
    font-weight: 600;
}

#wrapper-alt .single-table-wrap .table thead th:first-child {
    width: 290px;
}

#wrapper-alt .single-table-wrap .table thead th:nth-child(2) {
    width: 545px;
}

#wrapper-alt .single-table-wrap .table thead th:nth-child(3) {
    width: 115px;
    text-align: center;
}

#wrapper-alt .single-table-wrap .table thead th:nth-child(4) {
    width: 140px;
    text-align: center;
}

#wrapper-alt .single-table-wrap .table thead th:nth-child(5) {
    width: 80px;
}

#wrapper-alt .single-table-wrap .table tbody tr td,
#wrapper-alt .single-table-wrap .table tbody tr th {
    background-color: var(--whitecolor) !important;
    color: var(--colornegre);
    letter-spacing: 0.18px;
    vertical-align: middle;
}

#wrapper-alt .single-table-wrap .table tbody tr td a,
#wrapper-alt .single-table-wrap .table tbody tr th a {
    color: var(--colornegre);
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}

#wrapper-alt .single-table-wrap .table tbody tr td a:hover,
#wrapper-alt .single-table-wrap .table tbody tr th a:hover {
    opacity: 0.6;
}

#wrapper-alt .single-table-wrap .table tbody tr th {
    height: 50px;
    font-size: 18px;
    padding-left: 23px;
    padding-right: 23px;
}

#wrapper-alt .single-table-wrap .table.rubricas-table tbody tr td:nth-child(2) {
    padding-left: 23px;
    padding-right: 23px;
}

#wrapper-alt .single-table-wrap .table tbody tr td:nth-child(3),
#wrapper-alt .single-table-wrap .table tbody tr td:nth-child(4) {
    text-align: center;
}

#wrapper-alt .single-table-wrap .table tbody .more-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    font-size: 12px;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box {
    position: relative;
    max-width: 440px;
    width: 100%;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box a {
    width: 46px;
    height: 46px;
    padding: 10px;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box a:after {
    display: none;
}

#wrapper-alt .single-table-wrap-alt .table .tables-menu-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#wrapper-alt .single-table-wrap-alt .table .value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
}

@media (max-width: 767px) {
    #wrapper-alt .single-table-wrap .table .tables-menu-box a {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 1023px) {
    .js-tab-hidden .legend-row {
        display: none !important;
    }
}

#wrapper-alt .single-table-wrap-alt .table .value.value-active {
    position: relative;
}

#wrapper-alt .single-table-wrap-alt .table .value.value-active:before {
    content: "";
    left: -5px;
    top: 21px;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: var(--orangecolor1);
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
}

#wrapper-alt .single-table-wrap .table .tables-menu-box a.menu-toggle i {
    width: 22px;
    height: 22px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #000;
    font-size: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fixedHeader-floating {
    z-index: -1;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu {
    padding: 0;
    width: 430px;
}

#wrapper-alt .single-table-wrap-alt .table .tables-menu-box .dropdown-menu::before {
    content: '';
}

#wrapper-alt .single-table-wrap .table .tables-menu-box-alt .dropdown-menu {
    padding: 0;
    width: 436px;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table {
    width: 100%;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table thead th {
    font-size: 16px;
    font-weight: 700;
    padding: 5px 10px;
    width: 150px;
}

#wrapper-alt .single-table-wrap .main-table .tables-menu-box .dropdown-menu .drop-table thead th {
    font-size: 16px;
    font-weight: 700;
    padding: 5px 10px;
    width: 150px;
    min-width: 0;
    vertical-align: middle;
}

#wrapper-alt .single-table-wrap .main-table .tables-menu-box .dropdown-menu .drop-table thead th:nth-child(2) {
    width: 100%;
}

#wrapper-alt .single-table-wrap .main-table .tables-menu-box .dropdown-menu .drop-table tbody td:nth-child(even) {
    background-color: var(--textcolor1) !important;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box-alt .dropdown-menu .drop-table tbody td:nth-child(2) {
    text-align: left !important;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box-alt .dropdown-menu .drop-table thead th {
    width: auto !important;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box-alt .dropdown-menu .drop-table thead th:nth-child(2) {
    width: 100% !important;
    padding-left: 20px !important;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table thead th:first-child {
    text-align: center;
}

@media(max-width: 767px) {
    #wrapper-alt .single-table-wrap .table .tables-menu-box-alt .dropdown-menu {
        min-width: 290px;
        width: 100%;
        overflow-x: auto;
    }
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table tbody td {
    font-size: 16px;
    padding: 10px 0px;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table.drop-table-teacher tbody td {
    padding: 10px 10px;
}

#wrapper-alt .single-table-wrap-alt .table .tables-menu-box .dropdown-menu .drop-table tbody td {
    font-size: 14px !important;
    padding: 5px 5px !important;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table tbody td:first-child {
    text-align: center;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table .more-link:before {
    display: none;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table label {
    margin-bottom: 0;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table label input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 22;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table label input:checked+.custom-check {
    background-color: var(--color1);
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table label input:checked+.custom-check-alt:before {
    content: "\e909";
    font-family: icomoon;
    color: var(--colornegre);
    font-size: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table label input:checked+.custom-check::before {
    content: "\e909";
    font-family: icomoon;
    color: var(--whitecolor);
    font-size: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table label .custom-check-alt {
    display: inline-block;
    position: relative;
    width: 20px;
    border-radius: 2px;
    height: 20px;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table label .custom-check {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 20px;
    border-radius: 2px;
    height: 20px;
    border: 1px solid var(--graycolor4);
    background-color: var(--whitecolor);
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table .nota {
    position: relative;
    padding: 0 12px;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table .nota.warning::after {
    content: "";
    left: 3px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #ff0000;
    border-radius: 50%;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table .nota.pending:before {
    content: "";
    left: -15px;
    top: 50%;
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: var(--orangecolor1);
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table caption {
    padding: 10px 0;
    border-top: 1px solid var(--graycolor1);
    width: 100%;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table .footnote-item {
    display: inline-block;
    width: 100%;
    padding-left: 30px;
    font-size: 13px;
    line-height: 18px;
    padding-right: 15px;
    position: relative;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table .footnote-item:before {
    content: "";
    left: 15px;
    top: 50%;
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: var(--orangecolor1);
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
}

#wrapper-alt .single-table-wrap .table .note-box {
    display: inline-block;
    line-height: 1;
    position: relative;
    padding: 0 30px;
    font-size: 14px;
}

#wrapper-alt .single-table-wrap .table .note-box.pending:before {
    content: "";
    left: 0;
    top: 50%;
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: var(--orangecolor1);
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
}

#wrapper-alt .single-table-wrap .table .badge.warning:after,
#wrapper-alt .single-table-wrap .table .note-box.warning:after {
    content: "";
    left: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #ff0000;
    border-radius: 50%;
}

#wrapper-alt .single-table-wrap .table .badge.warning:after {
    left: -15px;
}

#wrapper-alt .rubricas-table thead tr th:nth-child(3) {
    width: 190px !important;
}

#wrapper-alt .numerical-table tbody tr td:nth-child(2) {
    text-align: left !important;
}

#wrapper-alt .numerical-table thead tr th:last-child {
    width: 60px !important;
}

#wrapper-alt .numerical-table tbody tr td:last-child {
    text-align: center !important;
}

#wrapper-alt .numerical-table thead tr th:nth-child(2) {
    width: 50% !important;
    text-align: left !important;
    padding: 19px 10px;
}

#wrapper-alt .numerical-table thead tr th:nth-child(1) {
    width: 20% !important;
}

#wrapper-alt .rubricas-table tbody tr td .pending {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
}

#wrapper-alt .rubricas-table tbody tr td .pending:before {
    content: "";
    left: 0;
    top: 50%;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: var(--orangecolor1);
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
}

#wrapper-alt .table-footer-nav {
    background-color: var(--whitecolor);
    border-top: 1px solid var(--graycolor1);
    border-bottom: 1px solid var(--graycolor1);
    padding: 20px 0;
    /* min-width: 942px; */
}

#wrapper-alt .table-footer-nav .pagination-select {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 50px;
}

#wrapper-alt .table-footer-nav .pagination-select .jcf-select .jcf-select-text span {
    font-size: 14px;
}

#wrapper-alt .table-footer-nav .pagination-select .jcf-select {
    min-width: 35px;
    border-color: transparent;
    font-size: 14px;
    margin-bottom: 0;
}

#wrapper-alt .table-footer-nav .pagination-list {
    margin-right: 50px;
    font-size: 14px;
}

#wrapper-alt .table-footer-nav .pagination-nav {
    width: 56px;
    height: 45px;
    position: relative;
    margin-right: 20px;
}

#wrapper-alt .table-footer-nav .pagination-nav .pagination-nav-btn {
    position: absolute;
    width: 16px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--colornegre);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    top: calc(50% - 6px);
    font-size: 7px;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

#wrapper-alt .table-footer-nav .pagination-nav .pagination-nav-btn.pagination-prev {
    -webkit-transform: rotate(90deg) translateY(-50%);
    -ms-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    left: -10px;
}

#wrapper-alt .table-footer-nav .pagination-nav .pagination-nav-btn.pagination-next {
    -webkit-transform: rotate(-90deg) translateY(-50%);
    -ms-transform: rotate(-90deg) translateY(-50%);
    transform: rotate(-90deg) translateY(-50%);
    right: -10px;
}

#wrapper-alt .table-footer-nav .jcf-select-opener:before {
    font-size: 6px;
}

#wrapper-alt .table-footer-nav .pagination-nav .pagination-nav-btn:hover {
    opacity: 0.6;
}

@media(max-width: 767px) {
    #wrapper-alt .table-footer-nav .pagination-select,
    #wrapper-alt .table-footer-nav .pagination-list {
        margin: 10px 0;
    }
    #wrapper-alt .table-footer-nav .pagination-nav {
        margin: 0 0 20px;
    }
    #wrapper-alt .table-footer-nav {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #dee2e6;
    }
    #wrapper-alt .single-table-wrap-alt .table-footer-nav {
        display: none !important;
    }
}

#wrapper-alt .footnote-row {
    width: 100%;
    padding: 10px 0;
    font-size: 13px;
    letter-spacing: 0.15px;
    background-color: var(--whitecolor);
}

#wrapper-alt .footnote-row .footnote-item {
    position: relative;
    display: block;
    padding-left: 30px;
    border-top: 1px solid var(--graycolor1);
    padding-top: 10px;
}

#wrapper-alt .footnote-row .footnote-item.pending:before {
    content: "";
    left: 15px;
    top: 50%;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: var(--orangecolor1);
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
}

#wrapper-alt .main-table-wrapper .single-table-wrap {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
}

@media (min-width: 768px) {
    #wrapper-alt .main-table-wrapper-alt .single-table-wrap-alt .dataTables_scrollBody::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }
    #wrapper-alt .main-table-wrapper-alt .single-table-wrap-alt .dataTables_scrollBody::-webkit-scrollbar-track-piece {
        background: white;
        border: solid 1px #dee2e6;
        height: 10px;
        border-radius: 10px;
    }
    #wrapper-alt .main-table-wrapper-alt .single-table-wrap-alt .dataTables_scrollBody::-webkit-scrollbar-thumb:horizontal {
        transform: translateY(-10px);
    }
    #wrapper-alt .main-table-wrapper-alt .single-table-wrap-alt .dataTables_scrollBody::-webkit-scrollbar-thumb {
        background: #dee2e6;
        border-radius: 10px;
        width: 20px;
        max-width: 10px;
    }
    #wrapper-alt .main-table-wrapper-alt .single-table-wrap-alt .dataTables_scrollBody::-webkit-scrollbar-button:vertical:start:increment {
        height: 5px;
        width: 227px;
        display: block;
        background: transparent;
    }
    #wrapper-alt .main-table-wrapper-alt .single-table-wrap-alt .dataTables_scrollBody::-webkit-scrollbar-button:horizontal:start:increment {
        height: 5px;
        width: 227px;
        display: block;
        background: transparent;
    }
    #wrapper-alt .main-table-wrapper-alt .single-table-wrap-alt .dataTables_scrollBody {
        max-height: calc(100vh - 470px) !important;
    }
    #wrapper-alt .main-table-wrapper-alt .single-table-wrap-alt {
        height: calc(100vh - 330px);
    }
    #wrapper-alt .main-table-wrapper-alt .single-table-wrap-alt .DTFC_LeftBodyLiner {
        height: calc(100vh - 330px);
    }
}

#wrapper-alt .main-table-wrapper-alt .footnote-row {
    padding-top: 20px;
    margin-top: -20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
}

#wrapper-alt .main-table thead tr th:nth-child(even) {
    background-color: #fafbfc;
}

#wrapper-alt .main-table tbody tr td:nth-child(even) {
    background-color: #fafbfc !important;
}

#wrapper-alt .subject-box {
    background: var(--whitecolor);
    margin-bottom: 40px;
    border: 1px solid #e5e5e5;
}

#wrapper-alt .subject-box .title-box input,
#wrapper-alt .subject-box .question-card .edit-area,
#wrapper-alt .subject-box .control-row {
    display: none !important;
}

#wrapper-alt .subject-box.edit-active .question-card .edit-area,
#wrapper-alt .subject-box.edit-active .title-box input {
    display: block !important;
}

#wrapper-alt .subject-box.edit-active .control-row {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

@media(max-width: 767px) {
    #wrapper-alt .subject-box.edit-active .control-row .btn-holder {
        margin-bottom: 10px;
    }
}

#wrapper-alt .subject-box.edit-active .text-holder,
#wrapper-alt .subject-box.edit-active .title-box h5 {
    display: none !important;
}

#wrapper-alt .drop-control {
    cursor: pointer;
    display: block;
    color: #b3b3b3;
    font-size: 10px;
    text-align: center;
    padding: 15px 15px 0;
    margin-bottom: 15px;
}

#wrapper-alt .subject-box.subject-hover {
    opacity: 0.6;
}

#wrapper-alt .edit-wrapper .edit-header {
    margin-bottom: 30px;
}

#wrapper-alt .edit-wrapper {
    padding: 0 15px;
}

#wrapper-alt .edit-wrapper .edit-active {
    border-left: 5px solid var(--color);
}

#wrapper-alt .edit-wrapper .control-row .btn+.btn {
    margin-left: 15px;
}

#wrapper-alt .subject-holder .edit-title {
    position: absolute;
    color: var(--colornegre);
    font-size: 14px;
    top: 15px;
    right: 25px;
}

#wrapper-alt .edit-active .subject-holder .edit-title {
    display: none !important;
}

@media (min-width: 993px) {
    #wrapper-alt .subject-holder .edit-title {
        display: none !important;
    }
}

#wrapper-alt .edit-wrapper .trash-link {
    font-size: 14px;
    font-weight: 300;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--colornegre);
}

#wrapper-alt .edit-wrapper .trash-link:before {
    content: "\e90c";
    font-family: icomoon;
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;
}

#wrapper-alt .subject-holder {
    padding: 0 10px;
}

#wrapper-alt .subject-holder .title-box input {
    display: block;
    border: 1px solid var(--graycolor1);
    max-width: 500px;
    border-radius: 2px;
    width: 100%;
    padding: 10px 20px;
    background-color: var(--whitecolor);
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px;
}

#wrapper-alt .subject-holder .title-box h5 {
    font-size: 20px;
    font-weight: 300;
    color: var(--colornegre)000;
    margin-bottom: 30px;
}

#wrapper-alt .subject-holder .cards-row {
    margin-bottom: 30px;
}

#wrapper-alt .cards-row .col-12 {
    margin-bottom: 30px;
}

#wrapper-alt .subject-holder .cards-row .col-12 {
    padding-bottom: 30px;
}

#wrapper-alt .question-card {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
    border-radius: 2px;
    border: 1px solid var(--graycolor1);
    background-color: var(--whitecolor);
    height: 100%;
    min-height: 175px;
    padding: 15px 20px 30px;
}

#wrapper-alt .question-card.border-green {
    border-bottom: 2px solid var(--greencolor1);
}

#wrapper-alt .question-card.border-blue {
    border-bottom: 2px solid var(--bluecolor1);
}

#wrapper-alt .question-card.border-orange {
    border-bottom: 2px solid var(--orangecolor1);
}

#wrapper-alt .question-card.border-yellow {
    border-bottom: 2px solid var(--yellowcolor1);
}

#wrapper-alt .question-card.border-red {
    border-bottom: 2px solid var(--redcolor1);
}

#wrapper-alt .question-card textarea {
    width: 100% !important;
    resize: none !important;
    height: 110px !important;
    padding: 10px 20px 15px 15px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    border: 1px solid var(--graycolor3);
}

#wrapper-alt .question-card textarea:focus,
#wrapper-alt .question-card textarea:active {
    outline: none !important;
}

#wrapper-alt .question-card .edit-area {
    height: 110px !important;
}

#wrapper-alt .question-card .jcf-textarea {
    height: 100%;
    width: 100%;
    border: 1px solid var(--graycolor3);
    overflow: hidden;
    border-radius: 2px;
}

#wrapper-alt .question-card .jcf-resize {
    display: none !important;
    height: 0 !important;
}

#wrapper-alt .question-card .jcf-scrollable-wrapper {
    height: 110px;
}

#wrapper-alt .question-card .jcf-scrollbar-vertical {
    background-color: #fafafa;
    border: 1px solid var(--graycolor3);
}

#wrapper-alt .question-card .jcf-scrollbar-slider {
    height: calc(100% - 10px) !important;
    margin: 5px 0;
}

#wrapper-alt .question-card .jcf-scrollbar-handle {
    width: 6px;
    height: 20px !important;
    overflow: hidden;
    border-radius: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#wrapper-alt .question-card .jcf-scrollbar-vertical .jcf-scrollbar-inc,
#wrapper-alt .question-card .jcf-scrollbar-vertical .jcf-scrollbar-dec {
    display: none !important;
}

#wrapper-alt .question-card h4 {
    font-size: 20px;
    margin-bottom: 15px;
}

#wrapper-alt .evaluation-form .rating-row .rating-card {
    min-height: 225px;
}

#wrapper-alt .evaluation-form .rating-row .inactive {
    opacity: 0.6;
}

#wrapper-alt .evaluation-form .student-box {
    margin-bottom: 10px;
}

#wrapper-alt .evaluation-form.3columns .rating-card {
    min-height: 225px;
}

#wrapper-alt .evaluation-form .student-box h1 {
    margin-bottom: 15px;
}

#wrapper-alt .evaluation-form .student-box .student-name {
    font-size: 26px;
    font-weight: 300;
}

#wrapper-alt .evaluation-form .select-holder {
    margin-bottom: 20px;
}

#wrapper-alt .evaluation-form h6 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 300;
}

#wrapper-alt .evaluation-form .switch-holder {
    text-align: center;
}

#wrapper-alt .info-row-alt .opener {
    width: auto;
    height: auto;
}

#wrapper-alt .info-row-alt .opener:after {
    display: none;
}

#wrapper-alt .info-row-alt .open-close {
    position: relative;
}

#wrapper-alt .info-row-alt .open-close-alt .slide {
    right: initial;
    left: 0;
}

#wrapper-alt .info-row-alt .open-close-alt .slide:before {
    right: initial;
    left: 42px;
}

#wrapper-alt .info-row-alt .open-close-tasques-rubriques {
    position: relative;
}

@media(max-width: 768px) {
    #wrapper-alt .info-row-alt .open-close {
        position: relative;
        display: flex;
        justify-content: flex-end;
    }
    #wrapper-alt .info-row-alt .open-close-alt {
        position: relative;
        display: block;
        justify-content: flex-end;
    }
    #wrapper-alt .info-row-alt .open-close-tasques-rubriques {
        position: relative;
        display: flex;
        justify-content: flex-end;
    }
    #wrapper-alt .info-row-alt .slide {
        top: 100px;
    }
    #wrapper-alt .edit-wrapper .trash-link {
        margin-top: 40px;
    }
}

#wrapper-alt .info-row-alt .slide {
    top: 50px !important;
    position: absolute;
    background-color: var(--whitecolor);
    max-width: 416px;
    width: 100vw;
    right: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    z-index: 443;
    /* Per passar per sota el header però per sobre el light-box*/
}

#wrapper-alt .info-row-alt .slide-alt {
    max-width: 616px;
}

#wrapper-alt .info-row-alt .slide:before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 50px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 13px solid var(--whitecolor);
}

#wrapper-alt .info-row-alt .task-form {
    padding: 30px 20px;
}

#wrapper-alt .info-row-alt .task-form label {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    font-size: 14px;
}

#wrapper-alt .info-row-alt .task-form .jcf-drop-active {
    border: 1px solid var(--colornegre) !important;
}

#wrapper-alt .info-row-alt .task-form .jcf-drop-active .jcf-select-drop {
    border-top: 1px solid var(--colornegre);
}

#wrapper-alt .info-row-alt .task-form .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 20px;
}

#wrapper-alt .info-row-alt .task-form .form-row .jcf-select {
    width: 100%;
    min-width: 0;
}

#wrapper-alt .info-row-alt .task-form .form-row .jcf-select .jcf-scrollbar-dec,
#wrapper-alt .info-row-alt .task-form .form-row .jcf-select .jcf-scrollbar-inc {
    display: none;
}

#wrapper-alt .info-row-alt .task-form .form-row .jcf-select .jcf-scrollbar-vertical {
    padding: 5px 0;
    background: #fafafa !important;
}

#wrapper-alt .info-row-alt .task-form .form-row .jcf-select .jcf-scrollbar-slider {
    background: #fafafa !important;
    height: 100% !important;
}

#wrapper-alt .info-row-alt .task-form .form-row .jcf-select .jcf-scrollbar-handle {
    height: 20px !important;
    border-radius: 10px;
    width: 7px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #c1c1c1;
}

#wrapper-alt .info-row-alt .task-form .form-row .input-holder {
    width: calc(50% - 7px);
}

#wrapper-alt .info-row-alt .task-form .form-row input {
    width: 100%;
    color: var(--colornegre);
}

#wrapper-alt .info-row-alt .task-form .select-holder .jcf-select {
    padding-right: 35px;
}

#wrapper-alt .info-row-alt .task-form .select-holder .jcf-select-opener {
    width: 35px;
    right: 0;
}

#wrapper-alt .info-row-alt .task-form .select-holder .jcf-select-opener:before {
    content: "\e90d";
    font-size: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

#wrapper-alt .info-row-alt .task-form .datepicker-holder {
    position: relative;
}

#wrapper-alt .info-row-alt .task-form .datepicker-holder:before {
    content: "\e907";
    font-family: icomoon;
    position: absolute;
    font-size: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    z-index: 22;
}

#wrapper-alt .info-row-alt .task-form .datepicker-holder input {
    padding-right: 35px;
    cursor: pointer;
}

#wrapper-alt .info-row-alt .task-form input {
    width: 100%;
    font-weight: 300;
    font-size: 18px;
    padding: 8px 15px;
    border-radius: 2px;
    border: 1px solid var(--graycolor1);
    background-color: var(--whitecolor);
}

#wrapper-alt .info-row-alt .task-form input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 22;
}

#wrapper-alt .info-row-alt .task-form input[type="checkbox"]:indeterminate+.custom-check { /* chrome */
    background-color: var(--color1);
}

#wrapper-alt .info-row-alt .task-form input[type="checkbox"]:checked+.custom-check {
    background-color: var(--color1);
}

#wrapper-alt .info-row-alt .task-form input[type="checkbox"]:checked+.custom-check::before {
    content: "\e909";
    font-family: icomoon;
    color: var(--whitecolor);
    font-size: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#wrapper-alt .info-row-alt .task-form input[type="checkbox"]:indeterminate+.custom-check::before {
    content: "-";
    font-family: icomoon;
    color: var(--whitecolor);
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#wrapper-alt input[type="time"] {
    height: 47px !important;
}

#wrapper-alt .info-row-alt .task-form .custom-check {
    cursor: pointer;
    display: inline-block;
    position: relative;
    min-width: 20px;
    border-radius: 2px;
    margin-right: 8px;
    height: 20px;
    border: 1px solid var(--graycolor1);
    background-color: var(--whitecolor);
}

#wrapper-alt .info-row-alt .btn-holder .btn+.btn {
    margin-left: 15px;
}

#wrapper-alt .info-row-alt .btn-holder .task-form-opener {
    border: none;
    color: #3f3f3f;
    font-weight: 400;
}

#wrapper-alt .info-row-alt .btn-holder .task-form-opener:hover {
    color: var(--colornegre)000;
}


/*#wrapper-alt .ui-widget-header .ui-icon {
    background-image: none;
}

#wrapper-alt .ui-state-default,
#wrapper-alt .ui-widget-content .ui-state-default,
#wrapper-alt .ui-widget-header .ui-state-default {
    background-color: var(--whitecolor);
    border: none;
    cursor: pointer;
    color: var(--colornegre);
    font-size: 11px;
    width: 20px;
    min-height: 20px;
    display: block;
    text-align: center;
}*/

#wrapper-alt .rubricas-projects-table thead tr th:nth-child(2) {
    width: 30%;
    text-align: center;
}

#wrapper-alt .rubricas-projects-table tbody tr td {
    padding-left: 23px;
    padding-right: 23px;
}

#wrapper-alt .rubricas-projects-table tbody tr td:nth-child(2) {
    width: 30%;
    text-align: center;
}

#wrapper-alt .rubricas-table thead tr th:nth-child(4),
#wrapper-alt .rubricas-table tbody tr td:nth-child(4),
#wrapper-alt .rubricas-table tbody tr td:nth-child(5),
#wrapper-alt .rubricas-table thead tr th:nth-child(5) {
    width: 120px;
    text-align: center;
}

#wrapper-alt .rubricas-table tbody tr td:nth-child(6),
#wrapper-alt .rubricas-table thead tr th:nth-child(6) {
    width: 80px;
}

#wrapper-alt .activity-list {
    counter-reset: activityList;
}

#wrapper-alt .activity-list .activity-item {
    max-width: 723px;
    width: 100%;
    min-height: 410px;
    margin: 0 auto 20px;
    padding: 15px 15px 20px;
    background-color: var(--whitecolor);
    border: 1px solid var(--graycolor1);
}

#wrapper-alt .activity-list .activity-item .number-column {
    position: relative;
    width: 70px;
    margin-right: 25px;
}

#wrapper-alt .activity-list .activity-item .number-column img {
    width: 100%;
}

#wrapper-alt .activity-list .activity-item .number-column:before {
    content: counter(activityList);
    counter-increment: activityList;
    position: absolute;
    font-weight: 700;
    right: 0;
    top: 0;
    line-height: 1;
}

#wrapper-alt .activity-list .activity-item .activity-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#wrapper-alt .activity-list .activity-item .badge {
    padding: 4px 10px;
    margin-bottom: 10px;
}

#wrapper-alt .activity-list .activity-item h2 {
    font-size: 20px;
    line-height: 0.9;
    letter-spacing: 0.23px;
    font-weight: 400;
    margin-bottom: 16px;
    margin-top: 20px;
}

#wrapper-alt .activity-list .answers-list {
    width: 100%;
}

#wrapper-alt .activity-list .answers-list li {
    border-radius: 2px;
    border: 1px solid var(--graycolor1);
    background-color: #fbfbfc;
    padding: 10px 30px 10px 15px;
    margin-bottom: 10px;
}

#wrapper-alt .activity-list .answers-list li:last-child {
    margin-bottom: 0;
}

#wrapper-alt .table-scroll {
    position: relative;
    max-width: 1170px;
    background: var(--whitecolor);
    margin: auto;
    width: 100%;
    overflow: hidden;
    padding-bottom: 40px;
}

#wrapper-alt .table-scroll .table thead tr th {
    min-width: 186px;
    text-align: center;
    vertical-align: top;
}

#wrapper-alt .table-scroll .table thead tr th i {
    color: var(--color);
}

#wrapper-alt .table-scroll .table thead tr th:first-child {
    min-width: 250px;
}

#wrapper-alt .table-scroll .table tbody tr td {
    text-align: center;
}

#wrapper-alt .table-scroll .jcf-scrollable-wrapper .jcf-scrollbar-horizontal {
    width: calc(100% - 275px) !important;
    margin-left: 250px;
}

#wrapper-alt .table-scroll .jcf-scrollable-wrapper .jcf-scrollbar-horizontal .jcf-scrollbar-slider {
    width: 100% !important;
    border-radius: 10px !important;
}

#wrapper-alt .table-scroll .jcf-scrollable-wrapper .jcf-scrollbar-horizontal .jcf-scrollbar-dec {
    display: none !important;
}

#wrapper-alt .table-scroll .table-wrap {
    width: 100%;
    overflow: auto;
    height: 100% !important;
}

#wrapper-alt .table-scroll .table-scroll table {
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

#wrapper-alt .table-scroll .table-scroll table .tables-menu-box {
    text-align: center;
    max-width: 186px;
}

#wrapper-alt .table-scroll .table-scroll th,
#wrapper-alt .table-scroll .table-scroll td {
    padding: 5px 10px;
    background: var(--whitecolor);
    vertical-align: top;
    text-align: center;
    width: 186px;
}

#wrapper-alt .table-scroll .table-scroll thead th,
#wrapper-alt .table-scroll .table-scroll thead td,
#wrapper-alt .table-scroll .table-scroll tfoot th,
#wrapper-alt .table-scroll .table-scroll tfoot td {
    width: 186px;
    text-align: center;
}

#wrapper-alt .table-scroll .clone {
    position: absolute;
    top: 0;
    left: 0;
    bottom: -1px;
    pointer-events: none;
}

@media(max-width: 1023px) {
    .split-box .js-tab-hidden {
        display: block !important;
        left: -9999px !important;
        position: absolute !important;
        top: -9999px !important;
    }
}

@media(min-width: 1024px) {
    #wrapper-alt .split-box .tabset {
        display: none !important;
    }
}

#wrapper-alt .split-box .tabset {
    position: absolute;
    width: 100%;
    z-index: 22;
    top: -36px;
    display: flex;
    list-style: none;
    justify-content: center;
}

#wrapper-alt .split-box .tabset a {
    padding: 5px 10px;
    display: inline-block;
    text-align: center;
    min-width: 150px;
    background-color: #f5f5f8;
    box-sizing: border-box;
    border: 1px solid #dadce0;
    position: relative;
    color: var(--colortextcomplementari2);
}

#wrapper-alt .split-box .tabset a.active {
    border-bottom: 1px solid #f5f5f8;
}

#wrapper-alt .split-box .tabset a.active:before {
    content: '';
    height: 3px;
    width: calc(100% + 1px);
    top: -1px;
    left: -1px;
    background-color: var(--color);
    position: absolute;
}

#wrapper-alt .split-box .split-wrap {
    display: block;
}

@media (min-width: 1200px)and(max-width: 1399px) {
    #wrapper-alt .split-wrap .left-column {
        min-width: 780px;
    }
}

@media (min-width: 1024px) {
    #wrapper-alt .split-box .split-wrap {
        display: flex;
    }
}

@media(max-width: 767px) {
    #wrapper-alt .split-wrap .left-column .select-box .jcf-select {
        width: 100%;
        max-width: 100%;
    }
    #wrapper-alt .split-wrap .right-column {
        width: 100%;
        max-width: 394px;
        margin: 0 auto;
    }
}

@media(min-width: 768px) {
    #wrapper-alt .split-wrap .right-column .title-holder {
        padding-top: 0;
    }
}

#wrapper-alt .split-wrap .right-column .col-12 {
    margin-bottom: 30px;
}

@media (min-width: 1024px) and (max-width: 1399px) {
    #wrapper-alt .split-wrap .left-column {
        min-width: 600px;
        width: 100%;
    }
    #wrapper-alt .split-wrap .right-column {
        width: 100%;
        max-width: 394px;
    }
    #wrapper-alt .split-wrap .right-column .col-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    #wrapper-alt .column-holder .legend-row {
        width: 400px !important;
        right: 0;
        left: auto !important;
    }
}

@media(min-width: 1400px) {
    .split-wrap .left-column,
    .split-wrap .right-column {
        width: calc(50% - 11px) !important;
    }
    #wrapper-alt .split-wrap .subject-row {
        max-width: 600px;
        margin: 0 auto 30px;
    }
    #wrapper-alt .column-holder .legend-row {
        width: 50% !important;
        padding: 15px 30px 15px 15px !important;
        right: 0;
        left: auto !important;
    }
}

#wrapper-alt .column-holder .legend-row {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 3332;
    bottom: 0;
    left: 0;
    padding: 15px 15px;
}

#wrapper-alt .evaluation-section .legend-row .legend-list,
#wrapper-alt .column-holder .legend-row .legend-list {
    list-style: none;
    display: flex !important;
    margin: 0;
    padding: 0;
}

#wrapper-alt .evaluation-section .legend-row .legend-list li+li,
#wrapper-alt .column-holder .legend-row .legend-list li+li {
    margin-left: 10px;
}

#wrapper-alt .column-holder .legend-row .legend-list li .title-badge {
    font-size: 14px;
    position: absolute;
}

#wrapper-alt .cards-holder .fixed-holder .legend-row .legend-list li .title-badge {
    font-size: 14px;
    position: absolute;
}

#wrapper-alt .column-holder .legend-row .legend-list {
    position: relative;
}

#wrapper-alt .column-holder .legend-row .legend-list li .title-badge:before {
    content: '';
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid red;
}

@media(min-width: 1024px) and (max-width: 1399px) {
    #wrapper-alt .column-holder .split-wrap .left-column {
        min-width: 780px;
    }
}

@media(max-width: 767px) {
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge:before {
        content: '';
        position: absolute;
        top: 100%;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid red;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list {
        position: relative;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge {
        opacity: 0;
        visibility: hidden;
        padding: 5px;
        border-radius: 4px;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge {
        font-size: 14px;
        position: absolute;
        bottom: calc(100% + 4px);
        color: #fff;
        width: auto;
        min-width: 70px;
        text-align: center;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge.green {
        background-color: var(--greencolor1);
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge.green:before {
        border-top: 5px solid var(--greencolor1);
        left: 10px;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-es.title-badge.green:before {
        left: 3px;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge.blue {
        background-color: var(--bluecolor1);
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge.blue:before {
        border-top: 5px solid var(--bluecolor1);
        left: 51px;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-es.title-badge.blue:before {
        left: 36px;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge.orange {
        background-color: var(--orangecolor1);
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge.orange:before {
        border-top: 5px solid var(--orangecolor1);
        right: 51px;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge.yellow {
        background-color: var(--yellowcolor1);
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge.yellow:before {
        border-top: 5px solid var(--yellowcolor1);
        right: 51px;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-es.title-badge.yellow:before {
        right: 31px;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge.red {
        background-color: var(--redcolor1);
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge.red:before {
        border-top: 5px solid var(--redcolor1);
        right: 10px;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-es.title-badge.red:before {
        right: 3px;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge.left {
        left: 0;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge.center {
        left: 50%;
        transform: translateX(-50%);
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .title-badge.right {
        right: 0;
    }
    #wrapper-alt .evaluation-section .legend-row .legend-list li .badge:focus+.title-badge,
    #wrapper-alt .evaluation-section .legend-row .legend-list li .badge:hover+.title-badge,
    #wrapper-alt .evaluation-section .legend-row .legend-list li .badge:active+.title-badge {
        visibility: visible;
        opacity: 1;
    }
}

@media(max-width: 767px),
(min-width: 1024px) and (max-width: 1399px) {
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge {
        opacity: 0;
        visibility: hidden;
        padding: 5px;
        border-radius: 4px;
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge {
        font-size: 14px;
        position: absolute;
        bottom: calc(100% + 4px);
        color: #fff;
        width: auto;
        min-width: 70px;
        text-align: center;
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge.green {
        background-color: var(--greencolor1);
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge.green:before {
        border-top: 5px solid var(--greencolor1);
        left: 10px;
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-es.title-badge.green:before {
        left: 5px;
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge.blue {
        background-color: var(--bluecolor1);
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge.blue:before {
        border-top: 5px solid var(--bluecolor1);
        left: 51px;
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-es.title-badge.blue:before {
        left: 37px;
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge.orange {
        background-color: var(--orangecolor1);
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge.orange:before {
        border-top: 5px solid var(--orangecolor1);
        right: 51px;
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge.yellow {
        background-color: var(--yellowcolor1);
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge.yellow:before {
        border-top: 5px solid var(--yellowcolor1);
        right: 51px;
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-es.title-badge.yellow:before {
        right: 31px;
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge.red {
        background-color: var(--redcolor1);
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge.red:before {
        border-top: 5px solid var(--redcolor1);
        right: 10px;
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-es.title-badge.red:before {
        right: 3px;
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge.left {
        left: 0;
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge.center {
        left: 50%;
        transform: translateX(-50%);
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge.right {
        right: 0;
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .badge:focus+.title-badge,
    #wrapper-alt .column-holder .legend-row .legend-list li .badge:hover+.title-badge,
    #wrapper-alt .column-holder .legend-row .legend-list li .badge:active+.title-badge {
        visibility: visible;
        opacity: 1;
    }
}

@media(min-width: 768px) and (max-width: 1023px),
(min-width: 1400px) {
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge:before {
        display: none;
    }
    #wrapper-alt .column-holder .legend-row .legend-list li .title-badge {
        position: relative;
    }
}

#wrapper-alt .column-holder .legend-row .legend-list li .title-badge:before {
    content: '';
    position: absolute;
}

#wrapper-alt .table-scroll .clone:before {
    content: "";
    position: absolute;
    width: 12px;
    opacity: 0.07;
    background-image: -webkit-linear-gradient(right, var(--colornegre)000 0%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to left, var(--colornegre)000 0%, rgba(0, 0, 0, 0) 100%);
}

#wrapper-alt .table-scroll .clone th,
#wrapper-alt .table-scroll .clone td {
    visibility: hidden;
}

#wrapper-alt .table-scroll .clone td,
#wrapper-alt .table-scroll .clone th {
    border-color: transparent;
}

#wrapper-alt .table-scroll .clone tbody th {
    visibility: visible;
}

#wrapper-alt .table-scroll .clone .fixed-side {
    border: 1px solid var(--graycolor2);
    visibility: visible;
    width: 250px;
}

#wrapper-alt .table-scroll .clone thead,
#wrapper-alt .table-scroll .clone tfoot {
    background: transparent;
}

#table-scroll .jcf-scrollbar-horizontal {
    border-radius: 10px;
    bottom: -25px;
}

#table-scroll .table .tables-menu-box a {
    padding: 0 15px;
}

#table-scroll .table .tables-menu-box a.more-link:before {
    display: none !important;
}

#table-scroll .table .tables-menu-box a:before {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid var(--color);
    background-color: var(--whitecolor);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#table-scroll .dropdown-menu th {
    min-width: 90px;
}

#table-scroll .dropdown-menu th:nth-child(2) {
    min-width: 150px;
}

#table-scroll .jcf-scrollbar-handle {
    background-color: var(--color);
    width: 50px !important;
    border-radius: 10px;
    top: -2px !important;
    cursor: pointer;
}

#table-scroll .jcf-scrollbar-handle:before {
    content: "\e900";
    font-family: icomoon;
    font-size: 3px;
    position: absolute;
    left: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    color: #ccc;
}

#table-scroll .jcf-scrollbar-handle:after {
    content: "\e900";
    font-family: icomoon;
    font-size: 3px;
    position: absolute;
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    color: #ccc;
}

#table-scroll .jcf-scrollbar-horizontal .jcf-scrollbar-dec,
#table-scroll .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    display: none !important;
}

#table-scroll .jcf-scrollable-wrapper {
    border-bottom: 1px solid var(--graycolor2);
}

#table-scroll .jcf-scrollable-wrapper+.jcf-scrollable-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

#wrapper-alt .clone-table {
    position: absolute;
    top: -1px;
    right: 0;
    width: 252px;
    /* overflow: hidden; */
    bottom: 40px;
    left: 0;
    border-bottom: 1px solid var(--graycolor2);
}

#wrapper-alt .clone-table:before {
    content: '';
    top: 0;
    bottom: 0;
    width: 12px;
    position: absolute;
    left: calc(100% - 2px);
    opacity: 0.07;
    background-image: linear-gradient(to right, var(--colornegre)000 0%, rgba(0, 0, 0, 0) 100%);
}

#wrapper-alt .clone-table .table .tables-menu-box a:before {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid var(--color);
    background-color: var(--whitecolor);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#wrapper-alt .clone-table .table thead tr th:first-child {
    vertical-align: middle;
    text-align: left;
    font-size: 18px;
}

#wrapper-alt .option-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#wrapper-alt .option-box .btn {
    min-width: 222px;
    padding: 5px 15px 5px 35px;
    background-color: var(--whitecolor);
    font-size: 18px;
    border-radius: 2px;
    font-weight: 700;
    border: 1px solid var(--color2);
    color: var(--color);
    box-shadow: 0 1px 2px rgba(96, 96, 96, 0.2);
    position: relative;
}

@media(max-width: 767px) {
    #wrapper-alt .option-box .btn {
        max-width: 375px;
        width: 100%;
        margin: 0 auto;
    }
}

#wrapper-alt .option-box .btn:before {
    content: "\e908";
    font-family: icomoon;
    font-size: 16px;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#wrapper-alt .modal-table .modal-content {
    padding: 0;
}

#wrapper-alt .modal-table .modal-content .table tbody tr th {
    vertical-align: middle;
}

#wrapper-alt .modal-table .modal-content .table tbody tr td {
    text-align: center;
    padding: 5px 15px;
    vertical-align: middle;
}

#wrapper-alt .modal-table .close {
    right: 20px !important;
    top: 20px !important;
}

#wrapper-alt .modal-table .modal-dialog {
    max-width: 842px !important;
}

#wrapper-alt .modal-table .modal-header {
    padding: 10px 15px;
}

#wrapper-alt .modal-table .modal-footer {
    padding: 30px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#wrapper-alt .modal-table .table {
    min-width: 0;
}

#wrapper-alt .modal-table .table th {
    height: 50px;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #161616;
    padding: 0 20px;
    min-width: 0;
}

#wrapper-alt .modal-table .table th:not(:first-child) {
    text-align: center;
}

#wrapper-alt .modal-table .table thead th {
    font-weight: 600;
    padding: 15px;
}

#wrapper-alt .modal-table .table thead th:first-child {
    min-width: 490px;
}

#wrapper-alt .modal-table .table thead tbody tr th {
    vertical-align: middle;
    padding: 5px 20px !important;
}

#wrapper-alt .modal-table .table tbody tr:hover th,
#wrapper-alt .modal-table .table tbody tr:hover td {
    background-color: #fafbfc !important;
}

#wrapper-alt .modal-table .table tbody tr td {
    vertical-align: middle;
    line-height: 1;
    padding: 0 5px;
    text-align: center;
}

#wrapper-alt .modal-table .table .show-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 16px;
    position: relative;
    height: 16px;
    color: var(--color);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

#wrapper-alt .modal-table .table .show-link.in-active:before {
    content: "\e901";
    font-size: 10px;
    top: 60%;
}

#wrapper-alt .modal-table .table .show-link:before {
    content: "\e908";
    font-family: icomoon;
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#wrapper-alt .modal-table .table .show-link:hover {
    opacity: 0.5;
}

#wrapper-alt .split-box {
    position: relative;
    border-top: 1px solid #d1d1d3;
    padding-top: 25px;
    /* margin-top: 50px; */
}

#wrapper-alt .split-box .subject-wrapper-hold::-webkit-scrollbar,
#wrapper-alt .split-box .activity-list-box::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

#wrapper-alt .split-box .subject-wrapper-hold::-webkit-scrollbar-track-piece,
#wrapper-alt .split-box .activity-list-box::-webkit-scrollbar-track-piece {
    border-radius: 10px;
    background: white;
    border: solid 1px #d1d1d3;
}

#wrapper-alt .split-box .subject-wrapper-hold::-webkit-scrollbar-thumb,
#wrapper-alt .split-box .activity-list-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #d1d1d3;
}

#wrapper-alt .split-box .activity-list-box {
    margin: 0 10px;
}

#wrapper-alt .split-box .activity-list-box .select-box {
    max-width: 417px;
    margin: 0 auto 40px;
}

@media (min-width: 768px) {
    #wrapper-alt .split-box .activity-list-box .select-box {
        max-width: 600px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #wrapper-alt .split-box .activity-list-box .select-box .jcf-select {
        width: auto;
        max-width: 100%;
    }
}

@media (min-width: 1024px) {
    #wrapper-alt.wrapper-ovh {
        height: 100vh;
        overflow: hidden;
        min-height: auto;
        margin: 0;
        padding-top: 82px;
    }
}

#wrapper-alt .split-box .activity-list {
    padding-right: 20px;
}

#wrapper-alt .split-box .subject-row .col {
    padding-bottom: 30px;
}

@media (min-width: 1024px) {
    #wrapper-alt .split-box .activity-list-box,
    #wrapper-alt .split-box .subject-wrapper-hold {
        height: calc(100vh - 238px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    #wrapper-alt .split-box .subject-title {
        text-align: center;
    }
    #wrapper-alt .split-box .rating-row .rating-card {
        max-width: 260px;
        margin: 0 auto;
    }
}


/* @media (min-width(max-width: 1023px) {
  #wrapper-alt .split-box .rating-row .col-lg-12 {
    max-width: 50%;
    flex: 0 0 50%;
  }
} */

@media (min-width: 1400px) {
    #wrapper-alt .split-box .subject-wrapper-hold {
        height: calc(100vh - 348px);
    }
    #wrapper-alt .split-box .subject-title {
        text-align: left;
    }
    #wrapper-alt .split-box .rating-row .rating-card {
        max-width: 100%;
        margin: 0 auto;
    }
}

#wrapper-alt .split-box .rating-card {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
}

#wrapper-alt .split-box .rating-card.medio-card {
    border-top-color: var(--yellowcolor1);
}

#wrapper-alt .split-box .rating-card.medio-card .checked-box:after {
    border-top-color: var(--yellowcolor1);
}

#wrapper-alt .split-box .rating-card.medio-card .cards-badge {
    background-color: var(--yellowcolor1);
}

#wrapper-alt .split-box .rating-card.bajo-card .checked-box:after,
#wrapper-alt .split-box .rating-card.bajo-card {
    border-top-color: var(--redcolor1);
}

#wrapper-alt .split-box .rating-card.bajo-card .cards-badge {
    background-color: var(--redcolor1);
}

#wrapper-alt .split-box .jcf-select {
    width: 100%;
}

#wrapper-alt .split-box .split-control-box {
    background-color: var(--whitecolor);
    margin-top: -25px;
    width: 22px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: block;
    transform: translateX(-50%);
    border-right: 1px solid #d1d1d3;
    border-left: 1px solid #d1d1d3;
}

@media(max-width: 1023px) {
    #wrapper-alt .split-box .split-control-box {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    #wrapper-alt .split-box {
        margin-top: 0 !important;
    }
    #wrapper-alt .slide .jcf-select {
        margin-bottom: 0 !important;
    }
    #wrapper-alt .slide .input-holder:last-child {
        margin-bottom: 0 !important;
    }
    #wrapper-alt .split-control-box {
        display: none !important;
    }
    #wrapper-alt .activity-list {
        padding-right: 0 !important;
    }
    #wrapper-alt .title-control-box {
        margin-bottom: 30px !important;
    }
    #wrapper-alt .info-row-alt .task-form .form-row .input-holder {
        width: 100%;
        margin-bottom: 15px;
    }
    #wrapper-alt .info-row-alt .slide {
        top: 50px !important;
        position: absolute;
        background-color: var(--whitecolor);
        width: calc(100vw - 30px);
        width: calc(100vw - 30px);
        right: -15px;
        z-index: 443;
    }
    #wrapper-alt .info-text {
        max-width: 440px;
    }
}

@media (max-width: 767px) {
    #wrapper-alt .info-row-alt .slide {
        top: 100px !important;
        position: absolute;
        background-color: var(--whitecolor);
        max-width: 310px;
        right: -15px;
        z-index: 443;
        /* Per passar per sota el header però per sobre el light-box*/
    }
}

@media(min-width: 768px) {
    #wrapper-alt .container {
        max-width: 750px;
    }
}

@media(min-width: 992px) {
    #wrapper-alt .container {
        max-width: 970px;
    }
}

@media(min-width:1200px) {
    #wrapper-alt .container {
        max-width: 1200px
    }
}

@media(max-width:767px) {
    #wrapper-alt .cards-section .container {
        max-width: 345px;
    }
}

#wrapper-alt .single-table-wrap .table.short-table tbody tr td:first-child {
    padding: 19px 23px;
}

#wrapper-alt .single-table-wrap .table.rubricas-table tbody tr td:first-child {
    padding: 12px 23px;
}

#wrapper-alt .badge-box .badge {
    display: inline-block;
    margin: 0 auto;
    margin-top: auto;
    color: var(--whitecolor);
    padding: 4px 6px;
    letter-spacing: 0.16px;
    font-size: 14px;
    border-radius: 4px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    box-sizing: content-box;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child,
table.dataTable.dtr-inline.collapsed tbody th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    top: 8px;
    left: 4px;
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 16px;
    text-align: center;
    line-height: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    content: '+';
    background-color: #31b131;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty:before {
    display: none;
}

table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
    content: '-';
    background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed tbody tr.child td:before {
    display: none;
}

table.dataTable.dtr-column tbody td.control,
table.dataTable.dtr-column tbody th.control {
    position: relative;
    cursor: pointer;
}

table.dataTable.dtr-column tbody td.control:before,
table.dataTable.dtr-column tbody th.control:before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 16px;
    text-align: center;
    line-height: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    content: '+';
    background-color: #31b131;
}

table.dataTable.dtr-column tbody tr.parent td.control:before,
table.dataTable.dtr-column tbody tr.parent th.control:before {
    content: '-';
    background-color: #d33333;
}

table.dataTable tr.child {
    padding: 0.5em 1em;
}

table.dataTable tr.child:hover {
    background: transparent !important;
}

table.dataTable tr.child ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

table.dataTable tr.child ul li {
    border-bottom: 1px solid #efefef;
    padding: 0.5em 0;
    white-space: nowrap;
}

table.dataTable tr.child ul li:first-child {
    padding-top: 0;
}

table.dataTable tr.child ul li:last-child {
    border-bottom: none;
}

table.dataTable tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: bold;
}

#wrapper-alt .single-table-wrap-alt table {
    min-width: 0;
}

#wrapper-alt .single-table-wrap-alt table th:not(:first-child),
#wrapper-alt .single-table-wrap-alt table td:not(:first-child) {
    min-width: 150px;
    text-align: center;
}

#wrapper-alt .single-table-wrap-alt table th:first-child,
#wrapper-alt .single-table-wrap-alt table td:first-child,
#wrapper-alt .single-table-wrap-alt table .fixed-side {
    min-width: 250px;
}

#wrapper-alt .single-table-wrap-alt table td {
    white-space: nowrap;
}

#wrapper-alt .single-table-wrap-alt .DTFC_LeftWrapper {
    width: 250px !important;
}

#wrapper-alt .single-table-wrap-alt .dropdown-menu {
    overflow: hidden;
    background: #fff;
    width: 290px;
}

#wrapper-alt .single-table-wrap .table .tables-menu-box.taula-numerica a:before {
    content: "\e900";
    font-family: icomoon;
    font-size: 4px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(100% - 7px);
}

#wrapper-alt .single-table-wrap-alt table.drop-table td:first-child {
    min-width: 0;
}

@media(max-width: 767px) {
    #wrapper-alt .main-table-wrapper .single-table-wrap-alt {
        max-width: 375px !important;
        margin: -40px auto 0;
        overflow: hidden;
        box-shadow: none;
    }
    /* #wrapper-alt .main-table-wrapper .single-table-wrap-alt table thead .fixed-side {
    height: 0 !important;
    overflow: hidden;
  } */
    .dataTable thead {
        opacity: 0;
        visibility: hidden;
    }
    .dataTable .dropdown-menu thead {
        opacity: 1;
        visibility: visible;
    }
    #wrapper-alt .single-table-wrap-alt .table .dropdown-menu tr th {
        width: auto !important;
    }
    #wrapper-alt .single-table-wrap-alt .table .dropdown-menu tr th:before {
        display: none;
    }
    #wrapper-alt .single-table-wrap-alt .table tbody tr th {
        height: 25px;
        font-size: 18px;
        padding-left: 15px;
        padding-right: 23px;
        max-width: 375px !important;
        min-width: 290px !important;
    }
    #wrapper-alt .single-table-wrap-alt .dtr-details {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    #wrapper-alt .single-table-wrap-alt .dtr-details .col-head .col-title {
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 150px;
        display: inline-block;
    }
    #wrapper-alt .single-table-wrap-alt .dtr-details .col-head i {
        display: none !important;
    }
    #wrapper-alt .single-table-wrap-alt .dtr-details li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    #wrapper-alt .single-table-wrap-alt~.footnote-row {
        max-width: 375px;
        margin: 0 auto;
    }
    #wrapper-alt .single-table-wrap-alt .dtr-details li .dtr-data {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 50px;
        height: 50px;
    }
    table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
    table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
        top: 23px;
        right: 10px;
        left: auto;
        height: 16px;
        width: 16px;
        display: block;
        position: absolute;
        color: #333;
        border: 2px solid white;
        text-align: center;
        font-size: 10px;
        line-height: 14px;
        box-shadow: none;
        box-sizing: content-box;
        content: "\e900";
        font-family: icomoon;
        background-color: transparent;
        transition: transform .3s ease;
    }
    table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
    table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
        content: "\e900";
        font-family: icomoon;
        background-color: transparent;
        transform: rotate(180deg);
    }
    #wrapper-alt .single-table-wrap-alt .table-footer-nav {
        display: none !important;
    }
    #wrapper-alt .title-holder .alt-title-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 375px;
        width: 100%;
        margin: 0 auto 20px;
    }
    #wrapper-alt .title-holder .alt-title-box h1 {
        margin-bottom: 0 !important;
    }
    #wrapper-alt .title-control-box {
        /*max-width: 375px !important;*/
        margin: 0 auto 20px;
    }
    #wrapper-alt .title-control-box .btn {
        width: 50%;
    }
    #wrapper-alt .alt-title-box .menu-toggle {
        width: 32px;
        height: 32px;
        background-color: var(--whitecolor);
        box-shadow: 0 1px 2px rgba(96, 96, 96, 0.2);
        border: 1px solid var(--color);
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #wrapper-alt .table-control-row .col-12 {
        padding: 0 !important;
    }
    #wrapper-alt .table-control-row {
        max-width: 405px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    #wrapper-alt .alt-title-box .menu-toggle:after {
        top: 50%;
    }
    #wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu {
        top: 100% !important;
        left: auto !important;
        transform: none !important;
        width: 345px !important;
        right: -15px !important;
    }
    #wrapper-alt .single-table-wrap-alt .main-table .tables-menu-box .dropdown-menu .drop-table thead th {
        min-width: 0 !important;
    }
}

#wrapper-alt .single-table-wrap-alt .main-table .tables-menu-box .dropdown-menu .drop-table td {
    min-width: 0;
}

#wrapper-alt .single-table-wrap-alt .main-table .tables-menu-box .dropdown-menu .drop-table thead th:not(:nth-child(2)) {
    width: 120px;
}

@media(max-width: 375px)and(max-width: 767px) {
    #wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu {
        top: 100% !important;
        left: auto !important;
        transform: none !important;
        width: 345px !important;
        right: 0 !important;
    }
    #wrapper-alt .single-table-wrap-alt .main-table .tables-menu-box .dropdown-menu .drop-table th:last-child,
    #wrapper-alt .single-table-wrap-alt .main-table .tables-menu-box .dropdown-menu .drop-table td:last-child {
        width: 50px !important;
    }
}

@media(max-width: 374px) {
    #wrapper-alt .title-control-box {
        flex-wrap: wrap;
    }
    #wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu {
        right: -30px !important;
        width: 290px !important;
        overflow: auto;
    }
    #wrapper-alt .single-table-wrap .table .tables-menu-box .dropdown-menu .drop-table caption {
        max-width: 290px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #wrapper-alt .single-table-wrap-alt .table .tables-menu-box .dropdown-menu .drop-table tbody td {
        padding: 5px;
        font-size: 14px;
    }
    #wrapper-alt .title-control-box .btn+.btn {
        margin-left: 0;
    }
    #wrapper-alt .title-control-box .btn {
        min-width: 100%;
        margin: 0 0 10px;
    }
}

@media (min-width: 768px) {
    .DTFC_LeftBodyWrapper:before,
    .DTFC_LeftHeadWrapper:before {
        content: '';
        z-index: 22;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 24px;
        background-image: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0) 100%);
        opacity: 0.07;
    }
}

@media (max-width: 1023px) {
    #wrapper-alt .footnote-row {
        border-top: 1px solid #dee2e6;
    }
}

#wrapper-alt .single-table-wrap .dropdown-menu {
    z-index: 443;
}

#wrapper-alt .tagAvCompetencies {
    margin: 10px 2px;
    color: var(--colortextcomplementari) !important;
    background-color: var(--color) !important;
    border-radius: 5px 5px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 20px;
}

#wrapper-alt .selectedAvCompetencies {
    border-radius: 2px;
    border: solid 1px var(--color);
    color: var(--color);
    background-color: var(--colortextcomplementari);
}

#wrapper-alt .buttonAvCompetencies {
    color: var(--color);
}

#wrapper-alt .qualificacions-overflow-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#wrapper-alt .mnw180px {
    min-width: 180px;
}

#wrapper-alt .btn-secondrary-hover-white:hover {
    color: var(--whitecolor) !important;
}

#wrapper-alt .rating-border-top.maximo-card {
    border-top: 3px solid var(--greencolor1);
}

#wrapper-alt .rating-border-top.alto-card {
    border-top: 3px solid var(--bluecolor1);
}

#wrapper-alt .rating-border-top.medio-card {
    border-top: 3px solid var(--yellowcolor1);
}

#wrapper-alt .rating-border-top.bajo-card {
    border-top: 3px solid var(--redcolor1);
}

#wrapper-alt .rating-border-top.minimo-card {
    border-top: 3px solid var(--redcolor1);
}

#wrapper-alt .rating-cell.maximo-card {
    border: 3px solid var(--greencolor1);
    background-color: #e3fff5 !important;
}

#wrapper-alt .rating-cell.alto-card {
    border: 3px solid var(--bluecolor1);
    background-color: #e4f8fe !important;
}

#wrapper-alt .rating-cell.medio-card {
    border: 3px solid var(--yellowcolor1);
    background-color: #fff1cc !important;
}

#wrapper-alt .rating-cell.bajo-card {
    border: 3px solid var(--redcolor1);
    background-color: #ffdfd9 !important;
}

#wrapper-alt .rating-cell.minimo-card {
    border: 3px solid var(--redcolor1);
    background-color: #ffdfd9 !important;
}

#wrapper-alt .font-table {
    font-size:0.9rem !important;
    font-weight:400 !important;
}

#wrapper-alt .icon-custom-modal-qualificacio-intents:before {
    content: "\e900";
}

#wrapper-alt .icon-custom-modal-qualificacio-intents {
    width: 22px;
    height: 22px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #000;
    font-size: 6px;
}

@media (min-width: 1024px) {
    #wrapper-alt .p-1024-rem5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}
.dtfh-floatingparent
{
    display: none;
}