/*--
    Document   : Topia Style Sheet
    Created on : Nov 20, 2013, 3:10:05 AM
    Author     : ychoh
--*/
@import url("normalize.css");
@import url("jquery.treetable.css");
@import url("jquery.treetable.theme.default.css");
@import url("jquery-ui-1.10.4.custom.min.css");
@import url("jquery.qtip.min.css");
@import url("jquery.contextMenu.css");

html {
    height: 100%;
}
body {
    background: rgba(255, 255, 255, 1);
    font-family: 'Open Sans', sans-serif;
    -ms-user-select: none;
}

.wrapper {
    border: 1px solid #4682B4;
    box-shadow: 1px 1px 10px 0 rgba(50, 50, 50, 0.27);
    margin: 0 auto;
    max-width: 100%;
    min-width: 980px;
}
textarea {
    resize: vertical;
}
header {
    margin: 0;
    padding: 0;
    position: relative;
    height: 100px;
    background: url("../img/header_main.png") no-repeat;
    background-size: 100% 100%;
}
#updateBanner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #19376C;
    color: #FFFFFF;
    text-align: center;
    padding: 10px 0;
    font-weight: 600;
    z-index: 9999;
}
#updateBanner button {
    margin-left: 10px;
    padding: 3px 12px;
    font-weight: 600;
    cursor: pointer;
    background: #3D61B6;
    color: #FFFFFF;
    border: 0;
    border-radius: 12px;
}
#headerBanner {
    display: inline-block;
}

#logoImg {
    display: inline-block;
    max-width: 300px;
    max-height: 75px;
    text-indent: -999px;
    margin: 1em 0 1em 2em;
    background-size: 100% 100%;
    margin-top: 5px;
}
#headerBanner > label {
    color: #000000;
    display: block;
    font-size: 12px;
    margin-left: 3em;
    margin-top: -2em;
}
#toolbar {
    display: inline-block;
    width: 257px;
    right: 0;
    height: 100%;
    float: right;
    margin-right: 46px;
}
header img {
    margin: 1em 0 1em 2em;
}
#logoWrapper {
    float: left;
    width: 45%;
}
#divSearch {
    float: left;
    width: 55%;
}
nav {
    width: 100%;
    background: #19376C;
    color: #FFFFFF;
}
a {
    cursor: pointer;
}
nav a {
    color: #FFFFFF;
}
footer {
    background: #002B5F;
    height: 2em;
}
.container {
    overflow: hidden;
}
.main {
    text-align: center;
}
.main section {
    min-height: 450px;
}
#logo_container {
    position: absolute;
    width: 100%;
}
#loginWrapper {
    min-height: 200px;
    padding: 0em 4em;
    margin: 1em 0 0 0;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    background-color: #EEEEEE;
    display: flex;
    flex-direction: row;
}
#introDiv {
    color: #0063AE;
    font-size: 14px;
    padding: 25px;
    text-align: left;
    width: 337px;
    height: 300px;
    border-right: 1px solid lightgray;
}
#introDiv h1 {
    color: gray;
    margin: 2em 0 0 0;
}
#introDiv h2,
#introDiv p {
    color: gray;
}
#introDiv p {
    font-size: 16px;
}
span#title {
    font-size: 24px;
    font-weight: bold;
}
#loginDiv {
    margin: 0 auto;
    width: 500px;
    padding: 25px;
    margin-left: 10px;
    min-height: 214px;
    margin-top: 1em;
    text-align: center;
}
#loginDiv div {
    display: block;
}
#loginDiv div:first-child {
    margin-top: 0;
}
#privateSessionField {
    margin-top: 0.5em;
    text-align: left;
    margin-left: 35px;
}
#privateSessionField label {
    font-size: 12px;
    vertical-align: bottom;
    line-height: 25px;
}
#loginOr {
    width: 83%;
    text-align: center;
    border-bottom: 1px solid lightgray;
    line-height: 0.1em;
    margin: 10px 0 20px;
    color: white;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
}
#loginOr span {
    padding: 0 10px;
    color: lightgray;
    background: #EEEEEE;
}
#loginDiv input[type="text"],
#loginDiv input[type="password"] {
    height: 30px;
    width: 80%;
    vertical-align: middle;
    font-size: 13px;
    border: none;
    padding: 5px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
#loginDiv input:disabled,
#loginDiv a:disabled {
    background-color: lightgray;
}
#username {
    border-bottom: 1px solid lightgray !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#usernameField {
    margin-top: 5px;
}
#password {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#welcomeAlert {
    font-size: 12px;
    visibility: hidden;
    font-weight: bold;
}
#loginDiv select {
    float: right;
    width: 63%;
    vertical-align: middle;
    border-radius: 5px;
    font-size: 13px;
    border: 1px #C0C0C0 solid;
    padding: 5px;
}
#loginDiv select:disabled {
    -webkit-appearance: none;
    -moz-appearance: none;
}
#changePwdAuthType {
    width: 100%;
}
p + ul {
    margin-top: -10px;
}
#newDescription::-ms-clear {
    display: none;
}
#workspace-edit {
    float:left;
}
#loginForm {
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    float: left;
    margin: 0 auto;
    padding: 1em 2em;
    width: 100%;
}
#forgotPwdAuthType {
    width: 100%;
}
#forgotPwd {
    font-size: 12px;
}
#forgotPwdLink {
    border: 0;
    color: gray;
    margin-top: 20px;
    text-align: center;
    font-size: 15px;
    min-height: 11px;
    display: inline-block;
}
#privateSessionCheckbox {
    margin-right: 5px;
    position: relative;
    bottom: 1px;
}
#noTransferText {
    text-align: center;
}
#nonActiveTransfersTable thead {
    border: none !important;
}
#fileNameTransferTableHeader {
    padding-right: 73px !important;
}

#workspaceTransferTableHeader {
    padding-right: 50px !important;
}

#folderTransferTableHeader {
    padding-right: 73px !important;
}

#progressTransferTableHeader{
    padding-right: 240px !important;
}

.loginSmallText {
    border: 0;
    color: #0063AE;
    margin-top: 5px;
    width: 100%;
    text-align: center;
    font-size: 10px;
    min-height: 11px;
    float: right;
    margin-bottom: 0;
}
.noSSO {
    color: gray;
    cursor: default;
}
#wrongPasscode, #invalidSAML {
    color: red;
    font-weight: bold;
    font-size: 12px;
    display: none;
    margin-bottom: 15px;
}
.borderHighlight {
    border: 2px solid #19376C !important;
    padding: 5px;
}
#SSOLoginOptions {
    display: flex;
    flex-direction: column;
}
#SSOLoginOptions * {
    font-size: 14px;
    text-decoration: none;
    float: none;
    background: none;
    min-width: 83%;
    width: auto;
    height: auto;
    border: 1px solid lightblue;
    border-radius: 5px;
    background-color: #0263ac;
    color: white;
    padding-left: 1em;
    padding-right:1em;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    margin-bottom: 0.5rem;
}
#passwordField {
    margin-top: 0 !important;
}
.customDialogSmallText {
    border: 0;
    color: black;
    margin-top: 5px;
    width: 100%;
    text-align: center;
    font-size: 10px;
    min-height: 11px;
    float: right;
    margin-bottom: 0;
}
#failedPasscode,
#failedAccelPasscode {
    display: none;
    color: red;
}
.accelNotInstalled {
    cursor: pointer;
}

#workspaceMembersTable {
   overflow-y:scroll;
   height:250px;
   display:block;
   width:450px;
}

#workspaceMembersTable tbody{
    width: 100%;
    display: table;
}
#workspaceMembersTable .ui-selecting { background: #3875D7; }
#workspaceMembersTable .ui-selected{ background: #3875D7; color: white; }
#workspaceMembersTable tr { margin: 3px; padding: 0.4em; font-size: 1.0em; height: 20px; }
#manageSharingText {
    display: block;
}
#manageSharingBtn img {
    display: inline-block;
    height: 50px;
    width: 50px;
}

