/*
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
	font-family: Segoe UI,Lucida Grande,Ubuntu,sans-serif;
	background-color: #F3F3F3;
}

.page-container {
	display: flex;
    flex-direction: column;
}

.page-header {
	display: flex;
    justify-content: space-between;
	align-items: center;
}

.signup-block {
	display: flex;
    flex-direction: column;
    padding: 0 20px;
	width: 400px;
    height: 400px;
	text-align: center;
    box-sizing: border-box;
}

.signup-block h1 {
    color: #0e1972;
    text-transform: uppercase;
    font-weight: 600;
    margin: 20px 0;
}

.ol-sync .signup-block {
	color: #01a7ff;
	border-top: 1px solid #0e1972;
	margin-top: 20px;
}

.ol-sync .signup-block h1 {
	text-transform: none;
    font-weight: 600;
	font-size: 24px;
}

.ol-sync .title {
    color: #444444;
	flex-grow: 1;
}

#login_form {
	display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
	margin-bottom: 40px;
	border-bottom: 1px solid #0e1972;
}

.signup-block button {
	border: 2px solid #0e1972;
    background-color: transparent;
    color: #0e1972;
    text-transform: uppercase;
    font-size: 15px;
	font-weight: 600;
    line-height: 38px;
    padding: 0 20px;
	margin-bottom: 20px;
	cursor: pointer;
}

.signup-block button:hover,
.signup-block button:focus {
    background-color: #0e1972;
    color: #FFFFFF;
}

#sso_login {
    display: flex;
    justify-content: space-around;
}

.form-logo {
	padding: 10px 0;
}
.web-form {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;    
}
.form-container {
	display: inline-block;
}
.form-header {
	margin-bottom: 50px;	
	font-size: 18px;
}
.form-header span {
	font-family: "trajan-pro-3", sans-serif;
	font-size: 48px;	
}
#signup_form_container, #login_form_container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 640px;
	height: 350px;
	margin-top: -190px;
	margin-left: -320px;
}
#import_form {
	height: 700px;	
}
#import_form .form-header {
	margin-top: 30px;
}
.form-column {
	display: inline-block;
}
#import_form label {
	display: block;
	text-align: left;
}
#import_form textarea {
	height: calc( 100% - 330px );
}
form input {
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    padding: 0px 10px;
    line-height: 40px;
    border: none;
    box-sizing: border-box;
}
form input[type="submit"], .form-action {
    background-color: rgba(88, 166, 123, 0.75);
    color: #FFFFFF;
    margin-top: 20px;
    padding: 15px 15px;
    border: none;
    border-radius: 2px;
    width: 60%;
    display: inline-block;
	font-size: 28px;
	text-decoration: none;
}

form input[type="submit"]:hover {
    background-color: rgba(88, 166, 123, 1);
}
.error-text {
	color: #FF0000;
	font-size: 16px;
	margin: 0;
}

.web-form {
	font-family: Segoe UI,Lucida Grande,Ubuntu,sans-serif;
	font-size: 16px;
}
#calendar_select_container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 640px;
	height: 550px;
	margin-top: -250px;
	margin-left: -320px;
}
#calendar_select_container .form-header {
	margin-bottom: 20px;
}
.web-form .title {
	font-size: 20px;
	margin-bottom: 28px;
}
.calendar-list {
	display: inline-block;
    text-align: left;
    min-width: 480px;
    box-sizing: border-box;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 40px;
    margin: 40px auto;
    background-color: #FFF;
    color: #444;
}

.ol-sync .calendar-list {
    min-width: inherit;
    max-height: inherit;
    padding: 0;
    margin: 0;
    background-color: transparent;
    color: #000000;
	flex-grow: 1;
	margin: 5px 0;
}

.ol-sync .calendar-list+p {
	border-top: 1px solid #0e1972;
    margin: 0 -20px;
    padding: 20px 0;
}

.calendar-list label {
	display: block;
	padding: 4px 0;
	white-space: nowrap;
	cursor: pointer;
}

.g-sync .calendar-list label:first-child {
	border-bottom: 1px solid #2535b1;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.web-form button {
    background-color: rgba(88, 166, 123, 0.75);
    color: #FFFFFF;
    font-size: 28px;
    margin-top: 20px;
    padding: 15px 15px;
    border: none;
    border-radius: 2px;
    width: 60%;
	cursor: pointer;
}

.web-form button:hover {
    background-color: rgba(88, 166, 123, 1);
}

.error_text {
    font-size: 18px;
    color: #F00;       
} */

