/*GERAL DO SITE*/
body{background: url(../images/body_bg.png) center center repeat}

.site-container{width: 56.75em; background: #FBFBFB; padding: 30px; margin: 0 auto;}
.img{background: #333 url(../images/white_logo.png) center center no-repeat; background-size: 70%;}

.line_title{border-bottom: 1px solid #eee; padding-bottom: 4px; margin-bottom: 10px;}
.line_title span{padding-bottom: 4px; border-bottom: 3px solid #eee; font-size: 18px; text-transform: uppercase; font-family: 'Baumans', cursive;}
.line_title .azul{border-color: #4000FF}
.line_title .roxo{border-color: #8500B2}
.line_title .verde{border-color: #70A50E}
.line_title .oliva{border-color: #16A085}
.line_title .vermelho{border-color: #FF6A6A}

/*FLOATS*/
.right{float: right !important;}
.left{float: left !important;}
.center{text-align: center !important;}



/*BOX GERAL*/
.boxtitle{font-size: 24px; color: #888; font-weight: 400; border-bottom: 5px solid #888; margin-bottom: 15px; padding-bottom: 5px;}
.boxsubtitle{font-size: 16px; color: #444; font-weight: 400; margin-bottom: 10px;}
.boxaside{width: 298px; padding: 10px; background: #eee; margin-bottom: 20px;}
.boxaside:last-child{margin: 0;}

/*MENSAGENS DO SISTEM*/
.trigger{padding: 15px 15px 15px 40px; background: #eee; font-size: 14px; margin-bottom: 15px;}
.trigger a{font-weight: 600; font-size: 12px; text-transform: uppercase; padding: 5px 15px; background: #069; color: #fff;}
.trigger a:hover{background: #09f; color: #fff;}

.accept{background: #71ca73 url(../icons/accept.png) center left 10px no-repeat}
.infor{background:  #c8dbfd url(../icons/infor.png) center left 10px no-repeat}
.alert{background:  #faf7b7 url(../icons/alert.png) center left 10px no-repeat}
.error{background:  #ffafaf url(../icons/error.png) center left 10px no-repeat}c

/*BOTĂ•ES*/
.btn{padding: 7px 22px; border: 3px solid #eee; background: #fbfbfb; text-transform: uppercase; font-weight: bold;}
.btn{cursor: pointer; font-size: 0.8em; color: #fff;}
.blue{background: #069; border-color: #053a8a}
.blue:hover{background: #09f; border-color: #069;}
.green{background: #33752c; border-color: #1f471a}
.green:hover{background: #4aaa40; border-color: #398431;}
.green-ligth{background: #33b634; border-color: #33752c}
.green-ligth:hover{background: #4aaa40; border-color: #33752c;}
.red{background: #990000; border-color: #460000;}
.red:hover{background: #b80000; border-color: #990000;}

/*PAGINATOR*/
.paginator{padding: 10px; background: #fff; text-align: center}
.paginator li{display: inline;}
.paginator a,
.paginator span{margin: 0 5px; padding: 3px 8px; font-size: 14px; color: #333; font-weight: 600}
.paginator a:hover{background: #09f; color: #fff;}
.paginator .active{background: #333; color: #fff;}

/*GERAL CONTENT*/
#painel{width: 100%; padding: 30px 0 30px;}
#painel .content{max-width: 1000px; margin: 0 auto;}
#painel .notfound{min-height: 320px;}
.content h1{padding: 15px; font-size: 1.2em; color: #333;}


/*funcoes users*/
.esconde{display: none !important;}
.user_cursos_materia{ padding: 7px 5px 5px 15px; background: #d4d4d4; margin-bottom: 3px;}

/*APENAS TELA DE LOGIN*/
#login{width: 100%;}
#login .boxin{position: absolute; min-height: 372px; width: 300px; background: #eee; left:50%; top: 50%;padding: 20px 20px 10px; margin-top: -170px; margin-left: -150px; border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;box-shadow: 3px 3px 10px #000;-webkit-box-shadow: 3px 3px 10px #000; -moz-box-shadow:3px 3px 10px #000;}
#login .boxin h1{font-size: 30px; text-transform: uppercase; font-weight: 600; color: #09f; border-bottom: 5px solid #09f;margin-bottom: 15px; padding-bottom: 5px; text-align: center; background: url(../images/header_logo.png) center center no-repeat; min-height: 110px; width: 100%;}
#login form label{display: block; margin-bottom: 15px;}
#login form label span{display: block; margin-bottom: 5px;}
#login form label input{width: 98%; padding: 10px; font-size: 18px; border: none; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000; -moz-box-shadow:1px 1px 3px #000;}
#login form .btn{margin-top: 10px;}

/* 
MENU 
*/
.main_header{
    background-color: #111;
    background-image: linear-gradient(#2100c7, #03065a);
    box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow:0 2px 1px #9c9c9c; 
    -moz-box-shadow:0 2px 1px #9c9c9c;
    position: relative;
}

.mobile_action{
    width: 46px;
    height: 46px;
    margin: 5px 5px 5px 0 ;
    float: right;
    cursor: pointer;
    background: #1a5977 url(../images/mobile.png) center center no-repeat;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.mobile_action.active{
    background-color: #000;
}

.mobile_action:hover{
    background-color: #fff;
}

@media (max-width: 79.9375em){
    .main_header_nav{
        position: fixed;
        left: -100%;
        top: 0;
        width: 76%;
        height: 100%;
        min-width: 200px;
        max-width: 360px;
        background: #222;
        z-index: 99;
        overflow: hidden;
        overflow-y: auto;
    }

    .main_header_nav_search{
        float: left;
        width: 100%;
        background: #000;
        padding: 31px 15px;
    }

    .main_header_nav_item{
        float: left;
        width: 100%;
        position: relative;
    }

    .main_header_nav_item > a{
        float: left;
        width: 100%;
        padding: 15px;
        text-transform: uppercase;
        text-decoration: none;
        color: #eee;
        font-weight: bold;
        font-size: 0.875em
    }

    .main_header_nav_item:hover,
    .main_header_nav_item > a:hover{
        background: #444;
        color: #fff;
    }

    .main_header_nav_sub{
        float: left;
        width: 100%;
        padding: 10px;
        background: #333;
    }

    .main_header_nav_sub_item{
        float: left;
        width: 100%;
    }

    .main_header_nav_sub_item a{
        float: left;
        width: 100%;
        padding: 15px;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        font-size: 0.8em;
    }

    .main_header_nav_sub_item a:hover{
        background: #007FFF;
    }
}

/* 
MENU DO USUARIO
*/

.systema_nav{float: left; padding: 20px 5px 10px;}
.systema_nav li{float: left;}
.systema_nav li a{float: left; margin: 0 5px; width: 30px; height: 30px; font-size: 0;}
.systema_nav li a:hover{background-color: #09f;}
.systema_nav li .profile{background: url(../images/profile.png) center center no-repeat;}
.systema_nav li .users{background: url(../images/users.png) center center no-repeat;}
.systema_nav li .logout{background: url(../images/logout.png) center center no-repeat;}
.systema_nav li .icon{background-size: 80%;}
.systema_nav .username{margin: 5px 15px; float: left; font-variant: small-caps;font-size: 0.75em; color: #fff;}

/*FORM CADASTRO*/
.form_create .trigger{margin: 20px 0 25px 0;}
.form_create  form{padding: 20px; background: #fff; margin-top: 10px;}
.form_create  form .label{display: block; margin-bottom: 15px;}
.form_create  form .field{display: block; margin-bottom: 5px; font-weight: 600;}
.form_create  form label input,
.form_create  form label select,
.form_create  form label textarea{padding: 10px; border: 5px solid #ccc; width: 100%; font-size: 18px; font-family: 'Trebuchet MS', sans-serif; font-weight: initial; color: #333;}
.form_create  .label_line{float: left; width: 100%;  margin-bottom: 15px;}

.form_create .label_small{float: left; width: 45%;}
.form_create .label_small:last-child{float: right;}
.form_create .label_small:first-child{float: left; margin-right: 44px;}
.label_small input{width: 250px;}
.label_small select{width: 280px; padding: 9px 10px}


.form_create .label_small2{float: left; width: 20%;}
.form_create .label_small2:last-child{float: right;}
.form_create .label_small2:first-child{float: left; margin-right: 0px;}
.label_small2 input{width: 50px;}
.label_small2 select{width: 50px; padding: 9px 10px}
.tamanho{font-size: 0.8em;}


.cursos_chk {padding-right: 10px;text-transform: uppercase; display: inline-block;}
.cursos_chk input[type="checkbox"]{width: 25px !important;}
.questoes_rd {padding-right: 10px;text-transform: uppercase; display:block; margin: 5px;}
.questoes_rd input[type="radio"]{width: 25px !important;}


.user_professor {width: 100%}
.user_professor .user_cursos {padding-right: 10px;text-transform: uppercase;}
.user_cursos input[type="checkbox"]{width: 25px !important;}


.form_create .label_medium_inline{float: left; width: 45%; float: left; margin-right: 5%;}
.form_create .label_medium_inline:last-child{float: right; margin-right: 0;}
.label_medium_inline input{width: 100%;}
.label_medium_inline select{width: 100%; padding: 9px 10px}

.form_create .label_medium{float: left; width: 100%; float: left; margin-right: 5%; margin-bottom: 5px;}
.form_create .label_medium:last-child{float: right; margin-right: 0;}
.form_create .label_medium input{width: 40%;}
.form_create .label_medium select{width: 55%; padding: 9px 10px}

.form_create .btn{margin-top: 5px; margin-right: 15px;}




/*TABELAS*/
.ultable{width: 95%; margin: 10px auto;}
.ultable span{float: left;}
.ultable .t_desktop{display: none;}
.t_title{width: 30%;display: block;float: left; margin-bottom: 10px;}
.t_title span{display: block;text-align: right;}
.t_content{width: 70%;display: block; float: right;margin-bottom: 10px; overflow: hidden;}
.t_content span{display: block;text-align: left;}
.ed .action{width: 25px; height: 22px; display: block; font-size: 0; float: left;}
.ed a{background: #069;}
.ed a:hover{background-color: #09f;}
.ed a:last-child{background-color: #efc3c2;}
.ed a:last-child:hover{background-color: red;}
.ed .user_edit{background: url(../images/act_edit.png) center center no-repeat; background-size: 80%;}
.ed .user_dele{background: url(../images/act_delete.png) center center no-repeat; background-size: 80%;}


.grid{border: 1px solid #999; margin-bottom: 2em;}
.list_title{padding: 5px 10px;color:#535353;}
.flex-centralizado {display: flex;background-color: #232525;background-image: linear-gradient(#3621d2, #192a44);color: white;font-size: 1em;}

.sub{display: flex; background-color: #eee;  color: black;font-size: 0.9em;border-bottom: 1px solid #999;}
.sub:hover{background-color: #535353; color:#fff;}

.sub_blue{display: flex; background-color: #069;  color: black;font-size: 0.9em;border-bottom: 1px solid #999;}
.sub_blue:hover{background-color: #09f; color:#fff;}


.grid a{text-decoration: none;}

main content {border-right: 1px solid #999;}
main content:last-of-type{border-right: 0;}

.b01{padding: 10px 5px; width: 10%;text-align: center;}
.b02{padding: 10px 20px; width: 55%;}
.b021{padding: 10px 20px; width: 15%;text-align: center;}
.b03{padding: 10px 5px; width: 20%;text-align: center;}


/* Grid novos */
.b05{padding: 10px 5px; width: 5%;overflow: hidden;}

.b05center{padding: 10px 5px; width: 5%;text-align: center;overflow: hidden;}

.b10{padding: 10px 5px; width: 10%;overflow: hidden;}

.b10center{padding: 10px 5px; width: 10%;text-align: center;overflow: hidden;}
.b4center{padding: 10px 5px; width: 10%;text-align: center;overflow: hidden;}
.b6center{padding: 10px 5px; width: 6%;text-align: center;overflow: hidden;}

.b20{padding: 10px 5px; width: 20%;overflow: hidden;}

.b20center{padding: 10px 5px; width: 20%;text-align: center;overflow: hidden;}

.b25{padding: 10px 5px; width: 25%;overflow: hidden;}

.b25center{padding: 10px 5px; width: 25%;text-align: center;overflow: hidden;}

.b25center2{padding: 10px 5px; width: 20%;text-align: center;overflow: hidden; color: red;}

.b30{padding: 10px 5px; width: 30%;overflow: hidden;}

.b30center{padding: 10px 5px; width: 30%;text-align: center;overflow: hidden;}

.b35{padding: 10px 5px; width: 35%;overflow: hidden;}

.b35center{padding: 10px 5px; width: 35%;text-align: center;overflow: hidden;}

.b40{padding: 10px 5px; width: 40%;overflow: hidden;}

.b40center{padding: 10px 5px; width: 40%;text-align: center;overflow: hidden;}

.b50{padding: 10px 5px; width: 50%;overflow: hidden;}

.b50center{padding: 10px 5px; width: 50%;text-align: center;overflow: hidden;}

.b60{padding: 10px 5px; width: 60%;overflow: hidden;}

.b60center{padding: 10px 5px; width: 60%;text-align: center;overflow: hidden;}

.b70{padding: 10px 5px; width: 70%;overflow: hidden;}

.b70center{padding: 10px 5px; width: 70%;text-align: center;overflow: hidden;}

.b80{padding: 10px 5px; width: 80%;overflow: hidden;}

.b80center{padding: 10px 5px; width: 80%;text-align: center;overflow: hidden;}

.b90{padding: 10px 5px; width: 90%;overflow: hidden;}

.b90center{padding: 10px 5px; width: 90%;text-align: center;overflow: hidden;}

.b100{padding: 10px 5px; width: 100%;overflow: hidden;}

.b100center{padding: 10px 5px; width: 100%;text-align: center;overflow: hidden;}



/*USUĂ?RIOS*/
.user_cad{float: right; background: #bee2b0; padding: 8px 20px; font-size: 0.75em; text-transform: uppercase; color: #fff;margin-left: 5px;}
.user_cad:hover{background: #80e258;}



/* cadastro de aluno*/


/*
FOOTER
*/
.main_footer{
    padding: 10px;
    background: #2200d2;
    text-align: center;
    color: #fff;
    font-size: 0.875em;
    position:absolute;
    bottom:0;
    width:100%;
    margin-top: 10px;
}

.main_footer_social{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.main_footer_social li{
    display: inline-block;
    margin: 0 10px;
}

.main_footer_social a{
    float: left;
    padding: 10px;
    background: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.main_footer_social a:hover{
    background: #007FFF;
}


/*
464PX / 227 BREAKPOINT
*/
@media (min-width: 29em) and (min-height:14.1875em){
    /*APENAS TELA DE LOGIN*/
    #login .boxin{left:0; margin-left: 12.5%;  margin-top:-110px; max-width: 731px; top:50%; width: 75%; margin-bottom: 15px;} 
    #login form .btn{margin-top: 10px; margin-bottom: 2%;}

    /* 
        MENU DO USUARIO
    */
    .systema_nav .username{font-size: 1em;}

}



/*
990
*/

@media (min-width: 61.875em){
    /*APENAS TELA DE LOGIN*/
    #login .boxin{left:50%;margin-left: -365.5px;  margin-top:-170px; max-width: 731px; top:50%; width: 75%;} 


}

/*
    1008
*/
@media (min-width: 63em){
    /*USUĂ?RIOS*/
    .user_cad{float: right; background: #bee2b0; padding: 8px 20px; font-size: 14px; text-transform: uppercase; color: #fff;margin-left: 5px;}
    .user_cad:hover{background: #80e258}
    /*TABELAS*/
    .ultable{width: 100%; margin: 10px auto;}
    .t_title{width: 100%; background: #333; color:#f4f4f4; margin-bottom: 0;}
    .t_mobile{display: none;}
    .ultable .t_desktop{display: block;}
    .t_title span{display: inline-block; padding: 10px 20px;font-size: 1em;border-right: 1px solid #999; }
    .t_title span:last-of-type{border-right:0;}
    .t_content{width: 100%;border: 1px solid #333;margin-bottom: 0; border-top: none;}
    .t_content span{display: inline-block; padding: 10px 0; border-right: 1px solid #333; margin-bottom: 0;height: 43px;}
    .t_content span:last-of-type{border-right:0;}
    /* TABELA USUARIO */
    .t_title .un{text-align: left;}
    .t_title .ue{text-align: left;}
    .ui{width: 65px;}
    .un{width: 200px;}
    .ue{width: 300px; font-size: 0.875em;}
    .ur{width: 105px; text-align: center !important;}
    .ua{width: 150px; text-align: center !important;}
    .ul{width: 93px; text-align: center !important;}
    .ed{width: 82px;}
    .t_content .ui{text-align: center;}
    .t_content .un{padding-left: 3px;}
    .t_content .ue{padding-left: 3px;}

    /*TABELA DICIPLINA*/
    .t_title .dn{text-align: left;}
    .di{width: 75px;}
    .dn{width: 500px;}
    .dr{width: 150px; text-align: center !important;}
    .da{width: 150px; text-align: center !important;}
    .ed{width: 82px;}
    .t_content .di{text-align: center;}
    .t_content .dn{padding-left: 3px;}


}


/*
1280PX BREAKPOINT
*/
@media (min-width: 80em){
    .mobile_action{
        display: none;
    }

    .main_header_nav{
        float: left;
        width: 80%;
        margin-top: 20px;
    }

    .main_header_nav_item{
        position: relative;
        display: inline-block;
        margin-right: 10px;
    }

    .main_header_nav_item:last-of-type{
        margin-right: 20px;
    }

    .main_header_nav_item > a{
        float: left;
        padding: 10px;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        font-size: 0.875em;
        font-weight: bold;
    }

    .main_header_nav_item:hover,
    .main_header_nav_item > a:hover{
        background: #007FFF;
        text-shadow: 0 1px 0 #000;

    }

    .main_header_nav_sub{
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 300%;
        background: rgba(0,0,0,0.9);
        padding: 10px;
        text-align: left;
        z-index: 99;
    }

    .main_header_nav_item:hover .main_header_nav_sub,
    .main_header_nav_item > a:hover .main_header_nav_sub{
        display: block;

    }

    .main_header_nav_sub_item{
        display: block;

    }

    .main_header_nav_sub_item a{
        float: left;
        width: 100%;
        padding: 10px;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1em;
        color: #fff;
        font-weight: 600;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;

    }

    .main_header_nav_sub_item a:hover{
        background: #333;
        color: #fff;
        content: '';
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 8px solid #444;
        border-radius: 0 0 5px 5px;
        border-bottom-color: #04acec;
    }


    /* 
        MENU DO USUARIO
    */
    .systema_nav{float:right;}

}