/*
 * Icore workspace presentation layer.
 * Loaded after AdminLTE and plugin styles so every module shares one brand.
 */
:root {
    --icore-navy: #003366;
    --icore-navy-deep: #002147;
    --icore-coral: #f6374f;
    --icore-coral-deep: #c92840;
    --icore-ink: #17212b;
    --icore-muted: #667585;
    --icore-border: #dfe6ee;
    --icore-surface: #f5f7fa;
    --icore-surface-soft: #fafbfd;
    --icore-white: #ffffff;
}

body.icore-workspace,
body.icore-auth {
    color: var(--icore-ink);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Application shell */
.icore-workspace .wrapper,
.icore-workspace .content-wrapper,
.icore-workspace .right-side {
    background: var(--icore-surface) !important;
}

.icore-workspace .main-header .logo {
    background: var(--icore-navy-deep) !important;
    border: 0 !important;
    color: var(--icore-white) !important;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.02em;
    overflow: hidden;
    padding: 0 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icore-workspace .main-header .logo:hover,
.icore-workspace .main-header .navbar,
.icore-workspace .main-header li.user-header {
    background: var(--icore-navy) !important;
}

.icore-workspace .main-header .navbar {
    border: 0;
    box-shadow: 0 1px 0 rgba(0, 33, 71, .18);
}

.icore-workspace .main-header .navbar .sidebar-toggle,
.icore-workspace .main-header .navbar .nav > li > a {
    color: var(--icore-white) !important;
}

.icore-workspace .main-header .navbar .sidebar-toggle:hover,
.icore-workspace .main-header .navbar .nav > li > a:hover,
.icore-workspace .main-header .navbar .nav > li > a:focus,
.icore-workspace .main-header .navbar .nav .open > a {
    background: rgba(0, 33, 71, .35) !important;
    color: var(--icore-white) !important;
}

.icore-workspace .navbar-nav > .user-menu > .dropdown-menu {
    border: 1px solid var(--icore-border);
    border-radius: 0 0 4px 4px;
    box-shadow: 0 10px 30px rgba(0, 33, 71, .14);
}

.icore-workspace .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background: var(--icore-surface-soft);
    border-top: 1px solid var(--icore-border);
}

.icore-workspace .main-sidebar,
.icore-workspace .left-side {
    background: var(--icore-navy-deep) !important;
}

.icore-workspace .user-panel {
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    padding: 18px 12px;
}

.icore-workspace .user-panel > .info,
.icore-workspace .user-panel > .info > a,
.icore-workspace .user-panel > .info > p {
    color: #e4edf5 !important;
}

.icore-workspace .user-panel .image .fa-user {
    color: var(--icore-coral);
}

.icore-workspace .sidebar-menu > li.header {
    background: #001b39 !important;
    color: #8ea9bf !important;
}

.icore-workspace .sidebar-menu > li > a {
    border-left: 3px solid transparent !important;
    color: #d6e4f1 !important;
    padding-bottom: 12px;
    padding-top: 12px;
}

.icore-workspace .sidebar-menu > li:hover > a,
.icore-workspace .sidebar-menu > li.active > a,
.icore-workspace .sidebar-menu > li.menu-open > a {
    background: var(--icore-navy) !important;
    border-left-color: var(--icore-coral) !important;
    color: var(--icore-white) !important;
}

.icore-workspace .sidebar-menu > li > .treeview-menu {
    background: #001b39 !important;
    margin: 0;
}

.icore-workspace .treeview-menu > li > a {
    color: #b9ccdc !important;
    padding-bottom: 9px;
    padding-top: 9px;
}

.icore-workspace .treeview-menu > li.active > a,
.icore-workspace .treeview-menu > li > a:hover {
    color: var(--icore-white) !important;
}

.icore-workspace .treeview-menu > li.active > a .fa,
.icore-workspace .treeview-menu > li > a:hover .fa {
    color: var(--icore-coral) !important;
}

/* Page structure */
.icore-workspace .content-header {
    background: var(--icore-white) !important;
    border-bottom: 1px solid var(--icore-border);
    min-height: 76px !important;
    padding: 22px 28px 16px;
}

.icore-workspace .content-header > h1 {
    border-left: 4px solid var(--icore-coral);
    color: var(--icore-navy-deep) !important;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    padding-left: 12px;
}

.icore-workspace .content-header > .breadcrumb {
    background: transparent;
    top: 25px;
}

.icore-workspace .content-header > .breadcrumb > li,
.icore-workspace .content-header > .breadcrumb > li > a,
.icore-workspace .content-header > .breadcrumb > .active {
    color: var(--icore-muted) !important;
}

.icore-workspace .content-header > .breadcrumb > li > a:hover {
    color: var(--icore-coral) !important;
}

.icore-workspace .content {
    padding: 24px 28px 30px;
}

.icore-workspace .main-footer {
    background: var(--icore-white);
    border-top: 1px solid var(--icore-border);
    color: var(--icore-muted);
}

.icore-workspace a {
    color: var(--icore-navy);
}

.icore-workspace a:hover,
.icore-workspace a:focus {
    color: var(--icore-coral-deep);
}

/* Cards, panels and dashboard widgets */
.icore-workspace .box,
.icore-workspace .panel,
.icore-workspace .well {
    background: var(--icore-white);
    border: 1px solid var(--icore-border);
    border-radius: 4px;
    box-shadow: none;
}

.icore-workspace .box.box-primary,
.icore-workspace .panel-primary {
    border-top: 3px solid var(--icore-coral);
}

.icore-workspace .box-header,
.icore-workspace .panel-heading {
    border-bottom-color: var(--icore-border) !important;
    color: var(--icore-navy-deep) !important;
}

.icore-workspace .box-title,
.icore-workspace .panel-title {
    color: var(--icore-navy-deep);
    font-weight: 600;
}

.icore-workspace .box-footer,
.icore-workspace .panel-footer {
    background: var(--icore-surface-soft);
    border-top-color: var(--icore-border);
}

.icore-workspace .info-box,
.icore-workspace .small-box {
    background: var(--icore-white) !important;
    border: 1px solid var(--icore-border);
    border-radius: 4px;
    box-shadow: none;
    color: var(--icore-ink) !important;
    overflow: hidden;
}

.icore-workspace .info-box-icon {
    color: var(--icore-white) !important;
}

.icore-workspace .info-box-icon.bg-red,
.icore-workspace .small-box.bg-red {
    background: var(--icore-coral) !important;
}

.icore-workspace .info-box-icon.bg-blue,
.icore-workspace .info-box-icon.bg-green,
.icore-workspace .small-box.bg-blue,
.icore-workspace .small-box.bg-green {
    background: var(--icore-navy) !important;
}

.icore-workspace .info-box-icon.bg-aqua,
.icore-workspace .small-box.bg-aqua {
    background: #245f82 !important;
}

.icore-workspace .info-box-text {
    color: var(--icore-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .025em;
}

.icore-workspace .info-box-number {
    color: var(--icore-navy-deep);
}

/* Inputs and Select2 */
.icore-workspace .form-control,
.icore-auth .form-control,
.icore-workspace .select2-container .select2-selection {
    border-color: #ccd6e0;
    border-radius: 4px;
    box-shadow: none;
    min-height: 36px;
}

.icore-workspace .form-control:focus,
.icore-auth .form-control:focus,
.icore-workspace .select2-container--focus .select2-selection,
.icore-workspace .select2-container--open .select2-selection {
    border-color: var(--icore-coral) !important;
    box-shadow: 0 0 0 2px rgba(246, 55, 79, .1) !important;
}

.icore-workspace label,
.icore-auth label {
    color: #435363;
    font-weight: 600;
}

.icore-workspace input[type="checkbox"],
.icore-workspace input[type="radio"],
.icore-auth input[type="checkbox"],
.icore-auth input[type="radio"] {
    accent-color: var(--icore-coral);
}

/* Branded replacement for the legacy iCheck blue sprite. */
.icheckbox_square-icore,
.iradio_square-icore {
    background: var(--icore-white);
    border: 2px solid #9fb0bf;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 20px;
}

.icheckbox_square-icore {
    border-radius: 3px;
}

.iradio_square-icore {
    border-radius: 50%;
}

.icheckbox_square-icore.hover,
.iradio_square-icore.hover {
    border-color: var(--icore-coral);
}

.icheckbox_square-icore.checked,
.iradio_square-icore.checked {
    background: var(--icore-coral);
    border-color: var(--icore-coral);
}

.icheckbox_square-icore.checked:after {
    border: solid var(--icore-white);
    border-width: 0 2px 2px 0;
    content: "";
    height: 10px;
    left: 6px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg);
    width: 5px;
}

.iradio_square-icore.checked:after {
    background: var(--icore-white);
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 8px;
}

.icheckbox_square-icore.disabled,
.iradio_square-icore.disabled {
    cursor: default;
    opacity: .45;
}

/* Buttons */
.icore-workspace .btn,
.icore-auth .btn {
    border-radius: 4px;
    box-shadow: none !important;
    font-weight: 600;
}

.icore-workspace .btn-primary,
.icore-workspace .btn-info,
.icore-auth .btn-primary,
.icore-auth .btn-info {
    background: var(--icore-navy) !important;
    border-color: var(--icore-navy) !important;
    color: var(--icore-white) !important;
}

.icore-workspace .btn-primary:hover,
.icore-workspace .btn-primary:focus,
.icore-workspace .btn-info:hover,
.icore-workspace .btn-info:focus,
.icore-auth .btn-primary:hover,
.icore-auth .btn-primary:focus {
    background: var(--icore-navy-deep) !important;
    border-color: var(--icore-navy-deep) !important;
}

.icore-workspace .btn-danger,
.icore-auth .btn-danger {
    background: var(--icore-coral) !important;
    border-color: var(--icore-coral) !important;
    color: var(--icore-white) !important;
}

.icore-workspace .btn-danger:hover,
.icore-auth .btn-danger:hover {
    background: var(--icore-coral-deep) !important;
    border-color: var(--icore-coral-deep) !important;
}

.icore-workspace .btn-default,
.icore-auth .btn-default {
    background: var(--icore-white) !important;
    border-color: #ccd6e0 !important;
    color: var(--icore-navy) !important;
}

.icore-workspace .btn-default:hover,
.icore-auth .btn-default:hover {
    background: var(--icore-surface) !important;
    border-color: #aebdca !important;
    color: var(--icore-navy-deep) !important;
}

/* Tables and list pages */
.icore-workspace .table {
    background: var(--icore-white);
    color: var(--icore-ink);
}

.icore-workspace .table > thead > tr > th,
.icore-workspace table.dataTable > thead > tr > th {
    background: var(--icore-navy-deep) !important;
    border-color: var(--icore-navy-deep) !important;
    color: var(--icore-white) !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .025em;
    padding: 11px 9px;
    text-transform: uppercase;
    vertical-align: middle;
}

.icore-workspace .table > tbody > tr > td {
    border-color: #edf1f5;
    padding: 10px 9px;
    vertical-align: middle;
}

.icore-workspace .table-striped > tbody > tr:nth-of-type(odd) {
    background: var(--icore-surface-soft);
}

.icore-workspace .table-hover > tbody > tr:hover > td,
.icore-workspace .table-hover > tbody > tr:hover > th {
    background: #eef3f8;
}

.icore-workspace .dataTables_wrapper .dataTables_filter input,
.icore-workspace .dataTables_wrapper .dataTables_length select {
    border: 1px solid #ccd6e0;
    border-radius: 4px;
    min-height: 34px;
}

.icore-workspace .dataTables_wrapper .dataTables_filter input:focus {
    border-color: var(--icore-coral);
    box-shadow: 0 0 0 2px rgba(246, 55, 79, .1);
    outline: 0;
}

.icore-workspace .pagination > li > a,
.icore-workspace .pagination > li > span {
    color: var(--icore-navy);
}

.icore-workspace .pagination > .active > a,
.icore-workspace .pagination > .active > span,
.icore-workspace .pagination > .active > a:hover,
.icore-workspace .pagination > .active > span:hover {
    background: var(--icore-navy) !important;
    border-color: var(--icore-navy) !important;
    color: var(--icore-white) !important;
}

/* Tabs, labels, alerts and modals */
.icore-workspace .nav-tabs {
    border-bottom-color: var(--icore-border);
}

.icore-workspace .nav-tabs > li.active > a,
.icore-workspace .nav-tabs > li.active > a:hover,
.icore-workspace .nav-tabs > li.active > a:focus {
    border-top: 3px solid var(--icore-coral);
    color: var(--icore-navy-deep);
}

.icore-workspace .label-primary,
.icore-workspace .label-info {
    background: var(--icore-navy) !important;
}

.icore-workspace .label-danger {
    background: var(--icore-coral) !important;
}

.icore-workspace .alert-info {
    background: #edf4f9;
    border-color: #c8dae8;
    color: var(--icore-navy-deep);
}

.icore-workspace .alert-danger,
.icore-auth .alert-danger,
.icore-auth .alert-error {
    background: #fff1f3 !important;
    border-color: #f2b7c0 !important;
    color: #8e1d30 !important;
}

.icore-workspace .modal-content {
    border: 0;
    border-radius: 4px;
    box-shadow: 0 16px 44px rgba(0, 33, 71, .2);
}

.icore-workspace .modal-header {
    border-bottom: 3px solid var(--icore-coral);
    color: var(--icore-navy-deep);
}

.icore-workspace .modal-footer {
    background: var(--icore-surface-soft);
    border-top-color: var(--icore-border);
}

.icore-workspace .swal2-confirm,
.icore-auth .swal2-confirm {
    background: var(--icore-navy) !important;
}

.icore-workspace .swal2-cancel,
.icore-auth .swal2-cancel {
    background: var(--icore-coral) !important;
}

/* Authentication */
body.icore-auth {
    background:
        linear-gradient(135deg, rgba(0, 33, 71, .97), rgba(0, 51, 102, .92)),
        var(--icore-navy-deep) !important;
    min-height: 100vh;
}

.icore-auth .login-box {
    margin: 7vh auto 0 !important;
    max-width: 390px;
    width: calc(100% - 30px) !important;
}

.icore-auth .login-logo {
    margin-bottom: 20px !important;
}

.icore-auth .login-logo a,
.icore-auth .login-logo a b {
    color: var(--icore-white) !important;
    font-size: 27px !important;
    font-weight: 600;
    letter-spacing: -.025em;
}

.icore-auth .login-logo:after {
    background: var(--icore-coral);
    content: "";
    display: block;
    height: 3px;
    margin: 12px auto 0;
    width: 54px;
}

.icore-auth .login-box-body {
    background: var(--icore-white) !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 20px 55px rgba(0, 15, 34, .28);
    padding: 28px !important;
}

.icore-auth .login-box-msg {
    color: var(--icore-navy-deep) !important;
    font-size: 18px !important;
    font-weight: 600;
}

.icore-auth .form-control-feedback {
    color: var(--icore-muted) !important;
}

.icore-auth #forget-password,
.icore-auth a {
    color: var(--icore-coral-deep) !important;
}

@media (max-width: 767px) {
    .icore-workspace .content-header {
        min-height: 68px !important;
        padding: 19px 16px 14px;
    }

    .icore-workspace .content-header > h1 {
        font-size: 20px;
    }

    .icore-workspace .content-header > .breadcrumb {
        display: none;
    }

    .icore-workspace .content {
        padding: 18px 15px 24px;
    }

    .icore-workspace .main-header .logo {
        background: var(--icore-navy-deep) !important;
    }
}

@media print {
    .icore-workspace .content-wrapper,
    .icore-workspace .table,
    .icore-workspace .box {
        background: #fff !important;
        color: #000 !important;
    }
}