html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

html>body {
    font-size: 16px;
    font-size: 68.75%;
}

/* Reset Base Font Size */

body {
    font-family: Verdana, helvetica, arial, sans-serif;
    font-size: 68.75%;
    background: rgb(231, 235, 238);
    color: #333;
}

h1 {
    font-family: 'trebuchet ms', verdana, arial;
    padding: 10px;
    padding-top: 12px;
    padding-bottom: 0px;
    margin: 0;
}

a img {
    border: none;
}


.loading {
    background: #fff;
    border: 1px solid #aaa;
    margin-left: auto;
    margin-right: auto;
    height: 90%;
    padding-top: 30px;
    text-align: center;
    font-size: 120%;
}

.loading_info {
    font-size: 80%;
    font-style: italic;
}

/* --- Top header --- */

.app_header {
    height: 95px;
    background-color: #eee;
    margin-left: auto;
    margin-right: auto;

    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.app_header a {
    color: #900;
}

.app_header_icon {
    background: url(data:image/png;base64,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) no-repeat;

    margin: 10px;
    margin-left: 16px;
    float: left;
    width: 48px;
    height: 48px;
}

.app_header_search {
    float: right;
    padding: 10px;
}

.app_header_stats {
    padding: 10px;
    padding-top: 0px;
    font-style: italic;
}

/* --- Main areas --- */

.content {
    display: none;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    border: none;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}


.treeview {
    position: relative;
    height: 100%;
    width: 29%;
    float: left;
    overflow: auto;
    border-top: 1px solid #aaa;
}

.treeview_bold {
    font-weight: bold;
}

.list_container {
    position: relative;
    height: 100%;
    overflow: auto;
    border-top: 1px solid #aaa;
}

.list_files {
    overflow: auto;
    position: relative;
}

.search_indicator {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: white;
    opacity: 0.7;
    text-align: center;
    padding-top: 100px;
    font-size: 18px;
    display: none;
    z-index: 99;
}

/* --- Splitter --- */

.vsplitbar {
    width: 4px;
    background: #d7dee3;
    border-right: 1px solid #bbb;
}

/* --- File Table --- */

#files.tablesorter {
    font-family: arial;
    background-color: #cdcdcd;
    font-size: 8pt;
    line-height: 1.25em;
    width: 100%;
    text-align: left;
    border-spacing: 0px;
    border-bottom: 1px solid #ccc;
}

#files.tablesorter thead tr th,
#files.tablesorter tfoot tr th {
    background: #ffefcc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 4px;
    border-left: 0px;
}

#files.tablesorter thead tr .header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    text-align: center;
}

#files.tablesorter tbody td {
    vertical-align: top;
    background-color: #fff;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #ccc;
    border-top: 1px solid #e0e0e0;
    padding: 3px 4px 3px 4px;
}

#files.tablesorter:not(.has-parent-folder) tbody tr:nth-child(even) td {
    background-color: #f8f8f8;
}

#files.tablesorter.has-parent-folder tbody tr:nth-child(odd) td {
    background-color: #f8f8f8;
}

#files.tablesorter tbody tr:hover td,
#files.tablesorter tbody tr:nth-child(even):hover td {
    background-color: #E4F0F9;
}

#files.tablesorter thead tr .headerSortUp {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}

#files.tablesorter thead tr .headerSortDown {
    /*background-image: url(tree_tablesorter_desc.gif);*/
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}

#files.tablesorter thead tr .headerSortDown,
#files.tablesorter thead tr .headerSortUp {
    background-color: #FFD283;
}

#files.tablesorter th:last-of-type,
#files.tablesorter td:last-of-type {
    border-right: 0px;
}

span.file,
span.file_folder {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAYUlEQVR4nGNkYGBgqKmp+c+AB7S0tDCiCNTU1PzHBdavX/8f2UAmfCbDgLGxMdwVRGlA1sRCSGFAQACcffbsWeJtgAE6afj+/TtRir9//z5o/UAKYGRgYGAoLi7Gm/iQAQC+qjWGF5ecJwAAAABJRU5ErkJggg==) no-repeat left center;
    padding-left: 16px;
    padding-bottom: 1px;
    padding-top: 1px;
}

