*
{
/*#5cb85c*/
margin: 0%;
padding: 0%;
}
html,body
{
}
nav
{
display:block;
}
.navbar-default
{
background-color: #5cb85c;
border-color:#e7e7e7;
}
.navbar-collapse
{
border-color:red;
}
.navbar-default .navbar-brand
{
color:white;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus
{
color: #3498db;
background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
color: white;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #3498db;
background-color: transparent;
}
.container {
padding-right: -7%;
padding-left: -7%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 80%;
}
}
@media (min-width: 2560px) {
.container {
width: 80%;
}
}
@media (min-width: 1024px) {
.container {
width: 80%;
}
}
.row {
margin-right: 6%;
margin-left: -10%;
}
@media (min-width: 992px) {
.col-md-3
{
float: left;
}
.col-md-3
{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-3 {
width: 25%;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus{
color: #fff;
background-color: #5cb85c;
}
.form-control {
display: block;
width: 100%;
height: 6%;
padding: 4px 12px;
font-size: 14px;
margin-left: 10em;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
}
.well {
min-height: 5%;
padding: 0.7%;
margin-bottom: 5%;
}
.form-control
{
display: flex;
flex-direction:column-reverse;
}
div#name
{
margin-top: -25%;
padding-left: 7%;
}