.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
    background: #06c;
}

.nav.metismenu > li > ul > li > a, .nav.metismenu > li > a {
    color: #fff;
}

.top-right-profile .top-profile-role {
    color: #d4d4d4;
}

.nav-header .text-muted {
    color: #d4d4d4 !important;
}

.color-white {
    color: #fff;
}

.logo-element-version {
    color: #ccc !important;
}

    .logo-element-version h3 {
        color: #ccc !important;
    }

.nav.metismenu > li.active > a {
    background-color: #06c !important;
}

.nav > li.active {
    border-left: 4px solid #06c;
    background: #06c;
}

.btn-primary {
    background-color: #06c;
    border-color: #06c;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
        background-color: #00478f;
        border-color: #00478f;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        background-color: #00478f;
        border-color: #00478f;
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: none;
    }

    .btn-primary:disabled {
        background-color: #06c;
        border-color: #06c;
    }

    .btn-primary[disabled]:hover {
        background-color: #06c;
        border-color: #06c;
    }

.btn-warning {
    background-color: #fff;
    border-color: #06c;
    color: #06c;
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning.focus {
        background-color: #e0f0ff;
        border-color: #00478f;
        color: #00478f;
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
        background-color: #e0f0ff;
        border-color: #00478f;
        color: #00478f;
    }

.btn-info {
    background-color: #06c;
    border-color: #06c;
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active, .btn-info.active:hover, .btn-info.active:focus, .open .dropdown-toggle.btn-info {
        background-color: #00478f;
        border-color: #00478f;
    }

    .btn-info.btn-outline {
        color: #fff;
    }

    .btn-info[disabled], .btn-info[disabled]:hover {
        background-color: #06c;
        border-color: #06c;
    }

.btn-success {
    background-color: #205d86;
    border-color: #205d86;
}

    .btn-success:hover, .btn-success:focus, .btn-success.focus {
        background-color: #06c;
        border-color: #06c;
    }

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    background-color: #00478f;
    border-color: #00478f;
}

.navbar-top-links li.cart-circle:hover, .navbar-top-links li.screenshot-circle:hover, .navbar-top-links li.logout-circle:hover {
    background: #06c !important;
}

.nav.navbar-right > li > a:focus {
    background: #06c;
}

.nav.navbar-right > li > a {
    color: #233646;
}

table.table thead tr {
    background: #06c !important;
}

table.dataTable tr td.sorting_1, table.dataTable tr td.sorting_2, table.dataTable tr td.sorting_3, table.dataTable tr td.sorting_4, table.dataTable tr td.sorting_5, table.dataTable tr td.sorting_6, table.dataTable tr td.sorting_7, table.dataTable tr td.sorting_8, table.dataTable tr td.sorting_9 {
    color: #000 !important;
    background-color: #f3f3f3 !important;
}

.dataTable tr a {
    color: #0066cc !important;
}

    .dataTable tr a:hover, .dataTable tr a.rowEdit:hover {
        color: #0066cc !important;
    }

table.dataTable tr.odd {
    background-color: #f3f3f3 !important;
}

.dataTable tr.even:hover {
    background-color: #f3f3f3 !important;
}

.page-item.active .page-link {
    background-color: #06c;
    border-color: #06c;
    color: #fff !important;
}

.pagination > li a:focus {
    border: #06c solid 1px;
    background: #06c;
}

.popoverWrapper .font-medium {
    color: #0066cc !important;
}

.text-success {
    color: #0066cc !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #06c !important;
}

.mandatory, .red {
    color: #B30000;
    font-size: 16px;
}

#auto-top-link {
    background: #06c;
}

.nav-wizard > li.done > a {
    background-color: #00478f;
    color: #fff;
}

    .nav-wizard > li.done > a::after {
        border-left-color: #00478f;
    }

.nav-wizard > li.done:hover > a {
    background-color: #06c;
}

    .nav-wizard > li.done:hover > a:after, .nav-wizard > li:hover > a:after {
        border-left-color: #06c;
    }

.nav-wizard > li.disabled > a:after {
    border-left-color: #e4e4e4;
}

.nav-wizard > li.active > a, .nav-wizard > li.active > a:hover, .nav-wizard > li.active > a:focus {
    background: #06c !important;
}

    .nav-wizard > li.active > a:after {
        border-left-color: #06c;
    }

.nav-wizard > li.active.done:hover > a:after {
    border-left-color: #06c;
}

.tabs-container .nav-tabs a.active .alpha-circle {
    background: #06c;
}

.tabs-container .nav-tabs a.active {
    color: #06c;
}


.btn-success.btn-outline.grid-icon {
    background: #fff;
    color: #06c !important;
    border-color: #06c;
}

    .btn-success.btn-outline.grid-icon:hover {
        background: #06c;
        color: #fff !important;
    }

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color: #fff !important;
    background: #06c;
    border-color: #06c;
}

ul.nav-pills {
    border-bottom: #06c solid 3px;
}

.nav-pills > li a:hover {
    background: #06c !important;
}

.nav-pills > li a.active {
    background-color: #06c;
}

    .nav-pills > li a.active:hover, .nav-pills > li a.active:focus {
        background-color: #06c;
    }


body.mini-navbar .nav-header {
    background-color: #1a1a1a !important;
}

.sidebar-collapse {
    background-color: #1a1a1a !important;
}

.navbar-fixed-top, .navbar-static-top, .nav-header, ul.nav-second-level {
    background: #1a1a1a;
}

.box-wrapper .box-title h4 {
    background: #1a1a1a !important;
}

    .box-wrapper .box-title h4:after {
        border-bottom: #1a1a1a solid 3px;
    }

.bottom-comments .panel-default > .panel-heading a {
    background-color: #1a1a1a !important;
}

#auto-top-link:hover {
    background: #00478f;
}

.nav.metismenu .nav-header {
    border-bottom: #4d4d4d solid 1px;
}

.logo-element-version {
    border-top: #4d4d4d solid 1px;
}

a {
    color: #0066cc;
}

.margin-bottom0 {
    margin-bottom: 0px !important;
}

.comments-textarea textarea {
    border: 2px solid #1a1a1a;
    color: #1a1a1a;
    border-radius: 4px;
}

