.card-one{display:flex;flex-wrap:wrap;padding:10px;border-radius:.5rem;flex-direction:row}.image-big{border-radius:15px 15px 0 0;width:400px;height:150px;-o-object-fit:cover;object-fit:cover}.img-small{width:45px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;justify-content:flex-start}.emp-name-div{text-align:left;display:inline-block}.employee-name{float:right;text-align:left;align-items:left;margin-right:78px;padding-left:4em;max-width:270px}.date{padding-left:20em;color:gray;margin-right:4em;white-space:nowrap}#icon-info{color:#e7e6e6}.modal-open{overflow:hidden}.modal-card{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999}.toggle-btn{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-bottom:20px}.btn-proc{border-radius:5px;border:none;background-color:#0e1726;color:#fff;cursor:pointer;transition:background-color .2s ease}.btn-proc h1{margin:0}.text-left{display:inline-block;width:100%;text-align:left}#btn-process{color:#000;background-color:#fff}@media screen and (max-width: 500px){html body{background-color:#f8f9fa}.date{padding-left:2px}.employee-name{display:flex;padding-left:1em}.font-bold{display:flex}.card-one{max-width:80%;margin-left:1em!important}.image-big{border-radius:15px 15px 0 0;width:327px;height:109px;-o-object-fit:cover;object-fit:cover}.font-bold{display:flex;flex-direction:row-reverse}.img-small{max-width:-moz-fit-content;max-width:fit-content}#button-profile-img{max-width:40px}.columns-xs{-moz-columns:3rem;columns:3rem}.emp-name-div{max-width:-moz-fit-content;max-width:fit-content}.relative{width:327px;display:grid}}.image-container{position:relative}.text-overlay{position:absolute;top:15%;left:10%;transform:translate(-50%,-50%);background-color:#fff9;padding:2px;border-radius:5px;font-size:13px;font-weight:400;color:#000}@media (min-width: 320px) and (max-width: 480px){.card-first-row{margin-left:1.1rem}.image-container{display:inherit}#mobile-fix{width:auto!important}#icon-info{display:flex;margin-right:6rem;z-index:1}.btn-info{float:none}#cat{margin-right:8em;padding-right:2em}.emp-name-div{display:flex}#fav-mobile{display:inline-block;margin-right:12em;margin-top:1em}#description-text-mobile{width:20em!important;background-color:#007bff}#btn-ver{margin-left:0!important}#search-bar{margin-bottom:5em}#fav-checkbox{display:none}}@media (min-width: 320px) and (max-width: 480px){#title{display:none}}