﻿/*@import url("//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css");*/
@import url("bootstrap.min.css");
*{margin:0; padding:0;}
html {background:#f0f5fb;}
body {width: 100%;height: 100%;font-size: 120%;overflow: hidden;}
section{width:100%; padding:0; position:relative;}
header{padding:0;display:block;width:100%; overflow:hidden; }
.menu {float:right;}
.menu a {font-size:100%; float:left; text-align:center;margin:10px 20px; font-weight:bolder;}
.icomenu {max-width:45px; margin-bottom:10px;}
#title{display:block;width:60%;float:left;}
.ItensMenu { background: #f0f5fb; padding: 10px 15px; border-bottom: 1px solid #337ab7; margin-bottom: 0px; width: 100%; }
.tab-content > .active {width:100%;}
#Inscricao .pull-left /*.view-filter*/ { display:none;}
#ckbConvidado {margin: 15px 0;}
.item li {width: 100px; list-style: none;float: left;}
.item li a{ text-align:center;}
.item {background:#ffffff; margin:0; border:solid 1px #337ab7; display: inline-block;  border-radius:5px;}
.logo {width: 50%; margin-top:15px;}
h1 {color: #337ab7;text-align:center;font-size:3em;font-weight:bold;margin-top:30px;}
/*.container{margin-bottom:50px;}*/
a{text-decoration:none; display:block;}
.pagination > li > a:hover, .pagination > li > span:hover {background-color: #c2d9f1; color: #337ab7;}
a:hover {text-decoration:none;}
nav{padding-top:10px; padding-left:0 !important; padding-right: 0 !important; background:#ffffff;}
nav ul.nav-tabs{padding-left:15px;padding-right:15px;}
.nav-tabs>li>a{background-color:#337ab7; color:#ffffff;}
nav ul.nav-tabs a:hover{background-color:#c2d9f1; color:#337ab7;}
.item .icon{width:30%; height:30%; padding-bottom:15px;}
.item p{font-size:80%;}
.item a{display:block; margin-bottom:0; padding:10px 0; border: 0px;}
.item a:hover{text-decoration:none; border-radius:5px; background:#c2d9f1; border:0;}
.item a p{ text-transform:uppercase; margin-bottom:0 !important; color:#337ab7;}
.row{margin:0; padding:15px 0px;}
.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1{padding:0 !important;}
table.dataTable {
    margin-top: 0 !important;
    width: 100% !important;
    touch-action: manipulation;
}
.view-filter {padding: 5px;}
.dataTables_info /*, .dataTables_length */, #accordion .row.view-filter {
    display: none;
}
.view-pager {padding:0;}
#search {background: #f0f5fb;padding: 20px 15px;border-bottom: 1px solid #337ab7;}
#search p {font-weight:bold;}
#search label {float: left; padding-top:5px;}
footer{position:fixed; bottom:0; width:100%;  background-color:#f0f5fb; border:solid 2px #337ab7; padding:15px;}
.StatusInscricao {width:250px; float:left; color:#337ab7;}
h2 {padding: 0 15px;}
footer .status{width:15px; height:15px; display:block; border:solid 1px #337ab7; float:left; margin-right:10px;}
#tableDados div {float: left;display: flex;}
#tableDados div a {padding: 0 15px; min-height: 25px;}
.container-full {background: #f0f5fb;}
.table > thead > tr > th {background: #f5f5f5;}
.table > tbody > tr > td {background: #ffffff; border: solid 1px #dddddd;}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 0;  white-space: nowrap;  padding: 0 25px 0 10px !important;}
.table > tbody > tr > td {background: #ffffff; border: solid 1px #dddddd; vertical-align: middle;}
.avatar {vertical-align: middle !important; width: 100%; height:100%; border-radius:5px;  margin: 5px !important;}
.avatarDetalhe {vertical-align: middle !important;    width: 200px !important;    height: 200px !important;    margin: 5px !important;}
.avatarEdicao {vertical-align: middle !important;    width: 150px !important;    height: 150px !important;    margin: 5px !important;}
.modal-body > img {width: 100%;}
.imgModalHistorico {width:10%;}
.item li a.OFF {cursor:no-drop;}
.item li a.OFF:hover {background-color:transparent;}
.item li a.OFF p {color: #e5e5e5;}
.middle .tab-content {border: solid 1px #337ab7;border-radius: 0 0 4px 4px;border-top: 0;margin-bottom: 10px;padding: 15px 0;display: flex;height: calc(100% - 100px);}
.diaSemana {float:left; margin:7px 15px;}
.col-6{margin:15px 0;}
.panel-primary {background: #f0f5fb;}
.img-rounded {width:30%;height:30%;}
.panel-footer{padding:0;}
.ScrollInscricao {min-height:128px;}
#acesso {width: 250px;margin: 10% 0 auto;border: solid 1px #337ab7;padding: 15px !important;border-radius: 10px;}
#acesso h2 {font-size: 24px;color: #337ab7;border-bottom: solid 1px #337ab7;text-align: center;margin-bottom: 15px;}
#acesso .glyphicon-lock {margin-right: 10px;}
#loginForm {margin-top: 10%;}
#loginForm .panel-heading {background-color: #337ab7;color: #ffffff;border-color: #337ab7;}
#loginForm .panel-default {border-color: #337ab7;}
#loginForm .input-group-addon {background-color: #337ab7;color: #ffffff;border-color: #337ab7;}
#loginForm input {border-color: #337ab7;}
.form-login{max-width:350px; margin:auto;}
#dataTableTurmaConfirmar h4, #dataTableInscricaoConfirmar h4 {text-align: center; color: #337ab7; line-height:1.5;}
#EnviarTurmaInscritos{float:left; margin-right: 5px;}
.form-horizontal {overflow-y: scroll; /*margin:-15px -15px -15px -15px; padding: 15px 15px 0 15px;*/}
#accordion {margin-bottom:0;}
#accordion .table{margin-bottom:0; margin-top:10px;}
#accordion .panel {margin-bottom:0;}
#accordion .panel-body{border-bottom:1px solid #ddd;}
@media only screen and (max-height:2160px) {
        form >.row>.form-group {padding:0;}
form>.row>.form-group>.col-md-10 {clear: both;margin:0;padding: 0 10px; width: 100%;}
form>.row>.form-group>.col-md-9 {clear: both;margin:0;padding:0 10px;width: 100%;}
form>.row>.form-group>.col-md-8 {clear: both;margin:0;padding: 0 10px;width: 100%;}
form>.row>.form-group>.col-md-7 {clear: both;margin:0;padding: 0 10px;width: 100%;}
form>.row>.form-group>.col-md-6 {clear: both;margin:0;padding: 0 10px;width: 100%;}
form>.row>.form-group>.col-md-5 {clear: both;margin:0;padding: 0 10px;width: 100%;}
form>.row>.form-group>.col-md-4 {clear: both;margin:0;padding: 0 10px;width: 100%;}
form>.row>.form-group>.col-md-3 {clear: both;margin:0;padding: 0 10px;width: 100%;}
form>.row>.form-group>.col-md-2 {clear: both;margin:0;padding: 0 10px;width: 100%;}
form>.row>.form-group>.col-md-1 {clear: both;margin:0;padding: 0 10px;width: 100%;}
form>.row>.form-group>.col-md-1>#Pesquisar {margin-top: 22px !important;}}
@media screen and (max-width: 1600px) and (min-width: 600px) {body {font-size:110%!important;}}
@media only screen and (max-height:900px) and (min-height: 768px) {
    .form-horizontal {
        max-height: 400px;
    }

    #Instrutores #accordion .form-horizontal {
        margin: -15px;
        max-height: 300px;
    }

    .dataTables_scrollBody {
        max-height: 360px;
    }
}
@media only screen and (max-height:1024px) and (min-height: 901px) {
    .form-horizontal {
        max-height: 400px;
    }

    .dataTables_scrollBody {
        max-height: 490px;
    }

    #Instrutores #accordion .form-horizontal {
        margin: -15px;
        max-height: 300px;
    }
}
@media only screen and (max-height:1080px) and (min-height: 1025px) {

    .dataTables_scrollBody {
        max-height: 430px;
    }
}
.table-responsive {overflow-y: auto;}

.conteudoScroll {
    min-height: 100px;
    overflow: hidden;
    overflow-y: auto;
}

.ScrollHistorico, .ScrollInscricao, .form-horizontal {
    overflow: hidden;
    overflow-y: auto;
}

@media only screen and (max-height:640px) {
    .dataTables_scrollBody {
        max-height: 240px;
    }

}

@media only screen and (max-height: 767px) and (min-height: 641px) {
    .dataTables_scrollBody {
        max-height: 300px;
    }
}

@media screen and (max-width: 768px) and (min-width: 100px) {
    #desktop {
        display: none;
    }

    #mobile {
        display: block;
    }

        #mobile .navbar-default {
            background-color: #ffffff !important;
            border-bottom-color: #337ab7 !important;
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #f0f5fb !important;
        margin-top: 45px;
    }

    #mobile .navbar {
        margin-bottom: 0;
    }

    .navbar-header {
        float: none;
    }

    .logo {
        width: 180px;
        margin: 0 15px;
    }

    .navbar {
        min-height: 100px;
    }

    .table-responsive {
        border: 0;
        margin-bottom: 0;
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-left: -15px;
        margin-right: -15px;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        background-color: #337ab7;
        color: #ffffff;
    }

    .nav {
        padding: 0;
    }

    .navbar-default .navbar-nav > li > a {
        color: #337ab7;
        border-top: 1px solid #337ab7;
    }

    /*.ItensMenu {
        border-top: 1px solid #337ab7;
    }*/

    .navbar-nav {
        margin: 0 -15px;
        float: none;
    }

        .navbar-nav > li {
            float: none;
        }

    .navbar-toggle {
        display: block !important;
    }

    .nav-tabs > li > a {
        padding: 10px !important;
    }
}

@media screen and (max-width: 3840px) and (min-width: 768px) {
    #desktop {
        display: block;
    }

    #mobile {
        display: none !important;
    }

}