.run-title { opacity: .9; }

.run-info { opacity: .5; }

.run-lane-box { background-color: #1f2937; }
.run-lane-box .run-lane-name { opacity: .5; }
.run-lane-box .run-win-rate { font-size: 14px; }
.run-lane-box .run-match-count { opacity: .5; font-size: 14px; }

.run-champ { position: relative; display: inline-block; color: #fff; }
.run-champ img { width: 128px; height: 128px; }
.run-champ .run-tier-box { width: 1.5rem; height: 1.5rem; right: 0; bottom: 0; border: 1px solid #1f2937 !important; font-weight: 600; text-align: center; pointer-events: none; font-size: 14px; }
.run-champ.tier-1 img { border: 3px solid #1266F1 !important; }
.run-champ.tier-1 .run-tier-box { background-color: #1266F1 !important; }
.run-champ.tier-2 img { border: 3px solid #009688 !important; }
.run-champ.tier-2 .run-tier-box { background-color: #009688 !important; }
.run-champ.tier-3 img { border: 3px solid #d84315 !important; }
.run-champ.tier-3 .run-tier-box { background-color: #d84315 !important; }
.run-champ.tier-4 img { border: 3px solid #757575 !important; }
.run-champ.tier-4 .run-tier-box { background-color: #757575 !important; }
.run-champ.tier-5 img { border: 3px solid #795548 !important; }
.run-champ.tier-5 .run-tier-box { background-color: #795548 !important; }
.run-champ.tier-none img { border: 3px solid  #757575 !important; }
.run-champ.tier-none .run-tier-box { background-color:  #757575 !important; }

#champ-info * { border: 0 solid #fff; }
#champ-info .run-stats { font-size: 14px; opacity: .5; }
#champ-info .run-champ img { width: 100px; height: 100px; }
#champ-info .box { background-color: #1f2937; }
#champ-info .box .box-header { letter-spacing: .05em; opacity: .7; }
#champ-info .box .run-win-rate { font-size: 14px; }
#champ-info .box .run-match-count { font-size: 14px; line-height: 14px; opacity: .5; }
#champ-info .box .w-12 { width: 3rem; }
#champ-info .box .run-key-box { width: 1.25rem; height: 1.25rem; right: 0; bottom: 0; border: 1px solid #1f2937; font-weight: 600; text-align: center; pointer-events: none; font-size: .75rem; line-height: 1rem; margin-right: -.25rem; background-color: #1266F1; }
#champ-info .box .run-key { font-size: .75rem; line-height: 1rem; }
#champ-info .box#better-than img { width: 48px; height: 48px; border: 2px solid #00B74A; border-radius: 100%; }
#champ-info .box#better-than img:hover { border: 2px solid #FFA900; }
#champ-info .box#worse-than img { width: 48px; height: 48px; border: 2px solid #F93154; border-radius: 100%; }
#champ-info .box#worse-than img:hover { border: 2px solid #FFA900; }

.skill-table { width: 100%; }
.skill-table tbody tr { height: 32px; }
.skill-table tbody tr td { text-align: center; }
.skill-table tbody tr td.border { border-width: 1px; border-color: #374151 !important; }
.skill-table tbody tr td.w5 { width: 5% !important; }
.skill-table tbody tr td .run-key { padding: 1px !important; font-size: .75rem !important; line-height: 1rem !important; }

.run-text-8100 { color: #F93154; font-size: 1.15rem; line-height: 1.75rem; font-weight: 400; }

.run-text-8200 { color: #7179f6; font-size: 1.15rem; line-height: 1.75rem; font-weight: 400; }






.tier-1box { background-color: #1266F1 !important; border-radius: 25px; text-align: center;}
.tier-2box { background-color: #009688 !important; border-radius: 25px; text-align: center;}
.tier-3box { background-color: #d84315 !important; border-radius: 25px; text-align: center;}
.tier-4box { background-color: #757575 !important; border-radius: 25px; text-align: center;}
.tier-5box { background-color: #795548 !important; border-radius: 25px; text-align: center;}

.tier-1picture { border: 3px solid #1266F1 !important; border-radius: 10px;}
.tier-2picture { border: 3px solid #009688 !important; border-radius: 10px;}
.tier-3picture { border: 3px solid #d84315 !important; border-radius: 10px;}
.tier-4picture { border: 3px solid #757575 !important; border-radius: 10px;}
.tier-5picture { border: 3px solid #795548 !important; border-radius: 10px;}


.badagainstto {

    border-radius: 50%;
    border: 3px solid #3cc24f;
    width: 54px;
    height: 54px;
    min-width: 48px;
    min-height: 48px;
}
.goodagainstto {

    border-radius: 50%;
    border: 3px solid #e54747;
    width: 54px;
    height: 54px;
    min-width: 48px;
    min-height: 48px;
}


.jannaOmylegendBackground {
    background: linear-gradient(rgb(75, 84, 92) 0%, rgba(42, 67, 101, 0) 50%), url(https://www.omylegend.com/assets/janna.png) no-repeat center center fixed;
    background-size: cover;
}

.active-summoner-nav{
    background-color: #343a40 !important;
}