@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

@font-face {
    font-family: GraphikBold;
    src: url('../open-iconic/font/fonts/GraphikBold.otf') format('opentype');
}

.ressourceModal {
    z-index: 10;
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: 0px;
}
.imgRessource {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}
.imgAssignRessource {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}
 .email {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline!important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}