:root {
    --main-bg-color: #FFF;
    --main-font-color: #193258;
    --main-radius: 0.3em;
}

@font-face {
    font-family: 'regular';
    src: url('Inter-Regular.otf');
}

@font-face {
    font-family: 'bold';
    src: url('Inter-Bold.otf');
}


html,
body {
    height: 100%;
    font-size: 18px;
}

body {
    display: flex;
    font-family: 'regular';
    background: url(bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
    color: var(--main-font-color);
}
.modalWin {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    background: #000D;
    color: #FFF;
    z-index: 900;
}

#modalWinCloseButton {
    position: absolute;
    right: 1em;
    top: 1em;
}
#modalWinPause{
    background: #000D;
    color: #FFF;
}

.pop_up_content_root {
    width: 100%;
    max-width: 800px;
    margin: 0.5em auto;
    background: #FFF;
    position: relative;
    color: var(--main-font-color);

    border-radius: 0.3em;
}

.pop_up_content {
    overflow: auto;
    padding: 2em 1em 1em;
}

.pop_up_win_close_button {
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    right: 1em;
    top: 0.5em;
    cursor: pointer;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(iconClose.svg);
}

.pop_up_win {
    background: #FFFE;
}

.pop_up_win_enter_user_name {
    background: #FFFE;
    color: var(--main-font-color);
}

.topSpace {
    flex: 1 1 auto;
}

.bottomSpace {
    flex: 2 1 auto;
}

input,
select {
    font-size: 1em;
    padding: 0.5em 0.8em;
    max-width: 15em;
    width: 90%;
    box-sizing: border-box;
    border: 0;
    border-radius: var(--main-radius);
    background: #FFF;
    box-shadow: 0px 4px 4px 0px #00000030;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(select.svg) no-repeat right center, linear-gradient(180deg, #FFFFFF 0%, #CADBF5 100%);
    background-size: auto 0.7em, contain;
}

input[type='checkbox'] {
    width: auto;
}

input::placeholder {
    color: #0005;
}

.mainButton,
#loginSubmit {
    cursor: pointer;
    margin: 0 auto;
    max-width: 15em;
    width: 90%;
    box-sizing: border-box;
    text-align: center;
    border: 0;
    background: linear-gradient(180deg, #3965A9 0%, #193258 100%);
    box-shadow: 0px 4px 4px 0px #00000030;
    border-radius: var(--main-radius);
    color: #FFF;
    padding: 0.5em 0.8em;
}

#loginSubmit {
    text-transform: uppercase;
}
.mainContentRoot{
    width:100%; 
    margin: 0 auto; 
    flex: 1 1 auto; 
    display: flex; 
    flex-direction: column;
    overflow: hidden;
}
.mainButtonNext {
    font-size: 1em;
    background-color: rgb(255, 223, 153);
    margin: 0.5em;
}

