.static-shadow {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}

.card:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}

h5 {
    color: #656978;
}

h4 {
    color: #656978;
}

h3 {
    color: #424242;
}


.view-fullscreen-modal {
    width: 98%;
    max-width: unset;
    padding-left: 20px !important;
    margin: 20px !important;
    justify-content: center !important;
    display: flex;
    height: 98%;
}

.fullscreen-modal {
    height: 90% !important;
    max-height: unset;
}

    .fullscreen-modal > .modal-content {
        height: inherit;
    }

.fullscreen-modal {
    height: 98% !important;
    max-height: unset;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin: 0;
    width: 98% !important;
    max-width: unset;
    padding: 0 !important;
}

    .fullscreen-modal > .modal-content {
        height: inherit;
    }


.vertical-line {
    width: 1px;
    background-color: #a3a3a3;
    height: 100%;
}

.purple-border-icon {
    color: white;
    border: 15px solid #CAD3EF;
    background-color: #CAD3EF;
    border-radius: 10px;
    font-size: 1.5rem
}

.blue-border-icon {
    color: white;
    border: 15px solid #CAE5EF;
    background-color: #CAE5EF;
    border-radius: 10px;
    font-size: 1.5rem
}

.green-border-icon {
    color: white;
    border: 15px solid #d1e6e5;
    background-color: #d1e6e5;
    border-radius: 10px;
    font-size: 1.5rem
}

.green-text {
    color: #1b867e;
}

.light-grey-text {
    color: #a3a3a3
}