@font-face {
    font-family: 'Core Sans A';
    src: url('./fonts/CoreSansA45.woff2') format('woff2'),
         url('./fonts/CoreSansA45.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Core Sans A';
    src: url('./fonts/CoreSansA65.woff2') format('woff2'),
         url('./fonts/CoreSansA65.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
	font-family: "Segoe";
	font-style: normal;
	font-weight: 400;
	src: local("Segoe UI Regular"), local("Segoe UI"), local("SegoeUI"), local("Segoe"), local("Segoe WP");
}

@font-face {
	font-family: "Windows";
	font-style: normal;
	font-weight: 400;
	src: local("Arial");
}

@font-face {
	font-family: "Apple400";
	font-style: normal;
	font-weight: 400;
	src: local("San Francisco"), local("San Francisco Display"), local("San Francisco Text"), local("SanFrancisco"), local(.SFNSText-Regular), local("Helvetica Neue"), local("Helvetica");
}

@font-face {
	font-family: "Linux";
	font-style: normal;
	font-weight: 400;
	src: local("Deja Vu Sans"), local("Fira Sans");
}

@font-face {
	font-family: "Mobile";
	font-style: normal;
	font-weight: 400;
	src: local("Roboto"), local("Droid Sans");
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

*, *:before, *:after {
    box-sizing: inherit;
}

:focus {
    outline: none;
}

body {
	margin: 0;
	height: 100%;
	border: 0;
	padding: 0;
	background: white;
	color: #000000;
	font-size: 14px;
	font-family: 'Core Sans A', Segoe, -apple-system-body, -apple-system, system-ui, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
	line-height: 1.25;

    overflow-x: auto;
    overflow-x: overlay;
    overflow-y: auto;
    overflow-y: overlay;
}

a:link
{
    color: rgb(120,180,60);
    text-decoration: none;
}
a:visited
{
    text-decoration: none;
}

input {
    transition: all 0.25s ease;
    background: rgb(60,150,240);
    color: white;
    border-radius: 4px/16px;
    border: none;
    padding: 4px 12px;
    margin: 6px;
    outline: none;
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
}

input:hover {
    xxxbackground: rgb(60,150,240);
    background: rgb(0,112,192);
}

input:active {
    background: rgb(60,150,240);
}

input[type="text"], input[type="password"] {
    background: white;
    border: 1px solid rgb(120,180,60);
    color: rgb(60,60,60);
}

input[type="image"] {
    background: rgb(234,234,228);
    margin: 0;
    padding: 0 4px 0 0;
}

input[type="radio"] {
}

textarea {
    background-color: white;
    border:0;
    border-radius: 4px;
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
    font-weight: 400;
    font-size: 12px;
    padding: 8px 18px;
}

label {
    color: rgb(120,180,60);
    font-size: 14px;
    font-weight: 400;
}

.breadcrumb
{
	background:#dce6f2;
	background: rgb(120,180,60);
	width:100%;
	height:18px;
	padding:0px;
	margin:0px;
	font-size:12px;
	border-style:none;
}
.homeItem
{
    text-decoration:none;
    float:left;
    margin:0px;
    border-style:none;
    padding:2px 10px 0px 12px;
    background-image:url(images/homebackground.png);
    background-repeat:repeat-x;
    height: 18px;
    color: white !important;
    font-weight: 400;
}

.arrow
{
    float:left;
    margin:0px;
    padding:0px;
}

.level1Item
{
    text-decoration:none;
    float:left;
    margin:0px;
    border-style:none;
    padding:2px 10px 0px 12px;
    background-image:url(images/level1background.png);
    background-repeat:repeat-x;
    height: 18px;
    color: white !important;
    font-weight: 400;
}

.level2Item
{
    text-decoration:none;
    float:left;
    margin:0px;
    border-style:none;
    padding:2px 10px 0px 12px;
    background-image:url(images/level2background.png);
    background-repeat:repeat-x;
    height: 18px;
    color: white !important;
    font-weight: 400;
}

div.transbox 
{
    z-index:2001;
    font-weight: normal;
	font-size: 14px;
    height: 22px;
    bottom:0px;
    padding:2px;
    position:absolute;
    background-color: #ffffff;
    border: none;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    color: #000000;
}

.navigation {
	background: rgb(234,234,228);
	width:100%;
	height:60px;
	border:0px;
	padding:0px;
	font-size: 12px;
	color: white;
}

#homelogo img {
	height: 48px;
}

table.webparts tr th {
	background-color: #009;
	padding: 5px;
	color: #FFF;
	font-size: 130%;
	border: 1px solid #009;
}

td.details div table tr td, td.details div table tr td.detailheader
{
	border-style: none;
}

td.detailheader
{
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	border-style: none;
	padding: 3px 10px 3px 0px;
}
td.details div table 
{
	border-style: none;
}

td.details div table tr td.detailitem 
{
	width: 100%;
	padding: 3px 10px 3px 0px;
}

td.details
{
	border: 2px solid #009;
	padding: 10px;
	background-color:#EEE;
}

#logo 
{
    margin-top:8px;
	margin-left:8px;
}

.welcomeLabel
{
    position: relative;
    top: -12px;
    left: 12px;
    color: rgb(120,180,60);
    font-weight: bold;
    font-size: 12px;
}

.centerLogin
{
    width:600px;
	height:300px;
	position:absolute;
	text-align:center;
	left:50%;
	top:50%;
	margin:-120px 0 0 -300px;
}

#RealLogin
{
    border:5px solid #dce6f2;
    height:120px;
}

.topLogin
{
    float:right;
	height:60px;
    border-style:none;
    padding:0px;
    margin:0px;
}

#loginTable
{
    float:right;
    border-style:none;
    height:48px;
}

#ErrorMessage
{
    position:absolute;
    top:60px;
    right:10px;
    border-style:none;
    color:Black;
}

#loginTable2
{
    height:120px;
}

#loginButton
{
    position:absolute;
    top:150px;
    right:10px;
    border:none;
}
.tableView
{
    width:80%;
margin: 0 auto;
color: rgb(120,180,60);
/*
    border-width: 0;
    border-style:solid;
    border-collapse: collapse;
*/
border: none;
vertical-align: top;
}

.tableView tbody tr {
/* background: rgb(225,225,225); */
}

.memberPage
{
    margin: 0 auto;
    padding:20px;
    color:#0070c0;   
}

.centerFolderIcon
{
    width:100%;
	text-align:center;
	margin:0px;
	padding: 14px 0px 20px 0px;
}

.centerManagerGuest
{
    width:100%;
	text-align:center;
	margin:0px;
	padding: 16px 0px 48px 0px;
}

.centerManagerGuest img
{
	display: none;
}

.centerManager
{
    width:100%;
	height:200px;
	position:absolute;
	text-align:center;
	top:80px;
}

#NoFilesMessage
{
    text-align:center;
	font-size: 24px;
    color:#0070c0;
    margin-top: 80px;
}

.myObjective
{	font-size: 32px;
    font-weight: bold;
    color: rgb(60,150,240);
    margin:8px;
}

#MainContent_LoginWrapper_listRadio_guest table tr td {
	padding: 5px 7px;
}

#MainContent_LoginWrapper_listRadio1 table tr td {
	padding: 5px 7px;
}