#loginButton,
#resetReqBtn,
#resetBtn,
#ssoLoginButton {
    border: 0;
    color: #FFFFFF;
    border-radius: 5px;
    padding: .5em 2em;
    width: 83%;
    background-color: #0063AE;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.or {
    color: white;
    text-align: center;
    padding: 2px;
}
#loginDiv > h2 {
    margin-top: -1em;
}
#usersTable {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
    min-height: 150px;
}
.contentWrapper {
    width: 1024px;
}
.workspaceWrapper {
    border: 1px solid rgba(0, 0, 0, 0.2);
    min-height: 400px;
    margin: 1em 2em 0 2em;
}
.workspaces-list {
    padding: 0 0 1em 0;
    margin-bottom: 2.5em;
    height: 350px;
}
.workspaces-list .section-header {
    font-size: 36px;
    text-transform: capitalize;
    font-weight: 900;
    overflow: hidden;
    position: relative;
    color: #C0C0C0;
    margin-right: 0.4em;
}
.login-page .container {
    margin: 0 2em;
    min-height: 400px;
}
.section {
    border-top: 1px solid #C0C0C0;
    clear: left;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
}
.section .section-header {
    float: left;
}
.section-content li {
    display: inline-block;
    margin: 0.5em 10px 1em;
    max-width: 100%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}
footer {
    text-align: center;
}
#divCredit {
    text-align: center;
    font-size: 13px;
    margin-bottom: 0;
    line-height: 31px;
    color: #FFFFFF;
}
#divCredit ul {
    list-style: none;
    padding: 0;
}
#divCredit ul li {
    display: inline;
    border-right: 1px solid #FFFFFF;
    padding: 0 10px;
    cursor: default;
}
#divCredit li:first-child {
    padding-left: 0;
}
#divCredit li:last-child {
    border-right: 0;
}
#divCredit a {
    text-decoration: none;
    color: #FFFFFF;
}
#divCredit a:hover {
    text-decoration: underline;
}
.invitations {
}
.invitations .section-header h3 {
    font-size: medium;
}
.section-header {
}
.section-content {
    margin: 0 1em;
}
.section-content ul {
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
}
.btn {
    cursor: pointer;
    padding: 2px 10px;
    border: 2px solid #999999;
}
.btnCreate,
.btnView {
    display: inline-block;
    margin: 0 .3em;
    width: 40%;
    color: #FFFFFF;
    background-color: #000000;
    border: 0;
    background: url(../img/black_normal.png) no-repeat;
    height: 28px;
    font-size: 10pt;
}
input#btnViewCloud {
    width: 85%;
    background-size: 105%;
}
.btnCreate:hover,
.btnView:hover {
    background-color: #140719;
    background: url(../img/black_over.png) no-repeat;
}
.btnCreate.disabled:hover,
.btnView.disabled:hover {
    background: url(../img/black_normal.png) no-repeat;
}
.btnView {
    cursor: pointer;
}
#btncontainer {
    margin: 2em 2em 0 2em;
    background: #E9E9E9;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
}
.btnWorkspaces {
    width: 200px;
    height: 250px;
    display: inline-block;
    margin-right: .5em;
    margin: 2em 0;
}
.btnWorkspaces:last-child {
    margin-right: 0;
}
.btnWorkspaces > h4 {
    font-weight: 500;
}
#createWorkspaceCancel, #createWksButton, #inviteUserButton, #cancelSendButton {
    background: none;
    color: white;
}
#viewInvitations {
    background: url("../img/invite_pending.png") no-repeat scroll 120px center rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    text-decoration: underline;
    width: 162px;
}
#numInvCount {
    font-weight: bold;
}
#divSharedWS {
    background-image: url(../img/shared_button.png);
}
#divPrivateWS {
    background-image: url(../img/private_button.png);
}
#divMyCloudWS {
    background-image: url(../img/cloud_button.png);
}
.numWS {
    background-color: rgba(255, 255, 255, 0.3);
    margin: 9em auto 0.5em;
    width: 90%;
}
.dialog {
    border: 2px solid #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 10pt;
    padding: 10px 15px;
    color: #FFFFFF;
    z-index: 99999999;
    position: absolute;
    border: 2px solid #FFFFFF;
    display: block;
}
.customDialog {
    display: none;
    top: 250px;
    min-height: 200px;
    width: 400px;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.dialogSubmitBtn {
    background: #095EAE;
    border: 2px solid #095EAE;
    border-radius: 5px;
    font-size: 1em !important;
    color: white;
    font-weight: bold;
    padding: .4em 1em;
}
.dialogCancelBtn {
    background: #C9C9C9;
    border: 2px solid #C9C9C9;
    border-radius: 5px;
    font-size: 1em !important;
    font-weight: bold;
    padding: .4em 1em;
    color: #0073EA;
}
#passcodeDiv,
#forgotPasscodeDiv,
#noPasscodeDiv,
#provideEmailDiv,
#adfsErrorDiv,
#acceleratorPasscodeAuth {
    display: none;
}
#setupPasscodeBtn {
    width: 271px;
}
#forgotPasscode {
    margin-top: -15px;
}
.ui-dialog {
    border: 2px solid #FFFFFF;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    border: 2px solid #FFFFFF;
    border-radius: 0px;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, .5);
    text-align: center;
    z-index: 1000;
}
.hidden,
.removed {
    display: none;
    visibility: hidden;
}
.removed {
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.none {
    visibility: hidden;
}
.workspaces-header {
    background-color: #19376C;
    height: 2em;
    line-height: 2em;
    position: relative;
    color: #FFFFFF;
}
.index {
    font-size: 12px;
    margin-left: 0em;
    color: #F4F4F4;
    display: inline-block;
}
.workspacesFilter {
    float: left;
    margin-left: -9px;
    font-size: 11px;
}
.index a {
    color: #FFFFFF;
    text-decoration: none;
    margin-left:1em;
}
.index a:hover {
    text-decoration: none;
}
.index span {
    color: #FFFFFF;
    font-weight: bold;
}
.index span .linked {
    cursor: pointer;
}
.index a span:hover {
    color: #252525;
}
.workspaces-list > div {
    position: relative;
}

#activeWS li {
    display: inline-block;
}
#breadcrumbWrapper {
    height: auto;
    text-align: left;
    position: relative;
    margin: 1em 2em 1em;
}
.breadcrumb {
    height: 2em;
    list-style: none outside none;
    padding: 0;
    width: 100%;
    background: #999999;
}
.breadcrumb li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    display: inline-block;
    text-align: center;
    min-width: 100px;
    line-height: 32px;
    margin-right: -3px;
    height: 2em;
}
#alertBreadcrumb {
    float: right;
    visibility: visible;
    margin-right: 25px;
    width: auto;
}
.breadcrumb li label {
    text-decoration: none;
    line-height: 32px;
    color: #FFFFFF;
    font-size: 10pt;
    cursor: pointer;
    padding: 0 1em 0 1em;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    max-width: 450px;
}
.breadcrumb li.adminLink {
    float: right;
    margin-right: 1px;
    padding-left: 5px;
}
.breadcrumb li.transferQueue {
    float: right;
    margin-right: 0;
    padding-left: 5px;
}
#qtip-transferQueueDialog .qtip-tip {
    display: none !important;
}
#transferQueue-maximize,#transferQueue-close,#transferQueue-minimize{
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 18px;
    width: 35px;
}


#closeAcceleratorAlert {
    float: right;
}
#closeIncompatibleAccelAlert {
    float: right;
}
.alertBanner {
    border: 2px solid #555555;
    width: 710px;
    margin: 0 auto;
    display: none;
    padding: 5px;
    font-size: 12px;
    margin-top:5px;
}
#closeLoginAlert {
    float: right;
}
#closeOutdatedAccelAlert {
    float: right;
}
#enablePrivateSession{
    color:blue;
    text-decoration:underline;
}
#alertTransfer, #warnTooManyTransfers {
    display: none;
    color: #9B0A0A;
    position: relative;
    top:-4px;
}
#searchConfirm {
   background-color: rgb(7, 75, 139);
   border: 0;
    border-radius: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 15px 5px 0;
    padding: 8px 20px;
}

