/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */



/* -----[ LOGIN ]--------------------------------------------------------------------- */

/*
	Default Class Selectors and ID Selectors have been created for you.
	Alter the Property and Value to reflect your design as required.
	Default Templates use ID Selectors of #cLS and #cRS for Left-hand and Right-hand columns, 
	which may be removed/updated to reflect your Templates.
*/

/* === [ GLOBAL STYLE ] === */

/* === [ Login Form - class applied to Table Tag ] === */

.ResetPasswordForm p:first-child {
    margin-top: 2em;
}

.LoginBorder {
	position: relative;
	margin: 10px 0px;
	padding: 0px;
	clear: both;
	width: 100%;
}
.LoginBorder td{
	width:auto !important
}
/* === [ Login/Logout Buttons - DIV around Image ] === */

.LoginButton {
	position: relative;
	margin: 10px 0px;
	padding: 0px;
	clear: both;
	width: auto;
}

.sidebar .LoginButton {
	display: none;
}

/* Automatically Updateded in patch version 4.3.4 */
/* -----[ Patch 4.3.4 ]----- */

.LoginFormSpacer {} /* empty paragraph in the login module */

.ForgetLoginBorder { } /* container for the 'Forgotten Password' form */
/* Automatically Updateded in patch version 4.3.4 */
/* -----[ Patch 4.3.4 ]----- */

.LoginFormSpacer {} /* empty paragraph in the login module */

.ForgetLoginBorder { } /* container for the 'Forgotten Password' form */
/* Automatically Updateded in patch version 4.3.4 */
/* -----[ Patch 4.3.4 ]----- */

.LoginFormSpacer {} /* empty paragraph in the login module */

.ForgetLoginBorder { } /* container for the 'Forgotten Password' form */
/* Automatically Updateded in patch version 4.3.4 */
/* -----[ Patch 4.3.4 ]----- */

.LoginFormSpacer {} /* empty paragraph in the login module */

.ForgetLoginBorder { } /* container for the 'Forgotten Password' form */
/* Automatically Updateded in patch version 4.3.4 */
/* -----[ Patch 4.3.4 ]----- */

.LoginFormSpacer {} /* empty paragraph in the login module */

.ForgetLoginBorder { } /* container for the 'Forgotten Password' form */
/* Automatically Updateded in patch version 4.3.4 */
/* -----[ Patch 4.3.4 ]----- */

.LoginFormSpacer {} /* empty paragraph in the login module */

.ForgetLoginBorder { } /* container for the 'Forgotten Password' form */
/* Automatically Updateded in patch version 4.3.4 */
/* -----[ Patch 4.3.4 ]----- */

.LoginFormSpacer {} /* empty paragraph in the login module */

.ForgetLoginBorder { } /* container for the 'Forgotten Password' form */
/* Automatically Updateded in patch version 4.3.4 */
/* -----[ Patch 4.3.4 ]----- */

.LoginFormSpacer {} /* empty paragraph in the login module */

.ForgetLoginBorder { } /* container for the 'Forgotten Password' form */
/* Automatically Updateded in patch version 4.3.4 */
/* -----[ Patch 4.3.4 ]----- */

.LoginFormSpacer {} /* empty paragraph in the login module */

.ForgetLoginBorder { } /* container for the 'Forgotten Password' form */
/* Automatically Updateded in patch version 4.3.4 */
/* -----[ Patch 4.3.4 ]----- */

.LoginFormSpacer {} /* empty paragraph in the login module */

.ForgetLoginBorder { } /* container for the 'Forgotten Password' form */
/* Automatically Updateded in patch version 4.3.4 */
/* -----[ Patch 4.3.4 ]----- */

.LoginFormSpacer {} /* empty paragraph in the login module */

.ForgetLoginBorder { } /* container for the 'Forgotten Password' form */
/* Automatically Updateded in patch version 4.3.4 */
/* -----[ Patch 4.3.4 ]----- */

.LoginFormSpacer {} /* empty paragraph in the login module */

.ForgetLoginBorder { } /* container for the 'Forgotten Password' form */
/* Automatically Updateded in patch version 4.3.4 */
/* -----[ Patch 4.3.4 ]----- */

.LoginFormSpacer {} /* empty paragraph in the login module */

.ForgetLoginBorder { } /* container for the 'Forgotten Password' form */



	.LoginBorder b{
		font-size: 11px;
		margin-bottom: 5px;
		font-weight:normal;
	}
	.LoginBorder td{
		display:block
	}
	.LoginBorder tbody tr:nth-child(n+5) td{
		text-align:center;
	}		


