@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(fonts/PT-serif.woff) format('woff');
}


p {
	margin:0px;
}

body { padding-right: 0 !important }

#header {
    border: 0 none;
    box-shadow: none;
    height: 65px;
    margin: 0;
    min-height: 42px;
    padding: 5px;
    width: 100%;
	 background-color: #212121;
	 border-bottom:3px solid #fd9a05;
	 padding-bottom:3px;
}

#logo {
	float:left;
  margin-left: 10px;
  margin-top: 10px;
}

#logo a {
  color:#ffffff !important;
  font-size:25px;
  font-weight:bold;
  text-decoration: none;

}

#header_menu {
	float:right;
  margin-top:5px;
}
#header_menu LI {
	float:left;
	padding-left:10px;
	margin-top:10px;
	border-right:2px solid #ffffff;
	padding-right:10px;

}

#header_menu LI:last-child {
	border-right:0px;
  padding-right:0px;
}

#header_menu a {
	color:#ffffff;
}

#header_menu .badge {
	background-color:red;
}

#header_menu .glyphicon {
	margin-right:10px;
}

.header_user_info {
  color:#dddddd;
  font-size:11px;
}

.mobile-menu .glyphicon {
	margin-right:10px;
}



.avatar {
	width:50px;
	height:50px;
	margin:2px;
	border:1px solid #666666;
	border-radius:2px;

}

.avatar img {
	width:100%;
	height:100%;
}

#user_profile {
	float:right;
	text-align:right;
	color:#eeeeee;
	width:600px;
	display:block;
}

#user_profile .avatar {
	float:right;
	margin-left:8px;
}



#section {

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */

	position:relative;
	width:100%;

}

main {
  position:absolute;
  width:100%;
  float:right;
}


#main.on-back {
	display:none;
}

#content {
	z-index:12;
	margin-bottom:30px;

}



.project_name {
	text-align:center;
	width:100%;
	padding:10px;
	color:#dddddd;
  display:none;

}

/* redaction/users2/edit */
.privileges-details-container {
	max-width:350px;
}

.privileges-details {
	float:right;
}

.editions-day-link {
	display:block;
	width:100%;
	height:50px;
	font-weight:bold;
	padding:5px;
}

.editions-day-link:hover {
	background-color:#eeeeee;

	text-decoration:none;

}

.editions-day-link .btn {
	margin-left:auto;
	margin-right:auto;
	display:block;
}


.current_edition {
	background-color: #dff0d8;
}



.circle {
	text-align:center;
	min-width:50px;
	display:table;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}

.circle .glyphicon, #expand_icon .glyphicon {
	font-size:20px;
	border-radius:26px;
	background-color:#e12b31;
	color:#ffffff;
	width:46px  !important;
	height:46px;
	display:block;
	margin:auto;
	padding-top:14px;
	padding-left:0px;
	padding-right:0px;
	text-decoration:none;
	margin-bottom:5px;
}
.circle:hover {
	text-decoration:none;
}

.circle.unactive {
	color:#c1c1c1;
}
.pale .glyphicon {
    opacity: 0.3;
}

.greenback .glyphicon {
    background: #2be15c;
}

.shadow {

}

.modal-dialog {
	width:100%;
	max-width:700px;
}

select {
  color: black;
}
select option {
  color:black !important;
}

body.modal-open {
    overflow: hidden;
}

.panel-heading{background:black !important;}

@media only screen and (max-width: 700px) {
    .col-xs-5 {width:23%; font-size:10px !important}
	.col-xs-6 {width:34%; font-size:10px !important; }
	.col-xs-1 {width:11%; padding-left:1px; padding-right:1px; font-size:10px !important;}
	#positions .form-group > div {padding-left:1px !important; padding-right:1px !important;}
	.col-xs-1 input {padding: 6px; text-align:center; font-size:10px !important;}
	.col-xs-6, .col-xs-5 {font-size:10px !important;}
}

.day_checkbox input[type=checkbox].disabled {opacity:0.4;}

.ui-tooltip {
    /* tooltip container box */
    white-space: pre-line;
	width:500px;
	max-width:90%;
  z-index:60000;
}

.ui-tooltip a {
	color:red;
	text-decoration:underline;
}

.ui-tooltip-content {
    /* tooltip content */
    white-space: pre-line;
}

.header_user_info .description, .header_user_info br  {display:none;}

@media (max-width: 812px) { #header #user_profile { display: none !important; } }
#header .hide-desktop {display:block !important}
@media (min-width: 813px) { #header .hide-desktop {display: none !important;} }