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

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

.cd-c {
    text-overflow: clip;
    overflow: hidden;
}
/* end cd changes */

/* remove the side padding from nested b-c */
.b-c--nsp {
    padding-left: 0;
    padding-right: 0;
}
/* end no side padding on b-c */

/* create a plain ul */
.ul--p,
.ul--p li {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.ul-li--m05 li {
    margin-bottom: 5px;
}
/* end list item spacing */

/* make th first sapn inline-block */
li--ib li {
    display: flex;
    align-items: center;
}

.li--ib li span:first-of-type {
    width: 150px;
    display: inline-block;
}
/* end span inline-block */

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

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

/* Spinner animation */
.spinner {
    width: 20px;
    height: 20px;
    border: 3px solid rgba(0,0,0,0.1);
    border-top-color: #0065a4; /* t--info / gov blue */
    border-radius: 50%;
    animation: spin 0.7s linear infinite;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

/* Subtle alignment improvement */
.wait-msg {
    display: flex;
    align-items: center;
    gap: 10px; /* consistent spacing */
}

/* Animation */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
/* end spinner animation */

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

/* cdr main module mod */
/* this will remove the top padding of the first div shown in the list */
.module_container > div:first-of-type {
    padding-top: 0;
}

/* used to right justify the search form on CDR page */
.g--end {
    justify-content: flex-end;
}

/* this is used to blcok app detail info in the applicationdetailcontrols */
/* the max width of 900 seems to work for the 20% dl-t labels */
@media (max-width: 900px) {
    .dl-t,
    .dl-d {
        float: none;
        display: block;
        width: 100%;
        white-space: normal;
    }

    .dl-t {
        margin-bottom: 0.25rem; /* small spacing between label/value */
    }
}
/* end data list mods */