/**
 * Compact App Styles
 * Make the app more compact with sharper corners and smaller fonts
 */

/* ============================================
   BASE COMPACT STYLES
   ============================================ */

/* Reduce global font sizes */
html {
    font-size: 14px;
}

html>body{
    font-family: "SF Pro Text", "SF Pro Icons", system, -apple-system, system-ui, "system-ui", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "Kohinoor Devanagari", sans-serif;
    color: #555555;
    
}

body {
    font-size: 0.9rem;
    line-height: 1.4;
}

/* ============================================
   CARDS - Less rounded, more compact
   ============================================ */
.card {
    border-radius: 4px;
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.card-header {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e9ecef;
}

.card-body {
    padding: 1rem;
}

/* ============================================
   FORMS - Less rounded inputs
   ============================================ */
.form-control,
.form-control:focus {
    border-radius: 3px;
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
}

.form-control-lg {
    padding: 0.5rem 1rem;
    font-size: 0.95rem;
}

.form-control-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

/* Input groups */
.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
}

.input-group-text {
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 3px;
}

/* Select inputs */
select.form-control {
    border-radius: 3px;
    padding: 0.4rem 0.75rem;
}

/* Textarea */
textarea.form-control {
    border-radius: 3px;
}

/* ============================================
   BUTTONS - Less rounded, more compact
   ============================================ */
.btn {
    border-radius: 3px;
    padding: 0.4rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 0.25rem 0.75rem;
    font-size: 0.8rem;
}

.btn-lg,
.btn-group-lg > .btn {
    padding: 0.6rem 1.25rem;
    font-size: 1rem;
}

.btn-xs {
    padding: 0.15rem 0.4rem;
    font-size: 0.7rem;
}

/* ============================================
   TABLES - More compact
   ============================================ */
.table {
    font-size: 0.85rem;
}

.table th,
.table td {
    padding: 0.5rem 0.75rem;
}

.table-sm th,
.table-sm td {
    padding: 0.3rem 0.5rem;
    font-size: 0.8rem;
}

/* DataTables specific */
table.dataTable {
    font-size: 0.85rem;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 0.5rem;
    font-size: 0.8rem;
    font-weight: 600;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 0.4rem 0.5rem;
}

/* ============================================
   PAGINATION - More compact
   ============================================ */
.page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.85rem;
    border-radius: 3px;
    margin: 0 1px;
}

.pagination-lg .page-link {
    padding: 0.4rem 0.75rem;
    font-size: 0.95rem;
}

.pagination-sm .page-link {
    padding: 0.2rem 0.4rem;
    font-size: 0.8rem;
}

/* ============================================
   DROPDOWNS - Less rounded
   ============================================ */
.dropdown-menu {
    border-radius: 3px;
    padding: 0.25rem 0;
    font-size: 0.85rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.dropdown-item {
    padding: 0.4rem 1rem;
    font-size: 0.85rem;
}

.dropdown-header {
    padding: 0.4rem 1rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ============================================
   MODALS - Less rounded
   ============================================ */
.modal-content {
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.modal-header {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e9ecef;
}

.modal-body {
    padding: 1rem;
}

.modal-footer {
    padding: 0.75rem 1rem;
    border-top: 1px solid #e9ecef;
}

.modal-title {
    font-size: 1rem;
    font-weight: 600;
}

/* ============================================
   NAVIGATION - Reduce padding
   ============================================ */
.navbar {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
}

.nav-link {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
}

/* ============================================
   ALERTS - Less rounded
   ============================================ */
.alert {
    border-radius: 3px;
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
}

.alert-sm {
    padding: 0.4rem 0.75rem;
    font-size: 0.8rem;
}

/* ============================================
   BADGES - More compact
   ============================================ */
.badge {
    padding: 0.25em 0.5em;
    font-size: 0.7rem;
    font-weight: 600;
    border-radius: 3px;
}

.badge-pill {
    border-radius: 10px;
}

/* ============================================
   LIST GROUP - Less rounded
   ============================================ */
.list-group {
    border-radius: 3px;
}

.list-group-item {
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
    border-radius: 0;
}

.list-group-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.list-group-item:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* ============================================
   CARDS - Additional compact styles
   ============================================ */
.card-deck .card {
    margin-bottom: 1rem;
}

.card-columns {
    column-gap: 1rem;
}

/* ============================================
   TABS - Less rounded
   ============================================ */
.nav-tabs, .card.lw-whatsapp-chat-block-container .nav-tabs, .nav-tabs .nav-link.active, .card.lw-whatsapp-chat-block-container .nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.card.lw-whatsapp-chat-block-container .nav-tabs .nav-link, .nav-tabs .nav-link {
    border-radius: 3px 3px 0 0;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    color: #00000099
}

.nav-pills .nav-link {
    border-radius: 3px;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
}

/* ============================================
   PROGRESS BARS
   ============================================ */
.progress {
    height: 0.6rem;
    border-radius: 3px;
    font-size: 0.7rem;
}

.progress-sm {
    height: 0.3rem;
}

/* ============================================
   BREADCRUMB
   ============================================ */
.breadcrumb {
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    border-radius: 3px;
}

.breadcrumb-item {
    font-size: 0.8rem;
}

/* ============================================
   PAGINATION OVERRIDES
   ============================================ */
.pagination {
    margin: 1rem 0;
}

/* ============================================
   SPACING REDUCTIONS
   ============================================ */
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 0.75rem !important; }
.m-4 { margin: 1rem !important; }
.m-5 { margin: 1.5rem !important; }

.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 0.75rem !important; }
.mt-4 { margin-top: 1rem !important; }
.mt-5 { margin-top: 1.5rem !important; }

.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 0.75rem !important; }
.mb-4 { margin-bottom: 1rem !important; }
.mb-5 { margin-bottom: 1.5rem !important; }

