/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

/* GENERALE */
:root{
    --vz-heading-color: #6E777E;
    --vz-purple2: #6979F9;
    --vz-pink2: #b58cfa;
    --vz-red2: #ED7677;
    --vz-blue-ligth: #e2e6f8;
    --vz-green2: #59C0B2;
    --vz-pink-light: #fff0f0;
    --vz-nav-bg: #6979F9;

    --vz-purple2-hover: #4f5cc2;
    --vz-pink2-hover: #a77af5;
    --vz-green2-hover: #4a9e93;
    --vz-red2-hover: #c76364;

    --cl-black: #1A1A1A;
    --cl-white: #ffffff;
    --cl-dark-blue: #183B5B;
    --cl-blue: #41BBFF;
    --cl-light-blue: #EFF9FB;
    --cl-purple: #797EF6;

    --cl-black-text: #1A1A1A;

    --ft-poppins: 'Poppins', sans-serif;

}


[data-layout-mode=dark] {
    /* Ajouter */
    --vz-blue-ligth: #292e32;
    --vz-pink-light: #343a40;
    --vz-nav-bg: #292e32;

    --cl-black-text: #ced4da;
}

/* Auth-signin-cover */
/* .auth-bg-cover {
    background: var(--cl-light-blue)!important;
} */


.text-purple {
    color: var(--vz-purple2) !important;
}


/* NAV */
.app-menu{
    background-color: var(--vz-nav-bg) !important;
}

.navbar-menu{
    border-right: 1px solid var(--vz-nav-bg);
}

[data-layout="twocolumn"] .app-menu .navbar-nav .nav-sm .nav-link{
    color: #fff;
    font-weight: 600;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    display: block;
    content: "\f0142";
    font-family: "Material Design Icons";
    margin-left: auto;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    font-size: 1.5rem;
    position: absolute;
    right: 18px;
    color: #fff;
}

.nav-download{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
}

.nav-download a{
    padding: 10px 20px;
    background-color: #fff;
    color: var(--vz-purple2);
    border-radius: 20px;
    margin-bottom: 15px;
}

.nav-download p{
    color: #fff;
} 

.navbar-menu .navbar-nav .nav-sm {
    padding-left: 1rem;
}

.nav-download a {
    padding: 8px 20px;
    font-weight: 600;
}

.navbar-menu .navbar-nav .nav-sm {
    padding-left: 0rem;
}

.navbar-menu .navbar-nav .nav-sm .nav-link {
    padding: 0.3rem 1.5rem!important;
}

[data-layout="twocolumn"] .app-menu {
    width: 250px;
    left: 0;
}

[data-layout="twocolumn"] .main-content {
    margin-left: 250px;
}

[data-layout="twocolumn"] .footer {
    left: 250px;
}

[data-layout="vertical"] .footer {
    left: 0;
}

[data-layout="twocolumn"] .twocolumn-panel .main-content {
    margin-left: 250px;
}

[data-layout="twocolumn"] .twocolumn-panel #page-topbar, [data-layout="twocolumn"] .twocolumn-panel .footer {
    left: 250px;
}

.navbar-menu .navbar-nav .nav-sm .nav-link{
    color: #fff;
}

.navbar-menu .navbar-nav .nav-sm .nav-link.active {
    color: #B8B8B8;
}



/* TITLES */
.rubrique-title{
    font-weight: 700;
}

.title-page{
    color: var(--vz-purple2);
}

.page-title-box {
    background-color: inherit;
    box-shadow: none;
    border: none;
}



/* TEXTES */
.text-muted {
    color: #6E777E !important;
}

.text-black {
    color: #6E777E !important;
}

/* BUTTON */

.btn-add, .btn-info2{
    color: #fff;
    background-color: var(--vz-purple2);
    border-color: var(--vz-purple2);
}

.btn-add:hover, .btn-add:focus, .btn-info2:hover, .btn-info2:focus{
    color: #fff;
    background-color: var(--vz-purple2-hover);
    border-color: var(--vz-purple2-hover);
}

.progress-bar-style{
    background-color: var(--vz-purple2);
    background-size: 0.625rem 0.625rem;
}

.btn-soft-danger{
    color: #fff;
    background-color: var(--vz-red2);
    border-color: var(--vz-red2);
}

.btn-soft-danger:hover, .btn-soft-danger:focus{
    color: #fff;
    background-color: var(--vz-red2-hover);
    border-color: var(--vz-red2-hover);
}


.btn-success {
    color: #fff;
    background-color: var(--vz-pink2);
    border-color: var(--vz-pink2);
}

.btn-success:hover, .btn-success:focus {
    color: #fff;
    background-color: var(--vz-pink2-hover);
    border-color: var(--vz-pink2-hover);
}