span.file_folder {
    background: url(data:image/gif;base64,R0lGODlhEAAOALMIAOC6eJdaH61zLZ9oJMOHNP/Sg//inv///////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAgALAAAAAAQAA4AAAQ9EMlJq72XaIKnOOAhdIRhFgCwaRQRviE3lWZtB5Rg78bo8TafZFAoGo8DSuDILOAmAUHT+JwMrthsZ4uIAAA7) no-repeat left center;
}

span.file a,
span.file_folder a {
    text-decoration: none;
    color: #333;
}

span.file a:hover,
span.file_folder a:hover {
    text-decoration: underline;
    color: #900;
}

td.attr {
    text-align: right;
    white-space: nowrap;
}

td.size {
    text-align: right;
    white-space: nowrap;
}

td.date {
    white-space: nowrap;
}


/* make room for [..] */
#files.tablesorter.has-parent-folder th {
    border-bottom: 1px solid #ccc;
}

#files.tablesorter.has-parent-folder tbody tr:first-child td {
    border-top: 20px solid white;
}

#parent_folder {
    position: absolute;
    top: 24px;
    left: 4px;
}

#parent_folder_border {
    background-color: #e0e0e0;
    height: 1px;
    position: absolute;
    width: 100%;
    top: 42px;
}


/* --- Breadcrumb --- */

.list_header {
    background: #fff;
    font-family: arial;
    font-size: 8pt;
    border: 0px;
    border-bottom: 1px solid #CCC;
    padding: 3px;
    padding-left: 6px;
}

.list_header span {
    background-color: white;
}

.list_header a {
    text-decoration: none;
    color: #333;
}

.list_header a:hover {
    text-decoration: underline;
    color: #900;
}

.path_divider {
    display: inline-block;
    margin-left: 3px;
    margin-right: 2px;
    margin-bottom: 1px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #222;
}

/* --- Listview footer --- */

.list_footer {
    padding: 10px;
    border-top: 1px solid #ccc;
}

/* --- DynaTree --- */

ul.dynatree-container {
    white-space: nowrap;
    padding: 0px;
    margin: 0;
    /* issue 201 */
    background-color: white;
    border: 0px dotted gray;
    overflow: auto;
    height: 100%;
    /* issue 263 */
}

ul.dynatree-container ul {
    padding: 0 0 0 16px;
    margin: 0;
}

ul.dynatree-container li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background-attachment: scroll;
    background-color: transparent;
    background-repeat: repeat-y;
    /* vline.gif */
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAPcAAAAAAIAAAACAAICAAAAAgIAAgACAgMDAwMDcwKbK8P///6Wlpf/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////78KCgpICAgP8AAAD/AP//AAAA//8A/wD//////yH5BAEAAP4ALAAAAAAQABAAAAgpAP0JFHhvoMGDCBMiLKiwocOBDB9KXDixosGIFidizPhwI8eGHj8KDAgAOw==);
    background-position: 0 0;
    margin: 0;
    padding: 1px 0 0 0;
}

ul.dynatree-container li.dynatree-lastsib {
    background-image: none;
}

ul.dynatree-no-connector>li {
    background-image: none;
}

.ui-dynatree-disabled ul.dynatree-container {
    opacity: 0.5;
    background-color: silver;
}

span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker {
    width: 16px;
    height: 16px;
    display: inline-block;
    /* Required to make a span sizeable */
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: left;
    /* icons.gif */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABwCAYAAACuE3ZzAAAA+UlEQVR4nO3YYY6CMBAG0HazJ9QjrMfSI+AV9YepwQ0IWVgmOO8lxIL5jOmMQlsKAAAAAAAAAAAAAAAAAAAAwCfquvMtMk80HZCdDsiuVXDu69p5oqlMdjogOx2QnQ7ILnotEJ1PpZYyb8aOx1Mde2/P+e82OBx+RsPX62Xq83eb/xq6WOvoZM+yNL+lwQnI5GUCaq3P6vXHzdR6fq18/9gk33XnW18p5eV86k9m7fxv/5n3Exi6+Cji3y3Nb+l5G5xzq3ln73n6op/Fo/NEVyA6T3QFovOp2A9og72u55fm7QdEf4Fo9gPawH5AUvYD2iB6PR6dB3K6A7CRDkvQMF4HAAAAAElFTkSuQmCC);
    background-position: 0 0;
}

