html { margin: 0; padding: 0; /* height: 100%; */ }
body { margin: 0; padding: 0; background-color: transparent; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; /* height: 100%; */}
/* CSS FOR SMARTPHONES */
@media only screen and (max-width: 991px) {
body {
/* width: 100%;*/
}
#sysauthbox {
max-width: none!important;
}
}
/* GENERIC STYLES */
.Bold { font-weight: bold!important }
.Left { text-align: left!important }
.Center { text-align: center!important }
.Right { text-align: right!important }
.Top { vertical-align: top!important }
.Middle { vertical-align: middle!important }
.Bottom { vertical-align: bottom!important }
.FloatLeft { float: left!important }
.FloatRight { float: right!important }
.Clear { clear: both; }
.NoWrap { white-space: nowrap!important }
.NoScroll { overflow: hidden!important; }
.Italic { font-style: italic!important }
.noClick:hover { cursor: default!important }
.Clickable { cursor: pointer!important }
.Hidden { display: none }
.Red { color: red!important }
.Green { color: green!important }
.Border-L-double { border-left-width: 3px!important; }
.Thin { font-weight: normal!important }
.flex { flex: 1; }
.flexSpacer { flex: 1; }
.flexH { display: flex; flex-direction: row; overflow: hidden!important }
.flexV { display: flex; flex-direction: column; overflow: hidden!important }
.g3rOverlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: black; opacity: 0.3; z-index: 9000; }
/* FORM ELEMENTS */
.FormText { border-radius: 2px; background-color: white; width: 100%; border-style: solid; border: 1px solid gray; }
.FormSelect { border-radius: 2px; width: 100%; }
.FormCB { border-radius: 2px; background-color: white; }
.FormRadio { border-radius: 2px; background-color: white; }
.FormTextarea { border-radius: 2px; background-color: white; width: 100%; border-style: solid; border: 1px solid gray; resize: vertical; }
.FormButton { border-radius: 2px; }
.FormFile { border-radius: 2px; background-color: white; width: 100%; }
.FormText[disabled], .FormText[readonly] { color: #333333; background-color: lightgray; text-shadow: none; )}
.FormSelect[disabled], .FormSelect[readonly] { color: #333333; background-color: lightgray; }
.FormCB[disabled], .FormCB[readonly] { color: #333333; background-color: lightgray; }
.FormRadio[disabled], .FormRadio[readonly] { color: #333333; background-color: lightgray; }
.FormTextarea[disabled], .FormTextarea[readonly] { color: #333333; background-color: lightgray; }
.FormButton[disabled], .FormButton[readonly] { color: #333333; background-color: lightgray; }
.FormFile[disabled], .FormFile[readonly] { color: #333333; background-color: lightgray; }
/* jQueryMobile Overload */
.ui-disabled[disabled] { opacity: 1.0; }
.ui-body-b,
.ui-overlay-b,
.ui-btn-text { text-shadow: none!important; }
.ui-dialog .ui-header .ui-btn[data-icon=delete] { display: none; }
.g3rFormItem.ui-field-contain .ui-controlgroup-controls { width: 100%; }
*[data-role=button] img { vertical-align: middle; }
div.ui-controlgroup { margin-top: 0px; }
.ui-header h1.ui-title, .ui-footer h1.ui-title { margin-left: 15%; margin-right: 15%; }
.ui-body-c,
.ui-overlay-c { text-shadow: none!important; }
/* AUTHENTICATION */
/*
#syslogin { background: transparent; position: absolute; width: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: auto; padding: 0px; vertical-align: middle; z-index: 999; }
#sysauthbox { background: rgb(255,255,255); position: fixed; margin-left: auto; margin-right: auto; width: 450px; height: 400px; top: 50%; left: 50%; margin-left: -200px; margin-top: -200px; vertical-align: middle; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid rgb(64,90,103); }
#sysauthbox #loginForm table { table-layout: fixed; }
#sysauthbox #loginForm input#login { margin-left: 0px; margin-right: 0px; }
#sysauthbox #loginForm input#password { margin-left: 0px; margin-right: 0px; }
#sysauthbox fieldset { border-radius: 5px; border: 1px solid rgb(96,96,96); color: gray; }
*/
#syslogin { position: absolute; background: transparent; padding: 0px; vertical-align: middle; z-index: 9999; color: gray; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#syslogin img { position: relative; top: 10px; }
#sysauthbox { background: rgb(255,255,255); width: auto; max-width: 320px; height: auto; vertical-align: middle; padding: 10px; border-radius: 5px; border: 1px solid rgb(64,90,103); margin: 10px; text-align: center; }
#sysauthbox #loginForm table { }
#sysauthbox #loginForm input#login { margin-left: 0px; margin-right: 0px; }
#sysauthbox #loginForm input#password { margin-left: 0px; margin-right: 0px; }
#sysauthbox fieldset { border-radius: 5px; border: 1px solid rgb(96,96,96); }
/* DIALOGS */
/*
.ui-dialog.uiDialog.uiAlert { position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; margin-left: -200px; margin-top: -100px; }
.ui-dialog.uiDialog.uiPrompt { position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; margin-left: -200px; margin-top: -100px; }
.ui-dialog.uiDialog.uiConfirm { position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; margin-left: -200px; margin-top: -100px; }
.ui-dialog.uiDialog.uiProcessing { position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; margin-left: -200px; margin-top: -100px; }
.ui-dialog.uiDialog .ui-dialog-titlebar { position: absolute; top: 5px; left: 5px; right: 5px; }
.ui-dialog.uiDialog .ui-dialog-content { margin-top: 40px; margin-bottom: 55px; padding: 5px 5px 5px 5px; }
.ui-dialog.uiDialog .ui-dialog-buttonpane { position: absolute; bottom: 5px; left: 5px; right: 5px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
*/
/* POPUPS */
.g3rPopupConfirmMsg div { margin-top: 2px; }
#g3rPopupSearch-popup { width: 80%; height: 80%; max-width: 80%; max-height: 80%; }
#g3rPopupSearch { max-height: 80%; display: flex; flex-direction: column; }
.g3rPopupSearchMsg { flex: 1; display: flex; flex-direction: column; min-height: 0; }
#g3rSearch { margin: 6px; }
#g3rSearch a.g3rSearchLink { min-height: 32px!important; }
#g3rSearchForm { flex: 1; display: flex; flex-direction: column; min-height: 0; }
#g3rSearchResults { flex: 1; display: flex; flex-direction: column; min-height: 0; border-width: 0; }
#g3rSearchResults #g3rSearchList { flex: 1; min-height: 0; overflow-y: scroll; padding: 10px; }
#g3rSearchCount { text-align: center; padding: 5px; }
#g3rSearchForm .ui-controlgroup-controls { display: flex; }
#g3rSearchForm .ui-controlgroup-controls div.ui-submit { flex: 1; }
#g3rSearchList .g3rParent { font-style: italic; font-weight: normal; }
#g3rSearchList.ui-listview .ui-li-icon { left: 30px; }
#g3rSearchList .ui-li-has-icon .ui-btn-inner a.ui-link-inherit,
#g3rSearchList .ui-li-static.ui-li-has-icon { padding-left: 60px; }
#g3rSearchList li[data-g3r-selected='1'] { background-image: url(/ftp/img/selected.png); background-position: 6px 16px; background-repeat: no-repeat; }
#g3rSearchList .g3rBrowseItem { clear: both; padding: 5px 0; border-top: 1px solid gray; min-height: 32px; }
#g3rSearchList .g3rBrowseItem.g3rFolder,
#g3rSearchList .g3rBrowseItem.g3rParent { cursor: pointer; }
#g3rSearchList .g3rBrowseItem:FIRST-CHILD { border-top: 0; }
#g3rSearchList .g3rBrowseActions { display: block; height: 32px; margin-right: 4px; float: right; vertical-align: middle; }
#g3rSearchList .g3rBrowseActions a.g3rSelect img { background: transparent url(/ftp/img/unselected.png) 0px 0px no-repeat; }
#g3rSearchList .g3rBrowseActions a.g3rSelect img.g3rSelected { background-image: url(/ftp/img/selected.png); }
#g3rSearchList .g3rBrowseName { display: inline; font-weight: bold; margin-left: 0px; }
#g3rSearchList .g3rBrowseName img { margin-top: 6px; margin-right: 10px; }
/* MENU */
#g3rMenu { }
#g3rMenu h1 { margin-left: 5px; margin-right: 5px; text-align: left; margin-bottom: 5px; }
#g3rMenu h2 { margin-left: 25px; margin-right: 5px; text-align: left; font-size: 0.8em; margin-top: 0px; }
#g3rMenu .g3rButtons { margin-top: 10px; }
/* FORMS */
.g3rForm fieldset.g3rFieldset { border: 1px solid gray!important; padding: 10px!important; }
.g3rForm fieldset.g3rFieldset legend { margin-left: 40px; padding: 5px; font-weight: bold; }
.g3rForm .g3rFormItemExtra { color: gray; font-size: 0.8em; margin-left: 22%; }
#g3rAuthForm.g3rForm fieldset.g3rFieldset { padding: 0px!important; }
#g3rAuthForm.g3rForm fieldset.g3rFieldset label { padding-top: 0.4em; }
#g3rAuthForm.g3rForm h4 { margin: 5px; }
#g3rAuthForm .g3rFormItemExtra { margin-left: inherit; margin-top: 10px; }
#g3rAuthForm .g3rFormItem { margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; border-bottom: 0px; }
/* USERS */
#g3rUserTool { text-align: right; }
#g3rUserTool .g3rUserNew { margin-bottom: 15px; }
#g3rUserTool .g3rUserNew img { vertical-align: middle; }
#g3rUserList .g3rUserItem { clear: both; padding: 5px 0; border-top: 1px solid gray; }
#g3rUserList .g3rUserItem:FIRST-CHILD { border-top: 0; }
#g3rUserList .g3rUserLock { display: block; width: 16px; height: 16px; margin-right: 4px; float: left; vertical-align: middle; }
#g3rUserList .g3rUserName { display: inline-block; font-weight: bold; }
#g3rUserList .g3rUserEdit { float: right; }
#g3rUserList .g3rUserLogin { margin-left: 30px; }
/* GROUPS */
#g3rGroupTool { text-align: right; }
#g3rGroupTool .g3rGroupNew { margin-bottom: 15px; }
#g3rGroupTool .g3rGroupNew img { vertical-align: middle; }
#g3rGroupList .g3rGroupItem { clear: both; padding: 5px 0; border-top: 1px solid gray; }
#g3rGroupList .g3rGroupItem:FIRST-CHILD { border-top: 0; }
#g3rGroupList .g3rGroupLock { display: block; width: 16px; height: 16px; margin-right: 4px; float: left; vertical-align: middle; }
#g3rGroupList .g3rGroupName { display: block; font-weight: bold; width: auto; }
#g3rGroupList .g3rGroupDesc { display: block; font-style: italic; margin-left: 20px; }
#g3rGroupList .g3rGroupEdit { float: right; }
/* SERVER */
#g3rServerForm label { width: 60%; }
#g3rServerForm input { width: 30%; }
/* SITES */
#g3rSiteTool { text-align: right; }
#g3rSiteTool .g3rSiteNew { margin-bottom: 15px; }
#g3rSiteTool .g3rSiteNew img { vertical-align: middle; }
#g3rSiteList .g3rSiteItem { clear: both; padding: 5px 0; border-top: 1px solid gray; }
#g3rSiteList .g3rSiteItem:FIRST-CHILD { border-top: 0; }
#g3rSiteList .g3rSiteLock { display: block; width: 16px; height: 16px; margin-right: 4px; float: left; vertical-align: middle; }
#g3rSiteList .g3rSiteName { display: block; font-weight: bold; width: auto; }
#g3rSiteList .g3rSiteGroup { margin-left: 20px; font-size: 0.8em; }
#g3rSiteList .g3rSiteEdit { float: right; }
#g3rSiteList .ui-controlgroup { margin-top: 0!important; }
/* FOLDERS AND PERMS */
.g3rPermsTable { border: 1px solid gray; border-collapse: collapse; table-layout: fixed; border-spacing: 1px;}
.g3rPermsTable td.permAllow { text-align: center; text-shadow: none; background: #99d959 url(/ftp/img/allow.png) 50% 50% no-repeat; background-color: }
.g3rPermsTable td.permDeny { text-align: center; text-shadow: none; background: #ff8080 url(/ftp/img/forbid.png) 50% 50% no-repeat; }
.g3rPermsTable td.permAllow.permInherit,
.g3rPermsTable td.permDeny.permInherit { background-image: none; }
.g3rPermsTable tbody[data-g3r-folder] > tr > td { height: 20px!important; }
.g3rPermsTable tbody[data-g3r-folder] > tr:hover > td.permAllow { background-color: #78AA46!important; }
.g3rPermsTable tbody[data-g3r-folder] > tr:hover > td.permDeny { background-color: #FF5959!important; }
.g3rPermsTable tbody[data-g3r-folder] > tr:hover > td:FIRST-CHILD { background-color: #cccccc; }
.g3rPermsTable td { border: 1px solid gray; }
.g3rPermsTable .g3rHeaderRow1 { height: 110px; }
.g3rPermsTable .g3rHeaderRow1 td { padding: 0px!important; overflow: hidden;}
.g3rPermsTable .g3rRotate90 { display: block; width: 105px; overflow: hidden; text-overflow: ellipsis; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); line-height: 20px; position: relative; left: -20px; }
.g3rPermsTable .g3rFolderPath { white-space: nowrap; }
.g3rPermsTable .g3rFolderPath a:ACTIVE { text-decoration: none; }
.g3rPermsTable .g3rFolderPath a:HOVER { text-decoration: none; }
.g3rPermsTable .g3rFolderPath a:LINK { text-decoration: none; }
.g3rPermsTable .g3rFolderPath a:VISITED { text-decoration: none; }
ul.g3rSiteDefaultPerms { list-style-type: none; }
ul.g3rSiteDefaultPerms li img { margin-right: 5px; float: left; vertical-align: middle; }
#g3rFolderPerm .ui-field-contain fieldset { margin-bottom: 4px; clear: both; }
#g3rFolderPerm .ui-field-contain fieldset .ui-controlgroup-label { width: 40%; float: left; }
#g3rFolderPerm .ui-field-contain fieldset .ui-controlgroup-controls { display: inline-block; width: auto; float: right; }
.g3rPermsTable #g3rPermsIconsRow td img { position: relative; bottom: -2px; }
.g3rPermsTable div[data-role=controlgroup] { display: inline-block; }
.g3rPermsTable tbody[data-g3r-folder] tr { min-height: 20px; }
/* BROWSING */
#g3rBreadCrumb { margin: 6px; }
#g3rBreadCrumb .ui-controlgroup-controls { margin-top: 4px; }
#g3rBreadCrumb img { margin-left: 5px; margin-right: 5px; }
#g3rBreadCrumb span.ui-btn-inner { padding-left: 6px; padding-right: 6px; }
#g3rBreadCrumb a.g3rFolder { min-height: 32px!important; }
#g3rBrowseList .g3rParent { font-style: italic; font-weight: normal; }
#g3rBrowseList.ui-listview .ui-li-icon { left: 30px; }
#g3rBrowseList .ui-li-has-icon .ui-btn-inner a.ui-link-inherit,
#g3rBrowseList .ui-li-static.ui-li-has-icon { padding-left: 60px; }
#g3rBrowseList li[data-g3r-selected='1'] { background-image: url(/ftp/img/selected.png); background-position: 6px 16px; background-repeat: no-repeat; }
#g3rBrowseList .g3rBrowseItem { clear: both; padding: 5px 0; border-top: 1px solid gray; min-height: 32px; }
#g3rBrowseList .g3rBrowseItem.g3rFolder,
#g3rBrowseList .g3rBrowseItem.g3rParent { cursor: pointer; }
#g3rBrowseList .g3rBrowseItem:FIRST-CHILD { border-top: 0; }
#g3rBrowseList .g3rBrowseActions { display: block; height: 32px; margin-right: 4px; float: right; vertical-align: middle; }
#g3rBrowseList .g3rBrowseActions a.g3rSelect img { background: transparent url(/ftp/img/unselected.png) 0px 0px no-repeat; }
#g3rBrowseList .g3rBrowseActions a.g3rSelect img.g3rSelected { background-image: url(/ftp/img/selected.png); }
#g3rBrowseList .g3rBrowseName { display: inline; font-weight: bold; margin-left: 0px; }
#g3rBrowseList .g3rBrowseName img { margin-top: 6px; margin-right: 10px; }
#g3rFoot.ui-disabled { z-index: 1000; }
/* HISTORY */
#g3rLogList { clear: both; border-collapse: separate; border-spacing: 0px; border: 0px; }
#g3rLogList td { vertical-align: top; padding: 2px; margin: 0px; }
#g3rLogList tr:FIRST-CHILD td { border-top: 1px solid gray; }
#g3rLogList tbody:FIRST-CHILD tr:FIRST-CHILD td { border-top: 0px; }
#g3rLogList td.g3rLogDate { }
/* SAVEPAGE */
#g3rSavePage a { margin-top: 30px; }
#g3rSavePage div { margin-bottom: 30px; }