#numberOfSearchResults {
    font-weight: Bold;
    margin-right: 170px;
}
.searchTableRowFiles,
.searchTableRowFolders,
.searchTableRowTags,
.searchTableRowCurrentWorkspaceFiles,
.searchTableRowCurrentWorkspaceFolders,
.searchTableRowCurrentWorkspaceTags,
.searchTableRowWorkspaces
{
    height: 63px;
    max-height: 63px;
    min-height: 63px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 15px;
}

.workspaceSearchCenterCell {
    max-width: 30px;
    max-height: 75px;
    min-height: 75px;
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-overflow: ellipsis;
    text-align: center;
}
.workspaceSearchCell {
    max-width: 100px;
    min-width: 100px;
    max-height: 75px;
    min-height: 75px;
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-overflow: ellipsis;
}
.boldedSearch {
    font-weight: bold;
}
.fileSearchCell {
    max-width: 100px;
    min-width: 100px;
    max-height: 75px;
    min-height: 75px;
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}
#searchTableWrapper {
    min-height:250px; 
    height:300px;
    width: 450px;
    border: 1px solid;
    overflow-y: auto;
    overflow-x: hidden;
}
#searchTable {
    cursor: pointer;
    border: 1px solid;    
    text-align: left;
    font-weight:200;
    width: 100%;
}
#searchRadioButtonsDiv {
    margin: 20px;
}

#allWorkspacesRadioBtn {
    margin-left: 25px;
}
#searchInput {
    width: 75%;
    box-sizing: border-box;
    font-size: 18px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    height: 43px;
    padding: 0 12px;
}

#transferQueue-title {
    text-align: center;
    font-size: 18px;
    height: 35px;
    padding-top: 8px;
    padding-left:50px;
    
}
#transferQueue-dialog {
    overflow:hidden;
    min-width:584px;
    font-size: 12px;
    z-index: 1101;
    position: absolute;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    display: none;
    float: right;
}
#transferQueue-title{
    cursor: move;
}
#NoScriptAlert {
    z-index: 9999999999;
    width: 400px;
    height: 150px;
    padding: 5px;
    position: fixed;
    background: #eee;
    border: 1px solid black;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -200px;
}
#transferQueue-content {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
#transferQueue-titlebar {
    background-color: lightgray !important;
}
#qtip-transferQueueDialog .qtip-content {
    background: white;
}
#transfers table td, #transfers table th {
    padding-left: 1em;
    padding-right: 1em;
    cursor: default;
    display: table-cell;
}
#transfers {
    overflow-x: auto;
    overflow-y: hidden;
    background: white;
}
.transferBtn {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.transferButtons {
    display: none;
}
#transfers thead th {
    padding-bottom: 5px;
    text-align: left;
}
#transfers table th {
    font-weight: 600;
}
#transfers table {
    margin: 5px auto;
    display: none;
}
.transferName {
    max-width: 120px;
    min-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.transferWksName, .transferPath {
    max-width: 100px;
    min-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.transferRetry {
    cursor: pointer !important;
}
.transferProgressStatus {
    max-width: 215px;
    min-width: 200px;
}
.doneEditing {
    color: green;
    margin-top: -3px;
    cursor: pointer !important;
    width: 24px;
    height: 24px;
}
.transferViewDownload {
    width: 24px;
    height: 24px;
    padding-top: 0 !important;
    cursor: pointer !important;
}
#transfers thead {
    padding-bottom: 5px;
    border-bottom: 2px solid #D2D2D2;
    display: table-header-group;
}
#transfers tbody tr td {
    padding-top: 5px;
}
#transfers table td.uploadDown {
    background-image: url("../img/arrow-down.png");
    background-repeat: no-repeat;
}
#transfers table td.uploadUp {
    background-image: url("../img/arrow-up.png");
    background-repeat: no-repeat;
}
#transfers table td.uploadCancel {
    color: red;
    font-weight: 700;
    cursor: pointer;
}

.invitation-name {
    list-style: none;
    display: inline-block;
    margin: 1em 10px 1.1em !important
}
.invitation-name > a {
    background-color: #3D6194;
    color: white;
    padding: .5em;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.35);
    box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.35);
    border-radius: 0px;
    background-size: 100% 100%;
}
.invitation-name > a:hover {
    background: #5D8BE5;
    background-size: 100% 100%;
}
.btn:hover {
}
a.newWorkspace {
    color: white;
    text-decoration: none;
    line-height: 15px;
    cursor: pointer;
}
a.newWorkspace.disabled {
    color: #C0C0C0;
}
.floatright {
    float: right;
    margin-right: 1em;
}

.workspacesWrapper {
    margin: 1em 2em 2em;
}
div.newWorkspace {
    margin-top: 1em;
}
.divWorkspaceBtnSets {
    margin-top: -1.5px;
    text-align: right;
}
.divActionBtnSets {
    float: right;
    margin: 1em;
    margin-right: -3px;
}
#actionField {
    margin-top: 0.5em;
}
.divInvitationBtns a,
.divActionBtnSets button {
    margin: 0 0 0 1em;
    cursor: pointer;
    background: none;
    color: white;
    vertical-align: middle;
    cursor: pointer;
    padding: 2px 10px;
    border: 2px solid #999999;
}
.newWorkspaceBtn {
    margin: 0 0.5em 0 0em !important
}
#workspace-info,
#device-info {
    background-color: whitesmoke;
    padding: 10px 10px;
    overflow:hidden;
}
.workspaceBtns {
    background-color: #3D61B6;
    color: white;
    padding: .5em;
    cursor: pointer;
    border-radius: 0px;
    background-size: 100% 100%;
    min-width: 100px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space:nowrap;
}
.workspaceBtns .fa-spinner {
    margin-left: 5px;
}
.workspaceBtns:hover {
    background: #095D98;
    background-size: 100% 100%;
}
.workspaceBtns > img {
    vertical-align: middle;
    display: none;
}
#workspace-name,
#device-name {
    display: inline-block;
    font-size: 20pt;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#workspace-desc {
    display:block;
    font-size: 11pt;
    font-weight: 200;
    text-overflow: ellipsis;
    word-break: break-all;
    float:left;
    max-width:870px;
}
#workspace-desc form input {
    width: 80%;
}
#editThis {
    float:left;
    margin-right:5px;
    cursor:pointer;
}
#editThis > img {
    vertical-align: middle;
}
.menu {
    padding: 0 2em;
    margin: 0;
}
.menu li {
    list-style: none;
    margin-right: 1em;
    line-height: 30px;
    display: inline-block;
    font-size: 14px;
}
.eulaMenu, .billingMenu {
    padding: 0 2em;
    margin: 0;
    background: rgba(241, 190, 72, 1); /*Yellow*/
}
.eulaMenu a, .billingMenu a {
    font-weight: bold;
}
.billingMenu.delinquent {
    background: rgba(236, 161, 84, 1); /*Orange*/
}
.eulaMenu.critical, .billingMenu.critical {
    background: rgba(229, 84, 84, 1); /*Red*/
}
.eulaMenu li, .billingMenu li {
    list-style: none;
    line-height: 30px;
    display: inline-block;
    font-size: 14px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
#logout {
    text-decoration: underline;
}
#spinner {
    z-index: 999999999;
    background:rgba(246, 246, 246, 0.90);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: block;
}
#spinner > .sk-double-bounce {
    margin-top: 20%;
}
#spinMessage {
    margin: 0 10%;
}
#spinMessage label {
    display: block;
    margin: 5px 0;
    font-weight:bold;
    font-size:18px;
}
.bold {
    font-weight: bold;
}
/*Workspace Action buttons*/

a.active {
    color: #FFFFFF;
    font-weight: bold;
}
#divActionBtns {
    background-color: #19376C;
    height: 2em;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
}

#divActionBtns > a:first-child {
    margin-left: 1em;
}
#divActionBtns > a {
    margin: 0 1em;
    cursor: pointer;
    line-height: 2em;
}
#divActionBtns > a:hover {
    color: #FFFFFF;
}
/*File lists*/