.nav.navbar-right > li > a {
    color: #fff;
    padding: 7px 6px;
}

    .nav.navbar-right > li > a:hover { /*color:#06c !important;*/
    }

.navbar-top-links li.cart-circle, .navbar-top-links li.screenshot-circle, .navbar-top-links li.logout-circle {
    background: none;
    border-radius: 0px;
    color: #fff;
}

    .navbar-top-links li.cart-circle:hover, .navbar-top-links li.screenshot-circle:hover, .navbar-top-links li.logout-circle:hover,
    .navbar-top-links li.cart-circle:focus, .navbar-top-links li.screenshot-circle:focus, .navbar-top-links li.logout-circle:focus,
    .nav.navbar-right > li > a:focus {
        background: none !important;
        border-radius: 4px !important;
        color: #fff !important;
    }

    .navbar-top-links li.cart-circle a {
        padding: 6px;
    }

.box-wrapper .box-title h4,
.bottom-comments .panel-default > .panel-heading a {
    font-size: 1.5rem;
}

    .bottom-comments .panel-default > .panel-heading a:after {
        font-size: 38px;
    }

.dropdown-toggle .fa-user-o {
    float: left;
    width: 35px;
    height: 35px;
    padding: 10px 7px;
    font-size: 16px;
    color: #fff;
}

.dropdown-toggle:hover .fa-user-o {
    color: #06c !important;
    transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ase 0s;
}

.text-info {
    color: #06c !important;
}

    .text-info:hover {
        color: #00478f !important;
    }

.ui-widget-content a.text-info {
    color: #06c !important;
}

    .ui-widget-content a.text-info:hover {
        color: #00478f !important;
    }

a.text-info:hover, a.text-info:focus {
    color: #00478f !important;
}


.mobi-search-click:hover {
    background: #06c !important;
}

.searchclose {
    color: #000;
}

a.searchclose:hover {
    color: #06c;
}

.footer {
    background: #1a1a1a;
    color: #fff;
    padding: 40px 20px 30px 20px;
    margin-top: 20px;
}

    .footer a {
        color: #fff;
    }

.input-label label, .comments-label label, .access-level label {
    cursor: pointer;
    color: #1a1a1a;
    font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 0.7rem 0;
    max-width: 38.75em;
    white-space: normal;
}

.input-box {
    margin: 0 0 2.5rem;
    position: relative;
}

.box-wrapper.view-screen .input-box, .box-wrapper.view-screen-rightalign .input-box {
    margin-bottom: 0px !important;
}

.input-box input {
    border: 2px solid #1a1a1a !important;
    border-radius: 4px !important;
    box-sizing: border-box;
    color: #1a1a1a !important;
    display: block;
    font-size: 1rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    max-width: 46em;
    width: 100%;
    padding: .625rem 1rem;
    -webkit-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    height: auto !important;
}

input:focus, input:active,
select:focus, select:active,
textarea:focus, textarea:active {
    box-shadow: 0 0 0 4px #009adb !important;
    outline: 4px solid transparent;
    -webkit-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    outline: none;
}

td select {
    margin-bottom: 0px !important;
}

.input-box select, .dropdownAccessLevel select, td select {
    background-color: #fff;
    background-image: url("../icons/ontario-material-dropdown-arrow-48px.svg");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 2rem;
    padding-right: calc(1rem* 2.25);
    cursor: pointer;
    border: 2px solid #1a1a1a !important;
    border-radius: 4px;
    box-sizing: border-box;
    color: #1a1a1a !important;
    display: block;
    font-size: 1rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    max-width: 46em;
    width: 100%;
    padding: .625rem 1rem;
    -webkit-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    height: auto !important;
}

    .input-box select::-ms-expand {
        display: none;
    }

.input-box option {
    font-weight: normal
}

input:disabled, select:disabled {
    background-color: #e2e2e2 !important;
}

.bottom-button input:disabled {
    background-color: #757575 !important;
}

input.k-textbox {
    padding: 10.5px 20px !important;
    font-size: 16px !important;
}

.box-wrapper .box-content .btn-top-pad {
    margin-top: 44px;
}

.box-wrapper .box-content .labelCheckBox {
    margin-top: 43px;
}

#content input[type="button"]:not(.help-content), #contentForInquiry input[type="button"]:not(.help-content), .btn-w-m {
    min-width: 10rem;
}

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

    .btn-danger:hover {
        background-color: #800000 !important;
    }


.font-size-19 {
    font-size: 19px;
}

.PageHeader h3 {
    font-size: 28px;
}

.popoverWrapper .text-success {
    font-size: 19px;
}

ul.cust-info li {
    font-size: 19px;
}

.popoverWrapperList {
    width: 400px;
    font-size: 19px;
}

.ontario-radios-center .ontario-radios__item {
    display: inline-block;
}

.ontario-show-for-small-only {
    display: none;
}

.ontario-header-button:focus {
    box-shadow: 0 0 0 4px #009adb;
    outline: 4px solid transparent;
    -webkit-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out
}

.ontario-header-button {
    background-color: #1a1a1a;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 600;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 48px;
    line-height: calc(14 / 9);
    text-align: center;
    text-decoration: none
}

    .ontario-header-button:hover, .ontario-header-button:focus, .ontario-header-button:visited {
        color: #fff !important;
    }

.ontario-header-button--with-outline, .ontario-header-button--without-outline {
    background-color: #1a1a1a !important;
    color: #fff;
    height: 38px;
}

    .ontario-header-button--with-outline:hover, .ontario-header-button--without-outline:hover {
        background-color: #4d4d4d !important;
    }

    .ontario-header-button--with-outline:active, .ontario-header-button--without-outline:active {
        background-color: #666 !important;
    }

    .ontario-header-button--with-outline:focus, .ontario-header-button--without-outline:focus {
        background-color: #4d4d4d !important;
    }

.ontario-header-button--with-outline {
    border: 2px solid #fff;
    margin: 0 0 0 1rem;
    padding: calc(0.75rem / 2) 1rem
}

    .ontario-header-button--with-outline:hover {
        border: 2px solid #fff;
        color: #fff
    }

    .ontario-header-button--with-outline:focus {
        background-color: #4d4d4d
    }