ul.dynatree-container img {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    vertical-align: top;
    border-style: none;
}

span.dynatree-connector {
    background-position: -16px -64px;
}

span.dynatree-expander {
    background-position: 0px -80px;
    cursor: pointer;
}

.dynatree-exp-cl span.dynatree-expander

/* Collapsed, not delayed, last sibling */
    {
    background-position: 0px -96px;
}

.dynatree-exp-cd span.dynatree-expander

/* Collapsed, delayed, not last sibling */
    {
    background-position: -64px -80px;
}

.dynatree-exp-cdl span.dynatree-expander

/* Collapsed, delayed, last sibling */
    {
    background-position: -64px -96px;
}

.dynatree-exp-e span.dynatree-expander,
/* Expanded, not delayed, not last sibling */
.dynatree-exp-ed span.dynatree-expander

/* Expanded, delayed, not last sibling */
    {
    background-position: -32px -80px;
}

.dynatree-exp-el span.dynatree-expander,
/* Expanded, not delayed, last sibling */
.dynatree-exp-edl span.dynatree-expander

/* Expanded, delayed, last sibling */
    {
    background-position: -32px -96px;
}

.dynatree-loading span.dynatree-expander

/* 'Loading' status overrides all others */
    {
    background-position: 0 0;
    /*background-image: url("loading.gif");*/
}

span.dynatree-icon

/* Default icon */
    {
    margin-left: 3px;
    background-position: 0px 0px;
}

.dynatree-ico-cf span.dynatree-icon

/* Collapsed Folder */
    {
    /*background-position: 0px -16px;*/
    background: url(data:image/gif;base64,R0lGODlhEAAOALMIAOC6eJdaH61zLZ9oJMOHNP/Sg//inv///////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAgALAAAAAAQAA4AAAQ9EMlJq72XaIKnOOAhdIRhFgCwaRQRviE3lWZtB5Rg78bo8TafZFAoGo8DSuDILOAmAUHT+JwMrthsZ4uIAAA7)
}

.dynatree-ico-ef span.dynatree-icon

/* Expanded Folder */
    {
    /*background-position: -64px -16px;*/
    background: url(data:image/gif;base64,R0lGODlhEAAOALMIAJdaH+C6eJ9oJMOHNK1zLf/inv/Sg////////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAgALAAAAAAQAA4AAARAEMlJq7136IEnOeBBdENhGkGwadQQviE3lWZtAxRhE3zvIzpT0HYaCQwGAnLJHCEASabU+VRKl1SJYMvtdr6ICAA7);
}

span.dynatree-node {
    /*	display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221*/
    /*	-moz-box-align: start; /* issue 221 */
    /*  display: inline-block; /* Required to make a span sizeable */
}

ul.dynatree-container a {
    color: black;
    /* inherit doesn't work on IE */
    text-decoration: none;
    vertical-align: top;
    margin: 0px;
    /*margin-left: 3px;*/
    border: 1px solid transparent;
    /*	outline: 0; /* @ Firefox, prevent dotted border after click */
}

ul.dynatree-container a:hover {
    /*	text-decoration: underline; */
    background-color: #E9EDEF;
    border: 1px solid #aaa;
}

span.dynatree-node a {
    /*font-size: 10pt; /* required for IE, quirks mode */
    display: inline-block;
    /* Better alignment, when title contains <br> */
    padding-left: 2px;
    padding-right: 3px;
    /* Otherwise italic font will be outside bounds */
}

span.dynatree-folder a {}

ul.dynatree-container a:focus,
span.dynatree-focused a:link

/* @IE */
    {}

span.dynatree-has-children a {}

span.dynatree-expanded a {}

span.dynatree-selected a {}

span.dynatree-active a {
    font-weight: bold;
    /*background-color: #3169C6 !important;
			color: white !important; /* @ IE6 */
}