.text-black{
	color:#000;
}
.text-white{
	color:#fff;
}
#error-login,#error-recover{
	height: 15px;
	margin-bottom: 10px;
	color:#873636;
	font-size:0.9em;
}
#error-recover{
	font-size: 0.9em;
}
.btn-valid:hover{
	cursor:pointer;
}
.wrapper-page {
    margin: 0 auto;
    max-width: max-content;
}

  .wrapper-page .form-control {
    height: 40px; }
  .wrapper-page .btn-email {
    padding: 9px 20px; }


    /* ===========
   Buttons
 =============*/
.btn-primary, .btn-success, .btn-info, .btn-warning,
.btn-danger, .btn-dark {
  color: #ffffff; }

.btn-primary {
  background-color: #00b19d;
  border: 1px solid #00b19d; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover,
.open > .dropdown-toggle.btn-primary, .btn-outline-primary.active, .btn-outline-primary:active,
.show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary:hover, .btn-primary.active,
.btn-primary:active, .show > .btn-primary.dropdown-toggle {
  background-color: #009886;
  border: 1px solid #009886; }

.btn-success {
  background-color: #3bafda;
  border: 1px solid #3bafda; }

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover,
.open > .dropdown-toggle.btn-success, .btn-outline-success.active, .btn-outline-success:active,
.show > .btn-outline-success.dropdown-toggle, .btn-outline-success:hover, .btn-success.active,
.btn-success:active, .show > .btn-success.dropdown-toggle {
  background-color: #28a5d4;
  border: 1px solid #28a5d4; }

.btn-info {
  background-color: #3ddcf7;
  border: 1px solid #3ddcf7; }

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus,
.btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info,
.btn-outline-info.active, .btn-outline-info:active,
.show > .btn-outline-info.dropdown-toggle, .btn-outline-info:hover, .btn-info.active, .btn-info:active,
.show > .btn-info.dropdown-toggle {
  background-color: #25d8f6;
  border: 1px solid #25d8f6; }

.btn-warning {
  background-color: #ffaa00;
  border: 1px solid #ffaa00; }

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
.btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover,
.open > .dropdown-toggle.btn-warning, .btn-outline-warning.active, .btn-outline-warning:active,
.show > .btn-outline-warning.dropdown-toggle, .btn-outline-warning:hover, .btn-warning.active,
.btn-warning:active, .show > .btn-warning.dropdown-toggle {
  background-color: #e69900;
  border: 1px solid #e69900;
  color: #ffffff; }

.btn-danger {
  background-color: #ef5350;
  border: 1px solid #ef5350; }

.btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger.active,
.btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover,
.open > .dropdown-toggle.btn-danger, .btn-outline-danger.active, .btn-outline-danger:active,
.show > .btn-outline-danger.dropdown-toggle, .btn-outline-danger:hover, .btn-danger.active,
.btn-danger:active, .show > .btn-danger.dropdown-toggle {
  background-color: #ed3c39;
  border: 1px solid #ed3c39; }

.btn-dark {
  background-color: #2a3142;
  border: 1px solid #2a3142;
  color: #ffffff; }

.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus,
.btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .dropdown-toggle.btn-dark,
.btn-outline-dark.active, .btn-outline-dark:active,
.show > .btn-outline-dark.dropdown-toggle, .btn-outline-dark:hover {
  background-color: #202532;
  border: 1px solid #202532;
  color: #ffffff; }

.btn-dark.focus, .btn-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(42, 49, 66, 0.3);
  box-shadow: 0 0 0 2px rgba(42, 49, 66, 0.3); }

.btn-link {
  color: #2a3142; }
  .btn-link:hover {
    color: #00b19d; }

/* button Outline */
.btn-outline-primary {
  color: #00b19d;
  border-color: #00b19d; }

.btn-outline-success {
  color: #3bafda;
  border-color: #3bafda; }

.btn-outline-info {
  color: #3ddcf7;
  border-color: #3ddcf7; }

.btn-outline-warning {
  color: #ffaa00;
  border-color: #ffaa00; }

.btn-outline-danger {
  color: #ef5350;
  border-color: #ef5350; }

.btn-outline-dark {
  color: #2a3142;
  background-image: none;
  background-color: transparent;
  border-color: #2a3142; }

.btn-custom {
  border-bottom: 3px solid transparent; }

.btn-custom.btn-default {
  background-color: #f3f3f3;
  border-bottom: 2px solid #cccccc !important; }

.btn-custom.btn-primary {
  border-bottom: 2px solid #007e70 !important; }

.btn-custom.btn-success {
  border-bottom: 2px solid #2494be !important; }

.btn-custom.btn-info {
  border-bottom: 2px solid #08aac6 !important; }

.btn-custom.btn-warning {
  border-bottom: 2px solid #cc8800 !important; }

.btn-custom.btn-danger {
  border-bottom: 2px solid #c71612 !important; }

.btn-custom.btn-dark {
  border-bottom: 2px solid #0b0c0f !important; }

.btn-rounded {
  border-radius: 2em;
  padding: 6px 18px; }

  /* ===========
   Helper classes
 =============*/
.p-0 {
  padding: 0 !important; }

.p-20 {
  padding: 20px; }

.p-t-10 {
  padding-top: 10px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.m-0 {
  margin: 0 !important; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px !important; }

.m-l-5 {
  margin-left: 5px; }

.m-l-10 {
  margin-left: 10px; }

.m-l-15 {
  margin-left: 15px; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-50 {
  margin-top: 50px; }

.m-b-5 {
  margin-bottom: 5px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-b-15 {
  margin-bottom: 15px; }

.m-b-20 {
  margin-bottom: 20px; }

.m-b-25 {
  margin-bottom: 25px; }

.m-b-30 {
  margin-bottom: 30px !important; }
 .m-b-50 {
  margin-bottom: 50px; }


.w-xs {
  min-width: 80px; }

.w-sm {
  min-width: 95px; }

.w-md {
  min-width: 110px; }

.w-lg {
  min-width: 140px; }

.m-h-50 {
  min-height: 50px; }

.l-h-34 {
  line-height: 34px !important; }

.font-light {
  font-weight: 300; }

.font-normal {
  font-weight: normal; }

.font-bold {
  font-weight: bold; 
}
.font-10{
	font-size: 10px;
}
.font-11{
	font-size: 11px;
}
.font-12{
	font-size: 12px;
}
.font-13 {
  font-size: 13px; }

.font-14 {
  font-size: 14px; }

.font-15 {
  font-size: 15px; }

.font-16 {
  font-size: 16px; }

.font-18 {
  font-size: 18px; }

.wrapper-md {
  padding: 20px; }

.pull-in {
  margin-left: -20px;
  margin-right: -20px; }

.b-0 {
  border: none !important; }

.no-border {
  border: none; }

.logo-lg span{
	font-size: 2.5em;
	font-weight: bold;
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  font-family: Arial, Helvetica, sans-serif;
}
#header-login{
  margin-top: 250px;
	width: 505px;
}
#header-login img{
  opacity: 0.7;
  width: 80px;
  height: 80px;
  margin-right: 10px;
}
form#form_login{
background: rgba(0,0,0,.2);
position: relative;
padding-left:50px;
padding-right:50px;
padding-top:20px;
padding-bottom: 20px;
width: 505px;
/*width: 450px;
margin: 168px auto;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;*/
}

.input-group-addon{
	background-color: #fffffe;
	border-right: none;
	padding-top:0px;
	padding-bottom: 3px;
	height:37px;
	border: none;
}
input#password.form-control,input#login.form-control{
	height:38px;
	border-left:1px solid #ccc;
	border-top: 1px solid #fff;
}
#errorMessage{
  height:20px;
  width:450px
}