@import url("../global.css");

.comp-title {
    font-weight: bold;
    border-radius: 8px;
    padding: 4px 8px;
    margin-right: 10px;
    display: inline-block;
    color: var(--primary-color);
}

#conc {
    background-color: #f34747;
    border: 2px solid #d00303;
}
#verif {
    background-color: #f3722c;
    border: 2px solid #f35500;
}
#maint {
    background-color: #facc59;
    border: 2px solid #ffba08;
}
#impl {
    background-color: #a7c957;
    border: 2px solid #77aa01;
}

.skills-matrix {
    border-color: #bbb !important;
    border-radius: 14px !important;
    overflow: hidden;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
.skills-matrix th, .skills-matrix td {
    text-align: center;
    vertical-align: middle;
    border-color: #bbb !important;
    border-width: 2.5px !important;
    font-weight: bold;
}
.skills-matrix thead th:first-child {
    border-top-left-radius: 14px !important;
}
.skills-matrix thead th:last-child {
    border-top-right-radius: 14px !important;
}
.skills-matrix tbody tr:last-child td:first-child {
    border-bottom-left-radius: 14px !important;
}
.skills-matrix tbody tr:last-child td:last-child {
    border-bottom-right-radius: 14px !important;
}
.table-responsive {
    border-radius: 14px !important;
    overflow: hidden;
}

.skills-matrix thead th {
    background-color: #f3f4f6 !important;
    color: #23272b !important;
    border-color: #bbb !important;
}
.skill-dot {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}