/* NEW FORM CSS */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap');

html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
	font-family: 'DM Sans',sans-serif;
	color: #000000;
	background-color: #1358D0;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTkyMHB4IgoJIGhlaWdodD0iMTA4MHB4IiB2aWV3Qm94PSIwIDAgMTkyMCAxMDgwIiBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5MjAgMTA4MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMxNDREQUY7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQoJLnN0MntmaWxsOiNGRkQzNjY7fQoJLnN0M3tmaWxsOiMxMzU4RDA7fQoJLnN0NHtmaWxsOiNCQkZDRkE7fQoJLnN0NXtmaWxsOm5vbmU7c3Ryb2tlOiM4MjlDRDk7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0NntmaWxsOm5vbmU7c3Ryb2tlOiM0Mjc5RDk7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8ZGVmcz4KPC9kZWZzPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01OTUsMEgxNjB2ODRoNDgwLjZWMEw1OTUsMHoiLz4KCTxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3MCAzMikiPgoJCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjIiIGN5PSIyIiByPSIyIi8+CgkJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iMiIgY3k9IjEwIiByPSIyIi8+CgkJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iMiIgY3k9IjE4IiByPSIyIi8+Cgk8L2c+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjkwLDE2N0gwdjgyLjVoMzIwLjVWMTY3SDI5MHoiLz4KCTxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjAgMTY1KSI+CgkJPGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9IjE3MiIgY3k9IjM1IiByeD0iMiIgcnk9IjIiLz4KCQk8ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iMTcyIiBjeT0iNDMiIHJ4PSIyIiByeT0iMiIvPgoJCTxlbGxpcHNlIGNsYXNzPSJzdDEiIGN4PSIxNzIiIGN5PSI1MSIgcng9IjIiIHJ5PSIyIi8+Cgk8L2c+Cgk8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMTUpIj4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTY5NSw0OTloLTk1djg0aDEwNXYtODRMMTY5NSw0OTl6Ii8+CgkJPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ0MCA0OTgpIj4KCQkJPGVsbGlwc2UgY2xhc3M9InN0MyIgY3g9IjE3MiIgY3k9IjM1IiByeD0iMiIgcnk9IjIiLz4KCQkJPGVsbGlwc2UgY2xhc3M9InN0MyIgY3g9IjE3MiIgY3k9IjQzIiByeD0iMiIgcnk9IjIiLz4KCQkJPGVsbGlwc2UgY2xhc3M9InN0MyIgY3g9IjE3MiIgY3k9IjUxIiByeD0iMiIgcnk9IjIiLz4KCQk8L2c+Cgk8L2c+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcxNC40LDE2NkgxMjgwdjgzaDQ4MHYtODNMMTcxNC40LDE2NnoiLz4KCTxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMjAgMTY1KSI+CgkJPGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9IjE3MiIgY3k9IjM1IiByeD0iMiIgcnk9IjIiLz4KCQk8ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iMTcyIiBjeT0iNDMiIHJ4PSIyIiByeT0iMiIvPgoJCTxlbGxpcHNlIGNsYXNzPSJzdDEiIGN4PSIxNzIiIGN5PSI1MSIgcng9IjIiIHJ5PSIyIi8+Cgk8L2c+Cgk8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDcuNzMyKSI+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE1NDQuNSw3NDlIMTI4MHY4M2gyOTIuM3YtODNIMTU0NC41eiIvPgoJCTxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMjAgNzQ4KSI+CgkJCTxlbGxpcHNlIGNsYXNzPSJzdDMiIGN4PSIxNzIiIGN5PSIzNSIgcng9IjIiIHJ5PSIyIi8+CgkJCTxlbGxpcHNlIGNsYXNzPSJzdDMiIGN4PSIxNzIiIGN5PSI0MyIgcng9IjIiIHJ5PSIyIi8+CgkJCTxlbGxpcHNlIGNsYXNzPSJzdDMiIGN4PSIxNzIiIGN5PSI1MSIgcng9IjIiIHJ5PSIyIi8+CgkJPC9nPgoJPC9nPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTYwOS42LDk5N0gzMjB2ODNoMzIwdi04M0g2MDkuNnoiLz4KCTxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2MCA5OTYpIj4KCQk8ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iMTcyIiBjeT0iMzUiIHJ4PSIyIiByeT0iMiIvPgoJCTxlbGxpcHNlIGNsYXNzPSJzdDEiIGN4PSIxNzIiIGN5PSI0MyIgcng9IjIiIHJ5PSIyIi8+CgkJPGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9IjE3MiIgY3k9IjUxIiByeD0iMiIgcnk9IjIiLz4KCTwvZz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04OTguMyw2NjVIMzIwdjgzaDYzOXYtODNIODk4LjN6Ii8+Cgk8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjAgNjY0KSI+CgkJPGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9IjE3MiIgY3k9IjM1IiByeD0iMiIgcnk9IjIiLz4KCQk8ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iMTcyIiBjeT0iNDMiIHJ4PSIyIiByeT0iMiIvPgoJCTxlbGxpcHNlIGNsYXNzPSJzdDEiIGN4PSIxNzIiIGN5PSI1MSIgcng9IjIiIHJ5PSIyIi8+Cgk8L2c+Cgk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMjkwLDQ5OUgwdjgzLjVoMzIwLjVWNDk5SDI5MHoiLz4KCTxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjAgNDk4KSI+CgkJPGVsbGlwc2UgY2xhc3M9InN0MyIgY3g9IjE3MiIgY3k9IjM1IiByeD0iMiIgcnk9IjIiLz4KCQk8ZWxsaXBzZSBjbGFzcz0ic3QzIiBjeD0iMTcyIiBjeT0iNDMiIHJ4PSIyIiByeT0iMiIvPgoJCTxlbGxpcHNlIGNsYXNzPSJzdDMiIGN4PSIxNzIiIGN5PSI1MSIgcng9IjIiIHJ5PSIyIi8+Cgk8L2c+Cgk8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDY2NikiPgoJCTxsaW5lIGNsYXNzPSJzdDUiIHgxPSIwIiB5MT0iMTgiIHgyPSIxOS40IiB5Mj0iMCIvPgoJCTxsaW5lIGNsYXNzPSJzdDUiIHgxPSIwLjEiIHkxPSIzOS4zIiB4Mj0iNDIuNCIgeTI9IjAiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMC4xIiB5MT0iNjAuNiIgeDI9IjY1LjUiIHkyPSIwIi8+CgkJPGxpbmUgY2xhc3M9InN0NSIgeDE9IjAuMSIgeTE9IjgyIiB4Mj0iODguNSIgeTI9IjAiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMjMuMSIgeTE9IjgyIiB4Mj0iMTExLjYiIHkyPSIwIi8+CgkJPGxpbmUgY2xhc3M9InN0NSIgeDE9IjQ2LjIiIHkxPSI4MiIgeDI9IjEzNC42IiB5Mj0iMCIvPgoJCTxsaW5lIGNsYXNzPSJzdDUiIHgxPSI2OS4yIiB5MT0iODIiIHgyPSIxNTcuNyIgeTI9IjAiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iOTIuMyIgeTE9IjgyIiB4Mj0iMTgwLjciIHkyPSIwIi8+CgkJPGxpbmUgY2xhc3M9InN0NSIgeDE9IjExNS4zIiB5MT0iODIiIHgyPSIyMDMuOCIgeTI9IjAiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMTM4LjQiIHkxPSI4MiIgeDI9IjIyNi44IiB5Mj0iMCIvPgoJCTxsaW5lIGNsYXNzPSJzdDUiIHgxPSIxNjEuNCIgeTE9IjgyIiB4Mj0iMjQ5LjkiIHkyPSIwIi8+CgkJPGxpbmUgY2xhc3M9InN0NSIgeDE9IjE4NC41IiB5MT0iODIiIHgyPSIyNzIuOSIgeTI9IjAiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMjA3LjUiIHkxPSI4MiIgeDI9IjI5NiIgeTI9IjAiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMjMwLjYiIHkxPSI4MiIgeDI9IjMxOSIgeTI9IjAiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMjUzLjYiIHkxPSI4MiIgeDI9IjMxOSIgeTI9IjIxLjQiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMjc2LjYiIHkxPSI4MiIgeDI9IjMxOC43IiB5Mj0iNDMiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMjk5LjciIHkxPSI4MiIgeDI9IjMxOC43IiB5Mj0iNjQuNCIvPgoJPC9nPgoJPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTYxIDE2NykiPgoJCTxsaW5lIGNsYXNzPSJzdDUiIHgxPSIwIiB5MT0iMTgiIHgyPSIxOS40IiB5Mj0iMCIvPgoJCTxsaW5lIGNsYXNzPSJzdDUiIHgxPSIwLjEiIHkxPSIzOS4zIiB4Mj0iNDIuNCIgeTI9IjAiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMC4xIiB5MT0iNjAuNiIgeDI9IjY1LjUiIHkyPSIwIi8+CgkJPGxpbmUgY2xhc3M9InN0NSIgeDE9IjAuMSIgeTE9IjgyIiB4Mj0iODguNSIgeTI9IjAiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMjMuMSIgeTE9IjgyIiB4Mj0iMTExLjYiIHkyPSIwIi8+CgkJPGxpbmUgY2xhc3M9InN0NSIgeDE9IjQ2LjIiIHkxPSI4MiIgeDI9IjEzNC42IiB5Mj0iMCIvPgoJCTxsaW5lIGNsYXNzPSJzdDUiIHgxPSI2OS4yIiB5MT0iODIiIHgyPSIxNTcuNyIgeTI9IjAiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iOTIuMyIgeTE9IjgyIiB4Mj0iMTgwLjciIHkyPSIwIi8+CgkJPGxpbmUgY2xhc3M9InN0NSIgeDE9IjExNS4zIiB5MT0iODIiIHgyPSIyMDMuOCIgeTI9IjAiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMTM4LjQiIHkxPSI4MiIgeDI9IjIyNi44IiB5Mj0iMCIvPgoJCTxsaW5lIGNsYXNzPSJzdDUiIHgxPSIxNjEuNCIgeTE9IjgyIiB4Mj0iMjQ5LjkiIHkyPSIwIi8+CgkJPGxpbmUgY2xhc3M9InN0NSIgeDE9IjE4NC41IiB5MT0iODIiIHgyPSIyNzIuOSIgeTI9IjAiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMjA3LjUiIHkxPSI4MiIgeDI9IjI5NiIgeTI9IjAiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMjMwLjYiIHkxPSI4MiIgeDI9IjMxOSIgeTI9IjAiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMjUzLjYiIHkxPSI4MiIgeDI9IjMxOSIgeTI9IjIxLjQiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMjc2LjYiIHkxPSI4MiIgeDI9IjMxOC43IiB5Mj0iNDMiLz4KCQk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMjk5LjciIHkxPSI4MiIgeDI9IjMxOC43IiB5Mj0iNjQuNCIvPgoJPC9nPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9IjE5MjAiIHkxPSI5OTcuNSIgeDI9IjAiIHkyPSI5OTcuNSIvPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9IjE5MjAiIHkxPSI5MTQuNSIgeDI9IjAiIHkyPSI5MTQuNSIvPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9IjE5MjAiIHkxPSI4MzEuNSIgeDI9IjAiIHkyPSI4MzEuNSIvPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9IjE5MjAiIHkxPSI3NDguNSIgeDI9IjAiIHkyPSI3NDguNSIvPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9IjE5MjAiIHkxPSI2NjUuNSIgeDI9IjAiIHkyPSI2NjUuNSIvPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9IjE5MjAiIHkxPSI1ODIuNSIgeDI9IjAiIHkyPSI1ODIuNSIvPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9IjE5MjAiIHkxPSI0OTguNSIgeDI9IjAiIHkyPSI0OTguNSIvPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9IjE5MjAiIHkxPSI0MTUuNSIgeDI9IjAiIHkyPSI0MTUuNSIvPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9IjE5MjAiIHkxPSIzMzIuNSIgeDI9IjAiIHkyPSIzMzIuNSIvPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9IjE5MjAiIHkxPSIyNDkuNSIgeDI9IjAiIHkyPSIyNDkuNSIvPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9IjE5MjAiIHkxPSIxNjYuNSIgeDI9IjAiIHkyPSIxNjYuNSIvPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9IjE5MjAiIHkxPSI4My41IiB4Mj0iMCIgeTI9IjgzLjUiLz4KCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0xNjAwLjUsMHYxMDgwIi8+Cgk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMTI4MC41LDEwODBWMCIvPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9Ijk2MC41IiB5MT0iMCIgeDI9Ijk2MC41IiB5Mj0iMTA4MCIvPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9IjY0MC41IiB5MT0iMTA4MCIgeDI9IjY0MC41IiB5Mj0iMCIvPgoJPGxpbmUgY2xhc3M9InN0NiIgeDE9IjMyMC41IiB5MT0iMCIgeDI9IjMyMC41IiB5Mj0iMTA4MCIvPgo8L2c+Cjwvc3ZnPgo=");
	background-size: cover;
}

