﻿
div.content { position: relative; }
div.footer { border-top: 1px solid #FFFFFF; }

div.content.vcp-signin-form-bgr { background: url(/__LocalCDN/Images/_SignIn/signin-vcp.jpg) no-repeat center; background-size: cover; }
div.content.wa-signin-form-bgr { background: url(/__LocalCDN/Images/_SignIn/signin-wa.jpg) no-repeat center; background-size: cover; }
div.content.message-form-bgr { background: url(/__LocalCDN/Images/bgr-focus.jpg) no-repeat center; background-size: cover; }

/* ========================================================================================================================================================================================================================================================================================================================== */
/* SIGN IN FORM --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div.modal-window.signin-form { position: absolute; }

@media(max-width:459px) {
	div.modal-window.signin-form { position: fixed; }
	div.modal-window.signin-form div.window-wrapper { width: 100% !important; height: 100% !important; border-radius: 0px !important; }
	div.modal-window.signin-form div.form-wrapper { padding: 0px 20px 40px 20px; }
}

@media(min-width:460px) {
	div.modal-window.signin-form div.form-wrapper { padding: 0px 75px 0px 75px; }
}

/* ========================================================================================================================================================================================================================================================================================================================== */
/* MESSAGE FORM --- OK */
/* ========================================================================================================================================================================================================================================================================================================================== */

div.modal-window.message-form { }
div.modal-window.message-form div.window-wrapper { width: 740px; height: 320px; }
div.modal-window.message-form div.window-content { display: flex; flex-flow: row; padding: 0px; }
div.modal-window.message-form div.image { flex: none; width: 240px; display: flex; align-items: center; justify-content: center; }
div.modal-window.message-form div.image i { font-size: 64px; color: #FFFFFF; }
div.modal-window.message-form div.message { flex: 1 1 auto; padding-left: 30px; padding-right: 30px; }
div.modal-window.message-form div.message div.logo-cv { padding: 40px 0px 20px 0px; text-align: left; }
div.modal-window.message-form div.message div.logo-cv img { width: 100px; height: auto; }
div.modal-window.message-form div.message span.message-title { display: block; text-transform: uppercase; font-weight: bold; font-size: 18px; color: #000000; }
div.modal-window.message-form div.message span.message-description { display: block; }
div.modal-window.message-form div.message div.buttons { margin-top: 20px; }

@media(max-width:750px) {
	div.modal-window.message-form div.window-wrapper { width: 100% !important; height: 100% !important; }
	div.modal-window.message-form div.window-content { flex-flow: column; }
	div.modal-window.message-form div.image { flex: 1 1 120px; max-height: 120px; width: auto; }
}
