@font-face {
    font-family: 'regular';
    src: url('Formula1-Regular.ttf');
}
@font-face {
    font-family: 'bold';
    src: url('Formula1-Bold.ttf');
}
@font-face {
    font-family: 'regularC';
    src: url('ProximaNova-Regular.ttf');
}
@font-face {
    font-family: 'boldC';
    src: url('ProximaNova-Bold.ttf');
}

:root {
    --bg-color: #131119;
    --bg-color-90: #131119CC;
    --font-color: #ffffff;
    --font-color-80: #ffffffAA;
    --font-color-40: #ffffff66;
    --main-color: #ee3431;
    --main-color-10: #ee343120;
    --main-color2: #faf4f2;
    --main-radius: 0.5em;

    --success-font-color: #9F9;
    --success-color: #060;
    --success-color-20: #0603;
    --fail-font-color: #F99;
    --fail-color: #600;
    --fail-color-20: #6003;
}

html,
body {
	margin: 0;
	padding: 0;
    height: 100%;
	font-size: 17px;
}

body {
    display: flex;
	flex-direction: column;
    background: url(bg1.jpg), var(--bg-color);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: var(--font-color);
    font-family: 'regular', 'regularC';
    text-align: center;
}
* {
    scrollbar-color: var(--main-color) var(--main-color-10);
    scrollbar-width: thin;
}

*::-webkit-scrollbar {
    width: 5px;
    background-color: var(--main-color-10);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
}

th{
    text-transform: uppercase;
    color: var(--font-color-80)
}
th, td {
    padding: 0.5em;
    border-bottom: 1px solid var(--font-color-40);
}
.bodyMonitor th, .bodyMonitor td {
    padding: 0.8em;
}
.placeTd{
    font-family: 'bold', 'boldC';
    color: var(--font-color-80);
}
.topSpace, .bottomSpace{
    flex: 1 1 auto;
}
.gameNotStarted_content, .gameEnded_content {
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: 'bold', 'boldC';
}


.contentRoot{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0.5em;
}

.mainButton{
    cursor: pointer;
    padding: 0.5em;
    margin: 0.5em auto;
    text-align: center;
    background: var(--main-color);
    box-sizing: border-box;
    width: 90%;
    max-width: 20em;
    font-size: 1.2em;
    transition: all 0.3s ease;
    border-radius: var(--main-radius);
    box-shadow: 0 0 0.4em var(--main-color);
}
.mainButton:hover{
    filter: opacity(0.7);
}
.mainButtonDisabled{
    cursor: default;
    filter: opacity(0.3)!important;
}

.teamSelectRacers_content{
    margin: 1em 0;
}
.racerCaptionTd{
    font-family: 'bold', 'boldC';
    text-align: left;
}
.tableRacerCaptionTd, .timeTdRoot{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.2em 0.5em;
}
.timeTd, .timeTdGap{
    flex: 1 1;
    min-width: 4em;
}
.timeTdGap{
    align-items: end;
    display: flex;
    justify-content: end;
}
.teamCaptionTd{
    text-align: left;
}
.teamLogoSmallTd{
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
    width: 1em;
}
.bodyMonitor td.racerCarTd{
    padding:0.3em 0 0;
    width: 4em;
}
.racerCarTd svg, .racerIcon svg{
    width:100%;
    height: 100%;
    filter: drop-shadow(0 0 0.5em var(--font-color-80));
}
.racerIcon{
    width:3em;
}


.timeTd{
    text-align: right;
}
.timeTdGap{
    font-size: 0.8em;
}

.tireIconTd{
    background-size: 1.5em;
    background-position: center;
    background-repeat: no-repeat;
    width: 2em;
}

.gameSelectTeam_caption, .teamWaitUsers_teamCaptionText, .teamWaitUsers_caption, .teamSelectRacers_caption{
    text-transform: uppercase;
    font-family: 'bold', 'boldC';
    margin-bottom: 1em;
    font-size: 1.2em;
}
.teamWaitUsers_caption{
    margin-top: 4em;
}

