/*
* Styles for standing
*/

#standing-wrapper {
margin: 0.6em auto 5.2em auto;
color: #30336b;
}

#nstanding {
display: flex;
}

#data-col {
flex-grow: 1;
max-width: 720px;
}

#widgets {
flex: 0 0 250px;
margin-left: 20px;
}


h1.main-title {
text-align: center;
font-weight: normal;
font-size: 1.5em;
line-height: 1.4em;
}

h1.standing-list-title {
margin: 0 auto 1.2em auto;
text-align: center;
font-weight: normal;
}


.standing-header {
margin-top: 3.2em;
padding-left: 0.8em;
line-height: 2.2em;
text-align: left;
font-weight: bold;
background: #218c74;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.standing-header:first-of-type {
margin-top: 0;
}

.standing-countries {
column-width: 250px;
column-gap: 0;
}

.standing-countries div {
display: inline-block;
width: 100%;
line-height: 2.8em;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px solid #f1f2f6;
}

.standing-countries div a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
color: #0057a0;
}

.standing-countries div a:hover {
text-decoration: underline;
background: #ecf0f1;
}

.standing-countries div a:visited {
color: #0057a0;
}

.standing-countries div a img {
vertical-align: -4px;
margin-left: 8px;
margin-right: 8px;
}

.standing-countries img.country-flag {
width: 28px;
height: 21px;
}

.standing-countries img.international-flag {
width: 28px;
height: 21px;
}


@media screen and (max-width: 420px) {
.standing-header span {
display: none;
}
}

@media screen and (max-width: 380px) {
.standing-header {
padding-left: 8px;
}
}

@media screen and (max-width: 360px) {
.standing-header {
font-weight: normal;
}
}






table.standing {
width: 100%;
margin: 0;
border-collapse: collapse;
}

table.standing th {
line-height: 2.2em;
text-align: center;
font-weight: bold;
background: #218c74;
color: #ffffff;
}

table.standing th:first-of-type {
border-radius: 2px 0 0 0;
}

table.standing th:last-of-type {
border-radius: 0 2px 0 0;
}

table.standing td {
line-height: 2.2em;
padding-left: 10px;
padding-right: 0;
border-bottom: 1px solid #f1f2f6;
}

table.standing td.team {
vertical-align: top;
}

table.standing td.position {
width: 24px;
white-space: nowrap;
text-align: right;
padding-left: 0;
padding-right: 6px;
}

table.standing td.matches, table.standing td.goals, table.standing td.points {
width: 32px;
white-space: nowrap;
text-align: right;
padding-left: 0;
padding-right: 16px;
}

table.standing td.diff {
width: 36px;
white-space: nowrap;
text-align: right;
padding-left: 0;
padding-right: 12px;
}

table.standing td.form {
width: 82px;
white-space: nowrap;
text-align: left;
padding-left: 8px;
padding-right: 2px;
}

table.standing td.form span.form-section {
display: inline-block;
}

table.standing a {
text-decoration: none;
color: #0057a0;
}

table.standing a:hover {
text-decoration: underline;
}

table.standing a:visited {
color: #0057a0;
}


@media screen and (max-width: 1024px) {
table.standing a {
display: inline-block;
width: 100%;
}
}


@media screen and (max-width: 767px) {
table.standing td.matches, table.standing td.goals, table.standing td.points {
width: 30px;
padding-right: 14px;
}
table.standing td.diff {
width: 32px;
padding-right: 12px;
}
}


@media screen and (max-width: 640px) {
table.standing .hide-form {
display: none
}
table.standing th:first-of-type, table.standing th.points {
border-radius: 0;
}
}


@media screen and (max-width: 639px) {
table.standing td.matches, table.standing td.goals, table.standing td.points {
width: 24px;
padding-right: 12px;
}
table.standing td.diff {
width: 32px;
padding-right: 8px;
}
}


@media screen and (max-width: 480px) {
table.standing .hide-goals {
display: none
}
}


@media screen and (max-width: 420px) and (min-width: 401px) {
table.standing td.matches, table.standing td.goals {
padding-right: 8px;
}
}


