/*****************************************************************************
**
** MuffinInfo - Information Extraction System for FastQ Data
** Copyright (C) 2015 Universidad de Politecnica Valencia and Andy Alic.
** Author: Andy Alic
** All rights reserved.
** Contact: Andy Alic (asalic@posgrado.upv.es)
**
** GNU Lesser General Public License Usage
** This program is free software; you can redistribute it and/or modify
** it under the terms of the GNU Lesser General Public License version 3.0
** as published by the Free Software Foundation.
**
** This program 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 Lesser General Public License version 3.0 for more details.
**
** You should have received a copy of the GNU Lesser General Public License
** version 3.0 along with this program; if not, write to the Free Software
** Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301
** USA
**
*****************************************************************************/

#content
{
   background-color: #f2f2f2;
   padding: 20px 10px;
   overflow: auto;
}
#tab-container
{
   float: left;
   margin: 10px 0 0 0;
   width: 150px;
}
#tab-container ul
{
   list-style: none;
   text-align: center;
}
#tab-container ul li
{
   border-top: 1px solid #667;
   border-right: 1px solid #667;
   border-bottom: 1px solid #667;
   border-left: 8px solid #667;
   background-color: #ddd;
   margin: 8px 0;
}
#tab-container ul li a,
#tab-container ul li a:visited
{
   text-decoration: none;
   color: #667;
   display: block;
   padding: 15px 5px;
}
#tab-container ul li:hover
{
   border-left: 8px solid #333;
}
#tab-container ul li a:hover
{
   color: #000;
}
#tab-container ul li.selected
{
   border-right: none;
   background-color: #fff;
   border-left: 8px solid blue;
}
#main-container
{
   width: auto;
   min-height: 600px;
   margin: 0 0 0 150px;
   padding: 20px;
   background-color: #fff;
   border: 1px solid #888;
}

#mainMenu
{
   /*display: table;
   width: auto; */
   height: 50px;
   margin: 0px 0px 10px 0px;
   background-color: #ddd;
}

#mainMenu li {
	float:left;
	list-style:none;
	margin-right:15px;
	padding: 10px 0;
}
#mainMenu li a {
	text-decoration:none;
	/*font-family:'Kreon', serif;
	font-size:16px;*/
	color: #667;
   padding-left: 15px;
   padding-right: 15px;
	/*text-transform:uppercase;*/
}
#mainMenu li a:hover {
	color:#cd6a00;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
#mainMenu li a span.ui-icon-carat-1-e {
    float:right;
    position:static;
    margin-top:2px;
    width:16px;
    height:16px;  /*background:url(http://download.jqueryui.com/themeroller/images/ui-icons_888888_256x240.png) no-repeat -64px -16px;*/
}
#mainMenu li ul {
	display:block;
	position:absolute;
	padding:5px 0px;
	background:#f0f0f0;
}
#mainMenu li ul li {
	float:none;
	width:200px;
	margin-right:0px;
	padding:5px 10px;
}
#mainMenu li ul li a {
	font-size:14px;
}

#loadScreen
{
   display: none;
   height: 100%;
   width: 100%;
    position:fixed;
    padding:0;
    margin:-100;
   z-index: 1;
   background-color: rgba(224, 224, 224, 0.9);
}

#loadScreenInfo
{
   padding: 5px;
   margin:auto;
    position:absolute;
   top: 40%;
   left: 45%;
   background-color: white;
}

#waitGif
{

    display: block;
    margin-left: 30%;
    margin-right: auto
   width:48px;
   height:48px;
}

#btnCancelLoad
{
   display: block;
   margin-left: 30%;
   margin-right: auto
}

#banner
{
   /*background: url(res/banner.svg);*/
   position: absolute;
   z-index: -1;
   max-height: 200px;
   max-width: 200px;
   padding: 0px;
   margin: 10px;
}

.mmEntry
{
   float: left;
   height: auto;
   overflow: auto;
   padding: 5px;
   margin: 10px;
   text-decoration: none;
   border-radius: 10px;
   border: 1px solid black;
   background-color: #ddd;
}

.mmEntry:hover
{
   background: white;
}

/*.mmEntry::first-letter
{
   font-weight: bold;   
   font-size: 120%;
   text-decoration: underline;
}*/

#hScr
{
   /**margin: 0px;
   padding: 0px;*/
   top: 0;
   left: 0;
   position: fixed;
   display: none;
   z-index: 10;
   height: 100%;
   width: 100%;
   background-color: rgba(224, 224, 224, 0.9);
}

#hScrContent
{
   /*z-index: 11;*/
   /*position: absolute;
   margin-top: 5vh;
   margin-bottom: 5vh;
   margin-left: 5vw;
   margin-right: 5vw;
   height: 90vh;
   width: 90vw;*/
   /*margin-top: 20px;
   height: 90%;
   margin-bottom: 20px;*/
   position:fixed; position:absolute; top:8%; right:8%; bottom:8%; left:8%;
   height: 80%;
   width: 80%;
   padding: 2%;
   background-color: white;
}

.aboutDlgTtl
{
   text-align:center;
}

#cstatDlg
{
   /**margin: 0px;
   padding: 0px;*/
   top: 0;
   left: 0;
   position: fixed;
   display: none;
   z-index: 10;
   height: 100%;
   width: 100%;
   background-color: rgba(224, 224, 224, 0.9);
}

#cstatDlgContent
{
   /*z-index: 11;*/
   /*position: absolute;
   margin-top: 5vh;
   margin-bottom: 5vh;
   margin-left: 5vw;
   margin-right: 5vw;
   height: 90vh;
   width: 90vw;*/
   /*margin-top: 20px;
   height: 90%;
   margin-bottom: 20px;*/
   position:fixed; position:absolute; top:8%; right:8%; bottom:8%; left:8%;
   height: 80%;
   width: 80%;
   padding: 2%;
   background-color: white;
}

.dlg
{
   top: 0;
   left: 0;
   position: fixed;
   display: none;
   z-index: 10;
   height: 100%;
   width: 100%;
   background-color: rgba(224, 224, 224, 0.9);
}

.dlgContent
{
   position:fixed; position:absolute; top:8%; right:8%; bottom:8%; left:8%;
   height: 80%;
   width: 80%;
   padding: 2%;
   background-color: white;
}

#lenAC
{

   padding: 0px;
}

.dataTables_wrapper {
float: top;
   top: -500px;
   /*margin-top: -100px;
   padding-top: -100px;*/
   position:relative;
   /*position:absolute;*/
   width: auto;
   /*height: 100px;*/
}