#brand-name {
	color: #444d58;
	font-size: 18px;
	margin-left: 10px;
	margin-right: 5px;
	font-weight: lighter;
	font-family: Poppins, cursive!important
}

.navbar-brand {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: lighter;
	margin-top: 3px
}

.navbar-brand:hover {
	color: #fff
}

.navbar-brand img {
	display: inline-block;
	width: 33px;
	margin-top: -15px
}

textarea {
	resize: none!important
}

h4.caption {
	margin-bottom: 30px!important;
	border-bottom: 1px #ccc solid!important;
	padding-bottom: 13px!important
}

table.dataTable tbody td,
table.dataTable tbody th {
	font-weight: lighter;
	padding: 10px 0 0 12px
}

a.form-control,
button.form-control,
div.form-control,
input.form-control,
select.form-control {
	/* height: 28px!important; */
	padding-top: 1px

}

select.form-control {
	padding-top: 4px

}

.btn {
	font-weight: bold
}

.container {
	padding-left: 0;
	padding-right: 0
}

.container-fluid {
	padding-left: 10px;
	padding-right: 10px
}

.dropdown-user .username,
.dropdown-user .username-hide-mobile {
	font-size: 13px!important;
	font-weight: 100
}

label.full-width {
	width: 100%
}

.page-header .page-header-menu .hor-menu .navbar-nav>li>a {
	padding: 10px 18px 8px 18px!important;
	font-weight: lighter!important
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a {
	background: #4c87b9!important;
	color: #fff!important
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>i {
	color: #fff!important
}

.note.note-warning {
	background: #f1f1f1;
	border-bottom: 1px solid #f3cc31;
	border-top: 1px solid #f3cc31;
	border-right: 1px solid #f3cc31
}

.tabdrop ul.dropdown-menu {
	height: 200px;
	overflow-y: scroll
}

.image-container {
	height: 250px;
	text-align: center;
	border: 1px #f1f1f1 solid;
	margin: 5px
}

.image-container img {
	width: 100%!important;
	height: 90%!important;
	display: block
}

.image-container span {
	margin-top: 5px;
	font-weight: 700
}

.console-table {
	color: #333;
	width: 98%
}

.console-table tr {
	border-bottom: 1px #ccc solid
}

.console-table td,
.console-table th {
	padding: 5px
}

.console-table i {
	margin-left: 20px
}

.console-table i.green {
	color: #3d9082
}

.console-table i.red {
	color: #e7505a
}

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
	margin-top: 18px!important
}

section.wrapper {
	padding: 40px 0;
	position: fixed;
	z-index: 9999;
	background: #1f1f1f;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0
}

section.wrapper.dark {
	background: #ccc
}

div.spinner {
	-moz-animation: rotate 10s infinite linear;
	-webkit-animation: rotate 10s infinite linear;
	animation: rotate 10s infinite linear;
	position: relative;
	display: block;
	margin: auto;
	width: 142px;
	height: 142px;
	top: 40%
}

div.spinner i {
	-moz-animation: rotate 3s infinite cubic-bezier(.09, .6, .8, .03);
	-webkit-animation: rotate 3s infinite cubic-bezier(.09, .6, .8, .03);
	animation: rotate 3s infinite cubic-bezier(.09, .6, .8, .03);
	-moz-transform-origin: 50% 100% 0;
	-webkit-transform-origin: 50% 100% 0;
	transform-origin: 50% 100% 0;
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	border: solid 6px transparent;
	border-bottom: none;
	border-color: #606060!important
}

div.spinner i:nth-child(1) {
	-moz-animation-timing-function: cubic-bezier(.09, .3, .12, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, .3, .12, .03);
	animation-timing-function: cubic-bezier(.09, .3, .12, .03);
	width: 44px;
	height: 22px;
	margin-top: -22px;
	margin-left: -22px;
	border-color: #2172b8;
	border-top-left-radius: 36px;
	border-top-right-radius: 36px
}

div.spinner i:nth-child(2) {
	-moz-animation-timing-function: cubic-bezier(.09, .6, .24, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, .6, .24, .03);
	animation-timing-function: cubic-bezier(.09, .6, .24, .03);
	width: 58px;
	height: 29px;
	margin-top: -29px;
	margin-left: -29px;
	border-color: #18a39b;
	border-top-left-radius: 42px;
	border-top-right-radius: 42px
}

div.spinner i:nth-child(3) {
	-moz-animation-timing-function: cubic-bezier(.09, .9, .36, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, .9, .36, .03);
	animation-timing-function: cubic-bezier(.09, .9, .36, .03);
	width: 72px;
	height: 36px;
	margin-top: -36px;
	margin-left: -36px;
	border-color: #82c545;
	border-top-left-radius: 48px;
	border-top-right-radius: 48px
}

div.spinner i:nth-child(4) {
	-moz-animation-timing-function: cubic-bezier(.09, 1.2, .48, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 1.2, .48, .03);
	animation-timing-function: cubic-bezier(.09, 1.2, .48, .03);
	width: 86px;
	height: 43px;
	margin-top: -43px;
	margin-left: -43px;
	border-color: #f8b739;
	border-top-left-radius: 54px;
	border-top-right-radius: 54px
}

div.spinner i:nth-child(5) {
	-moz-animation-timing-function: cubic-bezier(.09, 1.5, .6, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 1.5, .6, .03);
	animation-timing-function: cubic-bezier(.09, 1.5, .6, .03);
	width: 100px;
	height: 50px;
	margin-top: -50px;
	margin-left: -50px;
	border-color: #f06045;
	border-top-left-radius: 60px;
	border-top-right-radius: 60px
}

div.spinner i:nth-child(6) {
	-moz-animation-timing-function: cubic-bezier(.09, 1.8, .72, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 1.8, .72, .03);
	animation-timing-function: cubic-bezier(.09, 1.8, .72, .03);
	width: 114px;
	height: 57px;
	margin-top: -57px;
	margin-left: -57px;
	border-color: #ed2861;
	border-top-left-radius: 66px;
	border-top-right-radius: 66px
}

div.spinner i:nth-child(7) {
	-moz-animation-timing-function: cubic-bezier(.09, 2.1, .84, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 2.1, .84, .03);
	animation-timing-function: cubic-bezier(.09, 2.1, .84, .03);
	width: 128px;
	height: 64px;
	margin-top: -64px;
	margin-left: -64px;
	border-color: #c12680;
	border-top-left-radius: 72px;
	border-top-right-radius: 72px
}

div.spinner i:nth-child(8) {
	-moz-animation-timing-function: cubic-bezier(.09, 2.4, .96, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 2.4, .96, .03);
	animation-timing-function: cubic-bezier(.09, 2.4, .96, .03);
	width: 142px;
	height: 71px;
	margin-top: -71px;
	margin-left: -71px;
	border-color: #5d3191;
	border-top-left-radius: 78px;
	border-top-right-radius: 78px
}

@-moz-keyframes rotate {
	to {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes rotate {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	to {
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.page-logo>a {
	color: #eee;
	font-family: Poppins, sans-serif;
	font-size: 20px;
	font-weight: lighter;
	margin-top: 9px
}

.page-logo>a:active,
.page-logo>a:hover {
	text-decoration: none
}

#account-action {
	font-size: 13px
}

#account-action option {
	padding: 3px 0px
}


.caption-subject{

    color: #24695c!important;
}

.font-dark{

    color: #24695c!important;
}



/* ----- */
/* Base card enhancements */
.portlet.light.portlet-fit {
    border: none !important;
    border-radius: 12px !important;
    margin-bottom: 25px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    overflow: hidden;
}

.portlet.light.portlet-fit:hover {
    /* transform: translateY(-5px); */
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* Server Infrastructure - Blue gradients */
.col-md-3:nth-child(1) .portlet.light.portlet-fit {
    background: linear-gradient(135deg, #e6f7ff 0%, #ffffff 100%);
    border-top: 3px solid #2c98f0 !important;
}

/* Business Metrics - Purple gradients */
.col-md-3:nth-child(2) .portlet.light.portlet-fit {
    background: linear-gradient(135deg, #f0e7ff 0%, #ffffff 100%);
    border-top: 3px solid #8a53d7 !important;
}

/* Daily Performance - Green gradients */
.col-md-3:nth-child(3) .portlet.light.portlet-fit {
    background: linear-gradient(135deg, #e7fff0 0%, #ffffff 100%);
    border-top: 3px solid #26c281 !important;
}

/* Bounces & Monthly Stats - Red to blue gradient */
.col-md-3:nth-child(4) .portlet.light.portlet-fit {
    background: linear-gradient(135deg, #fff0f0 0%, #ffffff 100%);
    border-top: 3px solid #e43a45 !important;
}

/* Chart containers */
.col-md-6 .portlet.light.portlet-fit {
    background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%);
    border-top: 3px solid #5c6bc0 !important;
}

/* Enhanced title section */
.portlet-title {
    /* border-bottom: 1px solid rgba(0,0,0,0.05) !important; */
    border-bottom: 1px solid rgba(0, 0, 0, 0.16) !important;
    padding: 15px 20px !important;
    margin-bottom: 0 !important;
}

.caption i {
    margin-right: 8px;
    font-size: 18px;
    vertical-align: middle;
    filter: drop-shadow(0 0 3px rgba(0,0,0,0.1));
}

.caption-subject {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* Enhanced card body */
.portlet-body {
    padding: 20px !important;
}

/* Stats styling */
.dashboard-stat2 {
    padding: 8px 5px;
    text-align: center;
    transition: all 0.3s ease;
}

.dashboard-stat2:hover {
    transform: scale(1.05);
}

.dashboard-stat2 h1 {
    margin: 0 0 5px 0;
    font-size: 24px;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.dashboard-stat2 p {
    margin: 0;
    font-size: 11px;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #777;
}

/* Enhanced font colors for better readability */
.font-blue-chambray, .font-blue-ebonyclay, .font-red-mint, 
.font-purple-studio, .font-purple-intense, .font-green-sharp, 
.font-green-steel, .font-green-dark, .font-blue-madison, 
.font-red, .font-blue, .font-purple, .font-green {
    text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

/* Add pulsating glow effect for specific metrics like earnings */
@keyframes soft-pulse {
    0% { filter: drop-shadow(0 0 1px rgba(0,200,83,0.2)); }
    50% { filter: drop-shadow(0 0 8px rgba(0,200,83,0.4)); }
    100% { filter: drop-shadow(0 0 1px rgba(0,200,83,0.2)); }
}

.font-green {
    animation: soft-pulse 2s infinite;
}

/* Chart containers with subtle animation */
#sent-stats-chart, #actions-stats-chart, #daily-earnings-chart, #monthly-earnings-chart {
    box-shadow: inset 0 0 15px rgba(0,0,0,0.02);
    border-radius: 8px;
    transition: all 0.3s ease;
}

#sent-stats-chart:hover, #actions-stats-chart:hover, 
#daily-earnings-chart:hover, #monthly-earnings-chart:hover {
    box-shadow: inset 0 0 20px rgba(0,0,0,0.05);
}

#nxtBatchGenerator:hover {
        background-color: #6c757d !important; /* Example hover color */
        border-color: #444 !important;        /* Optional: hover border */
        color: white !important;              /* Optional: text color on hover */
    }


/* ========================================
   MODERN DASHBOARD STYLING - TARGETED ONLY
   ======================================== */

/* Modern Card Styling */
.modern-card {
    border: none !important;
    border-radius: 12px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
    transition: all 0.3s ease !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.modern-card:hover {
    /* transform: translateY(-3px) !important; */
    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
}

/* Modern Card Titles */
.modern-title {
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 18px 24px !important;
    margin-bottom: 0 !important;
}

.modern-icon {
    font-size: 18px !important;
    margin-right: 10px !important;
    opacity: 0.9 !important;
}

.modern-title-text {
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    color: #2d3748 !important;
}

/* Modern Card Body */
.modern-body {
    padding: 24px !important;
    background: #ffffff !important;
}

/* Modern Stats */
.modern-stat {
    text-align: center !important;
    padding: 15px 8px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.modern-stat:hover {
    background: rgba(247, 250, 252, 0.8) !important;
    transform: scale(1.03) !important;
}

.modern-stat-number {
    font-size: 26px !important;
    font-weight: 700 !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.2 !important;
}

.modern-stat-label {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}

/* Chart Cards */
.chart-card {
    background: linear-gradient(135deg, #fafbfc 0%, #ffffff 100%) !important;
}

/* Modern Charts */
.modern-chart {
    background: rgba(255, 255, 255, 0.6) !important;
    border-radius: 8px !important;
    padding: 12px !important;
    border: 1px solid rgba(226, 232, 240, 0.5) !important;
}

/* Modern Form Controls */
.modern-controls .modern-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin-bottom: 6px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.modern-select {
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    /* padding: 8px 12px !important; */
    background: #ffffff !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
}

.modern-select:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
    outline: none !important;
}

/* Modern Buttons */
.modern-btn {
    border-radius: 6px !important;
    padding: 8px 16px !important;
    font-weight: 500 !important;
    /* font-size: 13px !important; */
    transition: all 0.2s ease !important;
    border: none !important;
}

.modern-btn.btn-primary {
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
    color: white !important;
}

.modern-btn.btn-primary:hover {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}

.modern-btn.btn-success {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: white !important;
}

.modern-btn.btn-success:hover {
    background: linear-gradient(135deg, #059669, #047857) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
}

/* Modern Table Wrapper */
.modern-table-wrapper {
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    margin-top: 20px !important;
}

/* Modern Table */
.modern-table {
    margin-bottom: 0 !important;
    background: #ffffff !important;
}

.modern-table-head {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%) !important;
}

.modern-table-th {
    border: none !important;
    padding: 16px 18px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    color: #374151 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    background: transparent !important;
}

.modern-table-body td {
    border: none !important;
    border-top: 1px solid #f1f5f9 !important;
    padding: 14px 18px !important;
    font-size: 13px !important;
    color: #4b5563 !important;
    font-weight: 500 !important;
}

.modern-table-body tr:hover {
    background: #f8fafc !important;
    transition: all 0.2s ease !important;
}

.modern-table-body tr:first-child td {
    border-top: none !important;
}

/* Modern Color Palette Updates */
.font-blue-chambray { color: #3b82f6 !important; }
.font-blue-ebonyclay { color: #1e40af !important; }
.font-red-mint { color: #ef4444 !important; }
.font-purple-studio { color: #8b5cf6 !important; }
.font-purple-intense { color: #7c3aed !important; }
.font-green-sharp { color: #10b981 !important; }
.font-green-steel { color: #059669 !important; }
.font-green-dark { color: #047857 !important; }
.font-blue-madison { color: #0ea5e9 !important; }
.font-red { color: #ef4444 !important; }
.font-blue { color: #3b82f6 !important; }
.font-purple { color: #8b5cf6 !important; }
.font-green { color: #10b981 !important; }
.font-dark { color: #374151 !important; }

/* Special Effects */
@keyframes gentle-pulse {
    0% { opacity: 0.9; }
    50% { opacity: 1; }
    100% { opacity: 0.9; }
}

.modern-stat .font-green {
    animation: gentle-pulse 2s infinite !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .modern-body {
        padding: 20px 16px !important;
    }
    
    .modern-title {
        padding: 16px 20px !important;
    }
    
    .modern-stat-number {
        font-size: 22px !important;
    }
    
    .modern-stat-label {
        font-size: 9px !important;
    }
}




/*  Navbar Modern */

/*  Navbar Modern */