#MainContent_LoginWrapper_listRadio2 table tr td {
	padding: 5px 7px;
}

.menuHover
{
    background-color: rgb(234,234,228);
    color: rgb(120,180,60);
    border-radius: 4px;
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;

    position: absolute !important;
    min-width: 160px !important;
    left: unset !important;
    right: 16px !important;
    top: 94px !important;
    z-index: 1000;
    font-size: 12px;
}

.menuHover a
{
    color: rgb(120,180,60);
    margin: 4px;
    padding: 8px 4px;
}
.menuHover a:link
{
}
.menuHover a:visited
{
}
.menuHover a:hover
{
    text-decoration: underline;
    text-decoration-thickness: 2px;
}
.menuHover a:active
{
    /* color: rgb(60,150,240); */
    text-decoration: none;
}

.watermarkText
{
    color:Gray;
}

#loginTable a:visited
{
    color:White;
}

#loginTable a:link
{
    color:White;
}

.loginTextbox
{
    padding-left:10px;
}

.managerText
{
	font-size: 24px;
	font-weight: normal;
    color: rgb(60,150,240);
    padding: 8px;
}

.topImage
{
     padding-top:0;
     padding-bottom: 0;
height: 80px;
width: 80px;
}

.rootText2
{
    position:relative;
    top: 0px;
    padding-bottom: 32px;
    color: rgb(60,150,240);
    text-decoration:none;
    font-size:24px;
    width:100%;
    text-align:center;
    font-weight: 400
}

