        html,
        body {
        /*    overflow: hidden; */


        }
/*
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100vw;
            height: 100vh;
        }
*/
        #videoPane {
            margin-bottom: 3vh;
	    display: flex;
            flex-direction: column;

            align-items: center;
	}

        #videoPane video {
            min-width: 30%;
            max-width: 400px;
        }

	.disclaimer  {
	    font-weight: bold;
	    font-style: italic;
	}

        #transcript {
            flex-shrink: 1;
            overflow-y: scroll;
            overflow-x: hidden;
            white-space: pre-wrap;
            line-height: 2em;
          /*  width: 1600px; */
/*            max-width: 95%;*/
	    max-height: 400px;
        }

        .success {
            color: black;
        }

        .success:hover {
        outline-style: solid; text-decoration: underline;
        }
        .translation {color: black; font-style: italic}
        .active {
            text-decoration: underline; color: magenta;
        }
        .shl {text-decoration: italic}
/*
        .hl {background-color:lightgrey;color: black;}
	.original.hl {color:grey;}
        .unhl{background-color:white; color:black;}
*/        
/*
MOVING THIS TO additional file for translation html only
	.original {color:white;}
	.original .success {color:white;}
	.original .unhl {color:white;}

	.hl {background-color:lightgrey;color: black;}
        .original .hl {color:grey;}
        .unhl{background-color:white; color:black;}
*/

	.hl {background-color:lightgrey;}
        .unhl{background-color:white; }


	.phones {
            position: absolute;
            color: #333;
        }


        .phones .phone {
            margin-right: 5px;
            font-family: Helvetica, sans-serif;
            text-transform: uppercase;
            font-size: 20%;
        }

        .phones .phone:last-child {
            margin-right: 0;
        }

/* fine tune some of the standard styles: */
	.nav-breadcrumb {
	    margin-bottom: 0px;
	}
	.content {
	    margin-top: 0px;
	}

@media (max-width: 767px){
	.hideOnSmall {
		display: none;
	}

	#videoDiv {
		width: 100%;
	}
}
/*
#advancedMenu {
	display:none !important;
}

#postEdit {
	display:none !important;
}
*/

/* styles for timeline display */

.segmentation           {display: none }
.segmentation2          {display: none }
.segmentationList1      {display: none }
.segmentationList2      {display: none }
.segmentationButton     {display: none }


.segmentationList1 {
        position: absolute;
        min-height:500px;
        width:180px;
        top: 100px;
        right:20px;
        overflow: scroll;
        cursor:pointer;
        max-height: 800px;

}

.segmentationList1>h3{
        background-color: lightblue;
}

span.languageListLabel {
	margin-left: 10px;
}

select.languageList {
	margin-left: 2px;
	max-width: 7%;
}
