.app {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}


body {
	/* La sintaxis vieja, obsoleta, pero todavía necesaria, con prefijo, para Opera y navegadores basados en WebKit-based */
	background: -prefix-linear-gradient(top, #00aabc, #014e86); 
	
	/* La nueva sintaxis necesaria para navegadores apegados al estandar (IE 10 y Firefox 10 en adelante), sin prefijo */
	background: linear-gradient(to bottom, #00aabc, #014e86);	
}

.card {
	background-color: transparent;
	border: none;
}

.btn-lg {
    border-radius: 1.5rem;
}

.btn-outline-primary {
    color: white;
    border-color: white;
}

.form-control {
	color: white;
    background-color: transparent;
    border-color: white;
}

.form-control::placeholder {
  color: white;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  background-color: transparent;
  color: white;
}

.help-block {
    color: #ff9393;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #ff9393 !important;
}
.has-error .form-control {
    border-color: #ff9393;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .control-label {
    color: #ff9393;
}
.error {
    color: #ff9393;
}
.error span {
    color: #ff9393;
}
.has-success .form-control {
    border-color: #00bc8c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .control-label {
    color: #00bc8c;
}
.has-warning .form-control {
    border-color: #f89a14;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .control-label {
    color: #f89a14;
}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

@font-face {
  font-family: 'Logo';
  src: url(avocado_creamy.ttf) format('truetype');
}

.logo_thefun {
  font-family: 'Logo';
}