.LoginBorder input[type=text] ,
.LoginBorder input[type=password] {
	box-shadow: none !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 2px #D5D5D5 solid !important;
	height: auto !important;
	padding: 5px 0 !important;
}

.LoginBorder input[type=checkbox] {
	margin-top: 5px !important;
}
	.LoginBorder input[type=checkbox]:before {
		box-shadow: none !important;
		border-radius: 0 !important;
		border: 2px #d5d5d5 solid !important;
	}
	.LoginBorder input[type=checkbox]:after {
		top: 3px !important;
		left: 4px !important;
	}


	.LoginBorder a ,
	.LoginBorder a:hover ,
	.LoginBorder a:focus {
		color: #727272;
		display: inline-block;
		transform: translateY(-5px);		
	}
	.LoginBorder a:hover {
		text-decoration: none;
	}





span.PasswordValidationIcon 
{
	display: inline-block;
	background: white;
	width: 14px;
	height: 14px;
	border-radius: 7px;
    	position: absolute;
    	top: 39px;
    	right: 13px;
	vertical-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 1;
	-webkit-transition: opacity 0.25s, -webkit-transform 0.5s, background-color 0.25s;
	        transition: opacity 0.25s,         transform 0.5s, background-color 0.25s;
	
	cursor: pointer;
}
	span.PasswordValidationIcon.hidden 
	{
		opacity: 0;
		cursor: default;
		-webkit-transform: scale(0.25);
		        transform: scale(0.25);
	}
	span.PasswordValidationIcon.PasswordInvalid 
	{
		background-color: #E02F2F;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuM4zml1AAAACpSURBVDhPYxgFQxD8///fAIgFoGwWIF4OxD5gSVIB1ID3QNwP5bcD8Wcg1gArIAcANTcA8XcgTgBiEAiBSpEHgAZwAPFzsFH//8+HClMGgAath5j33wQqRD4AGuIAMev/ayDeDhUmDwANAEXKbSDeDMQ+QAwCHlBp0gFQcwEQgyJEBsoHeX02WJJUANQIch0oMsBJBgRAYlAmeQBogAUQi0C5o2BoAgYGAJTjmg4q/rEgAAAAAElFTkSuQmCC');
	}
	span.PasswordValidationIcon.PasswordValid 
	{
		cursor: default;
		background-color: #18B301;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuM4zml1AAAAChSURBVDhPrdCtEcJAEEDhCAQlICgBgaQEBBKJQFAEXUQiKIUCkBRAGUjE8ZaJyM9LBMvOfObtipurSil/pTFDY4bGDI0ZGjM0Tjjj3msdGkdsEHOC7b80jnhg8nVBozjijVWrKY1Y4IBZ44kr7LZDI+K/XqixQ8wadtuhsbFHTLzuBrsZ0NhyQcwWth/Q2DLHstcmaczQmKExQ2OGxt+V6gNRgLuWNRWCSAAAAABJRU5ErkJggg==');
	}
	

	span.PasswordValidationIcon.checking 
	{
		-webkit-animation: validationIconSpin 0.25s linear 0.25s infinite;
		        animation: validationIconSpin 0.25s linear 0.25s infinite;

		-webkit-transition: opacity 0.25s;
				transition: opacity 0.25s;
	} 
	
	
	
@-webkit-keyframes validationIconSpin {
	from { -webkit-transform: rotate(  0deg); }
	to   { -webkit-transform: rotate(360deg); }
}
@keyframes validationIconSpin {
	from { transform: rotate(  0deg); }
	to   { transform: rotate(360deg); }
}	

.seoname_redirects.NotLoggedIn .full-page.login-page .LoginForm { display: none; }


@media (max-width: 992px) {
	.sidebar .LoginButton {
		float: right;
		display: block;
		position: relative;
		border-radius: 2px;
		height: 30px;
		width: 140px;
		font-size: 14px;
		margin: 40px 0 0 0;
		left: calc( -25% + 70px);
		clear: none;
	}
	.sidebar .LoginButton:after {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		content: "Logout";
		line-height: 30px;
		text-align: center;
		font-weight: 600;
		font-size:  14px;
	}

	.sidebar .LoginButton input {
		opacity: 0;
		width: 100%;
		height: 30px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 50;
		color: #ffffff;
	}
}

@media (max-width: 550px) {
	.sidebar .LoginButton {
		float: none;
		margin-bottom: 40px;
		left: calc( 50% - 70px);
	}
}	