.form-container {
	display: flex;
    flex-direction: column;
	/* Fixed width keeps the whole card readable: long messages wrap inside the
	   card instead of stretching it — which used to make the SSO buttons and
	   heading span the full viewport width. calc() lets narrow viewports
	   collapse gracefully without needing a media query. */
	width: 480px;
	max-width: calc(100% - 40px);
	text-align: center;
    box-sizing: border-box;
	background-color: #FFFFFF;
	color: #000000;
	border-radius: 10px;
	padding: 50px;
}

/*.form-header {
	display: none;
	border-bottom: 1px solid #0e1972;
	margin-bottom: 20px;
}*/

.logo-header {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.logo-header h1 {
	font-size: 36px;
	line-height: 46px;
	font-weight: 500;
	margin: 40px 0 0;
}

.logo-header a {
	display: inline-block;
	width: 163px;
	height: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTYzcHgiCgkgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTYzIDIwIiBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2MyAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMxMzU4RDA7fQo8L3N0eWxlPgo8ZGVmcz4KPC9kZWZzPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMjIzLjM4NCAtNDM5Mi41NjcpIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMjE1Mi42LDQzOTIuOWgtNC4zdjExLjdsLTktMTEuN2gtMy4zdjE5LjNoNC4ydi0xMS42bDksMTEuNmgzLjNMLTIxNTIuNiw0MzkyLjlMLTIxNTIuNiw0MzkyLjl6Ii8+Cgk8cmVjdCB4PSItMjA5My4zIiB5PSI0MzkyLjkiIGNsYXNzPSJzdDAiIHdpZHRoPSI0LjIiIGhlaWdodD0iMTkuMyIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0yMTI3LjQsNDM5Mi45aC0xNi40djMuN2g2LjF2MTUuN2g0LjJ2LTE1LjZoNi4xTC0yMTI3LjQsNDM5Mi45eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0yMTAyLjEsNDM5Mi45aC0xNi40djMuN2g2LjF2MTUuN2g0LjJ2LTE1LjZoNi4xTC0yMTAyLjEsNDM5Mi45eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0yMTg1LjUsNDM5Mi45aC0zLjhsLTcuNSwxOS4zaDQuMmw1LjItMTMuOWw1LjIsMTMuOWw0LjIsMEwtMjE4NS41LDQzOTIuOXoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMjIwMy42LDQ0MDAuN2gtOS44djMuN2g1LjRjLTAuOCwyLjMtMywzLjktNS40LDMuOWMtMy4yLDAtNS43LTIuNi01LjctNS43bDAsMGMwLTMuMiwyLjYtNS43LDUuNy01Ljd2LTQuMwoJCWMtNS41LDAtMTAsNC41LTEwLDEwczQuNSwxMCwxMCwxMGM0LjgsMCw4LjktMy40LDkuOC04LjJjMC4xLTAuNiwwLjItMS4yLDAuMi0xLjhDLTIyMDMuNCw0NDAxLjktMjIwMy40LDQ0MDEuMy0yMjAzLjYsNDQwMC43eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0yMDcwLjIsNDQwOC4zYy0zLjIsMC01LjctMi42LTUuNy01LjdsMCwwYzAtMy4yLDIuNi01LjcsNS43LTUuN2MyLjUsMCw0LjYsMS42LDUuNCwzLjloNC40CgkJYy0wLjktNC43LTUtOC4yLTkuOC04LjJjLTUuNSwwLTEwLDQuNS0xMCwxMHM0LjUsMTAsMTAsMTBjNC44LDAsOC45LTMuNCw5LjgtOC4yaC00LjRDLTIwNjUuNiw0NDA2LjctMjA2Ny43LDQ0MDguMy0yMDcwLjIsNDQwOC4zCgkJeiIvPgo8L2c+Cjwvc3ZnPgo=");
	background-size: 163px 20px;
}

/* Visually hides an element while keeping it in the accessibility tree —
   used for input labels so screen readers announce the field even though
   the visual design relies on placeholders. */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.form-message {
	font-size: 16px;
}

.form-message:empty {
	display: none;
}

.form-message:empty+.form-header {
	display: none;
}

.error {
	display: block;
	background-color: #EDA691;
	font-size: 16px;
	color: #000000;
	border-radius: 10px;
	padding: 15px;
	margin-top: 20px;
}

.form-content {
    margin-top: 40px;
}

.trial {
	font-size: 16px;
}

form input {
    width: 380px;
    margin-bottom: 20px;
	font-family: 'DM Sans',sans-serif;
    font-size: 16px;
    padding: 0px 10px;
    line-height: 40px;
    border: 1px solid #e8e8e8;
	border-radius: 10px;
    box-sizing: border-box;
	max-width: 100%;
}

form input:placeholder-shown {
	font-size: 14px;
    color: #000000;
    font-weight: 200;
}

.input-help {
	font-size: 14px;
	color: #939393;
}

.input-help a {
	color: #939393;
	font-size: 16px;
	line-height: 18px;
}

.input-help a:hover {
	color: #444444;
}

.form-container button {
    background-color: #1358D0;
	border: none;
	border-radius: 10px;
	color: #FFFFFF;
    font-size: 18px;
	font-weight: 500;
    line-height: 50px;
    padding: 0 24px;
	margin-top: 40px;
	cursor: pointer;
}

.form-container button:hover,
.form-container button:focus {
    background-color: #144daf;
}

.form-note {
	font-size: 16px;
}

.form-footer {
	padding-top: 10px;
	font-size: 14px;
}


/* SSO */

.sso-block {
	display: flex;
	flex-direction: column;
    text-align: left;
}

.sso-signin {
    display: block;
    line-height: 38px;
    height: 40px;
    background-color: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #939393;
	box-sizing: border-box;
	text-decoration: none;
	cursor: pointer;
}

.sso-signin:hover {
    color: #000000;
}

.sso-logo {
    display: inline-block;
    height: 38px;
    width: 38px;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: top;
}

.ggl .sso-logo {
    background-size: 18px 18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNy42cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE3LjYgMTgiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+IC5zdDB7ZmlsbDojRUE0MzM1O30NCi5zdDF7ZmlsbDojNDI4NUY0O30NCi5zdDJ7ZmlsbDojRkJCQzA1O30NCi5zdDN7ZmlsbDojMzRBODUzO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05LDMuNWMxLjcsMCwyLjgsMC43LDMuNSwxLjNMMTUsMi4zQzEzLjUsMC45LDExLjQsMCw5LDAgQzUuNSwwLDIuNCwyLDEsNWwyLjksMi4zQzQuNiw1LjEsNi42LDMuNSw5LDMuNUw5LDMuNXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTcuNiw5LjJjMC0wLjctMC4xLTEuMy0wLjItMS44SDl2My4zaDVjLTAuMSwwLjgtMC42LDIuMS0xLjgsMi45IGwyLjgsMi4yQzE2LjcsMTQuMywxNy42LDExLjksMTcuNiw5LjJMMTcuNiw5LjJ6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTMuOSwxMC44QzMuNywxMC4yLDMuNiw5LjYsMy42LDlzMC4xLTEuMiwwLjMtMS44TDEsNSBDMC40LDYuMiwwLDcuNiwwLDlzMC4zLDIuOCwxLDRMMy45LDEwLjhMMy45LDEwLjh6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTksMThjMi40LDAsNC41LTAuOCw2LTIuMmwtMi44LTIuMmMtMC44LDAuNS0xLjgsMC45LTMuMSwwLjkgYy0yLjQsMC00LjQtMS42LTUuMS0zLjdMMSwxM0MyLjQsMTYsNS41LDE4LDksMThMOSwxOHoiLz48L3N2Zz4=");
}

.msft .sso-logo {
    background-size: 21px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj48dGl0bGU+TVMtU3ltYm9sTG9ja3VwPC90aXRsZT48cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iOSIgaGVpZ2h0PSI5IiBmaWxsPSIjZjI1MDIyIi8+PHJlY3QgeD0iMSIgeT0iMTEiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiIGZpbGw9IiMwMGE0ZWYiLz48cmVjdCB4PSIxMSIgeT0iMSIgd2lkdGg9IjkiIGhlaWdodD0iOSIgZmlsbD0iIzdmYmEwMCIvPjxyZWN0IHg9IjExIiB5PSIxMSIgd2lkdGg9IjkiIGhlaWdodD0iOSIgZmlsbD0iI2ZmYjkwMCIvPjwvc3ZnPg==);

}