#workspace-content {
    min-height: 250px;
    height: 350px;
    padding: 1em;
    overflow-y: auto;
}
#workspace-list {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}
table.file_content tr.new {
    font-weight: bold;
}
.file_content thead tr th {
    border: 0 !important;
    cursor: default;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}
table.treetable.file_content {
    border: 0 !important;
}
table.file_content thead tr {
    border-bottom: 1px solid #6A6A6A !important;
}
table.file_content tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
table.file_content tr:nth-child(2) td:last-child {
    border-top: 1px solid #000000;
}
table.file_content tr:last-child {
    border-bottom: 0;
}
table.treetable tr.branch {
    background-color: transparent;
}
table.file_content {
    text-align: left;
    width: 100%;
    font-weight: 200;
}
table.file_content td {
    text-align: left;
}
table.file_content tbody .file-name-cell {
    text-align: left;
}
table.file_content tr:first-child th,
table.file_content td {
    padding: 5px 10px 6px !important;
    text-overflow: ellipsis;
    font-size: 10pt;
    max-width: 230px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
table.file_content th {
    font-size: 10pt;
    white-space: nowrap;
    line-height: 1.1em;
    max-height: 29px;
    text-align: left;
}
#addfiles {
    position: absolute;
    top: -100px;
}
td.file-name-cell,
td.file-owner-cell {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 200px;
}
td.file-tag-cell {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    white-space: pre-line;
}
td.file-name-cell {
    max-width: 100%;
}
td.file-name-cell a {
    cursor: pointer;
}
td.file-type-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}
.file-name-cell label {
    position: relative;
    left: -10px;
    cursor: pointer;
}
label.verlabels {
    background: none repeat scroll 0 0 #0063AE;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 9px;
    position: relative;
    min-width: 10px;
}
.file-name-cell label label.verlabels {
    left: -20px;
}
.file-tag-cell label.verlabels {
    left: 7px;
    top: 5px;
}

.file-size-cell {
    text-align: right;
}
.file-version-cell {
    text-align: center;
}
.leaf .file-name-cell > label {
    margin-left: 1.5em;
    position: relative;
}
/*Members list*/

#workspace-members {
    float: left;
    
}
#invite-members {
    float: right;
    width:450px;
    border-left: solid;
    padding-left: 30px;
}
.member-list {
    margin: 0 0 0 0em;
    padding: 0;
    line-height: 30px;
}
.member-list li {
    display: inline-block;
    margin: 0 1em 0 0;
}
.members a {
    padding: 4px 10px;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, .1);
    cursor: pointer;
    font-size: 10pt;
}


.members.pending {
    color: lightgrey;
}

/*Annotations*/

#annotationWrapper {
    float: right;
    width: 450px;
}
.pendingFile {
    background-color: rgba(211, 211, 211, 0.64);
    color: gray;
}
#divAnnotation {
    min-height: 350px;
    text-align: right;
    padding: 1em;
}
.annotaion_wrapper {
    height: 250px;
    overflow-y: auto;
    border: 1px solid #A9A9A9;
    width: 100%;
    border-bottom: none;
    -ms-user-select: text;
}
#annoControls {
    width: 100%;
    border: 1px solid #A9A9A9;
    min-height: 90px;
}
table.annotation_content {
    border-spacing: 0;
    font-size: 12px;
    width: 100%;
}
table.annotation_content th {
    text-align: center;
    font-size: 18px;
    border-bottom: 1px solid #DDDDDD;
    padding: 5px;
    font-weight: normal;
    color: gray;
    cursor: default;
}
table.annotation_content td {
    padding: 5px 5px 6px;
}
td.annotation-creator-cell {
    color: #4682B4;
    width: 25%;
    max-width: 35%;
    text-align: left;
    vertical-align: top;
}
table.annotation_content td.annotation-text-cell {
    text-align: left;
    padding-left: 2em;
    white-space: pre-line;
    word-break: break-word;
}
td.annotation-date-cell {
    width: 25%;
    vertical-align: top;
    text-align: right;
}
#annoControls > textarea {
    resize: none;
    outline: none;
    border: none;
    display: inline-block;
    float: left;
    height: 85px;
    width: 365px;
}
#btnAnno {
    background-color: white;
    border: none;
    cursor: pointer;
    float: right;
    vertical-align: middle;
    margin-top: 20px;
    font-size: 32px;
}
/*Add Folder Form*/

#addfolder-form,
#addfolder-formDS {
    width: 25em;
    position: fixed;
    top: 230px;
    background-color: #19376C;
    font-size: 12pt;
    left: 50%;
    margin-left: -17.5em;
}
#addfolder-form > label,
#addfolder-form > input,
#addfolder-formDS > label,
#addfolder-formDS > input {
    display: block;
}
#addfolder-form > input[type="text"],
#addfolder-form > input[type="textarea"],
#addfolder-formDS > input[type="text"],
#addfolder-formDS > input[type="textarea"] {
    margin: 0 auto;
    width: 100%;
}
/*Add Member form*/

#invite-form {
    position: fixed;
    z-index: 2;
    top: 230px !important;
    left: 25%;
    width: 50%;
    color: white;
    background-color: #19376C;
    border: 2px solid #CDD9DF;
    padding: 10px 15px;
    margin: 5px 5px 10px;
}
.inviteField::-ms-clear {
    display: none;
}
#invite-form a.goback {
    cursor: pointer;
}
.addMembersDialog {
    min-height: 400px !important;
}
.inviteUserButton {
    position:absolute;
    right:10px;
    bottom:10px;
}
.cancelInviteButton {
    background-color:rgb(221, 51, 51) !important;
    position: absolute;
    right:180px;
    bottom:10px;
}


.addMemberDialog > label,
.addMemberDialog > input {
    display: block;
}
.addMemberDialog > input[type="text"],
.addMemberDialog > input[type="textarea"] {
    margin: 0 auto;
    width: 100%;
}
.addMemberFields {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.createWorkspace > .swal2-content {
    width: 500px;
}
.createWorkspace > .swal2-content .swal2-textarea {
    height: 75px;
    margin: 10px auto !important;
}
.createWorkspace > .swal2-content .swal2-input {
    margin: 10px auto !important;
}

.createWorkspace .header{
    font-weight:bold;
}
/*Member detail view */

.member-info {
    min-width: 300px;
}
.member-info.active {
    background: #555555;
    border: none;
    border-radius: 0;
}
.member-info.pending {
    background: #555555;
    border: none;
    border-radius: 0;
}
.member-info.removed {
    background: #C0C0C0;
}
.close {
    float: right;
    cursor: pointer;
    margin-top: -1px;
}
.member-name {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.member-details {
    z-index: 1;
}
.bootMember {
    border-radius: 0;
    box-shadow: none;
    background: #751F2F;
    color: #FFFFFF;
    padding: 3px 15px;
    font-weight: bolder;
    border: 1px solid #FFFFFF;
}
.bootMember:hover {
    box-shadow: none;
    color: #000000;
}
.multiRemoveWorkspaceBtn {
    margin: 0 0.5em 0 0 !important;
}
/*create workspace*/

#invite-form,
#create-workspace {
    background-color: #19376C;
    width: 50%;
    position: absolute;
    z-index: 25;
    top: 10%;
    left: 25%;
    overflow: auto;
    font-size: 12pt;
}
/*Cloud View*/

table.treetable span {
    cursor: pointer;
}
.cloudViewWrapper {
    padding: 0em;
}
.secion-header {
    background-color: #0063AE;
    height: 1em;
    border-radius: 5px 5px 0 0;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
}

/*unregister service*/

.unregister {
    cursor: pointer;
}
#locationlists img {
    width: 100px;
}
#locationlists > li {
    float: none;
    text-align: center;
}
.deviceCategoryWrapperDiv {
    margin: 1em 2em 0 2em;
}
.deviceCategoryWrapperDiv .secion-header {
    padding: 0 0 1em;
}
.deviceCategoryWrapperDiv .section-content {
    height: 350px;
    margin: 0;
    overflow-y: auto;
    width: 100%;
}
.deviceCategoryWrapperDiv button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #FFFFFF;
    line-height: 30px;
}
.file .fnames {
    padding: 0.2em 0 0.2em 0.95em;
}
/*Create workspace*/

