body{
    /* font-size:2em; */
}

/* Start of panel */

.panel{position:relative;width:70%;z-index:10000;}
.panel_header {position:absolute;top:5px;right:8px;left:8px;border:0px solid white;height:45px;}
.panel_header_left{float:left;padding:10px 0;width:90%;}
.panel_header_right{float:right;padding:0;cursor: pointer;}
.panel_header_center{display:inline-block;padding:10px 20px 0 50px;}
.panel_content{top:50px;right:0px;left:0px;bottom:5px;overflow-y:auto;}

.panel i{
    font-style:normal;
    padding:2px;
}

.panel_header,.panel_spacer_top,.panel_content,.panel_footer{
    padding:0 10px;position:fixed;font-family: Arial, Helvetica, sans-serif;font-size:18px;background:#ddd;color:black;width:inherit;margin:auto;
}

.panel_content{
    padding:0px 10px 10px 10px;
    height:auto;
    font-size:14px;
}

.panel_header {
    border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;
    border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;
    font-weight:bold;
    background:#cf0303;
    color:white;
}

.panel_content {
    border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;
    padding:10px;
    font-family:  Arial, Helvetica, sans-serif;
    font-weight:normal;
    background:#ddd;
    color:white;
}

.panel_content_container{
    width:inherit;
}

/* End of panel */

i.fa-bars,i.fa-lock,i.fa-unlock-alt,i.fa-arrow-circle-left,i.fa-arrow-circle-right,i.fa-times-circle{
	font-size: 40px;
	color: white;
}

.truncated {
    display: block;
    white-space: nowrap; /* forces text to single line */
    overflow: hidden;
    text-overflow: ellipsis;
    border:0px solid black;
}