html,
body {
    height: 100%;
}
.first {
	padding-top: 80px;

}

.overlay {
 	position:absolute;
	/*display:none; */

    /* color with alpha transparency */
    background-color: rgba(0, 0, 0, 0.8);

    /* stretch to screen edges */
    top: 0;
	left: 0;
    bottom: 0;
    right: 0;
}


.controls {
    display:none;
    position:absolute;
    width:600px;
    /*height:120px;*/
    cursor:pointer;
    bottom:10%;
    left:20%;
    margin:-60px 0 0 -60px;
}

.playerSection:hover .controls{
    display: block;
}

.wrap {
    word-break: break-all;
}

.pre-scrollable {
    min-height: 400px;
}

.modal-lg {
    width: 80%;
}

.spinner {
    position:absolute;
    /*display:none; */
    /* color with alpha transparency */
    background-color: rgba(0, 0, 0, 0.8);
    /* stretch to screen edges */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align:center;
    vertical-align:middle;
    padding-top: 300px;
}

.y-scrollable {
    overflow-x:scroll;
    overflow-y:hidden;
    height:180px;
    padding: 0 15px;
    white-space: nowrap;
    position: relative;
}