/* Optional Huma-inspired workspace theme. Enabled by html.theme-huma only. */
html.theme-huma {
  --huma-primary: #4aa2ee;
  --huma-primary-dark: #308bd8;
  --huma-accent: #00bcc2;
  --huma-ink: #303840;
  --huma-text: #4e5a65;
  --huma-muted: #8a98a5;
  --huma-border: #e3e8ed;
  --huma-surface: #ffffff;
  --huma-page: #f4f6f8;
}

html.theme-huma body {
  background: var(--huma-page) !important;
  background-image: none !important;
  color: var(--huma-text) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

html.theme-huma .main-header {
  background: #ffffff !important;
  border-bottom: 1px solid var(--huma-border) !important;
  box-shadow: none !important;
}

html.theme-huma .main-header .seipkon-logo {
  background: var(--huma-ink) !important;
  border-right: 0 !important;
}

html.theme-huma .header-top-right-section > ul > li > a {
  color: var(--huma-muted) !important;
}

html.theme-huma .header-top-right-section > ul > li > a:hover,
html.theme-huma .header-top-right-section > .nav .open > a,
html.theme-huma .header-top-right-section > .nav .open > a:hover,
html.theme-huma .header-top-right-section > .nav > li > a:hover {
  color: var(--huma-primary) !important;
  background: #f1f7fd !important;
}

html.theme-huma .header-top-right-section > ul > li > a > span {
  background: var(--huma-accent) !important;
}

html.theme-huma #sidebarCollapse {
  color: #6f7d89 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 4px !important;
}

html.theme-huma #sidebarCollapse:hover {
  color: var(--huma-primary) !important;
  background: #f1f7fd !important;
}

html.theme-huma #sidebar {
  background: #303956 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