.buttonNum {
    flex: 1 1 auto;
    cursor: pointer;
    max-width: 1em;
    background: linear-gradient(180deg, #3965A9 0%, #193258 100%);
    box-shadow: 0px 4px 4px 0px #00000030;
    border-radius: var(--main-radius);
    color: #FFF;
    padding: 0.5em 0.5em;
    font-family: 'bold';
}

.info_saved_button,
.mainButtonDisabled,
.marketDisabled .marketBuyButton {
    filter: opacity(0.3);
    cursor: default;
}

.marketDescrButton {
    background: linear-gradient(180deg, #FFFFFF 0%, #CADBF5 100%);
    color: #3965A9;
}


.loginGameLogoDefault,
.game_status_not_opened .gameLogoDefault,
.game_status_ended .gameLogoDefault {
    height: 5em;
    background-position: center;
    background-size: 90% 100%;
    background-repeat: no-repeat;
    background-image: url(logoW.svg);
    margin-bottom: 4em;
}

.game_status_opened .gameLogoDefault,
.game_status_rules .gameLogoDefault {

    height: 4em;
    width: 20em;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(logo.svg);
    margin-bottom: 4em;
    margin-top: 2em;
    position: absolute;
    left: 4em;
    top: 0;
}

.loginMainForm {
    color: white;
}
/*.stageEventDecisionButton .mainButton {
    display: flex;
    justify-content: center;
}
.stageEventDecisionButton .mainButtonIcon{
    width: 1.5em;
    height: 1.5em;
    border-radius: 100%;
    margin: -0.2em 0.25em -0.25em -0.25em;
    flex: 0 0 auto;
}*/
.stageEventDecisionButton .event_decision_spec_1 .mainButtonCaption,
.stageEventDecisionButton .event_decision_spec_2 .mainButtonCaption,
.stageEventDecisionButton .event_decision_spec_3 .mainButtonCaption,
.stageEventDecisionButton .event_decision_spec_4 .mainButtonCaption,
.stageEventDecisionButton .event_decision_spec_5 .mainButtonCaption,
.stageEventDecisionButton .event_decision_spec_6 .mainButtonCaption,
.stageEventDecisionButton .event_decision_spec_7 .mainButtonCaption,
.stageEventDecisionButton .event_decision_spec_8 .mainButtonCaption{
    border-bottom-style: solid;
    border-bottom-width: 5px;
    margin: 0 auto -4px;
    width: fit-content;
}

.game_status_not_opened .gameNotStarted_content_inner,
.game_status_ended .gameEnded_content_inner {
    font-size: 2em;
    text-align: center;
    color: #FFF;
    padding: 1em 0;
    width: 80%;
    margin: 0 auto;
    text-transform: uppercase;
    font-family: 'bold';
}

.game_status_opened,
.game_status_rules {
    background: url('bgLight.jpg') center no-repeat;
    background-size: cover;
}

.gameOpened_teamCaption {
    font-size: 2em;
}

.gameOpened_teamLogo,
.gameRules_teamLogo {
    height: 12em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 1em auto;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: -1;
    max-width: 50em;
    transform: translate(-50%, 0);
    left: 50%;
}
.gameOpened_content{
    max-height: 100%;
    overflow: auto;
}
.gameOpened_content_inner {
    font-size: 1.5em;
    font-family: 'bold';
}

.gameRules_content_inner {
    margin: 0 auto;
    max-width: 50em;
    padding: 1em 4em;
}

#get_cap_button{
    background: var(--main-bg-color);
    color: var(--main-font-color);
    margin: -0.1em 0.5em;
    padding: 0.1em 0.5em;
    border-radius: var(--main-radius);
    cursor: pointer;
}

* {
    scrollbar-color: #193258 #19325833;
    scrollbar-width: thin;
}

*::-webkit-scrollbar {
    width: 5px;
    background-color: #19325833;
    /* border-radius: 10px;*/
}

*::-webkit-scrollbar-thumb {
    background-color: #193258;
    /*   border-radius: 10px;*/
}


.game_header_root {
    flex: 0 0 auto;
}

.game_header_inner {
    background: #2E558FB2;
    display: flex;
    overflow: hidden;
    color: white;
    margin: 0 auto;
    flex-wrap: wrap;
}

.game_header_block {
    border-radius: var(--main-radius);
    border: 1px solid #CADBF5;
    padding: 0.3em;
    margin: 0.3em;
    flex: 1 1 auto;
    display: flex;
    justify-content: space-around;
}

.game_header_item {
    flex: 0 0 auto;
    flex-wrap: wrap;
    padding: 0 0.3em;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.changeGroupButton {
    cursor: pointer;
    width: 2em;
    height: 1em;
    background-image: url('iconHChangeGroup.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}


.game_header_item_settings {
    flex: 0 0 auto;
    width: 1em;
    height: 1em;
    background-image: url('icon_settings.svg');
    background-size: 80% 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    filter: opacity(0.5);
    transition: all 0.3s ease;
    position: absolute;
    margin: 0.3em;
    padding: 0;
}

.game_header_item_settings:hover {
    filter: opacity(1);
}
.game_header_item_captain{
    max-width: 100%;
}
.game_header_item_captain_inner {
    display: flex;
}
#game_header_captain{
    white-space: nowrap; 
}

.game_header_item_atmosphere_values_root {
    display: flex;
    justify-content: space-around;
}

.top_panel_caption {
    color: #CADBF5;
    font-size: 0.8em;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 1em;
    padding-left: 1.2em;
    text-align: left;
    border-bottom: 1px solid #CADBF580;
    padding-bottom: 0.2em;
    margin-bottom: 0.2em;
}

.game_header_item_team .top_panel_caption {
    background-image: url('iconHTeam.svg');
}

.game_header_item_group .top_panel_caption {
    background-image: url('iconHGroup.svg');
}

.game_header_item_budget .top_panel_caption {
    background-image: url('iconHMoney.svg');
}

.game_header_item_productivity_k .top_panel_caption {
    background-image: url('iconHWeather.svg');
}

.game_header_item_atmosphere_score .top_panel_caption {
    background-image: url('iconHHappy.svg');
}

.game_header_item_productivity_total_k .top_panel_caption {
    background-image: url('iconHProductivity.svg');
}

.game_header_item_stage_num .top_panel_caption {
    background-image: url('iconHStageNum.svg');
    background-size: auto 1.3em;
}

.game_header_item_timer2 .top_panel_caption {
    background-image: url('iconHTimer.svg');
    background-size: auto 1.1em;
}

.game_header_item_logo {
    width: 10em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('logoW.svg');
    margin: 0.5em;
}

.stage_num{
    display: flex;
}

.gameMainRoot:not(.gameMainRootStageStatus_result) .bottomMenuItemResult,
.gameMainRoot:not(.gameMainRootStageStatus_main) .bottomMenuItemPlan,
.gameMainRoot.gameMainRootStageStatus_result .bottomMenuItemVolumes,
.gameMainRoot.gameMainRootStageStatus_main .bottomMenuItemVolumes,

.gameMainRoot:not(.gameMainRootStageStatus_result) .tabDivResult,
.gameMainRoot:not(.gameMainRootStageStatus_main) .tabDivPlan,
.gameMainRoot.gameMainRootStageStatus_result .tabDivVolumes,
.gameMainRoot.gameMainRootStageStatus_main .tabDivVolumes
 {
    display: none!important;
}


.top_panel_caption {
    /*   display: none;*/
}

.gameLeftPanelHeader {
    background: url('leftPanelBg.png') top no-repeat;
    background-size: contain;
    padding-top: 1em;
    padding-bottom: 0.3em;
    justify-content: end;
    display: none;
}

.gameLeftPanelHeaderButton {
    background-position: right;
    background-repeat: no-repeat;
    background-size: 1em;
    padding-right: 1.2em;
    margin-right: 1em;
    font-size: 1em;
    cursor: pointer;
}

.gameLeftPanelHeaderButtonLegend {
    background-image: url('bottom_menu_legend_logo.svg');
}

.gameLeftPanelHeaderButtonHelp {
    background-image: url('bottom_menu_help_logo.svg');
}
.gameLeftPanelHeaderButtonVisualisation{
    background-image: url('bottom_menu_visualisation_logo.svg');
}

.gameMainRoot {
    flex: 1 1 auto;
    display: flex;
    overflow: hidden;
}

.gameLeftPanel {
    flex: 2 1;
    min-width: 30em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    background-color: #FFF;
    position: relative;
}

.gameLeftPanelContent {
    overflow: auto;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.gameRightPanel {
    flex: 3 1;
    overflow: auto;
    display: flex;
}

.gameLeftPanelMenuRoot {
    padding: 0.2em;
}
.gameLeftPanelPrepareFinishRoot{
    display: none;
    padding: 0.3em;
}
.prepareUnfinishButton, .buttonUnfixPlan{
    display: none;
    max-width: 20em;
}


.bottomMenu {
    flex: 0 0 auto;
    background: #CADBF5;
    color: #FFF;
    text-align: center;
    display: flex;
    cursor: pointer;
    border-radius: var(--main-radius);
    text-transform: uppercase;
    box-shadow: 4px 4px 4px 0px #00000030 inset;
    border: 1px solid #3965A9;
    padding: 0.1em;
}

.bottomMenuItem {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1.5em;
    min-height: 2.5em;
    padding: 0.3em;
    color: #3965A9;
    font-size: 0.8em;
    position: relative;
}

.bottomMenuItem div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bottomMenuItem .bottomMenuItemLogo {
    flex: 0 0 auto;
    width: 1.2em;
    min-height: 1.7em;
    margin-right: 0.3em;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;

    background-color: #3965A9;
}


.bottomMenuItemResult .bottomMenuItemLogo {
    -webkit-mask-image: url('bottom_menu_main_logo.svg');
    mask-image: url('bottom_menu_main_logo.svg');
}

.bottomMenuItemLegend .bottomMenuItemLogo {
    -webkit-mask-image: url('bottom_menu_legend_logo.svg');
    mask-image: url('bottom_menu_legend_logo.svg');
}

.bottomMenuItemTeam .bottomMenuItemLogo {
    -webkit-mask-image: url('bottom_menu_resources_logo.svg');
    mask-image: url('bottom_menu_resources_logo.svg');
}

.bottomMenuItemMarket .bottomMenuItemLogo {
    -webkit-mask-image: url('bottom_menu_shop_logo.svg');
    mask-image: url('bottom_menu_shop_logo.svg');
}

.bottomMenuItemHelp .bottomMenuItemLogo {
    -webkit-mask-image: url('bottom_menu_help_logo.svg');
    mask-image: url('bottom_menu_help_logo.svg');
}

.bottomMenuItemVisualisation .bottomMenuItemLogo {
    -webkit-mask-image: url('bottom_menu_visualisation_logo.svg');
    mask-image: url('bottom_menu_visualisation_logo.svg');
}

.bottomMenuItemTehnics .bottomMenuItemLogo {
    -webkit-mask-image: url('iconTehnics.svg');
    mask-image: url('iconTehnics.svg');
}
.bottomMenuItemWorkers .bottomMenuItemLogo {
    -webkit-mask-image: url('iconWorker.svg');
    mask-image: url('iconWorker.svg');
}
.bottomMenuItemBudget .bottomMenuItemLogo {
    -webkit-mask-image: url('iconMoney.svg');
    mask-image: url('iconMoney.svg');
}
.bottomMenuItemVolumes .bottomMenuItemLogo, .bottomMenuItemPlan .bottomMenuItemLogo {
    -webkit-mask-image: url('bottom_menu_volumes_logo.svg');
    mask-image: url('bottom_menu_volumes_logo.svg');
}

.bottomMenuItemChat .bottomMenuItemLogo{
    -webkit-mask-image: url(iconMenuChat.svg);
    mask-image: url(iconMenuChat.svg);   
}

.bottomMenuItemVisualisation {
    display: none;
}

.activeBottomMenuItem .bottomMenuItemLogo {
    background-color: #FFF;
}

.activeBottomMenuItem {
    color: #FFF;
    background: linear-gradient(180deg, #3965A9 0%, #193258 100%);
    box-shadow: 0px 4px 4px 0px #00000030;
    border-radius: var(--main-radius);
}


.tabDiv {
    flex: 1 1 auto;
    overflow: auto;
}

.tabDivHelp {
    padding: 1em;
}

.tabDivThemeLegendSection {
    background: url('logo.svg') no-repeat;
    background-position: 1em 1em;
    background-size: auto 3em;
    padding-top: 4.5em;
}

.tabDivThemeHelpSection div {
    margin-bottom: 0.5em;
}

.tabDivVisualisation {
    display: flex;
}
.tabDivChat{
    display: flex;
    flex-direction: column;
    padding: 0.5em;
    background-color: #CADBF533;
    border-radius: var(--main-radius);
    margin: 0 0.5em;
}

/*.sectionCaption {
    font-size: 1.2em;
    font-family: 'bold';
    text-align: center;
    margin: 1em 1em 0.5em;
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto 1em;
    width: fit-content;
    padding-left: 1.5em;
}*/

.sectionCaptionTehnics {
    background-image: url('iconTehnics.svg');
}
.sectionCaptionTehnics{
    margin-bottom: -1.5em;
    position: relative;
    z-index: 2;
}

.sectionCaptionAis {
    background-image: url('iconAi.svg');
}

.sectionCaptionBudget {
    background-image: url('iconMoney.svg');
}

.sectionCaptionGroupVolume {
    background-image: url('iconGroupVolume.svg');
}

.sectionCaptionWorkers {
    background-image: url('iconWorker.svg');
}
.sectionCaptionShop {
    background-image: url('iconMarket.svg');
}

.sectionCaptionAisAbsent,
.sectionCaptionTehnicsAbsent {
    margin: 0.5em;
}

.marketTehnicsRoot,
.marketAisRoot {}

.marketDisabled .marketTehnicsRoot{
    opacity: 0.5;
}

.marketTehnicRoot,
.teamTehnicRoot,
.teamAiRoot {
    flex: 0 0 auto;
    padding: 0 0.3em;
    box-sizing: border-box;
    margin-bottom: 0.3em;
}
.marketAiRoot .marketAiPriceUse, .marketAiBuyed .marketAiPrice{
    display: none;
}
.marketAiBuyed .marketAiPriceUse{
    display: block;
}

.diagnostTehnicBody {
    margin-bottom: 0.3em;
}

.marketTehnicBody,
.marketAiBody,
.teamTehnicBody,
.teamAiBody,
.diagnostTehnicBody,
.tehnicExportBody,
.workerExportBody {
    border-radius: var(--main-radius);
    padding: 0.5em;
    box-shadow: 0px 4px 4px 0px #00000030;
    background-color: #F4F8FD;
}

.tehnicExportBody, .workerExportBody {
    flex: 1 1 auto;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}
.tehnicExportTr .tehnicExportCaption, .tehnicImportTr .tehnicImportCaption, .workerExportTr .workerExportCaption, .workerImportTr .workerImportCaption{
    font-size: 0.8em;
    align-items: center;
    display: flex;
}
.tehnicExportTr.tehnicExportTrMovedOtherGroup, .workerExportTr.workerExportTrMovedOtherGroup{
    opacity: 0.5;
    box-shadow: none;
}
.tehnicExportTrMovedOtherGroup .tehnicExportModuleSelector, .workerExportTrMovedOtherGroup .workerExportModuleSelector, .workerExportTrStatusStudy .workerExportModuleSelector, .workerExportTrStatusEvent .workerExportModuleSelector {
    cursor: default;
}
.tehnicExportTrInRepair .tehnicExportCaption, .tehnicImportTrInRepair .tehnicImportCaption{
    padding-left:2em;
    background: url(icon-repair2.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1.5em;
}
.tehnicExportTrInRepair1 .tehnicExportCaption, .tehnicImportTrInRepair1 .tehnicImportCaption{
    padding-left:2em;
    background: url(icon-repair1.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1.5em;
}

.marketTehnicHeader,
.marketAiHeader,
.teamTehnicHeader,
.teamAiHeader,
.teamWorkerHeader {
    display: flex;
    line-height: 1.5em;
}

.marketTehnicNotAvailable,
.marketAiNotAvailable,
.marketTehnicBuyed {
    opacity: 0.5;
}

.marketTehnicNotAvailable .marketBuyButton,
.marketAiNotAvailable .marketBuyButton,
.marketTehnicBuyed .marketBuyButton,
.marketAiBuyed .marketBuyButton,
/*.marketDisabled .marketBuyButton,*/
.marketTehnicBuyed .marketTehnicBlock,
.marketAiNotAvailable .marketTehnicBlock {
    display: none !important;
}

.marketTehnicNotAvailableDiv,
.marketAiNotAvailableDiv,
.marketTehnicBuyedDiv,
.marketAiBuyedDiv,
.marketAiActiveDiv,
.marketAiDisactivDiv {
    display: none;
    margin: 0 auto;
    width: 90%;
    box-sizing: border-box;
    text-align: center;
    border-radius: var(--main-radius);
    padding: 0.5em 0.8em;
    max-width: 15em;
}

.marketTehnicNotAvailableDiv,
.marketAiNotAvailableDiv {
    border: 1px solid #3965A9;
    color: #3965A9;
}

.marketTehnicBuyedDiv,
.marketAiBuyedDiv,
.marketAiActiveDiv {
    border: 1px solid #39a965;
    color: #39a965;
}

.marketAiDisactivDiv {
    border: 1px solid rgb(148, 70, 70);
    color: rgb(148, 70, 70);
}
.panelAIRiskForecastingThisStepInactive, .panelAIWeatherForecastingThisStepInactive{
    color: red;
    font-size: 0.8em;
    margin:0.5em 0;
}

.marketTehnicNotAvailable .marketTehnicNotAvailableDiv,
.marketAiNotAvailable .marketAiNotAvailableDiv,
.marketTehnicBuyed .marketTehnicBuyedDiv,
.marketAiBuyed .marketAiBuyedDiv,
.marketAiActive .marketAiBuyed .marketAiActiveDiv,
.marketAiDisactive .marketAiBuyed .marketAiDisactivDiv {
    display: block;
}

.marketTehnicBuyed .marketTehnicNotAvailableDiv,
.marketAiBuyed .marketAiNotAvailableDiv,
.marketAiActive .marketAiBuyed .marketAiBuyedDiv,
.marketAiDisactive .marketAiBuyed .marketAiBuyedDiv {
    display: none;
}
.marketTehnicBuyed .marketTehnicBody{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.marketTehnicBuyed .marketTehnicButtons{
    flex: 1 1 auto;
    margin-left: 1em;
}
.marketTehnicBuyed .marketTehnicBuyedDiv{
    width: fit-content;
}


.marketAiCaption,
.marketTehnicCaption,
.diagnostTehnicCaption,
.teamTehnicCaption,
.tehnicExportCaption,
.tehnicImportCaption,
.workerExportCaption,
.workerImportCaption,
.teamAiCaption {
    font-family: 'bold';
    background-repeat: no-repeat;
    background-size: 0;
}

.tehnicExportCaption, .tehnicImportCaption , .workerExportCaption, .workerImportCaption {
    flex: 1 1 auto;
}

.marketTehnicImage,
.marketAiImage,
.teamTehnicImage,
.teamAiImage {
    height: 2em;
    margin-right: 0.5em;
}

.marketTehnicImage img,
.marketAiImage img,
.teamTehnicImage img,
.teamAiImage img {
    max-width: 100%;
    max-height: 100%;
}

.marketTehnicBlock,
.marketAiBlock,
.teamTehnicBlock,
.teamAiBlock,
.tehnicExportBlock,
.tehnicImportBlock,
.workerExportBlock,
.workerImportBlock,
.diagnostTehnicBlock {
    border: 1px solid var(--main-font-color);
    border-radius: var(--main-radius);
    padding: 0.2em;
    margin-top: 0.3em;
    display: flex;
}

.tehnicExportToTeam {
    margin-top: 0.5em;
}

.marketTehnicBlockElement1,
.teamTehnicBlockElement1 {
    flex: 1 1;
    padding: 0.2em 0;
    margin: 0 0.5em;
    border-right: 1px solid var(--main-font-color);
}

.marketTehnicBlockElement2,
.teamTehnicBlockElement2 {
    flex: 2 1;
    padding: 0.2em 0;
    margin: 0 0.5em;
}

.teamTehnicBlockElement3 {
    flex: 1 1;
    padding: 0.2em 0;
    margin: 0 0.25em;
    border-right: 1px solid var(--main-font-color);
}

.teamTehnicBlockElement3:last-child {
    border-right: 0;
}

.marketTehnicBoldValue,
.teamTehnicBoldValue,
.marketAiBoldValue,
.teamAiBoldValue {
    font-family: 'bold';
}

.marketTehnicSpecializationCaption,
.marketTehnicLevel,
.marketTehnicPrice,
.marketAiPrice,
.marketAiPriceUse,
.teamTehnicPriceUse,
.teamTehnicSpecializationCaption,
.teamTehnicLevel,
.teamTehnicCount,
.teamTehnicStatus,
.teamAiPriceUse,
.tehnicExportLevel,
.tehnicImportLevel,
.workerExportLevel,
.workerImportLevel,
.diagnostTehnicLevel {
    background-position: left;
    background-repeat: no-repeat;
    background-size: 0.9em;
    padding-left: 1.2em
}

.marketTehnicSpecializationCaption,
.teamTehnicSpecializationCaption {
    background-image: url('iconWorkType.svg');
}

.marketTehnicLevel,
.teamTehnicLevel,
.tehnicExportLevel,
.tehnicImportLevel,
.workerExportLevel,
.workerImportLevel,
.diagnostTehnicLevel {
    background-image: url('iconLevel.svg');
}

.marketTehnicPrice,
.teamTehnicPriceUse,
.marketAiPrice,
.marketAiPriceUse,
.teamAiPriceUse {
    background-image: url('iconMoney.svg');
}

.teamTehnicCount {
    background-image: url('iconCount.svg');
}

.teamTehnicStatus {
    background-image: url('iconStatus.svg');
}

.tehnicExportLevel, .tehnicImportLevel, .workerExportLevel, .workerImportLevel{
    background-position: 0.2em center;
    padding-left: 1.4em;
    padding-right: 0.5em;
    width: min-content;
    white-space: nowrap;
    align-items: center;
    display: flex;
}


.marketTehnicButtons,
.marketAiButtons {
    display: flex;
    margin-top: 0.3em;
    justify-content: space-between;
}
.marketTehnicButtons .marketDescrButton{
    display: none;
}

.marketTehnicButtons .mainButton,
.marketAiButtons .mainButton,
.marketTehnicNotAvailableDiv,
.marketAiNotAvailableDiv,
.marketTehnicBuyedDiv,
.marketAiBuyedDiv {
    min-width: auto;
    margin: 0 0.3em 0 0;
}
.marketTehnicBuyed .marketTehnicButtons{
    justify-content: end;
}

.tehnicCardCaption,
.aiCardCaption {
    font-family: 'bold';

    background-repeat: no-repeat;
    background-size: 0;
    line-height: 1.5em;
    font-size: 1.2em;
    min-height: 2.3em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1em;
}

.mainPanelRoot {
    display: none;
}

.mainPanelRoot .stageCaption {
    text-align: center;
    font-size: 2em;
    margin: 1em;
}

.preparePanelRoot {
    display: none;
}

.panelCaption, .sectionCaption {
    font-family: 'bold';
    /*  margin: 0.5em 0;
    border-top: 1px solid var(--main-font-color);*/

    background-position: left;
    background-repeat: no-repeat;
    background-size: 1em;
    padding: 0.5em 0.5em 0.5em 1.2em;
}

.panelCaptionAi {
    background-image: url('iconAi.svg');
    border-top: 0;
    margin-top: 0;
}

.panelCaptionWeather {
    background-image: url('iconWeather.svg');
}

.panelCaptionEvents {
    background-image: url('iconEvent.svg');
}

.panelCaptionMarket {
    background-image: url('iconMarket.svg');
}

.panelCaptionStudy {
    background-image: url('iconStudy.svg');
}

.panelCaptionWorker {
    background-image: url('iconWorker.svg');
}

.panelCaptionTehnic, .panelCaptionRepairFinish {
    background-image: url('iconTehnics.svg');
}

.panelCaptionBudget {
    background-image: url('iconMoney.svg');
}

.panelCaptionReady {
    background-image: url('iconReady.svg');
}

.panelCaptionEffect {
    background-image: url('iconModule.svg');
}
.panelCaptionDiagnostics {
    background-image: url('iconDiagnost.svg');
}
.panelCaptionExport {
    background-image: url('iconExport.svg');
}

.panelAIRiskForecastingDecision .mainButton, .panelAIWeatherForecastingDecision .mainButton{
    margin-top: 0.5em;
}

.mainButtonMarket {
    margin: 1em 0 0 0;
}

.eventWin, /*.tabDivPlan, .tabDivResult, */.aIRiskForecastingDecisionWin, .aIWeatherForecastingDecisionWin{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    padding: 1em;
    overflow: auto;
    box-sizing: border-box;
    z-index: 5;
}
.eventWinCommon{
    z-index: 6;
}
.aIRiskForecastingDecisionWin, .aIWeatherForecastingDecisionWin{
    z-index: 7;
}

.stageEventDiv {
    margin: 0.5em 0;
    padding-bottom: 0.5em;
    border-bottom: 1px solid var(--main-font-color);

    background-image: url('iconEventItem.svg');
    background-position: left 0.6em;
    background-repeat: no-repeat;
    background-size: 0.8em;
    padding: 0.5em 0.5em 0.5em 1.2em;
}
.eventWin .stageEventDiv{
    border-bottom: 0;
}
.panelWeatherRoot{
    display: none!important;
}
.panelWeatherRoot .stageEventDiv:last-child {
    border-bottom: 0;
}

.gameSelectGroup_content {
    font-size: 1.5em;
    color: #FFF;
    text-align: center;
}

.gameSelectGroup_content div {
    margin-top: 0.5em;
}

/*.stageEventDiv:first-child {
    border-top: 0;
    padding-top: 0;
    background-position: left 0.1em;
    margin-top: 0;
}

.stageEventDiv:last-child {
    margin-bottom: 0;
}*/

.panelWeatherBody .stageEventDiv {
    background-size: 4em;
    padding-top: 2em;
    padding-left: 5em;
    background-position: left center;
}

.stageEventAiActive {
    color: green;
}

.stageEventDecisionRoot {
    border: 1px solid #3965A9;
    border-radius: var(--main-radius);
    padding: 0.5em;
    margin-top: 0.3em;

}

.stageEventDecisionCaption {
    font-family: 'bold';
    margin-bottom: 0.5em;
}

.stageEventDecisionsRoot {
    display: flex;
    margin-top: 0.3em;
    flex-wrap: wrap;
}

.stageEventDecisionButton {
    flex: 1 1 auto;
    display: flex;
}

.stageEventCustomDescrRoot, .stageEventPickUpRoot {
    margin-top: 1em;
}

.stageEventCustomDescrRed {
    color: #622;
}

.stageEventDecisionInput {
    flex: 1 1 auto;
    display: flex;
    margin: 0.5em 0;
}

.stageEventDecisionInput input {
    max-width: 4em;
}

.stageEventDivisible .stageEventDecisionsRoot {
    line-height: 1.5em;
}

.stageEventTeamDecisionsRoot {
    width: fit-content;
}

.stageEventTeamDecisionRoot {
    display: flex;
    justify-content: space-between;
    font-size: 0.8em;
    margin: 0.5em;
}

.stageEventTeamDecisionTeam {
    margin: 0 0.5em;
}

.stageEventTeamDecisionValue {
    font-family: 'bold';
}

.panelEventsBody .mainButton, .panelEventsBodyCommon .mainButton, .eventWin .mainButton {
    margin: 0.2em;
    width: 100%;
    max-width: 100%;
}

.stageEventDecisionGiveBudget,
.stageEventDecisionTakeBudget,
.stageEventDecisionGiveWorker,
.stageEventDecisionTakeWorker {
    display: none;
}

.stageEventDecisionGiveBudgetRoot .stageEventDecisionGiveBudget,
.stageEventDecisionTakeBudgetRoot .stageEventDecisionTakeBudget,
.stageEventDecisionGiveWorkerRoot .stageEventDecisionGiveWorker,
.stageEventDecisionTakeWorkerRoot .stageEventDecisionTakeWorker {
    display: block;
    margin: 1em 0.5em 0.5em 0;
}




.panelAIRiskForecastingPriceUse,
.panelAIWeatherForecastingPriceUse,
.panelAITehnicDiagnosticPriceUse,
.panelAIStudyPriceUse {
    font-family: 'bold';
    display: inline-block;
    background-image: url('iconMoney.svg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: 1em;
    padding-left: 1.3em;
}

.panelStudyCntRoot {
    margin-bottom: 0.8em;
}
.panelStudyCntCaption1{
    padding-left: 0.5em;
}
.panelStudyCntCaption2{
    border-left: 1px solid var(--main-font-color);
    margin-left: 0.5em;
    padding-left: 0.5em;
}

.panelStudyAmountRoot {
    margin-top: 0.8em;
}

.panelStudyItemRoot {
    display: flex;
    padding-top: 0.5em;
    border-top: 1px solid var(--main-font-color);
    margin-top: 0.5em;
}

.panelStudyItemRoot div {
    border-left: 1px solid var(--main-font-color);
    margin-left: 0.5em;
    padding-left: 0.5em;
}

.panelStudyItemRoot div:first-child {
    flex: 1 1 auto;
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}

.prepareStatistic {
    position: sticky;
    top: 0;
    background-color: #999;
    padding: 0.5em;
    text-align: center;
}

.panelStudyCntRoot,
.panelStudyAmountRoot,
.tehnicExportRoot,
.workerExportRoot {
    display: flex;
}

.panelTehnicsExportBody,
.panelTehnicsImportBody,
.panelWorkersExportBody,
.panelWorkersImportBody,
.panelBudgetExportBody,
.panelRepairFinishBody {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}
.panelTehnicsExportBody, .panelTehnicsImportBody, .panelWorkersExportBody, .panelWorkersImportBody{
    flex-direction: column;
    gap: 0em;
}
.panelTehnicsExportHeader, .panelWorkersExportHeader{
    display: flex;
    justify-content: end;
    position: sticky;
    top: 0;
    background: #f4f8fd;
    z-index: 1;
}
.panelTehnicsImportHeader, .panelWorkersImportHeader{
    display: flex;
    justify-content: space-between;
}
.panelTehnicsExportHeader th, .panelWorkersExportHeader th{
    width:1.5em;
    padding: 0.1em;
}
.tehnicImportRoot, .workerImportRoot{
    margin-top: 0.5em;
}
.tehnicExportTr, .tehnicImportTr, .workerExportTr, .workerImportTr {
    display: flex;
    flex: 1 1;
    box-shadow: 0px 4px 4px 0px #00000030;
}
.tehnicExportTr:last-child, .tehnicImportTr:last-child, .workerExportTr:last-child, .workerImportTr:last-child {
    border-radius: 0 0 var(--main-radius) var(--main-radius);
}
.tehnicExportTr:first-child, .workerExportTr:first-child {
    border-radius: var(--main-radius) 0 0 0;
}
.tehnicImportTr:first-child, .workerImportTr:first-child {
    border-radius: var(--main-radius) var(--main-radius) 0 0;
}
.tehnicExportLevel, .tehnicExportModuleTd, .tehnicImportLevel, .tehnicImportModuleTd, .workerExportLevel, .workerExportModuleTd, .workerImportLevel, .workerImportModuleTd {
    flex: 0 0;
}
.tehnicExportStatusBlock, .tehnicImportStatusBlock, .workerExportStatusBlock, .workerImportStatusBlock{
    border: solid var(--main-font-color);
    border-width: 0 1px 0 1px;
    width: 6.8em;
    text-align: center;
    display: flex;
    justify-content: center;
}
.tehnicExportTr:last-child  .tehnicExportStatusBlock, .tehnicImportTr:last-child  .tehnicImportStatusBlock, .workerExportTr:last-child  .workerExportStatusBlock, .workerImportTr:last-child  .workerImportStatusBlock{
    border-bottom: 1px solid var(--main-font-color);
    border-radius: 0 0 var(--main-radius) var(--main-radius);
}


.tehnicExportModuleTd, .tehnicImportModuleTd, .workerExportModuleTd, .workerImportModuleTd{
    flex: 1 1;
    padding: 0.2em 0.1em;
}
.tehnicExportModuleMy, .tehnicImportModuleMy , .workerExportModuleMy, .workerImportModuleMy {
    padding: 0.2em 0.7em;
    width: 1.5em;
    flex: 0 0 auto;
}
.panelTehnicsExportHeaderMy, .panelWorkersExportHeaderMy, .panelWorkersExportHeaderWorker, .panelWorkersAvailableHeaderWorker{
    font-weight: bold;
    display: flex;
    align-items: end;
    padding: 0.2em 0;
    font-size: 0.9em;
}
.panelWorkersExportHeaderWorker{
    flex: 1 1 auto;
    padding-left: 0.5em;
}
.panelTehnicsExportHeaderOther, .panelWorkersExportHeaderOther {
    border: solid var(--main-font-color);
    border-width: 1px 1px 0 1px;
    border-radius: 0.5em 0.5em 0 0;
}
.panelTehnicsExportHeaderOther tr:first-child th, .panelWorkersExportHeaderOther tr:first-child th {
    font-size: 0.9em;
}
.panelTehnicsExportEmpty{
    margin-top: 1.5em;
}
.tehnicExportModuleSelector, .tehnicImportModuleSelector, .workerExportModuleSelector, .workerImportModuleSelector{
    width:1.5em;
    height:1.5em;
    background: #0003;
    margin: 0 auto;
    border-radius: var(--main-radius);
}
.tehnicExportModuleSelector, .workerExportModuleSelector{
    cursor: pointer;
}
.tehnicExportModuleSelectorActive, .tehnicImportModuleSelectorActive, .workerExportModuleSelectorActive, .workerImportModuleSelectorActive{
    background: var(--main-font-color);
}
.tehnicExportModuleMy .tehnicExportModuleSelectorActive, .tehnicImportModuleMy .tehnicImportModuleSelector, .workerExportModuleMy .workerExportModuleSelectorActive, .workerImportModuleMy .workerImportModuleSelector{
    background: #080;
}
.tehnicExportTrInRepair .tehnicExportModuleMy .tehnicExportModuleSelectorActive, .tehnicImportTrInRepair .tehnicImportModuleMy .tehnicImportModuleSelector{
    background: #b00;
}

.workerExportStatusEvent, .workerExportStatusStudy{
    display: none;
    align-items: center;
}
.workerExportTrStatusEvent .workerExportStatusEvent, .workerExportTrStatusStudy .workerExportStatusStudy{
    display: flex;
}
.workerExportTrStatusEvent .workerExportModuleMy .workerExportModuleSelector{
    background: url(iconEvent.svg) #6c95d5;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}
.workerExportTrStatusStudy .workerExportModuleMy .workerExportModuleSelector{
    background: url(iconStudy.svg) #6c95d5;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}
.workerExportTrStatusEvent .workerExportModuleOther, .workerExportTrStatusStudy .workerExportModuleOther {
    display: none;
}
.workerExportTrStatusStudyAi .workerExportModuleMy .workerExportModuleSelector{
    background: url(iconStudy.svg) #0003;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}
.workerExportTrStatusStudyAi .workerExportModuleMy .workerExportModuleSelectorActive{
    background: url(iconStudy.svg) #080;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}


.panelTehnicsImportHeaderMy, .panelWorkersImportHeaderMy{
    border: solid var(--main-font-color);
    border-width: 1px 1px 0 1px;
    border-radius: 0.5em 0.5em 0 0;
    width: 6em;
    text-align: center;
    padding: 0.4em;
    font-weight: bold;
}
.tehnicImportStartTeam, .workerImportStartTeam{
    display: flex;
    align-items: center;
}

.tehnicExportRoot, .tehnicRepairFinishDiv, .workerExportRoot, .workerRepairFinishDiv  {
    flex: 1 1;
    min-width: 10em;
}

.panelStudyCntValue,
.panelStudyCntValueTotal,
.panelStudyAmountValue {
    font-family: 'bold';
    margin-left: 0.5em;
}

.panelStudySpecRoot {
    border-radius: var(--main-radius);
    padding: 0.5em;
    box-shadow: 0px 4px 4px 0px #00000030;
    margin-bottom: 0.5em;
}
.workerExportTr {
    background-color: #D9D9D9;
}

.panelStudySpecCaption {
    font-family: 'bold';
}

.spanUseAiIcon,
.spanStudyIcon {
    background-repeat: no-repeat;
    background-size: contain;
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-bottom: -0.11em;
}

.spanStudyIcon {
    background-image: url('iconStudy.svg');
}

.spanUseAiIcon {
    background-image: url('iconAi.svg');
}


.panelStudyRootNobodyStudy .panelStudyAiRoot, 
.panelStudyRootNobodyStudy .panelStudyCntRoot, 
.panelStudyRootNobodyStudy .panelStudyBody, 
.panelStudyRootNobodyStudy .panelStudyAmountRoot,
.panelStudyRootNoSlotStudy .panelStudyAiRoot, 
.panelStudyRootNoSlotStudy .panelStudyCntRoot, 
.panelStudyRootNoSlotStudy .panelStudyBody, 
.panelStudyRootNoSlotStudy .panelStudyAmountRoot,
.panelStudyRoot:not(.panelStudyRootNobodyStudy) .panelStudyNobodyRoot,
.panelStudyRoot:not(.panelStudyRootNoSlotStudy) .panelStudyNoSlotRoot
{
    display: none!important;
}

.workerExportHeader {
    display: flex;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

.workerExportHeader div {
    flex: 1 1;
}

.workerExportCaption {
    font-family: 'bold';
}

.workerExportRemaining {
    border: 1px solid #3965A9;
    border-radius: var(--main-radius);
    text-align: center;
}

.workerExportTeams,
.budgetExportTeams {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    gap: 0.3em;
}

.workerExportTeam,
.budgetExportTeam {
    flex: 1 1;
    border: 1px solid #3965A9;
    border-radius: var(--main-radius);
    padding: 0.3em;
}

.budgetExportTeam {
    text-align: center;
}

.workerExportTeamInputRoot,
.budgetExportTeamInputRoot {
    display: flex;
    margin-top: 0.3em;
    justify-content: center;
}

.workerExportToTeamInput,
.budgetExportToTeamInput {
    flex: 1 1 auto;
    max-width: 3em;
    padding: 0.5em;
    box-shadow: none;
    text-align: center;
}

.budgetExportToTeamInput {
    max-width: 4em;
    min-width: 3em;
}


.teamTehnicStatusDiv {
    background-color: rgb(153, 223, 255);
    border-radius: var(--main-radius);
    text-align: center;
    padding: 0.1em;
    margin-bottom: 0.1em;
}

.tehnicStatusInWork {
    background-color: #9F9;
}

.tehnicStatusNeedDiagnostic {
    background-color: rgb(255, 213, 77);
}

.tehnicStatusInRepair,
.tehnicExportInRepair {
    background-color: rgb(255, 153, 153);
}

.tehnicExportInRepair {
    border-radius: var(--main-radius);
    padding: 0.1em;
    text-align: center;
    margin-top: 0.5em;
}

.tehnicStatusExport {
    background-color: rgb(150, 148, 148);
}

.tehnicExportTeamSelect {
    max-width: 100%;
    width: 100%;
}

.tehnicForDiagnosticDiv {
    /*  display: flex;*/
}

.diagnostTehnicCaption {
    margin-bottom: 0.5em;
}

.panelDiagnosticsRoot .diagnostTehnicButtonsRoot {
    margin-top: 0.5em;
    display: flex;
}
.diagnostTehnicButtonsAllRoot{
    margin-bottom: 0.5em;
    margin-top: 0em;
}

.tehnicForDiagnosticDiv .result {
    margin-top: 0.5em;
}

.buttonDiagnostic {
    margin: 0 0.5em;
}

.buttonDiagnosticIcon,
.buttonUseAiIcon {
    background-repeat: no-repeat;
    background-size: contain;
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-bottom: -0.11em;
}

.buttonDiagnosticAll,
.buttonUseAiAll {
    width: fit-content;
    max-width: max-content;
}

.buttonDiagnosticIcon {
    background-image: url('iconDiagnostW.svg');
}

.buttonUseAiIcon {
    background-image: url('iconAiW.svg');
}

.tabDivMain {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
.buttonFixPlan{
    margin-bottom: 1em;
}

.mainPanelRoot_opened {
    flex: 1 1 auto;
}

.mainPanelOpenedRoot {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mainPanelSectionHeader {
    font-size: 1.2em;
    cursor: pointer;
    background-position: 0.2em center;
    background-repeat: no-repeat;
    background-size: 1em;
    /*  background-image: url(icon_uncollapse.svg);*/
    padding: 0.5em 0.5em 0.5em 1.5em;
    margin: 0 0.5em;
    font-family: 'bold';
    border-top: 1px solid var(--main-font-color);
}

.mainPanelSectionHeaderEvents {
    background-image: url(iconWeather.svg);
    border-top: 0;
}

.mainPanelSectionHeaderDiagnost {
    background-image: url(iconDiagnost.svg);
}

.mainPanelSectionHeaderStudy {
    background-image: url(iconWorker.svg);
}

.mainPanelSectionHeaderExport {
    background-image: url(iconExport.svg);
}

.mainPanelSectionCollapsed:not(.mainPanelSectionActive) .mainPanelSectionHeader {
    /*  background-image: url(icon_collapse.svg);*/
}

.mainPanelSectionActive .mainPanelSectionHeader,
.mainPanelSectionDisabled .mainPanelSectionHeader {
    cursor: default;
    /*  background-image: none;*/
}

.preparePanelRoot,
.mainPanelMainRoot,
.mainPanelResultRoot, .tabDivTeamSectionGroupVolumes, .tabDivTeamSectionTehnics, .tabDivMarketTehnicsSection, .tabDivTeamSectionWorkers, .tabDivTeamSectionBudget, .tabDivTeamSectionBudgetGame {
    background-color: #CADBF533;
    border-radius: var(--main-radius);
    margin: 0.5em;
    padding: 0.5em;
}
.tabDivTeamSectionWorkers{
    padding: 0.5em 0;
}

.mainPanelSectionCollapsed:not(.mainPanelSectionActive) .mainPanelSectionContent {
    display: none;
}

.mainPanelSectionDisabled {
    opacity: 0.5;
}

.mainPanelSectionRoot:not(.mainPanelSectionActive) .mainButtonNext,
.mainPanelSectionDisabled .mainButtonNext {
    display: none;
}

.iconSpecRoot {
    background-color: transparent !important;
}

.teamSectionWorkersTable {
    margin: 0.5em 0 1em;
    border-radius: var(--main-radius);
    overflow: hidden;
    border: 1px solid #193258;
    width: 100%;
    box-shadow: 0px 4px 4px 0px #00000030;
}

.teamWorkerTrAvailableForWork {
    font-family: 'bold';
}

.teamWorkerStudyAiCnt {
    font-size: 0.7em;
    white-space: nowrap;
}

.teamSectionWorkersTable td {
    min-width: 1.5em;
    height: 1.7em;
    min-height: 1.3em;
 /*   border: 0.2em #FFF solid;*/
    text-align: center;
  /*  background-color: #CADBF533;*/
}

.teamSectionWorkersTable th {
    min-width: 1.3em;
    height: 1.7em;
   /* background-color: #CADBF533;*/
    text-align: center;
}

/*.iconSpec {
    width: 1em;
    height: 1.3em;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left center;
    mask-position: left center;
    -webkit-mask-image: url(iconWorker.svg);
    mask-image: url(iconWorker.svg);
    background-color: #999;
    margin: 0.1em;
}*/

.teamSectionWorkersTable td.teamWorkerValueLevel1 {
    border-right: 1px solid #FFF3 !important;
}

.teamWorkerValueLevel2 {
    border-left: 0 !important;
}

.teamSectionWorkersRowCaption {
    text-align: left;
    word-break: break-word;
    font-size: 0.9em;
}

.iconSpecLevel {
    font-family: 'bold';
    font-size: 1.2em;
}

.panelFixGroupsRoot {
    margin: 0.5em;
}

.fixGroup {
    display: none;
    border: 1px solid var(--main-font-color);
    border-radius: var(--main-radius);
    padding: 0.5em;
}

.fixGroupDone {
    display: block;
}

.tabDivTeamSectionBudget {
    padding: 0 0.5em;
}
.tabDivTeamSectionBudgetGame{
    padding: 0 0.5em 0.5em;
}

.budgetTable, .gameBudgetTable {
    width: 100%;
}

.budgetTable td, .gameBudgetTable td {
    padding: 0.35em 0.5em;
    background-color: #CADBF533;
    border: 0.2em #FFF solid;
}

.budgetTableHeader td,
.budgetTableFooter td,
.gameBudgetTableHeader td,
.gameBudgetTableFooter td {
    background-color: #3965A9;
    color: #FFF;
    font-family: 'bold';
    word-break: break-word;
}

.budgetTableHeader td:first-child, .gameBudgetTableHeader td:first-child {
    border-radius: var(--main-radius) 0 0 0;
}

.budgetTableHeader td:last-child, .gameBudgetTableHeader td:last-child {
    border-radius: 0 var(--main-radius) 0 0;
}

.budgetTableFooter td:first-child, .gameBudgetTableFooter td:first-child {
    border-radius: 0 0 0 var(--main-radius);
}

.budgetTableFooter td:last-child, .gameBudgetTableFooter td:last-child {
    border-radius: 0 0 var(--main-radius) 0;
}

.budgetTableValue, .gameBudgetTableValue {
    text-align: right;
}

.panelResourcesGroupVolumeSpecCaption,
.panelMainVolumeSpecCaption,
.panelResultGroupVolumeSpecCaption {
    font-family: 'bold';
    background-repeat: no-repeat;
    background-size: 0;
    line-height: 1.5em;
    text-transform: uppercase;
}

.panelResourcesGroupVolumeElementValue,
.panelResultGroupVolumeElementValue {
    min-width: 2em;
    margin-left: 0.5em;
}


.panelResourcesGroupVolumeBlock,
.panelResultGroupVolumeBlock,
.panelMainVolumeBlock,
.panelMainPlanBlock {
    border: 1px solid #3965A9;
    border-radius: var(--main-radius);
    padding: 0.2em;
    margin-top: 0.3em;
    display: flex;
    font-size: 0.9em;
    flex-wrap: wrap;
}

.panelResultGroupVolumeBlock {
    padding: 0.2em 0.5em;
}

.panelResourcesGroupVolumeElement,
.panelResultGroupVolumeElement,
.panelMainVolumeElement {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    border-left: 1px solid var(--main-font-color);
}

.panelResourcesGroupVolumeElement:first-child,
.panelResultGroupVolumeElement:first-child,
.panelMainVolumeElement:first-child {
    border-left: 0;
}

.panelResultGroupVolumeElementCaption {
    flex: 1 1 auto;
}

.panelResultGroupVolumeElementValue {
    flex: 0 0;
    border-left: 1px solid var(--main-font-color);
    padding-left: 0.5em;
    margin-left: 0.5em;
    min-width: 4em;
    text-align: right;
}

.groupVolumeStagePlanValue{
    min-width: 2em;
    text-align: center;
}

.mainButtonOpenGameVolumesWin{
    max-width: max-content;
    margin-top: 1em;
}
.GameVolumesWin{
    text-align: center;
}
.gameVolumesTable{
    margin: 0 auto;
}
.gameVolumesTable td, .gameVolumesTable th{
    padding: 0.5em;
    text-align: center;
}
.gameVolumesTable th{
    border-radius: var(--main-radius) var(--main-radius) 0 0;
    font-size: 0.8em;
    word-break: break-all;
}
.gameVolumesTable td{
    white-space: nowrap;
}
.gameVolumesTable tr:last-child td {
    border-radius: 0 0 var(--main-radius) var(--main-radius);
}

.panelResultMainTr {
    font-family: 'bold';
}

.panelResultSubCaption {
    margin: 1em auto 0.5em;
    text-transform: uppercase;
    text-align: center;
}

.panelMainPlanBlockElement {
    flex: 0 0;
    display: flex;
    justify-content: center;
    border-left: 1px solid var(--main-font-color);
    padding-left: 0.3em;
    margin-left: 0.3em;
}

.panelMainPlanBlockElement:first-child {
    border-left: 0;
    flex: 1 1;
    justify-content: start;
    margin-left: 0;
    padding-left: 0;
}

.remainingForWork {
    min-width: 1.5em;
    margin-left: 0.3em;
}

.panelMainVolumeElementValue {
    font-family: 'bold';
    margin-left: 0.3em;
}

.panelResourcesGroupVolumeItem,
.panelMainSpecBody,
.panelResultGroupVolumeItem {
    margin: 0.5em;
    padding: 0.5em;
    border-radius: var(--main-radius);
    box-shadow: 0px 4px 4px 0px #00000030;
}

.panelPrepareReadyRoot {
    background-color: #0F03;
}


.planInput {
    width: 3em;
    text-align: center;
    padding: 0.2em;
}

.gameResults_content_inner {
    font-size: 2em;
    width: fit-content;
    padding: 0.5em;
    background-color: #FFFC;
    border-radius: var(--main-radius);
    margin: 0 auto;
}

.gameResultsTeamDiv {
    border-radius: var(--main-radius);
    border: 1px solid #3965A9;
    display: flex;
    padding: 0.3em 0.5em;
    margin: 0.3em;
}

.gameResultsTeamCaption {
    flex: 1 1;
    border-right: 1px solid #3965A9;
    padding-right: 0.5em;
    margin-right: 0.5em;
}

.gameResultsTeamPercent {
    min-width: 3em;
    text-align: center;
}

div.notie-background-info {
    background-color: #FFF;
    color: #3965A9;
    border-radius: var(--main-radius);
    padding: 0.5em 1em;
    width: fit-content;
    margin: 1em auto;
    font-size: 1em;
    left: 50%;
    transform: translate(-50%, 0);
}

#new_user_name_input {
    margin: 1em 0;
}


.videoSpecDonePlayerRoot{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3965A9DD;
    display: none;
    flex-direction: column;
    z-index: 10;
}
.videoSpecDoneContent{
    flex: 0 0 auto;
    height: fit-content;
    max-height: 98%;
    width: 98%;
    margin: 0 auto;
    text-align: center;
}
#videoSpecDonePlayer{
    max-height: 100%;
    max-width: 100%;
    box-shadow: 0px 4px 4px 0px #00000030;
    border-radius: var(--main-radius);
}
.videoSpecDoneDescrRoot{
    padding: 0.5em 1em;
    width: max-content;
    max-width: 90%;
    background-color: #FFFD;
    color: var(--main-font-color);
    position: absolute;
    bottom: 1em;
    left: 50%;
    transform: translate(-50%, 0);
    line-height: 1.5em;
    border-radius: var(--main-radius);
    box-shadow: 0px 4px 4px 0px #00000030;
}
.videoSpecDoneDescrRoot .mainButton{
    margin-top: 0.5em;
}
.videoSpecDoneDescrSpecCaption, .videoSpecDoneDescrSpecComplete{
    text-transform: uppercase;
    font-family: 'bold';
}





.visualisationRoot {
    clear: both;
    margin: 0 auto;
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    display: flex;
}

.map_scale_but_root {
    position: absolute;
    right: 2em;
    top: 2em;
    z-index: 3;
}

.map_scale_but {
    cursor: pointer;
    width: 2em;
    height: 2em;
    margin-bottom: 0.5em;
}

#map_root {
    overflow: auto;
    position: relative;
    flex: 1 1 auto;

    background-size: 100% 100%;
    background-position: center;
    background-image: url('visualisationBG.jpg');
    background-attachment: local;
}

#map_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 0px;
    width: 0px;
}

#map_layer_1 {
    display: flex;
}

#visualisationSvg {
    pointer-events: none;
    /* Отключаем события мыши для SVG */
}

.tabDivRoleLegendSection{
    margin-top: 1em;
}




.body_monitor {
    background: url(monitorBg.jpg);
    background-position: center;
    background-size: cover;
}

.monitorSection2 {
    background: url(monitorVisualisationBg.jpg);
    background-position: center;
    background-size: cover;
    aspect-ratio: 16 / 9;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.monitorSection2Table {
    position: absolute;
    left: 1em;
    top: 1em;
    font-size: 1em;
    background-color: #FFFD;
    border-radius: var(--main-radius);
    z-index: 11111;
}

.monitorSection {
    flex: 1 1 auto;
    height: 100%;
}

.monitorSection0 {
    background: url(logoW.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% 40%;
}

.monitorSection1,
.monitorSection2,
.monitorSection3,
.monitorSection4,
.monitorSection5,
.monitorSection6,
.monitorSection7,
.monitorSection8,
.monitorSection9,
.monitorSectionThemePage {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.monitorSection8 video{
    flex:1 1 auto;
    max-height: 100%;
    max-width: 100%;
}

.monitorSection1,
.monitorSectionThemePage{
    background: url(logoW.svg);
    background-position: 1em 1em;
    background-repeat: no-repeat;
    background-size: auto 5em;
}

.monitorSection1 {
    justify-content: center;
}

.monitorSection1Inner {
    height: 90%;
    font-size: 2em;
}

.monitorSection1 img {
    height: 100%;
    max-height: 20em;
    max-width: 100%;
}

.monitorSection4Inner {

    background: url(logoW.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 10em;

    color: #FFF;
    padding-top: 14em;
}

.monitorSection4Inner .timer_div {
    margin: 0 auto;
    font-size: 10em;
    width: fit-content;
    min-width: 3.4em;
    font-family: 'bold';
}

.monitorTeamModuleRoot {
    position: absolute;
}

.monitorTeamModuleRoot object {
    width: 100%;
}
.monitorTeamEffectSuccess{
    color: rgb(58, 107, 58);
}
.monitorTeamEffectFail{
    color: rgb(107, 58, 58);
}

.monitorSection3Inner {
    font-size: 2em;
}

.monitorSectionCaption {
    font-family: 'bold';
    margin-bottom: 1em;
}

.monitorSection3Inner,
.monitorSection5Inner,
.monitorSection6Inner,
.monitorSection7Inner,
.monitorSection9Inner {
    width: fit-content;
    padding: 1em;
    background-color: #FFFC;
    border-radius: var(--main-radius);
    margin: 0 auto;
}

.monitorSection5Inner,
.monitorSection6Inner,
.monitorSection7Inner,
.monitorSection9Inner {
    font-size: 2em;
}

.monitorSection5Inner th,
.monitorSection6Inner th,
.monitorSection7Inner th,
.monitorSection9Inner th {
    font-size: 0.6em;
    padding: 1em;
    min-width: 7em;
}

.monitorSection5Inner td,
.monitorSection6Inner td,
.monitorSection7Inner td,
.monitorSection9Inner td {
    padding: 0.5em;
}

.monitorSection6Inner th,
.monitorSection7Inner th,
.monitorSection9Inner th {
    border-radius: var(--main-radius) var(--main-radius) 0 0;
}

.monitorSection6Inner tr:last-child td,
.monitorSection7Inner tr:last-child td,
.monitorSection9Inner tr:last-child td {
    border-radius: 0 0 var(--main-radius) var(--main-radius);
}

.monitorSection6Inner td.monitorTeamCaption,
.monitorSection7Inner td.monitorTeamCaption,
.monitorSection9Inner td.monitorTeamCaption {
    border: 0;
}

.monitorTeamspecializationRem {
    text-align: right;
}

.monitorTeamTr {
    padding: 0.3em 0.5em;
    margin: 0.3em;
}

.monitorTeamDiv {
    border-radius: var(--main-radius);
    border: 2px solid #3965A9;
    display: flex;
    padding: 0.3em 0.5em;
    margin: 0.3em;
}

.monitorTeamDivCommon, .monitorTeamTrCommon {
    font-family: 'bold';
}
.monitorTeamDivHeader {
    font-family: 'bold';
    display: flex;
    padding: 0.3em 0.5em;
    margin: 0.3em;
}
.monitorTeamDivHeader div {
    font-size: 0.8rem;
}

.monitorTeamCaption {
    flex: 1 1;
}

    
.monitorTeamStageVolume {
    flex: 1 1;
    border-right: 2px solid #3965A9;
    padding-right: 1em;
    margin-right: 0.5em;
}

.monitorTeamPercent, .monitorTeamEffect {
    min-width: 7rem;
    text-align: center;
    border-left: 2px solid #3965A9;
    padding-left: 0.5rem;
    margin-left: 0.5rem;
}

.monitorBGSvg,
.monitorBGSvgFront {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.monitorBGSvgFront {
    z-index: 10000;
}

.monitorThemePageInner {
    font-size: 3em;
    color: #FFF;
}

.monitorThemePageInner .timer_div {
    font-size: 2em;
    margin-bottom: 0.5em;
    min-height: 1em;
    font-family: 'bold';
}



@media screen and (max-width: 1200px) {
    body {
        font-size: 17px;
    }

    .game_header_item_logo {
        width: 2em;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url('logoHSmall.svg');
        margin: 0.5em;
    }

}

@media screen and (max-width: 1000px) {
    body {
        font-size: 16px;
    }

    .game_header_block {
        padding: 0.2em;
        margin: 0.2em;
    }

    .game_status_opened .gameLogoDefault,
    .game_status_rules .gameLogoDefault {
        background-position: center;
        background-size: 90% 100%;
        background-image: url(logo.svg);
        margin-bottom: 4em;
        position: unset;
        width: 100%;
    }

    .gameRules_teamLogo {
        display: none;
    }

    .gameRules_content_inner {
        padding: 1em;
    }

    .bottomMenuItemVisualisation {
        display: flex;
    }

    .gameRightPanel {
        display: none;
    }

    .gameLeftPanel {
        min-width: auto;
    }

    .gameLeftPanelHeader {
        display: flex;
    }

    .bottomMenuItemLegend {
        display: none;
    }

    .bottomMenuItemHelp {
        display: none;
    }

    .tabDivThemeLegendSection {
        background-position: 1em top;
        padding-top: 4em;
    }
}

@media screen and (max-width: 800px) {
    body {
        font-size: 15px;
    }

    .game_header_block {
        padding: 0.1em;
        margin: 0.1em;
    }
}

@media screen and (max-width: 600px) {
    body {
        font-size: 14px;
    }
}

@media screen and (max-width: 500px) {
    .game_header_inner {
        font-size: 0.9em;
    }

    .game_header_item {
        padding: 0 0.2em;
    }
}




/*ЧАТ*/

#sendImageButton {
    background-image: url('iconSendImage.svg');
}
#sendMessageButton {
    background-image: url('iconSendMessage.svg');
}
#sendImageButton {
    margin-right: 0.5em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 100%;
    width: 1.5em;
}
#sendMessageButton {
    min-height: 29px;
    margin-left: 0.5em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 100%;
    flex: 0 0 auto;

    width: 1.5em;
}
.chatTop, .chatBottom{
    padding: 0.5em 1em;
}
#chatTeamGroupId{
    width:100%;
}


.chat_other_message,
.chat_my_message {
    padding: 5px 15px;
    width: max-content;
    max-width: 90%;
    box-sizing: border-box;
}

.chat_my_message img,
.chat_other_message img {
    max-width: 100%;
    max-height: 200px;
    cursor: pointer;
}

.chat_other_message {
    margin: 0 auto 5px 0;
    background-color: transparent;
    font-size:0.8em;
    background-color: #FFF;
    border-radius: 0 0.5em 0.5em 0.5em;
    border: 1px solid var(--main-font-color);
    color: var(--main-font-color);
}
.chat_other_message section, .chat_other_message img{
    color: var(--main-font-color);
    padding: 0.5em 0;
}
.chat_message_time{
    margin-left:0.5em;
}
.chat_my_message {
    font-size:0.8em;
    text-align: right;
    margin: 0 0 5px auto;

    background-color: var(--main-font-color);
    border-radius: 0.5em 0 0.5em 0.5em;
    border: 1px solid var(--main-font-color);
    color: #FFF;
}
.chat_my_message section, .chat_my_message img{
    padding: 0.5em 0;
}

.chat_message_user_name {
    flex: 1 1 auto;
}

.gotoNewMessagesRootDiv {
    height: 30px;
    margin-top: -30px;
    overflow: visible;
    z-index: 3;
}

#gotoNewMessagesButton {
    min-width: 60%;
    width: max-content;
    margin: 0 auto;
    background-color: var(--main-font-color);
    color: white;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
}

#chatTeamId{
    width:100%;
    max-width:100%;
}

#newMessageInput{
    max-width:100%;
    border: 1px solid var(--main-font-color);
}

div.chatNewMessageIcon{
    display: none;
    position: absolute;
    right: 0.2em;
    top: 0.2em;
    border-radius: 1em;
    width: 0.8em;
    height: 0.8em;
    background-color: red;
}
.bottomMenuItemChatNewMessage div.chatNewMessageIcon{
    display: block;
}
.selector_root_chatTeamId{
    z-index: 1;
}

.adminLoginPageContent{
    color: white;
}

.body_observer #get_cap_button,

.body_observer .buttonFixPlan, 
.body_observer .buttonUnfixPlan, 
.body_observer .buttonNum, 
.body_observer .prepareFinishButton, 
.body_observer .prepareUnfinishButton,

.mainContentRoot_oneCapMode:not(.mainContentRoot_iCap) .buttonFixPlan, 
.mainContentRoot_oneCapMode:not(.mainContentRoot_iCap) .buttonUnfixPlan, 
.mainContentRoot_oneCapMode:not(.mainContentRoot_iCap) .buttonNum, 
.mainContentRoot_oneCapMode:not(.mainContentRoot_iCap) .prepareFinishButton, 
.mainContentRoot_oneCapMode:not(.mainContentRoot_iCap) .prepareUnfinishButton
{
    display: none!important;
}





.helpSectorContent b {
    font-family: 'bold';
    display: contents;
}

.helpSectorCaption {
    cursor: pointer;
    margin: 1em 0.5em 0.5em;
    text-transform: uppercase;
    font-family: 'bold';
    background-position: left center;
    background-size: 1.5em 1.5em;
    background-repeat: no-repeat;
    padding-left: 2em;
    line-height: 1.5em;
}

.helpIcon {
    background-position: left center;
    background-size: 1.2em 1.2em;
    background-repeat: no-repeat;
    padding-left: 1.7em;
    min-height: 1.2em;
}

.helpSectorCaptionLegend,
.helpIconTarget {
    background-image: url(helpSectorIconLegend.svg);
}

.helpSectorCaptionTarget {
    background-image: url(helpSectorIconTarget.svg);
}

.helpSectorCaptionBuilding {
    background-image: url(helpSectorIconBuilding.svg);
}

.helpSectorCaptionWeather {
    background-image: url(helpSectorIconWeather.svg);
}

.helpIconWeather {
    background-image: url(helpIconWeather.svg);
}

.helpSectorCaptionPersons {
    background-image: url(helpSectorIconPersons.svg);
}

.helpSectorCaptionTehnics {
    background-image: url(helpSectorIconTehnics.svg);
}

.helpSectorCaptionAi {
    background-image: url(helpSectorIconAi.svg);
}

.helpIconAi {
    background-image: url(helpIconAi.svg);
}

.helpSectorCaptionDop {
    background-image: url(helpSectorIconDop.svg);
}

.helpSectorCaptionBudget,
.helpIconBudget {
    background-image: url(helpSectorIconBudget.svg);
}

.helpSectorCaptionBonus {
    background-image: url(helpSectorIconBonus.svg);
}

.helpSectorCaptionSteps {
    background-image: url(helpSectorIconSteps.svg);
}

.helpSectorCaptionPerson0,
.helpSectorCaptionPerson1,
.helpSectorCaptionPerson2,
.helpTehnicBlock,
.helpDopBlock,
.helpBudgetBlock,
.helpLegendBlock,
.helpBonusBlock,
.helpPersonsBlock,
.helpSectorCaptionTehnic1,
.helpSectorCaptionTehnic2,
.helpSectorCaptionAiPerson,
.helpSectorCaptionAiWeather,
.helpSectorCaptionAiTehnic {
    margin-bottom: 0.5em;
    background-position: left center;
    background-size: 0.8em;
    background-repeat: no-repeat;
    padding-left: 1.2em;
    min-height: 2em;
    display: flex;
    align-items: center;
}

.helpSectorCaptionPerson0 {
    background-image: url(helpIconPerson0.svg);
}

.helpSectorCaptionPerson1 {
    background-image: url(helpIconPerson1.svg);
}

.helpSectorCaptionPerson2 {
    background-image: url(helpIconPerson2.svg);
}

.helpSectorCaptionTehnic1 {
    background-size: auto 0.8em;
    padding-left: 1.2em;
    background-image: url(helpIconTehnic1.svg);
}

.helpSectorCaptionTehnic2 {
    background-size: auto 0.8em;
    padding-left: 2em;
    background-image: url(helpIconTehnic2.svg);
}

.helpTehnicBlockExport {
    background-size: 1.5em;
    padding-left: 2em;
    background-image: url(helpIconTehnicExport.svg);
}

.helpTehnicBlockRepair {
    background-size: auto 1.5em;
    padding-left: 2em;
    background-image: url(helpIconTehnicRepair.svg);
}

.helpBudgetBlock, .helpLegendBlock, .helpPersonsBlock{
    background-image: url(helpIconBudget.svg);
}
.helpSectorCaptionAiPerson {
    background-image: url(helpIconPerson0.svg);
}
.helpSectorCaptionAiWeather {
    background-size: 1.3em;
    padding-left: 1.6em;
    background-image: url(helpSectorIconWeather.svg);
}
.helpSectorCaptionAiTehnic {
    background-size: 1.3em;
    padding-left: 1.6em;
    background-image: url(helpSectorIconTehnics.svg);
}
.helpDopBlock2 {
    background-size: 1.5em;
    padding-left: 2em;
    background-image: url(helpIconDop2.svg);
}
.helpDopBlock3 {
    background-size: 1.5em;
    padding-left: 2em;
    background-image: url(helpIconDop3.svg);
}
.helpDopBlock5 {
    background-size: 1.5em;
    padding-left: 2em;
    background-image: url(helpIconDop5.svg);
}

.helpBonusBlock1 {
    background-size: 1.5em;
    padding-left: 2em;
    background-image: url(helpIconBonus1.svg);
}
.helpBonusBlock2 {
    background-size: 1.5em;
    padding-left: 2em;
    background-image: url(helpIconBonus2.svg);
}


.helpSectorContent {
    display: none;
    margin-bottom: 1.5em;
}

.helpSectorBorder {
    border-radius: var(--main-radius);
    border: 1px solid var(--main-font-color);
    padding: 0.5em 0.5em 0 0.5em;
}

.helpSectorContent div {
    margin-bottom: 0.5em;
}

.helpGroupCaption1,
.helpGroupCaption2 {
    font-family: 'bold';
    background-position: center bottom;
    background-size: 3em 3em;
    background-repeat: no-repeat;
    padding-bottom: 4em;
    flex: 1 1 auto;
    max-width: 10em;
    text-align: center;
}

.helpGroupCaption1 {
    background-image: url(helpGroupIcon1.svg);
}

.helpGroupCaption2 {
    background-image: url(helpGroupIcon2.svg);
    border-left: 1px solid var(--main-font-color);
}

div.helpFormulaRoot {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'bold';
    font-size: 1.5em;
}

div.helpFormulaItem {
    background-color: #19325811;
    border: 1px solid var(--main-font-color);
    border-radius: var(--main-radius);
    font-size: 0.6em;
    padding: 0.5em 1em;
    width: max-content;
    margin-bottom: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.helpPersonsBlocksRoot {
    /*  display: flex;*/
}

/*.helpPersonsBlock {
    flex: 1 1 auto;
    border-top: 1px solid var(--main-font-color);
    padding-top: 0.5em;
    margin-top: 0.5em;
    margin-left: 1em;
}

.helpPersonsBlock:first-child {
    border-top: 0;
    padding-top: 0;
}*/

.helpPersonParamRoot,
.helpTehnicParamRoot,
.helpAiParamRoot {
    font-size: 0.9em;
    padding-left: 0.7em;
}

.helpPersonParamRoot div,
.helpTehnicParamRoot div,
.helpAiParamRoot div {
    margin-bottom: 0.2em !important;
    display: inline-block;
}

.helpPersonParamRoot .helpPersonParamCaption,
.helpTehnicParamRoot .helpTehnicParamCaption,
.helpAiParamRoot .helpAiParamCaption {
    background-position: left top;
    background-size: auto 1.2em;
    background-repeat: no-repeat;
    padding-left: 1.7em;
    font-family: 'bold';
}

.helpPersonParamStart .helpPersonParamCaption,
.helpTehnicParamStart .helpTehnicParamCaption {
    background-image: url(helpIconPersonStart.svg);
}

.helpPersonParamSpeed .helpPersonParamCaption,
.helpTehnicParamSpeed .helpTehnicParamCaption {
    background-image: url(helpIconPersonSpeed.svg);
}

.helpPersonParamMoney .helpPersonParamCaption,
.helpTehnicParamMoney .helpTehnicParamCaption,
.helpAiParamMoney .helpAiParamCaption {
    background-image: url(helpIconPersonMoney.svg);
}

.helpPersonParamTehnics .helpPersonParamCaption {
    background-image: url(helpIconPersonTehnics.svg);
}

.helpPersonParamSpecs .helpPersonParamCaption {
    background-image: url(helpIconPersonSpecs.svg);
}

.helpPersonParamStudy .helpPersonParamCaption {
    background-image: url(helpIconPersonStudy.svg);
}

.helpTehnicParamControl .helpTehnicParamCaption {
    background-image: url(helpIconTehnicControl.svg);
}

.helpTehnicParamRepair .helpTehnicParamCaption {
    background-image: url(helpIconTehnicRepair2.svg);
}

.helpTehnicParamTime .helpTehnicParamCaption,
.helpAiParamTime .helpAiParamCaption {
    background-image: url(helpIconTehnicTime.svg);
}

.helpAiParamTarget .helpAiParamCaption {
    background-image: url(helpIconAiTarget.svg);
}
.helpAiParamBuy .helpAiParamCaption {
    background-image: url(helpIconAiBuy.svg);
}
.helpAiParamDoc .helpAiParamCaption {
    background-image: url(helpIconAiDoc.svg);
}

.helpBudgetItemsRoot, .helpStepsBlock, .helpAiBlock, .helpWeatherBlock{
    display: flex;
}
.helpBudgetItem{
    flex: 1 1;
    text-align: center;
}
.helpBudgetItemNum{
    font-size: 3em;
    margin-bottom: 0.1em!important;
    font-family: 'bold';
}
.helpBudgetItemContent{
    border-right: 1px solid var(--main-font-color);
    padding: 0 0.5em;
}
.helpBudgetItem:last-child .helpBudgetItemContent{
    border-right: 0;
}
.helpStepsBlockNum, .helpAiBlockNum, .helpWeatherBlockNum{
    font-size: 2.5em;
    font-family: 'bold';
    margin: 0 0.2em 0 0!important;
    color: #97cde2;
}
.helpStepsBlockContent, .helpAiBlockContent, .helpWeatherBlockContent{
    margin: 0!important;
}
.helpStepsBlockNum, .helpStepsBlockContent, .helpAiBlockNum, .helpAiBlockContent{
    display: flex;
    align-items: center;
}
.helpWeatherHappyRoot{
    display: flex;
    text-align: center;
}
.helpWeatherHappyRoot div{
    padding-right: 0.25em;
    margin-right: 0.25em;
    line-height: 1.5em;
    border-right: 1px solid var(--main-font-color);
}
.helpWeatherHappyRoot div:last-child{
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}