/*
 * IMPORTANT: This css file is ONLY to augment/override bits of external NIPR css.
 * All other css (the vast majority) should be done with styled-components.
 */

 @media (max-width: 480px) {
    .nipr .panel-footer nav .pager.pager .next > a,
    .nipr .panel-footer nav .pager.pager .next > button,
    .nipr .panel-footer nav .pager.pager .previous > a,
    .nipr .panel-footer nav .pager.pager .previous > button {
        min-width: 115px;
    }
}

.nipr .linear-nav ol .active.active a,
.nipr .linear-nav ul .active.active a {
    cursor: pointer;
}

/* Bootstrap's radio-inline margins don't align if they wrap to new line. */
.radio-inline + .radio-inline {
    margin-left: 0;
}
.radio-inline {
    margin-right: 10px;
}

.state-square-icon {
    font-size: 9px;
    padding-right: 3px;
    opacity: 0.7;
}

.state-square-checkbox {
    color: white;
}

.close {
    opacity: 1;
}

.close:hover {
    opacity: 1;
}

.modal-header.no-border {
    border-bottom: none;
}

.modal-button {
    width: 300px;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
    justify-content: center;
    width: calc(100% - (1rem * 2));
    max-width: 720px;
}

.modal-content {
    width: 100%;
}

.btn-outline-primary {
    border: 1px solid #006fcd;
    color: #006fcd;
    background: white;
}

.btn-outline-primary:hover {
    color: #32a1ff;
    border-color: #32a1ff;
}

.btn-secondary {
    background: #989898;
    color: #d8d8d8;
}

.btn-secondary:hover {
    color: #d8d8d8;
}

.checkbox input[type="checkbox"] {
    transform: scale(1.5);
}