.ontario-header-button--without-outline:focus {
    background-color: #4d4d4d
}

.nav.metismenu > li > a:hover > .fa-cog {
    color: #fff !important;
}

.errorMessage, .actionMessage {
    font-size: 16px;
    line-height: 24px;
}

.actionMessage {
    list-style: none;
    display: inline-block;
    padding-left: 5px;
}

    .actionMessage > li > i {
        margin-right: 5px;
    }

.input-validation-error + .errspan, .input-validation-error > .errspan {
    position: absolute;
    right: 10.5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    font-size: 20px;
    line-height: 1;
    pointer-events: none;
    margin-left: 0;
    padding-right: 0;
    padding-top: 0;
    vertical-align: middle;
}

.k-datepicker,
.k-widget.k-maskedtextbox {
    position: relative;
}

.k-datepicker .input-validation-error + .errspan, .k-datepicker .input-validation-error > .errspan {
    right: -12px;
    top: 50% !important;
    transform: translateY(-50%);
}

.input-group.date-picker {
    position: relative;
}

.input-group.date-picker .input-validation-error + .errspan,
.input-group.date-picker .input-validation-error > .errspan {
    right: -18px;
    top: 50% !important;
    transform: translateY(-50%);
}

.k-widget.k-maskedtextbox .input-validation-error + .errspan, .k-widget.k-maskedtextbox .input-validation-error > .errspan {
    top: 50%;
    transform: translateY(-50%);
}

.k-combobox .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select {
    border-width: 0px;
    background: #000;
    color: #fff;
}

.k-select {
    border-color: #000 !important;
}

.box-wrapper .box-title .ontario-button {
    margin-bottom: 0px;
    padding: 0.3px;
}

.k-maskedtextbox.w-120p {
    float: left;
    margin-right: 15px;
}

.ontario-checkboxes__input:disabled + .ontario-checkboxes__label:after { /*opacity: 0.4 !important;*/
}

.ontario-checkboxes__input:disabled + .ontario-checkboxes__label {
    cursor: not-allowed;
    float: left;
}

    .ontario-checkboxes__input:disabled + .ontario-checkboxes__label:before {
        background-color: #e2e2e2 !important;
    }

.ontario-checkboxes__input:disabled + .ontario-radios__label {
    cursor: not-allowed;
    float: left;
}

    .ontario-checkboxes__input:disabled + .ontario-radios__label:before {
        background-color: #e2e2e2 !important;
    }

.ontario-checkboxes__input:checked + .ontario-radios__label:after {
    opacity: 1;
}

.spin-icon {
    background: #06c !important;
}

.skin-setttings .title {
    border-bottom: solid #06c;
}

.onoffswitch-inner:before {
    background-color: #06c !important;
}

.onoffswitch-switch, .onoffswitch-label {
    border: 2px solid #06c;
}

.text-navy, .spinning-bar {
    color: #06c !important;
}

a.text-muted {
    color: #06c !important;
}

.search-result .search-link {
    color: #000 !important;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    background-color: #0066cc;
    border-color: #0066cc;
}

.k-calendar .k-today .k-link {
    color: #0066cc;
}

.k-calendar .k-today {
    -webkit-box-shadow: inset 0 0 0 1px #0066cc;
    box-shadow: inset 0 0 0 1px #0066cc;
}

.k-calendar td.k-state-selected .k-link, .k-calendar td.k-today.k-state-selected.k-state-hover .k-link {
    background-color: #0066cc;
    border-color: #0066cc;
}

.ui-dialog-titlebar {
    background-color: #0066cc !important;
}

