.alert-primary {
    background-image: none !important;
    border-color: none !important;
    background: white !important;
    color: #23537c;
    font-weight: bold;
    margin-left: 40%;
    margin-right: 40%;
    text-align: center;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    border-radius: 2px;
    margin-top:1px;
}

#profile-img-logo-company {
    height: 90px;
    margin: 2px;
}

#profile-img-center-block {
    margin: 2px;
    height: 90px;
}

body, html {
    height: 100%;
    background-repeat: no-repeat;
    /*background-image: linear-gradient(rgb(255, 255, 255), rgb(200, 200, 200));*/
    background-image: linear-gradient(rgb(73, 116, 151), rgb(13, 52, 69))
}

.card-container.card {
    max-width: 750px;
    /*padding: 40px;*/
}

.btn {
    font-weight: 700;
    height: 36px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
}

/*
 * Card component
 */
.card {
    background-color: #F7F7F7;
    /* just in case there no content*/
    /*padding: 20px 25px 30px;*/
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
}

.profile-img-card {
    width: 96px;
    height: 96px;
    margin:  0 10;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*
 * Form styles
 */
.profile-name-card {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em;
}

.reauth-email {
    display: block;
    color: #404040;
    line-height: 2;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin #inputEmail,
.form-signin #inputPassword {
    direction: ltr;
    height: 44px;
    font-size: 16px;
}

.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    border-color: rgb(104, 145, 162);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
}

.btn.btn-signin {
    /*background-color: #4d90fe; */
    background-color: rgb(104, 145, 162);
    /* background-color: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));*/
    padding: 0px;
    font-weight: 700;
    font-size: 14px;
    height: 36px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
}

.btn.btn-signin:hover,
.btn.btn-signin:active,
.btn.btn-signin:focus {
    background-color: rgb(12, 97, 33);
}

.forgot-password {
    color: rgb(104, 145, 162);
}

.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus{
    color: rgb(12, 97, 33);
}

.input-group-addon {
    color: #FFFFFF;
    background-color:#23537c;
    border: 1px solid #23537c;
}

.btn-primary {
    /*background-image: linear-gradient(to bottom, #23537c 0px, #23537c 100%) !important;*/
    border-color: #23537c !important;
    background-color: #23537c !important;
     background-image: none !important;
}

.btn-primary:hover, .btn-primary:focus {
    border-color: #186584 !important;
    background-image: none;
   
}


.alert-danger {
    background-image: none !important;
    border-color: #dca7a7;
}


#footer {
    border-top: 1px solid #CCCCCC;
    margin-left:30px !important;
    margin-right: 30px !important;
}

#btn_forgottenPassword {
    cursor: pointer;
}

#idpButtonsContainer {
    text-align: center;
}

.idp-login-btn {
    display: block;
    width: 300px;
    text-align: center;
    margin: 0 auto 8px auto;
    font-weight: 400;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #dadce0;
    border-radius: 4px;
    color: #3c4043;
    height: auto;
    padding: 8px 16px;
}

.idp-login-btn:hover,
.idp-login-btn:focus {
    background-color: #f8f9fa;
    background-image: none;
    border-color: #dadce0;
    color: #3c4043;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.idp-login-btn i {
    margin-right: 8px;
}
/* ---------------------------------------------------------------------------
   Verificación en dos pasos

   El código QR se muestra aquí, en pantalla, la primera vez que el usuario
   accede tras activarle el doble factor. Antes se le enviaba por correo, lo que
   dejaba el segundo factor en el mismo canal que la recuperación de contraseña.
   --------------------------------------------------------------------------- */

.twoFactor-body {
    padding: 20px 25px 25px 25px;
}

.twoFactor-intro {
    color: #777777;
    margin-bottom: 18px;
}

.twoFactor-qr {
    text-align: center;
    margin: 0 auto 15px auto;
}

.twoFactor-qr img {
    width: 180px;
    max-width: 100%;
    height: auto;
}

.twoFactor-manualLabel {
    color: #999999;
    font-size: 12px;
    margin-bottom: 4px;
}

.twoFactor-secret {
    font-family: Consolas, Monaco, "Courier New", monospace;
    font-size: 12px;
    word-break: break-all;
    background-color: #f2f2f2;
    border-radius: 3px;
    padding: 6px 8px;
    margin-bottom: 18px;
}

.twoFactor-codeGroup label {
    font-weight: 600;
}

.twoFactor-remember label {
    color: #777777;
    font-weight: 400;
}

#twoFactorSendCodeButton {
    margin-top: 10px;
}