html {
    width:100%;
    height:100%;
    overflow-x:hidden;
}

body {
	margin:0;
	padding:0;
	background:#fff;
	font-family: arial,tahoma,verdana,sans-serif;
	font-size: 12px;
	line-height:12px;
	font-weight: normal;
	color: #3d464d;    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height:100%;
    position:relative;
}
a {color:#009AD3;text-decoration:none;}
a:hover {color:#ccc;cursor:pointer;}
ul, ol, dl, li {margin:0;padding:0;list-style:none;display:inline;}
form {padding:0;margin:0;}
#form-titlebar {
    padding: 0;
    margin:0;
    margin-top:4px;
}
#form-titlebar a { text-decoration:underline; }
#form-list {padding:0; margin:0; position:relative; min-height: 200px;}
input, textarea, select, a { outline: none; }

.hide, .file-list li.hide {
	display:none;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bfbfbf;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #bfbfbf;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #bfbfbf;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #bfbfbf;
}

.clear {clear:both;}

#wrapper {
    /** RESIZE WIDTH 
    width:1005px;
    margin: 0 auto;
    **/
    margin: 0 50px;
    position:relative;
}

#CornerstoneHeader_HeaderControls {
    /** RESIZE WIDTH **/
    margin-right:50px;
}
#pg-header {
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0;
	z-index: 2001;
	height:78px;
}
#pg-header-inner {
	
    /** RESIZE WIDTH
	width:995px;
	height:50px;
	margin:10px auto 0 auto;
	padding-right:10px;
    **/    
	height:50px;
	margin:10px auto 0 auto;
	padding-right:10px;
}
.pg-header-logo {

    /** RESIZE WIDTH
    float:left;
	padding-left:120px;
    max-width:600px;
    max-height:67px;
    **/
    float:left;
	padding-left:170px; /* 50px for margin , 120px for sidnav*/
    max-width:600px;
    max-height:67px;
}
.pg-header-logo-settings {
    max-width:600px;
    max-height:67px;
}


#pg-footer {
	width: 100%;
	padding:10px 0px;
	color:#888;
    position:fixed;
    bottom:0;
    left:0;
    z-index:4999;
    background-color:#fff;
    height:25px;
}
#pg-footer-inner {
    /** RESIZE WIDTH
	margin:0 auto;
	width:875px;
	padding-left:130px;
	line-height:25px;
    **/
    margin:0 auto;	
	padding-left:180px; /* 50 margin, 120 sidenav, 10 padding*/
	line-height:25px;
}
#pg-footer-inner .powered {

    /** RESIZE WIDTH
    display:block;
    width:99px;
    height:26px;
    margin:0 auto;
    float:right;
    **/
    display:block;    
    height:26px;
    margin:0 auto;
    margin-right:50px;
    float:right;
}
#pg-footer-inner a { color: #888; }

#pg-sidebar {
	position: fixed;
	width: 120px;
	z-index: 2000;
	top:81px;
	}
	
#pg-content {
	padding:102px 0 20px 120px;
	min-height: 425px;
	}

.sidenav {
	display:block;
	background:#eee;
	padding-left:5px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:5px;
	}
