body {
    background-color: #343434;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 9pt;
}

div{border:0px white solid}

#logo {
    float: left;
    width: 140px;
    margin: 10px 20px 0px 20px;
}

h2 {
    font-size: 16pt;
    font-weight: 300;
    float: left;
    padding: 10px 0px 10px 20px;
    border-left: 1px solid white;
}

.row {
    margin-bottom: 40px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	column-gap: 2%;
}

.green {
    color: #83BD40;
}

.purple {
    color: #9E4BD3;
}

.blue {
    color: #409CBD;
}

.pink {
    color: #D44981;
}

#month, #year {
    color: #83BD40;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 500;
}



.bold {
    font-weight: 700;
}

.medium {
    font-weight: 500;
}

#header {
    margin-top: 40px;
}

#legend-container {
    display: table-cell;
    float: right;
    margin-top: 7px; /* aligns content with logo and title*/
}

.legend {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px solid white;
    vertical-align: middle;
}

#first {
    padding-left: 0px;
    border-left: none;
}

.legend p {
    margin-bottom: 0px !important;
    line-height: 1.4;
}

#row-org {
    margin-top: 160px;
}

.block-container {
    /* margin: auto; */
	justify-content: center;
	/* border:2px yellow solid; */
	text-align: center;
}

/* #remaining {
    width: 100%;
} */

.supervised {
    display: inline-block;
}

.block {
    display: inline-block;
    position: relative;
    background-color: #2E2E2E;
    width: 120px;
    height: 70px;
    margin: 3px 5px; /* less top/bottom margin due to the natural vertical spacing between blocks*/
}

.block-text {
    position: absolute;
    width:100%;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 0px !important;
}

.name {
    font-weight: 700;
    text-align: center;
}

.position, .advisor, .school, .location, .sponsored {
    font-weight: 400;
    opacity: 0.6;
}

svg {
    position: absolute;
    width: 100%;
    opacity: 0.4;
}

svg path {
    fill: none;
    stroke-width: 1px;
    stroke: white;
}

svg .urop {
    stroke-dasharray: 4 6;
	display:none;
}

#urop {
    font-weight: 700;
    opacity: 0.6;
    padding-left: 20px;
}