text[data-role='root'] {
    transform: rotate(0) translate(-45px, -18px);
}

#graph {
    height: 800px;
    width: 100%;
    margin: 0px auto;

}

#visualizationcontainer {
    margin-top: 20px;
}

#visualizationcontainer .row {
    margin-bottom: 30px;
}


#graphchoosercontainer {
    margin-top: 30px;
}

#graphdescriptioncontainer {
    margin-top: 30px;
}

#graphdescription p {
    font-size: 1.33em;
}

#turnbutton {
    background-color: #1B3C59;
}

seg.turnlabel {
    font-size: 20px;
}

#datacontainer {
    perspective: 1500px;
    height: 800px;
    width: 100%;

}

#datacontainer.turned .turncontainer {
    transform: rotateY(180deg);
}

.turncontainer {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.75s;
    transform-style: preserve-3d;

}

#graphcontainer,
#tablecontainer {
    backface-visibility: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    transform: rotateX(0deg)
}

#graphcontainer {
    z-index: 2;
}

#tablecontainer {
    transform: rotateY(180deg);
    z-index: 1;
    float: left;
    height: 800px;
    overflow-y: hidden;
}

#datacontainer.turned #tablecontainer {
    overflow-y: visible;
}


@media(min-width: 919px) {

    #tablecontainer {
        width: 80% !important;
        margin-left: 10%;
    }


}

.datatable a {
    text-decoration: none;
}