.loader {
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 6px solid #aaaaaa; /* Foreground color */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.center{
    margin: auto;
}

#left_menu_bar {
    float: left;
    position: fixed;
    top: 80px;
    left: 20px;
}

#content {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  /* background-color: #FFFFFF; */
  padding: 50px 50px 50px 50px;
}

#fragment {
}

#main-panel {
    position: relative;
    width: 700px ;
    margin-left: auto ;
    margin-right: auto ;
    background-color: #FFFFFF;
    padding: 50px 50px 50px 50px;
}

.sub-menu {
    position: relative;
    height: 24px;
}

#menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
}

.header {
    font-family: 'PEIXE';
        font-size: 30px;
}


body{
    margin:0px;
    background:#F0F0F0;
}

#data {
    width: 600px;
    padding: 20px;
}

.header-cont {
    width:100%;
    position:fixed;
    top:0px;
}

.content {
    width:960px;
    background: #F0F0F0;
    border: 1px solid #CCC;
    height: 2000px;
    margin: 70px auto;
}

.top-layer {
    z-index: 2002;
}


.circular-user-image {
	width: 48px;
	height: 48px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}

.hidden {
display: none;
}

.gone {
display: none;
}