@media screen and (max-width: 400px) and (min-width: 361px) {
table.standing td.matches, table.standing td.goals {
padding-right: 6px;
}
}


@media screen and (max-width: 360px) {
table.standing .hide-matches {
display: none
}
}





/*
* Highlight for standings positions and legend for it and also standing amendments
*/
.standing-legend {
margin: 2em 0 1.4em 1.4em;
}

.standing-legend div {
margin: 0.4em 0;
}

.standing-legend-color {
display: inline-block;
width: 1.2em;
height: 1.6em;
margin-right: 0.6em;
vertical-align: middle;
}

.standing-legend-text {
display: inline-block;
line-height: 1.6em;
vertical-align: middle;
}

.standing-amendments {
width: 5%;
margin: 2em 0 1.4em 1.4em;
border-collapse: collapse;
white-space: nowrap;
}

.standing-amendments th {
padding: 0.4em 0;
text-align: left;
font-weight: bold;
}

.standing-amendments td {
padding: 0.4em 0.4em;
border-bottom: 1px solid #ecf0f1;
}

.standing-amendments td.points {
padding-left: 3em;
text-align: right;
}


@media screen and (max-width: 360px) {
.standing-legend, .standing-amendments {
margin-left: 0.8em;
}
.standing-legend-color {
margin-right: 0.4em;
}
}





/*
* Standing form and standing colors
*/
span.form-el {
display: block;
width: 10px;
height: 12px;
margin-right: 3px;
float: right;
}

span.form-win {
background: #218c74;
}

span.form-draw {
background: #f39c12;
}

span.form-loss {
background: #c0392b;
}

.stp7, .stp11, .stp13, .stp17, .stp20, .stp30 {
background: #2ecc71;
}

.stp6, .stp12, .stp15, .stp18 {
background: #92f4bb;
}

.stp9, .stp14, .stp19, .stp22 {
background: #58aee8;
}

.stp24, .stp31 {
background: #79c7fc;
}

.stp1, .stp32 {
background: #f9594a;
}

.stp2, .stp5, .stp23 {
background: #f9a931;
}

.stp4, .stp8, .stp10, .stp16, .stp21 {
background: #8fcdf7;
}

.stp3 {
background: #58aee8;
}

.stp25 {
background: #48d1cc;
}

.stp26, .stp28 {
background: #5efff6;
}

.stp27, .stp29 {
background: #9fe0dc;
}




/*
* Styles about standing navigation
*/
h1.standing-title {
margin: 0.8em 0 1.2em 0;
font-size: 1.2em;
font-weight: normal;
text-align: center;
}

h1.standing-title-int {
margin: 0.22em 0 1.2em 0;
font-size: 1.2em;
font-weight: normal;
text-align: center;
}

div.standing-title-wrapper {
position: relative;
}

img.standing-country-flag, img.standing-international-flag {
width: 40px;
height: 30px;
position: absolute;
right: 0;
top: -0.22em;
background: #ffffff;
}

h2.standing-group-title {
margin: 3.2em 0 1.2em 0;
text-align: center;
font-size: 1.2em;
font-weight: normal;
}

h2.standing-group-title-games {
margin: 3.2em 0 -1.2em 0;
text-align: center;
font-size: 1.2em;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

h2.standing-subtitle {
margin: -0.88em 0 0.92em 0;
text-align: center;
font-size: 1em;
font-weight: normal;
text-transform: lowercase;
}

h2.standing-country-group-title {
margin: 4.2em 0 1em 0.6em;
text-align: left;
font-size: 1.2em;
font-weight: normal;
}

h2.standing-country-group-title-fisrt {
margin-top: 1.4em
}

.standing-group-details {
margin: 1em 0.6em 0 0;
text-align: right;	
font-size: 1.2em;
}

.standing-group-details a {
text-decoration: none;
color: #0057a0;
}

.standing-group-details a:hover {
text-decoration: underline;
}

.standing-group-details a:visited {
color: #0057a0;
}

#standing-navigation {
padding-left: 1em;
padding-bottom: 0.6em;
border-bottom: 1px solid #ecf0f1;
}

#standing-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}

#standing-navigation li {
display: inline-block;
margin-right: 1.2em;
}

