/* 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 */

/* li dash only */
.ul-li--dots li {
    padding-top: 22px;
    padding-bottom: 22px;
    line-height: 1.4em;
    border-bottom: 1px dotted #D2D2D2;
}

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

/* 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--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;
    }

.dr {
    border: 1px solid #58585B;
}