body {
    line-height: 1.92857143;
    padding-bottom: 20px;
    background-color: #eee;
}

.whiteframe {
    background-color: white;
    box-shadow: 1px 2px 8px #ccc;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
}

.card-title {
    margin-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

fieldset legend {
    font-size: 18px;
}

/* Bootstrap Customization */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: .45;
}

.caretup {
    border-top: 0;
    border-bottom: 4px solid;
}

.goToTop {
    margin-bottom: -20px;
    text-align: right;
}

/*--------------------BUG FIX!!!--------------------*/

.fp-stack-icon > .underscript {
    top: initial !important;
    position: absolute !important;
    margin-top: 15px !important;
}

/*--------------------Modal Customizations--------------------*/

.modal {
    overflow: auto !important;
}

    .modal fieldset {
        /*padding-bottom:10px;border-bottom:1px solid #e5e5e5*/
    }

        .modal fieldset legend {
            font-size: 18px;
            font-weight: bold;
        }

/*DeskTop*/
@media (min-width: 992px) {
    .modal-large .modal-dialog {
        width: 90%;
    }

    .modal-middle .modal-dialog {
        width: 75%;
    }

    .modal-small .modal-dialog {
        width: 50%;
    }
}


.modal-header-default {
    background-image: none !important;
    background-color: #fff !important;
    color: #333 !important;
}

    .modal-header-default .modal-title,
    .modal-header-default .close {
        color: #333 !important;
    }

.modal-header-info {
    background-image: none !important;
    background-color: #5bc0de !important;
}

.modal-header-primary {
    background-image: none !important;
    background-color: #428bca !important;
}

.modal-header-success {
    background-image: none !important;
    background-color: #5cb85c !important;
}

.modal-header-warning {
    background-image: none !important;
    background-color: #f0ad4e !important;
}

.modal-header-danger {
    background-image: none !important;
    background-color: #d9534f !important;
}

/*--------------------popover custom--------------------*/
.popover {
    /*top: 40px !important;
    left: auto !important;
    right: 30px !important;*/
    display: table !important;
    max-width: 400px !important;
    min-width: 250px !important;
    box-shadow: 0 0 5px 0 #aaa;
    border: none;
    border-radius: 0;
}

    .popover .popover-title {
        border-radius: 0;
        background-color: #fff;
        font-weight: bold;
        /* border-bottom: none; */
        color: #777;
        padding: 15px;
        /* padding-bottom: 0; */
    }

    .popover .popover-content {
        padding-top: 5px;
        padding-bottom: 15px;
        color: #aaa;
        font-size: 12px;
        width: 450px;
    }


    .popover.left > .arrow {
        right: -6px;
        margin-top: -6px;
    }

        .popover.left > .arrow:after {
            bottom: -5px;
        }

    .popover.right > .arrow {
        left: -6px;
        margin-top: -6px;
    }

        .popover.right > .arrow:after {
            bottom: -5px;
        }

    .popover.top > .arrow {
        margin-left: -6px;
        bottom: -6px;
    }

        .popover.top > .arrow:after {
            margin-left: -5px;
        }

    .popover.bottom > .arrow {
        margin-left: -6px;
        top: -6px;
        /*left: 90% !important;
        display: none;*/
    }

        .popover.bottom > .arrow:after {
            top: 1px;
            margin-left: -5px;
        }

    .popover > .arrow {
        border-width: 6px;
    }

        .popover > .arrow:after {
            border-width: 5px;
        }


/*--------------------Reset fieldset--------------------*/
fieldset.fieldset-clean {
    min-height: 100px;
    border: 1px solid #ccc;
    padding: 15px;
    margin-top: 20px;
}

    fieldset.fieldset-clean legend {
        font-weight: bold;
        font-size: 16px;
        display: block;
        width: auto;
        padding: 0 5px;
        margin-bottom: 0;
        font-size: 18px;
        line-height: inherit;
        border: auto;
        border-bottom: none;
    }

