body {
    background:url(../images/bg.jpg) no-repeat center bottom fixed;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: white;
}

a{
    cursor:pointer;
}
a:hover{
    text-decoration:none;
}

.page{
    display:flex;
    flex-direction: column;
    min-height: calc(100vh - 130px);
}
.page .contents{
    flex-grow: 1;
}
.page .footer{
    text-align: center;
    color: var(--dark);
    font-weight: 600;
}

.img-logo-preview{
    height:90px;
    background-color: #FCFCFC;
}

.input-group > .input-group-append:not(:last-child:not(.invalid-feedback)) > .btn {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

/*
* accordion in modal
*/
    .accordionMinimal .card{
        border:2px solid #EBEBEB;
    }
    .accordionMinimal .card-header{
        background:none;
        outline:none;
        border-bottom:0px;
        font-weight:600;
    }
    .accordionMinimal .card-header a {
        color:var(--dark);
    }
    .accordionMinimal .card-header a:before{
        padding-right:5px;
        content: "\f0d7";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        text-indent:0px;
    }
    .accordionMinimal .card-header a.collapsed:before{
        content: "\f0da";
    }
    .accordionMinimal .card-body{
        padding-left:15px !important;
        padding-right:15px !important;
    }


/*
* roles
*/
    .list-group-role .list-group-item {
        border:0px;
        padding: 0.45rem 0.65rem;
    }


/*
* Notifications
*/
    #notifications{
        position: fixed;
        z-index: 99999;
        right:10px;
    }
    #notifications-stack > div{
        width:18rem;
    }
    .toast-message{
        display: flex;
    }

/*
* Menu
*/
    .iconeBandeau:hover {
        transform: scale(1.2);
    }

    .topbar .logo-brand, .topbar .logo-brand-small{
        height:85px;
    }
    .topbar .nav-item .nav-link {
        height: 4.375rem;
        display: flex;
        align-items: center;
        padding: 0 .75rem;
    }

#circleNbDemandesTransfert {
    margin-top: 10px;
    margin-left: 25px;
}

#circleNbNotifs {
    margin-top: 10px;
    margin-left: 20px;
}

.circleNumber {
    padding-top: 1px;
    width: 18px;
    background-color: var(--secondary);
    border-radius: 50%;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    color: white;
    text-align: center;
}

/*
* Loader
*/
    #modalLoader{
        display:none;
        background-color: #000;
        opacity: .60;
        filter: Alpha(Opacity=60);
        height: 100%;
        left: 0px;
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 10010;
        overflow: hidden;
        z-index: 9999998;
    }

    #loader{
        display:none;
        width:5rem;
        height:5rem;
        position: fixed;
        top: 45%;
        left: 50%;
        border-width:0.7em;
        z-index: 9999999;
    }

/*
* Accueil carte application
*/
    .card-application{
        border:2px solid var(--secondary);
        border-radius:0.75rem;
        height:343px;
    }
    .card-application .card-body i.iconapp{
        font-size: 5rem;
    }
    .card-application:hover{
        background-color: var(--secondary);
        transform: scale(1.05);
        transition: all .2s ease-in-out;
    }
    .card-application:hover .card-body .text-secondary{
        color:#FFFFFF !important;
    }
    .card-application:hover .card-body .btn-secondary{
        background-color: #FFFFFF !important;
        color: var(--secondary);
    }

    #sortableApp {
        text-align: center;
        list-style: none;
    }
    #sortableApp > li {
        cursor: pointer;
        user-select: none;
        float: left;
    }
    #sortableApp > li i.arrowDragHover{
        visibility: hidden;
        text-align: left;
        margin: 12px;
        color: white;
    }        
    #sortableApp li:hover i.arrowDragHover{
        visibility : visible;
    }
    #sortableApp li .text-secondary{
        min-height: 4rem;
    }


/**
* page d'erreur
*/
    .error-page {
        margin: 120px auto 0;
        width:500px;
    }


/**
* datatables
*/
    .table-responsive{
        padding:5px;
    }
    .tab-pane .table-responsive{
        padding:0px;
    }
    div.dataTables_wrapper div.dataTables_filter label,
    div .dataTables_wrapper div.dataTables_filter input[type="search"] {
        width: 100%;
    }
    div .dataTables_wrapper div.dataTables_filter input[type="search"]{
        margin-left: 0px;
    }
    div .dataTables_wrapper #active-filters .btn {
        padding: 0.215rem 0.75rem;
    }
    div.btn-group.btn-group-toggle.activeFilters label {
        padding: 0.25rem 0.75rem;
    }
    div.dt-buttons.btn-group button.btn {
        padding: 0.25rem 0.75rem;
    }
    .dataTable tbody tr td.btnAction{
        white-space: nowrap;
    }
    .dataTable .custom-checkbox .custom-control-label:after {
        cursor: pointer;
    }
    div.dt-button-info {
        display: none !important;
    }

/* Pour empêcher que le tooltip passe sous les fenêtres modales */
.tooltip {
    z-index: 9999;
}

.tooltip-inner {
    max-width: 300px;
}

/* Small And Medium devices (less than 992px) */
@media screen and (min-width: 576px) and (max-width: 992px) {
    .card-application{
        height:378px;
    }
}