#loginPage{display:flex;}
#loginPage #left, #loginPage #right{flex-basis:50%;height:100vh;}
#loginPage #left{display:flex;justify-content:center;align-items:center;background: url(/image/working-common-desk-minify.jpg);background-size:cover;background-position:50% 0px;}
#loginPage #left .textPage{cursor:pointer;padding:10px 20px;border-radius:5%;font-size:4rem;background:linear-gradient(to right, rgba(156, 39, 176, 0.5), rgba(224, 64, 251, 0.5));}
#loginPage #left .textPage a{color:#fff !important;}
#loginPage #right{overflow-y:auto;background:#474A59;}
#loginPage .alert {margin:15px 20px 0;}
#loginPage #right .textForMobile{display:none;}
#loginPage.registerSection .main{height:unset !important;}
#loginPage.registerSection .main #formRegister{padding-bottom:30px;}
@media (max-width:992px) and (orientation:landscape)
{
#loginPage #left, #loginPage #right{height:100%;}
}
@media (max-width:992px)
{
#loginPage #right .main{height:unset !important;padding-bottom:10px;min-width:unset !important;width:400px !important;max-width:80%;margin:5em auto;}
#loginPage #right .main form{text-align:center;}

#loginPage #left{display:none;}
#loginPage #right{flex-basis:100%;width:100%;}
#loginPage #right .textForMobile{display:block;}
#header .container-fluid{display:flex !important;}
#header .container-fluid #header-logo.navbar-header{border-right:0;display:block !important;width:unset !important;order:2;}
#header .container-fluid #button-menu{order:1;}
} 
@media (min-width:993px)
{
#loginPage #right{display:flex;justify-content:center;align-items:center;}
#loginPage #right .main{max-width:60% !important;margin: auto !important;}
header{display:none !Important;}
}
     body {
        background-color: #F3EBF6;
        font-family: 'Ubuntu', sans-serif;
    }
    
    .main {
        background-color: #FFFFFF;
        min-width: 400px;
        min-height: 400px;
        margin: 7em auto;
        border-radius: 1.5em;
        box-shadow: 0px 11px 35px 2px rgba(0, 0, 0, 0.14);
    }
    
    .sign {
        padding-top: 40px;
        color: #8C55AA;
        font-family: 'Ubuntu', sans-serif;
        font-weight: bold;
        font-size: 23px;
    }
    
    .un {
    width: 76%;
    color: rgb(38, 50, 56);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    background: rgba(136, 126, 126, 0.04);
    padding: 10px 20px;
    border: none;
    border-radius: 20px;
    outline: none;
    box-sizing: border-box;
    border: 2px solid rgba(0, 0, 0, 0.12);
    margin-bottom: 50px;
    text-align: center;
    margin-bottom: 27px;
    font-family: 'Ubuntu', sans-serif;
    }
    
    form.form1 {
		text-align:center;
        padding-top: 40px;
    }
    
    .pass {
            width: 76%;
    color: rgb(38, 50, 56);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    background: rgba(136, 126, 126, 0.04);
    padding: 10px 20px;
    border: none;
    border-radius: 20px;
    outline: none;
    box-sizing: border-box;
    border: 2px solid rgba(0, 0, 0, 0.12);
    margin-bottom: 50px;
    text-align: center;
    margin-bottom: 27px;
    font-family: 'Ubuntu', sans-serif;
    }
    
   
    .un:focus, .pass:focus {
        border: 2px solid rgba(0, 0, 0, 0.25) !important;
        
    }
    
    .submit {
		transition:.2s;
		cursor: pointer;
        border-radius: 5em;
        color: #fff;
        background: linear-gradient(to right, #9C27B0, #E040FB);
        border: 0;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 10px;
        padding-top: 10px;
        font-family: 'Ubuntu', sans-serif;
        margin: auto !important;
		display:block;
		max-width:160px;
        font-size: 13px;
        box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04);
    }
	.submit:hover{
		color:#d7d7d7;
	}
    
    .forgot {
        text-shadow: 0px 0px 3px rgba(117, 117, 117, 0.12);
        color: #E1BEE7;
        padding-top: 15px;
    }