/* TPC drop-down doesn't match site -- Start */
.form-row span.k-dropdown {
    margin-bottom: 4px;
}
.form-row span.k-dropdown span.k-dropdown-wrap {
    height: calc(1.5em + .75rem + 6px) !important;
    border-radius: 0;
}
.form-row span.k-dropdown span.k-dropdown-wrap.k-state-active {
    border: 1px solid #4ebfe6 !important;
    outline: 0;
    -webkit-box-shadow: 0px 0px 5px 0px #5ec1cd;
    -moz-box-shadow: 0px 0px 5px 0px #5ec1cd;
    box-shadow: 0px 0px 5px 0px #5ec1cd;
}
.form-row span.k-dropdown span.k-dropdown-wrap .k-input {
    background-color: rgb(250,250,250);
}
/* TPC drop-down doesn't match site -- End */


/* TPC date-time size doesn't match site -- Start */
/*.form-row .k-picker-wrap {
    border: 0;
}
.form-row .k-picker-wrap .k-select {
    border-radius: 0 !important;
    height: 42px;
}
.form-row .k-picker-wrap .k-input {
    border-radius: 0 !important;
}*/
.tpc .k-dropdown-wrap, .tpc .k-numeric-wrap, .tpc .k-picker-wrap {
    height: calc(1.5em + .75rem + 6px);
}

.k-dateinput .k-dateinput-wrap .k-input, .k-dateinput .k-picker-wrap .k-input, .k-datepicker .k-dateinput-wrap .k-input, .k-datepicker .k-picker-wrap .k-input, .k-datetimepicker .k-dateinput-wrap .k-input, .k-datetimepicker .k-picker-wrap .k-input, .k-timepicker .k-dateinput-wrap .k-input, .k-timepicker .k-picker-wrap .k-input {
    height: auto;
}
/* TPC date-time size doesn't match site -- End */


/* TPC numeric fields have a border -- Start */
.form-row .k-numeric-wrap {
    border: 0;
    border-radius: 0;
    background-color: rgb(250,250,250);
}
.form-row .k-numeric-wrap.k-state-hover, .form-row .k-numeric-wrap.k-state-hover .k-input {
    border-radius: 0 !important;
}
    .form-row .k-numeric-wrap .k-formatted-value.k-input {
        border-radius: 0 !important;
        padding: 20px 10px;
        border: 1px solid #dbdcdd;
    }
/* TPC numeric fields have a border -- End */


/* TPC move submit button to the right for Form Flow */
div[data-tpc-role="form-flow-container"] button[data-tpc-button-type="submit"] {
    /*float: right;*/  /* This will pull the submit/next button to the right of the screen */
}

div[data-tpc-role="form-flow-container"] button[data-tpc-button-type="previous"] {
    float: left;
}
/* TPC move submit button to the right for Form Flow */

/* Heading colours */
.text-primary,
.text-blue {
    /*color: #005ca4 !important;*/
}
/* Heading colours */


/* TPC Fix previous button text color */
button[data-tpc-role="submit-button"][data-tpc-button-type="previous"] {
    color: black;
}
/* TPC Fix previoux button text color */

/*TPC selected toggle button color*/
.k-toggle-button.k-button.k-state-active {
    border-color: #005ca4;
    color: #ffffff;
    background-color: #005ca4;
}
/*TPC selected toggle button color*/

/* Portal Menu Update -- Start */

header .dash-nav ul li ul li .sub_menu2 {
    position: absolute;
    min-width: 300px;
    margin-top: 1px;
    z-index: 99;
    left: 100%;
    display: flex;
}

header .dash-nav ul li ul li ul.sub_menu2 {
    display: none;
}

header .dash-nav ul li ul li:hover ul.sub_menu2 {
    display: block;
}


