.app-login-page {
  margin:0;
  display:table;
  top:0;bottom:0;left:0;right:0;
  text-align:center;
  width:100%;
  height:100%;
}   

.app-login-page .brand{
	text-align:center;
}

.app-login-page .brand img {
	width: 50%;
}

.app-login-page .box.space-content {
	padding:15px;

}

.box-wrapper {
	width: 90%;
    max-height:400px;
    display:inline-block;
    text-align:left;
   
    
}

.app-login-page .form-control {
    display: block;
    width: 100%;
    padding: 3px 7px;
    font-size: 12px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.app-login-page .footer {
	margin: 40px 0;
	color: #888;
	text-align: center;
}

footer + footer{
   display:none !important;
}

.logo-mobile{
    display:none;
}

@media screen and (max-width:760px) {

    .logo-mobile {
        display: block;
    }
}



@media screen and (min-width: 850px){
    .app-login-page .box {
        border-color: transparent;
        box-shadow: 0 0 40px rgba(0,0,0,.05);
       
    }

 
}

@media screen and (min-width: 400px){
    
    .box-wrapper {
	    width: 400px;
   
    }
}



.frameLogin{
    display:flex;
    width:100%;
}
.display-4 {
    font-size: 5.6rem;
    font-weight: 300;
    line-height: 1.2;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

body>div{
    margin:0 !important; 
}
.container-login {
    display: flex !important;           /* establish flex container */
    justify-content:center !important;
    align-items: center !important;
    height: 100vh !important;
    max-height:410px !important;
    width: 100% !important;
    padding:0 !important;
    margin:0 !important;
    flex-direction: row;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
   
}

.header-login{
    padding-left:15px;
    padding-right:15px;
    padding-top:16px;
    padding-bottom:17px;
}
.left-div {
    float: left;
    border-radius:3px !important;
    height:100%;
    
}
.right-div {
     border-radius:3px !important;
     height:100%;
     display: flex !important;           /* establish flex container */
     justify-content: center !important; /* center items vertically, in this case */
     /*align-items: center !important;     /* center items horizontally, in this case */
     flex-direction: column;
     margin:0 !important;
     padding-left:18px !important;
    
}


.img-fluid{
    max-width: 100%;
    height: 100%;

}
.box-inside{
    margin:0;
    padding:0;
    background-color: #f8f9fa;
    max-width:1095px !important;
    height:100vh!important;
    margin-top:40px;
    margin-bottom:10px;
     max-height:430px !important;
   
}

.box-inside
    .form-control {
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1.5rem;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        
    }

.box-inside h3{
    text-align:left;
    width:auto;
    padding-left:0px!important;
    font-size:28px;
}
.box-inside .form {
    text-align:left;
    padding-left:0px!important;
    display:table;
}

.texto{
    font-size:16px;
    margin-bottom:10px;
    font-weight:400;

}
.box-inside .input {
    margin-bottom:5px !important;
    width:98%;
    height:38px;
    font-size:16px;
}
.mp0{
    margin:0;
    padding:0;
}
.footer{
    margin-top:25px;
}


.backgroundWallpaper0{
    background-repeat:no-repeat; background-position:center center; background-size:cover;
}
.backgroundWallpaper0 {
    background-image: url(../images/home0.jpg);
}

.box-inside .form .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.box-inside .form .btn-primary {
    color: #fff;
    background-color: #6c757d !important;
    border-color: #6c757d;
    width:65px !important;
    height:38px;
    padding-left:12px;
    padding-right:12px;
    padding-top:6px;
    padding-bottom:6px;
    font-size:16px !important;

}

.bgTopBar{background-image:url(../images/bg-teste2.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat;min-height:30px;}

.footer {
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  padding: 1rem !important;
  text-align: center !important;
}

html {
  height: 100%;
  box-sizing: border-box;
}
.mb20{
    margin-bottom:20px;
}
.mt20{
    margin-top:20px;
}

@media screen and (max-height: 400px) {

    .footer{
       position: relative !important;
    }
}


@media screen and (max-width: 420px) {

    .container-login h3{
       text-align:center !important;
    }
     .container-login .form>.texto{
       text-align:center !important;
    }
      .container-login .form>div {
       text-align:center !important;
    }

     .box-inside .form .btn-primary{
       width:70% !important;
       margin-top:10px;
    }
     .logo-mobile{
         text-align:center !important;
         width:100% !important;;
     }
}

/*@media screen and (min-height: 700px) {
    .container-login{
        max-height:100% !important;
        align-items:flex-start !important;
    }
}*/