.ui-widget {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ui-dialog-buttonset > button.ontario-button--primary {
    background-color: #06c !important;
    color: #fff !important;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: none;
    display: inline-block;
    font-size: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: calc(14/9);
    margin: 0 calc(1rem + 0.75rem) 1.5rem 0;
    min-width: 10rem;
    padding: calc((1rem + 0.25rem) / 2) 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

    .ui-dialog-buttonset > button.ontario-button--primary:hover {
        background-color: #00478f !important;
        color: #fff !important;
    }

    .ui-dialog-buttonset > button.ontario-button--primary:focus {
        background-color: #00478f !important;
        color: #fff !important;
        -webkit-transition: background-color .2s ease-out, box-shadow .1s ease-in-out;
        transition: background-color .2s ease-out, box-shadow .1s ease-in-out
    }

    .ui-dialog-buttonset > button.ontario-button--primary:active {
        background-color: #002142 !important;
        color: #fff !important;
        -webkit-transition: background-color 0s, box-shadow .1s ease-in-out;
        transition: background-color 0s, box-shadow .1s ease-in-out;
    }

    .ui-dialog-buttonset > button.ontario-button--primary:visited {
        color: #fff !important;
    }

.ui-dialog-buttonset > button.ontario-button--secondary {
    background-color: #fff !important;
    border: 2px solid #06c !important;
    color: #06c !important;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

    .ui-dialog-buttonset > button.ontario-button--secondary:hover {
        background-color: #e0f0ff !important;
        border-color: #00478f !important;
        color: #00478f !important;
    }

    .ui-dialog-buttonset > button.ontario-button--secondary:focus {
        background-color: #e0f0ff !important;
        border-color: #00478f !important;
        color: #00478f !important;
    }

    .ui-dialog-buttonset > button.ontario-button--secondary:active {
        background-color: #c2e0ff !important;
        border-color: #002142 !important;
        color: #002142 !important;
    }

    .ui-dialog-buttonset > button.ontario-button--secondary:visited {
        color: #06c !important;
    }

.ui-dialog-buttonset > button {
    background-color: #06c;
    color: #fff;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: none;
    display: inline-block;
    font-size: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: calc(14/9);
    margin: 0 calc(1rem + 0.75rem) 1.5rem 0;
    min-width: 10rem;
    padding: calc((1rem + 0.25rem) / 2) 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

    .ui-dialog-buttonset > button:hover {
        background-color: #00478f;
        color: #fff
    }

    .ui-dialog-buttonset > button:focus {
        background-color: #00478f;
        color: #fff;
        -webkit-transition: background-color .2s ease-out, box-shadow .1s ease-in-out;
        transition: background-color .2s ease-out, box-shadow .1s ease-in-out
    }

    .ui-dialog-buttonset > button:active {
        background-color: #002142;
        color: #fff;
        -webkit-transition: background-color 0s, box-shadow .1s ease-in-out;
        transition: background-color 0s, box-shadow .1s ease-in-out;
    }

    .ui-dialog-buttonset > button:visited {
        color: #fff;
    }

.panel-group .disclaimer {
    font-size: 16px;
}

.card-body {
    font-size: 16px;
}

.alert-danger {
    color: #8F0000;
}

.version-text {
    font-size: 12px;
    color: #ededed;
}

.toast-success {
    background-color: #06c;
}

#page-wrapper {
    padding-bottom: 185px;
}

.sr-only {
    color: #000;
}

.navbar-top-links .sr-only, .bottom-button .sr-only, .navbar-header .sr-only {
    color: #fff !important;
}

.label-success, .badge-success {
    background-color: #06c;
}

.label-info, .badge-info {
    background-color: #06c !important;
}

.box-wrapper.view-screen .input-label label {
    font-size: 13px;
    font-weight: normal;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .box-wrapper.view-screen .input-label label .ontario-label__flag {
        display: none;
    }

#content input[type="button"]:disabled {
    background: #757575 !important;
}

.setings-item input[type="button"]:disabled {
    background: #757575 !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
}

.btn-success.btn-outline {
    color: #fff !important;
}

.denomination-btn a {
    color: #06c !important;
}

.fa-plus-circle:hover, .fa-minus-circle:hover {
    color: #00478f !important;
}

#popup {
    padding-top: 7px;
}

.ui-dialog .ui-dialog-content {
    padding: 10px 0px !important;
}

.box-wrapper .box-content .input-box select {
    padding-right: 35px;
    min-width: 100px;
}

td select {
    padding-right: 35px;
    min-width: 100px;
}

.ui-widget-content a#rotateLeft1, .ui-widget-content a#rotateRight1 {
    color: #06c !important;
}


.label-primary, .badge-primary {
    background-color: #0066cc;
}

.navbar-top-links li.cart-circle:hover .label-primary {
    color: #000;
}

.box-wrapper .box-content .input-box input.w-170p {
    display: inline !important;
    margin-right: 15px;
}

.box-wrapper .box-content .input-box input.w-100p {
    float: left;
    margin-right: 15px;
}

.box-wrapper .box-content .input-box input.w-90p {
    display: inline !important;
    margin-right: 15px;
}

.box-wrapper .box-content .input-box input.w-50p {
    display: inline !important;
}

.box-wrapper .box-content .input-box input.w-70p {
    display: inline !important;
}

.box-wrapper .box-content .input-box input.w-80p {
    display: inline !important;
}

.box-wrapper .box-content .input-box input.w-150p {
    display: inline !important;
}

.box-wrapper .box-content .input-box .k-maskedtextbox.w-170p {
    display: inline !important;
}

.box-wrapper .box-content .input-box input.w-120p {
    display: inline !important;
    margin-right: 15px;
}

.box-wrapper .box-content .input-box select.w-80p {
    display: inline !important;
}

#content {
    z-index: 1;
}

.input-group-addon {
    background-color: #000;
    color: #fff;
}

.k-select {
    border-radius: 0 4px 4px 0 !important;
}

.input-box .k-picker-wrap input {
    border-radius: 4px 0 0 4px !important;
}

.input-group.date-picker .input-group-addon {
    border-radius: 0 4px 4px 0 !important;
    border: 0px;
    padding: 6px 12px 4px 12px;
}

.date-picker input {
    border-radius: 4px 0 0 4px !important;
}

.error-close {
    float: right;
    font-size: 18px;
    color: #000;
}

.grid-icon {
    padding: 5px 6px !important;
}

.display-label {
    float: left;
    padding-top: 12px;
    padding-right: 15px;
}

.display-list {
    float: left;
}

    .display-list.input-box {
        margin-bottom: 0px;
    }

.dropdownAccessLevel select {
    width: 160px;
}

.HelpPopup {
    z-index: 9999;
}

.treeview .hover {
    color: #00478f;
}

.bottom-button-left {
    text-align: left;
    border-bottom: #828182 solid 3px;
    margin: 0 30px;
}

    .bottom-button-left ul li {
        display: inline-block;
        margin: 5px 3px;
    }

    .bottom-button-left ul {
        padding: 0px;
    }

.input-box select.mh-100p {
    background: none !important;
}

#imgAddCashDrawerReconcileGrid span.fa.fa-plus {
    color: #0066cc !important;
}

.ui-widget-content a {
    color: #0066cc !important;
}

.ui-state-active a {
    color: #fff !important;
}

.custom-file {
    height: auto;
}

.custom-file-label {
    padding: .625rem 1rem;
    border: 2px solid #1a1a1a;
    height: 48px;
    font-size: 16px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
}

    .custom-file-label:after {
        padding: .625rem 1rem;
        height: 44px;
    }

.box-wrapper .box-content .input-label {
    position: relative;
}

/*-----------------------------ds-theme-CSS-----------------------------*/
@font-face {
    font-family: "Open Sans";
    font-weight: 400;
    font-style: normal;
    src: local("Open Sans"), local("Open-Sans-regular"), url("../fonts/open-sans-400/open-sans-400.woff2") format("woff2"), url("../fonts/open-sans-400/open-sans-400.woff") format("woff"), url("../fonts/open-sans-400/open-sans-400.svg#OpenSans") format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-weight: 600;
    src: local("Open Sans Semibold"), local("Open-Sans-600");
    src: url("../fonts/open-sans-600/open-sans-600.eot");
    src: url("../fonts/open-sans-600/open-sans-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-600/open-sans-600.woff2") format("woff2"), url("../fonts/open-sans-600/open-sans-600.woff") format("woff"), url("../fonts/open-sans-600/open-sans-600.ttf") format("truetype")
}

