/* INICIALIZAÇÕES e AJUSTES */
.ui.message:first-child {
    margin-top: 15px;
}

.stretch_w {
    width: 100% !important;
}

ul {
    margin: 0;
    padding: 0;
}

a, a:hover, a:focus, a:active {
    outline: none;

    text-decoration: none;

    transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -webkit-transition: ease-in-out all 0.3s;
}

a {
    color: #333;
}

a:hover {
    color: #a61230;
}

.inline {
    display: inline-block;
}

.sf_admin_form br {
    display: none;
}

.teal_text {
    color: #88d2c3 !important;
}

.wine {
    background-color: #a61230 !important;
}

.red_bg {
    background-color: #db2828 !important;
}

.adjust_time_widget_size {
    width: 47% !important;
    display: inline-block !important;
}

.left-text {
    text-align: left;
}

.center-text {
    text-align: center;
}

.right-text {
    text-align: right;
}

.padding-15 {
    padding: 15px !important;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-40 {
    padding: 40px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.clear, .clearfix, .clear-both {
    clear: both;
}

.fright {
    float: right;
}

.fleft {
    float: left;
}

.iblock {
    display: inline-block;
}

.sa_hidden {
    display: none !important;
}

.white {
    color: white !important;
}

.white a {
    color: white !important
}

html.ios {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

html.ios,
html.ios body {
    height: initial !important;
}

.ui.segment[class*="bottom attached"] {
    margin-bottom: 0;
}

.ui.menu.main-color .item {
    color: white;
}

.ui.menu.main-color .item:hover {
    color: white !important;
    opacity: 0.7;
    transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -webkit-transition: ease-in-out all 0.3s;
}

li {
    list-style: none;
}

/* PRINCIPAL */
html {
    position: relative;
    min-height: 100%;
}

body {
    /*background: #fbfbfb;*/
    background: white url("../../uploads/index/sam_bg.png") repeat;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #393a3e;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

body.bg {
    background: white url("../../uploads/index/sam_bg.png") repeat;
}

main {
    flex: 1;
}

h1 {
    font-size: 25px;
    text-transform: uppercase;
    padding-top: 0 !important;
    margin-top: 0 !important;
    text-align: center;
}

#sa_menu {
    margin-top: 15px;
}

.sa_expand {
    width: 100% !important;
}

.ui.secondary.pointing.menu .item {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Conserta o tamanho do pagination*/
.ui.pagination.menu .item {
    padding: 1em;
    min-width: 1em
}

.no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

/*Correção ckeditor*/
.cke_toolbar {
    box-sizing: content-box;
}

.error_list {
    color: #880100;
    background-color: #eecccc;
    padding: 10px;
    margin: 10px 0;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
}

.login_box {
    max-width: 450px;
    height: 600px;
    margin-top: calc((100vh - 600px) / 2);
}

.header_menu {
    background-color: #d0173c !important;
}

.header_menu .white {
    color: white;
}

/* LOGO DA MASTERIX */
.logo-masterix {
    width: 120px;
    height: auto;
    border: none;
    padding-bottom: 15px;
}

form i {
    font-size: 12px;
}

.sa_avatar {
    height: 300px;
    max-width: 100%;
}

/* ÁREA DO PROFESSOR - MATERIAIS */
#put_content_area {
    cursor: pointer;
}

/* COR */
.light_blue {
    color: #6ca89c !important;
}

/* GERAL */
.logo {
    height: 200px;
    margin: 0 auto;
}

/* TOPO */
.logo_header {
    height: 92px;
    display: inline-block;
    margin: 0 auto;
}

header {
    width: 100%;
    min-height: 120px;
    background-color: #a61230;
    padding: 14px 0 0;
    text-align: center;
}

/* RODAPÉ */
footer {
    width: 100%;
    margin-top: 50px;
    min-height: 70px;
    background-color: #313537;
    border-top: #88d2c3 solid 5px;
    padding: 20px 0 0;
}

footer img {
    height: 25px;
}

/* LOGIN */
.sa_menu a:active {
    font-weight: 700;
}

/* CALENDÁRIO */
.calendar {
    border-bottom: #f6f6f6 solid thin;
}

.calendar #header {
    border-bottom: #db2828 solid thin;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.calendar h3 {
    display: inline-block;
    font-size: 30px;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.calendar i {
    color: #88d2c3;

    cursor: pointer;
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    margin: 0 50px;

    transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -webkit-transition: ease-in-out all 0.3s;
}

.calendar i:hover {
    color: #6ca89c;

    transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -webkit-transition: ease-in-out all 0.3s;
}

.calendar .calendar_date b {
    font-size: 20px;
}

.calendar .calendar_date {
    padding-bottom: 40px;
    cursor: pointer;

    transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -webkit-transition: ease-in-out all 0.3s;
}

.calendar .calendar_date:hover b {
    color: #88d2c3;

    transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -webkit-transition: ease-in-out all 0.3s;
}

#events p {
    font-size: 14px;
    padding-left: 64px;
}

#events > .item {
    padding: 20px 0;
}

sub.event.hour {
    font-size: 13px;
    font-weight: 700;
    padding: 10px 0 0 10px;
    color: teal;
}

span.event.hour i {
    display: inline-block;
}

/* MATERIAL DO PROFESSOR */
.teacher_material {
    border-bottom: #f6f6f6 solid thin;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.teacher_material .item {
    padding-left: 70px !important;
}

.teacher_material > .ui.header {
    cursor: pointer;
}

/* LISTA DE CATEGORIAS DE ARQUIVOS */
.category_files > h2 {
    font-size: 35px;
}

.category_files > div {
    display: inline-block !important;
    font-size: 20px !important;
    padding-left: 50px;
    padding-bottom: 15px;
}

/* FORMULÁRIOS */
.ui .form hr {
    display: none;
}

.ui .form label {
    font-weight: 700;
}

.ui .form .help {
    font-size: 13px;
    font-style: italic;
}

.ui .form .error {
    color: #db2828;
    font-weight: 700;
    font-size: 12px;
}

.ui.header .icon:only-child {
    margin-right: 0;
}

/* LISTA DE ESTUDANTES */
.student.list, .teacher.list {
    cursor: pointer;
    margin-bottom: 20px;
    padding: 30px 20px;
    border: #f2f2f2 solid thin;
    -webkit-box-shadow: 0 8px 24px -18px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 8px 24px -18px rgba(0, 0, 0, 0.4);
    box-shadow: 0 8px 24px -18px rgba(0, 0, 0, 0.4);
}

.student.list:hover, .teacher.list:hover {
    -webkit-box-shadow: 0 8px 24px -18px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 8px 24px -18px rgba(0, 0, 0, 0.8);
    box-shadow: 0 8px 24px -18px rgba(0, 0, 0, 0.8);
}

.student.list .name, .teacher.list .name {
    font-size: 30px;
    font-weight: 500;
}

.student.list .icons {
    text-align: right;
}

.student.list .icons i {
    font-size: 20px;
    margin: 0 15px;
}

.student.list .icons i:hover {
    font-weight: 500;
}

/* RESPONSÁVEIS */
.children {
    color: #98c2b9;
    font-size: 20px;
    font-weight: 700;
}

.children:hover {
    color: #6ca89c;
}

span#boletim, span#historico {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

/* ÁREA DA COORDENACAO */
.chart_card {
    width: 100% !important;
}

/* ADM */
.adm_info_box {
    width: 45% !important;
    text-align: center;
    font-size: 16px;
}

/* HELP */
.help_item i {
    font-size: 20px;
}

.help_letter {
    font-size: 20px !important;
}

.help_letter a {
    transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -webkit-transition: ease-in-out all 0.3s;
}

.help_letter a:hover {
    font-weight: 700 !important;
    color: teal !important;

    transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -webkit-transition: ease-in-out all 0.3s;
}

.stick {
    position: fixed;
}

/* CATEGORIA DE ARQUIVOS */
.empty_files_categories {
    border: black dashed medium;
    padding: 25px
}

/* BOTÃO DE DEMANDA */
.floated_buttons {
    position: fixed;
    bottom: 70px;
    right: 20px;
    opacity: 0.8;

    transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -webkit-transition: ease-in-out all 0.3s;
}

.floated_buttons.one {
    bottom: 140px;
}

.floated_buttons:hover {
    opacity: 1;

    transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -webkit-transition: ease-in-out all 0.3s;
}

/* PROFESSOR */
#conteudo_professor, .arquivos_container {
    border: #f2f2f2 solid thin;
    -webkit-box-shadow: 0 8px 24px -18px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 8px 24px -18px rgba(0, 0, 0, 0.4);
    box-shadow: 0 8px 24px -18px rgba(0, 0, 0, 0.4);
    min-height: 300px;
    padding: 20px;
}

