/*
|------------------------------------------
|  IMPORTATS
|------------------------------------------
*/
/*
|------------------------------------------
|  FONTS
|------------------------------------------
*/
/*
|------------------------------------------
|  VARIABLES
|------------------------------------------
*/
/*
 * App Varaibles
 */
/*
|------------------------------------------
|  COLORS
|------------------------------------------
*/
/*
|------------------------------------------
|  OTHERS
|------------------------------------------
*/
/*
|------------------------------------------
|  OTHERS
|------------------------------------------
*/
/*
|------------------------------------------
|  ALERT
|------------------------------------------
*/
#mainAlert {
  padding: 20px 0;
}
#mainAlert .show {
  display: block !important;
}
#mainAlert .alert-error {
  background-color: white;
  width: 70%;
  min-width: 750px;
  margin: auto;
  padding: 10px 30px;
  border: 2px solid #e57373;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
#mainAlert .alert-error .info-error {
  color: #e57373;
  text-align: center;
}
#mainAlert .alert-success {
  background-color: white;
  width: 100%;
  max-width: 750px;
  margin: auto;
  padding: 10px 30px;
  border: 2px solid #81c784;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
#mainAlert .alert-success .info-success {
  color: #81c784;
  text-align: center;
}

/*
|------------------------------------------
|  NAV
|------------------------------------------
*/
/*
|------------------------------------------
|  GENERAL STYLE
|------------------------------------------
*/
html,
body {
  height: 100%;
}

html {
  display: table;
  margin: auto;
}

body {
  display: table-cell;
  vertical-align: middle;
  background-color: #3c3c3e;
}

/*
|------------------------------------------
|  FORM
|------------------------------------------
*/
form {
  margin: auto;
}

/*
|------------------------------------------
|  FOOTER
|------------------------------------------
*/
footer {
  width: 340px;
  border-radius: 2px;
  text-align: center;
}

/*
|------------------------------------------
|  VARIABLES
|------------------------------------------
*/
/*
|------------------------------------------
|  NAV
|------------------------------------------
*/
/*
|------------------------------------------
|  GENERAL STYLE
|------------------------------------------
*/
a {
  color: #cfa64c;
}

#pass-page {
  max-width: 342px;
  margin: 2rem auto 2rem auto;
  background: #232326;
  color: whitesmoke;
  border-radius: 2px;
}
#pass-page .card-panel {
  margin: 1rem 0;
  background: #3c3c3e;
}

.profile-image-login {
  width: auto !important;
}

/*
|------------------------------------------
|  FORM
|------------------------------------------
*/
form .input-field label {
  color: #cfa64c;
}
form .btn {
  color: white;
  background-color: #cfa64c;
}
form .btn:hover {
  color: whitesmoke;
  background-color: #614f27;
}

/*
|------------------------------------------
|  FOOTER
|------------------------------------------
*/
footer {
  margin: 1rem auto auto;
  background-color: #9C9B9A !important;
}