/* Use this file to make color pallete changes and sweeping changes across the app to Style using a GW Consistent Styling choice used by their other applications */
:root {
    --gw-navy: #002856;
    --gw-light-blue: #8fabdd;
    --gw-blue: #2a7ad7;
    --gw-teal: #52CEE6;
    --gw-text: #333333;
    --gw-eggshell: #F5F5F5;
    --gw-white: #fff;
    --gw-light-grey: #CCCCCC;
    --gw-medium-grey: #878787;
    --gw-dark-teal: #0C869D;
    --gw-error: #E73D47;
    --gw-overlay-navy: #002856;
    --gw-overlay-grey: #333333;
    --gw-aq-main-btn: #0D6EFD;
    --gw-action-upload: #058B48;
    --gw-action-finalize: #058B48;
    --gw-status-draft: white;
    --gw-status-requested: #FD7E14;
    --gw-status-approved: #0D6EFD;
    --gw-status-proposed: #7209B7;
    --gw-status-pending: #CC9A06;
    --gw-status-issued: #7FC96B;
    --gw-status-bound: #058B48;
    --gw-status-cancelled: #DC3545;
    --gw-status-expired: #6C757D;
    --gw-action-resume: #95d5b2;
    --gw-action-grey: #444444;
}

.bg-vortex-blue {
    background-color: var(--gw-blue);
}

.text-vortex-blue {
    color: var(--gw-blue);
}

a,
.btn-link,
.btn-link:focus {
    color: #0071c1;
}

.btn.btn-primary {
    background-color: var(--gw-white);
    border-color: var(--gw-dark-teal);
    color: var(--gw-dark-teal);
}

/*checked primary button*/
.btn-check:checked+.btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:first-child:active,
:not(.btn-check)+.btn.btn-primary:active {
    background-color: var(--gw-dark-teal);
    border-color: var(--gw-dark-teal);
    color: var(--gw-white);
}

.btn.btn-primary:hover {
    background-color: var(--gw-dark-teal);
    border-color: var(--gw-dark-teal);
    color: var(--gw-white);
}

.btn.btn-secondary {
    background-color: var(--gw-blue);
    border-color: var(--gw-blue);
    color: var(--gw-white);
}

.btn.btn-secondary:active {
    background-color: var(--gw-blue);
    border-color: var(--gw-blue);
    color: var(--gw-white);
}

.btn.btn-secondary:hover {
    background-color: var(--gw-navy);
    border-color: var(--gw-navy);
    color: var(--gw-white);
}

.btn.btn-wizardnav {
    background-color: var(--gw-light-blue);
    border-color: var(--gw-dark-teal);
    color: var(--gw-white);
}

.btn.btn-wizardnav:active {
    background-color: var(--gw-blue);
    border-color: var(--gw-blue);
    color: var(--gw-white);
}

.btn.btn-wizardnav:hover {
    background-color: var(--gw-blue);
    border-color: var(--gw-blue);
    color: var(--gw-white);
}

.btn.btn-outline-wizardnav {
    background-color: var(--gw-white);
    border-color: var(--gw-blue);
    color: var(--gw-blue);
    font-weight: 700 !important;
    text-transform: uppercase;
}

.btn.btn-outline-wizardnav:disabled {
    background-color: var(--gw-light-blue);
    border-color: var(--gw-light-blue);
    color: var(--gw-white);
}

.btn.btn-outline-wizardnav:active {
    background-color: var(--gw-blue);
    border-color: var(--gw-blue);
    color: var(--gw-white);
}

.btn.btn-outline-wizardnav:hover {
    background-color: var(--gw-blue);
    border-color: var(--gw-blue);
    color: var(--gw-white);
}

td.k-command-cell.k-table-td {
    display: table-cell;
    text-align: center;
}

.publicPortalBlue {
    color: #2a7ad7;
}

button.public-portal-light,
.public-portal-light:hover {
    background-color: #52cee6;
    width: 100%;
    border: none;
    padding: 10px;
    border-radius: 5px;
}

button.public-portal-light:disabled {
    background-color: #52cee6;
}

button.public-portal-dark {
    background-color: #002856;
    color: white;
    margin-right: 10px;
}

div.vertical-line {
    border-left: 2px solid #bdc0c4;
    height: 80%;
    transform: translateY(10%);
}

.badge-status {
    border-radius: 0px;
    padding: 10px 15px;
    border: 1px solid black;
    text-align: center;
    align-content: center;
    margin-right: 15px;
    box-shadow: 5px 5px 5px #888888;
}

.status-draft {
    color: var(--gw-status-draft);
}

.status-requested {
    color: var(--gw-status-requested);
}

.status-approved {
    color: var(--gw-status-approved);
}

.status-proposed {
    color: var(--gw-status-proposed);
}

.status-pending {
    color: var(--gw-status-pending);
}

.status-issued {
    color: var(--gw-status-issued);
}

.status-bound {
    color: var(--gw-status-bound);
}

.status-cancelled {
    color: var(--gw-status-cancelled);
}

.status-expired {
    color: var(--gw-status-expired);
}