.ol .sso-logo {
    background-size: 38px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDYuNyA0NDUuNiIgeD0iMHB4IiB5PSIwcHgiPjxwYXRoIGZpbGw9IiMxYzFmMmEiIGQ9Ik0gMjIzLjMgMTExLjggQyAxNjEuOSAxMTEuOCAxMTIgMTYxLjYgMTEyIDIyMyBjIDAgNjEuNSA0OS44IDExMS4zIDExMS4zIDExMS4zIFMgMzM0LjYgMjg0LjUgMzM0LjYgMjIzIEMgMzM0LjYgMTYxLjYgMjg0LjggMTExLjggMjIzLjMgMTExLjggWiIvPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0gMjM5LjkgMjYyLjQgYyAwIDIuMSAtMS4xIDMuMiAtMy4yIDMuMiBoIC0yMCBjIC0yLjEgMCAtMy4yIC0xLjEgLTMuMiAtMy4yIHYgLTQ4LjIgaCAtMTUuMyBjIC0yLjEgMCAtMy4yIC0xLjEgLTMuMiAtMy4yIHYgLTIwIGMgMCAtMi4xIDEuMSAtMy4yIDMuMiAtMy4yIGggMzkgYyAyLjEgMCAyLjYgMS4xIDIuNiAyLjYgViAyNjIuNCBaIi8+PC9zdmc+);

}

