/*
 * @component jdbexport Component
 * @copyright Copyright (C) Schultz IT Solutions, it-solutions.schultz.ch
 * @license https://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
 * /
// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
// For more info on customizing the colorpalette please refer to the online documentation
// https://it-solutions.schultz.ch/index.php/jdbexport/documentation-v3-1
/* 
 * Component frontend view layout styles
*/ 
div.jdbexport-icon-nodocuments-found { float:left; width:48px; height:48px; margin-right: 10px; background: url("../images/site.default.icon-48-nodocuments.png") no-repeat scroll left top transparent; }
span.jdbexport-icon-filetype, span.jdbexport-icon-preview, span.jdbexport-icon-download, span.jdbexport-icon-backgroundprocess, span.jdbexport-icon-msexcelonlineviewer, span.jdbexport-icon-googledocviewer, span.jdbexport-icon-refresh { float:left; width:48px; height:48px; margin-right: 10px;}
span.jdbexport-icon-preview-small, span.jdbexport-icon-download-small, span.jdbexport-icon-backgroundprocessing-small, span.jdbexport-icon-msexcelonlineviewer-small, span.jdbexport-icon-googledocviewer-small { float:right; width:24px; height:24px; margin-right: 2px;}
span.jdbexport-view-titleAndDescription {min-width:200px; width:38%;float:left;}
li.cat-list-row0, li.cat-list-row1 { min-height:50px; list-style-type: none;}

