#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 td,.table th{font-size:11px!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:7px}select.form-control{padding-top:4px}.btn{font-weight:100}.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}
/* =========================================================
   iResponse Modern Visual Layer
   Colors + typography only
   Layout intentionally untouched
   ========================================================= */

:root {
    --ir-bg: #f5f7fa;
    --ir-surface: #ffffff;
    --ir-sidebar: #17202b;
    --ir-sidebar-hover: #222d3a;
    --ir-sidebar-active: #2563eb;
    --ir-primary: #2563eb;
    --ir-primary-hover: #1d4ed8;
    --ir-text: #1f2937;
    --ir-text-soft: #64748b;
    --ir-border: #e2e8f0;
    --ir-success: #16a34a;
    --ir-warning: #d97706;
    --ir-danger: #dc2626;
}

/* Base typography */
body {
    background-color: var(--ir-bg) !important;
    color: var(--ir-text) !important;
    font-family: Poppins, "Segoe UI", Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

body,
button,
input,
select,
textarea {
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--ir-text);
    font-weight: 600;
}

/* Header */
.page-header.navbar {
    background: #17202b !important;
}

.page-header.navbar .page-logo {
    background: #17202b !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    color: #e5e7eb !important;
}

.page-header.navbar .dropdown-user .username,
.page-header.navbar .dropdown-user .username-hide-mobile {
    color: #e5e7eb !important;
    font-weight: 500 !important;
}

/* Sidebar colors only */
.page-sidebar,
.page-sidebar .page-sidebar-menu {
    background: #17202b !important;
}

.page-sidebar .page-sidebar-menu > li > a {
    color: #aeb9c8 !important;
    font-weight: 400 !important;
}

.page-sidebar .page-sidebar-menu > li > a > i {
    color: #8492a6 !important;
}

.page-sidebar .page-sidebar-menu > li > a:hover {
    background: #222d3a !important;
    color: #ffffff !important;
}

.page-sidebar .page-sidebar-menu > li > a:hover > i {
    color: #ffffff !important;
}

.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.open > a {
    background: #2563eb !important;
    color: #ffffff !important;
}

.page-sidebar .page-sidebar-menu > li.active > a > i,
.page-sidebar .page-sidebar-menu > li.open > a > i {
    color: #ffffff !important;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #94a3b8 !important;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a:hover {
    color: #ffffff !important;
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    color: #60a5fa !important;
}

/* Main content colors */
.page-container,
.page-content-wrapper,
.page-content {
    background-color: #f5f7fa !important;
}

/* Page titles */
h4.caption {
    color: #1f2937 !important;
    border-bottom-color: #e2e8f0 !important;
}

/* Forms */
label {
    color: #475569;
    font-weight: 500;
}

.form-control {
    color: #1f2937 !important;
    background-color: #ffffff !important;
    border-color: #d7dee8 !important;
}

.form-control:focus {
    border-color: #93b4f5 !important;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .10) !important;
}

/* Buttons */
.btn {
    font-weight: 500 !important;
}

.btn-primary {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}

.btn-success {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
}

.btn-warning {
    background-color: #d97706 !important;
    border-color: #d97706 !important;
}

.btn-danger {
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
}

/* Tables — typography/color only */
.table td,
.table th {
    color: #334155 !important;
    font-size: 12px !important;
}

.table > thead > tr > th {
    color: #64748b !important;
    background-color: #f8fafc !important;
    font-weight: 600 !important;
}

.table > tbody > tr:hover {
    background-color: #f8fafc !important;
}

table.dataTable tbody td,
table.dataTable tbody th {
    font-weight: 400 !important;
}

/* Status labels */
.label-success,
.badge-success {
    background-color: #16a34a !important;
}

.label-warning,
.badge-warning {
    background-color: #d97706 !important;
}

.label-danger,
.badge-danger {
    background-color: #dc2626 !important;
}

.label-info,
.badge-info {
    background-color: #2563eb !important;
}

/* Notes */
.note.note-warning {
    background-color: #fffbeb !important;
    border-color: #fcd34d !important;
    color: #92400e !important;
}

/* Links */
a {
    color: #2563eb;
}

a:hover {
    color: #1d4ed8;
}

/* Footer */
.page-footer {
    background-color: #ffffff !important;
    color: #64748b !important;
}

/* Console colors — preserve its existing geometry */
.console-table {
    color: #334155 !important;
}

.console-table i.green {
    color: #16a34a !important;
}

.console-table i.red {
    color: #dc2626 !important;
}


/* Quick navigation — visual only */
.quick-nav-trigger {
    background-color: #17202b !important;
    color: #ffffff !important;
}

.quick-nav-trigger:hover,
.quick-nav-trigger:focus {
    background-color: #222d3a !important;
    color: #ffffff !important;
}