@import url('../../global/css/bootstrap.min.css');
@import url('../../global/css/bootstrap-extend.min.css');
@import url('site.min.css');
@import url('personalizado.css');
@import url('../../global/vendor/animsition/animsition.min.css');
@import url('../../global/vendor/asscrollable/asScrollable.min.css');
@import url('../../global/vendor/switchery/switchery.min.css');
@import url('../../global/vendor/intro-js/introjs.min.css');
@import url('../../global/vendor/slidepanel/slidePanel.min.css');
@import url('../../global/vendor/jquery-mmenu/jquery-mmenu.min.css');
@import url('../../global/vendor/flag-icon-css/flag-icon.min.css');
@import url('../../global/vendor/waves/waves.min.css');
@import url('../../global/vendor/select2/select2.min.css');
@import url('../../global/vendor/bootstrap-tokenfield/bootstrap-tokenfield.min.css');
@import url('../../global/vendor/bootstrap-tagsinput/bootstrap-tagsinput.min.css');
@import url('../../global/vendor/bootstrap-select/bootstrap-select.min.css');
@import url('../../global/vendor/icheck/icheck.min.css');
@import url('../../global/vendor/asrange/asRange.min.css');
@import url('../../global/vendor/ionrangeslider/ionrangeslider.min.css');
@import url('../../global/vendor/asspinner/asSpinner.min.css');
@import url('../../global/vendor/clockpicker/clockpicker.min.css');
@import url('../../global/vendor/ascolorpicker/asColorPicker.min.css');
@import url('../../global/vendor/bootstrap-touchspin/bootstrap-touchspin.min.css');
@import url('../../global/vendor/jquery-labelauty/jquery-labelauty.min.css');
@import url('../../global/vendor/bootstrap-datepicker/bootstrap-datepicker.min.css');
@import url('../../global/vendor/bootstrap-maxlength/bootstrap-maxlength.min.css');
@import url('../../global/vendor/timepicker/jquery-timepicker.min.css');
@import url('../../global/vendor/jquery-strength/jquery-strength.min.css');
@import url('../../global/vendor/multi-select/multi-select.min.css');
@import url('../../global/vendor/typeahead-js/typeahead.min.css');
@import url('../examples/css/forms/advanced.min.css');
@import url('../examples/css/uikit/dropdowns.min.css');
@import url('../examples/css/uikit/icon.min.css');
@import url('../../global/vendor/ladda/ladda.min.css');
@import url('../examples/css/uikit/buttons.min.css');
@import url('../../global/fonts/web-icons/web-icons.css');
@import url('../../global/vendor/nestable/nestable.min.css');
@import url('../../global/vendor/tasklist/tasklist.min.css');
@import url('../../global/vendor/sortable/sortable.min.css');
@import url('../../global/vendor/summernote/summernote-bs4.min.css');
@import url('../../global/fonts/octicons/octicons.css');
@import url('../../global/fonts/material-design/material-design.min.css');
@import url('../../global/fonts/open-iconic/open-iconic.min.css');
@import url('../../global/fonts/font-awesome/font-awesome.css');
@import url('../../global/fonts/brand-icons/brand-icons.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic');
@import url('../../global/vendor/blueimp-file-upload/jquery.fileupload.min.css');
@import url('../../global/vendor/dropify/dropify.min.css');
@import url('//ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css');
@import url('../js/External/upload/jquery.ui.plupload/css/jquery.ui.plupload.css');
@import url('../examples/css/forms/masks.css');
@import url('../../jquery-loading-master/loading.css');


.off-active {
    display: none;
}

.on-active {
    display: block;
}

.linhas .gray {
    background-color: #ccc;
    height: 3px;
    width: 60px;
    margin-right: 20px;
}

.linhas .green {
    background-color: green;
    height: 3px;
    width: 40px;
    margin-right: 20px;
}

.bolinhas span {
    background-color: #ccc;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 10px;
}

.bolinhas .gray span {
    background-color: #ccc !important;
}

.bolinhas .green span {
    background-color: green !important;
}

.page .select2-container{
    z-index: 1000!important;
}

.mm-panels.is-enabled{
    z-index: 1600!important;
}


.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Default to hide the video on all devices */
#video{display:none}

/* Default to display the image on all devices */
#videosubstitute{display:block;width:auto;height:100%;}

html, body {
    height: 100%;
    margin: 0;
}
#fullScreenDiv{
    width:100%;
    min-height: 100%;
    /* Set the height to match that of the viewport. */
    /*height: 100vh;*/
    width: auto;
    padding:0!important;
    margin: 0!important;
    background-color: gray;
    position: relative;
}
#video{
    width: 100vw;
    height: auto;
    object-fit: cover;
    left: 0px;
    top: 0px;
    z-index: 1;
}

@media (min-aspect-ratio: 16/9) {
    #video{
        height: 150%;
        top: -100%;
    }
    #videosubstitute{
        display:block;
        width: 100%;
        height: auto;}
}

@media (max-aspect-ratio: 16/9) {
    #video {
        width: 150%;
        left: -100%;
    }
    #videosubstitute{display:block;width:auto;height:100%;}
}
/*if there is 992  pixels or more, then display the video but hide the image*/
@media  only screen and (min-width : 992px) {
    #video{display:block;}
    #videosubstitute{display:none}
}

/* The container for our text and stuff */
#messageBox{
    position: absolute;  top: 0;  left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height:100%;
}

.filter {
    -webkit-backdrop-filter: blur(10px); /* Safari 9+ */
    backdrop-filter: blur(10px); /* Chrome and Opera */
    /*background-color: rgba(28, 39, 66, 0.9);*/
}

.responsive {
    max-width: 100%;
    height: auto;
}

#messageBox h1{
    color: white;
    text-align: center;
}

#messageBox h2{
    color: white;
    text-align: center;
}

@media  screen and (min-width: 768px) {
    .page-aside{
        width: 350px!important;
        overflow-y: auto!important;
    }
    .page-main{
        margin-left: 350px!important;
    }
}

@media  screen and (max-width: 768px) {
    #botao-duvida-curso{
        float: none!important;
    }
    .panel-title{
        text-align: center!important;
    }
    #botao-concluir{
        display: block;
        padding: 5px;
    }
    #botao-desconcluir{
        display: block;
        padding: 5px;
    }
}

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

.exibe_em_bloco{
    display: block;
}

.hidden{
    display: none;
}

.page-aside-switch{
    padding: 30px 25px 29px 15px!important;
    background-color: #1C2742!important;
    color: white!important;
}

.modal:not(.note-modal) .modal-header {
    padding: 0px;
    padding-right: 0px;
}

.modal:not(.note-modal) .modal-header .close {
    margin-top: 0px;
    padding: 0px 20px;
}

.note-modal .modal-header {
    padding-right: 30px !important;
}

.note-editable {
    display: block !important;
}

.page-aside .list-group-item.completed, .page-aside .list-group-item.completed .icon, .page-aside .list-group-item.completed a{
    color: #333;
}

.page-aside .list-group-item.completed, .page-aside .list-group-item.completed a{
    color: #333;
    text-decoration: line-through;
}

.page-aside .list-group-item.completed, .page-aside .list-group-item.completed a #aula-0{ 
    text-decoration: none;
}

.page-aside .list-group-item a{
    color: #76838f;
}

.page-aside .list-group-item.active a, .page-aside .list-group-item.active a .icon{
    color: #3e8ef7;
}

.cursor-pointer{
    cursor: pointer;
}

.ui-tooltip{
    display: none !important;
}