/*
    **************************************************************
    Org Chart Styles
    **************************************************************
*/
.oc-table {
    margin-top: 1rem;
    margin-left: 0;
}

.oc-cell {
    text-align: center;
    padding: 0px 2.5px;
    width: 12.5px;
    white-space: nowrap;
    height: 1px;
}

.oc-cell-empty {
    width: 12.5px;
}

.oc-div-mgr {
    padding: 1rem;
    border: solid 2px #932121;
    box-shadow: rgb(100,100,100,0.4) 10px 10px 15px;
    border-radius: 1rem 1rem;
    height: 100%;
    width: 100%;
    margin: 0px;
    font-size: .375em;
}

    .oc-div-mgr img {
        max-width: 2rem;
        max-height: 2.5rem;
    }

.oc-div-mgr-0 {
    color: black;
    background-color: white;
}

/* Section 1 */
.oc-div-mgr-1 {
    color: white;
    background-color: red;
    background-image: radial-gradient(rgba(255,0,0,0), rgba(0,0,0,0.4) );
}

.oc-div-image-1 {
    background-color: white;
    border-radius: 0.75rem;
    max-width: 2rem;
    max-height: 2.5rem;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.oc-link-image-1 {
}

.oc-image-1 {
}

.oc-div-name-1 {
    /*background-image: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0));*/
}

.oc-link-name-1:link {
    color: white !important;
    text-decoration: none;
}

.oc-link-name-1:visited {
    color: white !important;
    text-decoration: none;
}

.oc-link-name-1:hover {
    text-decoration: underline;
}

.oc-link-name-1:active {
    text-decoration: underline;
}

.oc-div-position-1 {
    color: #cccccc;
}

.oc-div-phone-1 {
    color: #cccccc;
}

.oc-div-email-1 {
    color: #cccccc;
}

.oc-link-email-1:link {
    color: #cccccc;
    text-decoration: none;
}

.oc-link-email-1:hover {
    text-decoration: underline;
}
/*
                    End Section 1
                */

/*
                    Section 2
                */
.oc-div-mgr-2 {
    color: white;
    background-color: rgb(27, 81, 156);
    background-image: radial-gradient(rgba(27, 81, 156,0), rgba(0,0,0,0.6) );
}

.oc-div-image-2 {
    background-color: white;
    border-radius: 0.75rem;
    max-width: 2rem;
    max-height: 2.5rem;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.oc-link-image-1 {
}

.oc-image-2 {
}

.oc-div-name-2 {
    /*background-image: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0));*/
}

.oc-link-name-2:link {
    color: white !important;
    text-decoration: none;
}

.oc-link-name-2:visited {
    color: white !important;
    text-decoration: none;
}

.oc-link-name-2:hover {
    text-decoration: underline;
}

.oc-link-name-2:active {
    text-decoration: underline;
}

.oc-div-position-2 {
    color: #cccccc;
}

.oc-div-phone-2 {
    color: #cccccc;
}

.oc-div-email-2 {
    color: #cccccc;
}

.oc-link-email-2:link {
    color: #cccccc;
    text-decoration: none;
}

.oc-link-email-2:hover {
    text-decoration: underline;
}
/*
                    End Section 2
                */
/*
                    Section 1
                */
.oc-div-mgr-3 {
    color: white;
    background-color: rgb(243, 137, 21);
    background-image: radial-gradient(rgb(243, 137, 21), rgba(0,0,0,0.4) );
}

.oc-div-image-3 {
    background-color: white;
    border-radius: 0.75rem;
    max-width: 2rem;
    max-height: 2.5rem;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.oc-link-image-1 {
}

.oc-image-3 {
}

.oc-div-name-3 {
    /*background-image: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0));*/
}

.oc-link-name-3:link {
    color: white !important;
    text-decoration: none;
}

.oc-link-name-3:visited {
    color: white !important;
    text-decoration: none;
}

.oc-link-name-3:hover {
    text-decoration: underline;
}

.oc-link-name-3:active {
    text-decoration: underline;
}

.oc-div-position-3 {
    color: #cccccc;
}

.oc-div-phone-3 {
    color: #cccccc;
}

.oc-div-email-3 {
    color: #cccccc;
}

.oc-link-email-3:link {
    color: #cccccc;
    text-decoration: none;
}

.oc-link-email-3:hover {
    text-decoration: underline;
}
/*
                    End Section 3
                */
/*
                    Section 4
                */
.oc-div-mgr-4 {
    color: white;
    background-color: rgb(77, 185, 20);
    background-image: radial-gradient(rgba(77, 185, 20,0), rgba(0,0,0,0.4) );
}

.oc-div-image-4 {
    background-color: white;
    border-radius: 0.75rem;
    max-width: 2rem;
    max-height: 2.5rem;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.oc-link-image-1 {
}

.oc-image-4 {
}

.oc-div-name-4 {
    /*background-image: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0));*/
}

.oc-link-name-4:link {
    color: white !important;
    text-decoration: none;
}

.oc-link-name-4:visited {
    color: white !important;
    text-decoration: none;
}

.oc-link-name-4:hover {
    text-decoration: underline;
}

.oc-link-name-4:active {
    text-decoration: underline;
}

.oc-div-position-4 {
    color: #cccccc;
}

.oc-div-phone-4 {
    color: #cccccc;
}

.oc-div-email-4 {
    color: #cccccc;
}

.oc-link-email-4:link {
    color: #cccccc;
    text-decoration: none;
}

.oc-link-email-4:hover {
    text-decoration: underline;
}
/*
                    End Section 4
                */
/*
                    Section 5
                */
.oc-div-mgr-5 {
    color: white;
    background-color: rgb(222, 218, 12);
    background-image: radial-gradient(rgba(222,218,12,0), rgba(0,0,0,0.4) );
}

.oc-div-image-5 {
    background-color: white;
    border-radius: 0.75rem;
    max-width: 2rem;
    max-height: 2.5rem;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.oc-link-image-1 {
}

.oc-image-5 {
}

.oc-div-name-5 {
    /*background-image: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0));*/
}

.oc-link-name-5:link {
    color: white !important;
    text-decoration: none;
}

.oc-link-name-5:visited {
    color: white !important;
    text-decoration: none;
}

.oc-link-name-5:hover {
    text-decoration: underline;
}

.oc-link-name-5:active {
    text-decoration: underline;
}

.oc-div-position-5 {
    color: #cccccc;
}

.oc-div-phone-5 {
    color: #cccccc;
}

.oc-div-email-5 {
    color: #cccccc;
}

.oc-link-email-5:link {
    color: #cccccc;
    text-decoration: none;
}

.oc-link-email-5:hover {
    text-decoration: underline;
}
/*
                    End Section 5
                */
.oc-div-team {
    padding: 0.25rem;
    border: solid 2px black;
    box-shadow: rgb(100,100,100,0.25) 10px 10px 15px;
    border-radius: .5rem .5rem;
    font-size: 0.375rem;
    width: 100%;
    margin: 0px;
    color: black;
    background-color: white;
    display: inline-block;
    background-image: radial-gradient(rgb(255,255,255), rgba(0,0,0,0.2) );
}

.oc-div-team-title {
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid black;
    margin-bottom: 0.5rem;
}

.oc-div-team-member {
    display: flex;
    line-height: .55rem;
    margin-bottom: .5rem;
    padding: 0px;
}

    .oc-div-team-member:hover {
        background-color: white;
    }

.oc-div-team-image {
    width: 12px;
    display: inline-block;
    margin-right: 0.125rem;
    background-color: white;
}

.oc-div-team-details {
    display: inline-block;
}

.oc-team-image {
    width: 100%;
}

.oc-link-team-image:link {
}

.oc-link-team-image:hover {
}

.oc-div-team-name {
    color: black;
}

.oc-link-team-name:link {
    color: black;
    text-decoration: none;
}

.oc-link-team-name:hover {
    text-decoration: underline;
}

.oc-div-team-phone {
    color: #555;
}

.oc-div-team-email {
    color: #555;
}

.oc-link-team-email:link {
    color: #555;
    text-decoration: none;
}

.oc-link-team-email:hover {
    text-decoration: underline;
}

.oc-cell-mgr,
.oc-cell-data,
.oc-cell-team {
    padding: 0px;
}

.oc-cell-mgr,
.oc-cell-data {
}

.oc-cell-spacer {
    width: 1rem;
}

.oc-cell-team {
    vertical-align: top;
    text-align: left;
}

.oc-line-left {
    border-top: solid 2px red;
}

.oc-line-right {
    border-top: solid 2px red;
}

.oc-line-top {
    border-left: solid 2px red;
}

.oc-line-bottom {
    border-left: solid 2px red;
}

/*
    **************************************************************
    END Org Chart Styles
    **************************************************************
*/