/* used for sticky footer */
body, html, form {
    height: 100%;
}

.cob-site-container {
    position: relative;
    min-height: 100%;
}

.cob-site-content {
    padding-bottom: 148px;
}

.cob-site-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 148px;
    background: #091F2F;
}
/* end sticky footer */

/* add a little line padding to ul */
.ul {
    line-height: 1.4em;
}

/* plain ul remove all attributes */
.ul-p {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .ul-p li {
        margin: 0;
    }
/* end plain ul */

/* display li inline */
.ul--il li {
    display: inline;
}

/* used to format summary and confirmation information */
.ul-li--dash li {
    display: flex;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.3em;
    border-bottom: 1px dotted #D2D2D2;
}

    .ul-li--dash li:last-child {
        margin-bottom: initial;
        border-bottom: none;
    }

    .ul-li--dash li > span:first-child {
        display: inline-block;
        width: 180px;
        min-width: 180px;
    }

@media screen and (max-width:480px) {
    .ul-li--dash li {
        display: block;
        padding: 10px 0;
    }

        .ul-li--dash li > span:first-child {
            display: block;
            padding-bottom: 3px;
        }
}
/* end summary format */

/* this will list span items as block elements inside a list item */
.ul-li--blk li {
    margin-bottom: 8px;
    line-height: 1.3em;
}

    .ul-li--blk li > span:first-child {
        display: block;
    }

    .ul-li--blk li:last-child {
        margin-bottom: initial;
    }
/* end list item block */

/* list span item as inline block item in a listitem */
.ul-li--inblk li > span:first-child {
    display: inline-block;
    width: 180px;
}

@media screen and (max-width:480px) {
    .ul-li--inblk li {
        margin-bottom: 8px;
    }

        .ul-li--inblk li > span:first-child {
            display: block;
            width: initial;
            font-weight: 600;
            line-height: initial;
        }
}
/* end inline block listitem */

/* add spacing to list item */
.ul-li-m10 li {
    margin-bottom: 10px;
}

/* vertical bar between list items*/
.ul-li--vbar li {
    display: inline;
}

    .ul-li--vbar li:not(:first-child):before {
        content: " | ";
    }

/* overrides on the cd card */
.cd {
    border: 1px solid #D2D2D2;
}

.cd-c {
    text-overflow: clip;
    overflow: hidden;
}

.cd-d--st {
    font-size: initial;
}
/* end cd changes */

/* hide long file names that run past the container */
.t--breakword {
    word-wrap: break-word;
    word-break: break-all;
}

.t--nowrap {
    white-space: nowrap;
}

.t--italic {
    font-style: italic;
}

.t--bold {
    font-weight: 600;
}

/* width not used.  determined by container */
.t--ellipse {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* add a border to modal and remove the "x" padding */
.md-msg {
    max-height: calc(100% - 100px);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    padding: 20px;
    border: 2px solid #091F2F;
}

@media screen and (max-width:480px) {
    .hide-mbl {
        display: none;
    }
}

/* left align on mobile devices.  
    use ta-r if you want to keep the right align */
@media screen and (max-width:480px) {
    .ta--r {
        text-align: left;
    }
}

/* this will remove the padding on smaller devices when inside a b-c */
.b-c--np {
    padding-left: 0;
    padding-right: 0;
}

/* this is used specifically on the cdrmain page for the first panel */
.b-c--ntp {
    padding-top: 0;
}

/* add spacing to text lines */
.t--lineheight {
    line-height: 1.8em;
}

.circle {
    border: 3px solid;
    border-radius: 100%;
    border-color: #091f2f;
    display: inline-block;
    height: 40px;
    line-height: 34px;
    text-align: center;
    width: 40px;
    font-family: Montserrat,sans-serif;
    text-indent: 0;
    font-size: 16px;
    color: #091f2f;
}

.hr--sm {
    margin-top: 10px;
    margin-top: .625rem;
    margin-bottom: 10px;
    margin-bottom: .625rem;
}

/* override the sidebar and hide the last border */
.sb-i--nb {
    border: none;
}

/* sb-evt is a COB created class */
.sb-evt {
    color: #091F2F;
    display: block;
}

    .sb-evt:hover > span {
        color: #FB4D42;
    }

    .sb-evt span {
        color: #288BE4;
        font-weight: 600;
    }

/* fee list mods for the case repeater */
.fee-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

fee-list > li,
.fee-list--item {
    margin: 0;
}

.fee-list--item {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 1rem;
    padding: 0.5rem 0;
}

.fee-list--description {
    min-width: 0;
}

.fee-list--amount {
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    table.responsive-table.responsive-table--vertical.responsive-table--hide-th-mobile td {
        text-align: left;
    }

        table.responsive-table.responsive-table--vertical.responsive-table--hide-th-mobile td:before {
            float: none;
            display: block;
            margin-bottom: 0.25rem;
        }

    .fee-list--item {
        grid-template-columns: 1fr;
        row-gap: 0.25rem;
    }

    .fee-list--amount {
        text-align: left;
    }
}
/* end fee list mods */

.d-ib {
    display: inline-block;
}

/* this adds a comma to the file name */
.attachment-name {
    margin: 0.25rem 0.25rem 0.25rem 0;
}

    .attachment-name:not(:last-child)::after {
        content: ", ";
    }