body {
}

.chiffreCle {
    display: flex;
    gap: 75px;
    padding: 10px;
}

.blockcontent {
    padding: 20px 0 60px 0;
    border-bottom: solid 1px #eee;
}

.radioList.entlist {
    min-width: 300px;
    margin: 0;
}

.checkboxList input {
    display: none;
}

.checkboxList label {
    display: inline-flex;
    margin-bottom: 20px;
    background: #F0F8FF;
    border-radius: 8px;
    /* padding: 5px; */
    width: auto;
    padding: 25px 20px;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    padding: 8px 15px;
    margin: 5px;
    border-radius: 5px;
    transition: ease-out 0.2s background;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap:10px;
    user-select:none;
}

.checkboxList input + label:before {
    content: "";
    width: 21px;
    height: 21px;
    display: block;
    border: solid 1px #BDC9D3;
    border-radius: 5px;
    transition: ease-out 0.2s all;
}

.checkboxList input:checked + label:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Crect width='21' height='21' rx='4' fill='%230075FF'/%3E%3Cpath d='M14 8L8.5 14L6 11.2727' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    border-color:#0275ff;
}


#passeport table {
    /* display: block; */
    width: 100%;
}

.actions .spacer { 
    flex-grow: 1;
}

.submit_btn button.danger {
    background: red;
}

#passeport h1 {
    color: var(--Tangaroa, #070B0F);
    font-size: 20px;
    font-style: normal;
    font-weight: bolder;
    line-height: normal;
    padding: 20px 25px!important;
    margin: 0!important;
    position: sticky;
    top: 0;
    z-index: 999;
    background: white;
}

#passeport .btn-list {
    float: right;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    z-index: 1001;
    position: sticky;
    top: 0;
}

.radioList.entlist {}

#passeport .btn-list .btn {
    margin: 0;
    border: solid 1px #BDC9D3;
    background: white;
    color: #61707f;
}

td.entreprisecol {
    min-width: 300px;
    max-width: 300px;
    width: 300px;
}

td.ecolecol {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
}

td.compcol {
    width: 100%;
}

label {}

.candidatflex .main#passeport form {
    max-width: 100%;
    width: 100%;
}

#passeport big {
    position: sticky;
    top: 64px;
    background: white;
    z-index: 998;
}

#passeport thead {
    position: sticky;
    top: 113px;
    z-index: 997;
}

.passObj table tbody tr:hover {
    background: #f5f4f5;
}

.head span.violet {
    color: var(--Dark-Violet, #9400EE);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#passeport tr td a {
    text-align: left;
}

.passObj.sortable {
    padding-left: 25px;
}

.passObj.sortable big {
    padding-left: 0;
}

td {}

.head h1 small.violet {font-weight: 900;font-size: 14px;line-height: 18px;}

table {}

#config #passeport form {
    max-width: 100%;
}

.head {}

td.ecolecol span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.passObj {
    padding: 0 0 20px 0;
}

.passObj big {
    color: var(--Tangaroa, #070B0F);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: block;
    padding: 15px 25px;
}

.passObj table thead td {
    padding: 10px 25px;
    text-transform: uppercase; 
}
.passObj table tbody td {
    padding: 15px 25px;
    cursor: default;
    /* border: solid 2px orange; */
    border-bottom: solid 1px #eee;
    max-height: none;
    /* width: calc(100% - 100px); */
}
.passObj table  {
 margin-bottom:30px;
}


.passObj table
{
    width:100%;
}

#passeport table thead td {
    color: #617080;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    padding: 10px 0 10px 5px;
    border: solid 1px #f5f4f5;
    border-bottom: none;
    flex-flow: nowrap;
    white-space: nowrap;
    position: relative;
    /* display: flex; */
}
#passeport thead 
{
        background: #F5F4F5;
}

.inline a {
    text-decoration: none;
    color: black;
    font-weight: normal;
}