.GoToForgotPasswordLink,
.GoToLoginLink,
.GoToForgotPasswordLink:hover,
.GoToLoginLink:hover {
    background: #1E6EB5;
    color: white;
    display: inline-block;
    height: 34px;
    margin: 0;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    line-height: 34px;
    padding: 0 2em;
}

	

.AzureSsoLogin {
    padding: 3em 0;
    text-align: center;
}
    .AzureSsoLogin input[type=button] {
        background: #1E6EB5;
        color: white;
        display: inline-block;
        padding: 0 2em;
        height: 34px;
        margin: 0;
        text-align: center;
        font-size: 12px;
        text-decoration: none;
        line-height: 34px;    
        border: none;
        border-radius: 2px;
        cursor: pointer;
    }
    .AzureSsoLogin input[type=button]:disabled {
        background: #ccc;
        color: #eee;
        cursor: default;
    }


/**** Two Factor Auth ****/

.LoginTwoFactorAuth {}

	.LoginTwoFactorAuth .TwoFactorAuthEntry {}
	.LoginTwoFactorAuth .TwoFactorAuthEntry label {
		font-family: 'open-sans', 'Open Sans', sans-serif;
		color: #999999;		
		display: block;
		font-size: 11px;
    	margin-bottom: 5px;
    	font-weight: normal;		
	}

    .SetUpTwoFactorAuthModalShadow {
        display: block;
        background: rgba(0,0,0,0.5);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99998;
    }
        .SetUpTwoFactorAuthModalShadow.hidden {
            display: none;
        }

    .CloseTwoFactorAuthModal {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 50%;
        left: 50%;
        margin: -324px 0 0 320px;
        z-index: 99999;
        z-index: 100000;
    }
        .CloseTwoFactorAuthModal:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 40px;
            height: 40px;
            font-family: "Font Awesome 5 Free";
            font-size: 40px;
            text-align: center;
            line-height: 40px;
            font-weight: 900;
            color: white;
            content: "\f057";
            cursor: pointer;
        }
    .SetUpTwoFactorAuthModal {
        box-sizing: border-box;
        width: 600px;
        height: 648px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -300px 0 0 -324px;
        background: white url('/Resources/Images/two-factor-auth-setup-bg.png') top center no-repeat;
        z-index: 99999;
        padding: 0 115px;
        font-size: 14px;
        font-family: 'open-sans', 'Open Sans', sans-serif;
        color: #707070;
        border-radius: 20px;
    }
        .SetUpTwoFactorAuthModal h2 {
            font-weight: 400;
            font-size: 20px;
            margin: 0 0 0.5em 0;
            color: white;
            font-family: 'open-sans', 'Open Sans', sans-serif;
        }
        .SetUpTwoFactorAuthModal h3 {
            font-weight: 400;
            font-size: 16px;
            margin: 0.5em 0;
            font-family: 'open-sans', 'Open Sans', sans-serif;
        }
        .SetUpTwoFactorAuthModal p {
            margin: 0;
            padding: 0;
            line-height: 1.2em;
        }

        .SetUpTwoFactorAuthModal .Intro {
            height: 218px;
            color: white;
            padding-top: 45px;
            box-sizing: border-box;
        }
        .SetUpTwoFactorAuthModal .AppList {}
            .SetUpTwoFactorAuthModal .AppList h3 { margin-top: 0; }
            .SetUpTwoFactorAuthModal .AppList ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }
            .SetUpTwoFactorAuthModal .AppList ul li {
                list-style: none;
                margin: 0;
                padding: 0;
            }
                .SetUpTwoFactorAuthModal .AppList ul li + li {
                    margin-top: 0.5em;
                }

            .SetUpTwoFactorAuthModal .AppList a {
                text-decoration: none;
                color: #a0a0a0;
            }
            .SetUpTwoFactorAuthModal .AppList img {
                width: 14px;
                margin-right: 6px;
            }
            .SetUpTwoFactorAuthModal .AppList span {
                text-decoration: underline;
            }
            .SetUpTwoFactorAuthModal .AppList a:hover span {
                text-decoration: none;
            }

        .SetUpTwoFactorAuthModal .QrCode {
        }
            .SetUpTwoFactorAuthModal .QrCode .QrCodeImage {
                text-align: center;
                padding: 5px;
                border: 1px #B2B2B2 solid;
                border-radius: 15px;
            }
            .SetUpTwoFactorAuthModal .QrCode img {
                width: 150px;
            }
        .SetUpTwoFactorAuthModal .TextEntry {
        }
            .TwoFactorAuthCodeEntry {
                position: relative;
                height: 45px;
            }
                .TwoFactorAuthCodeEntry input {
                    position: absolute !important;
                    top: 0 !important;
                    left: 0 !important;
                    right: 0 !important;
                    height: 45px !important;
                    z-index: 50 !important;
                    border: none !important;
                    background: transparent !important;
                    color: transparent !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    box-shadow: none !important;
                }
                .TwoFactorAuthCodeEntry ul {
                    list-style: none;
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    z-index: 25;
                    margin: 0;
                    padding: 0;
                    text-align: center;
                }
                .TwoFactorAuthCodeEntry li {
                    display: inline-block;
                    width: 45px;
                    height: 45px;
                    line-height: 45px;
                    text-align: center;
                    border: 1px #6BA0CE solid;
                    border-radius: 5px;
                    box-sizing: border-box;
                    margin: 0;
                    padding: 0;
                    color: #EA0001;
                    transition: background-color 0.25s;
                }
                    .TwoFactorAuthCodeEntry li + li {
                        margin-left: 16px;
                    }
                    .TwoFactorAuthCodeEntry li.empty {
                        border-color: #A1A1A1;
                    }
                        .TwoFactorAuthCodeEntry input:focus + ul li.next:after ,
                        .TwoFactorAuthCodeEntry input:focus + ul li:last-child:not(.empty):after {
                            content: '';
                            background: #EA0001;
                            width: 1px;
                            height: 1em;
                            display: inline-block;
                            animation: blink 1s linear infinite;
                        }
                        .TwoFactorAuthCodeEntry input:focus + ul li.next:after {
                            transform: translateY(0.1em) translateX(-0.15em);
                        }
                        .TwoFactorAuthCodeEntry input:focus + ul li:last-child:not(.empty):after {
                            transform: translateY(0.1em) translateX(0.25em);
                        }

        .SetUpTwoFactorAuthModal.hidden {
            display: none;
        }

        .SetUpTwoFactorAuthModal .CheckingText,
        .SetUpTwoFactorAuthModal .InvalidCodeText {
            display: none;
        }
        .SetUpTwoFactorAuthModal.checkingCode .CheckingText {
            display: inline-block;
        }
        .SetUpTwoFactorAuthModal.invalidCode .InvalidCodeText {
            display: inline-block;
            color: #EA0001;
        }


      @keyframes blink {
        0% {
          opacity: 0;
        }
        50% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }

	.LoginTwoFactorAuth .TwoFactorAuthButton {
		text-align: center;
		margin-top: 20px;
	}
		.LoginTwoFactorAuth .TwoFactorAuthButton input[type=submit] {
			display: inline-block;
			font-family: 'open-sans', 'Open Sans', sans-serif;
			font-weight: inherit;
			box-sizing: content-box;
			font-size: 14px;		
			background-color: #1c63ac;
			border: 0;
			color: #fff;
			cursor: pointer;
			height: 38px;
			outline: none;
			min-width: 100px;
			width: 150px;
			border-radius: 3px;
			text-align: center;
		}
		.LoginTwoFactorAuth .TwoFactorAuthButton .ErrorMessage {
			display: block;
			color: red;
			font-size: 12px;
		}

.TwoFactorAuth .SetupInfo h2 {
    font-weight: 700;
    font-size: 24px;
    color: #333;
    margin: 10px 0;
    line-height: 1.5em;
} 

.TwoFactorAuth .SetupInfo button {
    display: inline-block;
    font-family: 'open-sans', 'Open Sans', sans-serif;
    font-weight: inherit;
    box-sizing: content-box;
    font-size: 14px;        
    background-color: #1c63ac;
    border: 0;
    color: #fff;
    cursor: pointer;
    height: 38px;
    outline: none;
    border-radius: 3px;
    text-align: center;    
    padding: 0 30px;
}


/*************************/



/* mobile long presses on login buttons */

body {
    -webkit-user-select: none !important;   
    -webkit-touch-callout: none !important;
}

.LoginForm input[type=image] ,
.AzureSsoLogin input[type=button] {
    -webkit-user-select: none !important;   
    -webkit-touch-callout: none !important;
}


.LoginForm input[type=image].longTouch ,
.AzureSsoLogin input[type=button].longTouch {
    transform: scale(1.2);
    transition: all 0.25s cubic-bezier(.27,.93,.69,1.23);
}