.ccblue 
{
    /* catholic charities blue */
    color: #005aaa;
}

#alert
{
    margin-top: 20px;
    margin-bottom: 0;
}

#allocations th
{
    /* reduce the default font-weight of tables for the allocations table */
    font-weight: 400;
}

#employee-search-spinner
{
    z-index: 2;
    position: fixed;
    margin-top: -2.7%;
    margin-left: 37%;
}

#employee-search-12-spinner
{
    z-index: 2;
    position: fixed;
    margin-top: -2.7%;
    margin-left: 78%;
}

#employee-search-OB-spinner
{
    z-index: 2;
    position: fixed;
    margin-top: -2.7%;
    margin-left: 18%;
}

#on-boarding-spinner
{
    /* creates a large spinner in the center of the page */
    z-index: 2;
    position: fixed;
    padding: 20%;
    margin-left: 25%;
    margin-top:25%
}

@media only screen and (min-width: 2500px) 
{
    #adp_id_label
    {
        z-index: 2;
        position: fixed;
        margin-left: 50%;
        margin-top: 0;
    }
    .workflow-btn
    {
        z-index: 2;
        position: fixed;
        width: 10%;
        margin-left: 50%;
        margin-top: -2%;
        box-shadow: 2px 2px 2px lightgrey;
    }
    #adp_id
    {
        margin-top: 1%;
    }
    #post_btn
    {
        margin-top: 3%;
    }
}

@media only screen and (max-width: 2499px) 
{
    #adp_id_label
    {
        z-index: 2;
        position: fixed;
        margin-left: 55%;
        margin-top: 0;
    }
    .workflow-btn
    {
        z-index: 2;
        position: fixed;
        width: 12%;
        margin-left: 55%;
        margin-top: -2%;
        box-shadow: 2px 2px 2px lightgrey;
    }
    #adp_id
    {
        margin-top: 1.5%;
    }
    #post_btn
    {
        margin-top: 4%;
    }
}

@media only screen and (max-width: 1999px) 
{
    #adp_id_label
    {
        z-index: 2;
        position: fixed;
        margin-left: 63%;
        margin-top: 0;
    }
    .workflow-btn
    {
        z-index: 2;
        position: fixed;
        width: 15%;
        margin-left: 63%;
        margin-top: -2%;
        box-shadow: 2px 2px 2px lightgrey;
    }
    #adp_id
    {
        margin-top: 2%;
    }
    #post_btn
    {
        margin-top: 5%;
    }
}

@media only screen and (max-width: 1499px) {
    #adp_id_label
    {
        z-index: 2;
        position: fixed;
        margin-left: 71%;
        margin-top: -1%;
    }
    .workflow-btn
    {
        z-index: 2;
        position: fixed;
        width: 20%;
        margin-left: 71%;
        margin-top: -2%;
        box-shadow: 2px 2px 2px lightgrey;
    }
    #adp_id
    {
        margin-top: 1%;
    }
    #post_btn
    {
        margin-top: 5%;
    }
}

.center
{
    text-align: center;
}

#other_software
{
    height: 100px;
}

#floatingTextarea
{
    /* set comment boxes heights to 100px */
    height: 100px;
}

.font-light
{
    /* lighten the font wieght*/
    font-weight: 200;
}

.front-page 
{
    /* center form controls */
    display: inline-block;

    /* override bootstrap's 100% width for form controls */
    width: auto;
}

.hidden
{
    display: none;
}

main .back-pages
{
    text-align: left;
}

main 
{
    /* scroll horizontally as needed */
    overflow-x: auto;

    /* center contents */
    text-align: center;
}

main img
{
    /* constrain images on small screens */
    max-width: 100%;
}

.table a
{
    /* remove underline between buttons in tables */
    text-decoration: none;
}

.attribute
{
    padding: 6px 10px;
    text-align: center;
    vertical-align: middle;
    border-radius: 15px;
    margin: 5px;
    border: 1px solid gray;
}

.att-btn
{
    /* center the delete button on the attribute tag */
    padding-bottom: 9px;
}

.btn-attribute
{
    margin-left: 15px;
    height: 32px;
    padding-top: 2px;
}

.flex
{
    display: flex;
}

#attributes-container
{
    flex-wrap: wrap;
}

#attributes-container-term
{
    min-height: 70px;
    flex-wrap: wrap;
}

.search-results
{
    padding: 10px;
}

.result
{
    padding: 1px 0;
}

.ob_btn
{
    padding: 5px;
    text-decoration: none;
}

.term-descript
{
    margin-bottom: 0;
}

.index-header:hover
{
    text-decoration: underline;
}

.filter-input
{
    width: 80%;
    margin-left: 20px;
    padding-left: 20px
}

.meta-data
{
    border: 1px dashed lightgrey;
    padding: 5px;
    margin: 0 3px;
}

.bd-search::after
{
    position: absolute;
    top: .4rem;
    right: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    padding-right: .25rem;
    padding-left: .25rem;
    font-size: .75rem;
    color: #6c757d;
    content: "Ctrl + /";
    border: 1px solid #dee2e6;
    border-radius: .125rem;
    margin-top: 6px;
}

.subnav-title
{
    font-size: 35px;
    font-weight: 100;
    margin-right: 20px;
    margin-left: 50px;
}

.current
{
    font-weight: 600;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem top 0.6rem;
    background-size: .75rem .75rem;
}

.index {
    margin-top: 25px;
}

.delete-pr {
    margin-top: -38px;
    margin-left: 112px;
}


@keyframes slidein {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.slidein {
    animation: slidein .5s ease-in-out;
}