body {
width : 100%;
font-family : "Nunito", sans-serif;
color : #333;
font-weight : 300;
line-height : 1.6;
background-color : #F0F8FF;
}
html {
box-sizing : border-box;
font-size : 100%;
}
* {
box-sizing : border-box;
}
input[type="text"], select, textarea {
width : 100%;
padding : 12px;
border-radius : 4px;
resize : vertical;
}
label {
padding : 12px 12px 12px 0;
display : inline-block;
}
input[type="button"] {
background-color : #d2e2f7;
color : white;
padding : 12px 20px;
border : none;
border-radius : 4px;
cursor : pointer;
}
input[type="button"]:hover {
background-color : #6899d9;
}
input[type="submit"] {
background-color : #d2e2f7;
color : white;
padding : 12px 20px;
border : none;
border-radius : 4px;
cursor : pointer;
float : right;
}
input[type="submit"]:hover {
background-color : #6899d9;
}
.container {
padding : 20px;
border-radius : 5px;
padding : 20px;
text-align : center;
margin-top : 50px;
padding-bottom : 20px;
width : 1350px;
text-align : center;
padding-bottom : 20px;
}
.col-25 {
float : left;
width : 25%;
margin-top : 6px;
}
.col-75 {
float : left;
width : 75%;
margin-top : 6px;
}
.row:after {
content : "";
display : table;
clear : both;
}
label {
padding : 12px 12px 12px 0;
display : inline-block;
}
.row:after {
content : "";
display : table;
clear : both;
}
#tituloPag {
padding-bottom : 0;
bottom : 0;
}
.container input[type="button"] {
margin-left : 30px;
}
.botaoRelatorio {
text-align : center;
}
.botaoRelatorio input[type="button"] {
margin-top : 30px;
width : 250px;
margin-left : 0;
}
.botaoVoltar input[type="button"] {
margin-top : 15px;
height : 35px;
width : 70px;
background : white;
border : #144482 solid 1px;
margin-left : 15px;
margin-right : 0;
font-size : 15px;
color : #144482;
padding : 7px 0 0 0;
font-weight : bold;
text-align : center;
padding-bottom : 5px;
margin-bottom : 15px;
cursor : pointer;
}
.botaoVoltar input[type="button"]:hover {
background : #6899d9;
color : white;
}
*, *:before, *:after {
margin : 0;
padding : 0;
font-family : Arial, sans-serif;
}
header {
text-align : center;
font-family : Arial, sans-serif;
background-color : white;
margin-bottom : 20px;
border : #B0C4DE solid 2px;
padding-top : 15px;
padding-bottom : 15px;
}
a {
text-decoration : none;
}
h3 {
color : #B0C4DE;
padding-top : 0;
}
a.links {
display : none;
}
.content {
width : 500px;
min-height : 560px;
margin : 0 auto;
position : relative;
}
h1 {
font-size : 40px;
color : dimgray;
padding : 2px 0 10px 0;
font-family : Arial, sans-serif;
font-weight : bold;
text-align : center;
padding-bottom : 20px;
}
h1:after {
content : ' ';
display : block;
width : 100%;
height : 2px;
margin-top : 10px;
}
h3 {
color : #6899d9;
padding : 2px 0 10px 0;
font-family : Arial, sans-serif;
font-weight : bold;
text-align : center;
}
h2 {
font-size : 25px;
color : #6899d9;
padding : 2px 0 10px 0;
font-family : Arial, sans-serif;
font-weight : bold;
text-align : center;
padding-bottom : 20px;
}
h2:after {
content : ' ';
display : block;
width : 100%;
height : 2px;
margin-top : 10px;
}
p {
margin-bottom : 15px;
text-align : justify;
}
.content p:first-child {
margin : 0;
}
label {
color : dimgray;
position : relative;
}
input[type="submit"] {
width : 100% !important ;
cursor : pointer;
background : rgb(61, 157, 179);
padding : 8px 5px;
color : #18A558;
font-size : 20px;
border : #144482 solid 1px;
margin-bottom : 5px;
text-shadow : 0 1px 1px #18A558;
border-radius : 5px;
transition : all 0.2s linear;
}
input[type="submit"]:hover {
background : #18A558;
}
#form_usuario {
margin : 0 auto;
margin-top : 50px;
width : 500px;
height : 600px;
padding : 1em;
border : #144482 solid 2px;
background-image : linear-gradient(white, white);
}
input[type="button"] {
margin : 0 0 0 124px;
height : 35px;
width : 70px;
background : white;
border : #144482 solid 1px;
margin-left : 170px;
font-size : 15px;
color : #18A558;
padding : 2px 0 10px 0;
font-family : Arial, sans-serif;
font-weight : bold;
text-align : center;
padding-bottom : 7px;
margin-bottom : 15px;
cursor : pointer;
}
input[type="button"]:hover {
background : #18A558;
color : white;
}
input[type="back"] {
margin : 0 0 0 124px;
height : 5px;
width : 50px;
text-align : center;
margin-left : 1px;
font-size : 12px;
cursor : pointer;
}
input[type="back"]:hover {
background : #18A558;
}
ul {
margin-left : 20px;
}
li {
padding-bottom : 10px;
}
#botao_codigo:hover {
background : #6899d9;
color : white;
}
h5 {
color : #144482;
font-family : Arial, sans-serif;
}