@font-face {
    font-family: "Open Sans";
    font-weight: 400;
    font-style: italic;
    src: local("Open Sans Italic"), local("Open-Sans-italic"), url("../fonts/open-sans-400--italic/open-sans-400--italic.woff2") format("woff2"), url("../fonts/open-sans-400--italic/open-sans-400--italic.woff") format("woff"), url("../fonts/open-sans-400--italic/open-sans-400--italic.svg#OpenSans") format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-weight: 700;
    src: local("Open Sans Bold"), local("Open-Sans-600");
    src: url("../fonts/open-sans-700/open-sans-700.eot");
    src: url("../fonts/open-sans-700/open-sans-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-700/open-sans-700.woff2") format("woff2"), url("../fonts/open-sans-700/open-sans-700.woff") format("woff"), url("../fonts/open-sans-700/open-sans-700.ttf") format("truetype"), url("../fonts/open-sans-700/open-sans-700.svg")
}

@font-face {
    font-family: "Raleway";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/raleway-modified-400/raleway-modified-400.woff2") format("woff2"), url("../fonts/raleway-modified-400/raleway-modified-400.woff") format("woff"), url("../fonts/raleway-modified-400/raleway-modified-400.svg") format("svg"), local("Raleway"), local("Raleway-400")
}

@font-face {
    font-family: "Raleway";
    font-weight: 600;
    font-style: normal;
    src: url("../fonts/raleway-modified-600/raleway-modified-600.woff2") format("woff2"), url("../fonts/raleway-modified-600/raleway-modified-600.woff") format("woff"), url("../fonts/raleway-modified-600/raleway-modified-600.svg") format("svg"), local("Raleway SemiBold"), local("Raleway-600")
}

@font-face {
    font-family: "Raleway";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/raleway-modified-700/raleway-modified-700.woff2") format("woff2"), url("../fonts/raleway-modified-700/raleway-modified-700.woff") format("woff"), url("../fonts/raleway-modified-700/raleway-modified-700.svg") format("svg"), local("Raleway Bold"), local("Raleway-700")
}


input[type=text], input[type=number], input[type=email], input[type=date], input[type=color], input[type=search], input[type=tel], textarea {
    background-origin: initial;
    height: auto;
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=checkbox] + label, input[type=radio] + label {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    margin-left: 0;
    margin-right: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    page-break-inside: avoid
}

legend, label {
    /* display: block;*/
    margin: 0
}

select {
    background-origin: initial;
    height: auto;
    -webkit-appearance: none;
    -moz-appearance: none
}

.ontario-button:focus, .ontario-button:active {
    box-shadow: 0 0 0 4px #009adb;
    outline: 4px solid transparent;
    -webkit-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out
}

