/* HTML */

body {
    background-color: #fff !important;
    margin: 0px 0px 0px 0px !important;
    overflow-y: scroll;
    padding-top: 195px !important;
    text-decoration: none !important;
}

a, a:hover {
    text-decoration: none !important;
}

.btn-link, .btn-link:hover {
    text-decoration: none !important;
}

.btn-link:active {
    text-decoration: none !important;
}

#main-container {
    min-height: 90vh !important;
}

.btn {
    white-space: normal !important;
    /*word-wrap: break-word;*/
}

.modal-dialog {
    max-width: 1200px !important;
    margin: 2rem auto;
}


/* COLOR CUSTOMIZATION */

.btn-distribution {
    border-color: #bd8e28 !important;
    background-color: #bd8e28 !important;
    color: #fff !important;
}

    .btn-distribution:hover {
        border-color: #5f4714 !important;
        background-color: #5f4714 !important;
        color: #fff !important;
    }

.text-distribution {
    color: #bd8e28 !important;
}

.bg-distribution {
    background-color: #bd8e28 !important;
}

.btn-contribution {
    border-color: #4c6b3c !important;
    background-color: #4c6b3c !important;
    color: #FFF !important;
}

    .btn-contribution:hover {
        border-color: #303d29 !important;
        background-color: #303d29 !important;
        color: #FFF !important;
    }

/* GLOBAL PAGINATION STYLES - Reusable across all pages */
.pagination-select {
    border-color: #6c757d !important;
}

.pagination-select:focus {
    border-color: #6c757d !important;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.25) !important;
}

.btn-pagination-outline {
    border-color: #6c757d !important;
    background-color: transparent !important;
    color: #6c757d !important;
}

.btn-pagination-outline:hover {
    border-color: #5a6268 !important;
    background-color: #6c757d !important;
    color: #FFF !important;
}

.btn-pagination-outline:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.25) !important;
}

.text-contribution {
    color: #4c6b3c !important;
}

.bg-contribution {
    background-color: #303d29 !important;
}

.btn-expenditure {
    border-color: #751d1d !important;
    background-color: #751d1d !important;
    color: #FFF !important;
}

    .btn-expenditure:hover {
        border-color: #3b0f0f !important;
        background-color: #3b0f0f !important;
        color: #FFF !important;
    }

.text-expenditure {
    color: #751d1d !important;
}

.bg-expenditure {
    background-color: #3b0f0f !important;
}

.btn-transfer {
    border-color: #335a7b !important;
    background-color: #335a7b !important;
    color: #FFF !important;
}

    .btn-transfer:hover {
        border-color: #1a2d3e !important;
        background-color: #1a2d3e !important;
        color: #FFF !important;
    }

.text-transfer {
    color: #335a7b !important;
}

.bg-transfer {
    background-color: #335a7b !important;
}

.bg-black {
    background-color: #222 !important;
}

/* OPACITIES */

.op-25 {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.op-75 {
    opacity: 0.75 !important;
}

.op-100 {
    opacity: 1 !important;
}

/* MODALIZE */

.modalize {
    display: none;
    position: fixed; /* Stay in place */
    z-index: 1500; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.95); /* Black w/ opacity */
}

/* AUTOCOMPLETE */

.ui-autocomplete {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

ul.ui-autocomplete {
    z-index: 1100 !important;
}

/* FLICKER ANIMATION */

@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

.animate-flicker {
    -webkit-animation: flickerAnimation 2s infinite;
    -moz-animation: flickerAnimation 2s infinite;
    -o-animation: flickerAnimation 2s infinite;
    animation: flickerAnimation 2s infinite;
}

/* RECORDS */

.record-row-white {
    background-color: white;
}

    .record-row-white:hover {
        border-bottom:1px solid #CCC;
    }

.record-row-gray {
    background-color: #f8f9fa;
}

    .record-row-gray:hover {
        border-bottom: 1px solid #CCC;
    }


.nav-link {
    font-size:22px;
}

.field-caption {
    margin-top:4px;
    font-size:15px;
    font-weight:100;
}

.clickable-row {
    cursor: pointer;
}

/* PROGRESS BAR */

#progress-container {
    width: 100%;
    background-color: #EFEFEF;
}

#progress-bar {
    width: 0;
    height: 15px;
    background-color: #CCC;
    text-align: center;
    line-height: 30px;
    color: white;
}

/* EFFECTS */

.fx-blinking-text {
    animation: fxBlinkingText 0.5s ease-in-out infinite;
}

@keyframes fxBlinkingText {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

/* SESSION RESTRICTION WARNING (Purple Banner) */

.bg-session-restriction {
    background-color: #7b2d8e !important; /* Purple color */
}

.text-session-restriction {
    color: #7b2d8e !important;
}

.btn-session-restriction {
    border-color: #7b2d8e !important;
    background-color: #7b2d8e !important;
    color: #FFF !important;
}

    .btn-session-restriction:hover {
        border-color: #5a1f68 !important;
        background-color: #5a1f68 !important;
        color: #FFF !important;
    }