body
{
	font-family: "Segoe UI", Tahoma, Helvetica, freesans, sans-serif;
	font-size: 90%;
	margin: 10px;
	color: #333;
	background-color: #fff;
}

h1, h2
{
	font-size: 1.5em;
	font-weight: normal;
}

h2
{
	font-size: 1.5em;
  font-weight: bold;
}

legend
{
	font-weight: bold;
	color: #333;
}

#filedrag
{
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	color: #555;
	border: 2px dashed #555;
	border-radius: 7px;
	cursor: default;
}


#logouttext{
  width:80px;
  transform:none;
  text-align: center;
  color: #777;
  float:right;
  margin-right: 22px;
}

#logouttext:hover {
  transform:none;
  color: brown;
  cursor: pointer;
  text-shadow: 1px 1px 2px #0008;
}

#filedrag.hover
{
	color: #00f;
	border-color: #f00;
	border-style: solid;
	box-shadow: inset 0 3px 4px #888;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  max-height: 100%;
}
.title {
  font-family: "Arial", "Verdana", sans-serif;
  position: relative;
  transform: translate( 5%, 62%);
  color: darkslategray;
}
#tb_layout2_left_toolbar_item_item_0 { display: none;}
#tb_layout2_right_toolbar_item_item_3 { display: none;}

#messages
{
  background: linear-gradient ( darkblue, lightblue);
}

#progress p
{
	display: block;
	width: 240px;
	padding: 2px 5px;
	margin: 2px 0;
	border: 1px inset #446;
	border-radius: 5px;
  background: #eee url("../images/progress.png") 100% 0 repeat-y;
}

#progress p.success
{
	background: #0c0 none 0 0 no-repeat;
}

#progress p.failed
{
	background: #c00 none 0 0 no-repeat;
}

.w2ui-grid .w2ui-grid-header
{
  position: absolute;
  border-bottom: 1px solid #99bbe8 !important;
  height: 28px;
  overflow: hidden;
  color: #444444;
  font-size: 16px;
  text-align: center;
  padding: 6px;
  background: lightgray;
  background-image: linear-gradient(white, silver);
  background-image: webkit-linear-gradient(white, silver);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; 
}

#dir_header {
  border-bottom: 1px solid #99bbe8 !important;
  padding: 6px;
  background: lightgray;
  background-image: linear-gradient(white, silver);
  background-image: webkit-linear-gradient(white, silver);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; 
  border-radius: 4px;
}

