@import '//fonts.googleapis.com/css2?family=Montserrat&display=swap';


*,
*:before,
*:after {
  box-sizing: border-box;
}


html {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}


body {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.428571429;
  font-weight: 400;
  color: black;
  background-color: white;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}


.SWBody {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 18px;
}


.SWLogin {
  position: relative;
  width: 400px;
  padding: 42px 24px 24px;
  border: 1px solid #dadad8;
  border-radius: 2px;
}


.SWHeader {
  position: absolute;
  top: -36px;
  left: 50%;
  font-size: 0;
  width: 240px;
  height: 70px;
  transform: translateX(-50%);
  background: white url('../img/new-logo.png') 50% 50% / 240px no-repeat;
}


#kc-page-title,
#kc-attempted-username {
  font-size: 17px;
  font-weight: normal;
  margin: 0 0 18px;
  padding: 0;
}


.SWField {
  position: relative;
}
.SWField + .SWField {
  margin-top: 13px;
}
.SWField-label {
  display: block;
  white-space: nowrap;
  font-size: 13px;
  margin-bottom: 4px;
}
.SWField-input {}
.SWField-errorMessage {
  font-size: 12px;
  color: #b91d20;
}


.SWFormSettings {}


.OptionsWrapper {}

a {
  color: black;
}


.Input {
  width: 100%;
  height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 1px;
  background: white;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  outline: none;
  color: black;
}
.Input[aria-invalid=true] {
  border-color: #96281b;
  box-shadow: 0 0 10px #f64747;
}


.Button {
  margin: 14px 18px 0 0;
  position: relative;
  padding: 0 15px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 1px;
  background: white;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  color: black;
  cursor: pointer;
  outline: none;
  user-select: none;
}


.FormActions {}


.Locales {
  position: fixed;
  top: 5px;
  right: 5px;
  font-size: 0;
}
.Locales .kc-dropdown {
  padding: 7px;
}
.Locales #kc-current-locale-link {
  border: none;
  padding: 0 0 10px;
  background: none;
}
.Locales ul {
  display: none;
  position: absolute;
  top: 18px;
  left: -5px;
}
.Locales:hover ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1);
  background: white;
}
.Locales li {
  padding: 5px;
}
.Locales li + li {
  border-top: 1px solid #eeede6;
}


