@charset "utf-8";

.list li{
    float: left;
}
.list li a{
    display: block;
    padding: 3px 5px;
}
.list li a span{
    margin-left: 2px;
    font-size: 0.8em;
}
p.no-data{
    margin-bottom: 30px;
    font-weight: bold;
}
/*--Large screens--*/
@media print, screen and (min-width: 768px){
    dl.list{
        width: 100%;
        overflow: hidden;
        padding: 3px 0;
        border-bottom: 1px solid #c2c3c4;
    }
    dl.list:last-child{
        border-bottom: none;
    }
    .list dt{
        float: left;
        width: 50px;
        padding: 4px 5px;
        text-align: center;
    }
    .list dt div{
        width: 30px;
        margin: 2px auto;
        background-color: #547c7d;
        border-radius: 50%;
        font-weight: bold;
        color: #FFF;
    }
    .list dd{
        float: left;
        width: 100%;
        margin-left: -50px;
    }
    .list dd ul{
        margin-left: 50px;
    }
    .list li{
        width: 14.2%;
        width: calc(100% / 7);
        margin-top: 3px;
        padding-bottom: 3px;
        border-bottom: 1px solid #c2c3c4;
        text-align: center;
    }
    .list li a{
        border-right: 1px solid #c2c3c4;
    }
    .list li a{
        font-weight: bold;
    }
}
/*--Large screens only--*/
@media print, screen and (min-width: 1025px){
    .list li:nth-child(7n+1) a{
        border-left: 1px solid #c2c3c4;
    }
    .list li:first-child:nth-last-child(-n + 7),
    .list li:nth-child(2):nth-last-child(-n + 6),
    .list li:nth-child(3):nth-last-child(-n + 5),
    .list li:nth-child(4):nth-last-child(-n + 4),
    .list li:nth-child(5):nth-last-child(-n + 3),
    .list li:nth-child(6):nth-last-child(-n + 2),
    .list li:last-child{
        border-bottom: 1px solid #FFF;
        padding-bottom: 0;
    }
}
/*--Medium screens--*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .list li{
        width: 20%;
    }
    .list li:nth-child(5n+1) a{
        border-left: 1px solid #c2c3c4;
    }
    .list li:first-child:nth-last-child(-n + 5),
    .list li:nth-child(2):nth-last-child(-n + 4),
    .list li:nth-child(3):nth-last-child(-n + 3),
    .list li:nth-child(4):nth-last-child(-n + 2),
    .list li:last-child{
        border-bottom: 1px solid #FFF;
        padding-bottom: 0;
    }
}
/*--Small screens--*/
@media only screen and (max-width: 767px){
    section.area{
        padding: 0;
    }
    .list{
        margin: 0 -15px !important;
    }
    .list dt{
        width: 100%;
        padding: 2px 15px;
        background-color: rgb(84, 124, 125);
    }
    .list dt div{
        font-size: 0.8em;
        font-weight: bold;
        color: #FFF;
    }
    .list li{
        width: 33.3%;
        width: calc(100% / 3);
        border-right: 1px solid #c2c3c4;
        border-bottom: 1px solid #c2c3c4;
    }
    .list li:nth-child(3n){
        border-right: none;
    }
    .list li:last-child,
    .list li:nth-last-child(2):nth-child(even),
    .list li:not(:nth-child(3n)):nth-child(odd):nth-last-child(2),
    .list li:not(:nth-child(3n)):nth-child(odd):nth-last-child(3),
    .list li:nth-last-child(3):nth-last-child(odd):nth-child(3n+1){
        border-bottom: none;
    }
    .list li a{
        padding: 3px 8px;
        color: #333;
        text-decoration: none;
    }
    p.no-data{
        margin-bottom: 20px;
    }
}

/*-----------------------------------
clear
-----------------------------------*/
dl.list,
.list ul{
    display: block;
    min-height: 1%;
}
dl.list:after,
.list ul:after{
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
}