.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 0.75rem !important; }
.p-4 { padding: 1rem !important; }
.p-5 { padding: 1.5rem !important; }

.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 0.75rem !important; }
.pt-4 { padding-top: 1rem !important; }
.pt-5 { padding-top: 1.5rem !important; }

.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 0.75rem !important; }
.pb-4 { padding-bottom: 1rem !important; }
.pb-5 { padding-bottom: 1.5rem !important; }

/* ============================================
   HEADINGS - Smaller sizes
   ============================================ */
h1, .h1 { font-size: 1.75rem; }
h2, .h2 { font-size: 1.5rem; }
h3, .h3 { font-size: 1.25rem; }
h4, .h4 { font-size: 1.1rem; }
h5, .h5 { font-size: 1rem; }
h6, .h6 { font-size: 0.9rem; }

/* ============================================
   TEXT SIZES
   ============================================ */
.text-xs { font-size: 0.7rem !important; }
.text-sm { font-size: 0.8rem !important; }
.text-md { font-size: 0.9rem !important; }

/* ============================================
   FORMS CUSTOM
   ============================================ */
label {
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.form-group {
    margin-bottom: 0.75rem;
}

.form-check-label {
    font-size: 0.85rem;
}

.form-check-input {
    margin-top: 0.1rem;
}

/* Custom file input */
.custom-file-label {
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 3px;
}

.custom-file-label::after {
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
}

/* Custom checkboxes and radios */
.custom-control-label {
    font-size: 0.85rem;
}

/* ============================================
   FIELDSET & LEGEND
   ============================================ */
fieldset {
    margin-bottom: 1rem;
    padding: 0.5rem;
    border: 1px solid #e9ecef;
    border-radius: 3px;
}

legend {
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0 0.5rem;
    margin-bottom: 0.5rem;
}

/* ============================================
   CHARTS & WIDGETS
   ============================================ */
.chart-container {
    padding: 0.5rem;
}

.widget {
    padding: 0.75rem;
}

/* ============================================
   AVATARS
   ============================================ */
.avatar {
    width: 32px;
    height: 32px;
    font-size: 0.85rem;
}

.avatar-sm {
    width: 24px;
    height: 24px;
    font-size: 0.7rem;
}

.avatar-lg {
    width: 48px;
    height: 48px;
    font-size: 1.2rem;
}

/* ============================================
   SIDEBAR NAV
   ============================================ */
.sidenav-main #sidenav-main .nav-link {
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
}

.navbar-vertical .nav-link {
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
}

/* ============================================
   DATATABLES SPECIFIC
   ============================================ */
.dataTables_wrapper {
    font-size: 0.85rem;
}

.dataTables_length select,
.dataTables_filter input {
    padding: 0.3rem 0.5rem;
    font-size: 0.85rem;
    border-radius: 3px;
}

.dataTables_info {
    font-size: 0.8rem;
    padding: 0.5rem 0;
}

.dataTables_paginate {
    margin: 0.5rem 0;
}

/* ============================================
   MISC
   ============================================ */
hr {
    margin: 1rem 0;
}

.lead {
    font-size: 1rem;
}

/* Close button */
.close {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
}

/* Blockquote */
blockquote {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    border-left: 3px solid #dee2e6;
}

/* Code */
code {
    padding: 0.15rem 0.3rem;
    font-size: 0.8rem;
    border-radius: 3px;
}

pre {
    padding: 0.75rem;
    font-size: 0.8rem;
    border-radius: 3px;
}

/* ============================================
   FILES & MEDIA UPLOADER
   ============================================ */
.filepond--root {
    font-size: 0.85rem;
}

.filepond--label-action {
    font-size: 0.85rem;
}

/* ============================================
   TOOLTIPS & POPOVERS
   ============================================ */
.tooltip {
    font-size: 0.75rem;
}

