/**
 * @version 25.06.2025
 *
 * mobile/authorization/styles.css
 *
 * Skin "mobile"
 */

/** login form layout  **/
div.login-layout {
	padding-top: 40px;
}
div.login-layout > div.ym-gl {
    padding-right: 10%;
}
div.login-layout > div.ym-gl .ym-fbox.user {
	margin-top: 0;
	padding-top: 0;
}
div.login-layout > div.ym-gr {
    padding-top: 2em;
}
div.login-layout div.link-new-customer {
    text-align: left;
    font-size: inherit;
    margin-top: 0px;
    margin-bottom: 1em;
}
div.login-layout div.link-forgot-password {
    text-align: left;
    font-size: inherit;
    margin-top: 0px;
    margin-bottom: 1em;
}
/*
div.login-layout input#user,
div.login-layout input#password {

}
*/

div.login-layout form label.required:after,
div.form-passwordForgot.step2 label.required:after {
	content: '';
}

div.login-layout .ym-fbox.ym-fbox-button.field-submit {
	padding-top: calc(var(--button-normal-height) / 2);
}

/* captcha field */
fieldset#fieldset-regCaptcha {
	margin-top: 2em;
}
fieldset#fieldset-regCaptcha label[for="regCaptcha"] {
	font-size: 110%;
	font-weight: 600;
}
div.login-layout #captchaLogin-element {
    width: 140px;
}
div.login-layout #captchaLogin-element img {
    width: 135px;
}
div.login-layout #captchaLogin-element input {
    width: 130px;
}

div.login-layout #captchaLogin-input-label label {
    font-weight: 600;
}

#col3 #submit-element div.c50r,
#col3 #submitCheckCode-element div.c50r { display: none }
span.advice {
    text-decoration: underline;
    display: block;
    margin: 1em 0 0 0;
}
span.advice-data { font-weight: 600 }
a.link { position: relative }
#captcha-element img {
    display: block;
    width: 204px;
    margin-bottom: 0.5em;
}
div.login-layout ul.errors {
    max-width: 130px;
    margin: 0px 0px 0px 4px;
}
div.buttons-template .col-2 { text-align: right }
/** REGISTRATION **/
dl.zend_form label.subform {
    font-size: 11pt;
    margin-bottom: 5px;
    margin-top: 15px;
    color: #808080;
}
dt.subform-description {
    margin: 0 0 5px;
    position: static !important;
    width: 555px !important;
}
dl.zend_form dt { width: 185px }
dl.zend_form dd { left: 190px }
dl.zend_form dd {
    margin: -2px 0 7px 0px;
    width: 415px;
}
/** Step 1 **/
dt#regMinimum-label,
dt#regPassword-label,
dt#regCaptcha-label {
    position: relative;
    width: 100%;
}
dd#regMinimum-isFirmOnly-element {
    /*float: left;*/
    left: 0;
    top: 4px;
    width: 15px;
    margin-bottom: 10px;
}
dt#regMinimum-isFirmOnly-label {
    left: 32px;
    width: 530px;
}
/** selectionBlocks by registration **/
div.selectionBlock h2 { color: #000000 }
div.selectionBlock h2 a { text-decoration: none }
html.touch-mode-off div.selectionBlock h2 a:hover { text-decoration: underline }
div.selectionBlocks {
    --col-icon-height: 5.625rem;
    --col-icon-width: 5.625rem;
    --fa-font-size: 3.625rem;
    margin-bottom: 1em;
}

div.selectionBlock div.col-1 {
    width: var(--col-icon-width);
    min-width: 64px;
    height: var(--col-icon-height);
}
div.selectionBlock div.col-1 i[class^="fa"] {
    display: block;

    font-size: var(--fa-font-size);

    padding-top: 5px;
}
div.selectionBlock div.col-1 div.subcl {
    margin: 10px 0px 15px 10px;
    border-right: 1px solid #E0E0E0;
    height: 75px;
}
div.selectionBlock div.col-2 {
    width: auto;
    padding-top: 0px;
}

@media ( max-width: 39.6875rem) {
	div.selectionBlock {
		margin-top: 1em;
	}

	div.selectionBlock div.col-1 {
		width: 12%;

		height: 3.75rem;
		padding-top: 5px;
	}

    div.selectionBlock div.col-1 i[class^="fa"] {
        padding-top: 5px;
    }

	div.selectionBlock div.col-1 img {
		width: 90%;
    }

	div.selectionBlock div.col-2 {
		padding-left: 10px;
		padding-top: 0.375rem;
		width: calc(88% - 70px);
    }
	div.selectionBlock div.col-2 h2 {
		font-size: 120%;
		margin-bottom: 0.3em;
	}
}

/** **/
div.attention {
    line-height: 1.5;
    font-weight: 600;
}
div.attention-text {
    line-height: 1.5;
	width: 61.8%;
    margin-bottom: 2em;
}
/** form requestB2B **/
form#requestB2B {
    display: none;
}