.gameSelectTeam_teams, .teamSelectRacers_racers/*, , .gameResult_table*/{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    justify-content: space-around;
    max-width: 41em;
    margin: 0 auto;
}
.gameSelectTeam_teams {
    flex-direction: column;
}
.gameSelectTeam_team{
    margin: 0.5em auto 1em;
}
.gameSelectTeam_team, .teamSelectRacers_racer{
    display: flex;
    flex: 0 0 auto;
    /* margin: 1em 0; */
    text-decoration: none;
    color: var(--font-color);
    border-radius: var(--main-radius);
    overflow: hidden;
    width: 100%;
    /* min-width: 15em; */
    max-width: 15em;
    box-sizing: border-box;
    border: 2px solid;
    background: var(--bg-color-90);
}
.teamSelectRacers_racer{
    max-width: 20em;
}
.gameSelectTeam_teamLogo, .teamSelectRacers_racerPhoto{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 5em;
    height: 5em;
    flex: 0 0 auto;
}
.gameSelectTeam_teamCaption{
    border-width: 0 0 1em 0;
    border-style: solid;
}
.gameSelectTeam_teamCaption, .teamSelectRacers_racerCaption{
    flex: 1 1;
    display: flex;
    align-items: center;
    padding: 0 1em;
    font-family: 'bold', 'boldC';
}
.teamSelectRacers_racerInfoRoot{
    display: flex;
    flex-direction: column;
}