.popover {
    font-size: 0.85rem;
    border-radius: 3px;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
}

.popover-body {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
}




.selectize-input {
    padding: 6px;
}

.selectize-control.multi .selectize-input.has-items {
    padding-left: 5px;
    padding-right: 5px;
}

.btn, .card .card-body fieldset legend, .form-control, .input-group, .selectize-input {
    border-radius: 4px;
}

.card.lw-whatsapp-chat-block-container .lw-labels-selector-box:not(.lw-expanded-labels) Specificity: (0,4,0)
 {
    height: 0;
    overflow: auto;
    /* padding: 2px; */
    white-space: nowrap;
    padding: 0;
    line-height: 0;
    display: none;
}


.card.lw-whatsapp-chat-block-container .lw-labels-selector-box:not(.lw-expanded-labels) {
    /* height: 60px; */
    overflow: auto;
    padding: 0;
    white-space: nowrap;
    min-height: auto;
    height: auto;
    margin: 0 !important;
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .metadata .time {
    color: rgba(0, 0, 0, .5);
    display: inline-block;
    font-size: 10px;
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .lw-contact-list .lw-contact{
    
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .lw-contact-list .lw-contact h3{
    font-size: 15px;
    margin: 0;
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .lw-contact-list .lw-contact-list-item-selected{
    
}

.main-content #navbar-main{
    position:relative !important;
}

.navbar-vertical .navbar-nav .nav-item:nth-child(odd) {
    /* background: #f8f9fa; */
}

.navbar-vertical .navbar-nav .nav-item:nth-child(even) {
    background: #f2f2f2;
}

div#sidenav-collapse-main {
    margin: 0 !important;
    padding: 0;
    align-items: unset;
}

.navbar-vertical .navbar-vertical.navbar-expand-md .navbar-nav .nav-link
 {
        padding: .75rem 1.5rem;
}
    
.navbar-vertical .navbar-nav .nav-link {
    font-size: .9rem;
    font-weight: 500;
}

#lwBotFlowBuilder div.flowchart-operator-body a.btn{
	font-size:0;
}

#lwBotFlowBuilder div.flowchart-operator-body a.btn i {
	font-size:15px;
}


.flowchart-operator-outputs .flowchart-operator-connector .flowchart-operator-connector-arrow {
    border-left-color: #172b4d;
}

.flowchart-operator-inputs .flowchart-operator-connector .flowchart-operator-connector-arrow {
    border-left-color: #f5365c;
}


.flowchart-operators-layer .flowchart-operator .flowchart-operator-title {
    color: #f2f2f2;
    background: #015e54;
}

body:not(.lw-minimized-menu) .main-content #navbar-main {
    margin: 0 !important;
    width: auto !important;
}


/*.card.card-stats .card-body h5.card-title {*/
/*    color: #00000038 !important;*/
/*    font-size: 23px;*/
/*    font-weight: bold;*/
/*    position: absolute;*/
/*}*/

/*.card.card-stats .card-body span.h2 {*/
/*    position: fixed;*/
/*    bottom: 30px;*/
/*}*/

/*.card.card-stats .card-body p {*/
/*    position: absolute;*/
/*    bottom: 10px;*/
/*    right: 10px;*/
/*    font-size: 15px !important;*/
/*    font-weight: 500;*/
/*}*/

/*.card.card-stats .card-body p:after {*/
/*    content: ">";*/
/*}*/


.card-body fieldset:not(.filepond--file-wrapper) legend {
    background-color: #f2f2f2 !important;
    border-color: #00524c !important;
    color: #00524c !important;
}


div#lwChatWindowBox .name a {
    color: #dbdddd;
}

div#lwChatWindowBox .avatar {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}


#lwWhatsAppChatWindow .lw-contact-list-header .list-group-item {
}

#lwWhatsAppChatWindow .lw-contact-list-header .list-group-item .lw-contact-avatar {
    text-transform: uppercase;
    font-weight: bold;
}

.lw-chat-message-item .message.received{
	
}

.lw-chat-message-item .message.sent{
	
}


.lw-chat-message-item .message.lw-plain-message-text{
	    line-height: 20px;
    font-size: 13px;
}


.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .lw-plain-message-text, .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.sent .lw-template-message .lw-plain-message-text{
    line-height: 20px;
    font-size: 13px;
    margin: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.lw-whatsapp-preview .lw-whatsapp-header-placeholder, .lw-whatsapp-preview a.lw-wa-message-document-link{
    height: auto;
    background: #f2f3f4;
}

.lw-whatsapp-preview {
    
    
}

#lwConversionChatContainer .card{
    margin: 0;
}


nav.lw-breadcrumb-container {
    background-color: #f2f2f2;
    border-radius: 4px;
    display: block;
    font-size: 1.2rem;
    padding: 20px 0 10px 20px;
    border: 1px solid #01524c;
}