/*---------------- Backgrounds  ----------------*/

body, html {
	background:#FFF!important;
}

/*---------------------------------------------------------*/


/*----------------- FORMATTING ----------------------------*/


.n3{font-weight:300!important;}
.n4{font-weight:400!important;}
.n6{font-weight:600!important;}
.n7{font-weight:700!important;}


pre{
    background-color: white;
    margin-left: 200px;
}
#wrapper pre{
     margin-left: 0px;
}


.right { text-align:right; }
.left { text-align:left; }
.center { text-align:center; }



.webfont{
	font-family: 'Open Sans', sans-serif;
}
.monospace{
	font-family: monospace;
}
.small, small{
	font-size:0.8em;
	
}
p.small{
	line-height: 1.3em;
}

.clearboth{
	clear: both;
}

.cursor_pointer{
	cursor:pointer;
}
.profile_picture{
	padding: 0px;
	overflow: hidden;
}
.profile_picture img {
	border:3px solid white;
}



h2 > a, h2 > span, h3 > a, h3 > span {
	font-size: 13px;
}
h3 > span {
	font-size: 13px;
	color:grey;
}

button{
	text-shadow:none;
}

button.text{
	background-image:none;
	background-color:transparent;
	border:1px solid grey;
	color:grey!important;
}

button:disabled{
	opacity: 0.5!important;
}

ul.nolist{
	list-style:none
}
ul.checked {
	list-style:none
}
ul.checked li {
	background: url(../images/checkmark.gif) no-repeat left 8px;
	padding: 0px 0px 10px 20px;
}


.numvotes{ /*rating*/
	font-size:0.8em;
	padding:0 0 0 4px;
}

th{
	white-space: nowrap;
}

.alert {
	border: 1px solid #999;
	border-radius: 2px;
	padding: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	color: #fff;
}
.alert img {
	margin: -3px 5px 0 0;
	float: left;
	display:block;
}
.alert a {
	color: white;
	text-decoration: underline;
}
.alert.dismissible{
	cursor:pointer;
}
/*----------------- FORMATTING ----------------------------*/

/*---------------- LOGO -----------------------------------*/
a.logo {
	background: url(../images/uni-basel-logo.svg) no-repeat;
	background-size:contain;
	position:relative;
	display: block;
	min-width: 200px;
	height: 55px;
	margin: 15px;
	z-index: 10;
}
a.logo span {
	display: block;
	text-indent:-999px;
}

/*------------------ jQuery UI customization -----------------------*/

.ui-progressbar {
	height: 1.4em;
	border:none;
	background:#C0C0C0;
}
.projectdetails .ui-progressbar{
	height: 25px;
	
}
.ui-progressbar .ui-progressbar-value{
	display:block;
	border:none;
	margin:0px;
	background: #0072D9;
	color:white;
    font-weight: normal;
    line-height: 19px;
}
.ui-progressbar-value > span{
	overflow:visible;
	position:absolute;
	top:-1px;
	left: 4px;
}
.ui-progressbar.ui-widget-content{
	border-color: #0072D9;
}

.ui-dialog{
	-webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
}
.ui-dialog .ui-dialog-titlebar{
	border: 0;
	border-radius: 0;
}

.ui-dialog .ui-dialog-content{
	padding: 1px;
}
.ui-widget-header {
	background:#F2F2F2;
}
.ui-widget-overlay {
	opacity: 0.5;
	filter: Alpha(Opacity=50);
}
button .ui-icon,
.button .ui-icon{
	background-image: url("../plugins/jquery/images/ui-icons_ffffff_256x240.png");
}
button.white .ui-icon,
button.light .ui-icon{
	background-image: url("../plugins/jquery/images/ui-icons_222222_256x240.png");
}

/*---------------------------------------------------------*/

/*------------------ MAIN CONTAINERS -----------------------*/
#main_container{
	min-height: 550px;
	margin-bottom: 10px;
}
div.fullwidth_container{
	width: 100%;
	min-width: 960px;
}
div.footer_centered {
	position: relative;
	/*
	margin: auto;
	min-width: 700px;
	max-width: 960px;
	*/
}
div.header_centered {
	position: relative;
	/*
	margin: auto;
	width: 900px;
	*/
}
div.main_container .box h2.box_head {
	line-height: 25px;
}

div.header_container {
	padding:0;
	margin:0;
	background: #a5d7d2;
}

/*---------------------------------------------------------*/



/*--------------- FOOTER / HEADER -------------------------*/

div.header_top_nav{
	height: 17px;
	
}
div.header_top_nav > button{
	position:relative;
	float:right;
	top: 5px;
	margin-left: 5px!important;
}


/*------------------------ FOOTER */

div.footer_container {
	padding: 0 0 5px 0;
	width:100%; /*used if it is rendered as position absolute on large screens*/
}

