@font-face {
    font-family: 'icomoon';
    src:    url('../images/icons/icomoon.eot?i9rm8t');
    src:    url('../images/icons/icomoon.eot?i9rm8t#iefix') format('embedded-opentype'),
        url('../images/icons/icomoon.ttf?i9rm8t') format('truetype'),
        url('../images/icons/icomoon.woff?i9rm8t') format('woff'),
        url('../images/icons/icomoon.svg?i9rm8t#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="app-icon"], [class*=" app-icon"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


* { box-sizing: border-box; -moz-box-sizing: border-box;}
body { margin: 0; padding: 0; font-family: Helvetica,'Open Sans', sans-serif; font-size: 13px; background-color: rgba(233,237,240,1);}
html { overflow-y: scroll;}

button, input, textarea {font-family: Helvetica, 'Open Sans', sans-serif; }
    input::placeholder, textarea::placeholder {color:#ccc; font-weight: normal; }


a, button {transition: all .2s ease-in;  -moz-transition: all .2s ease-in; /* Firefox 4 */  -webkit-transition: all .2s ease-in; /* Safari and Chrome */ -o-transition: all .2s ease-in; /* Opera */}

h2 {font-size: 1.5em; font-weight: 400;}

.button {  background-color:#3bbde3; background-repeat: no-repeat; background-position: 8px 50%; color:#fff; margin-right: .5em; text-decoration:none; font-weight: bold; text-transform: none; padding: .5em 1em .5em 1em; border-radius: 4px; -moz-border-radius: 4px; display: inline-block;}
.button:hover {color:#fff; background-color:#1093b9;}         

.inactiveLink {pointer-events: none; cursor: default; background-color:grey;}

.txtCenter { text-align:center;}

span.icon { padding-left: 20px; background-repeat:no-repeat;}
span.icon-folder { background-image: url(../images/icons/Folder.png); }
span.icon-word { background-image: url(../images/icons/fileWord.png); }
span.icon-docx { background-image: url(../images/icons/fileWord.png); }
span.icon-doc { background-image: url(../images/icons/fileWord.png); }
span.icon-excel { background-image: url(../images/icons/fileExcel.png); }
span.icon-xls { background-image: url(../images/icons/fileExcel.png); }
span.icon-xlsx { background-image: url(../images/icons/fileExcel.png); }
span.icon-csv { background-image: url(../images/icons/fileExcel.png); }
span.icon-exe { background-image: url(../images/icons/fileExe.png); }
span.icon-music { background-image: url(../images/icons/fileMusic.png); }
span.icon-other { background-image: url(../images/icons/fileOther.png); }
span.icon-pdf { background-image: url(../images/icons/filePDF.png); }
span.icon-ppt { background-image: url(../images/icons/filePPT.png); }
span.icon-pptx { background-image: url(../images/icons/filePPT.png); }
span.icon-rtf { background-image: url(../images/icons/fileRTF.png); }
span.icon-txt { background-image: url(../images/icons/fileRTF.png); }
span.icon-png { background-image: url(../images/icons/Icon-Image.png); }
span.icon-jpg { background-image: url(../images/icons/Icon-Image.png); }
span.icon-video { background-image: url(../images/icons/fileVideo.png); }
span.icon-zip { background-image: url(../images/icons/fileZip.png); }
span.icon-uploading { background-image: url(../images/icons/file_uploading.png); }
span.icon-failedupload { background-image: url(../images/icons/failed_upload.png); }
span.icon-tempupload { background-image: url(../images/icons/tmp.png); }



.headerContainer { width: 100%; height: 50px; background:#fff; z-index: 1; border-bottom: 1px solid #ccc; position: fixed; top:0; }
    .headerContainer:after { content: ""; clear: both; display: block; }

#imgRTS {  margin: .2em 0 0 1em; width: 50px; height: auto;}

.mobileNavContainer { display:none;}
.mobileNavContainer {  float:right;}
    .mobileNavContainer ul { margin: 0; padding: 0; list-style:none;}
        .mobileNavContainer ul li { float:left; position:relative;}
            .mobileNavContainer ul li a { color:#415358; display:block; padding: 1.5em 1em; text-decoration:none; font-weight: 700; text-transform:uppercase; font-size:.85em;}
                .mobileNavContainer ul li a:hover { color: #3bbde3; }

.mobileBtnContainer { display:none;}

.mainNavContainer {  float:right;}
    .mainNavContainer ul { margin: 0; padding: 0; list-style:none;}
        .mainNavContainer ul li { float:left; position:relative;}
            .mainNavContainer ul li a { color: #415358; display: block; padding: 1.5em 1em; text-decoration: none; font-weight: 400; text-transform: uppercase; font-size: .85em; font-family: 'Montserrat', sans-serif; }
                .mainNavContainer ul li a:hover { color: #3bbde3; }

                #liAccountSettings { min-width: 183px;}
                .accountSettingsMenu {position:absolute; background:#fff; width: 100%; margin-top: 1px; display:none;}

            .app-icon-sync:before {content: "\e905";  margin-right: 1em;}
            .app-icon-tags:before {content: "\e906";  margin-right: 1em;}
             .app-icon-check:before {content: "\2709";  margin-right: 1em;}
            .app-icon-signout:before {content: "\e907";  margin-right: 1em;}
            .app-icon-comments:before { content: "\e91f"; margin-right: 1em; }
            .app-icon-share:before {content: "\e901";  margin-right: 1em;}
            

.mainNavContainer ul ul { padding: 0 1em 1em 1em;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.mainNavContainer ul ul li { float:none;}
            .mainNavContainer ul ul li a {margin: 0; border-bottom: 1px solid #f4f6f8; color:#415358; display:block; padding: 1em; text-decoration:none; font-weight: 400; text-transform:none; font-size:.85em; white-space: nowrap;}


#realFileContainer { width: 100%; top: 50px; bottom: 0; position: absolute;}
    #vertical {height: 100%; margin: 0 auto; position: relative;}

    #top-pane {}
    div#vertical.k-widget { border: 0 !important;}

    #left-pane {background-color: rgba(233,237,240,.5); }
    #center-pane  {  background-color: rgba(255,255,255,1);
                     height: 700px;
                     width: auto;
    }
    #right-pane {background-color: rgba(233,237,240,.5);}


    .pane-content {padding: 1em;}

    
    /****** Tree Styles ******/
    
    #treeview { overflow: hidden;}
    #treeview ul { }
    #treeview .k-treeview .k-in { padding: 0; margin: 0;}
    /*#treeview .k-plus { background: url(../images/icons/arrow-right.png);}
    #treeview .k-minus { background: url(../images/icons/arrow-down.png);}*/
    #treeview .k-state-selected, #treeview .k-state-focused, .root-selected { background-color:transparent; color:#000; border: 0; font-weight: 700; box-shadow: none;}
    #treeview .k-state-hover { background-color: rgba(0, 0, 0, 0.05);}
    

    #treeview .icon {display: block; padding: 5px 20px 5px 30px; background-position: 5px 50%; background-repeat: no-repeat;}
    #treeview .folder { background-image: url(../images/icons/Folder.png); }
    #treeview .shortcut { background-image: url(../images/icons/shortcut-Folder.png); }

    /****** GridStyles ******/
    .center-title-container { background:#f4f6f8; border-bottom: 1px solid #ccc;}
        .folderTitleContainer { font-size: 2em; color:#666;     white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
        .folderTitle {  padding-top: .4em; font-family: 'Montserrat', sans-serif;}
         .app-icon-folder:before {content: "\e900"; font-size:.8em;  margin-right: .5em; color: #999;}

        .breadcrumbs { padding-top: .75em; color:#7c868d; font-size: .95em;    white-space: nowrap;                     overflow: hidden;                text-overflow:    ellipsis;         direction:rtl;    text-align:left; }
            .breadcrumbs a { color:#7c868d; text-decoration: none; }

        .actionMenu {padding: 1em; border-top: 1px solid #ccc; background:#ebedef; position:relative;}
            .actionMenu::after { content: ""; clear: both; display: block;}
            .actionMenu ul {padding: 0; margin: 0; list-style: none; float:left;}
            .actionMenu ul li {float:left;}
                .actionMenu ul li a { color: #333; text-decoration: none; padding: 1em 1.5em; display: block; border: 1px solid #ccc; text-transform: uppercase; border-radius: 50px; -moz-border-radius: 50px; background: #fff; margin: 0 1em 0 0; font-family: 'Montserrat', sans-serif; }
                .actionMenu ul li a:hover {color:#fff; background-color:#3bbde3; border: 1px solid #3bbde3;}

                .actionMenu ul li.mobileMenu { display:none;}

                .app-icon-add-file:before { content: "\e904";  margin-right: 1em;}
                .app-icon-add-folder:before {content: "\e900";  margin-right: 1em;}
                .app-icon-widget:before {content: "\e902";  margin-right: 1em;}
                .app-icon-mobile-Menu:before {content: "\e908";  margin-right: 1em;}

                .app-icon-search:before {content: "\e909";  margin-right: 1em;}


        #divSearchContainer { display:none;}         
        #divSearchPathContainer { display:none;}              
                        
        .searchContainer {position:absolute; top: 0; bottom:0; left:0; right:0; background:#fff; padding: 0 0 0 0;}
        .searchContainer input {width: 100%; border: 1px solid #e1e5e8; padding: 1em 80px 1em 1em; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box;}

        .searchActionContainer { position: absolute;    top: 1em;    right: 1em;  }
        .searchContainer button { display: inline-block; color: #fff;  cursor:pointer;   text-decoration: none;    padding: .65em 1.5em;    border: 1px solid #3bbde3;    text-transform: uppercase;    border-radius: 50px;    -moz-border-radius: 50px;    background: #3bbde3;    margin: 0 0 0 0;    }
        .searchContainer button:hover { background: #1093b9;}
        .app-icon-search-files:before { content: "\e909";  margin-right: .5em; font-size: .8em;}
        .app-icon-search-files-cancel:before { content: "\e917";  font-size: .8em;}
        .app-icon-zoom-in:before {  content: "\1f440";margin-right: .5em; font-size: .8em;}
        

        .searchContainer button#btnCloseSearch { background:transparent; border:0; color:rgba(0,0,0,.3); cursor:pointer;}
        .searchContainer button#btnCloseSearch:hover { background:transparent; border:0; color:rgba(0,0,0,.8); cursor:pointer;}
        #lastmodified {display:inline-block;} 
        #lastmodified1 {display:inline-block;} 
         #created {display:inline-block;} 
        #created1 {display:inline-block;}
         #size {display:inline-block;} 
        #size1 {display:inline-block;}  

        .relative { position:relative;}

    .ui-button {display: none;}
    .k-grid { border: 0;}
    .k-grid table .k-header { background:#f5f5f5; border-color:#f5f5f5; font-weight: bold;    padding: 1.25em 1em !important; }
    .k-grid table {   table-layout: fixed;}
    .k-grid-header-wrap {background:#415358; }
    .k-grid table .k-header a.k-link { font-weight: bold; padding: 0 !important;}
    #center-pane .k-grid-header thead th{border-right: 2px solid lightgray}
    

.k-grid table tbody tr td { border-bottom: 1px solid #f5f5f5 !important;}

    .k-grid table tbody tr.k-alt { background:#fff;}
        .k-grid table tbody tr:hover { background: rgba(59,189,227,.1);}
        .k-grid table tbody tr.k-state-selected, .k-grid table tbody tr.k-state-selected:hover { background: rgba(59,189,227,.3); color:#000;}

        .k-grid table tbody tr.partial-upload { background:#FFFF00;}
        .k-grid table tbody tr.complete-upload { background:#008000;}
        .k-grid table tbody tr.failed-upload { background:#FF0000;}

    .k-grid table tbody td { padding: .5em 1em !important; border-bottom: 1px solid #eef2f5; border: 0 !important; white-space: nowrap; text-overflow: ellipsis;}        

    
    .k-grid table span.icon-foldershortcut { background-image: url(../images/icons/shortcut-Folder.png); }
    .k-grid table span.icon-fileshortcut { background-image: url(../images/icons/shortcut-File.png); }


.paddingH1em { padding: 1em;}


.k-button.k-state-focused, .k-grid-header th.k-state-focused, .k-list>.k-state-focused, .k-listview>.k-state-focused, .k-state-focused, td.k-state-focused {
    -webkit-box-shadow: inset 0 0 0 0 #fff !important;
    box-shadow: inset 0 0 0 0 #fff !important; 
}


.k-grid table tbody tr.k-detail-row:hover {background: transparent !important;}

#inheritedFromh1 { font-family: 'Montserrat', sans-serif; font-size: 1.5em; margin-top: 0; }
#inheritedFrom { font-family: 'Montserrat', sans-serif; font-size: 1em; margin-top: 0; }

#permissionsGrid table { border-left: 4px solid #2e2e2e;}
    #permissionsGrid table td { border-bottom: 0 !important; }

.clearPermissions { margin-top: 1em;}

/* allow menu to break out of treeview container */
div.k-treeview { overflow: visible; }


/*Context Menu*/

.k-animation-container { width: 250px !important;}

#gridContextMenu {  background: #fff; width: 100%; border: 0; }
    #gridContextMenu li { padding: 0; text-align: left; padding: .8em; font-size: 1em; /* text-transform: uppercase; */ font-family: 'Montserrat', sans-serif; }
    #gridContextMenu li:hover, #gridContextMenu li:hover span { background: rgba(59,189,227,.3);}

    #gridContextMenu li span.k-link { }

.app-icon-cmDownload:before { content: "\e90e"; opacity: 1; margin-right: 1em; color: #333; }
.app-icon-cmCut:before { content: "\e911"; opacity: 1; margin-right: 1em; color: #333; }
.app-icon-cmCopy:before { content: "\e90c"; opacity: 1; margin-right: 1em; color: #333; }
.app-icon-cmPaste:before { content: "\e90d"; opacity: 1; margin-right: 1em; color: #333; }
.app-icon-cmDelete:before { content: "\e90f"; opacity: 1; margin-right: 1em; color: #333; }
.app-icon-cmQuickShare:before { content: "\e912"; opacity: 1; margin-right: 1em; color: #333; }
.app-icon-cmInvite:before { content: "\1f4e7"; opacity: 1; margin-right: 1em; color: #333; }
.app-icon-cmProperties:before { content: "\e910"; opacity: 1; margin-right: 1em; color: #333; }
.app-icon-cmNavigateTo:before { content: "\e914"; opacity: 1; margin-right: 1em; color: #333; }
.app-icon-cmShortcut:before { content: "\e913"; opacity: 1; margin-right: 1em; color: #333; }
.app-icon-cmShare:before { content: "\e901"; opacity: 1; margin-right: 1em; color: #333; }
.app-icon-cmRename:before { content: "\e915"; opacity: 1; margin-right: 1em; color: #333; }
.app-icon-cmTags:before { content: "\e906"; opacity: 1; margin-right: 1em; color: #333; }
.app-icon-cmCancel:before { content: "\e917"; opacity: 1; margin-right: 1em; color: #333; }

.app-icon-cmFolder:before {content: "\e900"; opacity: 1; margin-right: 1em; color: #3bbde3;}
.app-icon-cmFile:before {content: "\e904"; opacity: 1; margin-right: 1em;  color: #3bbde3;}

.app-icon-public {display:inline-block !important; }
.app-icon-public:before {content: "\e91b"; opacity: 1; margin: 0 .5em;}

.app-icon-group:before {content: "\e91c"; margin: .3em .5em 0 0; display:inline-block;}

.app-icon-dots:before {content: "\e90b"; margin: 0; display:inline-block; color:#fff; display:block; width: 100%; text-align: center; font-size: 1.25em;}
.app-icon-back:before {content: "\e90a"; margin: 0; display:inline-block; color:#fff; display:block; width: 100%; text-align: center; font-size: 1.25em;}


/* #cmTitle, #gridDownload, #gridDelete, #gridInviteToRealFile, #gridProperties, #gridPasteAsShortcut  { border-bottom: 1px solid #ccc;} */

#gridContextMenu li#cmTitle { font-size: .8em; text-transform: uppercase; font-weight: 400; padding: 1em 0;}
    #gridContextMenu li#cmTitle span { opacity: .5; cursor: auto; cursor:auto;}
#gridContextMenu li#cmTitle:hover, #gridContextMenu li#cmTitle:hover span {background:transparent; }

#gridContextMenu li#gridCancel { }
    #gridContextMenu li#gridCancel span span { font-size: .8em;}


#centerContextMenu { background: #fff; width: 100%; border: 0; }
#centerContextMenu li {padding: 0 0 .5em; text-align:left; font-weight: 400; font-family: 'Open Sans', sans-serif;}

    #centerContextMenu li#cmTitle { font-size: .8em; text-transform: uppercase; font-weight: 400; padding: 1em 0; }
        #centerContextMenu li#cmTitle span { opacity: .5; cursor: auto; cursor: auto; }
        #centerContextMenu li#cmTitle:hover, #centerContextMenu li#cmTitle:hover span { background: transparent; }

    #centerContextMenu li#centerCancel { }
        #centerContextMenu li#centerCancel span span { font-size: .8em; }

#centerContextMenu { background: #fff; width: 100%; border: 0; }
    #centerContextMenu li { padding: 0; text-align: left; padding: .8em; font-size: 1em; /* text-transform: uppercase; */ font-family: 'Montserrat', sans-serif; }
        #centerContextMenu li:hover, #centerContextMenu li:hover span {background: rgba(59,189,227,.3); }

        #centerContextMenu li span.k-link { }



#treeviewContextMenu { background: #fff; width: 100%; border: 0; }
    #treeviewContextMenu li { padding: 0 0 .5em; text-align: left; font-weight: 400; font-family: 'Open Sans', sans-serif; }

        #treeviewContextMenu li#cmTitle { font-size: .8em; text-transform: uppercase; font-weight: 400; padding: 1em 0; }
            #treeviewContextMenu li#cmTitle span { opacity: .5; cursor: auto; cursor: auto; }
            #treeviewContextMenu li#cmTitle:hover, #treeviewContextMenu li#cmTitle:hover span { background: transparent; }

        #treeviewContextMenu li#centerCancel { }
            #treeviewContextMenu li#centerCancel span span { font-size: .8em; }

#treeviewContextMenu { background: #fff; width: 100%; border: 0; }
    #treeviewContextMenu li { padding: 0; text-align: left; padding: .8em; font-size: 1em; /* text-transform: uppercase; */ font-family: 'Montserrat', sans-serif; }
        #treeviewContextMenu li:hover, #treeviewContextMenu li:hover span { background: #f5f5f5; }

        #treeviewContextMenu li span.k-link { }


    #treeviewContextMenu .contextMenuSep { border-bottom: 1px solid #ccc;}



/* #cmTitle, #centerDownload, #centerDelete, #centerQuickShare, #centerProperties, #centerPasteAsShortcut, #centerAddNewFiles  { border-bottom: 1px solid #ccc;} */

#centerContextMenu li#cmTitle { }
    #centerContextMenu li#cmTitle span {  }
#centerContextMenu li#centerCancel {} 


/*Delete Dialog*/
#confirmDeleteDialog { text-align: center; font-family: 'Montserrat', sans-serif; }
.deleteActionBar { display: block; width: 100%; padding: 1em; text-align: left; border-top: 1px solid #e5e5e5; background: #3bbde3; box-sizing: border-box; -moz-box-sizing: border-box; }

/* Quick Share */
#divQuickShare { box-sizing: border-box; -moz-box-sizing: border-box; }
#divQuickShare .k-multiselect { margin:0; box-sizing:border-box;  -moz-box-sizing:border-box;}
#divQuickShare .k-multiselect .k-multiselect-wrap { box-sizing:border-box;  -moz-box-sizing:border-box;}


.quickShareMarginTop { margin-top: 1.5em;}
    .quickShareFormItem label {padding: 0 0 .5em 0;    text-transform: uppercase;    font-weight: bold;  display:block; }
.quickShareFooter {     bottom: 0;    left: 0;    right: 0;    display: block;    width: 100%;    padding: 1em;    text-align: left;    border-top: 1px solid #e5e5e5;    background: #3bbde3;    box-sizing: border-box;    -moz-box-sizing: border-box;}






.shareCol .tagsList { border-radius: 0; background:transparent !important; color: #1093b9; border:0; border-bottom: 1px solid #1093b9; padding: .7em 0; margin: .25em; display: block; }
.shareCol .tagsListBtn { float: right; background: transparent !important }

.sharedPadding { padding: 2.5em 2.5em 5em; }
.shareTitle { color: #fff; font-size: 4em; font-weight: 400; font-family: 'Montserrat', sans-serif; text-align:center; max-width: 940px; margin: 0 auto;}
.shareSubTitle { line-height: 1.75em; color: #fff; text-transform:none; font-size: 1.5em; font-weight: 400; font-family: 'Montserrat', sans-serif; text-align: center; max-width: 940px; margin: 2em auto 3em auto; }
.sharedSubTitle { background: url(../images/logo.png) #fff 10px 50% no-repeat; padding: 1em .5em 1em 85px; font-size: 1.75em; font-weight: 400; font-family: 'Montserrat', sans-serif; border-bottom: 1px solid #ccc; text-transform: uppercase; color: #333; }

.sharedDetails { padding: .5em 1em; background: #f4f6f8; border-bottom: 1px solid #ccc;}
.sharedDetails ul { list-style: none; padding: 0; }
    .sharedDetails ul li { display:inline-block; margin-right: 1em; border-right: 1px solid #999; padding-right: 1em;}
        .sharedDetails ul li:last-child { border:0; margin-right:0; padding-right:0;}

.sharedPadding5em { padding: 5em; }   

.shareBreadCrumbs { padding:0; margin-bottom: 1em;}


.tryRealFile { background: #d17406; padding: 1em 1.5em; text-decoration: none; color: #fff; font-family: 'Montserrat', sans-serif; text-transform:uppercase; border-radius: 50px; -moz-border-radius: 50px; }


/* Tags */
.k-grid table td .k-header { background: #f5f5f5; border-color: #f5f5f5; font-weight: bold; padding: 0 !important; margin: 0; }

.k-grid .k-multiselect-wrap ul li span:nth-child(2)::before { content: "\e917"; opacity: 1; margin-right: .3em; color: #333; font-size: .8em; padding-top: 0;    display: inline-block; }
.k-grid .k-multiselect-wrap ul li span:nth-child(2) span { display:none;}



/*Application Modal Background*/

div.k-window-titlebar.k-header { color: #fff; }
.k-header .app-icon-cmPropertiesBig:before {content: "\e910"; opacity: 1; margin: 0 1em; color: #fff;}

.k-window { border: 0; border-radius: 0 !important;border: 0 !important; }
.k-window-titlebar { position: static; height: auto; background: #15262f; padding: 1em 0; border-radius: 0 !important; border: 0 !important; }
.k-window-title { font-family: 'Montserrat', sans-serif;    font-size: 1.3em;    position: static !important;    padding-left: .5em;}

.k-window-titlebar .k-link { border-radius: 0 !important;}
    .k-window-titlebar .k-link:hover { border: 0 !Important; background: transparent !important;}

.k-window-content { padding: 0 !important;}

.k-window-actions a:nth-child(1)::before { content: "\e91d"; opacity: 1; margin-right: .3em; color: #fff; font-size: .8em; padding-top: 0;    display: normal; font-family: 'icomoon' !important; }
.k-window-actions a:nth-child(2)::before { content: "\e91e"; opacity: 1; margin-right: .3em; color: #fff; font-size: .8em; padding-top: 0;    display: inline-block; font-family: 'icomoon' !important; }
.k-window-actions a:nth-child(3)::before, .k-window-actions a:nth-child(4)::before { content: "\e917"; opacity: 1; margin-right: .3em; color: #fff; font-size: .8em; padding-top: 0;    display: inline-block; font-family: 'icomoon' !important; }
.k-window-actions a span { display:none;}


.k-window-maximized .k-window-actions a:nth-child(4)::before { content: "\e917"; opacity: 1; margin-right: .3em; color: #fff; font-size: .8em; padding-top: 0;    display: inline-block; font-family: 'icomoon' !important; }





/* The Modal (background) */
.modal {    display: none; /* Hidden by default */    position: fixed; /* Stay in place */    z-index: 99; /* Sit on top */    left: 0;    top: 0;    width: 100%; /* Full width */    height: 100%; /* Full height */    overflow: auto; /* Enable scroll if needed */    background-color: rgb(0,0,0); /* Fallback color */    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}

.syncClientModal { position:fixed; right: 0; top: 49px; z-index: 1; -webkit-box-shadow: 0 0 100px 0 rgba(0,0,0,.3); box-shadow: 0 0 100px 0 rgba(0,0,0,.3); display:none;}

.menuManageTags { position:fixed; right: 0; top: 49px; z-index: 1; -webkit-box-shadow: 0 0 100px 0 rgba(0,0,0,.3); box-shadow: 0 0 100px 0 rgba(0,0,0,.3); display:none;}
.ulManageTags { list-style-type: none; overflow:auto; height:120px; }
.manageTagsPadding { padding: 2em; }
.manageTagsBtnContainer {border-top: 1px solid #e1e5e8; padding: 1.5em 2em; background: rgb(233, 237, 240); }
.manageTagsBtnContainer span {display:inline;}
.align-right {  text-align:right }
.menu-content { 
    background-color: #fefefe;
    margin: 0 auto; /* 15% from the top and centered */   
    border: 1px solid #e1e5e8;
    position: relative;
    width: 500px;        
}

.app-icon-close:before {content: "\e902"; cursor:pointer; position:absolute; font-size: .75em; padding: 1em; display:inline-block; top: 1em; right:1em; }
.app-icon-close:hover:before { background: red; color:#fff;}
.app-icon-close:hover {cursor:pointer }

.vertCenter001 {display: table; height: 100%;  width: 100%;}
.vertCenter002 {display: table-cell;  vertical-align: middle;}

.vertTop {display: table-cell;  vertical-align: top;}

/* Modal Content/Box */
.k-window {  min-width: 800px !important;}

.modal-content {
    background-color: #fefefe;
    margin: 0 auto; /* 15% from the top and centered */
    padding: 2em;
    border: 1px solid #888;
    position: relative;
    width: 80%;
    max-width: 1200px;
    min-width: 900px; /* Could be more or less, depending on screen size */
}

.modal-content-sync { 
    background-color: #fefefe;
    margin: 0 auto; /* 15% from the top and centered */   
    border: 0px solid #e1e5e8;
    position: relative;
    width: 600px;        
}

.syncPadding { padding: 2em;}
.syncBtnContainer {border-top: 1px solid #e1e5e8; padding: 1.5em 2em; background: rgb(233, 237, 240); }



.gridHeaderRemoveScrollbar {
    padding: 0 !important;
}

.gridContentRemoveScrollbar {
    overflow-y: visible;
}

.window-footer{        position: absolute;        bottom: 0;        left:0; right: 0;        display: block;         width: 100%;                padding: 1em;        text-align: left;        border-top: 1px solid #e5e5e5;       background: #3bbde3;        box-sizing: border-box;    -moz-box-sizing: border-box;  }
.modalBtn { display: inline-block; color: #fff; text-decoration: none; padding: .75em 1.5em; border: 1px solid #2aa1c4; text-transform: uppercase; border-radius: 4px; -moz-border-radius: 4px; background: #2aa1c4; margin: 0 .5em 0 0; font-family: 'Montserrat', sans-serif; }
.modalBtn:hover {color:#fff; background-color:#137693; border: 1px solid #137693; background-image:none!important;}

/* Tabs */
.tabLnkContainer3 { background: #15262f; padding: 0 1em 1em 1em; white-space: nowrap;}
.tabLnkContainer3, .rightTabLnkContainer3 { margin: 0; border-bottom: 1px solid #e5e5e5; }
.tabLnk, .rightTabLnk, .rightTabLnk:hover, .tabLnk:hover { display: inline-block; color: #fff; font-family: 'Montserrat', sans-serif; text-decoration: none; padding: .75em 1.5em; text-transform: uppercase; border-radius: 4px; -moz-border-radius: 4px; background: #223946; margin: 0 .5em 0 0; }
        .tabLnkActive, .rightTabLnkActive, .rightTabLnkActive:hover, .tabLnkActive:hover { background: #3bbde3 !important; color: #fff; }

.tabContentContainer { position: absolute; top: 50px; bottom: 68px; overflow-y: scroll; left: 0; right: 0; background: #ebedef; }
.tabContent { position:relative;}

.tabBorderContainer { border: 1px solid #ccc;}

.app-icon-tabProperties:before {content: "\e902"; opacity: 1; margin: 0 1em 0 0;}
.app-icon-tabVersions:before {content: "\e918"; opacity: 1; margin: 0 1em 0 0;}
.app-icon-tabPermissions:before {content: "\e91a"; opacity: 1; margin: 0 1em 0 0;}


.tabBtns { border-top: 1px solid #e1e5e8; background: rgb(233, 237, 240);    position: absolute;    left: -2em;    bottom: -2em;    right: -2em;    padding: 1.75em 2em;}

.clearAfter:after { content:""; clear:both; display:block;}
.width65 {width: 65%; float:left;}
.width30 {width: 30%; float:right; }

.width50 {width: 47%; float:left;}
    .width50:nth-child(2n) {margin: 0 3%; }


.dropzone {width: 100%; height: 350px; border: 5px dashed #f5f5f5 !important; background: url(../images/uploadcloud.png) 50% 2em no-repeat !important; padding: 0 !important; border-radius: 40px; -moz-border-radius: 40px;}
    .dropzone .dz-message {margin: 0 !important;    }

.app-icon-upload:before {    content: "\e903";    font-size: 10em;    display: block;    text-align: center;    padding-top: .25em;    opacity: .4;}

.uploadQueContainer { position:absolute; background:#f5f5f5; left:65%; right: 0; top: 0; bottom: 0;}
.uploadQueTitle { text-transform: uppercase; font-size: .85em; font-family: 'Montserrat', sans-serif; color:#999;}
.uploadListContainer { height: 250px; overflow:auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 1em 0;}

.marginBot1em {margin-bottom: 1em;}

.lightgrey { background: #ebedef; }
.white { background: #fff; }
.tabBorderBottom { border-bottom: 1px solid #ccc; }

.padding2em { padding: 2em;}
.padding4em { padding: 4em 2em; }


/*Remove Permissions Horizontal ScrollBar*/

#permissionsGrid .k-grid-content
{
   overflow-x: visible;
}

span.icon { padding-left: 20px; background-repeat:no-repeat;}
span.icon-folder { background-image: url(../images/icons/Folder.png); }

.rootLink { padding: .75em 0; color:#000; font-size: 1em; text-decoration: none;}

.ui-dialog,.ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable {background-color:#fff !important;}
.ui-draggable {padding: 2em !important; width: 400px !important; -webkit-box-shadow: 0 0 100px 0 rgba(0,0,0,.3); box-shadow: 0 0 100px 0 rgba(0,0,0,.3);}
.ui-dialog-title {font-size: 1.5em;  display:block;}
.ui-dialog-content {margin: 2em 0 !important;}


.tablePreview{
    table-layout: auto;
}

.tablePreview th, .tablePreview td {
    overflow: hidden;
    width: 30%;
}

/*Manage Tags*/

.manageTagActions {  position:relative;  margin: 0;    border-bottom: 1px solid #e5e5e5; background: #fff;    padding: 1em;}
.manageTagText { padding: .75em 1.5em; border: 1px solid #ccc; width: 100%; box-sizing: border-box !important; -moz-box-sizing: border-box !important; }

.manageTagBtn { position: absolute; bottom: 3em; right: 1em; z-index:99;}
.manageTagBtn:hover { }

.tagsList { border-radius: 50px; background: #fff !important; color: #1093b9; border: 1px solid #1093b9; padding: .7em .75em; margin: .25em; display: inline-block; }
.tagsListBtn { background: #fff !important; color: #3bbde3; display:inline-block;}
    .tagsListBtn:before { color: #3bbde3; font-size: .8em; margin: .5em; }
.tagsListBtn:hover {cursor:pointer;}

#divComments { }
.whiteComment { margin-bottom: 1em;}
.lightBlueComment { margin-bottom: 1em; }
.commentDate { font-size:.8em;}


/*Form Elements*/
.formItem input, .formItem textarea { padding: 2.5em 0 1em 0; display: block; border: 0; width: 100%; display: block; border-bottom: 1px solid #ccc; background: none; position: relative; z-index: 1; font-weight: 700; }
    .formItem input[type="password"] { letter-spacing: .5em; }
.formItem { position: relative; z-index: 1; }
    .formItem > label { position: absolute ; top: 10px; left: 0; width: 100%; transition: 0.2s; font-size: .8em;  font-weight: 400;  }


span.borderBottom { transition: 0.2s; position: absolute; bottom: 0; left: 0; right: 100%; height: 3px; background: #000; z-index: 2; }

.formItem input:focus, .formItem textarea:focus { outline: none; }
    .formItem input:focus + label, .formItem textarea:focus + label { top: 15px; font-size: .8em; color: #3bbde3; font-weight: 700; text-transform: uppercase; }
    .formItem input:focus + span.borderBottom, .formItem textarea:focus + span.borderBottom { transition: 0.2s; position: absolute; bottom: -1px; left: 0; right: 0; height: 5px; }

input:valid + label { top: 10px; font-size: .8em; color: #999; font-weight: 400; text-transform: uppercase; }


/*.formItem {position: relative; margin-bottom: 1em;}

    
.formItem input[type="text"], .formItem input[type="password"], .formItem textarea, .formItem select {transition: all 0.2s; display:block; border: 0; position:relative; background: transparent; padding: 3em 0 1em; border-bottom: 1px solid #ccc; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;}
    .formItem input[type="text"]:focus, .formItem input[type="password"]:focus, .formItem textarea:focus { outline:none;}
.formItem .borderBottom {display: block; z-index:1; position: absolute;  left: 0;  bottom: -2px;  width: 0;  height: 3px;  background-color: #ccc;  content: "";  transition: width 0.2s;}
.formItem:hover .borderBottom { width: 100% !important; background-color:#ccc; }

.formItem textarea { min-height: 100px; display:block;}


.formItem .floating-label { position: absolute; pointer-events: none; left: 0; top: 15px; transition: 0.2s ease all; color: #ccc; }*/




/*Login Styles*/

.mainLoginContainer { max-width: 1200px; margin: 0 auto; width: 80%;}

.loginBG { }
.loginOuterContainer { width: 30%; padding: 2em 2em 180px 2em; background: url(../images/loginBG.jpg) bottom center no-repeat #fff; margin: 0 auto; -webkit-box-shadow: 0 0 100px 0 rgba(0,0,0,.3); box-shadow: 0 0 100px 0 rgba(0,0,0,.3); float:right;}
.loginOuterContainerAbqMuseum { width: 30%; padding: 2em 2em 180px 2em; background: bottom center no-repeat #fff; margin: 0 auto; -webkit-box-shadow: 0 0 100px 0 rgba(0,0,0,.3); box-shadow: 0 0 100px 0 rgba(0,0,0,.3); float:right;}

.loginLogoContainer { text-align: center; padding-bottom: 2em;}

.loginLnk { color: #fff;
    text-decoration: none;
    padding: 1em 1.5em;
    display: inline-block;
    border: 1px solid #fff;
    text-transform: uppercase;
    border-radius: 50px;
    -moz-border-radius: 50px;
    background: transparent;
    margin: 0 1em 0 0;
    font-family: 'Montserrat', sans-serif;}

.loginLnk:hover { color: #333; background: #fff;}


/* Login Link */
#LoginLink {
             color: #3bbde3; text-align:center;
    text-decoration: none;
    padding: 1em 1.5em;
    display: block;
    border: 1px solid #3bbde3;
    text-transform: uppercase;
    border-radius: 50px;
    -moz-border-radius: 50px;
    background: transparent;
    margin: 3em 1em 3em 0;
    font-family: 'Montserrat', sans-serif;   
                }
#ForgotPasswordLink {color: #3bbde3; text-align:center;
    text-decoration: none;
    padding: 1em 1.5em;
    display: block;
    border: 1px solid #3bbde3;
    text-transform: uppercase;
    border-radius: 50px;
    -moz-border-radius: 50px;
    background: transparent;
    margin: 3em 1em 3em 0;
    font-family: 'Montserrat', sans-serif; }
.loginForgotPW { text-transform:uppercase; display:block; font-size: .8em; color:#999; text-decoration:none; text-align:center;
}
.loginTextContainer { float:left; width: 60%; padding: 0 2em 0 0;}


@media only screen and (max-width: 1250px) {
    .loginTextContainer { width: 60%;}
    .loginOuterContainer {width: 40%;}
    
}

@media only screen and (max-width: 1024px) {
    .loginOuterContainer {width: 40%;}
    .loginTextContainer { width: 60%;}
}
@media only screen and (max-width: 960px) {
    .loginOuterContainer {width: 100%; max-width: 300px; margin: 0 auto; float:none;}
    .loginTextContainer { display:none;}
}

#divFilePreview img { max-width: 250px; height: auto; }

#divPropertiesPublicSection span {display:block;}

#spanMessage { display:none;  text-align:center; padding: 1em 0; color:red; margin: 0 auto; display:block;}
    

.center {
    margin: auto;
    width: 50%;
    padding: 10px;
}

#divSigningIn{
    position:absolute;
    top:50%;
    left:50%;
    margin:-57px 0 0 -56px;
}.k-grid tbody .k-button {
    min-width: 30px;
    /*width: 30px;*/
}

.shareLink {  background-color:#3bbde3; color:#fff; margin-right: .5em; text-decoration:none; text-transform:uppercase; font-weight: bold; padding: .75em 1.25em; border-radius: 4px; -moz-border-radius: 4px; display: inline;}
                .shareLink:hover {color:#fff; background-color:#1093b9;}


                .shareNavigation { border-top: 1px solid #e1e5e8; padding: 1em; background: rgb(233, 237, 240);}
            .shareNavigation::after { content: ""; clear: both; display: block;}
            .shareNavigation ul {padding: 0; margin: 0; list-style: none; float:left;}
            .shareNavigation ul li {display:inline-block; list-style:none}    
.btnShareNext { list-style:none; float:right; background-color:#3bbde3; color:#fff; margin-right: .5em; text-decoration:none; text-transform:uppercase; font-weight: bold; padding: .75em 1.25em; border-radius: 4px; -moz-border-radius: 4px; display: inline;}
                .btnShareNext:hover {color:#fff; background-color:#1093b9;}
.btnShareBack {  float:left; background-color:#3bbde3; color:#fff; margin-right: .5em; text-decoration:none; text-transform:uppercase; font-weight: bold; padding: .75em 1.25em; border-radius: 4px; -moz-border-radius: 4px; display: inline;}
                .btnShareBack:hover {color:#fff; background-color:#1093b9;}


#divWaitingModal{
    position:absolute;
    top:50%;
    left:50%;
    margin:-57px 0 0 -56px;
}


.widthCollapse { width: 0 !important;}


/* Modal Windows */

.dateDetails { margin: .3em 0 0 0;}
.dateDetails div { font-size: .9em; text-transform: none; }

/*Mobile PHones*/


#divMenuBtnContainer {
    height: 33px;
    width: 30px;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../images/icons/3dot.png");
}


#imgMenuButton {
    width: inherit;
    height: inherit;
}

#divDocViewer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999;
    background-color:white;
    float:left;
}

#viewer { position: absolute; width: 70%; height: 100%; top: 0; left: 0; display: none; z-index: 999999; background-color: #d1d1d1; float: left; }

#divViewerComments { margin-left: 70%; height: 100%; background-color: #ebedef; overflow: scroll; }

#viewerComments {
    height: 80%;
    overflow-y:auto;
}

#viewerAddComment {
    height:20%;
    margin-top: 80%;
}


#divDocViewerContainer {
    position: fixed;
    top: 10px;
    right: 10px;
    width:52px;
    height: 52px;
    display:none;
    z-index:999999999;
    background-color: transparent;
}

#imgDocViewer {
    display: none;
    max-height:100%;
    max-width:100%;
}

#divDocViewerClose {
    position: fixed;
    top: 14px;
    right: 14px;
    width:44px;
    height: 44px;
    display:none;
    z-index:99999999;
    background-color: white;
    margin-right:30%;
}

#imgCloseButton {
    position: fixed;
    top: 14px;
    right: 14px;
    width:44px;
    height: 44px;
    margin-right:30%;
}
 
#iframeDocViewer {
   width: 70%;
   height: 100%;
   position: fixed;
   float:left;
   display:none;
}

#readonlySpan {
    float: right;
    display:none;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#versionPopup {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 99999999; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    top: 30px; /* 30px from the top */
}

#columns tr {
    cursor: move;
}

.tabContent006 table, .tabContent007 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
  }
  
  .tabContent006 th, .tabContent007 th,  .tabContent006 td, .tabContent007 td {
    text-align: left;
    padding: 16px;
  }

  .tabContent006 input[type=text], .tabContent007 input[type=text] {
    width:80%;
    padding: 0.5em;
  }

  .tabContent006 thead, .tabContent007 thead {
    background-color: #3a39a2;
    color: white;
  }
  
  .tabContent006 tr:nth-child(even), .tabContent007 tr:nth-child(even) {
    background-color: rgba(59,189,227,.3)
  }

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#versionPopup.show {
    visibility: visible; /* Show the snackbar */
    z-index: 99999999999;

/* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
    animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {top: 0; opacity: 0;} 
    to {top: 30px; opacity: 1;}
}

@keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {top: 30px; opacity: 1;} 
    to {top: 0; opacity: 0;}
}

@keyframes fadeout {
    from {top: 30px; opacity: 1;}
    to {top: 0; opacity: 0;}
}

@media only screen and (max-width: 769px) {

    #particles-js {display:none; }


    .headerContainer { text-align: left; }

    .center-title-container { color: #fff; background: #15262f; }
    .mobileBtnContainer { display: block; position: absolute; top: 0; right: 0; }

        .mobileBtnContainer ul { list-style:none; margin: 0; padding: 0;}    
    .mobileBtnContainer ul li { float:left;}

    .k-splitter .k-splitbar-horizontal { display:none !important;}

    #imgRTS { margin: .3em 0 0 .3em; }

    .folderTitleContainer { width: 70%; font-size: 1.25em; text-align: left; color: #fff; }
    .app-icon-folder:before { color: #fff; }

    .loginOuterContainer { position: absolute; top: 1em; right: 1em; bottom: 1em; left: 1em; max-width: 1600px; width: auto !important}

    .mainNavContainer {float: right; width: 80%;}
    .mainNavContainer ul li {display:none !important;  }
    .mainNavContainer ul li#liAccountSettings {display:block !important; width: 100%; text-align:right;     white-space: nowrap;  }
    .mainNavContainer ul li#liAccountSettings span {width: 100%;    text-align: right;    white-space: nowrap;    overflow: hidden;    display: block;    text-overflow: ellipsis; }
        .mainNavContainer ul li#liAccountSettings span.app-icon-signout { display:none}


    .mobileNavContainer { display: none; }

    .actionMenu { padding: 1em; border-top: 1px solid #ccc; background: #ebedef; display: none; }
        .actionMenu::after { content: ""; clear: both; display: block; }
        .actionMenu ul { padding: 0; margin: 0; list-style: none; float: none; }
            .actionMenu ul li { float: none; margin-bottom: .5em; }
                .actionMenu ul li a { color: #333; text-decoration: none; padding: .75em 1.5em; display: block; border: 1px solid #ccc; text-transform: uppercase; border-radius: 50px; -moz-border-radius: 50px; background: #fff; margin: 0 1em 0 0; }
                    .actionMenu ul li a:hover { color: #fff; background-color: #3bbde3; border: 1px solid #3bbde3; }

    .k-context-menu { margin-left: auto; margin-right: auto; display: block; width: 96vw; background-color: black; text-align: center; font-size: 300%; }

    #gridContextMenu, #centerContextMenu { width: 100%; border: 0; padding: 0; box-sizing: border-box; }
        #gridContextMenu li, #centerContextMenu li {background: #f5f5f5; }
            #gridContextMenu li:first-child, #centerContextMenu li:first-child { border-top: 1px solid #c5c5c5;}


    .k-animation-container { top: auto !important; bottom: 0px !important; left: 0 !important; right: 0 !important; width: auto !important; }
    #divTopMenuBtnContainer { text-decoration: none; padding: 15px;  background-repeat: no-repeat; border: 0 solid #fff; display: block; background:#3bbde3; }
    #divUpButton { display: inline-block; }
        #divUpButton a { text-decoration: none; padding: 15px;  background-repeat: no-repeat; border: 0 solid #fff; display: block; background:#2fa7ca;}

    /*Modal Windows*/

    .k-window { min-width: 200px !important; height: auto !important; width: 100% !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; }
    .tabLnkContainer3 { display: block; }
    .tabContentContainer { top: 50px; }
    .width65, .width30 { width: 100%; float: none; display: block; }
    .tabLnk002 { display: none; }

    .k-window-actions a:nth-child(1)::before { display: none; }
    .k-window-actions a:nth-child(2)::before { display: none; }
    .k-window-actions a:nth-child(3)::before, .k-window-actions a:nth-child(4)::before { content: "\e917"; opacity: 1; margin-right: .3em; color: #fff; font-size: .8em; padding-top: 0; display: inline-block; font-family: 'icomoon' !important; }






    

    .selectQuickShare select { width: 100% !Important; padding: .75em .75em .75em 107px; border: 0; box-sizing: border-box !important; -moz-box-sizing: border-box !important; }


    .modal-content { background-color: #fefefe; margin: 0 auto; /* 15% from the top and centered */ padding: 2em; border: 1px solid #888; position: relative; width: 100%; max-width: 1200px; min-width: 200px; /* Could be more or less, depending on screen size */ }

    .modal-content-sync { background-color: #fefefe; margin: 0 auto; /* 15% from the top and centered */ border: 0px solid #e1e5e8; position: relative; width: 600px; }

    #divDocViewer { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 9999; background-color: white; float: left; }

    #viewer { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 999999; background-color: white; float: left; }

    #divViewerComments { background-color: white; display: none; }

    #viewerComments { display: none; }

    #viewerAddComment { display: none; }


    #divDocViewerContainer { position: fixed; top: 10px; right: 10px; width: 52px; height: 52px; display: none; z-index: 999999999; background-color: transparent; }

    #imgDocViewer { display: none; max-height: 100%; max-width: 100%; }

    #divDocViewerClose { position: fixed; top: 14px; right: 14px; width: 44px; height: 44px; display: none; z-index: 99999999; background-color: white; }

    #imgCloseButton { position: fixed; top: 14px; right: 14px; width: 44px; height: 44px; }

    #iframeDocViewer { width: 100%; height: 100%; position: fixed; float: left; display: none; }

    #divDocViewerClose { position: fixed; top: 14px; right: 14px; width: 44px; height: 44px; display: none; z-index: 99999999; background-color: white; margin-right: 0%; }

    #imgCloseButton { position: fixed; top: 14px; right: 14px; width: 44px; height: 44px; margin-right: 0%; }


    /*Mobile Share*/
    .sharedPadding { padding: 0; }
    .sharedDetails ul li { display: block; border: 0; padding-bottom: .5em; }

    #divUpButton {  }
        #divUpButton::after { clear: both; display: block; content: ""; }

    .shareButtonBack a { margin: 0 !important; background: #fff; padding: .7em !important; border-radius: 0 !important; -moz-border-radius: 0 !important; text-align: center; float: none; height: auto !important; width: auto !important; }
        .shareButtonBack a img { display: inline-block; width: 20px; height: 20px; }

    .shareTitle { font-size: 3em; }

    .sharedPadding5em { padding: 2em 2em; }


    /*Upload*/
    .k-window-title {
    position: absolute !important;
    left: .44em;
    right: 60px;
    top: 12px;
    overflow: hidden;
    cursor: default;
    text-overflow: ellipsis;
    display: block;
}

    #divAddNewFiles { overflow: auto !important;}
    .uploadQueContainer { position:static; background:#fff; left:0; right: 0; top: 0; bottom: 0;}
    .uploadQueTitle { text-transform: uppercase; font-size: .85em; font-family: 'Montserrat', sans-serif; color:#999;}
    .uploadListContainer { height: auto; overflow:auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 1em 0;}
    #btnUploadFiles { width: 100%; text-align:center; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box;}

    .k-window-titlebar .k-window-actions {    position: absolute;    top: 10px;    right: 1.3em;    padding-top: .3em;    white-space: nowrap;}

    .file-row { padding: 1em 0;    border-bottom: 1px solid #ccc;    font-family: 'Montserrat', sans-serif; position:relative;}
    .file-row:last-child { border-bottom: 0;}
        .file-row a { display:inline-block; position:absolute; top:0; right:0; background:#d73c3c; color:#fff; padding: .5em; font-size: .8em; margin-top: 1em; border-radius: 5px; -moz-border-radius: 5px; text-decoration:none;}

    .file-row ul { margin: 0; padding: 0; list-style:none; }
        .file-row ul .tablePreview { padding-right: 70px;}
    
    .padding2em {padding: 1em;}

    .tabLnkMainItems {     position: absolute;    background: #1c3542;    z-index: 9;    top: 50px;    left: 0;    right: 0; padding: 1em;}
    .tabLnkMainItems .tabLnk, .tabLnkMainItems .tabLnk:hover { display: block; color: #fff; font-family: 'Montserrat', sans-serif; text-decoration: none; padding: 1.25em; text-transform: uppercase; margin: 0; border-radius:0; -moz-border-radius: 0; border-bottom: 1px solid #15262f;}
    .tabLnkMainItems .tabLnkActive, .tabLnkMainItems .tabLnkActive:hover { background: #3bbde3 !important; color: #fff; }

    /*Mobile Hide Permissions*/
    .tabLnkMainItems .tabLnk002 { display:none;}

    /*Mobile Versions Table*/
    .tabContent003 .km-pane-wrapper {    position: static;    width: 100%;    height: 100%;}
    .tabContent003 .km-view {    position: static;    width: 100%;    height: 100%;}

}



.k-grid-toolbar { border-bottom: 1px solid #ccc; box-sizing: border-box !important; -moz-box-sizing: border-box !important; }
.toolbar #tagsTabSearch, .toolbar #tagSearch { width: 100% !Important; padding: .75em .75em .75em 107px; border: 0; box-sizing: border-box !important; -moz-box-sizing: border-box !important; }
.toolbar label { position: absolute; top: 14px; left: 12px; font-size: .8em; text-transform: uppercase; color: #999; }