/* Celulares (até 767px) */
@media only screen and (max-width: 767px) {
  /* Estilos para celulares */
}

/* Tablets (768px até 1023px) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* Estilos para tablets */
}

/* Notebooks pequenos (1024px até 1365px) */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
  /* Estilos para notebooks pequenos */
}

/* Notebook padrão 15.6" (1366px até 1599px) */
@media only screen and (min-width: 1366px) and (max-width: 1599px) {  

 .settings-container > *{font-size:15px;font-famaily:-apple-system, system-ui, Segoe UI, sans-serif;font-weight:600}
 button{font-weight: 400;}
.settings-container { width: calc(100% - 60px); margin: 30px auto 0;}
.tabcontent{padding:20px 0 0 0;}
.settings-header>h2{margin-top: 8px;}
.settings-container>.tabs>.tablinks{padding-top:0}
.settings-container > .tabcontent > div.align-items-start { padding: 0 20px 0 20px;}
.user-list-container { background-color: #fff; padding: 1.875rem; border-radius: 0.75rem; box-shadow: 0px 12px 33px 0px rgba(62, 73, 84, 0.08); margin-bottom: 50px; } 
.user-list th, .table thead th { padding: 10px 15px; text-align: left; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; border-bottom: 1px solid rgba(215, 218, 227, 0.3); }
.user-list th, .table thead th,.plan-details p, .usage-details p { font-size:inherit; }
#instancesContainer td, #instancesCellContainer td, #settings-wpp thead, #settings-cell thead, #reportsLeads td, #tabelaTextos td{font-size: 13px;}
.badge { font-family: 'Poppins'; font-weight: 500; font-size: 10px; }

#trackingUrlModal, #trackingUrlModal > .modal-dialog {overflow-y: hidden;}
#trackingUrlModal > div > div > .modal-body, #modalTexto > div > div > .modal-body{max-height:500px;overflow-y: auto;}
#reportsLeads td,#telefonia td,#phone-check > div > div > div > div > div.texto-bg > p, #reportsLeads_info, .paginate_button.current, #toggle-panel, #recentChats, #conversationPanel{font-weight: 400;}


.side-menu > div > i, .side-menu > div > button, .side-menu > div > svg {font-size:20px; font-weight:400; color: #878a92; margin: 12px 0;  cursor: pointer; }
.toggle-panel.active { left: calc(288px + 75px);display:block}
.dropdown-menu.dropdown-menu-end.show { min-width: 150px; }
  /* Estilos para notebook 15.6" */
}

/* Telas grandes ou full HD (1600px até 1919px) */
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
.settings-container { width: 90%; margin: 30px auto 0; }
.tabcontent { display: none; padding: 20px; padding: 20px; display: none }
.user-list-container { background-color: #fff; padding: 1.875rem; border-radius: 0.75rem; box-shadow: 0px 12px 33px 0px rgba(62, 73, 84, 0.08); margin-bottom: 50px; } 
.user-list th { padding: 10px 15px; text-align: left; text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; border-bottom: 1px solid rgba(215, 218, 227, 0.3); }            
.badge { font-size: 10px; }  
.plan-details p, .usage-details p { font-size: 14px }
.side-menu > div > i, .side-menu > div > button, .side-menu > div > svg {font-size:24px; color: #878a92; margin: 12px 0;  cursor: pointer; }
.toggle-panel.active{left:372px;display:block}


  /* Estilos para telas grandes */
}

/* Telas muito grandes ou 1920+ */
@media only screen and (min-width: 1920px) {
.settings-container { width: 90%; margin: 30px auto 0; }
.tabcontent { display: none; padding: 20px; padding: 20px; display: none }
.user-list-container { background-color: #fff; padding: 1.875rem; border-radius: 0.75rem; box-shadow: 0px 12px 33px 0px rgba(62, 73, 84, 0.08); margin-bottom: 50px; } 
.user-list th { padding: 10px 15px; text-align: left; text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; border-bottom: 1px solid rgba(215, 218, 227, 0.3); }            
.badge { font-size: 10px; }  
.plan-details p, .usage-details p { font-size: 14px }
.side-menu > div > i, .side-menu > div > button, .side-menu > div > svg {font-size:24px; color: #878a92; margin: 12px 0;  cursor: pointer; }
.toggle-panel.active{left:372px;display:block}



/* Estilos para 1920px ou mais */
}