* {
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.hide {
    display: none !important;
}

#file_preview {
    border: 1px solid #d3d3d3;
}

body{
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

main{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.file_ok{
    background-color: #198754 !important;
    color: #ffffff !important;
}

.file_fail{
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

.flex-0{
    flex: 0;
}

.flex-1{
    flex: 1;
}

.min-200{
    min-width: 200px;
}

#modalPosterFilePreviewImage{
    border: 1px solid #d3d3d3;
}

#modalDeleteExtra{
    color: #8c0000;
}
.horizontal{
    display: flex;
    gap: 10px;
}
.to-right{
    flex: 1;
    width: auto;
}