body {
            background-color: #F4F6F9;
        }

        html, body {
            height: 100%;
            color: #16325c;
            font-family: 'Varela Round';
            font-style: normal;
            font-weight: 400;
            padding: 0;
            margin: 0 auto;
            display: table;
            width: 100%;
        }

        #left {
            display: table-cell;
            height: 100%;
            background-color: #729BEB;
            width: 30%;
            position: relative;
            padding-top: 50px;
        }

        #right {
            display: table-cell;
            vertical-align: top;
            background-color: #D8DDE6;
            width: 70%;
            height: 100%;
            color: #ffffff;
        }

            #right iframe {
                width: 100%;
                height: 100%;
                overflow: hidden;
                border: none;
                float: right;
            }

        .logo {
            margin-top: 30px;
        }

        .form-login {
            text-align: center;
            margin-top: 50px;
        }

            .form-login input {
                width: 90%;
                padding: 16px;
                border: none;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                color: #999;
                background-color: #eee;
                font-size: 20px;
				margin-top: 10px;
                margin-bottom: 10px;
                font-family: 'Varela Round';
                font-style: normal;
                font-weight: 400;
            }

        .login-button {
            overflow: hidden;
            margin-top: -1.5%;
            text-align: right;
            width: 90%;
            margin: auto;
        }

            .login-button .button {
                background: #ffcc00;
                border-color: #ffffff;
                border-radius: 41px;
                color: #ffffff;
                position: relative;
                padding: 0.3em 1.2em;
                border: none;
                font-size: 20px;
                font-weight: 500;
                line-height: 1.7em !important;
                outline: none;
            }

            .login-button .help-button {
                background: #ffcc00;
                padding: .3em 1em;
                border-color: #ffffff;
                border-radius: 41px;
                color: #ffffff;
                position: relative;
                border: none;
                font-size: 20px;
                font-weight: 500;
                line-height: 1.7em !important;
                outline: none;
				cursor: pointer;
            }

            .login-button span {
                font-size: 20px;
                color: white;
                font-family: 'Varela Round';
                font-style: normal;
                font-weight: 400;
            }

        .button span {
            cursor: pointer;
            display: inline-block;
            position: relative;
            transition: 0.5s;
        }

            .button span:after {
                content: '\203A';
                position: absolute;
                opacity: 0;
                top: 0;
                right: 0;
                transition: 0.5s;
            }

        .button:hover span {
            padding-right: 15px;
        }

            .button:hover span:after {
                opacity: 1;
                right: 0;
            }

        .button:hover, .help-button:hover {
            -webkit-filter: brightness(105%);
        }

        .footer {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 1rem;
            text-align: center;
            color: white;
        }

            .footer a {
                color: white;
                text-decoration: none;
            }
		.error{
			display: block;
			color: red;
			font-size: 18px;
		}
		@media (max-width: 1024px) {
			#right {
				display: none;
			}
}
		@media (max-width: 600px) {
			.form-login input {
				 padding: 10px !important;
				 font-size: 16px !important;
			}
			 .login-button .help-button, .login-button span, .button {
				 font-size: 16px !important;
			 }
			 .error {
				 font-size: 14px !important;
			 }
			 #left {
				padding-top: 5px !important;
			 }
			 .footer {
				 font-size: 12px !important;
			 }
}