#conteudo_professor #informacoes, .arquivos_container .informacoes {
    line-height: 300px;
    color: #ccc;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
}

#lista_de_arquivos i {
    cursor: pointer;
}

#lista_de_arquivos i:hover {
    color: white !important;
    opacity: 0.8;
}

/* ARQUIVO */
.arquivo {
    cursor: pointer;

    transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -webkit-transition: ease-in-out all 0.3s;
}

.arquivo:hover {
    opacity: 0.8;

    transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -webkit-transition: ease-in-out all 0.3s;
}

/* LISTA DE ESTUDANTES */
.students_frequency_list, .evaluation_list {
    display: inline-block;
}

.students_frequency_list li,
.evaluation_list li {
    color: #555;
    font-size: 22px;
    opacity: 0.7;
    margin-bottom: 40px;
    cursor: pointer;
}

.students_frequency_list li:hover {
    opacity: 0.9;
}

.students_frequency_list li.active {
    opacity: 1;
    font-weight: 500;
}

.students_frequency_list li i {
    opacity: 1;
}

.evaluation_wrapper {
    min-height: 470px !important;
}

/* LISTA DE AVALIAÇÕES */
.evaluation_list li {
    font-size: 25px;
    padding: 10px;
    margin-bottom: 20px;
}

.evaluation_list li:hover {
    opacity: 1;
}

.evaluation_list li i {
    margin-top: 10px;
    font-size: 17px;
    opacity: 1;
}

.evaluation_list li span {
    margin-right: 30px;
}

.evaluation_button {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.eval {
    display: inline-block;
}

/* SEM PERMISSÕES */
.missing_permition {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #555;
    line-height: normal;
}

.missing_permition div {
    margin: 20px;
    color: #e14f4f;
    font-size: 100px !important;
}