.teamSelectRacers_racer{
    cursor: pointer;
}
.teamSelectRacers_racerSelected{
    background: #0F0;
}
.teamSelectRacers_racerDisabled, .teamSelectRacers_racersLimit .teamSelectRacers_racer:not(.teamSelectRacers_racerSelected) {
    opacity: 0.3;
    cursor: default;
}
.teamSelectRacers_racerDescr{
    font-size: 0.8em;
    background-color: var(--font-color);
    color: var(--bg-color);
    padding: 0 0.3em;
}
.topSettingsPanel{
    position: fixed;
    top: 1em;
    left: 1em;
    display: flex;
}
.topSettingsButton, .fullscreenButton {
    width: 1em;
    height: 1em;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.3s ease;
    background-color: var(--main-color);
    
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.topSettingsButton{
    -webkit-mask-image: url('icon_settings.svg');
    mask-image: url('icon_settings.svg');

}
.fullscreenButton{
    width: 2em;
    -webkit-mask-image: url('fullscreen.svg');
    mask-image: url('fullscreen.svg');

}
.topSettingsButton:hover, .fullscreenButton:hover {
    opacity: 1;
}


.teamRules_content{
    font-size: 1.2em;
}
.stageCaption{
    font-size: 2em;
    font-family: 'bold', 'boldC';
    color: var(--font-color-80);
    margin: 0.5em auto;
    text-transform: uppercase;
}

.stageStatusNotStarted_header{
    text-transform: uppercase;
}


.selectRoot{
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}
.selectItemsRoot{
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    justify-content: center;
}
.selectItem {
    opacity: 0.5;
}
.selectItemDescr{
    margin: 0.5em 0 1em 0;
    font-size: 0.9em;
}
.stageStatusMain_content .selectItem{
    opacity: 0.9;
}
.selectItem, .stageStatusQualification_blockSelectIntervalItem {
    flex: 0 0 auto;
    cursor: pointer;
    padding: 0.5em;
    border-radius: var(--main-radius);
    background-color: #8882;
    min-width: 1.5em;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.selectItem:hover, .stageStatusQualification_blockSelectIntervalItem:hover {
    opacity: 0.75;
    background-color: #8884;
}
.selectItem.selected {
    background-color: var(--main-color);
    opacity: 1;
    cursor: default;
    box-shadow: 0 0 0.4em var(--main-color);
}
.selectItem.disabled {
    border: 1px solid #8884;
    background-color: transparent;
    opacity: 0.3;
    cursor:default;
}
.stageStatusQualification_blockDisabled .stageStatusQualification_blockSelectIntervalItem{
    cursor: default;
}

.selectItemTire{
    background-size: 1.3em;
    background-position: 0.2em center;
    background-repeat: no-repeat;
    padding-left: 2em;
}
.selectItemSpeedInfo{
    font-size: 0.8em;
}
.selectItemTransmissionIcon0, .selectItemTransmissionIcon-1, .selectItemTransmissionIcon1{
    background-position: center;
    background-size: 1.5em;
    background-repeat: no-repeat;
    height: 2em;
}
.selectItemTransmissionIcon0{
    background-image: url(arrowNull.svg);
}
.selectItemTransmissionIcon-1{
    background-image: url(arrowDown.svg);
}
.selectItemTransmissionIcon1{
    background-image: url(arrowUp.svg);
}

.selectCaption{
    font-family: 'bold', 'boldC';
    margin-bottom: 0.5em;
}

.settingsBlock{
    width: fit-content;
    margin: 1em auto;

}
.selectedRoot{
    display: flex;
    justify-content: space-between;
    margin-top: 0.5em;
}
.selectedCaption{
    margin-right: 1em;
    font-family: 'bold', 'boldC';
}
.selectedValue{
    /*text-transform: uppercase;*/
}

.iconTransmission, .iconEngine{
    background-position: left center;
    background-size: 1.5em;
    background-repeat: no-repeat;
    padding-left: 2em;
}
.iconEngine{
    background-image: url(engine.svg);
}
.iconTransmission{
    background-image: url(transmission.svg);
}


.borderBlock{
    margin: 0.5em auto;
    width: 100%;
    max-width: 40em;
    border: 1px solid var(--font-color-80);
    border-radius: var(--main-radius);
    padding: 1em;
    box-sizing: border-box;
    flex: 1 1 auto;
    background-color: var(--bg-color-90);
 /*   box-shadow: 0 0 1em var(--font-color-80);*/
    min-width: min-content;
}
.racersRoot{    
    display: flex;
    flex-wrap: wrap;
    gap:0.5em;
}

.racerOutText{
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: 'bold', 'boldC';
    margin: 2em 0;
}
.racerCaptionRoot{
    display: flex;
    gap: 0.5em;
    justify-content: center;
    margin: 0 auto 0.5em;
    width: fit-content;
    font-size: 1.5em;
    text-transform: uppercase;
    border-bottom: 2px solid var(--font-color-40);
    padding-bottom: 0.5em;
}
.racerHideButton{
    width: 1em;
    background-image: url(unlock.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    margin-left: 0.5em;
}

.racerRootHidden .racerHideButton{
    background-image: url(lock.svg);
}

.racerCaption{
    font-family: 'bold', 'boldC';
}
.stageStatusQualification_blockTimeValue{
    border-radius: var(--main-radius);
}
.stageStatusQualification_blockTimeSuccess {
    background-color: var(--success-font-color);
}
.stageStatusQualification_blockTimeFail {
    background-color: var(--fail-font-color);
}
.stageStatusQualification_totalTimeRoot{
    margin: 1em;
    font-family: 'bold', 'boldC';
}
.stageStatusQualification_totalTimeValue{
    font-size: 2.5em;
}

.stageStatusQualification_blocksRoot{
    width: max-content;
    margin: 0 auto;
}
.stageStatusQualification_blocksRootDisabled{
    opacity: 0.3;
}
.stageStatusQualification_block{
    margin: 0.5em;
    padding: 0.5em;
    border: 1px solid var(--font-color-80);
    border-radius: var(--main-radius);
}
.stageStatusQualification_blockCaption{
    font-family: 'bold', 'boldC';
    border-bottom: 1px solid #CCC;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    text-transform: uppercase;
}
.stageStatusQualification_blockSelectIntervalItem{
    margin-top: 0.2em;
}

.stageStatusQualification_blockSetDiceDiceValueRoot{
    display: flex;
    justify-content: space-between;
}
.stageStatusQualification_blockSetDiceDiceValue{
    flex: 1 1 auto;
    text-align: center;
    font-size: 1.6em;
    font-family: 'bold', 'boldC';
}
.stageStatusQualification_blockSetDiceDiceImage, .diceImage{
    flex: 0 0 auto;
    width: 2em;
    height: 2em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.diceImageDisabled{
    opacity: 0.3;
    cursor: default;
}
.diceRoot{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3em;
}
.diceLabel{
    font-size: 0.9em;
    color: #888;
}

.stageStatusQualification_blockSelectIntervalScores{
    margin-top: 0.25em;
    font-size: 0.9em;
}
.stageStatusQualification_blockSelectIntervalScoreSuccess{
    color: var(--success-font-color);
}
.stageStatusQualification_blockSelectIntervalScoreFail{
    color: var(--fail-font-color);
}
.stageStatusQualification_blockSuccess {
    background-color: var(--success-color-20);
    border-color: var(--success-color);
}
.stageStatusQualification_blockFail {
    background-color: var(--fail-color-20);
    border-color: var(--fail-color);
}
.stageStatusQualification_blockDisabled{
    opacity: 0.5;
}




.stageStatusQualificationResults_table, .stageStatusFixResults_table{
    margin: 1em auto 0;
}
.stageStatusQualificationResults_timeValue{
    margin: 0.1em;
    font-family: 'bold', 'boldC';
    font-size: 2.5em;
}
.stageStatusQualificationResults_downforceFoul{
    color:var(--fail-font-color);
    font-size: 0.8em;
}




.stageStatusMain_blockCaption{
    background-color: #8884;
    padding: 0.5em;
}
.stageStatusMain_blockCaptionCurrent{
    background-color: #9604;
    opacity: 1;
}
.stageStatusMain_blockCaptionEnded{
    background-color: #0904;
    opacity: 1;
}


.stageStatusMain_stepPrepareBlockCaption{
    font-family: 'bold', 'boldC';
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background-color: #8882;
}
.stageStatusMain_stepPrepareBlockCaption div{
    margin: 0 auto;
    width: max-content;
}

.stageStatusMain_stepPrepareBlockDisabled{
    opacity: 0.5;
}
.stageStatusMain_stepPrepareBlockBody{
    border-bottom: 1px solid var(--font-color-80);
    padding: 0.5em 0 1em;

}
.stageStatusMain_stepPrepareBlockHidden .stageStatusMain_stepPrepareBlockBody{
    display: none;
}
.fuelSelectLabel{
    font-size: 0.9em;
    display: flex;
    justify-content: space-between;
    color: #888;
}

.diceValueRoot{
    display: flex;
    justify-content: center;
}
.diceValue{
    width: 5em;
    font-size: 1.5em;
    font-family: 'bold', 'boldC';
    display: flex;
    align-items: center;
    justify-content: center;
}
.stickyTop{
    position: sticky;
    top: 0;
    background: var(--bg-color-90);
    z-index: 2;
    border: 1px solid var(--font-color-80);
    padding: 0 1em 0.5em;
    border-radius: var(--main-radius);
}
.nextTurnInfo{
    display: flex;
}
.turnDistance, .turnSpeed1, .turnSpeed2, .turnSpeed3{
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 2em;
    margin-left: 0.3em;
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-size: 0.7em;
}
.turnDistance{
    background-image: url(turnDistance.svg);
    background-size: auto 1.4em;
    width: auto;
    padding-left: 0.9em;
    font-size: 1em;
    line-height: 1.4em;
    height: 1.4em;
    margin-right: 0.3em;
}
.turnSpeed1{
    background-image: url(turnSpeed1.svg);
}
.turnSpeed2{
    background-image: url(turnSpeed2.svg);
}
.turnSpeed3{
    background-image: url(turnSpeed3.svg);
}
.stepMoveMapRoot{
    height: 20em;
    /* width: 20em; */
    overflow: hidden;
    /* margin: 0 auto; */
    background: #888;
    border-radius: var(--main-radius);
    display: flex;
    justify-content: center;
    align-items: center;
}

.stepMoveMapRoot .stageMap_map{
    width: 200%;
    height: 200%;
    transition: 0.5s;
}
.stageStatusMain_movesRoot{
    display: flex;
    gap: 0.5em;
}
.stageStatusMain_moveItem{
    flex:1 1;
    height: 3em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2em;
    padding: 0.3em;
    cursor: pointer;
    border-radius: var(--main-radius);
    background-color: #8882;
    background-image: url(arrowUp.svg);
}
.stageStatusMain_moveItem:hover{
    opacity: 0.75;
    background-color: #8884;
}
.stageStatusMain_moveItem.moveItemDisabled{
    border: 1px solid #8884;
    background-color: transparent;
    cursor: default;
    opacity: 0.2;
}
.moveItem-1{
    background-image: url(arrowLeft.svg);
}
.moveItem1{
    background-image: url(arrowRight.svg);
}




.diceModalRoot {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.diceModal {
    background: var(--bg-color);
    border-radius: var(--main-radius);
    padding: 1em;
    max-width: 15em;
    width: 90%;
}

.diceModalContent {
    text-align: center;
}

.diceModalValues {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}

.diceModalValue{
    width: auto;
    min-width: 2.5em;
}

.racerStepActive{
    background-color: #0f02;
}
.racerStepEnded{
    background-color: #8882;
}
.racerOut{
    background-color: #8886;
}
.selectErrorMes{
    font-size: 0.8em;
    color:var(--fail-font-color);
    margin: 0.2em;
}

/*


.stageStatusSettings_engineSelectRoot, .stageStatusSettings_transmissionSelectRoot, .stageStatusSettings_downforceSelectRoot, .stageStatusQualification_downforceSelectRoot, .stageStatusQualificationResults_downforceSelectRoot, .stageStatusQualificationResults_tireSelectRoot {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    justify-content: center;
}
.stageStatusSettings_engineSelectItem, .stageStatusSettings_transmissionSelectItem, .stageStatusSettings_downforceSelectItem, .stageStatusQualification_downforceSelectItem, .stageStatusQualificationResults_downforceSelectItem, .stageStatusQualificationResults_tireSelectItem {
    flex: 0 0 auto;
    cursor: pointer;
    opacity: 0.5;
    padding: 0.5em;
    border-radius: var(--main-radius);
}
.stageStatusSettings_engineSelectItem.selected, .stageStatusSettings_transmissionSelectItem.selected, .stageStatusSettings_downforceSelectItem.selected, .stageStatusQualifications_downforceSelectItem.selected, .stageStatusQualificationResults_downforceSelectItem.selected, .stageStatusQualificationResults_tireSelectItem.selected {
    background-color: var(--main-color);
    opacity: 1;
    cursor: default;
}

.stageStatusSettings_engineSelectCaption, .stageStatusSettings_transmissionSelectCaption, .stageStatusSettings_downforceSelectCaption, .stageStatusQualificationResultss_downforceSelectCaption, .stageStatusQualification_downforceSelectCaption{
    margin-top:1em;
    font-family: 'bold', 'boldC';
    margin-bottom:0.5em;
}
.stageStatusSettings_racerCaption, .stageStatusQualification_racerCaption, .stageStatusQualificationResults_racerCaption{
    font-size: 1.2em;
    font-family: 'bold', 'boldC';
}

.stageStatusQualification_racersRoot, .stageStatusQualificationResults_racersRoot, .stageStatusMain_racersRoot, .stageStatusSettings_racersRoot{
    display: flex;
    flex-wrap: wrap;
    gap:0.5em;
}



.stageStatusQualification_engineSelectedRoot, .stageStatusQualification_transmissionSelectedRoot, .stageStatusQualification_downforceSelectedRoot,
.stageStatusQualificationResults_engineSelectedRoot, .stageStatusQualificationResults_transmissionSelectedRoot, .stageStatusQualificationResults_downforceSelectedRoot,
.stageStatusMain_engineSelectedRoot, .stageStatusMain_transmissionSelectedRoot, .stageStatusMain_downforceSelectedRoot, .stageStatusMain_tireExpensesRoot {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5em;
}
.stageStatusQualificationResults_tireSelectCaption {
    margin-top: 0.5em;
    font-family: 'bold', 'boldC';
}
.stageStatusQualification_engineSelectedCaption, .stageStatusQualification_transmissionSelectedCaption, .stageStatusQualification_downforceSelectedCaption,
.stageStatusQualificationResults_engineSelectedCaption, .stageStatusQualificationResults_transmissionSelectedCaption, .stageStatusQualificationResults_downforceSelectedCaption,
.stageStatusMain_engineSelectedCaption, .stageStatusMain_transmissionSelectedCaption, .stageStatusMain_downforceSelectedCaption, .stageStatusMain_tireExpensesCaption{
    margin-right: 1em;
    font-family: 'bold', 'boldC';
}




.fuelItems, .transmissionNumItems, .tireBonusItems, .ersItems, .engineItems{
    display: flex;
    justify-content: center;
    gap:0.3em;
}
.fuelItem, .transmissionNumItem, .tireBonusItem, .ersItem, .engineItem{
    border:1px solid var(--font-color);
    padding: 0.5em;
    min-width:2em;
    text-align: center;
    cursor: pointer;
}
.fuelItemDisabled, .transmissionNumItemDisabled, .engineItemDisabled{
    opacity: 0.3;
    cursor:default;
}
.fuelItemCurrent, .transmissionNumItemCurrent, .tireBonusItemCurrent, .ersItemCurrent, .engineItemCurrent{
    font-family: 'bold', 'boldC';
    background-color: var(--main-color);
}
.stageStatusMain_stepPrepareBlock{
    margin: 1em 0;
}
*/


.bodyMonitor{
    overflow: hidden;
    font-size: 1.5em;
}
.monitorStageMapRoot, .monitorStageMap_content, .monitorStageMap_contentInner, .monitorStageMap_mapRoot, .bodyMonitor #app{
    height: 100%;
}
.monitorStageMapRoot, .monitorStageMap_content, .monitorStageMap_contentInner, .monitorStageMap_mapRoot{
    overflow: hidden;
}
.bodyMonitor #app{
    overflow: auto;
}
.monitorStageMapRoot .stageMap_map{
    width:100%;
    height: 100%;
}
.monitorStageQualification_table{
    margin: 0 auto;
}
.monitorStageQualificationBlockUndone{
    opacity: 0.5;
}

.monitorStageMap_placesTableRoot{
    position: absolute;
    bottom: 1em;
    right: 1em;
    z-index: 10;
    background-color: var(--bg-color-90);
    border-radius: var(--main-radius);
    padding: 0.5em;
    font-size: 0.9em;
}
.monitorStageMap_placesCurrentRacerStep{
    background-color: #AFA5;
}
.monitorStageMap_placesRacerDnf{
    opacity: 0.5;
}
.monitorSelectRacers_title, .monitorStageQualification_title, .monitorStageFix_title, .monitorStageCaption_contentInner, .monitor_raceCaption{
    text-transform: uppercase;
    font-family: 'bold', 'boldC';
    margin-bottom: 1.5em;
    font-size: 1.5em;
} 


@media screen and (max-width: 800px) {

    .racersRoot{
        flex-direction: column;
    }
    .stageStatusFixResults_table th{
        font-size: 0.85em;
    }
    th, td {
        padding: 0.5em 0.3em;
    }
}

@media screen and (max-width: 500px) {

    .stageStatusFixResults_table{
        font-size: 0.9em;
    }
    .stageStatusFixResults_table th{
        font-size: 0.7em;
    }
    th, td {
        padding: 0.5em 0.2em;
    }
    .borderBlock {
        padding: 0.5em;
    }
    .settingsBlock {
        margin: 0.5em auto;
    }
    .stickyTop {
        padding: 0 0.5em 0.5em;
    }
}