.login-container {
    min-width: 350px;
}

.login-submit-container {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.login-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 40px;
}

.login-content {
    margin-top: 60px !important;
}

.login-input {
    width: 100%;
    min-width: 250px;
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px;
}

.login-header-container {
    margin-top: 20px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body {
    color: var(--color-darkBlue);
}

.required {
    color: var(--color-red);
}

a,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a {
    color: var(--color-green);
}

a:hover,
a:focus,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a:hover,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a:focus {
    color: var(--color-darkBlue);
}

.login-logo-container {
    width: 200px;
    height: 100px;
    margin-left: 60px;
    margin-top: 0px;
}

/* JQ stepper overrides */

.mt-element-step .step-line .mt-step-number {
    border-color: var(--color-gray) !important;
}

.mt-element-step .step-line .done .mt-step-number {
    border-color: var(--color-green) !important;
}

.mt-element-step .step-line .error .mt-step-number {
    border-color: var(--color-red) !important;
}

.mt-element-step .step-line .mt-step-title::before,
.mt-element-step .step-line .error .mt-step-title::before,
.mt-element-step .step-line .mt-step-title::after,
.mt-element-step .step-line .error .mt-step-title::after {
    background-color: var(--color-gray) !important;
}

.mt-element-step .step-line .error .mt-step-number,
.mt-element-step .step-line .error .mt-step-content,
.mt-element-step .step-line .error .mt-step-title {
    color: var(--color-red) !important;
}

.mt-element-step .step-line .done .mt-step-number,
.mt-element-step .step-line .done .mt-step-content,
.mt-element-step .step-line .done .mt-step-title {
    color: var(--color-green) !important;
}


.mt-element-step .step-line .mt-step-title,
.mt-element-step .step-line .mt-step-number,
.mt-element-step .step-line .mt-step-content {
    color: var(--color-gray) !important;
}

.mt-step-title, .mt-step-content {
    padding-left: 3px;
    padding-right: 3px;
}

/* END JQ stepper overrides */
/* Slider overrides */
.irs-from,
.irs-to,
.irs-single {
    color: var(--color-darkBlue);
    background: var(--color-orange);
}

.irs-line {
    background: #EEE;
    border: 1px solid var(--color-gray);
}

.irs-grid-pol {
    background: var(--color-blue);
}

.irs-grid-text {
    color: var(--color-gray);
}

.irs-bar {
    border-top: 1px solid var(--color-gray);
    border-bottom: 1px solid var(--color-gray);
    background: var(--color-orange);
}

.irs-bar-edge {
    border: 1px solid var(--color-gray);
    background: var(--color-orange);
}

.irs-slider {
    border: 1px solid var(--color-gray);
    background: var(--color-lightGray);
}

/* END Slider overrides */
/* Button overrides */

.btn.red:not(.btn-outline) {
    color: var(--color-white);
    background-color: var(--color-red);
    border-color: var(--color-red);
}

.btn.red:not(.btn-outline).focus,
.btn.red:not(.btn-outline):focus,
.btn.red:not(.btn-outline).active,
.btn.red:not(.btn-outline):active,
.btn.red:not(.btn-outline):hover,
.open>.btn.red:not(.btn-outline).dropdown-toggle {
    color: var(--color-white);
    background-color: color-mix(in srgb, var(--color-red) 80%, transparent);
    border-color: color-mix(in srgb, var(--color-red) 80%, transparent);
}

.btn-success,
.btn-primary,
.open>.btn-primary.dropdown-toggle,
.btn.green:not(.btn-outline) {
    color: var(--color-darkBlue);
    background-color: var(--color-orange);
    border-color: var(--color-orange);
}

.btn.green:not(.btn-outline).focus,
.btn.green:not(.btn-outline):focus,
.btn-success.focus,
.btn-success:focus,
.btn.green:not(.btn-outline).active,
.btn.green:not(.btn-outline):active,
.btn.green:not(.btn-outline):hover,
.open>.btn.green:not(.btn-outline).dropdown-toggle,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.focus,
.open>.btn-primary.dropdown-toggle.active,
.open>.btn-primary.dropdown-toggle:active,
.open>.btn-primary.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle:focus,
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover,
.btn-success:hover,
.btn-success:active,
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover,
.btn.green:not(.btn-outline).disabled.focus,
.btn.green:not(.btn-outline).disabled:focus,
.btn.green:not(.btn-outline).disabled:hover,
.btn.green:not(.btn-outline)[disabled].focus,
.btn.green:not(.btn-outline)[disabled]:focus,
.btn.green:not(.btn-outline)[disabled]:hover,
fieldset[disabled] .btn.green:not(.btn-outline).focus,
fieldset[disabled] .btn.green:not(.btn-outline):focus,
fieldset[disabled] .btn.green:not(.btn-outline):hover {
    color: var(--color-darkBlue);
    background-color: var(--color-yellow);
    border-color: var(--color-yellow);
}

.todo-username-btn {
    color: var(--color-darkBlue);
    border-color: var(--color-darkBlue);
}

.todo-username-btn:hover {
    color: var(--color-lightGray);
    background-color: var(--color-blue);
    border-color: var(--color-darkBlue);
}

.btn-default.active,
.btn-default:active,
.btn-default:not([disabled]):hover,
.btn-default:not([disabled]):hover>i,
.open>.btn-default.dropdown-toggle,
.open>.btn-default.dropdown-toggle:not([disabled]),
.btn-default.focus:not([disabled]),
.btn-default:not([disabled]):focus {
    color: var(--color-lightGray) !important;
    background-color: var(--color-darkBlue) !important;
    border-color: var(--color-darkBlue) !important;
}

/* END button overrides */

.inbox .inbox-nav>li.active>a {
    border-left: 4px solid var(--color-red);
}

.portlet.light:not(.portlet-fit) .portlet-title {
    margin-top: -12px !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding-top: 12px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.portlet.light>.portlet-title>.caption>.caption-subject,
.portlet-title>.caption>.caption-subject {
    font-size: 16px;
}

.portlet.light>.portlet-title>.caption,
.portlet-title>.caption {
    padding: 10px 0;
}

.user-login-5 .login-container>.login-content>h1 {
    font-size: 30px;
    font-weight: bold;
    color: var(--color-darkBlue);
}

.portlet.light .portlet-title {
    background-color: var(--color-orange);
}

.portlet-title * {
    color: var(--color-darkBlue) !important;
}

.btn-default:hover .glyphicon,
.btn-default:active .glyphicon {
    color: var(--color-lightGray) !important;
}


.border-after-blue::after,
.border-before-blue::before,
.border-blue {
    border-color: var(--color-lightBlue) !important;
}

.note.note-success {
    background-color: color-mix(in srgb, var(--color-lightBlue) 40%, transparent);
    border-color: var(--color-lightBlue);
    color: var(--color-darkBlue);
}

.note.note-danger {
    background-color: color-mix(in srgb, var(--color-red) 20%, transparent) !important;
    border-color: var(--color-red);
    color: var(--color-darkBlue);
}

.mt-element-ribbon .ribbon.ribbon-color-danger {
    background-color: var(--color-red);
    color: var(--color-white);
}

.mt-element-ribbon .ribbon.ribbon-color-primary {
    background-color: var(--color-blue);
    color: var(--color-white);
}

.page-header .page-header-top .page-logo .logo-default {
    margin: 10px 0 0;
    width: 255px;
}

.page-header .page-header-menu {
    background-color: var(--color-darkBlue);
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover {
    color: var(--color-lightGray);
    background: color-mix(in srgb, var(--color-lightBlue) 30%, transparent);
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:active,
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus,
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover {
    color: var(--color-white);
    background: color-mix(in srgb, var(--color-lightBlue) 40%, transparent) !important;
}

.help-block,
.page-head .page-title>h1 {
    color: var(--color-darkBlue);
}

.font-red {
    color: var(--color-red) !important;
}

.font-green {
    color: var(--color-green) !important;
}

.font-yellow {
    color: var(--color-yellow) !important;
}

.font-orange {
    color: var(--color-orange) !important;
}

.alert-danger {
    color: var(--color-red) !important;
    background-color: color-mix(in srgb, var(--color-red) 30%, transparent) !important;
    border-color: color-mix(in srgb, var(--color-red) 30%, transparent) !important;
}

.page-footer {
    background: var(--color-darkBlue);
    color: var(--color-gray);
}

.badge-danger {
    background-color: var(--color-red);
}

/* WheelNav.js overrides */
#wheelnav-wheelDiv-title-6,
#wheelnav-wheelDiv-title-2, 
#wheelnav-wheelDiv-title-0
{
    fill: var(--color-white);
}

/* END WheelNav.js */
/* TODO view overrides */
.todo-tasklist-item-border-yellow {
    border-left: var(--color-orange) 2px solid;
}

.todo-tasklist-item-border-green {
    border-left: var(--color-lightGreen) 2px solid;
}

.todo-tasklist-item-border-blue {
    border-left: var(--color-blue) 2px solid;
}

.todo-tasklist-item-border-red {
    border-left: var(--color-red) 2px solid;
}

.todo-tasklist-item {
    background: var(--color-lightGray);
}

div .todo-tasklist-item:hover {
    cursor: pointer;
    background-color: color-mix(in srgb, var(--color-lightGray) 50%, transparent);
}

/* END TODO view overrides */
/* Badge overrides */

.badge-default {
    background-color: var(--color-green);
}

.badge-danger {
    background-color: var(--color-red);
}

.badge-warning {
    background-color: var(--color-orange);
}

.badge-success {
    background-color: var(--color-lightBlue);
}

.badge-info {
    background-color: var(--color-gray);
}

/* END Badge overrides */
/* Table overrides */

.table-striped > tbody > tr > td {
    background-color: transparent;
}

.table-striped > tbody > tr:nth-of-type(2n+1) > td {
    background-color: var(--color-lightGray);
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: var(--color-lightBlue) !important;
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: color-mix(in srgb, var(--color-red) 60%, var(--color-lightGray)) !important;
}

.table-hover>tbody>tr.danger:hover,
.table-hover>tbody>tr.danger:hover>td {
    background: color-mix(in srgb, var(--color-red) 40%, var(--color-lightGray)) !important;
}

.table-hover>tbody>tr.success:hover,
.table-hover>tbody>tr.success:hover>td {
    background: color-mix(in srgb, var(--color-lightBlue) 40%, var(--color-lightGray)) !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
  }

/* END Table overrides */

/* Admin blocky thingamajinga overrides */
.dashboard-stat.hm-lightBlue {
    background-color: var(--color-lightBlue);
}

.dashboard-stat.hm-blue {
    background-color: var(--color-blue);
    border: 1px solid var(--color-blue);
}

.dashboard-stat.hm-blue>a div.number,
.dashboard-stat.hm-blue>a div.desc,
.dashboard-stat.hm-blue>a div.more i {
    color: var(--color-white) !important;
}

.dashboard-stat:hover>a div.number {
    text-decoration: underline;
}

.dashboard-stat.hm-yellow {
    background-color: var(--color-yellow);
    border: 1px solid var(--color-yellow);
}

.dashboard-stat .details .number,
.dashboard-stat .details .desc,
.dashboard-stat .more {
    color: var(--color-darkBlue);
}

.dashboard-stat.hm-orange,
.dashboard-stat.hm-orange .more {
    background-color: var(--color-orange);
}

.dashboard-stat .visual>i {
    color: var(--color-white);
    opacity: .3;
}

.dashboard-stat .details .number {
    padding-top: 10px;
  }

  .dashboard-stat .visual>i {
    margin-left: -35px;
    font-size: 80px;
    line-height: 80px;
}

.dashboard-stat .more>i {
    margin-bottom: 5px;
}

.dashboard-stat .visual {
    width: 50px;
    height: 50px;
}

.dashboard-stat.active {
    border-color: var(--color-darkBlue);
}

/* END Admin blocky thingamajinga overrides */

.label-hm-ongoing {
    background-color: var(--color-orange);
}

.label-hm-draft {
    background-color: var(--color-green);
    color: var(--color-white) !important;
}

.label-hm-finished {
    background-color: var(--color-gray);
}

.label {
    color: var(--color-darkBlue);
    font-weight: bold;
}

.label-success {
    background-color: var(--color-blue);
}

.label-info {
    background-color: var(--color-gray);
}

.reviewer-table-link {
    color: var(--color-darkBlue);
    text-decoration: underline;
}

.new-event-button-container {
    padding-bottom: 15px;
}

.interview-title {
    background-color: var(--color-lightBlue) !important;
}

.secret-notes-title {
    background-color: var(--color-blue) !important;
}

.secret-notes-title * {
    color: var(--color-white) !important;
}

.secret-notes-portlet {
    background-color: color-mix(in srgb, var(--color-red) 40%, var(--color-white)) !important;
}

.btn-default {
    border: 1px solid var(--color-green) !important;
    font-weight: bold;
    color: var(--color-green) !important;
}

.btn-default i {
    color: var(--color-green) !important;
}

.dashboard-team-selection .select2 .selection,
.dashboard-team-selection .select2 .select2-search,
.dashboard-team-selection .select2 .select2-results, 
.select2-container .select2-results__option 
{
    font-weight: bold;
    color: var(--color-green);
}

.dashboard-team-selection .select2 .select2-selection__rendered {
    color: var(--color-green) !important;
}

.select2-container .select2-results__option--highlighted {
    color: var(--color-white) !important;
    background-color: var(--color-darkBlue) !important;
}

.select2-container--bootstrap .select2-results__option[aria-selected="true"] {
    font-weight: normal;
    color: var(--color-darkBlue);
    background-color: var(--color-orange);    
}

@media (max-width: 991px) {
    .mobile-hidden {
        display: none;
    }
}

@media (max-width: 1365px) {
    .login-logo-container {
        width: 200px;
        height: 100px;
        margin-left: 20px;
    }
}

@media screen and (min-width: 991px) {
    .mobile-only {
        display: none;
    }
}

@media (max-width: 760px) {
    .login-button {
        width: 100%;
        min-width: 250px;
    }
}

.inbox-sidebar > h3 {
    text-align: center;
}