.btn-share{
    color: #fff;
    background-color: var(--vz-green2);
    border-color: var(--vz-green2);
}

.btn-share:hover, .btn-share:focus{
    color: #fff;
    background-color: var(--vz-green2-hover);
    border-color: var(--vz-green2-hover);
}

.btn-soft-secondary:hover, .btn-soft-secondary:focus, .btn-soft-secondary:active {
    color: #fff;
    background-color: var(--vz-purple2);
}

.horizontal-timeline .swiper-button-prev, .horizontal-timeline .swiper-button-next{
    background-color: var(--vz-green2);
}

.horizontal-timeline .swiper-button-prev.swiper-button-disabled, .horizontal-timeline .swiper-button-next.swiper-button-disabled{
    background-color: var(--vz-green2);
    opacity: 0.5;
}


/* Background */

.bg-blue-light{
    background-color: var(--vz-blue-ligth);
}


/* TABLE */

.card-bg-transparent{
    background-color: inherit;
}

.card-list, .card-header{
    background-color: #ffffff00;
}

.table tr{
    border: #ffffff00;
}

.table-light tr th{
    background-color: #e2e6f8;
}

.form-check-all .owner, .form-check-all .industry_type a, .form-check-all .contact_email a{
    color: #6E777E;
}

.form-check-all .flex-grow-1.name a{
    color: var(--vz-purple2);
    font-weight: 600;
}

@media (min-width: 1400px){

    .table-row{
        justify-content: space-between;
    }

    .table-actions{
        width: fit-content;
    }

    .table-row .col-xxl-1{
        width: 20%;
    }
}

.card {
    box-shadow: none;
}

.card-toolbar-menu .minimize-card.collapsed .minus {
    display: block;
}

.bg-soft-info2 {
    background-color: var(--vz-purple2) !important;
}

.las.la-file-download, .ri-share-line{
    color: var(--vz-link-color);
}

/* FOOTER */

@media (max-width: 768px){

    [data-layout="vertical"] .footer {
        left: 0;
    }

    [data-layout="twocolumn"] .footer {
        left: 250px;
    }
}

.footer {
    bottom: 0;
    padding: 20px calc(1.5rem / 2);
    position: absolute;
    right: 0;
    color: var(--vz-footer-color);
    left: 250px;
    height: 60px;
    background-color: var(--vz-footer-bg);
}

.text-hover-purple:hover{
    color: var(--vz-purple2);
}

[data-layout="twocolumn"] .app-menu .navbar-nav .nav-sm .nav-link.active {
    color: rgb(245, 245, 245);
}


/* PAGINATION */
.listjs-pagination li.active .page {
    background-color: var(--vz-purple2);
    border-color: #6979F9;
}

.listjs-pagination li .page {
    color: var(--vz-purple2);
}

.pagination-next, .pagination-prev {
    color: var(--vz-purple2);
}




@media (min-width: 768px){
    [data-layout="twocolumn"] #page-topbar {
        left: 0;
    }
    @media (min-width: 768px){
        #page-topbar {
            left: 0;
        }
    }
}

.step-arrow-nav .nav .nav-link.active::before {
    border-left-color: #6979F9;
}

@media (min-width: 1200px){
    .h2, h2 {
        font-size: 1.2rem;
    }
}


.classeur-form{
    flex: inherit;
    padding-right: 0;
}

.modal-content{
    border-radius: 0.3rem;
    overflow: hidden;
}


.alert-popup{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.alert-popup .auth-page-wrapper{
    min-height: 50vh;
    position: relative;
    width: 100%;
    background-color: #f3f3f9;
}

.auth-one-bg .bg-overlay {
    background: linear-gradient(to right,#7f69f9,#3d7B9A);
    opacity: .9;
}

/* A VOIR */ 
.horizontal-timeline .swiper-slide .item-box::after{
    background-color: #CACACA; 
} 

.timeline-content{
    display: block !important;
}

.favourite-btn:hover .ri-star-fill {
    color: #F8CC83;
}

/* A Voir fin */

#icon-menu-mobile{
    visibility: hidden;
    font-size: 30px !important;
}

[data-layout="twocolumn"] .navbar-menu{
    margin-left: 0 !important;
    
}

[data-layout="vertical"] .navbar-menu{
    margin-left: -250px !important;
}

[data-layout="vertical"] .navbar-menu.show{
    margin-left: 0 !important;
}

[data-layout="vertical"] #icon-menu-mobile.show{
    margin-left: 250px !important;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]{
    color: white;
}

@media (max-width: 767.98px){
    .navbar-brand-box {
        display: block;
    }

    [data-layout="vertical"] .navbar-brand-box{
        display: block;
    }
}

@media (max-width: 767px){
    #icon-menu-mobile{
        visibility: visible;
    }
}