.newWorkspace > input,
#initialMembersDiv > input,
#initialMembersDiv > textarea,
.newWorkspace > textarea,
#addInitialFileButton {
    display: block;
    margin: 0 auto 1em;
}
#createWorkspaceInitialFile {
    display: none;
}
#initialMembersDiv > label {
    display: block;
    width: 90%;
    margin: 0 auto;
}
/*Cloud Services*/

.main .cloudServiceOption-header,
.main .confirmMessage {
    text-align: left;
}
/*Add Cloud Service popup*/

#cloudServicesOptionsDiv,
#cloudServiceNameDiv,
#cloudServiceConfirmDiv,
#secondFactorDiv {
    background-color: #2E668E;
    color: #FFFFFF;
    left: 50%;
    margin: 5px 5px 10px -200px;
    min-width: 400px;
    position: fixed;
    top: 230px;
    z-index: 2;
}
.header > h3{
    margin: 0;
}

button.goback {
    height: 30px;
}
.continueBtns {
    float: right;
}
.continueBtns input[type='button'] {
    display: inline-block !important;
}
.serviceImgHolder {
    float: left;
    margin-right: 1em;
}
.serviceImgHolder > img {
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    width: 120px;
}
.bg {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    padding: 1em;
}
.bg .confirmMessage {
    color: #000000;
    font-size: 12pt;
}
.bg .continueBtns {
    margin-top: 2em;
}
.confirmMessage {
    display: block;
    margin-left: 1em;
    width: 500px;
}
.confirmMessage > span {
    white-space: nowrap;
}
.cloudServiceOption-content {
    margin: 1em 0;
}
.cloudServiceOption-content > input {
    display: block;
    margin: 0 auto;
}
#cloudServiceName {
    margin: 0 0 1em 0 !important;
    width: 100%;
}
/*Invitation Response*/

.invitationReponseDiv {
    width: 50%;
    position: fixed;
    z-index: 2;
    left: 25%;
    background-color: #E3E3E3;
    color: #000000;
    border: 1px solid #FFFFFF;
    margin: 5px 5px 10px;
    top: 230px;
}
.invitation-response-window {
    background: #555555;
    margin-top: .5em;
    padding: 1em;
    position: absolute;
    z-index: 1;
    min-width: 250px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid white;
}
a.goback {
    cursor: pointer;
}
.divInvitationBtns > a.goback {
    margin-left: 1em;
}
.response-content {
    margin-top: 3em;
    border: 1px solid #000000;
    padding: 1em;
    width: 85%;
    margin: 1em auto;
}
.response-content > span,
.response-action > span {
    display: block;
}
.response-action {
    text-align: center;
}
.fnames {
    display: inline-block;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}
/*Context Menu*/

#jqContextMenu {
    font-size: 13px;
}
/*Transfer file dialog*/

#catalogFileOptionsDiv h1 {
    font-size: 24px;
}
#catalogFileOptionsDiv h3,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size: 13px;
}
/*Until the treetable inplemented*/

tr.selected,
tr.ui-selected {
    background-color: #3875D7 !important;
    color: #FFFFFF;
}
.disabled {
    color: #C0C0C0 !important;
    pointer-events: none;
    cursor: default;
}
.transferHover {
    background-color: #f6f6f6;
    border-bottom: 2px dashed #d5d5d5;
}
.disabled:hover {
    color: #C0C0C0 !important;
}
/*progress bar*/

.quota {
    width: 255px;
    margin-right: 10em;
}
.quota label {
    font-size: 9pt;
    color: #FFFFFF;
    opacity: 0.8;
}
#quotaBar {
    height: 10px;
    margin-top: 1em;
    border: 1px solid #FFFFFF;
    background: #D6D7DE;
}

#quotaBar .ui-progressbar-value {
    background-color: #044772;
    background: #044772 !important;
    display: block !important;
}
#quotaBar .ui-progressbar-value {
    margin: 0;
}
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    margin: 0px;
    height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
    background: url("../img/images/animated-overlay.gif");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
/*Treetable icon*/

#workspace-content a.folder > span {
    background-image: url("../img/folder.png");
    background-repeat: no-repeat;
    background-size: 19px auto;
    padding: 0.2em 0 0.3em 2em !important;
}
#workspace-content a.folder > label {
    visibility: hidden;
    display: none;
}
#workspace-content span.folder,
#device_content span.folder {
    background-image: url("../img/folder.png");
    background-repeat: no-repeat;
    background-size: 19px auto;
    padding: 0.2em 0 0.3em 2em !important;
}
#device_content span.folder {
    padding: 0.2em 0 0.3em 1.5em !important;
}
.fileIconSpan,
#device_content span.file {
    background-image: url("../img/file.png");
    background-repeat: no-repeat;
    background-size: 16px auto;
    line-height: 18px;
}
.fileLockSpan {
    background-size: 16px auto;
    padding: 1em 0 0.4em 2em !important;
    line-height: 18px;
}
.fileLockSpan.locked {
    background-image: url("../img/icon-file-locked-self.png");
    background-repeat: no-repeat;
}
.fileLockSpan.lockedByOther {
    background-image: url("../img/icon-file-lockstate.png");
    background-repeat: no-repeat;
}
.fileLockSpan.notLocked {
    visibility:hidden;
}
#fileNameText {
    text-align: left;
}
#newTagText {
    width: 350px;
}
.addTag {
    background-image: url(../img/plus.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    padding-top: 26px;
    padding-left: 25px;
    padding-right: 31px;
    padding-bottom: 14px;
    float: left;
    height: 10px;
    margin: -6px;
}
.tagDialog button.addTagBtn{
    background-color:rgb(48, 133, 214);
    border-radius: 12px;
    margin: 0 0 0 35px ;
 }
.tagDialog h3{
    margin:0;
}
.treegrid-expander.hidden {
    padding: 0 0 0 0 !important;
}
.file_content span {
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0.2em 0 0.2em 1.5em;
}
.file-version-cell .latestVerInfo{
    padding-left:0;
}
.file-owner-cell span{
    padding-left:0;
}
/*Tags*/

label.private,
label.public {
    display: block;
}
.file-tag-cell label {
    cursor: pointer;
    text-overflow: ellipsis;
    margin: 2px 0;
    text-align: left !important;
}
.file-tag-cell img {
    display: block;
    float: right;
    margin: 5px 0 0;
}
.pending.hidden {
    display: none;
}
/*Adding images for public and private tag buttons*/

.publicTagButton {
    width: 29px;
    height: 26px;
    background-color: #53B6E7;
    background-image: url("../img/plus.png");
    background-position: center;
    background-size: 10px;
    background-repeat: no-repeat;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    vertical-align: bottom;
    display: inline-block;
}
.privateTagButton {
    width: 29px;
    height: 26px;
    background-color: #53B6E7;
    background-image: url("../img/lock.png");
    background-position: center;
    background-size: 10px;
    background-repeat: no-repeat;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    vertical-align: bottom;
    display: inline-block;
}
/*Styling text field for public and private tags*/

.tagTextField {
    border-radius: 3px;
    height: 23px;
    margin-top: 3px;
    text-indent: 5px;
    width: 175px;
}
/*Delete and Save All buttons for tag*/

.deleteAndSaveTagsButton {
    height: 28px;
    background-color: #F0F8FF;
    border: 1px solid #53B6E7;
    border-radius: 3px;
    margin: 4px 5px 0;
}
.saveTagsButton {
    margin-left: 2px;
    height: 27px;
    border: none;

}
.deleteAndSaveTagsButton[value="Done"] {
    width: 100px;
}
/*Cancel button for tag*/

.cancelAddingTags {
    height: 23px;
    background-color: #094D9E;
    color: #FFFFFF;
    margin-right: 3px;
    text-decoration: underline;
    border: 0 none;
}
/*User Tag information text */

.tagInfoText {
    margin: 1em 0 0 0;
    color: #FFFFFF;
    padding-left: 10px;
    text-align: left;
}
/*Search*/

#workspaceSearch {
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 255px;
    border: 0;
    text-indent: 2em;
    visibility: hidden;
}
#search {
    float: right;
    margin-right: 3em;
    margin-top: 1em;
}
/*qtip*/