/*--------------------Cards Suport--------------------*/
.body-content-parent {
    padding: 15px;
    margin-top: 10px;
    margin-left: 5px;
}

.body-content-children {
    display: none;
}

    .body-content-children > .row {
        margin-left: 0px;
        margin-right: 0px;
    }

        .body-content-children > .row > div {
            padding-right: 0;
            padding-left: 0px;
        }

            .body-content-children > .row > div > .card, .body-content-children > .card {
                background-color: white;
                margin-top: 10px;
                margin-left: 5px;
                margin-right: 5px;
                padding: 15px;
            }

@media (max-width: 992px) {
    .body-content-children > .row > div > .card {
        margin-left: 0;
        margin-right: 0;
    }
}

.body-content-children > .row > div:first-child > .card {
    margin-left: 0;
}

.body-content-children > .row > :last-child > .card {
    margin-right: 0;
}

.body-content-children > .row > div:only-child > .card, .body-content-children > .card {
    margin-left: 0px;
    margin-right: 0px;
}

.card-loading {
    text-align: center;
    background-image: url('/Plugins/loading-wrapper/img/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    height: 50px;
    opacity: 0.80;
    -moz-opacity: 0.80;
    filter: alpha(opacity=80);
}

footer {
    margin-top: 10px;
    padding: 10px;
    background-color: white;
}

    footer p {
        margin: 0;
    }

/* styling for navbar */
.navbar-inverse {
    background-color: #293855;
}

/* predefinition for inputs */
input.form-control.input-code {
    width: 150px;
}

.input-group.input-code {
    width: 150px;
}

input.form-control.input-number {
    width: 80px;
}

select.form-control {
    min-width: 150px;
    Width: auto;
}

select option:disabled {
    cursor: not-allowed;
}

input.form-control {
    Width: 100%;
}

div.form-control.radio-inline-list,
div.form-control.checkbox-inline-list {
    width: auto;
    display: inline-block;
    height: auto;
}

/*Tablet*/
@media (max-width: 991px) {
    div.form-control.radio-inline-list,
    div.form-control.checkbox-inline-list {
        height: auto;
    }

        div.form-control.radio-inline-list .radio-inline,
        div.form-control.checkbox-inline-list .checkbox-inline {
            display: block;
        }

            div.form-control.radio-inline-list .radio-inline + .radio-inline,
            div.form-control.checkbox-inline-list .checkbox-inline + .checkbox-inline {
                margin-top: 0;
                margin-left: 0;
            }
}

/*Mobile*/
@media (max-width: 400px) {
    .input-group.input-code {
        width: 100%;
    }

    input.form-control.input-code {
        width: 100%;
    }

    input.form-control.input-number {
        width: 100%;
    }

    select.form-control {
        min-width: 0 !important;
        Width: 100%;
    }

    div.form-control.radio-inline-list,
    div.form-control.checkbox-inline-list {
        width: 100%;
        display: block;
        height: auto;
    }

        div.form-control.radio-inline-list .radio-inline,
        div.form-control.checkbox-inline-list .checkbox-inline {
            display: block;
        }

            div.form-control.radio-inline-list .radio-inline + .radio-inline,
            div.form-control.checkbox-inline-list .checkbox-inline + .checkbox-inline {
                margin-top: 0;
                margin-left: 0;
            }
}



/* styling buttons */

/*Mobile*/
@media (max-width: 400px) {
    .btn-responsive, .label-responsive {
        width: 100%;
        display: block;
        padding-left: 0;
        padding-right: 0;
        margin-top: 5px;
    }
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/*--------------------- Permission ---------------------*/
[data-permission-action]:not([data-permission-applied='true']) {
    display: none;
}

html, body {
    height: 100%;
    margin: 0;
    color: #333;
}

    /*---Master header---*/
    body header {
        border: 0;
        z-index: 3;
        top: 0;
        position: fixed;
        width: 100%;
        color: #fff;
        padding: 2px;
        font-size: 14px;
    }


        body header .module-helper {
            color: #cacaca;
            margin-left: 5px;
        }

            body header .module-helper:hover {
                color: white;
            }

        body header table.header-container-area {
            width: 100%;
            padding: 2px;
        }

            body header table.header-container-area td.logo-area {
                width: 1%;
            }

                body header table.header-container-area td.logo-area img {
                    height: 30px;
                }

            body header table.header-container-area td.module-title-area {
                padding-left: 15px;
                height: 21px;
            }

            body header table.header-container-area td.help-area,
            body header table.header-container-area td.notification-area {
                padding-left: 10px;
                padding-right: 10px;
                font-size: 18px;
            }

            body header table.header-container-area td.help-area,
            body header table.header-container-area td.notification-area,
            body header table.header-container-area td.account-area {
                width: 1%;
                white-space: nowrap;
            }

/*---Master sub header---*/
.subheader-container-area {
    width: 100%;
    z-index: 4;
    position: fixed;
    margin-bottom: 25px;
    top: 40px;
    background-color: #F5F5F5;
    color: #999;
    border-bottom: 1px solid #ddd;
}

    .subheader-container-area > tbody > tr > td {
        padding: 5px;
    }


/*student area*/
.subheader-student-area {
    width: 1%;
    white-space: nowrap;
}

    .subheader-student-area table {
        width: 100%;
    }

    .subheader-student-area .student-label-area {
        font-weight: bold;
        color: #373E4D;
        width: 1%;
        white-space: nowrap;
    }

    .subheader-student-area .student-selection-area {
        width: 1%;
    }

        .subheader-student-area .student-selection-area:hover {
            cursor: pointer;
        }

    .subheader-student-area .student-icon-area {
        font-size: 20px;
        padding-left: 5px;
    }

    .subheader-student-area .student-fullname-area {
        padding-right: 5px;
        white-space: nowrap;
    }

/*institution area*/
.subheader-institution-area {
    padding-left: 100px;
    width: 1%;
    white-space: nowrap;
}

    .subheader-institution-area table {
        width: 100%;
    }

    .subheader-institution-area .institution-label-area {
        font-weight: bold;
        color: #373E4D;
        width: 1%;
        white-space: nowrap;
    }

    .subheader-institution-area .institution-selection-area {
        padding-left: 5px;
    }

        .subheader-institution-area .institution-selection-area:hover {
            color: #777;
            cursor: pointer;
        }

    .subheader-institution-area .institution-name-area {
        padding-left: 5px;
        padding-right: 5px;
        white-space: nowrap;
    }

/*---Master footer---*/
body footer {
    z-index: 3;
    background-color: #fff;
    margin-top: 25px;
    color: #777;
    font-size: 11px;
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    text-align: center;
}

    body footer span, body footer a {
        border-right: 1px solid #777;
        padding-right: 5px;
        color: #777;
    }

        body footer span:last-child {
            border-right: none;
            padding-right: 0;
        }




/*bootstrap customization*/
.btn-primary {
    color: #ffffff;
    background-color: #244186;
    border-color: #244186;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #ffffff;
        background-color: #304167;
        border-color: #101521;
    }

    .btn-primary:hover {
        color: #ffffff;
        background-color: #274898;
        border-color: #274898;
    }

.btn2 {
    font-size: 12px;
    height: 34px;
    line-height: 22px;
    margin-left: 4px;
}

a {
    color: #4B66A0;
}

.modal-header {
    color: white;
    border-radius: 4px 4px 0px 0px;
    border: 1px solid white;
    background-color: #071d2f;
}

.bootstrap-dialog .modal-header {
    background-image: none;
}

.modal-header .close {
    opacity: 1;
    color: white;
}

    .modal-header .close:hover {
        opacity: 0.6;
    }

.nav-tabs > li.active > a {
    color: #333;
}


/*------------------Menu Bar--------------*/
@media (min-width: 992px) {
    .menu-bar {
        background-color: white;
        position: fixed;
        /*margin-left: -25px;*/
        margin-top: -17px;
        z-index: 3;
        bottom: 35px;
        top: 100px;
        left: 0;
        width: 100%;
        padding: 10px;
        color: #333;
        overflow: auto;
    }
}

/*Mobile*/
@media (max-width: 991px) {
    .menu-bar {
        background-color: white;
        top: 83px;
        left: 0;
        padding: 10px;
        position: fixed;
        z-index: 4;
        bottom: 0px;
        overflow: auto;
        width: 100%;
        font-size: 18px;
    }
}

.menu-bar h5 {
    font-weight: bold;
}

.menu-bar h6 {
    font-weight: bold;
    margin-bottom: 2px;
}

.menu-bar hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.menu-bar ul {
    padding-left: 20px;
    margin: 0;
    list-style: none;
}

    .menu-bar ul li {
        padding-top: 2px;
        padding-bottom: 2px;
    }

.menu-bar a span {
    margin-right: 5px;
}

.menu-bar a {
    padding-left: 5px;
    color: #333;
    white-space: nowrap;
}

    .menu-bar a:active, .menu-bar a:focus {
        text-decoration: none;
    }

    .menu-bar a:hover {
        text-decoration: none;
        /*font-weight: bold;*/
        color: #777;
    }

    .menu-bar a.disabled {
        cursor: not-allowed;
        color: #aaa;
        /*text-decoration: line-through;*/
    }

.body-master {
    margin-top: 95px;
    margin-bottom: 40px;
}

body > header {
    background-color: #036;
}

body header.production-mode {
    background-color: #036;
}

body.app-environment-local > header,
body.app-environment-development > header {
    background-color: #248313;
}

body.app-environment-homologation > header {
    background-color: #831313;
}

body.app-environment-training > header {
    background-color: #b95b25;
}

body.app-environment-migration > header {
    border-bottom: 1px solid #963d0a;
    background: linear-gradient(0deg, #353535, #464444, #777);
}


/*Let's get this party started*/
::-webkit-scrollbar {
    height: 18px;
    width: 18px;
}

::-webkit-scrollbar-button:horizontal:decrement,
::-webkit-scrollbar-button:horizontal:decrement:hover,
::-webkit-scrollbar-button:horizontal:increment,
::-webkit-scrollbar-button:horizontal:increment:hover,
::-webkit-scrollbar-button:vertical:decrement,
::-webkit-scrollbar-button:vertical:decrement:hover,
::-webkit-scrollbar-button:vertical:increment,
::-webkit-scrollbar-button:vertical:increment:hover {
    height: 18px;
    width: 18px;
}

/*arrow*/
::-webkit-scrollbar-button:horizontal:increment {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQzU1NDExQUNFQTExMUUwODVCRDlGMjgxNTUwOTY0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQzU1NDExOUNFQTExMUUwODVCRDlGMjgxNTUwOTY0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnbliksAAAAGUExURczT1v///w6Zot4AAAACdFJOU/8A5bcwSgAAACFJREFUCFtj/M/ACEd/mRj/MDP+aWb84wxGzSAuUBBJDQCreRGBIU9zHQAAAABJRU5ErkJggg==);
}

    ::-webkit-scrollbar-button:horizontal:increment:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNjMxOTJDNkNFQTAxMUUwOTEwQThBOUQ3OTU2MDhBRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNjMxOTJDNUNFQTAxMUUwOTEwQThBOUQ3OTU2MDhBRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnVIpeYAAAAGUExURZ20xP///xhJTcUAAAACdFJOU/8A5bcwSgAAACFJREFUCFtj/M/ACEd/mRj/MDP+aWb84wxGzSAuUBBJDQCreRGBIU9zHQAAAABJRU5ErkJggg==);
    }

::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOTQ1MTFBOUNFQTExMUUwQjFCMUQ0QTY5Nzg0NkM4MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOTQ1MTFBOENFQTExMUUwQjFCMUQ0QTY5Nzg0NkM4MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhHC5VgAAAAGUExURczT1v///w6Zot4AAAACdFJOU/8A5bcwSgAAACBJREFUCFtj+P+fAYH2M/y3Z/hnz/AHjIAMIBckiFADAIcKGtnX/NNJAAAAAElFTkSuQmCC);
}

    ::-webkit-scrollbar-button:horizontal:decrement:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxRDlGMzQxNUNFQTExMUUwOUQ1RUMzMDcwNkI3NzQ4OSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxRDlGMzQxNENFQTExMUUwOUQ1RUMzMDcwNkI3NzQ4OSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Piwt9IAAAAAGUExURZ20xP///xhJTcUAAAACdFJOU/8A5bcwSgAAACBJREFUCFtj+P+fAYH2M/y3Z/hnz/AHjIAMIBckiFADAIcKGtnX/NNJAAAAAElFTkSuQmCC);
    }

