/*| --------------------------------------------------------------------------------------- |*/
/*|                                      CUSTOM CSS HERE                                    |*/
/*| --------------------------------------------------------------------------------------- |*/


.item-block{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 118px;
    margin-left: 25px;
    border-radius: var(--ct-border-radius);
    color: #ffffff;
    font-weight: bold;
    font-size: 86%;
}


.item-block-middle{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 147px;
    margin-left: 25px;
    border-radius: var(--ct-border-radius);
    color: #ffffff;
    font-weight: bold;
    font-size: 86%;
}






#item-2, #item-3, #item-4 {
    background: var(--ct-danger);
    box-shadow: rgba(var(--ct-danger-rgb), 0.7) 0px 2px 8px 0px;
}

#item-6, #item-7, #item-8 {
    background: var(--ct-primary);
    box-shadow: rgba(var(--ct-primary-rgb), 0.7) 0px 2px 8px 0px;

}


#item-10, #item-11, #item-12 {
    background: var(--ct-warning);
    box-shadow: rgba(var(--ct-warning-rgb), 0.7) 0px 2px 8px 0px;

}

#item-14, #item-15, #item-16 {
    background: var(--ct-info);
    box-shadow: rgba(var(--ct-info-rgb), 0.7) 0px 2px 8px 0px;

}

#item-2 {
    background-image: url("/assets/images/dashboard/contact-book.svg") ;
}
#item-3 {
    background-image: url("/assets/images/dashboard/users.svg") ;
}
#item-4 {
    background-image: url("/assets/images/dashboard/contact.svg") ;
}
#item-6 {
    background-image: url("/assets/images/dashboard/task.svg") ;
}
#item-7 {
    background-image: url("/assets/images/dashboard/distribution.svg") ;
}
#item-8 {
    background-image: url("/assets/images/dashboard/calendar.svg") ;
}
#item-10 {
    background-image: url("/assets/images/dashboard/box.svg") ;
}
#item-11 {
    background-image: url("/assets/images/dashboard/receipt.svg") ;
}
#item-12 {
    background-image: url("/assets/images/dashboard/bill.svg") ;
}
#item-14 {
    background-image: url("/assets/images/dashboard/supplies.svg") ;
}
#item-15 {
    background-image: url("/assets/images/dashboard/inventory.svg") ;
}
#item-16 {
    background-image: url("/assets/images/dashboard/bill-finance.svg") ;
}


/* FULL CALENDAR */

.fc-col-header-cell-cushion {
    color: var(--ct-accordion-active-colorct-secondary) !important;
}



/* Taches */

.tache-navbar{
    background-color: var(--ct-topbar-bg);
}


/*switch btn*/

#switchButton {
display: flex;
align-items: center;
justify-content: center;
color: #888 !important;
}

.content-switch svg:hover{
color: #66C6AE !important;
transition: 0.4s !important;
}

.content-switch{
background: none;

}
.content-switch button{
background: none;
border : 0;
}

.content-switch button svg{
z-index: 101;
}

/*popup taches*/



/* Afaire, projet, cfa */

.input-group-addon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 1px;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 9px 12px 4px 12px;
    text-align: center;
  }

  td {
    text-wrap: nowrap;
  }


/*capsule*/

.capsule-bottom {
    background: var(--ct-light);
    box-shadow: rgba(var(--ct-dark-rgb), 0.1) 0px 2px 3px 1px;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}
  
.close-btn-nav-capsule button {
    padding: 0;
    margin-left: 20px !important;
}

.capsule-nav-link {
    display: block;
    list-style: none;
    color: var(--ct-menu-item-color);
    font-size: var(--ct-menu-item-font-size);
    padding: 10px;

}
.capsule-nav-link .active {
    color: var(--ct-link-color) !important;
}

.capsule-nav-link i {
    margin-right: 10px;
    margin-left: 10px;
}

.capsule-side-nav li a span {
    font-weight: bold;
}

/*Capsule responsive*/

@media (max-width: 1200px) {
    

    .capsule-bottom button{
        padding-right: 8px !important;
    }
    

}

.agenda-card {
    min-height: 550px !important;
}

