.actionButton {
    background: #DCDCDC;
    color: #278BF7;
    line-height: 22px;
    text-decoration: none !important;
    font-size: smaller;
    font-weight: bolder;
    display: block;
    width: 50px;
    height: 20px;
    margin-left: 5px;
    text-align: center;
}

    .contactInfoTop {
        background-color: white;
        height: 20%;
        margin: 0.4em;
        display: inline-flex;
        width: 97.9%;
    }

    .contactInfoPanel {
        background-color: white;
        padding: 0px;
        display: inline-grid;
        height: 80%;
        text-align: center;
        margin: 0.4em;
    }

    .fakeimg {
        position: relative;
        background-color: white;
        width: 60%;
        height: fit-content;
    }

    .right {
        position: relative;
        text-align: left;
        /*width: 30%;*/
        display: inline-grid;
    }

    .right-span {
        font-size: 13pt;
        margin: .4em;
        padding: .4em;
    }

    .ratingInfo {
        padding: 0.4em;
        height: 70px;
    }

    .linkInfo {
        text-align: left;
        padding: 0.4em;
        height: auto;
    }

    .description {
        background: white;
        padding: 0.7em;
        height: 200px;
    }

    .buttonTemplate {
        padding: 0.7em;
        height: auto;
        text-align: center;
    }

    .link-view-info {
        margin: 0.4em;
        padding: 0.25em;
        cursor: pointer;
        background: #007ab7;
        text-decoration: none;
        color: white;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        display: inline-block;
        width: 70%;
        text-align: center;
        font-weight: bolder;
        font-size: larger;
        /*#2aa916;*/
    }

    .link-to-register {
        margin: .4em;
        padding: .7em;
        cursor: pointer;
        background: #2aa916;
        text-decoration: none;
        color: white;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        display: inline-block;
        /*width: 70%;*/
        text-align: center;
        font-weight: bolder;
        font-size: larger;
        /*#2aa916;*/
    }

    .request-link {
        margin: .4em;
        padding: .4em;
        cursor: pointer;
        background: #e8ecef;
        text-decoration: none;
        color: #007ab7;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        display: inline-block;
        width: 95%;
        text-align: center;      
    }

    .right-close {
        margin: 2em 2em 2em 13em;
        padding: .4em;
        background: #007ab7;
        text-decoration: none;
        color: #e6ebf5;
        display: inline-block;
        font-size: larger;
    }

.green {
    font-weight: bold;
    background-color: #07a46d;
    color: whitesmoke;
}

.forest {
    font-weight: bold;
    background-color: #08837f;
    color: whitesmoke;
}


.red {
    font-weight: bold;
    background-color: #F46767;
    color: whitesmoke;
}

.gray {
    font-size: medium;
    color: #DCDCDC;
}
.right-adjust {
    padding: 0.2em;
    padding-left: 0.4em;
    margin: 0.1em;
    margin-left: 0.4em;
}
.hide {
    display:none;
}