/***** CSS LOGIN MANUELSOFT*****/

body{    
	background: url(img/img-inv-min.jpg) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
}

body #contentJs{
	padding:0px !important;
}

.formView{
    position: relative;
    z-index: 9999999;
}

.form-group {
    margin-bottom: 15px;
    text-align: left !important;
}

label {
    font-weight: normal;
    font-size: 16px;
}

.showOut{
	position: absolute;
    padding: 30px;
    bottom: 0px;
    left: 0px;
    padding-bottom: 2px;
}

body.green-view .newsView{
    box-shadow: none !important;
    color:white !important;
}
body.green-view .newsView span,body.green-view .newsView div{
    color:white !important;
}
body.green-view .newsView span a{
color:#ffcc93 !important;
}

body.sentForm,body.sentForm .newsView{
    background: #34405E !important;
    box-shadow: none !important;
}

.bottom-social{
	margin-top: 12px;
}

.red-social:hover{ color:#dddddd;}

.red-social {
    font-size: 18px;
    color: white;
    margin-right: 5px;
    background: #ffffff63;
    padding: 6px 13px;
    border-radius: 7px;
}

.loading-text{
    position: relative;
    top: 50%;
    width: 14em;
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    font-size: 140%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);
}

.emailExist{
    text-align: center;
    font-size: 17px;
    padding-top: 5px;
    color: #ec4758;    
}

/* Animation */
.anim-typewriter{
    animation: typewriter 2s steps(55) 1s 1 normal both,
               blinkTextCursor 300ms steps(55) infinite normal;
  }
@keyframes typewriter{
from{width: 0;}
to{width: 14em;}
}

@keyframes blinkTextCursor{
from{border-right-color: rgba(255,255,255,.75);}
to{border-right-color: transparent;}
}

input,select{
    font-size: 15px !important;
	border:1px solid #cecece !important;
}

input[type="text"], input[type="email"], input[type="password"] {
    padding-left: 15px;
    height: 50px;
    border-radius: 5px;
}

.newsView{
    transition:All 1s ease;
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    background: #f9f9f9;height: 100%;padding-top:2%;padding-bottom:15%;box-shadow: inset -17px -20px 20px 0px #f1f1f1;
}

.fullVisible{
    width: 100% !important; 
}

.showIn{
    display: none;
}

.fullVisible .showIn{
    display: block !important;
}

.fullVisible .showOut,.showInFinishError,.showInFinish,.icon-finish{
    display: none;
}

.setInvisible{
    width: 0px !important;
    height: 0px !important;    
    padding: 0px !important;
    overflow: hidden;
}

.changeImgLoad{
    width: 190px;
    background: white;
    margin: auto;
    height: 190px;
    border-radius: 100px;
    padding-top: 32px;
}
.bg-gradient{
    top: 0;
    grid: repeat(5,200px)/repeat(10,1fr);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(#e3effb),color-stop(10%,#e9f5ff),color-stop(38%,#e0eaf4),color-stop(48%,#eaf2f9),color-stop(62%,#fdfdfd));
    background: linear-gradient( #e3effb,#e9f5ff 10%,#e0eaf4 38%,#eaf2f9 48%, #fdfdfd 62%);
    position: absolute;
    z-index: -1;
    width: 100%;
    display: grid;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
}
/*.desktop-overflow-hidden{ overflow: hidden;}*/

@media (min-width:678px){		
    .col-sm-12 > .col-sm-6:nth-child(2){
        padding-left: 0px;
    }	
}

@media (max-width:678px){
	body{ 
		background:#FFFFFF !important;
		overflow:auto !important;
	}
	.showOut{ display:none;}	
	.formView{ min-height:100% !important; }
    .desktop-overflow-hidden{ overflow: auto;}
    
    #user_singup .col-sm-12,#user_singup .col-sm-6{
        padding-left: 0px;
        padding-right: 0px;
    }		
    .col-sm-12 > .col-sm-6:nth-child(1){
        padding-bottom: 10px;
    }
    .img-sistema{
        width:100%;
    }
}