main > .crm-main-content{
        padding: 20px 40px;
        --space: 13px;
        --size-profile: 2em;
        font-size: 16px;
    }
    
    .section-lead-platform{
        width: 100%;
        background-color: white;
        padding: 10px 15px;
        border-radius: 15px;
        margin-bottom: 20px;
        font-family: "Work Sans";
    }
    
    .lead-label, .label{
        font-size: .85em;
        padding: .2em .7em;
        border-radius: 1em;
    }
    
    .lead-label{
        background-color: var(--status-label-bg-color);
        color: var(--status-label-text-color);
    }
    
    main input[type="checkbox"]{
        accent-color: #48a728;
    }
    
    /* popups */
    
    .popup-wrapper{
        display: flex;
        position: fixed;
        justify-content: center;
        align-items: center;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #7b7b7b3b;
        z-index: 10000;
    }
    
    .crm-popup{
        max-width: 90%;
        max-height: 90%;
        position: relative;
        width: 500px;
        padding: 1em;
        background-color: white;
        border-radius: .7em;
    }
    
    
    /* loader pages */
    
    .custom-loader-1 {
        width: 40px;
        height: 40px;
        --c:no-repeat linear-gradient(var(--accent-color) 0 0);
        background: var(--c),var(--c),var(--c),var(--c);
        background-size: 21px 21px;
        animation: custom-loader-anim-1 1.5s infinite cubic-bezier(0.3,1,0,1);
    }
    @keyframes custom-loader-anim-1 {
       0%   {background-position: 0    0,100% 0   ,100% 100%,0 100%}
       33%  {background-position: 0    0,100% 0   ,100% 100%,0 100%;width:60px;height: 60px}
       66%  {background-position: 100% 0,100% 100%,0    100%,0 0   ;width:60px;height: 60px}
       100% {background-position: 100% 0,100% 100%,0    100%,0 0   }
    }
    
    
    /*custom styles datepicker crm */
    .litepicker.custom-design-crm{
        --litepicker-is-start-color-bg: var(--accent-color);
        --litepicker-is-in-range-color: var(--light-accent-color);
        --litepicker-is-end-color-bg: var(--accent-color);
        --litepicker-day-color-hover: var(--dark-accent-color);
        
        --litepicker-button-apply-color-bg: var(--dark-accent-color);
        --litepicker-button-cancel-color-bg : var(--cancel-color);
        --litepicker-reset-button-color-bg : lightgrey;
        
    }
    
    .litepicker.custom-design-crm .month-item-header button{
        width: 2em;
        height: 2em;
        background-color: var(--dark-accent-color);
        --color-svg-arrow: white;
        cursor: pointer;
    }
    
    .litepicker.custom-design-crm .container__months .month-item .month-item-header button svg{
        fill: var(--color-svg-arrow);
    }
    
    .litepicker.custom-design-crm .container__footer{
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding: .7em 1em;
        gap: .5em;
    }
    
    .litepicker.custom-design-crm .container__footer button{
        padding: .2em 1em;
        border-radius: 3px;
        margin-left: 0;
        margin-right: 0;
    }
    
    .litepicker.custom-design-crm .reset-button{
        background-color: var(--litepicker-reset-button-color-bg);
    }