.footer_container .lines {
	border-color: #707070;
}
.footer_container ul li {
	list-style:none;
	padding:0;
	border-bottom:none!important;
}
.footer_container ul li:last-child {
	border-bottom:none;
}
.footer_container a,  .footer_container h3, .footer_container p {
	color: rgb(153, 153, 153);
}
.footer_container a  {
	font-weight: 500;
}
.footer_container p  {
	padding:0;
}
.footer_container p, .footer_container strong  {
	text-shadow:none;
}

.copyright{
	color: rgb(153, 153, 153)!important;
}

.textholder{
	padding-bottom:15px; 
	border-bottom:1px solid #CCCCCC;
}
.textholder:last-child{
	border:none;
}
/*---------------------------------------------------------*/




/*----------------- HEADER -------------------*/



#dialog_login input.text {
	margin-bottom:7px;
}

/*----------------------- Content Page  --------------------*/
.flat_area.page {
	 padding-bottom: 50px;
}

div.pagenav ul{
	list-style: none;
	padding: 5px 5px 0 5px;
	background-color: rgba(255, 255, 255, 0.5);
}
div.pagenav li{
	border-color:#CACACA;
}
div.pagenav li:last-child{
	border:0;
}
/*---------------------------------------------------------*/


/*------------------ EDITOR -------------------------------*/
div.translateeditable{
	display:block;
	cursor:help;
	min-height:12px; /*if empty*/
    border: 1px dashed rgba(127, 127, 127, .15);
    margin:-1px!important; /*compensate the border*/
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
div.translateeditable:hover{
	border:1px dashed rgba(236, 116, 37, 0.8);
	background-color: rgba(236, 116, 37, 0.08);
}
/*---------------------------------------------------------*/


/*--------------------- Pagination (replaced by infinitescroll) ------------------------------*/
.pagination{
	visibility:hidden;
}
.pagination.more {
	visibility:visible;
	text-align:left;
}
.pagination.more a.nextSelector{
	visibility:hidden;
}
.pagination.more a.moreSelector{
	display: block;
	margin: 30px 16px 0 65px;
	padding: 5px 5px 5px 20px;
	border-radius:2px;
	border:1px solid rgb(124, 124, 124);
	background-color: rgb(247, 247, 247);
	color: rgb(124, 124, 124);
}
.pagination.more a.moreSelector:hover{
	background-color: rgb(240, 240, 240);
	color: rgb(100, 100, 100);
}


.pagination a, .pagination span  {
	font-size:17px;
	font-weight:bold;
}
.paginationcontent{
	letter-spacing: -5px; /*prevent grid_4 to break*/
}
.paginationcontent > *{
	letter-spacing: normal;
}
#infscr-loading img{
	background-color: rgba(255, 255, 255, 0.89);
	padding: 2px;
	border-radius: 2px;
	margin: 0px 0 10px 8px;
}
#infscr-loading > div{
	color:#CCC;
}
/*---------------------------------------------------------*/

/*--------------------------------
Data tables
--------------------------------*/
.dataTable tfoot {
    display: table-header-group;
}
.dataTables_filter{
	margin: 10px;
}
.dataTable input[type='text'].filter{
	min-height: unset;
	max-width:50px;
	height:22px;
	line-height:22px;
	float: left;
}
.dataTables_wrapper div.dt-buttons{
	margin: 10px;
}
.dataTable th{
    text-align: left;
    }
/*-----End of Data tables -------*/


ul.showactive li:nth-of-type(1){
	border-top: 1px solid transparent;
}
ul.showactive li{
	padding: 0 3px;
	border-top: 1px solid #eee;
	border-bottom: 0!important;
}
ul.showactive li.active{
	background-color: #F7921E;
	border-top: 1px solid transparent;
	color:white;
	font-weight: normal;
}
ul.showactive li.active > a{
	color:white;
	font-weight: normal;
}
ul.showactive.grey li.active{
	background-color: #F0F0F0;
	color:#333;
}
ul.showactive.grey li.active > a{
	color:#333;
}

.subnavi{
	list-style: none;
}
.subnavi > li > a{
   display:block;
   margin:0;
   padding:6px 2px 5px 8px;
   text-indent:12px;
   color:rgb(90, 90, 90);
   border:none;
}
.subnavi > li.active,
.subnavi > li:hover {
	background-color: #F0F0F0;
	border-bottom:1px solid #CCCCCC;
	border-color:white;
}
.subnavi > li.active > a,
.subnavi > li:hover > a {
   color: #333;
   text-shadow: 0 1px 0 white;
}

/* second level subnavi*/
.subnavi > li > ul> li > a{
   display:block;
   margin:0;
   padding:6px 8px 5px 10px;
   text-indent:12px;
   color:rgb(90, 90, 90);
   border:none;
}

.subnavi li .fa{
	float: left;
	top: 14px;
	left: 5px;
	position: relative;
	font-weight:normal;
}
.subnavi li.active .fa{
	color:#333;
}

.pagenav .subnavi li {
   line-height: 24px!important;
}


#reportfilter dl.zend_form dd{
    padding: 5px 0 5px 5px;
    line-height: 25px;
    min-height: 30px;
}
#reportfilter dl.zend_form dt label{
    padding-top: 10px;
    
}

#labdataimportpreview dl.zend_form dd{
	border: none;
}

