/* Dark theme */
body.dark-theme, .dark-theme .accordion-menu > li > a {
    color: #9d9fac;
}

.dark-theme table.dataTable thead th, .dark-theme table.dataTable tfoot th {
    color: #bec0cf;
}

/* Ajusta a cor do card */
.card {
    background: #FAFAFA;
}

/* Define uma largura máxima para a coluna Cedente e adiciona reticências */
td.cedente {
	max-width: 250px;  /* Define o tamanho máximo da coluna Cedente */
	white-space: nowrap;  /* Impede a quebra de linha */
	overflow: hidden;  /* Esconde o texto que ultrapassar a largura */
	text-overflow: ellipsis;  /* Adiciona reticências (...) ao final do texto */
}

/* Define uma largura máxima para a coluna Cedente e adiciona reticências */
td.status {
    max-width: 50px;  /* Define o tamanho máximo da coluna Cedente */
}

/* Define uma largura máxima para a coluna profile_pic */
td.profile_pic {
	width: 50px;  /* Define o tamanho máximo da coluna Cedente */
}

/* Afasta os botões */
td button, td a {
    margin: 3px;
}

/* Expansão de Grupos */
.expand-icon {
    cursor: pointer;
    font-weight: bold;
    margin-left: 10px;
    color: #007bff;
}
.expand-icon:hover {
    color: #0056b3;
}

/* Whatsapp */
.whatsapp-container {
    position: fixed;
    bottom: 40px;
    right: 40px;    
    z-index: 999;
}

.whatsapp {
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.whatsapp-popup {
    display: block;
    background-color: #f5f7f9;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #43474e;
    font-size: 12px;
    letter-spacing: -.03em;
    line-height: 1.5;
    padding: 8px 12px;
    position: absolute;
    right: 65px;
    bottom: -25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    width: 240px;
}

.whatsapp-icon {
    margin-top:15px;
}

.page-content .main-wrapper {
    padding-top: 15px;
}

/* Ajusta os botões no dashboard */
.product-item .dueStatusbtn {
    position: absolute;
    right: 15px;
    bottom: 17px;
}

/* CSS para transição suave */
.mark-pending {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Icones na badge */
.badge .material-icons-outlined {
    font-size: 12px;
    margin-left: 2px;
    vertical-align: bottom;
}

/* Badge no header */
.modal-header .badge-primary {
    margin-left: 7px;
    padding: 3px 8px;
    background: transparent;
    color: #4FAA53;
    border: 1px dashed #4FAA53;
}

/* Onboarding */
.tg-dialog .tg-dialog-dots>span.tg-dot.tg-dot-active {
    background: #357d38;
}

.top-products .product-item h5 {
    max-width: 350px;
}

.profile-pic-container img {
    width: 42px;
    border-radius: 42px;
    border: 3px solid #ededf1;
    margin-left: 6px;
    cursor: pointer;
}

.editing {
	background-color: #fffbcc; /* Destaque da célula sendo editada */
}

.text-primary {
    color: #00B77D !important;
}

.loader {
    opacity: 0.5;
    background: #000;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8); /* Fundo semitransparente */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999; /* Overlay sempre na frente */
}

.logo-box a.logo-text {
    color: #FFF;
    font-weight: 400;
}

.logo-box a#sidebar-state, .logo-box a#sidebar-close {
    color: #00B77D;
}

.accordion-menu > li > a {
    font-weight: 100;
}

.fc.fc-bootstrap a {
    background: #b1b1b1 !important;
    border-radius: 6px;
}

.stats-info p small {
    color: #6c757d;
}

#uploadForm {
    display: flex;
    justify-content: center;
    align-items: center; 	
}

.page-header .navbar ul li.nav-profile .dropdown-menu {
    width: 200px;
}

#notifications i:only-child {
    font-size: 26px;
}

#notification-count {
    padding: 2px 5px;
    border-radius: 50px;
    vertical-align: top;
}

.addAccount {
    margin: 12px 0 0 15px
}

/* Calendário */
.day-total {
    font-size: 12px;
    color: #333;
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
}

#mobileCalendar {
    display: none; /* Esconda o calendário mobile por padrão */
}

@media (min-width: 767px) {
    /* PWA */
    #installButton {
        display: none !important;
    }    
}

@media (max-width: 767px) {

    .pwa #installButton {
        display: none !important;
    }

    .navbar-nav .nav-item .logo-box {
        padding: 6px 0;
    }

    .auth-options {
        text-align: center;
    }

    .auth-page form .auth-options div {
        float: none;
        margin-left: 0;
        padding-left: 0;
    }

    .auth-page form .auth-options a.forgot-link {
        float: none;
        margin-right: 0;
    }

    #calendar, .calendar {
        display: none;
    }    

    #mobileCalendar { 
        display: block; 
    }

    #mobileCalendar .pagination {
        align-items: center;
        justify-content: center;
    }

    #dayModal .top-products .card-body {
        padding: 0 25px 0;
    }    

    #dayModal .top-products .product-item {
        margin-top: 10px;
    } 

    #dayModal .top-products .product-item h5 {
        font-weight: bold;
    }    

    #dayModal .top-products .product-item i {
        font-size: 28px;
    }      

    #contasTable [data-dt-column="6"] .dtr-title {
        display: none !important;
    }

    #contasTable .min-desktop {
        display: none !important;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
        top: 9px !important;
        left: -5px !important;
        height: 16px !important;
        width: 16px !important;
        border: none !important;
        box-shadow: none !important;
        line-height: 16px !important;
        background-color: #737373 !important;
        font-weight: bold;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
        background-color: #4e4e4e !important;
    }    

    .select2-dropdown {
        z-index: 9999;
    }            

    .page-header .navbar {
        background: #1C1C27;
    }

	.page-header .navbar ul li.nav-profile>a span {
	    margin-left: 7px;
	}

	.dropdown, .dropleft, .dropright, .dropup {
	    position: absolute;
	    right: 0;
	}

	.page-header .navbar ul li.nav-profile>a span {
		display: none;
	}

    .whatsapp-container, .whatsapp {
        bottom: 10px;
        right: 10px;    
    }

}