﻿.galvtrac-card-info {
    border-radius: 0.25rem;
    border-top: 3px solid #236192;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    margin-bottom: 1rem;
}

.galvtrac-card-warning {
    border-radius: 0.25rem;
    border-top: 3px solid #cb6015;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    margin-bottom: 1rem;
}

.galvtrac-card-status-inprocess {
    border-radius: 0.25rem;
    border-top: 3px solid #658d1b;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    margin-bottom: 1rem;
}

.galvtrac-card-status-complete {
    border-radius: 0.25rem;
    border-top: 3px solid #a72b2a;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    margin-bottom: 1rem;
}

.galvtrac-card-header {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
    padding: 0.75rem 1.25rem !important;
    position: relative;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

    .galvtrac-card-header > .galvtrac-card-tools {
        float: right;
        margin-right: -0.625rem;
    }

.galvtrac-card-title {
    float: left;
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0;
}

.galvtrac-btn-tool {
    background: 0 0;
    color: #adb5bd;
    font-size: .875rem;
    margin: -0.75rem 0;
    padding: 0.25rem 0.5rem;
}

.galvtrac-link-header {
    text-decoration: none !important;
    color: #857874 !important;
}

.overflow-visible {
    overflow: visible !important;
}

[class*="collapse-indicator"] {
    display: flex;
}

    [class*="collapse-indicator"]:after {
        background-color: currentColor;
        content: "";
        -webkit-mask-size: cover;
        mask-size: cover;
        width: 1em;
        height: 1em;
        display: inline-block;
        margin-left: auto;
        align-self: center;
        position: relative;
        -webkit-animation-duration: 0s;
        animation-duration: 0s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
        animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
    }

    [class*="collapse-indicator"][aria-expanded="true"]:after,
    [class*="collapse-indicator"].collapsed:after {
        -webkit-animation-duration: 0.2s;
        animation-duration: 0.2s;
    }

    [class*="collapse-indicator"][aria-expanded="false"]:after {
        -webkit-animation-name: a_collapse-icon-is-collapsed;
        animation-name: a_collapse-icon-is-collapsed;
    }

    [class*="collapse-indicator"][aria-expanded="true"]:after {
        -webkit-animation-name: a_collapse-icon-is-expanded;
        animation-name: a_collapse-icon-is-expanded;
    }

.collapse-indicator-plus:after {
    --collapse-icon-collapsed: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0.5 0.5 16 16'%3E%3Cpath d='M12.5 7.75H9.25V4.5a.75.75 0 00-1.5 0v3.25H4.5a.75.75 0 000 1.5h3.25v3.25a.75.75 0 001.5 0V9.25h3.25a.75.75 0 000-1.5z'/%3E%3C/svg%3E");
    --collapse-icon-expanded: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0.5 0.5 16 16'%3E%3Cpath d='M12.5 9.25h-8a.75.75 0 010-1.5h8a.75.75 0 010 1.5z'/%3E%3C/svg%3E");
}

@-webkit-keyframes a_collapse-icon-is-expanded {
    0% {
        transform: scale(1);
        -webkit-mask-image: var(--collapse-icon-collapsed);
        mask-image: var(--collapse-icon-collapsed);
    }

    49% {
        transform: scale(0);
        -webkit-mask-image: var(--collapse-icon-collapsed);
        mask-image: var(--collapse-icon-collapsed);
    }

    50% {
        transform: scale(0);
        -webkit-mask-image: var(--collapse-icon-expanded);
        mask-image: var(--collapse-icon-expanded);
    }

    100% {
        transform: scale(1);
        -webkit-mask-image: var(--collapse-icon-expanded);
        mask-image: var(--collapse-icon-expanded);
    }
}

@keyframes a_collapse-icon-is-expanded {
    0% {
        transform: scale(1);
        -webkit-mask-image: var(--collapse-icon-collapsed);
        mask-image: var(--collapse-icon-collapsed);
    }

    49% {
        transform: scale(0);
        -webkit-mask-image: var(--collapse-icon-collapsed);
        mask-image: var(--collapse-icon-collapsed);
    }

    50% {
        transform: scale(0);
        -webkit-mask-image: var(--collapse-icon-expanded);
        mask-image: var(--collapse-icon-expanded);
    }

    100% {
        transform: scale(1);
        -webkit-mask-image: var(--collapse-icon-expanded);
        mask-image: var(--collapse-icon-expanded);
    }
}

@-webkit-keyframes a_collapse-icon-is-collapsed {
    0% {
        transform: scale(1);
        -webkit-mask-image: var(--collapse-icon-expanded);
        mask-image: var(--collapse-icon-expanded);
    }

    49% {
        transform: scale(0);
        -webkit-mask-image: var(--collapse-icon-expanded);
        mask-image: var(--collapse-icon-expanded);
    }

    50% {
        transform: scale(0);
        -webkit-mask-image: var(--collapse-icon-collapsed);
        mask-image: var(--collapse-icon-collapsed);
    }

    100% {
        transform: scale(1);
        -webkit-mask-image: var(--collapse-icon-collapsed);
        mask-image: var(--collapse-icon-collapsed);
    }
}

@keyframes a_collapse-icon-is-collapsed {
    0% {
        transform: scale(1);
        -webkit-mask-image: var(--collapse-icon-expanded);
        mask-image: var(--collapse-icon-expanded);
    }

    49% {
        transform: scale(0);
        -webkit-mask-image: var(--collapse-icon-expanded);
        mask-image: var(--collapse-icon-expanded);
    }

    50% {
        transform: scale(0);
        -webkit-mask-image: var(--collapse-icon-collapsed);
        mask-image: var(--collapse-icon-collapsed);
    }

    100% {
        transform: scale(1);
        -webkit-mask-image: var(--collapse-icon-collapsed);
        mask-image: var(--collapse-icon-collapsed);
    }
}

.card-section {
    border-radius: 0.5rem !important;
}

    .card-section .card-body-section {
        background-color: #f7f7f7;
    }

    .card-section .card-header-section {
        background: none !important;
        padding: 1.25rem 1.25rem 0 !important;
    }