.Icon {
  display: inline-block;
  width: 19px;
  height: 14px;
  background: 50% 50% / cover no-repeat
}
.Icon.ru {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIFNvZGlwb2RpICgiaHR0cDovL3d3dy5zb2RpcG9kaS5jb20vIikgLS0+CjxzdmcgaWQ9InN2ZzM3OCIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDgwIiB3aWR0aD0iNjQwIiB2ZXJzaW9uPSIxIiB5PSIwIiB4PSIwIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPgogPG1ldGFkYXRhIGlkPSJtZXRhZGF0YTQzNDYiPgogIDxyZGY6UkRGPgogICA8Y2M6V29yayByZGY6YWJvdXQ9IiI+CiAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgIDxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiLz4KICAgPC9jYzpXb3JrPgogIDwvcmRmOlJERj4KIDwvbWV0YWRhdGE+CiA8ZyBpZD0iZmxhZyIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCIgdHJhbnNmb3JtPSJtYXRyaXgoMS4yNSAwIDAgLjkzNzUwIDAgLS4wMDAwMDIwMDIxKSI+CiAgPHJlY3QgaWQ9InJlY3QxNzEiIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIiB5PSIuMDAwMDAyNDExNiIgeD0iMCIgZmlsbD0iI2ZmZiIvPgogIDxyZWN0IGlkPSJyZWN0NDAzIiBoZWlnaHQ9IjM0MS4zMyIgd2lkdGg9IjUxMiIgeT0iMTcwLjY3IiB4PSIwIiBmaWxsPSIjMDEwMTdlIi8+CiAgPHJlY3QgaWQ9InJlY3QxMzUiIGhlaWdodD0iMTcwLjY3IiB3aWR0aD0iNTEyIiB5PSIzNDEuMzMiIHg9IjAiIGZpbGw9IiNmZTAxMDEiLz4KIDwvZz4KPC9zdmc+Cg==);
}
.Icon.en {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIFNvZGlwb2RpICgiaHR0cDovL3d3dy5zb2RpcG9kaS5jb20vIikgLS0+CjwhLS0gL0NyZWF0aXZlIENvbW1vbnMgUHVibGljIERvbWFpbiAtLT4KPCEtLQoKPHJkZjpSREYgeG1sbnM9Imh0dHA6Ly93ZWIucmVzb3VyY2Uub3JnL2NjLyIKICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KPFdvcmsgcmRmOmFib3V0PSIiPgogICAgPGRjOnRpdGxlPk5ldyBaZWFsYW5kLCBBdXN0cmFsaWEsIFVuaXRlZCBLaW5nZG9tLCBVbml0ZWQgU3RhdGVzLCAKQm9zbmlhIGFuZCBIZXJ6ZWdvdmluYSwgQXplcmJhaWphbiwgQXJtZW5pYSwgQmFoYW1hcywgQmVsZ2l1bSwgQmVuaW4sIApCdWxnYXJpYSwgRXN0b25pYSwgRmlubGFuZCwgR2Fib24sIEdhbWJpYSwgR2VybWFueSwgR3JlZWNlLCBHcmVlbmxhbmQsIApHdWluZWEsIEhvbmR1cmFzLCBJc3JhZWwsIEphbWFpY2EsIEpvcmRhbiwgYW5kIFJvbWFuaWEgRmxhZ3M8L2RjOnRpdGxlPgogICAgPGRjOnJpZ2h0cz48QWdlbnQ+CiAgICAgICA8ZGM6dGl0bGU+RGFuaWVsIE1jUmFlPC9kYzp0aXRsZT4KICAgIDwvQWdlbnQ+PC9kYzpyaWdodHM+CiAgICA8bGljZW5zZSByZGY6cmVzb3VyY2U9Imh0dHA6Ly93ZWIucmVzb3VyY2Uub3JnL2NjL1B1YmxpY0RvbWFpbiIgLz4KPC9Xb3JrPgoKPExpY2Vuc2UgcmRmOmFib3V0PSJodHRwOi8vd2ViLnJlc291cmNlLm9yZy9jYy9QdWJsaWNEb21haW4iPgogICAgPHBlcm1pdHMgcmRmOnJlc291cmNlPSJodHRwOi8vd2ViLnJlc291cmNlLm9yZy9jYy9SZXByb2R1Y3Rpb24iIC8+CiAgICA8cGVybWl0cyByZGY6cmVzb3VyY2U9Imh0dHA6Ly93ZWIucmVzb3VyY2Uub3JnL2NjL0Rpc3RyaWJ1dGlvbiIgLz4KICAgIDxwZXJtaXRzIHJkZjpyZXNvdXJjZT0iaHR0cDovL3dlYi5yZXNvdXJjZS5vcmcvY2MvRGVyaXZhdGl2ZVdvcmtzIiAvPgo8L0xpY2Vuc2U+CjwvcmRmOlJERj4KLS0+CjxzdmcgaWQ9InN2ZzEiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4MCIgd2lkdGg9IjY0MCIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPgogPG1ldGFkYXRhIGlkPSJtZXRhZGF0YTI5OTUiPgogIDxyZGY6UkRGPgogICA8Y2M6V29yayByZGY6YWJvdXQ9IiI+CiAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgIDxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiLz4KICAgPC9jYzpXb3JrPgogIDwvcmRmOlJERj4KIDwvbWV0YWRhdGE+CiA8ZGVmcyBpZD0iZGVmczMiPgogIDxjbGlwUGF0aCBpZD0iY2xpcFBhdGg4NjczIiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgIDxyZWN0IGlkPSJyZWN0ODY3NSIgZmlsbC1vcGFjaXR5PSIwLjY3IiBoZWlnaHQ9IjUxMiIgd2lkdGg9IjY4Mi42NyIgeT0iLS4wMDAwMDI4NjEzIiB4PSItODUuMzMzIi8+CiAgPC9jbGlwUGF0aD4KIDwvZGVmcz4KIDxnIGlkPSJmbGFnIiBjbGlwLXBhdGg9InVybCgjY2xpcFBhdGg4NjczKSIgdHJhbnNmb3JtPSJtYXRyaXgoLjkzNzUwIDAgMCAuOTM3NTAgODAgLjAwMDAwMjY4MjUpIj4KICA8ZyBpZD0iZzU3OCIgc3Ryb2tlLXdpZHRoPSIxcHQiIHRyYW5zZm9ybT0ibWF0cml4KDE3LjA2NyAwIDAgMTcuMDY3IC0yNTYgLTAuMDAwMDAyNCkiPgogICA8cmVjdCBpZD0icmVjdDEyNCIgaGVpZ2h0PSIzMCIgd2lkdGg9IjYwIiB5PSIwIiB4PSIwIiBmaWxsPSIjMDA2Ii8+CiAgIDxnIGlkPSJnNTg0Ij4KICAgIDxwYXRoIGlkPSJwYXRoMTQ2IiBkPSJtMCAwdjMuMzU0MWw1My4yOTIgMjYuNjQ2aDYuNzA4di0zLjM1NGwtNTMuMjkyLTI2LjY0NmgtNi43MDh6bTYwIDB2My4zNTRsLTUzLjI5MiAyNi42NDZoLTYuNzA4di0zLjM1NGw1My4yOTItMjYuNjQ2aDYuNzA4eiIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9InBhdGgxMzYiIGQ9Im0yNSAwdjMwaDEwdi0zMGgtMTB6bS0yNSAxMHYxMGg2MHYtMTBoLTYweiIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9InBhdGgxNDEiIGQ9Im0wIDEydjZoNjB2LTZoLTYwem0yNy0xMnYzMGg2di0zMGgtNnoiIGZpbGw9IiNjMDAiLz4KICAgIDxwYXRoIGlkPSJwYXRoMTUwIiBkPSJtMCAzMCAyMC0xMGg0LjQ3MmwtMjAgMTBoLTQuNDcyem0wLTMwIDIwIDEwaC00LjQ3MmwtMTUuNTI4LTcuNzYzOXYtMi4yMzYxem0zNS41MjggMTAgMjAtMTBoNC40NzJsLTIwIDEwaC00LjQ3MnptMjQuNDcyIDIwLTIwLTEwaDQuNDcybDE1LjUyOCA3Ljc2NHYyLjIzNnoiIGZpbGw9IiNjMDAiLz4KICAgPC9nPgogIDwvZz4KIDwvZz4KPC9zdmc+Cg==);
}