.ontario-button {
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: none;
    display: inline-block;
    font-size: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: calc(14/9);
    margin: 0 calc(1rem + 0.75rem) 1.5rem 0;
    min-width: 10rem;
    padding: calc((1rem + 0.25rem) / 2) 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

@media screen and (max-width: 40em) {
    .ontario-button {
        margin-right: 0;
        display: block;
        width: 100%
    }
}

.ontario-button .ontario-icon {
    margin-right: 4px
}

.ontario-button--primary {
    background-color: #06c;
    color: #fff;
}

    .ontario-button--primary:hover {
        background-color: #00478f;
        color: #fff
    }

    .ontario-button--primary:focus {
        background-color: #00478f;
        color: #fff;
        -webkit-transition: background-color .2s ease-out, box-shadow .1s ease-in-out;
        transition: background-color .2s ease-out, box-shadow .1s ease-in-out
    }

    .ontario-button--primary:active {
        background-color: #002142;
        color: #fff;
        -webkit-transition: background-color 0s, box-shadow .1s ease-in-out;
        transition: background-color 0s, box-shadow .1s ease-in-out
    }

    .ontario-button--primary:visited {
        color: #fff
    }

.ontario-button--secondary {
    background-color: #fff;
    border: 2px solid #06c;
    color: #06c;
    padding-top: .5rem;
    padding-bottom: .5rem
}

    .ontario-button--secondary:hover {
        background-color: #e0f0ff;
        border-color: #00478f;
        color: #00478f
    }

    .ontario-button--secondary:focus {
        background-color: #e0f0ff;
        border-color: #00478f;
        color: #00478f;
        -webkit-transition: background-color .2s ease-out, box-shadow .1s ease-in-out;
        transition: background-color .2s ease-out, box-shadow .1s ease-in-out
    }

    .ontario-button--secondary:active {
        background-color: #c2e0ff;
        border-color: #002142;
        color: #002142;
        -webkit-transition: background-color 0s, box-shadow .1s ease-in-out;
        transition: background-color 0s, box-shadow .1s ease-in-out
    }

    .ontario-button--secondary:visited {
        color: #06c
    }

.ontario-button--tertiary {
    background-color: transparent;
    color: #06c;
    text-decoration: underline
}

    .ontario-button--tertiary:hover {
        background-color: #e8e8e8;
        color: #00478f;
        text-decoration: underline
    }

    .ontario-button--tertiary:focus {
        background-color: #e8e8e8;
        color: #00478f;
        text-decoration: underline;
        -webkit-transition: background-color .2s ease-out, box-shadow .1s ease-in-out;
        transition: background-color .2s ease-out, box-shadow .1s ease-in-out
    }

    .ontario-button--tertiary:active {
        background-color: #d1d1d1;
        color: #002142;
        text-decoration: underline;
        -webkit-transition: background-color 0s, box-shadow .1s ease-in-out;
        transition: background-color 0s, box-shadow .1s ease-in-out
    }

    .ontario-button--tertiary:visited {
        color: #06c
    }

.ontario-fieldset__legend {
    color: #1a1a1a;
    font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1875rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    line-height: 1.5;
    max-width: 38.75em;
    white-space: normal;
    width: 100%
}

@media screen and (max-width: 40em) {
    .ontario-fieldset__legend {
        font-size: 1.125rem;
        line-height: 1.56
    }
}

.ontario-fieldset__legend--large, .ontario-fieldset__legend--heading {
    font-size: 1.75rem;
    letter-spacing: .02rem;
    line-height: 1.2
}

    .ontario-fieldset__legend--large h1, .ontario-fieldset__legend--heading h1 {
        display: inline-block;
        font-size: inherit;
        margin: 0
    }

@media screen and (max-width: 40em) {
    .ontario-fieldset__legend--large, .ontario-fieldset__legend--heading {
        font-size: 1.4375rem;
        line-height: 1.39
    }
}

.ontario-fieldset__legend-required-flag, .ontario-fieldset__legend-optional-flag {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400
}

.ontario-checkboxes {
    margin-bottom: 2.5rem;
    max-width: 48rem
}

.ontario-checkboxes__item {
    position: relative;
    margin: 0 0 1rem;
    padding: 0 0 0 2rem;
    min-height: 28px;
    box-sizing: content-box
}

    .ontario-checkboxes__item:last-of-type {
        margin: 0
    }

@media screen and (max-width: 40em) {
    .ontario-checkboxes__item {
        padding: 0 0 0 2.5rem;
        min-height: 32px
    }
}

.ontario-checkboxes__input {
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: -2px;
    left: -2px;
    opacity: 0;
    width: 36px;
    height: 36px;
    z-index: 1;
    -webkit-tap-highlight-color: transparent
}

@media screen and (max-width: 40em) {
    .ontario-checkboxes__input {
        width: 40px;
        height: 40px
    }
}

.ontario-checkboxes__label {
    display: inline-block !important;
    cursor: pointer;
    line-height: 1.5;
    margin: .25rem 0;
    padding: 0.1rem 1rem;
    width: auto;
    white-space: normal
}

@media screen and (max-width: 40em) {
    .ontario-checkboxes__label {
        margin: .33rem 0
    }
}

.ontario-checkboxes__label:before {
    content: "";
    border: 2px solid #1a1a1a;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    -webkit-transition: border .1s ease-in-out;
    transition: border .1s ease-in-out;
    display: block
}

@media screen and (min-width: 40em) {
    .ontario-checkboxes__label:before {
        /* width: 28px;
    height: 28px*/
    }
}

.ontario-checkboxes__label:after {
    content: "";
    background-image: url("../icons/ontario-checkbox-background-no-width.svg");
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 1px;
    left: 1px;
    right: 0;
    bottom: 0;
    opacity: 0;
    display: block
}

.ontario-checkboxes__input:focus + .ontario-checkboxes__label:before {
    box-shadow: 0 0 0 4px #009adb;
    outline: 4px solid transparent;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.ontario-checkboxes__input:checked + .ontario-checkboxes__label:after {
    opacity: 1
}

.ontario-checkboxes__input:checked + .ontario-checkboxes__label:before {
    background-color: #1a1a1a
}

.ontario-checkboxes__input:focus ~ .ontario-checkboxes__label:before {
    box-shadow: 0 0 0 4px #009adb;
    outline: 4px solid transparent;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.ontario-checkboxes__input:checked ~ .ontario-checkboxes__label:after {
    opacity: 1
}

.ontario-checkboxes__input:checked ~ .ontario-checkboxes__label:before {
    background-color: #1a1a1a
}

.ontario-checkboxes__input:disabled ~ .ontario-checkboxes__label:before {
    background-color: #e2e2e2;
}

.ontario-dropdown {
    background-color: #fff;
    background-image: url("../icons/ontario-material-dropdown-arrow-48px.svg");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 2rem;
    padding-right: calc(1rem* 2.25);
    cursor: pointer
}

    .ontario-dropdown::-ms-expand {
        display: none
    }

    .ontario-dropdown option {
        font-weight: normal
    }

.ontario-hint-expander__button:focus, .ontario-hint-expander__button:active {
    box-shadow: 0 0 0 4px #009adb;
    outline: 4px solid transparent;
    -webkit-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out
}

.ontario-label__flag {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

.ontario-radios__label {
    display: inline-block;
    font-size: 1rem;
    margin: .2rem 0;
    padding: 0 .75rem;
    touch-action: manipulation;
    white-space: normal
}

@media screen and (max-width: 40em) {
    .ontario-radios__label {
        margin: .3rem 0;
        padding: 0 1rem
    }
}

.ontario-radios__label:before {
    content: "";
    border: 2px solid #1a1a1a;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    -webkit-transition: border .1s ease-in-out;
    transition: border .1s ease-in-out
}

@media screen and (max-width: 40em) {
    .ontario-radios__label:before {
        width: 36px;
        height: 36px
    }
}

.ontario-radios__label:after {
    content: "";
    border-radius: 50%;
    border: 10px solid #1a1a1a;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(6px, 6px);
    transform: translate(6px, 6px);
    opacity: 0
}

@media screen and (max-width: 40em) {
    .ontario-radios__label:after {
        border: 12px solid #1a1a1a
    }
}

.ontario-radios__input:focus + .ontario-radios__label:before {
    box-shadow: 0 0 0 4px #009adb;
    outline: 4px solid transparent;
    -webkit-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out
}

.ontario-radios__input:checked + .ontario-radios__label:after {
    opacity: 1
}

.ontario-textarea {
    display: block;
    width: 100%;
    min-height: 144px;
    margin: 0 0 1.5rem;
    white-space: pre-wrap
}

.ontario-radios__item {
    position: relative;
    display: block;
    margin: 0 0 1rem;
    padding: 0 2rem 0
}

.ontario-radios__input {
    cursor: pointer;
    margin: 0;
    position: absolute;
    opacity: 0;
    top: -2px;
    left: -2px;
    width: 36px;
    height: 36px;
    z-index: 1
}

@media screen and (max-width: 40em) {
    .ontario-radios__input {
        width: 40px;
        height: 40px;
        top: -1.5px;
        left: -1.5px
    }
}

.ontario-form-group:last-of-type {
    margin-bottom: 3rem
}

.ontario-cart {
    background: url("../icons/shopping-cart-icon.svg") no-repeat;
    cursor: pointer;
    float: left;
    width: 30px;
    height: 30px;
}

.ontario-screenshot {
    background: url("../icons/screenshot-icon.svg") no-repeat;
    cursor: pointer;
    float: left;
    width: 30px;
    height: 30px;
}

.ontario-user {
    background: url("../icons/user-icon.svg") no-repeat 0 9px;
    cursor: pointer;
    float: left;
    width: 30px;
    height: 35px;
    margin-left: 5px;
}

.ontario-announcements {
    white-space: pre-wrap;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: inherit;
    border: 0px !important;
    padding-bottom: 0;
    margin-bottom: 0;
}

.ontario-footer__links-container--inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
}

@media screen and (min-width: 40em) {
    .ontario-footer__links-container--inline {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row
    }
}

.ontario-footer__link {
    color: #fff;
    display: inline-block;
    padding: .5rem 0;
    margin: 0;
    text-decoration: underline
}

    .ontario-footer__link:hover, .ontario-footer__link:focus {
        text-decoration: none
    }

    .ontario-footer__link:visited, .ontario-footer__link:active, .ontario-footer__link:hover {
        color: #fff
    }

@media screen and (min-width: 40em) {
    .ontario-footer__link {
        padding: 0;
        margin: 0 3rem 1rem 0
    }

    .ontario-footer__partnership-logo-container {
        text-align: right
    }
}

@media screen and (max-width: 40em) {
    .ontario-footer__partnership-logo-container {
        margin-top: 2.5rem;
        text-align: left
    }
}

.ontario-footer__ontario-logo {
    display: inline-block;
    height: 46px;
    margin-bottom: 1.5rem;
    margin-top: 0
}

@media screen and (min-width: 73em) {
    .ontario-footer__ontario-logo {
        margin-top: -5px
    }
}

.ontario-footer__link:hover, .ontario-footer__link:focus {
    text-decoration: none;
}

.footer a:focus {
    box-shadow: 0 0 0 4px #009adb;
    outline: 4px solid transparent;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.footer {
    font-size: 16px;
}

    .footer p {
        font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }


@media all and (max-width:767px) {
    .box-wrapper .box-content .btn-top-pad {
        margin-top: 0px;
    }

    .footer {
        position: relative;
    }

    #page-wrapper {
        padding-bottom: 0;
    }
}

@media all and (max-width:640px) {
    .ontario-show-for-small-only {
        display: block;
    }

    .ontario-show-for-medium {
        display: none;
    }

    .mobi-search-click {
        right: 180px;
    }
}

@media all and (max-width:580px) {
    .PageHeader h3 {
        line-height: 40px;
        margin-bottom: 40px;
    }
}

@media all and (max-width:480px) {
    .popoverWrapperList {
        width: 280px;
    }
}

#tabMenu {
    background: #fff;
    width: 100%;
    display: block;
    padding: 15px;
}

.progress a {
    color: #000;
}

    .progress a:hover {
        color: #06c;
    }

.progress {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 75%;
    color: #000;
    background: #fff;
    float: left;
}

    .progress > li {
        position: relative;
        display: table-cell;
        text-align: center;
        font-size: 13px;
        color: #000;
    }

        .progress > li:before {
            content: attr(data-step);
            display: block;
            margin: 0 auto;
            background: #dfe3e4;
            width: 3em;
            height: 3em;
            text-align: center;
            margin-bottom: 0.25em;
            line-height: 3em;
            border-radius: 100%;
            position: relative;
            z-index: 99;
        }

        .progress > li:after {
            content: '';
            position: absolute;
            display: block;
            width: 100%;
            height: 0.5em;
            top: 1.25em;
            left: 50%;
            margin-left: 1.5em \9;
            z-index: -1;
            background: #dfe3e4;
            background-size: 200%;
            background-position: 100%;
            z-index: 9;
        }

        .progress > li:last-child:after {
            display: none;
        }

        .progress > li.complete {
            color: #06c;
        }

            .progress > li.complete:before {
                color: #fff;
                background: #06c;
            }

            .progress > li.complete:after {
                background-position: 0;
            }

        .progress > li.active a {
            color: #06c !important;
        }

        .progress > li.active:before {
            color: #fff !important;
            background: #06c !important;
        }

        .progress > li.done a {
            color: #00478f;
            background: #fff;
        }

        .progress > li.done:before {
            color: #fff;
            background: #00478f;
        }
/** * Needed for IE8 */
.progress__last:after {
    display: none !important;
}
/** * Size Extensions */
.progress--medium {
    font-size: 1.5em;
}

.progress--large {
    font-size: 2em;
}

ul.nav-wizard {
    width: auto;
}

.env-header-span {
    color: #ff9999 !important;
    padding-left: 0px;
}

h1 {
    font-size: 16px;
    font-weight: 600;
}

:focus-visible {
    outline: #fff solid 1px;
    border-radius: 0;
}

/*#includeSidebar {
    z-index: 1 !important;
}*/

.loading {
    padding: 15px;
    background: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 150px;
}

@media print {
    table.table thead tr th {
        background: #06c !important;
    }
}

@media (max-width: 767px) {
    .col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .input-box {
        margin: 0 0 1.2rem;
    }

    .box-wrapper .box-content .labelCheckBox {
        margin-top: 20px;
    }
}

@media (min-width: 768px) {
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 991px) {
    .progress {
        width: 100%;
    }

    ul.nav-wizard {
        width: 100%;
        float: left;
        margin-top: 10px;
    }

    .nav-wizard.nav-justified > li {
        float: none;
    }
}

@media (min-width: 992px) {
    .col-lg-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .col-xl-9 {
        -ms-flex: 0 0 66.666666%;
        flex: 0 0 66.666666%;
        max-width: 66.666666%;
    }

    .col-xl-3 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.top-right-profile {
    margin-right: 0px;
}

.top-right-profile a.dropdown-toggle {
    width: 160px;
}

.navbar-top-links li.cart-circle a:focus, .navbar-top-links li.screenshot-circle a:focus, .navbar-top-links li.logout-circle a:focus {
    height: 38px;
    width: 38px;
}

.navbar-top-links li.cart-circle a:focus,
.navbar-top-links li.screenshot-circle a:focus {
    outline: 4px solid #009adb;
    background: transparent;
}

.nav.navbar-top-links a.dropdown-toggle:focus,
.top-right-profile .dropdown-menu li a:focus {
    box-shadow: 0 0 0 4px #009adb;
    outline: 4px solid transparent;
    -webkit-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
}

@media (max-width: 767px) {
    .top-right-profile a.dropdown-toggle {
        width: auto !important;
    }
}

.user-name {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* fallback using characters then responsive width */
    max-width: 12ch;
    max-width: calc(8vw + 4rem);
}

/* smaller screens: keep it shorter */
@media (max-width: 575px) {
    .user-name {
        max-width: 8ch;
    }
}

/* medium screens */
@media (min-width: 576px) and (max-width: 991px) {
    .user-name {
        max-width: 10ch;
    }
}

/* large screens: allow more characters */
@media (min-width: 992px) {
    .user-name {
        max-width: 18ch;
    }
}

/* Add or update this rule to force the button to be black */
.error-close-btn {
    color: #000 !important;  /*Ensures the 'X' stays visible*/ 
}
.error-close-btn:focus {
    outline: 2px solid #005fcc; /* High-contrast blue border */
    outline-offset: 2px;
    border-radius: 4px;  /*Optional: rounded corners */
    box-shadow: 0 0 0 2px #b3d4fc;  /*Optional: subtle glow*/ 
}

/* In case a global rule removed focus outlines, force the indicator for these controls */
.onoffswitch-checkbox:focus + .onoffswitch-label,
.onoffswitch-label:focus {
    outline: none;
    box-shadow: none;
}

/* Browser support: show ring when element is keyboard-focused */
.onoffswitch-checkbox:focus-visible + .onoffswitch-label,
.onoffswitch-label:focus-visible {
    outline: 3px solid #0b74da;
    outline-offset: 3px;
    border-radius: 6px;
}

/* Fallback for browsers that use JS to add .user-is-tabbing when keyboard is used */
.user-is-tabbing .onoffswitch-label:focus {
    outline: 3px solid #0b74da;
    outline-offset: 3px;
    border-radius: 6px;
}

/* Prevent the native focus ring from the checkbox itself */
.onoffswitch-checkbox:focus,
.onoffswitch-label::-moz-focus-inner {
    outline: none;
    border: 0;
}

.inq-spacer {
    display: block;
    width: 100%;
    clear: both; /* push content/pagination below floated columns */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.top-right-profile .dropdown-menu {
    top: calc(100% + 4px) !important;
    margin-top: 46px;
    margin-right: 10px;
}

.sidebar-collapse li.open-keyboard > .nav-second-level {
    display: block !important;
    position: absolute;
    left: 60px;   
    top: 0;
    z-index: 999;
    background: #000;  
    min-width: 160px;
}

#TreeRootNode span.folder,
#TreeRootNode span.leaf,
#TreeRootNode .hitarea {
    -webkit-tap-highlight-color: transparent;
    outline: none; /* reset any UA outline; we show custom outline below */
}

/* Strong, high-contrast focus ring only for keyboard focus */
#TreeRootNode span.folder:focus-visible,
#TreeRootNode span.leaf:focus-visible,
#TreeRootNode .hitarea:focus-visible,
#TreeRootNode span.folder.tree-focus-visible,
#TreeRootNode span.leaf.tree-focus-visible,
#TreeRootNode .hitarea.tree-focus-visible {
    outline: 1px solid #005FCC !important;
    outline-offset: 1px !important;
    z-index: 3000 !important;
    border-radius: 1px;
}

/* ensure text color remains readable if the theme uses dark backgrounds */
#TreeRootNode span.folder.tree-focus-visible,
#TreeRootNode span.leaf.tree-focus-visible {
    color: inherit !important;
}

/* keep dotted lines and spacing unaffected */
#TreeRootNode .hitarea {
    display: inline-block;
    vertical-align: middle;
}

