.passport-view {
    margin-top: -90px !important;
}


.passport-view .mud-main-content {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.passport-view .gridsWrapper .mud-table-container {
    margin-top: 0 !important;
}

/* root */

.mobile-view {
    padding: 5px 5px 5px 5px;
}

.mobile-view .unit {
    flex-direction: row;
    align-items: center;
    padding: 8px;
    gap: 4px;
    background: #f8f9fa;
    border: 1px solid #F3F4F5;
    border-radius: 8px;
}
.mobile-view .no-entry{
     font-family: 'DM Sans';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 20px;
     color: #081720;
 }

.top-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    margin-top: -25px;
}

.top-menu .bunqr-logo-parent img {
    scale: 1.5;
}

.top-menu + .mud-main-content {
    margin-top: 0 !important;

}

.top-menu .welcome-zone {
    text-align: center;

}

.top-menu .welcome-zone .zone-title {
    font-size: 14px;
}


.employee-data {
    border: solid 1px grey;
    border-radius: 5px;
    padding: 35px 0 5px 0;
    margin-bottom: 5px;
    background-color: white;

}

.employee-data .employee-picture {


}

.employee-data .employee-picture svg {
    scale: 4;
    background-color: #F8CBAD;
    border-radius: 20px;
    margin-left: 50px;

    margin-top: 25px;
}

.employee-data .employee-name {

    text-align: left;
    padding-left: 25px;

}

.employee-data .employee-name .nom-prenom {
    font-weight: bold;
    font-size: 24px;
    text-transform: capitalize;
}

.employee-data .employee-name .function {

    text-transform: capitalize;
}

.employee-data .employee-info {
    text-align: left;
    padding-left: 25px;
    font-size: 18px;

}

.employee-doc {
    border: solid 1px grey;
    border-radius: 5px;
    padding: 35px 0 35px 0;
    background-color: white;
}

.employee-doc .title {
    text-align: left;
    padding-left: 25px;
    font-size: 24px;
}

.employee-doc .row {
    margin-bottom: 10px;
}

.employee-doc .row a:visited {
    font-weight: bold;
}

.employee-doc .row a:hover {
    font-weight: bold;
}

.employee-doc .row a:active {
    font-weight: bold;
}

.employee-doc .picto {
    text-align: right;
    padding-right: 25px;
}

/* child */
.mobile-view-child {

    /*background-color: black;*/
    color: white;
    padding: 5px 5px 5px 5px;
    margin-top: 20px;
}

.top-menu-child {
    display: flex;
    color: white;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;


}


.top-menu-child .welcome-zone-child .zone-title-child {
    font-size: 14px;
    color: black;
}

.child-content {
    /*border-radius : 15px 15px  0 0 ;*/
    background-color: white;
    padding: 5px 0 25px 0;

    border: solid 1px grey;
    border-radius: 5px;
    color: black;
}

.child-content .child-title {
    text-align: left;
    font-size: 28px;
    text-transform: capitalize;
    padding: 0 0 35px 25px;

}

.top-menu-child .welcome-zone-child {
    text-align: center;

}

.child-content a:visited {
    color: white;
}

.child-content a:hover {
    color: white;
}

.child-content a:active {
    color: white;
}

.child-content .in {
    margin-bottom: 15px;
    align-items: center;

}

.child-content .main {
    font-weight: bold;
}

.child-content .picto {
    padding-left: 25px;
    scale: 1.5;
    padding-top: 5px;
}

}

.child-content .step {
    font-size: 12px;
    font-weight: bold;
}

.child-content .step .badge-false {
    color: #8C5D5F;
}


.child-content .step .badge-true {
    color: #765B35;
}


.child-content .description {
    overflow: hidden;
    font-size: 16px;
    padding-left: 25px;
}

.child-content .date {
    text-align: right;
    padding-right: 25px;
}

.child-content .content {
    font-weight: bold;
}

.child-content .date .state-active {
}

.child-content .date .state-expired {

}

.child-content .date .state-expiring {

}

.child-content .date .state-pending {

}

/* allow by birthday */


.mobile-view-child .setBirthdayToAllow .logo {

}

.mobile-view-child .setBirthdayToAllow .title {
    font-size: 20px;
    margin-top: 125px;
}

.mobile-view-child .setBirthdayToAllow .form {
    margin-top: 30px;
    font-size: 20px;
}

.mobile-view-child .mud-input-control .mud-input-control-helper-container .me-auto {
    display: none !important;
}

.mobile-view-child .form .mud-input .mud-input-adornment-end {
    display: none !important;
}


.mobile-view .setBirthdayToAllow .logo {

}

.mobile-view .setBirthdayToAllow .title {
    font-size: 20px;
    margin-top: 125px;
}

.mobile-view .setBirthdayToAllow .form {
    font-size: 20px;
    margin-top: 30px;
}

.mobile-view .mud-input-control .mud-input-control-helper-container .me-auto {
    display: none !important;
}

.mobile-view .form .mud-input .mud-input-adornment-end {
    display: none !important;
}

.setBirthdayToAllow .faulty-message {
    color: red;
    padding-left: 5px;
}

.setBirthdayToAllow .valid-message {
    color: green;
    padding-left: 5px;
}


/* date */
.safari-fix-for-anchor a:link {
    color: black;
}

.safari-fix-for-anchor a:visited {
    color: black;
}

.safari-fix-for-anchor a:hover {
    color: black;
}

.safari-fix-for-anchor a:active {
    color: black;
}

/*!* descr *!*/
/*.safari-fix-for-anchor .description:link {*/
/*    overflow: hidden;*/
/*    font-size: 16px;*/
/*    padding-left: 25px;*/
/*}*/

/*.safari-fix-for-anchor .description:visited {*/
/*    overflow: hidden;*/
/*    font-size: 16px;*/
/*    padding-left: 25px;;*/
/*}*/

/*.safari-fix-for-anchor .description:hover {*/
/*    overflow: hidden;*/
/*    font-size: 16px;*/
/*    padding-left: 25px;*/
/*}*/

/*.safari-fix-for-anchor .description:active {*/
/*    overflow: hidden;*/
/*    font-size: 16px;*/
/*    padding-left: 25px;*/
/*}*/
/*!* content *!*/
/*.safari-fix-for-anchor:link > .content {*/
/*    font-weight: bold;*/
/*}*/

/*.safari-fix-for-anchor:visited > .content {*/
/*    font-weight: bold;*/
/*}*/

/*.safari-fix-for-anchor:hover > .content {*/
/*    font-weight: bold;*/
/*}*/

/*.safari-fix-for-anchor:active > .content {*/
/*    font-weight: bold;*/
/*}*/