#progressbardialog {padding: 10px;display: none;}
.ui-progressbar {position: relative;}
.progress-label {position: absolute;left: 50%;top: 4px;font-weight: bold;text-shadow: 1px 1px 0 #fff;}

/* 
 * Component frontend parameter modal-window layout styles
*/ 
h1.jdbexportRuntimeparameters	{ background-color: #DDDDDD; color:#1F1F1F; margin: 0px; padding: 10px;}
p.jdbexportRuntimeparameters 	{ background-color: #DDDDDD; color:#1F1F1F; margin: 0px; padding: 10px;}
div.jdbexportRuntimeparameters	{ background-color: #DDDDDD; color:#1F1F1F; margin: 0px; padding: 10px;}

/*******************************************************************************/
/* 
 * Component PREVIEW : layout styles
*/ 

/* If your workbook contains more than 5 worksheets, simply add more lines in the respective CSS definition below */
/* outer DIV */
div.jdbexport-preview { margin: 0px;	padding: 10px; overflow:/* creates the scroll bars for the worksheets */auto; }
/* Preview navigation tabs UL */
div.jdbexport-preview #previewtabs {}
/* Preview navigation tabs LI */
div.jdbexport-preview ul li {}
div.jdbexport-preview ul li.active {}

/* Preview content table */
div.jdbexport-preview #previewcontent {}

/* Preview content table columns */
 div.jdbexport-preview table.sheet0 colgroup col0
,div.jdbexport-preview table.sheet1 colgroup col0
,div.jdbexport-preview table.sheet2 colgroup col0
,div.jdbexport-preview table.sheet3 colgroup col0
,div.jdbexport-preview table.sheet4 colgroup col0
,div.jdbexport-preview table.sheet5 colgroup col0
,div.jdbexport-preview table.sheet6 colgroup col0
,div.jdbexport-preview table.sheet7 colgroup col0
,div.jdbexport-preview table.sheet8 colgroup col0
,div.jdbexport-preview table.sheet9 colgroup col0
{}

/* Preview contentheading table rows*/
 div.jdbexport-preview table.sheet0 thead.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet1 thead.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet2 thead.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet3 thead.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet4 thead.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet5 thead.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet6 thead.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet7 thead.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet8 thead.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet9 thead.jdbexportHTMLpreviewWriter tr
{}

/* Preview contentheading table datacells */
 div.jdbexport-preview table.sheet0 thead.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet1 thead.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet2 thead.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet3 thead.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet4 thead.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet5 thead.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet6 thead.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet7 thead.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet8 thead.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet9 thead.jdbexportHTMLpreviewWriter tr td 
{ padding: 5px;	border-style:dotted; border-color:#DDDDDD;	border-width:1px; /*min-width:50px;*/}


/* Preview content table rows*/
 div.jdbexport-preview table.sheet0 tbody.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet1 tbody.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet2 tbody.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet3 tbody.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet4 tbody.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet5 tbody.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet6 tbody.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet7 tbody.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet8 tbody.jdbexportHTMLpreviewWriter tr
,div.jdbexport-preview table.sheet9 tbody.jdbexportHTMLpreviewWriter tr
{}

/* Preview content table datacells */
 div.jdbexport-preview table.sheet0 tbody.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet1 tbody.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet2 tbody.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet3 tbody.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet4 tbody.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet5 tbody.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet6 tbody.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet7 tbody.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet8 tbody.jdbexportHTMLpreviewWriter tr td 
,div.jdbexport-preview table.sheet9 tbody.jdbexportHTMLpreviewWriter tr td 
{ padding: 5px;	border-style:dotted; border-color:#DDDDDD;	border-width:1px; /*min-width:50px;*/}

/*******************************************************************************/

/*******************************************************************************/
/* 
 * Component DATAGRID PLUGIN : layout styles
*/ 
/* Preview contentheading table rows*/
table.sheet0 thead.jdbexportDATAgrid tr
{}

/* Preview contentheading table datacells */
table.sheet0 thead.jdbexportDATAgrid tr td 
{ padding: 5px;	border-style:dotted; border-color:#DDDDDD;	border-width:1px; /*min-width:50px;*/}

/* Preview content table rows*/
table.sheet0 tbody.jdbexportDATAgrid tr
{}

/* Preview content table datacells */
table.sheet0 tbody.jdbexportDATAgrid tr td 
{ padding: 5px;	border-style:dotted; border-color:#DDDDDD;	border-width:1px; /*min-width:50px;*/}





.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */



/*
 * @component jdbexport Component
 * @copyright Copyright (C) Schultz IT Solutions, it-solutions.schultz.ch
 * @license https://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
 -------------------------------------------------------------------------------------------------------
 if your website frontend template does not support navigation tabs as the PROTOSTAR template, you need 
 these css styles to make the document preview work (taken from JOOMLA 3.x Protostar template.css
*/

.nav {
	margin-left: 0;
	margin-bottom: 18px;
	list-style: none;
}
.nav > li > a {
	display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
	text-decoration: none;
	background-color: #eee;
}
.nav > li > a > img {
	max-width: none;
}
.nav > .pull-right {
	float: right;
}
.nav-header {
	display: block;
	padding: 3px 15px;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	color: #999;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	text-transform: uppercase;
}
.nav li + .nav-header {
	margin-top: 9px;
}
.nav-list {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
	margin-left: -15px;
	margin-right: -15px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.nav-list > li > a {
	padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	background-color: #08c;
}
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
	margin-right: 2px;
}
.nav-list .divider {
	*width: 100%;
	height: 1px;
	margin: 8px 1px;
	*margin: -5px 0 5px;
	overflow: hidden;
	background-color: #e5e5e5;
	border-bottom: 1px solid #fff;
}
.nav-tabs,
.nav-pills {
	*zoom: 1;
}
.nav-tabs:before,
.nav-tabs:after,
.nav-pills:before,
.nav-pills:after {
	display: table;
	content: "";
	line-height: 0;
}
.nav-tabs:after,
.nav-pills:after {
	clear: both;
}
.nav-tabs > li,
.nav-pills > li {
	float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 2px;
	line-height: 14px;
}
.nav-tabs {
	border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
	margin-bottom: -1px;
}
.nav-tabs > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 18px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	border-color: #eee #eee #ddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
	color: #555;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	cursor: default;
}
.nav-pills > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
	color: #fff;
	background-color: #08c;
}
.nav-stacked > li {
	float: none;
}
.nav-stacked > li > a {
	margin-right: 0;
}
.nav-tabs.nav-stacked {
	border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
	border: 1px solid #ddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
	border-color: #ddd;
	z-index: 2;
}
.nav-pills.nav-stacked > li > a {
	margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
	margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
.nav-pills .dropdown-menu {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.nav .dropdown-toggle .caret {
	border-top-color: #08c;
	border-bottom-color: #08c;
	margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
	border-top-color: #005580;
	border-bottom-color: #005580;
}
.nav-tabs .dropdown-toggle .caret {
	margin-top: 8px;
}
.nav .active .dropdown-toggle .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.nav-tabs .active .dropdown-toggle .caret {
	border-top-color: #555;
	border-bottom-color: #555;
}
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
	cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
	color: #fff;
	background-color: #999;
	border-color: #999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
	opacity: 1;
	filter: alpha(opacity=100);
}

/*! jQuery Timepicker Addon - v1.5.0 - 2014-09-01
* http://trentrichardson.com/examples/timepicker
* Copyright (c) 2014 Trent Richardson; Licensed MIT */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }