/* 
    Created on : 18 mars 2024, 15:40:01
    Author     : Murelh
*/


.cursor-help{
    cursor: help;
}
.cursor-wait{
    cursor: wait;
}
.cursor-crosshair{
    cursor: crosshair;
}
.cursor-zoomin{
    cursor: zoom-in;
}
.cursor-zoomout{
    cursor: zoom-out;
}
.cursor-grab{
    cursor: grab;
}
.cursor-pointer{
    cursor: pointer;
}
.small-caps{
    font-variant:small-caps;
}

.bold, .strong {
    font-weight: bold;
}

.sortable-placeholder{
    background: rgba(68, 171, 53,0.1);
    border:1rem dashed rgba(68, 171, 53, 0.2);
    display:inline-block;
    max-width: 14rem;
    max-height:14rem;
}

.sortable-placeholder:after{
    display:inline-block;
    content:"déposer ici";
    font-variant:small-caps;
    color: rgba(68, 171, 53, 0.8);
    font-size:2rem;
    text-align: center;
    width:100%;
    margin-top:4rem;
    animation: breathing 5s ease-out infinite normal;
}

.animated-box-shadow-dark{
    box-shadow: -8px 12px 18px 0 rgba(103,106,115,0.5);
    transform: translateY(0px);
    animation: animatedshadow 5s infinite;
}

.signin-bg-cover{
    background-size:cover;
    background-position:bottom center;
    background-image: url(../../assets/images/media/pngs/image-couv.jpg);
}
.main-signup-header h3,
.text-dark-green{
    color:#00454d !important;
}

.text-green{
    color:#44ab35 !important;
}

.text-dark-blue{
    color:#033e4e !important;
}

.btn-primary, .bg-primary{
    background-color: rgb(68,171,53) !important;
    border-color: rgb(68,171,53) !important;
}

.btn-primary:hover{
    background-color: rgb(28,140,56) !important;
    border-color: rgb(28,140,56) !important;
}

.small-caps{
    font-variant: small-caps;
}

.alert-solid-success,
.btn-success, .bg-success{
    background-color: #033e4e !important;
    border-color: #033e4e !important;
}

.btn-success:hover{
    background-color: rgb(2,110,122) !important;
    border-color: rgb(2,110,122) !important;
}
.text-success,
.app-sidebar .slide.has-sub.open .side-menu__label,
.app-sidebar .side-menu__item.active .side-menu__angle, .app-sidebar .side-menu__item.active .side-menu__label,
.app-sidebar .slide-menu.child2 .side-menu__item:hover, .app-sidebar .side-menu__item:hover .side-menu__angle, .app-sidebar .side-menu__item:hover .side-menu__label{
    color: rgb(68,171,53) !important;
}
.app-sidebar .slide.has-sub.open .side-menu__label:hover,
.app-sidebar .slide-menu.child1 .side-menu__item:hover{
    color: rgb(28,140,56) !important;
}
.app-sidebar .side-menu__item:hover .side-menu__icon,
.app-sidebar .slide.has-sub.open .side-menu__icon {
    fill: rgb(68,171,53) !important;
}

.breadcrumb .breadcrumb-item a{
    color: #033e4e !important;
}

.page-item.active .page-link{
    background-color:rgb(68,171,53) !important;
}

body{
    background-color: rgb(249,253,248) !important;
}

.main-sidebar-header{
    background-color: #033e4e !important;
    padding:0.25rem 0.5rem !important;
}
.app-sidebar .main-sidebar-header .header-logo img{
    height:3rem !important;
}

.picto-34{
    max-height: 34px;
    max-width: 34px;
}

.picto-24{
    max-height: 25px;
    max-width: 25px;
}

.main-profile-background
{
    /*background-image: url(/assets/images/menu-bg-images/bg-profile.jpg);*/
    background-image: url(/assets/images/menu-bg-images/bg-sr.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.main-profile-text{
    background: linear-gradient( rgba(250,250,250,0.5), rgba(250,250,250,1));
    border-top: 1px solid rgba(90,90,90,0.1);
}



.fit-narrow,
.fit-fill,
.fit-contain,
.fit-cover,
.fit-none,
.fit-scale-down
{
    width:100%;
    height:100%;
    /*    width: 150px;
        height: 100px;
        border: 1px solid #000;
        margin: 10px 0;*/
}

.fit-narrow {
    width: 100px;
    height: 150px;
}

.fit-fill {
    object-fit: fill;
}

.fit-contain {
    object-fit: contain;
}

.fit-cover {
    object-fit: cover;
}

.fit-none {
    object-fit: none;
}

.fit-scale-down {
    object-fit: scale-down;
}

.relative{
    position:relative;
}

.absolute{
    position:absolute;
}

.circle{
    border: 0.25rem solid #fff;
    background-color: #f15d22;
    border-radius: 4rem;
    width: 7rem;
    height: 7rem;
}

@keyframes animatedshadow {
    50% {
        box-shadow: -8px 6px 18px 0 rgba(103,106,115,0.5);
        transform: translateY(25px);
    }
}

@keyframes breathing {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}