body {
}


.modalz {
    background-color:red;
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                50% 50% 
                no-repeat;
}

    .modalz IMG {
        margin-top:180px;
        border: 1px solid red;
    }



body.loading {
    overflow: hidden;   
}

body.loading .modalz {
    display: inline-block;
}



.imgCurso {
    /*max-width: 250px;*/
    max-height: 120px;
    max-width:100%;
    
}

.containerImagemCurso {
    height: 120px;
    max-width:80%;
    margin-left:auto;
    margin-right:auto;
}

.NomeCurso {
    height: 80px;
    
}


/*.card:hover {
    border: 1px solid red;
}

.card {
    max-width: 350px;
    margin: 0 auto; 
    float: none; 
    margin-bottom: 10px; 
}

.card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    column-gap: 0;
}*/


.modalinfo {
            
}
.modalinfo .modal-body {
    max-height: 400px;
    overflow:auto;
}

@media only screen and (max-width: 1000px) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        column-gap: 0;
    }

}


@media only screen and (max-width: 576px) {
    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        column-gap: 0;
    }

}

.painelAcessoCurso {
    height:120px;

}

.painelAcessoCurso .btn {
    margin: 5px;

}


.caixaLogin {
    max-width: 300px;
    margin-left:auto;
    margin-right:auto;
    

}