::-webkit-scrollbar-button:vertical:increment {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQUVGMjQ0M0NFQTAxMUUwODVFRkVGMkEyMDYzQjNCOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQUVGMjQ0MkNFQTAxMUUwODVFRkVGMkEyMDYzQjNCOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi1r31IAAAAGUExURczT1v///w6Zot4AAAACdFJOU/8A5bcwSgAAABxJREFUCNdj/M/AiIY+yDP+UGf848z4r5ERQxYAnBUQ8bRhSzUAAAAASUVORK5CYII=);
}

    ::-webkit-scrollbar-button:vertical:increment:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBODk4RUE4QUNFQTAxMUUwQjI0MUFCODBCNTk2MzdFMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBODk4RUE4OUNFQTAxMUUwQjI0MUFCODBCNTk2MzdFMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrzuktcAAAAGUExURZ20xP///xhJTcUAAAACdFJOU/8A5bcwSgAAABxJREFUCNdj/M/AiIY+yDP+UGf848z4r5ERQxYAnBUQ8bRhSzUAAAAASUVORK5CYII=);
    }

::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMzVEMjUyMkNFQTAxMUUwQTc0NzgzNTNCNkQ3RkNFRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMzVEMjUyMUNFQTAxMUUwQTc0NzgzNTNCNkQ3RkNFRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psti8fgAAAAGUExURczT1v///w6Zot4AAAACdFJOU/8A5bcwSgAAABxJREFUCNdj/M/AiIb+NTL+cWb8oc74QZ4RQxYAoGUQ8fkWopYAAAAASUVORK5CYII=);
}

    ::-webkit-scrollbar-button:vertical:decrement:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEM0ZDNDlGQ0NFQTAxMUUwQUY5RkJGN0ZBNEREREEyMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEM0ZDNDlGQkNFQTAxMUUwQUY5RkJGN0ZBNEREREEyMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhWCNEUAAAAGUExURZ20xP///xhJTcUAAAACdFJOU/8A5bcwSgAAABxJREFUCNdj/M/AiIb+NTL+cWb8oc74QZ4RQxYAoGUQ8fkWopYAAAAASUVORK5CYII=);
    }

