@charset "utf-8";
/* @import url(https:fonts.googleapis.com/css?family=Open+Sans:400,700italic,700,600italic,600,400italic,300,300italic); */

/* Estilo CSS básico ao sistema */

body{
	background:#f1f9f9;    
}

.form-signin {
    max-width: 528px;
    padding: 19px 29px 29px;
    margin: 0 auto;
	/*margin-top:90px;*/
    background-color: #fff;
    border-radius: 20px !important;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
			
	font-family:Tahoma, Geneva, sans-serif;
	color:#990000;
	font-weight:lighter;
}

.form-signin .form-signin-heading{
    color:#00A2D1;
}
.form-signin input[type="text"],
.form-signin input[type="password"],
.form-signin input[type="email"] {
    font-size: 16px;
    height: 45px;
    padding: 7px 9px;
}

.signin-form, .body-container
{
	/* border:solid red 1px; */
	margin-top:110px;
}

.form-email {
    max-width: 500px;
    padding: 19px 29px 29px;
    margin: 0 auto;
	/* margin-top:90px; */
    background-color: #fff;
	
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
			
	font-family:Tahoma, Geneva, sans-serif;
	color:#990000;
	font-weight:lighter;
}

.form-email .form-email-heading{
    color:#00A2D1;
}
.form-email input[type="email"] {
    font-size: 16px;
    height: 45px;
    padding: 7px 9px;
}

.email-form, .body-container
{
	/* border:solid red 1px; */
	margin-top:110px;
}

.navbar-brand{
	font-family:"Lucida Handwriting";
}
#btn-submit{
	height:45px;
}
#btn-enviar{
	height:45px;
}
.h5{
	font-family:Verdana, Geneva, sans-serif;
}
h1{
	font-family:Verdana, Geneva, sans-serif;
}


/* =============================================================================
  CUSTOM
============================================================================== */


body { background: #F5F5F5 !important; }

.placar { display: none; }
.classificacao .colocacao { display: none; }

.input-file {
    width: 301px;
    margin: 10px 0 0 0;
}

.banner img { 
    width: 100%; 
    border-radius: 20px;
}

.logo { 
    padding-top:0 !important;
    padding-bottom:0 !important;
}

.barra-topo {
    color: #FFFFFF !important;
    background: #337761 !important;
}

.banner {
    margin: 24px 0 40px 0;
    display: block;
    box-shadow: 3px 12px 12px -7px rgba(0,0,0,0.2);
    border-radius: 20px;
}

.placar {
    margin: 32px 0 60px 0;
}

.open-sans {
    font-family: 'Open Sans';
    /* color: #095980; */
    color: #000000;
}

.boas-vindas {
    margin-top: 18px;
    font-size: 22px;
    font-weight: 100;
}

.titulo-rank {
    background-color: #fff;
    box-sizing: border-box;
    height: 52px;
    padding: 11px 0 0 58px;
    font-size: 22px;
    font-weight: 100;
    border-radius: 9px;
    margin: 0 0 20px 0;
    /* box-shadow: 3px 2px 12px -7px rgba(0,0,0,0.4); */
}

.icone-classificacao {
    background-image: url(../images/minha-classificacao-icone.png);
    background-repeat: no-repeat;
    background-position: 12px center; 
}

.icone-placar {
    background-image: url(../images/placar-lideres-icone.png);
    background-repeat: no-repeat;
    background-position: 8px center; 
}

.placar-valores {
    position: relative;
    top: 23px;
    left: 17px;
    font-weight: 100;
}

.placar-valores .colocacao {
    font-style: italic;
    font-weight: 700;
    font-size: 20px;
    margin: 0 6px 0 0;
}

.placar-valores .pontos {
    font-weight: 400;
}

.form-signin {
    font-family: 'Open Sans';
    text-align: center;
}

button[type="submit"] {
    width: 100%;
}

label {
    color: #000000;
    font-weight: 100;
    font-size: 15px;
}

.container-perfil {
    margin-top: 40px;
}

.container-perfil input[type="submit"]{
    color: #000;
    margin-top: 10px;
}

.container-perfil p{
    font-weight: 100;
}

.container-perfil p span{
    font-weight: 400;
}

input[type=file] {
    margin-top: 7px;
}

.container-adm form {
    display: inline-block;
    margin: 9px 9px 21px 1px;
}

.container-adm input {
    color: #000;
}

.container-adm .h3 {
    font-weight: 100 !important;
}

.container-adm .dataTables_length, .container-adm .dataTables_filter {
    /*display: inline-block;*/
    /*margin: 7px 27px 20px 0;*/
    margin-bottom: 10px;
}

.container-adm table .odd  { background-color: #fcfcfc !important; }
.container-adm table .even { background-color: #ffffff !important; }

.container-adm #usuarios_paginate span {
    /*display: none;*/
}

.container-adm input[type="search"] {
    border: 1px solid #cacaca;
    margin: 0 0 0 9px;
    border-radius: 4px;
    font-weight: normal;
}

.container-adm #usuarios_paginate a {
/*    background: #fff;
    display: inline-block;
    box-sizing: border-box;
    padding: 6px 10px 6px 10px;
    margin: 10px 11px 50px 0;
    border-radius: 3px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    cursor: pointer;*/
    border-radius: 4px;
}

.table.dataTable.no-footer {
    border-bottom: 3px solid #dcdcdc !important;
}

table#usuarios {
    width: 1171px !important;
    margin: 0 !important;
    font-size: 13px !important;
}

table#usuarios [aria-label="Status: Ordenar colunas de forma ascendente"] {
    width: 106px !important;
}

.container-adm .container {
    padding: 0 !important;
    margin-bottom: 30px;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    padding: 10px !important;
    border-radius: 6px !important;
    background-color: #337761 !important;
    border-color: transparent !important;
    color: #fff !important;
}

.btn-primary {
        /* background-image: -webkit-linear-gradient(top, #337ab7 0, #265a88 100%); */
        background-image: -o-linear-gradient(top, #337761 0, #337761 100%) !important;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#337761), to(#337761)) !important;
        background-image: linear-gradient(to bottom, #337761 0, #337761 100%) !important;
        /* background-repeat: repeat-x; */
        border-color: #337761 !important;
}

input[type=search]{
    padding: 5px !important;
    border-radius: 6px !important;
}

button, input, select, textarea {
    padding: 5px !important;
    border-radius: 6px !important;
}

.navbar{
    padding: 10px !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color:#ffffff !important;
	background-color:#337761 !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 11px !important;
    line-height: 1.42857143 !important;
    vertical-align: top !important;
    border-top: 1px solid #ececec !important;

}

@media (min-width: 768px){
    a.dropdown-toggle {
        margin-left: -15px;
    }
}

@media (max-width: 900px){
    .navbar-brand {
        position: absolute !important;
    }
}