.qtip {
    direction: ltr;
    font-size: 10pt !important;
    line-height: 12pt !important;
    border-radius: 0px;
    max-width: 100%;
}
.qtip select {
    width: 225px;
    height: 80px;
}
#cellTagBtn {
    padding-left: 100px;
}
.rightPaddingTen {
    padding-right: 10px;
}
.leftPaddingTen {
    padding-left: 10px;
}
#newDescriptionOk {
    background-color: rgb(9, 94, 174);
    border: 0;
    border-radius: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 15px 5px 0;
    padding: 6px 15px;
}

#newDescriptionCancel {
    background-color: rgb(221, 51, 51);
    border: 0;
    border-radius: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    padding: 6px 15px;
}

.removeTagBtn{
    cursor: pointer;
}
#tagBox label,
p.private,
p.public {
    outline: none;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    margin-left:10px;
    padding: 3px 5px;
    line-height: 14px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
#tagBox label[for='public'],
p.public, label.public {
    background: #709EBF;
}
#tagBox label[for='private'],
p.private, label.private {
    background: #AFCDE0;
}
#tagBox{
    text-align:left;
    max-height:100px;
    overflow-y:auto;
    word-break:break-all;
    margin-bottom:0;
}
.removeTagBtn{
    padding-left:10px;
}
.qtip-titlebar + .qtip-content {
    max-height: 500px;
    overflow-y: auto;
}

#rememberModelHelp {
    margin-left: 2px;
    cursor: pointer;
    position: relative;
    bottom: 2px;
}
.qtip-title {
    color: #000000;
}
.qtip-titlebar {
    background: #FFFFFF !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}
.tagslist {
    background: #002B5F;
    padding: 5px;
    width: 225px;
}
#cancelAllTransfers {
    margin: 5px 5px 5px 5px;
    background-color:rgb(200, 41, 41);
    color: #fff;
    font-weight: 600;
    float: right;
    border: 0;
    padding: 5px;
    border-radius:12px;
}
progress {
    width: 9em;
}
#viewDownloads {
    margin: 5px 15px 5px 5px;
    background-color:#0063AE;
    color: #fff;
    font-weight: 600;
    float: left;
    border: 0;
    padding: 5px;
    border-radius:12px;
}
#clearCompleteAlert {
    margin: 5px 5px 5px 8px;
    color: #4A79D1;
    font-weight: 600;
    float: right;
    border: 1px solid;
    padding: 3px;
}
#clearCompletedTransfers, #clearFailedTransfers {
    margin: 5px 5px 5px 5px;
    background-color:#0063AE;
    color: #fff;
    font-weight: 600;
    float: right;
    border: 0;
    padding: 5px;
    border-radius:12px;
}
#transferActions {
    border-top: 1px solid lightgray;
}
#viewDownloads {
    display: none;
}
#clearCompletedTransfers:disabled, #cancelAllTransfers:disabled, #viewDownloads:disabled, #clearCompleteAlert:disabled, #clearFailedTransfers:disabled {
    background-color: gray;
    color: lightgray;
}
#clearCompleteAlert {
    display: none;
    text-align: center;
    color: black;
    border: 0;
    margin: 5px auto;
    float: none !important;
    height: 30px;
    width: 580px;
}
#clickToClearComplete {
    color: #4A79D1;
    text-decoration: underline;
}
/*Password dialog*/

#passwordDialogDiv {
    background: #555555;
    max-width: 400px;
    left: 50%;
    margin-left: -200px;
    top: 50%;
    text-align: center;
}
#passwordDialogDiv table {
    width: 100%;
}
/*table sorter*/

.none .header {
    background-image: none;
    cursor: pointer;
    padding: 4px 20px 4px 4px;
    white-space: normal;
    background-color: #FFFFFF;
}
td.none {
    border-bottom: 0;
    padding: 0;
    vertical-align: top;
}
.tablesorter-default tbody > tr.ui-selected:hover > td,
.tablesorter-default tbody > tr.ui-selected:hover,
.tablesorter-default tbody > tr.even .ui-selected:hover > td,
.tablesorter-default tbody > tr.odd .ui-selected:hover > td {
    background-color: #3875D7 !important;
    background-color: #3875D7 !important;
    color: #FFFFFF;
}
#noSecPwdDiag {
    font-weight: bold;
    text-decoration: underline;
    font-size: 16px;
}
.memberPageNav {
}
.memberPageNav #prevMem {
    background: url(../img/left_n.png) no-repeat;
    width: 24px;
    height: 24px;
    display: inline;
    text-indent: -9999px;
    display: inline-block;
}
.memberPageNav #nextMem {
    background: url(../img/right_n.png) no-repeat;
    width: 24px;
    height: 24px;
    display: inline;
    text-indent: -9999px;
    display: inline-block;
}
.test .member-list {
    display: inline;
}
#invitationsList {
    background: #EEEEEE;
    border: 1px solid black;
    color: #000000;
    max-height: 250px;
    min-width: 200px;
    overflow-y: auto;
    padding: 0 1em 1em;
    position: absolute;
    z-index: 2;
}
#invitationsList ul li {
    display: block;
}
#invitationsList .header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.oinvitation-name a {
    color: highlight;
}
#invitationsList ul li.invitation-name {
    display: block;
    margin: 7px 0 0 0 !important;
}
#invitationsList .invitation-name > a {
    color: white;
}
#invitationsList > ul {
    margin-left: 0;
    padding: 0;
    margin-top: 5px;
}
/*progress bar*/

#fileProgStatus {
    float: right;
}
#fileProgStatus.download a {
    background: url(../img/files_downloading.png) no-repeat;
    width: 29px;
    height: 27px;
}
#fileProgStatus.upload a {
    background: url(../img/files_uploading.png) no-repeat;
    width: 29px;
    height: 27px;
}
#fileProgStatus > a {
    margin-right: 1em;
    display: inline-block;
    text-indent: -9999px;
    vertical-align: middle;
}
#progressBar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    color: #000000;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
}
#progressBar > div {
    background: none repeat scroll 0 0 #FFFFFF;
    left: 50%;
    margin-left: -160px;
    position: absolute;
    top: 45%;
    border-radius: 5px;
    height: 112px;
}
#chunks {
}
#fileUploadPercentage {
}
.progBar {
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    height: 2em;
    margin: 1em 1em auto;
    text-align: center;
    width: 225px;
}
.progBar .ui-progressbar-value {
    margin: -32px 0 0 !important;
}
.progBar .upload-label {
    margin: 0px 0 0;
}
.upload-label > span,
.chunk-label > span {
    display: inline-block;
    margin: 0.4em 0 0;
    vertical-align: middle;
}
.chunk-label,
.upload-label {
    height: 80%;
    margin: 0.4em 0 0;
    vertical-align: middle;
}
#clickshowallprevfolder {
}
#pFContainer {
    background: rgb(255, 255, 255);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    /* IE6-8 */
    display: block;
    margin: 3em 0 0 0;
    position: absolute;
    z-index: 2;
    min-width: 130px;
    border-radius: 5px;
    border: 1px solid #B3B3B3;
    min-height: 80px;
}
#pFContainer:after,
#pFContainer:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#pFContainer:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFFFFF;
    border-width: 12px;
    margin-left: -12px;
}
#pFContainer:before {
    border-color: rgba(179, 179, 179, +0);
    border-bottom-color: #B3B3B3;
    border-width: 13px;
    margin-left: -13px;
}
#prevBCs {
    margin: 0;
    padding: 0;
    text-align: left;
}
#prevBCs li {
    margin: 0;
    background: none;
}
#prevBCs li a {
    text-align: left;
    color: #252525;
}
/*commandsDiv*/

#commandsDiv {
    background: rgba(200, 200, 200, 1);
    color: #000000;
    left: 50%;
    margin-left: -25%;
    top: 25%;
}
#close {
    font-weight: bold;
    float: right;
    display: inline-block;
    padding: 2px 5px;
    background: #CCCCCC;
}
#commandsDiv a,
#commandsDiv a:focus,
#commandsDiv a:visited {
    color: blue;
}
#commandsDiv h2 {
    line-height: 5px;
}
#commandsDiv small {
    line-height: 30px;
}
.command {
    max-width: 500px;
    width: 100%;
}
/*CHANGE PASSWORD*/

