html,
body {
height: 100% 
}



body {
/*  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;*/
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
background-color: #232323  
}



.mb-4 {
margin-left: -18px
}



.form-signin {
width: 100%;
max-width: 360px;
padding: 15px;
margin: auto
}



.form-signin .checkbox {
font-weight: 400
}



.form-signin .form-control {
position: relative;
box-sizing: border-box;
height: auto;
padding: 10px;
font-size: 16px;
background-color: #191919;
border-color: #0F0F0F;
color: #FFFFFF
}



.form-signin .form-control::placeholder {
color: #FFFFFF;
opacity: 1 /* Firefox */
}

.form-signin .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: red
}

.form-signin .form-control::-ms-input-placeholder { /* Microsoft Edge */
color: red
}

.form-signin .form-control:focus {
z-index: 2
}

.form-signin input[type="text"] {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}

.form-signin input[type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0
}



.btn.btn-lg.btn-primary.btn-block{
background-color: #00FF00;
border-color: #000000;
color:#232323;
font-weight: bold
}



.recordar {
font-size: 16px;
font-weight: bold;
font-family: Trebuchet MS; 
color: #B3B3B3
}



.terminos {
font-size: 12px;
font-weight: bold; 
color: #B3B3B3
}



label {
display: inline-block;
position: relative;
padding-left: 25px;
font-size: 16px;
line-height: 20px;
margin: 5px;
color: white  
}



label:before {
line-height: 20px;
content: "";
display: inline-block;
width: 16px;
height: 16px;
position: absolute;
left: 0;
background-color: #00FF00;
border: 1px solid #00FF00
}



.container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 20px;
font-weight: bold;
font-family: Trebuchet MS; 
color: #B3B3B3;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

/* Hide the browser's default checkbox */
.container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
background-color: #ccc
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
background-color: #00FF00
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
display: block
}

/* Style the checkmark/indicator */
.container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid black;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}



.ingreso_no_valido {
/*position: fixed;
top: 77%; 
left: 38%;
  */
position: relative;
top:4%;
width: 100%;
margin-left: 0px;
margin-right: 0px;
text-decoration: none;
text-align: center;
font-size: 17px;
font-weight: bold; 
color: red
}
 


.compraventa {
position: relative;
top:6%;
width: 100%;
margin-left: 0px;
margin-right: 0px;
color: #B3B3B3;
font-size: 18px;
text-align: center !important
}



.copyright {
position: relative;
top:4%;
width: 100%;
margin-left: 0px;
margin-right: 0px;
color: #B3B3B3;
font-size: 14px;
text-align: center !important
}