/* Keyboard focus: supports :focus-visible and .user-is-tabbing fallback.
   Also account for icon inside refresh control when browsers focus the inner element. */
.ibox-tools .close-widget:focus-visible,
.user-is-tabbing .ibox-tools .close-widget:focus,
.ibox-tools a[title="close"]:focus-visible,
.user-is-tabbing .ibox-tools a[title="close"]:focus,
.ibox-tools .refresh-widget:focus-visible,
.user-is-tabbing .ibox-tools .refresh-widget:focus,
.ibox-tools a[title="refresh"]:focus-visible,
.user-is-tabbing .ibox-tools a[title="refresh"]:focus {
    outline: 1px solid #005FCC !important;
    outline-offset: 0 !important;
    border-radius: 1px !important;
}

.ibox-tools .close-widget,
.ibox-tools a[title="close"],
.ibox-tools .refresh-widget,
.ibox-tools a[title="refresh"] {
    display: inline-block;
    padding: 2px 4px;
}

#imgHeader, .logo-element {
    overflow: visible;  /*keep minimal — ensures container does not clip inner focus ring */
}

/* Draw an inset focus ring so it doesn't overflow container bounds */
#ontarioLogoMain:focus,
#ontarioLogoCollapsed:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px #ffffff;
    border-radius: 1px;
}