.alert-error {
  margin-bottom: 18px;
  color: #b91d20;
}


.alert-warning {
  margin-bottom: 18px;
}


.alert-success {
  margin-bottom: 18px;
  color: #3b8f01;
}


#reset-login {
  display: none;
}


.SignUp {
  margin-top: 18px;
}

#kc-retry {
  display: none;
}


/* Переносим ссылку назад в приложение вниз формы */

#kc-reset-password-form + #kc-info {
  padding-bottom: 25px;
}
#kc-reset-password-form #kc-form-options {
  height: 0;
  position: relative;
  top: 110px;
}
#kc-reset-password-form .SWFormSettings {
  margin-top: 0;
}

/* размер и кликабельность кнопки */
.kc-pwd-btn,
button[data-password-toggle] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  margin-left: 6px;
  background: none;
  border: 0;
  cursor: pointer;

  position: absolute;
  right: 0;
}

/* базовый вид иконки */
.kc-pwd-btn i,
button[data-password-toggle] i {
  width: 1.1em;
  height: 1.1em;
  display: inline-block;
  background: currentColor;
  -webkit-mask-size: cover; mask-size: cover;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
}

.kc-eye {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M572.52 241.4C518.76 135.8 407.52 64 288 64S57.24 135.8 3.48 241.4a48.07 48.07 0 000 29.2C57.24 376.2 168.48 448 288 448s230.76-71.8 284.52-177.4a48.07 48.07 0 000-29.2zM288 400a144 144 0 11144-144 144.16 144.16 0 01-144 144zm0-240a96 96 0 1096 96 96.11 96.11 0 00-96-96z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M572.52 241.4C518.76 135.8 407.52 64 288 64S57.24 135.8 3.48 241.4a48.07 48.07 0 000 29.2C57.24 376.2 168.48 448 288 448s230.76-71.8 284.52-177.4a48.07 48.07 0 000-29.2zM288 400a144 144 0 11144-144 144.16 144.16 0 01-144 144zm0-240a96 96 0 1096 96 96.11 96.11 0 00-96-96z"/></svg>');
}

.kc-eye-slash {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M633.82 458.1L23.81 2.99A16 16 0 003.1 6.18L2 8.18a16 16 0 003.19 22.62l76.57 57.2C33.27 134.64 7.16 177.88 3.48 241.4a48.07 48.07 0 000 29.2C57.24 376.2 168.48 448 288 448a308.6 308.6 0 00136.6-32.36l96.59 72.12A16 16 0 00544 512h1.1a16 16 0 0010.72-29.03zM320 400a144 144 0 01-144-144c0-21.56 4.74-42 13.2-60.23l33.63 25.1A95.84 95.84 0 00224 256a96 96 0 00160.77 73.17l33.63 25.1A143.75 143.75 0 01320 400zm317.52-129.4C583.76 135.8 472.52 64 353 64a307.51 307.51 0 00-93.66 14.64l39.11 29.19A247.54 247.54 0 01353 96c119.52 0 230.76 71.8 284.52 177.4a48.07 48.07 0 010 29.2 336.57 336.57 0 01-54.53 79.36l25.42 19c29.21-27.79 52.69-60.82 68.11-95.16a48.07 48.07 0 000-29.2z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M633.82 458.1L23.81 2.99A16 16 0 003.1 6.18L2 8.18a16 16 0 003.19 22.62l76.57 57.2C33.27 134.64 7.16 177.88 3.48 241.4a48.07 48.07 0 000 29.2C57.24 376.2 168.48 448 288 448a308.6 308.6 0 00136.6-32.36l96.59 72.12A16 16 0 00544 512h1.1a16 16 0 0010.72-29.03zM320 400a144 144 0 01-144-144c0-21.56 4.74-42 13.2-60.23l33.63 25.1A95.84 95.84 0 00224 256a96 96 0 00160.77 73.17l33.63 25.1A143.75 143.75 0 01320 400zm317.52-129.4C583.76 135.8 472.52 64 353 64a307.51 307.51 0 00-93.66 14.64l39.11 29.19A247.54 247.54 0 01353 96c119.52 0 230.76 71.8 284.52 177.4a48.07 48.07 0 010 29.2 336.57 336.57 0 01-54.53 79.36l25.42 19c29.21-27.79 52.69-60.82 68.11-95.16a48.07 48.07 0 000-29.2z"/></svg>');
}