html.theme-huma .sidebar-profile {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html.theme-huma .sidebar-profile .profile-info > h3 { color: #ffffff !important; }
html.theme-huma .sidebar-profile .profile-info > p { color: rgba(255, 255, 255, 0.56) !important; }
html.theme-huma .profile-avatar img { border-color: rgba(255, 255, 255, 0.24) !important; }

html.theme-huma .menu-section > h3 {
  color: rgba(255, 255, 255, 0.38) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}

html.theme-huma .list-unstyled li a {
  color: rgba(255, 255, 255, 0.68) !important;
  border-left: 3px solid transparent !important;
  border-radius: 0 !important;
  margin: 1px 0 !important;
}

html.theme-huma .list-unstyled li a:hover,
html.theme-huma .list-unstyled li.active > a {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-left-color: var(--huma-primary) !important;
}

html.theme-huma .list-unstyled li a > i { color: rgba(255, 255, 255, 0.46) !important; }
html.theme-huma .list-unstyled li a:hover > i,
html.theme-huma .list-unstyled li.active > a > i { color: var(--huma-primary) !important; }
html.theme-huma .list-unstyled ul > li > a { color: rgba(255, 255, 255, 0.54) !important; }

html.theme-huma #content { background: var(--huma-page) !important; }
html.theme-huma #content > .page-content { padding: 26px 24px 72px !important; }
html.theme-huma .seipkon-content-wrapper { background: var(--huma-page) !important; }

html.theme-huma .breadcromb-area,
html.theme-huma .page-box,
html.theme-huma .widget_card_page,
html.theme-huma .panel,
html.theme-huma .mail-read-box,
html.theme-huma .mail-sidebar,
html.theme-huma .total-group-employee {
  background: var(--huma-surface) !important;
  border: 1px solid var(--huma-border) !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 2px rgba(39, 44, 51, 0.05) !important;
  color: var(--huma-text) !important;
}

html.theme-huma .breadcromb-area {
  background: transparent !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 24px !important;
  padding: 0 0 18px !important;
}

html.theme-huma .page-box:hover,
html.theme-huma .widget_card_page:hover { box-shadow: 0 3px 9px rgba(39, 44, 51, 0.10) !important; }
html.theme-huma .seipkon-breadcromb-left > h3,
html.theme-huma .full-width-breadcrumb-heading > h3,
html.theme-huma h1, html.theme-huma h2, html.theme-huma h3,
html.theme-huma h4, html.theme-huma h5, html.theme-huma h6 { color: var(--huma-ink) !important; }
html.theme-huma .seipkon-breadcromb-right li,
html.theme-huma .seipkon-breadcromb-right li a,
html.theme-huma ol.breadcrumb li { color: var(--huma-muted) !important; }
html.theme-huma ol.breadcrumb a,
html.theme-huma .full-width-breadcrumb-heading > h3 > i { color: var(--huma-primary) !important; }
html.theme-huma .widget_card { border-color: var(--huma-border) !important; border-radius: 4px !important; }
html.theme-huma .widget_card_page h4,
html.theme-huma .panel-body { color: var(--huma-text) !important; }
html.theme-huma .panel-default > .panel-heading {
  background: #fafbfc !important;
  border-color: var(--huma-border) !important;
  color: var(--huma-ink) !important;
}

/* Dashboard widgets from the existing Seipkon views. */
html.theme-huma .widget_card,
html.theme-huma .widget_card_two {
  background: var(--huma-surface) !important;
  border: 1px solid var(--huma-border) !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 2px rgba(39, 44, 51, 0.05) !important;
  color: var(--huma-text) !important;
}

html.theme-huma .widget_card_header {
  border-bottom: 1px solid var(--huma-border) !important;
  color: var(--huma-ink) !important;
}

html.theme-huma .widget_card_header > h3,
html.theme-huma .widget_card_body h3,
html.theme-huma .widget_card_body .count { color: var(--huma-ink) !important; }
html.theme-huma .widget_card_body p,
html.theme-huma .widget_card_body .date { color: var(--huma-muted) !important; }
html.theme-huma .widget_card .widget_icon { color: var(--huma-primary) !important; }
html.theme-huma .widget_card .widget_close,
html.theme-huma .widget_card_two .widget_close_two,
html.theme-huma .widget_card_two .widget_card_accordion { color: var(--huma-muted) !important; }
html.theme-huma .widget_card .widget_close:hover,
html.theme-huma .widget_card_two .widget_close_two:hover { color: var(--huma-primary) !important; }
html.theme-huma .earning_chart > li { border-color: var(--huma-border) !important; }
html.theme-huma .earning_chart > li > h4 { color: var(--huma-muted) !important; }
html.theme-huma .earning_chart > li > p { color: var(--huma-ink) !important; }

html.theme-huma .table > thead > tr > th,
html.theme-huma table tfoot > tr > td,
html.theme-huma table tfoot > tr > th,
html.theme-huma table thead > tr > td,
html.theme-huma table thead > tr > th {
  background: #f8fafb !important;
  border-color: var(--huma-border) !important;
  color: #697784 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

html.theme-huma .table > tbody > tr > td,
html.theme-huma .table > tbody > tr > th { color: var(--huma-text) !important; border-color: #edf0f3 !important; }
html.theme-huma .table > tbody > tr:hover,
html.theme-huma .table-hover tbody tr:hover { background: #f5faff !important; }
html.theme-huma .table-striped tbody tr:nth-of-type(odd),
html.theme-huma table.dataTable.display tbody tr.odd > .sorting_1 { background: #fafcfd !important; }
html.theme-huma .dataTables_filter > label,
html.theme-huma .dataTables_length > label,
html.theme-huma .dataTables_info { color: var(--huma-muted) !important; }
html.theme-huma .dataTables_filter input,
html.theme-huma .dataTables_length select {
  background: #ffffff !important;
  border-color: #dbe2e8 !important;
  border-radius: 4px !important;
  color: var(--huma-text) !important;
}
html.theme-huma .dataTables_paginate > ul.pagination > li.paginate_button.active > a,
html.theme-huma .paginate_button.current { background: var(--huma-primary) !important; border-color: var(--huma-primary) !important; color: #ffffff !important; }
html.theme-huma .dataTables_paginate a,
html.theme-huma .dataTables_paginate > ul.pagination > li.paginate_button > a { background: #ffffff !important; border-color: #dbe2e8 !important; border-radius: 4px !important; color: var(--huma-text) !important; }

html.theme-huma .btn { border-radius: 4px !important; box-shadow: none !important; font-weight: 600 !important; }
html.theme-huma .btn-primary,
html.theme-huma .label-primary,
html.theme-huma .seipkon-btn-primary { background: var(--huma-primary) !important; border-color: var(--huma-primary) !important; color: #ffffff !important; }
html.theme-huma .btn-primary:hover,
html.theme-huma .btn-primary:focus,
html.theme-huma .seipkon-btn-primary:hover { background: var(--huma-primary-dark) !important; border-color: var(--huma-primary-dark) !important; }
html.theme-huma .btn-success,
html.theme-huma .label-success,
html.theme-huma .seipkon-btn-success { background: #77c13a !important; border-color: #77c13a !important; }
html.theme-huma .btn-danger,
html.theme-huma .label-danger,
html.theme-huma .seipkon-btn-danger { background: #d9534f !important; border-color: #d9534f !important; }
html.theme-huma .btn-info,
html.theme-huma .label-info,
html.theme-huma .seipkon-btn-info { background: var(--huma-accent) !important; border-color: var(--huma-accent) !important; }
html.theme-huma .btn-warning,
html.theme-huma .label-warning,
html.theme-huma .seipkon-btn-warning { background: #e4a93c !important; border-color: #e4a93c !important; }
html.theme-huma .btn-default,
html.theme-huma .label-default,
html.theme-huma .seipkon-btn-default { background: #ffffff !important; border: 1px solid #dbe2e8 !important; color: var(--huma-text) !important; }

html.theme-huma .form-group .form-control,
html.theme-huma input.form-control,
html.theme-huma textarea.form-control,
html.theme-huma select.form-control {
  background: #ffffff !important;
  border-color: #dbe2e8 !important;
  border-radius: 4px !important;
  color: var(--huma-text) !important;
}
html.theme-huma .form-group .form-control:focus,
html.theme-huma input.form-control:focus,
html.theme-huma textarea.form-control:focus {
  border-color: var(--huma-primary) !important;
  box-shadow: 0 0 0 3px rgba(74, 162, 238, 0.16) !important;
}
html.theme-huma .form-control::placeholder { color: #a5b0b9 !important; }
html.theme-huma .input-group-addon { background: #f8fafb !important; border-color: #dbe2e8 !important; color: var(--huma-muted) !important; }
html.theme-huma .control-label,
html.theme-huma label.control-label,
html.theme-huma .add-product-form-group form p label,
html.theme-huma .create-page-left label,
html.theme-huma p.control-label { color: #677581 !important; }

html.theme-huma .select2-container--default .select2-selection--single,
html.theme-huma .select2-container--default .select2-selection--multiple,
html.theme-huma .select2-container--default.select2-container--focus .select2-selection--multiple,
html.theme-huma .bootstrap-select > button,
html.theme-huma .chosen-container-single .chosen-single {
  background: #ffffff !important;
  border-color: #dbe2e8 !important;
  border-radius: 4px !important;
  color: var(--huma-text) !important;
}
html.theme-huma .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--huma-text) !important; }
html.theme-huma .select2-dropdown,
html.theme-huma .chosen-container .chosen-drop,
html.theme-huma .dropdown-menu {
  background: #ffffff !important;
  border-color: var(--huma-border) !important;
  box-shadow: 0 4px 16px rgba(39, 44, 51, 0.13) !important;
}
html.theme-huma .select2-results__option,
html.theme-huma .dropdown-menu > li > a,
html.theme-huma .chosen-results li { color: var(--huma-text) !important; }
html.theme-huma .select2-container--default .select2-results__option--highlighted[aria-selected],
html.theme-huma .chosen-results li.highlighted,
html.theme-huma .dropdown-menu > li > a:hover { background: #eef7fe !important; color: var(--huma-primary) !important; }

html.theme-huma .modal-content,
html.theme-huma .profile-box,
html.theme-huma .message-box,
html.theme-huma .notification-box,
html.theme-huma .swal2-popup {
  background: #ffffff !important;
  border: 1px solid var(--huma-border) !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 28px rgba(39, 44, 51, 0.16) !important;
  color: var(--huma-text) !important;
}
html.theme-huma .modal-header,
html.theme-huma .message-footer,
html.theme-huma .notification-footer { background: #f8fafb !important; border-color: var(--huma-border) !important; }
html.theme-huma .modal-title,
html.theme-huma .swal2-title,
html.theme-huma .swal2-html-container { color: var(--huma-ink) !important; }
html.theme-huma .modal-footer,
html.theme-huma .message-header,
html.theme-huma .notification-header,
html.theme-huma .profile-box > ul > li,
html.theme-huma .notification-body li,
html.theme-huma .message-body li { border-color: var(--huma-border) !important; }
html.theme-huma .profile-box > ul > li > a,
html.theme-huma .message-body > ul > li > a,
html.theme-huma .notification-body > ul > li > a { color: var(--huma-text) !important; }
html.theme-huma .profile-box > ul > li > a:hover,
html.theme-huma .message-body ul li a:hover,
html.theme-huma .notification-body ul li a:hover { background: #f5faff !important; color: var(--huma-primary) !important; }
html.theme-huma .profile-box > ul > li > a > i,
html.theme-huma .message-footer > a,
html.theme-huma .notification-footer > a { color: var(--huma-primary) !important; }

html.theme-huma .title-devis { color: var(--huma-ink) !important; border-bottom-color: var(--huma-border) !important; }
html.theme-huma .alert { border-radius: 4px !important; }
html.theme-huma .nav-tabs { border-bottom-color: var(--huma-border) !important; }
html.theme-huma .nav-tabs > li > a { color: var(--huma-muted) !important; border-radius: 4px 4px 0 0 !important; }
html.theme-huma .nav-tabs > li.active > a,
html.theme-huma .nav-tabs > li.active > a:focus,
html.theme-huma .nav-tabs > li.active > a:hover { border-color: var(--huma-border) var(--huma-border) #ffffff !important; color: var(--huma-primary) !important; }
html.theme-huma .progress { background: #e6ebef !important; border-radius: 3px !important; }
html.theme-huma .progress-title,
html.theme-huma .progress-size,
html.theme-huma .invoice-address p,
html.theme-huma .invoice-subtotal p,
html.theme-huma .mail-sidebar ul li a,
html.theme-huma .total-group-employee ul li a { color: var(--huma-muted) !important; }
html.theme-huma .invoice-address h3,
html.theme-huma .total-group-employee > h3 { color: var(--huma-ink) !important; border-color: var(--huma-border) !important; }
html.theme-huma .invoice-subtotal p span { color: var(--huma-primary) !important; }
html.theme-huma .seipkon-footer-area { border-top-color: var(--huma-border) !important; color: var(--huma-muted) !important; }
html.theme-huma ::-webkit-scrollbar-track { background: #edf1f4; }
html.theme-huma ::-webkit-scrollbar-thumb { background: #bdc9d2; }
html.theme-huma ::-webkit-scrollbar-thumb:hover { background: #94a6b4; }