/*
//==================================================
// VAL-I-PAC :: LEONARDO AUTH0
//==================================================

DEFINITIONS:				Stylesheet APP.CSS VAL-I-PAC :: LEONARDO AUTH0
AUTHOR:						Yildiray Gunay @ ACA IT-SOLUTIONS (www.aca-it.be)
VERSION:					08.10.2018
UPDATED:					XX.XX.XXXX


COLORS:

RED 				        #cd003a

SILVER                      #c3c5c6
GRAY                        #5b5b5b

*/

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Lato');


html {
    height: 100%;
}

.vip-auth0,
.vip-auth0 .table,
.auth0-lock.auth0-lock {
    font-family: "Lato" !important;
    font-size: 14px;
    background: #E8E9F0;
}

.vip-auth0 .table .cell .content {
    width: auto;
}

.vip-auth0 .auth0-lock.auth0-lock .auth0-lock-overlay {
    background: none;
}

.vip-auth0 .auth0-lock.auth0-lock.auth0-lock-opened .auth0-lock-widget,
.vip-auth0 .auth0-lock.auth0-lock.auth0-lock-opened-in-frame .auth0-lock-widget {
    width: 480px;
    box-shadow: 0 0 50px 5px rgba(0,0,0,0.1);
}

.vip-auth0 .auth0-lock.auth0-lock .auth0-lock-submit {
    box-shadow: 0 25px 25px 0 rgba(27,62,115,0.1);
}

.vip-auth0 .auth0-lock.auth0-lock .auth0-global-message {
    margin: 20px 20px 0;
    background: #fafafa;
    border: none;
    color: #5b5b5b;
    text-transform: none;
    line-height: 1.4;
    font-weight: 400;
    font-size: 14px;
    border-radius: 3px;
}

.vip-auth0 .auth0-lock.auth0-lock .auth0-global-message.auth0-global-message-error {
    background: #fcf2f5;
    border: none;
    color: #cd003a;
}

.vip-auth0 .auth0-lock.auth0-lock .auth0-global-message.auth0-global-message-success {
    background: #f3f6e6;
    border: none;
    color: #86a500;
}

.vip-auth0 .auth0-lock.auth0-lock .auth0-global-message.auth0-global-message-info {
    background: #e6f6f9;
    border: none;
    color: #00a0c6;
}

.vip-auth0 .auth0-lock.auth0-lock .auth0-lock-overlay .auth0-lock-badge-bottom {
    background: rgba(0,0,0,0.1);
}

.vip-auth0 .auth0-lock.auth0-lock.auth0-lock-opened .auth0-lock-header-bg .auth0-lock-header-bg-blur,
.vip-auth0 .auth0-lock.auth0-lock.auth0-lock-opened-in-frame .auth0-lock-header-bg .auth0-lock-header-bg-blur {
    opacity: .1;
}

.vip-auth0 .auth0-lock-input-block .auth0-lock-error-msg span {
    white-space: nowrap;
}

.vip-auth0 .auth0-lock.auth0-lock .auth0-lock-header-bg {
	height: 100%;
}

.vip-auth0 .auth0-lock.auth0-lock .auth0-lock-header {
	padding: 20px 10px;
	height: auto;
}

/* Retina Displays */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {}

/* Large desktop */
@media (min-width: 1200px) {}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .vip-auth0 .auth0-lock.auth0-lock .auth0-lock-submit {
        box-shadow: none;
    }
    
    .vip-auth0 .auth0-lock.auth0-lock.auth0-lock-opened .auth0-lock-widget,
    .vip-auth0 .auth0-lock.auth0-lock.auth0-lock-opened-in-frame .auth0-lock-widget {
        width: auto;
    }
    
    .vip-auth0 .auth0-lock.auth0-lock .auth0-lock-header-bg .auth0-lock-header-bg-solid {
        opacity: 1;
        background: rgba(241,241,241,0.8) !important;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {}