.box_content_login .div_content{width:50%;}
div.sgwrap{}
div.sgwrap .sgcontent{padding:30px 0;box-sizing:border-box;border:1px solid var(--s-wrap-border);border-top-color:var(--g1-color);}
div.sgwrap div.msgError{margin-bottom:10px;color:#e40707;font-size:1.2em}
div.sgwrap div.msgError::before{content:'\e086';font:normal 18px "Glyphicons Halflings";display:inline-block;margin-right:10px;vertical-align:middle}
div.sgwrap div.userInfo{margin-bottom:10px;font-size:16px;color:#6b6b6b;line-height:1.5em}
div.sgwrap div.itemField+div.itemField{margin-top:10px}
div.sgwrap div.itemField span.tlt{display:block;margin-bottom:3px}
div.sgwrap div.itemSubmit{margin:25px 0 25px;text-align:right}
div.sgwrap input[type="text"],
div.sgwrap input[type="email"],
div.sgwrap input[type="password"]{
    font-family: var(--font-family-input), serif;
    font-size:var(--font-size-input);
    font-weight:var(--font-weight-input);
    width:100%;
    padding:10px;
    box-sizing:border-box;
    border:1px solid var(--border-input);
    border-radius:3px;
    outline:none;
    box-shadow:none;
    color:var(--color-input);
    &:focus {border-color:#b2b2b2;}
}

div.sgwrap footer {border-top:1px solid var(--background-submit);padding:20px 0;container:sgw-footer / inline-size}
div.sgwrap footer>div.full {display:flex;align-items:center;gap:10px;}
div.sgwrap footer a.link{display:flex;color:#6b6b6b;transition:color .5s;align-items:center;gap:5px;}
div.sgwrap footer a.link:hover{color:#3c3c3c}
div.sgwrap footer a.link.reg::before{content:'\e008';font:normal 25px "Glyphicons Halflings";display:inline-block;margin-right:10px;vertical-align:middle}
div.sgwrap footer a.link.lost::before{content:'\e085';font:normal 25px "Glyphicons Halflings";display:inline-block;margin-right:10px;vertical-align:middle}
div.sgwrap footer a.link.profile{display:inline-block;background-color:#9e1461;border:1px solid #9e1461;color:#fff;transition:background-color 0.5s ease-out 0s,color 0.5s ease-out 0s;padding:8px 20px;font-size:12px;text-transform:uppercase;cursor:pointer;outline:none}
div.sgwrap footer a.link.profile:hover{color:#9e1461;background-color:#fff;}
div.sgwrap footer a.link.profile::before{content:'\e008';font:normal 18px "Glyphicons Halflings";display:inline-block;margin-right:10px;vertical-align:middle}
div.sgwrap footer button.loginSocial+button.loginSocial, div.sgwrap footer button.logoutSocial+button.logoutSocial{margin-left:5px}
button.loginSocial,button.logoutSocial{position:relative;background-color:#9e1461;border:1px solid #9e1461;color:#fff;transition:all 0.5s ease-out 0s;padding:10px 40px;font-size:11px;text-transform:uppercase;cursor:pointer;outline:none}
button.loginSocial:hover,button.logoutSocial:hover{color:#9e1461;background-color:#fff}
button.loginSocial::before,button.logoutSocial::before{opacity:1;transition:opacity .5s;width:24px;height:24px;position:absolute;top:0;bottom:0;right:5px;margin:auto 0;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD5UlEQVR42uxZTWgTQRSerWkFqxBqBcVDtyLUIJR4UQ+WpniTipVeCh4a7UXooQ2KohTaHvWS9KCIv+3dmmqL1lJJpCIUDwkWPXjpHoReKqxoQ6It65s4ke1kZnf2v4oDH9lkfvbNe2/ee/MFaZr2WPOu4bWRl5DwW5C3TfJy8RoUbJMBSUAOoFHIkT7ZUDsOLVACvAN8Id/rAccBO00sEAYMAwYF35MCJJg9Dvz7AaCR4ZdZahzdHwbkbLwvwzoDIZuafwLoszEPaz4DiFqcp/IsYHcDIzbnDXOEzwImAIrubPQCYkT4DkDeLRdSKTO2ABSD8ZVxMqc/bhAmcV/UKIza2YBCLXLJZHxlXNKi8EJwI4zuEhwXY7jNuNOXh3yM+bTvT3DGiYZ1yUoeWAT0kOd1wGcqsoR13z8AdjDyAP2eDmIFRxsQtUBRFyFYIU4lzw2U8GahccuVEs0OXMrTM9AI6CLPBcCcru8QAW5HDdbIU0L3cg4xq/TIUEFAcZIH6DA64nEYjTPmJd3MA6IbsJvIWE12WgvZaQqpKukK9BFxJ14pwapMA3EhJ5VopeXIGq5mYqtVJb8wM255MlcN+kaGBThCXEG0pcgcdStdKRMkb6Q4FsmTvmbubcznWoh3sBNOM/GkhwJOeq2B0MmL01bnNFkouNCrO6c93QC2QLeH63d7bgG/nF2Sqkscra2csAZIwooyDjEut8ekhepKuHILcBqFMC/0BvCUYB7w3WyS9np7GITHpNUyycxRTrWK+5bJWNct8BBwFXx8Vf8jnCmstXau8G1w+RkqWaVWBmFeFCzR4VYeqPBCq1YmYc3/3bzQUMk2LwTaz7u1ga+AJZ3LtMDHSxJejbQvo1s/BtFKVQQ+D8KxLjbj4DZxfJh5wtvdAF2PdJoJT9oA6q9D6Pk6Qm83zIT/HbkWzGkX/3mhU6Czc7UI1UtZEQG3Ji8UAb1F6ibQbKlq0L4r7y3RKqIWWCRVIcYJRqnbrEPBQiHnWybm8kKQB/7wQnCg//NCvvNCoHXLvNC9QgQ9K8oQ56eqDvHKzVaJcS64vJCoBQ4D0gR3qb4eXd81gzWya1otuv7tGBa+HJU6011xsxeD8HEGOzEVxJVyrE9tR0s/GzZRKkabODAyHye0S9Va/pfT7SWlM13L5IVgE0xeaGP9fuzTxwuosLZ3U9QDN1PQDc13C6DphhejnAt8jGg6Q4CfY9tCRRRpvY1278npz9FoYKwEWMEWLyQfTKP9TXNlXgi0rwbKSsycnSrzQuA2SST4R3djTTE103854UcesLIRYV5o/Mxs8LwQ558sMV5I+4d5oV8CDADlPM1Zp601CgAAAABJRU5ErkJggg==') no-repeat}
button.loginSocial::after,button.logoutSocial::after{opacity:0;transition:opacity .5s;width:24px;height:24px;position:absolute;top:0;bottom:0;right:5px;margin:auto 0;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD5UlEQVR42uxZTWgTQRSerWkFqxBqBcVDtyLUIJR4UQ+WpniTipVeCh4a7UXooQ2KohTaHvWS9KCIv+3dmmqL1lJJpCIUDwkWPXjpHoReKqxoQ6It65s4ke1kZnf2v4oDH9lkfvbNe2/ee/MFaZr2WPOu4bWRl5DwW5C3TfJy8RoUbJMBSUAOoFHIkT7ZUDsOLVACvAN8Id/rAccBO00sEAYMAwYF35MCJJg9Dvz7AaCR4ZdZahzdHwbkbLwvwzoDIZuafwLoszEPaz4DiFqcp/IsYHcDIzbnDXOEzwImAIrubPQCYkT4DkDeLRdSKTO2ABSD8ZVxMqc/bhAmcV/UKIza2YBCLXLJZHxlXNKi8EJwI4zuEhwXY7jNuNOXh3yM+bTvT3DGiYZ1yUoeWAT0kOd1wGcqsoR13z8AdjDyAP2eDmIFRxsQtUBRFyFYIU4lzw2U8GahccuVEs0OXMrTM9AI6CLPBcCcru8QAW5HDdbIU0L3cg4xq/TIUEFAcZIH6DA64nEYjTPmJd3MA6IbsJvIWE12WgvZaQqpKukK9BFxJ14pwapMA3EhJ5VopeXIGq5mYqtVJb8wM255MlcN+kaGBThCXEG0pcgcdStdKRMkb6Q4FsmTvmbubcznWoh3sBNOM/GkhwJOeq2B0MmL01bnNFkouNCrO6c93QC2QLeH63d7bgG/nF2Sqkscra2csAZIwooyDjEut8ekhepKuHILcBqFMC/0BvCUYB7w3WyS9np7GITHpNUyycxRTrWK+5bJWNct8BBwFXx8Vf8jnCmstXau8G1w+RkqWaVWBmFeFCzR4VYeqPBCq1YmYc3/3bzQUMk2LwTaz7u1ga+AJZ3LtMDHSxJejbQvo1s/BtFKVQQ+D8KxLjbj4DZxfJh5wtvdAF2PdJoJT9oA6q9D6Pk6Qm83zIT/HbkWzGkX/3mhU6Czc7UI1UtZEQG3Ji8UAb1F6ibQbKlq0L4r7y3RKqIWWCRVIcYJRqnbrEPBQiHnWybm8kKQB/7wQnCg//NCvvNCoHXLvNC9QgQ9K8oQ56eqDvHKzVaJcS64vJCoBQ4D0gR3qb4eXd81gzWya1otuv7tGBa+HJU6011xsxeD8HEGOzEVxJVyrE9tR0s/GzZRKkabODAyHye0S9Va/pfT7SWlM13L5IVgE0xeaGP9fuzTxwuosLZ3U9QDN1PQDc13C6DphhejnAt8jGg6Q4CfY9tCRRRpvY1278npz9FoYKwEWMEWLyQfTKP9TXNlXgi0rwbKSsycnSrzQuA2SST4R3djTTE103854UcesLIRYV5o/Mxs8LwQ558sMV5I+4d5oV8CDADlPM1Zp601CgAAAABJRU5ErkJggg==') no-repeat}
button.loginSocial:hover::before,button.logoutSocial:hover::before{opacity:0}
button.loginSocial:hover::after,button.logoutSocial:hover::after{opacity:1}
button.loginSocial.gp,button.logoutSocial.gp{background-color:#f4521f;border-color:#f4521f;padding:10px 40px 10px 20px}
button.loginSocial.gp:hover,button.logoutSocial.gp:hover{background-color:#fff;color:#f4521f;}
button.loginSocial.gp::before,button.logoutSocial.gp::before{content:'';background-position:100% 0}
button.loginSocial.gp::after,button.logoutSocial.gp::after{content:'';background-position:100% 100%}
button.loginSocial.fb,button.logoutSocial.fb{background-color:#4267b2;border-color:#4267b2;padding:10px 40px 10px 20px}
button.loginSocial.fb:hover,button.logoutSocial.fb:hover{background-color:#fff;color:#4267b2;}
button.loginSocial.fb::before,button.logoutSocial.fb::before{content:'';background-position:0 0}
button.loginSocial.fb::after,button.logoutSocial.fb::after{content:'';background-position:0 100%}
div.sgwrap.flat div.itemField label{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
div.sgwrap.flat div.itemField label>*{-webkit-flex:1 1 auto;flex:1 1 auto}
div.sgwrap.flat div.itemField label>span.tlt{-webkit-flex:0 0 25%;flex:0 0 25%;margin-bottom:0;margin-right:10px}
div.sgwrap.short{max-width:550px;margin:0 auto;}
div.sgwrap.short footer:not(.login){display:block}
div.sgwrap.short footer button.loginSocial, div.sgwrap.short footer button.logoutSocial{display:block;width:100%;box-sizing:border-box;padding-top:15px;padding-bottom:15px}
div.sgwrap.short footer button.loginSocial+button.loginSocial, div.sgwrap.short footer button.logoutSocial+button.logoutSocial{margin-left:0;margin-top:20px}

@container sgw-footer (width < 400px) {
    div.sgwrap footer>div.full {flex-direction:column;align-items:normal;}
}