table.classic.agereport{
	width:100%;
}
table.classic.agereport tr td {
	padding: 6px 0px;
}
table.classic.agereport thead th {
	background-color:white;
	padding: 12px 15px;
}

table.classic.agereport tbody td {
	text-align:center;
}
table.classic.agereport tbody td:first-child {
	text-align:left;
	padding-right:4px;
	min-width:130px;
}

table.classic.agereport thead:first-child th:nth-child(2),
table.classic.agereport thead:nth-child(2) th:nth-child(2),
table.classic.agereport thead:nth-child(2) th:nth-child(3),
table.classic.agereport thead:nth-child(2) th:nth-child(4),
table.classic.agereport tbody td:nth-child(2),
table.classic.agereport tbody td:nth-child(3),
table.classic.agereport tbody td:nth-child(4) {
	background-color:#F0F7F9;
}

table.classic.agereport thead:first-child th:nth-child(3),
table.classic.agereport thead:nth-child(2) th:nth-child(5),
table.classic.agereport thead:nth-child(2) th:nth-child(6),
table.classic.agereport tbody td:nth-child(5),
table.classic.agereport tbody td:nth-child(6) {
	background-color:#E2EFF4;
}

table.classic.agereport thead:first-child th:nth-child(4),
table.classic.agereport thead:nth-child(2) th:nth-child(7),
table.classic.agereport thead:nth-child(2) th:nth-child(8),
table.classic.agereport tbody td:nth-child(7),
table.classic.agereport tbody td:nth-child(8) {
	background-color:#C4E0E8;
}

table.classic.agereport thead:first-child th:nth-child(5),
table.classic.agereport thead:nth-child(2) th:nth-child(9),
table.classic.agereport thead:nth-child(2) th:nth-child(10),
table.classic.agereport tbody td:nth-child(9),
table.classic.agereport tbody td:nth-child(10) {
	background-color:#B6D8E2;
}

table.classic.agereport thead:first-child th:nth-child(6),
table.classic.agereport thead:nth-child(2) th:nth-child(11),
table.classic.agereport thead:nth-child(2) th:nth-child(12),
table.classic.agereport tbody td:nth-child(11),
table.classic.agereport tbody td:nth-child(12) {
	background-color:#A7D0DD;
}

table.classic.agereport thead:first-child th:nth-child(7),
table.classic.agereport thead:nth-child(2) th:nth-child(13),
table.classic.agereport thead:nth-child(2) th:nth-child(14),
table.classic.agereport tbody td:nth-child(13),
table.classic.agereport tbody td:nth-child(14) {
	background-color:#98C8D7;
}

table.classic.agereport thead:first-child th:nth-child(8),
table.classic.agereport thead:nth-child(2) th:nth-child(15),
table.classic.agereport thead:nth-child(2) th:nth-child(16),
table.classic.agereport tbody td:nth-child(15),
table.classic.agereport tbody td:nth-child(16) {
	background-color:#89C1D1;
}

table.classic.agereport thead:first-child th:nth-child(9),
table.classic.agereport thead:nth-child(2) th:nth-child(17),
table.classic.agereport thead:nth-child(2) th:nth-child(18),
table.classic.agereport tbody td:nth-child(17),
table.classic.agereport tbody td:nth-child(18) {
	background-color:#7BB9CC;
}

table.classic.agereport thead:first-child th:nth-child(10),
table.classic.agereport thead:nth-child(2) th:nth-child(19),
table.classic.agereport thead:nth-child(2) th:nth-child(20),
table.classic.agereport tbody td:nth-child(19),
table.classic.agereport tbody td:nth-child(20) {
	background-color:#5DA9C0;
}


table.classic.agereport thead:first-child th:nth-child(11),
table.classic.agereport thead:nth-child(2) th:nth-child(9),
table.classic.agereport thead:nth-child(2) th:nth-child(10),
table.classic.agereport tbody td:nth-child(9),
table.classic.agereport tbody td:nth-child(10) {
	background-color:#B6D8E2;
}





/*---------------------------------------------------------*/
#content_only .box{
	padding: 5px!important;
}
#content_only .block, #content_only .section{
	padding:0!important;
}
#content_only .box, #content_only .block, #content_only .section{
	margin:0!important;
	box-shadow:none!important;
	background-image:none!important;
	border:none!important;
	border-radius:0!important;
}

form.actionform{
	float: right;
	padding-left: 3px;
}
form.actionform button{
	float: right;
}


/*---------------------------------------------------------*/

.flash{
  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: 1;

  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: 1;

  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: 1;
}
@-webkit-keyframes flash {
    0% { background-color:transparent;}
    50% { background-color:#FDFEC7;}        
    100% {background-color:transparent;}
}
@-moz-keyframes flash {
    0% { background-color:transparent;}
    50% { background-color:#FDFEC7;}        
    100% {background-color:transparent;}
}
@-ms-keyframes flash {
    0% { background-color:transparent;}
    50% { background-color:#FDFEC7;}        
    100% {background-color:transparent;}
}