@media (max-width: 500px) {
    .img-capsule-container img {
        width: 50px;
        height: 50px;
    }
    .btn-top-capsule {
        justify-content: start !important;
        margin-top: 20px;
    }
    .action-capsule-btn {
        margin-left: 35% !important;
    }
    .price-capsule {
        margin-top: 15px;
        text-align: left !important;
    }
    .label-link-capsule  { 
        display: none;
    }
    .button-topbar-small {
        display: none !important;

    }
    .item-block-logo, .home-button {
        display: none !important;
    }

    #item-2,
    #item-6,
    #item-10,
    #item-14 {
        margin-left: 0 !important;

    }
    .bottom-menu-mobile-task {
        justify-content: space-between !important;
    }

    .modal-dialog {
        width: 95vw;
    }    
    .affaire-container {
        height: auto !important;
        overflow-y: unset;
    }
    .capsule-bottom, .row-middle-capsule{
        overflow: auto;
    }

    .ajout-affaire-btn{
        justify-content: space-between !important;
    }
    .icone-menu-capsule, .text-task{
        display: none;
    }

    .item-block-middle:last-child {
        margin-left: 0 !important;
    }


    html, body {
        height: 100vh;
        max-width: 100vw ;
        overflow-x: hidden;
        -ms-content-zooming: none !important;
        touch-action: manipulation; 
    }   

}
@media (min-width: 500px) {
    .menu-button {
        display: none !important;
    }

}



/*tag style*/ 

.tag{
    background-color: #FCE3D0;
    color: #7B4D29;
    padding: 2px 10px;
    border-radius: 100px;

}

.Tag-info {
    width: auto;
    padding: 2px 10px;
    border-radius: 5px;
    border: 1px solid gray;
    margin-left: 10px;
    margin-bottom: 8px;
}

.Tag-info-active{
    background-color: #FCE3D0 !important;
    color: #7B4D29 !important;
    border: 0px !important;
    width: auto;
    padding: 2px 10px;
    border-radius: 5px;
    margin-left: 10px;
    margin-bottom: 8px;
}


.custom-search {
    border: var(--ct-border-width) solid var(--ct-border-color);
    border-radius: 8px;
    
}

.custom-search button {
    background-color: var(--ct-input-bg);
    border-radius: none;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;

}
.custom-search input {
    background-color: var(--ct-input-bg);
    border-radius: none;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border: none;

}


.btn-panel-facture button{
    width: 50px !important;
    height: 50px !important;
    margin-right: 5px;
}


.button-signature button {
   
    height: 15vh;
    margin-bottom: 20px;
    border-radius: 10px;
}

.img-signature {
    width: 80%;
    
    
}


/*notes*/

.note-item .card:hover {
    background: var(--ct-primary-transparent) !important;
}
/*mail*/

.mail-item .card:hover {
    background: var(--ct-warning-transparent) !important;
}

.file-drop {
    width: 100%;
    height: 12vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    border: 1px dashed var(--ct-primary);
    color: red;
    font-size: 16px;
}

@media (max-width: 1200px) {

    .search-large {
        display: none;
    }
    .search-small {
        display: flex;
    }
    .home-button span{
        display: none;
    }
}

@media (min-width: 1200px) {
    .search-small {
        display: none;
    }
    .button-signature {
        flex-direction: column !important;
    }
    .button-signature button{
        width: 70%;
    }
}

@media (max-width: 880px) {
    .onglet-capsule-menu {
        font-size: 16px !important;
    }
    
}

.dropstart .dropdown-toggle::before {
    display: none !important;
}


.apexcharts-series:first-child path {
    fill: var(--ct-primary);
}


/*modal taches*/

.taches-modal {
    --ct-modal-width: 48vw !important;

}


@media (max-width: 1200px) {
    
    .taches-modal {
        --ct-modal-width: 95vw !important;
    
    }
    .search-task-large{
        display: none !important;
    }

    
}

@media (min-width: 1200px) {

    .search-task-small
    {
        display: none !important;
    }

    
}


@media (max-width: 500px) {

    .taches-modal {
        --ct-modal-width: 43vw !important;
    
    }
}

@media (max-width: 1165px) {
    
   
    .search-task-large, .menu-affaire-large{
        display: none !important;
    }
    .label-link-capsule  { 
        display: none;
    }

    
}

@media (min-width: 1179px) {

    .search-task-small, .menu-affaire-small
    {
        display: none !important;
    }

    
}



.nav-link {
    text-wrap: nowrap !important; 
}


.application-name-block {
    padding: 10px !important;
}

.item-drop-menu a{
    color: var(--ct-dark-rgb);
    font-size: 12px !important;
}

.item-drop-menu div:hover{
    background: rgba(220, 220, 220, 0.3);
}


.affaire-container {
    height: 200vh; 
    overflow-y: scroll;
}