.authentication-bg form
{
	padding: 20px; 
}

.authentication-bg h1
{
	font-size: 36px;
	font-weight: 500; 
}

.authentication-bg  .auth-fluid .auth-fluid-form-box
{
	padding: 0  !important; 
}


.authentication-bg form input 
{
	display: block; 
	padding: 10px 15px; 
	margin: 0 auto 10px auto; 
	width: 220px !important;
	
	border: 1px solid #dee2e6;
    border-radius: 0.25rem !important;
}

.authentication-bg form button
{ 
	padding: 10px 15px; 
	width: 220px; 
	margin-top: 10px; 
}

.psc-logo-container
{
	display: none;
	visibility: hidden;
	
	margin-top: 10px; 
	padding: 20px;
	text-align: center; 
}

.psc-logo
{
	width: 220px; 
}

.text-center
{
	text-align: center; 
}

.authentication-bg .input-group {	
	display: grid;
	text-align: center;  
}


.text-danger
{
	color: #a94442; 
}




.wrapperlogin
{
	background: linear-gradient(to bottom right, #eeeeee 0%, #008bd2 100%);
}


title
{
    content: "Progiclean";
}



:root {
    --primary-color: #2c9594 !important;
    --primary-color-light: #f2fafa !important;
    --secondary-color: #B2DFDB !important;
}


#root .login.logo
{
	background: url(/perso/logo_mobiclean.svg);
	background-repeat: no-repeat;
    background-position: 50%;
    background-size: initial;
    width: max(300px,40vw);
}




.login-page .login-logo>a>i, 
.containerlogin>i
{
    background: url(/perso/progisap_big_white.png);
    background-repeat: repeat;
    background-size: auto auto;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    min-height: 100px;
}



.logo .logo-lg > div 
{
    background: url('/perso/logo.svg');
    background-repeat: repeat;
    background-size: auto auto;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    height: 50px;
}

.logo .logo-mini > div 
{
    background: url('/perso/picto-progisap.png');
    background-repeat: repeat;
    background-size: auto auto;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    height: 50px;
}



.bg-bubbles li {
    position: absolute;
    display : list-item;
    list-style-image: url("picto-ms.png");
    list-style-type: inherit; 
    width: 40px;
    height: 40px;
    background-color: transparent;
    bottom: -160px;
    -webkit-animation: square 20s infinite;
    animation: square 20s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}


.bg-bubbles li:nth-child(9) {
  background-color: transparent;
}

.bg-bubbles li:nth-child(6) {
  background-color: transparent;
}

.bg-bubbles li:nth-child(4) {
  background-color: transparent;
}