/*
 * @component jdbexport Component
 * @copyright Copyright (C) Schultz IT Solutions, it-solutions.schultz.ch
 * @copyright This component is forked from the well-known Joomla 1.5 component SQL~2~Excel~PRO~2.8.1beta, Copyright (C) Joomla-R-Us, joomla-r-us .com 
 * @license https://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
 */

/* *********************************************************************************
 * Component backend layout styles
 * *********************************************************************************
*/ 
select { width:auto !important; }
span.jdbexport-icon-filetype, span.jdbexport-icon-preview, span.jdbexport-icon-download {width:48px; height:48px; margin-right: 10px; }
.jdbexport-queryfield-query { float:left; }
.jdbexport-queryfield-helptabs {	float:left;margin-left: 30px;}
.jdbexport-colorpickerfield {width:60px;display:none !important;}
/* jQuery-UI Drag-and-drop areas layout styles */ 
.jdbexport-dragAndDropArea { width:440px; min-height:400px; border: 1px solid #DDDDDD; background: #F8F8F8; }
.jdbexport-dragAndDropAreaFixedPosition {/*position:fixed; top:320px;*/}
.jdbexport-dragAndDropArea-heading, .jdbexport-dragAndDropArea-draggable { list-style:none; margin: 10px 0 0 0; z-index:1000;}
.jdbexport-dragAndDropArea-heading { font-weight:bold; font-size:14px; }
.jdbexport-dragAndDropList {position:relative;z-index:1000; margin: 0 0 0 0px; padding: 30px 10px 10px 10px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ffffff; border-color: #BBBBBB #BBBBBB #A2A2A2; border-radius: 4px; border-style: solid; border-width: 1px; display: inline-block; min-width:408px; min-height:150px; }
.jdbexport-dragAndDropList li {z-index:1100; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F5F5F5; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); background-repeat: repeat-x; border-color: #BBBBBB #BBBBBB #A2A2A2; border-image: none; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; cursor: pointer; display: inline-block; font-size: 13px; line-height: 18px; margin-top: 25px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; min-width:320px;width:390px;}
.jdbexport-dragAndDropList li:hover { cursor:url("../images/administrator/icon-24-drag.png"); }
.jdbexport-dragAndDropList li:active { cursor:url("../images/administrator/icon-24-grab.png"); }
.jdbexport-dragAndDropArea li img { float:left; margin-right:10px;}
.ui-widget-header { background: #DEDEDE !important;     border: none !important; }
h4.ui-widget-header  { font-size: 1.6em; padding-left:10px; color: #000000; font-weight: bold; }
div.jdbexport-dragAndDropArea ol.ui-state-hover { background-color: #5BB75B; background-image: linear-gradient(to bottom, #62C462, #51A351); background-repeat: repeat-x; border-color: #51A351 #51A351 #387038; }
/* jdbexport output-table styles */
table.jdbexport-output-table {}
table.jdbexport-output-table tr {}
table.jdbexport-output-table tr th {}
table.jdbexport-output-table tr td {}
table.jdbexport-output-table tr td.sitsbg, form.sitsbg {background-image:url("../images/1x1.sits-bg.png");}
/* jQuery-UI layout styles */ 
.jdbexport-accordionDiv h3 span {background-image:url("../images/administrator/icon-16-dbtable.png") !important; background-position: 0 -16px; }
.jdbexport-accordionDiv div ul li {list-style-image:url("../images/administrator/icon-16-dbtablefield.png") !important; }
div.jdbexport-dialogbox { display:none; visibility:hidden; padding: 10px;}
.no-close .ui-dialog-titlebar-close {display: none;}
/* SPECTRUM Colorpicker palette width */
.sp-container { /*background-color: #ECECEC; border: 1px solid #f0c49b;*/ }
.sp-palette { width: 200px;}
.sp-replacer {width: 50px;}
/* various layout styles */
.form-horizontal .controls { margin-left: 0 !important; }
.form-horizontal .control-label { width: 250px !important; }
textarea { min-height: 100px !important; }
input[type="text"], textarea {/*min-width: 600px !important;*/}
#jdbexport-dispayed {color:#ffffff;margin-left:10px;}


table.jdbexport-layoutstyletable {}
table.jdbexport-layoutstyletable tr {}
table.jdbexport-layoutstyletable tr th {padding:0px 5px;}
table.jdbexport-layoutstyletable tr td {padding:0px 5px;}


/*
a[target="_blank"]::before 
{
  padding-right: 0px;
  font-family: "Font Awesome 5 Free";
  font-size: 6px;
  font-weight: 100;
  content: "\f35d"; 
}
*/

.form-inline .form-select, .form-inline .custom-select, .form-inline .form-control 
{
	width: 100%;
}

/* *********************************************************************************
 * Component frontend layout styles
 * *********************************************************************************
*/ 
div.jdbexport-icon-nodocuments-found { 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-refresh { width:48px; height:48px; margin-right: 10px;}
span.jdbexport-icon-filetype {float:left;}

span.jdbexport-icon-download a.modal , 
span.jdbexport-icon-backgroundprocess a.modal , 
span.jdbexport-icon-msexcelonlineviewer a.modal,

div.jdbexport-listview td.hidden-phone a.modal,
body.modal
{ 
	display:block;
	padding: 0px 0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-sizing: inherit;
	background: transparent;
	text-align: center;
}

span.jdbexport-icon-preview-small, span.jdbexport-icon-download-small, span.jdbexport-icon-backgroundprocessing-small, span.jdbexport-icon-msexcelonlineviewer-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:60px; list-style-type: none; margin-top:4px; padding: 3px 3px 3px 3px;} 
li.cat-list-row1 { background-color: #e9ecef; } 

#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 {}

/* 
 * Component MSExcelOnlineViewer : layout styles
 * enter your individual styles hereafter 
*/ 
div.jdbexportMSExcelOnlineViewer {	}
div.jdbexportMSExcelOnlineViewer h2 {	}
div.jdbexportMSExcelOnlineViewer h2 a:link {	}
div.jdbexportMSExcelOnlineViewer h2 a:link {	}
div.jdbexportMSExcelOnlineViewer h2 a:visited {	}
div.jdbexportMSExcelOnlineViewer h2 a:hover {	}
div.jdbexportMSExcelOnlineViewer h2 a:active {	}
div.jdbexportMSExcelOnlineViewer p {	}

/* 
 * Component HtmlWriter (PhpSpreadsheet version) : layout styles
 * enter your individual styles hereafter 
*/ 
/* THEAD: Column Headings (first row) */
thead.jdbexportHtmlWriter {	}
thead.jdbexportHtmlWriter tr {	}
thead.jdbexportHtmlWriter tr th {	}
/* TBODY: Data rows */
tbody.jdbexportHtmlWriter {	}
tbody.jdbexportHtmlWriter tr {	}
tbody.jdbexportHtmlWriter tr td {	}

/* 
 * Component HTMLpreviewWriter (PhpSpreadsheet version) : layout styles
 * enter your individual styles hereafter 
*/ 
/* THEAD: Column Headings (first row) */
thead.jdbexportHTMLpreviewWriter {	}
thead.jdbexportHTMLpreviewWriter tr {	}
thead.jdbexportHTMLpreviewWriter tr th {	}
/* TBODY: Data rows */
tbody.jdbexportHTMLpreviewWriter {	}
tbody.jdbexportHTMLpreviewWriter tr {	}
tbody.jdbexportHTMLpreviewWriter tr td {	}

/* 
 * Component MpdfWriter (PhpSpreadsheet version) : layout styles
 * enter your individual styles hereafter 
*/ 
/* THEAD: Column Headings (first row) */
thead.jdbexportMpdfWriter {	}
thead.jdbexportMpdfWriter tr {	}
thead.jdbexportMpdfWriter tr th {	}
/* TBODY: Data rows */
tbody.jdbexportMpdfWriter {	}
tbody.jdbexportMpdfWriter tr {	}
tbody.jdbexportMpdfWriter tr td {	}

/* 
 * datagrid plugin : layout styles
 * enter your individual styles hereafter 
*/ 
/* THEAD: Column Headings (first row) */
thead.jdbexportDATAgrid {	}
thead.jdbexportDATAgrid tr {	}
thead.jdbexportDATAgrid tr th {	}
/* TBODY: Data rows */
tbody.jdbexportDATAgrid {	}
tbody.jdbexportDATAgrid tr {	}
tbody.jdbexportDATAgrid tr td {	}


/* ************************************************************************************************************* */
.alertable {  position: fixed;  z-index: 9999;  top: 15vh;  left: calc(50% - 170px);  width: 300px;  background: white;  border-radius: 4px;  padding: 20px;  margin: 0 auto;}
.alertable-overlay {  position: fixed;  z-index: 9998;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: rgba(0, 0, 0, .5);}
.alertable-message {  margin-bottom: 20px; color: #666; font-size: 1.0em;line-height: 1.4em;}
.alertable-message h4 {margin-top:0px; margin-bottom:5px;}
.alertable-prompt {  margin-bottom: 20px;}
.alertable-input {  width: 100%;  border-radius: 4px;  box-shadow: none;  border: solid 1px #ccc;  font-family: inherit;  font-size: inherit;  color: inherit;  padding: 6px 12px;  display: block;  box-sizing: border-box;  margin-bottom: 10px;}
.alertable-buttons { text-align: right;}
.alertable-ok { background: #09d;  border: solid 1px #09d;  font-family: inherit;  font-size: inherit;  color: white;  border-radius: 4px;  padding: 6px 12px;  margin-left: 4px;  cursor: pointer;}
.alertable-ok:hover,.alertable-ok:focus,.alertable-ok:active { background-color: #08c;}
.alertable-cancel {  border: solid 1px #ddd;  background: white;  font-family: inherit;  font-size: inherit;  color: #888;  border-radius: 4px;  padding: 6px 12px;  margin-left: 4px;  cursor: pointer;}
.alertable-cancel:hover,.alertable-cancel:focus,.alertable-cancel:active {  background-color: #f2f2f2;}
/* ************************************************************************************************************* */