#standing-navigation li:last-of-type {
margin-right: 0;
}

#standing-navigation a {
text-decoration: none;
color: #0057a0;
}

#standing-navigation a:hover {
text-decoration: underline;
}

#standing-navigation a:visited {
color: #0057a0;
}

#standing-navigation span {
color: #b33939;
}

#standing-navigation span.standing-navigation-disabled {
color: #95a5a6;
}

#standing-navigation img {
margin-right: 1.4em;
vertical-align: -3px;
background: #ffffff;
}

#standing-group-navigation {
padding-left: 1em;
margin-bottom: 0.6em;
padding-bottom: 0.6em;
border-bottom: 1px solid #ecf0f1;
}

#standing-group-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}

#standing-group-navigation li {
display: inline-block;
margin-right: 1.4em;
}

#standing-group-navigation li:last-of-type {
margin-right: 0;
}

#standing-group-navigation a {
text-decoration: none;
color: #0057a0;
}

#standing-group-navigation a:hover {
text-decoration: underline;
}

#standing-group-navigation a:visited {
color: #0057a0;
}

#standing-group-navigation span {
color: #b33939;
}


@media screen and (max-width: 640px) {
#standing-navigation, #standing-group-navigation {
padding-left: 0;
border-bottom: 0 none #ecf0f1;
}
#standing-navigation li, #standing-group-navigation li {
display: block;
line-height: 2.2em;
margin-left: 0.6em;
margin-right: 0.6em;
padding-left: 0.4em;
padding-right: 0.4em;
border-bottom: 1px solid #ecf0f1;
}
#standing-navigation li:last-of-type, #standing-group-navigation li:last-of-type {
margin-right: 0.6em;
}
#standing-navigation a, #standing-group-navigation a {
display: block;
}
img.standing-country-flag, img.standing-international-flag {
right: 10px;
}
}