.saml .sso-logo {
    background-size: 20px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MDBweCIgaGVpZ2h0PSI0MDBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiPjxwYXRoIGZpbGw9IiMyMjIyMjIiIGQ9Ik0zNjAsMjBsLTIwLDIwaC04MEwyMjAsMGgtNDBsLTQwLDQwSDYwTDQwLDIwSDB2MjYwbDEyMCwxMjBoMTYwbDEyMC0xMjBWMjBIMzYweiBNMzYwLDI2My40TDI2My40LDM2MEgxMzYuNkw0MCwyNjMuNFY4MGgxMTYuNmw0MC00MGg2LjlsNDAsNDBIMzYwVjI2My40eiIvPjxwYXRoIGZpbGw9IiMyMjIyMjIiIGQ9Ik0yMDAsMTEwYy0zMy4xLDAtNjAsMjYuOS02MCw2MGMwLDE3LjgsNy43LDMzLjcsMjAsNDQuN1YzMjBoODBWMjE0LjdjMTIuMy0xMSwyMC0yNi45LDIwLTQ0LjcgQzI2MCwxMzYuOSwyMzMuMSwxMTAsMjAwLDExMHoiLz4KPC9zdmc+);

}

/* CALENDAR LISTS */

.calendar-list {
    text-align: left;
    min-width: 320px;
    box-sizing: border-box;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
	margin: 50px 0;
}

.calendar-list label {
	display: block;
	padding: 4px 0;
	white-space: nowrap;
	cursor: pointer;
}

.g-sync .calendar-list label:first-child {
	border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 7px;
}

.g-recaptcha {
	padding-top: 10px;
}

.g-recaptcha>div {
	width: 100% !important;
}

.g-recaptcha .rc-anchor {
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}