header .dash-nav ul li ul.sub_menu li a {
    display: flex;
    justify-content: space-between;
}
nav .navbar-mobile-dash li .dropdown-menu li {
    border: 0px;
}
nav .navbar-mobile-dash li .dropdown-menu.has-subsections li.dropdown-header {
    display: flex;
    align-items: center;
    /* text-decoration: none; */
    /* position: relative; */
    padding: 0 4vw;
    font-weight: bold !important;
    background: #22336b !important;
    height: 50px;
    color: #ffffff;
}
nav .navbar-mobile-dash li .dropdown-menu.has-subsections li.divider {
    height: 1px;
    overflow: hidden;
    background-color: #7983a4;
}
    nav .navbar-mobile-dash li .dropdown-menu.has-subsections li a {
    padding: 0 6vw;
}

/* Portal Menu Update -- End */

/* Grid -- Start */

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

.k-grid-toolbar {
    /*display: none;*/
    background: none !important;
}

    .k-grid-toolbar:empty {
        display: none !important;
    }

.k-grid td, .k-grid th {
    border-left: none !important;
}

    .k-grid th, .k-grid th a {
        background-color: #005ca4 !important;
        color: white !important;
    }

.k-grid-header {
    background-color: #005ca4 !important;
    color: white !important;
}

.k-grid-pager {
    background: none !important;
}

.k-pager-numbers .k-state-selected, .k-pager-numbers span.k-state-selected {
    /*border-color: #005ca4 !important;*/
    /*background-color: #005ca4 !important;*/
    /*color: white !important;*/
}

    .k-pager-numbers .k-state-selected, .k-pager-numbers span.k-state-selected:hover {
        border-color: #00508f !important;
        background-color: #00508f !important;
        color: white !important;
    }

.k-pager-numbers .k-state-selected, .k-pager-numbers span:not(.k-state-selected),
.k-pager-numbers .k-state-selected, .k-pager-numbers a:not(.k-state-selected),
.k-pager-nav:not(.k-state-disabled) {
    /*background-color: white !important;
    color: #005ca4 !important;*/
}

    .k-pager-numbers .k-state-selected, .k-pager-numbers span:not(.k-state-selected):hover,
    .k-pager-numbers .k-state-selected, .k-pager-numbers a:not(.k-state-selected):hover,
    .k-pager-nav:not(.k-state-disabled):hover {
        color: #00508f !important;
    }

.k-i-reload {
    color: #005ca4 !important;
}

    .k-i-reload:hover {
        color: #00508f !important;
    }

.k-checkbox-label:before {
    border-color: #ccc !important;
    background: #fff !important;
    border-radius: 3px !important;
    margin: 10px 0px 10px 0px;
}

.k-checkbox-label:after {
    margin: 10px 0px 10px 0px;
}

.k-checkbox:checked + .k-checkbox-label:before {
    background-color: #fff !important;
    border-color: #ccc !important;
    color: #428bca !important;
}

.k-checkbox:checked + .k-checkbox-label:after {
    color: #005ca4 !important;
}

.k-grid-norecords {
    justify-content: center;
}


/* dropdown field in editable subgrid*/
div.tpcSubgrid > table > tbody > tr > td.k-edit-cell > span.k-widget.k-dropdown {
    width: 100% !important;
}

/* Grid -- End */
.btn.btn-link {
    color: #007bff;
}

/* Read only text input -- Start */

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef !important;
}

.read-only-custom input[type='text'] {
    color: #808080 !important;
}

/* Read only text input -- End */

.btn.btn-link {
    color: #005ca4;
}

    .btn.btn-link:hover {
        color: #22336b;
    }



#account-view-grid li.k-current-page > span {
    color: black !important;
}

#checklist .checked {
    list-style-image: url(/ResourcePackages/Bootstrap4/assets/dist/images/checkbox-icon.png);
}

.sub_menu,.sub_menu2 {
    z-index: 1000 !important;
}

/* Bootstrap Tooltip -- Start */

.tooltip > .tooltip-inner {
    background: #f2fafd;
    padding: 5px;
    border: 1px solid #5ec1cd;
    color: #222222;
    border-radius: 0px;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #5ec1cd;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #5ec1cd;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: #5ec1cd;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #5ec1cd;
}