#divChangePassword {
    background: #F1F1F1;
    color: #252525;
    left: 50%;
    margin-left: -225px;
    top: 25%;
    width: 450px;
}
#divChangePassword .header {
    font-size: 18px;
    font-weight: 600;
}
.divReset > div {
    display: block;
    margin: 1em 0 0;
}
.divReset label {
    display: inline-block;
    font-weight: bold;
    line-height: 30px;
    vertical-align: bottom;
}
.divReset div input[type="text"],
.divReset div input[type="password"] {
    display: block;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    float: right;
    font-size: 13px;
    height: 20px;
    padding: 5px;
    vertical-align: middle;
    width: 60%;
}
/*Download Secrata*/

#downloadBox .header {
    font-size: 16px;
    text-align: center;
    color: #555555;
}
#downloadBox .contents > div {
    display: inline-table;
    min-width: 200px;
    text-align: center;
}
#downloadBox .contents div > a {
    display: block;
    text-align: center;
    font-size: 16px;
}

/*Contact Us*/

#contactUsBox {
    position: initial;
}
#contactUsBox form fieldset {
    text-align: left;
}
#contactUsBox form input,
#contactUsBox form textarea {
    display: block;
    width: 100%;
    font-size: 16px;
}
.ui-dialog-buttonpane {
    background: none;
}

#shared-workspaces-wrapper {
    margin: 1em 2em 2em;
}
#private-workspaces-wrapper {
    margin: 1em 2em 2em;
}
#userpref {

    display: block;
    position: relative;
    text-align: right;
    z-index: 2;
}
#userpref > ul {
    background: #EEEEEE;
    border-radius: 5px;
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 160px;
}
#userpref .header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #000000;
}
nav #userpref a {
    color: highlight;
}
.uline {
    text-decoration: underline;
}
.reset section {
    min-height: 300px;
}
#noConfCode {
    margin: 1em;
    min-width: 400px;
    width: 400px;
}
#noConfCode #reqDiv {
    margin: 1em 0 0 0;
}
#noConfCode label {
    margin: 1em 0 0 0;
}
#noConfCode input,
#confCode input {
    width: 70%;
    margin: 0 0 1em 0;
    padding: 0;
}
#confCode {
    margin: 1em;
}
.passcodeRules {
    display: inline-block;
    text-align: left;
}
#overlay {
    display: none;
}
/*RESET & FORGOT PASSWORD*/

.fp p,
.reset p {
    font-size: 14px;
}
#noConfCode,
#confCode {
    margin: 0 auto;
    width: 22em;
    padding: 25px;
    background-color: #EEEEEE;
    height: 360px;
    margin-top: 25px;
    color: black;
    text-align: center;
}
#confCode table {
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0;
}
#reqDiv > div {
    display: block;
}
.fp input[type="text"],
.fp input[type="password"],
.reset input[type="text"],
.reset input[type="password"] {
    height: 25px;
    width: 90%;
    padding: 0 1em;
}
.fp input[type="text"]:focus,
.fp input[type="password"]:focus,
.reset input[type="text"]:focus,
.reset input[type="password"]:focus {
    border: 2px solid #819CD1;
}
.fp label,
.reset label {
    font-size: 16px;
}
.fp input[type="button"],
.reset input[type="button"] {
    background: none repeat scroll 0 0 #0063AE;
    border: 0 none;
    color: #FFFFFF;
    font-weight: 700;
    height: 30px;
    width: auto;
    min-width: 100px;
    padding: 0 1em;
}
.fp a,
.reset a {
    text-decoration: underline;
    display: block;
    margin: 2em 0;
}
.fp td,
.reset td {
    display: block;
    margin: 5px 0;
}


table.treetable span.indenter {
    display: inline-block;
    height: 16px;
    width: auto;
}
/*cloud view*/

#device_content {
    border: 0 none;
}
#device_content tbody tr {
    cursor: pointer;
    height: 1.8em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#device_content thead tr th {
    border: 0 none;
    font-size: 14px;
    font-weight: bold;
}
#device_content thead tr {
    border-bottom: 1px solid #C6C6C6;
}
#device_content tr:nth-child(2n) {
    background: none repeat scroll 0 0 whitesmoke;
}
table.treetable thead {
    background: none;
}
#device_content span.folder {
    vertical-align: super;
}
td.content-name-cell {
    text-decoration: underline;
}
.content-name-cell .file {
    vertical-align: bottom;
}
.leaf .content-name-cell > label {
    margin-left: 1.5em;
}
table.treetable tr.collapsed span.indenter a {
    background-image: url("../img/arrow-right.png");
    background-repeat: no-repeat;
    background-size: 50% 80%;
}
table.treetable tr.expanded span.indenter a {
    background-image: url("../img/arrow-down.png");
    background-repeat: no-repeat;
    background-size: 50% 80%;
}
.content-type-cell {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*VERSION*/

.moreVer {
    background: url("../img/versions.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 5px;
    line-height: 22px;
}
.allVer {
    background: none repeat scroll 0 0 #094D9E;
    height: auto;
    left: 50%;
    margin-left: -250px;
    min-width: 500px;
    top: 30%;
    padding: 5px;
    min-height: 100px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    max-height: 400px;
    overfloW: auto;
}
.allVer table thead tr {
    height: 50px;
    vertical-align: middle;
}
.allVer .goback > img {
    height: 16px;
    padding: 2px;
    width: 16px;
}
.specificVersion{
    border-bottom: 1px solid lightgray;
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default;
}
.specificVersion::after {
    content:"";
    display:table;
    clear:both;
}
.pendingVersion{
    color: darkgray;
}
.selectedVersion.pendingVersion {
    color: lightgray;
}
.pendingVersionTag {
    font-size: small;
    font-weight: bold;
}
.verName{
    float:left;
    display:inline-block;
    margin:0;
    text-align:left;
}
.verDate{
    font-size:12px;
}
.verDialog .pendingVer{
    background-color:lightgray;
}
.verActionBtn{
    float:right;
    margin-left:20px;
    cursor:pointer;
}
.verPopUpList{
    max-height:300px;
    overflow-y:auto;
}
.selectedVersion{
    background-color:#3875D7;
    color:white;
}
.preverLinks,
.preverLinks:hover {
    font-size: 22px;
    font-weight: bold;
    cursor:default;
}
.verSize{
    font-size:22px;
    float:right;
    margin:0;
    text-align:right;
}
.versionOwner{
    font-size:12px;
}
.ui-widget-header {
    background: none !important;
}
/*overriting qtip default background color*/

.qtip-default {
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F6F6F6 78%, #EDEDED 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(78%, #F6F6F6), color-stop(100%, #EDEDED));
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #F6F6F6 78%, #EDEDED 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%, #F6F6F6 78%, #EDEDED 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%, #F6F6F6 78%, #EDEDED 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 78%, #EDEDED 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    border: 0 none;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
.qtip-titlebar {
    border: 0 none;
}
.qtip-default .qtip-icon .ui-icon-close {
    display: inline-block;
    margin-top: -5px;
}
#confirmBtn {
    background: #095EAE;
    border: 2px solid #095EAE;
    border-radius: 0px;
    color: white;
}
#cancelBtn {
    background: #C9C9C9;
    border: 2px solid #095EAE;
    border-radius: 0px;
}
.qtip-close .qtip-icon {
    background: transparent !important;
}
a.qtip-close.qtip-icon {
    background: none;
    border: 0 none;
    margin-top: -5px;
}
#uploads th {
    color: #002B5F;
}
.allVer .close {
    position: absolute;
    right: 5px;
    top: 5px;
    margin: 5px;
    width: 20px;
}
.allVer table {
    width: 100%;
}
.allVer table thead tr th {
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: bold;
}
.allVer table tbody tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.4);
}
.treegrid-indent {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
}
.treegrid-expander {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.treegrid-expander-expanded {
    background: url("../img/arrow-down.png") no-repeat;
}
.treegrid-expander-collapsed {
    background: url("../img/arrow-right.png") no-repeat;
}
#dialog-removeWorkspaces {
    width: 1000px;
    min-height: 200px;
}
.workspaceRemovalTableWrapper {
    min-height: 200px;
    float: left;
    width: 46%;
    height: 416px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: -80px;
    margin-bottom: 20px;
}
.rightsideTableWrapper {
    float: right !important;
}
.workspaceRemovalTable {

    width: 100%;
    border: 1px;
}
.workspaceRemovalTable thead > tr > th {
    background-color: #19376C;
    color: white;
    height: 35px;
}
.workspaceRemovalTable tr > td {
    max-width: 125px;
    word-wrap: break-word;
    height: 35px;
}
.workspaceRemovalTable th {
    color: #002B5F;

    font-size: 14px;
    background: no-repeat center right;
    width: 400px !important;
}
.workspaceRemovalTable th[data-sort] {
    padding-right: 10px;
}
#workspaceLetterFilter {
    font-size: 14px;
    margin-left: 0em;
    color: #F4F4F4;
    font-weight: normal;
}
#workspaceLetterFilter .showAll {
    font-weight: normal;
    font-size: 16px;
    margin-right: 5px;

}
.workspaceRemovalTable th.sorting-desc {
    background-image: url(../img/workspaceArrowDown.png);
}
.workspaceRemovalTable th.sorting-asc {
    background-image: url(../img/workspaceArrowUp.png);
}
#leftNameField, #rightNameField {
    background-position: 80%;
}
.workspaceRemovalTable caption {
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: bold;
    height: 35px;
    background-color: #19376C;
    color: white;
    line-height: 35px;
}
.workspaceRemovalTable tr.selected, .workspaceRemovalTable tr.ui-selected {
    background: #ABC1DA !important;
}
.editWorkspaces {
    background: white;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.workspaceRemovalTable tr {
    font-size: 13px;
    background: #E9E9E9;
    color: #333534;

}
.workspaceRemovalTable tbody tr {
    border-bottom: 3px solid white;
}
.confirmRemoveWorkspace > #dialog-confirm > .dialog-content ul {
    padding-left: 0;
}
.confirmRemoveWorkspace li {
    font-weight:bold;
}
.swal2-content ul li {
    list-style-position: inside;
    list-style-type: disc;
    text-align: left;
    word-break:break-all;
}
.swal2-content ul {
    padding: 0;
    display: inline-block;
}
.removeFiles > #dialog-confirm > .dialog-content ul li {
    list-style-position: inside;
    text-align: left;
}
.removeFiles > #dialog-confirm > .dialog-content ul {
    padding: 0;
}
.secrataConfirm {
    z-index: 99999999999;
}
.workspaceRemovalTable tr:hover, th:hover {
    cursor: pointer;
}
#removeWorkspacesBtns {
    width: 20%;
    margin: 0 auto;
    margin-top: 10%;
    padding-right: 75px;
    border-radius: 12px;
    
}
#removeBtn {
    background: #19376C;
    border: none;
    color: white;
    text-align: left !important;
}
.resetPasscodeBtn {
    background-color: rgb(9, 94, 174);
}
.cancelPasscodeBtn {
    background-color: rgb(170, 170, 170);
}
.passPromptHeader {
    margin: 5px 0 0 0;
}
#removeBtn:disabled {
    background: gray;
}
.confirmRemoveWorkspace > #dialog-confirm > .dialog-content {
    max-height: 250px;
    overflow-y: auto;
}
#keepBtn {
    background: #C9C9C9;
    border: none;
    color: black;
}
#removeWorkspacesBtns input[type="button"], #removeWorkspaces, #keepWorkspaces {
    border: none;
    background: #C9C9C9;
    font-weight: bold;
    color: #0073EA;
    height: 75px;
    width: 65px;
    margin-bottom: 5px;
    border-radius: 12px;
}

