* {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
}

div.clearfix {
	clear: both;
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

div#fixed {
	width: 100%;
	display: block;
	padding: 1% 0 0 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	background-color: #fff;
}

div#topo {
	width: 100%;
	display: block;
}

div#logo {
	display: block; 
	margin: 0 0 0 10%;
	float: left;
	width: 26%;
}

img#logo {
	width: 100%;
}

div#utilizador {
	margin: 2% 0 0 0;
	float: right;
	width: 38%;
	text-align: right;
        display: flex;
        justify-content: center;
        position: relative;
}

div#p_utilizador {
        width: 90%;
	display: inline-block;
        margin-right: 30px;
}

div#utilizador div#p_utililizador p {
	font-size: 18px;
        width: 100%;
	display: block;
}

div#utilizador p#perfil {
	display: inline-block;
}

a#link_logo {
	display: inline-block;
}

div#utilizador a#link_logo img {
	width: 25px;
        position: absolute;
        right: 10px;
        bottom: 0;
}

div#menu_nav {
	width: 100%;
	margin: 1% 0 0 0;
}

nav#nav {
	width: 100%;
	background-color: #4A3015;
	display: flex;
	justify-content: center;
}

nav#nav a {
	display: block;
	color: #fff;
	margin: 1% 0;
	padding: 0 2%;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 1.0vw;
	border-left: 1px solid #fff;
}

nav#nav a:first-child {
	border-left: none;
}

nav#nav a.menuselect,
nav#nav a:hover {
	background-color:rgba(250, 250, 250, 0.3);
}

div#adicionar {
	width: 96%;
	margin: 0 auto;
	border-bottom: 1px solid #5D4037;
	padding: 1% 0 0.5% 0;
}

div#esquerda {
	float: left;
	display: block;
	width: 40%;
}

img#boneco {
	display: block;
	width: 36px;
	float: left;
}

div#adicionar p {
	display: block;
	font-size: 26px;
	margin-left: 4%;
	white-space: nowrap;
	float: left;
}

div#adicionar a {
	display: block;
	background-color: #F1811B;
	padding: 0.25% 1%;
	color: #4F3210 ;
	float: right;
	font-size: 20px;
        text-transform: uppercase;
}

span#mais {
	font-size: 20px;
	color: #fff;
}

/* Filtros */

div#filtros {
	width: 98%;
	display: flex;
        justify-content: space-between;
	margin: 1% 0 0.5% 0;
}

div#filtros div {
	display: inline-block;
}

input[type=text],
input[type=date],
input[type=password],
textarea,
select	{
	font-size: 18px;
	margin: 5px auto 0 auto;
	padding: 0 1%;
	border: 1px solid #455A64;
	width: 98%;
	display: block;
}

input[type=text],
input[type=date],
input[type=password] {
	height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
}

select	{
	height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
}

div#filtros div.estado p {
	color: #000;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
        height: 32px;
        line-height: 32px;
}

/* cabecario das tabelas */

div#head {
	width: 98%;
	display: flex;
	justify-content: space-between;
	background-color: #663300;
	margin: 0 auto;
}

div#head div {
	display: inline-block;
}

div#head div div {
	display: inline-block;
	text-align: center;
}

div#head div div p {
	font-size: 17px;
	color: #fff;
        text-transform: uppercase;
        margin: 4px 0;
}

/* tabelas */

div#conteudo {
	width: 100%;
	display: block;
	z-index: 0;
}


ul {
	width: 98%;
	margin: 1% auto;
}

ul li {
	width: 100%;
	border: 1px solid #e0e0e0;
	display: flex;
    justify-content: space-between;
        height: 20px;
        line-height: 20px;
}

ul li div div {
	display: inline-block;
	height: inherit;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

ul li div div p {
	font-size: 16px !important;
}

ul li:nth-child(odd) {
	background-color: #fff;
}

ul li:nth-child(even) {
	background-color: #F8CBAD;
}

div#filtros div.estado, div#filtros div.estado p {
        cursor: pointer;
}

div#filtros div.estado:hover {
	background-color: #2E7D32;
}

div.botoes {
        display: inline-block;
        width: 12%;
        min-widtth: 115px;
        text-align: right;
}

div.esquerda {
        display: inline-block;
        width: 87%;
}

li div.estado a,
li div.editar a {
	display: block;
	text-align: center;
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
        padding: 3px 0;
}

div.editar a {
	background-color: #C9C9C9;
}

div.estado a.linkativo {
	background-color: #70AD47;
}

div.estado a.linkinativo {
	background-color: #f4b084;
}

textarea[name=conteudocss] {
	width: 40%;
        margin: 1% 0 !important;
        height: 400px;
}

li div.esquerda div.number {
       background-color: #fff !important;
}

/* Login */

form#creationlogin {
        width: 40%;
        margin: 2% auto;
        padding: 2%;
        display: block;
        -webkit-box-shadow: 1px 1px 10px 4px #F8CBAD; 
        box-shadow: 1px 1px 10px 4px #F8CBAD;
}

form#creationlogin  input {
        width: 80%;
        margin: 2% auto;
        display: block;
}

form#creationlogin  input[type=submit] {
       background-color: #70AD47;
       font-size: 18px;
	margin: 5px auto 0 auto;
	border: 1px solid #70AD47;
        width: 40%;
        padding: 1% 0;
	display: block;
        text-transform: uppercase;
}

form#creationlogin div.into_input_msg_erro {
			width: 85%;
			min-width: 300px;
			margin: 1% auto;
			position: relative;
		}

form#creationlogin div.into_input_msg_erro input {
			width: 99%;
		}

form#creationlogin p.msg_erro {
			position: absolute;
			top: 1%;
			right: 1%;
			z-index: 10;
			font-style: italic;
			color: #D50000;
		}

form#creationlogin div#logo {
	margin: 0;
	width: 40%;
}

form#creationlogin div#logo {
	    width: 100%;
            text-align: center;
}

form#creationlogin div#logo a#link_logo img#logo {
	    width: 75%;
            text-align: center;
}

form#creationlogin h1.login {
	    margin: 5% 0 1% 8%;
}

form#creationlogin {
	    padding-bottom: 2%;
}

/* titulos dos detalhes */

h2.title_details {
            width: 50%;
            display: inline-block;
            font-weight: 400;
} 

/*arracar a linha colada no cabecalho */

/* detalhes agentes */
div#listagem div#adicionar {
            border-bottom: none !important;
}

/* detalhes  clientes*/
div#listagem_subscricoes div#adicionar,
div#listagem_lojas div#adicionar,
div#listagem_postos div#adicionar,
div#listagem_modulos div#adicionar {
    border-bottom: none !important;
}

/* detalhes  subscricao*/
div#listagem_pagamentos div#adicionar {
    border-bottom: none !important;
}


hr {
    width: 98%;
    margin: 3% auto ;
    color: #5D4037;
   background-color: #5D4037;
}