/*Track*/
::-webkit-scrollbar-track {
}

/* Handle*/
::-webkit-scrollbar-thumb {
    border-radius: 9px;
    border: 6px solid transparent;
    background-clip: content-box;
    background-color: #c8c8c8;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #98a3a6;
    }
























/*------------------STUDENT PORTAL CUSTOMIZATION-----------------*/
.bg-danger {
    background-color: #ffe4e4;
}

.text-danger {
    color: red;
}

.bg-success {
    background-color: #d5f5c7;
}

.text-success {
    color: #00ad02;
}

.panel-clear.panel {
    border: none;
    border-radius: 0;
}

    .panel-clear.panel > .panel-heading {
        background-color: inherit;
        padding: 5px 10px 5px 0;
    }

    .panel-clear.panel .panel-body {
        padding-top: 0;
        padding-right: 0;
    }

.k-grid .k-toolbar,
.k-grid .k-grid-footer,
.k-grid .k-footer-template td,
.k-grid .k-pager-wrap {
    background-color: inherit;
}

.k-grid thead.k-grid-header th.k-header,
.k-grid thead.k-grid-header[role="rowgroup"],
.k-grid div.k-grid-header th.k-header,
.k-grid div.k-grid-header {
    border-width: 0 0 1px 1px;
}

    .k-grid thead.k-grid-header th.k-header:nth-child(1) {
        border-left: none;
    }