.bottomTxt
{
    width:100%;
    height:40px;
    background-color:White;
}

.showBarTxt
{
    position:relative;
    bottom:3px;
    height:14px;
    line-height:1.0;
}
.createFolderTxt
{
    position:relative;
    bottom:3px;
}
.menuRight
{
    position:absolute;
    right:12px;
    top:14px;
    padding:0;
    margin:0;
}
.loginArea
{
    padding: 14px 10px 14px 10px;
    margin-left:7px;
}

.modalBackground
{
       background-color: Black;
       filter: alpha(opacity=90);
       opacity: 0.8;
}
/* styles used for list of files (both table and thumbnail views) */

.item /* Used for the outer div container for an item in the thumbnail view */
{
	float: left;
	margin:10px;
	padding: 0px;
	background: white;
	text-align:center;
}
.pdfThumb /* in thumbnail view, a PDF file. Currently same as .blankThumb, but could be customized. */
{
    width:286px;
    height:100px;
    margin: 10px 4px 3px 0px;
    background:white;
    text-align:center;
}
.blankThumb /* in thumbnail view, a jpeg or png item thumbnail. Div contained inside .item div */
{
    width:286px;
    height:100px;
    margin: 10px 4px 3px 0px;
    background:white;
    text-align:center;
}
.blankListThumb /* in list view, a jpeg or png item. Currently same as .listThumb */
{
    height:50px;
    margin: 4px;
    background:white;
    text-align: center;
}
.listThumb /* in list view, a pdf or slide with thumbnail */
{
    height:50px;
    margin: 4px;
    background:white;
    text-align: center;
}
.thumb /* in thumbnail view shows thumbnail with blank slide background */
{
    width:286px;
    height:100px;
    margin: 10px 4px 3px 0px;
    text-align:center;
    background:#eeeefb url(images/Microscope_slide_blank.png);
}
img /* it's possible that this is redundant, but may be useful for places where this is not explicitly set */
{
    border-style:none;
    outline:none;
}

.thumbImg /* in thumbnail view, the thumbnail image. Removes boders and outline and positions it inside the blank slide background */
{
    border-style:none;
    outline:none;
    padding-top:4px;  
    padding-left: 76px;  
}

.thumbLabelImg /* in list view, the thumbnail or label image itself. Removes borders and outline */
{
    border-style:none;
    outline:none;
}