@media screen and (max-width: 480px) {
h1.standing-title, h1.standing-title-int {
width: calc(100% - 50px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}

@media screen and (max-width: 420px) {
img.standing-country-flag, img.standing-international-flag {
right: 4px;
}
}


@media screen and (max-width: 360px) {
h1.standing-title, h1.standing-title-int {
margin-top: 0.42em;
}
}






h2.standing-games {
margin: 3.2em 0 -1.2em 0;
text-align: center;
font-size: 1.2em;
font-weight: normal;
}

h2.standing-games-date {
margin-top: 3.2em;
margin-bottom: 0em;
font-size: 1em;
padding-left: 0.8em;
line-height: 2.2em;
text-align: left;
font-weight: bold;
background: #218c74;
color: #ffffff;
border-radius: 2px 2px 0 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

@media screen and (max-width: 420px) {
h2.standing-games-date {
border-radius: 0;
}
}


table.games-stat {
width: 100%;
margin: -0.6em auto 3.2em auto;
border-collapse: collapse;
}

table.games-stat tr.postp {
background: #f5d76e;
}

table.games-stat tr.link {
background: #ecf0f1;
cursor: pointer;
}

table.games-stat td {
line-height: 2.2em;
border-bottom: 1px solid #f1f2f6;
}

table.games-stat tr.nb td {
border-bottom: 0 none #f1f2f6;
}

table.games-stat tr.odd td {
line-height: 1.6em;
padding-bottom: 0.6em;
}

table.games-stat td.hour {
width: 2.8em;
padding-left: 0.4em;
white-space: nowrap;
}

table.games-stat td.date {
width: 5.4em;
padding-left: 0.4em;
white-space: nowrap;
}

table.games-stat td.hteam {
text-align: right;
padding-right: 0.4em;
vertical-align: top;
}

table.games-stat td.ateam {
text-align: left;
padding-left: 0.4em;
vertical-align: top;
}

table.games-stat td.result {
width: 3.4em;
white-space: nowrap;
text-align: center;
font-weight: bold;
}

table.games-stat td.win {
font-weight: bold;
}

table.games-stat td.hodd {
text-align: right;
padding-right: 1.2em;
vertical-align: top;
}

table.games-stat td.aodd {
text-align: left;
padding-left: 1.2em;
vertical-align: top;
}

table.games-stat td.dodd {
width: 3.4em;
white-space: nowrap;
text-align: center;
}


.standing-fixtures {
margin-top: 1.8em;
margin-bottom: -1.2em;
font-size: 1.2em;
text-align: right;
}

.standing-games-list {
margin-top: 2.2em;
font-size: 1.2em;
text-align: center;
}

.standing-games-list-main {
margin-top: 4.2em;
}

.standing-fixtures a, .standing-games-list a {
text-decoration: none;
color: #0057a0;
}

.standing-games-list a:first-of-type {
margin-right: 0.5em;
}

.standing-games-list a:last-of-type {
margin-left: 0.5em;
}

.standing-fixtures a:hover, .standing-games-list a:hover {
text-decoration: underline;
}

.standing-fixtures a:visited, .standing-games-list a:visited {
color: #0057a0;
}

@media screen and (max-width: 640px) {
.standing-fixtures {
padding-right: 0.6em;
}
}

@media screen and (max-width: 360px) {
.standing-games-list {
font-size: 1em;
font-weight: bold;
}
}





.season-starts-from {
margin: 1.2em 0;
text-align: center;
font-size: 1.2em;
color: #b33939;
}


.standing-season {
margin-top: -1.12em;
margin-bottom: 1em;
text-align: center;
}

.seasons-select {
height: 2em;
margin-top: 0.6em;
margin-bottom: 1em;
text-align: center;
}

.seasons-label {
color: #30336b;
padding-right: 0.32em;
}

.seasons-select a {
color: #0057a0;
text-decoration: none;
white-space: nowrap;
font-size: 1em;
padding: 0.4em 0 0.4em 0.48em;
}

.seasons-select a span {
display: inline-block;
vertical-align: middle;
max-width: 220px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.seasons-select a:visited {
color: #0057a0;
}

.seasons-select a:hover {
background: #dfe6e9;
}

.seasons-select-disabled {
padding: 0.4em 0 0.4em 0.48em;
color: #95a5a6;
}

.seasons-select-disabled .seasons-label {
color: #95a5a6;
}

.seasons-select-button {
width: 1.8em;
height: 1.8em;
margin-left: 0.2em;
vertical-align: -0.58em;
}


.seasons-window {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 12000;
background: #ecf0f1;
max-height: 50%;
display: flex;
flex-direction: column;
}

.seasons-select-arrow {
position: relative;
display: block;
width: 100%;
height: 38px;
flex: none;
cursor: pointer;
background-color: #218c74;
background-position: center;
background-repeat: no-repeat;
background-size: 38px 38px;
}

.seasons-select-arrow-up {
background-image: url("/svg/move-up2.svg");
}

.seasons-select-arrow-down {
background-image: url("/svg/move-down2.svg");
}

.seasons-select-items {
min-height: 0;
flex-grow: 1;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
height: 100%;
}

.seasons-select-item {
display: block;
color: #0057a0;
text-decoration: none;
line-height: 32px;
padding: 4px 16px 4px 16px;
font-size: 18px;
white-space: nowrap;
max-width: 220px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 132px;
}

.seasons-select-item:visited {
color: #0057a0;
}

.seasons-select-item:hover {
background: #dfe6e9;
}

.seasons-close-button2 {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
width: 38px;
height: 38px;
background-position: center;
background-repeat: no-repeat;
background-size: 24px 24px;
background-image: url("/svg/close2.svg");
}



@media screen and (max-height: 768px) {
.seasons-window {
max-height: 60%;
}
}


@media screen and (max-height: 640px) {
.seasons-window {
max-height: 70%;
}
}


@media screen and (max-height: 480px) {
.seasons-window {
max-height: calc(100% - 20px);
}
}


@media screen and (max-width: 480px) {
.standing-season {
width: calc(100% - 50px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}




.groups-select {
height: 2em;
margin-top: 0.6em;
margin-bottom: 1em;
text-align: center;
}

.groups-label {
color: #30336b;
padding-right: 0.32em;
}

.groups-select a {
color: #0057a0;
text-decoration: none;
white-space: nowrap;
font-size: 1em;
padding: 0.4em 0 0.4em 0.48em;
}

.groups-select a span {
display: inline-block;
vertical-align: middle;
max-width: 220px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.groups-select a:visited {
color: #0057a0;
}

.groups-select a:hover {
background: #dfe6e9;
}

.groups-select-button {
width: 1.8em;
height: 1.8em;
margin-left: 0.2em;
vertical-align: -0.58em;
}


.groups-window {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 12000;
background: #f1f2f6;
max-height: 50%;
display: flex;
flex-direction: column;
}

.groups-select-arrow {
position: relative;
display: block;
width: 100%;
height: 38px;
flex: none;
cursor: pointer;
background-color: #218c74;
background-position: center;
background-repeat: no-repeat;
background-size: 38px 38px;
}

.groups-select-arrow-up {
background-image: url("/svg/move-up2.svg");
}

.groups-select-arrow-down {
background-image: url("/svg/move-down2.svg");
}

.groups-select-items {
min-height: 0;
flex-grow: 1;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
height: 100%;
}

.groups-select-item {
display: block;
color: #0057a0;
text-decoration: none;
line-height: 32px;
padding: 4px 16px 4px 16px;
font-size: 18px;
white-space: nowrap;
max-width: 220px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 132px;
}

.groups-select-item:visited {
color: #0057a0;
}

.groups-select-item:hover {
background: #dfe6e9;
}

.groups-close-button2 {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
width: 38px;
height: 38px;
background-position: center;
background-repeat: no-repeat;
background-size: 24px 24px;
background-image: url("/svg/close2.svg");
}



@media screen and (max-height: 768px) {
.groups-window {
max-height: 60%;
}
}


@media screen and (max-height: 640px) {
.groups-window {
max-height: 70%;
}
}


@media screen and (max-height: 480px) {
.groups-window {
max-height: calc(100% - 20px);
}
}





table.cross-games {
width: 100%;
margin: 0;
border-collapse: collapse;
}

table.cross-games th {
line-height: 2.2em;
text-align: center;
font-weight: bold;
background: #218c74;
color: #ffffff;
vertical-align: top;
}

table.cross-games th:first-of-type {
border-radius: 2px 0 0 0;
}

table.cross-games th:last-of-type {
border-radius: 0 2px 0 0;
}

table.cross-games th.header-national img {
width: 32px;
height: 24px;
vertical-align: -6px;
background: #ffffff;
}

table.cross-games th.header-team img {
width: 28px;
height: 28px;
vertical-align: -8px;
background: #ffffff;
}

table.cross-games td {
line-height: 2.2em;
border-bottom: 1px solid #f1f2f6;
}

table.cross-games td.flag-national {
width: 38px;
text-align: center;
}

table.cross-games td.flag-national img {
width: 28px;
height: 21px;
vertical-align: -5px;
background: #ffffff;
}

table.cross-games td.flag-team {
width: 32px;
text-align: center;
}

table.cross-games td.flag-team img {
width: 24px;
height: 24px;
vertical-align: -6px;
background: #ffffff;
}

table.cross-games td.team {
vertical-align: top;
padding-left: 8px;
}

table.cross-games td.res {
text-align: center;
width: 92px;
}





@media screen and (max-width: 800px) {
table.cross-games td.res {
width: 82px;
}
}

@media screen and (max-width: 767px) {
table.cross-games td.res {
width: 72px;
}
}

@media screen and (max-width: 719px) {
table.cross-games td.res {
width: 62px;
}
}

@media screen and (max-width: 640px) {
table.cross-games th:first-of-type, table.cross-games th:last-of-type {
border-radius: 0;
}
table.cross-games td.res {
width: 58px;
}
}

@media screen and (max-width: 560px) {
table.cross-games td.res {
width: 46px;
}
}

@media screen and (max-width: 480px) {
table.cross-games td.res {
width: 44px;
}
}

@media screen and (max-width: 420px) {
table.cross-games th.header-national img {
width: 28px;
height: 21px;
vertical-align: -5px;
}
table.cross-games th.header-team img {
width: 24px;
height: 24px;
vertical-align: -6px;
}
table.cross-games td.flag-national {
width: 32px;
}
table.cross-games td.flag-national img {
width: 24px;
height: 18px;
vertical-align: -4px;
}
table.cross-games td.flag-team {
width: 28px;
}
table.cross-games td.flag-team img {
width: 20px;
height: 20px;
vertical-align: -4px;
}
table.cross-games td.team {
padding-left: 2px;
}
table.cross-games td.res {
width: 40px;
}
}

@media screen and (max-width: 384px) {
table.cross-games td.flag-national {
width: 28px;
}
table.cross-games td.flag-national img {
width: 20px;
height: 15px;
vertical-align: -2px;
}
table.cross-games td.flag-team {
width: 28px;
}
table.cross-games td.flag-team img {
width: 20px;
height: 20px;
vertical-align: -4px;
}
table.cross-games td.team {
padding-left: 0;
}
table.cross-games td.res {
width: 38px;
}
}

@media screen and (max-width: 360px) {
table.cross-games th.header-national img {
width: 24px;
height: 18px;
vertical-align: -3px;
}
table.cross-games th.header-team img {
width: 22px;
height: 22px;
vertical-align: -6px;
}
table.cross-games td.flag-national {
width: 24px;
}
table.cross-games td.flag-national img {
width: 20px;
height: 15px;
vertical-align: -2px;
}
table.cross-games td.flag-team {
width: 24px;
}
table.cross-games td.flag-team img {
width: 20px;
height: 20px;
vertical-align: -4px;
}
table.cross-games td.team {
padding-left: 0;
}
table.cross-games td.res {
width: 34px;
font-size: 0.8em;
}
}

@media screen and (max-width: 320px) {
table.cross-games td.res {
width: 32px;
}
}




h2.standing-sub-title {
margin: 3.2em auto 1.2em auto;
font-size: 1.2em;
text-align: center;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

p.stat-info {
padding: 0;
margin: 0.72em 0 0 0;
line-height: 1.6em;
text-indent: 1.6em;
}


@media screen and (max-width: 768px) {
.stat-space {
padding-left: 0.32em;
padding-right: 0.32em;
}
}

@media screen and (max-width: 360px) {
.stat-space {
padding-left: 0.22em;
padding-right: 0.22em;
}
}











.module {
padding: 2.2em 0 1.8em 0;
background: #f8f8ff;
}

.module-title {
text-align: center;
color: #218c74;
font-size: 1.2em;
line-height: 1.32em;
margin-bottom: 0.92em;
}

.module-title span {
white-space: nowrap;
}

.module-no-data {
margin: 3.2em 0.32em;
text-align: center;
font-size: 1.12em;
line-height: 1.6em;
color: #b33939;
}

.module-no-data span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.module-space {
margin-top: 2.2em;
}

.module-links {
line-height: 1.82em;
margin-left: auto;
margin-right: auto;
width: max-content;
max-width: 100%;
}

.module-links a {
display: block;
text-decoration: none;
color: #0057a0;
max-width: 212px;
width: max-content;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.module-links a:hover {
text-decoration: underline;
}

.module-links a:visited {
color: #0057a0;
}

.module-links span {
display: block;
color: #b33939;
max-width: 212px;
width: max-content;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.module-info {
line-height: 1.52em;
margin-left: 1em;
}

.module-info span.sst {
display: block;
margin-left: 1em;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.module-info span.sse {
display: none;
}

@media screen and (max-width: 932px) {
#nstanding {
display: unset;
}
#data-col {
flex-grow: unset;
max-width: unset;
margin-top: 0.6em;
}
#widgets {
flex: unset;
margin-left: unset;
}
.module {
background: unset;
border-top: unset;
margin-top: 3.2em;
margin-bottom: 3.2em;
padding: 0 0.52em;
}
.module-no-data {
margin-top: 1.72em;
}
.module-links {
line-height: 1.42em;
}
.module-links a {
width: max-content;
max-width: 100%;
padding: 0.24em 0.52em;
}
.module-links span {
width: max-content;
max-width: 100%;
padding: 0.24em 0.52em;
}
.module-info {
width: max-content;
max-width: 100%;
margin: 1em auto;
}
.module-info span.sse {
display: unset;
}
.module-info span.sst {
width: max-content;
max-width: calc(100% - 2.8em);
}
}