.k-grid-header th.k-header,
.k-filter-row th {
    /*padding-top: 0;*/
}

.k-grid tr:hover {
    background-color: inherit;
}

.k-grid tbody tr[data-uid]:hover {
    background-color: #f5f5f5;
}

.k-grid tbody tr:not([data-uid]):hover {
    background-color: inherit;
}

.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: inherit;
}

.k-grid-toolbar, .k-grouping-header {
    padding: 0 0 10px 0;
}

    .k-grid-toolbar.k-header {
        background-color: inherit;
    }


#loading-bar .bar {
    background: #F5F5F5
}


.table > thead > tr > th:nth-child(1) {
    border-left: none;
}

.table > thead > tr > th {
    border-bottom: 1px solid #ddd;
    border-width: 0 0 1px 1px;
    border-color: #ddd;
    border-style: solid;
    padding: .5em .6em .4em .6em;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: .4em .6em;
}

#body-master-content {
    padding-bottom: 1px;
}

#header-content {
    margin-top: 6px;
}

.hidden-scroll {
    overflow: hidden;
}

.background-content {
    opacity: 0.2;
    pointer-events: none;
}

@media (max-width: 768px) {
    .module-title-area {
        display: none;
    }

    .user-login-wrapper #user-fullname {
        display: none;
    }

    .user-login-wrapper {
        position: absolute;
        top: 8px;
        right: 5px;
    }

    .popover .popover-content {
        width: 360px;
    }
}


