/***************************************************************
*  Copyright notice
*
*  (c) 2009 PF bioinformatique de Toulouse <>
*  All rights reserved
*
*  This script is part of the TYPO3 project. The TYPO3 project is
*  free software; you can redistribute it and/or modify
*  it under the terms of the GNU General Public License as published by
*  the Free Software Foundation; either version 2 of the License, or
*  (at your option) any later version.
*
*  The GNU General Public License can be found at
*  http://www.gnu.org/copyleft/gpl.html.
*
*  This script is distributed in the hope that it will be useful,
*  but WITHOUT ANY WARRANTY; without even the implied warranty of
*  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
*  GNU General Public License for more details.
*
*  This copyright notice MUST APPEAR in all copies of the script!
***************************************************************/

.ng6-content-header-left h2 {
    color: #51565B;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5em;
    text-shadow: 1px 1px #F1F1F1;
    text-transform: capitalize;
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.ng6-content-header-left h2 small {
	font-size: 16px;
    font-weight: lighter;
}

div.file-display {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ececec;
    border-bottom-color: #bdbdbd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #DEE5F0;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 2px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #DEE5F0;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 2px;
    border-top-color: #bdbdbd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: solid;
    border-top-width: 2px;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}
.tx-nG6-wait { margin-left: 0px; padding-left: 50px; padding-top: 10px; height: 40px; background: url(../img/light_wait.gif) left no-repeat;  }
.tx-nG6-mini-wait { margin-left: 0px; padding-left: 25px; padding-top: 0px; height: 20px; background: url(../img/mini_light_wait.gif) left no-repeat;  }

.bullet {
	background: url(../img/bullet.png) left no-repeat;  
	padding-left: 20px;
	margin: 5px 0 0 0; 
}

.run {
	background: url("../img/run-icon.png") no-repeat scroll -15px 15px #FaFaFa;
}
.analysis {
	background: url(../img/analysis-icon.png) no-repeat scroll -15px 15px #FaFaFa;
}
.project {
	background: url(../img/project-icon.png) no-repeat scroll -15px 15px #FaFaFa;
}
.download {
	background: url(../img/download-icon.png) no-repeat scroll -15px 15px #FaFaFa;
}
.administration {
	background: url(../img/administration-icon.png) no-repeat scroll -15px 15px #FaFaFa;
}
.underline {
	border-bottom: 1px dotted #666; position: relative;
}
p.information { margin-left: 0px; padding-left: 75px; padding-top: 10px; height: 60px; background: url(../img/information_icon.png) left no-repeat; }
/* tx-nG6-pi1 plugin style */
.tx-nG6-pi1-error  { font-size:14px; margin-left: 0px; padding-left: 160px; padding-top: 40px; /* height:  90px; */ background: url(../img/error.png) 20px no-repeat; background-size: 7em auto; }
.tx-nG6-pi1-login  { font-size:14px; margin-left: 0px; padding-left: 140px; padding-top: 10px; /* height: 130px; */ background: url(../img/login.png) 20px no-repeat; background-size: 7em auto; }

ul li.filelist { margin-left: -25px; list-style: none; padding-left: 17px; background: url(../img/bullet.png) left center no-repeat; }
ul li.parameter { margin-left: -25px; list-style: none; padding-left: 17px; background: url(../img/bullet.png) left center no-repeat; }
.tx-nG6-pi1-hidden { color:#9a9a9a; }
.tx-nG6-pi1-hidden a { color:#aacbfb; }
.tx-nG6-pi1-help {
	background:#ececec;
    border:1px solid #f9f9f9;
    margin-top:15px;
    clear: both;
    overflow: hidden;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    padding:5px 5px 5px 5px;
}
.tx-nG6-pi1-help-end { clear:both; margin-bottom:10px; }
.tx-nG6-pi1-help .meta { color:#555; font-size:1.0em; }
.tx-nG6-pi1-help p { border-bottom:2px dashed #fff; color:#284087; margin:5px; padding-bottom: 4px; text-align:left; font-style: bold;}
.tx-nG6-pi1-help .img {
	padding: 10px;
    background:#ececec url(../img/help_icon.png) no-repeat 96% 30%;
    margin:5px 5px 5px 5px;
    float:left;
}

.tx-nG6-pi1-add-new { text-align: justify; margin-left: 20px; font-size:14px; padding-top: 10px; background: url(../img/add_user.png) 10px no-repeat; background-size: 7em auto; }
.tx-nG6-pi1-update-user { text-align: justify; margin-left: 20px; font-size:14px; padding-top: 10px; background: url(../img/update_user.png) 10px no-repeat; background-size: 7em auto; }

.ui-autocomplete-loading { background: white url('../img/mini_light_wait.gif') right center no-repeat; }
.ui-menu-item {
    list-style-type: none;
    overflow: auto;
}
.ui-menu {
	width : 210px;
}
.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* tx-nG6-pi5 plugin style */
.tx-nG6-pi5-download-builder-tree  { float: left; width: 600px; }
.tx-nG6-pi5-download-builder-header { position: relative;}
.tx-nG6-pi5-download-builder-header h3 { 
	margin-left: 10px; 
	padding-left: 110px; 
	padding-top: 30px; 
	height: 88px; 
	img: url(../img/download_builder.png) left no-repeat;  
}
.tx-nG6-pi5-download-builder { 
	float: right; 
	width: 240px; 
	background: #EFEEDF; 
	border-bottom: 1px dotted #666; 
	border-top: 1px solid #999;
	padding: 20px 0 30px; 
	margin-right: 20px; 
}
.tx-nG6-pi5-download-builder .tx-nG6-pi5-download-builder-group { margin: 0 15px 15px; border-bottom: 1px dotted #999; padding-bottom: 15px; }
.tx-nG6-pi5-download-builder .tx-nG6-pi5-download-builder-group h2 { font-size: 1.2em; }
.tx-nG6-pi5-download-builder .tx-nG6-pi5-download-builder-group ul li { 
	font-size: 1.0em; 
	font-weight: bold; 
	color: #000; 
	text-decoration: none; 
	list-style: none; 
	margin-left: 10px; 
	padding-left: 17px; 
	background: url(../img/ico-fleche.png) left 4px no-repeat; 
}
.tx-nG6-pi5-download-builder .tx-nG6-pi5-download-builder-group input { margin-left: 10px; padding-left: 17px; }
.tx-nG6-pi5-download-builder-tree #download_tree { border-bottom: 1px dotted #666; border-top: 1px dotted #666; padding: 25px 15px 15px; position: relative;}
.tx-nG6-pi5-download { 
	border:none; 
	color : #fff; 
	background: transparent url('../img/download.png') no-repeat top left; 
	width:200px; 
	height:38px; 
}
.tx-nG6-pi5-download-disable { 
	border:none; 
	color : #fff;
	background: transparent url('../img/download_off.png') no-repeat top left; 
	width:200px; 
	height:38px; 
	cursor: default !important;
}
.tx-nG6-pi5-symlink { margin-left: 30px; padding-left: 60px; padding-top: 0px; height: 140px; background: url(../img/symbolic_link.png) left no-repeat; }
.tx-nG6-pi5-archive { margin-left: 20px; padding-left: 70px; padding-top: 12px; height: 100px; background: url(../img/archive.png) left no-repeat; }
td.editable:hover {
	/*-moz-box-shadow: inset 0px 0px 4px 0px #52A8EC;*/
	border-left: 1px dashed #52A8EC;
	border-right: 1px dashed #52A8EC;
	cursor: text;
	background-color: #f0f2f2 !important;
}

.editable-block {
	position : relative;
	padding : 10px 5px 10px 5px;
	background-color: white ;
	border:1px solid lightgrey;
	border-radius:5px;
	font-weight: bold;
}
.editable-block:hover{
	cursor: text;
	border: 1px dashed #52A8EC;
	background-color: #f0f2f2 !important;
}

.editable-block-head{
	position :absolute;
	top:-15px;
}

.editable-block-content:hover{
	cursor: text;
	background-color: #f0f2f2 !important;
}


/* ng6 block boxes */
.ng6-block-box{
	margin-bottom : 20px;
	        box-shadow: -4px 0 5px -5px #808080, 5px 0 5px -6px #808080;
	   -moz-box-shadow: -4px 0 5px -5px #808080, 5px 0 5px -6px #808080;
	-webkit-box-shadow: -4px 0 5px -5px #808080, 5px 0 5px -6px #808080;
}

.ng6-block-box-header{
	word-spacing: 15px;	
	padding: 5px;
	        border-top-left-radius: 5px;
	   -moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	
	        border-top-right-radius: 5px;
	   -moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	
	background-color: #E8EAEA;
	height: 30px;
	line-height : 30px;
	border: 1px solid #DDDDDD;
}

.ng6-block-box-body{
	padding : 5px 15px 5px 15px;
	background-color: #FAFAFA;
}

/* Comment block*/
div.comment-tab{
	margin : 0 5px 5px 5px;
}


.new-comment-block {
	margin-top : 15px;
	padding : 15px;
	background-color: #E9E9E9;
}

textarea.wysihtml5-textarea, textarea.edit-wysihtml5-textarea{
	width: 100%; 
	height: 150px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


/* tx-nG-pi6 plugin style */
div#chart_wrapper {
	margin: auto;
	padding-top: 20px;
}
div#chart_test{
	width: 90%; 
	margin-left: auto;
	margin-right: auto; 
	margin-top:10px; 
	margin-bottom:10px;
}
div#chart_options{
	padding: 10px;
	border: 1px solid #ccc; 
	position: relative;
	
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	      border-bottom-right-radius:7px;
	      border-bottom-left-radius:7px;
}
.chart-loading{
	background: white url('../img/mini_light_wait.gif') no-repeat;
	background-position: 98% 50%;	/* x:right, y:center */
}

.tx-nG6-hidden{
	display: none;	
}

.d3-node-dot {
	cursor: pointer;
	fill: #fff;
	stroke: steelblue;
	stroke-width: 1.5px;
}

.d3-collapsed-node {
	cursor: pointer;
	fill: lightsteelblue;
	stroke: steelblue;
	stroke-width: 1.5px;
}

.d3-node {
	font: 10px sans-serif;
}

.d3-link {
	fill: none;
	stroke: #ccc;
	stroke-width: 1.5px;
}

/*
 *	Edition props datatable.bootstrap.css 
 *	(bootstrap3 datatable)
 */
div.dataTables_filter,
div.dataTables_length {
	width: auto;	
}

div.dataTables_length label,
div.dataTables_filter label {
	font-size: 13px;
}

div.dataTables_info {
	margin-top: 11px;
}

div.dataTables_paginate {
	margin-top: 5px;
}

table.table {
	margin-bottom: 0px !important;
}

.table th, 
.table td {
	padding:6px;
}

table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled { 
	background-color:  #E8EAEA;
}

table.dataTable th {
	background-color: #E8EAEA;
	border-top: 0;
}

.table-bordered th:last-child {
	border-bottom-right-radius: 0px !important;
}

.alignCenter {
	text-align: center;
}


/*
 * Props bootstrap 3
 *
 */

.nav-tabs {
	margin-bottom: 20px;
}

/*
 * Editable styles
 */
.editable-click, 
a.editable-click {
    text-decoration: none;
    border-bottom: dashed 0px !important;
}

a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc !important;
}

/*
 * Modal styles
 */
 #ng6modal .modal-body {
	max-height: 800px;
}
 #ng6modal img {
	max-height: 600px;
}

 
.modal-header h3 {
	padding: 0 !important;
}


.form-horizontal .controls {
    margin-left: 220px !important;
}