/* Tooltips -- End */

/* Checkboxes in the grid have a full stop */
label.k-checkbox-label.k-no-text {
    width: 0 !important;
}
/* Checkboxes in the grid have a full stop */


/* Accessibility: Must set the background-color and color of links and body */
body {
    background-color: #fff;
    color: #222222;
}
.box-advice a {
    background-color: #f2fafd;
    color: #005ca4;
}
footer .footer-nav li a {
    background-color: #222222;
    color: #fafafa;
}
.nav-link.main,
.navbar-buttons .nav-link,
.navbar-mobile-logout .nav-link {
    background-color: #22336b;
    color: #fafafa;
}
.header-buttons a {
    background-color: #005ca4;
    color: #fafafa;
}
.box-orange a {
    background-color: #fbf6ee;
    color: #005494;
}
a.btn.btn-primary {
    background-color: #005799;
    color: #fafafa;
}
/* Accessibility: Must set the background-color and color of links and body */


/* Accessibility: prefers-reduced-motion */
@media (prefers-reduced-motion) {
    a:hover,
    header .dash-nav ul li a:hover,
    a.nav-link:hover,
    .dash-nav *:hover,
    .navbar-mobile-dash a:hover,
    .header-buttons a:hover,
    .footer-nav a:hover,
    footer .footer-social a:hover,
    
    .k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap, 
    
    .k-state-hover,
    a
    
    {
        transition: 0s all;
    }
}
/* Accessibility: prefers-reduced-motion */


/* Accessibility: Contrast ratio */
.text-red {
    color: #95311d;
}
.text-primary,
.text-blue,
.box-advice a {
    /*color: #005ca4 !important;*/
    color: #005799 !important;
}
header {
    background-color: #005799;
    color: #fafafa;
}
    header .header-buttons a {
        background-color: #005799;
        color: #fafafa;
    }
.btn.btn-primary {
    background-color: #005799;
    color: #fafafa;
}
.navbar-mobile-dash a {
    background-color: #005799;
    color: #fafafa;
}
.dash-nav a {
    background-color: #22336b;
    color: #fafafa;
}
.k-pager-info.k-label {
    color: black;
}
.table-container table thead,
.k-grid th[scope],
.k-grid th a[href] {
    background-color: #005799 !important;
    color: white !important;
}
.k-pager-numbers .k-state-selected, .k-pager-numbers span.k-state-selected {
    border-color: #005799 !important;
    background-color: #005799 !important;
    color: white !important;
}
.k-pager-numbers .k-state-selected, .k-pager-numbers span:not(.k-state-selected),
.k-pager-numbers .k-state-selected, .k-pager-numbers a:not(.k-state-selected),
.k-pager-nav:not(.k-state-disabled) {
    background-color: white !important;
    color: #005799 !important;
}
.TpcGrid .alert-tpc {
    color: black;
    background-color: white;
}
.breadcrumb-area a {
    background-color: white !important;
    color: #005799 !important;
}
.btn.btn-secondary {
    background-color: #026402 !important;
    color: #ffffff !important;
}
#pendingRequests {
    background-color: #005799;
    color: #ffffff;
}
#pendingRequests:hover {
    background-color: #005ca4;
    color: #ffffff;
}
/* Accessibility: Contrast ratio */


/* Accessibility: Border on search box */
span.k-grid-search {
    padding: 0;
}
span.k-grid-search.k-textbox input.k-input:focus,
span.k-grid-search.k-textbox input.k-input:active {
    /* Revert to browser default */
    outline: revert !important;
}
.k-grid-header .k-grid-filter:focus,
.k-grid-header .k-header .k-link:focus,
.k-grid-header .k-grid-header-column-menu:focus {
    outline: revert !important;
}
/* Accessibility: Border on search box */


/* Accessibility: Border on text box */
.k-grid:focus {
    outline: revert !important;
}
/* Accessibility: Border on text box */