/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/

@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}



@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}
/* 

*/
html {
    background-color: #f0f3f4;
}

body {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.42857143;
    color: #58666e;
    background-color: transparent;
}

.avoid-clicks {
    pointer-events: none;
}

*:focus {
    outline: 0 !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
}

a {
    color: #363f44;
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:focus {
    color: #141719;
    text-decoration: none;
}

label {
    font-weight: normal;
}

small,
.small {
    font-size: 13px;
}

.additio-logo {
    height: 24px;
}

.additio-modal-logo {
    height: 20px;
    margin-left: 12px;
}

.catalyst-logo {
    height: 98px;
}

.catalyst-logo-layout {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 35px;
}

.badge,
.label {
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.badge.bg-light,
.label.bg-light {
    text-shadow: none;
}

.badge {
    background-color: #cfdadd;
}

.badge.up {
    position: relative;
    top: -10px;
    padding: 3px 6px;
    margin-left: -10px;
}

.badge-sm {
    padding: 2px 5px !important;
    font-size: 85%;
}

.label-sm {
    padding-top: 0;
    padding-bottom: 1px;
}

.badge-white {
    padding: 2px 6px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.badge-empty {
    color: inherit;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

blockquote {
    border-color: #dee5e7;
}

.caret-white {
    border-top-color: #fff;
    border-top-color: rgba(255, 255, 255, 0.65);
}

a:hover .caret-white {
    border-top-color: #fff;
}

.thumbnail {
    border-color: #dee5e7;
}

.progress {
    background-color: #edf1f2;
}

.progress-xxs {
    height: 2px;
}

.progress-xs {
    height: 6px;
}

.progress-sm {
    height: 12px;
}

.progress-sm .progress-bar {
    font-size: 10px;
    line-height: 1em;
}

.progress,
.progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-bar-primary {
    background-color: #7266ba;
}

.progress-bar-info {
    background-color: #23b7e5;
}

.progress-bar-success {
    background-color: #27c24c;
}

.progress-bar-warning {
    background-color: #fad733;
}

.progress-bar-danger {
    background-color: #f05050;
}

.progress-bar-black {
    background-color: #1c2b36;
}

.progress-bar-white {
    background-color: #fff;
}

.accordion-group,
.accordion-inner {
    border-color: #dee5e7;
    border-radius: 2px;
}

.alert {
    font-size: 13px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.alert .close i {
    display: block;
    font-size: 12px;
    font-weight: normal;
}

.form-control {
    border-color: #cfdadd;
    border-radius: 2px;
    font-size: var(--font-size-base);
}

.form-control,
.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*Setting style colors for the form-select error*/
.select-error > div > a {
    color: #b94a48 !important;
    border-color: #b94a48 !important;
}

.form-control:focus {
    border-color: #23b7e5;
}

.form-horizontal .control-label.text-left {
    text-align: left;
}

.form-control-spin {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 2;
    margin-top: -7px;
}

.form-control.h-flex {
    min-height: 34px;
    height: inherit;
}

.input-lg {
    height: 45px;
}

.input-group-addon {
    background-color: #edf1f2;
    border-color: #cfdadd;
}

.list-group {
    border-radius: 2px;
}

.list-group.no-radius .list-group-item {
    border-radius: 0 !important;
}

.list-group.no-borders .list-group-item {
    border: none;
}

.list-group.no-border .list-group-item {
    border-width: 1px 0;
}

.list-group.no-bg .list-group-item {
    background-color: transparent;
}

.list-group-item {
    padding-right: 15px;
    border-color: #e7ecee;
}

a.list-group-item:hover,
a.list-group-item:focus,
a.list-group-item.hover {
    background-color: #f6f8f8;
}

.list-group-item.media {
    margin-top: 0;
}

.list-group-item.active {
    color: #fff;
    background-color: #23b7e5 !important;
    border-color: #23b7e5 !important;
}

.list-group-item.active .text-muted {
    color: #ace4f5 !important;
}

.list-group-item.active a {
    color: #fff;
}

.list-group-item.focus {
    background-color: #e4eaec !important;
}

.list-group-item.select {
    position: relative;
    z-index: 1;
    background-color: #dbeef9 !important;
    border-color: #c5e4f5;
}

.list-group-alt .list-group-item:nth-child(2n + 2) {
    background-color: rgba(0, 0, 0, 0.02) !important;
}

.list-group-lg .list-group-item {
    padding-top: 15px;
    padding-bottom: 15px;
}

.list-group-sm .list-group-item {
    padding: 6px 10px;
}

.list-group-sp .list-group-item {
    margin-bottom: 5px;
    border-radius: 3px;
}

.list-group-item > .badge {
    margin-right: 0;
}

.list-group-item > .fa-chevron-right {
    float: right;
    margin-top: 4px;
    margin-right: -5px;
}

.list-group-item > .fa-chevron-right + .badge {
    margin-right: 5px;
}

.nav-pills.no-radius > li > a {
    border-radius: 0;
}

.nav-pills > li.active > a {
    color: #fff !important;
    background-color: #23b7e5;
}

.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:active {
    background-color: #19a9d5;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #f6f8f8;
}

.nav.nav-lg > li > a {
    padding: 20px 20px;
}

.nav.nav-md > li > a {
    padding: 15px 15px;
}

.nav.nav-sm > li > a {
    padding: 6px 12px;
}

.nav.nav-xs > li > a {
    padding: 4px 10px;
}

.nav.nav-xxs > li > a {
    padding: 1px 10px;
}

.nav.nav-rounded > li > a {
    border-radius: 20px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #f6f8f8;
}

.nav-tabs {
    border-color: #dee5e7;
}

.nav-tabs > li > a {
    border-bottom-color: #dee5e7;
    border-radius: 2px 2px 0 0;
}

.nav-tabs > li:hover > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    border-color: #dee5e7;
}

.nav-tabs > li.active > a {
    border-bottom-color: #fff !important;
}

.nav-tabs-alt .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
}

.nav-tabs-alt .nav-tabs > li > a {
    background: transparent !important;
    border-color: transparent !important;
    border-bottom-color: #dee5e7 !important;
    border-radius: 0;
}

.nav-tabs-alt .nav-tabs > li.active > a {
    border-bottom-color: #23b7e5 !important;
}

.tab-container {
    margin-bottom: 15px;
}

.tab-container .tab-content {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #dee5e7;
    border-top-width: 0;
    border-radius: 0 0 2px 2px;
}

.pagination > li > a {
    border-color: #dee5e7;
}

.pagination > li > a:hover,
.pagination > li > a:focus {
    background-color: #edf1f2;
    border-color: #dee5e7;
}

/*
.panel {
    border-radius: 2px;
}

.panel .accordion-toggle {
    display: block;
    font-size: 14px;
    cursor: pointer;
}

.panel .list-group-item {
    border-color: #edf1f2;
}

.panel.no-borders {
    border-width: 0;
}

.panel.no-borders .panel-heading,
.panel.no-borders .panel-footer {
    border-width: 0;
}

.panel-heading {
    border-radius: 2px 2px 0 0;
}

.panel-default .panel-heading {
    background-color: #f6f8f8;
}

.panel-heading.no-border {
    margin: -1px -1px 0 -1px;
    border: none;
}

.panel-heading .nav {
    margin: -10px -15px;
}

.panel-heading .list-group {
    background: transparent;
}

.panel-footer {
    background-color: #ffffff;
    border-color: #edf1f2;
    border-radius: 0 0 2px 2px;
}

.panel-default {
    border-color: #dee5e7;
}

.panel-default > .panel-heading,
.panel-default > .panel-footer {
    border-color: #edf1f2;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #eaedef;
}*/

.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px 15px;
    border-top: 1px solid #eaeff0;
}

.table > thead > tr > th {
    padding: 8px 15px;
    border-bottom: 1px solid #eaeff0;
}

.table-bordered {
    border-color: #eaeff0;
}

.table-bordered > tbody > tr > td {
    border-color: #eaeff0;
}

.table-bordered > thead > tr > th {
    border-color: #eaeff0;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fafbfc;
}

.table-striped > thead > th {
    background-color: #fafbfc;
    border-right: 1px solid #eaeff0;
}

.table-striped > thead > th:last-child {
    border-right: none;
}

.well,
pre {
    background-color: #edf1f2;
    border-color: #dee5e7;
}

.btn-group > .btn {
    margin-left: -1px;
}

/*cols*/

.col-lg-2-4 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-0 {
    clear: left;
}

.row.no-gutter {
    margin-right: 0;
    margin-left: 0;
}

.no-gutter [class*='col'] {
    padding: 0;
}

.row-sm {
    margin-right: -10px;
    margin-left: -10px;
}

.row-sm > div {
    padding-right: 10px;
    padding-left: 10px;
}

.modal-backdrop {
    background-color: #3a3f51;
}

.modal-backdrop.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.modal-over {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal-center {
    position: absolute;
    top: 50%;
    left: 50%;
}

/*layout*/

html,
body {
    width: 100%;
    height: 100%;
}

body {
    overflow-x: hidden;
}

.app {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
    z-index: 99;
}

.app:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    display: block;
    width: inherit;
    border: inherit;
    content: '';
}

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

.app-header-fixed .app-header {
    position: absolute;
    top: 0;
    width: 100%;
}

.app-header-fixed .navbar-language {
    position: relative;
    top: -50px;
}

.app-header {
    z-index: 1025;
    border-radius: 0;
}

.app-aside {
    float: left;
}

.app-aside:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 260px;
    background-color: inherit;
    border: inherit;
    content: '';
}

.app-aside-footer {
    position: absolute;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    max-width: 200px;
}

.app-aside-folded .app-aside-footer {
    max-width: 60px;
}

.app-aside-footer ~ div {
    padding-bottom: 50px;
}

.app-aside-right {
    padding-bottom: 50px;
}

.app-content-full {
    position: absolute;
    top: 50px;
    bottom: 50px;
    width: auto !important;
    height: auto;
    padding: 0 !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.app-content-full.h-full {
    bottom: 0;
    height: auto;
}

.app-content-body {
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

.app-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
}

.app-footer.app-footer-fixed {
    position: fixed;
}

.hbox {
    display: table;
    width: 100%;
    height: 100%;
    border-spacing: 0;
    table-layout: fixed;
}

.hbox .col {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: top;
}

.v-middle {
    vertical-align: middle !important;
}

.v-top {
    vertical-align: top !important;
}

.v-bottom {
    vertical-align: bottom !important;
}

.vbox {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    min-height: 240px;
    border-spacing: 0;
}

.vbox .row-row {
    display: table-row;
    height: 100%;
}

.vbox .row-row .cell {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.ie .vbox .row-row .cell {
    display: table-cell;
}

.vbox .row-row .cell .cell-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*.navbar {*/
/*    margin: 0;*/
/*    border-width: 0;*/
/*    border-radius: 0;*/
/*}*/

/*.navbar .navbar-form-sm {*/
/*    margin-top: 10px;*/
/*    margin-bottom: 10px;*/
/*}*/

/*.navbar-md {*/
/*    min-height: 60px;*/
/*}*/

/*.navbar-md .navbar-btn {*/
/*    margin-top: 13px;*/
/*}*/

/*.navbar-md .navbar-form {*/
/*    margin-top: 15px;*/
/*}*/

/*.navbar-md .navbar-nav > li > a {*/
/*    padding-top: 20px;*/
/*    padding-bottom: 20px;*/
/*}*/

/*.navbar-md .navbar-brand {*/
/*    line-height: 60px;*/
/*}*/

/*.navbar-header > button {*/
/*    padding: 10px 17px;*/
/*    font-size: 16px;*/
/*    line-height: 30px;*/
/*    text-decoration: none;*/
/*    background-color: transparent;*/
/*    border: none;*/
/*}*/

/*.navbar-brand {*/
/*    display: inline-block;*/
/*    float: none;*/
/*    height: auto;*/
/*    padding: 0 20px;*/
/*    font-size: 20px;*/
/*    font-weight: 700;*/
/*    line-height: 50px;*/
/*    text-align: center;*/
/*}*/

/*.navbar-brand:hover {*/
/*    text-decoration: none;*/
/*}*/

/*.navbar-brand img {*/
/*    display: inline;*/
/*    max-height: 20px;*/
/*    margin-top: -4px;*/
/*    vertical-align: middle;*/
/*}*/

/*@media (min-width: 768px) {*/
/*.app-aside,*/
/*.navbar-header {*/
/*    width: 200px;*/
/*}*/
/*.navbar-collapse,*/
/*.app-content,*/
/*.app-footer {*/
/*    margin-left: 200px;*/
/*}*/
/*.app-aside-right {*/
/*    position: absolute;*/
/*    top: 50px;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    z-index: 1000;*/
/*}*/
/*.app-aside-right.pos-fix {*/
/*    z-index: 1010;*/
/*}*/
/*.visible-folded {*/
/*    display: none;*/
/*}*/
/*.app-aside-folded .hidden-folded {*/
/*    display: none !important;*/
/*}*/
/*.app-aside-folded .visible-folded {*/
/*    display: inherit;*/
/*}*/
/*.app-aside-folded .text-center-folded {*/
/*    text-align: center;*/
/*}*/
/*.app-aside-folded .pull-none-folded {*/
/*    float: none !important;*/
/*}*/
/*.app-aside-folded .w-auto-folded {*/
/*    width: auto;*/
/*}*/
/*.app-aside-folded .app-aside,*/
/*.app-aside-folded .navbar-header {*/
/*    width: 60px;*/
/*}*/
/*.app-aside-folded .navbar-collapse,*/
/*.app-aside-folded .app-content,*/
/*.app-aside-folded .app-footer {*/
/*    margin-left: 60px;*/
/*}*/
/*.app-aside-folded .app-header .navbar-brand {*/
/*    display: block;*/
/*    padding: 0;*/
/*}*/
/*.app-aside-fixed .app-header .navbar-header {*/
/*    position: fixed;*/
/*}*/
/*.app-aside-fixed .aside-wrap {*/
/*    position: fixed;*/
/*    top: 50px;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    z-index: 1000;*/
/*    width: 199px;*/
/*    overflow: hidden;*/
/*}*/
/*.app-aside-fixed .aside-wrap .navi-wrap {*/
/*    position: relative;*/
/*    width: 217px;*/
/*    height: 100%;*/
/*    overflow-x: hidden;*/
/*    overflow-y: scroll;*/
/*    -webkit-overflow-scrolling: touch;*/
/*}*/
/*.app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar {*/
/*    -webkit-appearance: none;*/
/*}*/
/*.app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar:vertical {*/
/*    width: 17px;*/
/*}*/
/*.app-aside-fixed .aside-wrap .navi-wrap > * {*/
/*    width: 200px;*/
/*}*/
/*!**/
/*.smart .app-aside-fixed .aside-wrap .navi-wrap {*/
/*    width: 200px;*/
/*}*/
/**!*/
/*.app-aside-fixed.app-aside-folded .app-aside {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    z-index: 1010;*/
/*}*/
/*.app-aside-fixed.app-aside-folded .aside-wrap {*/
/*    width: 59px;*/
/*}*/
/*.app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap {*/
/*    width: 77px;*/
/*}*/
/*.app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap > * {*/
/*    width: 60px;*/
/*}*/
/*.smart .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap {*/
/*    width: 60px;*/
/*}*/
.bg-auto:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: inherit;
    background-color: inherit;
    border: inherit;
    content: '';
}

.bg-auto.b-l:before {
    margin-left: -1px;
}

.bg-auto.b-r:before {
    margin-right: -1px;
}

.col.show {
    display: table-cell !important;
}

/*}*/

@media (min-width: 768px) and (max-width: 991px) {
    .hbox-auto-sm {
        display: block;
    }

    .hbox-auto-sm > .col {
        display: block;
        width: auto;
        height: auto;
    }

    .hbox-auto-sm > .col.show {
        display: block !important;
    }
}

/*
@media (max-width: 767px) {
  /*.app-aside {
    float: none;
  }
  .app-content-full {
    width: 100% !important;
  }
  .hbox-auto-xs {
    display: block;
  }
  .hbox-auto-xs > .col {
    display: block;
    width: auto;
    height: auto;
  }
  .navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
  }
  .navbar-nav > li > a {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  }
  .navbar-nav > li > a .up {
    top: 0;
  }
  .navbar-nav > li > a .avatar {
    width: 30px;
    margin-top: -5px;
  }
  .navbar-nav .open .dropdown-menu {
    background-color: #fff;
  }
  .navbar-form {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  }
  .navbar-form .form-group {
    margin-bottom: 0;
  }
}*/

html {
    background-attachment: fixed;
    background-size: cover;
}

.app.container {
    padding-right: 0;
    padding-left: 0;
}

/*@media (min-width: 768px) {*/
.app.container {
    width: 750px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

.app.container .app-aside {
    overflow-x: hidden;
}

.app.container.app-aside-folded .app-aside {
    overflow-x: visible;
}

.app.container.app-aside-fixed .aside-wrap {
    left: inherit;
}

.app.container.app-aside-fixed.app-aside-folded .app-aside > ul.nav {
    position: absolute;
}

.app.container .app-header,
.app.container .app-aside {
    max-width: 750px;
}

.app.container .app-footer-fixed {
    right: auto;
    left: auto;
    width: 100%;
    max-width: 550px;
}

.app.container.app-aside-folded .app-footer-fixed {
    max-width: 690px;
}

.app.container.app-aside-dock .app-footer-fixed {
    max-width: 750px;
}

/*}*/

@media (min-width: 992px) {
    .app.container {
        width: 970px;
    }

    .app.container .app-header,
    .app.container .app-aside {
        max-width: 970px;
    }

    .app.container .app-footer-fixed {
        max-width: 770px;
    }

    .app.container.app-aside-folded .app-footer-fixed {
        max-width: 910px;
    }

    .app.container.app-aside-dock .app-footer-fixed {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .app.container {
        width: 1170px;
    }

    .app.container .app-header,
    .app.container .app-aside {
        max-width: 1170px;
    }

    .app.container .app-footer-fixed {
        max-width: 970px;
    }

    .app.container.app-aside-folded .app-footer-fixed {
        max-width: 1110px;
    }

    .app.container.app-aside-dock .app-footer-fixed {
        max-width: 1170px;
    }
}

.nav-sub {
    height: 0;
    margin-left: -20px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.active > .nav-sub,
.app-aside-folded li:hover > .nav-sub,
.app-aside-folded li:focus > .nav-sub,
.app-aside-folded li:active > .nav-sub {
    height: auto !important;
    margin-left: 0;
    overflow: auto;
    opacity: 1;
}

.nav-sub-header {
    display: none !important;
}

.nav-sub-header a {
    padding: 15px 20px;
}

.navi ul.nav li {
    position: relative;
    display: block;
}

.navi ul.nav li li a {
    padding-left: 55px;
}

.navi ul.nav li li ul {
    display: none;
}

.navi ul.nav li li.active > ul {
    display: block;
}

.navi ul.nav li a {
    position: relative;
    display: block;
    padding: 10px 20px;
    font-weight: normal;
    text-transform: none;
    -webkit-transition: background-color 0.2s ease-in-out 0s;
    transition: background-color 0.2s ease-in-out 0s;
}

.navi ul.nav li a .badge,
.navi ul.nav li a .label {
    padding: 2px 5px;
    margin-top: 2px;
    font-size: 11px;
}

.navi ul.nav li a > i {
    position: relative;
    float: left;
    width: 40px;
    margin: -10px 5px -10px -10px;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
}

.navi ul.nav li a > i:before {
    position: relative;
    z-index: 2;
}

@media (min-width: 768px) {
    .app-aside-folded .nav-sub-header {
        display: block !important;
    }

    .app-aside-folded .nav-sub-header a {
        padding: 15px 20px !important;
    }

    .app-aside-folded .navi > ul > li > a {
        position: relative;
        height: 50px;
        padding: 0;
        text-align: center;
        border: none;
    }

    .app-aside-folded .navi > ul > li > a span {
        display: none;
    }

    .app-aside-folded .navi > ul > li > a span.pull-right {
        display: none !important;
    }

    .app-aside-folded .navi > ul > li > a i {
        display: block;
        float: none;
        width: auto;
        margin: 0;
        font-size: 16px;
        line-height: 50px;
        border: none !important;
    }

    .app-aside-folded .navi > ul > li > a i b {
        left: 0 !important;
    }

    .app-aside-folded .navi > ul > li > a .badge,
    .app-aside-folded .navi > ul > li > a .label {
        position: absolute;
        top: 8px;
        right: 12px;
        z-index: 3;
    }

    .app-aside-folded .navi > ul > li > ul {
        position: absolute;
        top: 0 !important;
        left: 100%;
        z-index: 1050;
        width: 200px;
        height: 0 !important;
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }

    .app-aside-folded .navi li li a {
        padding-left: 20px !important;
    }

    .app-aside-folded.app-aside-fixed .app-aside > ul.nav {
        position: fixed;
        left: 80px;
        z-index: 1010;
        display: block;
        width: 260px;
        height: auto;
        overflow: visible;
        overflow-y: auto;
        opacity: 1;
        -webkit-overflow-scrolling: touch;
    }

    .app-aside-folded.app-aside-fixed .app-aside > ul.nav:before {
        position: absolute;
        top: 0;
        left: -60px;
        width: 60px;
        height: 50px;
        content: '';
    }

    .app-aside-folded.app-aside-fixed .app-aside > ul.nav a {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
}

@media (max-width: 767px) {
    .app {
        overflow-x: hidden;
    }

    .app-content {
        -webkit-transition: -webkit-transform 0.2s ease;
        -moz-transition: -moz-transform 0.2s ease;
        -o-transition: -o-transform 0.2s ease;
        transition: transform 0.2s ease;
    }

    .off-screen {
        position: absolute;
        top: 50px;
        bottom: 0;
        z-index: 1010;
        display: block !important;
        width: 75%;
        overflow-x: hidden;
        overflow-y: auto;
        visibility: visible;
        -webkit-overflow-scrolling: touch;
    }

    .off-screen + * {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1015;
        width: 100%;
        padding-top: 50px;
        overflow: hidden;
        background-color: #f0f3f4;
        -webkit-transform: translate3d(75%, 0, 0px);
        transform: translate3d(75%, 0, 0px);
        -webkit-transition: -webkit-transform 0.2s ease;
        -moz-transition: -moz-transform 0.2s ease;
        -o-transition: -o-transform 0.2s ease;
        transition: transform 0.2s ease;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .off-screen + * .off-screen-toggle {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1020;
        display: block !important;
    }

    .off-screen.pull-right {
        right: 0;
    }

    .off-screen.pull-right + * {
        -webkit-transform: translate3d(-75%, 0, 0px);
        transform: translate3d(-75%, 0, 0px);
    }
}

@media (min-width: 992px) {
    .app-aside-dock .app-content,
    .app-aside-dock .app-footer {
        margin-left: 0;
    }

    .app-aside-dock .app-aside-footer ~ div {
        padding-bottom: 0;
    }

    .app-aside-dock.app-aside-fixed.app-header-fixed {
        padding-top: 115px;
    }

    .app-aside-dock.app-aside-fixed .app-aside {
        position: fixed;
        top: 50px;
        z-index: 1000;
        width: 100%;
    }

    .app-aside-dock .app-aside,
    .app-aside-dock .aside-wrap,
    .app-aside-dock .navi-wrap {
        position: relative;
        top: 0;
        float: none;
        width: 100% !important;
        overflow: visible !important;
    }

    .app-aside-dock .navi-wrap > * {
        width: auto !important;
    }

    .app-aside-dock .app-aside {
        bottom: auto !important;
    }

    .app-aside-dock .app-aside.b-r {
        border-bottom: 1px solid #dee5e7;
        border-right-width: 0;
    }

    .app-aside-dock .app-aside:before {
        display: none;
    }

    .app-aside-dock .app-aside nav > .nav {
        float: left;
    }

    .app-aside-dock .app-aside .hidden-folded,
    .app-aside-dock .app-aside .line,
    .app-aside-dock .app-aside .navi-wrap > div {
        display: none !important;
    }

    .app-aside-dock .app-aside .navi > ul > li {
        position: relative;
        display: inline-block;
        float: left;
    }

    .app-aside-dock .app-aside .navi > ul > li > a {
        height: auto;
        padding: 10px 15px 12px 15px;
        text-align: center;
    }

    .app-aside-dock .app-aside .navi > ul > li > a > .badge,
    .app-aside-dock .app-aside .navi > ul > li > a > .label {
        position: absolute;
        top: 5px;
        right: 8px;
        padding: 1px 4px;
    }

    .app-aside-dock .app-aside .navi > ul > li > a > i {
        display: block;
        float: none;
        width: 40px;
        margin: -10px auto -7px;
        font-size: 14px;
        line-height: 40px;
    }

    .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right {
        position: absolute;
        bottom: 2px;
        left: 50%;
        display: block !important;
        margin-left: -6px;
        line-height: 1;
    }

    .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right i {
        width: 12px;
        font-size: 12px;
        line-height: 12px;
    }

    .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right i.text {
        line-height: 14px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .app-aside-dock .app-aside .navi > ul > li > a > span {
        display: block;
        font-weight: normal;
    }

    .app-aside-dock .app-aside .navi > ul > li .nav-sub {
        position: absolute;
        top: auto !important;
        left: 0;
        z-index: 1050;
        display: none;
        width: 200px;
        height: auto !important;
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }

    .app-aside-dock .app-aside .navi > ul > li .nav-sub-header {
        display: none !important;
    }

    .app-aside-dock .app-aside .navi li li a {
        padding-left: 15px;
    }

    .app-aside-dock .app-aside .navi li:hover > .nav-sub,
    .app-aside-dock .app-aside .navi li:focus > .nav-sub,
    .app-aside-dock .app-aside .navi li:active > .nav-sub {
        display: block;
        height: auto !important;
        margin-left: 0;
        overflow: auto;
        opacity: 1;
    }
}

.arrow {
    z-index: 10;
    border-width: 9px;
}

.arrow,
.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.arrow:after {
    border-width: 8px;
    content: '';
}

.arrow.top {
    top: -9px;
    left: 50%;
    margin-left: -9px;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-top-width: 0;
}

.arrow.top:after {
    top: 1px;
    margin-left: -8px;
    border-bottom-color: #ffffff;
    border-top-width: 0;
}

.arrow.top.arrow-primary:after {
    border-bottom-color: #7266ba;
}

.arrow.top.arrow-info:after {
    border-bottom-color: #23b7e5;
}

.arrow.top.arrow-success:after {
    border-bottom-color: #27c24c;
}

.arrow.top.arrow-danger:after {
    border-bottom-color: #f05050;
}

.arrow.top.arrow-warning:after {
    border-bottom-color: #fad733;
}

.arrow.top.arrow-light:after {
    border-bottom-color: #edf1f2;
}

.arrow.top.arrow-dark:after {
    border-bottom-color: #3a3f51;
}

.arrow.top.arrow-black:after {
    border-bottom-color: #1c2b36;
}

.arrow.right {
    top: 50%;
    right: -9px;
    margin-top: -9px;
    border-left-color: rgba(0, 0, 0, 0.1);
    border-right-width: 0;
}

.arrow.right:after {
    right: 1px;
    bottom: -8px;
    border-left-color: #ffffff;
    border-right-width: 0;
}

.arrow.right.arrow-primary:after {
    border-left-color: #7266ba;
}

.arrow.right.arrow-info:after {
    border-left-color: #23b7e5;
}

.arrow.right.arrow-success:after {
    border-left-color: #27c24c;
}

.arrow.right.arrow-danger:after {
    border-left-color: #f05050;
}

.arrow.right.arrow-warning:after {
    border-left-color: #fad733;
}

.arrow.right.arrow-light:after {
    border-left-color: #edf1f2;
}

.arrow.right.arrow-dark:after {
    border-left-color: #3a3f51;
}

.arrow.right.arrow-black:after {
    border-left-color: #1c2b36;
}

.arrow.bottom {
    bottom: -9px;
    left: 50%;
    margin-left: -9px;
    border-top-color: rgba(0, 0, 0, 0.1);
    border-bottom-width: 0;
}

.arrow.bottom:after {
    bottom: 1px;
    margin-left: -8px;
    border-top-color: #ffffff;
    border-bottom-width: 0;
}

.arrow.bottom.arrow-primary:after {
    border-top-color: #7266ba;
}

.arrow.bottom.arrow-info:after {
    border-top-color: #23b7e5;
}

.arrow.bottom.arrow-success:after {
    border-top-color: #27c24c;
}

.arrow.bottom.arrow-danger:after {
    border-top-color: #f05050;
}

.arrow.bottom.arrow-warning:after {
    border-top-color: #fad733;
}

.arrow.bottom.arrow-light:after {
    border-top-color: #edf1f2;
}

.arrow.bottom.arrow-dark:after {
    border-top-color: #3a3f51;
}

.arrow.bottom.arrow-black:after {
    border-top-color: #1c2b36;
}

.arrow.left {
    top: 50%;
    left: -9px;
    margin-top: -9px;
    border-right-color: rgba(0, 0, 0, 0.1);
    border-left-width: 0;
}

.arrow.left:after {
    bottom: -8px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
}

.arrow.left.arrow-primary:after {
    border-right-color: #7266ba;
}

.arrow.left.arrow-info:after {
    border-right-color: #23b7e5;
}

.arrow.left.arrow-success:after {
    border-right-color: #27c24c;
}

.arrow.left.arrow-danger:after {
    border-right-color: #f05050;
}

.arrow.left.arrow-warning:after {
    border-right-color: #fad733;
}

.arrow.left.arrow-light:after {
    border-right-color: #edf1f2;
}

.arrow.left.arrow-dark:after {
    border-right-color: #3a3f51;
}

.arrow.left.arrow-black:after {
    border-right-color: #1c2b36;
}

.arrow.pull-left {
    left: 19px;
}

.arrow.pull-right {
    right: 19px;
    left: auto;
}

.arrow.pull-up {
    top: 19px;
}

.arrow.pull-down {
    top: auto;
    bottom: 19px;
}

.btn {
    transition: all 0.25s ease-in-out;
    font-size: var(--font-size-base);
}

.btn-link {
    color: #58666e;
}

.btn-link.active {
    box-shadow: none;
    webkit-box-shadow: none;
}

.btn-primary {
    color: #ffffff !important;
    background-color: #7266ba;
    border-color: #7266ba;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #ffffff !important;
    background-color: #6254b2;
    border-color: #5a4daa;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #7266ba;
    border-color: #7266ba;
}

.btn-success {
    color: #ffffff !important;
    background-color: #27c24c;
    border-color: #27c24c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #ffffff !important;
    background-color: #23ad44;
    border-color: #20a03f;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #27c24c;
    border-color: #27c24c;
}

.btn-info {
    color: #ffffff !important;
    background-color: #23b7e5;
    border-color: #23b7e5;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: #ffffff !important;
    background-color: #19a9d5;
    border-color: #189ec8;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #23b7e5;
    border-color: #23b7e5;
}

.btn-warning {
    color: #ffffff !important;
    background-color: #fad733;
    border-color: #fad733;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color: #ffffff !important;
    background-color: #f9d21a;
    border-color: #f9cf0b;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #fad733;
    border-color: #fad733;
}

.btn-danger {
    color: #ffffff !important;
    background-color: #f05050;
    border-color: #f05050;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #ffffff !important;
    background-color: #ee3939;
    border-color: #ed2a2a;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #f05050;
    border-color: #f05050;
}

.btn-dark {
    color: #ffffff !important;
    background-color: #3a3f51;
    border-color: #3a3f51;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
    color: #ffffff !important;
    background-color: #2f3342;
    border-color: #292d39;
}

.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
    background-image: none;
}

.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
    background-color: #3a3f51;
    border-color: #3a3f51;
}

.btn-black {
    color: #ffffff !important;
    background-color: #1c2b36;
    border-color: #1c2b36;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
    color: #ffffff !important;
    background-color: #131e25;
    border-color: #0e161b;
}

.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
    background-image: none;
}

.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
    background-color: #1c2b36;
    border-color: #1c2b36;
}

.btn-icon {
    width: 34px;
    height: 34px;
    padding: 0 !important;
    text-align: center;
}

.btn-icon i {
    position: relative;
    top: -1px;
    line-height: 34px;
}

.btn-icon.btn-sm {
    width: 30px;
    height: 30px;
}

.btn-icon.btn-sm i {
    line-height: 30px;
}

.btn-icon.btn-lg {
    width: 45px;
    height: 45px;
}

.btn-icon.btn-lg i {
    line-height: 45px;
}

.btn-rounded {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 50px;
}

.btn-rounded.btn-lg {
    padding-right: 25px;
    padding-left: 25px;
}

.btn > i.pull-left,
.btn > i.pull-right {
    line-height: 1.42857143;
}

.btn-block {
    padding-right: 12px;
    padding-left: 12px;
}

/* Config button */
.btn-config {
    background-color: var(--additio-red);
    color: #ffffff;
    border-radius: 8px;
    padding: 8px;
    font-size: var(--font-size-base);
    font-weight: 500 !important;
    transition: all 0.15s ease-in-out;
}

.btn-config:hover {
    background-color: rgba(var(--additio-red-rgb), 0.85);
}

.btn-config span {
    color: #ffffff;
}

.btn-config i {
    color: #ffffff;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 2px;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 2px;
}

.btn-addon i {
    position: relative;
    float: left;
    width: 34px;
    height: 34px;
    margin: -7px 12px -7px -12px;
    line-height: 34px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2px 0 0 2px;
}

.btn-addon i.pull-right {
    margin-right: -12px;
    margin-left: 12px;
    border-radius: 0 2px 2px 0;
}

.btn-addon.btn-sm i {
    width: 30px;
    height: 30px;
    margin: -6px 10px -6px -10px;
    line-height: 30px;
}

.btn-addon.btn-sm i.pull-right {
    margin-right: -10px;
    margin-left: 10px;
}

.btn-addon.btn-lg i {
    width: 45px;
    height: 45px;
    margin: -11px 16px -11px -16px;
    line-height: 45px;
}

.btn-addon.btn-lg i.pull-right {
    margin-right: -16px;
    margin-left: 16px;
}

.btn-addon.btn-default i {
    background-color: transparent;
    border-right: 1px solid #dee5e7;
}

.btn-groups .btn {
    margin-bottom: 5px;
}

.list-icon i {
    display: inline-block;
    width: 40px;
    margin: 0;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: font-size 0.2s;
    transition: font-size 0.2s;
}

.list-icon div {
    line-height: 40px;
    white-space: nowrap;
}

.list-icon div:hover i {
    font-size: 26px;
}

.settings {
    position: fixed;
    top: 120px;
    right: -240px;
    z-index: 1050;
    width: 240px;
    -webkit-transition: right 0.2s;
    transition: right 0.2s;
}

.settings.active {
    right: -1px;
}

.settings > .btn {
    position: absolute;
    top: -1px;
    left: -42px;
    padding: 10px 15px;
    background: #f6f8f8 !important;
    border-color: #dee5e7;
    border-right-width: 0;
}

.settings .i-checks span b {
    display: inline-block;
    float: left;
    width: 50%;
    height: 20px;
}

.settings .i-checks span b.header {
    height: 10px;
}

.streamline {
    position: relative;
    border-color: #dee5e7;
}

.streamline .sl-item:after,
.streamline:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 9px;
    height: 9px;
    margin-left: -5px;
    background-color: #fff;
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    content: '';
}

.sl-item {
    position: relative;
    padding-bottom: 1px;
    border-color: #dee5e7;
}

.sl-item:before,
.sl-item:after {
    display: table;
    content: ' ';
}

.sl-item:after {
    clear: both;
}

.sl-item:after {
    top: 6px;
    bottom: auto;
}

.sl-item.b-l {
    margin-left: -1px;
}

.timeline {
    padding: 0;
    margin: 0;
}

.tl-item {
    display: block;
}

.tl-item:before,
.tl-item:after {
    display: table;
    content: ' ';
}

.tl-item:after {
    clear: both;
}

.visible-left {
    display: none;
}

.tl-wrap {
    display: block;
    padding: 15px 0 15px 20px;
    margin-left: 6em;
    border-color: #dee5e7;
    border-style: solid;
    border-width: 0 0 0 4px;
}

.tl-wrap:before,
.tl-wrap:after {
    display: table;
    content: ' ';
}

.tl-wrap:after {
    clear: both;
}

.tl-wrap:before {
    position: relative;
    top: 15px;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: -27px;
    background: #edf1f2;
    border-color: inherit;
    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
    content: '';
    box-shadow: 0 0 0 4px #f0f3f4;
}

.tl-wrap:hover:before {
    background: transparent;
    border-color: #fff;
}

.tl-date {
    position: relative;
    top: 10px;
    display: block;
    float: left;
    width: 4.5em;
    margin-left: -7.5em;
    text-align: right;
}

.tl-content {
    position: relative;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tl-content.block {
    display: block;
    width: 100%;
}

.tl-content.panel {
    margin-bottom: 0;
}

.tl-header {
    display: block;
    width: 12em;
    margin-left: 2px;
    text-align: center;
}

.timeline-center .tl-item {
    margin-left: 50%;
}

.timeline-center .tl-item .tl-wrap {
    margin-left: -2px;
}

.timeline-center .tl-header {
    width: auto;
    margin: 0;
}

.timeline-center .tl-left {
    margin-right: 50%;
    margin-left: 0;
}

.timeline-center .tl-left .hidden-left {
    display: none !important;
}

.timeline-center .tl-left .visible-left {
    display: inherit;
}

.timeline-center .tl-left .tl-wrap {
    float: right;
    padding-right: 20px;
    padding-left: 0;
    margin-right: -2px;
    border-right-width: 4px;
    border-left-width: 0;
}

.timeline-center .tl-left .tl-wrap:before {
    float: right;
    margin-right: -27px;
    margin-left: 0;
}

.timeline-center .tl-left .tl-date {
    float: right;
    margin-right: -8.5em;
    margin-left: 0;
    text-align: left;
}

.i-switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
    margin: 0;
    cursor: pointer;
    background-color: #27c24c;
    border-radius: 30px;
}

.i-switch input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.i-switch input:checked + i:before {
    top: 50%;
    right: 5px;
    bottom: 50%;
    left: 50%;
    border-width: 0;
    border-radius: 5px;
}

.i-switch input:checked + i:after {
    margin-left: 16px;
}

.i-switch i:before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 30px;
    content: '';
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.i-switch i:after {
    position: absolute;
    top: 1px;
    bottom: 1px;
    width: 18px;
    background-color: #fff;
    border-radius: 50%;
    content: '';
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-transition: margin-left 0.3s;
    transition: margin-left 0.3s;
}

.i-switch-md {
    width: 40px;
    height: 24px;
}

.i-switch-md input:checked + i:after {
    margin-left: 17px;
}

.i-switch-md i:after {
    width: 22px;
}

.i-switch-lg {
    width: 50px;
    height: 30px;
}

.i-switch-lg input:checked + i:after {
    margin-left: 21px;
}

.i-switch-lg i:after {
    width: 28px;
}

.i-checks {
    padding-left: 20px;
    cursor: pointer;
}

.user-list-item-vinculation .md-list-item-inner {
    width: 90% !important;
}

.i-checks input {
    position: absolute;
    margin-left: -20px;
    opacity: 0;
}

.i-checks input:checked + i {
    border-color: #23b7e5;
}

.i-checks input:checked + i:before {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    background-color: #23b7e5;
}

.i-checks input:checked + span .active {
    display: inherit;
}

.i-checks input[type='radio'] + i,
.i-checks input[type='radio'] + i:before {
    border-radius: 50%;
}

.i-checks input[disabled] + i,
fieldset[disabled] .i-checks input + i {
    border-color: #dee5e7;
}

.i-checks input[disabled] + i:before,
fieldset[disabled] .i-checks input + i:before {
    background-color: #dee5e7;
}

.i-checks > i {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-right: 4px;
    margin-left: -20px;
    line-height: 1;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #cfdadd;
}

.i-checks > i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: transparent;
    content: '';
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.i-checks > span {
    margin-left: -20px;
}

.i-checks > span .active {
    display: none;
}

.i-checks-sm input:checked + i:before {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
}

.i-checks-sm > i {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    margin-left: -18px;
}

.i-checks-lg input:checked + i:before {
    top: 8px;
    left: 8px;
    width: 12px;
    height: 12px;
}

.i-checks-lg > i {
    width: 30px;
    height: 30px;
}

.datepicker {
    margin: 0 5px;
}

.datepicker .btn-default {
    border-width: 0;
    box-shadow: none;
}

.datepicker .btn[disabled] {
    opacity: 0.4;
}

.datepicker .btn-info {
    color: var(--additio-black) !important;
}

.datepicker table thead tr:first-child th:nth-child(2) button {
    text-transform: capitalize !important;
}

.datepicker .btn-info:active, .datepicker .btn-default.active {
    background-color: var(--additio-red) !important;
    color: #fff !important;
}

.datepicker .btn-default.active .text-info {
    color: #fff !important;
}

.datepicker .text-info {
    color: var(--additio-red) !important;
    font-weight: bold;
}

.title-input-datepicker {
    margin: 0 5px;
}

.title-input-datepicker .btn-default {
    border-width: 0;
    box-shadow: none;
}

.title-input-datepicker .btn[disabled] {
    opacity: 0.4;
}

.title-input-datepicker .btn-info .text-info {
    color: #fff !important;
}

#attendance-title-input .btn-info,
#quick-columns-title-input .btn-info {
    border-radius: 2px;
}

#attendance-title-input .btn-danger,
#quick-columns-title-input .btn-danger {
    display: none !important;
}

/*Charts*/

.jqstooltip {
    padding: 5px 10px !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    border: solid 1px #000 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.customTooltip {
    text-align: left;
    padding: 10px;
    max-width: 500px;
    max-height: 350px;
    background-color: grey;
    opacity: 1 !important;

}

/* mòbil */
@media (max-width: 576px) {
    .customTooltip {
        max-width: calc(100vw - 15%) !important;
    }

    .tooltip.in-1 {
        left: 14% !important;
    }

    .customTooltip span {
        /* ellipsis in 3 lines */
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .tooltip.in-1 {
        left: calc(50% - 230px) !important;
    }
}


/* tablets petites */
@media (min-width: 576px) and (max-width: 768px) {
    .tooltip.in-1 {
        left: 9.5% !important;
    }
}

.tooltip.in-1 {
    opacity: 1;
}

.tooltip.top .tooltip-arrow-grey {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: grey;
}

.tooltip-arrow-grey {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.easyPieChart {
    position: relative;
    text-align: center;
}

.easyPieChart > div {
    position: relative;
    z-index: 1;
}

.easyPieChart > div .text {
    position: absolute;
    top: 60%;
    width: 100%;
    line-height: 1;
}

.easyPieChart > div img {
    margin-top: -4px;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#flotTip {
    z-index: 100;
    padding: 4px 10px;
    font-size: 12px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    border: solid 1px #000 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.legendColorBox > div {
    margin: 5px;
    border: none !important;
}

.legendColorBox > div > div {
    border-radius: 10px;
}

.sortable-placeholder {
    min-height: 50px;
    margin-bottom: 5px;
    list-style: none;
    border: 1px dashed #ccc;
}

.panel .dataTables_wrapper {
    padding-top: 10px;
}

.panel .dataTables_wrapper > .row {
    margin: 0;
}

.panel .dataTables_wrapper > .row > .col-sm-12 {
    padding: 0;
}

.st-sort-ascent:before {
    content: '\25B2';
}

.st-sort-descent:before {
    content: '\25BC';
}

.st-selected td {
    background: #f0f9ec !important;
}

.chosen-choices,
.chosen-single,
.bootstrap-tagsinput {
    border-color: #cfdadd !important;
    border-radius: 2px !important;
}

.bootstrap-tagsinput {
    padding: 5px 12px !important;
}

.item {
    position: relative;
}

.item .top {
    position: absolute;
    top: 0;
    left: 0;
}

.item .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
}

.item .center {
    position: absolute;
    top: 50%;
}

.item-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}

.item-overlay.active,
.item:hover .item-overlay {
    display: block;
}

.form-validation .form-control.ng-dirty.ng-invalid {
    border-color: #f05050;
}

.form-validation .form-control.ng-dirty.ng-valid,
.form-validation .form-control.ng-dirty.ng-valid:focus {
    border-color: #27c24c;
}

.form-validation .i-checks .ng-invalid.ng-dirty + i {
    border-color: #f05050;
}

.ng-animate .bg-auto:before {
    display: none;
}

[ui-view].ng-leave {
    display: none;
}

[ui-view].ng-leave.smooth {
    display: block;
}

.smooth.ng-animate {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fade-in-right-big.ng-enter {
    -webkit-animation: fadeInRightBig 0.5s;
    animation: fadeInRightBig 0.5s;
}

.fade-in-right-big.ng-leave {
    -webkit-animation: fadeOutLeftBig 0.5s;
    animation: fadeOutLeftBig 0.5s;
}

.fade-in-left-big.ng-enter {
    -webkit-animation: fadeInLeftBig 0.5s;
    animation: fadeInLeftBig 0.5s;
}

.fade-in-left-big.ng-leave {
    -webkit-animation: fadeOutRightBig 0.5s;
    animation: fadeOutRightBig 0.5s;
}

.fade-in-up-big.ng-enter {
    -webkit-animation: fadeInUpBig 0.5s;
    animation: fadeInUpBig 0.5s;
}

.fade-in-up-big.ng-leave {
    -webkit-animation: fadeOutUpBig 0.5s;
    animation: fadeOutUpBig 0.5s;
}

.fade-in-down-big.ng-enter {
    -webkit-animation: fadeInDownBig 0.5s;
    animation: fadeInDownBig 0.5s;
}

.fade-in-down-big.ng-leave {
    -webkit-animation: fadeOutDownBig 0.5s;
    animation: fadeOutDownBig 0.5s;
}

.fade-in.ng-enter {
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
}

.fade-in.ng-leave {
    -webkit-animation: fadeOut 0.5s;
    animation: fadeOut 0.5s;
}

.fade-in-right.ng-enter {
    -webkit-animation: fadeInRight 0.5s;
    animation: fadeInRight 0.5s;
}

.fade-in-right.ng-leave {
    -webkit-animation: fadeOutLeft 0.5s;
    animation: fadeOutLeft 0.5s;
}

.fade-in-left.ng-enter {
    -webkit-animation: fadeInLeft 0.5s;
    animation: fadeInLeft 0.5s;
}

.fade-in-left.ng-leave {
    -webkit-animation: fadeOutRight 0.5s;
    animation: fadeOutRight 0.5s;
}

.fade-in-up.ng-enter {
    -webkit-animation: fadeInUp 0.5s;
    animation: fadeInUp 0.5s;
}

.fade-in-up.ng-leave {
    -webkit-animation: fadeOutUp 0.5s;
    animation: fadeOutUp 0.5s;
}

.fade-in-down.ng-enter {
    -webkit-animation: fadeInDown 0.5s;
    animation: fadeInDown 0.5s;
}

.fade-in-down.ng-leave {
    -webkit-animation: fadeOutDown 0.5s;
    animation: fadeOutDown 0.5s;
}

.bg-gd {
    background-image: -webkit-gradient(
            linear,
            left 0,
            left 100%,
            from(rgba(40, 50, 60, 0)),
            to(rgba(40, 50, 60, 0.075))
    );
    background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 0, rgba(40, 50, 60, 0.075), 100%);
    background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
    background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
    background-repeat: repeat-x;
    filter: none;
}

.bg-gd-dk {
    background-image: -webkit-gradient(
            linear,
            left 10%,
            left 100%,
            from(rgba(40, 50, 60, 0)),
            to(rgba(40, 50, 60, 0.5))
    );
    background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 10%, rgba(40, 50, 60, 0.5), 100%);
    background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.5) 100%);
    background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.5) 100%);
    background-repeat: repeat-x;
    filter: none;
}

.bg-light {
    color: #58666e;
    background-color: #edf1f2;
}

.bg-light.lt,
.bg-light .lt {
    background-color: #f3f5f6;
}

.bg-light.lter,
.bg-light .lter {
    background-color: #f6f8f8;
}

.bg-light.dk,
.bg-light .dk {
    background-color: #e4eaec;
}

.bg-light.dker,
.bg-light .dker {
    background-color: #dde6e9;
}

.bg-light.bg,
.bg-light .bg {
    background-color: #edf1f2;
}

.bg-dark {
    color: #a6a8b1;
    background-color: #3a3f51;
}

.bg-dark.lt,
.bg-dark .lt {
    background-color: #474c5e;
}

.bg-dark.lter,
.bg-dark .lter {
    background-color: #54596a;
}

.bg-dark.dk,
.bg-dark .dk {
    background-color: #2e3344;
}

.bg-dark.dker,
.bg-dark .dker {
    background-color: #232735;
}

.bg-dark.bg,
.bg-dark .bg {
    background-color: #3a3f51;
}

.bg-dark a {
    color: #c1c3c9;
}

.bg-dark a:hover {
    color: #ffffff;
}

.bg-dark a.list-group-item:hover,
.bg-dark a.list-group-item:focus {
    background-color: inherit;
}

.bg-dark .nav > li:hover > a,
.bg-dark .nav > li:focus > a,
.bg-dark .nav > li.active > a {
    color: #ffffff;
    background-color: #2e3344;
}

.bg-dark .nav > li > a {
    color: #b4b6bd;
}

.bg-dark .nav > li > a:hover,
.bg-dark .nav > li > a:focus {
    background-color: #32374a;
}

.bg-dark .nav .open > a {
    background-color: #2e3344;
}

.bg-dark .caret {
    border-top-color: #a6a8b1;
    border-bottom-color: #a6a8b1;
}

.bg-dark.navbar .nav > li.active > a {
    color: #ffffff;
    background-color: #2e3344;
}

.bg-dark .open > a,
.bg-dark .open > a:hover,
.bg-dark .open > a:focus {
    color: #ffffff;
}

.bg-dark .text-muted {
    color: #8b8e99 !important;
}

.bg-dark .text-lt {
    color: #eaebed !important;
}

.bg-dark.auto .list-group-item,
.bg-dark .auto .list-group-item {
    background-color: transparent;
    border-color: #2f3342 !important;
}

.bg-dark.auto .list-group-item:hover,
.bg-dark .auto .list-group-item:hover,
.bg-dark.auto .list-group-item:focus,
.bg-dark .auto .list-group-item:focus,
.bg-dark.auto .list-group-item:active,
.bg-dark .auto .list-group-item:active,
.bg-dark.auto .list-group-item.active,
.bg-dark .auto .list-group-item.active {
    background-color: #2e3344 !important;
}

.bg-black {
    color: #7793a7;
    background-color: #1c2b36;
}

.bg-black.lt,
.bg-black .lt {
    background-color: #263845;
}

.bg-black.lter,
.bg-black .lter {
    background-color: #314554;
}

.bg-black.dk,
.bg-black .dk {
    background-color: #131e26;
}

.bg-black.dker,
.bg-black .dker {
    background-color: #0a1015;
}

.bg-black.bg,
.bg-black .bg {
    background-color: #1c2b36;
}

.bg-black a {
    color: #96abbb;
}

.bg-black a:hover {
    color: #ffffff;
}

.bg-black a.list-group-item:hover,
.bg-black a.list-group-item:focus {
    background-color: inherit;
}

.bg-black .nav > li:hover > a,
.bg-black .nav > li:focus > a,
.bg-black .nav > li.active > a {
    color: #ffffff;
    background-color: #131e26;
}

.bg-black .nav > li > a {
    color: #869fb1;
}

.bg-black .nav > li > a:hover,
.bg-black .nav > li > a:focus {
    background-color: #16232d;
}

.bg-black .nav .open > a {
    background-color: #131e26;
}

.bg-black .caret {
    border-top-color: #7793a7;
    border-bottom-color: #7793a7;
}

.bg-black.navbar .nav > li.active > a {
    color: #ffffff;
    background-color: #131e26;
}

.bg-black .open > a,
.bg-black .open > a:hover,
.bg-black .open > a:focus {
    color: #ffffff;
}

.bg-black .text-muted {
    color: #5c798f !important;
}

.bg-black .text-lt {
    color: #c4d0d9 !important;
}

.bg-black.auto .list-group-item,
.bg-black .auto .list-group-item {
    background-color: transparent;
    border-color: #131e25 !important;
}

.bg-black.auto .list-group-item:hover,
.bg-black .auto .list-group-item:hover,
.bg-black.auto .list-group-item:focus,
.bg-black .auto .list-group-item:focus,
.bg-black.auto .list-group-item:active,
.bg-black .auto .list-group-item:active,
.bg-black.auto .list-group-item.active,
.bg-black .auto .list-group-item.active {
    background-color: #131e26 !important;
}

.bg-primary {
    color: #f4f3f9;
    background-color: #7266ba;
}

.bg-primary.lt,
.bg-primary .lt {
    background-color: #847abf;
}

.bg-primary.lter,
.bg-primary .lter {
    background-color: #958dc6;
}

.bg-primary.dk,
.bg-primary .dk {
    background-color: #6051b5;
}

.bg-primary.dker,
.bg-primary .dker {
    background-color: #5244a9;
}

.bg-primary.bg,
.bg-primary .bg {
    background-color: #7266ba;
}

.bg-primary a {
    color: #ffffff;
}

.bg-primary a:hover {
    color: #ffffff;
}

.bg-primary a.list-group-item:hover,
.bg-primary a.list-group-item:focus {
    background-color: inherit;
}

.bg-primary .nav > li:hover > a,
.bg-primary .nav > li:focus > a,
.bg-primary .nav > li.active > a {
    color: #ffffff;
    background-color: #6051b5;
}

.bg-primary .nav > li > a {
    color: #f2f2f2;
}

.bg-primary .nav > li > a:hover,
.bg-primary .nav > li > a:focus {
    background-color: #6658b8;
}

.bg-primary .nav .open > a {
    background-color: #6051b5;
}

.bg-primary .caret {
    border-top-color: #f4f3f9;
    border-bottom-color: #f4f3f9;
}

.bg-primary.navbar .nav > li.active > a {
    color: #ffffff;
    background-color: #6051b5;
}

.bg-primary .open > a,
.bg-primary .open > a:hover,
.bg-primary .open > a:focus {
    color: #ffffff;
}

.bg-primary .text-muted {
    color: #d6d3e6 !important;
}

.bg-primary .text-lt {
    color: #ffffff !important;
}

.bg-primary.auto .list-group-item,
.bg-primary .auto .list-group-item {
    background-color: transparent;
    border-color: #6254b2 !important;
}

.bg-primary.auto .list-group-item:hover,
.bg-primary .auto .list-group-item:hover,
.bg-primary.auto .list-group-item:focus,
.bg-primary .auto .list-group-item:focus,
.bg-primary.auto .list-group-item:active,
.bg-primary .auto .list-group-item:active,
.bg-primary.auto .list-group-item.active,
.bg-primary .auto .list-group-item.active {
    background-color: #6051b5 !important;
}

.bg-success {
    color: #c6efd0;
    background-color: #27c24c;
}

.bg-success.lt,
.bg-success .lt {
    background-color: #31d257;
}

.bg-success.lter,
.bg-success .lter {
    background-color: #48d46a;
}

.bg-success.dk,
.bg-success .dk {
    background-color: #20af42;
}

.bg-success.dker,
.bg-success .dker {
    background-color: #1a9c39;
}

.bg-success.bg,
.bg-success .bg {
    background-color: #27c24c;
}

.bg-success a {
    color: #eefaf1;
}

.bg-success a:hover {
    color: #ffffff;
}

.bg-success a.list-group-item:hover,
.bg-success a.list-group-item:focus {
    background-color: inherit;
}

.bg-success .nav > li:hover > a,
.bg-success .nav > li:focus > a,
.bg-success .nav > li.active > a {
    color: #ffffff;
    background-color: #20af42;
}

.bg-success .nav > li > a {
    color: #daf5e0;
}

.bg-success .nav > li > a:hover,
.bg-success .nav > li > a:focus {
    background-color: #22b846;
}

.bg-success .nav .open > a {
    background-color: #20af42;
}

.bg-success .caret {
    border-top-color: #c6efd0;
    border-bottom-color: #c6efd0;
}

.bg-success.navbar .nav > li.active > a {
    color: #ffffff;
    background-color: #20af42;
}

.bg-success .open > a,
.bg-success .open > a:hover,
.bg-success .open > a:focus {
    color: #ffffff;
}

.bg-success .text-muted {
    color: #9ee4af !important;
}

.bg-success .text-lt {
    color: #ffffff !important;
}

.bg-success.auto .list-group-item,
.bg-success .auto .list-group-item {
    background-color: transparent;
    border-color: #23ad44 !important;
}

.bg-success.auto .list-group-item:hover,
.bg-success .auto .list-group-item:hover,
.bg-success.auto .list-group-item:focus,
.bg-success .auto .list-group-item:focus,
.bg-success.auto .list-group-item:active,
.bg-success .auto .list-group-item:active,
.bg-success.auto .list-group-item.active,
.bg-success .auto .list-group-item.active {
    background-color: #20af42 !important;
}

.bg-info {
    color: #ffffff;
}

.bg-info.lt,
.bg-info .lt {
    background-color: #3dbde5;
}

.bg-info.lter,
.bg-info .lter {
    background-color: #55c3e6;
}

.bg-info.dk,
.bg-info .dk {
    background-color: #16aad8;
}

.bg-info.dker,
.bg-info .dker {
    background-color: #1199c4;
}

.bg-info.bg,
.bg-info .bg {
    background-color: #23b7e5;
}

.bg-info a {
    color: #ffffff;
}

.bg-info a:hover {
    color: #ffffff;
}

.bg-info a.list-group-item:hover,
.bg-info a.list-group-item:focus {
    background-color: inherit;
}

.bg-info .nav > li:hover > a,
.bg-info .nav > li:focus > a,
.bg-info .nav > li.active > a {
    color: #ffffff;
    background-color: #16aad8;
}

.bg-info .nav > li > a {
    color: #f2f2f2;
}

.bg-info .nav > li > a:hover,
.bg-info .nav > li > a:focus {
    background-color: #17b2e2;
}

.bg-info .nav .open > a {
    background-color: #16aad8;
}

.bg-info .caret {
    border-top-color: #dcf2f8;
    border-bottom-color: #dcf2f8;
}

.bg-info.navbar .nav > li.active > a {
    color: #ffffff;
    background-color: #16aad8;
}

.bg-info .open > a,
.bg-info .open > a:hover,
.bg-info .open > a:focus {
    color: #ffffff;
}

.bg-info .text-muted {
    color: #ffffff !important;
}

.bg-info .text-lt {
    color: #ffffff !important;
}

.bg-info.auto .list-group-item,
.bg-info .auto .list-group-item {
    background-color: transparent;
    border-color: #19a9d5 !important;
}

.bg-info.auto .list-group-item:hover,
.bg-info .auto .list-group-item:hover,
.bg-info.auto .list-group-item:focus,
.bg-info .auto .list-group-item:focus,
.bg-info.auto .list-group-item:active,
.bg-info .auto .list-group-item:active,
.bg-info.auto .list-group-item.active,
.bg-info .auto .list-group-item.active {
    background-color: #16aad8 !important;
}

.bg-warning {
    color: #fffefa;
    background-color: #fad733;
}

.bg-warning.lt,
.bg-warning .lt {
    background-color: #f8da4e;
}

.bg-warning.lter,
.bg-warning .lter {
    background-color: #f7de69;
}

.bg-warning.dk,
.bg-warning .dk {
    background-color: #fcd417;
}

.bg-warning.dker,
.bg-warning .dker {
    background-color: #face00;
}

.bg-warning.bg,
.bg-warning .bg {
    background-color: #fad733;
}

.bg-warning a {
    color: #ffffff;
}

.bg-warning a:hover {
    color: #ffffff;
}

.bg-warning a.list-group-item:hover,
.bg-warning a.list-group-item:focus {
    background-color: inherit;
}

.bg-warning .nav > li:hover > a,
.bg-warning .nav > li:focus > a,
.bg-warning .nav > li.active > a {
    color: #ffffff;
    background-color: #fcd417;
}

.bg-warning .nav > li > a {
    color: #f2f2f2;
}

.bg-warning .nav > li > a:hover,
.bg-warning .nav > li > a:focus {
    background-color: #fcd621;
}

.bg-warning .nav .open > a {
    background-color: #fcd417;
}

.bg-warning .caret {
    border-top-color: #fffefa;
    border-bottom-color: #fffefa;
}

.bg-warning.navbar .nav > li.active > a {
    color: #ffffff;
    background-color: #fcd417;
}

.bg-warning .open > a,
.bg-warning .open > a:hover,
.bg-warning .open > a:focus {
    color: #ffffff;
}

.bg-warning .text-muted {
    color: #fbf2cb !important;
}

.bg-warning .text-lt {
    color: #ffffff !important;
}

.bg-warning.auto .list-group-item,
.bg-warning .auto .list-group-item {
    background-color: transparent;
    border-color: #f9d21a !important;
}

.bg-warning.auto .list-group-item:hover,
.bg-warning .auto .list-group-item:hover,
.bg-warning.auto .list-group-item:focus,
.bg-warning .auto .list-group-item:focus,
.bg-warning.auto .list-group-item:active,
.bg-warning .auto .list-group-item:active,
.bg-warning.auto .list-group-item.active,
.bg-warning .auto .list-group-item.active {
    background-color: #fcd417 !important;
}

.bg-danger {
    color: #ffffff;
    background-color: #f05050;
}

.bg-danger.lt,
.bg-danger .lt {
    background-color: #f06a6a;
}

.bg-danger.lter,
.bg-danger .lter {
    background-color: #f18282;
}

.bg-danger.dk,
.bg-danger .dk {
    background-color: #f13636;
}

.bg-danger.dker,
.bg-danger .dker {
    background-color: #f21b1b;
}

.bg-danger.bg,
.bg-danger .bg {
    background-color: #f05050;
}

.bg-danger a {
    color: #ffffff;
}

.bg-danger a:hover {
    color: #ffffff;
}

.bg-danger a.list-group-item:hover,
.bg-danger a.list-group-item:focus {
    background-color: inherit;
}

.bg-danger .nav > li:hover > a,
.bg-danger .nav > li:focus > a,
.bg-danger .nav > li.active > a {
    color: #ffffff;
    background-color: #f13636;
}

.bg-danger .nav > li > a {
    color: #f2f2f2;
}

.bg-danger .nav > li > a:hover,
.bg-danger .nav > li > a:focus {
    background-color: #f13f3f;
}

.bg-danger .nav .open > a {
    background-color: #f13636;
}

.bg-danger .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.bg-danger.navbar .nav > li.active > a {
    color: #ffffff;
    background-color: #f13636;
}

.bg-danger .open > a,
.bg-danger .open > a:hover,
.bg-danger .open > a:focus {
    color: #ffffff;
}

.bg-danger .text-muted {
    color: #e6e6e6 !important;
}

.bg-danger .text-lt {
    color: #ffffff !important;
}

.bg-danger.auto .list-group-item,
.bg-danger .auto .list-group-item {
    background-color: transparent;
    border-color: #ee3939 !important;
}

.bg-danger.auto .list-group-item:hover,
.bg-danger .auto .list-group-item:hover,
.bg-danger.auto .list-group-item:focus,
.bg-danger .auto .list-group-item:focus,
.bg-danger.auto .list-group-item:active,
.bg-danger .auto .list-group-item:active,
.bg-danger.auto .list-group-item.active,
.bg-danger .auto .list-group-item.active {
    background-color: #f13636 !important;
}

.bg-white {
    color: #58666e;
    background-color: #fff;
}

.bg-white a {
    color: #363f44;
}

.bg-white a:hover {
    color: #1f2427;
}

.bg-white .text-muted {
    color: #98a6ad !important;
}

.bg-white .lt,
.bg-white .lter,
.bg-white .dk,
.bg-white .dker {
    background-color: #fff;
}

.bg-white-only {
    background-color: #fff;
}

.bg-white-opacity {
    background-color: rgba(255, 255, 255, 0.5);
}

.bg-black-opacity {
    background-color: rgba(32, 43, 54, 0.5);
}

a.bg-light:hover {
    color: #363f44;
}

a.bg-primary:hover {
    background-color: #6254b2;
}

a.text-primary:hover {
    color: #6254b2;
}

.text-primary {
    color: #7266ba;
}

.text-primary-lt {
    color: #8278c2;
}

.text-primary-lter {
    color: #9289ca;
}

.text-primary-dk {
    color: #6254b2;
}

.text-primary-dker {
    color: #564aa3;
}

a.bg-info:hover {
    background-color: #19a9d5;
}

a.text-info:hover {
    color: #19a9d5;
}

.text-info {
    color: #23b7e5;
}

.text-info-lt {
    color: #3abee8;
}

.text-info-lter {
    color: #51c6ea;
}

.text-info-dk {
    color: #19a9d5;
}

.text-info-dker {
    color: #1797be;
}

a.bg-success:hover {
    background-color: #23ad44;
}

a.text-success:hover {
    color: #23ad44;
}

.text-success {
    color: #27c24c;
}

.text-success-lt {
    color: #2ed556;
}

.text-success-lter {
    color: #43d967;
}

.text-success-dk {
    color: #23ad44;
}

.text-success-dker {
    color: #1e983b;
}

a.bg-warning:hover {
    background-color: #f9d21a;
}

a.text-warning:hover {
    color: #f9d21a;
}

.text-warning {
    color: #fad733;
}

.text-warning-lt {
    color: #fbdc4c;
}

.text-warning-lter {
    color: #fbe165;
}

.text-warning-dk {
    color: #f9d21a;
}

.text-warning-dker {
    color: #f4ca06;
}

a.bg-danger:hover {
    background-color: #ee3939;
}

a.text-danger:hover {
    color: #ee3939;
}

.text-danger {
    color: #f05050;
}

.text-danger-lt {
    color: #f26767;
}

.text-danger-lter {
    color: #f47f7f;
}

.text-danger-dk {
    color: #ee3939;
}

.text-danger-dker {
    color: #ec2121;
}

a.bg-dark:hover {
    background-color: #2f3342;
}

a.text-dark:hover {
    color: #2f3342;
}

.text-dark {
    color: #3a3f51;
}

.text-dark-lt {
    color: #454b60;
}

.text-dark-lter {
    color: #4f566f;
}

.text-dark-dk {
    color: #2f3342;
}

.text-dark-dker {
    color: #252833;
}

a.bg-#000000:hover {
    background-color: #131e25;
}

a.text-#000000:hover {
    color: #131e25;
}

.text-#000000 {
    color: #1c2b36;
}

.text-#000000-lt {
    color: #253847;
}

.text-#000000-lter {
    color: #2d4658;
}

.text-#000000-dk {
    color: #131e25;
}

.text-#000000-dker {
    color: #0b1014;
}

.text-white {
    color: #fff;
}

.text-black {
    color: var(--additio-black);
}

.text-muted {
    color: #98a6ad;
}

.pos-rlt {
    position: relative;
}

.pos-stc {
    position: static !important;
}

.pos-abt {
    position: absolute;
}

.pos-fix {
    position: fixed;
}

.show {
    visibility: visible;
}

.line {
    width: 100%;
    height: 2px;
    margin: 10px 0;
    overflow: hidden;
    font-size: 0;
}

.line-xs {
    margin: 0;
}

.line-lg {
    margin-top: 15px;
    margin-bottom: 15px;
}

.line-dashed {
    background-color: transparent;
    border-style: dashed !important;
    border-width: 0;
}

.no-line {
    border-width: 0;
}

.no-border,
.no-borders {
    border-color: transparent;
    border-width: 0;
}

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

.block {
    display: block;
}

.block.hide {
    display: none;
}

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

.none {
    display: none;
}

.pull-none {
    float: none;
}

.rounded {
    border-radius: 500px;
}

.clear {
    display: block;
    overflow: hidden;
}

.no-bg {
    color: inherit;
    background-color: transparent;
}

.no-select {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.l-h {
    line-height: 1.42857143;
}

.l-h-0x {
    line-height: 0;
}

.l-h-1x {
    line-height: 1.2;
}

.l-h-2x {
    line-height: 2em;
}

.l-s-1x {
    letter-spacing: 1;
}

.l-s-2x {
    letter-spacing: 2;
}

.l-s-3x {
    letter-spacing: 3;
}

.font-normal {
    font-weight: normal;
}

.font-weak {
    font-weight: 100;
}

.font-thin {
    font-weight: 300;
}

.font-strong {
    font-weight: 500;
}

.font-bold {
    font-weight: 700;
}

.font-bolder {
    font-weight: 900;
}

.text-3x {
    font-size: 3em;
}

.text-2x {
    font-size: 2em;
}

.text-lg {
    font-size: 18px;
}

.text-md {
    font-size: 16px;
}

.text-base {
    font-size: 14px;
}

.text-sm {
    font-size: 13px;
}

.text-xs {
    font-size: 12px;
}

.text-xxs {
    text-indent: -9999px;
}

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

.text-ellipsis-multiline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-overflow-wrap {
    white-space: normal;
    overflow: hidden;
    text-overflow: clip;
    word-wrap: break-word;
}

.text-u-c {
    text-transform: uppercase;
}

.text-l-t {
    text-decoration: line-through;
}

.text-u-l {
    text-decoration: underline;
}

.text-active,
.active > .text,
.active > .auto .text {
    display: none !important;
}

.active > .text-active,
.active > .auto .text-active {
    display: inline-block !important;
}

.box-shadow {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}

.box-shadow-lg {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
}

.text-shadow {
    font-size: 60px;
    text-shadow: 0 1px 0 #dee5e7, 0 2px 0 #fcfdfd, 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);
}

.error-404-title {
    font-size: 60px;
    font-weight: bold;
    color: var(--additio-black);
}

.error-404-link {
    text-decoration: underline !important;
    color: var(--additio-blue);
}

.no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.wrapper-xs-inv {
    margin: -5px;
}

.wrapper-sm-inv {
    margin: -10px;
}

.wrapper-inv {
    margin: -15px;
}

.wrapper-md-inv {
    margin: -20px;
}

.wrapper-lg-inv {
    margin: -30px;
}

.wrapper-xl-inv {
    margin: -50px;
}

.wrapper-xs {
    padding: 5px;
}

.wrapper-sm {
    padding: 10px;
}

.wrapper {
    padding: 15px;
}

.wrapper-md {
    padding: 20px;
}

.wrapper-lg {
    padding: 30px;
}

.wrapper-xl {
    padding: 50px;
}

.padder-xlg {
    padding-right: 40px;
    padding-left: 40px;
}

.padder-lg {
    padding-right: 30px;
    padding-left: 30px;
}

.padder-md {
    padding-right: 20px;
    padding-left: 20px;
}

.padder {
    padding-right: 15px;
    padding-left: 15px;
}

.padder-sm {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.padder-xs {
    padding-right: 5px;
    padding-left: 5px;
}

.padder-v {
    padding-top: 15px;
    padding-bottom: 15px;
}

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

.pull-in {
    margin-right: -15px;
    margin-left: -15px;
}

.pull-out {
    margin: -10px -15px;
}

.b {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.b-a {
    border: 1px solid #dee5e7;
}

.b-t-none {
    border-top: 0;
}

.b-b-none {
    border-bottom: 0;
}

.b-l-none {
    border-left: 0;
}

.b-r-none {
    border-right: 0;
}

.b-t {
    border-top: 1px solid #dee5e7;
}

.b-r {
    border-right: 1px solid #dee5e7;
}

.b-b {
    border-bottom: 1px solid #dee5e7;
}

.b-l {
    border-left: 1px solid #dee5e7;
}

.b-additio {
    border-color: var(--additio-red) !important;
}

.b-light {
    border-color: #edf1f2;
}

.b-dark {
    border-color: #3a3f51;
}

.b-black {
    border-color: #3a3f51;
}

.b-primary {
    border-color: #7266ba;
}

.b-success {
    border-color: #27c24c;
}

.b-info {
    border-color: #23b7e5;
}

.b-warning {
    border-color: #fad733;
}

.b-danger {
    border-color: #f05050;
}

.b-white {
    border-color: #ffffff;
}

.b-dashed {
    border-style: dashed !important;
}

.b-l-light {
    border-left-color: #edf1f2;
}

.b-l-dark {
    border-left-color: #3a3f51;
}

.b-l-black {
    border-left-color: #3a3f51;
}

.b-l-primary {
    border-left-color: #7266ba;
}

.b-l-success {
    border-left-color: #27c24c;
}

.b-l-info {
    border-left-color: #23b7e5;
}

.b-l-warning {
    border-left-color: #fad733;
}

.b-l-danger {
    border-left-color: #f05050;
}

.b-l-white {
    border-left-color: #ffffff;
}

.b-l-2x {
    border-left-width: 2px;
}

.b-l-3x {
    border-left-width: 3px;
}

.b-l-4x {
    border-left-width: 4px;
}

.b-l-5x {
    border-left-width: 5px;
}

.b-2x {
    border-width: 2px;
}

.b-3x {
    border-width: 3px;
}

.b-4x {
    border-width: 4px;
}

.b-5x {
    border-width: 5px;
}

.b-input {
    border-bottom: 1px solid #dee5e7 !important;
}

.b-input:focus {
    border-bottom: 1px solid var(--additio-red) !important;
}

.r {
    border-radius: 2px 2px 2px 2px;
}

.r-2x {
    border-radius: 4px;
}

.r-3x {
    border-radius: 6px;
}

.r-l {
    border-radius: 2px 0 0 2px;
}

.r-r {
    border-radius: 0 2px 2px 0;
}

.r-t {
    border-radius: 2px 2px 0 0;
}

.r-b {
    border-radius: 0 0 2px 2px;
}

.m-h-auto {
    margin-left: auto;
    margin-right: auto;
}

.m-v-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.m-xxs {
    margin: 2px 4px;
}

.m-xs {
    margin: 5px;
}

.m-sm {
    margin: 10px;
}

.m {
    margin: 15px;
}

.m-md {
    margin: 20px;
}

.m-lg {
    margin: 30px;
}

.m-xl {
    margin: 50px;
}

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

.m-l-none {
    margin-left: 0 !important;
}

.m-l-xs {
    margin-left: 5px;
}

.m-l-sm {
    margin-left: 10px;
}

.m-l {
    margin-left: 15px;
}

.m-l-md {
    margin-left: 20px;
}

.m-l-lg {
    margin-left: 30px;
}

.m-l-xl {
    margin-left: 40px;
}

.m-l-xxl {
    margin-left: 50px;
}

.m-l-n-xxs {
    margin-left: -1px;
}

.m-l-n-xs {
    margin-left: -5px;
}

.m-l-n-sm {
    margin-left: -10px;
}

.m-l-n {
    margin-left: -15px;
}

.m-l-n-md {
    margin-left: -20px;
}

.m-l-n-lg {
    margin-left: -30px;
}

.m-l-n-xl {
    margin-left: -40px;
}

.m-l-n-xxl {
    margin-left: -50px;
}

.m-t-none {
    margin-top: 0 !important;
}

.m-t-xxs {
    margin-top: 1px;
}

.m-t-xs {
    margin-top: 5px;
}

.m-t-sm {
    margin-top: 10px;
}

.m-t {
    margin-top: 15px;
}

.m-t-md {
    margin-top: 20px;
}

.m-t-lg {
    margin-top: 30px;
}

.m-t-xl {
    margin-top: 40px;
}

.m-t-xxl {
    margin-top: 50px;
}

.m-t-n-xxs {
    margin-top: -1px;
}

.m-t-n-xs {
    margin-top: -5px;
}

.m-t-n-sm {
    margin-top: -10px;
}

.m-t-n {
    margin-top: -15px;
}

.m-t-n-md {
    margin-top: -20px;
}

.m-t-n-lg {
    margin-top: -30px;
}

.m-t-n-xl {
    margin-top: -40px;
}

.m-t-n-xxl {
    margin-top: -50px;
}

.m-r-none {
    margin-right: 0 !important;
}

.m-r-xxs {
    margin-right: 1px;
}

.m-r-xs {
    margin-right: 5px;
}

.m-r-sm {
    margin-right: 10px;
}

.m-r {
    margin-right: 15px;
}

.m-r-md {
    margin-right: 20px;
}

.m-r-lg {
    margin-right: 30px;
}

.m-r-xl {
    margin-right: 40px;
}

.m-r-xxl {
    margin-right: 50px;
}

.m-r-n-xxs {
    margin-right: -1px;
}

.m-r-n-xs {
    margin-right: -5px;
}

.m-r-n-sm {
    margin-right: -10px;
}

.m-r-n {
    margin-right: -15px;
}

.m-r-n-md {
    margin-right: -20px;
}

.m-r-n-lg {
    margin-right: -30px;
}

.m-r-n-xl {
    margin-right: -40px;
}

.m-r-n-xxl {
    margin-right: -50px;
}

.m-b-none {
    margin-bottom: 0 !important;
}

.m-b-xxs {
    margin-bottom: 1px;
}

.m-b-xs {
    margin-bottom: 5px;
}

.m-b-sm {
    margin-bottom: 10px;
}

.m-b {
    margin-bottom: 15px;
}

.m-b-md {
    margin-bottom: 20px;
}

.m-b-lg {
    margin-bottom: 30px;
}

.m-b-xl {
    margin-bottom: 40px;
}

.m-b-xxl {
    margin-bottom: 50px;
}

.m-b-n-xxs {
    margin-bottom: -1px;
}

.m-b-n-xs {
    margin-bottom: -5px;
}

.m-b-n-sm {
    margin-bottom: -10px;
}

.m-b-n {
    margin-bottom: -15px;
}

.m-b-n-md {
    margin-bottom: -20px;
}

.m-b-n-lg {
    margin-bottom: -30px;
}

.m-b-n-xl {
    margin-bottom: -40px;
}

.m-b-n-xxl {
    margin-bottom: -50px;
}

.p-xxs {
    padding: 2px 4px;
}

.p-xs {
    padding: 5px;
}

.p-sm {
    padding: 10px;
}

.p-none {
    padding: 0;
}

.p {
    padding: 15px;
}

.p-md {
    padding: 20px;
}

.p-lg {
    padding: 30px;
}

.p-xl {
    padding: 50px;
}

.p-n {
    padding: 0 !important;
}

.p-l-none {
    padding-left: 0 !important;
}

.p-l-xs {
    padding-left: 5px;
}

.p-l-sm {
    padding-left: 10px;
}

.p-l {
    padding-left: 15px;
}

.p-l-md {
    padding-left: 20px;
}

.p-l-lg {
    padding-left: 30px;
}

.p-l-xl {
    padding-left: 40px;
}

.p-l-xxl {
    padding-left: 50px;
}

.p-t-none {
    padding-top: 0 !important;
}

.p-t-xxs {
    padding-top: 1px;
}

.p-t-xs {
    padding-top: 5px;
}

.p-t-sm {
    padding-top: 10px;
}

.p-t {
    padding-top: 15px;
}

.p-t-md {
    padding-top: 20px;
}

.p-t-lg {
    padding-top: 30px;
}

.p-t-xl {
    padding-top: 40px;
}

.p-t-xxl {
    padding-top: 50px;
}

.p-r-none {
    padding-right: 0 !important;
}

.p-r-xxs {
    padding-right: 1px;
}

.p-r-xs {
    padding-right: 5px;
}

.p-r-sm {
    padding-right: 10px;
}

.p-r {
    padding-right: 15px;
}

.p-r-md {
    padding-right: 20px;
}

.p-r-lg {
    padding-right: 30px;
}

.p-r-xl {
    padding-right: 40px;
}

.p-r-xxl {
    padding-right: 50px;
}

.p-b-none {
    padding-bottom: 0 !important;
}

.p-b-xxs {
    padding-bottom: 1px;
}

.p-b-xs {
    padding-bottom: 5px;
}

.p-b-sm {
    padding-bottom: 10px;
}

.p-b {
    padding-bottom: 15px;
}

.p-b-md {
    padding-bottom: 20px;
}

.p-b-lg {
    padding-bottom: 30px;
}

.p-b-xl {
    padding-bottom: 40px;
}

.p-b-xxl {
    padding-bottom: 50px;
}

/* POSITIONING */
.shifted-zero {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.shifted-l-full {
    left: 100%;
}

.shifted-r-full {
    right: 100%;
}

.shifted-t-full {
    top: 100%;
}

.shifted-b-full {
    bottom: 100%;
}

.shifted-l-half {
    left: 50%;
}

.shifted-r-half {
    right: 50%;
}

.shifted-t-half {
    top: 50%;
}

.shifted-b-half {
    bottom: 50%;
}

.shifted-l-75 {
    left: 75%;
}

.shifted-r-75 {
    right: 75%;
}

.shifted-t-75 {
    top: 75%;
}

.shifted-b-75 {
    bottom: 75%;
}

.shifted-l-25 {
    left: 25%;
}

.shifted-r-25 {
    right: 25%;
}

.shifted-t-25 {
    top: 25%;
}

.shifted-b-25 {
    bottom: 25%;
}

.shifted-l-none {
    left: 0;
}

.shifted-l-xs {
    left: 5px;
}

.shifted-l-sm {
    left: 15px;
}

.shifted-l-md {
    left: 30px;
}

.shifted-l-lg {
    left: 45px;
}

.shifted-r-none {
    right: 0;
}

.shifted-r-xs {
    right: 5px;
}

.shifted-r-sm {
    right: 15px;
}

.shifted-r-md {
    right: 30px;
}

.shifted-r-lg {
    right: 45px;
}

.shifted-t-none {
    top: 0;
}

.shifted-t-xs {
    top: 5px;
}

.shifted-t-sm {
    top: 15px;
}

.shifted-t-md {
    top: 30px;
}

.shifted-t-lg {
    top: 45px;
}

.shifted-b-none {
    bottom: 0;
}

.shifted-b-xs {
    bottom: 5px;
}

.shifted-b-sm {
    bottom: 15px;
}

.shifted-b-md {
    bottom: 30px;
}

.shifted-b-lg {
    bottom: 45px;
}

.avatar {
    position: relative;
    display: block;
    white-space: nowrap;
    border-radius: 500px;
}

.avatar img {
    width: 100%;
    border-radius: 500px;
}

.avatar i {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin: 2px;
    border-style: solid;
    border-width: 2px;
    border-radius: 100%;
}

.avatar i.right {
    right: 0;
    left: auto;
}

.avatar i.bottom {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
}

.avatar i.left {
    top: auto;
    bottom: 0;
}

.avatar i.on {
    background-color: #27c24c;
}

.avatar i.off {
    background-color: #98a6ad;
}

.avatar i.busy {
    background-color: #f05050;
}

.avatar i.away {
    background-color: #fad733;
}

.avatar.thumb-md i {
    width: 12px;
    height: 12px;
    margin: 3px;
}

.avatar.thumb-sm i {
    margin: 1px;
}

.avatar.thumb-xs i {
    margin: 0;
}

.w-1x {
    width: 1em;
}

.w-2x {
    width: 2em;
}

.w-3x {
    width: 3em;
}

.w-xxs {
    width: 60px;
}

.w-xs {
    width: 90px;
}

.w-sm {
    width: 150px;
}

.w {
    width: 200px;
}

.w-md {
    width: 240px;
}

.w-lg {
    width: 280px;
}

.w-xl {
    width: 320px;
}

.w-xxl {
    width: 398px;
}

.w-xxxl {
    width: 550px;
}

.w-full {
    width: 100%;
}

.w-auto {
    width: auto;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.thumb-xl {
    display: inline-block;
    width: 128px;
}

.thumb-lg {
    display: inline-block;
    width: 96px;
}

.thumb-md {
    display: inline-block;
    width: 64px;
}

.thumb {
    display: inline-block;
    width: 50px;
}

.thumb-sm {
    display: inline-block;
    width: 40px;
}

.thumb-xs {
    display: inline-block;
    width: 34px;
}

.thumb-xxs {
    display: inline-block;
    width: 30px;
}

.thumb-wrapper {
    padding: 2px;
    border: 1px solid #dee5e7;
}

.thumb img,
.thumb-xs img,
.thumb-sm img,
.thumb-md img,
.thumb-lg img,
.thumb-btn img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.img-full {
    width: 100%;
}

.img-full img {
    width: 100%;
}

.scrollable {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.scrollable.hover {
    overflow-y: hidden !important;
}

.scrollable.hover:hover {
    overflow: visible !important;
    overflow-y: auto !important;
}

.smart .scrollable {
    overflow-y: auto !important;
}

.scroll-x,
.scroll-y {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.scroll-y {
    overflow-y: auto;
}

.scroll-y-no-scrollbar {
    overflow-y: auto;
}

.scroll-y-no-scrollbar::-webkit-scrollbar {
    display: none;
}

.scroll-x {
    overflow-x: auto;
}

/**
    NGR: El overflow con overlay no es soportado para todos los navegadores, para más información:
    https://developer.mozilla.org/es/docs/Web/CSS/overflow#compatibilidad_con_navegadores
 */

.overlay-x {
    overflow-x: auto !important;
}

.overlay-y {
    overflow-y: auto !important;
}

.scroll-y-inherit {
    overflow-y: inherit !important;
}

.scroll-x-hidden,
.scroll-y-hidden {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.hover-action {
    display: none;
}

.hover-rotate {
    -webkit-transition: all 0.2s ease-in-out 0.1s;
    transition: all 0.2s ease-in-out 0.1s;
}

.hover-anchor:hover > .hover-action,
.hover-anchor:focus > .hover-action,
.hover-anchor:active > .hover-action {
    display: inherit;
}

.hover-anchor:hover > .hover-rotate,
.hover-anchor:focus > .hover-rotate,
.hover-anchor:active > .hover-rotate {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
}

.backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.backdrop.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/*desktop*/

@media screen and (min-width: 992px) {
    .col-lg-2-4 {
        float: left;
        width: 20%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm.show {
        display: inherit !important;
    }

    .no-m-sm {
        margin: 0 !important;
    }
}

/*phone*/

@media (max-width: 767px) {
    .w-auto-xs {
        width: auto;
    }

    .shift {
        display: none !important;
    }

    .shift.in {
        display: block !important;
    }

    .row-2 [class*='col'] {
        float: left;
        width: 50%;
    }

    .row-2 .col-0 {
        clear: none;
    }

    .row-2 li:nth-child(odd) {
        margin-left: 0;
        clear: left;
    }

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

    .text-left-xs {
        text-align: left;
    }

    .text-right-xs {
        text-align: right;
    }

    .no-border-xs {
        border-width: 0;
    }

    .pull-none-xs {
        float: none !important;
    }

    .pull-right-xs {
        float: right !important;
    }

    .pull-left-xs {
        float: left !important;
    }

    .dropdown-menu.pull-none-xs {
        left: 0;
    }

    .hidden-xs.show {
        display: inherit !important;
    }

    .wrapper-lg,
    .wrapper-md {
        padding: 15px;
    }

    .padder-lg,
    .padder-md {
        padding-right: 15px;
        padding-left: 15px;
    }

    .no-m-xs {
        margin: 0 !important;
    }

    .responsive-left-popover {
        left: auto !important;
        margin-left: 10px !important;
        max-width: 276px !important;
    }

    .nav-tabs > li > a {
        border-color: #dee5e7 !important;
    }

    .nav-tabs > li.active > a {
        border-color: #dee5e7 !important;
        background-color: #dee5e7 !important;
    }
}

.butterbar {
    position: fixed;
    height: 3px;
    width: 100%;
}

.butterbar.pos-rlt {
    position: relative;
}

.popover .butterbar {
    /* fix for the code of above */
    position: inherit;
}

.butterbar .bar {
    position: absolute;
    width: 100%;
    height: 0;
    text-indent: -9999px;
    background-color: #23b7e5;
}

.butterbar .bar:before {
    position: absolute;
    right: 50%;
    left: 50%;
    height: 3px;
    background-color: inherit;
    content: '';
}

.butterbar.active {
    -webkit-animation: changebar 2.25s infinite 0.75s;
    -moz-animation: changebar 2.25s infinite 0.75s;
    animation: changebar 2.25s infinite 0.75s;
}

.butterbar.active .bar {
    -webkit-animation: changebar 2.25s infinite;
    -moz-animation: changebar 2.25s infinite;
    animation: changebar 2.25s infinite;
}

.butterbar.active .bar:before {
    -webkit-animation: movingbar 0.75s infinite;
    -moz-animation: movingbar 0.75s infinite;
    animation: movingbar 0.75s infinite;
}

.inline-text {
    display: inline !important;
}

.link-text {
    cursor: pointer;
    text-decoration: underline;
}

body #g_a11y_announcement {
    /*
     *    ADDIC-9279 BMPR: Amagar el div que s'afegiex al fer login amb Google
    */
    display: none;
}

/* Moving bar */

@-webkit-keyframes movingbar {
    0% {
        right: 50%;
        left: 50%;
    }
    99.9% {
        right: 0;
        left: 0;
    }
    100% {
        right: 50%;
        left: 50%;
    }
}

@-moz-keyframes movingbar {
    0% {
        right: 50%;
        left: 50%;
    }
    99.9% {
        right: 0;
        left: 0;
    }
    100% {
        right: 50%;
        left: 50%;
    }
}

@keyframes movingbar {
    0% {
        right: 50%;
        left: 50%;
    }
    99.9% {
        right: 0;
        left: 0;
    }
    100% {
        right: 50%;
        left: 50%;
    }
}

/* change bar */

@-webkit-keyframes changebar {
    0% {
        background-color: #23b7e5;
    }
    33.3% {
        background-color: #23b7e5;
    }
    33.33% {
        background-color: #fad733;
    }
    66.6% {
        background-color: #fad733;
    }
    66.66% {
        background-color: #7266ba;
    }
    99.9% {
        background-color: #7266ba;
    }
}

@-moz-keyframes changebar {
    0% {
        background-color: #23b7e5;
    }
    33.3% {
        background-color: #23b7e5;
    }
    33.33% {
        background-color: #fad733;
    }
    66.6% {
        background-color: #fad733;
    }
    66.66% {
        background-color: #7266ba;
    }
    99.9% {
        background-color: #7266ba;
    }
}

@keyframes changebar {
    0% {
        background-color: #23b7e5;
    }
    33.3% {
        background-color: #23b7e5;
    }
    33.33% {
        background-color: #fad733;
    }
    66.6% {
        background-color: #fad733;
    }
    66.66% {
        background-color: #7266ba;
    }
    99.9% {
        background-color: #7266ba;
    }
}

md-chips.md-focused md-autocomplete-wrap {
    display: block !important;
}

/*
==========================================================================
HELPER LINKS EDVOICE
==========================================================================
*/
.link-edvoice{
    color: var(--additio-red);
    text-decoration: underline;
}

.link-edvoice:hover{
    color: darkred;
    text-decoration: underline;
}


/* 
    Overrides for custom Rare styles or styles with !important attr.
*/
.padder-xlg-hard {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.padder-lg-hard {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.padder-md-hard {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.padder-hard {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.padder-sm-hard {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.padder-xs-hard {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.padder-v-hard {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
/* Acess wallpaper */
.access-wallpaper {
    background-color: transparent;
    background: url('../img/access/background.svg') center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    overflow: auto;
}

/* License wallpaper */
.license-wallpaper {
    background: url('../img/access/license/background.svg') center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Access card */
.access-card {
    background-color: #ffffff;
    border-radius: 8px;

    -webkit-box-shadow: 3px 3px 5px 0 rgba(var(--additio-black-rgb), 0.1);
    -moz-box-shadow: 3px 3px 5px 0 rgba(var(--additio-black-rgb), 0.1);
    box-shadow: 3px 3px 5px 0 rgba(var(--additio-black-rgb), 0.1);
}

.access-card.edelvives-card {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    box-shadow: none;
}

.additio-sign .login-logo {
    width: 172px;
    height: auto;
}

.additio-sign .title {
    font-size: 18px;
    font-weight: 400;
}

.additio-sign .title.active {
    font-weight: 600;
}

.additio-sign .separator {
    border: 1px solid grey;
    margin-left: 14px;
    margin-right: 14px;
}

.additio-sign .min-action {
    color: var(--additio-blue);
    text-decoration: underline;
    text-align: center;
    font-weight: 400;
}

.additio-sign .list-group {
    margin-bottom: 0;
}

.additio-sign .list-group .list-group-item {
    margin-top: 10px;
    padding: 0 !important;
    border: none;
    border-radius: unset;
}

.additio-sign .list-group .list-group-item:first-child {
    margin-top: 0;
}

/* Form inputs */
.additio-sign .list-group-item .form-control,
.additio-sign input.form-control {
    padding: 12px 16px !important;
    height: unset;
    border: 1px solid var(--additio-border-grey-hard);
    border-radius: 8px;
}

.additio-sign .list-group-item .form-control::placeholder,
.additio-sign input.form-control::placeholder {
    color: var(--additio-border-grey-hard);
}

.additio-sign .list-group-item .form-control:hover,
.additio-sign .list-group-item .form-control:focus,
.additio-sign .list-group-item .form-control:active {
    box-shadow: 0px 0px 5px rgba(var(--additio-black-rgb), 0.2);
}

.additio-sign .i-checks > i {
    border-color: var(--additio-border-grey);
}

/* Access button */
.additio-sign .btn-access {
    background-color: var(--additio-red);
    color: #ffffff;
    border-radius: 8px;
    padding: 8px;
    font-size: var(--font-size-base);
    font-weight: 500 !important;
    transition: all 0.15s ease-in-out;
}

.additio-sign .btn-access:hover {
    background-color: rgba(var(--additio-red-rgb), 0.85);
}

.additio-sign .login-image {
    height: 100%;
    background-image: url(../img/access/sign/login-image-min.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    background-color: gray;
}

.additio-sign .platform {
    height: 24px;
    width: 24px;
}

.additio-sign .platforms-card {
    width: fit-content;
    margin: 0 auto 24px;
}

.additio-sign .signup-image {
    height: 100%;
    background-image: url(../img/access/sign/signup-image-min.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    background-color: gray;
}

.additio-sign .license-image {
    height: 100%;
    background-image: url(../img/access/sign/license-image.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    background-color: gray;
}

/* Remember me */
.additio-sign .i-checks {
    display: flex;
    align-items: center;
    align-content: center;
}

.additio-sign .i-checks > i {
    min-width: 20px;
    max-width: 20px;
}

/* SOCIAL ACCOUNTS: ACCESS */
.social-btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
}

.social-btn {
    border: 1px solid #dadce0;
    border-radius: 4px;
    height: 32px;
    width: 240px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
}

.social-btn span {
    width: 100%;
    text-align: center;
    padding-left: 4px;
    font-weight: 600;
    font-size: 13px;
    color: #3c4043;
    letter-spacing: 0.25px;
}

.social-btns-overlay {
    height: 100%;
    width: 100%;
    background: white;
    position: absolute;
}

.social-btn:active .social-btn {
    border-color: #d2e3fc;
    background: #ecf3fe !important;
}

.social-btn:focus .social-btn, .social-btn:hover{
    border-color: #d2e3fc;
    background: #f8faff;
}

.social-btn .social-btn-logo {
    width: 18px;
    height: 18px;
}

/* To avoid flickering */
#google-signin-btn > div > div:first-child{
    display: none;
}

/* SOCIAL ACCOUNTS: SETTINGS */
.social-account-list {
    list-style: none;
}

li.social-account {
    border-bottom: 1px solid #e1e0e1;
    padding: 5px 0;
    font-size: 15px;
}

li.social-account:first-child {
    border-top: 1px solid #e1e0e1;
}

li.social-account .social-account-logo img {
    width: 22px;
    height: 22px;
}

li.social-account .social-account-name {
    font-weight: 500;
}

li.social-account .social-account-email {
    font-weight: 300;
}

.google-settings-btn{
    height: 30px;
    max-height: 30px !important;
}

li.social-account .btn {
    padding: 2px 12px !important;
}

/* Coupons */
.additio-sign .coupon-form {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: stretch;
}

.additio-sign .coupon-form .coupon-input-group {
    flex: 1;
    margin-right: 16px;
}

.additio-sign .coupon-form .coupon-input-group .coupon-form-input {
    width: 100%;
}

.additio-sign .coupon-form .coupon-btn {
    padding: 8px 12px;
}

/* Footer */
.access-footer {
    margin-top: 2rem;
    background-color: rgba(var(--additio-bg-blue-rgb), 0.45);
}

.edelvives-footer {
    background-color: rgba(237, 98, 16, 0.25);
    border-bottom-right-radius: 8px;
}

.access-footer p {
    margin: 0;
}

.access-footer .access-footer-link {
    color: var(--additio-blue);
    text-decoration: underline;
}

.additio-sign md-checkbox {
    margin-bottom: 0px;
}

.additio-sign md-checkbox.md-default-theme:not(.md-checked) .md-icon,
.additio-sign md-checkbox:not(.md-checked) .md-icon {
    border-color: var(--additio-border-grey-hard);
}
.m-20{
    margin-bottom: 20px !important;
}

/* Estilos para Change Password */
.container-change{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
}

.button-login-change {
    width: 60%;

}

.button-update-change {
    width: 60%;
    margin: 10px;
}

.fa {
    transition: transform 0.3s ease-in-out;
}

@media (max-width: 480px) {
    .container-change {
        margin-top: 20px;
    }

    .button-login-change,
    .button-update-change {
        width: 100%;
    }
}
.subscription-card {
    background-color: #ffffff;
    border-radius: 8px;

    -webkit-box-shadow: 3px 3px 5px 0 rgba(var(--additio-black-rgb), 0.1);
    -moz-box-shadow: 3px 3px 5px 0 rgba(var(--additio-black-rgb), 0.1);
    box-shadow: 3px 3px 5px 0 rgba(var(--additio-black-rgb), 0.1);

    overflow: hidden;
}

.additio-app.subscription {
    background: transparent;
    padding-bottom: 0;

    min-height: 100%;
    overflow: auto;

    color: var(--additio-black);
}

.additio-app.subscription .subscription-container {
    max-width:820px;
    min-height:560px;

    padding: 20px;

    background-color: #FFFFFF;

    border: 1px solid #A9A9A9;
    border-radius: 12px;
    -webkit-box-shadow: 10px 10px 10px 0px rgba(187,187,187,1);
    -moz-box-shadow: 10px 10px 10px 0px rgba(187,187,187,1);
    box-shadow: 10px 10px 10px 0px rgba(187,187,187,1);

    overflow: auto;
}

.subscription-card h1,
.subscription-card h2 {
    color: var(--additio-red);
}

.subscription-card h2 {
    font-weight: 700;
}

.subscription-card h1.black,
.subscription-card h2.black,
.subscription-card h3.black {
    color: var(--additio-black);
}


.subscription-card-footer {
    background-color: rgba(var(--additio-bg-main-rgb), 0.65);
}

.additio-app .content {
    padding: 0 40px;
}

.additio-app h1.title {
    color: #0081c7;
    font-size: 24px;
    font-weight: 800;
    text-align: center;
}

.additio-app h1.title-especial {
    color: #0081c7;
    font-size: 26px;
    font-weight: 900;
    text-align: center;
    margin: 0;
}

.additio-app h1.subtitle-especial {
    color: #0081c7;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    margin: 0;
}

.additio-app .description {
    font-size: 19px;
    font-weight: 400;
    text-align: center;
}

.additio-app .image {
    width: 100%;
    text-align: center;
}

.additio-app .image img {
    max-width: 100%;
    max-height: 220px;
}

.additio-app .sub-description {
    font-size: 15px;
    font-weight: 400;
    text-align: center;
}

.additio-app .info {
    text-align: center;
}

.additio-app .info a{
    color: #0081c7;
    font-size: 17px;
    font-weight: 800;
}

.btn-additio-blue { 
    color: #0081C7; 
    background-color: #FFFFFF; 
    border-color: #0081C7; 
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
} 

.btn-additio-blue:hover, 
.btn-additio-blue:focus, 
.btn-additio-blue:active, 
.btn-additio-blue.active, 
.open .dropdown-toggle.btn-additio-blue { 
    color: #0081C7; 
    background-color: #e5f2f9; 
    border-color: #0081C7; 
} 

.btn-additio-blue:active, 
.btn-additio-blue.active, 
.open .dropdown-toggle.btn-additio-blue { 
    background-image: none; 
} 

.btn-additio-blue.disabled, 
.btn-additio-blue[disabled], 
fieldset[disabled] .btn-additio-blue, 
.btn-additio-blue.disabled:hover, 
.btn-additio-blue[disabled]:hover, 
fieldset[disabled] .btn-additio-blue:hover, 
.btn-additio-blue.disabled:focus, 
.btn-additio-blue[disabled]:focus, 
fieldset[disabled] .btn-additio-blue:focus, 
.btn-additio-blue.disabled:active, 
.btn-additio-blue[disabled]:active, 
fieldset[disabled] .btn-additio-blue:active, 
.btn-additio-blue.disabled.active, 
.btn-additio-blue[disabled].active, 
fieldset[disabled] .btn-additio-blue.active { 
    background-color: #FFFFFF; 
    border-color: #0081C7; 
} 

.btn-additio-blue .badge { 
    color: #FFFFFF; 
    background-color: #0081C7; 
}



.additio-app.subscription .i-checks input:checked + i:before {
    background-color:  #0081c7 !important;
}

.additio-app.subscription .i-checks input:checked + i {
    border-color:  #0081c7 !important;
}


.additio-app ul.nav-tabs li.active a{
    background-color: #F6F7F8;
    border-bottom: 1px solid #F6F7F8 !important;
}

.additio-app ul.nav-tabs li.active a .tab-header-text{
    color:#0081C7;
}

.additio-app .tab-content{
    background-color: #F6F7F8;
    padding: 10px 15px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;    
}


.sk-circle-xs > div {
    margin-bottom: 10px;
}


.sk-circle-xs .sk-circle {
    width: 30px;
    height: 30px;
}


.sk-circle-small .sk-circle {
    width: 40px;
    height: 40px;
}

.sk-circle {
    position: relative;
    width: 60px;
    height: 60px;
    margin: auto;
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #0081C7;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg); }
.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg); }
.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg); }
.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg); }
.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg); }
.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg); }
.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg); }
.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }
.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


.additio-app-plans .additio-app-plan{
    border-radius: 12px;
    width:100%;

    color: #FFF;
    padding: 0 14px;
    cursor: pointer;
}

.additio-app-plans .additio-app-plan.essential-plan {
    background-color: #4C90B8;
}

.additio-app-plans .additio-app-plan.plus-plan {
    background-color: var(--additio-red);
}

.essential-plan-converter {
    text-align:right;
    color: #4C90B8 !important;
    cursor:pointer;
}

.plus-plan-converter {
    text-align:right;
    color: var(--additio-red) !important;
    cursor:pointer;
}

.additio-app-plans h2.plan-name {
    margin: 0;
    padding: 5px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: rgba(255, 255, 255, 0.4);

    color: #FFF !important;
    font-size: 28px;
    font-weight: 500;
    text-align: center;
}

.additio-app-plans h3 {
    color: #FFF !important;
    font-size: 20px;
    font-weight: 600;
    text-align: center;

    margin:0;
}

.additio-app-plans h3 strong {
    font-size: 32px;
    font-weight: 900;
    text-align: center;
}

.additio-app-plans .description {
    color: #FFF !important;
    font-size: 16px;
    font-weight: 800;
    text-align: center;

    min-height: 46px;
    padding: 0 10px;
    margin:0;
}

.additio-app-plans .sub-description {
    color: #FFF !important;
    font-size: 16px;
    font-weight: 500;
    text-align: center;

    padding: 0 10px;
    margin:0;
}

.additio-app-plans .functionalities-title {
    font-size: 20px;
    font-weight: 800;
    margin: 0 0 0 40px;
    padding: 0;
    min-height: 30px;
}

.additio-app-plans ul.functionalities {
    font-size: 14px;
    font-weight: 500;
    min-height: 140px;
}


.btn-transparent {
    background-color: rgba(255, 255, 255, 0.4);
    border: 0px;
    border-radius: 5px;
    padding: 8px 12px !important;

    color: #FFFFFF;
    font-weight: 800;
    font-size: 18px;
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent.active,
.open .dropdown-toggle.btn-transparent {
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.3);
}

.btn-transparent:active,
.btn-transparent.active,
.open .dropdown-toggle.btn-transparent {
    background-image: none;
}

.btn-transparent.disabled,
.btn-transparent[disabled],
fieldset[disabled] .btn-transparent,
.btn-transparent.disabled:hover,
.btn-transparent[disabled]:hover,
fieldset[disabled] .btn-transparent:hover,
.btn-transparent.disabled:focus,
.btn-transparent[disabled]:focus,
fieldset[disabled] .btn-transparent:focus,
.btn-transparent.disabled:active,
.btn-transparent[disabled]:active,
fieldset[disabled] .btn-transparent:active,
.btn-transparent.disabled.active,
.btn-transparent[disabled].active,
fieldset[disabled] .btn-transparent.active {
    background-color: rgba(255, 255, 255, 0.3);
}

.btn-transparent .badge {
    color: #FFFFFF;
    background-color: #FFFFFF;
}

table.additioapp-plans-functionalities-comparsion {
    font-size: 16px;
}

table.additioapp-plans-functionalities-comparsion th {
    padding: 5px 0 0 0 !important;
    color: #FFF;
    font-size: 24px;
}

table.additioapp-plans-functionalities-comparsion th span {
    display: block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-weight: 500;
}

table.additioapp-plans-functionalities-comparsion th.essential, table.additioapp-plans-functionalities-comparsion th.default {
    border-bottom: 1px #4C90B8 solid;
}

table.additioapp-plans-functionalities-comparsion th.plus {
    border-bottom: 1px var(--additio-red) solid;
}

table.additioapp-plans-functionalities-comparsion th.essential span {
    background-color: #4C90B8;
}

table.additioapp-plans-functionalities-comparsion th.plus span {
    background-color: var(--additio-red);
}

table.additioapp-plans-functionalities-comparsion th.collaborate span {
    background-color: #5A9B3E;
}

table.additioapp-plans-functionalities-comparsion td span.glyphicon.glyphicon-essential  {
    /* color: #4C90B8; */
    color: green;
}

table.additioapp-plans-functionalities-comparsion td span.glyphicon.glyphicon-plus {
    /* color: var(--additio-red); */
    color: green;
}

table.additioapp-plans-functionalities-comparsion td {
    height: 34px;
    padding: 2px 6px;
}

table.additioapp-plans-functionalities-comparsion tbody tr td.additio-blue-border {
    border-right: 1px #0081C7 solid;
    border-bottom: 1px #0081C7 solid;
    border-left: 1px #0081C7 solid;
    border-top: 1px #0081C7 solid;
    font-weight: 300;
}

table.additioapp-plans-functionalities-comparsion tbody tr:first-child td.additio-blue-border {
    border-top: 0px #0081C7 solid !important;
}

/**** PLANS FULL COMPARSION ****/


.additioapp-plans-full-comparison .modal-dialog {
    height: 90vh !important;
    max-height: 90vh !important;
    margin: 5vh auto !important;
}

.additioapp-plans-full-comparison .modal-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* height */
    height: inherit;
    max-height: inherit;
    /* flex */
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

.additioapp-plans-full-comparison .modal-body {
    max-height: inherit;
}

@media (min-width: 980px) {
    .additioapp-plans-full-comparison .modal-dialog.modal-lg {
        width: 900px;
        /*height: 90%;*/
    }
}

@media (min-width: 1200px) {
    .additioapp-plans-full-comparison .modal-dialog.modal-lg {
        width: 1120px;
        /*height: 90%;*/
    }
}

@media (min-width: 1600px) {
    .additioapp-plans-full-comparsion .modal-dialog.modal-lg {
        width: 90%;
        /*height: 90%;*/
    }
}


.btn-additio-full-blue {
    color: #FFFFFF;
    background-color: #0081C7;
    border-color: #00679F;


}

.btn-additio-full-blue:hover,
.btn-additio-full-blue:focus,
.btn-additio-full-blue:active,
.btn-additio-full-blue.active,
.open .dropdown-toggle.btn-additio-full-blue {
    color: #FFFFFF;
    background-color: #00679F;
    border-color: #00679F;
}

.btn-additio-full-blue:active,
.btn-additio-full-blue.active,
.open .dropdown-toggle.btn-additio-full-blue {
    background-image: none;
}

.btn-additio-full-blue.disabled,
.btn-additio-full-blue[disabled],
fieldset[disabled] .btn-additio-full-blue,
.btn-additio-full-blue.disabled:hover,
.btn-additio-full-blue[disabled]:hover,
fieldset[disabled] .btn-additio-full-blue:hover,
.btn-additio-full-blue.disabled:focus,
.btn-additio-full-blue[disabled]:focus,
fieldset[disabled] .btn-additio-full-blue:focus,
.btn-additio-full-blue.disabled:active,
.btn-additio-full-blue[disabled]:active,
fieldset[disabled] .btn-additio-full-blue:active,
.btn-additio-full-blue.disabled.active,
.btn-additio-full-blue[disabled].active,
fieldset[disabled] .btn-additio-full-blue.active {
    background-color: #0081C7;
    border-color: #00679F;
}

.btn-additio-full-blue .badge {
    color: #0081C7;
    background-color: #FFFFFF;
}


.invoice-box {
    padding:10px;
    border:1px solid #ddd;

    line-height: 20px;
}

.invoice-box table{
    width:100%;
    line-height:inherit;
    text-align:left;
    font-size:14px !important;
}

.invoice-box table td{
    padding:5px 0;
    vertical-align: middle;
}

.invoice-box table tr td:nth-child(3){
    text-align:right;
}

.invoice-box table tr.heading td{
    font-weight:bold;
}

.invoice-box table tr.item.last td{
    border-bottom:none;
}

.invoice-box table tr.total td:nth-child(3){
    border-top:2px solid #ddd;
    font-weight:bold;
}


.tooltip.tooltip-info .tooltip-inner {
    background-color: #0081C3 !important;
    color: #fff;
}

.tooltip.tooltip-info.top .tooltip-arrow {
    border-top-color: #0081C3;
}

.tooltip.tooltip-info.right .tooltip-arrow {
    border-right-color: #0081C3;
}

.tooltip.tooltip-info.bottom .tooltip-arrow {
    border-bottom-color: #0081C3;
}

.tooltip.tooltip-info.left .tooltip-arrow {
    border-left-color: #0081C3;
}


@media (min-width: 1200px) {
    .additio-app-license .container {
        width: 970px;
    }
}

.additio-app-license {
    background-color: white;
}

.additio-app-license .additio-app-logo {
    max-height: 56px;
    padding: 8px;
}

.additio-app-license .license-column h1.title {
    text-align: left;
    margin: 0;
}




.additio-app-license .license-column ul.nav-tabs.nav-justified {
    margin-bottom: 10px;
}

.additio-app-license .license-column ul.nav-tabs.nav-justified li a {
    height: unset;
    border: 0;
}

.additio-app-license .license-column ul.nav-tabs.nav-justified li a:hover {
     cursor: pointer;
}

.additio-app-license .license-column .nav-tabs > li.active > a {
    border-bottom: 2px solid #0081C7 !important;
    color: #0081C7 !important;
}



.additio-app-license .main-benefits-column .main-benefits {
    border: 1px solid #BEBEBE;
    border-radius: 8px;
    overflow: hidden;
}

.additio-app-license .main-benefits-column .main-benefits img {
    width: 100%;
}

.additio-app-license .main-benefits-column .main-benefits .main-benefits-content {
    padding: 10px;
}

.additio-app-license .main-benefits-column .main-benefits .main-benefits-content h2 {
    font-weight: 500;
    font-size: 17px
}

.additio-app-license .main-benefits-column .main-benefits .main-benefits-content md-list {
    font-size: 14px;
    color: #474747;
}

.additio-app-license .main-benefits-column .main-benefits .main-benefits-content md-list md-list-item {
    min-height: 36px;
    padding: 4px 0;
}

.additio-app-license .i-checks input:checked + i {
    border-color: #0081C7;
}
.additio-app-license .i-checks input:checked + i:before {
    background-color: #0081C7;
}

.buy-storage {
    color: #0081c7;
}

.buy-storage .content {
    padding: 0 40px;
}

.buy-storage h1.title {
    color: #0081c7;
    font-size: 22px;
    font-weight: 800;
    text-align: center;
}

.buy-storage .description {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.buy-storage .sub-description {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #777;
}

.buy-storage .info {
    text-align: center;
}

.buy-storage .info a{
    color: #0081c7;
    font-size: 17px;
    font-weight: 800;
}

.buy-storage h2 {
    color: #0081c7;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
}




ul.storage-plan-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.storage-plan-list li{
    border-left: 1px solid #777;
    border-top: 1px solid #777;
    border-right: 1px solid #777;

    cursor: pointer; 
    color: #777;
}

ul.storage-plan-list li:first-child{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

ul.storage-plan-list li:last-child{
    border-bottom: 1px solid #777;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

ul.storage-plan-list li:nth-child(odd){
    background-color:white;
}

ul.storage-plan-list li:nth-child(even){
    background-color: transparent;
}

ul.storage-plan-list li.selected {
    cursor:default; 
    color: #0081c7;
    background-color: #E5F2F3;
}

ul.storage-plan-list li .plan-block{
    height: 66px;

    display: flex;   
    flex-flow: column;
    align-items: center;

    display: -webkit-flex;
    -webkit-flex-flow: column;
    -webkit-align-items:center;

    display:-moz-flex;
    -moz-flex-flow: column;
    -moz-align-items:center;

    justify-content:center;
}

ul.storage-plan-list li .storage-plan-list-item{
    height: 66px;
    padding: 10px;
}

ul.storage-plan-list li.selected .plan-block .storage{
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    background-color: #0081c7;
    padding: 8px 22px;
    border-radius: 8px;
}

ul.storage-plan-list li .plan-block .storage{
    font-weight: 400;
    font-size: 20px;
    background-color: transparent;
    padding: 8px 22px;
    border-radius: 8px;
    border: 1px solid #777;
}

ul.storage-plan-list li .plan-block .price{
    font-weight: 600;
    font-size: 15px;
    text-align: center;
}

.buy-storage .i-checks input:checked + i:before {
    background-color:  #0081c7;
}

.buy-storage .i-checks input:checked + i {
    border-color:  #0081c7;
}

.access-controller .additio-sign .access-title {
    padding-top: 50px;
    padding-bottom: 20px;
}

.access-controller .additio-sign .title {
    font-size: 30px;
    font-weight: 400;
}

.access-controller .additio-sign .title.active {
    font-weight: 600;
}

.access-controller .additio-sign .separator {
    border: 1px solid grey;
    margin-left: 14px;
    margin-right: 14px;
}

.access-controller .additio-sign .min-action {
    line-height: 38px;
    font-size: 12px;
    color: #bbb;
    float: right;
}

/* SIGNUP */ 
.access-controller .additio-sign .additio-btn-sign {
    padding: 6px 12px;
    font-size: 16px;
}

.access-controller .additio-sign .list-group .list-group-item {
    border: 1px solid #0877b9;
    border-radius: 0px;
}

.access-controller .additio-sign .list-group .list-group-item {
    margin-top: 10px;
    padding: 5px 10px;
}

.access-controller .list-group .list-group-item:first-child {
    margin-top: 0;
}

.access-controller .additio-sign .access-title {
    padding-top: 50px;
    padding-bottom: 20px;
}

.access-controller .additio-sign .title {
    font-size: 30px;
    font-weight: 400;
}

.access-controller .additio-sign .title.active {
    font-weight: 600;
}

.access-controller .additio-sign .separator {
    border: 1px solid grey;
    margin-left: 14px;
    margin-right: 14px;
}

.access-controller .additio-sign .min-action {
    line-height: 38px;
    font-size: 12px;
    color: #bbb;
    float: right;
}

.access-controller .additio-error .access-title {
    padding-top: 50px;
    padding-bottom: 20px;
}

/** CHANGE - PASSWORD */

.change-email img {
    height: 50%;
    width: 50%;
}

/* EDELVIVES SIGNUP */

/** EDELVIVES */

.access-controller .edelvives-side-card {
    background-color: #ed6210;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.access-controller .access-edelvives .additio-sign .login-logo.login-logo-edelvives {
    width: 270px;
    height: auto;
}

/** */

.access-controller .access-edelvives .signup-edelvives {
    padding: 40px 70px;
}

.access-controller .access-edelvives .signup-edelvives .signup-edelvives-integration {
    width: 100%;
    padding-top: 60px;
}

.access-controller .access-edelvives .signup-edelvives .signup-edelvives-integration .logo-edelvives-integration {
    display: block;
    width: 220px;
    height: 220px;
    background-image: url('../img/access/sign/logo-edelvives-integration.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /*margin: auto;*/
    margin-bottom: 50px;
}

.access-controller .access-edelvives .signup-edelvives .signup-edelvives-title,
.access-controller .access-edelvives .signup-edelvives .signup-edelvives-title.signup-edelvives-brand {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    text-align: left;
}

.access-controller .access-edelvives .signup-edelvives .signup-edelvives-title.signup-edelvives-brand {
    font-weight: 500;
    font-size: 40px;
    padding-top: 5px;
}

.access-controller .access-edelvives .signup-edelvives .signup-edelvives-features {
    padding-top: 30px;
}

.access-controller .access-edelvives .signup-edelvives .signup-edelvives-features ul {
    padding-left: 30px;
}

.access-controller .access-edelvives .signup-edelvives .signup-edelvives-features ul > li::marker {
    font-size: var(--font-size-base);
}

.access-controller .access-edelvives .signup-edelvives .signup-edelvives-features ul > li.signup-edelvives-content {
    font-size: var(--font-size-base);
    font-weight: 400;
    margin-bottom: 10px;
}

.access-controller .access-edelvives .additio-sign .list-group .list-group-item {
    border: none;
}

/* agree */
.access-controller .access-edelvives .agree.accent a {
    color: #ed6210;
}
.access-controller .access-edelvives .agree.accent .i-checks input:checked + i, 
.access-controller .access-edelvives .form-validation .agree.accent .i-checks .ng-invalid.ng-dirty + i{
    border-color: #ed6210;
}
.access-controller .access-edelvives .agree.accent .i-checks input:checked + i:before{
    background-color: #ed6210;
}

/* remember me */
.access-controller .access-edelvives .remember-me.accent a {
    color: #ed6210;
}
.access-controller .access-edelvives .remember-me.accent .i-checks input:checked + i, .access-controller .form-validation .remember-me.accent .i-checks .ng-invalid.ng-dirty + i{
    border-color: #ed6210;
}
.access-controller .access-edelvives .remember-me.accent .i-checks input:checked + i:before {
    background-color: #ed6210;
}

/* Button Accent */
.access-controller .access-edelvives .btn-accent {
    color: #fff;
    background-color: #ed6210;
    border-color: #c24f0d;
}
.access-controller .access-edelvives .btn-accent:hover,
.access-controller .access-edelvives .btn-accent:focus,
.access-controller .access-edelvives .btn-accent.focus,
.access-controller .access-edelvives .btn-accent:active,
.access-controller .access-edelvives .btn-accent.active,
.access-controller .access-edelvives .open > .dropdown-toggle.btn-accent {
    color: #fff;
    background-color: #f07d3b;
    border-color: #ca6023;
}
.access-controller .access-edelvives .btn-accent:active,
.access-controller .access-edelvives .btn-accent.active,
.access-controller .access-edelvives .open > .dropdown-toggle.btn-accent {
    background-image: none;
}
.access-controller .access-edelvives .btn-accent.disabled,
.access-controller .access-edelvives .btn-accent[disabled],
.access-controller .access-edelvives fieldset[disabled] .btn-accent,
.access-controller .access-edelvives .btn-accent.disabled:hover,
.access-controller .access-edelvives .btn-accent[disabled]:hover,
.access-controller .access-edelvives fieldset[disabled] .btn-accent:hover,
.access-controller .access-edelvives .btn-accent.disabled:focus,
.access-controller .access-edelvives .btn-accent[disabled]:focus,
.access-controller .access-edelvives fieldset[disabled] .btn-accent:focus,
.access-controller .access-edelvives .btn-accent.disabled.focus,
.access-controller .access-edelvives .btn-accent[disabled].focus,
.access-controller .access-edelvives fieldset[disabled] .btn-accent.focus,
.access-controller .access-edelvives .btn-accent.disabled:active,
.access-controller .access-edelvives .btn-accent[disabled]:active,
.access-controller .access-edelvives fieldset[disabled] .btn-accent:active,
.access-controller .access-edelvives .btn-accent.disabled.active,
.access-controller .access-edelvives .btn-accent[disabled].active,
.access-controller .access-edelvives fieldset[disabled] .btn-accent.active {
    background-color: #f07d3b;
    border-color: #ca6023;
}


/* AUTOCOMPLETE */

.access-controller .access-edelvives md-autocomplete.no-shadow .md-whiteframe-1dp,
.access-controller .access-edelvives md-autocomplete.no-shadow .md-whiteframe-z1 {
    box-shadow: none !important;
}

.access-controller .access-edelvives md-autocomplete input::placeholder {
    color: #999;
}

.autocomplete-edelvives-template.md-autocomplete-suggestions li {
    height: 60px;
    border-bottom: 1px solid #ccc;
}

.autocomplete-edelvives-template.md-autocomplete-suggestions li .highlight {
    color: #f07d3b;
}

.autocomplete-edelvives-template .item-title,
.autocomplete-edelvives-template .item-metadata {
    display: block;
    line-height: 2;
}

/* /AUTOCOMPLETE */


/* Media */

@media (min-width: 0px) and (max-width: 768px) {
    .access-controller .access-edelvives .additio-sign .login-logo {
        width: 130px;
        height: auto;
    }

    .access-controller .access-edelvives .additio-sign .login-logo.login-logo-edelvives {
        width: 190px;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    .access-controller .access-edelvives .signup-edelvives {
        padding: 20px 30px;
    }

    .access-controller .access-edelvives .signup-edelvives .signup-edelvives-integration .logo-edelvives-integration {
        width: 150px;
        height: 150px;
    }
    
    .access-controller .access-edelvives .signup-edelvives .signup-edelvives-title {
        font-size: 18px;
    }

    .access-controller .access-edelvives .signup-edelvives .signup-edelvives-title.signup-edelvives-brand {
        padding-top: 8px;
        font-size: 28px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .access-controller .access-edelvives .signup-edelvives {
        padding: 20px 30px;
    }

    .access-controller .access-edelvives .signup-edelvives .signup-edelvives-integration .logo-edelvives-integration {
        width: 175px;
        height: 175px;
    }
    
    .access-controller .access-edelvives .signup-edelvives .signup-edelvives-title {
        font-size: 20px;
    }

    .access-controller .access-edelvives .signup-edelvives .signup-edelvives-title.signup-edelvives-brand {
        font-size: 32px;
    }
}

/* CAMPAIGN SIGNUP */

/** CAMPAIGN */

.access-controller .bg-campaign {
    /*background-color: #ed6210;*/
    background-color: #f5f5f5;
}

.access-controller .access-campaign .main-benefits-column {
    background-image: url('../img/access/license/schools.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}

.access-controller .access-campaign .signup-campaign {
    padding: 55px 7%;    
}

.access-controller .access-campaign .signup-campaign .signup-campaign-title {
    font-size: 34px;
    font-weight: 500;
    margin: 0;
    text-align: left;
    color: var(--additio-black);
}

.access-controller .access-campaign .signup-campaign .signup-campaign-features {
    padding-top: 40px;
}

.access-controller .access-campaign .signup-campaign .signup-campaign-features ul {
    padding-left: 0px;
    list-style-type: none;
    color: var(--additio-black);
}
.access-controller .access-campaign .signup-campaign .signup-campaign-features ul > li::marker {
    font-size: 18px;
    line-height: 23px;
}
.access-controller .access-campaign .signup-campaign .signup-campaign-features ul > li.signup-campaign-content {
    font-size: 16px;
    font-weight: 400;
}
.access-controller .access-campaign .signup-campaign .signup-campaign-features ul > li.signup-campaign-content .glyphicon {
    margin-right: 8px;
    line-height: 23px;
    /*color: red;*/
}

.access-controller .access-campaign .signup-campaign .signup-campaign-features-quote {
    font-size: 16px;
    font-weight: 400;
    padding-top: 30px;
}

/* Media */

@media (max-width: 768px) {
    
    .access-controller .access-campaign .signup-campaign {
        padding: 55px 0px;
    }

    .access-controller .access-campaign .signup-campaign .signup-campaign-title {
        font-size: 26px;
    }

    /* NOTE: right now the column is hidden when small sizes (width) */
    .access-controller .access-campaign .signup-campaign .signup-campaign-features ul > li.signup-campaign-content {
        font-size: 12px;
    }
    .access-controller .access-campaign .signup-campaign .signup-campaign-features-quote {
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    
    .access-controller .access-campaign .signup-campaign {
        padding: 55px 0px;
    }
    .access-controller .access-campaign .signup-campaign .signup-campaign-title {
        font-size: 28px;
    }
    /* NOTE: right now the column is hidden when small sizes (width) */
    .access-controller .access-campaign .signup-campaign .signup-campaign-features ul > li.signup-campaign-content {
        font-size: 14px;
    }
    .access-controller .access-campaign .signup-campaign .signup-campaign-features-quote {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .access-controller .access-campaign .signup-campaign {
        padding: 55px 20px;
    }

    .access-controller .access-campaign .signup-campaign .signup-campaign-title {
        font-size: 30px;
    }

    .access-controller .access-campaign .signup-campaign .signup-campaign-features ul > li.signup-campaign-content {
        font-size: 16px;
    }
    .access-controller .access-campaign .signup-campaign .signup-campaign-features-quote {
        font-size: 16px;
    }
}

/* VISIBILITY ANIMATION SHOW/HIDE */
/*.animate-show.ng-hide {
    opacity: 0 !important;
    background: red;
}*/

.animate-show.ng-hide-remove {
    -webkit-transition:all linear 0.5s;
    -moz-transition:all linear 0.5s;
    -o-transition:all linear 0.5s;
    transition:all linear 0.5s;
    display:block!important;
}

.animate-show.ng-hide-add.ng-hide-add-active,
.animate-show.ng-hide-remove {
    opacity:0;
}

.animate-show.ng-hide-add,
.animate-show.ng-hide-remove.ng-hide-remove-active {
    opacity:1;
}

/* .ng-hide:not(.ng-hide-animate) {
    /* this is just another form of hiding an element */
    /*display: block!important;
    position: absolute;
    top: -9999px;
    left: -9999px;
}*/
/* /VISIBILITY ANIMATION SHOW/HIDE */


.animate-hide {
  transition: all linear 0.5s;
  line-height: 20px;
  opacity: 1;
  padding: 10px;
  border: 1px solid black;
  background: white;
}

.animate-hide.ng-hide {
  line-height: 0;
  opacity: 0;
  padding: 0 10px;
}


.rotating-animation {
  animation:0.5s rotate linear;
  -webkit-animation:0.5s rotate linear;
}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@-webkit-keyframes rotate {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}



/* SHAKE */


.shake-animation {
  -webkit-transform: rotateZ(4deg);
          transform: rotateZ(4deg);
  -webkit-animation: shake 0.1s infinite;
          animation: shake 0.1s infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotateZ(-4deg);
            transform: rotateZ(-4deg);
  }
  100% {
    -webkit-transform: rotateZ(4deg);
            transform: rotateZ(4deg);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: rotateZ(-4deg);
            transform: rotateZ(-4deg);
  }
  100% {
    -webkit-transform: rotateZ(4deg);
            transform: rotateZ(4deg);
  }
}

/*SCALE IN */

@-webkit-keyframes scale-in {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-in {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(0);
  }
  25% {
    -webkit-transform: scale(.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes student-bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  15% {
    -webkit-transform: scale(.8);
    transform: scale(0.8);
  }
  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  35% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  95% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes student-bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  15% {
    -webkit-transform: scale(.8);
    transform: scale(0.8);
  }
  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  35% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  95% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
:root {
    /* HEX colors */
    --additio-red: #ff505a;
    --additio-blue: #005ac7;
    --additio-green: #00b495;
    --additio-orange: #ef9f00;
    --additio-black: #595959;

    --additio-bg-main: #f2f6fc;
    --additio-bg-red: #ffe5e6;
    --additio-bg-blue: #d9e6f7;
    --additio-bg-green: #d9f4ef;
    --additio-bg-orange: #fdf1d9;
    --additio-bg-grey: #eaf1fa;

    --additio-border-grey: #eaf1fa;
    --additio-border-grey-hard: #dddddd;

    /* RGB colors */
    --additio-red-rgb: 255, 82, 90;
    --additio-blue-rgb: 0, 90, 199;
    --additio-green-rgb: 0, 180, 149;
    --additio-orange-rgb: 239, 159, 0;
    --additio-black-rgb: 89, 89, 89;

    --additio-bg-main-rgb: 242, 246, 252;
    --additio-bg-red-rgb: 255, 229, 230;
    --additio-bg-blue-rgb: 217, 230, 247;
    --additio-bg-green-rgb: 217, 244, 239;
    --additio-bg-orange-rgb: 253, 241, 217;
    --additio-bg-grey-rgb: 234, 241, 250;

    --additio-border-grey-rgb: 234, 241, 250;

    /* RGBA colors */
    --additio-button-hover: 230, 230, 230, 0.2;

    --font-size-base: 15px;
    --font-weight-base: 400;
    --font-weight-bold: 700;

    --grade-book-border-color: #ACCDF1;
    --grade-book-stripped-color: 239, 245, 252;
    --grade-book-selected-color: #E5FFCC;
    --grade-book-main-selected-color: #CFF4AB;
    --grade-book-column-cut-color: #FFFFEA;
    --grade-book-main-column-cut-color: #FFFFBF;

    --list-border: 1px solid var(--additio-border-grey);
    --list-border-radius: 6px;
    --list-font-size: var(--font-size-base);
    --list-font-weight: var(--font-weight-base);
    --list-line-height: 22px;
    --list-min-height: 52px;
    --list-margin: 0 0 8px 0;
    --list-margin-modal: 0 0 4px 0;
    --list-padding: 8px 10px;

    --rubric-green: #00b496;
    --rubric-yellow: #bfec26;
    --rubric-orange: #ffd317;
    --rubric-red: #ff515a;
}

a {
    color: var(--additio-black);
}

body {
    font-family: 'Inter', serif;
    font-size: var(--font-size-base);
    font-weight: 400;
    color: var(--additio-black);
}

button, input, select, textarea {
    font-family: 'Inter', serif;
    font-size: var(--font-size-base);
    font-weight: 400 !important;
    color: var(--additio-black);
}

md-content {
    color: inherit;
}

/*
==========================================================================
HEADERS
==========================================================================
*/
h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

h2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--additio-red);
}

h1, h2, h3, h4, h5, h6 {
    display: inline-block;
    margin: 0;
}

/*
==========================================================================
COLORS
==========================================================================
*/
.additio-color-red {
    color: var(--additio-red) !important;
}

.additio-color-blue {
    color: var(--additio-blue) !important;
}

.additio-color-black {
    color: var(--additio-black) !important;
}

/*
==========================================================================
APP CONTENT
==========================================================================
*/
.app-content {
    background-color: var(--additio-bg-main);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.app-content.background-0 {
    background-image: url('../img/background/background-0.svg');
}

.app-content.background-1 {
    background-image: url('../img/background/background-1.svg');
}

.app-content.background-2 {
    background-image: url('../img/background/background-2.svg');
}

.app-content.background-3 {
    background-image: url('../img/background/background-3.svg');
}

.app-content.background-4 {
    background-image: url('../img/background/background-4.svg');
}

.app-content.background-5 {
    background-image: url('../img/background/background-5.svg');
}

.app-content md-content {
    background-color: transparent;
}

.app-content .app-md-content {
    min-height: calc(100vh - 90px - 50px - 5px);

    margin: 45px 0;
    padding: 25px;

    background-color: white;
    border-radius: 10px;

    -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.10);
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.10);
}

@media (max-width: 768px) {

    .app-content .app-md-content {
        min-height: calc(100vh - 30px - 50px - 5px);

        margin: 15px 0;
        padding: 15px;
    }
}

.app-content.active {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: url('blur.svg#blur');
    \filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
    transition: filter, -webkit-filter 400ms ease;
    cursor: pointer;
}

.app-content.active:after {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}


/*
==========================================================================
BUTTONS
==========================================================================
*/
.btn-additio {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-base);
    color: var(--additio-red);

    background-color: transparent;
    border-width: 0;
    border-radius: 8px;
}

additio-list .md-button:not([disabled]):hover, folder-list .md-button:not([disabled]):hover {
    background-color: rgba(var(--additio-button-hover));
}

additio-group-item-list .md-button:not([disabled]):hover {
    background-color: rgba(158, 158, 158, 0.2);
}


.modal-header .btn-additio {
    color: var(--additio-red) !important;
}

.modal-header .btn-additio:hover,
.modal-header .btn-additio:focus,
.modal-header .btn-additio:active,
.modal-header .btn-additio.active {
    color: var(--additio-red) !important;
    background-color: rgba(0, 0, 0, 0.04) !important;
}

.popover-title .btn-additio, .modal-header .btn-additio {
    padding: 8px;
}

.btn-additio:hover,
.btn-additio:focus,
.btn-additio:active,
.btn-additio.active {
    color: var(--additio-red);
    background-color: rgba(0, 0, 0, 0.04);
}

.btn-additio.disabled,
.btn-additio[disabled],
.btn-additio.disabled:hover,
.btn-additio[disabled]:hover,
.btn-additio.disabled:focus,
.btn-additio[disabled]:focus,
.btn-additio.disabled:active,
.btn-additio[disabled]:active,
.btn-additio.disabled.active,
.btn-additio[disabled].active {
    background-color: #FFFFFF;
}

.btn-default {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-base);
    color: var(--additio-black);

    background-color: transparent;
    border-width: 0;
    border-radius: 8px;
    padding: 8px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
    color: var(--additio-black);
    background-color: rgba(0, 0, 0, 0.04);
}

.btn-default.disabled,
.btn-default[disabled],
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
.btn-default.disabled.active,
.btn-default[disabled].active {
    background-color: #FFFFFF;
}

.btn-additio-full-red {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-base);
    color: #FFFFFF;

    background-color: var(--additio-red);
    border-width: 0;
    border-radius: 8px;
    padding: 1rem 1.5rem;
}

.btn-additio-full-red:hover,
.btn-additio-full-red:focus,
.btn-additio-full-red:active,
.btn-additio-full-red.active {
    color: #FFFFFF;
    background-color: rgba(255, 80, 90, 0.6);
}

.btn-additio-full-red.disabled,
.btn-additio-full-red[disabled],
.btn-additio-full-red.disabled:hover,
.btn-additio-full-red[disabled]:hover,
.btn-additio-full-red.disabled:focus,
.btn-additio-full-red[disabled]:focus,
.btn-additio-full-red.disabled:active,
.btn-additio-full-red[disabled]:active,
.btn-additio-full-red.disabled.active,
.btn-additio-full-red[disabled].active {
    background-color: var(--additio-red);
}


/*
==========================================================================
TOASTR
==========================================================================
*/
#toast-container > div {
    opacity: 0.95;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    filter: alpha(opacity=95);
}

#toast-container .toast-info {
    background-color: #0081c7;
}


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

.pointer {
    cursor: pointer;
}

.btn-add {
    font-size: 40px;
}

/* Positions */
.pos-b {
    bottom: 0;
}

.pos-r {
    right: 0;
}

.pos-l {
    left: 0;
}

.pos-t {
    top: 0;
}

/* overflow */
.overflow-hide {
    overflow: hidden;
}

/* */
.text-left-hard {
    text-align: left !important;
}

.text-right-hard {
    text-align: right !important;
}

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

.text-light-hard {
    color: #A3A3A3 !important;
}

.text-gray-hard {
    color: #ccc !important;
}

.text-darkgray-hard {
    color: #666 !important;
}

.text-darker-hard {
    color: #a6a8b1 !important;
}

ol.list-decimal li {
    list-style-type: decimal
}

.row-xs {
    margin-left: -10px;
    margin-right: -10px;
}

.row-sm {
    margin-left: -20px;
    margin-right: -20px;
}

.row-md {
    margin-left: -40px;
    margin-right: -40px;
}

.row-lg {
    margin-left: -80px;
    margin-right: -80px;
}

.row-xlg {
    margin-left: -160px;
    margin-right: -160px;
}


.tbl-x0 {
    width: 0;
    min-width: 0;
}

.tbl-x0-xxs {
    width: 5px;
    min-width: 5px;
}

.tbl-x0-xs {
    width: 10px;
    min-width: 10px;
}

.tbl-x0-sm {
    width: 15px;
    min-width: 15px;
}

.tbl-x0-md {
    width: 20px;
    min-width: 20px;
}

.tbl-x0-lg {
    width: 25px;
    min-width: 25px;
}

.tbl-x0-xlg {
    width: 30px;
    min-width: 30px;
}

.tbl-x1 {
    width: 40px;
    min-width: 40px;
}

.tbl-x2 {
    width: 80px;
    min-width: 80px;
}

.tbl-x3 {
    width: 120px;
    min-width: 120px;
}

.tbl-x4 {
    width: 160px;
    min-width: 160px;
}

.tbl-x5 {
    width: 200px;
    min-width: 200px;
}

.tbl-x6 {
    width: 240px;
    min-width: 240px;
}

.tbl-x7 {
    width: 280px;
    min-width: 280px;
}

.tbl-x8 {
    width: 320px;
    min-width: 320px;
}

.tbl-x9 {
    width: 360px;
    min-width: 360px;
}

.tbl-x10 {
    width: 400px;
    min-width: 400px;
}

.w-max-x0 {
    max-width: 0;
}

.w-max-x1 {
    max-width: 40px;
}

.w-max-x2 {
    max-width: 80px;
}

.w-max-x3 {
    max-width: 120px;
}

.w-max-x4 {
    max-width: 160px;
}

.w-max-x5 {
    max-width: 200px;
}

.w-max-x6 {
    max-width: 240px;
}

.w-max-x7 {
    max-width: 280px;
}

.w-max-x8 {
    max-width: 320px;
}

.w-max-x9 {
    max-width: 360px;
}

.w-max-x10 {
    max-width: 400px;
}

.w-min-x1 {
    min-width: 40px;
}

.w-min-x2 {
    min-width: 80px;
}

.w-min-x3 {
    min-width: 120px;
}

.w-min-x4 {
    min-width: 160px;
}

.w-min-x5 {
    min-width: 200px;
}

.w-min-x6 {
    min-width: 240px;
}

.w-min-x7 {
    min-width: 280px;
}

.w-min-x8 {
    min-width: 320px;
}

.w-min-x9 {
    min-width: 360px;
}

.w-min-x10 {
    min-width: 400px;
}

.w-min-100 {
    min-width: 100%;
}


/* ELEMENTS */

.panel .list-group-item {
    border-color: #ccc;
}

.borderless {
    border: 0;
}

.borderless-hard {
    border: 0 !important;
}

.nowrap {
    white-space: nowrap;
}

.big {
    font-size: larger;
}

.smaller {
    font-size: 80%;
}

.smaller-hard {
    font-size: 80% !important;
}

.verticaltext {
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: right, top;
    position: absolute;
}

.slantedtext-right {
    transform: rotate(-52deg);
    transform-origin: right, top;
    -ms-transform: rotate(-52deg);
    -ms-transform-origin: right, top;
    -webkit-transform: rotate(-52deg);
    -webkit-transform-origin: right, top;
    position: absolute;
}

.slantedtext-left {
    transform: rotate(-142deg);
    transform-origin: right, top;
    -ms-transform: rotate(-142deg);
    -ms-transform-origin: right, top;
    -webkit-transform: rotate(-142deg);
    -webkit-transform-origin: right, top;
    position: absolute;
}

.text-additio {
    color: var(--additio-red) !important;
}

.text-accent {
    color: var(--additio-blue);
}

.text-standard-skill {
    color: #696969;
}

.text-light {
    color: #A3A3A3;
}

.text-gray {
    color: #858585;
}

.text-darkgray {
    color: #666;
}

.text-default {
    color: #58666e;
}

.text-input {
    color: #555;
}

.text-transparent {
    color: transparent;
}

.text-white-hard {
    color: #fff !important;
}

.verticaltext {
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: right, top;
    position: absolute;
}

.slantedtext-right {
    transform: rotate(-52deg);
    transform-origin: right, top;
    -ms-transform: rotate(-52deg);
    -ms-transform-origin: right, top;
    -webkit-transform: rotate(-52deg);
    -webkit-transform-origin: right, top;
    position: absolute;
}

.slantedtext-left {
    transform: rotate(-142deg);
    transform-origin: right, top;
    -ms-transform: rotate(-142deg);
    -ms-transform-origin: right, top;
    -webkit-transform: rotate(-142deg);
    -webkit-transform-origin: right, top;
    position: absolute;
}

.additio-color:hover {
    color: var(--additio-red) !important;
}

.bg-default {
    background-color: #E1E0E1;
}

.bg-lightgray {
    background-color: #FBFBFB;
}

.bg-additio,
.additio-background-color {
    background-color: var(--additio-red);
}

.bg-lightmidnight {
    background-color: #3a4163;
}

.b-gray {
    border-color: var(--additio-border-grey);
}

.b-darkgray {
    border-color: #999;
}

.additio-img-tiny-default {
    border-radius: 50%;
    border: 2px solid var(--additio-red);
}

.additio-img-tiny {
    border-radius: 50%;
    border: 2px solid black;
    object-fit: cover;
}


.additio-dialog-rowfix {
    line-height: 34px;
}

textarea.no-resize {
    resize: none;
}

.navbar-collapse, .app-content, .app-footer {
    margin-left: 0;
}

.app-aside {
    width: 0;
    position: absolute;
    height: 100%;
}

.app-aside-fixed .aside-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -260px;
    width: 260px;
}

.app-aside-fixed .aside-wrap .navi-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.navi-wrap nav .navi-wrap ul {
    width: 100%;
}

.app-aside-fixed .aside-wrap .navi-wrap > * {
    width: 260px;
}

.aside-wrap {
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
    z-index: 1000;
}

.aside-wrap.active {
    left: 0;
}

.butterbar {
    z-index: 150;
    position: relative;
}

.bg-white {
    background-color: #FFF;
}

.bg-gray {
    background-color: #F3F3F3;
}

.bg-darkgray {
    background-color: #E0E0E0;
}

.bg-darker {
    background-color: #a6a8b1;
}

.bg-navbar {
    background-color: #f1f1f1;
}


.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
    padding-right: 0;
    padding-left: 0;
}

.valign {
    display: flex;
    align-items: center;
}

.app-content-body.active:after {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background:rgba(0,0,0,0.5);*/
    z-index: 999;
}

.app-content-body.active {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: url('blur.svg#blur');
    \filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
    transition: filter, -webkit-filter 400ms ease;

    cursor: pointer;
}

/****** COMMON ******/
/****** COMMON: Additio List ******/
.additio-list .list-group-item.borderless {
    border: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-top: 1px;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
}

.additio-list .b-additio {
    border-color: var(--additio-red) !important;
}

/****** END: Additio List ******/

/* Selectable */

.list-group-item.selectable,
.list-group-item.selectable *:not(input) {
    cursor: pointer;
}

.list-group-item.selectable:hover {
    background-color: rgba(var(--additio-button-hover));
}

.list-group-item.selectable:active {
    background-color: #efefef;
}

/* /Selectable */

/* LOCATE */
.pull-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* /LOCATE */

/* PADDING */
.padder-l-none {
    padding-left: 0;
}

.padder-r-none {
    padding-right: 0;
}

/* /PADDING */

.app {
    height: 100%;
}

.app-content-body {
    height: 100%;
    background-image: url("../img/background.png");
    background-repeat: repeat;
    padding-bottom: 0;
}

.wrapper-additio-sm {
    padding: 0;
    height: 100%;
}

.panel {
    margin-bottom: 0;
    height: 100%;
    border-radius: 0;
    -webkit-box-shadow: 10px -5px 10px -5px rgba(0, 0, 0, 0.4), -10px -5px 10px -5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 10px -5px 10px -5px rgba(0, 0, 0, 0.4), -10px -5px 10px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 10px -5px 10px -5px rgba(0, 0, 0, 0.4), -10px -5px 10px -5px rgba(0, 0, 0, 0.4);
}

/* BUTTONS */

.btn-flat, .btn-flat:focus {
    font-size: var(--font-size-base);
    background-color: transparent;
    border-color: transparent;
}

.btn-flat:hover, .btn-flat:active, .btn-flat.active, .open .dropdown-toggle.btn-flat {
    background-color: rgba(0, 0, 0, 0.03);
    border-color: transparent;
}

.btn-md-lg, .btn-group-md-lg > .btn {
    padding: 8px 12px;
    font-size: 16px;
    line-height: 1;
    border-radius: 6px;
}

/****** COMMON: Button ADD ******/
.btn-add-container {
    text-align: center;
    vertical-align: middle;
    height: 40px;
}

.btn-add-container.horizontal {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100%;
    margin-top: 0;
    vertical-align: middle;
    padding: 0 0 5px 0;
}

.btn-add-container.horizontal.fill-width {
    width: 100%;
}

.btn-add-container.horizontal img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/****** END: Button ADD ******/

.i-checks input[disabled=disabled]:checked + i {
    border-color: #c1c1c1 !important;
}

.i-checks input[disabled=disabled]:checked + i:before {
    background-color: #c1c1c1 !important;
}

.i-checks input:checked + i:before {
    background-color: var(--additio-red);
}

.i-checks input:checked + i {
    border-color: var(--additio-red);
}


.line {
    margin: 0 !important;
}

/*
.b-b{ border-bottom: 1px solid #ccc; }
.b-t { border-top: 1px solid #ccc; }

.b-light {
    border-color: #f2f2f2;
}

.b-default {
    border-color: #ccc;
}

.b-b-hard {
    border-bottom: 1px solid #ccc !important;
}

.b-t-hard {
    border-top: 1px solid #ccc !important;
}

.b-b-none, .b-b-none th, .b-b-none td {
    border-bottom: 0 !important;
}

.b-t-none, .b-t-none th, .b-t-none td {
    border-top: 0 !important;
}

.b-additio {
    border-color: var(--additio-red);
}


/* FORM CONTROL - FONT SIZE */

.control-label-additio {
    padding-left: 0;
}


/* FORM INLINE*/
.form-inline label {
    position: relative;
    top: -2px;
    display: inline;
}

.form-inline .form-control {
    padding: 2px 12px !important;
}

/* override - s'hauria de saber perque cal, sinò treure (poder handsontable) */


th {
    font-weight: normal;
    padding: 2px !important;
}

.table.table-additio > tbody > tr > td, .table.table-additio > tfoot > tr > td {
    padding: 2px !important;
    vertical-align: middle;
}

.chosen-search {
    display: none;
}

table .btn-link {
    padding: 0 !important;
}

/* ICONS */
[class*="ic_"] {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.ic_calculator {
    background-image: url('../img/ico-alpha/ic_calculator.png');
}

.ic_resource {
    background-image: url('../img/ico-alpha/ic_clip2.png');
}

.ic_resource_black {
    background-image: url('../img/ico-black/ic_clip2.png');
    opacity: 0.7;
}

.ic_folder {
    background-image: url('../img/ico-black/ic_folder.png');
}

.ic_circle_add {
    background-image: url('../img/ico-black/ic_circle_add.png');
}

.ic_attendance {
    background-image: url('../img/ico-white/ic_attendance.png');
}

.ic_diary {
    background-image: url('../img/ico-white/ic_diary.png');
}

.ic_planning {
    background-image: url('../img/ico-white/ic_planning.png');
}

.ic_annotations {
    background-image: url('../img/ico-white/ic_annotations_pencil.png');
}

.ic_calendar {
    background-image: url('../img/ico-white/ic_calendar.png');
}

.ic_resources {
    background-image: url('../img/ico-white/ic_clip.png');
}

.ic_rubric_black {
    background-image: url('../img/ico-black/ic_rubrics.png');
}

.ic_rubric_alpha {
    background-image: url('../img/ico-alpha/ic_rubrics.png');
}

.tab-selected .ic_attendance {
    background-image: url('../img/ico-alpha/ic_attendance.png');
}

.tab-selected .ic_diary {
    background-image: url('../img/ico-alpha/ic_diary.png');
}

.tab-selected .ic_planning {
    background-image: url('../img/ico-alpha/ic_planning.png');
}

.tab-selected .ic_annotations {
    background-image: url('../img/ico-alpha/ic_annotations_pencil.png');
}

.tab-selected .ic_calendar {
    background-image: url('../img/ico-alpha/ic_calendar.png');
}

.tab-selected .ic_resources {
    background-image: url('../img/ico-alpha/ic_clip.png');
}


.ic_circle_group {
    background-image: url('../img/ico-alpha/ic_circle_group.png');
}

.ic_circle_calendar {
    background-image: url('../img/ico-alpha/ic_circle_calendar.png');
}

.ic_circle_planning {
    background-image: url('../img/ico-alpha/ic_circle_planning.png');
}

.ic_circle_edit {
    background-image: url('../img/ico-alpha/ic_circle_annotations.png');
}

.ic_circle_student {
    background-image: url('../img/ico-alpha/ic_circle_student.png');
}

.ic_circle_resources {
    background-image: url('../img/ico-alpha/ic_circle_resources.png');
}


.ic_resources-alpha {
    background-image: url('../img/ico-alpha/ic_clip.png');
}

.ic_refresh {
    background-image: url('../img/button/btn_refresh.png');
}

.ic_lock {
    background-image: url('../img/ico-alpha/ic_lock.png');
}

.ic_planning-alpha {
    background-image: url('../img/ico-alpha/ic_planning.png');
}

/* BUTTONS */
.button {
    display: inline-block;
    cursor: pointer;
    background-size: contain; /* was 100% */
    background-repeat: no-repeat;
    background-position: center;
}

.button-lg {
    height: 50px;
    width: 50px;
}

.button-md {
    height: 40px;
    width: 40px;
}

.button-sm {
    height: 32px;
    width: 32px;
}

.button-xs {
    height: 20px;
    width: 20px;
}

.button-xxs {
    height: 15px;
    width: 15px;
}

.button-smaller {
    height: 10px;
    width: 10px;
}

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

.button-last-col {
    background-image: url('../img/ico-alpha/ic_action_scroll_last_column.png');
}

.button-arrow-r, .button-arrow-r:hover, .button-arrow-r:active {
    background-image: url('../img/button/btn_right.png');
    background-size: 80%;
}

.button-arrow-l, .button-arrow-l:hover, .button-arrow-l:active {
    background-image: url('../img/button/btn_left.png');
    background-size: 80%;
}

.button-arrow-t, .button-arrow-t:hover, .button-arrow-t:active {
    background-image: url('../img/button/btn_top.png');
    background-size: 80%;
}

.button-arrow-b, .button-arrow-b:hover, .button-arrow-b:active {
    background-image: url('../img/button/btn_bottom.png');
    background-size: 80%;
}

.button-add {
    background-image: url('../img/button/btn_add.png');
}

.button-add-empty {
    background-image: url('../img/button/add_circle_empty.png');
}

.button-birthday {
    background-image: url('../img/ico-black/ic_birthday.png');
    background-size: 60%;
}

.button-add-white {
    background-image: url('../img/button/btn_add_white.png');
}

.button-add-gray {
    background-image: url('../img/button/btn_add_circle_gray.png');
    /* TODO: revisar "widgets" css. Cas concret de planning */
    position: relative;
    top: 5px;
}

.button-add-black {
    background-image: url('../img/button/btn_add_black.png');
}

.button-plus {
    background-image: url('../img/button/btn_add.png');
}

.button-minus {
    background-image: url('../img/ico-alpha/btn_minus_white.png');
}

.button-no-filter {
    background-image: url('../img/ico-alpha/ic_filter.png');
}

.button-filter {
    background-image: url('../img/ico-alpha/ic_remove_filter.png');
}

.button-menu {
    background-image: url('../img/menu/btn_menu.png');
    background-size: 70%;
}

.button-circle-calendar {
    background-image: url('../img/ico-black/ic_circle_calendar.png');
}

.button-calendar {
    background-image: url('../img/ico-black/ic_calendar.png');
}

.button-resources {
    background-image: url('../img/ico-black/ic_clip.png');
}

.button-resources-gray {
    background-image: url('../img/ico-gray/ic_clip.png');
}

:not(.footable-odd) .button-settings {
    background-image: url('../img/ico-alpha/ic_settings.png');
}

.footable-odd .button-settings {
    background-image: url('../img/ico-alpha/ic_settings_odd.png');
}

.button-settings-black {
    background-image: url('../img/ico-black/ic_config.png');
}

.button-edit {
    background-image: url('../img/button/btn_edit.png');
}

.button-remove {
    background-image: url('../img/ico-alpha/ic_circle_delete.png');
}

.button-sort {
    background-image: url('../img/button/btn_drawer.png');
}

.button-add-cross {
    background-image: url('../img/ico-black/ic_action_add.png');
    background-size: 80%;
    opacity: 0.5;
}

.button-search {
    background-image: url('../img/ico-black/ic_action_search.png');
    background-size: 70%;
    opacity: 0.5;
}

.button-date {
    background-image: url('../img/ico-black/ic_action_date.png');
    background-size: 70%;
    opacity: 0.5;
}

.button-wizard {
    background-image: url('../img/ico-alpha/ic_action_randomize.png');
}

.button-link {
    background-image: url('../img/ico-gray/ic_link.png');
}

.button-close-youtube {
    background-image: url('../img/button/btn_close_youtube.png');
}

.button-user-black {
    background-image: url('../img/button/user_black.png');
    background-size: 90%;
}

.button-command {
    color: white;
}

.button-command[disabled=disabled] {
    color: rgba(255, 255, 255, 0.60);
}

.center-modal {
    position: fixed;
    top: 15%;
    z-index: 1050;
}

.layout {
    height: inherit;
}

/* SETTINGS */
.settings-controller {

}

.settings-controller li.option {
    border: var(--list-border);
    border-radius: var(--list-border-radius);
    margin: var(--list-margin);
    min-height: var(--list-min-height);
    padding: var(--list-padding);
}


/* HOLIDAYS */

.holidays-controller {
    color: var(--additio-black);
}

/* MARK TYPE & REPORTS */
.chosen-fixed .chosen-container .chosen-drop {
    position: fixed;
    display: none;
    top: auto;
    left: auto;
}

.chosen-fixed .chosen-container.chosen-with-drop .chosen-drop {
    display: block;
    left: auto;
}

.chosen-w-full .chosen-container {
    width: 100% !important;
    max-width: 100% !important;
}

.chosen-container.chosen-container-single {
    position: relative;
}

.chosen-container.chosen-container-single::before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    margin-bottom: 215px;
}

.chosen-container .chosen-results li.highlighted {
    background-color: var(--additio-red) !important;
}

.centered-dropdown .chosen-single {
    text-align: center !important;
}

.centered-dropdown-items .chosen-drop {
    text-align: center !important;
}

.floating-label-form-group.has-error:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url("../img/warning.png") no-repeat;
    background-position: center;
    background-size: contain;
    top: 15px;
    right: 5px;
    position: absolute;
    display: inline-block;
}

.additio-input.input-group {
    position: relative;
}

.additio-input.input-group.has-error:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url("../img/warning.png") no-repeat;
    background-position: center;
    background-size: contain;
    top: 2px;
    right: 5px;
    position: absolute;
    display: inline-block;
    /* fix for .input-group .form-control */
    z-index: 3;
}

#confirm .modal-header {
    border-bottom: 0 solid #e5e5e5;
}

#confirm .modal-footer {
    border-top: 0 solid #e5e5e5;
}

.modal-dialog .chosen-container .chosen-results {
    max-height: 166px;
}

.modal-dialog .col-sm-8, .modal-dialog .col-sm-4 {
    line-height: 34px;
}

/* NOTES */

.notes-search-input .input-group .md-chips .md-chip-input-container {
    margin-top: 3px !important;
}

.breadcrumb.additio-breadcrumb {
    background-color: transparent;
    padding: 0;
    padding-left: 15px;
    margin-bottom: 0;
}

.breadcrumb.additio-breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: ">";
}

.note-item {
    border-radius: 0 !important;
    text-align: left;
}

/*@media (max-width: 991px){
    .note-item:after {
        display: none;
    }
}*/

.note-item h5 {
    margin-top: 0;
    margin-bottom: 2px;
}

.note-item .note-preview {
    max-height: 5.5em;
    overflow: hidden;
    color: var(--additio-black);
    display: block;
}

.note-item.note-diary .note-preview {
    max-height: 13.5em;
}

.note-item .note-preview p {
    margin-bottom: 0;
    line-height: 1.5em;
}

.note-item:not(:last-child) {
    border-bottom: 1px solid #ccc !important;
}

.note-list .note-item:last-child {
    border-bottom: 0 !important;
}

.note-item h5 > small {
    font-size: 85%;
}

/* NOTE DIARY */
.diary-list .planner-day {
    padding-right: 0;
}

.note-diary-item {
    border-radius: 0 !important;
    text-align: left;
    min-height: 140px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.note-diary-item .note-preview {
    max-height: 6em;
    overflow: hidden;
    color: var(--additio-black);
}

.note-diary-item .note-preview p {
    margin: 0;
    line-height: 1.5em;
}


/* NOTE EDITOR */
/*.note-editor .switch-animation {
    min-height: 400px;    
}*/
.note-editor .floating-label-form-group.has-error:after {
    top: 10px;
    right: 10px;
}


.note-editor .switch-animation.ng-enter {
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    -ms-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.additio-html-editor *[contenteditable|="true"] {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    min-height: 50px;
    font-family: "Verdana";
    font-size: 14px;
}

.additio-html-editor *[contenteditable|="true"] p {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 20px;
}

.additio-html-editor *[contenteditable|="true"] h1 {
    text-align: initial;
}

.additio-html-editor *[contenteditable|="true"] h3 {
    color: initial;
}

.additio-html-editor *[contenteditable|="true"]::before {
    font-size: 12px;
    color: #9999A5;
}

.additio-html-editor *[contenteditable|="true"] a {
    color: var(--additio-red);
}


/* FORM */
.additio-form-title {
    font-size: 13px !important;
    line-height: 1em !important;
}

/* SCROLLBAR FIX */
.ngsb-wrap .ngsb-scrollbar.additio {
    opacity: 0.1;
    transition: 1s opacity;
}

.ngsb-wrap .ngsb-scrollbar.additio .ngsb-thumb-pos .ngsb-thumb:hover {
    background-color: var(--additio-red)
}

@media (min-width: 768px) {
    .modal-formula-generator .modal-lg {
        width: 687px;
    }
}

/* STUDENT RANDOM */
.student-random-modal.center-modal {
    top: 25%;
}

.student-random-modal .modal-content {
    min-height: initial;
}

.student-random * {
    transition: 0.5s all ease;
}

.student-random h1 {
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.student-thumb {
    border: 2px solid;
    border-radius: 50%;
}

.student-thumb-lg {
    width: 100px;
    height: 100px;
}

.anim-litter * {
    transition: 0.2s all ease;
}

.anim-litter .student-thumb {
    transform: scale(0.9);
    transform-origin: center center;
}

.anim-litter h1 {
    font-size: 1.2em;
}

.anim-bigger * {
    transition: 0.4s all ease;
}

.anim-bigger .student-thumb {
    transform: scale(1.1);
    transform-origin: center center;
}

.anim-bigger h1 {
    font-size: 1.9em;
}

/* /STUDENT RANDOM */

/* TODAY */
.today-header {

}

.today-body > label {
    padding-top: 20px;
}

.today-body > label > b {
    /*font-size:0.85em;*/
}

.today-body .today-event {
    margin-top: 15px;
}

.today-body .today-event.first {
    margin-top: 10px;
}

.today-body .today-event .planner-event > div > div {
    border-top: 1px solid #ccc;
}

.today-body .today-event .planner-event:not(.with-group) {
    color: #808080;
}

.today-body .today-event .planner-event:not(.with-group) .bs-callout-planner {
    border-right-color: #808080;
}

.today-body .planner-event:not(.with-group) .buttons .button {
    background-color: #808080;
}

.today-body .event-soon {
    margin-top: 5px;
}


.today-body .remaining-time {
    background: black;
    color: white;
    min-width: 100px;
    font-size: 11px;
    padding-left: 5px;
}

.today-header.b-b {
    border-bottom: 2px solid black !important;
}

.today-footer {
    color: var(--additio-black);
}

.today.today-footer label {
    padding-top: 10px;
    padding-bottom: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.today-footer .pipe {
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 0;
    width: 1px;
    background: black;
}

.today-footer .today-select-day {
    font-size: 18px;
}

.today-footer .today-select-day.active {
    border-bottom: 2px solid var(--additio-red);
}

/* /TODAY */

/* COPY TABS AND COLUMNS */
.tab-list {

}

.tab-list .disabled {
    color: #ccc;
}

/* /COPY TABS AND COLUMNS */

/*.navbar-right li{*/
/*    padding:5px;*/
/*}*/

/*.navbar-right li:last-child{*/
/*    padding:5px 0 5px 5px;*/
/*}*/

.md-open-menu-container {
    z-index: 1050;
}

.dropdown-menu {
    z-index: 1060;
}

.dropdown-menu-additio-select {
    z-index: 1060;
    max-height: 30vh;
    overflow: hidden;
    overflow-y: scroll;
}

.dropdown-menu.dropdown-menu-right {
    left: inherit;
    right: 0;
}

.dropdown-menu.additio-right-menu {
    width: 244px;
}

.dropdown-menu.additio-right-menu.students-menu {
    width: 264px;
}

.dropdown-menu.additio-right-menu li {
    color: #000;
}

.dropdown-menu.additio-right-menu li .checkbox {
    margin: 0;
}

.dropdown-menu.additio-right-menu li a:before {
    content: none;
}

/* .dropdown-menu.additio-right-menu li[disabled="disabled"], */
.dropdown-menu.additio-right-menu li[disabled="disabled"].additio-menu-command,
.dropdown-menu.additio-right-menu li[disabled="disabled"].additio-menu-command > a {
    color: #adadad;
}


/* SORTABLE LIST */
.as-sortable-item {
    border: solid 0 transparent !important;
}

/* /SORTABLE LIST */

.btn-default.poor {
    border: 0;
    padding-right: 0;
    line-height: 26px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.poor:hover {
    border: 0;
    background-color:   #FFF;
}

/**** BULK STUDENTS EDITOR ****/
@media (min-width: 980px) {
    .bulk-students-editor .modal-dialog.modal-lg {
        width: 900px;
        height: 90%;
    }

    .note-editor .modal-dialog.modal-lg {
        width: 720px;
        height: 70%;
    }
}

@media (min-width: 1200px) {
    .bulk-students-editor .modal-dialog.modal-lg {
        width: 1120px;
        height: 90%;
    }

    .note-editor .modal-dialog.modal-lg {
        width: 940px;
        height: 70%;
    }
}

@media (min-width: 1600px) {
    .bulk-students-editor .modal-dialog.modal-lg {
        width: 90%;
        height: 90%;
    }

    .note-editor .modal-dialog.modal-lg {
        width: 80%;
        height: 70%;
    }
}

#hot th {
    padding: 0 !important;
    font-weight: 400;
}

.handsontable {
    position: relative;
    height: 100%;
}

.htContextMenu {
    position: absolute;
    height: inherit;
}

/*
#hot .handsontable td {line-height: 30px;}
#hot .handsontable th {height: 30px;line-height: 30px;}
*/

#hot tbody > tr:nth-child(2n) > td {
    background: #F3F3F4;
}

#hot tbody > tr:nth-child(2n+1) > td {
    background: #fff;
}

#hot .handsontable table {
    box-shadow: none;
    -webkit-shadow: none;
}

.bulk-students-editor .modal-content {
    height: 100%;
}

.bulk-students-editor-modal {
    height: 100%;
}

.bulk-students-editor .modal-footer {
    border-top: 1px solid #e5e5e5;
}

/**** End BULK STUDENTS EDITOR ****/

/* ACCESS CONTROLLER */
.access-controller .bs-callout.bs-callout-warning h5 {
    color: var(--additio-orange);
}

.access-controller .bs-callout.bs-callout-success h5 {
    color: var(--additio-green);
}

.access-controller .bs-callout.bs-callout-info h5 {
    color: var(--additio-blue);
}

.access-controller .bs-callout.bs-callout-danger h5 {
    color: var(--additio-red);
}

.access-controller .bs-callout.bs-callout-additio h5 {
    color: var(--additio-red);
}

.access-controller .signup-catpcha > div > div > div {
    margin: auto;
}

/* agree */
.access-controller .agree.accent a {
    color: var(--additio-blue);
}

.access-controller .agree.accent .i-checks input:checked + i, .access-controller .form-validation .agree.accent .i-checks .ng-invalid.ng-dirty + i {
    border-color: var(--additio-blue);
}

.access-controller .agree.accent .i-checks input:checked + i:before {
    background-color: var(--additio-blue);
}

/* remember me */
.access-controller .remember-me.accent a {
    color: var(--additio-blue);
}

.access-controller .remember-me.accent .i-checks input:checked + i, .access-controller .form-validation .remember-me.accent .i-checks .ng-invalid.ng-dirty + i {
    border-color: var(--additio-blue);
}

.access-controller .remember-me.accent .i-checks input:checked + i:before {
    background-color: var(--additio-blue);
}


.additio-html-editor *[contenteditable|="true"] blockquote,
.note-item .note-preview blockquote {
    border-color: transparent;
    padding: 0;
    margin: 0 0 0 40px;
    font-size: inherit;
    border-left: 5px solid transparent;
}

/* TEXT EDITOR FIX */
html input[id^=textAngular] {
    display: none;
}

.popover {
    font-family: "Inter", verdana;
}

/* DIRECTIVE - ADDITIO-SELECTABLE-COLLECTION-ITEM */
.additio-selectable-collection-item .cell.highlight:hover {
    background-color: rgba(255, 255, 255, 0.25);
}


.margin-top-05 {
    margin-top: 0.5em !important
}

.margin-top-10 {
    margin-top: 1.0em !important
}

.margin-top-15 {
    margin-top: 1.5em !important
}

.margin-top-20 {
    margin-top: 2.0em !important
}

.margin-top-25 {
    margin-top: 2.5em !important
}

.margin-top-30 {
    margin-top: 3.0em !important
}

.margin-top-35 {
    margin-top: 3.5em !important
}

.margin-top-40 {
    margin-top: 4.0em !important
}

.margin-bot-05 {
    margin-bottom: 0.5em !important
}

.margin-bot-10 {
    margin-bottom: 1.0em !important
}

.margin-bot-15 {
    margin-bottom: 1.5em !important
}

.margin-bot-20 {
    margin-bottom: 2.0em !important
}

.margin-bot-25 {
    margin-bottom: 2.5em !important
}

.margin-bot-30 {
    margin-bottom: 3.0em !important
}

.margin-bot-35 {
    margin-bottom: 3.5em !important
}

.margin-bot-40 {
    margin-bottom: 4.0em !important
}

.margin-left-05 {
    margin-left: 0.5em !important
}

.margin-left-10 {
    margin-left: 1.0em !important
}

.margin-left-15 {
    margin-left: 1.5em !important
}

.margin-right-05 {
    margin-right: 0.5em !important
}

.margin-right-10 {
    margin-right: 1.0em !important
}

.margin-right-15 {
    margin-right: 1.5em !important
}

.fill {
    min-height: 100%;
    height: 100%;
}

/* SCHOOL LOGO */
.button-school-logo {
    width: 100px;
    height: 50px;

    background-position: center;
    background-size: contain;
}

.additio-price {
    font-size: 45px;
}


.additio-empty {
    display: flex;
    height: 100%;
    background-color: var(--additio-red);
}

.additio-empty h1 {
    color: #FFF;
    font-size: 22px;
    font-weight: 500;
}

.additio-empty img {
    max-width: 320px;
}

.additio-empty .description {
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    white-space: pre-line;
}

.additio-empty-container {
    margin-top: -50px;
    align-self: center;
}


.additio-alert {
    text-align: center;
    margin: 0;
    width: 100%;
    z-index: 1049;
    border-radius: 0;
    font-size: 14px;
    padding: 14px;
}

/* Settings profile */
input#school_logo {
    font-size: 16px !important;
    line-height: 16px;
}

.app .login-platforms {
    color: rgba(var(--additio-black-rgb), 0.75);
    text-transform: uppercase;
    text-align: center;
}

.app .login-app-stores {
    display: flex;
    justify-content: space-evenly;
}

.no-border {
    border: 0 hidden transparent;
}


[class*="ic-"] {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.ic-share {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
}

.ic-share-admin {
    background-image: url('../img/ico-alpha/ic_share_admin.png');
}

.ic-share-delete {
    background-image: url('../img/ico-alpha/ic_share_delete.png');
}

.ic-share-edit {
    background-image: url('../img/ico-alpha/ic_share_edit.png');
}

.ic-share-view {
    background-image: url('../img/ico-alpha/ic_share_view.png');
}

.ic-share-view-grey-back {
    background-image: url('../img/ico-alpha/ic_share_view_grey.png');
}


.list-group-item span.title {
    font-size: 17px;
    font-weight: 400;
}

.list-group-item span.description {
    font-size: 14px;
    font-weight: 300;
}

/* Fix for floating label input */
.label-text-input,
.floating-label-form-group input.text-input,
.floating-label-form-group textarea.text-input,
.floating-label-form-group .aditio-form-control.text-input {
    font-size: 15.6px !important;
}

/* Fix for floating label input END */

.invisible {
    opacity: 0;
}


.md-chips md-chip {
    background-color: #FFFFFF;
}

.md-list.additio-md-list .md-list-item {
    background-color: rgba(238, 46, 75, 0.15);
    margin-bottom: 5px;
}

.md-list.additio-md-list .md-list-item .md-list-item-text {
    font-size: 15px;
    font-weight: 500;
    color: rgb(238, 46, 75);
}

.md-list.additio-md-list .md-list-item .i-checks {
    margin-bottom: 0;
}


/** POPOVER COLUMN_CONFIG VALUE_RANGE TYPE: ACCESSORY ICON **/
.value_range_popover-icon {
    height: 256px;
}

.value_range_popover-icon .popover-title {
    padding: 4px 10px;
}

.value_range_popover-icon .popover-content {
    height: 214px;
}

.value_range_popover-icon .popover-content .selector-icon-list {
    height: 210px;
}

.confirm-modal {
    position: fixed;
    top: 15%;
    z-index: 1050;
}

.confirm-modal-little-bigger {
    position: fixed;
    top: 15%;
    z-index: 1050;
}

.confirm-modal-little-bigger .modal-dialog {
    width: 320px;
}

.confirm-modal-little-bigger .modal-dialog .modal-body {
    min-height: 122px !important;
}


/*
==========================================================================
GROUP LIST
==========================================================================
*/
md-list.group-list md-list-item {
    border: var(--list-border);
    border-radius: var(--list-border-radius);
    height: var(--list-min-height);
    margin: var(--list-margin);
    min-height: var(--list-min-height);
}

md-list.group-list md-list-item:last-child {
    margin-bottom: 0;
}

md-list.group-list md-list-item .md-button {
    font-size: var(--list-font-size);
    font-weight: var(--list-font-weight) !important;
    line-height: var(--list-line-height);
}

md-list.group-list md-list-item .i-checks {
    margin-bottom: 0;
}

md-list.group-list md-list-item .group-archived {
    height: 32px;
    padding: 0 15px;

    line-height: 30px;
    background: rgba(255, 255, 255, 0.4);

    color: #707070;
    font-size: 12px;
    font-weight: 400;

    margin-left: 8px;
}

.group-list .group-archived img {
    height: 16px;
    opacity: 0.6;
}

.group-list .group-archived span {
    vertical-align: middle;
}

.group-list .group-cloud-archived {
    height: 32px;
    padding: 0 15px;

    line-height: 30px;
    background: rgba(255, 255, 255, 0.4);

    color: #707070;
    font-size: 12px;
    font-weight: 400;

    margin-left: 8px;
}

.group-list .group-cloud-archived .glyphicon {
    height: 16px;
    line-height: 30px;
}

md-list.group-list md-list-item .group-shared {
    height: 32px;
    padding: 0 15px;

    line-height: 30px;
    background: rgba(255, 255, 255, 0.4);

    color: #707070;
    font-size: 12px;
    font-weight: 400;

    margin-left: 8px;
}

.group-list .group-shared img {
    height: 16px;
    opacity: 0.6;
}

.group-list .group-shared span {
    vertical-align: middle;
}

.group-list .group-cloud-archived span {
    line-height: 30px;
}

.group-list .group-highlight {
    margin: 0 15px;
    height: 32px;
    line-height: 32px;
}

.group-list .group-highlight img {
    height: 18px;
}

.info-text {
    margin-left: 5px;
}


/*
==========================================================================
STUDENT LIST
==========================================================================
*/
md-list.student-list md-list-item {
    height: 54px;
    margin-bottom: 5px;
}

md-list.student-list md-list-item .md-button {
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 20px;
}

md-list.student-list md-list-item .md-avatar {
    width: 34px;
    height: 34px;
}

/****** TAB LIST ******/
md-list.tab-list md-list-item {
    height: 54px;
    margin-bottom: 5px;
}

md-list.tab-list md-list-item .md-button {
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 20px;
}

md-list.tab-list md-list-item .i-checks {
    margin-bottom: 0;
}

/****** COLUMN CONFIG LIST ******/
md-list.column-config-list md-list-item {
    height: 54px;
    margin-bottom: 5px;
}

md-list.column-config-list md-list-item .md-button {
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 20px;
}

md-list.column-config-list md-list-item .additio-column-item-select {
    margin-right: 10px;
    margin-bottom: 0;
}

md-list.column-config-list md-list-item .additio-column-item-icon {
    margin-left: 10px;
}

md-list.column-config-list md-list-item .additio-column-item-icon .material-icons {
    font-size: 18px;
    vertical-align: middle;
}

md-list.column-config-list md-list-item .ic_folder {
    display: inline-block;
    vertical-align: middle;

    width: 20px;
    height: 18px;
    opacity: 0.5;
}

md-list.column-config-list md-list-item .additio-column-item-weight {
    margin-left: 10px;
}

md-list.column-config-list md-list-item .additio-column-item-weight input {
    display: inline-block;
    width: 75px;
    height: 34px;
    line-height: 34px;
    padding: 6px 12px;
    text-align: right;

    background: #FFFFFF;
    border: 0;
}

md-list.column-config-list md-list-item .additio-column-item-edit {
    margin-left: 10px;
}

/** Aditio Centers Panel - Iframe directive */

additio-centers-panel {
    display: block;
    min-height: 100%;
}

additio-centers-panel iframe {
    border: 0;
}

/** Additio Student Linking */

additio-student-linking-item-list .student-names {
    font-weight: 500;
    font-size: 14px;
    max-width: calc(100% - 72px);
}

/** Additio exporter planning modal */
.group-planning .modal-content {
    min-height: 450px;
}

.group-edit-external {
    margin-left: 10px;
}

/* INPUT - ERRORS */
.hide-validation-error .md-errors-spacer {
    display: none;
}


/* MATERIAL ICONS */
.material-icons-outlined.tiny,
.material-icons.tiny {
    font-size: 1rem;
}

.material-icons-outlined.small,
.material-icons.small {
    font-size: 2rem;
}

.material-icons-outlined.sm-md,
.material-icons.sm-md {
    font-size: 3rem;
}

.material-icons-outlined.medium,
.material-icons.medium {
    font-size: 4rem;
}

.material-icons-outlined.large,
.material-icons.large {
    font-size: 6rem;
}

/* FAB BUTTON */
.md-button.md-default-theme.md-fab, .md-button.md-fab {
    background-color: var(--additio-red);
}


.btn-category-add-child {
    padding: 2px;
}


/* SELECT */

.dropdown-select > button:active {
    background-image: none !important;
    background-color: white !important;
    color: #ff505a !important;

}

.dropdown-select > button:focus {
    background-image: none !important;
    background-color: white !important;
    color: #ff505a !important;

}

.dropdown-select > button:hover {
    background-image: none !important;
    background-color: white !important;
    color: #ff505a !important;

}

.dropdown-select > button:active:focus:hover {
    background-image: none !important;
    background-color: white !important;
    color: #ff505a !important;
}

.dropdown-select > button {
    background-image: none;
    color: #ff505a;
}

.dropdown-menu-select > li > a:hover {
    background-image: none;
    background-color: #ff505a;
    color: white;
}

.select-caret {
    position: absolute;
    right: 2%;
    margin-top: 1.5%
}

.floating-label-form-group {
    padding-bottom: 0;
    position: relative;
}

.additio-form-title {
    font-size: 13px !important;
    line-height: 1em !important;
}
.coevaluate-full-name{
    max-width: 160px;
    width: 160px;
    display: flex;
    align-items: center;
    align-content: center;

}
.onboarding-chips .md-chip-input-container {
    width: 60%;
}

.nav-menu-icon {
    margin-right: 15px;
    height: 22px;
    width: auto;

}

.nav-menu-title {
    height: 22px;
    width: auto;
}

.chatbot_right {
    transition: transform 0.17s linear !important;
    transform: translateX(360px) !important;
}

.student-fields-dropdown {
    border-bottom: 1px solid var(--additio-border-grey);
    cursor: pointer;

}
additio-empty-list {
    display: block;
    padding: 10px 10px;
}

additio-empty-list img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 280px;
    padding: 15px 0px;
}
.scroll{
    overflow-y: hidden;
    height: auto;
    width: auto;
}


.external-linked-container {
    min-height: calc(100vh - 90px - 50px - 5px - 45px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.file-drop-box {
    background: #FAFAFA;
    border: 3px dashed #EEE;
    height: 164px;
    font-size: 14px;
    padding: 10px 15px;
}

/* Backdrop */

.additio-help-media {
    /* VERY IMPORTANT */
    pointer-events: none;

    transition: 0.6s ease background-color;
    background-color: transparent;

    /* Group tab has z-index 101, in safari is hidden by the content div. */
    /* App toolbar has z-index 1025. */
    /* Aside menu z-index 1050. */
    z-index: 1051;
}

.additio-help-media.active {
    /* VERY IMPORTANT */
    pointer-events: auto;

    /* VERY IMPORTANT */
    background-color: rgba(0, 0, 0, 0.6);
}

.additio-help-media > * {
    /* VERY IMPORTANT */
    pointer-events: auto;
}


/* Cursor */
.additio-help-media .video-wrapper {
    transition: 0.6s ease all;
    position: absolute;
    background-color: transparent;

    right: 60px;
    bottom: 40px;
    -webkit-transform:translateX(0) translateY(0);
    -moz-transform:translateX(0) translateY(0);
    -ms-transform:translateX(0) translateY(0);
    -o-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);


    /* fix span */
    display: inline-block;

    width: 321px;
    min-width: 321px;
    height: 181px;

    cursor: pointer;

    /*border: 1px solid black;*/

}

.additio-help-media.active .video-wrapper {
    right: 50%;
    bottom: 50%;
    /* bring your own prefixes */
    -webkit-transform:translateX(50%) translateY(50%);
    -moz-transform:translateX(50%) translateY(50%);
    -ms-transform:translateX(50%) translateY(50%);
    -o-transform:translateX(50%) translateY(50%);
    transform: translateX(50%) translateY(50%);

    width: 795px;
    height: 447px;
}

.additio-help-media:not(.active).help-menu-enabled .video-wrapper {
    bottom: 60px;
}
.additio-help-media:not(.active).help-menu-enabled.help-menu-open .video-wrapper {
    /*bottom: 100%;
    transform: translateY(150%);
    right: 475px;
    bottom: 0px;*/
}

.additio-help-media .video-wrapper.ng-enter {
    /*display: none;*/
}

.additio-help-media .video-wrapper .cover {
    transition: 0.6s ease background-color;
    background-color: rgba(0,0,0,0.0);
}
.additio-help-media.state-undefined .video-wrapper .cover {
    background-color: rgba(0,0,0,0.6);
}

.additio-help-media.ng-leave .video-wrapper,
.additio-help-media .video-wrapper.ng-leave {
    display: none;
}

.additio-help-media .video-wrapper .video {
    width: 100%;
    height: 100%;
}

.additio-help-media .video-wrapper .cover {
    display: block;
}
.additio-help-media.active .video-wrapper .cover {
    display: none;
}

.additio-help-media .send-email {
    font-weight: 400;
    margin-top: 8px;
}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    /* NOTHING */
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    /* NOTHING */
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    /* NOTHING */
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    /* NOTHING */
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    /* NOTHING */
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    /* NOTHING */
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    /* NOTHING */
}

/* Desktop 800x600 */
@media only screen and (max-width : 800px) {
    .additio-help-media.active .video-wrapper {
        width: 700px;
        height: 394px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .additio-help-media.active .video-wrapper {
        width: 650px;
        height: 365px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 736px) {
    .additio-help-media.active .video-wrapper {
        width: 550px;
        height: 309px;
    }
}

@media only screen and (max-width : 694px) {
    /* iPad Air 2 */
    .additio-help-media.active .video-wrapper {
        width: 600px;
        height: 337px;
    }
}

@media only screen and (max-width : 667px) {
    .additio-help-media.active .video-wrapper {
        width: 500px;
        height: 281px;
    }
}

@media only screen and (max-width : 568px) {
    .additio-help-media.active .video-wrapper {
        width: 400px;
        height: 225px;
    }
}

@media only screen and (max-width : 480px) {
    .additio-help-media.active .video-wrapper {
        width: 310px;
        height: 174px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .additio-help-media .video-wrapper { right: 10px; }
    .additio-help-media.active .video-wrapper {
        width: 250px;
        height: 141px;
    }
}


/** GROUP LIST **/
.marktype-list{
    list-style-type: none;
}

.marktype-list li{
    cursor:pointer;
}

.marktype-list li > div{
    height: 56px;
    padding: 5px 20px;
    margin-bottom: 5px;
    line-height: 46px;
    font-weight: 500;
    font-size: 15px;
}

.popover.icon-popover {
    z-index: 1100;
}
/** End GROUP LIST **/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14-mar-2016, 16:23:24
    Author     : macmini
*/

.md-chips md-chip {
    border-radius: 0px;
    background-color: #D8D8D8;
    border: 1px solid #D8D8D8;
    color: var(--additio-black);    
}
.md-chips md-chip {
    padding: 0px 5px;
    margin: 12px 8px 0 0;
}

md-chips.borderless.md-default-theme .md-chips, md-chips.borderless .md-chips {
    box-shadow: none;
    padding-left: 0px;
}
md-chips.md-default-theme md-chip.md-focused md-icon, md-chips md-chip.md-focused md-icon{
    color: var(--additio-black);
}
md-chips.md-default-theme md-chip.md-focused, md-chips md-chip.md-focused {
    background: #BDBDBD;
    color: var(--additio-black);
}
md-chips.md-chip-xs md-chip {
    height: 22px;
    line-height: 20px;
    font-size: 12px;
}
md-chips.md-chip-xs md-chips-wrap {
    height: 32px;
}
md-chips.md-chip-xs .md-chip-input-container,
md-chips.md-chip-xs .md-chip-input-container:not(:first-child){
    margin: -4px 8px 0 0;
}
md-chips.md-chip-xs md-chip {
    margin: 0px 8px 0 0;
}
md-chip .md-chip-remove-container {
    line-height: 0px !important;
}
md-chips.md-chip-xs md-chip .md-chip-remove{
    width: 22px;
    height: 22px;
}
.md-chips md-chip .md-chip-remove md-icon {
    min-height: 18px;
    min-width: 18px;
    height: 18px;
    width: 18px;
}

md-chips.md-chip-xs .md-chip-input-container{
    line-height: 22px;
}
/* SEARCH INPUT */
.input-group .md-chips md-chip {
    margin-top: -2px;
}
.input-group md-chips.md-default-theme .md-chips, .input-group md-chips .md-chips {
    box-shadow: none !important;
    padding: 0px;
}
.input-group md-chips.md-chip-xs.form-control{
    height: 30px;
}
.input-group .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
    margin-top: -5px !important;
}
.input-group md-chips.md-chip-xs .md-chip-input-container{
    margin-top: -7px !important;
}
/* END SEARCH INPUT */

.chipsdemoCustomInputs md-content.autocomplete {
    min-height: 200px; 
}

.chipsdemoCustomInputs input[type=number] {
    width: 110px; 
}

.chipsdemoCustomInputs .veggie-option {
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding: 0 8px; 
}

.chipsdemoCustomInputs .veggie-option .md-item-text {
    padding: 8px;
    background: #f0f0f0;
    border-radius: 3px; 
}

.chipsdemoCustomInputs .veggie-option .md-item-text h3,
.chipsdemoCustomInputs .veggie-option .md-item-text p {
    padding: 0;
    margin: 0; 
}


/*
Copyright 2016 Google Inc. All Rights Reserved. 
Use of this source code is governed by an MIT-style license that can be in foundin the LICENSE file at http://material.angularjs.org/license.
*/

.note-list .note-item md-chips.md-default-theme .md-chips,
.note-list .note-item md-chips .md-chips{
    box-shadow: none;
    padding-left: 0px;
}

/* fix for autocomplete (group-notes view) */
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    z-index: 1100;
}

/* Notifications */

.app-notifications .additio-page-header .icon {
    background-image: url(../img/communication/section/notifications.png);
    background-position: 0px -5px;
}

.app-notifications .additio-page-header .title {
    padding-left: 0px;
}

.ui-notification.clipboard {
    background: #434343;
}

.ui-notification.clipboard > .message {
    text-align: center;
}

#notification-container {
    background-color: rgba(var(--additio-bg-blue-rgb), 0.35);
    box-shadow: inset 0px 5px 5px rgba(var(--additio-black-rgb), 0.1);
}

/* Items */
.app-notifications .app-notification-item {
    margin: 12px;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 3px 3px 5px 0px rgb(var(--additio-black-rgb), 0.1);
    background-color: white;

    transition: box-shadow 0.2s ease-in-out;
}

.app-notifications .app-notification-item:hover {
    box-shadow: 3px 3px 5px 1px rgb(var(--additio-black-rgb), 0.25);
}

.app-notifications .app-notification-item .app-notification-attachments .image-placeholder {
    display: flex;
    height: 200px;
    border-radius: 8px;
    animation: image-placeholder-anim 2s ease-in-out 0s infinite;
}

@keyframes image-placeholder-anim {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.45;
    }
    100% {
        opacity: 1;
    }
}

.app-notifications .app-notification-item .app-notification-attachments .document-grid {
    padding: 0;
    margin-top: 0;
    display: grid;
    row-gap: 16px;
}

.app-notifications .app-notification-item .app-notification-attachments .image-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 16px;
    column-gap: 16px;
}

@media (max-width: 767px) {
    .app-notifications .app-notification-item .app-notification-attachments .image-grid {
        grid-template-columns: 100%;
    }
}

.app-notifications .app-notification-item .communication {
    font-size: 18px;
    line-height: 18px;
}

.app-notifications .app-notification-item p {
    line-height: 22px;
}

.app-notifications .app-notification-attachment-item .document {
    background-color: #ffffff;
    border: 1px solid;
    border-radius: 8px;
    cursor: pointer;
    margin-right: 12px;
}

.app-notifications .app-notification-attachment-item .image .attachment-image-thumbnail {
    width: 100%;
    height: 200px;
    border-radius: 8px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.app-notifications .app-notification-attachment-item .image .attachment-image-thumbnail.error {
    opacity: 0.5;
}

.app-notifications .notification-text {
    font-size: var(--font-size-base);
    text-align: justify;
}

.app-notifications .notification-text a {
    font-weight: 400;
}

.app-notifications .label {
    padding: 0.2em 0.6em 0.3em;
    font-size: 65%;
}

.app-notifications .label-success {
    background-color: #5db274;
}

.app-notifications .label-warning {
    background-color: #ffbc65;
}

/* COMMUNICATIONS */
#popover-contextual_menu-communications-event-answers.popover .popover-content {
    width: 220px;
    min-height: 100px;
}

#popover-contextual_menu-communications-event-answers.popover .popover-content .answers-wrapper {
    max-height: 230px;
}

#popover-contextual_menu-communications-event-answers.popover .popover-content .answers-wrapper table td {
    font-size: 14px;
    font-weight: 300;
}


.group-template-catalog .modal-content {
    height: 100%;
    overflow: hidden; /** temporal  **/
}

.group-template-catalog-modal {
    height: 100%;
    padding-top: 15px !important;
}

.group-template-catalog-modal .select-contents {
    min-width: 100%;
    padding-top: 0px !important;
}

.group-template-catalog-modal .select-contents .content-icon img {
    width: 150px;
    height: 150px;
}

.group-template-catalog-modal .select-contents .report-legend {
    border: 1px solid var(--additio-border-grey);
    border-radius: 8px;
    width: 100%;
}

.group-template-catalog-modal .select-contents .report-content {
    width: 100%;
    overflow-x: auto;
}

.report-legend .report-legend-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 16px;
    padding: 16px;
    width: 100%;
}

.report-legend .report-legend-content .report-legend-cell {
    display: flex;
    align-items: center;
}


.group-template-import-modal {
    height: 100%;
    padding-top: 15px !important;
}

.group-template-catalog .modal-footer {
    border-top: 1px solid #e5e5e5;
}

/**** BULK STUDENTS EDITOR ****/

@media (min-width: 980px) {
    .group-template-catalog .modal-dialog.modal-lg {
        width: 900px;
    }

    .note-editor .modal-dialog.modal-lg {
        width: 720px;
        height: 70%;
    }
}

@media (min-width: 1200px) {
    .group-template-catalog .modal-dialog.modal-lg {
        width: 1120px;
    }

    .note-editor .modal-dialog.modal-lg {
        width: 940px;
        height: 70%;
    }
}

@media (min-width: 1600px) {
    .group-template-catalog .modal-dialog.modal-lg {
        width: 90%;
    }

    .note-editor .modal-dialog.modal-lg {
        width: 80%;
        height: 70%;
    }
}


/* DIRECTIVE */
.group-template-item {
    padding-bottom: 10px;
}

.group-template-item .group-template-item-cover .group-template-item-cover-img {
    width: 170px;
    max-width: 170px;
    height: 220px;
    cursor: pointer;
}

.group-template-item .group-template-item-cover .group-template-item-cover-img > * {
    width: 100%;
    height: 100%;
}

.group-template-item .group-template-item-cover .group-template-item-cover-img > .picture {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}

.group-template-item .group-template-item-cover .group-template-item-cover-img > .no-picture {
    background-color: #dadada;
    color: #bbbbbb;
    font-size: 40px;
}

.group-template-item .group-template-item-cover .group-template-item-selected {
    width: 40px;
    height: 40px;

    top: 5px;
    right: 5px;

    background-image: url('/components/partners/img/book_selected.png');
    background-size: contain;
    background-position: center;
}

.group-template-item .group-template-item-info {
    padding-top: 10px;
    padding-bottom: 20px;
}

.group-template-item .group-template-item-info .group-template-item-text {
    line-height: 20px;
    max-height: 20px;
    overflow: hidden;
}


/*
==========================================================================
PARTNER
==========================================================================
*/

/*
==========================================================================
PARTNER Button
==========================================================================
*/
.btn-partner {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-base);
    color: white;

    background-color: var(--additio-orange);
    border-width: 0;
    border-radius: 0;
}

@media (max-width: 767px) {
    .btn-partner {
        padding-bottom: 0;
        padding-top: 0;
        height: 50px;
    }
}

.btn-partner .material-icons,
.navbar.additio-navbar .navbar-header .btn-partner .material-icons {
    padding: 0;
    padding-right: 4px;
}

.btn-partner:hover,
.btn-partner:focus,
.btn-partner:active,
.btn-partner.active {
    background-color: rgba(var(--additio-orange-rgb), 0.6);
    color: #FFFFFF;
}

.btn-partner.disabled,
.btn-partner[disabled],
.btn-partner.disabled:hover,
.btn-partner[disabled]:hover,
.btn-partner.disabled:focus,
.btn-partner[disabled]:focus,
.btn-partner.disabled:active,
.btn-partner[disabled]:active,
.btn-partner.disabled.active,
.btn-partner[disabled].active {
    background-color: var(--additio-orange);
    color: white;
}

/*
==========================================================================
PARTNER SideNavigationMenu
==========================================================================
*/
.partner-side-navigation-menu .partner-side-navigation-menu-header {
    background-color: var(--additio-orange);
    color: white;
    padding: 8px;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: 500;
}

.partner-side-navigation-menu .partner-side-navigation-menu-header .partner-close {
    font-size: 16px;
}

.partner-side-navigation-menu-content md-list md-list-item .md-list-item-inner p {
    font-weight: 500;
}

/* powered by additio */
.powered-by-additio {
    position: fixed;
    right: 0;
    bottom: 0;

    font-weight: 500;
    font-size: 12px;
    text-align: right;
    padding: 1px 5px 0px 5px;
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 1px 0px black;
    z-index: 9999;
}

.powered-by-additio > *:nth-child(2) {
    font-size: 11px;
}


/** APP EMBEDDED **/

/* ALL FAB BUTTONS */
/*.app-embedded .md-button.md-default-theme.md-fab, 
.app-embedded .md-button.md-fab {
    background-color: var(--additio-orange);
}

.app-embedded .md-button.md-default-theme.md-fab:not([disabled]).md-focused, 
.app-embedded .md-button.md-fab:not([disabled]).md-focused, 
.app-embedded .md-button.md-default-theme.md-fab:not([disabled]):hover, 
.app-embedded .md-button.md-fab:not([disabled]):hover {
    background-color: rgba(var(--additio-orange-rgb), 0.6);
}

.app-embedded .md-button.md-default-theme.md-fab md-icon, 
.app-embedded .md-button.md-fab md-icon {
    color: var(--additio-black);
}*/

/* ADD FAB BUTTON */
.app-embedded .md-button.md-fab.md-fab-bottom-right {
    background-color: var(--additio-orange);
}

.app-embedded .md-button.md-fab.md-fab-bottom-right:not([disabled]).md-focused,
.app-embedded .md-button.md-fab.md-fab-bottom-right:not([disabled]):hover {
    background-color: rgba(var(--additio-orange-rgb), 0.6);
}

.app-embedded .md-button.md-fab.md-fab-bottom-right md-icon {
    color: var(--additio-black);
}


/* TOOLBAR - PARTNER */
.app-embedded md-toolbar.additio-toolbar.embedded ul.toolbar-nav > li > a {
    color: var(--additio-black);
}

.app-embedded md-toolbar.additio-toolbar.embedded ul.toolbar-nav > li.partner-tabs > a {
    font-weight: var(--font-weight-bold);
    text-decoration: none;
}

.app-embedded md-toolbar.embedded .partner-tabs .dropdown-menu {
    right: unset;
}


/*
NOTE: Sample of css changing the color of the theme for Partners
==========================================================================
PARTNER DAHUA
==========================================================================

.app-embedded.dahua .btn-partner
{
    background-color: #0baa33;
}

.app-embedded.dahua .btn-partner:hover,
.app-embedded.dahua .btn-partner:focus,
.app-embedded.dahua .btn-partner:active,
.app-embedded.dahua .btn-partner.active
{
    background-color: rgba(11, 170, 51, 0.6);
}

.app-embedded.dahua .btn-partner.disabled,
.app-embedded.dahua .btn-partner[disabled],
.app-embedded.dahua .btn-partner.disabled:hover,
.app-embedded.dahua .btn-partner[disabled]:hover,
.app-embedded.dahua .btn-partner.disabled:focus,
.app-embedded.dahua .btn-partner[disabled]:focus,
.app-embedded.dahua .btn-partner.disabled:active,
.app-embedded.dahua .btn-partner[disabled]:active,
.app-embedded.dahua .btn-partner.disabled.active,
.app-embedded.dahua .btn-partner[disabled].active
{
    background-color: #0baa33;
}

.app-embedded.dahua .partner-side-navigation-menu .partner-side-navigation-menu-header {
    background-color: #0baa33;
}

.app-embedded.dahua .md-button.md-fab.md-fab-bottom-right {
    background-color: #0baa33;
}

.app-embedded.dahua .md-button.md-fab.md-fab-bottom-right:not([disabled]).md-focused, 
.app-embedded.dahua .md-button.md-fab.md-fab-bottom-right:not([disabled]):hover {
    background-color: rgba(11, 170, 51, 0.6);
}

*/


.md-toolbar-gray {
    bacground-color: #E0E0E0;
}


/***
    Additio Planning 
 ***/
.planning-controller .planning-day.empty {
    min-width: 200px !important; /* handled by code in 4.5 */
}
.planning-controller .planning-day:not(.empty) {
    min-width: 254px !important; /* handled by code in 4.5 */
}
.planning-controller .planning-item {
    border: 1px solid black;
    position: relative;
}
.planning-controller .planning-item.hasError::after {
    content: ' ';
    display: block;
    position: absolute;
    pointer-events: none;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    -moz-box-shadow: inset #a94442 0 0 1px 2px;
    -webkit-box-shadow: inset #a94442 0 0 1px 2px;
    box-shadow: inset #a94442 0 0 1px 2px;
}

.planning-controller .planning-item.hasError .error-planning {
    background-color: #a94442;
}

.planning-controller .planning-header-settings .glyphicon {
    font-size: 20px;
}

.planning-controller .planning-item.virtual{
    /*opacity: 0.7;*/
}

.planning-controller .planning-item .panel-heading {
    border-radius: 0px;
    border-bottom: 0px;
    padding: 10px 6px;
    padding-bottom: 8px;
}
.planning-controller .planning-item .panel-heading .text-title {
    height: 1.5em;
    font-weight: 400;
}
.planning-controller .planning-item .panel-heading h2 {
    font-weight: 500;
}
.planning-controller .planning-item .panel-heading .button .glyphicon {
    font-size: 16px;
}
.planning-controller .planning-item .panel-heading .button i[class^='fa']{
    transition: 500ms ease all;
}
.planning-controller .planning-item .panel-heading .button i[class^='fa']{
    /* icon arrow a little bit up than default */
    position: relative;
    top: -3px;
}
.planning-controller .planning-item .panel-heading > .row {
    padding-left: 6px;
    padding-right: 6px;
}
.planning-controller .planning-item .panel-heading > .row > div{
    padding-left: 0px;
    padding-right: 0px;
}
.planning-controller .planning-item input.background-planning {
    background-color: transparent;
    border: 0px solid transparent;
}

.planning-controller .planning-item textarea.background-planning {
    resize: none;
    background-color: transparent;
    border: 1px solid transparent;
    color: white;
}
.planning-controller .planning-item .panel-heading .md-errors-spacer {
    display: none;
}

.planning-controller .planning-item textarea.background-planning::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ececec;
}
.planning-controller .planning-item textarea.background-planning:-moz-placeholder { /* Firefox 18- */
    color: #ececec;
}
.planning-controller .planning-item textarea.background-planning::-moz-placeholder { /* Firefox 19+ */
    color: #ececec;
}
.planning-controller .planning-item textarea.background-planning:-ms-input-placeholder {
    color: #ececec;
}

.planning-controller .planning-item input.background-planning::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ececec;
}
.planning-controller .planning-item input.background-planning:-moz-placeholder { /* Firefox 18- */
    color: #ececec;
}
.planning-controller .planning-item input.background-planning::-moz-placeholder { /* Firefox 19+ */
    color: #ececec;
}
.planning-controller .planning-item input.background-planning:-ms-input-placeholder {
    color: #ececec;
}


/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
.planning-controller ul[dnd-list],
.planning-controller ul[dnd-list] > li {
    position: relative;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.planning-controller ul[dnd-list] {
    /*min-height: 42px;*/
    padding-left: 0px;
    margin-right: 12px;
}

.planning-controller ul[dnd-list] { /* Solution for empty lists */
    /*min-height: 30px;*/
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.planning-controller ul[dnd-list] .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
/*.planning-controller ul[dnd-list] .dndPlaceholder {
    display: block;
    background-color: #ddd;
    padding: 0px 15px;
    min-height: 42px;
}*/

/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
.planning-controller ul[dnd-list] > li {    
    border: 1px solid #ddd;
    /*border-top-right-radius: 4px;
    border-top-left-radius: 4px;*/
    display: block;

    /* Disable text selection if item is not draggable */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.planning-controller .planning-item ul[dnd-list] > li {
    /* Planning sections */
    border: 0px;
}
.planning-controller .planning-item ul[dnd-list] > li:not(:last-child) {
    /* Planning sections */
    border-bottom: 1px;
}

.planning-controller ul[dnd-list] > li dnd-nodrag {
    background-color: #fff;
    display: block;
    padding: 0px 6px;    
    margin-right: 12px;
    min-height: 60px;
}

/**
 * Gender-specifc background
 */
.planning-controller ul[dnd-list] li.background-planning-section {   
    background-color: white;
    /*border-bottom: 2px solid black;*/
}

.planning-controller ul[dnd-list] input,
.planning-controller ul[dnd-list] textarea {
    font-size: 15px;
    font-weight: 300;
}
.planning-controller ul[dnd-list] input {
    padding-top: 0px;
}
.planning-controller ul[dnd-list] input.input-sm {
    height: 24px;
}
.planning-controller ul[dnd-list] textarea {
    padding-top: 0px;
    line-height: 1.5;
    margin-bottom: -20px;
}
.planning-controller ul[dnd-list] md-input-container.planning-input-with-file {
    margin-right: 45px !important;
}


.planning-controller ul[dnd-list] input.background-planning-section {
    background-color: transparent;
    border: 0px solid transparent;
    color: var(--additio-black);
}
.planning-controller ul[dnd-list] textarea.background-planning-section {
    resize: none;
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--additio-black);
}

/* Following */
.planning-controller ul[dnd-list] li.background-planning-section.follow-up {
    /*background-color: gray;*/
}

/**
 * Handle positioning
 */
.planning-item .handle {
    cursor: move;
    position: absolute;
    right: 0px;
    width: 12px;
    top: 0px;
    bottom: 0px;
    /*background-image: url('../img/planning/planning_section_handler.png');
    background-size: 75%;
    background-repeat: repeat-y;
    background-size: contain;*/
}

.planning-item .panel-heading.dndDragover { /* Overlay effect */
    position: relative;
}

.planning-item .panel-heading.dndDragover:before { /* Overlay effect */
    content: ' ';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.25);
}

.planning-item .panel-heading .dndPlaceholder {
    display: none;
}

.planning-item .right-bar {
    cursor: move;
    position: absolute;
    right: 0px;
    width: 12px;
    top: 0px;
    bottom: 0px;
    background-image: url('../img/planning/planning_section_handler.png');
    background-size: 75%;
    background-repeat: repeat-y;
    background-size: contain;
}

.planning-item .actions button {
    font-size: 15px;
    font-weight: 400;
    color: var(--additio-black);
}

.planning-item .actions .button.button-add {
    margin-left: 5px;
    margin-bottom: -2px;
}

.planning-controller .title {
    /*margin-right: 20px;*/
}

.planning-item .actions button .material-icons,
.planning-section .actions button .material-icons {
    font-size: 18px;
    padding-left: 10px;
}

.planning-section #resources-badge {
    right: 18px;
}

.planning-section-options {
    border: 1px solid black;
    bottom: 2px; /* for border weight */
    right: 12px;
}


.tab-planning .md-toolbar-tools .dropdown-menu {
    top: 50px;
    left: -190px;
    width: 240px;
}
.tab-planning .md-toolbar-tools .dropdown-menu li .checkbox {
    margin: 0px;
}

/* WIDGET HEADER PLANNING */

.planning-toolbar {
    /* height: 50px; */
}

.planning-toolbar .btn-toolbar {
    background-color: #f3f3f4;
}


.planning-toolbar .btn-toolbar .active {
    border-bottom: 1px solid red;    
}

.planning-toolbar .btn-toolbar h2 {
    margin: 0px;
    margin-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    font-weight: 700;
    font-size: 15px;
}


/* Buttons Options */
.button-planning-option-resources {
    background-image: url('../img/ico-white/ic_clip_vertical.png');
}
.button-planning-option-trash {
    background-image: url('../img/ico-white/ic_trash.png');
}
.button-planning-option-copy {
    background-image: url('../img/ico-white/ic_copy.png');
}
.button-planning-option-paste {
    background-image: url('../img/ico-white/ic_paste.png');
}
/* END Buttons Options */

/* Buttons Config */
.button-planning-trash {
    background-image: url('../img/ico-gray/ic_trash.png');
}
.button-planning-copy {
    background-image: url('../img/ico-gray/ic_copy.png');
}
.button-planning-paste {
    background-image: url('../img/ico-gray/ic_paste.png');
}
.button-planning-move-left {
    background-image: url('../img/ico-gray/ic_move_doc_left.png');
}
.button-planning-move-right {
    background-image: url('../img/ico-gray/ic_move_doc_right.png');
}
.button-planning-event {
    background-image: url('../img/ico-gray/ic_calendar.png');
}
.button-planning-assignment {
    background-image: url('../img/ico-gray/ic_assignment.png');
}
.button-planning-unlink {
    background-image: url('../img/ico-gray/ic_unlink.png');
}
/* END Buttons Options */

/* Planning Config & ContextualMenu Popover */
#popover-planning-config{
    width: 260px;
    min-width: 260px;
}
#popover-planning-contextual_menu {
    width: 75px;
    height: 42px;
}
/* END Planning Config Popover */

/* table column sync*/
[table-column-sync] {
    table-layout: fixed;
    white-space: nowrap;
}
[table-column-sync] th{
    padding: 0px !important;
    display: inline-flex;
    white-space: nowrap;
}
/* END table column sync*/

/* table header sync*/
.planning-controller [scroll-sync].planning-week-days-header {
    overflow-x: hidden;
    overflow-y: hidden;
    min-height: 48px;
}
.planning-controller .planning-week-days-header big{
    font-size: 17px;
}
/* END table header sync*/

planning-list,
[planning-list] {
    display: block;
}

planning-list > *,
[planning-list] > * {
    max-height: 100%;
}


/* Planning Units - Group List */
.planning-controller .planning-year {
    /* padding for fix scroll-y unecessary */
    padding-bottom: 4px;
}

.planning-controller .planning-year .planning-groups {
    list-style-type: none;
    margin: 0;
    padding: 0;

    display: block;
    white-space: nowrap;
    width: auto;
}

.planning-controller .planning-year .planning-groups .planning-group-item {
    display: inline-block;
}

.planning-controller .planning-year .planning-groups .planning-group-item a {
    display: block;
}

.planning-section-activities .planning-section-activity-header {
    font-size: 15px;
    color: #888888;
    font-weight: 300;
    border-bottom: 1px #888888 solid;
    margin: 0 0 4px 8px;
}

.planning-section-activities .planning-section-activity {
    font-size: 15px;
    color: var(--additio-black);
    font-weight: 300;
    padding: 4px 0 4px 8px;
    white-space: initial;
}


/* END Planning Units - Group List */


/* Planning list - year */
.planning-item-compact,
.planning-unit-compact {
    font-weight: 300;
    font-size: 14px;
}

.planning-item-compact .title,
.planning-unit-compact .title {
    font-weight: 400;
}

/* list-detail */
.planning-list-detail {
    display: -moz-box;
    display: -webkit-box;
    display: box;
    display: -ms-flexbox;
    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    -ms-flex-wrap: wrap;
    box-align: start;
}

.planning-list-detail .list {
    width: 500px !important;
    min-width: 500px !important;
}
.planning-list-detail .list h1 {
    font-size: 18px;
    font-weight: 400;
}
.planning-list-detail .list h5 {
    font-weight: 400;
}

.planning-list-detail .list .planning-header-actions {
    font-size: 14px;
}

.planning-list-detail .detail {
    width: 420px !important;
    min-width: 420px !important;
}

.planning-list-detail .list h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

/* Modal delete */
.modal-delete-planning.modal-body > div {
    padding-right: 25px;
    padding-left: 25px;
}
.modal-delete-planning.modal-footer {
    padding-right: 25px;
    padding-left: 25px;
}
.modal-delete-planning h3 {
    font-weight: 500;
}
.modal-delete-planning .planning-picture {
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    height: 60px;
}

/* MEDIA */

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

    .planning-list-detail .detail {
        width: 520px !important;
        min-width: 520px !important;
    }
}
.onlyprint{
    display: none;
}

@media print {
    
    * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
    }
   
    .no-print {
        display: none !important;
    }

    .print {

    }

    .onlyprint{
        display: block;
    }
    .onlyprint.onlyprint-table {
        display: table;
    }
    
    .unbreakable {
        page-break-inside: avoid;
    }
    
    .jump-to-next-page {
        display: block;
        page-break-after: always;
        page-break-inside: avoid;
    }
    
    .report-student-marks-chart#chart_div, 
    .report-group-eval-by-columns-chart#chart_div{
        overflow: hidden;
    }
    
    .scroll-x {
        overflow-x: hidden;
    }
    
    .scroll-y {
        overflow-y: hidden;
    }
    
    .scrolleable {
        overflow: hidden;
    }
    
    html, body {
        overflow: visible !important;
        background-color: white;
        zoom: 82%;
    }
}
/****** STANDARDS ******/


/* Excel */
.standard-importer-from-excel .modal-body {
    /*max-height: 66vh;*/
}
@media screen and (min-height: 0px) and (max-height: 620px) {
    .standard-importer-from-excel .modal-body {
        max-height: 60vh !important;
    }
}
@media screen and (min-height: 621px) and (max-height: 765px) {
    .standard-importer-from-excel .modal-body {
        max-height: 66vh !important;
    }
}

.standard-importer-from-excel .modal-body {
    padding: 5px 0px 5px 0px !important;
}

.standard-importer-from-excel .modal-footer {
    padding: 5px 0px 15px 0px !important;
    text-align: left;
}

.standard-importer-from-excel h3 {
    margin: 0;
}

.standard-importer-from-excel .file-drop-box {
    background: #FAFAFA;
    border: 3px dashed #EEE;
    min-height: 164px;
    height: auto;
    font-size: 14px;
    padding: 10px 15px;
}

.standard-importer-from-excel ul.nav-tabs li.active a {
    background-color: #F6F7F8;
    border-bottom: 1px solid #F6F7F8 !important;
}

.standard-importer-from-excel .tab-content {
    background-color: #F6F7F8;
    border-top: 1px solid #F6F7F8;
    border-left: 1px solid #dee5e7;
    border-right: 1px solid #dee5e7;
    border-bottom: 1px solid #dee5e7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.standard-importer-from-excel .tab-content .tab-content-container {
    padding: 15px;
}

.standard-importer-from-excel .grid {
    max-height: 300px;
    min-height: 144px;
}

.standard-importer-from-excel .preview-grid {
    max-height: 344px;
}



/****** END STANDARDS ******/


/** GROUP LIST **/
.standard-list{
    list-style-type: none;
}

.standard-list li{
    cursor:pointer;
}

.standard-list li > div{
    height: 56px;
    padding: 5px 20px;
    margin-bottom: 5px;
    line-height: 46px;
    font-size: 15px;
}
/** End GROUP LIST **/
/* Side notes for calling out things
-------------------------------------------------- */

/* Base styles (regardless of theme) */
.bs-callout {
    padding: 12px 16px;
    border-right: 3px solid #eee;
}

.bs-callout h1,
.bs-callout h2,
.bs-callout h3,
.bs-callout h4,
.bs-callout h5 {
    margin-top: 0;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code,
.bs-callout .highlight {
    background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
    background-color: #fcf2f2;
    border-color: #dfb5b4;
}

.bs-callout-warning {
    background-color: #fefbed;
    border-color: #ffcf00;
}

.bs-callout-info {
    background-color: #f0f7fd;
    border-color: #d0e3f0;
}

.bs-callout-success {
    background-color: white;
    border-color: #1ea31b;
}

.bs-callout-additio {
    background-color: white;
    border-color: var(--additio-red);
}

.bs-callout-additio-true {
    background-color: #fbd5db;
    border-color: var(--additio-red);
}

.bs-callout-planner {
    background-color: white;
    border-color: var(--additio-black);
}

/*ng-color-picker ul {
    padding: 0;
    margin: 0;
}*/

ng-color-picker li {
    width:50px;
    height:50px;
    margin: 1px 3px;
    /*box-sizing:border-box;
    display:inline-block;*/
}

ng-color-picker li.selected {
    border: 2px solid #333;
}

/* POPOVER */

/*.popover ng-color-picker ul {
    padding: 0;
    margin: 0;
}*/

.popover ng-color-picker li {
    width:36px;
    height:36px;
    margin: 1px 3px;
    /*box-sizing:border-box;
    display:inline-block;*/
}

.popover ng-color-picker li.selected {
    border: 2px solid #333;
}

/* COLOR PICKER - GRADIENTS */


#color-picker, .color-picker
{
    width: 336px;
    z-index: 1100;
    padding: 15px;
    height: 453px;
}

#color-picker .popover-title, .color-picker .popover-title
{
    height: 36px;
    background-color: transparent;
    border: 0;
}

#color-picker .popover-content, .color-picker .popover-content
{
    min-height: 385px;
    height: 385px;
}

#color-picker .popover-content .text-justify, .color-picker .popover-content .text-justify
{
    line-height: 18px;
}

#color-picker .popover-content .popover-footer, .color-picker .popover-content .popover-footer
{
    width: 100%;
}

.popover .angular-color-picker {
    padding: 0;
    border: 0;
}

.popover  .angular-color-picker > ._variations {
    width: 170px;
    height: 170px;
}
.popover .angular-color-picker > ._variations > ._whites {
    width: 170px;
    height: 170px;
}
.popover .angular-color-picker > ._variations > ._whites > ._blacks {
    width: 170px;
    height: 170px;
}
.popover  .angular-color-picker > ._variations > ._whites > ._blacks > ._mouse-trap {
    width: 170px;
    height: 170px;
}
.popover  .angular-color-picker > ._hues {
    margin-left: 180px; /* width + 10 */
    height: 170px;   
}

.popover .angular-color-picker > ._hues > ._mouse-trap {
    height: 170px;
}


#conditional-value-editor .table tr td input[type='text'],
#conditional-value-editor .table tr td textarea {
    width: 100%;
}

.cookies-message-body h3 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--additio-red)!important;
}

/* Message */
#cookies-message {
    position: absolute;
    opacity: 0;
    background-color: white;
    border-radius: 8px;
    max-width: 360px;
    box-shadow: 0px 0px 5px 2px rgba(var(--additio-black-rgb), 0.1);

    z-index: 101;
    left: 20px;
    bottom: 20px;

    transform: scale(0);
    transform-origin: bottom left;
    transition: all 0.25s cubic-bezier(0.65, 0, 0.35, 1);
}

#cookies-message.show {
    transform: scale(1);
    opacity: 1;
}

.cookies-message-body {
    padding: 12px;
}


.cookies-message-link {
    text-decoration: underline;
    color: var(--additio-blue);
}

.cookies-message-btns {
    display: flex;
    align-items: center;
    justify-content: stretch;
    text-align: center;
}

.cookies-message-btn {
    padding: 8px 0;
    border: none;
    border-top: 1px solid var(--additio-border-grey);
    flex: 1;
    cursor: pointer;

    transition: background-color 0.25s ease-in-out;
}

.cookies-message-btn:hover {
    background-color: rgba(var(--additio-black-rgb), 0.15);
}

.cookies-message-deny {
    font-weight: 500;
    border-bottom-left-radius: 8px;
}

.cookies-message-accept {
    font-weight: 500;
    border-left: 1px solid var(--additio-border-grey);
    border-bottom-right-radius: 8px;
}

/* 
    FEEDBACK MESSAGES
    Warning -> should use warning icon
    Danger -> should use danger icon
    Success -> should use check_circle icon
    Info -> should use info icon
    
    FEEDBACK HTML (h5 recommended)
    <div class="feedback feedback-[type] ..." ...>
        <i class="material-icons-round feedback-icon ...">[icon name]</i>
        <div ...>...</div>
    </div>
*/

/* Core */
.feedback {
    padding: 12px 16px;
    border-radius: 8px;

    display: flex;
    align-items: center;
}

.feedback.centered {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    width: -moz-fit-content;
}

.feedback h1,
.feedback h2,
.feedback h3,
.feedback h4,
.feedback h5,
.feedback h6 {
    margin-top: 0;
}

/* Types */
.feedback-danger {
    background-color: rgba(var(--additio-red-rgb), 0.15);
    color: var(--additio-red);
}

.feedback-warning {
    background-color: rgba(var(--additio-orange-rgb), 0.15);
    color: var(--additio-orange);
}

.feedback-info {
    background-color: rgba(var(--additio-blue-rgb), 0.15);
    color: var(--additio-blue);
}

.feedback-success {
    background-color: rgba(var(--additio-green-rgb), 0.15);
    color: var(--additio-green);
}

/* Left icon */
.feedback-icon {
    font-size: 20px;
    margin-right: 12px;
}

.feedback-warning .feedback-icon {
    color: var(--additio-orange);
}

.feedback-success .feedback-icon {
    color: var(--additio-green);
}

.feedback-danger .feedback-icon {
    color: var(--additio-red);
}

.feedback-info .feedback-icon {
    color: var(--additio-blue);
}

/* FILE LIST */
ul.file-list {
    list-style-type: none;
    padding: 0;
}

ul.file-list li{
    border-bottom: 1px solid;
    border-color: #CCC !important;
    cursor: pointer;
}

.folder-item-children ul.file-list li{
    border-bottom: none !important;
}

ul.file-list li div.file-item{
    height: 100%;
    padding: 8px 15px; /* 15px to compensate class row */
}

ul.file-list li div.file-item.content .row div.file-block {
    height: 70px;
    display:flex;
    justify-content:center;
    align-items: center;
    flex-flow: column;
}

ul.file-list li div.file-item.content .row div.file-block img {
    max-height: 70px;
    max-width: 82px;
}

ul.file-list li div.file-item.content .row div.name {    
    display:inline-block;
    width: 100%;
    height: 40px;

    line-height: 40px;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--additio-black);

    overflow: hidden;
}

ul.file-list li div.file-item.content .row div.relations {    
    display:inline-block;
    width: 100%;
    height: 25px;

    font-size: 13px;
    font-weight: 300;
    white-space: nowrap;
    text-overflow: ellipsis;

    overflow: hidden;
}

ul.file-list li div.file-item.content .row div.actions { 
    display: table-cell;
    width: inherit;
    height: 70px;

    text-align: center;
    vertical-align: middle;
}

ul.file-list li div.file-item.content .row div.actions div { 
    display: inline-block;

}


/* FILE ITEM PREVIEW */
.file-preview-container{
    position: relative;

    height: 70px;
    width: 52px;
}

.file-preview-extension{
    position: absolute;
    bottom: 2px;
    left: 5px;

    color: #FFF;
    font-size: 14px;
    font-weight: 500;
}

.file-preview {
    display: inline-block;

    height: 70px;
    width: 52px;

    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/file/file.png');
}

.file-preview.music-type {
    background-image: url('../img/file/music.png');
}

.file-preview.video-type {
    background-image: url('../img/file/play.png');
}

.file-preview.image-type {
    background-image: url('../img/file/image.png');
}

.file-preview.excel-type {
    background-image: url('../img/file/wildcard.png');
    background-color: #009649;
}

.file-preview.word-type {
    background-image: url('../img/file/wildcard.png');
    background-color: #0061a5;
}

.file-preview.power-point-type {
    background-image: url('../img/file/wildcard.png');
    background-color: #CD4422;
}

.file-preview.pdf-type {
    background-image: url('../img/file/wildcard.png');
    background-color: var(--additio-red);
}

.file-preview.txt-type {
    background-image: url('../img/file/wildcard.png');
    background-color: var(--additio-black);
}

.file-preview.link-type {
    background-image: url('../img/file/link.png');
}

.file-preview.default-type {
    background-image: url('../img/file/wildcard.png');
    background-color: #faa61a;
}

.file-preview-thumbnail{
    width: 70px;
    height: 70px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* FILE PREVIEW LIST */
ul.file-preview-list {
    list-style-type: none;
    padding: 0;
    font-size: 12px;
}

ul.file-preview-list li {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    position: relative;
}

ul.file-preview-list li:last-child {
    border-bottom: 1px solid #ddd;
}

ul.file-preview-list li .file-preview-item{
    height: 44px;
    line-height: 40px;
}

ul.file-preview-list li .progress {
    position: absolute;
    height: 100%;
    width: 0%;        
    margin: 0;
    background-color: #d9ebff;
}

ul.file-preview-list li .progress.full {
    background-color: #ebffd9;
}

ul.file-preview-list li .progress.error {
    background-color: #ffd9eb;
}

ul.file-preview-list li .content {
    position: absolute;
    height: 100%;
    width: 100%;    
    padding: 0 2px;
    z-index: 10;
}

ul.file-preview-list li span.preview {
    width: 50px;
    margin-right: 5px;
    display: inline-block;
    text-align: center;
}

ul.file-preview-list li span.preview img {
    max-height: 30px;
    max-width: 50px;
}

ul.file-preview-list li span.name {
    font-weight: 600;
}

ul.file-preview-list li div.size {
    display: inline-block;
    font-weight: 400;
}

ul.file-preview-list li div.speed {
    display: inline-block;
    float:right;
}



/* LINK PREVIEW LIST */
ul.link-preview-list {
    list-style-type: none;
    padding: 0;
    margin-top: 10px;
    font-size: 12px;
}

ul.link-preview-list li {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    position: relative;
}

ul.link-preview-list li:last-child {
    border-bottom: 1px solid #ddd;
}

ul.link-preview-list li .link-preview-item{
    height: 44px;
    line-height: 40px;
}

ul.link-preview-list li .content {
    position: absolute;
    height: 100%;
    width: 100%;    
    padding: 0 2px;
    z-index: 10;
}

ul.link-preview-list li .progress {
    position: absolute;
    height: 100%;
    width: 0%;        
    margin: 0;
    background-color: #e9f4ff;
}

ul.link-preview-list li .progress.full {
    background-color: #ebffd9;
}

ul.link-preview-list li span.preview {
    width: 50px;
    margin-right: 5px;
    display: inline-block;
    text-align: center;
}

ul.link-preview-list li span.preview img {
    max-height: 40px;
    max-width: 50px;
}

ul.link-preview-list li span.name {
    font-weight: 600;
}

ul.link-preview-list li div.url {
    display: inline-block;
    font-weight: 400;
}

/* FILE ACTIONS POPOVER */
#file-actions-popover {
    width: 200px;
    height: 100px;
}
#file-actions-popover.extra-opt-1,
#file-actions-popover.extra-opt-2 {
    height: 130px;
}
#file-actions-popover.extra-opt-1.extra-opt-2 {
    height: 160px;
}
#file-actions-popover.extra-readonly {
    height: 35px;
    top: 18px !important; /* Fix for a bad inherit position */
}

.action-list{
    list-style-type: none;
    padding: 0;
    margin-bottom:0;
}

.action-list li{
    cursor:pointer;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    padding: 5px;
    color: var(--additio-black);
    border-bottom: 0px solid !important;
}

.action-list li:hover{
    color: #141719;
    background-color: #edf1f2 !important;
    background-image: none;
    filter: none;
}

.action-list li.disabled{
    color: #CCC;
    cursor:default;
}

/* FILE RENAME POPOVER */
.popover-file .popover-title {
    min-height: 45px;
}

.popover-file .popover-title h2 {
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
    font-size: 16px;
}

.popover-file .popover-title button {
    float: right;
    vertical-align: middle;
    margin-left: 5px;
}

#popover-file-rename {
    width: 400px;
    min-width: 400px;
    height: 105px;
}

.floating-label-form-group.without-border {
    border-bottom: 0px !important;
}


/* LINKED RESOURCES ACTIONS POPOVER */
.linked_resources-actions-popover {
    width: 240px;
    height: 76px;
    z-index: 1100; /* with 1000 it is hidden by some modals (note tpl for ex.) */
}

.linked_resources-actions-popover#linked_resources-actions-popover-3 {
    height: 100px;
}

.linked_resources-actions-popover#linked_resources-actions-popover-4 {
    height: 130px;
}


#file-linked-list{
    width: 100%;
    height: 100%;
}

#file-linked-list #file-list {
    width: 100%;
    padding: 0 15px;
    padding-bottom: 30px; /* extra space for popover height */
}

#file-linked-list .btn-add-container{
    width: 100%;
    height: 80px;    
    padding: 10px;
}

#student-editor #file-linked-list{
    height: inherit;
}

#student-editor #file-linked-list #file-list{
    position: initial;
    padding: 10px 20px;
}

#student-editor #file-linked-list .btn-add-container{
    position: initial;    
}


#resources-badge {
    position: relative;
    display:inline-block;
    width: 30px;
    height: 30px;
}
#resources-badge .material-icons {
    width: 28px;
    height: 28px;
    padding-top: 5px;
    padding-right: 5px;
}
#resources-badge span.badge {
    padding: 3px 6px;
    position: absolute;
    top: 0;
    right: 22px;
}

/* small */
#resources-badge.resources-badge-sm {
    width: 22px;
    height: 22px;
}
#resources-badge.resources-badge-sm  .material-icons {
    width: 22px;
    height: 22px;
    padding-top: 2px;
    padding-right: 0px;
}
#resources-badge.resources-badge-sm span.badge {
    padding: 2px 4px;
    top: -2px;
    right: 15px;
    font-size: 10px;
}

.vertical-align {
    display: flex;
    align-items: center;
}



.file-uploader .modal-dialog, .file-linked-list .modal-dialog, .file-selector .modal-dialog {
    height: 100%;
}

.file-uploader .modal-dialog {
    height: auto;
}

.file-uploader .modal-content, .file-linked-list .modal-content, .file-selector .modal-content {
    height: inherit;
    position: relative;
}

.file-uploader .modal-header-uploader , .file-linked-list .modal-header-uploader , .file-selector .modal-header-uploader{
    top: 0;
    height: 66px;
    width: 100%;
}

.modal-header-uploader{
    border-bottom: 1px solid #E5E5E5FF !important;
}

.file-uploader .modal-body, .file-linked-list .modal-body , .file-selector .modal-body {
    position: absolute;
    top: 67px;
    bottom: 0;
    width: 100%;
    max-height: inherit;
    padding: 0px !important;
}

/* FILE UPLOADER */
.file-uploader-modal {
    min-height: 420px;
    padding: 0px !important;
}

.file-uploader-modal .tab-header-text {
    color: var(--additio-red);
}

.drop-box {
    margin: 10px 0;
    background: #FAFAFA;
    border: 3px dashed #EEE;
    height: 164px;
    font-size: 14px;
    padding: 10px 15px;
}

.drop-box-uploader {
    margin: 10px 0;
    background: #FAFAFA;
    border: 3px dashed #EEE;
    height: 164px;
    font-size: 14px;
    padding: 10px 15px;
}

.dragover {
    border: 3px dashed var(--additio-red);
}

.file-uploader-modal .form-inline{
    margin-top: 10px;
}

.file-uploader-modal .form-inline input{
    width:100%;
}

#file-uploader .nav.nav-tabs.nav-justified {
    margin-top:10px;
    width: 100%;
    top: 10px;
    height: 56px;
}

#file-uploader ul.nav {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#file-uploader .tab-content {
    width: 100%;
    top: 67px;
    bottom: 0;
}

#file-uploader  .buy-more-storage {
    width: 100%;
    height: 100px;    
    padding: 10px 0;
    
    background-color: #FFEBEF;
    font-size: 14px;
    font-weight: 300;   
    
}

ul.file-list li div.file-item.content .row div.file-block {
    height: 70px;
    
    justify-content:center;
    
    display: flex;   
    flex-flow: column;
    align-items: center;

    display: -webkit-flex;
    -webkit-flex-flow: column;
    -webkit-align-items:center;

    display:-moz-flex;
    -moz-flex-flow: column;
    -moz-align-items:center;
}

ul.relations-info-list {
    list-style-type: none;
    padding: 5px;
    margin-bottom:0;
    height:inherit;
    overflow-y:auto;
}

ul.relations-info-list li{
    padding: 3px;
    border-bottom: 1px solid;
    border-color: #CCC !important;
    cursor: pointer;
}

ul.relations-info-list li:last-child{
    border-bottom: 0px solid;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.progress {
    background-color: #ddd;
}

.progress {
    position: relative;
}

.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: var(--additio-black);
 }

.progress-bar-additio_green {
    background-color: #4ca371;
}

.progress-bar-additio_orange {
    background-color: #fa9951;
}

.progress-bar-additio_red {
    background-color: #db5269;
}

.external-source {
    display: inline-block;
    position: absolute;
    top: -5px;
    right: -10px;
    background: white;
}

.external-source img {
    width: 20px;
    height: 20px;
}

@media (max-width:767px){
    .drop-box {
        height: fit-content;
    }
    .drop-box-uploader{
        margin-top:50px;
        height: fit-content;
    }
    #file-uploader .tab-content{
        top: 120px!important;
    }
}
/****** INTER FONT ******/
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/inter/Inter-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/inter/Inter-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/inter/Inter-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inter/Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/inter/Inter-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/inter/Inter-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/inter/Inter-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/inter/Inter-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/inter/Inter-Black.ttf') format('truetype');
}

/****** MATERIAL ICONS FONT ******/
@font-face {
    font-family: 'Material Icons Round';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/material-icon/MaterialIconsRound-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/material-icon/MaterialIconsOutlined-Regular.otf') format('opentype');
}

.material-icons {
    font-family: 'Material Icons Round';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons-outlined,
.material-icons.material-icons--outlined,
.material-icons-two-tone,
.material-icons.material-icons--two-tone,
.material-icons-round,
.material-icons.material-icons--round,
.material-icons-sharp,
.material-icons.material-icons--sharp {
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.material-icons-outlined,
.material-icons.material-icons--outlined {
    font-family: 'Material Icons Outlined';
}

.material-icons-two-tone,
.material-icons.material-icons--two-tone {
    font-family: 'Material Icons Two Tone';
}

.material-icons-round,
.material-icons.material-icons--round {
    font-family: 'Material Icons Round';
}

.material-icons-sharp,
.material-icons.material-icons--sharp {
    font-family: 'Material Icons Sharp';
}

.rainbow-pixel-canvas {
    border: solid 2px gray;

    -ms-touch-action: none;
    touch-action: none;
}

.classmap-controller {
}

.classmap-controller .bg-grid {
    background-color: transparent;
    /* using black lines 0,0,0 */
    background-image: linear-gradient(
            0deg,
            transparent 24%,
            rgba(0, 0, 0, 0.05) 45%,
            rgba(0, 0, 0, 0.05) 46%,
            transparent 27%,
            transparent 74%,
            rgba(0, 0, 0, 0.05) 75%,
            rgba(0, 0, 0, 0.05) 76%,
            transparent 77%,
            transparent
        ),
        linear-gradient(
            90deg,
            transparent 24%,
            rgba(0, 0, 0, 0.05) 45%,
            rgba(0, 0, 0, 0.05) 46%,
            transparent 27%,
            transparent 74%,
            rgba(0, 0, 0, 0.05) 75%,
            rgba(0, 0, 0, 0.05) 76%,
            transparent 77%,
            transparent
        );

    background-position: -9px -11px;

    height: 100%;
    background-size: 20px 20px;
}

.classmap-controller #enclosure {
    position: relative;
    transform-origin: 0 0;
}

.classmap-controller #grid-snap,
.classmap-controller .draggable {
    width: 100px;
    height: 200px;
    background-color: #29e;
    color: #fff;
    font-size: 1.2em;
    border-radius: 4px;
    padding: 2%;
    margin: 5%;
    position: absolute;
}

.classmap-controller .classmap-seat-handler {
    position: absolute;
}

.classmap-controller .classmap-seat {
    width: 90px;
    height: 130px;
    background-color: white;
    color: #fff;
    font-size: 1.2em;
    box-shadow: 0px 2px 6px 2px #ccc;
}

.classmap-controller .classmap-seat.selected {
    box-shadow: 0px 0px 8px 2px rgba(255, 255, 0, 0.65);
}

.classmap-controller .classmap-seat.active {
    border: 3px solid black;
}

.classmap-controller .classmap-seat.active:not(.dragged) {
    -webkit-animation: student-bounce 5s ease;
    animation: student-bounce 5s ease-out;
}

.classmap-controller .classmap-seat.seat-hidden {
    opacity: 0.5;
}

.classmap-controller .classmap-seat.seat-hidden:hover {
    opacity: 0.8;
}

.classmap-controller .classmap-seat .student-seat-name {
    font-size: 11px;
    line-height: 13px;
    height: 50px;
    padding-top: 10px;
    margin-top: -5px;
    margin-bottom: -5px;
    overflow: hidden;
}

.classmap-controller .classmap-seat .classmap-seat-value-wrapper {
    position: absolute;
    width: 40px;
    height: 40px;
    right: -20px;
    top: -20px;
}

.classmap-controller .classmap-seat .classmap-seat-value-wrapper .classmap-seat-value-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0px 0px 8px 2px #ccc;
    z-index: -1;
}

.classmap-controller .classmap-seat.selected .classmap-seat-value-wrapper .classmap-seat-value-shadow {
    box-shadow: 0px 0px 8px 2px rgba(255, 255, 0, 0.65);
}
.classmap-controller .classmap-seat.active .classmap-seat-value-wrapper .classmap-seat-value-shadow {
    /*border: 3px solid black;*/
}

.classmap-controller .classmap-seat .classmap-seat-value-wrapper .classmap-seat-value {
    width: 100%;
    height: 100%;
    background-color: var(--additio-red);
    border-radius: 50%;
}

.classmap-controller
    .classmap-seat
    .classmap-seat-value-wrapper
    .classmap-seat-value
    .column-value-cell-container-content {
    font-size: 13px;
}

.column-value-cell-container {
    height: 100%;
    width: 100%;
    display: table;
}

.column-value-cell-container-content {
    padding: 1px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.column-value-cell-container-content div {
    display: inline-block;
}

.column-value-cell-container-content img {
    height: 34px;
    width: 34px;
    margin-left: 0;
}

/* STUDENT */
.student-form-thumb.student-form-thumb-classmap {
    width: 70px;
    height: 70px;
    line-height: 75px;
    display: block;
    margin: auto;
}

/* CANVAS */
.enclosure {
    background-color: rgba(211, 211, 211, 0.4);
}

.table-splitted {
    display: table;
    height: 100%;
    width: 100%;
}
.table-splitted > .table-row {
    display: table-row;
}

.table-splitted > .table-row > .table-cell {
    display: table-cell;
}

/* MODAL */
.classmap-modal .modal-dialog {
    max-width: 1024px;
    width: 100%;
    height: 100%;
    max-height: 90vh;
    padding: 0;
}
.classmap-modal .modal-content {
    height: 100%;
    position: relative;
}
.classmap-modal .modal-body {
    //height: 100%;
    max-height: 90vh;
    overflow: hidden;
    max-height: calc(100vh - 150px - 64px - 5px);
}

.classmap-modal .viewport {
    max-width: 1024px;
    max-height: 768px;
    width: 100%;
    height: 100%;
}

/* ZOOM WHEEL */
.classmap-controller .slider.slider-vertical {
    height: 50px;
    width: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* POPOVER */
/** POPOVER TYPE: CLASSMAP CONTEXTUAL MENU **/
#popover-classmap-contextual_menu {
    width: 120px;
    min-width: 120px;
    height: 32px;
}
#popover-classmap-contextual_menu.popover.contextual_menu .popover-content {
    padding: 4px 9px;
}

#popover-classmap-seating-plans {
    width: 265px;
    min-width: 265px;
}

/* 
    Created on : 19-mar-2015, 16:52:25
    Author     : Pere Garriga <pgarriga@ingeniummobile.com>
*/
/** GROUP LIST **/
.group-list
{
    list-style-type: none;
    padding: 0;
}

.group-list li
{
    cursor:pointer;
    height: 56px;
    padding: 5px 20px;
    margin-bottom: 5px;
    line-height: 46px;
    font-weight: 900;
    font-size: 14px;

    border-radius: 5px;
}

.group-list md-list-item
{
    margin-bottom: 5px;
}





/** GROUP LIST **/
.group-item-split-title
{
    line-height:25px;
}

.group-item-split-subtitle
{
    line-height:20px;
}
/** End GROUP LIST **/



/****** GROUP VIEW ******/
.group-view .notebook h1 {
    font-size: 24px;
    font-weight: 900;
    text-align: left;

    margin: 0 !important;
    padding: 3px 5px;
}

.group-view .notebook h2 {
    font-size: 24px;
    font-weight: 400;
    text-align: left;

    margin: 0 !important;
    padding: 3px 5px;
}

.group-view .notebook h3 {
    text-align: left;
    font-weight: 900;
    color: var(--additio-black);
    font-size: 22px;
    margin: 0 !important;
    padding: 15px 15px 11px 15px;
    display: block;
}

.group-view .notebook h4 {
    font-size: 19px;
    margin: 0 !important;
    text-align: center;
}

.group-view .notebook h4 a {
    text-decoration: underline;
}

.group-view {
    height: 100%;
}

.current-tab {
    height: 100%;
    width: 100%;
    /*padding-right: 56px;*/
}

/* Toolbar Nav */
.group-nav-toolbar {
    height: 60px;
}

.group-nav-toolbar .text-title {
    font-size: 20px;
    /* font-size: 22px; // (like original size using big) */
}
/* /Toolbar Nav */

/*
**************************************************************************
GRADE BOOK
**************************************************************************
*/
.grade-book {
    background-color: white;
}

/*
**************************************************************************
GRADE BOOK HEADER - FIXED CELL
**************************************************************************
*/
.grade-book .grade-book-header {
    border-bottom: 1px solid var(--grade-book-border-color);
}

.grade-book .grade-book-header .grade-book-fixed-cell .group-info {
    padding: 10px 5px 10px 15px;
    cursor: pointer;
}

.grade-book .grade-book-header .grade-book-fixed-cell .group-info h1,
.grade-book .grade-book-header .grade-book-fixed-cell .group-info h2 {
    text-align: left;
}

.grade-book .grade-book-header .grade-book-fixed-cell .group-info-extra {
    padding: 10px 10px 10px 0;
    overflow-y: auto;
}

.grade-book .grade-book-header .group-info-extra img,
.grade-book .grade-book-header .group-info-extra span {
    margin-bottom: 5px;
}

/*
**************************************************************************
GRADE BOOK HEADER - COLUMN LIST
**************************************************************************
*/
.grade-book .grade-book-header .grade-book-column-list {
    height: 100%;
    overflow: auto;

    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.grade-book .grade-book-header .grade-book-column-list::-webkit-scrollbar {
    display: none;
}

/*
**************************************************************************
GRADE BOOK CONTENT - STUDENT LIST
**************************************************************************
*/
.grade-book .grade-book-content .grade-book-student-list {
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid var(--grade-book-border-color);

    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.grade-book .grade-book-content .grade-book-student-list::-webkit-scrollbar {
    display: none;
}

.grade-book .grade-book-student-list .students-list {
    list-style-type: none;
    padding: 0 !important;
    font-weight: 500;
    width: 100%;
    margin-bottom: 0;
}

.grade-book .grade-book-student-list .students-list li {
    vertical-align: middle;
    cursor: pointer;
    padding: 5px 14px 5px 10px;
    width: 100%;
}

.grade-book .grade-book-student-list .students-list li:nth-child(even) {
    background-color: rgb(var(--grade-book-stripped-color));
}

.grade-book .grade-book-student-list .students-list li.selected,
.grade-book .grade-book-student-list .students-list li.multi-selected {
    background-color: var(--grade-book-selected-color);
}

.grade-book .grade-book-student-list .students-list li.main-selected {
    background-color: var(--grade-book-main-selected-color) !important;
}

.grade-book .grade-book-student-list .students-list li div {
    vertical-align: middle;
}

.grade-book .grade-book-student-list .students-list li img {
    vertical-align: middle;
}

.grade-book .grade-book-student-list .students-list li .student-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    vertical-align: middle;
    font-weight: 500;
    line-height: 20px;
    max-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

/*
**************************************************************************
GRADE BOOK CONTENT - COLUMN VALUE LIST
**************************************************************************
*/
.grade-book-column-value-list {
    overflow: auto;
}

.grade-book-column-value-list .column-value-table {
    table-layout: fixed;
    list-style-type: none;
    margin: 0;
    padding: 0;
    max-width: none;
    width: auto;
    /*min-width: 100%;*/
    min-height: 100%;
    display: inline-flex;
    display: -webkit-box;
}

.grade-book-column-value-list .column-value-table .column-value-column {
    display: table;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-right: 1px solid var(--grade-book-border-color);
}

.grade-book-column-value-list .column-value-table ul.column-value-column li.column-value-cell {
    display: table-row;

    cursor: pointer;
}

.grade-book-column-value-list .column-value-table ul.column-value-column li.column-value-cell .default-cursor {
    cursor: default;
}

.grade-book-column-value-list
    .column-value-table
    ul.column-value-column
    li.column-value-cell
    .column-value-cell-content {
    position: relative;
    display: table-cell;
    overflow: hidden;
    font-weight: 300;
    vertical-align: middle;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.grade-book-column-value-list
    .column-value-table
    ul.column-value-column:not(.multi-selected):not(.column-cut)
    li.column-value-cell:nth-child(even)
    .column-value-cell-content:not(.selected) {
    background-color: rgb(var(--grade-book-stripped-color));
}
.grade-book-column-value-list
    .column-value-table
    ul.column-value-column:not(.multi-selected):not(.column-cut)
    li.column-value-cell:nth-child(even)
    .column-value-cell-content:not(.selected).has-bg-color {
    background-color: rgba(var(--grade-book-stripped-color), 0.5);
}

.grade-book-column-value-list
    .column-value-table
    ul.column-value-column.multi-selected
    li.column-value-cell
    .column-value-cell-content {
    background-color: rgba(255, 255, 255, 0);
}

.grade-book-column-value-list
    .column-value-table
    ul.column-value-column
    li.column-value-cell
    .column-value-cell-content.selected {
    background-color: var(--grade-book-selected-color);
}

.grade-book-column-value-list
    .column-value-table
    ul.column-value-column
    li.column-value-cell
    .column-value-cell-content.main-selected {
    background-color: var(--grade-book-main-selected-color);
}

ul li.column-value-cell .column-value-cell-content.has-error {
    -moz-box-shadow: inset #d12e32 0 0 1px 2px;
    -webkit-box-shadow: inset #d12e32 0 0 1px 2px;
    box-shadow: inset #d12e32 0 0 1px 2px;
}

ul li.column-value-cell .column-value-cell-content.last {
    cursor: default;
    font-weight: 400;
}

ul li.column-value-cell .column-value-cell-content.last.empty {
    cursor: default;
}

ul li.column-value-cell .column-value-cell-content img {
    height: 34px;
    width: 34px;
    margin-left: 0;
}

ul li.column-value-cell .column-value-cell-content img.accessory-icon {
    overflow: hidden;
}

ul li.column-value-cell .column-value-cell-content img.accessory-icon {
    display: inline-block;
}

ul li.column-value-cell .column-value-cell-content div.comment {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
}

ul li.column-value-cell .column-value-cell-content div.resources {
    position: absolute;
    top: 2px;
    left: 2px;
}

ul li.column-value-cell .column-value-cell-content div.resources .material-icons {
    font-size: 16px;
}

ul li.column-value-cell .column-value-cell-content div.overwritten {
    font-size: 13px;
    text-decoration: line-through;
    position: absolute;
    bottom: 3px;
    left: 3px;
}

/**** GROUP VIEW: Student List ****/

.grade-book .grade-book-content .grade-book-student-list .students-empty .students-import {
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
}

.grade-book .grade-book-content .grade-book-student-list .students-empty .students-import-container {
    height: 120px;
    margin: auto;
    cursor: pointer;
}

.grade-book .grade-book-content .grade-book-student-list .students-empty .students-import-image {
    display: inline-block;
    width: 130px;
    height: 89px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../img/student/ic_import_students.png');
}

.students-add-manually {
    cursor: pointer;
    padding-top: 30px;
    border-top: 1px solid var(--grade-book-border-color);
}
.students-add-manually h3 {
    margin-bottom: 10px;
}

/**** END Student List ****/

.group-view .marks-column {
    position: relative;
    height: 100%;
    width: auto;
    float: none;
    overflow: hidden;
}

.tab-header {
    position: absolute;
    top: 0;
    width: 100%;
}

.tab-header h3.tab-subtitle {
    min-height: 50px;
    white-space: nowrap;
}

.tab-header-empty {
    display: table;
}

.tab-header.tab-header-empty .table-row {
    display: table-row;
}

.tab-header .btn-add-container.horizontal,
.tab-header-empty .btn-add-container.horizontal {
    display: table-cell;
    vertical-align: bottom;
}

.tab-header .btn-att-summary-container.horizontal,
.tab-header-empty .btn-att-summary-container.horizontal {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/**** GROUP VIEW: Column Config List ****/
.column-config-container {
    width: 100%;
    margin: 0;

    overflow: auto;

    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.column-config-container::-webkit-scrollbar {
    display: none;
}

.column-config-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

.column-config-row {
    display: table-row;
    list-style-type: none;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

.column-config-row .column-config-cell {
    display: table-cell;
    cursor: pointer;
    font-weight: 400;
    vertical-align: bottom;
    position: relative;
}

.column-config-header {
    height: 100%;
}

.column-config-header.column-config-hidden {
    color: #bdbdbd !important;
}

/** CATEGORY HEADER **/
.column-config-header .category-header-list {
    list-style-type: none;
    padding: 0;
}

.column-config-header .category-header-list .category-header {
    height: 31px;
    line-height: 31px;
    position: relative;
}

.column-config-header .category-header-list .category-header .category-header-line {
    position: absolute;
    top: 0;
    z-index: 1;
}

.column-config-header .category-header-list .category-header .title {
    font-size: 14px;
    max-height: 31px;
}

/** EMPTY SPACE **/
.column-config-header-empty-space {
    width: 100%;
}

/** SKILL STANDARD ROW **/
.skill-standard-row {
    border-top: 1px solid #ccc;
}

.skill-standard-row .skill-row,
.skill-standard-row .standard-row {
    cursor: pointer;
    height: 26px;

    padding: 4px 2px !important;

    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: var(--additio-black);
    text-align: center;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/** HEADER **/
.column-config-header .horizontal-column-title {
    min-height: 52px;
}

.column-config-header .title {
    font-size: 15px;
    text-align: center;
}

.column-config-header .title span {
    vertical-align: middle;
}

.column-config-header .title .ic_circle_add {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 4px;
}

.column-config-header .subtitle {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
}

.column-config-header .header-icons-container {
}

.column-config-header .header-icons-container .header-icon {
    font-size: 18px;
}

.column-config-header .header-icons-container .header-icon:first-child {
    margin-left: 4px;
}

.column-config-header .header-icons-container .header-icon.header-icon-opaque {
    opacity: 0.4;
}

.column-config-header .activity-img {
    display: block;
    background-size: contain;
}

.ic_difficulty {
    margin-left: 4px;
    height: 18px;
    width: 18px;
}

/** HORIZONTAL **/
.column-config-header .line2 {
    min-height: 25px;
    line-height: 25px;
    padding: 0 4px 4px 4px;
}

.column-config-header .title:not(.vertical-text) {
    min-height: 22px;
    max-height: 44px;
    overflow: hidden;
}

.column-config-header .subtitle:not(.vertical-text) {
    max-width: 100%;
    width: 100%;
    max-height: 20px;
    overflow: hidden;
}

/** VERTICAL **/
.column-config-header .title.vertical-text {
    overflow: hidden;
}

.column-config-header .subtitle.vertical-text {
    overflow: hidden;
}

.vertical-column-title {
    height: 100%;
}

.vertical-column-title-container {
    height: 100%;
}

.column-config-header div.vertical-column-title div.vertical-text {
    writing-mode: tb-rl;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    text-align: left;

    padding-top: 6px;
}

.column-config-header div.vertical-column-title .header-icons-container {
    padding: 0 4px 4px 4px;
}

.column-config-edit-external {
    padding-left: 6px;
}
/**** END Vertical Column Titles Styles ****/
/**** END Column Config List ****/

/****** Empty BACKGROUND ******/

.background-empty-group {
    display: block;
    width: 100%;
    height: 100%;
}

/**** ColumnValue List ****/

/**** END ColumnValue List ****/

/* DIARY */
.additio-diary-title {
    text-align: left;
    font-weight: 900;
}
.additio-diary-title h2 {
    font-size: 30px;
    padding: 0px 3px;
    color: var(--additio-black);
    margin: 0 !important;
    display: block;
}
.additio-diary-title h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 0px 3px;
    color: var(--additio-black);
    margin: 0 !important;
    display: block;
}

/* /DIARY */
#fx-functions-popover {
    width: 200px;
    height: auto;
}

#student-actions-popover {
    width: 300px;
}

#column-linker-popover {
    width: 200px;
}

#fx-functions-popover .action-list,
#student-actions-popover .action-list {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

#fx-functions-popover .action-list li,
#student-actions-popover .action-list li {
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    padding: 5px;
    color: var(--additio-black);
}

#fx-functions-popover .action-list li:hover,
#student-actions-popover .action-list li:hover {
    color: #141719;
    background-color: #edf1f2 !important;
    background-image: none;
    filter: none;
}

#fx-functions-popover .action-list li.disabled,
#student-actions-popover .action-list li.disabled {
    color: #ccc;
    cursor: default;
}

#logical-operators-popover {
    width: 140px;
}

#logical-operators-popover .action-list {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

#logical-operators-popover .action-list li {
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    padding: 5px;
    color: var(--additio-black);
}

#logical-operators-popover .action-list li:hover {
    color: #141719;
    background-color: #edf1f2 !important;
    background-image: none;
    filter: none;
}

#logical-operators-popover .action-list li.disabled {
    color: #ccc;
    cursor: default;
}

#fx-functions-form {
    font-size: 15px;
    min-height: 400px;
}

#fx-functions-form h3 {
    margin: 10px 0;
    display: block;
}

#fx-functions-form .tab-selector {
    display: block;
    width: 100%;
    font-size: 15px;
}

#fx-functions-form .column-config-list {
    max-height: 400px;
    overflow-y: auto;
}

#fx-functions-form .list-not-selector ul li {
    cursor: default;
}

#fx-functions-form .weighted-mean-result {
    border-top: 2px solid #000;
    height: 30px;
}

#fx-functions-form .weighted-mean-result span {
    display: inline-block;
    border-color: #fff;
    color: #000;
    width: 80px;
    text-align: right;
}

/* SORT ELEMENTS */
.group-sort-tab {
    border-bottom: 0px solid black;
}
.group-sort-tab.active {
    border-bottom: 2px solid black;
}

#student-sort-items-tabs .group-list .group-list-item div:nth-child(2) span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}

/* Calendar - Tabs Planner & Diary */
/*.calendar-controller.tab-diary > div:nth-child(2),
.calendar-controller.tab-planner > div:nth-child(2) {
    position: absolute;
}
*/

.tab-annotations {
}

.container.header-and-full-height-content {
    display: table;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container.header-and-full-height-content .row.header {
    display: table-row;
}

.container.header-and-full-height-content .row.full-height-content {
    height: 100%;
    display: table-row;
}

.container.header-and-full-height-content .row.header .col-xs-12.full-height-column,
.container.header-and-full-height-content .row.full-height-content .col-xs-12.full-height-column {
    display: table-cell;
    float: none;
    width: 100%;
}

.share-structure-modal .modal-dialog {
    height: 100%;
}

.share-structure-modal .modal-dialog .modal-content {
    height: inherit;
    position: relative;
}

.share-structure-modal .modal-dialog .modal-content .modal-header {
    position: absolute;
    top: 0;
    height: 66px;
    width: 100%;
}

.share-structure-modal .modal-dialog .modal-content .butterbar {
    position: absolute;
    top: 66px;
    width: 100%;
}

.share-structure-modal .modal-dialog .modal-content .modal-body {
    position: absolute;
    top: 67px;
    bottom: 110px;
    width: 100%;
    min-height: 120px;
    max-height: inherit;
    padding: 0px !important;
}

.share-structure-modal .modal-dialog .modal-content .modal-footer {
    position: absolute;
    bottom: 0;
    height: 110px;
    width: 100%;
    text-align: left;

    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.copy-structure-modal .modal-dialog {
    height: 100%;
}

.copy-structure-modal .modal-dialog .modal-content {
    height: inherit;
    position: relative;
}

.copy-structure-modal .modal-dialog .modal-content .modal-header {
    position: absolute;
    top: 0;
    height: 66px;
    width: 100%;
}

.copy-structure-modal .modal-dialog .modal-content .butterbar {
    position: absolute;
    top: 66px;
    width: 100%;
}

.copy-structure-modal .modal-dialog .modal-content .modal-body {
    position: absolute;
    top: 67px;
    bottom: 101px;
    width: 100%;
    min-height: 120px;
    max-height: inherit;
    padding: 0px !important;
}

.copy-structure-modal .modal-dialog .modal-content .modal-footer {
    position: absolute;
    bottom: 0;
    height: 100px;
    width: 100%;
    text-align: left;

    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.student-group-picked {
    width: 13px;
    height: 13px;
}

.seat-plan-picked {
    width: 15px;
    height: 15px;
}

.students-importer-from-excel .modal-body {
    min-height: calc(100vh - 230px) !important;
}
@media screen and (min-height: 0px) and (max-height: 620px) {
    .students-importer-from-excel .modal-body {
        max-height: 60vh !important;
    }
}
@media screen and (min-height: 621px) and (max-height: 765px) {
    .students-importer-from-excel .modal-body {
        max-height: 66vh !important;
    }
}

.students-importer-from-excel .file-drop-box,
.students-importer-from-official-platform .file-drop-box,
.photos-importer .file-drop-box,
.photos-facial-recognition-importer .file-drop-box,
.grade-importer-from-excel .file-drop-box {
    background: #fafafa;
    border: 3px dashed #eee;
    height: 164px;
    font-size: 14px;
    padding: 10px 15px;
}

.students-importer-from-excel ul.nav-tabs li.active a {
    background-color: #f6f7f8;
    border-bottom: 1px solid #f6f7f8 !important;
}

.students-importer-from-excel .tab-content {
    background-color: #f6f7f8;
    border-top: 1px solid #f6f7f8;
    border-left: 1px solid #dee5e7;
    border-right: 1px solid #dee5e7;
    border-bottom: 1px solid #dee5e7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.students-importer-from-excel .tab-content .tab-content-container {
    padding: 15px;
}

.students-importer-from-excel .grid {
    max-height: 344px;
    min-height: 144px;
}

.margin-preview-grid {
    margin-left: 16px;
    margin-right: 16px;
}

.students-importer-from-excel .preview-grid,
.students-importer-from-official-platform .preview-grid {
    max-height: 344px;
}

div.columns-drop-scroll-container {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: -20px;
}

div.columns-drop-scroll-container div.columns-drop-table {
    display: table;
    border-spacing: 2px;
    overflow-x: auto;
}

div.columns-drop-scroll-container div.columns-drop-table ul.thumbnails-row {
    display: table-row;
    list-style: none;
    padding-left: 0;
}

div.columns-drop-scroll-container div.columns-drop-table ul.thumbnails-row li {
    display: table-cell;
    width: 130px;
    min-width: 130px;
    vertical-align: top;
}

div.columns-drop-scroll-container div.columns-drop-table ul.thumbnails-row li .thumbnail {
    margin-bottom: 0;
    background-color: #f6f7f8;
    border-style: dashed;
    border-color: #acacad;
    color: #acacad;
}

div.columns-drop-scroll-container div.columns-drop-table ul.thumbnails-row li .thumbnail .caption {
    min-height: 38px;
    padding: 2px;
    text-align: center;
}

.btn-droppable {
    padding: 0;
    margin: 0;
}

.btn-draggable {
    margin: 2px 4px 2px 2px;
    border: 1px dashed gray;
    padding: 3px 10px;
    border-radius: 9px;
    width: auto !important;
}

.btn-draggable-remove {
    width: 238px;
}

.angucomplete-dropdown {
    overflow-y: auto;
    width: 340px;
}

.table-students {
    font-size: 16px;
}

.table-students td {
    padding: 8px !important;
}

.table-students td input {
    background-color: transparent;
    border: 0;
    width: 100%;
}

/* Co-Evaluation */
.student-coeval {
    position: relative;
}

.student-coeval .student-coeval-remove {
    width: 14px;
    height: 14px;
    /* border: 1px solid black; */
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;

    /*-ms-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);*/
    background-image: url(../img/ico-alpha/multiply.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    opacity: 0;
}
.student-coeval:hover .student-coeval-remove {
    opacity: 1;
}
.student-coeval .student-coeval-remove > * {
    border-radius: 50%;
}

/* END Co-Evaluation */

/* Grade Importer */
.grade-importer-from-excel .modal-body {
    /*max-height: 66vh;*/
}
@media screen and (min-height: 0px) and (max-height: 620px) {
    .grade-importer-from-excel .modal-body {
        max-height: 60vh !important;
    }
}
@media screen and (min-height: 621px) and (max-height: 765px) {
    .grade-importer-from-excel .modal-body {
        max-height: 66vh !important;
    }
}

@media (max-width: 767px) {
    .group-nav-toolbar {
        height: fit-content !important;
    }
    .responsive-buttons {
        flex-direction: column !important;
    }
    .m-b-md-mobile {
        margin-bottom: 30px !important;
    }
}

.grade-importer-from-excel ul.nav-tabs li.active a {
    background-color: #f6f7f8;
    border-bottom: 1px solid #f6f7f8 !important;
}

.grade-importer-from-excel .tab-content {
    background-color: #f6f7f8;
    border-top: 1px solid #f6f7f8;
    border-left: 1px solid #dee5e7;
    border-right: 1px solid #dee5e7;
    border-bottom: 1px solid #dee5e7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.grade-importer-from-excel .tab-content .tab-content-container {
    padding: 15px;
}

.grade-importer-from-excel .grid {
    max-height: 344px;
    min-height: 144px;
}

#grade-type-selector .column-grade-type {
    width: 145px;
    min-width: 145px;
}

#grade-type-selector .element.style {
    display: table-cell;
}

#grade-type-selector .column-grade-type .chosen-container {
    font-size: 14px !important;
    font-weight: normal !important;
}

#grade-type-selector .column-grade-type .chosen-container .ui-grid-top-panel {
    font-weight: normal !important;
}

.ellipsis {
    width: 128px;
    ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ellipsis:after {
    content: ”…”;
}

.column-value-cell .dragging-over-accepted-column-value {
    background-color: rgba(207, 244, 171, 1) !important;
}

.column-value-cell .dragging-over-not-accepted-column-value {
    background-color: rgba(238, 46, 75, 0.2) !important;
}

/* END Grade Importer */

/* COLUMNS SELECTION */

.column-config-header.additio-column.odd,
.column-config-cell .additio-column.odd {
    background-color: #fff;
}

.column-config-header.additio-column.even,
.column-config-cell .additio-column.even {
    background-color: #f5f5f5;
}

.column-config-header.additio-column.selected,
.column-config-cell .additio-column.selected {
    background-color: var(--grade-book-selected-color) !important;
}

.column-config-header.additio-column.multi-selected,
.column-config-cell .additio-column.multi-selected {
    background-color: var(--grade-book-selected-color) !important;
}
.column-config-header.additio-column.main-selected,
.column-config-cell .additio-column.main-selected {
    background-color: var(--grade-book-main-selected-color) !important;
}

.column-config-header.additio-column.column-cut {
    background-color: var(--grade-book-main-column-cut-color) !important;
}

md-fab-speed-dial {
    z-index: 102 !important;
}

md-fab-speed-dial md-fab-trigger button.md-fab md-icon.material-icons {
    color: #ffffff !important;
}

md-fab-speed-dial md-fab-actions a.md-fab md-icon.material-icons {
    color: #ffffff !important;
    font-size: 20px;
    width: 20px;
    height: 20px;
    padding: 2px;
}

.tab-menu {
    position: absolute;
    top: 8px;
    right: 8px;
}

.tab-menu button.md-button {
    line-height: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;

    padding: 4px;

    background-color: rgba(255, 255, 255, 0.85);

    box-shadow: unset;
}

.tab-menu button.md-button.md-fab:not([disabled]):hover {
    background-color: rgba(0, 0, 0, 0.15);
}

.tab-menu button.md-button.md-fab.md-focused {
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: unset;
}

/****** GROUP VIEW ******/

/*SEARCH INPUT WITH PHONE*/
@media (max-width: 600px) {
    additio-group-search-input {
        display: block;
        width: 90%;
        max-width: 90%;
    }
}

@media (min-width: 601px) {
    additio-group-search-input {
        display: block;
        width: 360px;
        max-width: 360px;
        padding-right: 32px;
    }
}

.additio-group-search-input {
    cursor: text;
}


additio-group-search-input .form-group {
    margin-bottom: 0px;
}

additio-group-search-input .input-group-btn button[type=submit] i {
    position: relative;
    top: -2px;
}

additio-group-search-input .input-group {
    border-radius: 20px 0px 0px 20px;
    width: 100%;
    height: 30px;
    overflow: hidden;

    color: #58666e;
    background-color: #edf1f2;
    border-color: #cfdadd;

    font-size: var(--font-size-base);
}

additio-group-search-input .input-group .additio-group-search-input-wrap {
    width: 100%;
    height: 100%;
}

additio-group-search-input .additio-group-search-input-scroll {
    height: 30px;
    white-space: nowrap;
    overflow-y: unset;
    overflow-x: scroll;
    scroll-padding-left: 185px;
}

additio-group-search-input ::-webkit-scrollbar {
    width: 0px; /* remove scrollbar space */
    height: 0px; /* remove scrollbar space */
    background: transparent; /* optional: just make scrollbar invisible */
}

/* optional: show position indicator in red */
additio-group-search-input ::-webkit-scrollbar-thumb {
    background: var(--additio-red);
}

additio-group-search-input md-chips {
    width: 100%;
    height: 100%;
    border-radius: 20px 0px 0px 20px;
}

additio-group-search-input md-chips md-chips-wrap,
additio-group-search-input md-chips.md-chip-xs md-chips-wrap {
    display: inline-flex !important;
    height: 30px;
}

additio-group-search-input md-chips md-chips-wrap .md-chip-input-container,
additio-group-search-input .input-group md-chips.md-chip-xs .md-chip-input-container {
    margin: 0px !important;
}

additio-group-search-input .md-chips .md-chip-input-container md-autocomplete,
additio-group-search-input .md-chips .md-chip-input-container md-autocomplete-wrap {
    height: 30px;
}

additio-group-search-input md-chips md-chips-wrap .md-chip-input-container .md-chips md-chip:first-child,
additio-group-search-input .input-group .md-chips md-chip:first-child {
    margin-left: 10px;
}

additio-group-search-input md-chips md-chips-wrap .md-chip-input-container .md-chips md-chip,
additio-group-search-input .input-group .md-chips md-chip {
    margin-top: 4px;
}

additio-group-search-input md-chips md-chips-wrap md-autocomplete input,
additio-group-search-input .md-chips .md-chip-input-container input {
    height: 30px;
}

/* CHIPS */

additio-group-search-input .md-chips md-chip {
    border-radius: 50vh;
    border: 1px solid rgba(0, 0, 0, 0.5);
}

additio-group-search-input .md-chips md-chip::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 50vh;
    pointer-events: none;
    background-color: transparent;
}

additio-group-search-input .md-chips md-chip.md-focused::before {
    background-color: rgba(0, 0, 0, 0.2);
}

additio-group-search-input .md-chips md-chip .md-chip-remove-container {
    right: 5px;
    line-height: 18px !important;
}

additio-group-search-input .md-chips md-chip .md-chip-remove {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 12px !important;
    height: 12px !important;
    vertical-align: middle;
}

additio-group-search-input .md-chips md-chip md-chip-template,
additio-group-search-input .md-chips md-chip .md-chip-remove md-icon {
    color: white;
}

additio-group-search-input .md-chips md-chip .md-chip-remove md-icon {
    min-height: 12px;
    min-width: 12px;
    height: 12px;
    width: 12px;
}

/*
additio-group-search-input .md-chips md-chip.md-focused .md-chip-remove {
    background: white;
}
additio-group-search-input .md-chips md-chip.md-focused .md-chip-remove md-icon {
    color: var(--additio-black);
}*/


/** MENU **/
.help-menu {
    z-index: 1200;
}

#btn_help {
    display: block;
}

#header_help.closed {
    background-color: #999999 !important;
    border-radius: 5px 5px 0px 0px;
}

#btn_help.closed {
    background-color: #999999 !important;
}


.help-menu .help-menu-panel {   
    bottom: 0px;
    max-height: 47px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 0px;
    right: 80px;
    width: 60px;
    overflow: hidden;
}

.help-menu .help-menu-panel,
.help-menu .help-menu-panel .btn-menu-title {
    border-radius: 7px 7px 0px 0px;
}

.help-menu .help-menu-panel:not(.active) {   
    //bottom: 0px;
    //max-height: 0px;
    //border: 1px solid #999;
    //border-bottom: 0px;
}

.help-menu .help-menu-panel.open:not(.open-add) .btn-menu-title span {  
    opacity: 1;
}



.help-menu .help-menu-panel.open.open-add .btn-menu-title span{  
    opacity: 0;
}


.help-menu-list {
    max-height: 350px;
    list-style: none;
    counter-reset: item;
    
    /*-webkit-transition: all 3.2s ease-in;
    -moz-transition: all 3.2s ease-in;
    -o-transition: all 3.2s ease-in;
    transition: all 3.2s ease-in;*/
}

.help-menu-list li {
    counter-increment: item;
    padding-top: 2px;
    padding-bottom: 2px;
}

.help-menu-list li a {
    display: inline-block;
    padding-top: 4px;
    max-width: 100%;
}

/*.help-menu-list li a:before {
   margin-right: 2px;
   content: counter(item) ".";
   border-radius: 100%;
   width: 1.2em;
   text-align: center;
   display: inline-block;
} */

.menu-title {
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
    font-size: 80%;
}

.menu-title-open {
    /*font-size: inherit;*/
}
.menu-title-open:after{
    font-family: FontAwesome;
    content: "\f107";
    float: right;
}
.menu-animation-add .menu-title-open {
    font-size: 80%;
}

/* ANIM */
.visible-anim.ng-hide {
  /*opacity: 0;*/
  max-height: 0px;
}

.visible-anim.ng-hide:not(.ng-hide-remove,.ng-hide-add) {
  opacity: 0;
}

.visible-anim.ng-hide-remove,
.visible-anim.ng-hide-add {
  /*display: block !important;*/
  max-height: auto;
}

.visible-anim.ng-hide-remove {
    -webkit-transition: max-height 1.2s ease;
    -moz-transition: max-height 1.2s ease;
    -o-transition: max-height 1.2s ease;
    transition: max-height 1.2s ease; 
}

.visible-anim.ng-hide-add {
    -webkit-transition: max-height 1.2s ease;
    -moz-transition: max-height 1.2s ease;
    -o-transition: max-height 1.2s ease;
    transition: max-height 1.2s ease; 
}

/* FROM ENABLED TO DISABLED */
/*.help-menu.help-menu-panel.ng-enable-remove {
    max-height: 0px;
}
.help-menu.help-menu-panel.ng-enable-remove.ng-hide-remove-active{
    max-height: 40px;
}*/

/* ANIMATION */
.help-menu-panel.menu-animation-add {
    animation: 1.5s menu-appear;
}
.help-menu-panel.menu-animation {  
    width: 350px;
    max-height: 100%;
}
.help-menu-panel.menu-animation-remove:not(.ng-hide) {
    animation: 1.2s menu-disappear; // time bigger than transition
}
.help-menu-panel.open.ng-hide {
    animation: 1.2s menu-disappear-full; // time bigger than transition
}

@-webkit-keyframes menu-appear {
    0% {
        width: 60px;
        max-height: 47px;
    }
    50% {
        width: 350px;
        max-height: 47px;
    }
    100% {
        width: 350px;
        max-height: 100%;
    }
}
@keyframes menu-appear {
    0% {
        width: 60px;
        max-height: 47px;
    }
    50% {
        width: 350px;
        max-height: 47px;
    }
    100% {
        width: 350px;
        max-height: 100%;
    }
}

@-webkit-keyframes menu-disappear {
    0% {
        width: 350px;
        max-height: 100%;
        
    }
    50% {
        width: 350px;
        max-height: 47px;
    }
    100% {
        width: 60px;
        max-height: 47px;
    }
}
@keyframes menu-disappear {
    0% {
        width: 350px;
        max-height: 100%;
        
    }
    50% {
        width: 350px;
        max-height: 47px;
    }
    100% {
        width: 60px;
        max-height: 47px;
    }
}
@-webkit-keyframes menu-disappear-full {
    0% {
        width: 350px;
        max-height: 100%;
        
    }
    99% {
        width: 350px;
        max-height: 47px;
    }
    100% {
        width: 60px;
        max-height: 47px;
    }
}
@keyframes menu-disappear-full {
    0% {
        width: 350px;
        max-height: 100%;
        
    }
    99% {
        width: 350px;
        max-height: 47px;
    }
    100% {
        width: 60px;
        max-height: 47px;
    }
}

/* ANIMATION ITEMS */
.item.ng-enter {
    animation: 1s item-create;
}
.item.ng-leave {  
    animation: 1s item-destroy;
}

@-webkit-keyframes item-create {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes item-create {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes item-destroy {
    from { opacity: 1; }
    to { opacity: 0; }
}
@keyframes item-destroy {
    from { opacity: 1; }
    to { opacity: 0; }
}
/* stylelint-disable font-family-no-missing-generic-family-keyword */
@font-face {
  font-family: "KaTeX_AMS";
  src: url(../fonts/katex/KaTeX_AMS-Regular.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_AMS-Regular.woff) format("woff"),
    url(../fonts/katex/KaTeX_AMS-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KaTeX_Caligraphic";
  src: url(../fonts/katex/KaTeX_Caligraphic-Bold.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Caligraphic-Bold.woff) format("woff"),
    url(../fonts/katex/KaTeX_Caligraphic-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "KaTeX_Caligraphic";
  src: url(../fonts/katex/KaTeX_Caligraphic-Regular.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Caligraphic-Regular.woff) format("woff"),
    url(../fonts/katex/KaTeX_Caligraphic-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KaTeX_Fraktur";
  src: url(../fonts/katex/KaTeX_Fraktur-Bold.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Fraktur-Bold.woff) format("woff"),
    url(../fonts/katex/KaTeX_Fraktur-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "KaTeX_Fraktur";
  src: url(../fonts/katex/KaTeX_Fraktur-Regular.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Fraktur-Regular.woff) format("woff"),
    url(../fonts/katex/KaTeX_Fraktur-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KaTeX_Main";
  src: url(../fonts/katex/KaTeX_Main-Bold.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Main-Bold.woff) format("woff"),
    url(../fonts/katex/KaTeX_Main-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "KaTeX_Main";
  src: url(../fonts/katex/KaTeX_Main-BoldItalic.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Main-BoldItalic.woff) format("woff"),
    url(../fonts/katex/KaTeX_Main-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "KaTeX_Main";
  src: url(../fonts/katex/KaTeX_Main-Italic.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Main-Italic.woff) format("woff"),
    url(../fonts/katex/KaTeX_Main-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "KaTeX_Main";
  src: url(../fonts/katex/KaTeX_Main-Regular.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Main-Regular.woff) format("woff"),
    url(../fonts/katex/KaTeX_Main-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KaTeX_Math";
  src: url(../fonts/katex/KaTeX_Math-BoldItalic.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Math-BoldItalic.woff) format("woff"),
    url(../fonts/katex/KaTeX_Math-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "KaTeX_Math";
  src: url(../fonts/katex/KaTeX_Math-Italic.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Math-Italic.woff) format("woff"),
    url(../fonts/katex/KaTeX_Math-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "KaTeX_SansSerif";
  src: url(../fonts/katex/KaTeX_SansSerif-Bold.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_SansSerif-Bold.woff) format("woff"),
    url(../fonts/katex/KaTeX_SansSerif-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "KaTeX_SansSerif";
  src: url(../fonts/katex/KaTeX_SansSerif-Italic.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_SansSerif-Italic.woff) format("woff"),
    url(../fonts/katex/KaTeX_SansSerif-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "KaTeX_SansSerif";
  src: url(../fonts/katex/KaTeX_SansSerif-Regular.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_SansSerif-Regular.woff) format("woff"),
    url(../fonts/katex/KaTeX_SansSerif-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KaTeX_Script";
  src: url(../fonts/katex/KaTeX_Script-Regular.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Script-Regular.woff) format("woff"),
    url(../fonts/katex/KaTeX_Script-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KaTeX_Size1";
  src: url(../fonts/katex/KaTeX_Size1-Regular.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Size1-Regular.woff) format("woff"),
    url(../fonts/katex/KaTeX_Size1-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KaTeX_Size2";
  src: url(../fonts/katex/KaTeX_Size2-Regular.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Size2-Regular.woff) format("woff"),
    url(../fonts/katex/KaTeX_Size2-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KaTeX_Size3";
  src: url(../fonts/katex/KaTeX_Size3-Regular.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Size3-Regular.woff) format("woff"),
    url(../fonts/katex/KaTeX_Size3-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KaTeX_Size4";
  src: url(../fonts/katex/KaTeX_Size4-Regular.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Size4-Regular.woff) format("woff"),
    url(../fonts/katex/KaTeX_Size4-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KaTeX_Typewriter";
  src: url(../fonts/katex/KaTeX_Typewriter-Regular.woff2) format("woff2"),
    url(../fonts/katex/KaTeX_Typewriter-Regular.woff) format("woff"),
    url(../fonts/katex/KaTeX_Typewriter-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.katex {
  font: normal 1.5em KaTeX_Main, Times New Roman, serif;
  line-height: 1.2;
  text-indent: 0;
  text-rendering: auto;
  border-color: currentColor;
}
.katex * {
  -ms-high-contrast-adjust: none !important;
}
.katex .katex-version::after {
  content: "0.12.0";
}
.katex .katex-mathml {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.katex .katex-html {
  /* \newline is an empty block at top level, between .base elements */
}
.katex .katex-html > .newline {
  display: block;
}
.katex .base {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  width: min-content;
}
.katex .strut {
  display: inline-block;
}
.katex .textbf {
  font-weight: bold;
}
.katex .textit {
  font-style: italic;
}
.katex .textrm {
  font-family: KaTeX_Main;
}
.katex .textsf {
  font-family: KaTeX_SansSerif;
}
.katex .texttt {
  font-family: KaTeX_Typewriter;
}
.katex .mathnormal {
  font-family: KaTeX_Math;
  font-style: italic;
}
.katex .mathit {
  font-family: KaTeX_Main;
  font-style: italic;
}
.katex .mathrm {
  font-style: normal;
}
.katex .mathbf {
  font-family: KaTeX_Main;
  font-weight: bold;
}
.katex .boldsymbol {
  font-family: KaTeX_Math;
  font-weight: bold;
  font-style: italic;
}
.katex .amsrm {
  font-family: KaTeX_AMS;
}
.katex .mathbb,
.katex .textbb {
  font-family: KaTeX_AMS;
}
.katex .mathcal {
  font-family: KaTeX_Caligraphic;
}
.katex .mathfrak,
.katex .textfrak {
  font-family: KaTeX_Fraktur;
}
.katex .mathtt {
  font-family: KaTeX_Typewriter;
}
.katex .mathscr,
.katex .textscr {
  font-family: KaTeX_Script;
}
.katex .mathsf,
.katex .textsf {
  font-family: KaTeX_SansSerif;
}
.katex .mathboldsf,
.katex .textboldsf {
  font-family: KaTeX_SansSerif;
  font-weight: bold;
}
.katex .mathitsf,
.katex .textitsf {
  font-family: KaTeX_SansSerif;
  font-style: italic;
}
.katex .mainrm {
  font-family: KaTeX_Main;
  font-style: normal;
}
.katex .vlist-t {
  display: inline-table;
  table-layout: fixed;
  border-collapse: collapse;
}
.katex .vlist-r {
  display: table-row;
}
.katex .vlist {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
}
.katex .vlist > span {
  display: block;
  height: 0;
  position: relative;
}
.katex .vlist > span > span {
  display: inline-block;
}
.katex .vlist > span > .pstrut {
  overflow: hidden;
  width: 0;
}
.katex .vlist-t2 {
  margin-right: -2px;
}
.katex .vlist-s {
  display: table-cell;
  vertical-align: bottom;
  font-size: 1px;
  width: 2px;
  min-width: 2px;
}
.katex .vbox {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: baseline;
}
.katex .hbox {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
}
.katex .thinbox {
  display: inline-flex;
  flex-direction: row;
  width: 0;
  max-width: 0;
}
.katex .msupsub {
  text-align: left;
}
.katex .mfrac > span > span {
  text-align: center;
}
.katex .mfrac .frac-line {
  display: inline-block;
  width: 100%;
  border-bottom-style: solid;
}
.katex .mfrac .frac-line,
.katex .overline .overline-line,
.katex .underline .underline-line,
.katex .hline,
.katex .hdashline,
.katex .rule {
  min-height: 1px;
}
.katex .mspace {
  display: inline-block;
}
.katex .llap,
.katex .rlap,
.katex .clap {
  width: 0;
  position: relative;
}
.katex .llap > .inner,
.katex .rlap > .inner,
.katex .clap > .inner {
  position: absolute;
}
.katex .llap > .fix,
.katex .rlap > .fix,
.katex .clap > .fix {
  display: inline-block;
}
.katex .llap > .inner {
  right: 0;
}
.katex .rlap > .inner,
.katex .clap > .inner {
  left: 0;
}
.katex .clap > .inner > span {
  margin-left: -50%;
  margin-right: 50%;
}
.katex .rule {
  display: inline-block;
  border: solid 0;
  position: relative;
}
.katex .overline .overline-line,
.katex .underline .underline-line,
.katex .hline {
  display: inline-block;
  width: 100%;
  border-bottom-style: solid;
}
.katex .hdashline {
  display: inline-block;
  width: 100%;
  border-bottom-style: dashed;
}
.katex .sqrt > .root {
  margin-left: 0.27777778em;
  margin-right: -0.55555556em;
}
.katex .sizing.reset-size1.size1,
.katex .fontsize-ensurer.reset-size1.size1 {
  font-size: 1em;
}
.katex .sizing.reset-size1.size2,
.katex .fontsize-ensurer.reset-size1.size2 {
  font-size: 1.2em;
}
.katex .sizing.reset-size1.size3,
.katex .fontsize-ensurer.reset-size1.size3 {
  font-size: 1.4em;
}
.katex .sizing.reset-size1.size4,
.katex .fontsize-ensurer.reset-size1.size4 {
  font-size: 1.6em;
}
.katex .sizing.reset-size1.size5,
.katex .fontsize-ensurer.reset-size1.size5 {
  font-size: 1.8em;
}
.katex .sizing.reset-size1.size6,
.katex .fontsize-ensurer.reset-size1.size6 {
  font-size: 2em;
}
.katex .sizing.reset-size1.size7,
.katex .fontsize-ensurer.reset-size1.size7 {
  font-size: 2.4em;
}
.katex .sizing.reset-size1.size8,
.katex .fontsize-ensurer.reset-size1.size8 {
  font-size: 2.88em;
}
.katex .sizing.reset-size1.size9,
.katex .fontsize-ensurer.reset-size1.size9 {
  font-size: 3.456em;
}
.katex .sizing.reset-size1.size10,
.katex .fontsize-ensurer.reset-size1.size10 {
  font-size: 4.148em;
}
.katex .sizing.reset-size1.size11,
.katex .fontsize-ensurer.reset-size1.size11 {
  font-size: 4.976em;
}
.katex .sizing.reset-size2.size1,
.katex .fontsize-ensurer.reset-size2.size1 {
  font-size: 0.83333333em;
}
.katex .sizing.reset-size2.size2,
.katex .fontsize-ensurer.reset-size2.size2 {
  font-size: 1em;
}
.katex .sizing.reset-size2.size3,
.katex .fontsize-ensurer.reset-size2.size3 {
  font-size: 1.16666667em;
}
.katex .sizing.reset-size2.size4,
.katex .fontsize-ensurer.reset-size2.size4 {
  font-size: 1.33333333em;
}
.katex .sizing.reset-size2.size5,
.katex .fontsize-ensurer.reset-size2.size5 {
  font-size: 1.5em;
}
.katex .sizing.reset-size2.size6,
.katex .fontsize-ensurer.reset-size2.size6 {
  font-size: 1.66666667em;
}
.katex .sizing.reset-size2.size7,
.katex .fontsize-ensurer.reset-size2.size7 {
  font-size: 2em;
}
.katex .sizing.reset-size2.size8,
.katex .fontsize-ensurer.reset-size2.size8 {
  font-size: 2.4em;
}
.katex .sizing.reset-size2.size9,
.katex .fontsize-ensurer.reset-size2.size9 {
  font-size: 2.88em;
}
.katex .sizing.reset-size2.size10,
.katex .fontsize-ensurer.reset-size2.size10 {
  font-size: 3.45666667em;
}
.katex .sizing.reset-size2.size11,
.katex .fontsize-ensurer.reset-size2.size11 {
  font-size: 4.14666667em;
}
.katex .sizing.reset-size3.size1,
.katex .fontsize-ensurer.reset-size3.size1 {
  font-size: 0.71428571em;
}
.katex .sizing.reset-size3.size2,
.katex .fontsize-ensurer.reset-size3.size2 {
  font-size: 0.85714286em;
}
.katex .sizing.reset-size3.size3,
.katex .fontsize-ensurer.reset-size3.size3 {
  font-size: 1em;
}
.katex .sizing.reset-size3.size4,
.katex .fontsize-ensurer.reset-size3.size4 {
  font-size: 1.14285714em;
}
.katex .sizing.reset-size3.size5,
.katex .fontsize-ensurer.reset-size3.size5 {
  font-size: 1.28571429em;
}
.katex .sizing.reset-size3.size6,
.katex .fontsize-ensurer.reset-size3.size6 {
  font-size: 1.42857143em;
}
.katex .sizing.reset-size3.size7,
.katex .fontsize-ensurer.reset-size3.size7 {
  font-size: 1.71428571em;
}
.katex .sizing.reset-size3.size8,
.katex .fontsize-ensurer.reset-size3.size8 {
  font-size: 2.05714286em;
}
.katex .sizing.reset-size3.size9,
.katex .fontsize-ensurer.reset-size3.size9 {
  font-size: 2.46857143em;
}
.katex .sizing.reset-size3.size10,
.katex .fontsize-ensurer.reset-size3.size10 {
  font-size: 2.96285714em;
}
.katex .sizing.reset-size3.size11,
.katex .fontsize-ensurer.reset-size3.size11 {
  font-size: 3.55428571em;
}
.katex .sizing.reset-size4.size1,
.katex .fontsize-ensurer.reset-size4.size1 {
  font-size: 0.625em;
}
.katex .sizing.reset-size4.size2,
.katex .fontsize-ensurer.reset-size4.size2 {
  font-size: 0.75em;
}
.katex .sizing.reset-size4.size3,
.katex .fontsize-ensurer.reset-size4.size3 {
  font-size: 0.875em;
}
.katex .sizing.reset-size4.size4,
.katex .fontsize-ensurer.reset-size4.size4 {
  font-size: 1em;
}
.katex .sizing.reset-size4.size5,
.katex .fontsize-ensurer.reset-size4.size5 {
  font-size: 1.125em;
}
.katex .sizing.reset-size4.size6,
.katex .fontsize-ensurer.reset-size4.size6 {
  font-size: 1.25em;
}
.katex .sizing.reset-size4.size7,
.katex .fontsize-ensurer.reset-size4.size7 {
  font-size: 1.5em;
}
.katex .sizing.reset-size4.size8,
.katex .fontsize-ensurer.reset-size4.size8 {
  font-size: 1.8em;
}
.katex .sizing.reset-size4.size9,
.katex .fontsize-ensurer.reset-size4.size9 {
  font-size: 2.16em;
}
.katex .sizing.reset-size4.size10,
.katex .fontsize-ensurer.reset-size4.size10 {
  font-size: 2.5925em;
}
.katex .sizing.reset-size4.size11,
.katex .fontsize-ensurer.reset-size4.size11 {
  font-size: 3.11em;
}
.katex .sizing.reset-size5.size1,
.katex .fontsize-ensurer.reset-size5.size1 {
  font-size: 0.55555556em;
}
.katex .sizing.reset-size5.size2,
.katex .fontsize-ensurer.reset-size5.size2 {
  font-size: 0.66666667em;
}
.katex .sizing.reset-size5.size3,
.katex .fontsize-ensurer.reset-size5.size3 {
  font-size: 0.77777778em;
}
.katex .sizing.reset-size5.size4,
.katex .fontsize-ensurer.reset-size5.size4 {
  font-size: 0.88888889em;
}
.katex .sizing.reset-size5.size5,
.katex .fontsize-ensurer.reset-size5.size5 {
  font-size: 1em;
}
.katex .sizing.reset-size5.size6,
.katex .fontsize-ensurer.reset-size5.size6 {
  font-size: 1.11111111em;
}
.katex .sizing.reset-size5.size7,
.katex .fontsize-ensurer.reset-size5.size7 {
  font-size: 1.33333333em;
}
.katex .sizing.reset-size5.size8,
.katex .fontsize-ensurer.reset-size5.size8 {
  font-size: 1.6em;
}
.katex .sizing.reset-size5.size9,
.katex .fontsize-ensurer.reset-size5.size9 {
  font-size: 1.92em;
}
.katex .sizing.reset-size5.size10,
.katex .fontsize-ensurer.reset-size5.size10 {
  font-size: 2.30444444em;
}
.katex .sizing.reset-size5.size11,
.katex .fontsize-ensurer.reset-size5.size11 {
  font-size: 2.76444444em;
}
.katex .sizing.reset-size6.size1,
.katex .fontsize-ensurer.reset-size6.size1 {
  font-size: 0.5em;
}
.katex .sizing.reset-size6.size2,
.katex .fontsize-ensurer.reset-size6.size2 {
  font-size: 0.6em;
}
.katex .sizing.reset-size6.size3,
.katex .fontsize-ensurer.reset-size6.size3 {
  font-size: 0.7em;
}
.katex .sizing.reset-size6.size4,
.katex .fontsize-ensurer.reset-size6.size4 {
  font-size: 0.8em;
}
.katex .sizing.reset-size6.size5,
.katex .fontsize-ensurer.reset-size6.size5 {
  font-size: 0.9em;
}
.katex .sizing.reset-size6.size6,
.katex .fontsize-ensurer.reset-size6.size6 {
  font-size: 1em;
}
.katex .sizing.reset-size6.size7,
.katex .fontsize-ensurer.reset-size6.size7 {
  font-size: 1.2em;
}
.katex .sizing.reset-size6.size8,
.katex .fontsize-ensurer.reset-size6.size8 {
  font-size: 1.44em;
}
.katex .sizing.reset-size6.size9,
.katex .fontsize-ensurer.reset-size6.size9 {
  font-size: 1.728em;
}
.katex .sizing.reset-size6.size10,
.katex .fontsize-ensurer.reset-size6.size10 {
  font-size: 2.074em;
}
.katex .sizing.reset-size6.size11,
.katex .fontsize-ensurer.reset-size6.size11 {
  font-size: 2.488em;
}
.katex .sizing.reset-size7.size1,
.katex .fontsize-ensurer.reset-size7.size1 {
  font-size: 0.41666667em;
}
.katex .sizing.reset-size7.size2,
.katex .fontsize-ensurer.reset-size7.size2 {
  font-size: 0.5em;
}
.katex .sizing.reset-size7.size3,
.katex .fontsize-ensurer.reset-size7.size3 {
  font-size: 0.58333333em;
}
.katex .sizing.reset-size7.size4,
.katex .fontsize-ensurer.reset-size7.size4 {
  font-size: 0.66666667em;
}
.katex .sizing.reset-size7.size5,
.katex .fontsize-ensurer.reset-size7.size5 {
  font-size: 0.75em;
}
.katex .sizing.reset-size7.size6,
.katex .fontsize-ensurer.reset-size7.size6 {
  font-size: 0.83333333em;
}
.katex .sizing.reset-size7.size7,
.katex .fontsize-ensurer.reset-size7.size7 {
  font-size: 1em;
}
.katex .sizing.reset-size7.size8,
.katex .fontsize-ensurer.reset-size7.size8 {
  font-size: 1.2em;
}
.katex .sizing.reset-size7.size9,
.katex .fontsize-ensurer.reset-size7.size9 {
  font-size: 1.44em;
}
.katex .sizing.reset-size7.size10,
.katex .fontsize-ensurer.reset-size7.size10 {
  font-size: 1.72833333em;
}
.katex .sizing.reset-size7.size11,
.katex .fontsize-ensurer.reset-size7.size11 {
  font-size: 2.07333333em;
}
.katex .sizing.reset-size8.size1,
.katex .fontsize-ensurer.reset-size8.size1 {
  font-size: 0.34722222em;
}
.katex .sizing.reset-size8.size2,
.katex .fontsize-ensurer.reset-size8.size2 {
  font-size: 0.41666667em;
}
.katex .sizing.reset-size8.size3,
.katex .fontsize-ensurer.reset-size8.size3 {
  font-size: 0.48611111em;
}
.katex .sizing.reset-size8.size4,
.katex .fontsize-ensurer.reset-size8.size4 {
  font-size: 0.55555556em;
}
.katex .sizing.reset-size8.size5,
.katex .fontsize-ensurer.reset-size8.size5 {
  font-size: 0.625em;
}
.katex .sizing.reset-size8.size6,
.katex .fontsize-ensurer.reset-size8.size6 {
  font-size: 0.69444444em;
}
.katex .sizing.reset-size8.size7,
.katex .fontsize-ensurer.reset-size8.size7 {
  font-size: 0.83333333em;
}
.katex .sizing.reset-size8.size8,
.katex .fontsize-ensurer.reset-size8.size8 {
  font-size: 1em;
}
.katex .sizing.reset-size8.size9,
.katex .fontsize-ensurer.reset-size8.size9 {
  font-size: 1.2em;
}
.katex .sizing.reset-size8.size10,
.katex .fontsize-ensurer.reset-size8.size10 {
  font-size: 1.44027778em;
}
.katex .sizing.reset-size8.size11,
.katex .fontsize-ensurer.reset-size8.size11 {
  font-size: 1.72777778em;
}
.katex .sizing.reset-size9.size1,
.katex .fontsize-ensurer.reset-size9.size1 {
  font-size: 0.28935185em;
}
.katex .sizing.reset-size9.size2,
.katex .fontsize-ensurer.reset-size9.size2 {
  font-size: 0.34722222em;
}
.katex .sizing.reset-size9.size3,
.katex .fontsize-ensurer.reset-size9.size3 {
  font-size: 0.40509259em;
}
.katex .sizing.reset-size9.size4,
.katex .fontsize-ensurer.reset-size9.size4 {
  font-size: 0.46296296em;
}
.katex .sizing.reset-size9.size5,
.katex .fontsize-ensurer.reset-size9.size5 {
  font-size: 0.52083333em;
}
.katex .sizing.reset-size9.size6,
.katex .fontsize-ensurer.reset-size9.size6 {
  font-size: 0.5787037em;
}
.katex .sizing.reset-size9.size7,
.katex .fontsize-ensurer.reset-size9.size7 {
  font-size: 0.69444444em;
}
.katex .sizing.reset-size9.size8,
.katex .fontsize-ensurer.reset-size9.size8 {
  font-size: 0.83333333em;
}
.katex .sizing.reset-size9.size9,
.katex .fontsize-ensurer.reset-size9.size9 {
  font-size: 1em;
}
.katex .sizing.reset-size9.size10,
.katex .fontsize-ensurer.reset-size9.size10 {
  font-size: 1.20023148em;
}
.katex .sizing.reset-size9.size11,
.katex .fontsize-ensurer.reset-size9.size11 {
  font-size: 1.43981481em;
}
.katex .sizing.reset-size10.size1,
.katex .fontsize-ensurer.reset-size10.size1 {
  font-size: 0.24108004em;
}
.katex .sizing.reset-size10.size2,
.katex .fontsize-ensurer.reset-size10.size2 {
  font-size: 0.28929605em;
}
.katex .sizing.reset-size10.size3,
.katex .fontsize-ensurer.reset-size10.size3 {
  font-size: 0.33751205em;
}
.katex .sizing.reset-size10.size4,
.katex .fontsize-ensurer.reset-size10.size4 {
  font-size: 0.38572806em;
}
.katex .sizing.reset-size10.size5,
.katex .fontsize-ensurer.reset-size10.size5 {
  font-size: 0.43394407em;
}
.katex .sizing.reset-size10.size6,
.katex .fontsize-ensurer.reset-size10.size6 {
  font-size: 0.48216008em;
}
.katex .sizing.reset-size10.size7,
.katex .fontsize-ensurer.reset-size10.size7 {
  font-size: 0.57859209em;
}
.katex .sizing.reset-size10.size8,
.katex .fontsize-ensurer.reset-size10.size8 {
  font-size: 0.69431051em;
}
.katex .sizing.reset-size10.size9,
.katex .fontsize-ensurer.reset-size10.size9 {
  font-size: 0.83317261em;
}
.katex .sizing.reset-size10.size10,
.katex .fontsize-ensurer.reset-size10.size10 {
  font-size: 1em;
}
.katex .sizing.reset-size10.size11,
.katex .fontsize-ensurer.reset-size10.size11 {
  font-size: 1.19961427em;
}
.katex .sizing.reset-size11.size1,
.katex .fontsize-ensurer.reset-size11.size1 {
  font-size: 0.20096463em;
}
.katex .sizing.reset-size11.size2,
.katex .fontsize-ensurer.reset-size11.size2 {
  font-size: 0.24115756em;
}
.katex .sizing.reset-size11.size3,
.katex .fontsize-ensurer.reset-size11.size3 {
  font-size: 0.28135048em;
}
.katex .sizing.reset-size11.size4,
.katex .fontsize-ensurer.reset-size11.size4 {
  font-size: 0.32154341em;
}
.katex .sizing.reset-size11.size5,
.katex .fontsize-ensurer.reset-size11.size5 {
  font-size: 0.36173633em;
}
.katex .sizing.reset-size11.size6,
.katex .fontsize-ensurer.reset-size11.size6 {
  font-size: 0.40192926em;
}
.katex .sizing.reset-size11.size7,
.katex .fontsize-ensurer.reset-size11.size7 {
  font-size: 0.48231511em;
}
.katex .sizing.reset-size11.size8,
.katex .fontsize-ensurer.reset-size11.size8 {
  font-size: 0.57877814em;
}
.katex .sizing.reset-size11.size9,
.katex .fontsize-ensurer.reset-size11.size9 {
  font-size: 0.69453376em;
}
.katex .sizing.reset-size11.size10,
.katex .fontsize-ensurer.reset-size11.size10 {
  font-size: 0.83360129em;
}
.katex .sizing.reset-size11.size11,
.katex .fontsize-ensurer.reset-size11.size11 {
  font-size: 1em;
}
.katex .delimsizing.size1 {
  font-family: KaTeX_Size1;
}
.katex .delimsizing.size2 {
  font-family: KaTeX_Size2;
}
.katex .delimsizing.size3 {
  font-family: KaTeX_Size3;
}
.katex .delimsizing.size4 {
  font-family: KaTeX_Size4;
}
.katex .delimsizing.mult .delim-size1 > span {
  font-family: KaTeX_Size1;
}
.katex .delimsizing.mult .delim-size4 > span {
  font-family: KaTeX_Size4;
}
.katex .nulldelimiter {
  display: inline-block;
  width: 0.12em;
}
.katex .delimcenter {
  position: relative;
}
.katex .op-symbol {
  position: relative;
}
.katex .op-symbol.small-op {
  font-family: KaTeX_Size1;
}
.katex .op-symbol.large-op {
  font-family: KaTeX_Size2;
}
.katex .op-limits > .vlist-t {
  text-align: center;
}
.katex .accent > .vlist-t {
  text-align: center;
}
.katex .accent .accent-body {
  position: relative;
}
.katex .accent .accent-body:not(.accent-full) {
  width: 0;
}
.katex .overlay {
  display: block;
}
.katex .mtable .vertical-separator {
  display: inline-block;
  min-width: 1px;
}
.katex .mtable .arraycolsep {
  display: inline-block;
}
.katex .mtable .col-align-c > .vlist-t {
  text-align: center;
}
.katex .mtable .col-align-l > .vlist-t {
  text-align: left;
}
.katex .mtable .col-align-r > .vlist-t {
  text-align: right;
}
.katex .svg-align {
  text-align: left;
}
.katex svg {
  display: block;
  position: absolute;
  width: 100%;
  height: inherit;
  fill: currentColor;
  stroke: currentColor;
  fill-rule: nonzero;
  fill-opacity: 1;
  stroke-width: 1;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  stroke-opacity: 1;
}
.katex svg path {
  stroke: none;
}
.katex img {
  border-style: none;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: none;
}
.katex .stretchy {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.katex .stretchy::before,
.katex .stretchy::after {
  content: "";
}
.katex .hide-tail {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.katex .halfarrow-left {
  position: absolute;
  left: 0;
  width: 50.2%;
  overflow: hidden;
}
.katex .halfarrow-right {
  position: absolute;
  right: 0;
  width: 50.2%;
  overflow: hidden;
}
.katex .brace-left {
  position: absolute;
  left: 0;
  width: 25.1%;
  overflow: hidden;
}
.katex .brace-center {
  position: absolute;
  left: 25%;
  width: 50%;
  overflow: hidden;
}
.katex .brace-right {
  position: absolute;
  right: 0;
  width: 25.1%;
  overflow: hidden;
}
.katex .x-arrow-pad {
  padding: 0 0.5em;
}
.katex .x-arrow,
.katex .mover,
.katex .munder {
  text-align: center;
}
.katex .boxpad {
  padding: 0 0.3em 0 0.3em;
}
.katex .fbox,
.katex .fcolorbox {
  box-sizing: border-box;
  border: 0.04em solid;
}
.katex .cancel-pad {
  padding: 0 0.2em 0 0.2em;
}
.katex .cancel-lap {
  margin-left: -0.2em;
  margin-right: -0.2em;
}
.katex .sout {
  border-bottom-style: solid;
  border-bottom-width: 0.08em;
}
.katex-display {
  display: block;
  margin: 1em 0;
  text-align: center;
}
.katex-display > .katex {
  display: block;
  text-align: center;
  white-space: nowrap;
}
.katex-display > .katex > .katex-html {
  display: block;
  position: relative;
}
.katex-display > .katex > .katex-html > .tag {
  position: absolute;
  right: 0;
}
.katex-display.leqno > .katex > .katex-html > .tag {
  left: 0;
  right: auto;
}
.katex-display.fleqn > .katex {
  text-align: left;
  padding-left: 2em;
}

.navbar.navbar-language {
    margin-bottom: 0;
}

/* Language dropdown */
.navbar-language .app-language {
    margin-top: 12px;
}

.navbar-language .navbar {
    padding-top: 8px;
}

.navbar-language .navbar .dropdown-toggle {
    margin-top: 8px;
    border-radius: 8px;
    background-color: white;
    padding: 6px 12px;
    box-shadow: 3px 3px 5px rgba(var(--additio-black-rgb), 0.1);
}

.navbar-language .navbar-right {
    margin-right: 0;
}

.navbar-language .navbar .dropdown-menu {
    border-radius: 8px;
    border: none;
    margin-top: 12px;
    box-shadow: 3px 3px 5px rgba(var(--additio-black-rgb), 0.1);
    background-color: #ffffff !important;
}

.navbar-language .dropdown-menu > li > a, .topicSubmenu > li > a {
    padding: 6px 20px;
}

.topicSubmenu li:hover{
    background-color: #f2f2f2;
}
.topicSubmenu{
    list-style: none;
}
.topicText{
    white-space: normal !important;
    pointer-events: none !important;
}

@media (max-width: 760px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
}
/*
==========================================================================
MODAL DEFAULTS
==========================================================================
*/
.modal-dialog
{
    max-height: 100%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.p-input-group{
    padding: 10px 20px 0px 20px !important;
}

.modal-dialog .modal-content
{
    max-height: 100%;
    /*overflow: hidden;*/
}

.file-selector .modal-content{
    position: relative;
    height: auto !important;
}

.modal-dialog .modal-content .modal-body
{
    overflow-y: auto;
    /* min-height: 240px; */
    max-height: calc(100vh - 150px - 64px - 5px);
    padding: 15px;
}

.modal-body-resource
{
    overflow-y: auto;
    max-height: calc(100vh - 155px);
    padding: 5px;
}
.modal-body-fx
{
    overflow-y: auto;
    max-height: calc(100vh - 155px);
    padding: 15px;
}

.modal-body-uploader
{
    padding: 0px;
    min-height: 240px;
}
.modal-header-selector{
    border-bottom: 1px solid #E5E5E5FF !important;
}
.modal-header-selector{
    top: 0;
    height: 66px;
    width: 100%;
}

/*
==========================================================================
CAS PER EL SELECTOR DE PLATAFORMES
==========================================================================
*/
 .modal-body-2
{
    overflow-y: visible;
    min-height: 240px;
    max-height: calc(100vh - 150px - 64px - 5px);
    padding: 15px;
}


.modal-dialog .modal-content .modal-body .md-fab.md-fab-bottom-right
{
    bottom:0px;
    right:0px;
}

.modal-dialog .modal-content .modal-body #addFileButton
{
    bottom:10px;
    right:10px;
}

@media (min-width:0px) and (max-width: 600px)
{
    .modal-dialog .modal-content .modal-body
    {   /* on sizes 'xs' headers have two rows of buttons */
        max-height: calc(100vh - 150px - 90px - 5px); /* +13px height */
    }
}

@media (min-height: 500px)
{
    .modal-dialog .modal-content .modal-body
    {
        min-height: 340px;
    }
}

@media (min-height: 600px)
{
    .modal-dialog .modal-content .modal-body
    {
        /* min-height: 440px; */
    }
}

.modal-dialog .modal-content .modal-footer .md-fab.md-fab-bottom-right
{
    bottom:0px;
    right:10px;
}

.modal-dialog .modal-content .modal-footer label
{
    text-align: left;
}

.backdrop.in
{
    background-color:#000;
    opacity: 0.25;
}

.backdrop-light.in
{
    background-color:#000;
    opacity: 0.15;
}

/*
==========================================================================
MODAL NEW SIZE MD-LG
==========================================================================
*/
.modal-dialog.modal-md-lg {
    width: 800px;
}

@media (max-width: 768px) {
    .modal-dialog.modal-md-lg {
        width: auto;
    }
}

@media (min-width: 768px) and (max-width: 850px) {
    .modal-dialog.modal-md-lg {
        width: 650px;
    }
}

@media (min-width: 850px) and (max-width: 1024px) {
    .modal-dialog.modal-md-lg {
        width: 800px;
    }
}


/*
==========================================================================
LOADING MODAL
==========================================================================
*/
.loading-modal .modal-content
{
    top: 30%;
}

.loading-modal .modal-content .modal-body
{
    height: 170px;
    min-height: 170px;
    overflow: hidden;
}

.loading-modal .modal-content .modal-body h2
{
    color: var(--additio-blue);
}

/*
==========================================================================
CENTER LOADING MODAL
==========================================================================
*/
.center-loading {
    top: 30%;
}

.center-loading .modal-content .modal-body
{
    height: 170px;
    min-height: 170px;
    overflow: hidden;
}

/* SCHOOL RECOMMENDER */
.school-recommender .modal-content {
    background-color: #0081C7;
}

.school-recommender .modal-content .modal-header .modal-header-2{
    border-bottom: 1px solid #0081C7;
}


.school-recommender img.megaphone{
    max-height: 48px;
}

.school-recommender h1{
    margin: 0;
    font-size: 22px;
    color: #FFF;
}

.school-recommender .description{
    color: #FFF;
    text-align: center;

    font-size: 16px;
    font-weight: 300;
}

.school-recommender .description.strong{
    font-size: 22px;
    font-weight: 800;
}

.school-recommender .explication {
    color: #FFF;
    text-align: left;
    font-size: 16px;
    font-weight: 300;
}

.school-recommender form input {
    font-size: 14px;
    color: #0081C7;
}

.school-recommender .btn-additio-blue {
    padding: 10px 18px;
    border:0px;
}

.school-recommender .school-container{
    text-align: center;
}

.school-recommender img.school{
    max-height: 150px;
}

.school-recommender .email-info{
    color: #FFF;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
}

.email-preview .modal-dialog{
    min-width: 660px;
}

.email-preview .modal-footer {
    background-color: #eaeaea;
}




/* GROUP ARCHIVED */
.group-archiver .modal-dialog {
    min-height: 360px;
}

/* GROUP UNUSED ARCHIVED */
.group-unused-archiver .modal-dialog {
    min-height: 360px;
}

/* FRIEND RECOMMENDER */
.friend-recommender .modal-dialog {
    width: 614px;
}

.friend-recommender .modal-body
{
    padding: 10px 15px;
    max-height: 74vh;
}

.friend-recommender .modal-content {
    background-color: #FFFFFF;
}

.friend-recommender  .modal-content .modal-header .modal-header-2{
    border-bottom: 1px solid #FFFFFF;
}

.friend-recommender img.megaphone{
    max-height: 48px;
}

.friend-recommender h1{
    margin: 0;
    font-size: 22px;
    color: #0081C7;
}

.friend-recommender .description{
    color: #0081C7;
    text-align: center;

    font-size: 16px;
    font-weight: 300;
}

.friend-recommender .description.strong{
    font-size: 20px;
    font-weight: 800;
}

.friend-recommender .explication {
    color: #FFF;
    text-align: left;
    font-size: 16px;
    font-weight: 300;
}

.friend-recommender form input[type=text] {
    width: 100%;
    font-size: 14px;
    color: #0081C7;
    border: 0px;
    background-color: #b2d9ee;
    border-radius: 0px !important;
}


.friend-recommender form input[type=submit] {
    width: 100%;
    font-size: 17px;
    color: #FFFFFF;
    background-color: #0081C7;
    border-radius: 0px !important;
}


.friend-recommender .btn-additio-blue {
    padding: 7px 18px 8px;
    border:0px;
}

.friend-recommender .school-container{
    text-align: center;
}

.friend-recommender img.school{
    max-height: 184px;
}

.friend-recommender .email-info{
    color: #FFF;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
}

.friend-recommender .promotion{
    text-align: center;
    color: #0081C7;
}


.friend-recommender .promotion .star{
    height: 100px;
    padding: 32px 20px;

    background-image: url("../img/contact/star.png");
    background-repeat: no-repeat;
    background-size: auto 100px;
    background-position: center;

    text-align: center;
}

.friend-recommender .promotion .star .discount-value{
    font-size: 26px;
    font-weight: 900;
    color: #FFFFFF;
    line-height: 26px;
}

.friend-recommender .promotion .star .discount{
    font-size: 22px;
    color: #FFFFFF;
    line-height: 24px;
}

.friend-recommender .promotion .promotion-description{
    margin-top: 10px;
    border-top: 1px solid #0081C7;
    padding: 5px;
    color: #0081C7;
    text-align: center;

    font-size: 16px;
    font-weight: 300;
}

/* FRIEND RECOMMENDER CONDITIONS */
.friend-recommender-conditions .modal-dialog {
    width: 564px;
}


.friend-recommender-conditions h1 {
    color: #0081C7;
}

.friend-recommender-conditions ul li {
    color: #0081C7;
    font-size: 15px;
}

/* SHARED MODAL */

.share-modal {

}

.share-modal .modal-dialog {
    min-height: 460px;
}

.share-modal .modal-dialog .modal-content {
    position: relative;
    min-height: inherit;
}

.share-modal .modal-dialog .modal-content .modal-header{
    height: 66px;
    width: 100%;
}

.share-modal .modal-dialog .modal-content .modal-body{
    width: 100%;
    min-height: 392px;
}

.share-modal h3 {
    font-size: 18px;
    font-weight: 400;
}

.user-share-list {
    list-style-type: none;
    padding: 0;
}

.user-share-list li.user-share-li-item{
    cursor: pointer;
    border-bottom: 1px solid black;
}

.user-share-list li.user-share-li-item:first-child{
    border-top: 1px solid black;
}

.user-share-list li.user-share-li-item {
    height: 56px;
    padding: 5px;
    margin-bottom: 5px;
}

.user-share-list .user-share-item-name {
    font-size: 16px;
    font-weight: 600;
    min-height: 22px;
}

.user-share-list .user-share-item-email {
    font-size: 15px;
    font-weight: 300;
}




.share-modal .angucomplete-holder {
    position: relative;
}

.share-modal .angucomplete-dropdown {
    border-color: #d4d4d4;
    border-width: 1px;
    border-style: solid;

    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;

    width: 90%;
    padding: 5px;
    margin-top: 33px;
    margin-left: 10px;

    cursor: pointer;
    z-index: 9999;
    position: absolute;

    background-color: #FFF;
}

.share-modal .angucomplete-searching {
    color: #acacac;
    font-size: 14px;
}

.share-modal .angucomplete-title {
    font-size: 15px;
    font-weight: 500;
}

.share-modal .angucomplete-description {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 300;
}

.share-modal .angucomplete-row {
    padding: 3px;
    color: var(--additio-black);
    margin-bottom: 2px;
    clear: both;
    border-bottom: 1px solid #ececec;
}

.share-modal .angucomplete-row:last-child {
    border-bottom-width: 0px;
}

.share-modal .angucomplete-selected-row, .share-modal .angucomplete-row:hover {
    color: #ffffff;
}


/* COEVALUATE MODAL */

.coevaluate-modal {

}

/* COEVALUATE MODAL */
.coevaluate-modal .modal-body {
    padding: 5px 15px 0px 15px !important;
}
/* END COEVALUATE MODAL */

.coevaluate-modal .modal-dialog {
    min-height: 460px;
}

.coevaluate-modal .modal-dialog .modal-content {
    position: relative;
    min-height: inherit;
}

.coevaluate-modal .modal-dialog .modal-content .modal-header {
    height: 66px;
    width: 100%;
}

.coevaluate-modal .modal-dialog .modal-content .modal-body{
    width: 100%;
    min-height: 392px;
}

.coevaluate-modal h3 {
    font-size: 18px;
    font-weight: 400;
}

/* SHARE EXPORT MODAL */
.share-export-modal {

}

.share-export-modal h3 {
    font-size: 18px;
    font-weight: 400;
    color: var(--additio-black);
    margin: 0;
}

.share-export-modal h4 {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

/* SHARE IMPORT MODAL */
.share-import-modal {

}

.share-import-modal .modal-dialog .modal-content .modal-body{
    min-height: 360px;
}

.share-import-modal h3 {
    font-size: 18px;
    font-weight: 400;
    color: var(--additio-black);
    margin: 0;
}

.share-import-modal h4 {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

/* SHARE SCHOOL INFO MODAL */
.share-school-info-modal {

}

.share-school-info-modal .modal-dialog {
    width: 520px;
}

.share-school-info-modal h3 {
    font-size: 18px;
    font-weight: 400;
    color: var(--additio-black);
    margin: 0;
}

.share-school-info-modal .school-info {
    font-size: 15px;
    font-weight: 300;
    margin: 0;
}

/* SHARE SCHOOL INFO MODAL FOOTER */
@media (min-width: 1170px) and (max-width: 1380px){
    .share-school-info-modal .modal-dialog {
        width: 30vw;
    }
}

@media (min-width: 750px) and (max-width: 1170px){
    .share-school-info-modal .modal-dialog {
        width: 50vw;
    }
}

@media (min-width: 767px)  {
    .students-link-from-group-base .modal-dialog{
        width: 800px;
    }
}

@media (min-width: 750px){
    .share-school-info-modal .align-center{
        display: flex;
        align-items: center;
    }

    .share-school-info-modal .align-center > div:nth-child(1){
        text-align: left;
    }

    .share-school-info-modal .align-center > div:nth-child(2){
        text-align: right;
    }

    .share-school-info-modal .pull-sm-right{
        float: right;
    }
}

@media (max-width: 750px){
    .share-school-info-modal .align-center > div{
        text-align: center;
    }

    .share-school-info-modal .pull-sm-right{
        margin-top: 2rem;
    }

    .share-school-info-modal .modal-dialog {
        width: 90vw;
    }
}

.shared-item {
    float: right;
    height: 32px;
    padding: 0 20px;

    line-height: 30px;
    background: rgba(222, 222, 222, 0.4);

    color: #707070;
    font-size: 12px;
    font-weight: 400;
}

.shared-item img{
    height: 16px;
    margin-right: 5px;
    opacity: 0.6;
}
.shared-item span{
    vertical-align: middle;
}


/* EVALUATION INFO MODAL */
.evaluate-info-modal {

}

.evaluate-info-modal .modal-dialog {
    width: 520px;
}

.evaluate-info-modal h3 {
    font-size: 18px;
    font-weight: 400;
    color: var(--additio-black);
    margin: 0;
}

.evaluate-info-modal .eval-info {
    font-size: 15px;
    font-weight: 300;
    margin: 0;
}



/* COMMUNICATION CONFIRM POLICY */
.communications-confirm-policy .modal-dialog {
    margin-left: auto;
    margin-right: auto;
}

.communications-confirm-policy .modal-dialog .modal-content {
    top: 30%;
    height: 225px;

    margin-left: auto;
    margin-right: auto;
}

.communications-confirm-policy .modal-body .modal-body-communications-confirm-policy .info .hidden {
    visibility: hidden !important;
    display: inherit !important;
}

/* Responsive */
@media (min-width: 0px) and (max-width: 495px) {
        
    .communications-confirm-policy .modal-dialog .modal-content {
        height: 250px;
        width: 90%;
    }
}

@media (min-width: 495px) and (max-width: 600px) {
        
    .communications-confirm-policy .modal-dialog .modal-content {
        width: 90%;
    }
}

@media (min-width: 601px) and (max-width: 630px) {
        
    .communications-confirm-policy .modal-dialog .modal-content {        
        width: 85%;
    }
}

@media (min-width: 631px) and (max-width: 768px) {
        
    .communications-confirm-policy .modal-dialog .modal-content {
        width: 80%;
    }
}


/* SHARE COLLABORATE INFO */

.share-collaborate-needed {
    font-size: 14px;
}

.share-collaborate-needed .title {
    font-size: 19px;
    font-weight: 400;
}
.share-collaborate-needed.modal-body {
    background-image: url('../img/share/cole.png');
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;

    overflow-y: hidden;
}

.share-collaborate-needed .picture-placeholder {
    display: block;
    margin: auto;
    width: 100%;
    height: 220px;
}


/* MODAL-SM-MD */
.modal-dialog.modal-sm-md {
    width: 450px;
}

@media (max-width: 600px) {
    .modal-dialog.modal-sm-md {
        width: auto;
    }
}

@media (min-width: 600px) and (max-width: 850px) {
    .modal-dialog.modal-sm-md {
        width: 350px;
    }
}

@media (min-width: 850px) and (max-width: 1024px) {
    .modal-dialog.modal-sm-md {
        width: 400px;
    }
}

/* MODAL MD-LG */
.modal-dialog.modal-md-lg {
    width: 800px;
}

@media (max-width: 768px) {
    .modal-dialog.modal-md-lg {
        width: auto;
    }
}

@media (min-width: 768px) and (max-width: 850px) {
    .modal-dialog.modal-md-lg {
        width: 650px;
    }
}

@media (min-width: 850px) and (max-width: 1024px) {
    .modal-dialog.modal-md-lg {
        width: 800px;
    }
}



/* FORMULA GENERATOR MODAL */
.formula-generator-modal{
    overflow-x: auto !important;
}

.formula-generator-modal .modal-dialog {
    min-height: 360px;
    width: 664px;
}

.formula-generator-modal .modal-dialog .modal-content {
    position: relative;
    min-height: inherit;
}

.formula-generator-modal .modal-dialog .modal-content .modal-header {
    height: 66px;
    width: 100%;
}

.formula-generator-modal .modal-dialog .modal-content .modal-body {
    width: 100%;
    overflow-y: hidden;
}

.formula-generator-modal .student-formula-generator-modal-header > * {
    line-height: 20px;
}

.formula-generator-modal .student-formula-generator-modal-header > :last-child{
    font-size: 20px;
}

@media (max-height: 768px)
{
    .formula-generator-modal .modal-dialog
    {
        height: 97%;
        max-height: 97%;
        margin: 1% auto;
    }

    .formula-generator-modal .modal-dialog .modal-content
    {
        height: 100%;
        max-height: 100%;
    }

    .formula-generator-modal .modal-dialog .modal-content .modal-body
    {
        min-height: unset;
        max-height: unset;
    }

    .formula-generator-modal .modal-dialog .modal-content .modal-body  .formula-generator-display
    {
        height: unset;
    }
}

.formula-generator-display {
    background-color:#EEE;
    min-height: 50px;
    height: 200px;
    margin-bottom:5px;
    overflow-x: auto;
}

.formula-generator-display-container {
    height:100%;
    width:auto;
}

.formula-generator-display-container > button {
    margin: 5px 0 5px 5px;
    height: 40px;
    font-weight: 600;
    color: var(--additio-black) !important;
    font-size:15px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #fcfdfd;
    background-color: #fff;
    border-color: #dee5e7;
    border-bottom-color: #d8e1e3;
    -webkit-box-shadow: 0 1px 1px rgb(90 90 90 / 10%);
    box-shadow: 0 1px 1px rgb(90 90 90 / 10%);
}

.formula-generator-display-container > button:last-child {
    margin: 5px;
}

.formula-generator-display-container .btn-default:active, .formula-generator-display-container .btn-default.active {
    color: var(--additio-black) !important;
    background-color: #FDF6F6;
    border-color: var(--additio-red);
}

.formula-generator-display-container .btn-default.fx-if-condition {
    color: var(--additio-black) !important;
    background-color: #ffffeb;
    border-color: #ffff00;
}

.formula-generator-display-container .btn-default.fx-if-condition-true {
    color: var(--additio-black) !important;
    background-color: #e6fff3;
    border-color: #00e676;
}

.formula-generator-display-container .btn-default.fx-if-condition-false {
    color: var(--additio-black) !important;
    background-color: #fff4eb;
    border-color: #ff6d00;
}



.btn-formula-default {
    color: #FFFFFF;
    background-color: #95A5A6;
    border-color: #778484;

    font-size: 20px;

    width: 50px;
    height: 48px;
    margin: 4px;
    padding: 2px;
}

.btn-formula-default:first-child {
    margin-left: 0;
}

.btn-formula-default:last-child {
    margin-right: 0;
}

.btn-formula-default img
{
    max-width: 40px;
}

.btn-formula-default:hover,
.btn-formula-default:focus,
.btn-formula-default:active,
.btn-formula-default.active,
.open .dropdown-toggle.btn-formula-default {
    color: #FFFFFF;
    background-color: #778484;
    border-color: #778484;
}

.btn-formula-default:active,
.btn-formula-default.active,
.open .dropdown-toggle.btn-formula-default {
    background-image: none;
}

.btn-formula-default.disabled,
.btn-formula-default[disabled],
fieldset[disabled] .btn-formula-default,
.btn-formula-default.disabled:hover,
.btn-formula-default[disabled]:hover,
fieldset[disabled] .btn-formula-default:hover,
.btn-formula-default.disabled:focus,
.btn-formula-default[disabled]:focus,
fieldset[disabled] .btn-formula-default:focus,
.btn-formula-default.disabled:active,
.btn-formula-default[disabled]:active,
fieldset[disabled] .btn-formula-default:active,
.btn-formula-default.disabled.active,
.btn-formula-default[disabled].active,
fieldset[disabled] .btn-formula-default.active {
    background-color: #95A5A6;
    border-color: #778484;
}

.btn-formula-default .badge {
    color: #95A5A6;
    background-color: #FFFFFF;
}

.btn-formula-operation {
    color: #FFFFFF;
    background-color: #727f80;
    border-color: #596363;
}

.btn-formula-operation:hover,
.btn-formula-operation:focus,
.btn-formula-operation:active,
.btn-formula-operation.active,
.open .dropdown-toggle.btn-formula-operation {
    color: #FFFFFF;
    background-color: #657070;
    border-color: #657070;
}

.btn-formula-operation:active,
.btn-formula-operation.active,
.open .dropdown-toggle.btn-formula-operation {
    background-image: none;
}

.btn-formula-operation.disabled,
.btn-formula-operation[disabled],
fieldset[disabled] .btn-formula-operation,
.btn-formula-operation.disabled:hover,
.btn-formula-operation[disabled]:hover,
fieldset[disabled] .btn-formula-operation:hover,
.btn-formula-operation.disabled:focus,
.btn-formula-operation[disabled]:focus,
fieldset[disabled] .btn-formula-operation:focus,
.btn-formula-operation.disabled:active,
.btn-formula-operation[disabled]:active,
fieldset[disabled] .btn-formula-operation:active,
.btn-formula-operation.disabled.active,
.btn-formula-operation[disabled].active,
fieldset[disabled] .btn-formula-operation.active {
    background-color: #7F8C8D;
    border-color: #657070;
}

.btn-formula-operation .badge {
    color: #7F8C8D;
    background-color: #FFFFFF;
}

.btn-formula-ok {
    color: #FFFFFF;
    background-color: #34495E;
    border-color: #293A4B;
}

.btn-formula-ok:hover,
.btn-formula-ok:focus,
.btn-formula-ok:active,
.btn-formula-ok.active,
.open .dropdown-toggle.btn-formula-ok {
    color: #FFFFFF;
    background-color: #293A4B;
    border-color: #293A4B;
}

.btn-formula-ok:active,
.btn-formula-ok.active,
.open .dropdown-toggle.btn-formula-ok {
    background-image: none;
}

.btn-formula-ok.disabled,
.btn-formula-ok[disabled],
fieldset[disabled] .btn-formula-ok,
.btn-formula-ok.disabled:hover,
.btn-formula-ok[disabled]:hover,
fieldset[disabled] .btn-formula-ok:hover,
.btn-formula-ok.disabled:focus,
.btn-formula-ok[disabled]:focus,
fieldset[disabled] .btn-formula-ok:focus,
.btn-formula-ok.disabled:active,
.btn-formula-ok[disabled]:active,
fieldset[disabled] .btn-formula-ok:active,
.btn-formula-ok.disabled.active,
.btn-formula-ok[disabled].active,
fieldset[disabled] .btn-formula-ok.active {
    background-color: #34495E;
    border-color: #293A4B;
}

.btn-formula-ok .badge {
    color: #34495E;
    background-color: #FFFFFF;
}

.formula-generator-modal .column-config-selector {

}

.formula-generator-modal .column-config-selector .chosen-container .chosen-drop {
    border-bottom: 0;
    border-top: 1px solid #aaa;
    top: auto;
    bottom: 40px;
}

.formula-generator-modal .column-config-selector .chosen-container-single .chosen-single {
    height:48px;
    line-height: 48px;
    margin-right: 8px;
}

.formula-generator-modal .column-config-selector .tab-selector {
    width: 166px;

    height: 48px;
    margin-right: 5px;
}

.formula-generator-modal .column-config-selector .chosen-container-single .chosen-single div b {
    background-position: 2px 14px;
}

.formula-generator-modal .column-config-selector .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -16px 14px;
}

.formula-generator-modal .column-config-selector .tabs{
    background-color: #EEE;
    vertical-align: middle;
    overflow-y: hidden;
}

.formula-generator-modal .column-config-selector .tabs .tabs-container {
    height:100%;
    min-height: 48px;
    width:auto;

    margin-bottom: -3px;
    overflow-x: auto;
    overflow-y: hidden;

    white-space: nowrap;
    display: inline-block;
}

.formula-generator-modal .column-config-selector .tabs .tabs-container > button {
    margin: 4px 0 4px 4px;
    height: 40px;
    color: var(--additio-black) !important;
    border-color: #9ba0a1 !important;
}

.formula-generator-modal .column-config-selector .tabs .tabs-container > button:last-child {
    margin: 5px;
}

@media (max-width: 767px){
    .btn-formula-default{
        width: 40px;
        height: 38px;
        font-size: 15px;
    }
    .btn-formula-default img{
        width: 25px;
    }
    .btn-formula-default:first-child {
        margin-left: 4px;
    }
    .formula-generator-modal .modal-dialog{
        width: auto;
    }
}

.login-moodle-main-box{
    margin-top: 3rem!important;
    border: 1px solid rgba(0,0,0,.125);
}

.login-moodle-row {
    justify-content: center!important;
    flex-wrap: wrap;
    margin-right: 15px;
    margin-left: 15px;
}

.login-moodle-form-group {
    margin-bottom: 1rem;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.login-moodle-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.login-moodle-form-control {
    display: block;
    font-size: 14px;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0;
    width: 100%;
}

.login-moodle-btn-primary{
    color: #fff;
    background-color: #1177d1;
    border-color: #1177d1;
    width: 100%;
    display: block;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.5;
}

.group-seneca-export .modal-dialog {
    min-height: 500px;
}

.group-seneca-export .modal-dialog .modal-content {
    min-height: inherit;
}

.group-seneca-export .modal-dialog .modal-content .modal-body {
    min-height: 450px;
}

.students-importer-from-google-classroom .modal-dialog {
    min-height: 360px;
    width: 666px;
}

/** MODAL EVENTS TYPE ADDITIO **/
.events_type-modal .modal-dialog {
    min-height: 95vh;
}

.events_type-modal .modal-dialog .modal-content {
    min-height: 90vh
}

.events_type-modal .modal-dialog .modal-content .modal-body {
    min-height: 85vh;
}

/* === VERSION HISTORY MODAL == */
.version-history-modal .modal-dialog
{
    height: 74%;
    max-height: 74%;
    margin: 12% auto;
}

.version-history-modal .modal-dialog .modal-content
{
    height: 100%;
    max-height: 100%;
}

.version-history-modal .modal-dialog .modal-content .modal-body
{
    min-height: unset;
    max-height: unset;

    padding: 0 !important;
    margin: 0 0 15px 0;
}

.version-history-modal .modal-dialog .modal-content .modal-body .formula-generator-display
{
    height: unset;
}

@media (max-height: 1200px)
{
    .version-history-modal .modal-dialog
    {
        height: 82%;
        max-height: 82%;
        margin: 8% auto;
    }
}

@media (max-height: 992px)
{
    .version-history-modal .modal-dialog
    {
        height: 86%;
        max-height: 86%;
        margin: 6% auto;
    }
}

@media (max-height: 768px)
{
    .version-history-modal .modal-dialog
    {
        height: 95%;
        max-height: 95%;
        margin: 2% auto;
    }
}


.user-editor-modal md-nav-bar .md-button._md-nav-button
{
    padding: 6px !important;
    text-transform: none;
}

/* CONFIGURE COMMUNICATIONS */

.communications-status-picker-modal .modal-dialog .modal-content .modal-body  {
    min-height: 330px;
}

.communications-status-picker-modal .modal-dialog .modal-content .modal-body .btn-default {
    border-width: 1px;
}

.marktype-selector-nav, .profile-and-licence-config-nav{
    display: contents;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: inherit;
}
.profile-and-licence-config-nav div{
    overflow-x: auto;
}

.flex-justify-center{
    display: flex;
    justify-content: center;
}
.mouse-zoom-wheel {
    opacity: 0.25;
    background-color: rgba(255, 255, 255, 0.75);
    box-shadow: 1px 3px 12px 1px lightgray;
    transition: ease 0.6s all;
}

.mouse-zoom-wheel:hover {
    opacity: 1;
}

.mouse-zoom-wheel .slider.slider-vertical {
    margin-right: -5px;
}
/* CHIPS */
.onboarding-chips .md-chips md-chip {
    border-radius: 50vh;
    border: 1px solid rgba(0,0,0,0.5);
    margin-bottom: 4px;
}

.onboarding-chips md-chips md-chips-wrap,
.onboarding-chips md-chips.md-chip-xs md-chips-wrap {
    height: auto;
    padding: 0 0 0 3px;
}
.onboarding-chips-error md-chips .md-chips,
.onboarding-chips md-chips .md-chips.md-focused {
    box-shadow: 0 1px var(--additio-red);
}

.onboarding-chips .md-chips md-chip.md-focused::before {
    background-color: rgba(0, 0, 0, 0.2);
}

.onboarding-chips .md-chips md-chip .md-chip-remove-container {
    right: 5px;
    line-height: 18px !important;
}

.onboarding-chips .md-chips md-chip .md-chip-remove {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 12px !important;
    height: 12px !important;
    vertical-align: middle;
}

.onboarding-chips .md-chips md-chip .md-chip-remove md-icon {
    color: white;
}

.onboarding-chips .md-chips md-chip .md-chip-remove md-icon {
    min-height: 12px;
    min-width: 12px;
    height: 12px;
    width: 12px;
}


/** POPOVERS MARK TYPE **/
.popover {
    max-width: 326px;
}

.popover-title {
    padding: 4px;
    height: 43px;
}

.popover-title h4 {
    margin-left: 5px;
    display: inline-block;
    font-size: 16px;
    line-height: 34px;
}

.popover-content {
    width: 100%;
    padding: 0;
}

.popover-student h5 {
    margin-bottom: 0;
    line-height: 1.15 !important;
}

.popover-student h5:first-child {
    margin-top: 0;
}

.popover-comment {
    border-top: 2px solid #000;
    height: 62px;
    overflow-y: auto;
}

/** POPOVER TYPE: OPEN NUMERIC AND OPEN TEXT **/
#popover_open_numeric {
    width: 325px;
    min-width: 325px;
    height: 200px;
}

#popover_open_text {
    width: 425px;
    min-width: 425px;
    height: 400px;
}

#popover_open_numeric-with_comment {
    width: 325px;
    min-width: 325px;
    height: 272px;
}

#popover_open_text-with_comment {
    width: 425px;
    min-width: 425px;
    height: 455px;
}

#popover_open_numeric-with_comment-classmap {
    width: 325px;
    min-width: 325px;
    height: 222px;
}

#popover_open_text-with_comment-classmap {
    width: 425px;
    min-width: 425px;
    height: 410px;
}

#popover_open_numeric .popover-content .form-control,
#popover_open_numeric-with_comment .popover-content .form-control,
#popover_open_numeric-with_comment-classmap .popover-content .form-control,
#popover_open_text .popover-content .form-control,
#popover_open_text-with_comment .popover-content .form-control,
#popover_open_text-with_comment-classmap .popover-content .form-control{
    width: 100%; /* 243px */
}

.popover-student .form-group{
    margin: 0;
}

/** POPOVER TYPE: NUMERIC RANGE **/
#popover_numeric_range {
    width: 450px;
    height: 352px;
    font-size: 14px;
}

#popover_numeric_range-with_comment {
    width: 450px;
    height: 414px;
    font-size: 14px;
}

#popover_numeric_range-with_comment-classmap {
    width: 450px;
    height: 364px;
    font-size: 14px;
}

#popover_numeric_range .numeric-range-list, .modal-body .numeric-range-list, #popover_numeric_range-with_comment .numeric-range-list, #popover_numeric_range-with_comment-classmap .numeric-range-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 180px;
    overflow-y: auto;
}

.modal-body .positive-negative-form{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.numeric-range-list li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
}

.numeric-range-list li:hover, .numeric-range-list li.active {
    color: #FFF;
}

/** POPOVER TYPE: PICKER LIST **/
#popover_picker_list {
    width: 450px;
    height: 322px;
    font-size: 14px;
}

#popover_picker_list-with_comment {
    width: 450px;
    height: 384px;
    font-size: 14px;
}
#popover_picker_list-with_comment-classmap {
    width: 450px;
    height: 334px;
    font-size: 14px;
}

#popover_picker_list .popover-content .picker-list, #popover_picker_list-with_comment .popover-content .picker-list, #popover_picker_list-with_comment-classmap .popover-content .picker-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 160px;
    overflow-y: auto;
}

#popover_picker_list .popover-content .picker-list li, #popover_picker_list-with_comment .popover-content .picker-list li, #popover_picker_list-with_comment-classmap .popover-content .picker-list li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
}

.picker-list li:hover, .picker-list li.active {
    color: #FFF;
}

/** POPOVER TYPE: ICON LIST **/
#popover_icon_list {
    width: 450px;
    height: 300px;
    font-size: 14px;
}

#popover_icon_list-with_comment {
    width: 450px;
    height: 363px;
    font-size: 14px;
}
#popover_icon_list-with_comment-classmap {
    width: 450px;
    height: 313px;
    font-size: 14px;
}

.selector-icon-list {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 126px;
    overflow-y: auto;
}

.selector-icon-list li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
}

/** POPOVER TYPE: ATTENDANCE **/
#popover_attendance {
    width: 350px;
    min-width: 350px;
    height: 432px;
    font-size: 14px;
}

#popover_attendance-with_comment {
    width: 300px;
    min-width: 300px;
    height: 494px;
    font-size: 14px;
}
#popover_attendance-with_comment-classmap {
    width: 300px;
    min-width: 300px;
    height: 444px;
    font-size: 14px;
}

#popover_attendance .numeric-range-list, #popover_attendance-with_comment .numeric-range-list, #popover_attendance-with_comment-classmap .numeric-range-list {
    list-style: none;
    padding: 5px 10px;
    height: 250px;
    max-height: 250px;
    overflow-y: auto;
}



#popover_attendance .numeric-range-list li, #popover_attendance-with_comment .numeric-range-list li, #popover_attendance-with_comment-classmap .numeric-range-list li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
}

.numeric-range-list li:hover, .numeric-range-list li.active {
    color: #FFF;
}

/* ATT SUMMARY ITEMS LIST*/
#popover_attendance .attendance-summary-list {
    height: 330px;
    max-height: 330px;
    overflow-y: auto;
}
/* END ATT SUMMARY ITEMS LIST*/

/** POPOVER TYPE: POSITIVES NEGATIVES **/
#popover_positive_negative {
    width: 260px;
    max-width: 260px;
    height: 218px;
    font-size: 14px;
}

#popover_positive_negative-with_comment {
    width: 260px;
    max-width: 260px;
    height: 280px;
    font-size: 14px;
}
#popover_positive_negative-with_comment-classmap {
    width: 260px;
    max-width: 260px;
    height: 230px;
    font-size: 14px;
}

#popover_positive_negative .list-inline, #popover_positive_negative-with_comment .list-inline, #popover_positive_negative-with_comment-classmap .list-inline {
    display: table;
}

#popover_positive_negative .list-inline li, #popover_positive_negative-with_comment .list-inline li, #popover_positive_negative-with_comment-classmap .list-inline li {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

#popover_positive_negative .list-inline li .value-control, #popover_positive_negative-with_comment .list-inline li .value-control, #popover_positive_negative-with_comment-classmap .list-inline li .value-control {
    width: 145px;
    display: block;
}

/** POPOVER TYPE: ACCESSORY IMAGE **/
#popover_accessory_icon {
    width: 400px;
    min-width: 400px;
    height: 380px;
    font-size: 14px;
}

#popover_accessory_icon .selector-icon-list {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 240px;
    overflow-y: auto;
}

/** POPOVER TYPE: COMMENT **/
#popover_comment {
    width: 425px;
    min-width: 425px;
    height: 370px;
}

/** POPOVER TYPE: OPEN NUMERIC **/
#popover_overwrite_mark {
    width: 325px;
    min-width: 325px;
    height: 162px;
}

#popover_overwrite_mark-with_comment {
    width: 325px;
    min-width: 325px;
    height: 232px;
}

#popover_overwrite_mark .popover-content .form-control,
#popover_overwrite_mark-with_comment .popover-content .form-control {
    width: 250px;
}

/** POPOVER TYPE: CONTEXTUAL MENU **/
.popover.contextual_menu {
    background: #000;
    color: #FFF;
}

.popover.contextual_menu .popover-content {
    padding: 9px 14px;
}

.popover.contextual_menu.top .arrow:after {
    border-top-color: black!important;
}

.popover.contextual_menu.bottom .arrow:after {
    border-bottom-color: black!important;
}

.popover.contextual_menu.right .arrow:after {
    border-right-color: black!important;
}

.popover.contextual_menu.left .arrow:after {
    border-left-color: black!important;

}

.popover.contextual_menu .popover-content {
    padding: 9px 14px;
}

.popover.contextual_menu .popover-content span {
    cursor: pointer;
    text-align: center;
}

/** POPOVER TYPE: COLUMNVALUE CONTEXTUAL MENU **/
#popover-column_config-contextual_menu-1 {
    width: 180px;
    min-width: 180px;
    height: 42px;
}

#popover-column_config-contextual_menu-2 {
    width: 260px;
    min-width: 260px;
    height: 42px;
}

#popover-column_config-contextual_menu-3 {
    width: 320px;
    min-width: 320px;
    height: 42px;
}

#popover-column_config-contextual_menu-4 {
    width: 375px;
    min-width: 375px;
    height: 42px;
}

#popover-column_config-contextual_menu-5 {
    width: 500px;
    min-width: 500px;
    height: 42px;
}

#popover-column_config-contextual_menu-6 {
    width: 560px;
    min-width: 560px;
    height: 42px;
}

#popover-column_config-contextual_menu-7 {
    width: 620px;
    min-width: 620px;
    height: 42px;
}

#popover-column_config-contextual_menu-8 {
    width: 680px;
    min-width: 680px;
    height: 42px;
}

#popover-column_value-contextual_menu {
    width: 275px;
    min-width: 275px;
    height: 42px;
}

#popover-calculated_column_value-contextual_menu {
    width: 292px;
    min-width: 292px;
    height: 42px
}

/** POPOVER TYPE: STUDENT CONTEXTUAL MENU **/
#popover-student-contextual_menu {
    width: 268px;
    min-width: 268px;
    height: 42px;
}
#popover-student-contextual_menu-4 {
    width: 480px;
    min-width: 480px;
    height: 42px;
}
#popover-student-contextual_menu-5 {
    width: 600px;
    min-width: 600px;
    height: 42px;
}
#popover-student-contextual_menu-6 {
    width: 720px;
    min-width: 720px;
    height: 42px;
}

/** POPOVER TYPE: TAB CONTEXTUAL MENU **/
#popover-tab-contextual_menu {
    width: 220px;
    min-width: 220px;
    height: 42px;
}

/** POPOVER TYPE: STUDENT ICON LIST **/
#popover-student-icon-list {
    width: 340px;
    max-width: 340px;
    height: 300px;
    font-size: 14px;
}

#popover-student-icon-list .popover-title {
    padding: 4px;
    height: 43px;
}

#popover-student-icon-list .popover-content {
    height: 248px;
    width: 100%;
    padding: 0;
}

#popover-user_school_logo-contextual_menu {
    width: 120px;
    min-width: 120px;
    height: 42px;
}

#google-currency-converter-popover {
    width: 286px;
    height: 154px;
}

#google-currency-converter-popover iframe {
    border: 0;
    width: 276px;
    height: 140px
}

.popover.popover-tab-filter {
    width: 190px;
    min-width: 190px;
}

div.popover-table {
    display: table;
    width: 100%;
}

div.popover-table-row {
    display: table-row;
}

span.popover-table-cell {
    display: table-cell;
}

/* RUBRIC POPOVER */
#popover-rubric-contextual_menu {
    width: 120px;
    min-width: 120px;
    height: 42px;
}

/* Popover Planning */
#popover-planning-preview {
    width: 340px;
    max-width: 340px;
    /*min-height: 300px;*/
    height: 450px;
    /*max-height: 500px;*/
    font-size: 14px;
}

#popover-planning-preview .popover-title {
    padding: 4px;
    height: 43px;
}

#popover-planning-preview .popover-content {
    /*min-height: 248px;*/
    height: 398px;
    /*max-height: 448px;*/
    width: 100%;
    padding: 0;
}

/* popover tab group info*/
#popover-contextual_menu-tab_group_info {
    width: 200px;
    min-width: 200px;
    height: 42px;
}
#popover-contextual_menu-tab_group_info-3 {
    width: 430px;
    min-width: 430px;
    height: 42px;
}

/* END Popover Planning */

/*FILE RELATIONS POPOVER*/
#file-item-relations-popover-1,
#file-item-relations-popover-2,
#file-item-relations-popover-3,
#file-item-relations-popover-4,
#file-item-relations-popover-5{
    width: 420px;
    max-width: 420px;
}

#file-item-relations-popover-1{height: 72px}
#file-item-relations-popover-2{height: 110px}
#file-item-relations-popover-3{height: 160px}
#file-item-relations-popover-4{height: 210px}
#file-item-relations-popover-5{height: 260px}

#file-item-relations-popover-1 .popover-content,
#file-item-relations-popover-2 .popover-content,
#file-item-relations-popover-3 .popover-content,
#file-item-relations-popover-4 .popover-content,
#file-item-relations-popover-5 .popover-content{
    height: 100%;
    overflow:hidden;
}

/** POPOVER STANDARD **/
#popover_standard_skill {
    width: 360px;
    min-width: 360px;
    max-width: 450px;
    min-height: 150px;
    font-size: 14px;
}

@media (min-width: 768px) {
    #popover_standard_skill {
        width: 600px;
        max-width: 600px;
    }
}

#popover_standard_skill .popover-content .standard-skill-list {
    max-height: 200px;
    overflow-y: auto;
}

/* popover columnConfig Skill */
/* popover columnConfig Standard */
#popover_column_config_skills,
#popover_column_config_standards {
    min-width: 160px;
    max-width: 400px;
    height: 44px;
    font-size: 14px;
}

#popover_column_config_skills .popover-content,
#popover_column_config_standards .popover-content {
    max-height: 320px;
}
/* GLOBAL */

.popover ul[datepicker-popup-wrap] {
    min-width: 285px;
}

.popover .align-right ul[datepicker-popup-wrap] {
    left: initial !important;
    right: 0px;
}

.popover .align-left ul[datepicker-popup-wrap] {
    left: 0px; /* by default */
}


/* CALENDAR */

.rcalendar-switch {
    position: relative;
    overflow-x: auto;
}

/*.rcalendar-switch .rcalendar-switch-full-height {
    position: absolute;
    top: 44px;
    bottom: 0px;
    width: 100%; 
}*/

.calendar-controller {

}

/* CALENDAR HEADER */
.calendar-header {
    color: red;
}

.calendar-hour-column {
    /*position: relative;
    top: -10px;*/
}

.calendar-hour-column.now {
    color: var(--additio-black);
}

/* CONTROLLER */
.calendar-controller {
    position: relative;
}

.calendar-controller .calendar-header {
    color: red;
    font-size: 14px;
    padding-top: 0px;
}

.calendar-controller .btn-toolbar {
    background-color: #f3f3f4;
    margin-left: 0px;
    /*margin-bottom: -9px;*/
    /*height: 50px;*/
}

.calendar-controller .well {
    border-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.calendar-controller .btn-toolbar .active {
    border-bottom: 1px solid red;
}

.calendar-controller .btn-toolbar h2 {
    margin: 0px;
    margin-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    font-weight: 700;
    font-size: 15px;
}


/* MONTH */
.monthview-datetable {
    background-color: #f3f3f4;
}

.monthview-dateCell {
    background-color: white;
    vertical-align: top !important;
    position: relative;
    border: 0px !important;
}

.monthview-dateCell > div {
/ / month view container position: relative;

    display: table;
}

.calendar-controller .month-day-number {
    text-align: right;
    font-weight: bold;
    font-size: 20px;
    color: var(--additio-black);

    display: table-row;
}

.calendar-controller .month-day-number.today {
    /*margin: -2px;*/
}

.calendar-controller .month-day-number div {
    position: relative;
    text-align: right;
    display: inline-block;
    position: relative;
    top: -8px;
    right: -15px;
}

.calendar-controller .month-day-number div > span {
/ / position: absolute;
    /* anti box-sizing */
/ / right: 0 px;
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    font-size: 27px;
}

.calendar-controller .month-day-number.sunday div > span {
    color: red;
}


.calendar-controller .month-day-number.today div > span {
    background-color: red;
    color: white;
}

.monthview-dateCell .monthview-dateCell-events {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 2px;
    padding-top: 38px; /* day number height */
    border-top: 1px solid #ABABAB;
    border-left: 1px solid #ABABAB;
    /*box-shadow: 0px 0px 1px 1px #ABABAB;*/
}

@media screen\0 {
    /*.monthview-dateCell .monthview-dateCell-events > div {
        position: fixed;
    }*/
}

@media screen\9 {
    /*.monthview-dateCell .monthview-dateCell-events > div{
        position: fixed;
    }*/
}

.monthview-current-additio {
}

.monthview-selected-additio {
}

.monthview-primary-with-event-additio {
}

.monthview-secondary-additio,
.monthview-secondary-with-event-additio {
    background-color: #E6E6E6;
}

.monthview-holiday-additio {
    background-color: #f6e6ea; /* #b42e4b; */
}

/* MONTH EVENTS */
.monthview-dateCell {
    cursor: auto !important;
}

.monthview-dateCell .event-detail {
    font-size: 12px;
    font-weight: 500;
}

.monthview-dateCell .event-detail > span:nth-child(1) {
    padding-right: 15px;
}

/* PLANNER */
.planner-list {
    /*padding-right: 0px;
    margin-top: 9px;*/
}

.planner-list h2 {
    font-weight: 700;
}

.show-is-today .diary-list .is-today > *,
.show-is-today .planner-list h2.is-today {
    color: var(--additio-red);
}

.planner-day .ul.list-group {
    margin-bottom: 0px;
}

.planner-day.list-group-item {
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px;
}

.planner-event {
    color: var(--additio-black);
    border: 0px;
    border-bottom: 1px;
    margin-bottom: 0px;
}

.planner-event .buttons .button {
    margin-left: 5px;
    background-color: var(--additio-black);
}

.planner-event [class*="col-"] {
    padding-left: 0px !important;
    padding-right: 0px !important;
    /*padding: 2px;*/
    padding-top: 3px;
}

.planner-event .wrapper {
    padding-bottom: 20px;
}

.planner-event .event-time.diff {
    color: gray;
}

/* SCHEDULE */

.weekview {
    position: absolute;
    top: 24px;
    bottom: 0px;
}

.weekview table {
    margin-top: 20px;
}

.weekview .calendar-cell {
    background-color: white !important;
    height: 100px;
}

.weekview .calendar-event {
    background-color: rgba(0, 0, 0, 0.23);
    border-left: 2px solid #999;
    overflow-y: auto;
}

.weekview .calendar-event-inner-additio {
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
}

.weekview .calendar-event-inner-additio div:first-child {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.weekview .calendar-hour-column {
    vertical-align: top !important;
}

.weekview .calendar-event .event-with-note {
    position: absolute;
    top: 0px;
    right: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: #808080 #808080 transparent transparent;
}

/* FIXES */


.well {
    margin-bottom: 0px;
}

.full-height {
    height: 100%;
}

.calendar-navbar {
    margin-bottom: 0px !important;
    padding: 10px;
    background-color: #f3f3f4;
    margin-left: 0px;
    margin-right: 0px;
    /*height: 65px;*/
}

.calendar-controller .well,
.schedule-controller .well {
    border: 0px;
}

.schedule-controller .well {
    background-color: #FFF;
}

.calendar-controller table,
.schedule-controller table {
    margin-bottom: 0px;
}

.calendar-controller table thead tr {
    height: 20px; /* effective 23px as minimmum*/
}

.calendar-controller table .calendar-week-column.ng-hide {
    display: none !important;
}

.monthview-day-label {
    color: #b3b3b3;
}

/*.calendar-controller .calendar-navbar {
    height: 44px;
}*/

/*.group-view .calendar-controller .calendar-navbar {
    height: 65px;
}*/

/*.schedule-controller .rcalendar-switch-full-height {
    top: 65px;
}*/

.calendar-controller .well {
    padding: 0px;
    /*background-color: transparent;
    padding: 0px;
    //position: absolute;
    //top: 50px;
    //bottom: 0px;
    width: 100%;
    overflow: hidden;*/
}

.calendar-toolbar {
    background-color: white;
    height: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.rbc-calendar {
    height: 100% !important;
    background-color: #FFF;
}

.rbc-overlay .rbc-event {
    max-width: 400px;
}

.rbc-overlay .rbc-event .rbc-event-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rbc-now {
    color: var(--additio-red);
    font-weight: 900 !important;
}

/* Responsive fix to offsets in Group Calendar buttons */
@media (max-width: 684px) {
    .calendar-controller #calendar_search {
        margin-left: 0px;
    }

    .calendar-controller calendar_add_event {
        margin-left: 0px;
    }
}

/* MODAL */
.report-modal .modal-dialog .modal-content .modal-body
{
    max-height: calc(100vh - 60px - 64px - 5px - 40px); /* -40px for the footer */
}

@media (min-width:0px) and (max-width: 600px)
{
    .report-modal .modal-dialog .modal-content .modal-body
    {   /* on sizes 'xs' headers have two rows of buttons */
        max-height: calc(100vh - 60px - 115px - 5px - 40px); /* +13px height */
    }
}

@media (min-width: 1200px) {
    .report-modal .modal-lg{ width: 1024px; }
    .report-modal .modal-md-lg{ /*width: 1024px;*/ }
}
/* END MODAL */

.form-input-flat{
    min-width: 10px;
    padding: 2px;
}
.form-input-flat:not(:focus){
    cursor: inherit;    
}
.form-input-flat:not(:focus){
    cursor: pointer;
}
.form-input-flat:hover{
    background-color: rgba(255, 255, 255, 0.33);
}

/* */

.no-radius-hard{
    border-radius: 0px !important;
}
.spacing {
    border-spacing: 1px;
    border-collapse: separate;
}

.spacing-zero { border-spacing: 0px; }
.spacing-1x { border-spacing: 1px; }
.spacing-2x { border-spacing: 2px; }
.spacing-3x { border-spacing: 3px; }
.spacing-4x { border-spacing: 4px; }
.spacing-5x { border-spacing: 5px; }

.invisible {
    opacity: 0;
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.table-student-marks {
    margin-top: 0px;
}

.table-student-marks th {
    position: relative;
}

.table-student-marks-header .slantedtext-left, 
.table-student-marks-header .slantedtext-right {
    -ms-transform-origin: 0% 100%; /* IE 9 */
    -webkit-transform-origin: 0% 100%; /* Chrome, Safari, Opera */
    transform-origin: 0% 100%;
    bottom: 0px;
}

.table-student-marks-header .slantedtext-left > *, 
.table-student-marks-header .slantedtext-right > * {
    width: 120px;
    position: relative;
    /*top: 100%;
    left: 25%;*/
}

.table-student-marks tr.table-student-marks-body > td {
    position: relative;
}

.shifted-l-md-lg {
    left: 35px;
}

/* Report orientations */

@media (min-width: 992px){
    .report-container .modal-lg {
        width: 900px;
    }
    /* inherit from modals css
        .report-container .modal-md-lg {
            width: 900px;
        }
    */
}

.table-square .p-none{
    padding: 0px !important;
}

.table-square.table-bordered > thead > tr > th, .table-square.table-bordered > tbody > tr > td{
    border-color: #333;
    text-align: center;
}

.table-square td:not(:nth-child(0)) {
    width: 2em;
    height: 2em;
}

/* widget monthly attendance */
.black-cell {
    background-color: #333;
}
.gray-cell {
    background-color: #ccc;
}
.bg-transparent {
    background-color: transparent;
}

.b-gray-report {
    border-color: #CFCFCF;
}
.bg-report-gray {
    background-color: #E1E0E1;
}
.bg-report-white {
    background-color: white;
}
/* MODALS */
.report-container .modal-content{
    border-radius: 0px;
    max-height: initial;
}

.report-container .modal-header {
    background-color: #E1E0E1;
    border-bottom: 3px solid #c2c2c2;
}

.report-container .bg-report {
    background-color: #E1E0E1;
}

.report-container .modal-body {
    padding: 0px !important;
}

.report-container .panel-default .panel-heading {
    background: transparent;
}

/* FIX */
.report-container .modal-dialog .col-sm-8, .report-container .modal-dialog .col-sm-4{
    line-height: initial;
}

.report-container .column-value-comment{
    border-color: transparent var(--additio-red) transparent transparent !important;
    border-width: 0px 10px 10px 0px;
    border-style: solid;
}

.report-container .line.slantedtext-right,
.report-container .line.slantedtext-left {
    min-width: 125px;
    width: 125px;
}


.table.table-headers-nowrap{
    
}

.table.table-headers-nowrap th, .table.table-headers-nowrap td{
    /*width: 0;*/
    min-width: 100%;
}


.report-container .column-value-comment-inv {
    border-color: transparent var(--additio-red) transparent transparent !important;
    border-width: 10px 10px 0px 0px;
    border-style: solid;
}

/* COMMENT ARROW */
.report-container .comment-item .comment-title {
    position: relative;
}

.report-container .comment-item em {
    content: " ";
    display: block;
    position: absolute;
    left: -15px;
    top: 3px;
}

.report-container .column-value-column {
    width: initial;
}

.report-column-value {
    display: table;
    list-style-type: none;
    margin: 0;
    width:100%;
    padding: 0;
    border-right: 1px solid #ccc;
}


.report-column-value-cell{
    list-style: none;
    min-height: 38px;
    position: absolute;
    overflow: hidden;
}

.report-column-value-cell-content.w-full.h-full{
    display: table;
    margin: 0px;
}

.report-column-value-cell-content > div.w-full.h-full.shifted-zero{
    display: table-cell;
    vertical-align: middle;
}

/**** END ColumnValue List ****/
.report-student-marks-chart {
    overflow: hidden;
}

.student-general-data .form-group div.form-control {
    height: initial;
}

.bg-dark-gray {
    background-color: #E4E4E3;
}

/* TABLES */
.table.table-report > tbody > tr > td, .table.table-report > tfoot > tr > td{
    padding: 4px 10px;
}

.table thead.slanted > tr {
    height: 100px;
}
/*.table thead.slanted > tr > th:first-child {
    display: inline-flex;
    border: 0px;
    margin: 0px;
    height: 100%;
}*/
.table thead.slanted > tr > th:first-child > div{
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.report-students-table .table > tbody > tr > td.month, 
.report-students-table .table > tfoot > tr > td.month {
    padding: 0px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.report-student-marks-chart#chart_div,
.report-group-eval-by-columns-chart#chart_div {
    overflow-x: auto; 
    overflow-y: hidden;
    width: 100%;
    height: 350px;
}

#chart_div > div > div:nth-child(1){
    margin: 0 auto;
}

/* NOTES */
.note-item .note-preview.full-content{
    max-height: initial;
}

/* PLACEHOLDERS */
[contenteditable=true]:empty:before{
  content: attr(placeholder);
  display: block; /* For Firefox */
}

[contenteditable=true]{
    height: auto;
}

.placeholder-text-gray[contenteditable=true]:empty:before { color: #999; }
.placeholder-text-gray::-webkit-input-placeholder { color: #999; }
.placeholder-text-gray:-moz-placeholder { /* Firefox 18- */  color: #999; }
.placeholder-text-gray::-moz-placeholder { /* Firefox 19+ */ color: #999; }
.placeholder-text-gray:-ms-input-placeholder { color: #999; }



/* Report Editor - Group Selector */
.ic-shared img
{
    height: 16px;
    opacity: 0.6;
}

/* REPORT WIDGET COMMENT */
.report-widget-comment md-input-container .md-input {
    border-bottom: 0px solid #ccc;
    font-size: 17px;
    color: rgb(85, 85, 85);
}
.report-widget-comment md-input-container.md-input-focused .md-input {
    padding-bottom: 2px;
    position: relative;
    border-bottom: 0px solid #ccc;
}

.report-widget-comment md-input-container .md-errors-spacer,
.report-widget-comment md-input-container .md-resize-handle {
    display: none;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21-sep-2015, 13:31:28
    Author     : Pere Garriga <pgarriga@ingeniummobile.com>
*/
.rubric-configurator-modal {

}

.rubric-configurator-modal .modal-dialog.modal-lg {
    width: 90%;
}

.rubric-configurator-modal .modal-dialog {
    min-width: 660px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 620px) {
    .rubric-configurator-modal .modal-dialog {
        min-width: 560px;
    }
}

@media (max-width: 560px) {
    .rubric-configurator-modal .modal-dialog {
        min-width: 380px;
    }
}

.rubric-configurator-modal .modal-content {
    /*background-color: white;*/
}

.rubric-configurator-modal .modal-body {
    min-height: unset !important;
    overflow: hidden;
    padding-top: 0 !important;
    border-radius: 0 0px 5px 5px;
}


.rubric-configurator-modal .rubric-rows .under-corner {
    overflow: hidden;
}

.rubric-rows {
    height: fit-content;
    margin-top: 7px;
}

.rubric .hide-scroll {
    height: 64px;
    overflow-y: hidden;
}

#rubric-values.rubric-column-list {
    margin-top: 0px;
}

/*.rubric-column  {
    display: table-cell;
    vertical-align: top;
}*/

/* END Modal - Size Restrictions */

.rubric .gradient {
    height: 20px;
    margin: 2px 0;

    background: -webkit-linear-gradient(left, var(--rubric-green), var(--rubric-yellow), var(--rubric-orange), var(--rubric-red)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, var(--rubric-green), var(--rubric-yellow), var(--rubric-orange), var(--rubric-red)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, var(--rubric-green), var(--rubric-yellow), var(--rubric-orange), var(--rubric-red)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, var(--rubric-green), var(--rubric-yellow), var(--rubric-orange), var(--rubric-red)); /* Standard syntax */
}

.rubric-column-list {
    width: 100%;
}

.rubric-column {
    width: 100%;
    min-height: 40px;
}

.rubric-column-title {
    display: block;
    margin: 2px 2px 0 0;
    padding: 5px;
}

.rubric-column-title.mark {
    background-color: transparent !important;
}

.rubric-column-title.config {
    cursor: pointer;
}

.rubric-column-title.title {
    flex: 70%;
    font-weight: bold;
    vertical-align: bottom;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.rubric-column-title.title.placeholder {
    color: #707070;
}

.rubric-column-title-value {
    flex: 30%;
    text-overflow: ellipsis;
    color: var(--additio-black);
    font-weight: bold;
    font-size: 14px;
    text-align: right;
    vertical-align: bottom;
    overflow: hidden;
}


/****** RUBRIC ROW ******/
.rubric-row {
    background-color: #FFF;
    padding: 8px;
    cursor: pointer;
}

.rubric-row-header {
    width: 100%;
    margin-bottom: 5px;
}

.rubric-row-title {
    color: var(--additio-black);
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.rubric-row-title.placeholder {
    color: #707070;
}

.rubric-row-value {
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    text-align: right;
    vertical-align: bottom;

    overflow: hidden;
}

.rubric-row-detail {
    display: block;
    overflow: auto;
    font-size: 14px;
    color: #5E5E5E;

    width: 100%;
}

.rubric-row-detail.placeholder {
    color: #A0A0A0;
}

.rubric-row-skills-and-standards {
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    max-height: 14px;
}

.rubric-row-skills-and-standards-export {
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.rubric-skill-standard-item {
    white-space: nowrap;
    padding-right: 5px;
}

ul.rubric-value-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.rubric-value {
    background-color: #FFF;
    padding: 8px;
    cursor: pointer;
    overflow: auto;
}

.rubric-row.mark {
    cursor: default;
}

.rubric-value-detail {
    font-size: 14px;
    color: #5E5E5E;
}

.rubric-value-detail-placeholder {
    color: #A0A0A0;
    font-size: 14px;
}

/* MARKER & CONFIG */
.rubric > *:not(.rubric-preview) .rubric-corner {
    height: 64px;
}

.rubric > *:not(.rubric-preview) .rubric-row {
    border: 1px solid var(--grade-book-border-color);
}

.rubric > *:not(.rubric-preview) .rubric-row:not(:last-child) {
    border-bottom-width: 0px;
}

.rubric > *:not(.rubric-preview) .rubric-value {
    border: 1px solid var(--grade-book-border-color);
    border-left-width: 0px;
}

.rubric > *:not(.rubric-preview) .rubric-value:not(:last-child) {
    border-bottom-width: 0px;
}


/***** POPOVERS *****/
.popover-rubric .popover-title, #popover-rubric-column-editor .popover-title, #popover-rubric-value-editor .popover-title {
    min-height: 45px;
    padding: 8px;
}

.popover-rubric .popover-title h2 {
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
    font-size: 16px;
}

.popover-rubric .popover-title button, #popover-rubric-column-editor .popover-title button {
    vertical-align: middle;
    margin-left: 5px;
}

#popover-rubric-row-editor {
    width: 380px;
    min-width: 380px;
    height: 402px;
}

#popover-rubric-row-extended-editor {
    width: 380px;
    min-width: 380px;
    height: 452px;
}

#popover-rubric-column-editor {
    width: 380px;
    min-width: 380px;
    height: auto;
}

#popover-rubric-value-editor {
    width: 400px;
    height: 194px;
    min-width: 400px;
}

.rubric-mark {
    font-size: 18px;
    font-weight: bold;
}

.rubric-bottom {
    /*position: absolute;
    z-index: 3;
    bottom: 4px;*/
    /*height: 50px;*/
    /*width: 100%;*/
    padding: 10px 0 0 0;
    /* background-color: #e5e5e5; */
    margin: 0px 0px 10px 0px;
}


.rubric-total-weight {
    border-top: 2px solid #000;
    height: 30px;
    display: inline-block;
    text-align: right;
    padding: 2px 5px;
    font-size: 16px;
    font-weight: bold;
}

.rubric-total-weight .total-weight {
    min-width: 80px;
    display: inline-block;
}

/* Rubric Paste Data Dialog */
.rubric-configurator-paste-modal {

}

.rubric-configurator-paste-modal .modal-dialog.modal-lg {
    width: 90%;
}

.rubric-configurator-paste-modal .modal-dialog {
    min-height: 54vh;
    min-width: 660px;
}

.rubric-configurator-paste-modal .modal-content {
    background-color: #e5e5e5;
    height: 100%;
}

.rubric-configurator-paste-modal .modal-body {
    position: absolute;
    width: 100%;
    top: 66px;
    bottom: 0;
    padding: 0 !important;
    margin: 0 !important;

    min-height: none;
    max-height: none;
}

.rubric-configurator-paste-modal .modal-body .modal-body-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 15px;
}

/* Rubric Mark popover */
#popover-column_mark-contextual_menu {
    width: 175px;
    min-width: 175px;
    height: 42px;
}

#popover-column_mark-contextual_menu input {
    background-color: transparent;
    border: 0px;
}

#popover-column_mark-contextual_menu input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: white;
}

#popover-column_mark-contextual_menu input:-moz-placeholder { /* Firefox 18- */
    color: white;
}

#popover-column_mark-contextual_menu input::-moz-placeholder { /* Firefox 19+ */
    color: white;
}

#popover-column_mark-contextual_menu input:-ms-input-placeholder {
    color: white;
}

/* END Rubric Mark popover */


/* Export */

.export-column-config-rubric #rubric-values.rubric-column-list .rubric-column .rubric-value-list .rubric-value {
    margin: 0px;
    border-color: gainsboro;
    border-style: solid;
    border-width: 1px;
    border-bottom: 1px;
    border-right: 1px;
}

.export-column-config-rubric #rubric-values.rubric-column-list .rubric-column {
    /*border-bottom: 1px solid gainsboro;*/
}

.export-column-config-rubric #rubric-values.rubric-column-list .rubric-column:last-child .rubric-value {
    border-right: 1px solid gainsboro;
}

.export-column-config-rubric #rubric-values.rubric-column-list .rubric-column .rubric-value-list .rubric-value:last-child {
    border-bottom: 1px solid gainsboro;
}

.export-column-config-rubric .rubric-columns {
    /*display: table;
    position: absolute;*/
}

@media print {
    .export-column-config-rubric {
        background: transparent;
    }
}

/* END Export */

.rubric-mark-section {
    position: fixed;
    width: 100%;
    bottom: 0;
    padding: 10px 0px;
}

/* Export Config */

.export-rubric-config {
    background-color: transparent;
}

.export-rubric-config #rubric-values.rubric-column-list .rubric-column .rubric-value-list .rubric-value {
    margin: 0px;
    border-color: gainsboro;
    border-style: solid;
    border-width: 1px;
    border-bottom: 1px;
    border-right: 1px;
}

.export-rubric-config #rubric-values.rubric-column-list .rubric-column {
    /*border-bottom: 1px solid gainsboro;*/
}

.export-rubric-config #rubric-values.rubric-column-list .rubric-column:last-child .rubric-value {
    border-right: 1px solid gainsboro;
}

.export-rubric-config #rubric-values.rubric-column-list .rubric-column .rubric-value-list .rubric-value:last-child {
    border-bottom: 1px solid gainsboro;
}

.export-rubric-config .rubric-columns {
    /*display: table;
    position: absolute;*/
}


/* Refactor export rubric Start */
.rubric-preview .rubric-column-title.config {
    /*border: 0px;*/ /* cleaned border as before */
}

.rubric-preview .rubric-corner {
    height: 46px;
}

.rubric-preview .rubric-rows .rubric-column-list .rubric-column {
    border-left: 1px solid var(--grade-book-border-color);
    border-top: 1px solid var(--grade-book-border-color);
    box-sizing: border-box;
}

.rubric-preview .rubric-rows .rubric-column-list .rubric-column:not(:last-child) {
    border-bottom: 0px solid var(--grade-book-border-color);
    box-sizing: border-box;
}

.rubric-preview .rubric-rows .rubric-column-list .rubric-column:last-child {
    border-right: 1px solid var(--grade-book-border-color);
    box-sizing: border-box;
}

.rubric-preview .rubric-rows .rubric-column-list:last-child .rubric-column {
    border-bottom: 1px solid var(--grade-book-border-color);
    box-sizing: border-box;
}

.rubric-preview .rubric-value {
    overflow: initial;
}

/* END Export */
.student-editor .modal-dialog .modal-content .modal-header
{
    border-bottom: 0;
}

.student-editor .modal-dialog .modal-content .modal-body
{
    max-height: calc(100vh - 60px - 130px - 5px);
    padding: 5px 15px 15px 15px;
}

.student-editor .nav-tabs li a
{
    height: 56px;

    color: var(--additio-black);

    font-size: 10px;
    text-transform: uppercase;
}

.student-editor .nav-tabs li a label
{
    margin-bottom: 0;
}

.student-angucomplete-image-default{
    background-image: url('../img/student/ic_student_info.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}
.student-editor-menu-option-personal {
    background-image: url('../img/student/ic_student_info.png');
}

.student-editor-menu-option-groups {
    background-image: url('../img/student/ic_student_group.png');
}

.student-editor-menu-option-notes {
    background-image: url('../img/student/ic_student_notes.png');
}

.student-editor-menu-option-events {
    background-image: url('../img/student/ic_student_calendar.png');
}

.student-editor-menu-option-accions {
    background-image: url('../img/student/ic_student_settings.png');
}

.student-editor-menu-option-files {
    background-image: url('../img/ico-gray/ic_clip.png');
}

/* ACTIVE TABS */
.active .student-editor-menu-option-personal {
    background-image: url('../img/student/ic_accent_student_info.png');
}

.active .student-editor-menu-option-groups {
    background-image: url('../img/student/ic_accent_student_group.png');
}

.active .student-editor-menu-option-notes {
    background-image: url('../img/student/ic_accent_student_notes.png');
}

.active .student-editor-menu-option-events {
    background-image: url('../img/student/ic_accent_student_calendar.png');
}

.active .student-editor-menu-option-accions {
    background-image: url('../img/student/ic_accent_student_settings.png');
}

.active .student-editor-menu-option-files {
    background-image: url('../img/ico-alpha/ic_clip.png');
    width: 23px !important;
}

.student-form-thumb {
    /*margin-top:10px;*/
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*border: 4px solid black;*/
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    
    vertical-align: middle;
    line-height: 110px;
    text-align: center;
}

.student-form-thumb.student-form-thumb-xs {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.student-form-thumb.student-form-thumb-sm {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.student-form-thumb.student-form-thumb-md {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

.student-form-thumb input[type='file']{
    opacity: 0;
    width: 100%;
    height: 100%;
}

.student-form-thumb .student-thumb-file-upload {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(192, 192, 192, 0.24);
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    /*display: table;*/
    text-align: center;
    opacity: 0;
    border: 2px dashed black;    
    border-radius: 50%;    
    cursor: pointer;  
    transition: 0.4s all;
}
.student-form-thumb:hover .student-thumb-file-upload {
    opacity:1;
}

.student-form-thumb .student-thumb-file-upload p {
    /*display: table-cell;
    vertical-align: middle;*/
    font-weight: 900;
}

/* /FILEUPLOAD */

/* IMPORT STUDENTS */
.import-students-modal small,
.import-students-modal .small {
    font-size: 85%;
}


#student-editor-tabs.essential .nav > li {
    width: 50%;
}

/* Student Preview */
.backdrop.student-picture-preview-backdrop.backdrop-dark {
    opacity: 0.75;
}

.student-picture-preview .modal-dialog {
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
}

.student-picture-preview .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: 0px;

    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;

}

.student-picture-preview .student-preview-container {
    height: auto;
    min-width: 0px;
    min-height: 0px;

    /* explicit attrs for image 300x300 */
    max-width: 310px; /* using 5px on border */
    margin: auto;
}

.student-picture-preview img {
    border: 5px solid white;
}

/* fix for nav-justify on student tabs */
#user-editor-tabs .nav > li {
    float:left;
}

#user-editor-tabs .nav > li > a {
    padding: 10px 22px;
}

/*
 * additio-event-list
 */
 additio-event-list {
     display: block;
 }

 /* Communications code */
.enrollment-modal .edvoice-code {
    display: flex;
}

.enrollment-modal .edvoice-code-input {
    border: 1px solid var(--additio-border-grey);
    background-color: white !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 12px 16px;
    height: auto;
}

.enrollment-modal .edvoice-code-btn {
    border: 1px solid var(--additio-border-grey);
    border-left: none;
    padding: 0px 16px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.enrollment-modal .editor-user-chat-icon {
    margin-left: 12px;
}
@media (min-width: 1200px) {
    .subscriptions-container {
        width: 90%;,
        align-self: center;
        margin: auto;
    }
}

.navbar {
    min-height: auto
}

/** ICON FOR THE RESTRICTION **/
.lock-icon {
    font-size: 18px !important;
    vertical-align: middle;
    color: #A5A5A5;
}
.button-login {
    background-color:#5656A8; 
    border-color: #5656A8;
}

.text-teams {
    font-size: 15px !important;
    color: rgb(70, 65, 65);
}

.a-logout {
    color: rgb(75, 75, 204);
}

.text-emptyGroup {
    font-size: 15px; 
    color: var(--additio-black);
}

.text-link {
    color: #5656A8; 
    font-size: 15px; 
}

.text-bottom {
    position: fixed; 
    bottom: 0;
}

.text-userInf {
    font-size: 14px; 
}

.teams .teams-view {
    padding-top: 20vh;
    height: 100%;
}

.teams .img-icon {
    display:block; 
    margin:auto; 
    width: auto;
    height: 65px;
}

.teams .img-text {
    display:block; 
    margin:auto; 
    width: auto;
    height: 30px;
}

.teams .text-logout {
    font-size: 18px; 
    color: rgb(70, 65, 65); 
}

.teams .div-text-logout {
    margin:auto; 
    text-align: center; 
    padding: 30px 20px;
}

.background-config {
    overflow: visible !important; 
    background-color: white !important;
    /*background-color: transparent !important;*/
}

.center {
    text-align: center;
}

.teams {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 100%; */
    padding: 15px;
    }

.teams.teams-setup,
.teams.teams-config,
.teams.teams-remove {
    background-color: white;
    padding: 15px;
}

.teams.teams-login > div,
.teams.teams-config > div {
    /* padding: 5vh; */
}
.google-classroom-students-list {
    padding-bottom: 15px;
}
.google-classroom-course-work-list {
    padding-bottom: 15px;
}
.chk-hide-linked-course-work {
    position: absolute;
    width: calc(100% - 30px);
    padding-bottom: 5px;
    bottom: 0;
}
.chk-import-picture {
    position: absolute;
    width: calc(100% - 30px);
    margin-top: 20px !important;
    padding-bottom: 5px;
    bottom: 0;
}
.student-submissions-documents-amount {
    border-radius: 50%;
    border: 2px solid black;
    text-align:center;
    vertical-align: middle;
}
.ic_google_classroom {
    background-image: url('../../img/partners/ic_google_classroom.png');
}
.ico-submenu {
	background: url('../../img/button/btn_right.png') no-repeat right;
	background-size: 18px 18px;
}
.lpad-attch-lt10 { padding-left: 13px; }
.lpad-attch-gte10 { padding-left: 9px; }
/* Google Drive*/
.picker-dialog-bg {
    z-index: 20000 !important;
}

.picker-dialog {
    z-index: 20001 !important;
}

/* AdditioApp */
.file-preview.google-document-link-type {
    background-image: url('../../img/file/google_document.png');
}

.file-preview.google-spreadsheet-link-type {
    background-image: url('../../img/file/google_spreadsheet.png');
}

.file-preview.google-presentation-link-type {
    background-image: url('../../img/file/google_presentation.png');
}

.file-preview.google-drawing-link-type {
    background-image: url('../../img/file/google_drawing.png');
}

.file-preview.google-form-link-type {
    background-image: url('../../img/file/google_form.png');
}

.file-preview.google-drive-link-type {
    background-image: url('../../img/file/google_drive.png');
}
/* ENROLLMENT TOKEN */
.communications-token {
    line-height: 45px;
    height: 45px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: block;
}


.communications-alert {
    border-radius: 6px;
    margin-bottom: 10px;
}

.communications-alert .text-title {
    font-weight: bold;
}

/* MESSAGE MODAL */
.message-modal .md-chips {
    padding: 0;
    box-shadow: none;
}

.message-modal .md-chips .md-chip {
    height: 30px;
    line-height: 35px;
    background-color: transparent;
    border: 0;
}

.message-modal .md-chips .md-chip .md-chip-remove {
    height: 40px;
}

.message-modal .md-chips .md-chip .button-arrow-r {
    height: 40px;
    opacity: 0.5;
}

.message-modal .md-chips .md-chip-input-container input:not([type]),
.message-modal .md-chips .md-chip-input-container input[type=url],
.message-modal .md-chips .md-chip-input-container input[type=text],
.message-modal .md-chips .md-chip-input-container input[type=email],
.message-modal .md-chips .md-chip-input-container input[type=number],
.message-modal .md-chips .md-chip-input-container input[type=tel] {
    height: 40px;
}

.message-modal .md-chips .md-chip-input-container:not(:first-child) {
    margin: 4px 8px 0 0;
}

.message-modal md-chips .md-chips.md-focused {
    box-shadow: none;
}

.message-modal .md-chips .md-chip {
    padding: 0;
    margin: 0;
}

.message-modal .md-chips .md-chip-input-container {
    margin-top: 4px;
}

.message-modal .communication-chips-button {
    height: 50px;
    line-height: 36px;
}

/* Step 1 */
.message-modal .communication-step-1 .communication-chips-label {
    position: absolute;
    color: #666;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 15px;
}

.message-modal .communication-step-1 md-chips > md-chips-wrap {
    padding-left: 48px;
}

.message-modal textarea.communication-message,
.message-modal input.communication-title {
    border-radius: 4px;
    padding: 10px;
    font-size: 15px;
    resize: none;
    height: 40px;
}

.message-modal .has-error textarea.communication-message,
.message-modal .has-error input.communication-title {
    border: 1px solid var(--additio-red);
}

/* END MESSAGE MODAL */


/* MODAL */
.edvoice-school-modal .modal-dialog {
    height: 100%;
    max-height: 175px;
    padding: 0;
    margin-top: 30vh;
}

.edvoice-school-modal .modal-content {
    height: 230px;
    min-height: 230px;
    position: relative;
}
@media (max-width: 768px) {
    .edvoice-school-modal .modal-content {
        height: 250px;
        min-height: 250px;
    }
}
.edvoice-school-modal .modal-body {
    min-height: 130px;
    max-height: 130px;
}

.send-options-modal .modal-body {
    margin: 10px;
    min-height: auto !important;
    overflow-y: visible;
}

/* DEFAULT */
.evaluation-type-selector .modal-body  .md-nav-item .md-button {
    text-transform: none;
    font-size: 15px;
}

.evaluation-type-selector .md-list {
    padding: 0;
}

.evaluation-type-selector .md-list .md-list-item {
    font-size: 12px;
    color: var(--additio-black);
    border-bottom: 1px #000000 solid;
}

.evaluation-type-selector .md-list .md-list-item .md-list-item-text h3 {
    font-size: 15px;
    font-weight: 400;
    color: var(--additio-black);
    margin: 0;
    padding: 0;
}

.evaluation-type-selector .md-list .md-list-item .md-list-item-text p {
    margin: 0;
    padding: 0;
}

.evaluation-type-selector .modal-footer {
    padding: 10px;
    border-radius: 15px;
}

.evaluation-type-selector md-nav-bar .modal-body li {
    width: 100%;
    text-align: center;
}

/** POPOVER TYPE: COMMENT **/
.evaluation_popover-comment {
    width: 350px;
    min-width: 350px;
    height: 152px;
}

.evaluation_popover-comment .popover-title {
    padding: 4px 10px;
}

.evaluation_popover-comment .popover-content {
    padding: 4px 10px;
}

/** POPOVER TYPE: ACCESSORY ICON **/
.evaluation_popover-accessory_icon {
    height: 254px;
}

.evaluation_popover-accessory_icon .popover-title {
    padding: 4px 10px;
}

.evaluation_popover-accessory_icon .popover-content {
    height: 214px;
}

.evaluation_popover-accessory_icon .popover-content .selector-icon-list {
    height: 210px;
}



/* POPOVER TYPE: OPEN NUMERIC */
.evaluation_popover-open_numeric {
    width: 266px;
    height: 110px;
}

.evaluation_popover-open_numeric .popover-title {
    padding: 4px 10px;
}

.evaluation_popover-open_numeric .popover-content {
    padding: 15px 10px;
}

/* POPOVER TYPE: OPEN TEXT */
.evaluation_popover-open_text {
    width: 425px;
    min-width: 425px;
    height: 305px;
}

.evaluation_popover-open_text .popover-title {
    padding: 4px 10px;
}

.evaluation_popover-open_text .popover-content {
    padding: 15px 10px;
}

/* POPOVER TYPE: NUMERIC RANGE */
.evaluation_popover-numeric_range {
    width: 200px;
    height: 245px;
}

.evaluation_popover-numeric_range .popover-title {
    padding: 4px 10px;
}

.evaluation_popover-numeric_range .popover-content {
    padding: 10px 10px;
    height: 200px;
}

.evaluation_popover-numeric_range .popover-content .numeric-range-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 180px;
    overflow-y: auto;
}

.evaluation_popover-numeric_range .popover-content .numeric-range-list li {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
}

.evaluation_popover-numeric_range .popover-content .numeric-range-list li:hover, .evaluation_popover-numeric_range .popover-content .numeric-range-list li.active {
    color: #FFF;
}

/* POPOVER TYPE: PICKER LIST */
.evaluation_popover-picker_list {
    width: 240px;
    height: 245px;
}

.evaluation_popover-picker_list .popover-title {
    padding: 4px 10px;
}

.evaluation_popover-picker_list .popover-content {
    padding: 10px 10px;
    height: 200px;
}

.evaluation_popover-picker_list .popover-content .picker-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 180px;
    overflow-y: auto;
}

.evaluation_popover-picker_list .popover-content .picker-list li {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
}

.evaluation_popover-picker_list .popover-content .picker-list li:hover, .evaluation_popover-picker_list .popover-content .picker-list li.active {
    color: #FFF;
}

/* POPOVER TYPE: ICON LIST */
.evaluation_popover-icon_list {
    width: 240px;
    height: 190px;
}

.evaluation_popover-icon_list .popover-title {
    padding: 4px 10px;
}

.evaluation_popover-icon_list .popover-content {
    padding: 10px 10px;
    height: 146px;
}

.evaluation_popover-icon_list .popover-content .selector-icon-list {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 126px;
    overflow-y: auto;
}


/**** EVALUATION TYPE CATEGORY SELECTOR ****/
.evaluation-type-category-selector .modal-dialog {

}

.evaluation-type-category-selector .modal-content {
    /* PGR: Simulem un layout-column a modal-content */
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    display: flex;
}

.evaluation-type-category-selector .modal-header {
    min-height: 60px;
    padding: 12px 15px;
}

.evaluation-type-category-selector .modal-body {
    /*max-height: 588px; */
    min-height: 316px;
}

.evaluation-type-category-selector .modal-body  .md-nav-item .md-button {
    text-transform: none;
    font-size: 15px;
}

.evaluation-type-category-selector .md-list {
    padding: 0;
}

.evaluation-type-category-selector .md-list .md-list-item {
    font-size: 12px;
    color: var(--additio-black);
    border-bottom: 1px #000000 solid;
}

.evaluation-type-category-selector .md-list .md-list-item .md-list-item-text h3 {
    font-size: 15px;
    font-weight: 400;
    color: var(--additio-black);
    margin: 0;
    padding: 0;
}

.evaluation-type-category-selector .md-list .md-list-item .md-list-item-text p {
    margin: 0;
    padding: 0;
}

.evaluation-type-category-selector .modal-footer {
    padding: 10px;
    border-radius: 15px;
}

.evaluation-type-category-selector md-nav-bar .modal-body li {
    width: 100%;
    text-align: center;
}

/* RESPONSIVE */
@media (min-width: 375px) {
    .evaluate-rubric .modal-dialog.modal-sm {
        width: 300px;
        margin: auto;
    }
}
.quiz-editor-modal .modal-body {
    padding: 0 !important;
}

.edquiz-quiz-view {
    height: 100%;
}


.quiz-view-modal .modal-dialog {
    width: 90% !important;
    height: 90% !important;
}

.quiz-view-modal .modal-content {
    width: 100% !important;
    height: 100% !important;
}

.quiz-view-modal .modal-body {
    padding: 2px !important;
    height: 100% !important;
    max-height: none !important;
}

#edquiz-quiz-assessment-view {
    height: 100% !important;
}

.assignment-editor-modal .modal-body {
    padding: 0 !important;
    max-height: 85vh;
}

.assignment-sender-modal .modal-body {
    padding: 0 !important;
}

.assignment-delete-modal {
    display: none !important;
}

.edquiz-quiz-assessment-view-modal .modal-body {
    padding: 0 !important;
}

.edquiz-quiz-assessment-view-modal .modal-dialog {
    width: 95% !important;
    height: 90% !important;
    max-height: 100% !important;
}

.edquiz-quiz-assessment-view-modal .modal-content {
    width: 100% !important;
    height: 100% !important;
}

.edquiz-quiz-assessment-view-modal .modal-body {
    padding: 2px !important;
    height: 100% !important;
    max-height: inherit !important;
}
.AdditioLogin_container__2lBE_{margin-top:20px;margin-left:15px;margin-right:15px}.AdditioLogin_progressContainer__-wBxb,.AdditioQuizList_progressContainer__QQmkJ{min-height:250px;display:flex;align-items:center;justify-content:center}.AdditioQuizList_paperList__2rzTD .AdditioQuizList_Link__CZrBP{text-decoration:none;color:inherit}.AdditioQuizList_emptyListText__CnNZC{text-align:center;color:grey;margin:20px 5px!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}.AdditioQuizList_list__HSsg_,.ModalDialog_dialogContent__pPIPJ{padding:0!important}.ModalDialog_dialogContainer__3W5uo{height:auto}.ButtonPrimary_root__3CqAt{align-items:center}.ButtonPrimary_wrapper__22pne{position:relative}.ButtonPrimary_buttonProgress__1rRG6{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}.ButtonPrimary_MuiButton-containedPrimary__3Dnlq{background-color:green}.ButtonSecondary_root__3CZ1r{display:flex;align-items:center}.ButtonSecondary_wrapper__2JZq8{position:relative}.ButtonSecondary_buttonProgress__Q3VHr{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}.EditorToolbar_toolbar__35MQV{height:70px}.EditorToolbar_title__3GElU{font-weight:800}.EditorToolbar_tabs__38riZ{flex-grow:1}.EditorToolbar_button__lKBv-{margin-left:20px}.Input_input__3Rs-h{width:100%;padding:10px;box-sizing:border-box}.TextField_inputElement__xKG_9{width:100%;z-index:600}.TextField_inputElement__xKG_9:focus{outline:none;background-color:#ccc}.DateTimePicker_inputElement__3-6om{width:100%;z-index:600}.DateTimePicker_inputElement__3-6om:focus{outline:none;background-color:#ccc}.QuestionDialog_buttonLeft__1-uiF{margin-right:20px}.QuizEditor_progressContainer__3PpGm{text-align:center;min-height:250px;display:flex;align-items:center;justify-content:center}.QuizEditor_container__3YpOL{margin:20px 15px}.QuizPreview_container__1fw1d{height:100%}.QuizPreview_content__1mOXo{flex-grow:1;padding:5%;overflow:auto;max-height:calc(100vh - 50px);visibility:visible;transition-property:padding,visibility;-ms-overflow-style:none;overflow:-moz-scrollbars-none}.QuizPreview_content__1mOXo::-webkit-scrollbar{display:none}.QuizPreview_button__3iiVy{margin:15px;float:right;width:145px}.QuizPreview_sendingAnswer__2dL4U{display:flex;align-items:center;margin-top:5px}.QuizPreview_sendingAnswerText__2w94o{margin-left:5px}.QuizPreview_helpText__BjzTe{color:#b5b5b5;font-size:24px;position:absolute;left:50%;top:50%;transform:translate(-50%,-60%);text-align:center}@media (max-width:600px){.QuizPreview_drawerOpen__1mViS{width:100vw;position:fixed;height:100vh}}.QuizPreview_questionsEmptyImage__2JA3U{width:200px;height:200px}.QuizPreview_fabContainer__xk5SD{position:absolute;bottom:5%;right:5%;z-index:1000;opacity:.8}.ButtonAdd_buttonAdd__2dKat{height:48px}.ImageDropzone_container__2-85w{padding:10px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.ImageDropzone_changeImageContainer__3Ufdr{display:flex;width:100%}.ImageDropzone_imageContainer__1XhSX{text-align:center;flex:1 1}.ImageDropzone_imageContainer__1XhSX img{max-width:200px;max-height:200px}.ImageDropzone_buttonContainer__elUgp{flex:1 1;margin:auto;display:flex;justify-content:center}.ImageDropzone_textContainer__2r060{margin:20px}.ImageDropzone_dropzone__1Dj8x{flex:1 1;display:flex;align-items:center;width:100%;border-radius:2px;border:2px dashed #eee;background-color:#fafafa;color:grey;outline:none;transition:border .24s ease-in-out}.QuestionEditor_progressContainer__qq9B6{text-align:center;min-height:250px;display:flex;align-items:center;justify-content:center}.QuestionEditor_containerTop__2z-p1{margin:20px 15px}.QuestionEditor_imageButton__2ZATH{padding:10px}.QuestionEditor_containerBottom__1w4tj{margin:10px 15px 20px}.QuestionEditor_containerBottomTitle__31WPV{margin-top:20px;margin-left:10px;margin-bottom:10px}.QuestionEditor_buttonPrimaryContainer__2X5MD{margin-top:20px;text-align:center}.QuestionEditor_gridItem__1HeEl{align-self:center}.QuestionEditor_columnText__1blqo{font-size:12px;font-weight:100;text-align:center}.QuestionEditor_gridItemText__1DM1F{padding:10px;text-align:left}.QuestionMathPresets_containerTop__jpWWR{margin:20px 15px}.QuestionMathPresets_imageButton__8_Bv-{padding:10px}.QuestionMathPresets_containerBottom__36fso{margin:10px 15px 20px}.QuestionMathPresets_centerButton__1fGIJ{margin-top:20px;text-align:center}.QuestionMathPresets_padded__2L3kV{padding:10px}.QuestionPreview_question__8ZLi6{background-color:#fff;z-index:600}.QuestionPreview_position__BaD8S{font-size:24px;opacity:.5}.QuestionPreview_titleContainer__2qWX4{display:flex;justify-content:flex-start;align-items:center}.QuestionPreview_arrowIcon__12u8A{margin-top:5px;margin-left:3px}.QuestionPreview_editIcon__39XnF{margin-top:5px;margin-left:10px}.QuestionPreview_title__2oIYA{margin-left:10px;font-size:27px}.QuestionPreview_description__3iAHP{margin-top:10px;margin-left:35px;color:#6b6b6b;white-space:pre-wrap;position:relative;z-index:1000;display:flex;align-items:center}.QuestionPreview_description__3iAHP h6{max-width:40vw;font-weight:400;letter-spacing:normal;line-height:normal;margin-right:10px}.QuestionPreview_imageContainer__1vEUu{position:relative;z-index:1000;display:flex;align-items:center;margin-top:10px;margin-left:35px}.QuestionPreview_imageContainer__1vEUu .QuestionPreview_image__w6G7l,.QuestionPreview_imageContainer__1vEUu .QuestionPreview_video__1H79b{width:80%}.QuestionPreview_image__w6G7l{max-width:400px}.QuestionPreview_imageContainer__1vEUu .QuestionPreview_video__1H79b{display:flex;flex:0 1}.QuestionPreview_image__w6G7l,.QuestionPreview_video__1H79b{padding:10px 10px 10px 0}.QuestionPreview_input__2nuTK{margin-left:35px;margin-top:20px;max-width:80%;position:relative;z-index:1000}.QuestionPreview_input__2nuTK:last-child{padding-bottom:300px}.QuestionPreview_answerText__374Ir{white-space:pre-wrap}.QuestionPreview_correctAnswer__1UBFY{margin-top:10px;font-weight:700;color:#427546;font-size:16px}.QuestionChoice_choice__bP_LG button{width:100%;text-align:left;z-index:600;background-color:#fff}.QuestionChoice_wrong__3Ddd_ button{background-color:#f5c5ba}.QuestionChoice_wrong__3Ddd_ button:before{position:absolute;top:-20px;left:-1px;background-color:#f5c5ba;color:#754236;padding:0 5px;border-top-left-radius:4px;border-top-right-radius:4px;border:1px solid rgba(0,0,0,.12);border-bottom:none;height:20px}.QuestionChoice_correct__Dqo01 button{background-color:#d3f5d6}.QuestionChoice_correct__Dqo01 button:before{position:absolute;top:-20px;left:-1px;background-color:#d3f5d6;color:#427546;padding:0 5px;border-top-left-radius:4px;border-top-right-radius:4px;border:1px solid rgba(0,0,0,.12);border-bottom:none;height:20px}.QuestionChoice_choice__bP_LG span{display:block;font-size:16px;font-weight:400}.QuestionChoice_selected__3Hlvd span{font-weight:700}.QuestionChoice_wrong__3Ddd_ span{color:#754236}.QuestionChoice_correct__Dqo01 span{font-weight:700;color:#427546}.QuestionChoice_unselected__1nZZs button{background-color:#ffe0b2}.QuestionChoice_unselected__1nZZs span{color:#915e1b}.QuestionImageChoice_choice__3hOmO{cursor:pointer;height:100%}.QuestionImageChoice_card__3Z8kV{height:100%}.QuestionImageChoice_disabled__lZZs5{cursor:default}.QuestionImageChoice_disabled__lZZs5 div{color:rgba(0,0,0,.26)}.QuestionImageChoice_choice__3hOmO div{font-size:16px;font-weight:400}.QuestionImageChoice_choice__3hOmO div:hover{background-color:#f3eaf5}.QuestionImageChoice_selected__2282e div{background-color:#edd5f2;font-weight:700;color:#6c2a7c}.QuestionImageChoice_wrong__1Kbk- div{background-color:#f5c5ba;color:#754236}.QuestionImageChoice_wrong__1Kbk- div:hover{background-color:#f5c5ba}.QuestionImageChoice_wrongSelectedHeader__2FrNc{background-color:#f5c5ba;color:#754236;padding:5px 5px 5px 16px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px dashed rgba(0,0,0,.26);width:100%;position:relative;bottom:1px;box-sizing:border-box;font-size:14px!important;font-weight:700!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.QuestionImageChoice_correct__2koLa div{background-color:#d3f5d6;font-weight:700;color:#427546}.QuestionImageChoice_correct__2koLa div:hover{background-color:#d3f5d6}.QuestionImageChoice_correctSelectedHeader__3QOa1{background-color:#d3f5d6;color:#427546;padding:5px 5px 5px 16px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px dashed rgba(0,0,0,.26);width:100%;position:relative;bottom:1px;box-sizing:border-box;font-size:14px!important;font-weight:700!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.QuestionImageChoice_unselected__2sKHU div{background-color:#ffe0b2;color:#915e1b}.Card_media__CAzrD{height:200px;object-fit:contain!important;padding-top:5px}.QuestionMultipleChoice_imageChoice__1FIOe{z-index:600}.QuizStartPage_container__3uo2D{height:100%;flex-direction:column;justify-content:center;padding:10% 10% 10% 50px;overflow-y:auto;box-sizing:border-box}.QuizStartPage_container__3uo2D:last-child{padding-bottom:25px}.QuizStartPage_sectionContainer__2mnPa{margin-bottom:25px}.QuizView_quizButtons__1lLdw{float:right;margin:15px;display:flex}.QuizView_buttonItem__2rbBN{display:inline-block!important;margin-left:20px}.QuizView_progress__29CJA{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.QuizView_viewContainer__49yf2{height:100%;width:100%;overflow:hidden;position:relative;display:flex}.QuizView_quizWrapper__w_pqG{display:inline-block;width:100%}.QuizView_quiz__eueU-{height:100%;overflow:hidden;position:relative;flex-grow:1}@media (max-width:600px){.QuizView_drawerOpen__2fsVu{width:100vw;position:fixed;height:100vh}}.Waves_wave__2i8o0{position:absolute;bottom:0;left:0;width:100%;height:10%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABQAAAACBCAYAAACfMBctAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AQHDTIU1iR+EgAABi9JREFUeNrt29tuEzEYhVGCkBAS7/+iIA5X5aIqBGg6mYk9/r291iOkib39Sb08PT29A9jy/etPh8VBnz5/vPgUAAAAGOUiAEIOkW494iIAAABbBEAoQrxjJCERAAAglwAIjQl5rEQ4BAAAqE8AhA2CHrQjGAIAAJxPAGRZwh7UJhYCAAC0IQASR9iDtQiFAAAAbxMAmYq4BxwlFAIAAKsSAClF4ANGEQgBAIBUAiCnEviAmYmEAADAjARAmhP5gBWJgwAAQFUCIIeIfAD7CIQAAMAoAiA3iXwA5xAHAQCAngRAhD6AwsRBAADgUQLgQoQ+gCziIAAAcA8BMJDQB7A2YRAAALgmAE5M6ANgD2EQAADWJABOQOgDoCdhEAAAsgmAxYh9AFQhDAIAQAYBcCCxD4AZCYMAADAXAfAkYh8A6YRBAACoSQDsQOwDgGeiIAAAjCcAPkjsA4D9hEEAADiPALiT4AcAfYiCAADQhwD4BrEPAMYSBQEA4HEC4BXBDwDqEwUBAGCfZQOg2AcAOURBAAC4bZkAKPgBwFpEQQAAeBYbAAU/AOCaIAgAwKpiAqDgBwDsJQoCALCCaQOg4AcA9CAKAgCQZpoAKPgBACMIggAAzK5sABT8AICqREEAAGZSKgCKfgDAjARBAAAqGxoABT8AIJEgCABAJacHQNEPAFiRKAgAwCjdA6DgBwDwP0EQAICzdAmAoh8AwD6CIAAAvTQLgKIfAEA7giAAAK0cDoCCHwDAeQRBAACO2hUART8AgBoEQQAA7rUZAEU/AID6BEEAAG55NQCKfgAAcxMEAQB48TsAin4AALkEQQCAdV2+ffkh/AEALEQMBABYywcfAQDAWv79zw9BEAAge/MJgAAAxqEgCAAQuOteCIAAALw5HAVBAIB5tttrBEAAAHaNSkEQAKDWPtsiAAIA8NDgFAQBAM7fYHsIgAAANB2jgiAAQJ+ddZQACABA16EqCAIAHNtRrQiAAACcOmQFQQCA21upBwEQAIChI1cQBABW30O9CYAAAJQawIIgAJC+d84mAAIAUH4gi4IAwOx7ZiQBEACA6Ua0IAgAVN8rlQiAAABEDGxREAAYvUeqEgABAIgc4YIgANBza8xEAAQAYJmRLgoCAI9siVkJgAAALDvkBUEA4NZOSCIAAgBg6F8RBQFg3R2QSgAEAICNx4AoCACZd/wqBEAAADjwYBAFAWC++3tVAiAAADR6VIiCAFDnXuYPARAAADo+PkRBADjnzuU2ARAAAE5+oIiCAPDYXco+AiAAABR4yIiCACD29SIAAgBA4QePMAjAancf7QmAAAAw2eNIFAQg4T7jPAIgAACEPKKEQQAq31OMIwACAED4g0sYBODsu4daBEAAAFj0cSYMAtDiPqE+ARAAADzk/iIMArgffApZBEAAAODuh584CLDGeU8WARAAAHj4sSgMAsx3drMOARAAAOj6uBQHAcaewyAAAgAAQx+lAiFAuzMVXiMAAgAAZR+z4iDgXITHCYAAAMC0j2CBEEg826A1ARAAAIh9RAuEQNXzCc4kAAIAAEs/wEVCoMfZApUIgAAAgIf8BpEQnAswMwEQAABgw70xQCiEjN8ypBEAAQAAGtkTF8RCGPPbgxUJgAAAAAPsDRaCIX4fwFECIAAAwASOBhHhkBm/t0BbAiAAAECwVgFGSPT9AeYlAAIAALCpVwgSFuv+bYAcAiAAAADDiFcA/b33EQAAAABALgEQAAAAAIIJgAAAAAAQTAAEAAAAgGACIAAAAAAEEwABAAAAIJgACAAAAADBBEAAAAAACCYAAgAAAEAwARAAAAAAggmAAAAAABBMAAQAAACAYAIgAAAAAAQTAAEAAAAgmAAIAAAAAMEEQAAAAAAIJgACAAAAQDABEAAAAACCCYAAAAAAEEwABAAAAIBgAiAAAAAABBMAAQAAACCYAAgAAAAAwQRAAAAAAAgmAAIAAABAMAEQAAAAAIIJgAAAAAAQTAAEAAAAgGACIAAAAAAEEwABAAAAIJgACAAAAADBBEAAAAAACCYAAgAAAEAwARAAAAAAggmAAAAAABBMAAQAAACAYAIgAAAAAAQTAAEAAAAgmAAIAAAAAMF+AX63l67i0yJwAAAAAElFTkSuQmCC);background-size:1000px 100px}.Waves_wave1__wMEEq{animation:Waves_animate__2AKSs 30s linear infinite;z-index:500;opacity:1;animation-delay:0s;bottom:0}.Waves_wave2__1XRCD{animation:Waves_animate2__1lHcB 15s linear infinite;z-index:499;opacity:.5;animation-delay:-5s;bottom:10px}@keyframes Waves_animate__2AKSs{0%{background-position-x:0}to{background-position-x:1000px}}@keyframes Waves_animate2__1lHcB{0%{background-position-x:0}to{background-position-x:-1000px}}.ListItemQuestion_questionNumber__J0i3B{text-align:center;font-weight:700;margin-left:5px}.ListItemQuestion_icon__jpM4h{margin-left:5px}.ListItemQuestion_listItem__2vpa6{margin-left:10px}.QuestionsList_questionsListComplete__MinzH{width:100%;overflow-y:auto}.QuestionsList_questionsListCollapsed___hxDF{transition:all .1s ease;width:50px;overflow-y:auto;padding-bottom:15px}.QuestionsList_questionsListComplete__MinzH:last-child{margin-bottom:75px}.QuestionsList_question__1BJ0u{color:#000;font-size:16px;letter-spacing:.15px;display:flex}.QuestionsList_position__2z4gM{font-weight:700}.QuestionsList_buttonPrimaryContainer__17MTA{text-align:center}.QuestionsList_buttonPrimary__19IJQ{height:48px}@media (max-width:600px){.QuestionsList_questionsListComplete__MinzH{width:100vw}}.QuestionListDrawer_drawer__37geK{width:50px;min-width:50px;transition:all .1s ease;box-shadow:-7px 0 15px #000;background-color:#f8f8f8;z-index:1000;overflow-y:auto}.QuestionListDrawer_drawerOpen__nILfz{width:50%;min-width:50%}.QuestionListDrawer_drawerContent__19aBv{display:flex;flex-direction:column}.QuestionListDrawer_openButton__PVV7t{align-self:center}.QuestionListDrawer_closeButton__37GRF{align-self:flex-end}.QuestionListDrawer_homeButton__12Sl6{align-self:center}@media (max-width:600px){.QuestionListDrawer_drawerOpen__nILfz{width:100vw;position:fixed;height:100vh;z-index:1100}}.QuizQuestionSort_toolbar__30tGH{height:70px}.QuizQuestionSort_title__3I_la{font-weight:800}.QuizQuestionSort_containerTop__2JEme{margin:20px 15px;list-style:none}.QuizQuestionSort_button__2VMYP{margin-left:20px}.QuizQuestionSort_draggable__rWxnO{cursor:-webkit-grabbing;cursor:grabbing}.QuizQuestionSort_draggable__rWxnO:hover{cursor:-webkit-grab;cursor:grab}.QuizExportDialog_toolbar__ZbYNd{height:70px}.QuizExportDialog_title__6cvCC{font-weight:800}.QuizExportDialog_containerTop__xoeuz{margin:20px 15px;list-style:none}.QuizExportDialog_button__37_a7{margin-left:20px}.QuizExportDialog_draggable__1bF7g{cursor:-webkit-grabbing;cursor:grabbing}.QuizExportDialog_draggable__1bF7g:hover{cursor:-webkit-grab;cursor:grab}.QuizExportDialog_container__DYmha{margin:20px 15px}.AdditioImportDialog_toolbar__kXgOY{height:70px}.AdditioImportDialog_title__3GPgg{font-weight:800}.AdditioImportDialog_containerTop__3-AoI{margin:20px 15px;list-style:none}.AdditioImportDialog_button__2_0U7{margin-left:20px}.AdditioImportDialog_draggable__25jHq{cursor:-webkit-grabbing;cursor:grabbing}.AdditioImportDialog_draggable__25jHq:hover{cursor:-webkit-grab;cursor:grab}.AdditioImportDialog_container__3IvDj,.AssignmentEditor_container__33x2t{margin:20px 15px}.AssignmentEditor_progressContainer__1xAFo{text-align:center;min-height:400px;display:flex;align-items:center;justify-content:center}.AssignmentEditor_selectedQuiz__39y9F{display:flex;align-items:center;width:100%}.AssignmentEditor_modalContainer__Fpba6{max-width:none}.AssignmentEditor_studentsContainer__293Wf{text-align:center;margin-bottom:20px;margin-top:10px}.AssignmentEditor_switch__3ygrJ{padding:10px;width:100%;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center}.AssignmentSender_studentsContainer__U_lal{margin:15px;box-sizing:border-box}.AssignmentSender_assignmentDataContainer__3_UWq{padding-top:10px;padding-bottom:10px;width:95%;margin:auto}.AssignmentSender_progressContainer__2CSpv{margin:20px 0;text-align:center}.AssignmentSender_sendingOptions__27iAg{width:95%;margin:auto}.AssignmentSender_assignmentData__3Aimp{margin:15px 0}.AssignmentSender_assignmentField__2NjQP,.AssignmentSender_assignmentLabel__aOYKt{padding-left:10px}.QuizAssessmentView_viewContainer__1Aixt{display:flex;flex-direction:column;height:100%}.QuizAssessmentView_tabs__1zhQf{background-color:#f8f8f8;box-shadow:0 -10px 20px 0 rgba(0,0,0,.49)}.QuizAssessmentView_quizViewContainer__2VJ7i{overflow:hidden;position:relative;display:flex;flex-grow:1}.QuizAssessmentView_quizContainer__ZWugs{height:100%;flex:65% 1}.QuizAssessmentView_progressContainer__2I5cU{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.QuizAssessmentView_permissionDeniedText__1hcS4{margin:auto;color:rgba(0,0,0,.49)}.QuizAssessmentView_quiz__2Q2Cx{height:100%;overflow:hidden;position:relative;flex-grow:1}.QuizAssessmentView_assessmentDrawer__1h_HX{width:50px}.QuizAssessmentView_assessmentDrawerOpen__1oQZi{width:500px;transition:all .1s ease;box-shadow:7px 0 15px #000;background-color:#f8f8f8;z-index:600}.QuizAssessmentView_assessmentDrawerContent__2Nkuu{display:flex;flex-direction:column;justify-content:flex-start;height:100%;overflow:auto}.QuizAssessmentView_assessmentOpenButton__1hyw2{align-self:center}.QuizAssessmentView_assessmentCloseButton__fNVVU{align-self:flex-start}.QuizAssessmentView_assessmentHidden__3Wts3{display:none}.QuizAssessmentView_assessmentComplete__3wGkk{width:100%;min-width:500px;flex:auto;overflow-y:auto}.QuizAssessmentView_waitingAnswer__2wckV{height:100%;flex:auto;display:flex;flex-direction:column;align-content:center;justify-content:center;text-align:center;padding-left:10px;padding-right:10px}.QuizAssessmentView_assignmentEmptyImage__4H0IP{width:200px;height:200px;align-self:center}.QuizAssessmentView_studentsNavigator__3P8EL{bottom:0;box-shadow:0 10px 30px 0 rgba(0,0,0,.49);background-color:#f8f8f8;z-index:1100;padding:0 10px;text-align:center}@media (max-width:600px){.QuizAssessmentView_drawerOpen__3HOlR{width:100vw;position:fixed;height:100vh;z-index:2000}.QuizAssessmentView_assessmentComplete__3wGkk,.QuizAssessmentView_assessmentDrawerOpen__1oQZi{width:100vw}}.StudentsNavigator_container__3w2-e{display:flex;align-items:center}.StudentsNavigator_arrow__1u9-B{text-align:center}.StudentsNavigator_studentsAvatars__r89Fx{text-align:center;overflow-x:auto;flex-grow:1;display:flex;flex-wrap:nowrap}.StudentsNavigator_student__24NL9{margin:10px}.StudentAvatar_studentAvatar__1fkNQ{color:#707070;font-size:14px;text-align:center;cursor:pointer;margin-top:10px}.StudentAvatar_selected__20hp1{font-weight:700;font-size:16px}.StudentAvatar_avatar__1dpon{border:1px solid #707070;width:48px!important;height:48px!important}.StudentAvatar_selected__20hp1 .StudentAvatar_avatar__1dpon{width:62px!important;height:62px!important}.CircleButton_circleButton__1-6Y-{color:#fff!important;box-shadow:0 4px 5px rgba(0,0,0,.2);padding:0!important;margin:5px!important}.AssessmentEditor_container__1sE2O{height:100%;flex-direction:column;display:flex}.AssessmentEditor_header__2b6aK{margin-left:20px;margin-bottom:5px}.AssessmentEditor_section__2DaS1{padding-left:35px;margin-top:5px;margin-bottom:5px;overflow-y:auto}.AssessmentEditor_generalPanel__12TZC{padding-left:35px;padding-bottom:10px;background-color:#d8d8d8;margin-top:auto}.AssessmentEditor_sectionContent__1P6Wt{padding-left:15px}.AssessmentEditor_markInputs__2MS3C{display:flex;justify-content:space-between;width:100%}.AssessmentEditor_markInput__3VbUQ{display:flex;align-items:center;justify-content:flex-start;margin-bottom:5px}.AssessmentEditor_inputField__1g7e6{width:75%;margin-right:5px}.AssessmentEditor_totalMark__3ApT-{font-weight:500!important}.AssessmentEditor_commentInputs__xdwW6{width:100%}.AssessmentEditor_finishAssessmentContainer__12KS3{margin-top:10px}.RubricItemEditor_containerTop__xeWOU{margin:20px 15px}.RubricItemEditor_containerBottom__1btOM{margin:10px 15px 20px}.RubricItemEditor_containerBottomTitle__2oYQ2{margin-top:20px;margin-left:10px;margin-bottom:10px}.RubricItemEditor_buttonPrimaryContainer__2JFT8{margin-top:20px;text-align:center}.RubricItemEditor_gridItem__1y4i-{align-self:center}.RubricItemEditor_columnText__3VIBj{font-size:12px;font-weight:100;text-align:center}.RubricItemEditor_gridItemText__3WXCE{padding:10px;text-align:left}.ListItemRubricItem_container__1O29i{width:100%;display:flex;align-items:center;justify-content:space-around}.ListItemRubricItem_rubricItemContent__1pTBJ{flex-grow:1;display:flex;flex-direction:column}.ListItemRubricItem_rubricItemTitle__1_REZ{align-self:flex-start;margin-top:-2px}.ListItemRubricItem_editContainer__j3QW1{display:flex;flex-direction:column;align-self:flex-start}.AssessmentMetrics_container__D1crM{padding:20px;max-width:1400px;margin:0 auto;width:90%;overflow:auto}.AssessmentMetrics_backButton__3IhAj{margin-bottom:10px}.AssessmentMetrics_header__3NoY5{margin:20px 0}.AssessmentMetrics_card__3ehKt{border:1px solid rgba(0,0,0,.12);padding:10px;border-radius:10px;box-sizing:border-box;min-height:100px;position:relative;text-align:center}.AssessmentMetrics_cardHeader__2lWTe{display:block}.AssessmentMetrics_barChart__39wxr{min-height:300px}.AssessmentMetrics_averageMark__3JIq0{text-align:center;margin-bottom:25px!important;color:rgba(0,0,0,.7)}.StudentCard_questionColorBullet__2ocmr{width:20px;height:20px;margin:5px;border-radius:50%;display:inline-block}.StudentCard_sectionContainer__CD0u7{color:#aaa;padding-left:10px;margin-bottom:10px}.StudentCard_sectionDetailsContainer__3rqce{color:#aaa;padding-left:10px;margin:5px}.StudentCard_sectionHeader__1XTK6{display:block}
/*# sourceMappingURL=additio.1a6b145a.css.map */
.onboarding-modal {
    max-height: none !important;
}
.modal.magic-box-modal {
    position: relative;
    overflow: visible;
}

.modal.magic-box-modal .modal-dialog {
    position: fixed;

    top: unset;
    bottom: unset;

    margin: 0 auto;

    width: 200px;
    height: 125px;

    padding: 0;
}

.modal.magic-box-modal .modal-dialog .modal-content {
    max-height: 100%;
    min-height: inherit;
    height: inherit;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    border-width: 5px;
    border-style: solid;

    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
}

.modal.magic-box-modal .modal-dialog .modal-content .modal-content-container {
    max-height: 100%;
    min-height: inherit;
    height: inherit;
}

.modal.magic-box-modal .modal-dialog .modal-content .modal-content-container .modal-header {
    padding: 0;
    border-bottom: 0;

    cursor: move;
}

.modal.magic-box-modal .modal-dialog .modal-content .modal-content-container .modal-header .magic-box-icon {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 55px 75px 0 0;
    border-color: #FFFFFF transparent transparent transparent;
}

.modal.magic-box-modal .modal-dialog .modal-content .modal-content-container .modal-header .magic-box-icon img {
    margin-top: -95px;
    margin-left: 5px;
    height: 24px;
}

.modal.magic-box-modal .modal-dialog .modal-content .modal-content-container .modal-header .close .material-icons {
    font-size: 18px;
}

.modal.magic-box-modal .modal-dialog .modal-content .modal-content-container .modal-body {
    max-height: 100%;
    min-height: inherit;
    height: inherit;
    padding: 0 25px !important;
    text-align: center;
}

.magic-box-cell {
    width: 140px;
    height: 50px;
    background-color: #F5F5F5;
    border: 1px solid #ccc;
    display: inline-block;
}


.magic-box-cell.column-value-cell-content {
    position: relative;
    display: table-cell;
    overflow: hidden;
    border-top: 1px solid #ccc;
    font-weight: 300;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
}

.magic-box-cell.column-value-cell-content img {
    height:34px;
    width:34px;
    margin-left: 0;
}

.magic-box-cell.column-value-cell-content img.accessory-icon {
    overflow: hidden;
}

.magic-box-cell.column-value-cell-content img.accessory-icon {
    display: inline-block;
}

.magic-box-cell.column-value-cell-content div.comment {
    position: absolute;
    top:0;
    right:0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
}

.magic-box-cell.column-value-cell-content div.resources {
    position: absolute;
    top:2px;
    left:2px;
}

.magic-box-cell.column-value-cell-content div.overwritten {
    font-size: 13px;
    text-decoration:line-through;
    position: absolute;
    bottom: 3px;
    left: 3px;
}



.payment-v2 {
    width: 100%;
}

/* Button group */
.payment-button-group {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.payment-button-group img {
    height: 32px;
}

.payment-button-group .btn {
    background-color: transparent;
    border: 1px solid var(--additio-border-grey);
    border-radius: 8px;
}

/* Override the border of the buttons */
.payment-button-group .btn-default {
    background-color: transparent;
    border: 1px solid var(--additio-border-grey);
}

.payment-button-group .btn-additio {
    /* inherit color */
    border: 1px solid var(--additio-red);
}

.payment-button-group .btn-additio:hover,
.payment-button-group .btn-additio:focus {
    /* Color is overridden by bootstrap */
    border: 1px solid rgba(var(--additio-red-rgb), 0.5) !important;
    /* background-color: rgba(var(--additio-bg-red-rgb), 0.25); */
    color: var(--additio-red);
}

.payment-button-group .btn-secondary {
    /* If left button is selected, right button's border overlaps its red border */
    border-left: 1px solid rgba(var(--additio-red-rgb), 0.5) !important;
    z-index: 10;
}

#stripe {
    text-align: left;
    background-color: #fff;
}

#stripe *,
#payment-v2 h2 {
    font-size: var(--font-size-base);
    font-weight: 500;
}

#stripe .row {
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
}

#stripe .row:nth-child(n + 2) {
    margin-top: 60px;
}

#stripe .field {
    display: block;
    position: relative;
    width: 100%;
    font-size: var(--font-size-base);
}

#stripe .field.half-width {
    width: 50%;
}

#stripe .field.quarter-width {
    width: calc(25% - 10px);
}

#stripe .baseline {
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #cfd7df;
    transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#stripe label {
    position: absolute;
    width: 100%;
    bottom: 8px;
    color: #cfd7df;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform-origin: 0 50%;
    cursor: text;
    transition-property: color, transform;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

#stripe .input {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-bottom: 7px;
    color: #32325d;
    background-color: transparent;
}

#stripe .input::-webkit-input-placeholder {
    color: transparent;
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#stripe .input::-moz-placeholder {
    color: transparent;
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#stripe .input:-ms-input-placeholder {
    color: transparent;
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#stripe .input.StripeElement {
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: opacity;
}

#stripe .input.focused,
#stripe .input:not(.empty) {
    opacity: 1;
}

#stripe .input.focused::-webkit-input-placeholder,
#stripe .input:not(.empty)::-webkit-input-placeholder {
    color: #cfd7df;
}

#stripe .input.focused::-moz-placeholder,
#stripe .input:not(.empty)::-moz-placeholder {
    color: #cfd7df;
}

#stripe .input.focused:-ms-input-placeholder,
#stripe .input:not(.empty):-ms-input-placeholder {
    color: #cfd7df;
}

#stripe .input.focused + label,
#stripe .input:not(.empty) + label {
    color: var(--additio-red);
    transform: scale(0.85) translateY(-25px);
    cursor: default;
}

#stripe .input.focused + label {
    color: var(--additio-red);
}

#stripe .input.invalid + label {
    color: #ffa27b;
}

#stripe .input.focused + label + .baseline {
    background-color: var(--additio-red);
}

#stripe .input.focused.invalid + label + .baseline {
    background-color: #e25950;
}

#stripe input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border-style: none;
}

#stripe input:-webkit-autofill {
    -webkit-text-fill-color: #e39f48;
    transition: background-color 100000000s;
    -webkit-animation: 1ms void-animation-out;
}

#stripe .StripeElement--webkit-autofill {
    background: transparent !important;
}

#stripe input {
    -webkit-animation: 1ms void-animation-out;
}

.stripe .success .icon .border {
    stroke: #abe9d2;
}

.stripe .success .icon .checkmark {
    stroke: #24b47e;
}

.stripe .success .title {
    color: #32325d;
    font-size: 16px !important;
}

.stripe .success .message {
    color: #8898aa;
    font-size: 13px !important;
}

.stripe .success .reset path {
    fill: #24b47e;
}

.stripe .btn-additio {
    font-size: 17px !important;
    padding: 2px 18px !important;
}

@media (max-width: 960px) {
    .stripe .btn-additio {
        width: 100% !important;
        padding: 10px 18px !important;
    }
}

.stripe .error {
    color: var(--additio-red);

    padding: 0 15px;

    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;

    width: 100%;

    font-size: 13px !important;
    opacity: 0;
    transform: translateY(10px);
    transition-property: opacity, transform;
    transition-duration: 0.35s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.stripe .error.visible {
    opacity: 1;
    transform: none;
}

.stripe .error .glyphicon {
    font-size: inherit;
    margin: 0 10px 0 0;
    line-height: 15px;
}

.stripe .error .message {
    font-size: inherit;
    line-height: 15px;
}

.stripe .error svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: -1px;
    margin-right: 10px;
}

.coupon-form-v2 {
    color: #5c5c5c;
    font-size: 15px;
    text-align: center;
}

.coupon-form-v2 .coupon-form-v2-title {
    cursor: pointer;
    font-weight: 500;
}

.coupon-form-v2 .coupon-form-v2-form {
}

.coupon-form-v2 .coupon-form-v2-validated-title {
    font-size: 18px;
    font-weight: 500;
}

.coupon-form-v2 .coupon-form-v2-validated-name {
    font-weight: 500;
}

.coupon-form-v2 .coupon-form-v2-validated-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Information popover */
#info-popover-trigger {
    cursor: pointer;
    font-size: 16px;
}

#payment-info-popover {
    padding: 8px;
    border: 1px solid var(--additio-border-grey);
    margin-bottom: -4px;
    transform: translateY(-50%);
    inset: auto 4em -3em auto;
}

#payment-info-popover .popover-content .popover-content-item-title,
#payment-info-popover .popover-content .popover-content-item {
    font-size: small;
}

#payment-info-popover .popover-content .popover-content-icon {
    font-size: 18px;
    margin-right: 8px;
}

#payment-info-popover .popover-content .popover-content-item-title {
    color: var(--additio-red);
    font-weight: 500;
}

#payment-info-popover .popover-content .popover-content-item {
    margin-top: 4px;
}

.project-planner {
    height: 100%;
}

#project-planner > div:first-child {
    height: 100%;
    overflow: auto;
}

#project > div:first-child {
    height: 100%;
}

#project-planner-content {
    height: calc(100vh - 100px);
}

/****** SKILL LIST ******/

.skill-group-item {
    display: block;
    margin: 0 0 5px 0;
    cursor:pointer;
}

.skill-group-item .skill-group-container {
    padding: 5px 0;
}

.skill-group-item .skill-group-container div {
    height: 100%;
}

.skill-group-item .skill-group-icon {
    width: 40px;
    height: 40px;
}

.skill-group-item .skill-group-icon-circle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
}

.skill-group-item .skill-group-name {
    display:block;
    font-size: 17px;
    font-weight: 600;
}

.skill-group-item .skill-group-description {
    display:block;
    font-size: 15px;
    font-weight: 300;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.skill-group-item .btn-skill-group{
    color: var(--additio-black);
}

.skill-group-item .button i[class^='fa'] {
    transition: 500ms ease all;
}

.v-center {
    display: flex;
    align-items: center;
}

.skill-group-item .skill-container {
    padding: 5px 0;
}

.skill-group-item .skill-container div {
    height: 100%;
}

.skill-group-item .skill-icon {
    width: 28px;
    height: 28px;
}

.skill-group-item .skill-icon-circle {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    
    line-height: 40px;
    font-size:11px;
    font-weight: 600;
    color: white;

    text-align: center;
}

.skill-group-item .skill-acronym {
    display:block;
    font-size: 15px;
    font-weight: 500;
}

.skill-group-item .skill-description {
    font-size: 13px;
    font-weight: 300;
}



/****** SKILL GROUP EDIT MODAL ******/
.skill-group-edit-modal textarea {
    height: 75px !important;
}

.skill-group-edit-modal .skill-skills-headers {
    color: var(--additio-red);
    font-size: 14px;
}

/****** SKILL EDIT LIST ******/
.skill-edit-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.skill-edit-list li{
    margin: 0 0 10px 0;
}

.skill-edit-list li input{
    height: 28px;
    margin-bottom: 2px;
    font-size: 13px;
}

.skill-edit-list li .handle {
    cursor: move;
    position: absolute;
    right: 0px;
    width: 12px;
    top: 0px;
    bottom: 0px;
    background-color:black;
}

.skill-edit-list li.dndPlaceholder {
    height: 34px;
    background-color: #ededed;
    border: 1px dashed #b4b4b4;
    border-radius: 6px;
}

.skill-edit-list .dndDraggingSource {
    display: none;
}

.skill-group-item .skill-container .skill-info-container{
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 1.2em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 2.4em;
    /* fix problem when last visible word doesn't adjoin right side  */
    /* re-fix: deleted justify for when skill description is larger */
    /* place for '...' */
    padding-right: 1em;
    margin-right: 2em;
}

/* create the ... */
.skill-group-item .skill-container .skill-info-container:before {
    /* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.skill-group-item .skill-container .skill-info-container:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: white;
}
/* FILTER SKILLS MODAL */
.filter-skills-modal {

}

/* HEADERS */
.filter-skills-modal h1, .filter-skills-modal h2, .filter-skills-modal h3, .filter-skills-modal h4 {
    margin: 0;
    color: var(--additio-black);
    text-align: left;
}

.filter-skills-modal h1 {
    font-size: 18px;
    font-weight: 400;
}

.filter-skills-modal h2 {
    font-size: 16px;
    font-weight: 500;
}

.filter-skills-modal h3 {
    font-size: 15px;
    font-weight: 500;
}

/* SELECT ALL */
.filter-skills-modal .select-all {
    cursor: pointer;
}

.filter-skills-modal .select-all.read-only,
.filter-skills-modal .select-all.read-only i,
.filter-skills-modal .select-all.read-only label {
    cursor: default;
}

.filter-skills-modal .select-all i {
    margin-right: 10px;
}

/* DIALOG */
.filter-skills-modal .modal-dialog {
    min-height: 460px;
}

.filter-skills-modal .modal-dialog .modal-content {
    position: relative;
    min-height: inherit;
}

.filter-skills-modal .modal-dialog .modal-content .modal-header {
    height: 66px;
    width: 100%;
}

.filter-skills-modal .modal-dialog .modal-content .modal-body{
    width: 100%;
    min-height: 392px;
}

/****** STANDARD LIST ******/

.standard-group-item {
    display: block;
    cursor:pointer;
}

.standard-group-item .standard-group-container {
    padding: 5px 0;
}

.standard-group-item .standard-group-container div {
    height: 100%;
}

.standard-group-item .standard-group-icon {
    width: 40px;
    height: 40px;
}

.standard-group-item .standard-group-icon-circle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
}

.standard-group-item .standard-group-name {
    display:block;
    font-size: 17px;
    font-weight: 600;
}

.standard-group-item .standard-group-description {
    display:block;
    font-size: 15px;
    font-weight: 300;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.standard-group-item .btn-standard-group{
    color: var(--additio-black);
}

.standard-group-item .button i[class^='fa'] {
    transition: 500ms ease all;
}

.v-center {
    display: flex;
    align-items: center;
}

.standard-group-item .standard-container {
    padding: 5px 0;
}

.standard-group-item .standard-container div {
    height: 100%;
}


.standard-group-item .standard-icon {
    width: 28px;
    height: 28px;
}

.standard-group-item .standard-icon-circle {
    display: inline-block;

    border-radius: 50%;
    width: 30px;
    height: 30px;

    line-height: 30px;
    font-size:10px;
    font-weight: 600;
    color: white;

    text-align: center;
}


.standard-group-item .standard-container .standard-info-container{
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 1.2em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 2.4em;
    /* fix problem when last visible word doesn't adjoin right side  */
    /* re-fix: deleted justify for when skill description is larger */
    /* place for '...' */
    padding-right: 1em;
}

/* create the ... */
.standard-group-item .standard-container .standard-info-container:before {
    /* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.standard-group-item .standard-container .standard-info-container:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: white;
}


.standard-group-item .standard-name {
    font-size: 13px;
    font-weight: 500;
}

.standard-group-item .standard-description {
    font-size: 13px;
    font-weight: 300;
}

/****** STANDARD GROUP EDIT MODAL ******/
.standard-group-edit-modal textarea {
    height: 50px !important;
}

/****** STANDARD EDITOR ******/

.standard-editor .standard-editor-container {
    /*max-height: 500px;*/
}

.standard-editor .skill-header-row {
    height: 150px;
}

.standard-editor .skill-header-row .standard-header-cell-background {
    width: 90px;
    height: 157px;
    position: relative;
    float: right;
    /* background-color: green; */
    z-index: 1;
    transform: translateX(100%) translateY(-7px);
    border-style: solid;
    border-width: 157px 90px 0 0;
    border-color: #ffffff transparent transparent transparent;
}


.standard-editor .skill-header-row .standard-header-cell {
    width: 100%;
    height: 180px;
    padding: 5px 0;

    border-right: 1px solid black;
    transform: rotate(30deg);
    transform-origin: bottom right;
    margin-top: -30px;
}

.standard-editor .skill-header-row .skill-header-cell{
    /*
    width: 50px;
    height: 100%;
    padding: 5px 0;

    border-right: 1px solid #E1E0E1;
    border-bottom: 1px solid black;
    */

    width: 50px;
    min-width: 50px;
    height: 180px;
    margin-top: -30px;
    padding: 5px 0;
    border-right: 1px solid #E1E0E1;

    transform: rotate(30deg);
    transform-origin: bottom right;
}

.standard-editor .skill-header-row .skill-header-cell .skill-acronym {
    font-size: 15px;
    font-weight: 500;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

    margin-left: -8px;
}

.standard-editor .skill-header-row .skill-header-cell .skill-description {
    font-size: 13px;
    font-weight: 300;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

    margin-left: 2px;
}

.standard-editor .skill-header-row .skill-header-cell .skill-vertical-text {
    /*
    width: 140px;
    margin-top: 140px;
    margin-left: 2px;

    transform: rotate(-90deg);
    transform-origin: left top 0;
    */
    width: 180px;
    margin-top: 180px;
    margin-left: 6px;
    transform: rotate(-90deg);
    transform-origin: left top;
}




.standard-editor .standard-row {
    height: 50px;
    min-height: 50px;
}

.standard-editor .standard-row .standard-cell {
    height: 100%;
    padding: 5px 0;

    cursor: pointer;
    vertical-align: middle;
    border-top: 1px solid black;
}
.standard-editor.with-skills .standard-row .standard-cell {

}

.standard-editor.with-skills .standard-row .standard-cell {
    border-right: 1px solid black;
}

.standard-editor .skill-column {
    max-width: 600px;
}

.standard-editor .skill-column .standard-row:last-child .skill-cell {
    border-bottom: 1px solid black;
}

/*.standard-editor:not(.with-skills) .standard-column {
    width: 100%;
}*/
.standard-editor.with-skills .standard-column {
    min-width: 175px;
}

.standard-editor .standard-column .standard-row:last-child .standard-cell {
    border-bottom: 1px solid black;
}

.standard-editor .standard-row .standard-cell .standard-cell-container{
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 1.2em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 2.4em;
    /* fix problem when last visible word doesn't adjoin right side  */
    text-align: justify;
    /* place for '...' */
    padding-right: 1em;
}

/* create the ... */
.standard-editor .standard-row .standard-cell .standard-cell-container:before {
    /* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.standard-editor .standard-row .standard-cell .standard-cell-container:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: white;
}


.standard-editor .standard-row .standard-cell .standard-name {
    font-size: 13px;
    font-weight: 500;

    min-height: 20px;
}


.standard-editor .standard-row .standard-cell .standard-name.placeholder{
    color:grey;
}

.standard-editor .standard-row .standard-cell .standard-description {
    font-size: 13px;
    font-weight: 300;

    min-height:20px;
}

.standard-editor .standard-row .standard-cell .standard-description.placeholder {
    color:grey;
}

.standard-editor .standard-row .skill-cell,
.standard-editor .skill-header-row .skill-header-wrapper-cell {
    min-width: 50px;
}

.standard-editor .standard-row .skill-cell {
    width: 50px; /*<!-- was flex -->*/
    height: 100%;
    padding: 5px 0;

    cursor: pointer;

    border-top: 1px solid black;
    border-right: 1px solid #E1E0E1;
}

.standard-editor .standard-row  .skill-cell .standard-skill {
    font-size: 16px;
    font-weight: 400;
    margin: 0 auto;

    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}


/**** STANDARD EDITOR ****/
@media (min-width: 980px) {
    .standard-group-edit-standards-modal .modal-dialog.modal-lg {
        width: 900px;
    }
}

@media (min-width: 1200px) {
    .standard-group-edit-standards-modal .modal-dialog.modal-lg {
        width: 1120px;
    }
}

@media (min-width: 1600px) {
    .standard-group-edit-standards-modal .modal-dialog.modal-lg {
        width: 90%;
    }
}
/**** End STANDARD EDITOR ****/



/***** POPOVERS *****/
.popover-standard {
    height: 250px;

    width: 400px;
    min-width: 400px;
}

.popover-standard .popover-title {
    min-height: 45px;
}

.popover-standard .popover-title h2 {
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
    font-size: 16px;
}

.popover-standard .popover-title button {
    float: right;
    vertical-align: middle;
    margin-left: 5px;
}

.popover-standard-skill-weight.popover-standard-skill-weight {
    height: 120px;
}

/* EXTRAS */
.skill-row, .standard-row  {
    cursor: pointer;

    padding: 4px 2px !important;

    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: var(--additio-black);
    text-align: center;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.subscriptions {
    max-height: calc(100vh - 60px) !important;
}
/****** FOLDER LIST ******/

folder-list,
folder-list-common,
folder-children,
folder-children-common {
    display: block;
}

.folder-item,
.element-item {
    border: var(--list-border);
    border-radius: var(--list-border-radius);
    margin: var(--list-margin);
}

.element-item:last-child {
    margin-bottom: 0;
}

.folder-item .folder-item-container,
.element-item .element-item-container {
    padding: var(--list-padding);
    min-height: var(--list-min-height);
}

.folder-item .folder-item-container .material-icons,
.element-item .element-item-container .material-icons {
    font-size: 18px;
    color: var(--additio-black);
}

.folder-item .folder-item-container .folder-item-name,
.element-item .element-item-container .element-item-name {
    margin-left: 5px;
    font-size: var(--list-font-size);
    line-height: var(--list-line-height);
}

.folder-item .folder-item-container .folder-item-name {
    font-weight: var(--font-weight-bold);
    color: var(--additio-black) !important;
}

.folder-item .folder-item-container button,
.element-item .element-item-container button {
    margin-left: 10px;
}

.folder-item .folder-item-children {
    padding: 0 10px 0 10px;
}

.folder-item .folder-item-children md-list:last-child{
    margin: var(--list-margin) !important;
}

.folder-open {
    width: 18px;
    height: 18px;
    min-height: 18px;
    min-width: 18px;
    margin: 0px;
    color: var(--additio-black);
}


/****** FOLDER EDIT MODAL ******/
.folder-edit-modal textarea {
    height: 75px !important;
}

.folder-edit-modal .folder-items-headers {
    color: var(--additio-red);
    font-size: 14px;
}

/****** SKILL EDIT LIST ******/
.folder-edit-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.folder-edit-list li {
    margin: 0 0 10px 0;
}

.folder-edit-list li input {
    height: 28px;
    margin-bottom: 2px;
    font-size: 13px;
}

.folder-edit-list li .handle {
    cursor: move;
    position: absolute;
    right: 0px;
    width: 12px;
    top: 0px;
    bottom: 0px;
    background-color: black;
}

.folder-edit-list li.dndPlaceholder {
    height: 34px;
    background-color: #ededed;
    border: 1px dashed #b4b4b4;
    border-radius: 6px;
}

.folder-edit-list .dndDraggingSource {
    display: none;
}

/** SORT */

.folder-sort .folder-group {
    /*border: 1px solid #d8d8d8;*/
    margin-bottom: 10px;
}

.folder-sort .folder-item-header {
    /*border: 1px solid #d8d8d8;*/
    margin-bottom: 5px;
}

.folder-sort .folder-item-header.folderless {
    background-color: #ffe1e1;
}

.folder-sort .folder-item-content {
    padding: 5px 15px 0px 30px;
    margin-bottom: 0px;
}

/** OVERRIDES */

folder-list .additio-list .list-group-item.b-b {
    border-bottom: 0px solid !important;
}

folder-list .additio-list .list-group-item.b-b.b-additio {
    border-bottom: 0px solid !important;
}

/*
==========================================================================
FORM
==========================================================================
*/
.floating-label-form-group .form-control {
    color: var(--additio-black);
    font-size: var(--font-size-base) !important;
    padding: 0 !important;
    height: 24px;
}

.floating-label-form-group .form-control-2 {
    color: var(--additio-black);
    font-size: var(--font-size-base) !important;
    padding: 0 !important;
    height: 45px;
}

.floating-label-form-group input.form-control {
    height: 24px !important;
}

.floating-label-form-group .form-control[disabled],
.floating-label-form-group .form-control[readonly] {
    opacity: 0.85;
    background-color: var(--additio-bg-blue);
}

form .row:first-child .floating-label-form-group {
    border-top: 0 !important;
}

.floating-label-form-group:not(:first-child) {
    border-left: inherit !important;
}

.form-input-text,
.form-input-number,
.form-datepicker {
    height: 54px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.form-box label,
.form-colorpicker label,
.form-configurator label,
.form-datepicker label,
.form-iconpicker label,
.form-input-checkbox label,
.form-input-text label,
.form-input-number label,
.form-select label,
.form-slider label,
.form-textarea label {
    font-size: 13px !important;
    color: var(--additio-red);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-input-text.floating-label-form-group,
.form-input-number.floating-label-form-group,
.form-datepicker.floating-label-form-group {
    padding-left: 0 !important;
    font-size: var(--font-size-base) !important;
    font-weight: 400;
    color: var(--additio-black);
    border-color: var(--additio-border-grey);
}

.form-box,
.form-select,
.form-configurator,
.form-slider,
.form-input-checkbox,
.form-colorpicker,
.form-iconpicker {
    padding: 8px 0;
    border-bottom: 1px solid var(--additio-border-grey);
    height: 54px !important;
}

.form-box .form-select,
.form-box .form-configurator,
.form-box .form-slider,
.form-box .form-input-checkbox,
.form-box .form-colorpicker,
.form-box .form-iconpicker {
    padding: 0px;
    border-bottom: 0px;
    height: 100% !important;
}

@media (max-width: 600px) {
    .form-select,
    .form-configurator,
    .form-slider {
        height: 74px !important;
    }
}

/*
==========================================================================
FORM CONFIGURATOR
==========================================================================
*/

.form-configurator button {
    font-size: var(--font-size-base) !important;
    font-weight: 400 !important;
    color: var(--additio-black) !important;
}

.form-configurator .material-icons {
    margin-left: 5px;
}

.form-configurator-span-text {
    text-overflow: ellipsis;
    overflow-x: hidden;
    display: inherit;
    margin-left: 10px;
}
/*
==========================================================================
FORM COLORPICKER
==========================================================================
*/

.form-colorpicker md-checkbox {
    margin-bottom: 0;
    margin-left: 10px;
}

.form-colorpicker md-checkbox.md-checked .md-icon {
    background-color: var(--additio-red);
}

/*
==========================================================================
FORM ICONPICKER
==========================================================================
*/
.form-iconpicker .form-iconpicker-placeholder {
    border: 1px solid var(--additio-border-grey);
    border-radius: 2px;
}

.form-iconpicker .form-iconpicker-placeholder > img {
    width: 34px;
    height: 34px;
}

.popover.form-iconpicker-popover {
    width: 220px;
    z-index: 1080;
}

.popover.form-iconpicker-popover .popover-title {
}

.popover.form-iconpicker-popover .popover-content {
    height: 208px;
    max-height: 250px;
    padding: 4px;
}

.popover.form-iconpicker-popover .popover-content img {
    margin: 9px 9px;
}

/*
==========================================================================
FORM INPUT CHECKBOX
==========================================================================
*/
.form-input-checkbox md-checkbox {
    margin-bottom: 0;
}

.form-input-checkbox md-checkbox.md-checked .md-icon {
    background-color: var(--additio-red);
}

/*
==========================================================================
FORM SELECT
==========================================================================
*/
.form-select .chosen-container {
    width: 100% !important;
}

.form-select .chosen-single {
    font-size: var(--font-size-base) !important;
    font-weight: 400 !important;
    color: var(--additio-black);
}

.form-select .chosen-container .chosen-results li.highlighted {
    background-color: var(--additio-red);
}

/*
==========================================================================
FORM SEPARATOR
==========================================================================
*/
.form-separator {
    padding: 8px 0;
    border-bottom: 1px solid var(--additio-border-grey);
    height: 54px !important;
}

.form-separator.form-separator-big {
    height: 88px !important;
}

/*
==========================================================================
FORM SLIDER
==========================================================================
*/
.form-slider md-slider-container {
    height: 38px !important;
}

.form-slider .md-thumb:after,
.form-slider .md-track-fill {
    background-color: var(--additio-red) !important;
    border-color: var(--additio-red) !important;
}

.form-slider .md-focus-thumb,
.form-slider .md-focus-ring {
    background-color: var(--additio-red) !important;
}

/*
==========================================================================
FORM TIMEPICKER
==========================================================================
*/
.form-timepicker {
    padding: 8px 0;
}

.form-timepicker label {
    font-size: 13px !important;
}

/*
==========================================================================
FORM TEXTAREA
==========================================================================
*/
.form-textarea {
    padding: 8px 0 8px 0 !important;
    border-bottom: 1px solid var(--additio-border-grey);
    height: 120px !important;
}

.form-textarea textarea {
    height: 87px !important;
}

/*
==========================================================================
ADDITIO LIST
==========================================================================
*/

md-list.additio-list
{
    padding: 0;
}

md-list.additio-list md-list-item
{
    border: var(--list-border);
    border-radius: var(--list-border-radius);
    margin: var(--list-margin);
    height: var(--list-min-height);
}

md-list.additio-list md-list-item:last-child
{
    margin-bottom: 0;
}

md-list.additio-list md-list-item .md-button
{
    font-size: var(--list-font-size);
    font-weight: var(--list-font-weight) !important;
    line-height: var(--list-line-height);
}


folder-item md-list.additio-list md-list-item
{
    border: 0;
}
/* DEFAULT */
.popover.contextual-menu-v2 .popover-content {
    padding: 3px 10px;
    text-align: center;
}

.popover.contextual-menu-v2 .popover-content span {
    cursor: pointer;
    text-align: center;
}

.popover.contextual-menu-v2 .popover-actions {
    display: inline-block;
}

.popover.contextual-menu-v2 .popover-actions .popover-action:hover {
    font-weight: bold;
}

.contextual-menu-v2 .dropdown-menu .dropdown-menu-left {
    right: 100%;
    left: auto;
}

.popover.contextual-menu-v2 .dropdown-menu {
    padding: 5px 5px;
}

/* DARK THEME */
.popover.contextual-menu-v2.dark-theme {
    background: #000;
    color: #fff;
}

.popover.contextual-menu-v2.dark-theme.top .arrow:after {
    border-top-color: #000;
}

.popover.contextual-menu-v2.dark-theme.bottom .arrow:after {
    border-bottom-color: #000;
}

.popover.contextual-menu-v2.dark-theme.right .arrow:after {
    border-right-color: #000;
}

.popover.contextual-menu-v2.dark-theme.left .arrow:after {
    border-left-color: #000;
}

.popover.contextual-menu-v2.light-theme {
    background: #fff;
    color: #000;
}

/* LIGHT THEME */
.popover.contextual-menu-v2.light-theme.top .arrow:after {
    border-top-color: #fff;
}

.popover.contextual-menu-v2.light-theme.bottom .arrow:after {
    border-bottom-color: #fff;
}

.popover.contextual-menu-v2.light-theme.right .arrow:after {
    border-right-color: #fff;
}

.popover.contextual-menu-v2.light-theme.left .arrow:after {
    border-left-color: #fff;
}

/* TYPE HORIZONTAL */
.popover.contextual-menu-v2.cm_horizontal .popover-actions .popover-action {
    padding: 0 4px;
    margin: 0 8px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
}

.popover.contextual-menu-v2.cm_horizontal .popover-actions .popover-action:first-child {
    margin-left: 0;
}

.popover.contextual-menu-v2.cm_horizontal .popover-actions .popover-action:last-child {
    margin-right: 0;
}

.popover.contextual-menu-v2.cm_horizontal {
    height: 42px;
    max-height: 42px;
    max-width: unset;
}

/* TYPE VERTICAL */
.popover.contextual-menu-v2.cm_vertical .popover-content {
    display: table;
    width: 100%;
    height: 100%;
}

.popover.contextual-menu-v2.cm_vertical .popover-content .popover-actions {
    display: table-cell;
    vertical-align: middle;
}

.popover.contextual-menu-v2.cm_vertical .popover-content .popover-actions .popover-action {
    display: block;
    line-height: 28px;
}

/* SIZE */
.cm_width_25-50 {
    width: 50px;
}
.cm_width_50-75 {
    width: 75px;
}
.cm_width_75-100 {
    width: 100px;
}
.cm_width_100-125 {
    width: 125px;
}
.cm_width_125-150 {
    width: 150px;
}
.cm_width_150-175 {
    width: 175px;
}
.cm_width_175-200 {
    width: 200px;
}
.cm_width_200-225 {
    width: 225px;
}
.cm_width_225-250 {
    width: 250px;
}
.cm_width_250-275 {
    width: 275px;
}
.cm_width_275-300 {
    width: 300px;
}
.cm_width_300-325 {
    width: 325px;
}
.cm_width_325-350 {
    width: 350px;
}
.cm_width_350-375 {
    width: 375px;
}
.cm_width_375-400 {
    width: 400px;
}
.cm_width_400-425 {
    width: 425px;
}
.cm_width_425-450 {
    width: 450px;
}
.cm_width_450-475 {
    width: 475px;
}
.cm_width_475-500 {
    width: 500px;
}
.cm_width_500-525 {
    width: 525px;
}
.cm_width_525-550 {
    width: 550px;
}
.cm_width_550-575 {
    width: 575px;
}
.cm_width_575-600 {
    width: 600px;
}
.cm_width_600-625 {
    width: 625px;
}
.cm_width_625-650 {
    width: 650px;
}
.cm_width_650-675 {
    width: 675px;
}
.cm_width_675-700 {
    width: 700px;
}
.cm_width_700-725 {
    width: 725px;
}
.cm_width_725-750 {
    width: 750px;
}
.cm_width_750-775 {
    width: 775px;
}
.cm_width_775-800 {
    width: 800px;
}
.cm_width_800-825 {
    width: 825px;
}
.cm_width_825-850 {
    width: 850px;
}
.cm_width_850-875 {
    width: 875px;
}
.cm_width_875-900 {
    width: 900px;
}
.cm_width_900-925 {
    width: 925px;
}
.cm_width_925-950 {
    width: 950px;
}
.cm_width_950-975 {
    width: 975px;
}
.cm_width_975-1000 {
    width: 1000px;
}

.cm_height_25-50 {
    height: 50px;
}
.cm_height_50-75 {
    height: 75px;
}
.cm_height_75-100 {
    height: 100px;
}
.cm_height_100-125 {
    height: 125px;
}
.cm_height_125-150 {
    height: 150px;
}
.cm_height_150-175 {
    height: 175px;
}
.cm_height_175-200 {
    height: 200px;
}
.cm_height_200-225 {
    height: 225px;
}
.cm_height_225-250 {
    height: 250px;
}
.cm_height_250-275 {
    height: 275px;
}
.cm_height_275-300 {
    height: 300px;
}
.cm_height_300-325 {
    height: 325px;
}
.cm_height_325-350 {
    height: 350px;
}
.cm_height_350-375 {
    height: 375px;
}
.cm_height_375-400 {
    height: 400px;
}
.cm_height_400-425 {
    height: 425px;
}
.cm_height_425-450 {
    height: 450px;
}
.cm_height_450-475 {
    height: 475px;
}
.cm_height_475-500 {
    height: 500px;
}
.cm_height_500-525 {
    height: 525px;
}
.cm_height_525-550 {
    height: 550px;
}
.cm_height_550-575 {
    height: 575px;
}
.cm_height_575-600 {
    height: 600px;
}
.cm_height_600-625 {
    height: 625px;
}
.cm_height_625-650 {
    height: 650px;
}
.cm_height_650-675 {
    height: 675px;
}
.cm_height_675-700 {
    height: 700px;
}
.cm_height_700-725 {
    height: 725px;
}

/*
==========================================================================
HUBSPOT BUTTON
==========================================================================
*/
.hubspot-button
{
    position:absolute;
    top: 112px;
    right:0;
    background-color: #FFFFFF;
    width: 36px;
    height: 36px;
    padding: 2px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border: var(--list-border);
    z-index: 150;
}

.hubspot-button button
{
    padding: 2px;
}

.hubspot-button button img
{
    width: 26px;
    height: 26px;
}
/* SELECT MODAL */
.select-modal {
}

/* HEADERS */
.select-modal h1,
.select-modal h2,
.select-modal h3,
.select-modal h4 {
    margin: 0;
    color: var(--additio-black);
    text-align: left;
}

.select-modal h1 {
    font-size: 18px;
    font-weight: 400;
}

.select-modal h2 {
    font-size: 16px;
    font-weight: 500;
}

.select-modal h3 {
    font-size: 15px;
    font-weight: 500;
}

/* SELECT ALL */
.select-modal .select-all {
    cursor: pointer;
}

.select-modal .select-all.read-only,
.select-modal .select-all.read-only i,
.select-modal .select-all.read-only label {
    cursor: default;
}

.select-modal .select-all i {
    margin-right: 10px;
}

/* LIST */
.select-item-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.select-item-list li {
    border-bottom: 1px solid black;
    padding: 8px;
    min-height: 50px;
    cursor: pointer;
}

.select-item-list.read-only li,
.select-item-list.read-only li i {
    cursor: default;
}

.select-item-list li:hover,
.select-item-list li:hover .text-container :before,
.select-item-list li:hover .text-container :after {
    background-color: #f9f9f9;
}

.select-item-list li:first-child {
    border-top: 1px solid black;
}

.select-item-list li .i-checks {
    margin-bottom: 0 !important;
}

.select-item-list li .text-container {
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 2.5em;
    text-align: justify;
    padding-right: 1em;
}

.select-item-list li .text-container :before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
}

.select-item-list li .text-container :after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white;
}

.select-item-list li .text-container .title {
    font-size: 14px;
    font-weight: 500;
}

.select-item-list li .text-container .description {
    font-size: 14px;
    font-weight: 300;
}

.select-item-list li .weight {
    width: 100%;
    padding: 2px;
    text-align: right;
}

.weight-header {
    width: 100%;
    font-size: 14px;
}

/* DIALOG */
.select-modal .modal-dialog {
    min-height: 460px;
}

.select-modal .modal-dialog .modal-content {
    position: relative;
    min-height: inherit;
}

.select-modal .modal-dialog .modal-content .modal-header {
    height: 66px;
    width: 100%;
}

.select-modal .modal-dialog .modal-content .modal-body {
    width: 100%;
    min-height: 392px;
}

.weighted-mean-result {
    border-top: 2px solid #000;
    height: 30px;
}

.weighted-mean-result span {
    display: inline-block;
    border-color: #fff;
    color: #000;
    font-size: 16px;
    text-align: right;
    font-weight: 600;
    padding: 5px 10px;
}

/****** STUDENT LIST ******/
md-list.select-item-list md-list-item {
    height: 54px;
    border-bottom: 1px solid;
}

md-list.select-item-list md-list-item:first-child {
    border-top: 1px solid;
}

md-list.select-item-list md-list-item,
md-list.select-item-list md-list-item .md-button {
    font-size: 14px;
    line-height: 26px;
}

md-list.select-item-list md-list-item .text-container {
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

md-list.select-item-list md-list-item .title {
    font-weight: 500 !important;
}

md-list.select-item-list md-list-item .weight-container {
    text-align: right;
}

md-list.select-item-list md-list-item .weight {
    width: 45px;
    border: 1px solid #e1e0e1;
    text-align: right;
}

md-list.select-item-list md-list-item .stepper-weight {
    width: 45px;
    height: 35px;
    border: none;
    text-align: center;
    padding: 0;
    background-color: #efefef;
    cursor: default;
}

.stepper-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #efefef;
    /* FCJ: It need to be relative or the click event won't trigger  */
    position: relative;
}

.stepper-button {
    width: 30px;
    height: 35px;
    border-radius: 0px;
}

/*
==========================================================================
NAVIGATION BAR
==========================================================================
*/

.navbar.additio-navbar {
    position: relative;

    min-height: 50px;

    background-color: #ffffff;
    color: var(--additio-red);

    border: 0;
    border-radius: 0;

    margin: 0;

    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.10);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.10);
}

.navbar.additio-navbar .navbar-header {
    height: 50px;
}

.navbar.additio-navbar .navbar-header .material-icons {
    float: left;
    font-size: 24px;
}

.navbar.additio-navbar .navbar-header .navbar-logo {
    height: 23px;
    margin-left: 12px;
    margin-top:4.5px;
}

.navbar.additio-navbar .navbar-header .navbar-logo-catalyst {
    height: 40px;
    margin-top:1px;
}

@media (max-width: 767px) {
    .navbar.additio-navbar .navbar-header .material-icons {
        padding: 15px 0 15px 15px;
    }

    .navbar.additio-navbar .navbar-header .nav-menu-icon {
        margin-left: 15px;
    }

    .navbar-brand-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }
}

.navbar.additio-navbar .navbar-header .navbar-brand {
    font-size: 20px;
    font-weight: 700;
    color: inherit;
}

.navbar.additio-navbar .navbar-header .navbar-brand img {
    height: 20px;
}

.navbar.additio-navbar .navbar-nav > .open > a {
    color: #555;
    background-color: rgba(231, 231, 231, 0.5);
}

.navbar.additio-navbar .material-icons {
    font-size: 20px;
    vertical-align: middle;
}

.navbar.additio-navbar .text-when-collapse {
    display: none;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .navbar.additio-navbar .text-when-collapse {
        display: inline-block;
        margin-left: 15px
    }

    .navbar.additio-navbar .navbar-collapse {
        background-color: #ffffff !important;
        color: #555;
    }
}

.navbar.additio-navbar .navbar-collapse ul.navbar-nav li a {
    color: inherit;
    max-height: 50px;
}

.navbar.additio-navbar .navbar-collapse ul.navbar-nav li a.active {
    text-decoration: underline;
}

.navbar.additio-navbar a:before {
    content: none;
}

.navbar.additio-navbar a.i-checks label {
    margin-left: 0;
    margin-bottom: 0;
}

.navbar.additio-navbar a.i-checks i {
    margin-left: 10px;
}

.navbar.additio-navbar .dropdown-menu {
    color: var(--additio-black);
    min-width: 210px;
}

.navbar.additio-navbar .dropdown-menu li.disabled {
    color: #adadad;
}

.navbar.additio-navbar .dropdown-menu li a {
    min-height: 40px;
    padding: 3px 20px;
    display: flex;
    width: 100%;
}

.navbar.additio-navbar .announcekit .announcekit-widget {
    position: absolute !important;
    top: 6px;
    right: 12px;
}

.navbar-default .navbar-toggle {
    border: none;
    background-color: #EEE;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--additio-black);
}

/* NEW 2nd-Level Dropdown CSS START */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .caret {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}

.dropdown-submenu.open > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.open > .dropdown-menu, .dropdown-submenu.open > .dropdown-menu {
    display: block;
}

.dropdown-submenu .dropdown-menu {
    margin-bottom: 8px;
}

.navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
    background-color: #f6f6f6;
}

.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
    background-color: #333;
}

.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a {
    padding-left: 45px;
    min-height: 35px;
    line-height: 29px;
    padding: 3px 20px;
}

@media screen and (min-width: 992px) {
    .dropdown-submenu .dropdown-menu {
        margin-bottom: 2px;
    }

    .navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a {
        padding-left: 25px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
        background-color: #fff;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
        background-color: #fff;
    }
}

.dropdown-submenu.dropdown-submenu-left > .dropdown-menu {
    left: auto;
    right: 100%;
}

@media (max-width: 768px) {
    .dropdown-submenu.dropdown-submenu-left {
        float: none !important;
    }
}

.navbar.additio-navbar .navbar-collapse ul.navbar-nav li form {
    max-height: 50px;
    margin: 0;
    padding: 10px 15px;
}

.navbar.additio-navbar .nav, .navbar.additio-navbar .dropdown-menu {
    font-size: var(--font-size-base) !important;
}

@media (min-width: 992px){
    .dropdown-groups{
        background-color: inherit !important;
    }
}

.additio-navbar-header{
    margin-left: -15px;
    padding-left: 15px;
    height: 100%;
    width: auto;
}

.additio-navbar-logo{
    height: inherit;
    width: auto;
}

.navbar.additio-navbar .tabs-dropdown{
    max-height: 80vh;
    overflow-y: auto;
}

/* SELECT MODAL */
.tab-config-modal {

}

/* HEADERS */
.tab-config-modal h2, .tab-config-modal h3, .tab-config-modal h4 {
    margin: 0;
    color: var(--additio-black);
    text-align: left;
}

.tab-config-modal h1 {
    font-size: 18px;
    font-weight: 400;
}

.tab-config-modal h2 {
    font-size: 16px;
    font-weight: 500;
}

.tab-config-modal h3 {
    font-size: 15px;
    font-weight: 500;
}

/* SELECT ALL */
.tab-config-modal .select-all {
    cursor: pointer;
}

.tab-config-modal .select-all.read-only , .tab-config-modal .select-all.read-only i, .tab-config-modal .select-all.read-only label {
    cursor: default;
}

.tab-config-modal .select-all i {
    margin-right: 10px;
}

/* LIST */
.select-item-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.select-item-list li{
    border-bottom: 1px solid black;
    padding: 8px;
    min-height: 50px;
    cursor: pointer;
}

.select-item-list.read-only li, .select-item-list.read-only li i{
    cursor: default;
}

.select-item-list li:hover, .select-item-list li:hover .text-container :before, .select-item-list li:hover .text-container :after{
    background-color: #f9f9f9;
}

.select-item-list li:first-child{
    border-top: 1px solid black;
}

.select-item-list li .i-checks{
    margin-bottom: 0 !important;
}

.select-item-list li .text-container {
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 2.5em;
    text-align: justify;
    padding-right: 1em;
}

.select-item-list li .text-container :before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
}

.select-item-list li .text-container :after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white;
}

.select-item-list li .text-container .title {
    font-size: 14px;
    font-weight: 500;
}

.select-item-list li .text-container .description {
    font-size: 14px;
    font-weight: 300;
}

.select-item-list li .weight {
    width: 100%;
    padding: 2px;
    text-align: right;
}

.weight-header {
    width: 100%;
    font-size: 14px;
}








/* DIALOG */
.tab-config-modal .modal-dialog {
    min-height: 460px;
}

.tab-config-modal .modal-dialog .modal-content {
    position: relative;
    min-height: inherit;
}

.tab-config-modal .modal-dialog .modal-content .modal-header {
    height: 66px;
    width: 100%;
}

.tab-config-modal .modal-dialog .modal-content .modal-body{
    width: 100%;
    min-height: 392px;
}

/*
==========================================================================
SIDE NAVIGATION MENU
==========================================================================
*/
md-sidenav.additio-side-navigation-menu {
    background-color: var(--additio-bg-grey);
    z-index: 1024 !important;
    width: 340px;
}

md-backdrop {
    z-index: 1023 !important;
}

.additio-side-navigation-menu .header-placeholder {
    min-height: 50px;
    width: 100%;
}

.additio-side-navigation-menu md-content {
    background: transparent;

    padding: 10px 0;
}

.additio-side-navigation-menu md-content md-list.option-list {

}

.additio-side-navigation-menu md-content md-list md-list-item,
.additio-side-navigation-menu md-content md-list md-list-item .md-list-item-inner {
    min-height: 40px;
    height: 40px;
}

.additio-side-navigation-menu md-content md-list.option-list .md-avatar {
    width: 28px;
    height: 28px;
}

.additio-side-navigation-menu md-content md-list.option-list md-list-item.option-groups-item {
    margin-left: 47px;
    min-height: 35px;
    height: 35px;
}

.additio-side-navigation-menu md-content md-list.option-list md-list-item.option-folder-groups-item {
    margin-left: 50px;
    min-height: 35px;
    height: 35px;
}

.additio-side-navigation-menu md-content md-list.option-list md-list-item.option-groups-item .group-bullet {
    width: 8px;
    height: 8px;
    border-width: 1px;
    border-radius: 8px;
    margin-right: 5px;
}

.additio-side-navigation-menu md-content md-list.option-list md-list-item.option-dropdown-item {
    min-height: 35px;
    height: 35px;
}

.additio-side-navigation-menu md-content md-list.option-list md-list-item.option-dropdown-item .md-list-item-inner {
    margin-left: 60px;
}

.additio-side-navigation-menu .trial {

}

.additio-side-navigation-menu .trial img {
    max-height: 44px
}

.additio-side-navigation-menu .partner {

}

.additio-side-navigation-menu .partner img {
    max-height: 90px;
    max-width: 200px;
}

.additio-side-navigation-menu .recommender {

}

.additio-side-navigation-menu .recommender img {
    max-height: 44px
}


/*
==========================================================================
EDEBE PARTNER STYLES
==========================================================================
*/
div.folder-hover:hover {
    background-color: rgba(158, 158, 158, 0.2) !important;
}

.name-group-edebe {
    line-height: normal;
    font-weight: 500;
}

.group-edebe-container {
    margin-left: 18px;
}
.icon-folder-group{
    margin: 8px 16px 8px 0px !important;
    width: 20px !important;
    height: 20px !important;
}





.copy-group-modal .modal-dialog
{
    min-height: 460px;
    width: 656px;
}

.copy-group-modal .modal-dialog .modal-content
{
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.copy-group-modal .modal-dialog .modal-content .modal-body
{
    height: 484px;
}

.copy-group-modal .modal-dialog .modal-header h2.modal-title
{
    text-align: center;
}

.copy-group-modal .modal-dialog .modal-body .group-list
{
    margin: 0;
}

.copy-group-modal .modal-dialog .modal-body .copy-option-main label.control-label-additio
{
    font-size: 14px;
    font-weight: 600;
    padding: 0;
}

.copy-group-modal .modal-dialog .modal-body .copy-option-secondary label.control-label-additio
{
    font-size: 14px;
    font-weight: 400;
}
.group-structure-selector-modal .modal-dialog
{
    min-height: 460px;
    width: 606px;
    margin-top: 45px !important;
}

.group-structure-selector-modal .modal-dialog .modal-content
{
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.group-structure-selector-modal .modal-dialog .modal-content .modal-body
{
    padding: 5px 15px 0 15px !important;
    min-height: 340px;
}

button.btn-left
{
    float: left;
    margin-left: 0;
}

.group-structure-selector-modal .checkbox
{
    margin: 0;
}

.group-structure-selector-modal .group-list
{
    padding: 0 15px;
}
/* DEFAULT */
.popover.select-popover {
    width: 240px;
    height: 280px;
}

.popover.select-popover .popover-content {
    padding: 10px;
    width: 100%;
    overflow: auto;
}


.popover.select-popover .popover-content .md-list {
    padding: 0;
}

.popover.select-popover .popover-content .md-list .md-list-item {
    font-size: 12px;
    color: var(--additio-black);
    border-bottom: 1px #000000 solid;
}

.popover.select-popover .popover-content .md-list .md-list-item .md-list-item-text h3 {
    font-size: 15px;
    font-weight: 400;
    color: var(--additio-black);
    margin: 0;
    padding: 0;
}

.popover.select-popover .popover-content .md-list .md-list-item .md-list-item-text p {
    margin: 0;
    padding: 0;
}


/* SIZE */
.select-popover.sp_width_200 { width: 200px; }
.select-popover.sp_width_225 { width: 225px; }
.select-popover.sp_width_250 { width: 250px; }
.select-popover.sp_width_275 { width: 275px; }
.select-popover.sp_width_300 { width: 300px; }
.select-popover.sp_width_325 { width: 325px; }
.select-popover.sp_width_350 { width: 350px; }
.select-popover.sp_width_375 { width: 375px; }
.select-popover.sp_width_400 { width: 400px; }

.select-popover.sp_height_200 { height: 200px; }
.select-popover.sp_height_200 .popover-content { max-height: 150px; }
.select-popover.sp_height_225 { height: 225px; }
.select-popover.sp_height_225 .popover-content { max-height: 175px; }
.select-popover.sp_height_250 { height: 250px; }
.select-popover.sp_height_250 .popover-content { max-height: 200px; }
.select-popover.sp_height_275 { height: 275px; }
.select-popover.sp_height_275 .popover-content { max-height: 225px; }
.select-popover.sp_height_300 { height: 300px; }
.select-popover.sp_height_300 .popover-content { max-height: 250px; }
.select-popover.sp_height_325 { height: 325px; }
.select-popover.sp_height_325 .popover-content { max-height: 275px; }
.select-popover.sp_height_350 { height: 350px; }
.select-popover.sp_height_350 .popover-content { max-height: 300px; }
.select-popover.sp_height_375 { height: 375px; }
.select-popover.sp_height_375 .popover-content { max-height: 325px; }
.select-popover.sp_height_400 { height: 400px; }
.select-popover.sp_height_400 .popover-content { max-height: 350px; }
.course-select-modal .modal-body {
    padding: 10px 0 !important;
    min-height: 356px;
    max-height: 72vh;
}