.table{width: 100% !important;}
.card{width: 100%;}
.file-upload{opacity: 0;position: absolute;left: 30%;}
.edit-file{opacity: 0;position: absolute;left:0;}

/* SCROLLBAR */
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 4px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    background-color: #3677d5;
}


/* INFO PAGE */
.sponsors-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.sponsors-list .sponsor{
    width: 100%;
    max-width: 250px;
}
.sponsors-list .sponsor > img{
    width: 100%;
}
.flexed-leaderboard{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.flexed-leaderboard img{
    margin-left: 25px;
}
@media (max-width: 1300px){
    .flexed-leaderboard{
        flex-direction: column;
    }
    .flexed-leaderboard img{
        margin-left: 0;
        width: 100%;
    }
}


/* PREMII LISTA */
.reward-body{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card-value{
    background: #222e3c;
    padding: 3.5px 10px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    width: 100%;
}
.reward-desc{
    max-height: 126px;
    padding-right: 10px;
    text-align: justify;
    overflow: auto;
}

/* RANKING TABLE */
.flex-ranking-table{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.flex-ranking-table .gift-image{
    max-width: 250px;
    object-fit: cover;
}
.ranking-table{
    width: 100%;
    min-width: 330px;
    max-width: 50%;
}
.user-ranking{
    padding: 10px 25px;
    border: 1px solid rgba(233,236,239,.5);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.user-ranking:not(:last-child){
    margin-bottom: 10px;
}
.user-info{
    display: inline-flex;
    align-items: center;
}
.user-info-col{
    display: flex;
    flex-direction: column;
}
.user-info img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 15px;
}
.user-info p{
    margin: 0;
}
.user-info .user-chances{
    font-size: 13px;
}
.user-medal{
    max-width: 45px;
    object-fit: cover;
}
.reward-sponsor{
    position: absolute;
    right: 0;
    top: 0;
    max-width: 140px;
    object-fit: cover;
    background: #222e3c;
    border-bottom-left-radius: 4px;
    padding: 10px 15px;
}
@media (max-width: 1500px) {
    .flex-ranking-table{
        flex-direction: column;
        align-items: center;
    }
    .ranking-table{
        max-width: 100%;
    }
    .flex-ranking-table .gift-image{
        margin-top: 10px;
    }
}

/* PROPUNERI */
.status-denied, .status-waiting, .status-approved, .status-modified, .status-messaged-admin, .status-messaged-user{
    border-radius: 0.2rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.1rem 0.85rem;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.status-denied{
    background: #dc3545;
}
.status-waiting{
    background: #fcc041;
}
.status-approved{
    background: #3ec59d;
}
.status-messaged-admin, .status-messaged-user, .status-modified{
    background: #222e3c;
}

/* ADAUGA PROPUNERE */
.likes-patern, .book-patern, .creative-patern{
    position: relative;
    border-radius: 6px;
}
.likes-patern > *, .book-patern > *, .creative-patern > * {
    z-index: 1;
}
.likes-patern:hover:before, .book-patern:hover:before{
    filter: saturate(0.75);
}
.creative-patern:hover:before{
    filter: saturate(1);
}
.likes-patern:before, .book-patern:before, .creative-patern:before{
    content: '';
    display: block;
    width: 250px;
    height: 250px;
    z-index: 0;
    position: absolute;
    border: 4px solid #222e3c;
    border-radius: 6px;
    opacity: .8;
    filter: saturate(0.1);
    transition: 0.9s ease;
}
.likes-patern:before{
    background: url('../img/pattern-likes.png') no-repeat;
}
.book-patern:before{
    background: url('../img/book-pattern.png') no-repeat;
}
.creative-patern:before{
    background: url('../img/creative-pattern.png') no-repeat;
}
.active-item-type:before{
    filter: saturate(0.8) !important;
    border: 4px solid #1cbb8c !important;
}
.active-item-type .types-title{
    background: #1cbb8c !important;
}
.types-title{
    background: #222e3c;
    padding: 10px 35px;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    color: #fff !important;
    margin: 0;
}
.types-list{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}
.type-list{
    height: 250px;
    width: auto;
    min-width: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.hidden-actions{
    display: none;
}


.buttons-flexed{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 800px){
    .buttons-flexed{
        flex-direction: column;
    }
    .buttons-flexed .buttons-top-margin{
        margin-top: 10px;
    }
}


.custom-image-reward {
    max-height: 350px;
    object-fit: contain;
    margin: 0 auto;
    width: 100%;
}

.app-logo{
    width: 100%;
    max-height: 50px;
    object-fit: contain;
    margin: 0 auto;
}

.sponsor-relative img{
    max-height: 240px;
    object-fit: cover;
}

.center-content{
    width: 100%;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.bootstrap-switch-handle-on, .bootstrap-switch-handle-off, .bootstrap-switch-label{
    display: none;
}
.bootstrap-switch-container{
    margin-left: 0 !important;
}

.unread-notification{
    animation: notification 1.5s infinite linear;
}
@keyframes notification {
    25% {background-color: rgba(28, 187, 140, 0.04);}
    50% {background-color: rgba(28, 187, 140, 0.08);}
    75% {background-color: rgba(28, 187, 140, 0.04);}
}

.hidden-notif{
    display: none !important;
}

@media (max-width: 600px){
    .sponsors-list .sponsor{
        max-width: 110px;
    }
    .wizard .steps > ul li{
        width: 20%;
    }
    .wizard .content{
        width: 100%;
    }
    .wizard .actions li a{
        padding: 5px 15px !important;
    }
}

.countdown-timer p{
    margin-bottom: 15px;
    font-weight: 500;
}
#demo{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.countdown-flexed{
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 65px;
    justify-content: center;
}
.countdown-flexed span{
    font-size: 12px;
    margin-top: -4px;
    margin-bottom: 0;
}
.countdown-bold{
    min-width: 25px;
    margin-bottom: 0;
    text-align: center;
}

.upload-message{
    display: flex;
    align-items: flex-start;
    background: #f5f7fb;
    border: 4px solid #222e3c;
    padding: 15px;
    border-radius: 12px;
}
.admin-message{
    border-color: #3b7ddd;
}
.upload-picture{
    max-width: 85px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 20px;
}
.upload-content{
    display: flex;
    flex-direction: column;
    min-height: 85px;
    width: 100%;
}
.upload-date{
    font-size: 13px;
    margin-bottom: 0;
}
.upload-top-flex{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.modal-body img{
    width: 100%;
}

.filters-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.filters-flex .form-group{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.filters-flex .form-group .form-label{
    margin-bottom: 0;
}