.background-status-draft {
    background-color: var(--gw-status-draft);
    color: black;
}

.background-status-requested {
    background-color: var(--gw-status-requested);
    color: white;
}

.background-status-approved {
    background-color: var(--gw-status-approved);
    color: white;
}

.background-status-proposed {
    background-color: var(--gw-status-proposed);
    color: white;
}

.background-status-pending {
    background-color: var(--gw-status-pending);
    color: white;
}

.background-status-issued {
    background-color: var(--gw-status-issued);
    color: white;
}

.background-status-bound {
    background-color: var(--gw-status-bound);
    color: white;
}

.background-status-cancelled {
    background-color: var(--gw-status-cancelled);
    color: white;
}

.background-status-expired {
    background-color: var(--gw-status-expired);
    color: white;
}

.btn-separator
{
    min-height: 1rem;
    border: 1px dashed lightgray;
    display: inline;
    opacity: .75;
    margin-left: .5rem;
    margin-right: .5rem;
}

.main-btn {
    background-color: white;
    color: black;
    display: inline-block;
    padding: .2rem .5rem;
    font-family: var(--bs-btn-font-family);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    border-color: var(--gw-aq-main-btn);
    border-radius: 6px;
}

.main-btn:hover {
    background-color: var(--gw-aq-main-btn);
    color: white;
}

.main-btn:disabled {
    background-color: var(--gw-aq-main-btn);
    color: white;
    opacity: .5;
}

.action-request {
    color: var(--gw-status-requested);
    border-color: var(--gw-status-requested);
    background-color: white;
}

.action-request:hover {
    background-color: var(--gw-status-requested);
    color: white;
}

.action-request:disabled {
    background-color: var(--gw-status-requested);
    border-color: var(--gw-status-requested);
    color: white;
    opacity: .5;
}


.action-approve {
    color: var(--gw-status-approved);
    border-color: var(--gw-status-approved);
    background-color: white;
}

.action-approve:hover {
    background-color: var(--gw-status-approved);
    color: white;
}

.action-approve:disabled {
    background-color: var(--gw-status-approved);
    border-color: var(--gw-status-approved);
    color: white;
    opacity: .5;
}

.action-propose {
    color: var(--gw-status-proposed);
    border-color: var(--gw-status-proposed);
    background-color: white;
}

.action-propose:hover {
    background-color: var(--gw-status-proposed);
    color: white;
}

.action-propose:disabled {
    background-color: var(--gw-status-proposed);
    border-color: var(--gw-status-proposed);
    color: white;
    opacity: .5;
}

.action-bind {
    color: var(--gw-status-bound);
    border-color: var(--gw-status-bound);
    background-color: white;
}

.action-bind:hover {
    background-color: var(--gw-status-bound);
    color: white;
}

.action-bind:disabled {
    background-color: var(--gw-status-bound);
    border-color: var(--gw-status-bound);
    color: white;
    opacity: .5;
}

.action-cancel {
    color: var(--gw-status-cancelled);
    border-color: var(--gw-status-cancelled);
    background-color: white;
}

.action-cancel:hover {
    background-color: var(--gw-status-cancelled);
    color: white;
}

.action-cancel:disabled {
    background-color: var(--gw-status-cancelled);
    border-color: var(--gw-status-cancelled);
    color: white;
    opacity: .5;
}

.action-sign {
    color: var(--gw-action-upload);
    border-color: var(--gw-action-upload);
    background-color: white;
}

.action-sign:hover {
    background-color: var(--gw-action-upload);
    color: white;
}

.action-sign:disabled {
    background-color: var(--gw-action-upload);
    border-color: var(--gw-action-upload);
    color: white;
    opacity: .5;
}

.action-finalize {
    color: var(--gw-action-finalize);
    border-color: var(--gw-action-finalize);
    background-color: white;
}

.action-finalize:hover {
    background-color: var(--gw-action-finalize);
    color: white;
}

.action-finalize:disabled {
    background-color: var(--gw-action-finalize);
    border-color: var(--gw-action-finalize);
    color: white;
    opacity: .5;
}

.action-resume {
    color: black;
    border-color: black;
    background-color: white;
} 

.action-resume:hover {
    background-color: black;
    color: white;
}

.action-resume:disabled {
    background-color: var(--gw-action-resume);
    border-color: var(--gw-action-resume);
    color: white;
    opacity: .5;
}

.action-grey {
    color: var(--gw-action-grey);
    border-color: var(--gw-action-grey);
    background-color: white;
} 

.action-grey:hover {
    background-color: var(--gw-action-grey);
    color: white;
}

.action-grey:disabled {
    background-color: var(--gw-action-grey);
    border-color: var(--gw-action-grey);
    color: white;
    opacity: .5;
}

.group-box {
    position: relative;
    border: 1px solid #ccc;
    padding: .5rem;
    border-radius: 0.25rem;
}

.group-box-label {
    position: absolute;
    background-color: white;
    text-wrap: nowrap;
    top: -0.75rem;
    left: 1rem;
    padding: 0 0.5rem;
    font-weight: bold;
    font-size:.75rem
}