#requestB2B textarea {
    width: 100%;
    height: 100px;
}

/* wrapped by ul.li */
#requestB2B ul.request-b2b-step-1 > li {
    width: 48%;
}

#requestB2B.ym-form.ym-columnar ul.request-b2b-step-1 > li,
#registrationB2Cstep1.ym-form.ym-columnar ul.fieldsets-step-1 > li {
	float: right;
}
#requestB2B.ym-form.ym-columnar ul.request-b2b-step-1 > li.group-0,
#registrationB2Cstep1.ym-form.ym-columnar ul.fieldsets-step-1 > li:FIRST-CHILD {
	float: left;
}
/*
#requestB2B ul.request-b2b-step-1 > li textarea {

}
*/

.ym-form.data-preview .ym-fbox label[for="message"] {
    width: 100%;
}

.ym-form.data-preview .ym-fbox div.read-only.message {
	margin-top: 1.25em;
    line-height: 1.5em;
}

/** form registrationB2C **/
form#registrationB2Cstep1 {
    display: none;
}

#registrationB2Cstep1 ul.fieldsets-step-1 > li {
    width: 49%;
}

#registrationB2Cstep1.ym-columnar .ym-fbox-text label,
#registrationB2Cstep1.ym-columnar .field-captcha label {
	width: 40%;
}

.type-1-3 #registrationB2Cstep1.ym-columnar .ym-fbox-text label,
.type-1-3 #registrationB2Cstep1.ym-columnar .field-captcha label {
	width: 47%;
}

#registrationB2Cstep1.ym-columnar .ym-fbox-text input {
	width: 58%;
}

.type-1-3 #registrationB2Cstep1.ym-columnar .ym-fbox-text input {
	width: 51%;
}

#registrationB2Cstep1.ym-columnar .ym-message {
	margin-left: 40%;
}

div.read-only.regCaptcha-required_legend::BEFORE {
	content: '*';
}

.type-1-3 #registrationB2Cstep1.ym-columnar .ym-message {
	margin-left: 47%;
}

#registrationB2Cstep1.ym-columnar .ym-fbox-check .ym-message {
	margin-left: 0%;
}

#registrationB2Cstep1.ym-columnar div.password-meter {
	margin-left: 40%;
	float: left;
	width: 58%;
}

.type-1-3 #registrationB2Cstep1.ym-columnar div.password-meter {
	margin-left: 47%;
	float: left;
	width: 51%;
}

/** form.recover-password **/
div.form-passwordForgot {
    width: 50%;
}



/** data preview  **/
div.data-preview { margin-bottom: 1em }

/*** Agent ***/
/** agent login form **/
form.login.agent {
	width: 50%;
}
form.login.agent label.required::after {
	content: '';
}
/** agents branches info teaser **/
table.branches .col-button-login {
    text-align: center;
    width: 30px;
	padding: 0;
}

table.branches tbody .col-button-login i.fa-sign-in {
    display: none;
}

html.touch-mode-off table.branches tbody tr:hover .col-button-login i.fa-sign-in {
    display: inline-block;
}

table.branches tbody .col-button-login i.fa-home {
    color: var(--theme-color-bright);
}

table.branches .col-customer-number {
    text-align: right;
	width: 80px;
}

table.branches tbody .col-type {
    text-align: center;
}

table.branches .col-button-logout {
    text-align: center;
    width: 30px;
	display: none; /* 31.03.2022 because of the confirmation popup */
}

/** div.agent-branches-header **/
div.agent-branches-header > div.ym-gr {
    text-align: right;
    position: relative;
    height: 70px;
}

div.agent-branches-header > div.ym-gr section.search-branches {
    position: absolute;
    right: 0;
    bottom: 0;
}

div.agent-branches-header > div.ym-gr section.search-branches form.text-submit.li-value-div ul.table-2-cols {
    width: var(--element-width);
}

div.agent-branches-header > div.ym-gr section.search-branches .ui-widget-content input.ui-widget-content[type="text"] {
    background: none;
}

/** confirmation dialog for logout **/
/* information "who i am" inside of the ui-dialog */
#confirmBranchLogout section.iam-extended-info > div {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* branches search */



/** div.replication-status **/
div.replication-status {
    margin-top: 1em;
}

div.replication-status div.label.no-data {
    color: #a00;
}
/*
div.replication-status ul.table-2-cols {

}
*/

div.replication-status ul.table-2-cols li {
    /*white-space: nowrap;*/
    width: auto;
}

div.replication-status > div.ym-gr {
    text-align: right;
}

/*
html.development label.required {

}
*/
