@charset "utf-8";
/* CSS Document */

ol
{
	color: #fff;
    margin-top: -20px;
    margin-bottom: 20px;
}


.levelsToggle
{
	margin-top: -76px;
	margin-bottom: 20px;
}
.levelsToggle_list
{
	margin: 0;
    padding: 0;
    list-style-type: none;
    background: linear-gradient(to bottom, #fafafa 0%, #edeef0 100%);
    border-radius: 4px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.levelsToggle_item
{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 50%;
}
.levelsToggle_item > a
{
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 1.2rem;
    color: #485257;
    padding: 20px 0px;
}

.levelsToggle_item:not(.levelsToggle_item_active) > a:hover
{
	background: #e8e8e8;
}

.levelsToggle_item_active > a
{
    background: #2ba7e0;
    color: #fff;
}

.rank_icon
{
	display: block;
    margin: -10px auto 0px auto;
}
@media screen and (min-width: 980px)
{
	.levelsToggle_item
	{
    	width: auto;
	}
}


@media screen and (max-width: 550px)
{
	.show_mobile
	{
		display: block!important;
	}
	.hide_mobile
	{
		display: none;
	}
	table.al-table.hide_mobile
	{
		display: none!important;
	}
	table.al-table.show_mobile
	{
		display: table!important;
    	width: 95%;
    	margin: 35px auto;
	}
}