#overlay{
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.6);
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear !important;
}
@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}
.is-hide{
    display:none;
}
.svg-m-1{
    fill:#f1511b;
}
.svg-m-2{
    fill:#80cc28;
}
.svg-m-3{
    fill:#00adef;
}
.svg-m-4{
    fill:#fbbc09;
}
.svg-a0-1{
    fill:#635dff;
}
.svg-g0-1{
    fill:#4280ef;
}
.svg-g0-2{
    fill:#34a353;
}
.svg-g0-3{
    fill:#f6b704;
}
.svg-g0-4{
    fill:#e54335;
}
.login-card .login-main .theme-form .or:before {
    content: "" !important;
    position: absolute !important;
    width: 65% !important;
    height: 2px !important;
    background-color: #f3f3ff !important;
    top: 9px !important;
    z-index: 0 !important;
    right: 0 !important;
}
.login-card .btn-showcase .btn:hover, .login-card .btn-showcase .btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #d2e3fc !important;
    outline: none !important;
    background: rgba(66,133,244,.04) !important;
}

.btn-light-google div[role="button"]{
    background-color: #f4f4f4 !important;
    border-color: #f4f4f4 !important;
    border-radius: 0.25rem;
    border-color: rgba(20, 59, 101, 0.06) !important;
}
.btn-light-google span{
    color:#000 !important;
}
.login-card .btn-showcase .btn{
    background-color:#FFFFFF !important;
    font-family: "Google Sans",arial,sans-serif !important;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dadce0 !important;
    border-color:#dadce0;
    font-weight:500;
    color:#3c4043 !important;
    letter-spacing: 0.25px;
    font-size: 14px;
}

/*.show-hide span.show:before {
    content: "<spring:message htmlEscape="false" code="show" />";
}

.show-hide span:before {
    content: "<spring:message htmlEscape="false" code="hide" />";
}*/

.login-card .login-main .theme-form .or:before {
    width: 100%;
    position:relative;
    display: flex;
    top: 0;
}

.login-card{
    background-size: cover !important;
    border: 1px solid #dadce0;
}

.logo{
    cursor:unset
}
.logo img{
    max-width:350px
}
.err-message{
    text-align:center;
    margin-top:20px
}
.password-lost{
    cursor:pointer;
}
.hidden-param{
    display: none;
}
.f-width{
    width:100%
}
.err-message-sso{
    text-align:center;
    margin-top:10px
}

.cloud-loading img{
    max-width:350px
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#loader-circle {
    display: none;
    -webkit-animation: rotating 2s linear infinite !important;
    -moz-animation: rotating 2s linear infinite !important;
    -ms-animation: rotating 2s linear infinite !important;
    -o-animation: rotating 2s linear infinite !important;
    animation: rotating 2s linear infinite !important;
}

#cloud-loading{
    display: none;
}
.cloud-text{
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% + 40px);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
    width: 150px;
}
.cloud-loading{
    background-color: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    background-size: cover;
}
.loader {
    position: absolute;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: linear-gradient(#f07e6e, #84cdfa, #5ad1cd);
    animation: animate 1.2s linear infinite;
    top: calc(100vh / 2 - 125px);
    left: 0;
    right: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
}
.cloud-logo{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
    width: 150px;
}
@keyframes animate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loader span {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(#f07e6e, #84cdfa, #5ad1cd);
}

.loader span:nth-child(1) {
    filter: blur(5px);
}

.loader span:nth-child(2) {
    filter: blur(10px);
}

.loader span:nth-child(3) {
    filter: blur(25px);
}

.loader span:nth-child(4) {
    filter: blur(50px);
}

.loader:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: #f1f1f1;
    border: solid white 10px;
    border-radius: 50%;
}

.login-form {
    padding-top: 1vh;
}
.badge-version{
    background-color:#F3F3FF;
    padding: 0px 15px 0px 15px;
    border-radius: 4px 4px 4px 4px;
}
.version{
    color:#4F4F4F;
}

.term-privacy-text{
    color: #6c757d!important;
}
.social{
    margin-top:17px !important;
}

/* LOGIN SSO NUOVA */
.login-card .login-main .theme-form .or2 {
    position: relative;
}

.login-card .login-main .theme-form .or2:before {
    display:flex;
    content: "" !important;
    position: absolute !important;
    width: 50% !important;
    height: 2px !important;
    background-color: #f3f3ff !important;
    top: 9px !important;
    z-index: 0 !important;
    right: 0 !important;
}

#ssoRequestGoogle div[aria-labelledby]{
    display: none;
}