:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;left:0;opacity:0;padding:8px 16px;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-out;visibility:hidden;width:max-content;will-change:opacity,visibility}.styles-module_fixed__7ciUi{position:fixed}.styles-module_arrow__K0L3T{background:inherit;height:8px;position:absolute;transform:rotate(45deg);width:8px}.styles-module_noArrow__T8y2L{display:none}.styles-module_clickable__Bv9o7{pointer-events:auto}.styles-module_show__2NboJ{opacity:0.9;opacity:var(--rt-opacity);visibility:visible}.styles-module_dark__xNqje{background:#222;background:var(--rt-color-dark);color:#fff;color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:#fff;background-color:var(--rt-color-white);color:#222;color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:#8dc572;background-color:var(--rt-color-success);color:#fff;color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:#f0ad4e;background-color:var(--rt-color-warning);color:#fff;color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:#be6464;background-color:var(--rt-color-error);color:#fff;color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:#337ab7;background-color:var(--rt-color-info);color:#fff;color:var(--rt-color-white)}
/* Используемые шрифты */

@font-face {
  font-family: OpenSans;
  src: url(../../static/media/OpenSans-Regular.1b0809d519837cb7aad3.ttf); /* url(https://www.jurinfor.ru/fonts/OpenSans-Regular.ttf);*/
  font-weight: normal;
}

@font-face{
  font-family: NishikiTeki;
  src: url(../../static/media/NishikiTeki-MVxaJ.49b0bd7470655a19a491.ttf);
  font-weight: normal;
}

@font-face{
    font-family: Fira Sans Condensed;
    src: url(../../static/media/FiraSansCondensed-Regular.514b8df8cb3689410cef.ttf);
    font-weight: normal;
}

@font-face{
    font-family: Fira Sans Condensed;
    src: url(../../static/media/FiraSansCondensed-Bold.c069e259efcf998c808d.ttf);
    font-weight: bold;
}

@font-face{
    font-family: IBM Plex Mono;
    src: url(../../static/media/IBMPlexMono-Regular.1509e8d24f8562f776e4.ttf);
    font-weight: normal;
}

@font-face{
    font-family: IBM Plex Mono;
    src: url(../../static/media/IBMPlexMono-Bold.270fc7685a99d1197e53.ttf);
    font-weight: bold;
}

/* ОБЩИЕ СТИЛИ  */

body{
    background-color: white;
    background-position: center top;
    background-size: 100% auto;
    position: relative;
}

#react-mount-point{
    width: 100%;
    height: 96%;
    display: block;
}

:root {
    font-size: 16px;
    --primary-color: #c92017;
    --primary-color-hover: #c95049;
    --secondary-color: #021331;
    --secondary-color-hover: #5a6268;
    --secondary-color-active: #545b62;
    --third-color: #6ec8cb;
    --btn-text-color: #fff;
}

.hidden {
  display: none;
}

.btn-control {
    /* здесь должны быть перечислены общие стили для управляющих кнопок */
    background-color: var(--btn-control-background-color);
    border-radius: 0.25rem;
    border: none;
    color: #fff;
    color: var(--btn-text-color);
    font-family: OpenSans, sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    padding: 0.375rem 0.75rem;
    --btn-control-background-color: var(--secondary-color);
    --btn-control-background-color-hover: var(--secondary-color-hover);
    --btn-control-contrast-color: var(--primary-color);
    --svg-main-color: var(--btn-control-background-color);
    --svg-light-color: var(--btn-control-background-color-hover);
    --svg-contrast-color: var(--btn-control-contrast-color);
}

.btn-control:hover {
    background-color: var(--btn-control-background-color-hover);
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    color: var(--btn-text-color);
}

.btn-control:focus {
    box-shadow: 0 0 0 0.1rem var(--btn-control-contrast-color);
    text-decoration: none;
    color: #fff;
    color: var(--btn-text-color);
}

.btn-control:disabled {
    opacity: 0.65; /* заимствовано из jurinfor-core для .btn-primary:disabled */
    pointer-events: none;
}

.btn-control_square {
    width: 140px;
    height: 140px;
    margin-top: 15px;
    font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 1em;
    text-align: center;
}

/* Цветовая схема */

svg .svg__background {
    /* Фон для иконок — это элемент SVG, который нужен художнику, но должен скрываться в интерфейсе */
    display: none;
    opacity: 0;
}

.svg__shape {
    fill: var(--svg-main-color);
    fill-rule: evenodd;
    /* stroke: none; */
}

.svg__shape_light {
    fill: var(--svg-light-color);
}

.svg__shape_dark {
    fill: #000;
}

.svg__stroke {
    stroke: var(--svg-main-color);
    stroke-rule: evenodd;
}

.svg__stroke_light {
    stroke: var(--svg-light-color);
}

.svg__stroke_dark {
    stroke: #000;
}

.contour-icon .svg__shape {
    fill: var(--svg-main-color);
    stroke: #fff;
    stroke-width: 0.7;
}

.contour-icon .svg__shape_light {
    fill: var(--svg-main-color);
    stroke: #fff;
    stroke-width: 0.7;
}

.contour-icon .svg__shape_contrast {
    fill: var(--svg-contrast-color);
}

.contour-icon .svg__shape_white {
    fill: #fff;
}

.contour-icon .svg__stroke {
    stroke: #fff;
    stroke-width: 0.5;
}

.contour-icon .svg__stroke_light {
    stroke: #fff;
    stroke-width: 0.5;
}

.contour-icon .svg__stroke_contrast {
    stroke: var(--svg-contrast-color);
    stroke-width: 0.5;
}


/* SVG Анимация */

.btn-control #arrow {
    transform-origin: 50% 57%;
}

.btn-control:hover #arrow {
    /*стрелка*/
    transition: transform 5s;
    transform: rotate(-720deg);
}

.btn-control:active #arrow {
    /*стрелка*/
    transition: transform 10000s;
    transform: rotate(0deg);
}

#questionmark {
    transform-origin: 15% 15%;
    transition: transform 0.7s, fill 0.3s ease-in;
}

.btn-control:hover #questionmark {
    transform: scale(4, 6);
}

#loupe {
    /*лупа*/
    transition: transform 1s;
    transform-origin: -20% 80%;
}

.btn-control:hover #loupe {
    transform: scale(0.6) rotate(10deg);
    transition: transform 1s;
}
button svg .star {
    transition: transform 1s;
    transform-origin: 40% 20%;
}
button:hover svg .star {
    transform: rotate(10deg) translate(0,0);
}









.role-selection-caption{
    font-weight: bold;
    font-size: 16pt;
    margin-top: 20pt;
}





/*     */

.about-page {
  padding: 10px;
  text-align: center;
}

.about-page p {
  font-size: 16px;
  max-width: 800px;
  text-align: justify;
  margin: 20px auto;
}


/* TODO: распределить по профильным файлам */

.action_bar{
  width: 600px;
}

.img-close{
  position: absolute;
  bottom: 3px;
  right: 3px;
  width: 30px;
}

.action-button-wrapper{
  width: 100%;
  position: relative;
  display: block;
}

.hint-blocking-background{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    background-color: black;
    z-index: 100;
    overflow: auto;
}

.hint-message{
    width: 500px;
    display: block;
    margin: 10px;
    margin-top: 20px;
    padding-right: 40px;
}


/*# sourceMappingURL=main.892e4497.css.map*/