/* Make sure the image is keyboard-focusable styling looks good */
#ontarioLogoMain,
#ontarioLogoCollapsed {
    display: inline-block;
    vertical-align: middle;
}

.widget-links a:focus,
.widget-links a:focus-visible,
.ibox .ibox-content a:focus,
.ibox .ibox-content a:focus-visible,
.widget-links .dropdown-toggle:focus,
.widget-links .dropdown-toggle:focus-visible,
.widget-links .dropdown-menu a:focus,
.widget-links .dropdown-menu a:focus-visible {
    outline: 1px solid #005FCC !important; /* high contrast ring */
    outline-offset: 1px !important;
    border-radius: 1px !important;
    z-index: 3000 !important;
}

/* Keep the "More" caret visible and keyboard friendly */
.widget-links li.dropdown > .dropdown-toggle:focus,
.widget-links li.dropdown > .dropdown-toggle:focus-visible {
    box-shadow: none !important;
    outline: 1px solid #005FCC !important;
    outline-offset: 1px !important;
}

/* Prevent invisible global :focus-visible from hiding this specific ring */
:root .widget-links a:focus-visible { /* higher specificity than site-wide :focus-visible */
    outline: 1px solid #005FCC !important;
    outline-offset: 1px !important;
}

.close-search-result:focus-visible,
a.searchresult:focus-visible {
    outline: 1px solid #005FCC !important;
    outline-offset: 1px;
    border-radius: 1px;
}

a.text-muted:focus-visible {
    outline: 1px solid #005FCC !important;
    outline-offset: 1px;
    border-radius: 1px;
}