button {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  margin: 0px 5px;
  padding: 6px 12px;
  color: #666;
  font-size: 12px;
  border: 1px solid #B6B6B6;
  background-image: -webkit-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: -moz-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: -ms-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: -o-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: linear-gradient(#ffffff 0%, #e7e7e7 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffffffff', GradientType=0);
  outline: none;
  box-shadow: 0px 1px 0px white;
  cursor: default;
  min-width: 75px;
  line-height: 110%;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button:active {
  background:#ccc;
  border-radius: 4px;    
}

table.w2ui-button {
  color: #424242;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-bottom: 2px;
}
/*
.w2ui-toolbar table.w2ui-button.over {
  border: 1px solid #B6B6B6;
  background-color: #eeeeee;
  border-radius: 4px;
  box-shadow: 0px 1px 0px white;
  cursor: default;
}*/

table.w2ui-button.over {
  border-top: 1px solid #B6B6B6;
  border-left: 1px solid #B6B6B6;
  border: 1px solid #B6B6B6;
  background-color: #eeeeee;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: -moz-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: -ms-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: -o-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: linear-gradient(#ffffff 0%, #e7e7e7 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffffffff', GradientType=0);
  outline: none;
  box-shadow: 0px 1px 0px white;
  cursor: default;
}

table.w2ui-button.down {
  border-top: 1px solid #B6B6B6;
  border-left: 1px solid #B6B6B6;
  background: #ccc;
  margin-bottom: 2px;
  outline: none;
  box-shadow: 0px 1px 0px white;
  cursor: default;
}


#fileselect {
    height: 0;
    width: 0;
}

#upload-label {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  margin: 0px 5px;
  padding: 6px 12px;
  color: #424242;
  font-size: 12px;
  border: 1px solid #B6B6B6;
  background-image: -webkit-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: -moz-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: -ms-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: -o-linear-gradient(#ffffff 0%, #e7e7e7 100%);
  background-image: linear-gradient(#ffffff 0%, #e7e7e7 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffffffff', GradientType=0);
  outline: none;
  box-shadow: 0px 1px 0px white;
  cursor: default;
  min-width: 75px;
  line-height: 110%;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#upload-label:active{
    background:#ccc;
}


/*
 * CSS3 Treeview. No JavaScript
 * @version 1.0
 * @author Martin Ivanov
 * @url developer's website: http://wemakesites.net/
 * @url developer's twitter: https://twitter.com/#!/wemakesitesnet
 * @url developer's blog http://acidmartin.wordpress.com/
 **/
 
/*
 * This solution works with all modern browsers and Internet Explorer 9+. 
 * If you are interested in purchasing a JavaScript enabler for IE8 
 * for the CSS3 Treeview, please, check this link:
 * http://experiments.wemakesites.net/miscellaneous/acidjs-css3-treeview/
 **/
 
.css-treeview ul,
.css-treeview li
{
    padding: 0;
    margin: 0;
    list-style: none;
}
 
.css-treeview input
{
    position: absolute;
    opacity: 0;
}
 
.css-treeview
{
   /* font: normal 11px "Segoe UI", Arial, Sans-serif; */
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
 
.css-treeview a
{
    color: #44a;
    text-decoration: none;
}
 
.css-treeview a:hover
{
    text-decoration: underline;
    color: #44a;
}
 
.css-treeview input + label + ul
{
    margin: 0 0 0 20px;
}
 
.css-treeview input ~ ul
{
    display: none;
}
 
.css-treeview label,
.css-treeview label::before
{
    cursor: pointer;
}
 
.css-treeview input:disabled + label
{
    cursor: default;
    opacity: .6;
}
 
.css-treeview input:checked:not(:disabled) ~ ul
{
    display: block;
}


 
.css-treeview label,
.css-treeview label::before
{
    background-position: 0 -16px;
    background-repeat: no-repeat;
    background-size: contain;
}
 
.css-treeview label,
.css-treeview a,
.css-treeview label::before
{
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
}
 
.css-treeview label
{
    background-position: 5px 0;
}
 
.css-treeview label::before
{
    content: "";
    width: 16px;
    margin: 0 12px 0 0;
    vertical-align: middle;
    /*background-position: 10px -32px;*/
    background-size: contain;
}

.css-treeview input:required:checked + label::before
{
    background-position: 0 -16px;
    /* background: url('https://api.iconify.design/fa:home.svg');*/
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1.27em' height='1em' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 1664 1312'%3E%3Cpath d='M1408 768v480q0 26-19 45t-45 19H960V928H704v384H320q-26 0-45-19t-19-45V768q0-1 .5-3t.5-3l575-474 575 474q1 2 1 6zm223-69l-62 74q-8 9-21 11h-3q-13 0-21-7L832 200 140 777q-12 8-24 7-13-2-21-11l-62-74q-8-10-7-23.5T37 654L756 55q32-26 76-26t76 26l244 204V64q0-14 9-23t23-9h192q14 0 23 9t9 23v408l219 182q10 8 11 21.5t-7 23.5z' fill='%23424242'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;
}

.css-treeview input:required:not(:checked) + label::before
{
    background-position: 0 -16px;
    /*background: url('https://api.iconify.design/fa:home.svg');*/
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1.27em' height='1em' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 1664 1312'%3E%3Cpath d='M1408 768v480q0 26-19 45t-45 19H960V928H704v384H320q-26 0-45-19t-19-45V768q0-1 .5-3t.5-3l575-474 575 474q1 2 1 6zm223-69l-62 74q-8 9-21 11h-3q-13 0-21-7L832 200 140 777q-12 8-24 7-13-2-21-11l-62-74q-8-10-7-23.5T37 654L756 55q32-26 76-26t76 26l244 204V64q0-14 9-23t23-9h192q14 0 23 9t9 23v408l219 182q10 8 11 21.5t-7 23.5z' fill='%23424242'/%3E%3C/svg%3E");    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;
}
 
.css-treeview input:checked + label::before
{
    background-position: 0 -16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1em' height='1em' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 64 64'%3E%3Cpath d='M61.214 7.959c-.303 0-.576.092-.576.092l-11.371 5.314c.299-3.529.609-7.047.861-9.561.258-2.564-1.955-1.643-1.955-1.643l-20.896 8.017s-.75-1.847-1.447-2.953c-1.623-2.578-4.398-1.785-4.398-1.785l-15.94 5.723s-2.199 1.018-3.098 3.717c-.887 2.661 0 5.903 0 5.903L11.603 62l40.023-31.268s9.971-20.099 10.311-21.536c.246-1.031-.272-1.237-.723-1.237M50.136 29.517L13.398 58.25c1.648-9.367 3.447-18.741 3.963-19.896.744-1.363 2.025-2.317 2.287-2.503 1.236-.672 14.017-7.5 16.72-9.059 2.582-1.491 4.5-7.434 4.5-7.434l18.361-8.58c-1.859 4.035-6.142 12.786-9.093 18.739' fill='%23424242'/%3E%3C/svg%3E");
    /*background: url('https://api.iconify.design/emojione-monotone:open-file-folder.svg');*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.css-treeview input:not(:checked) + label::before
{
    background-position: 0 -16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1em' height='1em' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 64 64'%3E%3Cpath d='M61.468 5.774c-.286-.339-.69-.415-.998-.415-.25 0-.436.051-.436.051l-.31.13.313-2.04-2.656 1.112.365-2.497-2.626 1.019c-.188-1.708-2.156-.981-2.156-.981l-23.066 7.965s-.827-1.836-1.597-2.933c-1.79-2.562-4.854-1.776-4.854-1.776L5.855 11.096s-2.43 1.011-3.421 3.693c-.978 2.646 0 5.868 0 5.868l9.738 41.322.03-.022.009.043 44.566-31.459 5.18-23.138c0-.001.258-.748-.489-1.629M6.919 22.836l49.669-19.27-.215 1.469-48.45 20.287 1.625 14.014-2.629-16.5m3.333 14.423l-1.316-11.35L58.858 5.005l-.147.961-22.265 9.366s-1.398 5.612-4.234 7.086c-3.093 1.606-17.594 8.702-17.594 8.702s-2.064 1.221-3.257 3.186c-.604 1.001-.932 2.119-1.109 2.953m44.852-7.824L14.117 58.26l-2.175-19.763c.055-.468.283-2.003 1.024-3.229.834-1.375 2.282-2.339 2.563-2.517 1.298-.635 14.561-7.129 17.551-8.682 2.798-1.454 4.341-5.494 4.926-7.37l22.023-9.265-4.925 22.001' fill='%23424242'/%3E%3C/svg%3E");
    /*background: url('https://api.iconify.design/emojione-monotone:file-folder.svg');*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
 
/* webkit adjacent element selector bugfix */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .css-treeview 
    {
        -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
    }
 
    @-webkit-keyframes webkit-adjacent-element-selector-bugfix 
    {
        from 
        { 
            padding: 0;
        } 
        to 
        { 
            padding: 0;
        }
    }
}