﻿.Button:not(.ThemeGrid_MarginGutter){
    margin-left: 0;
}

.Responsive div.Feedback_Message_Wrapper {
    margin-top: 35px;
}

/*Verificar necessidade troca esse css de lugar*/
.Login_Footer{
     padding: 10px 0px;
     position:fixed;
     z-index: 10;
}
.Login_Footer .OSAutoMarginTop {
    margin-top: 10px;
}
.Login_Box {
    top: 45%;
    transform: scale(1.22);
}
.Page.phone .Login_Box {
    transform: scale(1);
}
.Page.phone.landscape .Login__Logo {
    display: none;
}
.phone .Heading1 {
     margin-top: 10px;
}  
.phone .IconsRedesSociais {
    display:none;
}
.phone .Login_Footer {
    height: 90px;
}
.tablet .Login_Footer {
    height: 110px;
}
.phone.landscape .Login_Footer{
    display:none;
}
.phone.landscape .Login_Box {
    top: 65%;
}
/*Verificar necessidade troca esse css de lugar*/

div.Login, div.Login a{
    font-weight: 600;
}

.logoCloud{
    background: url(/SisproERP/logoLogin/BlueWhiteLogoSisproCloud.svg) no-repeat center;
    background-size: cover;
    height: 100px;
}

.Login_Box{
    z-index: 10;
}

.Login__Form {
    background-color: rgba(0, 0, 0, 0.35);
    margin-top: 10px;
    border-radius: 10px;
}

.PH_Preview {
    width: 100%;
    height: 100%;
}

.cloudImg{
    background: url(/SisproERP/background/cloud.png?28949) no-repeat center;
    background-size: cover;
}

.cloudLayer {
    height: 256px;
    left: 50%;
    margin-left: -128px;
    margin-top: -128px;
    position: absolute;
    top: 50%;
    width: 256px;
    background: url(/SisproERP/background/cloud.png?28949) no-repeat center;
    background-size: cover;
}

.cloudBase {
    height: 20px;
    left: 256px; 
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    transition:all 1s!important;
    top: 256px;
    width: 20px;
    -webkit-animation: slide 10s linear infinite;
    -moz-animation: slide 10s linear infinite;
    animation: slide 10s linear infinite;
}

@-moz-keyframes slide {
    100% {
        -moz-transform: translate(-500%);
    }
}
@-webkit-keyframes slide {
    100% {
        -webkit-transform: translate(-500%);
    }
}
@keyframes slide {
    100% { 
        -webkit-transform: translate(-500%);
        transform: translate(-500%);
    }
}

.Login_background {
    background: rgb(169,228,247) !important;
    background: -moz-radial-gradient(center, ellipse cover, rgba(169,228,247,1) 0%, rgba(0,132,214,1) 100%) !important;
    background: -webkit-radial-gradient(center, ellipse cover, rgba(169,228,247,1) 0%,rgba(0,132,214,1) 100%) !important;
    background: radial-gradient(ellipse at center, rgba(169,228,247,1) 0%,rgba(0,132,214,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0084d6',GradientType=1 ) !important;
}

.cloudBase.fade{
     animation-direction:unset;
     transform:scale(0.2);  
    
}

.Page.ie .cloudBase.fade{
    display: none;
}

.CloudControl{   
 position: relative;
 z-index:1;
 color:#0cc3fe;
 padding: 5px; 
}

.CloudControl.Disable{
    color:#fff;
}

.cloudBase.begin{
 transform: scale(0.1);
 animation-direction:normal !important;
 animation-duration: scale 5s linear;
 display: unset !important;
}
 
.Page.ie .cloudBase.begin{
   display: unset !important;
    transform: none !important;
}

.Page.firefox .cloudBase.begin{
   display: unset !important;
   transform: none !important;
   transition:all 1s!important;
   animation: slide 10s linear infinite;
}