*:focus {
    outline: 0;
}

.btn-primary {
    border: 0px !important;   
}

.primarycolor {
    color: #002554 !important;
}

.softprimarycolor {

}

.hyperlink {
    color: #007bff;
}

.pointer {
    cursor: pointer;
}


/* width */
::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    background: aliceblue;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #002554;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #888;
    }

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 150px !important;
    height: 150px !important;
}

    .lds-facebook div {
        display: inline-block;
        position: absolute;
        left: 16px;
        width: 28px;
        background: #971B2F;
        animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    }

        .lds-facebook div:nth-child(1) {
            left: 8px;
            animation-delay: -0.24s;
        }

        .lds-facebook div:nth-child(2) {
            left: 40px;
            animation-delay: -0.12s;
        }

        .lds-facebook div:nth-child(3) {
            left: 72px;
            animation-delay: 0;
        }

@keyframes lds-facebook {
    0% {
        top: 16px;
        height: 128px;
    }

    50%, 100% {
        top: 48px;
        height: 64px;
    }
}

button.InProcess:hover {
    background-color: #971B2F;
}

button.Completed:hover {
    background-color: #DB7B96;
}

.search {
    width: 100%;
    position: relative;
    display: flex;
}

.searchTerm {
    width: 100%;
    border: 3px solid #002554 !important;
    /*border-right: none;*/
    padding: 5px;
    height: 36px;
    border-radius: 5px 0 0 5px;
    outline: none;
    border-color: #CECECE;
    /*color: #9DBFAF;*/
}

.searchTerm:focus {
    color: #002554 !important;
}

.searchButton {
    width: 40px;
    height: 36px;
    border: 1px solid #002554 !important;
    background: #002554 !important;
    text-align: center;
    color: #fff;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 20px;
}

.presenceDarkBlueText {
    color: #002554 !important;
}

.sara-content-area {
}

    .sara-content-area label {
        color: #002554 !important;
        font-family: Lato;
        font-weight: 700;
        font-size: 18px !important;
        text-align: right;
    }

.sara-content-page-header {
    background-color: aliceblue !important;
}

    .sara-content-page-header h3 {
        font-family: Lato !important;
        font-size: 32px !important;
        font-weight: 300 !important;
        color: #002554 !important;
    }

    .sara-content-page-header h4 {
        font-family: Lato !important;
        font-size: 32px !important;
        font-weight: 300 !important;
        color: #002554 !important;
    }

.sara-content-search {
    background-color: #e6f2f8;
    padding: 4px;
}

.sara-search-button {
    height: 30px !important;
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    background-color: #971B2F;
    color: #FFFFFF;
}

    .sara-search-button:hover {
        background-color: #971B2F;
    }

.sara-clear-button {
    height: 30px !important;
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    background-color: #FFFFFF;
    color: #971B2F;
    border-color: #971B2F;
}

    .sara-clear-button:hover {
        background-color: #FFFFFF !important;
        color: #971B2F;
    }

.saraButtonRed {
    background-color: #971B2F;
    color: #ffffff !important;
}

.saraButtonBlue {
    background-color: #002554 !important;
    color: #ffffff !important;
}

.saraButtonDelete {
    background: #971B2F;
    color: #ffffff !important;
}

/*.saraButtonDelete {
    background: #D11A2A!important;
    color: #ffffff!important;
}*/

.sara-input {
    font-family: Lato;
    font-size: 12px !important;
    font-weight: 400;
    border-width: 0.5px;
    border-color: #CECECE;
}

.sara-content-table {
}

    .sara-content-table thead > tr > th {
        font-family: Lato;
        font-size: 15px !important;
        font-weight: 700;
    }

    .sara-content-table tbody > tr:nth-of-type(odd) {
        background-color: #edf4fa !important;
    }

    .sara-content-table tbody > tr > td {
        font-family: Lato;
        font-size: 15px !important;
        font-weight: 400;
    }

    .sara-response-table thead > tr > th {
        font-family: Lato;
        font-size: 15px !important;
        font-weight: 700;
    }

    .sara-response-table tbody > tr > td {
        font-family: Lato;
        font-size: 15px !important;
        font-weight: 400;
    }

.sara-standard-button {
    color: #ffffff;
    background-color: #971B2F;
    border-color: white;
}

    .sara-standard-button:focus, .sara-standard-button.focus {
        color: #ffffff;
        background-color: #798d8f;
        border-color: #566566
    }

    .sara-standard-button:hover {
        color: #ffffff;
        background-color: #798d8f;
        border-color: #74898a
    }

.sara-toolbar-button {
    min-width: 60px;
    height: 30px;
    border-width: 1px;
    font-family: Lato;
    font-weight: 400;
    font-size: 15px;
    background-color: #971B2F;
    color: #ffffff;
}

button.Completed:hover {
    background-color: #DB7B96 !important;
}

a:link {
    text-decoration: none !important;
}

a:hover {
    text-decoration: underline !important;
}

#toast_default, #exportlink_toast, #photolink_toast, #emaillink_toast {
    z-index: 9999999 !important;
}

.small_avatar {
    vertical-align: middle;
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

.small_medium_avatar {
    vertical-align: middle;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.medium_avatar {
    vertical-align: middle;
    width: 75px;
    height: 75px; 
    border-radius: 50%;
}

.headerinfo b {
    padding-left: 10px;
}

.flex_row {
    display: flex; 
    flex-direction: row;
}

.flex_column {
    display: flex; 
    flex-direction: column;
}

.flex_center {
    justify-content: center;
}

.flex_start {
    justify-content: flex-start;
}

.flex_end {
    justify-content: end;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}