/* Adjustments to IC System corporate site css */
.navbar {
    margin-top: 0;
}

.navbar-light .navbar-nav .nav-item a.nav-link {
    padding: 10px 0rem !important;
}
/*
    Select and textarea elements end up with conflicting styles in style.css when .form-control is added,
    while the same styles display correctly for inputs. These styles correct that issue so select and
    textarea elements are styled to match inputs.
*/
select.form-control,
textarea.form-control {
    border: 0.06667rem solid #ccc;
    border-radius: 0;
    color: #666;
    line-height: 1.5;
    padding: 0.375rem;
}

    select.form-control:focus,
    textarea.form-control:focus {
        border-color: #3F505A;
        color: #111;
        outline: none;
    }

/* Remove default spacing below ul elements from style.css for validation summaries. */
.validation-summary-errors ul {
    margin-bottom: 1rem;
}

/* Always show blue navbar, even when logged out. */
.navbar:first-child .container {
    min-height: 46px;
}

/* Allow navbar to center when there are more nav options than would otherwise be able to fit in the container while also showing the logo */
.navbar .container {
    justify-content: center;
}

#logo {
    min-width: 248px;
    height: 110px;
}

header nav:first-child {
    background-color: #004892;
}

    header nav:first-child li > a {
        color: #FFF;
    }

div {
    font-size: 16px;
}

.dropdown-toggle::after {
    color: inherit;
}

.form-control.input-validation-error {
    margin-bottom: 5px;
}

table td {
    display: table-cell;
}

/* Make navbar items have more distinction between active, enabled, and disabled items. */
.navbar-nav .nav-link.active {
    background: linear-gradient( 180deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 85%, rgba(170,170,170,1) 100%);
    color: #343a40;
    font-weight: 500;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-item a.nav-link:hover {
    color: rgba(0,0,0,.9);
}

.navbar-light .navbar-nav .nav-item a.nav-link.disabled,
.navbar-light .navbar-nav .nav-item.dropdown a.dropdown-item.disabled {
    color: rgba(0,0,0,.3);
}

.nav-item {
    padding-left: 20px;
    padding-right: 20px;
}

/* Mimicked user info in header */
#mimicked-user-label {
    min-width: fit-content;
    padding-left: 10px;
    color: rgba(0, 0, 0, .3);
}

.checkboxPosition {
    margin-top: 44px;
}

/* Allow field validation errors to be multi-line messages. */
span.field-validation-error {
    white-space: pre-line;
}

/* Privacy policy list headers to match h6 header but without line breaks */
.privacy-list-header {
    font-weight: 500;
}

.validationMessage {
    color: red;
    display: none;
}

.navItemWidth {
    width: 400px;
}

.quickSearchInputWidth {
    width: 250px !important;
}

/* Allow breaking out of Bootstrap containers */
.container-override {
    width: 95vw;
    position: relative;
    left: calc(-1 * (95vw - 100%) / 2);
}

div.security-preference {
    font-size: 13px;
}

.mainPageList {
    list-style: none;
    text-align: left;
}

.cursor-pointer {
    cursor: pointer;
}

.customLineHeight {
    line-height: 0.3 !important;
}

.togglePassword,
.toggleConfirmPassword {
    font-size: 1.25rem;
    cursor: pointer;
}

.navbar .spacer {
    width: inherit;
}

/*
    The policy set in the Content Security Policy header does not allow for inline styles.
    The 'asp-validation-summary' tag helper generates a list with an inline style to hide it
    if it shouldn't be displayed. That style gets ignored with the CSP header in place. This
    workaround does not prevent the error, but applies the same style to any matching elements
    using an allowed style source.
*/
.validation-summary-valid li[style="display:none"] {
    display: none;
}

.tileBlue {
    background-color: #004892;
    padding: 25px 5px;
    border-radius: 15px;
    margin: 15px;
    text-align: center;
    display: grid;
    place-items: center;
    height: 125px;
}

