.ch-col-w-min {
    min-width: 2em;
}

.ch-col-w-min-sm {
    width: 1em;
}

#chain_table th {
   white-space: nowrap;
}

#chain_table {
    vertical-align: middle;
}

#chain_table tr {
    vertical-align: middle;
    height: 2.25rem;
}

.ch-refresh-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.ch-refresh-spinner {
    margin-left: -0.15rem;
    margin-top: 0.15rem;
}

.name_row {
    white-space: nowrap;
}

#chain_table .bi-chevron-expand, .bi-chevron-down, .bi-chevron-up {
    cursor: pointer;
}

#war_table .bi-chevron-expand, .bi-chevron-down, .bi-chevron-up {
    cursor: pointer;
}

.ch-text-orange {
    color: #fd7e14;
}

.ch-col-ldm {
    width: 2rem;
}

.ch-col-life {
    min-width: 6rem;
}

.ch-col-center {
    text-align: center;
}

.ch-col-status {
    min-width: 6rem;
}

.ch-clickable {
    cursor: pointer;
}

.spinner-border-med {
    width: 1.25rem;
    height: 1.25rem;
}

.ch-short-text {
    display: none;
}

.ch-short-list {
    display: none;
}

.ch-full-list {
    display: block;
}

.ch-excincl {
    width: 30rem;
}

.ch-align-right {
    text-align: right;
}

.ch-nowrap {
    white-space: nowrap;
}

.ch-card-spinner {
    margin-left: -0.4rem;
}

/* When resolution <= 1200px, hide full text and show short text */
@media (max-width: 1080px) {
    .ch-short-text { display: inline; }
    .ch-full-text { display: none; }
    .ch-short-list { display: block; }
    .ch-full-list { display: none; }
    .ch-refresh-spinner {
        margin-right: -0.75rem;
        margin-top: -0.25rem;
    }
    #chain_cards {
        font-size: 1rem;
    }
    .spinner-border-med {
        width: 0.75rem;
        height: 0.75rem;
    }
    .form-label {
        font-size: 90%;
    }
    .ch-excincl {
        width: 20rem;
    }
    .ch-refresh-icon {
        width: 1rem;
        height: 1rem;
        margin-top: 0;
        margin-right: -0.4rem;
    }
    #all_refresh {
        text-align: right;
    }
    #all_refresh #sm_refresh_all_spinner {
        margin-top: 0.2rem;
        margin-right: 0.8rem;
    }
    #all_refresh .ch-refresh-icon {
        margin-right: 0.8rem;
        margin-top: 0;
    }
    #chain_cards .row {
        height: 1.75rem;
    }
    .img_ldm {
        height: 24px;
    }
    .img_ups {
        height: 24px;
    }
    .img_ufg {
        height: 24px;
    }
}
.ch-signin-form {
    max-width: 600px;
}
@media (max-width: 600px) {
    #chain_cards {
        font-size: 0.75rem;
    }
    .ch-short-text { display: inline; }
    .ch-full-text { display: none; }
    .ch-short-list { display: block; }
    .ch-full-list { display: none; }
    .ch-refresh-spinner {
        margin-right: -0.75rem;
        margin-top: 0rem;
    }
    .spinner-border-med {
        width: 0.75rem;
        height: 0.75rem;
    }
    .form-label {
        font-size: 75%;
    }
    .ch-excincl {
        width: 20rem;
    }
    .ch-refresh-icon {
        width: 0.75rem;
        height: 0.75rem;
        margin-top: 0;
    }
    #all_refresh {
        text-align: right;
    }
    #all_refresh #sm_refresh_all_spinner {
        margin-top: 0.2rem;
        margin-right: 0.8rem;
    }
    #all_refresh .ch-refresh-icon {
        margin-right: 0.8rem;
        margin-top: 0;
    }
    #chain_cards .row {
        height: 1.25rem;
    }
    .img_ldm {
        height: 16px;
    }
    .img_ups {
        height: 16px;
    }
    .img_ufg {
        height: 16px;
    }
}

/* War page */

.wf_header {
    font-weight: bold;
}

.btn-revive {
    font-size: 9pt;
    border-radius: 0;
    border-right-width: 0px;
}

.btn-revive:last-child {
    border-right-width: 1px;
}

#wf_revives_group {
    font-size: 0;
}

#slider_level .slider-selection, #slider_stats .slider-selection, #slider_lastaction .slider-selection {
	background-image: linear-gradient(to bottom, #049eeb, #0592d8);
}

.sub_range {
    position: relative;
    display: block;
    padding: 0;
    top: 1.25rem;
    left: -0.2rem;
    width: 106%;
    font-size: 75%;
}

.sub_range .col {
    padding: 0;
}

.sub_range .row {
    margin: 0;
}

.sub_range .left {
    text-align: left;
}

.sub_range .right {
    text-align: right;
}

.ico-mid {
    vertical-align: sub;
}

.col-sm {
    width: 0.5rem;
}

#total_msg {
    font-weight: bold;
}

.interactable {
    cursor: pointer;
}

#attack_link {
    text-decoration: inherit;
    color: inherit;
}

.font-weight-bold {
    font-weight: bold;
}

.settings-row-small {
    max-width: 30rem;
}

.profile_link {
    text-decoration: inherit;
    color: inherit;
}