@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');

:root {
    --main-color: #3c3c3cf7;
    --main-color-hover: rgba(46, 46, 46, 0.97);
}


/*ALL*/
.btn-dropzone{
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: white;
}

.btn-dropzone:hover{
    background-color: var(--main-color-hover);
    border-color: var(--main-color-hover);
    color: white;
}

.alert-success{
    margin-top: 25px;
}
/*END ALL*/

.logoLogin{
    margin-top: 40px;
    width: 60%;
    margin-left: 20%;
}

.logoLogin img{
    width: 100%;
}

.loginTitle{
    color: #cdbca1;
    font-size: 28px;
    text-align: center;
    font-family: 'Michroma', sans-serif;
}

.containerLogin{
    background-size: cover;
    position: absolute;
    height: 100%;
}

.containerInputs{
    background-color: white;
    padding: 15px;
    border-top: 8px solid #cdbca1;
}
.titleFormLogin{
    margin-top: 10px;
}

.formLogin{
    width: 80%;
    margin-left: 10%;
}

.btn-container button{
    background-color: #cdbca1;
    border: #cdbca1;
    color: #ffffff;
}
.btn-container button:hover{
    background-color: rgba(205, 188, 161, 0.47);
    border: rgba(205, 188, 161, 0.47);
    color: #ffffff;
}

.nav-bar-layout{
    background-color: var(--main-color);
}

/*DATATABLE*/
.dttable{
    margin-top: 50px;
}

.direction-invisible{
    display: none;
}

.th-table-sort:hover{
    cursor: pointer;
}

/*PAGINATION*/
.pagination{
    float: right;
    margin-right: 50px;
}

.btnNextPagination, .btnPrevPagination, .btnNextPagination:focus, .btnPrevPagination:focus{
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: white;
}

.btnNextPagination:focus, .btnPrevPagination:focus{
    box-shadow: 0 0 0 0.2rem rgba(60,60,60,.5);
    color: white;
}

.btnNextPagination:hover, .btnNextPagination:disabled, .btnPrevPagination:hover, .btnPrevPagination:disabled, .btnPrevPagination:active, .btnNextPagination:active{
    background-color: var(--main-color-hover);
    border-color: var(--main-color-hover);
    color: white;
}


.btn-pagination-active{
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: white;
}

.btn-pagination-active:hover{
    background-color: var(--main-color-hover);
    border-color: var(--main-color-hover);
    color: white;
}



.user-header{
    display: flex;
    justify-content: space-between;
}

/*INPUT FILE*/
.inputFile{
    display: none;
}

.uploadFile{
    color: #007bff;
}

.hoverUpload:hover{
    cursor: pointer;
    color: #0056b4;
}

/*DASHBOARD*/

@media  all and (max-width: 1200px){
    .cards-infos{
        justify-content: space-evenly !important;
    }
    .card-type{
        order: 3;
    }
    .card-type, .card-poid, .card-upload{
        margin-bottom: 20px;
    }
}

@media  all and (max-width: 700px){
    .card-type, .card-poid, .card-upload{
        margin-bottom: 20px;
        width: 100% !important;
    }
}