.sidenav li {display:block;border-bottom:1px solid #ccc;}
.sidenav li:last-child {border:0;}
.sidenav li a {display:block;padding-left:5px;font:normal 12px/35px arial;color:#009AD3;}
.sidenav li a:hover {color:#999;}
.sidenav a.active {color:#999;font-weight:bold;background:url(../images/theme/icon_arrow_right.png) no-repeat 100px 10px;}

.swm {position:relative;}
.swm .tab {position:absolute;top:2px;left:-27px;width:22px;height:26px;background:#f80;border-radius:5px 0 0 5px;color:#fff;line-height:27px;font-size:10px;text-align:center;}

/*******************************************************************/ 
/*************************** Header Areas **************************/
/*******************************************************************/
.account-links { float:right; }
.account-links li {margin:0 10px;}
.account-links li a {font-size:14px;line-height:25px;color:#eee;}
.account-links li a:hover {color:#ccc;}
.account-links li.alert {}
.account-links li.alert a {display:block;float:left;height:25px;width:40px;text-align:left;color:#fff;background:url(../images/theme/icon_top_alert.png) no-repeat 20px 3px #f80;border-radius:3px;}
.account-links li.alert a:hover {background-color:#ccc;}
.account-links li.alert a span {display:block;margin:7px 0 0 7px;font-size:11px;line-height:11px;}

.storage-info {clear:both;text-align:right;color:#888;}
	
.storage-info {clear:both;text-align:right;color:#eee;margin:10px 10px 0 0;}
	
#toolbar {
	height:48px;
	background:#eee;
	}
#toolbar ul {float:left;margin-left:20px;}
#toolbar ul li a {display:block;float:left;height:35px;margin:6px 5px 0 0;padding:0 5px;text-align:center;}
#toolbar ul li a:hover {color:#bbb;}
#toolbar ul li a span {display:block;margin-top:27px;font-size:10px;line-height:10px;font-weight:bold;}
#toolbar ul li a.disabled {color:#bbb;}

#toolbar .new-folder {background:url(../images/theme/icons.png) no-repeat -143px -14px;}
#toolbar .new-folder:hover {background:url(../images/theme/icons.png) no-repeat -143px -64px;}
#toolbar .new-folder.disabled {background:url(../images/theme/icons.png) no-repeat -143px -64px;}
#toolbar .upload {background:url(../images/theme/icons.png) no-repeat -3px -13px;}
#toolbar .upload:hover {background:url(../images/theme/icons.png) no-repeat -3px -63px;}
#toolbar .upload.disabled {background:url(../images/theme/icons.png) no-repeat -3px -63px;}

#toolbar .back {background:url(../images/theme/icons.png) no-repeat -107px -14px;}
#toolbar .back:hover {background:url(../images/theme/icons.png) no-repeat -107px -64px;}

#toolbar .quicksend {background:url(../images/theme/icon_quicksend.png) no-repeat center top; }
#toolbar .quicksend:hover {background:url(../images/theme/icon_quicksend_hover.png) no-repeat center top; }

#toolbar .dropzone {background:url(../images/theme/icon_dropzone.png) no-repeat center top; }
#toolbar .dropzone:hover {background:url(../images/theme/icon_dropzone_hover.png) no-repeat center top; }


#search-path {
	position:relative;
	float:right;
	width:320px;
	text-align:right;
	}
#search-path label {position:absolute;top:16px;left:18px;line-height:normal;font-family: tahoma,arial,verdana,sans-serif;font-size:14px;font-weight:normal;color: #bfbfbf;transition:color .2s linear 0s;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;}
#search-path label.selected {display:none;}
#search-path input {margin:9px;height:29px;width:288px;padding:0 5px;border-radius:2px;background:#fff;border:1px solid #fff;font-size:14px;color:#777;}

#search-path .active {color:#336699;/*#1B96EB;*/ border:1px solid #fff;}

/*******************************************************************/
/**************************** Pagination ***************************/
/*******************************************************************/
.pagination {
	clear:both;
	position:relative;
	padding-top:11px;
	font-size:12px;
	text-align:right;
	color:#999;
    width:350px;
    float:right;
	}
.pagination .items {display:inline;line-height:30px;}
.pagination ol {float:right;}
.pagination ol li {float:left;padding:10px 0;}
.pagination ol li a {padding:2px;border:1px solid #fff;font-size:13px;}
.pagination ol li a.active {border:1px solid #ccc;color:#999;}
.pagination ol li a:hover {border:1px solid #ccc;color:#999;}
.pagination ol li a.first, .pagination ol li a.last {border:1px solid #fff;color:#999; display:table; margin-top:-4px; }
.pagination ol li a.next, .pagination ol li a.previous {border:1px solid #fff;color:#999; display:table; margin-top:-4px; }
.pagination ol li a.first:hover, .pagination ol li a.last:hover {color:#2783D0;}
.pagination ol li a.next:hover, .pagination ol li a.previous:hover {color:#2783D0;}
.pagination ol li a.next { padding-left:5px; }
.pagination ol li a.previous { padding-right:5px; }

#form-pagination-footer { margin-bottom: 50px; }


#list-header {
    /** RESIZE WIDTH
    position:fixed;
    top:81px;
    z-index:2000;    
    width:877px;    
    background:#fff;
    padding-left:8px;
    **/
    position:fixed;
    top:81px;
    z-index:2000;        
    background:#fff;
    padding-left:8px;
    margin-right:50px;
}

.titlebar li {float:left;height:26px;font:normal 12px/26px arial;color:#0086D1;border-bottom:1px solid #ccc;}
.titlebar a {text-decoration:underline;}

/*******************************************************************/
/************************** Updated File Listings ******************/
/*******************************************************************/
.titlebar-new { display:table; height:26px; line-height:26px; font: normal 12px/26px arial; color:#0086d1; border-bottom:1px solid #ccc; width:100%; table-layout:fixed; }
.datarow { display:table; height: 45px; line-height:45px; border-bottom: 1px dotted #ccc; width:100%; vertical-align:middle; table-layout:fixed; }
.datarow .col, .titlebar-new .col { display:table-cell; }
.datarow .col .col-content { display:table; margin-top:auto; margin-bottom:auto; width:100%; table-layout:fixed; }
.datarow .col .col-content .col-content-static { display: table-cell; width:45px; }
.datarow .col .col-content .col-content-fill { display: table-cell; padding-right: 20px; }
.datarow .col-name, .titlebar-new .col-name {  width:100%; }
.datarow .col-owner, .titlebar-new .col-owner  { width: 150px; }
.datarow .col-size, .titlebar-new .col-size { width: 90px; }
.datarow .col-type, .titlebar-new .col-type { width: 65px; }
.datarow .col-modified, .titlebar-new .col-modified { width: 135px; }
.datarow .col-options, .titlebar-new .col-options { width: 120px; }
.datarow .col-options-shared, .titlebar-new .col-options-shared { width: 80px; }


/* Sets Icons */
.datarow .col-name .type-dir, .datarow .col-name .type-file, .datarow .col-name .type-file-is, .datarow .col-name .type-file-sm, .datarow .col-name .type-dir-is, .datarow .col-name .type-dir-sm, .datarow .col-name .type-dir-v {display:table-cell;width:45px;line-height:30px;margin-right:15px;text-indent:-9999em; }
.datarow .col-name .type-dir {background:url(../images/theme/icons.png) no-repeat -261px -11px;position:relative;}
.datarow .col-name .type-dir:hover {background:url(../images/theme/icons.png) no-repeat -261px -61px;position:relative;cursor:pointer;}
.datarow .col-name .type-file {background:url(../images/theme/icons.png) no-repeat -311px -11px;position:relative;}
.datarow .col-name .type-file:hover {background:url(../images/theme/icons.png) no-repeat -311px -61px;position:relative;cursor:pointer;}
.datarow .col-name .type-file-is {background:url(../images/theme/icons.png) no-repeat -313px -212px; position:relative;}
.datarow .col-name .type-file-is:hover {background:url(../images/theme/icons.png) no-repeat -313px -262px; position:relative; cursor:pointer;}
.datarow .col-name .type-file-sm {background:url(../images/theme/icons.png) no-repeat -313px -111px; position:relative;}
.datarow .col-name .type-file-sm:hover {background:url(../images/theme/icons.png) no-repeat -313px -161px; position:relative;cursor:pointer;}
.datarow .col-name .type-dir-is {background:url(../images/theme/icons.png) no-repeat -162px -111px; position:relative;}
.datarow .col-name .type-dir-is:hover {background:url(../images/theme/icons.png) no-repeat -162px -160px; position:relative;cursor:pointer;}
.datarow .col-name .type-dir-sm {background:url(../images/theme/icons.png) no-repeat -210px -111px; position:relative;}
.datarow .col-name .type-dir-sm:hover {background:url(../images/theme/icons.png) no-repeat -210px -160px; position:relative;cursor:pointer;}
.datarow .col-name .type-dir-v {background:url(../images/theme/icons.png) no-repeat -260px -111px; position:relative;}
.datarow .col-name .type-dir-v:hover {background:url(../images/theme/icons.png) no-repeat -260px -160px; position:relative;cursor:pointer;}
.datarow .col-options a {display:inline-block;width:35px;height:30px;line-height:30px;text-indent:-9999em;}
.datarow .col-options .share {background:url(../images/theme/icons.png) no-repeat -207px -10px;}
.datarow .col-options .share:hover {background:url(../images/theme/icons.png) no-repeat -207px -60px;}
.datarow .col-options .download {background:url(../images/theme/icons.png) no-repeat -58px -9px;}
.datarow .col-options .download:hover {background:url(../images/theme/icons.png) no-repeat -58px -59px;}
.datarow .col-options .move {background:url(../images/theme/icons.png) no-repeat -3px -110px;}
.datarow .col-options .move:hover {background:url(../images/theme/icons.png) no-repeat -3px -160px;}
.datarow .col-options .delete {background:url(../images/theme/icons.png) no-repeat -109px -108px;}
.datarow .col-options .delete:hover {background:url(../images/theme/icons.png) no-repeat -109px -158px;}
.datarow .col-options .share.disabled {background:url(../images/theme/icons.png) no-repeat -207px -60px; cursor:default; }
.datarow .col-options .download.disabled {background:url(../images/theme/icons.png) no-repeat -58px -59px; cursor:default; }

.datarow .col-name input {width:100%;border:1px solid #EAEAEA;padding:3px 5px;background:#F8F8F8;font-size:12px;line-height:11px;color:#888;}
.datarow .col-name a.filename {width:100%;border:1px solid #EAEAEA;padding:0px 5px;background:#F8F8F8;font-size:12px;color:#888; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:20px; line-height:20px; vertical-align:middle; /*margin-top:2px; height:14px; position:relative; top:7px; */ } 
.datarow .col-name input.readonly {width:100%;padding:3px 5px;font-size:12px;line-height:11px;color:#888;border:0;background:transparent;}
.datarow .col-name a.filename.readonly {width:100%;padding:3px 5px;font-size:12px;line-height:11px;color:#888;border:0;background:transparent; display:inline-block;}
.datarow .col-name input.rename {color:#336699;/*#1B96EB;*/ border:1px solid #5EB7FF;}
.datarow .col-name span.filename {display:inline-block;width:100%;border:1px solid #EAEAEA;padding:3px 5px;background:#F8F8F8;font-size:12px;line-height:16px;color:#888;cursor:pointer;}

.datarow-selected { background-color: #eeeeee; }

#controlbar { width: 100%; height:25px; line-height:25px; }
#controlbar .item { float:left; margin-right:20px; text-indent:25px; height:25px; font-size:12px;line-height:25px;color:#888; padding-top:4px; cursor:pointer; }
#controlbar .control-item-info { background:url(../images/theme/info_icon_menu.png) no-repeat left center; }
#controlbar .control-item-rename { background:url(../images/theme/rename_icon_menu.png) no-repeat left center; }
#controlbar .control-item-share { background:url(../images/theme/share_icon_menu.png) no-repeat left center; }
#controlbar .control-item-download { background:url(../images/theme/download_icon_menu.png) no-repeat left center; text-indent:30px; }
#controlbar .control-item-copy { background:url(../images/theme/copy_icon_menu.png) no-repeat left center; }
#controlbar .control-item-move { background:url(../images/theme/move_icon_menu.png) no-repeat left center; }
#controlbar .control-item-delete { background:url(../images/theme/delete_icon_menu.png) no-repeat left center; }
#controlbar .control-item-unshare { background:url(../images/theme/delete_icon_menu.png) no-repeat left center; }

.col-prop { background:url(../images/theme/info_icon_row.png) no-repeat center; }

#dropdown-list-info h2 { font-weight:bold; }
#dropdown-list-info .row { margin-top:15px; }
#dropdown-list-info .title { font-weight:bolder; font-size:15px; }
#dropdown-list-info .value { font-size:15px; padding-left:10px; max-width:200px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }

/*******************************************************************/
/************************** File Listings **************************/
/*******************************************************************/
#list-content {
    /** RESIZE WIDTH
    display:block;
    margin-top:125px;
    width:877px;
    padding-left:8px;
    **/
    display:block;
    margin-top:125px;    
    padding-left:8px;
}
#list-content li.highlight, #list-content li.highlight:hover {background-color:#F5F5F5;}
#list-content li:hover {background-color:#FAFAFA;}

#list-content li {display:block;height:45px;border-bottom:1px dotted #ccc;}
#list-content li div {overflow:hidden;margin:0;padding:0;float:left;font:normal 12px/45px arial;}
#list-content li .col-select, .titlebar .col-select {width:67px;height:45px;background:/*#71B4FF*/#81CEFF;text-align:center;position:relative;}
.titlebar .col-select {height:26px;}
#list-content li .col-options, .titlebar .col-options {width:80px;}
#list-content li .col-name, .titlebar .col-name {width:275px;padding-left:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
#list-content li .col-owner, .titlebar .col-owner {width:148px;height:45px;overflow:hidden;}
#list-content li .col-size, .titlebar .col-size {width:90px;height:45px;}
.titlebar .col-owner, .titlebar .col-size{height:26px;}
#list-content li .swmTabColor {background: #f80;}
#list-content li .col-type, .titlebar .col-type {width:65px;}
#list-content li .col-modified, .titlebar .col-modified {width:135px;}

#list-content li .col-name-myfiles, .titlebar .col-name-myfiles { width: 423px; }
#list-content li .col-owner-myfiles, .titlebar .col-owner-myfiles { width: 0px; }


/* Sets Icons */
#list-content li .col-name .type-dir, #list-content li .col-name .type-file {display:inline-block;width:30px;line-height:30px;margin-right:15px;text-indent:-9999em;}
#list-content li .col-name .type-dir {background:url(../images/theme/icons.png) no-repeat -261px -11px;position:relative;}
#list-content li .col-name .type-dir:hover {background:url(../images/theme/icons.png) no-repeat -261px -61px;position:relative;cursor:pointer}
#list-content li .col-name .type-file {background:url(../images/theme/icons.png) no-repeat -311px -11px;position:relative;}
#list-content li .col-name .type-file:hover {background:url(../images/theme/icons.png) no-repeat -311px -61px;position:relative;cursor:pointer}


#list-content li .col-options a, #displayFile .col-options a {display:inline-block;width:35px;height:30px;line-height:30px;text-indent:-9999em;}
#displayFile .col-options a {text-indent:100px;overflow:hidden;}

#list-content li .col-options .share, #displayFile .col-options .share {background:url(../images/theme/icons.png) no-repeat -207px -10px;}
#list-content li .col-options .share:hover, #displayFile .col-options .share:hover {background:url(../images/theme/icons.png) no-repeat -207px -60px;}

#list-content li .col-options .download, #displayFile .col-options .download {background:url(../images/theme/icons.png) no-repeat -58px -9px;}
#list-content li .col-options .download:hover, #displayFile .col-options .download:hover {background:url(../images/theme/icons.png) no-repeat -58px -59px;}

#list-content li .col-options .move, #displayFile .col-options .move {background:url(../images/theme/icons.png) no-repeat -3px -110px;}
#list-content li .col-options .move:hover, #displayFile .col-options  .move:hover {background:url(../images/theme/icons.png) no-repeat -3px -160px;}

#list-content li .col-options .delete, #displayFile .col-options .delete {background:url(../images/theme/icons.png) no-repeat -109px -108px;}
#list-content li .col-options .delete:hover, #displayFile .col-options .delete:hover {background:url(../images/theme/icons.png) no-repeat -109px -158px;}

#list-content li .col-options .share.disabled, #displayFile .col-options .share.disabled {background:url(../images/theme/icons.png) no-repeat -207px -60px; cursor:default; }
#list-content li .col-options .download.disabled, #displayFile .col-options .download.disabled {background:url(../images/theme/icons.png) no-repeat -58px -59px; cursor:default; }

#displayFile .col-options .print {background:url(../images/theme/icons.png) no-repeat -56px -108px;}
#displayFile .col-options .print:hover {background:url(../images/theme/icons.png) no-repeat -56px -158px;}

#list-content li .dir {background:url(../images/theme/icons.png) no-repeat 0px -106px;position:relative;}
#list-content li .file {background:url(../images/theme/icons.png) no-repeat 0px -203px;position:relative;}

#list-content li .col-name input {width:209px;border:1px solid #EAEAEA;padding:3px 5px;background:#F8F8F8;font-size:12px;line-height:11px;color:#888;}
#list-content li .col-name a.filename {width:209px;border:1px solid #EAEAEA;padding:0px 5px;background:#F8F8F8;font-size:12px;color:#888; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:20px; line-height:20px; vertical-align:middle; /*margin-top:2px; height:14px; position:relative; top:7px; */ } 
#list-content li .col-name input.readonly {width:209px;padding:3px 5px;font-size:12px;line-height:11px;color:#888;border:0;background:transparent;}
#list-content li .col-name a.filename.readonly {width:209px;padding:3px 5px;font-size:12px;line-height:11px;color:#888;border:0;background:transparent; display:inline-block;}
#list-content li .col-name input.rename {color:#336699;/*#1B96EB;*/ border:1px solid #5EB7FF;}
#list-content li .col-name span.filename {display:inline-block;width:224px;border:1px solid #EAEAEA;padding:3px 5px;background:#F8F8F8;font-size:12px;line-height:16px;color:#888;cursor:pointer;}

/* Side Bar show-hide items */
#list-content li .col-name input.active {border:1px solid #fff;background:none;}
#list-content li .col-options .active {opacity:0.15;filter:alpha(opacity=15); /* For IE8 and earlier */}

#list-content li .col-name-myfiles, .titlebar .col-name-myfiles { width: 423px; }
#list-content li .col-owner-myfiles, .titlebar .col-owner-myfiles { width: 0px; }
#list-content li .col-name input.myfiles { width: 350px; }
#list-content li .col-name a.filename.myfiles { width: 350px; }


/************************** File Listings **************************/
.fyi-note {padding:5px 0;border-bottom: 1px solid #ccc;}
.fyi-note div {background:url(../images/theme/bg_fyi-dd-note.png) center no-repeat #E3D4B8;height:30px;text-align:right;}
.fyi-note span.text {display:none;}
.fyi-note .close {display:inline-block;width:75px;height:30px;background:url(../images/theme/icon_sidebar_close.png) no-repeat 64px 8px;line-height:30px;text-align:left;padding-left:10px}
.fyi-note .close:hover {color:#fff;}



/*******************************************************************/
/**************************** Welcome Page ***************************/
/*******************************************************************/
#welcome {width:80%;color:#555;font-size:1.2em;line-height:1.4em;}
#welcome h1, #welcome h3, #welcome h4 {font-weight:normal;}
#welcome #LoginPanel {width:600px;min-height: 275px;margin:0 auto;text-align:center;}
#welcome #ResetPanel {width:600px;min-height: 275px;margin:0 auto;text-align:center;}
#welcome #LoginForgotPasswordPanel {width:600px;min-height: 275px;margin:0 auto;text-align:center;}
#welcome #LoginCredentialsPanel {width:600px;min-height: 275px;margin:0 auto;text-align:center;}
#welcome #LoginEmailPanel {width:600px;min-height: 275px;margin:0 auto;text-align:center;}
#welcome #EmailDownloadContent {width:450px;min-height: 275px;margin:0 auto;text-align:center;}
#welcome #LogonFormPasswordResetPanel {width:450px;min-height: 275px;margin:0 auto;text-align:center;}
#welcome #InvalidQuickLinkPanel {width:450px;min-height:275px;margin:0 auto;text-align:center; }
#welcome .terms {font-size:.85em;line-height:1.4em;}
#welcome .terms h4 {font-size:1.2em;margin-bottom:-.5em;}
#InvalidQuickLinkPanel h1 { color:#c00; }
#EmailLinksSingle span { color:#009ad3; }

#welcome .alert-yes {color:#3C6;}
#welcome .alert-no {color:#C00}

#welcome #login-max p {clear:both;}
#welcome #login-max label {
width: 75px;
display: block;
text-align: right;
float: left;
padding: 20px 20px 20px 0;
}
#welcome #login-max .input-txt {float:left;margin:10px 0;}
#welcome #login-max textarea.input-txt {height:100px;}

.input-lbl { width:135px; padding-right:10px; margin-top:11px; display:inline-block; font-size:1em; font-family: "Helvetica Light", "Helvetica Neue", Helvetica; float:left; text-align:right;}
.input-txt {width:300px;padding:10px;border:1px solid #ccc;background:#fff;font-size:1em;font-family: "Helvetica Light", "Helvetica Neue", Helvetica; float:left;}
.input-btn {padding:10px 30px;background:#ccc;color:#555;border:0;border-radius:5px;font-size:1em;}
.input-btn:hover {cursor:pointer;background:#eee;}
.input-btn.disabled { background:#eee; color:#ccc; }
.input-btn.disabled:hover { background:#eee; color:#ccc; }
.expl-lbl {font-size:0.9em; font-family: "Helvetica Light", "Helvetica Neue", Helvetica; margin-top:20px; font-style:italic;}

.btn-add-folder {cursor:pointer;display:block; margin-left:15px; margin-top:5px;}
.btn-add-folder:hover {color:#888;text-decoration:underline;}

.file-list .add-folder {position:relative;}
.file-list .add-folder input {width:130px;display:inline; margin-left:5px;}
.file-list .add-folder label {position:absolute;top:6px;left:24px;font-size:12px;color:#999;}
.file-list .add-folder .selected {display:none;}
.file-list li a {color:black;}
.file-list li a.folder-selected{font-weight:bold; color:#336699;/*#1B96EB;*/ }

.folder-toggle { font-weight: bold; }
div.folder-readonly { cursor:default; }
div.folder-readonly .folder-toggle { opacity:0.0; cursor:default;  }
div.folder-readonly a { color:#dddddd; cursor:default; }



.upload-statusbar {background:url(../images/theme/bg-loading.gif) repeat-x #108ACA;padding:15px 10px;color:#fff; height:24px; }
.upload-statusbar a {color:#fff;text-decoration:underline;}
.upload-statusbar a:hover {color:#eee;}
.upload-statusbar-name { padding-left:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.upload-statusbar-percentage { padding-left:20px; padding-right: 20px;}
.upload-statusbar-item { float:left; height:24px; padding-top:8px;}
.upload-statusbar-remaining { float:right; margin-top:7px; }
.upload-statusbar-display { font-weight:bold; cursor:pointer; margin-top:7px; text-decoration:underline; float:right; margin-right:10px; }
.upload-statusbar-cancel { font-weight:bold; cursor:pointer; float:right; margin-right:20px; font-size:20px; margin-top:6px; }

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

/* other ****************************************/

.select2-container ul { display:block; }
.invite .invite-label { padding:5px 0px; }
.invite .invite-search { padding:5px 0px; }
.share-direct-link-loading { background: #fff url('select2-spinner.gif') no-repeat 100% !important; }

.tooltipsy
    {
        width: 120px;
        color: #fff;
		margin:0 0 0 -155px;
		background:url(../images/theme/tooltip_orng.png) no-repeat center right;
		font-size:12px;line-height:40px;
		text-align:right; padding-right:20px;
    }
	
.popupControl
{

    visibility:hidden;
}



.files {
    max-height: 250px;
    overflow-y: auto;
}

#CornerstoneBreadcrumbs_Breadcrumbs {
    width:425px;
    position: absolute;
    z-index: 100;
    top: 70px;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.upload-container { position:relative; }
.upload-container .fake { position:absolute; top:0px; left:0px; z-index:3; width:252px; }
.upload-container input[type="file"] {position:relative; text-align:right; -moz-opacity:0; filter:alpha(opacity:0); opacity:0; z-index:2;}

#preview { width: 800px; height:600px; display:none; }
#previewTitle { display: block; height: 20px; margin: 0; padding: 10px; border-bottom: 2px solid #777; }
#previewTitle h3 { margin: 0; line-height: 20px; }
#previewContainer {height: 510px; background:#ddd; }
#previewDropDownContainer { position: relative;  top: 10px; left:40px; width:1px; height:1px; }
#previewEmbedContainer {height: 510px; background:#ddd;  }
#previewContainer img { display:block; margin-left:auto; margin-right:auto; max-height:100%; max-width:100%; }
#previewContainer.scrolling { overflow-y: auto; overflow-x:auto; }
#previewLoadingContainer { height:510px; width:100%; background:#ffffff; line-height:530px; text-align:center; }
#previewLoadingContainer img { vertical-align:middle; }
#previewToolbar { display: block; height: 40px; margin: 0; border-top: 2px solid #777; text-align:right; }
#previewToolbarOptions { padding: 5px 10px; }
#previewToolbarOptions a.print { background: url(../images/theme/icons.png) no-repeat -56px -108px; }
#previewToolbarOptions a.share { background: url(../images/theme/icons.png) no-repeat -207px -10px; }
#previewToolbarOptions a.download { background: url(../images/theme/icons.png) no-repeat -58px -9px; }
#previewToolbarOptions a.move { background: url(../images/theme/icons.png) no-repeat -3px -110px; }
#previewToolbarOptions a.delete { background: url(../images/theme/icons.png) no-repeat -109px -108px; }
#previewToolbarOptions a { text-indent: 100px; overflow: hidden; display: inline-block; width: 35px; height: 30px; line-height: 30px; }

#dragoverlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0a0;
    filter:alpha(opacity=10);
    -moz-opacity:0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;    
    z-index:10000;
}

#dragoverlaymessagecontainer {
    position:fixed;
    top:100px;
    left:30%;
    right:30%;
    border-radius:5px;
    border:10px solid #fff;
    z-index:10001;
}

#dragoverlaymessage {
    border-radius:5px;
    border:10px solid #0a0;
    background-color:#0a0;
    z-index:10001;
    padding:10px 60px;
}
#dragoverlaymessage span { color:#fff; text-align:center; display:table-cell; vertical-align:middle; font-size:larger; }


.draguploaddirectory { background-color:#e6fee6 !important; }
.draguploadinvaliddirectory { background-color:#fee6e6 !important; }
.draguploadselecteddirectory { background-color:#9bde9b !important; }

#erroroverlay
{

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=10);
    -moz-opacity:0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
    z-index: 10003;
}

#erroroverlaymessagecontainer {
    position:fixed;
    top:100px;
    left:30%;
    right:30%;
    border-radius:5px;
    border:10px solid #fff;
    z-index:10004;
}

#erroroverlaymessage {
    border-radius:5px;
    border:10px solid #a00;
    background-color:#a00;
    z-index:10005;
    padding:10px 60px;
}
#erroroverlaymessage div { color:#fff; text-align:center; display:table-cell; vertical-align:middle; font-size:larger; }

#contentLoadingContainer  {
    position:fixed;
    bottom:10px;
    left:10px;
    border-radius:5px;
    border:10px solid #336699;/*#1B96EB;*/
    background-color:#336699;/*#1B96EB;*/
    z-index:50001;
    padding:10px 20px;
    color:#fff;
    font-size:larger;
}

.dragDropContainer {

    background-color:#eeeeee;
    border:1px solid #dddddd;
    padding:5px;
    z-index:1000;
}

.dragDropContainer div.type-file { background:url(../images/theme/icons.png) no-repeat -311px -11px; width: 30px; height:30px; float:left; }
.dragDropContainer div.type-dir { background:url(../images/theme/icons.png) no-repeat -261px -11px; width:30px; height:30px; float:left; }
.dragDropContainer div.file { width:200px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#999; float:left; padding-left: 20px; padding-top:10px; }
.dragDropContainer div.icon { position:relative; }
.dragDropContainer .badge { border-radius:5px; background-color:#336699; color:#ffffff; padding:2px 5px; font-size:10px; font-weight:bold; }

#dialogModal {
    background-color:#efefef;
    border-color:#efefef;
    padding:15px;box-shadow:4px 4px 5px rgba(0, 0, 0, .5);border-radius:10px;border:0;
    z-index:20001;
    width:400px;
}
#dialogModalText {
    margin-bottom:20px; 
}

#dialogModal button.cancelDialog, #dialogModal button.doneDialog {background:/*c9c9c9*/#ddd;border:1px solid #aaa;border-radius:0px;padding:5px 20px;font-size:1em;}
#dialogModal button:hover {cursor:pointer;background:#fff;border:1px solid #ccc;}
#dialogModal button.doneDialog {float:right;}
.dialogModalButtons { width:100%; height:35px; }
.dialogModal {z-index:20001; }


#dialogConfirmOverwrite {
    background-color:#efefef;
    border-color:#efefef;
    padding:15px;box-shadow:4px 4px 5px rgba(0, 0, 0, .5);border-radius:10px;border:0;
    width:400px;
    z-index:20001;
}

#dialogConfirmOverwriteHeaderText { font-weight: bold; margin-bottom:20px; }
#dialogConfirmOverwriteInfo { padding:10px; border:1px solid #000; background:#fff; }
#dialogConfirmOverwriteInfo div.type-file { background:url(../images/theme/icons.png) no-repeat -311px -11px; width: 30px; height:30px; float:left; }
#dialogConfirmOverwriteInfo div.type-dir { background:url(../images/theme/icons.png) no-repeat -261px -11px; width:30px; height:30px; float:left; }
#dialogConfirmOverwriteName { font-weight:bold; float:left; margin-left:10px; margin-top:9px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:320px;  }
.dialogConfirmOverwriteSection { margin-top:15px; cursor:pointer; padding:10px; }
.dialogConfirmOverwriteSection.has-hover:hover { background-color: #0a246a; color:#fff; }
.dialogConfirmOverwriteSection.selected { border:1px solid #0a246a; }
.dialogConfirmOverwriteLabel { font-weight:bold; margin-bottom:2px; }
.dialogConfirmOverwriteInstructions { }

#dialogConfirmOverwriteRenameContent { width: 100%; margin-top:10px; }
#dialogConfirmOverwriteRenameContent input { width: 250px; }
#dialogConfirmOverwriteRenameContent button { float:right; width:auto; }

#dialogCancelUploadModal {
    background-color:#efefef;
    border-color:#efefef;
    padding:15px;box-shadow:4px 4px 5px rgba(0, 0, 0, .5);border-radius:10px;border:0;
    z-index:20001;
    width:250px;
}
#dialogCancelUploadModalText {
    margin-bottom:20px; 
}

#dialogCancelUploadModal button.cancelDialog, #dialogCancelUploadModal button.doneDialog {background:/*c9c9c9*/#ddd;border:1px solid #aaa;border-radius:0px;padding:5px 20px;font-size:1em;}
#dialogCancelUploadModal button:hover {cursor:pointer;background:#fff;border:1px solid #ccc;}
#dialogCancelUploadModal button.doneDialog {float:right;}
.dialogModalButtons { width:100%; height:35px; }
.dialogModal {z-index:20001; }



#dialogModalText {
    margin-bottom:20px; 
}

#SearchResults
{
    position: relative;
    top: 8px;
    float: left;
    line-height: 0;
    width: 100%;
    text-align: center;
}

#SearchResultsSearchValue
{
    font-weight:bold;
}

#PermissionError
{
    position: relative;
    top: 8px;
    float: left;
    line-height: 0;
    width: 100%;
    text-align: center;
}

#PermissionErrorValue
{
    font-weight:bold;
    color:#FF7A00;
}

.placeholder { color: #bfbfbf !important; }

#ContentUploadWarning { width:241px; background:#ffffff; border: 1px solid #aaa; padding:5px; margin-left:0px; margin-top:25px; }
#ContentUploadWarning span { }
.embedPdf { z-index:1000; width:100%; height:100%; border:0; }
#uploadProgress { width: 600px; height: 300px; }
#uploadProgressTitle { display: block; height: 20px; margin: 0; padding-left: 10px; border-bottom: 2px solid #777; }
#uploadProgressDetails { background:#efefef; width:100%; height:265px; border-bottom: 1px solid #efefef; border-radius:10px; }
#uploadProgressContainer { padding:20px; background: #efefef; overflow-y:auto; max-height:190px; }
#uploadProgressList { border:1px solid #ccc; display:block; }
.uploadProgressBar { background:#e9f4ff; height:35px; }
.uploadProgressItem { display:list-item; list-style:none; position:relative; margin:0; line-height:35px; height:35px; vertical-align:bottom; border-top:1px solid #ccc; background:#fff; }
.uploadProgressItemInfo { vertical-align:baseline; border-collapse:collapse; width:100%; height:35px; position:absolute; top:0; left:0; padding-left:5px;  }
.uploadProgressItemInfoName { width:300px;  white-space:nowrap;overflow:hidden; text-overflow:ellipsis; float:left; }
.uploadProgressItemInfoSize { width:100px; float:left; color:#888; }
#uploadProgressList .uploadProgressItem:first-child { border-top:none; }
#uploadToolbar { display: block; height: 40px; margin: 0; border-top: 2px solid #777; text-align:right; }
.uploadProgressItem .cancel { float:right; text-align:right; font-size: 20px; line-height: 35px; top: 8px; right: 11px; color: #a9a9a9; font-weight: bold; cursor: pointer; text-decoration:none; padding-right:15px; }
.uploadProgressItem .cancelled { float:right; text-align:right; font-size:12px; line-height:35px; top: 8px; right: 30px; color: #992826; font-weight: bold; cursor:pointer; padding-right:15px; }
.uploadProgressItem .completed { float:right; text-align:right; font-size:12px; line-height:35px; top: 8px; right: 30px; color: #00ae00; font-weight: bold; cursor:pointer; padding-right:15px; }
.uploadProgressItem .errored { float:right; text-align:right; font-size:12px; line-height:35px; top: 8px; right: 30px; color: #00ae00; font-weight: bold; cursor:pointer; padding-right:15px; }
.uploadProgressBar.cancelledProgress { background: #fce3e3; width:100%; }
.uploadProgressBar.erroredProgress { background:#f7b9b9 ; width:100%; }


#dropdown-list-share-options .share-options-title a {display:inline-block;width:35px;height:30px;line-height:30px;text-indent:-9999em;}
#dropdown-list-share-options .share-options-title .share {width:35px; height:30px; background:url(../images/theme/icons.png) no-repeat -207px -10px;}
#dropdown-list-share-options .share-options-title .share:hover {width:35px; height:30px; background:url(../images/theme/icons.png) no-repeat -207px -60px;}
#dropdown-list-share-options .share-options-title {display:table; }
#dropdown-list-share-options .share-options-title .title-text { width:100%; display:table-cell; }
#dropdown-list-share-options .share-options-title .share-text { display:table-cell; }


.previewError { text-align: center; padding-top: 150px; font-weight: bold; font-size: 20px; color:#336699;}

.previewVideo { width:100%; height: 100%; }

.user-dropdown {
    display: inline-block;
}

.user-dropdown, .user-dropdown * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.user-dropdown-container {
    display: inline-block;
    position: relative;    
} 

.user-dropdown-button {
    cursor: pointer;
    position: relative;
    line-height: 40px;
    margin: 0;
}

.user-dropdown-button span:after {
    content: "\25BE";
    display: block;
    position: absolute;
    right: -1em;
    top: 0;
}

.user-dropdown-button:hover {
    color: #ccc;
}

.user-dropdown-menu {
    display: none;
    cursor: pointer;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    margin: 0;
    padding: 3px;
    right: -1em;
    top: 32px;
    width: 125px;
    z-index: 20001;
}

.user-dropdown-menu li a {
    padding: 3px;
    display: block;
}

.user-dropdown-menu li a:hover {
    background: #eee;
    color: #359adc;
}

.show-user-menu {
    display: block;
}

.desktop-tools-downloads {
    margin-left: 20px;
}

.desktop-tools-downloads tr td {
    padding: 0px 0px 12px;
}

.desktop-tools-downloads tr td:first-child {
    width: 200px;
}
.search-overlay {
    background-color:#fff;
    z-index:1000;
    position:absolute;  
    top:0;
    left:0;
    margin:9px;
}
.search-overlay-img {
    float:left;
    content:url(../images/theme/spinner.gif);
    width:20px;
    height:20px;
    margin-left:5px;
    margin-top:5px;
}
.search-overlay-text {
    line-height:32px;
    margin-left:10px;
    display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.search-overlay-close {
    float:right;
    width:25px;
    height:25px;
    background:url(../images/theme/icons_list.png) no-repeat -75px 0px;
    float:right;
    margin-right:5px;
    margin-top:3px;
    cursor:pointer;
}
.search-overlay-ready {

    float:left;
    width:21px;
    height:25px;
    content:url(../images/theme/search_ready.png);
    margin-left:5px;
    margin-top:3px;
    cursor:pointer;
}

.radialProgress {
    position:relative;
    width:20px; height:20px;
    display:inline-block;
}
.radialProgress canvas {
    display: block;
    position:absolute;
    top:0;
    left:0;
}

#pg-dropzone { position:absolute; top:230px; left:120px; right:0; bottom:0; z-index:0;}
/* SWS FOUNDATION 20261021 */
/* SWS native Titan theme. No authentication or file-operation changes. */
@font-face {
  font-family: SWS Montserrat;
  src: url('/App_Themes/main/fonts/sws-montserrat-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --sws-ink: #17343f;
  --sws-green: #172c22;
  --sws-gold: #d3a541;
  --sws-line: #dce3df;
  --sws-muted: #65736c;
}
html body {
  background-color: #fbfcfb !important;
  color: var(--sws-ink);
  font-family: 'SWS Montserrat', Arial, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
}
input, button, select, textarea { font-family: inherit; }
a { color: #286b58; }
a:hover { color: #8a651c; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 3px solid #b88a2c;
  outline-offset: 3px;
}
body #pg-header {
  background-color: #f8fbfc !important;
  border-bottom: 2px solid var(--sws-gold);
  height: 78px;
  box-shadow: 0 2px 12px #102d3912;
}
#pg-header #pg-header-inner {
  height: 78px;
  margin: 0 32px;
  padding: 0;
  position: relative;
}
#pg-header-inner::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 78px;
  height: 58px;
  background: url('/App_Themes/main/images/theme/sws-logo-light.png') center / contain no-repeat;
}
#pg-header-inner::after {
  content: 'SGEM WORLD SCIENCE\A File Exchange HP220';
  white-space: pre-line;
  position: absolute;
  top: 17px;
  left: 98px;
  color: #102d39;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  pointer-events: none;
}
#pg-header .pg-header-logo { display: none; }
#pg-header a[href="help/index.html"] { display: none !important; }
#pg-header #CornerstoneHeader_HeaderControls {
  margin: 0;
  padding-top: 20px;
  max-width: 45%;
}
#pg-header .account-links li a, #pg-header .storage-info {
  color: #526b76 !important;
}
#pg-header .account-links li a:hover { color: #856624 !important; }
body #pg-footer {
  background-color: #f0f4f1 !important;
  border-top: 1px solid var(--sws-line);
  color: var(--sws-muted);
}
#pg-footer #pg-footer-inner { padding-left: 32px; font-size: 11px; }
#pg-footer-inner .powered { margin-right: 32px; }
#pg-content { padding-bottom: 76px; }
body:not(:has(#welcome)) #pg-footer { position: relative; clear: both; }
#form-list { background-color: #fff; }
#list-content .datarow { border-color: var(--sws-line); }
#list-content .datarow:hover { background-color: #f3f7f4; }
#list-header a, #list-content a { text-decoration: none; }
#pg-sidebar a { border-radius: 4px; }
#toolbar { border-color: var(--sws-line); }
#toolbar a:hover { background-color: #edf3ee; }
body #list-header { background-color: #edf2ee !important; }
#list-header, #list-header a { color: var(--sws-ink); }
#list-header, .file-listing { border-color: var(--sws-line); }
.pagination ol li a { border-color: var(--sws-line) !important; }
.pagination ol li a:hover { background-color: #edf3ee; }
.input-btn, a.input-btn, button.btn {
  border-radius: 4px;
  transition: background-color .15s ease, border-color .15s ease;
}
.input-txt { border-radius: 4px; }
.input-txt:focus { border-color: #4a7b60; }
.bootstrap-iso.override .modal-header {
  background-color: var(--sws-green) !important;
  color: #fff !important;
}
.bootstrap-iso.override .modal-header h4 { color: #fff !important; }
.bootstrap-iso.override .modal-footer { background-color: #f0f4f1 !important; }
body:has(#welcome) { min-height: 100vh; height: auto; }
body:has(#welcome) #pg-header, body:has(#welcome) #pg-header-inner { height: 94px; }
body:has(#welcome) #pg-header-inner::before { width: 99px; height: 74px; }
body:has(#welcome) #pg-header-inner::after { top: 25px; left: 122px; font-size: 19px; }
body:has(#welcome) #wrapper { margin: 0; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
body:has(#welcome) #pg-content {
  box-sizing: border-box;
  min-height: 0;
  flex: 1 0 auto;
  padding: 154px 24px 48px;
}
body:has(#welcome) #pg-footer { position: relative; height: auto; min-height: 26px; flex-shrink: 0; }
#welcome {
  box-sizing: border-box;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  color: var(--sws-ink);
  line-height: 1.6;
  font-size: 14px;
}
#welcome > h1 { font-size: 32px; line-height: 1.25; font-weight: 600; margin: 0 0 8px; }
#welcome > p { color: var(--sws-muted); margin: 0 0 30px; }
#welcome #LoginPanel, #welcome #LoginForgotPasswordPanel,
#welcome #LogonFormPasswordResetPanel, #welcome #LoginMaximumExceededPanel {
  box-sizing: border-box;
  width: 100%;
  min-height: 0;
  margin: 0;
  text-align: left;
}
#welcome h3 { font-size: 15px; font-weight: 500; line-height: 1.65; margin: 0 0 24px; }
#welcome #LoginPanel > p { margin: 0 0 18px; }
#welcome .input-lbl {
  box-sizing: border-box;
  display: block;
  float: none;
  width: 100%;
  text-align: left;
  margin: 0 0 7px;
  padding: 0;
  color: #344c41;
  font-size: 12px;
  font-weight: 600;
}
#welcome .input-txt {
  box-sizing: border-box;
  float: none;
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  background-color: #fff;
  border: 1px solid #bbc9c0;
  font-size: 15px;
  color: var(--sws-ink);
  user-select: text;
}
#welcome input[type=checkbox] { accent-color: #286b58; margin: 0 7px 0 0; vertical-align: middle; }
#welcome label[for=LogonFormRememberBeCheckBox] { font-size: 12px; color: var(--sws-muted); }
#welcome a.input-btn {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 48px;
  margin: 6px 0 0;
  padding: 13px 18px;
  background-color: #244b37;
  border: 1px solid #244b37;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
#welcome a.input-btn:hover { background-color: #183b29; border-color: #183b29; color: #fff; }
#welcome .terms {
  margin: 32px 0 0;
  padding-top: 18px;
  border-top: 1px solid var(--sws-line);
  font-size: 11px;
  line-height: 1.7;
  color: var(--sws-muted);
}
#welcome .terms p { margin: 0; }
@media (max-width: 760px) {
  #pg-header #pg-header-inner { margin: 0 18px; }
  #pg-header-inner::before { width: 64px; }
  #pg-header-inner::after { content: 'File Exchange HP220'; left: 78px; top: 28px; font-size: 12px; }
  body:has(#welcome) #pg-header-inner::before { width: 75px; }
  body:has(#welcome) #pg-header-inner::after { content: 'SGEM WORLD SCIENCE\A File Exchange HP220'; left: 91px; top: 29px; font-size: 12px; }
  #pg-header #CornerstoneHeader_HeaderControls { max-width: 34%; padding-top: 12px; }
  #pg-header .account-links li { margin-left: 6px; }
  #wrapper { margin: 0 16px; }
  #pg-footer #pg-footer-inner { padding-left: 18px; line-height: 1.6; }
  #pg-footer-inner .powered { margin-right: 18px; }
  body:has(#welcome) #pg-content { padding: 134px 24px 36px; }
  body:has(#welcome) #CornerstoneHeader_HeaderControls { position: absolute; right: 0; top: 67px; padding: 0; max-width: none; font-size: 10px; }
  body:has(#welcome) #pg-footer-inner { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; padding-right: 18px; }
  body:has(#welcome) #pg-footer-inner .copy { float: none; }
  body:has(#welcome) #pg-footer-inner .powered { float: none; margin: 0 0 0 auto; }
}
@media (prefers-reduced-motion: reduce) { .input-btn, a.input-btn, button.btn { transition: none; } }
@media (max-width: 760px) {
  body:not(:has(#welcome)) #wrapper { padding-top: 94px; }
  body:not(:has(#welcome)) #pg-content { padding: 0 0 24px; min-height: calc(100vh - 190px); }
  body:not(:has(#welcome)) #pg-sidebar { position: static; width: 100%; margin-bottom: 12px; }
  body:not(:has(#welcome)) .sidenav { width: auto; }
  body:not(:has(#welcome)) #list-header { position: static; min-width: 0; width: 100%; height: auto; padding: 0; box-sizing: border-box; }
  body:not(:has(#welcome)) #toolbar { min-width: 0; width: auto; height: auto; display: flex; flex-wrap: wrap; }
  body:not(:has(#welcome)) #toolbar ul { float: none; margin-left: 8px; min-height: 48px; }
  body:not(:has(#welcome)) #search-path { float: none; width: 100%; max-width: 100%; box-sizing: border-box; }
  body:not(:has(#welcome)) #controlbar { height: auto; min-height: 40px; }
  body:not(:has(#welcome)) .pagination { width: auto; max-width: 100%; float: none; box-sizing: border-box; }
  body:not(:has(#welcome)) #ContentFormTitleBar { display: none; }
  body:not(:has(#welcome)) #form-list { margin-top: 0; top: auto; }
  body:not(:has(#welcome)) #list-content { margin: 0; padding: 0; width: 100%; box-sizing: border-box; }
  #list-content .datarow { display: grid; grid-template-columns: minmax(0,1fr) 62px 92px; gap: 4px 8px; padding: 12px 8px; height: auto; min-height: 84px; box-sizing: border-box; }
  #list-content .datarow > .col { float: none; width: auto !important; min-width: 0; height: auto; padding: 0; line-height: 20px; box-sizing: border-box; }
  #list-content .datarow > :not(.col) { display: none; }
  #list-content .datarow > .col-name { grid-column: 1 / 3; grid-row: 1; min-height: 32px; }
  #list-content .datarow > .col-size { grid-column: 1; grid-row: 2; font-size: 11px; }
  #list-content .datarow > .col-type { grid-column: 2; grid-row: 2; font-size: 11px; }
  #list-content .datarow > .col-modified { grid-column: 1 / 3; grid-row: 3; font-size: 11px; }
  #list-content .datarow > .col-options { grid-column: 3; grid-row: 1 / 4; align-self: center; }
  #list-content .datarow .col-name .filename { max-width: calc(100% - 38px); box-sizing: border-box; }
  .qtip { max-width: calc(100vw - 24px) !important; box-sizing: border-box; }
  .qtip input[type=text], .qtip input[type=file] { max-width: 100%; box-sizing: border-box; }
}

/* SWS WORKSPACE 20261021 */
/* SWS file workspace: presentation only; native controls and events stay intact. */
/* The native breadcrumb links retain Titan's permission-aware postbacks. */
#list-header > div:has(> #CornerstoneBreadcrumbs_Breadcrumbs) { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 20px; padding: 12px 16px; }
#CornerstoneBreadcrumbs_Breadcrumbs { position: static; top: auto; left: auto; width: auto; order: -1; flex: 1 1 260px; min-width: 0; z-index: auto; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; color: #234435; font-size: 13px; font-weight: 600; line-height: 24px; }
#CornerstoneBreadcrumbs_Breadcrumbs a { display: inline; color: #527664; font-weight: 500; padding: 4px 0; }
#CornerstoneBreadcrumbs_Breadcrumbs a:hover { color: #86641d; text-decoration: underline; }
#CornerstoneBreadcrumbs_Breadcrumbs > span { color: #9aa89e; font-size: 0; }
#CornerstoneBreadcrumbs_Breadcrumbs > span::after { content: '\203A'; font-size: 17px; margin: 0 8px; }
#list-header > div:has(> #CornerstoneBreadcrumbs_Breadcrumbs) > .pagination { padding: 0; }
#pg-header #CornerstoneHeader_HeaderControls { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 5px; height: 78px; max-width: 45%; box-sizing: border-box; padding: 0; }
#CornerstoneHeader_HeaderControls > .clear { display: none; }
#pg-header .account-links { float: none; margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; }
#pg-header .account-links li { margin: 0 0 0 12px; }
#pg-header .storage-info { margin: 0; max-width: 100%; font-size: 11px; line-height: 17px; white-space: normal; overflow-wrap: anywhere; }
#pg-header .storage-info .user-dropdown { max-width: 100%; }
body { --sws-row-columns: minmax(160px,1fr) 88px 82px 190px 88px; }
/* Content.aspx puts its footer outside the ASP.NET form. */
body:has(#ContentUpdatePanel) { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; height: auto; }
body:has(#ContentUpdatePanel) > #form, body:has(#ContentUpdatePanel) #ContentUpdatePanel, body:has(#ContentUpdatePanel) #wrapper { display: flex; flex-direction: column; flex: 1 0 auto; min-width: 0; }
body:has(#ContentUpdatePanel) > #pg-footer { flex-shrink: 0; }
body:not(:has(#welcome)) #wrapper { margin: 0 32px; }
body:not(:has(#welcome)) #pg-content { width: 100%; box-sizing: border-box; padding: 104px 0 28px 176px; min-height: 0; flex: 1 0 auto; }
body:not(:has(#welcome)) #pg-sidebar { position: absolute; top: 104px; bottom: 28px; width: 148px; height: auto; border-right: 1px solid var(--sws-line); background: transparent; }
body:not(:has(#welcome)) .sidenav { background: transparent; width: 132px; padding: 0; }
.sidenav li a { background: transparent !important; color: var(--sws-ink); padding: 12px 10px; box-sizing: border-box; border-left: 3px solid var(--sws-gold); min-height: 44px; font-weight: 600; }
.sidenav li a:hover { background: #edf3ef !important; }
body:not(:has(#welcome)) #list-header { position: static; top: auto; left: auto; right: auto; width: 100%; min-width: 0; padding: 0; height: auto; box-sizing: border-box; background: white !important; }
#toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: auto; min-width: 0; height: auto; min-height: 64px; padding: 8px 16px; box-sizing: border-box; border-bottom: 1px solid var(--sws-line); background: white; }
#toolbar ul { display: flex; align-items: center; gap: 8px; float: none; margin: 0; }
#toolbar ul li a { display: inline-flex; align-items: center; gap: 8px; float: none; height: 40px; margin: 0; padding: 0 12px; box-sizing: border-box; border: 1px solid #ccd7cf; border-radius: 5px; background: white !important; color: #274c3a; }
#toolbar ul li a span { display: inline; margin: 0; font-size: 12px; line-height: 18px; font-weight: 600; }
#toolbar ul li a:hover { color: #173e2a; background: #edf3ee !important; }
#toolbar ul li a::before { content: ''; display: block; width: 19px; height: 19px; background: currentColor; }
#toolbar ul li a.new-folder::before { mask: url('data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M12%2010v6%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M9%2013h6%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M20%2020a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2h-7.9a2%202%200%200%201-1.69-.9L9.6%203.9A2%202%200%200%200%207.93%203H4a2%202%200%200%200-2%202v13a2%202%200%200%200%202%202Z%22%20%2F%3E%0A%3C%2Fsvg%3E%0A') center / contain no-repeat; }
#toolbar ul li a.upload { background: #254e39 !important; color: white; border-color: #254e39; }
#toolbar ul li a.upload:hover { background: #183c2a !important; color: white; }
#toolbar ul li a.upload::before { mask: url('data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20%2F%3E%0A%20%20%3Cpolyline%20points%3D%2217%208%2012%203%207%208%22%20%2F%3E%0A%20%20%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2215%22%20%2F%3E%0A%3C%2Fsvg%3E%0A') center / contain no-repeat; }
#toolbar ul li a:not(.new-folder):not(.upload)::before { display: none; }
#search-path { float: none; min-width: 0; max-width: 100%; }
#controlbar { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; height: 44px; min-height: 44px; padding: 8px 16px; box-sizing: border-box; }
#controlbar:not(:has(.item:not([style*="display:none"]):not([style*="display: none"]))) { visibility: hidden; }
#controlbar .item { float: none; height: 28px; line-height: 28px; margin: 0; box-sizing: border-box; white-space: nowrap; }
#form-pagination, #form-pagination-footer { display: flex; justify-content: flex-end; align-items: center; gap: 12px; flex-wrap: wrap; }
.pagination { width: auto; max-width: 100%; float: none; padding: 8px 16px; box-sizing: border-box; }
.pagination ol { float: none; display: flex; gap: 3px; align-items: center; }
.pagination ol li { padding: 0; float: none; }
.pagination ol li a.active { background: #254e39; color: white; border-color: #254e39 !important; }
#list-header .pagination ol li a.active { color: white !important; }
.pagination ol li a.first, .pagination ol li a.last, .pagination ol li a.next, .pagination ol li a.previous { display: inline-flex; margin-top: 0; }
.pagination { min-height: 32px; padding: 8px 0; height: auto; color: var(--sws-muted); font-size: 11px; }
.pagination select { min-height: 30px; border: 1px solid #ccd7cf; border-radius: 4px; background: white; padding: 2px 6px; color: var(--sws-ink); }
.pagination ol li a { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; min-height: 28px; padding: 0 4px; box-sizing: border-box; background: white; border: 1px solid var(--sws-line); border-radius: 3px; font-size: 11px; }
.pagination ol li.active a, .pagination ol li.current a { background: #254e39; color: white; }
.titlebar-new { display: grid; grid-template-columns: var(--sws-row-columns); align-items: center; min-height: 42px; padding: 0 16px; box-sizing: border-box; background: #eef3ef; border-bottom: 1px solid var(--sws-line); }
.titlebar-new > .col { float: none; width: auto !important; min-width: 0; height: auto; line-height: 20px; font-size: 11px; font-weight: 600; color: #64736b; }
.titlebar-new a { color: #64736b; }
#form-list { margin: 0; top: auto; padding: 0; }
#list-content { margin: 0; padding: 0; box-sizing: border-box; }
#list-content > .fyi-note { display: none; }
#list-content .datarow { display: grid; grid-template-columns: var(--sws-row-columns); align-items: center; gap: 0; height: auto; min-height: 60px; padding: 0 16px; box-sizing: border-box; border-bottom: 1px solid #e7ece8; background: white; }
#list-content .datarow:hover { background: #f5f8f5; }
#list-content .datarow > :not(.col) { display: none; }
#list-content .datarow > .col { float: none; width: auto !important; min-width: 0; height: auto; padding: 0; line-height: 22px; box-sizing: border-box; }
#list-content .col-modified, #list-content .col-size, #list-content .col-type { font-size: 12px; color: #63746b; white-space: nowrap; }
#list-content .col-content { display: flex; align-items: center; gap: 10px; min-width: 0; width: 100%; }
#list-content .col-content-static { position: relative; float: none; flex: 0 0 32px; width: 32px !important; height: 32px; line-height: 32px; background: none !important; }
#list-content .col-content-static > * { visibility: hidden; }
#list-content .col-content-static::before { content: ''; position: absolute; left: 2px; top: 4px; width: 24px; height: 24px; background: #b18834; mask: url('data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M20%2020a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2h-7.9a2%202%200%200%201-1.69-.9L9.6%203.9A2%202%200%200%200%207.93%203H4a2%202%200%200%200-2%202v13a2%202%200%200%200%202%202Z%22%20%2F%3E%0A%3C%2Fsvg%3E%0A') center / contain no-repeat; }
#list-content .type-file .col-content-static::before { background: #68858b; mask-image: url('data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7Z%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22%20%2F%3E%0A%3C%2Fsvg%3E%0A'); }
#list-content .col-content-fill { float: none; width: auto !important; min-width: 0; flex: 1 1 0; }
#list-content .col-content-static::before { pointer-events: none; }
#list-content .col-name .filename:not(.rename), #list-content .col-name input.readonly { width: 100% !important; max-width: 100%; min-width: 0; padding: 4px 0; border: 0; background: transparent; color: #234435; font-family: inherit; font-size: 13px; font-weight: 500; line-height: 22px; height: auto; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#list-content .col-name .filename:hover { color: #86641d; }
#list-content .col-options { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
#list-content .col-options a.col-prop, #list-content .col-options a.download { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; float: none; margin: 0; padding: 0; background: none !important; border-radius: 5px; color: #537465; }
#list-content .col-options a:hover { background: #e9f1eb !important; color: #234b35; }
#list-content .col-options a::before { content: ''; display: block; width: 20px; height: 20px; background: currentColor; }
#list-content .col-options a.col-prop::before { mask: url('data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M12%2016v-4%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M12%208h.01%22%20%2F%3E%0A%3C%2Fsvg%3E%0A') center / contain no-repeat; }
#list-content .col-options a.download::before { mask: url('data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20%2F%3E%0A%20%20%3Cpolyline%20points%3D%227%2010%2012%2015%2017%2010%22%20%2F%3E%0A%20%20%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%2215%22%20y2%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E%0A') center / contain no-repeat; }
#pg-header #CornerstoneHeader_HeaderLinkLogout { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; }
#CornerstoneHeader_HeaderLinkLogout::before { content: ''; width: 16px; height: 16px; background: currentColor; mask: url('data:image/svg+xml,%3Csvg%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20width%3D%2224%22%0A%20%20height%3D%2224%22%0A%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20fill%3D%22none%22%0A%20%20stroke%3D%22currentColor%22%0A%20%20stroke-width%3D%222%22%0A%20%20stroke-linecap%3D%22round%22%0A%20%20stroke-linejoin%3D%22round%22%0A%3E%0A%20%20%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%20%2F%3E%0A%20%20%3Cpolyline%20points%3D%2216%2017%2021%2012%2016%207%22%20%2F%3E%0A%20%20%3Cline%20x1%3D%2221%22%20x2%3D%229%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%0A%3C%2Fsvg%3E%0A') center / contain no-repeat; }
#pg-footer-inner .powered { opacity: .6; filter: grayscale(1); }
.qtip { border: 1px solid #cedad1 !important; border-radius: 6px !important; background: white !important; box-shadow: 0 12px 40px #172c2226; }
.qtip-titlebar { background: #254e39 !important; color: white !important; padding: 12px 16px !important; }
.qtip-content { padding: 16px !important; color: #234435; font-family: 'SWS Montserrat',Arial,sans-serif; }
.qtip input[type=text] { min-height: 40px; padding: 8px 10px; border: 1px solid #bbcbbf; border-radius: 4px; }
.qtip [id^=dropdown-hdr] { background: white !important; padding: 0; }
.qtip [id^=dropdown-hdr] > .content { background: white !important; padding: 0; border: 0; }
.qtip [id^=dropdown-hdr] h2 { font-size: 17px; line-height: 24px; color: #234435; margin-bottom: 12px; }
.qtip [id^=dropdown-hdr] .btn.submit { background: #254e39 !important; border-color: #254e39 !important; color: white !important; min-height: 36px; }
.qtip [id^=dropdown-hdr] .btn.cancel { background: white !important; border-color: #ccd7cf !important; color: #254e39 !important; min-height: 36px; }
.qtip [id^=dropdown-hdr] h3 { font-size: 17px; line-height: 24px; color: #234435; margin-bottom: 12px; }
.qtip .qtip-tip { display: none !important; }
.qtip button { padding: 8px 12px; background: #254e39; color: white; border: 1px solid #254e39; border-radius: 4px; font-family: inherit; }
.qtip button[type=button] { background: white; color: #254e39; border-color: #ccd7cf; }
#welcome { max-width: 400px; }
#welcome > h1 { font-size: 32px; margin-bottom: 32px; }
#welcome > p, #welcome .terms, #LoginPanel > h3 > span { display: none; }
#LoginPanel > h3 { color: #65736c; font-size: 14px; margin-bottom: 24px; }
body:has(#welcome) #pg-content { padding-top: 172px; }
@media (max-width: 960px) {
  body:not(:has(#welcome)) #pg-header, body:not(:has(#welcome)) #pg-header-inner { height: 126px; }
  body:not(:has(#welcome)) #pg-header #CornerstoneHeader_HeaderControls { position: static; height: auto; max-width: none; padding: 0; }
  body:not(:has(#welcome)) #pg-header .account-links { position: absolute; right: 0; top: 22px; }
  body:not(:has(#welcome)) #pg-header .storage-info { position: absolute; left: 0; right: 0; top: 76px; text-align: left; font-size: 10px; line-height: 16px; }
  #list-header > div:has(> #CornerstoneBreadcrumbs_Breadcrumbs) { padding: 12px 8px; gap: 10px; }
  #CornerstoneBreadcrumbs_Breadcrumbs { flex-basis: 100%; font-size: 12px; }
  body:not(:has(#welcome)) #wrapper { margin: 0 16px; padding-top: 142px; }
  body:not(:has(#welcome)) #pg-content { padding: 0 0 28px; min-height: 0; }
  body:not(:has(#welcome)) #pg-sidebar { position: static; width: 100%; height: auto; border-right: 0; margin-bottom: 12px; }
  body:not(:has(#welcome)) .sidenav { width: auto; }
  .sidenav li a { padding: 10px 12px; min-height: 42px; }
  body:not(:has(#welcome)) #list-header { width: 100%; min-width: 0; height: auto; }
  #toolbar { padding: 8px; gap: 8px; min-height: 58px; }
  body:not(:has(#welcome)) #toolbar ul { margin: 0; min-height: 40px; }
  #toolbar ul li a { padding: 0 10px; }
  #search-path { width: 100%; }
  body:not(:has(#welcome)) #controlbar { padding: 8px; height: 80px; min-height: 80px; align-content: center; gap: 4px 10px; }
  #form-pagination { gap: 8px; }
  body:not(:has(#welcome)) .pagination { width: auto; max-width: 100%; float: none; }
  body:not(:has(#welcome)) #ContentFormTitleBar { display: none; }
  #list-content .datarow { grid-template-columns: minmax(0,1fr) 54px 76px; gap: 4px 6px; padding: 12px 8px; min-height: 96px; }
  #list-content .datarow > .col-name { grid-column: 1 / 3; grid-row: 1; min-height: 32px; }
  #list-content .datarow > .col-size { grid-column: 1; grid-row: 2; font-size: 10px; }
  #list-content .datarow > .col-type { grid-column: 2; grid-row: 2; font-size: 10px; }
  #list-content .datarow > .col-modified { grid-column: 1 / 3; grid-row: 3; font-size: 10px; }
  #list-content .datarow > .col-options { grid-column: 3; grid-row: 1 / 4; align-self: center; }
  #list-content .col-content { gap: 6px; }
  #list-content .col-content-static { flex-basis: 24px; width: 24px !important; }
  #list-content .col-content-static::before { width: 20px; height: 20px; left: 0; top: 6px; }
  #list-content .col-name .filename:not(.rename) { font-size: 12px; }
  .qtip { left: 12px !important; right: 12px !important; width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; }
  .qtip [id^=dropdown-hdr] { width: 100% !important; max-width: 100%; box-sizing: border-box; }
  body:has(#welcome) #pg-content { padding-top: 142px; }
}

#pg-footer #pg-footer-inner > .powered { display: none !important; }

/* Public contact footer and clickable brand; native FTP controls are untouched. */
#pg-header-inner .sws-brand-link { position: absolute; left: 0; top: 10px; width: 78px; height: 58px; z-index: 2; cursor: pointer; }
#pg-header-inner .sws-brand-link:focus-visible { outline: 2px solid #b18a36; outline-offset: 3px; }
body:has(#welcome) #pg-header-inner .sws-brand-link { width: 99px; height: 74px; }
body #pg-footer { height: auto; min-height: 44px; }
body #pg-footer #pg-footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; width: auto; height: auto; min-height: 44px; margin: 0; padding: 12px 32px; box-sizing: border-box; line-height: 18px; }
#pg-footer #pg-footer-inner .copy { float: none; margin: 0; padding: 0; line-height: 18px; }
#pg-footer .sws-footer-contact { display: flex; flex-wrap: wrap; gap: 2px 18px; margin: 0; font-style: normal; font-size: 11px; line-height: 18px; color: #61727a; }
#pg-footer .sws-footer-contact a { color: #526b76; text-decoration: none; }
#pg-footer .sws-footer-contact a:hover { color: #856624; text-decoration: underline; }
#pg-footer .sws-footer-contact a:focus-visible { outline: 2px solid #b18a36; outline-offset: 3px; }
@media (max-width: 760px) {
  #pg-header-inner .sws-brand-link { width: 64px; }
  body:has(#welcome) #pg-header-inner .sws-brand-link { width: 75px; }
  body #pg-footer #pg-footer-inner { padding: 12px 18px; gap: 6px; }
  #pg-footer .sws-footer-contact { flex-basis: 100%; gap: 2px 14px; }
}