.tileGold {
    background-color: #615632;
    padding: 25px 5px;
    border-radius: 15px;
    margin: 15px;
    text-align: center;
    display: grid;
    place-items: center;
    height: 125px;
}

.tileTitle {
    color: white !important;
    font-size: 1.2rem !important;
    font-weight: bold;
}

.quickLinkHome {
    margin-left: 10.5rem !important;
    left: 0;
}

    .quickLinkHome a {
        color: #004892;
    }

/*
    Customize the password input field in Edge. This removes the reveal password functionality
    natively built into the browser.
*/
::-ms-reveal {
    display: none;
}

.dateTableWidth {
    width: 87px !important;
}

/* change sort arrows to solid carets */
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    display: none !important;
}

table.dataTable thead .sorting_asc:before {
    content: url(../images/caret-up-fill.svg) !important;
    opacity: 1 !important;
    right: .25em !important;
    top: unset !important;
    bottom: 5px !important;
}

table.dataTable thead .sorting_desc:before {
    content: url(../images/caret-down-fill.svg) !important;
    opacity: 1 !important;
    right: .25em !important;
    top: unset !important;
    bottom: 5px !important;
}

#searchResults thead .sorting_asc:before,
#searchResults thead .sorting_desc:before,
#searchresults thead .sorting_asc:before,
#searchresults thead .sorting_desc:before {
    bottom: 12px !important;
}

.payment-table tbody tr:nth-last-child(2), .payment-table tbody tr:nth-last-child(2) td {
    border-bottom: 1.2px solid black;
}

.hrLine {
    height: 2px;
    background-color: black;
    margin-bottom: 2px;
}

@media (min-width: 975px) and (max-width:1181px) {
    .multiselect {
        width: 216px !important;
    }
}

@media (min-width: 483px) and (max-width:558px) {
    .clientLabel {
        float: left !important;
    }
}

@media (min-width: 559px) {
    .clientLabel {
        float: right !important;
    }
}

@media (max-width: 800px) {
    .submitCancelBtn {
        width: 100% !important;
        height: 50px;
        text-align: center;
    }

    .saveAndSubmitBtn {
        width: 100% !important;
        height: 50px;
        text-align: center;
    }

    .cancelBtn {
        padding-top: 13px;
    }
}

@media (min-width: 400px) and (max-width:991px) {
    .saveAndSubmitBtn {
        padding: 8px 5px !important;
    }
}

.form-search {
    flex-flow: row nowrap;
}


.navbar-expand-lg .navbar-nav {
    justify-content: end;
}

    .navbar-expand-lg .navbar-nav .nav-item:last-child {
        padding-right: 5px;
    }

.navbar .container.menu-top-nav {
    justify-content: end;
}

@media (min-width: 1025px) and (max-width:1199px) {
    .navbar .container {
        justify-content: space-between;
    }

    .navbar-expand-sm .navbar-nav .nav-item:last-child {
        padding-right: 0;
    }
}

@media (max-width: 1024px) {
    .navbar .container {
        justify-content: space-between;
    }

        .navbar .container.menu-top-nav {
            justify-content: end;
        }

    @media screen and (max-width: 850px) and (min-width: 768px) {
        .form-search {
            margin-right: 40px;
        }
    }

    @media (max-width: 575px) {
        .navbar .container {
            padding: 0 30px;
        }

        .navbar-expand-sm .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
            justify-content: end;
        }

        .form-search .form-group {
            margin-right: 1rem;
            margin-left: 1rem;
        }
    }
}

/* Add not-allowed cursor on disabled debt entry buttons */
#app .btn.disabled {
    cursor: not-allowed;
}

.tableResponsiveOverrideDataTablesWidth {
    width: 100% !important;
}

/* ensure debt entry app is not covering the client portal header */
.debt-entry {
    z-index: 0;
}

@media (max-width: 576px) {
    .w-full-xs {
        width: 100% !important;
    }
}

.tileGold a:hover {
    color: white;
}

.tileBlue a:hover {
    color: white;
}