/***
Bootstrap Line Tabs by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/

/* Tabs panel */
.tabbable-panel {
    padding-top: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}

    .tabbable-line > .nav-tabs > li {
        margin-right: 2px;
    }

        .tabbable-line > .nav-tabs > li > a {
            border: 0;
            margin-right: 0;
            color: #737373;
        }

            .tabbable-line > .nav-tabs > li > a > i {
                color: #a6a6a6;
            }

        .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
            border-bottom: 4px solid #fbcdcf;
        }

            .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
                border: 0;
                background: none !important;
                color: #333333;
            }

                .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
                    color: #a6a6a6;
                }

            .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
                margin-top: 0px;
            }

        .tabbable-line > .nav-tabs > li.active {
            border-bottom: 4px solid #f3565d;
            position: relative;
        }

            .tabbable-line > .nav-tabs > li.active > a {
                border: 0;
                color: #333333;
            }

                .tabbable-line > .nav-tabs > li.active > a > i {
                    color: #404040;
                }

.tabbable-line > .tab-content {
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding-top: 15px;
}

.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
    border-top: 4px solid transparent;
}

    .tabbable-line.tabs-below > .nav-tabs > li > a {
        margin-top: 0;
    }

    .tabbable-line.tabs-below > .nav-tabs > li:hover {
        border-bottom: 0;
        border-top: 4px solid #fbcdcf;
    }

    .tabbable-line.tabs-below > .nav-tabs > li.active {
        margin-bottom: -2px;
        border-bottom: 0;
        border-top: 4px solid #f3565d;
    }

.tabbable-line.tabs-below > .tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
/*Notificação Toastr*/

.toast {
    top: 50px;
}


/*Tags*/
.tag {
    background-color: #03a9f4;
    color: white;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 2px 14px;
    border-radius: 16px;
}

    .tag.warning {
        background-color: #f3a656
    }

    .tag.success {
        background-color: #8bc34a
    }

    .tag.error {
        background-color: #eb3f33
    }

    .tag.default {
        background-color: #777777
    }

    .tag.info {
        background-color: #5bc0de
    }

    .tag.primary {
        background-color: #405889
    }


/*============================= Styling form dataTables ===========================================*/
.tb-responsive {
    width: 100% !important;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #dbdbdb;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #dbdbdb;
}

.card-custom {
    border: 1px solid #eee;
    padding: 15px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}