.sertifikates_wrapper {
max-width: 1140px !important;
margin: auto;
padding: 20px 0;
}
.sertifikates_wrapper .row {
display: flex;
justify-content: space-between;
height: 600px;
}
.sertifikates_wrapper .folders {
width: 30%;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #7A7A7AB0;
background-color: #e2efff;
padding: 10px;
overflow: scroll;
overflow-x: unset;
}
.sertifikates_wrapper .files {
width: 65.5%;
padding: 20px 0 0;
overflow: scroll;
overflow-x: unset;
}
.sertifikates_wrapper .files .need-choose-folder {
color: #e3000f;
}
.sertifikates_wrapper .folders .folder-item,
.sertifikates_wrapper .files .file-item a {
display: flex;
padding: 10px;
cursor: pointer;
align-items: center;
}
.sertifikates_wrapper .folders .folder-item img,
.sertifikates_wrapper .files .file-item img {
width: 30px;
}
.sertifikates_wrapper .files .file-item img {
margin-right: 10px;
}
.sertifikates_wrapper .files .file-item a {
text-transform: none;
color: #000;
text-decoration: none !important;
transition: all .3s ease;
}
.sertifikates_wrapper .files .file-item a p {
margin: 0;
padding: 0;
line-height: 20px;
font-size: 16px;
margin-left: 10px;
font-family: "Manrope";
}
.sertifikates_wrapper .files .file-item a:hover {
color: #464646;
transition: all .3s ease;
}
.sertifikates_wrapper .folders .folder-item h5 {
line-height: 20px;
font-size: 16px;
margin-left: 10px;
font-family: "Manrope";
text-transform: none;
color: #464646;
transition: all .3s ease;
}
.sertifikates_wrapper .folders .folder-item:hover h5 {
color: #d75758;
transition: all .3s ease;
}
@media (max-width: 650px) {
.sertifikates_wrapper .row {
height: 300px;
flex-wrap: wrap;
}
.sertifikates_wrapper .folders {
width: 100%;
height: 40%;
}
.sertifikates_wrapper .files {
width: 100%;
height: 60%;
}
}