.busySpinner {
    height: 12px;
    border: 4px solid #e0e0e0;
    border-top-color: #3498db;
    border-radius: 50%;
    aspect-ratio: 1;
    animation: fa-spin 1s linear infinite;
    display: inline-block;
    margin-right: 0.5rem;
}

.highlight td {
    background-color: #A8CB17;
}
.notifyDialog .ui-dialog-titlebar-close {
    display: none;
}
.transferCancel:hover, .transferHelp:hover {
    cursor: pointer !important;
}
.transferHelp img, .doneEditing img, .transferViewDownload img, .transferRetry img {
    height: 16px;
}
.transferViewDownload {
    padding-top: 5px !important;
}
.transferHelp, .transferCancel, .doneEditing, .transferViewDownload, .transferRetry img {
    text-align: center;
}
.transferUp {
    font-size: 20px;
    padding: 0 2px 0 0 !important;
    float: right;
    cursor: pointer !important;
}
#acceleratorStatusIcon {
    float: right;
    float: right;
    line-height: 2.8em;
    margin-right: 10px;
}
#acceleratorStatusIcon img {
    width: 24px;
    height: 24px;
    margin-top: -3px;
}
.noAccelerator {
    background-image: url('../img/grayX.png');
}
.hasAccelerator {
    background-image: url('../img/acceleratorOnline.png');
}
#transferHelpTip {
    display: none;
    width: 400px;
    height: 75px;
    background-color: white;
    z-index: 999999;
    box-shadow: 0 1px 1px black;
    padding: 5px;
    margin-top: 15px;
    border: 1px solid black;
}
#transferHelpMessage {
    font-size: 12px;
}
#closeTransferHelp {
    float: right;
}

.context-menu-item {
    background-repeat: no-repeat;
    /*background-size: 1.5em;*/
    background-position: .5em;
}

.context-menu-item.context-menu-icon-download {
    background-image: url(../img/download.png);
}

.context-menu-item.context-menu-icon-secdelete {
    background-image: url(../img/delete.png);
}

.context-menu-item.context-menu-icon-showInFolder {
    background-image: url(../img/viewDownloadSmall.png);
}

.context-menu-item.context-menu-icon-secedit {
    background-image: url(../img/edit.png);
}

.context-menu-item.context-menu-icon-cancel {
    background-image: url(../img/deleteHollow.png);
}

.context-menu-item.context-menu-icon-transferNext {
    background-image: url(../img/arrow-up.png);
}

.context-menu-item.context-menu-icon-transferLast {
    background-image: url(../img/arrow-down.png);
}

.context-menu-item.context-menu-icon-lock {
    background-image: url(../img/lockFile.png);
}

.context-menu-item.context-menu-icon-seccopy {
    background-image: url(../img/copy.png);
}

.context-menu-item.context-menu-icon-secpaste {
    background-image: url(../img/copy.png);
}

.context-menu-item.context-menu-icon-unlock {
    background-image: url(../img/unlockFile.png);
}

.context-menu-item.context-menu-icon-requestUnlock {
    background-image: url(../img/requestUnlock.png);
}

.context-menu-item.context-menu-icon-goto {
    background-image: url(../img/arrow-right.png);
}

.swal2-container-privacy {
    backdrop-filter: blur(10px);
}

th.asc::after {
    content: " \25B2";
}

th.desc::after {
    content: " \25BC";
}

th.file-name-cell, th.file-version-cell, th.file-owner-cell, th.file-size-cell, th.file-type-cell {
    cursor: pointer !important;
}
/*
IE 11 (apparently codenamed "Trident") does not support the backdrop-filter property, and likely never will. This is a workaround to blank the screen instead
https://caniuse.com/#feat=css-backdrop-filter
*/
html[data-agent*="Trident"] .swal2-container-privacy {
    background-color: rgba(64, 64, 64, 1) !important;
}

/*
Edge supports backdrop-filter, but only with the -webkit- prefix - they may change this in the future - if they do, you should remove this.
https://caniuse.com/#feat=css-backdrop-filter
*/
html[data-agent*="Edge"] .swal2-container-privacy {
    -webkit-backdrop-filter: blur(10px);
}

@media (max-width: 1048px) {
}