.kompass-auth {
    position: relative;
    font-family: "Lato", "Arial";
    width: 100vw;
    height: 100vh;
    color: #3f3f3f;
    text-align: left;
    background: #f0f1f7;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

	.kompass-auth .alert-danger {
		font-size: 14px;
		color: #e7312d;
		background: #fbebeb;
		border-color: #e7312d;
		padding: 5px 10px;
	}

	.kompass-auth .btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 38px;
        font-size: 14px;
        font-weight: 600;
        line-height: initial;
        text-transform: uppercase;
        background: 0;
        border-radius: 8px;
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.4);
    }

	.kompass-auth .flaticon {
		display: inline-flex;
		width: 20px;
		height: 20px;
	}

		.kompass-auth .flaticon path { fill: #c0c0c0; }

	.kompass-auth .containerConnect {
		display: flex;
		width: calc(100% - 40px);
		height: calc(100% - 80px);
        margin: 40px 20px;
	}

		.kompass-auth .blockConnect {
		    position: relative;
			width: 1160px;
		    background: #fff;
		    border: 0;
		    border-radius: 20px;
		    box-shadow: 0 2px rgba(10, 10, 10, 0.04);
		    margin: auto;
		}

				@media screen and (max-width: 992px) {
	                .kompass-auth .blockConnect {padding: 30px 15px; }
				}
				@media screen and (min-width: 992px) {
	                .kompass-auth .blockConnect {padding: 40px 15px; }
				}

			.kompass-auth .rowLogin {
			    display: flex;
			    align-items: stretch;
			}

				.kompass-auth .colLoginSpeech {
	                min-height: 100%;
	                border-right: 1px solid #dadada;
	                padding: 15px 70px;
	            }

					.kompass-auth h2 {
						display: flex;
						flex-flow: column;
						justify-content: center;
						align-items: center;
						line-height: 1;
						margin: 0;
					}

							.kompass-auth .colLoginSpeech h2 { margin: 0 0 30px; }

						.kompass-auth h2 .blockFlaticon {
							display: flex;
							width: 187px;
							height: 17px;
						}

						.kompass-auth h2 .blockTitle {
							font-size: 14px;
							font-weight: 600;
							color: #e30613;
							text-transform: uppercase;
							letter-spacing: 5px;
						}

					.kompass-auth h3 {
						font-size: 22px;
						font-weight: 600;
						color: #028d7e;
						padding: 0 0 25px;
						margin: 0;
					}

					.kompass-auth ul { padding: 0; }

						.kompass-auth ul li {
							font-size: 16px;
							line-height: 25px;
							list-style-type: inherit;
							margin: 0 0 10px 30px;
						}

					.kompass-auth p {
						font-size: 16px;
						font-weight: 600;
						line-height: 30px;
						margin-bottom: 0;
					}

				.kompass-auth .colLogin {
					display: flex;
					flex-flow: column;
					min-height: 100%;
				}

						@media screen and (max-width: 768px) {
			                .kompass-auth .colLogin { padding: 0 15px; }
						}
						@media screen and (min-width: 768px) {
							.kompass-auth .colLogin { padding: 15px 70px; }
						}

					.kompass-auth .myMiniAccountBlocWrap { flex: 1 1 auto; }

							@media screen and (min-width: 992px) {
							    .kompass-auth .myMiniAccountBlocWrap { padding-right:15px; }
							}

						.kompass-auth form { width: 100%; }

							.kompass-auth .flagContainer {
							    display: flex;
							    width: 100%;
							    margin-bottom: 30px;
						    }

								@media screen and (max-width: 992px) {
									.kompass-auth .flagContainer {
									    justify-content: space-between;
									    align-items: center;
							        }
								}

								@media screen and (min-width: 992px) {
									.kompass-auth .flagContainer {
									    justify-content: flex-end;
									    align-items: center;
							        }

										.kompass-auth .flagContainer h2 { display: none; }
								}


								.kompass-auth .flagContainer .dropdownButton {
									position: relative;
									display: flex;
									width: 44px;
									height: 35px;
									align-items: center;
									font-size: 0.875rem;
									color: #343d42;
									background: #fff;
									border: 1px solid #E4EAEF;
									border-radius: 8px;
									padding-top: 0.25rem;
									padding-bottom: 0.25rem;
									padding-left: 0.5rem;
								}

								.kompass-auth .flagContainer .dropdown-menu {
									border-radius: 10px;
									padding: 5px 0;
								}

									.kompass-auth .flagContainer .dropdown-menu ul {
										list-style: none;
                                        padding: 0;
                                        margin: 0;
                                    }

										.kompass-auth .flagContainer .dropdown-menu li {
			                                padding: 5px 20px;
			                                margin: 0;
			                                cursor: pointer;
			                            }

							.kompass-auth .fieldLabel label {
							    font-size: 12px;
							    color: #888;
							    text-transform: uppercase;
							    padding: 0 0 5px;
							}

								.kompass-auth .fieldLabel label .asterisc {
								    position: absolute;
								    line-height: 15px;
								    margin-left: 5px;
								}

							.kompass-auth .fieldInput {
							    position: relative;
							    display: flex;
							    align-items: center;
							    width: 100%;
							    height: 45px;
							    background: 0;
							    border: 1px solid #dadada;
							    border-radius: 5px;
							    box-shadow: none;
							    padding: 0;
							    margin-bottom: 30px;
							}

								.kompass-auth input,
								.kompass-auth input[type="email"],
								.kompass-auth input[type="text"],
								.kompass-auth input[type="password"] {
								    width: 100%;
								    height: 43px;
								    background: none !important;
								    border: 0;
								    border-radius: 0 6px 6px 0;
								    box-shadow: none;
								    padding: 0;
								    margin-bottom: 0;
								}

									.kompass-auth .fieldInput .lookpwd {
										position: absolute;
									    font-size: 15px;
									    color: #888;
									    background: 0;
									    border: 0;
									    top: 11px;
									    right: 10px;
									    cursor: pointer;
								    }

									.kompass-auth .fieldInput .lookpwd.lookpwdOpacity { opacity: .5; }

								.kompass-auth input::placeholder {
								    font-size: 13px;
								    font-style: italic;
								    color: #aaa;
								}

								.kompass-auth .fieldInput .blockFlaticon {
								    display: flex;
								    justify-content: center;
								    align-items: center;
								    width: 35px;
								    height: 30px;
								    border: 1px solid #c0c0c0;
								    border-radius: 20px;
								    margin: 0 15px;
								}

							.kompass-auth .blockBtnsConnexion {
						        text-align: center;
							    border-bottom: 1px solid #dadada;
							    padding-bottom: 30px;
							    margin: 30px 0;
							}

								.kompass-auth .form-field-button {
								    clear: initial;
								    display: block;
								    width: auto;
								    margin-top: 00px;
								    margin-bottom: 20px;
								}

									.kompass-auth .blockBtnsConnexion .btn {
									    color: #fff;
									    letter-spacing: 1px;
									    background: #028d7e;
									    border: 1px solid #028d7e;
									    padding: 0 40px;
									}

								.kompass-auth .blockBtnsConnexion a {
								    display: inline-block;
								    color: #3499dc;
								    text-align: center;
								    text-transform: none;
								    text-decoration: underline;
								    margin: 10px 20px 0;
								}

							.kompass-auth .blockCreateAccount { text-align: center; }

								.kompass-auth .blockCreateAccount .btn {
								    color: #028d7e;
								    border-color: transparent;
								    padding: 0 20px;
								}