.labelListDiv /* in list view, a div which contains the label inside the table cell */
{
    height:50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.labelDiv /* in thumbnail view, a div which contains the label */
{
    width:80px;
    height:100px;
    float:left;
    display: flex;
    justify-content: center;
    align-items: center;
}

.labelImg /* in thumbnail view, the label image */
{
    border-style:none;
    outline:none;
    display:table-cell;
    vertical-align:middle;
}
/* list view table cell widths */
.listThumbCell /* thumbnail */
{
    width:144px;
    text-align: center;
}
.listLabelCell /* label */
{
    padding: 3px 3px 3px 8px;
    width:100px;
    text-align:left;   
}
.listFilenameCell /* cell displaying filename (long names truncated with ...) */
{
    text-align:left; 
padding-left: 16px;  
}
.listPixelSizeCell /* cell displaying pixel width and height of item */
{
    min-width: 80px;
    max-width:120px;
    text-align:center;   
}
.listLastCell /* last cell has no pixel width so it fills remaining space */
{
    padding: 3px 3px 3px 8px; /* padding for z-stack text */
    text-align:left;   
}
.rootText
{
    position:relative;
    top: 120px;
    color: rgb(60,150,240);
    text-decoration:none;
    font-size:24px;
    width:100%;
    text-align:center;
}
.centerFolderIcon
{
    position:relative;
    top:10px;
    color:#0070c0;
    text-decoration:none;
    font-size:24px;
    width:100%;
    text-align:center;
}
.CommentIconPanel
{
    position:absolute;
    right: 390px;
    top:0px;
    height:48px;
}
.TopIconPanel
{
    position: absolute;
    top: 13px;
    right: 54px;
}
.TopIcon
{
    padding: 0 4px !important;
}
.contentPanel
{
    position:absolute;
    top:78px;
    left:0;
    right:0;
    bottom:0;
}
.publicBox, .communityBox, .privateBox {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    position:absolute;
	left:50%;
	top:50%; 
    width:120px;
    height:120px;
    margin-top:-80px;
    border-radius: 4px;
    text-align: center;
    background-size: 100px;
    background-repeat:no-repeat;
    background-position:center;
}
.publicBox
{
    margin-left:-320px;
    background-image:url(images/globe.svg);
}
.communityBox
{
    margin-left:-60px;
    background-image:url(images/users.svg);
}
.privateBox
{
    margin-left:200px;
    background-image:url(images/lock.svg);
}
.publicBox:hover, .communityBox:hover, .privateBox:hover {
    background-color: rgb(234,234,228);
}
.publicBox:hover {
    background-image:url(images/globe-over.svg);
}
.communityBox:hover {
    background-image:url(images/users-over.svg);
}
.privateBox:hover {
    background-image:url(images/lock-over.svg);
}
.boxDisabled
{
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.listFolderBox
{
    width: 144px;
    height:50px;
    margin:0px;
    background-image:url(images/folder-fill.svg);
    background-position:center;
    background-repeat:no-repeat;
}
.folderBox
{
    width:177px;
    height:133px;
    margin:0px;
    text-align:center;
    background-image:url(images/folder_3.png);
}
.listFolderLink
{
    margin:4px 8px 4px 8px;
    text-align: center;
    float:left;
    height: 50px;
}

.listFolderLinkText
{
    margin:4px 8px 4px 6px;
    float:left;
}

.folderLink
{
    margin:10px 22px 20px 10px;
    text-align:center;
    float:left;
    text-decoration:none !important;
}
.mainLink
{
    text-align:center;
    margin:0px;
    padding:0px;
}
.listfolderText
{
    position:relative;
    /* top:7px; */
    /* color:Black; */
    text-decoration:none;
    font-size:14px;
    margin-left: 0; /* changed */
    text-align:left;
    z-index:2002;
}
.folderText
{
    position:relative;
    top:90px;
    color:rgb(60,150,240);
    text-decoration:none;
    font-size:14px;
    margin-right:4px;
    text-align:center;
    z-index:2002;
}
.folderText:hover
{
    text-decoration: underline;
    text-decoration-thickness: 2px;
    color: rgb(120,180,60);
}
.directLinkPopup
{
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
    font-size: 16px;
    background-color: rgb(234,234,228);
    border-radius: 4px;
    color:Black;
    border: 0;
    padding: 16px;
    text-align:left;
    min-width:360px;
    min-height:120px;
}
.infoCell
{
    padding: 8px 12px;
}
tr:first-child td.infoCell
{
    padding: 8px 12px 16px 12px;
    color: rgb(60,150,240);
    font-size: 16px;
}
.modalPopup
{
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
    xxxbackground-color: White;
    background-color: rgb(234,234,228);
    color:Black;
    xxxborder-width: 2px;
    xxxborder-style: solid;
    xxborder-color: #376092;
    padding: 16px;
    text-align:left;
    border-radius: 4px;
}

.fileUploadPopup
{
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
    background-color: rgb(234,234,228);
    color:Black;
    padding: 16px;
    text-align:left;
    border-radius: 4px;
    width:480px;
}

.labelPopup
{
    position:absolute;
    top: 94px;
    right: 16px;
    background-color: rgb(234,234,228);
    padding: 12px 12px 8px 12px;
    text-align:center;
    border-radius: 4px;
}

.permalinkCommentPopup
{
    background-color: #FFFFFF;
    background-color: rgb(234,234,228);
    padding-top: 10px;
    padding-left: 10px;F
    width: 300px;
    text-align:left;
    border-radius: 4px;
    height: 320px;
}

.createFolderPopup
{
    background-color: rgb(234,234,228);
    padding: 16px;
    width: 320px;
    text-align:left;
    border-radius: 4px;
    height: 120px;
}

.closeBtn
{
    float:right;
    margin-top:-8px;
    margin-right:-8px;
}

.uploadPopup
{
    background-color:#8eb4e3;
    background-color: rgb(234,234,228);
    color:#254061;
    border-style:none;
    width: 300px;
    height: 120px;
    padding:10px;
	font-size: 16px;
	font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif;
	font-weight: 400;
    border-radius: 4px;
}

.uploadButton
{
    margin:0px;   
}

.snapshotPopup
{
    background-color: rgb(234,234,228);
    padding: 16px;
    width: 240px;
    text-align:center;
    height: 160px;
    border-radius: 4px;
}

.closeSnapshotBtn
{
    position:relative;
    top:14px;
}

a {
    color: rgb(60,150,240);
}

a:visited {
    /* color: rgb(60,120,180); */
}

a:hover {
    /* color: rgb(45,150,255); */
    text-decoration: underline;
    text-decoration-thickness: 2px;
    /* border-bottom: 2px solid rgb(60,120,180); */
}

#MainContent_LoginWrapper_FolderOpenGuestImg {
    height: 80px;
    width: 100px;
}

#MainContent_LoginWrapper_FolderOpenImg {
    height: 80px;
    width: 100px;
}

