:root {
    --chart-color0: #418cf0;
    --chart-color1: #fcb441;
    --chart-color2: #e0400a;
    --chart-color3: #056492;
    --chart-color4: #8dbb25;
    --chart-color5: #1a3b69;
    --chart-color6: #ffe382;
    --chart-color7: #129cdd;
    --chart-color8: #ca6b4b;
    --chart-color9: #005cdb;
    --chart-color10: #008f5a;
    --chart-color11: #506381;
    --chart-color12: #f1b9a8;
    --chart-color13: #e0830a;
    --chart-color14: #7893be;
    --chart-color15: #6d398b;
    --chart-color16: #c5037d;
    --chart-color17: #fdc60a;
    --chart-color18: #2a71af;
    --chart-color19: #64DD17;
    --chart-color20: #f3e500;
}

* {
    box-sizing: border-box;
}

table > tfoot {
    border-color: inherit !important;
}

.form-inline > label {
    margin-right: 1rem;
}

    .form-inline > label:last-child {
        margin-right: 0
    }

table > tfoot:empty {
    display: none;
}

.gridvew-container > div {
    position: relative;
    /*max-height: 55vh;*/
    /*overflow-y: auto;*/
    /*border: 1px solid #cccccc;*/
    margin-bottom: 5px;
}

    .gridvew-container > div > table {
        margin-bottom: 0;
    }

tr.table-header-sticky > th {
    position: sticky;
    top: 0;
}

nav.gridview-pager:empty {
    display: none;
}

.gridview-pager {
    position: relative;
}

    .gridview-pager:before {
        content: "Page:";
        float: left;
        margin-right: .5em;
        margin-top: 3px;
    }

header.d-flex {
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.vam-colorbox {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: .5em;
    /*width: 1.42857143em;
    height: 1.42857143em;*/
    /*width: 1lh;
    height: 1lh;*/
    /*border-radius: 3px;*/
    /*-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);*/
}

.vam-color-circle {
    border-radius: 50%;
}

.chart-color-0 {
    background-color: #418cf0;
}

.chart-color-1 {
    background-color: #fcb441;
}

.chart-color-2 {
    background-color: #e0400a;
}

.chart-color-3 {
    background-color: #056492;
}

.chart-color-4 {
    background-color: #8dbb25;
}

.chart-color-5 {
    background-color: #1a3b69;
}

.chart-color-6 {
    background-color: #ffe382;
}

.chart-color-7 {
    background-color: #129cdd;
}

.chart-color-8 {
    background-color: #ca6b4b;
}

.chart-color-9 {
    background-color: #005cdb;
}

.chart-color-10 {
    background-color: #008f5a;
}

.chart-color-11 {
    background-color: #506381;
}

.chart-color-12 {
    background-color: #f1b9a8;
}

.chart-color-13 {
    background-color: #e0830a;
}

.chart-color-14 {
    background-color: #7893be;
}

.chart-color-15 {
    background-color: #6d398b;
}

.chart-color-16 {
    background-color: #c5037d;
}

.chart-color-17 {
    background-color: #fdc60a;
}

.chart-color-18 {
    background-color: #2a71af;
}

.chart-color-19 {
    background-color: #64DD17;
}

.chart-color-20 {
    background-color: #f3e500;
}

.student-picture-container {
    height: 200px;
    min-width: 150px;
    background-color: darkslategray;
    background-image: url("/images/icons-gif/loading_star.gif");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px;
    border: 2px inset lightgray;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: .5em;
}

    .student-picture-container > img {
        height: 200px;
        max-height: 100%;
        width: auto;
    }

.dataTables_info {
    color: #31708f;
}

.performanceColorTag {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    height: .9em;
    width: .9em;
    border-radius: 50%;
    margin-right: 0.5em;
}

.performanceColorTag-4 {
    background-color: #006998;
    border-color: #006998;
}

.performanceColorTag-3 {
    background-color: #A6CE39;
    border-color: #A6CE39;
}

.performanceColorTag-2 {
    background-color: #F37021;
    border-color: #F37021;
}

.performanceColorTag-1 {
    background-color: #DA2128;
    border-color: #DA2128;
}

.info-danger {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    /*height: 30px;
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5
            border-radius: 3px;;*/
    border: 1px solid #b92c28;
    border-radius: 4px;
    color: #a94442;
}

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

.math-mean {
    background-image: url(/images/mathSymbols/x-bar.svg);
    background-position: center;
    background-clip: border-box;
    height: 1em;
    width: 1.25em;
    background-size: 2.9em;
    fill: white;
}

.math-mean-white {
    background-image: url(/images/mathSymbols/x-bar-white.svg);
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 1em solid transparent !important;
    border-right: 1em solid transparent !important;
    background-color: transparent !important;
    border-bottom: 1em solid currentColor;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 1em solid transparent !important;
    border-right: 1em solid transparent !important;
    background-color: transparent !important;
    border-top: 1em solid currentColor;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 1em solid transparent !important;
    border-bottom: 1em solid transparent !important;
    background-color: transparent !important;
    border-left: 1em solid currentColor;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 1em solid transparent !important;
    border-bottom: 1em solid transparent !important;
    background-color: transparent !important;
    border-right: 1em solid currentColor;
}

@media print {
    .no-print {
        display: none !important;
    }
}
.btn-img {
    border-radius: 4px;
}

    .btn-img:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000)"; /*IE 8*/
        -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); /*FF 3.5+*/
        -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
        box-shadow: 3px 3px 3px rgba(0,0,0,0.3); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000); /*IE 5.5-7*/
    }