table.datatable th {
    font-family: "Open Sans", sans-serif;
    font-weight: 501 !important;
    a {
        text-decoration: none;
        color: rgb(0, 69, 135);
    }
}

table.datatable .badge {
    font-size: 0.8rem;
}

#articlesList {
    & li {
        margin:10px 0 20px;
        padding-bottom:20px;
        border-bottom : 2px dotted #a5d6cc;
        list-style: none;
        & article {
            display: flex;
            & > span.picto {
                flex: 1;
            }
            & > span.content {
                flex: 3;
                & span.date {
                    width: 80px;
                    height: 80px;
                    text-align: center;
                    padding: 9px 4px;
                    margin-right: 20px;
                    text-transform: uppercase;
                    font-size: 14px;
                    font-weight: 501;
                    float:left;
                    color: #FFF;
                    text-shadow: 1px 1px 1px rgba(0,0,0,.45);
                }
            }
        }
    }
}

[id^="dt-search"] {
    border-color: #E7E7E7 !important;
    width: 30vw !important;
    
    min-width: 200px;
}

[for^="dt-search"] {
    margin-right: 20px;
    padding-top: 6px;
    display: initial;
}