#MainContent_LoginWrapper_FolderOpenPrivateImg {
    height: 80px;
    width: 100px;
}

div.openseadragon-container div {
    font-weight: 700 !important;
}

div.openseadragon-container div img {
    margin: 0 20px 12px -8px !important;
}

#LoginMenu_Panel123 {
    width: 144px !important;
}

input.scrollButtonUpper { /* new */
    border-radius: 4px 4px 0 0;
    border: 0;
    font-size: 5pt;
    font-weight: bold;
    height: 14px;
    width: 24px;
    padding: 0;
    overflow: hidden;
    margin: 0px;
}

input.scrollButtonLower { /* new */
    border-radius: 0 0 4px 4px;
    border: 0;
    font-size: 5pt;
    font-weight: bold;
    height: 12px;
    width: 24px;
    padding: 0;
    overflow: hidden;
    margin: 0px;
}

.ajax__numericupdown_container {
    border-collapse: collapse;
    display: inline;
    position: relative;
    top: -8px;
}

.ajax__fileupload {
    border: 0 !important;
}

.ajax__fileupload_queueContainer {
    border: 0 !important;
    padding: 0;
}

.ajax__fileupload_dropzone {
    height: 160px !important;
    width: 100%;
    background: white;
    border: 0 !important;
    border-radius: 4px;
    margin-bottom: 4px !important;
    line-height: 80px !important;
}

.ajax__fileupload_selectFileContainer {
    height: unset !important;
    overflow: inherit !important;
    margin-left: -10px;
    width: unset ! important;
}

.ajax__fileupload_selectFileButton {
    transition: all 0.25s ease;
    background: rgb(60,150,240) !important;
    border-radius: 4px/16px !important;
    margin: 12px;
    color: white !important;
    min-width: 80px;
}

.ajax__fileupload_selectFileButton:hover {
    background: rgb(0,112,192) !important;
}

.ajax__fileupload_selectFileButton:active {
    background: rgb(60,150,240) !important;
}

.ajax__fileupload_fileItemInfo,
.ajax__fileupload_fileItemInfo .filename,
.ajax__fileupload_fileItemInfo .filetype,
.ajax__fileupload_fileItemInfo .filesize,
.ajax__fileupload_fileItemInfo .pendingState
 {
    color: rgb(60,150,240) !important;
    font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    background: transparent !important;
}

.removeButton {
    transition: all 0.25s ease;
    background: rgb(210,90,60) !important;
    border-radius: 4px/16px !important;
    font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif !important;
    font-weight: normal !important;
    min-width: 80px;
}

.removeButton:hover {
    background: rgb(150,30,0) !important;
}

.removeButton:active {
    background: rgb(210,90,60) !important;
}

.ajax__fileupload_uploadbutton {
    transition: all 0.25s ease;
    background: rgb(120,180,60) !important;
    border-radius: 4px/16px !important;
    font-family: 'Core Sans A', Segoe, -apple-system, BlinkMacSystemFont, Apple400, Windows, Linux, Mobile, sans-serif !important;
    font-weight: normal !important;
    font-size: 12px;
    min-width: 80px;
    margin-right: 4px;
}

.ajax__fileupload_uploadbutton:hover {
    background: rgb(60,120,0) !important;
}

.ajax__fileupload_uploadbutton:active {
    background: rgb(120,180,60) !important;
}


.resumable-progress {margin:30px 0 30px 0; width:100%;display:none;}
.progress-container {height:16px; background:White; border-style:solid; border-color:#254061; border-width:1px; position:relative; }
.progress-bar {position:absolute; top:0; left:0; bottom:0; background:#558ed5; width:0;}
.progress-text {font-size:11px; line-height:9px; padding-left:10px;}
.progress-pause {padding:0 0 0 7px;}
.progress-resume-link {}
.is-paused .progress-resume-link {display:inline;}
.is-paused .progress-pause-link {display:none;}
.is-complete .progress-pause {display:none;}