/*
 * Laserfiche - Copyright (C) 2010 Compulink Management Center.
 */
html, #browsePage {
    margin: 0;
    height: 100%;
}


browse-app {
    height: 100%;
    display: flex;
    flex-flow: column;
    flex-direction: column;
}

#searchPage {
   height: 100%;
}

search-app {
    display: flex;
    flex-direction: column;
    flex-flow: column;
    height: 100%;
}

#browseContent {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

search-results {
    display: flex;
    flex-flow: column;
    height: 100%;
}

#searchResultsContentContainer1 {
    flex: 1;
    display: flex;
    flex-flow: column;
    height: 100%;
}

#searchResultsContent {
    flex: 1;
    height: 100%;
}

.ResultsDivContainer {
    flex: 1;
}


body {
    margin: 0;
}
BODY, TABLE
{
    font-family: "Open Sans";
    font-size: 14px;
}
.button, input, optgroup, select, textarea {
    font-family: "Open Sans";
}
IMG 
{ 
    border: 0px; 
}
EM 
{ 
    font-weight: 600; 
    font-style: normal; 
}
HR {
    color: #D5E2E6;            /* old IE */
    background-color: #D5E2E6; /* Modern Browsers */
}
A 
{
    color: #0069BA;
}
/*[aria-hidden="true"] 
{
    visibility: hidden;
}*/

.hidden {
    display: none !important;
}
.block {
    display: block;
}

/*** Fields, buttons, alerts; bootstrap-derived ***/

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  padding: 3px 6px;
  line-height: 1.35;
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background-color: #157AC7 !important;
}

textarea:focus,
input:focus {
    border-color: #E2F3F7;
}

/* dropdowns */
.dropdown-menu {
    font-size: 14px;
  
}
.dropdown.open > .dropdown-menu {
    display: block;
}

.rtl .dropdown.open > .dropdown-menu a{
    text-align : right;
}

.topBarNavigation .dropdown.open > .dropdown-menu {
  
    color: inherit;
    
}
.ltr .topBarNavigation .dropdown.open > .dropdown-menu {
    right: 0;
    left: auto;
}

.topBarNavigation{
    font-size: 12.5px;
}
.topBarNavigation .dropdownButton {
    background: transparent !important;
    font-weight: inherit;
    font-size: inherit;
}

.topBarNavigation .dropdownButton:hover,
.topBarNavigation .dropdownButton:active, 
.topBarNavigation .dropdownButton:focus {
     /*background: #004982;*/
     text-decoration: underline;
     box-shadow: none;
     border-color: transparent;
}

.topBarNavigation .dropdown-menu li{
    padding-left: 10px;
    font-size: 13.5px;
}

.topBarNavigation .dropdown-menu li a{
   text-decoration: none;
   padding-left: 10px;

}


.topBarNavigation .dropdown-menu li:hover {
    background-color: rgba(229, 243, 247, 0.5);
}

.topBarNavigation .dropdown{

}

#ResultsDivContainer {
    position: relative;
}

/*welcome-app #ResultsDivContainer{
    padding-bottom: 40px;
}*/

.returnToFolderLink {
    margin-top: 8px;
}
.ltr .returnToFolderLink {
    float: left;
}
.rtl .returnToFolderLink {
    float: right;
}
.returnToFolderLink a, .returnToFolderLink a:hover, .returnToFolderLink a:active {
    color: white;
}
.returnToFolderLink .return-folder {
    display: inline-block;
    height: 16px;
    width: 16px;
    fill: white;
    color: white;
}
.ltr .returnToFolderLink .return-folder {
    margin-right: 7px;
}
.rtl .returnToFolderLink .return-folder {
    margin-left: 7px;
}

.p-datatable-scrollable {
    overflow-anchor: none !important;
}

.browserGrid .p-datatable-scrollable:focus tbody,
.browserGrid .p-datatable-thead:focus,
search-grid-component .p-datatable-scrollable:focus tbody,
search-grid-component .p-datatable-thead:focus {
    outline: 2px dotted #0DA88B;
}

browse-app .navbar {
    padding-right:0px;
}

 .dropdown.open > .dropdown-menu a
 {
    color: inherit;
    display: block;
    padding: 5px 10px;
    font-size: 13.5px;
}

search-app .SearchResultHeader .btn, welcome-app .SearchResultHeader .btn, custom-search-app .SearchResultHeader .btn {
    background-color: transparent;
    color: inherit;
}
search-app .SearchResultHeader {
    padding: 5px 20px;
}

search-app .left .dropdown{
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

search-app .left input[type=text]{
    width: 100%;
    margin-bottom: 10px;
}


search-app .vitalRecords{
    padding-left: 10px;
}


#gridResultText {
     max-width: 85%!important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}



#resultText{
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.vitalRecordsSelect {
    margin-left: 10px;
}

.show-metadata-container{
    float: right;
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin-right: 20px;
}

.x-icon {
    /*content:url("images/x.svg");*/
    width: 100%;
    height: 100%;
}

.btn.btn-neutral.x-icon-container {
    float: right;
    display: inline-block;
    cursor: pointer;
    padding: 3px;
    background-color: transparent;
}
.btn.btn-neutral.x-icon-container:hover,
.btn.btn-neutral.x-icon-container:focus {
    border: 1px dotted #ddd;
}
.btn.btn-neutral.x-icon-container img {
    height: 16px;
    width: 16px;
}

search-app .SaveFooter {
    position: absolute;
    bottom: 0;
    height: 60px;
    padding: 15px;
    left:0;
    width: 100%;
    border-top: 1px solid #ccc;
}

.ui-datepicker{
    width: 19em;
}
.ui-datepicker table{
    background-color: whitesmoke!important;
}

search-app .left input[type=radio]{
    margin-left: 10px;
}

search-app .left input[type=checkbox] {
    margin-left: 10px;
    margin-right: 5px;
}

.topBarNavigation .icon-down{
    display: inline-block;
}

.more-dropdown{
    display: inline-block;
}
.more-dropdown > button {
    margin-bottom: 0;
    border-radius: 0;
}
/* end dropdowns */


.ColumnSort {
    /*padding-left:10px;*/
    font-size: 12.5px;
    /*padding: 9px 10px 0;*/
}

#searchpane {
    border: solid 1px #CCCCCC;
    width: 310px;
    height: 3000px;
}
.showingRecordsManagement .searchBlocks {
    height: calc(100% - 148px);
    height: -webkit-calc(100% - 148px);
    height: -moz-calc(100% - 148px);
}
.searchBlocks {
    overflow: auto;
    height: calc(100% - 110px);
    height: -webkit-calc(100% - 110px);
    height: -moz-calc(100% - 110px);
    border: none!important;
    padding: 5px 10px 0;
}
.searchBlocks.LeftPanel {
    background-color: #FFF;
}

.NoPreview {
    color: #6D6D6D;
    font-size: 16px;
   
}

/*.dropdown{
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom:5px;
    width: 250px;
}*/

.panelHeader{
    /*background-color: #3F86C5;
    color: #ffffff;*/
    font-weight: bold;
    padding-bottom: 15px;
   display: inline-block;
    
    
}

.panel label {
    margin-bottom: 1px;
}

.StaticColumnWidth{
    max-width: 35px!important;
    padding: 0 7.5px!important;
}
.GridColumnWidth{
    width: 300px;
   
}



.panel{
    margin-top: 5px;
    margin-left: 5px;
    margin-right:5px;
    margin-bottom:15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}


/* angular nav bar */
.actionBar {
    margin-bottom: 0;
    background-color: #157AC7;
    border-bottom: 1px solid #DDDDDD;
    padding: 0 10px 0;
    min-height: 40px;
    /*overflow: hidden;*/
}

#welcomePage .actionBar{
    overflow: hidden;
}

.navbar-fixed-top {
    top: 0;
    right: 0;
    left: 0; 
}   

#aboutImg{
    max-width: 100px;
    margin: 10px;
}


/*.brand {
    min-width: 100px;
    min-height: 20px;
    background-image: url("custom/images/LfWlLogo.gif");
    background-repeat: no-repeat;
    display: inline-block;
    padding: 10px 5px 10px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}*/

/*spinner*/



.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
.icon-spinner {
    width: 32px;
    height: 32px;
    background-image: url(images/icon-spinner.png);
	background-repeat: no-repeat;
}

.icon-spinner-small{
    width: 16px;
    height: 16px;
    background-image: url(images/entryIcons/newdoc_sprite.png);
	background-repeat: no-repeat;
    background-position: -76px 0;
}

.icon-spinner-white-small{
    background-image: url(images/entryIcons/newdoc_sprite.png);
    width: 16px;
    height: 16px;
    background-position: -92px 0;
    background-repeat: no-repeat;
}


.quickSearchBox {
    margin-bottom: 5px;
}
.searchPageBox{
     /*margin-left: 38px;*/
}
.browsePageBox{
     /*margin-left: 50px;*/
}

.quickSearchBox .dropdown {
    display: inline-block;
    height: 26px;
    vertical-align: top;
   
}

.rtl .quickSearchBox .dropdown-menu {
    left: auto;
}

.quickSearchBox .dropdownButton {
    display: inline-block;
    height: 26px;
    background: #e5e5e5;
    color: #202020 !important;
    margin-bottom: 0;
    border-radius: 0;
}
.quickSearchBox .dropdownButton:hover,
.quickSearchBox .dropdownButton:active, 
.quickSearchBox .dropdownButton:focus {
    color: #202020;
    background: #ddd;
}



.searchBox {
    height: 28px;
    display: inline-block;
    width: 250px;
    margin-bottom: 0;
}
.quickSearchBox .searchBox {
    margin-left: -4px;
    margin-right: -4px;
}
.quickSearchBox .searchButton {
    height: 28px;
    /*margin-top: -3px;*/
    margin-bottom: 0;
  
}

.ltr .quickSearchBox .searchButton {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
}
.rtl .quickSearchBox .searchButton {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    /*position: relative;
    float: left;*/
}

.quickSearchBox > a {
    color: white;
    font-size: 12.5px;
}

.quickSearchBox .dropdown-menu li {
    padding: 5px 20px;
}
.quickSearchBox .dropdown-menu li:hover {
    background-color: rgba(229, 243, 247, 0.5);
}
.quickSearchBox .dropdown-menu li.selectedOpt {
    font-weight: 600;
}
.quickSearchBox .dropdown-menu li a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.context-hit-container {
    position: absolute;
    max-height: 230px;
    background-color: white;
    width: 450px;
    overflow: auto;
    z-index: 1;
    color: #555;
    width: 677px;
}

.doc-rect{

    stroke-width: 0;
    stroke: rgb(0,0,0);
    fill-opacity: 0.4;
}

.hyperLink:hover{
    cursor: pointer;
}
.hyperLink rect{
    fill:rgb(128, 192, 240); 
}

.ContextHit{
    font-weight: bold;
}

.context-hit-row{
    border-bottom: solid 1px #DDDDDD;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}
.context-hit-row:hover{
    background-color: #e2f3f7;
}

.ltr .quickSearchBox .searchResultsPrevious{
    
    margin-left: 60px;
   
}

 .searchResultsPrevious img,  .searchResultsNext img,
  .searchResultDisplay img {
    width: 20px;
}


 .searchResultDisplay img {
    float: right;
}



.ltr .quickSearchBox .searchResultsNext{
    margin-left: 100px;
}

.ltr .quickSearchBox .searchResultDisplay{
    margin-left: 145px;
    width: 90px;
    padding-right: 0;
    line-height: 15px;
}
.searchResultDisplay span{
    color: black;
    font-size: 11px;
    font-weight: 500;
}



.context-hit-menu{
    display: inline;



}

.context-hit-menu #no_results{
    position: absolute;
    margin-left: 60px;
    color: #fff;
    line-height: 27px;
}


.context-hit-menu .btn{
    height: 28px;
    background: #e5e5e5;
    display: inline-block;
    position: absolute;
        border: 1px solid #bbb;
}
.context-hit-menu .btn:hover{
    background: #e5e5e5;
}

.document-context-icon img{
    width: 19px;
}

.HitText{
    
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}

.hit-cell{
    height: 30px;
}


.hit-cell div{
    display: inline-block;
    line-height: 30px;
}

.hit-cell .page{
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.hit-pageNum{
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    text-align: center;
 
}

.document-search-container{
    display: inline-block;
}

welcome-app .homeLink{
    vertical-align: top;
}

.homeLink {
    display: inline-block;
    min-width: 190px;
}
.ltr  .homeLink {
    margin-right: 38px;
}
.rtl  .homeLink {
    margin-left: 38px;
    float: right;
}


.logoImage {
    margin-top: 11px;
    margin-bottom: 5px;
    margin-right: 10px;
    max-height: 300px;
    max-width: calc(100% - 10px);
    max-width: -webkit-calc(100% - 10px);
    max-width: -moz-calc(100% - 10px);
}
doc-viewer-app .logoImage {
    margin-top: 4px;
}

.scaledLogo{
    width: 100px!important;
}

.scaledHomeLink{
    min-width: 0!important;
}



.logoImage[src="images/home.svg"] {
    margin-top: 8px;
    max-width: 24px;
    max-height: 24px;
}
.searchBarContainer {
    display: inline-block;
    padding-top: 5px;
    vertical-align: top;
  
}

.ltr .searchBarContainer{
    width: 610px;
}

.topBarNavigation {
    display: inline-block;
    padding-top: 0;
    position: absolute;
    top: 0;
}
.ltr .topBarNavigation {
    /*float: right;*/
    right: 0;
}
.rtl .topBarNavigation {
    /*float: left;*/
    left: 0;
}

.topBarNavigation a {
    color: white;
}
.topBarNavigation a, .topBarNavigation .more-dropdown {
    display: inline-block;
    padding: 9px 10px 0;
}

.rtl .topBarNavigation .more-dropdown {
    padding-left: 0;
    margin-left: -10px;
}

.topBarNavigation .more-dropdown button {
    padding-top: 1px;
}

.topBarOptions {
    min-width: 700px;
    display: inline-block;
    vertical-align: top;
}
.ltr .topBarOptions {
    float: right;
}
.rtl .topBarOptions {
    float: left;
}

@media (max-width: 992px) {
    .homeLink {
        min-width: 150px;
    }

    .MyWebLinkTopBar .homeLink{
        min-width: 300px;
        margin-right: 0;
    }
}

@media (max-width: 302px){
     doc-viewer-app .topBarNavigation {
         position: static;
     }
}

@media (max-width: 753px) {
    .searchBarContainer {
        position: relative;
        text-align: center;
        width: 100%!important;
        width: inherit;
        white-space: nowrap;
    }

    search-app .topBarNavigation, browse-app .topBarNavigation, welcome-app .topBarNavigation{
        position: relative !important;
        float:left!important;
    }

    .homeLink{
        margin-right:inherit;
    }
}

.horizontalSearchBar{
    width: 300px!important;
    position: static;

}

.horizontalNavigation{
    float: right!important;
}

doc-viewer-app .quickSearchBox{
    width: 300px;
    margin-top: 5px;
}
doc-viewer-app .showingContextHits .quickSearchBox{
    width: 500px;
}
doc-viewer-app .quickSearchBox .searchButton {
    margin-left: 3px;
}
/*doc-viewer-app .logoImage*/

#CustomSearch input:invalid{
    border-color: red !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

doc-viewer-app .searchBox {
    width: 250px !important;
}
@media (max-width: 685px) {
    doc-viewer-app .document-search-container {
        display: block;
    }
    doc-viewer-app .quickSearchBox {
        width: 350px !important;
    }
    doc-viewer-app .searchBox {
        width: 300px !important;
    }
}

/*doc-viewer-app .searchBox {
    width: 250px !important;
}

doc-viewer-app .showingContextHits .searchBox {
    width: 300px !important;
}

@media (max-width: 768px) {
    doc-viewer-app .showingContextHits .searchBox {
        width: 400px !important;
    }
}
@media (max-width: 768px) {
    doc-viewer-app .showingContextHits .searchBox {
        width: 400px !important;
    }
}
@media (max-width: 768px) {
    doc-viewer-app .searchBox {
        width: 300px !important;
    }
    doc-viewer-app .showingContextHits .searchBox {
        width: 200px !important;
    }
    .document-search-container {
        display: block;
        text-align: center;
    }
}*/
/*@media (max-width: 768px) {
    doc-viewer-app .showingContextHits .searchBox {
        width: 400px !important;
    }
}
@media (max-width: 768px) and (min-width: 550px) {
    .document-search-container {
        display: block;
        text-align: center;
    }
    doc-viewer-app .quickSearchBox {
        width: 350px !important;
    }
    doc-viewer-app .showingContextHits .quickSearchBox {
        width: 500px !important;
    }
    doc-viewer-app .quickSearchBox .searchBox  {
        width: 400px !important;
    }
    doc-viewer-app .showingContextHits .quickSearchBox .searchBox  {
        width: 300px !important;
    }
}*/
/*@media (max-width: 550px) {
    .document-search-container {
        display: block;
    }
    doc-viewer-app .quickSearchBox{
        width: 400px !important;
    }
    doc-viewer-app .quickSearchBox .searchBox {
        width: 300px !important;
    }
    .context-hit-container{
        width: 380px !important;
    }
}
@media (max-width: 415px){
   #Search_SearchSubmitInput{
       width: 200px !important;
   }
}
@media(max-width: 350px){
      #Search_SearchSubmitInput{
       width: 100px !important;
   }
}*/

.left {
    height: 100%;
}

search-app .left {
   background-color: #FAFAFA;
   /*padding: 0px 0px 15px 15px;*/
   overflow: hidden;
   position: relative;
}

search-app .showingRecordsManagement .searchOptions {
    height: 88px;
}
search-app .searchOptions {
    padding: 10px 10px 0;
    border-bottom: 1px solid #ccc;
    background-color: #FFF;
    height: 50px;
}


.right {
    height: 100%;
}


 .FolderIcon {
    background-image : url(./portal/images/entryIcons/entrytypes_sprite.png);
    background-position: 0 -414px;
}

 .Recordseries {
    background-image : url(./portal/images/entryIcons/entrytypes_sprite.png);
    background-position: 0 -460px;
}
 .Document {
    background-image : url(./portal/images/entryIcons/entrytypes_sprite.png);
    background-position: 0 0;
}

 .Edoc {
    background-image : url(./portal/images/entryIcons/entrytypes_sprite.png);
    background-position: 0 -368px;
}

.shortcutOverlay {
    background-image : url(./portal/images/entryIcons/newdoc_sprite.png);
    background-position: -32px -1276px;
    width: 10px;
    height: 22px;
    display:inline-block;
    background-repeat: no-repeat;
    vertical-align:middle;
    position: absolute;
}

.EntryImage {
    background-repeat: no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: bottom;
}

.metaData .folderName {
    font-weight: 600;
    font-size: 16px;
}


.responsiveMetadata{
    display: none;
    flex: 1;
}

.EntryNameColumn span {
    margin-left: 7px;
}
.EntryNameColumn a {
    color: #0069BA;
    text-decoration: none;
}
.EntryNameColumn a:hover {
    text-decoration: underline;
}

.metaData .header {
    padding: 10px 0 0;
    border-right: solid 1px #DDDDDD;
}
.metaData:not(.dvMetadata) .header {
    padding-top: 15px;
    /*height: 94px;*/
}
.metaData.dvMetadata .header {
    height: 44px;
    overflow: hidden;
}

.metaData .LeftPanel {
    background-color: #FAFAFA;
}

.EntryLinks{
    padding-bottom: 0 !important;
}
.LinkGroupEntries {
    padding-bottom: 5px !important;
}

.EntryLinkRow {
    padding-bottom: 10px;
}

.relationshipName {
    color: #555555!important;
    font-weight: 400!important;
    font-size: 12px!important;
}

.noResultsFoundCol {
    overflow: visible !important;
}

.header #title {
    margin-left: 20px;
    padding-top: 5px;
    padding-bottom: 20px;
    height: 49px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 10px;
    white-space: nowrap;
}

.ltr .header .EntryImage {
   float: left;
    margin-right: 5px;
}




#thumbsContainer {
    width: 100%;
}
.thumbWrapper {
    min-height: 90px;
    padding-bottom: 10px;
    padding-top: 10px;
    cursor: pointer;
    margin-bottom: 5px;
}
.thumbWrapper.selectedThumb {
    background-color: #cce9f1;
}

.preview_thumbnail {
    width: 79px;
}
.previewPane div{
      text-align: center;
}

.imageBoxShadow {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.currentImageBoxShadow {
    outline: 5px solid skyblue;
}

.breadcrumbEntry #numberEntries {
    display: inline-block;
    margin-left: 20px;
    vertical-align: bottom;
}
@media screen and (max-width: 540px) {
    .breadcrumbEntry #numberEntries {
        margin-left: 5px;
        width: 40px;
    }
}

.noBreadcrumbTitle{
    font-weight: 600;
    color: #202020;
    font-size: 16px;
}
.noBreadcrumbTitleContainer {
    padding: 10px 10px 10px 20px;
    height: 49px;
    border-bottom: 1px solid #ddd;
}

.selectedTab {
    border-bottom: solid;
    border-color: #0DA88B;
}

.metaData {
    height: 100%;
    /*overflow-y: scroll;*/
    
    z-index: 1002;
}

.metaData:focus {
    -moz-box-shadow:    0px 0px 1px 1px #0DA88B inset;
    -webkit-box-shadow: 0px 0px 1px 1px #0DA88B inset;
    box-shadow:         0px 0px 1px 1px #0DA88B inset;
}
.metaData:focus .LeftPanel {
    -moz-box-shadow:    0px -2px 1px 1px #0DA88B inset;
    -webkit-box-shadow: 0px -2px 1px 1px #0DA88B inset;
    box-shadow:         0px -2px 1px 1px #0DA88B inset;
}

.metaData .ulTabs {
    list-style-type: none;
    padding-left: 15px;
    margin-top: 4px;
    margin-bottom: 5px;
    min-width: 250px;
}
.metaData.dvMetadata .ulTabs {
    margin-top: 6px;
}

/*.v-outer[_ngcontent-c0] {
    height:90% !important; 
}*/

.ulTabs li {
    display: inline;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 6px;
    margin-left: 6px;
    cursor: pointer;
    padding-bottom: 4px;
}

.split-pane-content-primary {
    height: 100%;
 
}


.split-pane-content-secondary {
    height: 100%;
}

.right-component .split-pane-content-secondary {
    background-color: #FAFAFA;
}
.right-component {
    border-left: 1px solid #DDDDDD;
}


search-app .right-component .split-pane-content-secondary {
    background-color: #FFF;
    border-top: 1px solid #DDDDDD;
}

.ulTabs > li.active > a:before {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.dvToolbar {
    background-color: #FAFAFA;
}
.dvToolbar.mainToolbar {
    height: 50px;
    padding: 7px;
}
.dvToolbar.imageToolbar {
    height: 45px;
    /*width: 100%;*/
    border-bottom: 1px solid #DDDDDD;
    padding: 4px 4px 0;
    /*overflow-y: auto;*/
    border-top: none;
    background-color: #FAFAFA;

    overflow: visible;
    white-space: nowrap;
}
.dvToolbar.imageToolbar .dropdown-toggle::after {
    display: none;
}
.dvToolbar.imageToolbar .dropdown-menu {
    margin-left: -130px;
}

.dvToolbar.imageToolbar #pageNum {
    width: 50px;
}
.dvToolbar.imageToolbar #zoomDropDown {
    width: 100px;
}

.dvToolbar.imageToolbar.toolbarSmall {
    height: 80px;
    white-space: normal;
    overflow: auto;
}
.dvToolbar.imageToolbar.toolbarSmall #pageNum {
    width: 30px;
}
.dvToolbar.imageToolbar.toolbarSmall #zoomDropDown {
    width: 50px;
}

.dvToolbar .btn {
    vertical-align: middle;
    padding: 5px;
}
.dvToolbar .btn.shrinkIcon {
    padding: 7px;
}
.dvToolbar .btn.shrinkIcon .docViewerIcon {
    height: 18px;
    width: 18px;
}
.dvToolbar .toolbarActive {
    background-color: #ddd;
}

.dvToolbar.mainToolbar .docTitle {
    font-size: 16px;
    font-weight: 600;
}

.thumbsPane, .imagePane {
    height: 100%;
}
.ltr .thumbsPane, .ltr .imagePane {
    float: right;
}

.breadcrumbIconsFloat {
    margin-top: -41px;
}
.ltr .breadcrumbIconsFloat {
    float: right;
}
.rtl .breadcrumbIconsFloat {
    float: left;
}

.breadcrumbIconsFloat .docViewerIcon {
    height: 18px;
    width: 18px;
}
.ltr .breadcrumbIconsFloat.responsiveSmall {
    margin-right: 57px;
}
.rtl .breadcrumbIconsFloat.responsiveSmall {
    margin-left: 57px;
}
.breadcrumbIconsFloat.responsiveSmall .btn {
    padding: 5px;
}
.breadcrumbIconsFloat.responsiveSmall .btn:hover {
    background: transparent;
}
.breadcrumbIconsFloat.responsiveSmall .docViewerIcon {
    height: 16px;
    width: 16px;
}

.rtl .imagePane {
    float: right;
}
.thumbsPane {
    width: 150px;
    background: #FAFAFA;
    border-right: 1px solid #ddd;
    text-align: center;
    position: absolute;
    bottom: 0;
    top: 0;
    overflow: auto;
}
.imagePane {
    background: #f3f3f3;
}

.emptyThumbsPane {
    padding: 20px;
    height: 100%;
    position: relative;
    top: 40%;
}


search-app .topBarNavigation {
    float:right;
}

#responsiveResultsContainer {
   height: calc(100% - 75px);
   height: -webkit-calc(100% - 75px);
   height: -moz-calc(100% - 75px);
}


/*Search blocks*/
.searchBlockCheckOption{
   padding: 4px 0 4px 0;
}

.blockList {
     height:200px; 
     overflow: auto;
     border: 1px solid #ddd;
}

.checkboxNoIndent{
    margin-left: 0 !important;
}

#browsePage #tilesPane,#searchPage #tilesPane,  #noPagesPane, #plainTextPane, #docPage #tilesPane {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(100% - 45px);
    height: -webkit-calc(100% - 45px);
    height: -moz-calc(100% - 45px);
    overflow: auto;
}
#welcomePage #tilesPane, #customPage #tilesPane {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow: auto;
}

#tilesPane.grab {
    cursor: url("images/pdfviewer/grab.cur"), move !important;
    cursor: -webkit-grab !important;
    cursor: -moz-grab !important;
    cursor: grab !important;
}
#tilesPane.grabbing {
    cursor: url("images/pdfviewer/grabbing.cur"), move !important;
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: grabbing !important;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    overflow: hidden;
}

#tilesPane.grabbingPlainText {
    cursor: url("images/pdfviewer/grabbing.cur"), move !important;
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: grabbing !important;
}

#thumbsPane.disableThumbnailPane {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

#imageToolbar.disableToolbarSelection {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

#tilesPane.zoomin {
    cursor: zoom-in;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}

#plainTextPane {
    padding: 20px;
}

.imageCanvas {
    background-color: transparent;
}

.textPageInner, .imagePageInner {
    background-color: white;
    height: 100%;
    width: 100%;
}
.textPageInner pre {
    /*height: 100%;*/
    width: 100%;
}

#noPagesPane {
    padding: 20px;
    text-align: center;
}

#pdfViewerIFrame {
    background-color: gray;
    border: none;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.ulTabs > li > a:before {
    opacity: 0;
    transform: scale3d(1, 1, 1);
    background: #0DA88B;
    width: 100%;
    height: 3px;
    content: '';
    position: absolute;
}
.ulTabs > li:not(.active):hover {
    color: #0DA88B;
}

.ulTabs > li.active > a {
    text-decoration: none;
    border: none;
}

.ulTabs > li > a {
    text-decoration: none;
    color: #202020;
}

vertical-split-separator {
    border: 1px solid #CCCCCC;
    background-color: #FAFAFA;
}
vertical-split-separator .handle {
    background-color: #FAFAFA;
}

vertical-split-pane {
    direction: ltr;
}


.exportReasonsDialog td:first-child {

}

.exportReasonDialog tr > td:nth-child(2){
     padding-right: 0!important;
}
.exportReasonDialog textarea,.exportReasonDialog select{
    width: 100%;
   
}


#metadataTable td {
    padding-bottom: 18px;
    vertical-align: top;
}
.ltr #metadataTable td:first-child {

    width:50%;
   
}

.ltr #metadataTable tr:first-child {
    font-weight: 600;
}
.ltr #metadataTable .mainHeader{
    font-weight: 600;
}

.ltr #metadataTable .borderSeparator {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.ltr #metadataTable .borderSeparator td{
    padding-top: 20px;
}


.ltr #metadataTable .borderSeparator2 {
    border-bottom: 1px solid #ccc;
    
    /*padding-top: 20px;*/
}

.ltr #metadataTable .borderSeparator2 > td{
    padding-top: 20px;
}

.ltr #metadataTable .fieldPane td{
    /*padding-top: 20px;*/
}

.ltr #metadataTable .fieldPane td div{
    padding-right: 10px;
}


.ltr #metadataTable .mvfgGroupField{
    padding-top: 20px;
}





/*.ltr #metadataTable tr:nth-child(5){
    font-weight: 600;
}*/

/*.ltr #metadataTable tr:nth-child(7){
    font-weight: 600;
}*/


.rtl #metadataTable td:first-child {
    padding-left: 16px;
}

#metadataTable a {
    text-decoration: none;
}
#metadataTable a:hover {
    text-decoration: underline;
}

#metadataTable #watermark {
    display: block;
    font-size: 12px;
}
#metadataTable {
    padding-top: 15px;
    padding-left: 15px;
    width: 100%;
}


.annotationPane .annotationControls {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    border-bottom: 1px solid #F2F2F2;
}
.ltr .annotationControlSwitch {
    padding-left: 8px;
}
.rtl .annotationControlSwitch {
    padding-right: 8px;
}
.annotationPane .annotation {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding: 15px 10px;
    overflow: hidden;
}
.annotationPane .annotation .annotationContent
{
    overflow: hidden;
    text-overflow: ellipsis;
}
.annotationPane .annotationTableLabel
{
    padding-right: 20px;
    min-width: 72px;
    vertical-align: top;
    font-weight: 600;
}
.annotationPane .annotationTableValue
{
    display: table;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
}
.annotationPane .annotation .waicon16,
.annotationPane .annotation .waicon18 
{
    position: relative;
    top: 2px;
}
.annotationPane select {
    width: 100px;
}
.annotationPane .unsavedAnnotationText
{
    color: #999;
    font-style:italic
}
.annotationPane .noDocAnnotations {
    position: absolute;
    top: 45%;
    left: 0;
}
.annotationPane .loadIndicator
{
    position: relative;
    padding: 20px 0;
}
.annotationPane .loadIndicator .loadingText
{
    top: 30px;
}
.annotationPane .annotationList
{    
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    right: 0;
}
.annotationsPageGroup
{
    padding: 3px 20px;
    height: 28px;
    background-color: #ddd;
    margin: 0 -20px;
}
.annotationPane a {
    color: #007db1;
    cursor: pointer;
}

.breadcrumbEntry, .dvToolbar.mainToolbar {
    overflow: hidden;
    height: 49px;
    padding: 10px;
    z-index: 1000;
    border-bottom: 1px solid #ddd;
}

.breadcrumbEntry {
    background-color: #FAFAFA;
}
.breadcrumbEntry ul {
    list-style-type: none;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 0;
    vertical-align: middle;
    padding: 0;
    padding-top: 2px;
    max-width: calc(100% - 100px);
    max-width: -webkit-calc(100% - 100px);
    max-width: -moz-calc(100% - 100px);
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
}
.ltr .breadcrumbEntry ul,
.ltr .dvToolbar.mainToolbar .docTitle {
    padding-left: 15px;
}
.rtl .breadcrumbEntry ul,
.rtl .dvToolbar.mainToolbar .docTitle  {
    padding-right: 15px;
}

.breadcrumbEntry li {
    font-size: 16px;
    display: inline-block;
    margin-right: 5px;
}

.breadcrumbEntry .selectedFolder{
     font-weight: 600;
}

.breadcrumbEntry a {
    text-decoration: none;
    color: #202020;
}


.metaData .tableContainer {
    border-top: solid 1px #DDDDDD;
    padding: 20px;
    height: calc(100% - 94px);
    overflow-y: auto;
}

.previewPane {
    padding-top:20px;
    height: calc(100% - 94px);
    overflow-y: scroll;

    padding:10px;
    /*border-top: 1px solid #dadada;*/
}
.searchInPreview{
    
    position: absolute;
    z-index: 1;
    background: #e7e7e7;
    border-bottom: 1px solid #ccc;
    padding: 7px;
 
    /*text-align: center;*/
}
.searchInPreview .searchButton{
    position: absolute;
}

.searchInPreview .searchBox{
    /*width: calc(100% - 40px);*/
}

.email-from-label, .email-to-label{
    color: #888;
}

.email-from-text, .email-to-text, .email-subject-text{
    font-weight: 600;
}

.email-timestamp-text{
    color: #888;
    float: right;
}
.emailView{
    height: calc(100% - 25px);
    overflow: auto;
    background: #fff;
}

.textView{
    height: calc(100% - 87px);
    overflow: auto;
    background: #fff;
    word-wrap: break-word;
    padding: 20px;
    line-height: 20px;
}

.thumbnailPaneToolbar{
     position: absolute;
     padding: 2px 20px;
}

.previewPaneToolbar{
    position: absolute;
    background-color: rgba(250,250,250,0.8);
    padding: 2px 20px;
    border-bottom: 1px solid #ccc;
   
    /*left: 0;
    right: 0;*/
    z-index: 2;
    display: none;
}

.context-hit-menu #preview_no_results{
    position: absolute;
    margin-left: 55px;
}

.ltr .searchInPreview .searchResultsPrevious{
    margin-left: 50px;
}

.ltr .searchInPreview .searchResultsNext{
    margin-left: 90px;
}

.ltr .searchInPreview .searchResultDisplay{
    margin-left: 135px;
}

.previewPaneToolbar .btn, .previewPaneToolbar .btn:focus, .thumbnailPaneToolbar .btn, .thumbnailPaneToolbar .btn:focus, .textviewToolbar .btn, .textviewToolbar .btn:focus{
    background-color: transparent;
    color: inherit;
    padding: 2px;
}
.previewPaneToolbar .btn:hover, .thumbnailPaneToolbar .btn:hover, .textviewToolbar .btn:hover{
    background-color: #ddd;

}

.previewPaneToolbar .thumbnailIcon, .thumbnailPaneToolbar .thumbnailIcon{
    float: right;
    height: 24px;
    width: 24px;
}


.previewPaneToolbar .search{
    /*height: 18px;
    width: 18px;*/
}

.previewPaneTool{
    display: inline-block;
}

#browsePage .previewTab{
     height: calc(100% - 45px);
}
#welcomePage .previewTab, #searchPage .previewTab, #customPage .previewTab{
    height: calc(100% - 87px);
}

.previewPane span, .thumbsPane span {
    display: block;
    text-align: center;
}
.thumbsPane span {
    height: 20px;
}

.previewPane > div, .thumbsPane > div {
    display: inline-block;
}
.previewPane > div {
    padding: 15px;
}
.previewPane img { /*, .thumbsPane img */
    border: 1px solid #bbb;
}

.textviewToolbar{
    position: relative;
    background-color: rgba(250,250,250,0.8);
    left:0;
    right: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 20px;
}

/* end browse page */


.drop_container {

}

/* svg icons */
.arrow-right-icon {
    height: 16px;
    width: 16px;
    background-size: contain;
    background: url('images/arrow-right.svg');
}
.arrow-right-icon.separator {
    height: 11px;
    width: 11px;
    margin-left: 10px;
    margin-right: 5px;
    display: inline-block;
}

.rtl .arrow-right-icon{
   transform: scaleX(-1);
}


.tagIcon {
    height: 16px;
    width: 16px;
    background-size: contain;
    background: url('images/tag.svg');
    display: inline-block;
}

.docViewerIcon {
    width: 22px;
    height: 22px;
    background-size: contain;
    padding: 6px;
}

.arrow-top {
    background: url('images/arrow-top.svg');
}
.arrow-bottom {
    background: url('images/arrow-bottom.svg');
}
.arrow-top-grey {
    background: url('images/arrow-top-grey.svg');
}
.arrow-bottom-grey {
    background: url('images/arrow-bottom-grey.svg');
}
.mouse-arrow {
    background: url('images/mouse-arrow.svg');
}
.panning {
    background: url('images/panning.svg');
}
.zoom {
    background: url('images/zoom.svg');
}
.zoom-in {
    background: url('images/zoom-in.svg');
}
.zoom-out {
    background: url('images/zoom-out.svg');
}
.rotate {
    background: url('images/rotate.svg');
}
.download {
    background: url('images/download.svg');
}
.print {
    background: url('images/print.svg');
}
.email {
    background: url('images/email.svg');
}
.full-screen {
    background: url('images/full-screen.svg');
}
.normal-screen {
    background: url('images/normal-screen.svg');
}
.overflow {
    background: url('images/overflow.svg');
}


.annotationIcon {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-top;
    fill: #646464;
    color: #646464;
}

.highlight {
    background: url('images/highlight.svg');
}
.redact {
    background: url('images/redact.svg');
}
.stamp {
    background: url('images/stamp.svg');
}
.polygon {
    background: url('images/polygon.svg');
}
.freehand {
    background: url('images/freehand.svg');
}
.callout {
    background: url('images/callout.svg');
}
.text {
    background: url('images/text.svg');
}
.rectangle {
    background: url('images/rectangle.svg');
}
.line {
    background: url('images/line.svg');
}
.image {
    background: url('images/image.svg');
}
.attachment {
    background: url('images/attachment.svg');
}
.underline {
    background: url('images/underline.svg');
}
.strikethrough {
    background: url('images/strikethrough.svg');
}
.sticky-note {
    background: url('images/sticky-note.svg');
}

.placed-attachment {
    height: 16px;
    width: 16px;
    background: url('images/placed-attachment.svg');
    background-color: white;
    position: absolute;
    top: 7px;
    left: 7px;
}

.return-folder {
    background: url('images/return-folder.svg');
}
.hamburger-icon {
    height: 22px;
    width: 22px;
    background-size: contain;
    background: url('images/hamburger.svg');
}
/* end svg icons */

.browseMain {
    width: 100%;
    /*position: absolute;*/
    top: 90px;
    bottom: 0;
    overflow: hidden;
}

.searchMain {
    width: 100%;
    position: absolute;
    top: 40px;
    bottom: 0;
}

.docViewerMain {
    width: 100%;
    position: absolute;
    top: 89px;
    bottom: 0;
}

.responsiveDoc{
    display: flex;
}
.docViewerMain.fullScreen {
    top: 0 !important;
}
/*primeng context menu*/
.p-contextmenu {
    position: absolute;
    display: none;
    /*custom*/
    border-bottom: 1px solid #DDDDDD;
    background: #FFFFFF;
    padding: .25em 0;
    width: 12.5em;
    /*end custom*/
}

.p-contextmenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.p-contextmenu .p-submenu-list {
    position: absolute;
    min-width: 100%;
    z-index: 1;
    display: none;
}

.p-contextmenu .p-menuitem-link {
    cursor: pointer;
    display: flex;
    align-items: center;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    /*custom*/
    padding: .25em;
    font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    /*end custom*/
}

.p-contextmenu .p-menuitem-text {
    line-height: 1;
}

.p-contextmenu .p-menuitem {
    position: relative;
}

.p-contextmenu .p-menuitem-link .p-submenu-icon {
    margin-left: auto;
}

.p-contextmenu .p-menuitem-active > p-contextmenusub > .p-submenu-list.p-submenu-list-active {
    display: block !important;
}

.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
    background: #E2F3F7;
}

.p-contextmenu .p-menuitem-link {
    padding: 0.75rem 1.25rem;
    border-radius: 0;
    transition: box-shadow 0.2s;
    user-select: none;
}

/*end primeng context menu*/

/*grid css -- from primeng table.css*/
.p-skeleton {
    background-color: #e9ecef;
    border-radius: 3px;
}
.p-skeleton:after {
    content: "";
    animation: p-skeleton-animation 1.2s infinite;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%);
    z-index: 1;
}
.p-skeleton:after {
    background: linear-gradient(
90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}

.p-datatable-tbody > tr.ui-widget-content.p-selectable-row.p-highlight {
    background-color: #e2f3f7;
}
.p-datatable-tbody > tr.ui-widget-content.p-highlight {
    outline: 1px solid #0DA88B;
}
.p-datatable {
    position: relative;
}

.p-datatable table {
border-collapse: collapse;
width: 100%;
table-layout: fixed;
}

.p-datatable .p-sortable-column {
cursor: pointer;
user-select: none;
}

.p-datatable .p-sortable-column .p-column-title,
.p-datatable .p-sortable-column .p-sortable-column-icon,
.p-datatable .p-sortable-column .p-sortable-column-badge {
    vertical-align: middle;
}

.p-datatable .p-sortable-column .p-sortable-column-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.p-datatable-auto-layout > .p-datatable-wrapper {
    overflow-x: auto;
}

.p-datatable-auto-layout > .p-datatable-wrapper > table {
    table-layout: auto;
}

.p-datatable-responsive-scroll > .p-datatable-wrapper {
overflow-x: auto;
}

.p-datatable-responsive-scroll > .p-datatable-wrapper > table,
.p-datatable-auto-layout > .p-datatable-wrapper > table {
    table-layout: auto;
}

.p-datatable-hoverable-rows .p-selectable-row {
    cursor: pointer;
}

/* Scrollable */
.p-datatable-scrollable .p-datatable-wrapper {
    position: relative;
    overflow: auto;
}

.p-datatable-scrollable .p-datatable-table {
    display: block;
}

.p-datatable-scrollable .p-datatable-thead,
.p-datatable-scrollable .p-datatable-tbody,
.p-datatable-scrollable .p-datatable-tfoot {
    display: block;
}

.p-datatable-scrollable .p-datatable-thead > tr,
.p-datatable-scrollable .p-datatable-tbody > tr,
.p-datatable-scrollable .p-datatable-tfoot > tr {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    /*custom*/
    border-bottom: 1px solid #ddd;
    /*end custom*/
}

.p-datatable-scrollable .p-datatable-thead > tr {
    /*custom*/
    border-top: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
    /*end custom*/
}

.p-datatable-scrollable .p-datatable-thead > tr > th,
.p-datatable-scrollable .p-datatable-tbody > tr > td,
.p-datatable-scrollable .p-datatable-tfoot > tr > td {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    /*custom*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    text-align: start;
    display: inline-block;
    /*end custom*/
}

.p-datatable-scrollable .p-datatable-tbody > tr > td,
.p-datatable-scrollable .p-datatable-tfoot > tr > td {
    height: 40px !important;
}

th.ui-state-default,
.p-datatable-scrollable .p-datatable-tfoot > tr > td {
    /*custom*/
    height: 31px !important;
    text-align: left;
    border-right: 1px solid #ccc !important;
    border-width: 2px;
    border: 0px;
    background: #F3F3F3;
    width: 300px;
    font-weight: 600;
    /*end custom*/
}

.p-datatable-scrollable .p-datatable-thead {
    position: sticky;
    top: 0;
    z-index: 1;
}

.p-datatable-scrollable .p-datatable-frozen-tbody {
    position: sticky;
    z-index: 1;
}

.p-datatable-scrollable .p-datatable-tfoot {
    position: sticky;
    bottom: 0;
    z-index: 1;
}

.p-datatable-scrollable .p-frozen-column {
    position: sticky;
    background: inherit;
}

.p-datatable-scrollable th.p-frozen-column {
    z-index: 1;
}

.p-datatable-scrollable-both .p-datatable-thead > tr > th,
.p-datatable-scrollable-both .p-datatable-tbody > tr > td,
.p-datatable-scrollable-both .p-datatable-tfoot > tr > td,
.p-datatable-scrollable-horizontal .p-datatable-thead > tr > th
.p-datatable-scrollable-horizontal .p-datatable-tbody > tr > td,
.p-datatable-scrollable-horizontal .p-datatable-tfoot > tr > td {
    flex: 0 0 auto;
}

.p-datatable-flex-scrollable {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.p-datatable-flex-scrollable .p-datatable-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}

.p-datatable-scrollable .p-rowgroup-header {
    position: sticky;
    z-index: 1;
}

.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead,
.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot {
    display: table;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr,
.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr {
display: table-row;
}

.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr > th,
.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr > td {
    display: table-cell;
}

/* Flex Scrollable */
.p-datatable-flex-scrollable {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}

.p-datatable-flex-scrollable .p-datatable-virtual-scrollable-body {
    flex: 1;
}

/* Resizable */
.p-datatable-resizable > .p-datatable-wrapper {
    overflow-x: auto;
}

.p-datatable-resizable .p-datatable-thead > tr > th,
.p-datatable-resizable .p-datatable-tfoot > tr > td,
.p-datatable-resizable .p-datatable-tbody > tr > td {
    overflow: hidden;
    white-space: nowrap;
}

.p-datatable-resizable .p-resizable-column {
    background-clip: padding-box;
    position: relative;
}

.p-datatable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
    display: none;
}

.p-datatable .p-column-resizer {
    display: block;
    position: absolute !important;
    top: 0;
    right: 0;
    margin: 0;
    width: .5rem;
    height: 100%;
    padding: 0px;
    cursor: col-resize;
    border: 1px solid transparent;
}

.p-datatable .p-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
}

.p-datatable .p-row-editor-init,
.p-datatable .p-row-editor-save,
.p-datatable .p-row-editor-cancel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

/* Expand */
.p-datatable .p-row-toggler {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

/* Reorder */
.p-datatable-reorder-indicator-up,
.p-datatable-reorder-indicator-down {
    position: absolute;
    display: none;
}

.p-datatable-reorderablerow-handle {
    cursor: move;
}

[pReorderableColumn] {
    cursor: move;
}

/* Loader */
.p-datatable .p-datatable-loading-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    /*custom*/
    height: 100%;
    width: 100%;
    background: #e9e9e9;
    opacity: 0.5;
    /*end custom*/
}

/* Filter */
.p-column-filter-row {
    display: flex;
    align-items: center;
    width: 100%;
}

.p-column-filter-menu {
    display: inline-flex;
}

.p-column-filter-row p-columnfilterformelement {
    flex: 1 1 auto;
    width: 1%;
}

.p-column-filter-menu-button,
.p-column-filter-clear-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    position: relative;
}

.p-column-filter-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.p-column-filter-row-items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.p-column-filter-row-item {
    cursor: pointer;
}

.p-column-filter-add-button,
.p-column-filter-remove-button {
    justify-content: center;
}

.p-column-filter-add-button .p-button-label,
.p-column-filter-remove-button .p-button-label {
    flex-grow: 0;
}

.p-column-filter-buttonbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .p-column-filter-buttonbar .p-button {
        width: auto;
    }

/* Responsive */
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
    display: none;
}

/* Virtual Scroll*/

cdk-virtual-scroll-viewport {
    outline: 0 none;
}

.context_menu{
    position: absolute;
    z-index: 4;
    display: none;
}

.pi-sort-amount-down:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0dd";
    padding-left: 10px;
}

.pi-sort-amount-up-alt:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0de";
    padding-left: 10px;
}

/* end grid css - from primeng table.css*/ 
/*primeng checkbox*/
.p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.p-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.p-checkbox {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: bottom;
}
.p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pi-check:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
}

/*end primeng checkbox*/

/*primeng tooltip*/
.p-tooltip {
    position: absolute;
    display: none;
    padding: .25em .5rem;
    max-width: 12.5rem;
}

.p-tooltip.p-tooltip-right,
.p-tooltip.p-tooltip-left {
    padding: 0 .25rem;
}

.p-tooltip.p-tooltip-top,
.p-tooltip.p-tooltip-bottom {
    padding: .25em 0;
}

.p-tooltip .p-tooltip-text {
    white-space: pre-line;
    /*custom*/
    background: #495057;
    color: #ffffff;
    padding: 0.5rem 0.5rem;
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    border-radius: 3px;
    /*end custom*/
}

.p-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.p-tooltip-right .p-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -.25rem;
    border-width: .25em .25em .25em 0;
}

.p-tooltip-left .p-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -.25rem;
    border-width: .25em 0 .25em .25rem;
}

.p-tooltip.p-tooltip-top {
    padding: .25em 0;
}

.p-tooltip-top .p-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -.25rem;
    border-width: .25em .25em 0;
}

.p-tooltip-bottom .p-tooltip-arrow {
    /*custom*/
    border-bottom-color: #495057;
    /*end custom*/
    top: 0;
    left: 50%;
    margin-left: -.25rem;
    border-width: 0 .25em .25rem;
}
/*end primeng toolip*/
.context_menu.active{
    display: block;
}

.ui-contextmenu{
    height:auto!important;
}

/*primeng calendar*/
.p-calendar {
    position: relative;
    display: inline-flex;
}

.p-calendar .p-inputtext {
    flex: 1 1 auto;
    width: 1%;
}

.p-calendar-w-btn .p-inputtext {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.p-calendar-w-btn .p-datepicker-trigger {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Fluid */
.p-fluid .p-calendar {
    display: flex;
}

.p-fluid .p-calendar .p-inputtext {
    width: 1%;
}

/* Datepicker */
.p-calendar .p-datepicker {
    min-width: 100%;
    /*custom*/
    width: 20em;
    padding: .2em;
    /*end custom*/
}

.p-datepicker {
	width: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.p-datepicker-inline {
    position: static;
}

/* Header */
.p-datepicker-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*custom*/
    border: 1px solid #d9d9d9;
    background: #f6f7f9;
    color: #1b1d1f;
    font-weight: normal;
    line-height: 10px;
    /*end custom*/
}

.p-datepicker-header .p-link {
    margin: 0 .2em;
}

.p-datepicker-header .p-datepicker-title {
    margin: 0 .5em;
    padding: .25em;
}

.p-datepicker-prev,
.p-datepicker-next {
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.p-datepicker-next-icon:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
}

.p-datepicker-prev-icon:before {
    content: "\f104";
    font: normal normal normal 14px/1 FontAwesome;
}

/* Multiple Month DatePicker */
.p-datepicker-multiple-month .p-datepicker-group-container {
    display: flex;
}

/* DatePicker Table */
.p-datepicker table {
    width: 100%;
    border-collapse: collapse;
    /*custom*/
    background-color: whitesmoke !important;
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
    /*end custom*/
}

.p-datepicker td > span {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    /*custom*/
    border: 1px solid #d6d6d6;
    background: #ffffff;
    padding: .125em;
    /*end custom*/
}
.p-datepicker td > .p-disabled {
    opacity: 0.35;
    cursor: default !important;
}
.p-datepicker td {
    padding: .125em;
}

/* Month Picker */
.p-datepicker-month,
.p-monthpicker-month {
    /*custom*/
    margin-right: .25em;
    /*end custom*/
}

/*  Button Bar */
.p-datepicker-buttonbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Time Picker */
.p-timepicker {
    display: flex;
    justify-content: center;
    align-items: center;
}

.p-timepicker button {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.p-timepicker > div {
    display: flex;
    align-items: center;
    flex-direction: column;
}

/* Touch UI */
.p-datepicker-touch-ui,
.p-calendar .p-datepicker-touch-ui {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 80vw;
    transform: translate(-50%, -50%);
}

.p-datepicker-calendar th{
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.p-datepicker-calendar td > .p-highlight {
    border-color: #bebebe;
    background: #d6d6d6;
}

.p-datepicker .p-datepicker-today > span {
    background-color: #e2f3f7;
    border-color: #156090;
    background: #e2f3f7;
}
/*end primeng calendar*/

/* jquery date picker*/
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-widget-header {
    border: 1px solid #d9d9d9;
    background: #f6f7f9;
    color: #1b1d1f;
    font-weight: normal;
}

.ui-datepicker table {
    background-color: whitesmoke !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}


element.style {
}

.ui-datepicker .ui-datepicker-prev {
    left: 1.125em;
}

.ui-datepicker .ui-datepicker-prev:before {
    content: "\f104";
    font: normal normal normal 14px/1 FontAwesome;
}

.ui-datepicker .ui-datepicker-next {
    right: -0.5em;
}

.ui-datepicker .ui-datepicker-next:after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: .125em;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-next span {
    margin-left: -.125em;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -.5em;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker table {
    background-color: whitesmoke !important;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-widget-header .ui-state-default, .ui-widget-content .ui-state-default, .ui-state-default {
    border: 1px solid #d6d6d6;
    background: #ffffff;
    color: #555555;
}

.ui-widget-header .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-state-highlight, .ui-datatable tbody > tr.ui-widget-content.ui-state-highlight.ui-datatable-odd {
    border-color: #156090;
    background: #e2f3f7;
}

.ui-datepicker td {
    border: 0;
    padding: .125em;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

/*end jquery date picker*/

/*primeng progress bar*/
.p-progressbar {
    position: relative;
    overflow: hidden;
    height: 33px;
    background-color: #ddd;
    border-radius: 5px;
}

.p-progressbar-determinate .p-progressbar-value {
    height: 100%;
    width: 0%;
    position: absolute;
    display: none;
    border: 0 none;
    background-color: #0069ba;
}

.p-progressbar-determinate .p-progressbar-value-animate {
    transition: width 1s ease-in-out;
}

.p-progressbar-determinate .p-progressbar-label {
    text-align: center;
    height: 100%;
    width: 100%;
    position: absolute;
    font-weight: bold;
    padding: 7px;
}

.p-progressbar-indeterminate .p-progressbar-value::before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.p-progressbar-indeterminate .p-progressbar-value::after {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}

@-webkit-keyframes p-progressbar-indeterminate-anim {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes p-progressbar-indeterminate-anim {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes p-progressbar-indeterminate-anim-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes p-progressbar-indeterminate-anim-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}
/*end primeng progress bar*/

/* properties that apply to all buttons */
.btn
{
    font-family: "Open Sans";
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 4px;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
        -o-user-select: none;
           user-select: none;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #157AC7;
}

.btn.iconography-primary:disabled {
    background-color: transparent;
    border-color: transparent;
}
.btn.iconography-primary {
    color: #646464;
}
.btn.iconography-primary:not(.toolbarActive) {
    
    background-color: transparent;
}
.btn.iconography-primary:hover, .btn.iconography-primary:focus, .btn.iconography-primary:active {
    color: #646464;
    background-color: #e7e7e7;
}
.btn.iconography-primary:active {
    background-color: #d5d5d5;
}

context-menu li {
    font-size: 14px;
    padding: 5px 10px 5px 10px;
}

context-menu a{
    display: block;
    text-decoration: none !important;
    white-space: nowrap;
    color: black;
    padding-right: 10px;
}

.context-menu > .active {
    background: #E2F3F7;
} 

.context-menu li{
    font-size: 14px;
    padding: 5px 10px 5px 10px;
}

.context-menu a{
    display: block;
    text-decoration: none !important;
    white-space: nowrap;
    color: black;
    padding-right: 10px;
}

.rtl .context-menu a{
    text-align: right;
}

/* default style for buttons - blue by default */
.btn {
    background-color: #157AC7;
    color: #FFFFFF;
}
.btn:hover,
.btn:focus {
  background-color: #0069BA;
  color: #FFFFFF;
}

/* neutral style for buttons - gray by default - used for Cancel on dialogs, Reset on search pane, ... */
.btn-neutral {
    background-color: #ddd;
    color: #555555;
}
.btn-neutral:hover,
.btn-neutral:focus {
  background-color: #d0d0d0;
  color: #555555;
}

/* primary button style - green by default */
.btn-primary {
    background-color: #00866B;
    color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #00a987;
  color: #ffffff;
  border-color: transparent;
}

/* primary button on top bar */
.navbar .btn-primary {
    background-color: #02b793;
    color: #ffffff;
}
.navbar .btn-primary.disabled,
.navbar .btn-primary[disabled] {
    opacity: 0.8;
}

/* buttons that look like links */
.btn.btn-link {
  font-weight: normal;
  color: #0069BA;
  cursor: pointer;
  border-radius: 0;
}
.btn.btn-link,
.btn.btn-link:active,
.btn.btn-link[disabled],
fieldset[disabled] .btn.btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-link:hover,
.btn.btn-link:focus {
  text-decoration: underline;
  background-color: transparent;
}

/* Alerts */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-danger {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

column-display input {
    width: 249px;
}

column-display ul{
    list-style: none;
}

column-display li {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    cursor: move!important;
}

/*.columnHeader span {
    font-weight: bold;
}*/

.columnHeader {
    margin-bottom: 10px!important;
     font-weight: 600;
}



column-display .columnPicker {
    height: 300px;
    /*width: 250px;*/
    border: 1px solid #ccc;
    overflow-y: scroll;
    background-color: #fff;
    cursor: default!important;
}
/*column-display .modal-body{
    width
}*/


.selectedContainer {
    display: inline-block;
    margin-left: 15px;
    width: calc(50% - 7.5px);
}

.selectedContainer #selected{
    height: 326px;
    /*width: 250px;*/
    background-color: #fff;
    border: 1px solid #ccc;
    overflow-y: scroll;
    cursor:default!important ;
}

.availableContainer{
    float: left;
    height: 100%;
    width: calc(50% - 7.5px);
}

.availableContainer input{
    width: 100%;
}


#picker-container{
    height: 100%;
  
}
#picker-container li:hover{
    background-color: #e9f9fc;
}
@media(min-width: 500px){
    #picker-container{
     width: 500px;
    }
}
@media( max-width: 500px ){
    #picker-container{
         width: 100%;
    }
}

.loading-icon {
    background: #e9e9e9;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.5;
    
}

.loading-icon-preview {
    background: #e9e9e9;
    /*position: absolute;*/
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.5;
    height: 100%;
    
}
#browsePage .Go-to-container, #searchPage .Go-to-container{
    bottom: 70px;
}

#welcomePage .Go-to-container, #customPage .Go-to-container {
    bottom: 16px;
}

.Go-to-container{
    position: absolute;
    background-color: #4c4c4c;
    height: 30px;
    right: 30px;
    opacity: .9;
    bottom: 16px;
    cursor: pointer;
    border-radius: 4px;
    padding: 5px 15px;
    display: none;
}

.Go-to-container span{
    color: white;
}
.search-grid-loading-icon{
    background: #e9e9e9;
   
    height: 100%;
    width:100%;
    opacity: 0.5;
}

/* }}} */

/* {{{ dialogs - mostly from WA */

/* common dialog styles */
div.modal {
  position: fixed;
  z-index: 1050;
  outline: none;
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;

    display: block;
    overflow: auto;
    bottom: auto;
    max-width: calc(100% - 20px);
    max-width: -webkit-calc(100% - 20px);
    max-width: -moz-calc(100% - 20px);
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0;
    -webkit-filter: blur(0);
}
div.modal.fade .modal-dialog {
    opacity: 0;
    /*-webkit-transition: top 0.3s linear 0s, opacity 0.3s linear 0s;
    transition: top 0.3s linear 0s, opacity 0.3s linear 0s;*/
}
div.modal.fade.in .modal-dialog {
    opacity: 1 !important;
    -moz-transition: .2s linear opacity !important; /* temp value */
    -o-transition: .2s linear opacity !important;
    -webkit-transition: .2s linear opacity !important;
    transition: .2s linear opacity !important;
}
div.modal-dialog.fade.ensureRemoved {
    /*top: -100% !important;
    opacity: 0 !important;*/
    /*-webkit-transition: top 0.1s linear 0s, opacity 0.1s linear 0s;
    transition: top 0.1s linear 0s, opacity 0.1s linear 0s;*/
}
.modal-dialog {
    max-width: 576px;
}

/*.modal-dialog column-picker{
    max-width: 600px!important;
}*/

.modal-dialog.modal-sm {
    max-width: 432px; 
}
.modal-dialog {
    padding: 0;
}
.modal-content {
    background-color: #FAFAFA;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
body.modal-open
{
    margin-right: 0 !important;
}
.modal .nav.nav-tabs { /* tab styling */
    padding: 10px 0 0 20px;
    margin: 0;
}
.modal-header
{
    border-bottom: 1px solid #DDDDDD;
    background-color: #FAFAFA;
    height: 65px;
}

/* vertical alignment */
body.modal-open .modal {
    display: flex !important;
    height: 100%;
} 
body.modal-open .modal .modal-dialog {
    margin: auto;
}

 .modal-header
{
    padding: 24px 24px 16px 24px;
}

.dialogHeaderText
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    line-height: 25px;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -.3px;
    color: #606060;
}
.modal-sm .dialogHeaderText {
    width: 350px;
}
.rtl .dialogHeaderText {
    vertical-align: -webkit-baseline-middle;
}

.dialogClose
{
    position: absolute;
    top: 22px;
    cursor: pointer;
}
.ltr .dialogClose
{
    right: 15px;
}
.rtl .dialogClose
{
    left: 15px;
}
.dialogClose.noTitle {
    top: 11px;
}
.dialogClose:hover, .dialogClose:focus {
    opacity: 1.0;
}
.modal-body {
    padding: 0;
    font-size: 14px;
    font-weight:normal;
    overflow-y: auto;
    background-color: transparent;
}
.modal-body-inner {
    padding: 16px 24px;
    position: relative;
}
.modal-footer {
    height: 65px;
    margin-top: 0;
    border-top: 1px solid #e0e0e0;
    background-color: #FAFAFA;
    clear: both;
    text-align: right;
    padding: 16px 24px;
    margin-bottom: -5px;
}
.rtl .modal-footer {
    text-align: left;
}
.modal-footer .btn {
    margin-top: 2px;
}
.modal-footer .helpButton {
    position: absolute;
    cursor: pointer;
    left: 20px;
    display: none;
}
.rtl .modal-footer .helpButton {
    right: 20px;
    left: initial;
    left: auto;
}
.modal-backdrop {
    opacity: 0.5;
}
.modal.behind-backdrop
{
    z-index: 1029;
}
.modal-loading .modal-dialog {
    z-index: 1051;
    width: 200px;
}
.modal-loading.modal-hidden {
    display: none !important;
}
.LoginDialogController .modal-dialog {
    z-index: 1052;
}
.modal-body .section * {
    /*vertical-align: middle;*/
}
.modal-body .section .sectionHeading {
    font-weight: 600;
    margin-bottom: 10px;
}
.modal-body .section textarea {
    resize: none;
}
/* add margin to the top of the section after the first visible section */
.modal-body :not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ .section {
    margin-top: 24px;
}
.modal-body .section * {
    margin-bottom: 0;
}
.modal-body .section, .modal-body .section .block {
    display: block;
}
.modal-body .section .vpad {
    padding: 20px 0;
}
.modal-body td {
    padding: 0;
}
/* add margin to the top of the element if it is not the first visible element */
.modal-body .section :not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ .block:not(.section),
.modal-body .section > :not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ div:not([style*="display:"]):not(.section),
.modal-body .section > :not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ [style*="display:block"]:not(.section),
.modal-body .section > :not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ [style*="display: block"]:not(.section),
.modal-body .table-cell > :not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ .block:not(.section),
.modal-body .table-cell > :not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ div:not([style*="display:"]):not(.section),
.modal-body .table-cell > :not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ [style*="display:block"]:not(.section),
.modal-body .table-cell > :not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ [style*="display: block"]:not(.section),
.modal-body td > :not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ .block:not(.section),
.modal-body td > :not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ div:not([style*="display:"]):not(.section),
.modal-body td > :not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ [style*="display:block"]:not(.section),
.modal-body td > :not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ [style*="display: block"]:not(.section) {
    margin-top: 10px;
}
.modal-body .section .table-row:not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ .table-row > .table-cell,
.modal-body .section tr:not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ tr > td {
    padding-top: 10px;
}
.modal-body .table-container {
    display: table;
}
.modal-body .table-row {
    display: table-row;
}
.modal-body .table-cell {
    display: table-cell;
}
.modal-body .table-cell, .modal-body .table-cell *:not(.caret), .modal-body td, .modal-body .section td {
    vertical-align: top;
}
.modal-body .table-cell:first-child, .modal-body td:first-child {
    white-space: nowrap;
}
.modal-body .table-cell:not(:last-child), .modal-body td:not(:last-child) {
    padding-right: 16px;
}
.rtl .modal-body .table-cell:not(:last-child), .rtl .modal-body td:not(:last-child) {
    padding-right: 0;
    padding-left: 16px;
}
.modal-body .section-link { /* assumed the link will never be on top */
    margin-top: 20px;
}
.modal-body .btn-link {    
    text-decoration: none;
}
.modal-body .section input[type="checkbox"],
.modal-body .section input[type="radio"] {
    margin-top: 3px;
    margin-right: 5px;
    vertical-align: top;
}
.rtl .modal-body .section input[type="checkbox"],
.rtl .modal-body .section input[type="radio"] {
    margin-left: 5px;
    margin-right: 0;
}
.modal-body .section {
    line-height: 20px;
}
.modal-body .section ul:not(.dropdown-menu) {
    padding-left: 15px;
}

column-display .modal-body .section ul:not(.dropdown-menu) {
    padding-left: 0;
}
.modal-body .section > ul li:not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ li,
.modal-body .section .table-cell > ul li:not([style*="display:none"]):not([style*="display: none"]):not(.ng-hide) ~ li {
    margin-top: 10px;
}
.modal-footer .btn-link + .btn {
    margin-right: 0;
}
.modal-footer .btn-link, .modal-body .section-link .btn-link {
    padding-left: 0;
    padding-right: 0;
}
.modal-body input.ng-invalid:not([disabled="disabled"]):not([on-blur-validator]) {
    border-color: red;
}
.modal-body .explanation {
    color: #999999;
}


/*column-display .modal-header{
    width: 600px !important;
}*/

/*** Page Layouts ***/

*, *:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.table-container {
    display: table;
}
.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
}
.table-cell, .modal-body .table-cell *:not(.caret) {
    vertical-align: top;
}
.table-cell:first-child {

}
.ltr .table-cell:not(:first-child) {
    padding-left: 22px;
}
.rtl .table-cell:not(:first-child) {
    padding-right: 22px;
}

.PageBackground
{
	background-color: #FAFAFA;
	padding: 0px;
	margin: 0px;
}
.MainPageTable 
{
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}
.angularPageBackground {
	background-color: #FAFAFA;
}

.ltr .TopRightLinks { right: 20px; }
.rtl .TopRightLinks { left: 20px; }

.TopRightLinks.HideLogoff #LogoffLink,
.TopRightLinks.HideLogoff .LinkSpacer3 {
    display: none;
}

.TopRightLinks.HidePreferences #PrefsLink,
.TopRightLinks.HidePreferences .LinkSpacer1 {
    display: none;
}

.HideLogo {
    display: none;
}

/* Top bar & logo */
.TopBar {
    min-height: 40px;
}
.TopBar img {
    vertical-align: middle;
    margin-top: 11px;
    margin-left: 10px;
}
.TopRightLinks
{
    position: absolute;
    top: 0;
    color: #157AC7;
    height: 39px;
}
.TopRightLinks a
{
    color: white;
    display: inline-block;
    height: 100%;
    padding: 11px 9px;
}
.TopRightLinks a:hover
{
    /*background: #004982;*/
    text-decoration: underline;
}

.SearchPageMainContent 
{
    top: 40px;
}
.MyWebLinkMainPageTable
{
}

.LinkSpacer
{
    text-align: center;
    color: transparent !important;
    font-size: 0.8em;
    margin: 0 0.25em;
    vertical-align: text-top;
}
.BrowserWarning {
	position: absolute;
	top: 0px;
	width: 100%;
	border-bottom: solid 1px #000000;
	background-color: #FFB801;
	z-index: 999;
	padding: 5px;
	font-weight: 600;
	vertical-align: middle;
}
.ltr BrowserWarning { left: 0px; }
.rtl .BrowserWarning { right: 0px; }
.BrowserWarning * { vertical-align: middle; }
.ltr BrowserWarning * { margin-right: 2px; }
.rtl .BrowserWarning * { margin-left: 2px; }

.center {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}
.PoweredByText
{
    margin: 5px 20px 0;
    color: #646464;
	font-size: 7pt;
	text-align: center;
}
.PoweredByText A:hover
{
    text-decoration: none;
}
.Plain
{
    text-decoration: none;
    cursor: default;
    color: #000000;
}
.SectionHeader
{
    margin: 0.5em;
    padding: 5px 10px;
    border: solid 1px #000000;
    background-color: #FAFAFA;
    color: #0069BA;
    font-weight: 600;
}

/* Utilities */
.clearer /* use for clearing floats */
{
	clear: both;
	height: 0px;
	width: 0px;
}
.InvisibleText
{
	display: none;
}

/*** Old Styles ***/

/* Folder Tree */
.FolderTreeExpandBox, .FolderTreeContractBox
{
	width:9px;
	height:9px;
	background-repeat:no-repeat;
	padding-left: 6px;
	padding-bottom: 2px;
	padding-top: 2px;
	position: relative;
	top: 2px;
	left: 0px;
	font-size: 6pt;
}
.FolderTreeExpandBox
{
	background-image:url(images/TreeOpen.gif);
}
.FolderTreeContractBox
{
	background-image:url(images/TreeClose.gif);
}
.FolderTreePlusBoxText
{
	visibility: hidden;
}
.FolderTreePlusBoxCell
{
	padding-left: 8px;
	padding-right: 0.5em;
}
.FolderTreeNameLink
{
	text-decoration: none;
}
.FolderTreeNameLink:hover
{
	text-decoration: underline;
}
.FolderTreeNameImage {}
.FolderTreeNameText
{
	color: #000000; /*Text*/
	padding-left: 0.5em;
}

/* Search Results Control: Version 7 */
.SearchResultsHitsLink
{
	text-decoration: none;
	color: #000000; /*Text*/
}
.SearchResultsHitsLink:hover
{
	text-decoration: underline;
}
.SearchResultsUnselectedRow {}
.SearchResultsSelectedRow
{
	background-color: #F8F9B1;
}
.ContextPanel
{
	vertical-align: top;
	background-color: White;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
}

/* Context Hits: Version 7 */
.ContextHitLine
{
	padding: 2px;
	font-size: 8pt;
}
.ContextHitLine A
{
	text-decoration: underline;
	color: #0000FF;
}
.ContextHitWord
{
	font-weight:bolder;
}

/* Document View: Thumbnails (Version 7) */
.ThumbDisplayLinkActive
{
	color: Black;
}
.ThumbDisplayLinkActive:hover
{
	text-decoration: underline;
}
.ThumbDisplayLinkInactive
{
	color: Gray;
	cursor: default;
}
.ThumbDisplayThumbPanel
{
	width: 100%;
	text-align: center;
    padding-top: 10px;
}
.ltr .ThumbDisplayThumbPanel
{
	padding-left: 10px;
}
.rtl .ThumbDisplayThumbPanel
{
	padding-right: 10px;
}
.ThumbDisplayDiv
{
	float: left;
	text-align: center;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ThumbDisplayText
{
	border: solid 2px black;
	background-color: White;
	height: 100px;
	width: 85px;
	font-size: 5pt;
	text-align: left;
	text-decoration: none;
	color: black;
	overflow: hidden;
	cursor: pointer; cursor: hand
}
.ThumbDisplaySelectedText
{
	border: solid 2px green;
	background-color: White;
	height: 100px;
	width: 85px;
	font-size: 5pt;
	text-align: left;
	text-decoration: none;
	color: black;
	overflow: hidden;
	cursor: pointer; cursor: hand
}

/* PDF Toolbar -- Not used */
.PDFLabel1
{
	position: relative;
}
.PDFStartPageBox
{
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
	font-size: 8pt;
}
.PDFLabel2
{
	position: relative;
}
.PDFEndPageBox
{
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
	font-size: 8pt;
}
.PDFToolbar
{
	font-size: 8pt;
}
.PDFDownloadLink, .PDFDownloadLinkOver, .PDFDownloadLinkDisabled
{
	cursor: default;
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 2px;
	position: relative;
	top: 0px;
}
.PDFDownloadLink
{
	background-image: url(images/iTBViewPDF.gif);
}
.PDFDownloadLinkDisabled
{
	background-image: url(images/iTBViewPDFG.gif);
}

/* Text Viewer: Version 7 */
.TextDisplayDiv
{
	background-color: White;
	padding: 5px;
}
.TextDisplayError
{
	color: Red;
}

/* Metadata: Version 7 */
.FieldDisplay {}
.FieldDisplayTemplateName
{
	margin: 7px;
	margin-bottom: 3px;
}
.StickyNoteDisplayTable
{
	width: 178px;
	margin-top: 7px;
	margin-left: 10px;
}
.StickyNoteDisplayHeader
{
    BACKGROUND-COLOR: #DDDDDD;
	font-size: 9pt;
	padding-left: 5px;
}
.StickyNoteDisplayText
{
	font-size: 8pt;
	padding-left: 3px;
	padding-top: 4px;
	padding-bottom: 8px;
}
.VersionDisplayVersionHeader
{
	background-color: #FDFAED;
	border: solid 1px #B2AE95;
	font-size: 7pt;
	padding-left: 2px;
	width: 35px;
	padding-top: 2px;
	padding-bottom: 1px;
}
.VersionDisplayDocumentHeader
{
	background-color: #F0F0F0;
	border: solid 1px #B2AC92;
	font-size: 7pt;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 1px;
}
.VersionDisplayTable
{
	margin-top: 7px;
	width: 224px;
}
.VersionDisplayAlternateRow
{
	background-color: #D2EBFF;
}
.VersionDisplayVersionCell
{
	vertical-align: top;
	font-size: 8pt;
	text-align: center;
}
.VersionDisplayNameCell
{
	vertical-align: top;
	text-align: left;
	font-size: 8pt;
	padding-left: 4px;
	padding-bottom: 2px;
}
.VersionDisplayClickableName
{
	text-decoration: none;
	color: #0709FE;
}
.VersionDisplayClickableName:hover
{
	text-decoration: underline;
}
.RelationshipDisplayRelationshipHeader
{
	background-color: #FDFAED;
	border: solid 1px #B2AE95;
	font-size: 7pt;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 1px;
}
.RelationshipDisplayDocumentHeader
{
	background-color: #F0F0F0;
	border: solid 1px #B2AC92;
	font-size: 7pt;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 1px;
}
.RelationshipDisplayTable
{
	margin-top: 7px;
	width: 224px;
}
.RelationshipDisplayAlternateRow
{
	background-color: #D2EBFF;
}
.RelationshipDisplayRelationshipCell
{
	vertical-align: top;
	font-size: 8pt;
	text-align: center;
}
.RelationshipDisplayNameCell
{
	vertical-align: top;
	text-align: left;
	font-size: 8pt;
	padding-left: 4px;
	padding-bottom: 2px;
}
.RelationshipDisplayNameCell A
{
	text-decoration: none;
	color: #0709FE;
}
.RelationshipDisplayNameCell A:hover
{
	text-decoration: underline;
}
.RelationshipDisplayDescription
{
	padding-left: 8px;
}
.TagDisplaySecurity
{
    background-position: 0px -416px;
}
.TagDisplayInformational
{
    background-position: 0px -400px;
}

/*** Current Styles ***/

/* Document Browser */
.DocumentBrowserDisplayTable
{
    width: 100%;
}
.EntryRowIconText
{
	display: none;
}
.DocumentBrowserCell
{
    padding: 5px 10px;
}
.DocumentBrowserDisplayTable tbody tr .DocumentBrowserCell,
.SearchResultsBrowserDisplayTable tbody tr .DocumentBrowserCell
{
    border-color: #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.WelcomePageBackground .SearchResultsBrowserDisplayTable {
    width: 100%;
}

.DocumentBrowserAlternateRow
{
	background-color: #FFFFFF;
}
.DocumentBrowserNameImage
{
	margin: 0 0.5em 0 .25em;
	vertical-align: text-bottom;
}
.DocumentBrowserNameLink
{
	text-decoration: none;
	color: #000000; /*Text*/
}
.DocumentBrowserNameLink:hover
{
	text-decoration: underline;
}
.ClickableRow:hover > td {
    background-color: #efefef;
    cursor: pointer;
}
.DocumentBrowserError
{
	color: Red;
}
.DocumentBrowserDisplayDiv
{
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}
.RightPanel
{
    width: 100%;
    vertical-align: top;
}

/* Document Browser Column Header */
.EntrySorterCell
{
	border: solid 1px #DDDDDD;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	background-color: #F3F3F3;
	padding: 5px 12px;
}
.ltr .EntrySorterCell:last-child
{
    border-right-width: 0px;
}
.rtl .EntrySorterCell:first-child
{
    border-right-width: 0px;
}
.EntrySorterNameCell {} /* Special class just for the Name */
.EntrySorterCell A
{
	color: #000000; /* Text */
	text-decoration: none;
    display: block;
}
EntrySorterCell A:hover 
{
    text-decoration: none;
}
.EntrySorterCell:hover
{
    background-color: #EFEFEF;
}
.EntrySorterAscendingColumn
{
	background-color: #DEDEDE;
}
.EntrySorterDescendingColumn
{
	background-color: #EEEEEE;
}
.ltr .EntrySorterAscendingColumn, .ltr .EntrySorterDescendingColumn
{
    padding-right: 6px;
}
.rtl .EntrySorterAscendingColumn, .rtl .EntrySorterDescendingColumn
{
    padding-left: 6px;
}
.EntrySorterAscendingColumn > a
{
    background-image: url(images/arrowAsc.png);
}
.EntrySorterDescendingColumn > a
{
    background-image: url(images/arrowDec.png);
}
.EntrySorterAscendingColumn > a, .EntrySorterDescendingColumn > a
{
    background-repeat: no-repeat;
}
.ltr .EntrySorterAscendingColumn > a, .ltr .EntrySorterDescendingColumn > a
{
    padding-right: 20px;
    background-position: right center;
}
.rtl .EntrySorterAscendingColumn > a, .rtl .EntrySorterDescendingColumn > a
{
    padding-left: 20px;
    background-position: left center;
}

/* Paging: Document Browser, search grid, context hits grid */
.DocumentBrowserDisplayDiv .PageableListJumpToPageLink, 
.DocumentBrowserDisplayDiv .PageableListCurrentPageDiv,
.SearchResultsContent .PageableListJumpToPageLink, 
.SearchResultsContent .PageableListCurrentPageDiv,
.ContextPanel .PageableListJumpToPageLink, 
.ContextPanel .PageableListCurrentPageDiv,
.JumpToPageLink, 
.CurrentPageDiv
{
    border-radius: 4px;
    border: 1px solid;
    display: inline-block;
    height: 30px;
    min-width: 30px;
    vertical-align: middle;
    text-align: center;
    margin: 5px 2px;
    text-decoration: none;
	line-height: 1.8em;
	font-size: 15px;
    color: #0069BA;
    background-color: #FFFFFF;
    cursor: pointer;
    padding: 0 10px;
}
.DocumentBrowserDisplayDiv .PageableListJumpToPageLink,
.SearchResultsContent .PageableListJumpToPageLink,
.ContextPanel .PageableListJumpToPageLink, 
.SearchResultsContent .JumpToPageLink
{
    background-color: #FFFFFF;
    border-color: #D5E2E6;
}
.DocumentBrowserDisplayDiv .PageableListJumpToPageLink:hover,
.DocumentBrowserDisplayDiv .PageableListCurrentPageDiv,
.SearchResultsContent .PageableListJumpToPageLink:hover,
.SearchResultsContent .PageableListCurrentPageDiv,
.ContextPanel .PageableListJumpToPageLink:hover,
.ContextPanel .PageableListCurrentPageDiv,
.JumpToPageLink:hover,
.CurrentPageDiv 
{
    border-color: #E2F3F7;
}
.DocumentBrowserDisplayDiv .PageableListCurrentPageDiv,
.SearchResultsContent .PageableListCurrentPageDiv,
.ContextPanel .PageableListCurrentPageDiv,
.CurrentPageDiv
{
    font-weight: 600;
}
.ltr .DocumentBrowserDisplayDiv .PageableListPrevPageLink,
.rtl .DocumentBrowserDisplayDiv .PageableListNextPageLink,
.ltr .SearchResultsContent .PageableListPrevPageLink,
.rtl .SearchResultsContent .PageableListNextPageLink,
.ltr .ContextPanel .PageableListPrevPageLink,
.rtl .ContextPanel .PageableListNextPageLink,
.ltr .PrevPageLink,
.rtl .NextPageLink
{
    background-color: none;
    background-image: url('images/new_sprite/left-chevron.png');
    background-position: center;
    background-repeat: no-repeat;
}
.ltr .DocumentBrowserDisplayDiv .PageableListNextPageLink,
.rtl .DocumentBrowserDisplayDiv .PageableListPrevPageLink,
.ltr .SearchResultsContent .PageableListNextPageLink,
.rtl .SearchResultsContent .PageableListPrevPageLink,
.ltr .ContextPanel .PageableListNextPageLink,
.rtl .ContextPanel .PageableListPrevPageLink,
.ltr .NextPageLink,
.rtl .PrevPageLink 
{
    background-color: none;
    background-image: url('images/new_sprite/right-chevron.png');
    background-position: center;
    background-repeat: no-repeat;
}

custom-search-app #ResultsDivContainer #search-loading-icon{
    height: 540px!important;
}

/*custom-search-app .SearchResultsContent {
    width: 800px;
}*/

.PageableListJumpToPage, .JumpToPage
{
	text-decoration: none;
}

.PageableListJumpToPage:hover
{
	text-decoration: underline;
}
.ltr .PageableListTotal
{
    font-size: 14px;
    float: right;
    padding: 12px 2px;
}
.rtl .PageableListTotal
{
    font-size: 14px;
    float: left;
    padding: 12px 2px;
}
.rtl .PagerStripContainer SPAN
{
    unicode-bidi: bidi-override;
}
.rtl .PagerStripContainer SPAN *, .rtl .PagerStripContainer .PageableListCurrentPage
{
    unicode-bidi: embed;
}
.BrowserBody 
{
    width: 100%;
    overflow: auto;
}



@media screen and (min-height: 540px) {
    .BrowserBody {
        min-height: 354px;
    }
}
@media screen and (min-height: 740px) {
    .BrowserBody {
        min-height: 554px;
    }
}
/*@media screen and (min-height: 940px) {
    .BrowserBody {
        min-height: 754px;
    }
}*/

.BrowserFooter 
{
    padding: 6px 12px;
    background-color: #F3F3F3;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #DDDDDD;
}
#TheFolderTree .BrowserFooter {
    /* if you give your folder tree control a different ID, put that instead of TheFolderTree */
    display: none;
}
.PageXofY
{
    display: inline-block;
    font-size: 15px;
    margin-right: 15px;
    color: #0069BA;
    padding: 8px 0;
}

/* Entry icons in general */
.EntryIcon
{
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

/* Folder, record folder, record series icons */
.Folder
{
    background-image: url('images/iFolderClosed.gif');
}
.FolderOpen 
{
    background-image: url('images/iFolderOpen.gif');
}
.Folder1
{
    background-image: url('images/template_colors/1/Folder.gif');
}
.Folder2
{
    background-image: url('images/template_colors/2/Folder.gif');
}
.Folder3
{
    background-image: url('images/template_colors/3/Folder.gif');
}
.Folder4
{
    background-image: url('images/template_colors/4/Folder.gif');
}
.Folder5
{
    background-image: url('images/template_colors/5/Folder.gif');
}
.Folder6
{
    background-image: url('images/template_colors/6/Folder.gif');
}
.Folder7
{
    background-image: url('images/template_colors/7/Folder.gif');
}
.Folder8
{
    background-image: url('images/template_colors/8/Folder.gif');
}
.Folder9
{
    background-image: url('images/template_colors/9/Folder.gif');
}
.Folder10
{
    background-image: url('images/template_colors/10/Folder.gif');
}
.Folder11
{
    background-image: url('images/template_colors/11/Folder.gif');
}
.Folder12
{
    background-image: url('images/template_colors/12/Folder.gif');
}
.Folder13
{
    background-image: url('images/template_colors/13/Folder.gif');
}
.Folder14
{
    background-image: url('images/template_colors/14/Folder.gif');
}
.Folder15
{
    background-image: url('images/template_colors/15/Folder.gif');
}
.Folder16
{
    background-image: url('images/template_colors/16/Folder.gif');
}
.Folder17
{
    background-image: url('images/template_colors/17/Folder.gif');
}
.Folder18
{
    background-image: url('images/template_colors/18/Folder.gif');
}
.Folder19
{
    background-image: url('images/template_colors/19/Folder.gif');
}
.Folder20
{
    background-image: url('images/template_colors/20/Folder.gif');
}
.Folder21
{
    background-image: url('images/template_colors/21/Folder.gif');
}
.Folder22
{
    background-image: url('images/template_colors/22/Folder.gif');
}
.Folder23
{
    background-image: url('images/template_colors/23/Folder.gif');
}
.Folder24
{
    background-image: url('images/template_colors/24/Folder.gif');
}
.Folder25 
{
    background-image: url('images/template_colors/25/Folder.gif');
}

.RecordFolder 
{
    background-image: url('images/recordFolder.gif');
}
.RecordFolderOpen 
{
    background-image: url('images/recordFolderOpen.gif');
}
.RecordFolder1
{
    background-image: url('images/template_colors/1/RecordFolder.gif');
}
.RecordFolder2
{
    background-image: url('images/template_colors/2/RecordFolder.gif');
}
.RecordFolder3
{
    background-image: url('images/template_colors/3/RecordFolder.gif');
}
.RecordFolder4
{
    background-image: url('images/template_colors/4/RecordFolder.gif');
}
.RecordFolder5
{
    background-image: url('images/template_colors/5/RecordFolder.gif');
}
.RecordFolder6
{
    background-image: url('images/template_colors/6/RecordFolder.gif');
}
.RecordFolder7
{
    background-image: url('images/template_colors/7/RecordFolder.gif');
}
.RecordFolder8
{
    background-image: url('images/template_colors/8/RecordFolder.gif');
}
.RecordFolder9
{
    background-image: url('images/template_colors/9/RecordFolder.gif');
}
.RecordFolder10
{
    background-image: url('images/template_colors/10/RecordFolder.gif');
}
.RecordFolder11
{
    background-image: url('images/template_colors/11/RecordFolder.gif');
}
.RecordFolder12
{
    background-image: url('images/template_colors/12/RecordFolder.gif');
}
.RecordFolder13
{
    background-image: url('images/template_colors/13/RecordFolder.gif');
}
.RecordFolder14
{
    background-image: url('images/template_colors/14/RecordFolder.gif');
}
.RecordFolder15
{
    background-image: url('images/template_colors/15/RecordFolder.gif');
}
.RecordFolder16
{
    background-image: url('images/template_colors/16/RecordFolder.gif');
}
.RecordFolder17
{
    background-image: url('images/template_colors/17/RecordFolder.gif');
}
.RecordFolder18
{
    background-image: url('images/template_colors/18/RecordFolder.gif');
}
.RecordFolder19
{
    background-image: url('images/template_colors/19/RecordFolder.gif');
}
.RecordFolder20
{
    background-image: url('images/template_colors/20/RecordFolder.gif');
}
.RecordFolder21
{
    background-image: url('images/template_colors/21/RecordFolder.gif');
}
.RecordFolder22
{
    background-image: url('images/template_colors/22/RecordFolder.gif');
}
.RecordFolder23
{
    background-image: url('images/template_colors/23/RecordFolder.gif');
}
.RecordFolder24
{
    background-image: url('images/template_colors/24/RecordFolder.gif');
}
.RecordFolder25 
{
    background-image: url('images/template_colors/25/RecordFolder.gif');
}

.RecordSeries 
{
    background-image: url('images/recordSeries.gif');
}
.RecordSeriesOpen
{
    background-image: url('images/recordSeriesOpen.gif');
}
.RecordSeries1
{
    background-image: url('images/template_colors/1/RecordSeries.gif');
}
.RecordSeries2
{
    background-image: url('images/template_colors/2/RecordSeries.gif');
}
.RecordSeries3
{
    background-image: url('images/template_colors/3/RecordSeries.gif');
}
.RecordSeries4
{
    background-image: url('images/template_colors/4/RecordSeries.gif');
}
.RecordSeries5
{
    background-image: url('images/template_colors/5/RecordSeries.gif');
}
.RecordSeries6
{
    background-image: url('images/template_colors/6/RecordSeries.gif');
}
.RecordSeries7
{
    background-image: url('images/template_colors/7/RecordSeries.gif');
}
.RecordSeries8
{
    background-image: url('images/template_colors/8/RecordSeries.gif');
}
.RecordSeries9
{
    background-image: url('images/template_colors/9/RecordSeries.gif');
}
.RecordSeries10
{
    background-image: url('images/template_colors/10/RecordSeries.gif');
}
.RecordSeries11
{
    background-image: url('images/template_colors/11/RecordSeries.gif');
}
.RecordSeries12
{
    background-image: url('images/template_colors/12/RecordSeries.gif');
}
.RecordSeries13
{
    background-image: url('images/template_colors/13/RecordSeries.gif');
}
.RecordSeries14
{
    background-image: url('images/template_colors/14/RecordSeries.gif');
}
.RecordSeries15
{
    background-image: url('images/template_colors/15/RecordSeries.gif');
}
.RecordSeries16
{
    background-image: url('images/template_colors/16/RecordSeries.gif');
}
.RecordSeries17
{
    background-image: url('images/template_colors/17/RecordSeries.gif');
}
.RecordSeries18
{
    background-image: url('images/template_colors/18/RecordSeries.gif');
}
.RecordSeries19
{
    background-image: url('images/template_colors/19/RecordSeries.gif');
}
.RecordSeries20
{
    background-image: url('images/template_colors/20/RecordSeries.gif');
}
.RecordSeries21
{
    background-image: url('images/template_colors/21/RecordSeries.gif');
}
.RecordSeries22
{
    background-image: url('images/template_colors/22/RecordSeries.gif');
}
.RecordSeries23
{
    background-image: url('images/template_colors/23/RecordSeries.gif');
}
.RecordSeries24
{
    background-image: url('images/template_colors/24/RecordSeries.gif');
}
.RecordSeries25 
{
    background-image: url('images/template_colors/25/RecordSeries.gif');
}

/* Document Icons */
.DocNoTemplate 
{
    background-image: url('images/batch-icon.gif');
}
.DocTemplate1 
{
    background-image: url('images/template_colors/1/batch-icon.gif');
}
.DocTemplate2
{
    background-image: url('images/template_colors/2/batch-icon.gif');
}
.DocTemplate3
{
    background-image: url('images/template_colors/3/batch-icon.gif');
}
.DocTemplate4
{
    background-image: url('images/template_colors/4/batch-icon.gif');
}
.DocTemplate5
{
    background-image: url('images/template_colors/5/batch-icon.gif');
}
.DocTemplate6
{
    background-image: url('images/template_colors/6/batch-icon.gif');
}
.DocTemplate7
{
    background-image: url('images/template_colors/7/batch-icon.gif');
}
.DocTemplate8
{
    background-image: url('images/template_colors/8/batch-icon.gif');
}
.DocTemplate9
{
    background-image: url('images/template_colors/9/batch-icon.gif');
}
.DocTemplate10
{
    background-image: url('images/template_colors/10/batch-icon.gif');
}
.DocTemplate11
{
    background-image: url('images/template_colors/11/batch-icon.gif');
}
.DocTemplate12
{
    background-image: url('images/template_colors/12/batch-icon.gif');
}
.DocTemplate13
{
    background-image: url('images/template_colors/13/batch-icon.gif');
}
.DocTemplate14
{
    background-image: url('images/template_colors/14/batch-icon.gif');
}
.DocTemplate15
{
    background-image: url('images/template_colors/15/batch-icon.gif');
}
.DocTemplate16
{
    background-image: url('images/template_colors/16/batch-icon.gif');
}
.DocTemplate17
{
    background-image: url('images/template_colors/17/batch-icon.gif');
}
.DocTemplate18
{
    background-image: url('images/template_colors/18/batch-icon.gif');
}
.DocTemplate19
{
    background-image: url('images/template_colors/19/batch-icon.gif');
}
.DocTemplate20
{
    background-image: url('images/template_colors/20/batch-icon.gif');
}
.DocTemplate21
{
    background-image: url('images/template_colors/21/batch-icon.gif');
}
.DocTemplate22
{
    background-image: url('images/template_colors/22/batch-icon.gif');
}
.DocTemplate23
{
    background-image: url('images/template_colors/23/batch-icon.gif');
}
.DocTemplate24
{
    background-image: url('images/template_colors/24/batch-icon.gif');
}
.DocTemplate25
{
    background-image: url('images/template_colors/25/batch-icon.gif');
}

/* Edoc Icons */
[class^='Edoc'], [class*=' Edoc']
{
    background-image: url(./portal/images/entryIcons/entrytypes_sprite.png);
}
.EdocASCX, .EdocASPX, .EdocCS, .EdocCSS, .EdocDLL, .EdocHTM, .EdocHTML, .EdocJS, .EdocVBS /* edoc-code in WA */
{
    background-position: 0 -276px;
}
.EdocAVI, .EdocMOV, .EdocMPEG, .EdocRM, .EdocWMV, .EdocMP4, .EdocWEBM, .EdocOGV, .EdocOGG /* edoc-movie */
{
    background-position: 0 -161px; 
}
.EdocBPM, .EdocGIF, .EdocJPEG, .EdocJPG, .EdocPNG, .EdocTIF, .EdocTIFF /* edoc-drawing */
{
    background-position: 0 -92px;
}
.EdocCONFIG /* edoc-config */
{
    background-position: 0 -46px;
}
.EdocDOC, .EdocDOCX, .EdocDOT /* edoc-wordprocessing */
{
    background-position: 0 -368px;
}
.EdocEXE /* edoc-exe */
{
     background-position: 0 -115px;
}
.EdocMDB /* edoc-database */
{
    background-position: 0 -69px;
}
.EdocPDF /* edoc-pdf */
{
    background-position: 0 -184px;
}
.EdocPPT, .EdocPPTX /* edoc-presentation */
{
    background-position: 0 -207px;
}
.EdocQFX /* edoc-qfx */
{
    background-position: 0 -230px;
}
.EdocREG /* edoc-registry */
{
    background-position: 0 -253px;
}
.EdocRTF, .EdocTXT /* edoc-text */
{
    background-position: 0 -322px; 
}
.EdocWAV, .EdocMP3, .EdocOPUS, .EdocOGA /* edoc-audio */
{
    background-position: 0 -23px; 
}
.EdocWFX /* edoc-wfx */
{
    background-position: 0 -345px; 
}
.EdocCSV, .EdocXLS, .EdocXLSM, .EdocXLSX /* edoc-spreadsheet */
{
    background-position: 0 -299px;
}
.EdocZIP /* edoc-zip */
{
    background-position: 0 -552px;
}
.EdocEML, .EdocMSG /* email */
{
    background-position: 0 -391px;
}
.ElectronicFileIcon
{
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
}
.DownloadElectFile
{
	vertical-align: middle;
}
.rtl .DownloadElectFile
{
}
.DownloadElectFileImage 
{
    margin-left: 4px;
    margin-right: -3px;
}

/* Sprite images */
.WLIcon16
{
    background-image: url(images/new_sprite/wl_icon_sprite_16px.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.ExpandArrowDown
{
    background-position: 0px -1104px;
}
.CollapseArrowUp
{
    background-position: 0px -1088px;
}
.DownloadIcon 
{
    background-position: 0px -1072px;
}
.MediaStreamIcon 
{
    background-position: 0px -1152px;
}
.CalendarIcon 
{
    background-position: 0px -336px;
}
.CloseIcon 
{
    background-position: 0px -432px;
}
.SpinnerIcon {
    width: 32px;
    height: 32px;
    background-image: url(images/new_sprite/wl_icon_sprite_16px.png);
    background-position: 0px 0px;
	background-repeat: no-repeat;
}
.SpinnerIconSmall {
    width: 16px;
    height: 16px;
    background-image: url(images/new_sprite/wl_icon_sprite_16px.png);
    background-position: 0px -32px;
	background-repeat: no-repeat;
}
.Spin {
    display: inline-block;
    -webkit-animation-name: spin; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin; 
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite; 
    -ms-animation-timing-function: linear;
    -o-animation-name: spin; 
    -o-animation-duration: 2s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: spin; 
    animation-duration: 2s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes spin {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes spin {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@-ms-keyframes spin {
    from {-ms-transform: rotate(0deg); }
    to {-ms-transform: rotate(360deg); }
}

@-o-keyframes spin {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes spin {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

/* Calendar Input */
.CalendarLink
{
	cursor: pointer;
	margin: 2px;
    padding: 0px;
    border: none;
    background-color: #FFFFFF;
}

/* Search Selector */
.SearchFormCustomizeDiv
{
    background-color: #F3F3F3;
    padding: 5px 5px 0 5px;
    vertical-align: middle;
    border-bottom: 1px solid #DDDDDD;
}
.SearchFormCustomizeDropDown
{
	font-size: 1em;
	margin-bottom: 5px;
	width: 230px;
}
.SearchFormCustomizeDiv option:hover, .SearchFormCustomizeDiv option:focus {
    background-color: rgb(16, 118, 219) !important; /* only overrides browser default in IE */
}

/* Search Form Elements */
.SearchPageMainContent 
{
    /* position from top is set above in the Top Bar & Logo section */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    z-index: 1;
}
.SearchFormDiv {
    overflow-x: hidden;
    width: 240px;
}
.SearchElementsDiv {
    overflow-x: hidden;
    overflow-y: auto;
}
.NoSearchCriteria 
{
    color: #646464;
    padding: 20px;
    margin-top: 20px;
    text-align: center;
    font-size: 15px;
}
#Search_SearchSubmitInput
{
    height: 26px;
    width: 254px;
}
.ltr #Search_SearchSubmitInput
{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: 0;
}
.rtl #Search_SearchSubmitInput 
{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0;
}
#Search_SearchSubmitInput, #Search_SearchSubmitBttn 
{
    position: relative;
    top: 0;
}

welcome-app #Search_SearchSubmitBttn{
    vertical-align: top;
}
welcome-app #Search_SearchSubmitBttn{
    margin-bottom: 0;
}

.rtl welcome-app #Search_SearchSubmitBttn{
   margin-right: -4px;
}


.SearchFormSearchSubmitButton,
.TopBarSearchSubmitButton 
{
    height: 26px;
}
.ltr .SearchFormSearchSubmitButton,
.ltr .TopBarSearchSubmitButton
{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0;
}

.SearchFormSearchSubmitButton.btn-primary:disabled {
    background-color: #02b793;
    border-color: #02b793;
}

.rtl .SearchFormSearchSubmitButton,
.rtl .TopBarSearchSubmitButton
{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: 0;
}
.SearchFormElementHeader
{
    font-size: 1em;
    font-weight: 600;
    background-color: #0DA88B;
    color: #FFFFFF;
    width: 100%;
    height: 23px;
    padding: 0 2px;
}
.ltr .SearchFormElementHeader {
    padding-right: 0;
}
.rtl .SearchFormElementHeader {
    padding-left: 0;
}
.SearchFormElementHeader DIV
{
	line-height: 22px;
	vertical-align: middle;
}
.SearchHeaderTextLTR
{
	float:left;
	padding-left: 4px;
}
.SearchHeaderTextRTL
{
	float:right;
	padding-right: 4px;
}
.SearchHelpLinkLTR, .SearchCloseLinkLTR
{
	float: right;
    margin: 3px 6px 2px 1px;
}
.SearchHelpLinkRTL, .SearchCloseLinkRTL
{
	float: left;
    margin: 3px 1px 2px 6px;
}
.SearchHelpLinkLTR, .SearchHelpLinkRTL
{
	background-position: 0 -352px;
}
.SearchCloseLinkLTR > i, .SearchCloseLinkRTL > i
{
	background-image: url(images/x.png);
    background-size: contain;
    height: 12px;
    width: 12px;
    display: inline-block;
    line-height: 0;
}
.SearchCloseLinkLTR, .SearchCloseLinkRTL
{
   display: inline-block;
   margin: 0;
   padding: 5px 8px;
   line-height: 0;
}
.SearchCloseLinkLTR:hover, .SearchCloseLinkRTL:hover,
.SearchCloseLinkLTR:focus, .SearchCloseLinkRTL:focus
{
    background-color: rgba(0, 0, 0, 0.15);
}
.SearchHeaderButtonLTR {
    display: inline-block;
    float: right;
}
.SearchHeaderButtonRTL {
    display: inline-block;
    float: left;
}
.SearchHeaderButtonLTR .SearchHelpLinkLTR, .SearchHeaderButtonLTR .SearchCloseLinkLTR {
    float: left;
}
.SearchHeaderButtonRTL .SearchHelpLinkRTL, .SearchHeaderButtonRTL .SearchCloseLinkRTL {
    float: right;
}
.SearchHeader 
{
    padding-bottom: 10px;
}
.SearchFormElementCriteria
{
	font-size: 0.9em;
	margin: 10px;
}
.SearchFormElementCriteria A
{
	margin: 2px;
}
.SearchFormElementCriteria INPUT[type="submit"]
{
    margin-top: 5px;
}
.SearchFormElementCriteria INPUT[type="radio"],
.SearchFormElementCriteria INPUT[type="checkbox"]
{
    vertical-align: sub;
}
.SearchFormElementCriteria INPUT[type="text"]:not(.DateInputBox), 
.SearchFormElementCriteria textarea
{
    margin: 5px 0;
    width: 100%;
}
.SearchFormElementCriteria .DateInputBox 
{
    margin: 5px 0;
    width: 100px;
}
.SearchFormElementCriteria .DateLabel 
{
    display: inline-block;
    width: 42px;
}
.SearchFormElementCriteria .DateInputAndPicker 
{
    display: inline;
}
.SearchElementDropDown
{
    width: 100%;
    margin-bottom: 10px;
}
.SearchElementTextTabDiv
{
	margin-bottom: 5px;
}
.SearchElementTextTabSelected A
{
	color: #000000; /* Text */
	text-decoration: none;
}
.SearchElementTextTabSeparator
{
	padding: 2px;
}
.SearchElementTextTabActive A {}
.SearchElementTextTabActive A:hover
{
	text-decoration: none;
}
.SearchFormElementHelp
{
	color: #000000;
	margin: 0.25em 0;
	padding: 0.25em 0.5em;
	background-color: #FFFFDE;
	border: solid 1px #646464;
}
.FieldInput {
    display: inline-block;
    width: 100%;
}
.FieldInput.MultiValue {
    border-left: 1px solid #a7ced5;
    border-right: 1px solid #a7ced5;
    padding: 0 5px;
}
.FieldInput.MultiValue.MultiValueFirst {
    border-top: 1px solid #a7ced5;
    padding-top: 5px;
}
.FieldInput.MultiValue.MultiValueLast {
    border-bottom: 1px solid #a7ced5;
    padding-bottom: 5px;
    margin-bottom: 8px;
}
.SearchSubmitDiv
{
	background-color: #FAFAFA;
	height: 40px;
	text-align: center;
    border-top: 1px solid #DDDDDD;
}
.RunSearchButton
{
	margin: 0.25em;
	min-width: 64px;
	font-weight: 600;
}
#RunButton.RunSearchButton
{
    min-width: 110px;
}
.SearchFormCheckbox 
{
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
}
.SearchFormCheckbox:hover 
{
    /* translate from hex (#abcdef) to rgb using: hex.colorrrs.com 
        to get a semitransparent version of your hover span border */
    background-color: rgba(64, 134, 197, .2);
}
.SearchFormCheckbox label
{
    display: inline-block;
    margin-left: 3px;
    padding-top: 1px;
    width: 85%;
}
.SearchFormCheckboxesList {
    border: 1px solid #A7CED5;
    height: 110px;
    margin: 5px 0 10px;
    padding: 5px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* Search Results */
.SearchLoadingBox
{
    position: absolute;
    top: 320px;
    font-size: 10pt;
    padding: 20px 10px;
    background-color: white;
    background-repeat: no-repeat;
    position: absolute;
    height: 65px;
    width: 160px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border: 1px solid #bbb;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    outline: none;
   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
           box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
   -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
           background-clip: padding-box;
    z-index: 100;
}
.SearchLoadingBox div
{
    vertical-align: middle;
}
.NoSearchRunDiv
{
    color: #646464;
    border: 1px solid #DDDDDD;
    text-align: center;
}
.NoResultsYet
{
    display: block;
    margin-top: 220px;
    font-size: 24px;
}
.NoResultsYetExplanation
{
    display: block;
    margin-top: 15px;
    font-size: 15px;
}
.SearchResultsSortDiv
{
    font-size: 14px;
    color: #646464;
    margin-bottom: 1.5em;
    position: absolute;
    margin: 5px 10px 5px 20px;
}
.SearchResultsSortDiv A:hover 
{
    text-decoration: none;
}
.SearchResultsBrowserGridDisplayDiv {
    border-color: #ccc;
}
.SearchResultsBrowserGridDisplayDiv .SearchResultsBrowserDisplayTable {
    min-width: 100%;
}
.SortControlDropDownContainer
{
    position: relative;
    top: 0;
    cursor: pointer;
    display: inline-block;
    min-width: 65px;
    border: none;
    margin-left: 2px;
    color: #000000;
    font-size: 15px;
    border-radius: 3px;
    -webkit-transition: background-color ease-in-out 0.4s;
            transition: background-color ease-in-out 0.4s;
}
.ltr .SortControlDropDownContainer
{
    background: url('images/dropdown-arrow.png') no-repeat 96% 55% transparent;
}
.rtl .SortControlDropDownContainer 
{
    background: url('images/dropdown-arrow.png') no-repeat 4% 55% transparent;
}
.ltr .SortControlDropDownContainer.active, .ltr .SortControlDropDownContainer:hover, .ltr .SortControlDropDownContainer:focus
{
    background: url('images/dropdown-arrow.png') no-repeat 96% 55% #efefef;
}
.rtl .SortControlDropDownContainer.active, .rtl .SortControlDropDownContainer:hover, .rtl .SortControlDropDownContainer:focus
{
    background: url('images/dropdown-arrow.png') no-repeat 4% 55% #efefef;
}
.SortControlDropDownContainer:after
{
    position: absolute;
}
.SortControlDropDownContainer .SortControlDropDownList
{       
    list-style: outside none none;
    position: absolute;
    top: 16px;
    min-width: 145px;
    background-color: #FFFFFF;
    padding: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);

    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity = 0); /* IE8 and earlier */
}
.SortControlDropDownContainer.active .SortControlDropDownList 
{
    pointer-events: all;
    opacity: 1;
    filter: alpha(opacity = 100); /* IE8 and earlier */
}
.SortControlDropDownContainer .SortControlDropDownList > li > a
{
    display: block;
    padding: 7px 10px;
    text-decoration: none;
    color: #000000;
}
.SortControlDropDownContainer .SortControlDropDownList > li
{
    display: block;
}
.SortControlDropDownContainer .SortControlDropDownList > li[aria-checked="true"]
{
    font-weight: 600;
}
.SortControlDropDownContainer .SortControlDropDownList > li:hover,
.SortControlDropDownContainer .SortControlDropDownList > li:focus
{
    /* translate from hex (#abcdef) to rgb using: hex.colorrrs.com 
        to get a semitransparent version of your hover span border */
    background-color: rgba(64, 134, 197, .1); /* #3F86C5 with .1 opacity */
}
.SearchResultsContent
{
	background-color: #FFFFFF;
}
.ltr .CurrentSortDiv 
{
    height: 30px;
    padding: 3px 25px 3px 7px;
}
.rtl .CurrentSortDiv 
{
    height: 30px;
    padding: 3px 7px 3px 25px;
}
.WelcomePageSearchResults
{
	margin-top: 10px;
    margin: 0 48px;
   
    
}

welcome-app .WelcomePageSearchResults{
    /*height:540px;*/
    margin-bottom: 50px;

}


.SearchResultContainer
{
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0 1px;
    padding: 20px;
    font-size: 14px;
    overflow: auto;
}
.SearchResultContainer em {
    color: green;
}
.SearchResultContainer10 em {
    color: green;
}

.WelcomePageMainContent .SearchResultContainer 
{
    border-bottom-width: 1px;
}
.SearchResultHeader, .SearchResultFooter
{
    font-size: 14px;
    color: #646464;
    background-color: #F3F3F3;
    padding: 10px 20px;
    border: solid 1px #DDDDDD;
    height: 40px;
}
.WelcomePageMainContent .SearchResultFooter {
    padding: 7px;
}
.ltr .SearchResultHeader 
{
    text-align: right;
}

@media (max-width: 450px) {
    .SearchResultHeader.classicResultsHeader {
        height: 70px;
        white-space: nowrap;
    }
    .SearchResultHeader.classicResultsHeader #resultText {
        max-width: 300px !important;
        float: none !important;
    }
}

search-app .SearchResultHeader, welcome-app .SearchResultHeader, custom-search-app .SearchResultHeader{
    text-align:inherit!important;
}
.rtl .SearchResultHeader 
{
    text-align: left;
}
.SearchResultHeader A:hover, .SearchResultFooter A:hover 
{
    text-decoration: none;
}
.SearchResultFooter
{
    height: 60px;
    text-align: center;
    padding: 9px;
}

.SearchResultFooter ul {  
    list-style: none;
}

.currentPage{
    font-weight: 600;
}

.SearchResultFooter li {
    border: 1px solid #ccc;
    display: inline-block;
    background-color: #fff;
}

.WelcomePageMainContent .SearchResultFooter
{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

.ResultItem {
    padding: 7px 15px 7px 0px;
    line-height: 1.5em;
    margin-bottom: 1.75em;
}

.ResultItem a {
    vertical-align: middle;
    font-size: 15px;
    font-weight: 600;
}
.ResultItem .Section {
    margin-top: 7px;
}


.ResultItem .UserProperties .dispName{
 font-weight: 600;  
     
 
}

.ResultItem .UserProperties .property{
    margin-right: 10px;
     
 
}

.ResultItem .EntryProperties{
    color: green;
}

.ResultItem .ContextHits {
    font-size: 13px;
    font-weight: normal;
}

.ResultItem .ContextHits a {
    font-size: 13px;
    font-weight: normal;
}

.ResultItem .SearchResultDetails{
    padding-left: 37px;
}

.HiddenProperties {
    display: none;
    margin-top: 5px;
}

.HiddenPropertiesHeader {
    color: #0069BA;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    background-color: transparent;
    padding: 0 2px 2px;
}

.ResultListingContainer {
    overflow: auto;
    height: calc(100% - 100px);
    height: -webkit-calc(100% - 100px);
    height: -moz-calc(100% - 100px);
   

    /*min-width: 500px;*/
}

search-app .SearchResultFooter{
    bottom: 0;
    position: absolute;
    width: 100%;
}

.SearchResultFooter
{
    text-align: center;
}
.SearchResultItem
{
	line-height: 1.5em;
	margin-bottom: 1.75em;
}
.SearchResultItem A 
{
    text-decoration: none;
}
.SearchResultItem A:hover
{
    text-decoration: underline;
}
.SearchResultItem IMG
{
	vertical-align: middle;
    margin-bottom: 2px;
}
.SearchResultItem .DocumentTitle
{
	vertical-align: middle;
	font-size: 15px;
	margin: 0 5px;
	font-weight: 600;
}
.SearchResultItem .Section
{
	margin-top: 7px;
}
.SearchResultItem .Properties
{
    color: Green;
}
.SearchResultItem .UserProperties LABEL
{
    font-weight: 600;
}
.SearchResultItem .ContextHits
{
	font-size: 13px;
}
.SearchResultItem .ToggleLinkDiv
{
    margin-top: 0.5em;
}
.ToggleLinkDiv A 
{
    text-decoration: none;
    font-weight: 600;
}
.MoreLinkButton 
{
    border: 1px solid #D5E2E6;
    border-radius: 3px;
    display: inline-block;
    margin-right: 5px;
    padding: 2px;
    margin-top: 0.5em;
}
.MoreLinkButton:hover
{
    border-color: #E2F3F7;
}
.SearchResultItem .SearchThumbnails
{
    padding-bottom: 2px; /* otherwise the animation cuts off the bottom border */
}
.SearchResultItem .SearchThumbnails IMG
{
	border: solid 1px #D5E2E6;
}
.SearchResultItem .SearchThumbnails IMG:hover
{
	border: solid 1px #E2F3F7;
}


.ResultItem .SearchThumbnails
{
    padding-bottom: 2px; /* otherwise the animation cuts off the bottom border */
}
.ResultItem .SearchThumbnails IMG
{
	border: solid 1px #D5E2E6;
}
.ResultItem .SearchThumbnails IMG:hover
{
	border: solid 1px #E2F3F7;
}

.ResultItem .thumbnails a{
    margin-right: 5px;
}

.UserPropertiesList{
    list-style-type: none;
    padding-left: 0;
}
.UserPropertiesList li{
        margin-bottom: .5rem;
}

.ltr .SearchResultItem .SearchThumbnails A { margin-right: 0.25em; }
.rtl .SearchResultItem .SearchThumbnails A { margin-left: 0.25em; }
.SearchResultItem .Metadata
{
    border: solid 1px transparent;
    background-color: transparent;
}
.SearchResultItem .Metadata EM
{
	font-style: normal;
	font-weight: 600;
	color: #000000;
}
.FieldsTitle
{
    font-weight: 600;
    border-bottom: 1px solid #A7CED5;
    padding-bottom: 7px;
    margin-bottom: 10px;
}
.SearchResultItem .TagSection
{
	margin-top: 0.5em;
}
.SearchResultItem .TagSection .TagDisplayInformational
{
	vertical-align: sub;
    margin-right: 2px;
}
.SearchResultItem .slideable 
{
    display: none;
}
.ltr .SearchResultItem .slideable
{
    margin-left: 30px;
}
.rtl .SearchResultItem .slideable
{
    margin-right: 30px;
}
.SearchResultItem .hidden
{
    display: none;
}
.SearchResultItem .SearchResultTitle 
{
    padding-left: 20px;
}
.SearchResultItem .SearchResultDetails 
{
    padding-left: 20px;
}
/* Search box at top of page (Browse.aspx and Search.aspx) */
.SearchBar 
{
    position: absolute; 
    top: 8px;
}
.SearchBar 
{
    left: 50%;
    width: 295px; /* dropdown arrow (36px) + seach input bar (217px) + search button (42px) */
    margin-left: -148px;
}
.SearchLocationDropDownContainer
{
    position: relative;
    top: 0;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    width: 37px;
    background: url('images/dropdown-arrow.png') no-repeat center #ddd;
    border: 1px solid #ccc;
}
.SearchLocationDropDownContainer:after {
    position: absolute;
}
.SearchLocationDropDownContainer:hover, .SearchLocationDropDownContainer:focus {
    background-color: #ccc;
    outline: none;
}
.SearchLocationDropDownContainer .SearchLocationDropDownList
{
    list-style: outside none none;
    position: absolute;
    top: 12px;
    width: 180px;
    background-color: #FFFFFF;
    padding: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity = 0); /* IE8 and earlier */
}
.SearchLocationDropDownContainer.active .SearchLocationDropDownList 
{
    pointer-events: all;
    opacity: 1;
    filter: alpha(opacity = 100); /* IE8 and earlier */
    z-index: 100;
}
.SearchLocationDropDownContainer .SearchLocationDropDownList > li > a
{
    display: block;
    padding: 7px 10px;
    text-decoration: none;
    color: #000000;
}
.SearchLocationDropDownContainer .SearchLocationDropDownList > li
{
    display: block;
}
.SearchLocationDropDownContainer .SearchLocationDropDownList > li[aria-checked="true"]
{
    font-weight: 600;
}
.SearchLocationDropDownContainer .SearchLocationDropDownList > li:hover,
.SearchLocationDropDownContainer .SearchLocationDropDownList > li:focus
{
    /* translate from hex (#abcdef) to rgb using: hex.colorrrs.com 
        to get a semitransparent version of your hover span border */
    background-color: rgba(64, 134, 197, .1); /* #3F86C5 with .1 opacity */
}
.SearchBar #searchBox 
{
    position: absolute;
    top: 0;
    border-radius: 0;
    width: 217px;
    height: 26px;
    resize: none;
}
.ltr .SearchBar #searchBox
{
    left: 36px;
}
.rtl .SearchBar #searchBox
{
    right: 36px;
}
.SearchBar #searchButton 
{
    position: absolute;
    top: 0;
}
.ltr .SearchBar #searchButton 
{
    left: 253px;
}
.rtl .SearchBar #searchButton 
{
    right: 253px;
}
/* Document View: Annotations */
.AnnHidden 
{
	display:none;
	z-index:-1;	
}
.StickyNote, .AttachmentAnnotation
{
	background-repeat:no-repeat;
	margin-left: -16px;
	margin-top: -16px;
	width: 32px;
	height: 32px;
}
.AttachmentAnnotation
{
	background-image:url(images/attach.gif);
    cursor: pointer;
}
doc-viewer-app .AttachmentAnnotation {
    background-image: none;
    background-color: white;
    border: 1px solid #ccc;
   -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
      -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
           box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
}

doc-viewer-app .dropdown.open > .dropdown-menu a {
    color: inherit;
}


.StickyNoteNumber, .AttachmentNumber
{
    COLOR: #000000;
    position: absolute;
    overflow: visible;
	font-size: 12px;
	padding-top:2px;
	padding-left: 6px;
	font-weight: 600;
}
.AttachmentNumber {
    padding-top: 0px;
    padding-left: 1px;
}

/* Document View: Text */
.SearchHighlight
{
	font-weight: bolder;
	color: Blue;
}

/* Document View: Thumbnail Jump Panel */
.ThumbDisplayJumpPanel
{
	padding: 3px;
	text-align:center;
	color: #646464;
}
.ThumbDisplayJumpPanel *
{
	vertical-align:middle;
}
.ThumbDisplayJumpLabel {}
.ThumbDisplayTargetBox
{
	margin: 0 5px;
}
.ThumbDisplayGoButton {}
.ThumbDisplayPrevLink, .ThumbDisplayNextLink
{
	font-size: 0.9em;
	text-decoration: none;
	margin-top: 7px
}
.ThumbDisplayPrevLink, .rtl .ThumbDisplayNextLink
{
	float: left;
	margin-left: 7px;
}
.ThumbDisplayNextLink, .rtl .ThumbDisplayPrevLink
{
	float: right;
	margin-right: 7px;
}
.ThumbDisplayLinkActive8 {}
.ThumbDisplayLinkActive8:hover
{
	text-decoration: underline;
}

/* Document View: Thumbnails */
.ThumbOuterDiv {
    display: inline-block;
}
.ThumbDisplayDiv8
{
	float: left;
	text-align: center;
	height: 130px;
    width: 95px;
    white-space: nowrap;
    margin: 5px;
}
.ThumbWithJumpPanel .ThumbDisplayDiv8
{
    width: 95px;
}
.ThumbDisplayPageNumber
{
	position: relative;
	top: 0;
	left: 0;
}
.ThumbWithJumpPanel .ThumbDisplayPageNumber 
{
    top: 62px;
}
.ThumbDisplayPageNumberIE {}
.ThumbDisplayImage {}
.ThumbDisplaySelectedImage
{
	border: 1px solid #3F86C5;
}

.ThumbDisplayLabelSelected
{
	font-weight: 600;
}

/* Welcome Page */
.WelcomePageMainContent
{
    /* position from top is set above in the Top Bar & Logo section */
    overflow: auto;
    z-index: 1;
}
.WelcomePageBackground
{
	background-color: #FAFAFA;
}

.WelcomeLayout10 div{
    text-align: center;
}
.WelcomePageBanner9 
{
    position: absolute;
    left: 0;
    z-index: -10;
}
.WelcomePageBanner9 img {
    max-width: 100%;
}
.WelcomePageSideBanner
{
	background-image: url(images/WelcomeSideBanner.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
.NewWelcomePageTitle
{
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 7px;
}
.NewWelcomePageText
{
    font-size: 15px;
    color: #6D6D6D;
    padding-bottom: 25px;
}
.WelcomePageRightContent
{
	padding-left: 20px;
}
.WelcomePageDescription
{
	margin-bottom: 20px;
	font-size: larger;
}
.WelcomePageFooter
{
	 text-align: center;
	 margin-top: 20px;
}
#Bookmarks {
    padding-bottom: 10px;
}
#Bookmarks a:hover {
    text-decoration: none;
}

#bookmarkContainer{
    overflow: hidden;
}

/* Custom Search */
.CustomSearchDescription
{
    padding: 2em 1em;
    padding-top: 0.25em;
}
.CustomSearchSection
{
    padding: 0 5px;
}
.CustomSearchSection label, .CustomSearchSection input, .CustomSearchSection select
{
    margin-right: 5px;
    margin-bottom: 5px;

    vertical-align: middle;
}

.CustomSearchSection label
{
    margin-bottom: 5px;
}

/* My WebLink and Welcome page styles */
.MyWebLinkTopBar, .WelcomeTopBar
{
    padding-bottom: 1px;
    border-bottom: 1px solid #ccc;
    background: #157AC7;
    min-height: 39px;
}
.MyWebLinkTopBar .homeLink, .WelcomeTopBar .homeLink
{
    vertical-align: top;
}
.MyWebLinkTopBar .menuButton {
    display: none;
    border: none;
    background-color: transparent;
    margin-right: 20px;
    cursor: pointer;
    margin-top: 7px;
}
.MyWebLinkTopBar .hamburger-icon {
    display: inline-block;
    color: white;
    vertical-align: text-bottom;
}
.PreferencesTypeList
{
    list-style: outside none none;
    padding: 5px 0;
}
.PreferencesTypeList > li > a
{
    display: block;
    text-decoration: none;
    color: #000000;
    padding: 7px 5px;
}
.PreferencesTypeList > li
{
    display: block;
    cursor: pointer;
    font-size: 14px;
}
.PreferencesTypeList > li.selected
{
    background-color: #D1EAF0;
}
.ltr .PreferencesTypeList > li
{
    padding-left: 27px;
}
.ltr .PreferencesTypeList > li.selected
{
    padding-left: 22px;
    border-left: 5px solid #3F86C5;
    font-weight: 600;
}
.rtl .PreferencesTypeList > li
{
    padding-right: 27px;
}
.rtl .PreferencesTypeList > li.selected
{
    padding-right: 22px;
    border-right: 5px solid #3F86C5;
}
.PreferencesTypeList > li:hover:not(.selected),
.PreferencesTypeList > li:focus:not(.selected)
{
    /* translate from hex (#abcdef) to rgb using: hex.colorrrs.com 
        to get a semitransparent version of your hover span border */
    background-color: rgba(209, 234, 240, .4); /* #D1EAF0 with .4 opacity */
}
.PreferencesTypeList .SelectedMyWebLinkOption
{
    font-weight: 600;
}
.MyWebLinkMainPageTable 
{
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    z-index: 1;
}
.MyWebLinkLeftPane 
{
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 1;
    width: 235px;
    border-right: 1px solid #DDDDDD;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.ltr .MyWebLinkLeftPane
{
    left: 0
}
.rtl .MyWebLinkLeftPane
{
    right: 0;
}

.MyWebLinkRightPanel
{
    position: absolute;
    bottom: 0;    
    top: 0;
    padding: 23px 30px;
    font-size: 14px;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-family: 'Open Sans';
}
.ltr .MyWebLinkRightPanel
{
    left: 235px;
    right: 0;
}
.rtl .MyWebLinkRightPanel
{
    right: 235px;
    left: 0;
}

@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .MyWebLinkTopBar .menuButton {
        display: inline-block;
    }
    .MyWebLinkLeftPane {
        display: none;
    }
    .showRespMenu .MyWebLinkLeftPane {
        display: block;
    }
    .ltr:not(.showRespMenu) .MyWebLinkRightPanel {
        left: 0;
    }
    .rtl .MyWebLinkRightPanel {
        right: 0;
    }
    .LinkSpacer {
        display: none;
    }

    .SaveFooter{
        padding: 5px 5px 15px 15px!important;
    }

}
@media (max-width: 576px) {
    .showRespMenu .MyWebLinkLeftPane {
        width: 100%;
    }


}

.MyWebLinkRightPanel table 
{
    font-size: 14px;
}
.MyWebLinkRightPanel select 
{
    font-size: 14px;
    padding: 2px 3px;
}
.PasswordSuccess 
{
    color: green;
}
.PasswordSuccess, .PasswordFailure
{
    margin-bottom: 5px;
}
.MyWebLinkLabel 
{
    padding: 15px 30px 0;
    font-size: 16px;
	font-weight: 600;
    margin-bottom: 15px;
}
.MyWebLinkTypeLabel
{
	font-size: 19px;
	font-weight: 600;
	margin-bottom: 10px;
}
.MyWebLinkRightPanel label 
{
    margin-left: 3px;
}
.MyWebLinkInfo {}
.ResetOptionsButton 
{
    margin-top: 10px;
}

/* Column Selector */
.ColumnSelectTypeCell
{
	padding: 10px 0 5px;
}
.ColumnSelectAddCell
{
	padding: 10px;
}
.ColumnSelectUpDownCell
{
	vertical-align: middle;
}
.ColumnSelectRemoveCell
{
	padding-top: 8px;
	text-align: right;
}
.ColumnSelectText {}
.ColumnSelectChoiceList, .ColumnSelectSelectedList
{
	width: 270px;
	height: 600px;
    overflow: auto;
    background-color: white;
    border: 1px solid #DDDDDD;
    font-family: 'Open Sans';
    font-size: 14px;
    padding: 10px 7px;
    border-radius: 2px;
}

@media(max-height: 600px){
    .ColumnSelectChoiceList, .ColumnSelectSelectedList {
        height: 300px!important;
    }
}

.ColumnSelectChoiceList .ColumnSelectChooseCheckbox, .ColumnSelectSelectedList .ColumnSelectSelectedCheckbox
{
    margin-bottom: 4px;
}
.ColumnSelectChoiceList .ColumnSelectChooseCheckbox > input, .ColumnSelectSelectedList .ColumnSelectSelectedCheckbox > input 
{
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;
}
.ColumnSelectChoiceList .ColumnSelectChooseCheckbox:hover, .ColumnSelectSelectedList .ColumnSelectSelectedCheckbox:hover,
.ColumnSelectChoiceList .ColumnSelectChooseCheckbox.focus
{
    /* translate from hex (#abcdef) to rgb using: hex.colorrrs.com 
        to get a semitransparent version of your hover span border */
    background-color: rgba(64, 134, 197, .2);
}

.ColumnSelectChoiceList .ColumnSelectChooseCheckbox > label, .ColumnSelectSelectedList .ColumnSelectSelectedCheckbox > label
{
    display: inline-block;
    width: 85%;
    margin-left: 3px;
    padding-top: 1px;
}

.ColumnSelectSelectedList .ColumnSelectSelectedCheckbox > span{
    padding-bottom: 5px;
    display: block;
}

.ColumnSelectAddLinkLTR, .ColumnSelectAddLinkRTL,
.ColumnSelectRemoveLinkLTR, .ColumnSelectRemoveLinkRTL,
.ColumnSelectMoveUpLink, .ColumnSelectMoveDownLink
{
    background-image: url(images/new_sprite/wl_icon_sprite_16px.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: block;
    margin: 5px;
}
.ColumnSelectAddLinkLTR
{
	background-position: 0px -192px;
}
.ColumnSelectAddLinkRTL
{
	background-position: 0px -176px;
}
.ColumnSelectRemoveLinkLTR
{
	background-position: 0px -176px;
}
.ColumnSelectRemoveLinkRTL
{
	background-position: 0px -192px;
}
.ColumnSelectMoveUpLink
{
	background-position: 0px -208px;
}
.ColumnSelectMoveDownLink
{
	background-position: 0px -224px;
}
.ColumnSelectChooseCheckbox {
    white-space: nowrap;
}
.ColumnSelectDummyColumn {
	color: #222;
    font-size: 14px;
    font-weight: 600;
    display: block; 
    background-color: #FFFFFF;
}
.ColumnSelectChooseCheckbox.ColumnSelectTemplateCheckbox:not(:first-child) {
    border-top: 1px solid #e5e5e5;
}
.RestoreDefaultsButton 
{
    margin-top: 20px;
}

/* Login Interface */
.LoginFieldsetHidden
{
    border: hidden;
    padding: 0;
    margin: 0;
}
.LoginInputLine
{
	margin-top: 10px;
    margin-bottom: 15px;
	vertical-align: middle;
}
.LoginInputBoxLTR, .LoginInputBoxltr, .LoginInputBoxRTL, .LoginInputBoxrtl {
    width: 100%;
    height: 25px;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

.LoginFieldsetInputBox
{
	width: 16em;
	font-size: 0.9em;
}
.LoginFieldset
{
    border: none;
    padding: 0px;
    margin: 0px;
}
.LoginError
{
	margin: 10px 0;
    display: block;
}
.LoginBox
{
    position: relative;
    width: 420px;
}
@media(max-width: 420px){
    .LoginBox{
        width: 300px;
    }
    .ltr .LoginBox{
        left: 67% !important;
    }
}


.ltr .LoginBox
{
    left: 50%;
    margin: 100px 0 0 -210px;
}
.rtl .LoginBox
{
    right: 50%;
    margin: 100px -210px 0 0;
}
.LoginFooter
{
    text-align: center;
    position: relative;
    width: 420px;
}
.ltr .LoginFooter
{
    left: 50%;
    margin: 0 0 0 -210px;
}
.rtl .LoginFooter
{
    right: 50%;
    margin: 0 -210px 0 0;
}
.LoginFooter .PoweredByText
{
    font-size: 10px;
}

.LoginSquare
{
	background-image: url(images/WatermarkLogin.gif);
	background-position: bottom right;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	overflow: visible;
	border: solid 1px #DDDDDD;
    font-size: 14px;
	padding: 25px 40px 30px 40px;
    margin-bottom: 30px;
}
.LoginSquare select, 
.LoginSquare input[type="text"], 
.LoginSquare input[type="password"] {
    height: 28px;
    margin-top: 3px;
    margin-bottom: 10px;
}
.LoginSquare select:disabled, 
.LoginSquare input[type="text"]:disabled, 
.LoginSquare input[type="password"]:disabled {
    /*background-color: #eee;*/
    cursor: not-allowed;
}
.LoginSquare input[type="text"],
.LoginSquare input[type="password"] 
{
    width: 100%;
}

.LoginSquare .btn 
{
    font-size: 14px;
    height: 28px;
}
.LoginVersionText
{
	font-style:italic;
	font-size: 0.75em;
	position: relative;
	top: -4px;
	margin-left: 7px;
}
.LoginHeader 
{
    font-weight: 600;
    font-size: 16px;
}

.ltr .OKNewPasswordBtn
{
    margin-right: 5px;
}
.rtl .OKNewPasswordBtn
{
    margin-left: 5px;
}

/* Left Panel */
.LeftPanel
{
    color: #646464;
	vertical-align: top;
	background-color: #FFFFFF;
	background-image: url(images/watermarkSideNav.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border: solid 1px #DDDDDD;
    
}

.ltr .LeftPanel{
    border-left: none;
}

.rtl .LeftPanel{
     border-right: none;
}
.DocViewerMainTable:not(.dvMetadata)
{
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    height: 100%;
    border: 1px solid #DDDDDD;
}
.DocViewerMainTable .LeftPanel
{
    /* in Doc Viewer, background is an attribute of LeftPanelContentDiv */
    background-color: transparent;
    background-image: none;
}
.DocViewerMainTable:not(.dvMetadata) .LeftPanel {
    border: none;
}
.dvMetadata.DocViewerMainTable .LeftPanel {
    border-top-width: 1px;
    border-left: none;
    border-right: none;
    border-bottom: none;
    height: calc(100% - 44px);
    height: -webkit-calc(100% - 44px);
    height: -moz-calc(100% - 44px);
}
.LeftPanelTable
{
	height: 100%;
}
.LeftPanelContentDivMobile
{
	height: 100%;
    overflow: auto;
}
/* Mobile webkit doesn't seem to show scroll bars */
.LeftPanelContentDiv
{
    overflow: auto;
}
.DocViewerMainTable .LeftPanelContentDiv,
.DocViewerMainTable .LeftPanelContentDivMobile
{
    background-color: #FFFFFF;
	background-image: url(images/watermarkSideNav.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.LeftPanelMainCell
{
	height: 100%;
	vertical-align:top;
}
.LeftPanelMessage
{
    padding: 20px;
}
/* Top-right Navigation Links */
.TopLink
{
    font-size: 12.5px;
	padding-left: 5px;
	text-decoration: none;
}
.TopLink:hover
{
	text-decoration: underline;
}
.TopLinkSeparator
{
	border-right: solid 1px #B2B2B2;
	padding-right: 5px;
}
.SelectedTopLink
{
	font-size: 8pt;
	text-decoration: none;
	color: #FFCC66;
	cursor: default;
}

/* Navigation Bar */
.NavBreadDiv:not(.NavMyWebLink):not(.NavWelcome)
{
    padding-bottom: 15px;
}
.NavBrowse 
{
    position: relative;
}
.NavSearch 
{
    position: relative;
}
.NavDocView
{
    position: relative;
    padding-bottom: 15px;
}
.NavMyWebLink, .NavWelcome
{
    display: inline-block;
    position: relative; 
    width: 545px;
    top: 0;
    height: 39px;     
}
.NavWelcome {
    width: 420px;
}
#NavigationControl_DisplayDiv{
    display:inline;
}

.NavigationControl {
    padding-bottom: 9px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 1.1em;
    max-width: 240px;
}
.NavMyWebLink .NavigationControl, .NavWelcome .NavigationControl
{
    border-bottom: none;
}
.NavigationControl span
{
    padding-bottom: 7px;
	font-weight: 600;
    border-bottom: 3px solid #3F86C5;
}.NavigationControl A
{
    padding-bottom: 6px;
	text-decoration: none;
    color: black;
}
.NavigationControl A:hover
{
    /* translate from hex (#abcdef) to rgb using: hex.colorrrs.com 
        to get a semitransparent version of your hover span border */
    border-bottom: 3px solid rgba(64, 134, 197, .2); /* #3F86C5 with .2 opacity */
}
.NavMyWebLink .NavigationControl A, .NavWelcome .NavigationControl A
{
    color: white;
    padding: 9px;
    height: 100%;
    display: inline-block;
}
.NavMyWebLink .NavigationControl A:hover, .NavWelcome .NavigationControl A:hover {
    border-bottom: none;
    text-decoration: underline;
    /*background-color: #004982;*/
}
.NavLink
{
    padding-left: 5px;
    padding-right: 5px;
}
.ltr .NavLink:not(:first-child),
.rtl .NavLink:not(:last-child)
{
    margin-left: 7px;
}
.ltr .NavLink:first-child,
.rtl .NavLink:last-child
{
    margin-left: 0;
}
.ltr .NavLink:not(:last-child),
.rtl .NavLink:not(:first-child)
{
    margin-right: 7px;
}
.ltr .NavLink:last-child,
.rtl .NavLink:first-child
{
    margin-right: 0;
}

/* Breadcrumb */
.Breadcrumb {
    overflow-x: hidden;
    position: relative;
    font-size: 14px;
}
.BreadcrumbNavigation {}
.BreadcrumbNavigation A {}
.NonClickableBreadcrumb
{
	color: #000000;
	text-decoration: none;
	cursor: default;
}
.ClickableBreadcrumb
{
	color: #0069BA;
	text-decoration: none;
}
.ClickableBreadcrumb:hover
{
	text-decoration: underline;
}
.ltr .directionMarker:after
{
    content: " \200E"
}
.rtl .directionMarker:after
{
    content: " \200F"
}

/* Toolbar Tabs */
.LeftToolbar 
{
    background-color: transparent;
}
.LeftToolbar.noPagesTabs #ThumbnailsTab,
.LeftToolbar.noPagesTabs #AnnotationsTab {
    display: none;   
}
.SelectedToolbarTab, .ActiveToolbarTab, .HoverToolbarTab
{
    font-size: 12.5px;
    display: inline-block;
    z-index: 101;
    height: 22px;
    margin-bottom: -1px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
    border: 1px solid #DDDDDD;
    border-bottom-color: transparent;
    padding-left: 4px;
    padding-right: 4px;
}
.ActiveToolbarTab, .HoverToolbarTab 
{
    margin-top: 3px;
}
.SelectedToolbarTab 
{
    color: #000000;
    font-weight: 600;
    background-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    padding-top: 5px;
    z-index: -10;
    height: 25px;
    margin-top: 0;
}
.ActiveToolbarTab
{
	color: #646464;
}
.SelectedToolbarTab:hover {
    cursor: default;
}
.HoverToolbarTab
{
	color: #646464;
}
.ltr #MetadataTab,
.rtl #AnnotationsTab 
{
    float: left;
}
#ThumbnailsTab 
{
    margin-left: -1px;
}
.ltr #AnnotationsTab,
.rtl #MetadataTab 
{
    float: right;
    margin-left: -2px;
}

/* Document View Toolbar */
.DocumentPageToolbar8, .DocumentPageToolbar
{
	background-image: url(images/DocTBBG.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border: solid #DDDDDD;
    border-width: 1px 1px 0;
	overflow: hidden;
	color: #646464; /* Toolbar Text */
    height: 38px;
    vertical-align: middle;
}
.MainDocumentPageToolbar A, .DocumentPageToolbar8Mobile span
{
	color: #646464; /* Toolbar Text */
}
.ToolbarSeparator
{
    display: inline-block;
    width: 6px;
    height: 2px;
}
.DocumentPageToolbar8Mobile, .DocumentPageToolbarMobile
{
	background-image: url(images/DocTBBG.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border: solid #DDDDDD;
    border-width: 1px;
	overflow: visible;
	position: relative;
	padding: 4px 0;
}
.MainDocumentPageToolbar
{
	font-size: 0.9em;
	padding: 5px 5px 0;
}
.ie6 .MainDocumentPageToolbar
{
	padding-top: 1px;
}
.MainDocumentPageToolbar .Spacer
{
	margin: 0 1px;
}
.MainDocumentPageToolbar .ToolbarLeftSection {
    display: inline-block;
}
.MainDocumentPageToolbar .ToolbarRightSection
{
    position:absolute;
    bottom: 4px;
}
.MainDocumentPageToolbar.ShowingPdfViewer #ThePageNumberToolbar, 
.MainDocumentPageToolbar.ShowingPdfViewer #PdfDialog_PdfDownloadLink, 
.MainDocumentPageToolbar.ShowingPdfViewer .PageToolbarLink:not(.PdfLink), 
.MainDocumentPageToolbar.ShowingPdfViewer .ShowAnnotationsCheckWrapper
{
    display: none;
}
.ltr .MainDocumentPageToolbar .ToolbarRightSection
{
    padding-right: 10px;
    right: 2px;
}
.rtl .MainDocumentPageToolbar .ToolbarRightSection
{
    left: 2px;
}
.ltr .ToolbarRow 
{
    padding-right: 15px;
}
.rtl .ToolbarRow 
{
    padding-left: 15px;
}
.DocumentPageToolbar8Mobile .Spacer
{
	margin: 0 1px;
	position: relative;
}
.DocumentPageToolbar8Mobile .ToolbarRightSection
{
    position: absolute;
    top: 4px;
}
.ltr .DocumentPageToolbar8Mobile .ToolbarRightSection
{
    right: 2px;
}
.rtl .DocumentPageToolbar8Mobile .ToolbarRightSection
{
    left: 2px;
}
.ToolbarRightSection .TextButton
{

}
.ie .ToolbarRightSection .TextButton
{
    vertical-align: middle;
}
.DocumentPageToolbar8 *, .DocumentPageToolbar *
{
	vertical-align: middle;
}
.PageToolbarLink, .DocumentRightPanelToolbarLink
{
    text-decoration: none;
    display: inline-block;
    border-radius: 2px;
}
#ThePageNumberToolbar_PrevPageButton IMG, #ThePageNumberToolbar_NextPageButton IMG,
.ToolbarIconWrapper 
{
    display: inline-block;
    height: 27px;
    width: 27px;
    border-radius: 2px;
    padding: 6px;
}
#ThePageNumberToolbar_PrevPageButton IMG:hover, #ThePageNumberToolbar_NextPageButton IMG:hover,
.PageToolbarLink:hover,
.DocumentRightPanelToolbarLink:hover
{
    background-color: #DDD;
}
.PageToolbarLinkSelected .ToolbarIconWrapper
{
    background-color: #CDCDCD;
  -webkit-transition: background-color ease-in-out 0.3s;
          transition: background-color ease-in-out 0.3s;
}
.DocumentRightPanelToolbarIcon
{ 
    background-image: url(images/new_sprite/wl_icon_sprite_16px.png);
    display: inline-block;
    margin: 0;
}
.DocumentRightPanelToolbarLink:hover .DocumentRightPanelToolbarIcon,
.DocumentRightPanelToolbarLink:focus .DocumentRightPanelToolbarIcon,
.DocumentRightPanelToolbarLink:active .DocumentRightPanelToolbarIcon,
.PageToolbarLink:hover .DocumentRightPanelToolbarIcon,
.PageToolbarLink:focus .DocumentRightPanelToolbarIcon,
.PageToolbarLink:active .DocumentRightPanelToolbarIcon
{

}
.PageToolbarLinkDisabled
{
    background-color: Transparent !important;
}
.PageToolbarLinkSelected .DocumentRightPanelToolbarIcon
{

}
.PageToolbarLinkDisabled
{
	color: #646464; /* Toolbar Text */
	cursor: default;
}
.MainDocumentPageToolbar .TextButton 
{
    font-size: 13px;
    color: #0069BA; /* General Link */
}
.TextButton
{
	padding: 2px;
	font-size: 1.1em;
}
.TextButton:hover
{
	text-decoration: underline;
    background-color: transparent;
}
.TextButtonDisabled 
{

}
.PrintIcon 
{
    height: 16px;
    width: 16px;
    background-position: 0px -368px;
}
.EmailIcon 
{
    height: 16px;
    width: 16px;
    background-position: 0px -512px;
}
.PanIcon 
{
    height: 16px;
    width: 16px;
    background-position: 0px -480px;
}
.PanZoomIcon 
{
    height: 16px;
    width: 16px;
    background-position: 0px -496px;
}
.ZoomOutIcon 
{
    height: 16px;
    width: 16px;
    background-position: 0px -464px;
}
.ZoomInIcon 
{
    height: 16px;
    width: 16px;
    background-position: 0px -448px;
}
.ZoomPageFitIcon 
{
    height: 16px;
    width: 16px;
    background-position: 0px -272px;
}
.ZoomWidthFitIcon 
{
    height: 16px;
    width: 16px;
    background-position: 0px -288px;
}
.FullScreenIcon 
{
    height: 16px;
    width: 16px;
    background-position: 0px -240px;
}
.NormalScreenIcon 
{
    height: 16px;
    width: 16px;
    background-position: 0px -256px;
}
.RotateCWIcon 
{
    height: 16px;
    width: 16px;
    background-position: 0px -1120px;
}
.RotateCCWIcon
{
    height: 16px;
    width: 16px;
    background-position: 0px -1136px;
}

#ImageDimDisplayText {
    vertical-align: text-top;
}

#MainTable.tallToolbar:not(.fullScreen) #PageToolbar {
    height: 70px;
}

@media (max-width: 1200px) {
    #MainTable:not(.fullScreen) #ImageDimDisplay {
        display: none;
    }
}

@media (max-width: 1023px) {
    #MainTable:not(.fullScreen) .ViewTextOrImageLinkWrapper {
        display: none;
    }
}

@media (max-width: 925px) {
    #MainTable:not(.fullScreen) .ViewTextOrImageLinkWrapper {
        display: inline-block;
    }
}

@media (max-width: 710px) {
    #ZoomPageFitLink,
    #ZoomWidthFitLink,
    #ImageDimDisplay {
        display: none;
    }

    #MainTable:not(.fullScreen) .ViewTextOrImageLinkWrapper {
        display: none;
    }
}

.PageNumberToolbarCount {}
.PageNumberToolbarCaption1 {}
.PageNumberToolbarCaption2 {}
.PageNumberToolbarInput
{
	margin: 0 2px 2px;
	text-align:center;
	width: 42px;
}
.PageNumberToolbarGoButton
{
    font-size: 12px;
    margin: 0 4px 4px;
}
.ElectFileLink IMG
{
	margin-top: -2px; 
}
#ShowAnnotationsCheck 
{
    margin-right: 6px;
}

/* Bottom Toolbar */
.DocumentRightToolbar, .DocumentRightToolbar8
{
	background-color: #FAFAFA;
	border: solid #DDDDDD;
    border-width: 0 1px 1px;
	overflow: hidden;
	padding: 3px 0;
	vertical-align: middle;
	color: #646464;
}
.DocumentRightToolbar8 .Spacer
{
	margin: 0 5px;
}
.DocumentRightToolbar *, .DocumentRightToolbar8 *
{
	vertical-align: middle;
}
.DocumentRightToolbar SPAN, .DocumentRightToolbar8 SPAN
{
	line-height: 1.25em;
}
.DocumentRightToolbar8 #ZoomDropDown 
{
    margin: 2px;
    width: 100px;
}
.DocumentRightPanelToolbarDivider
{
	border-right: solid 1px #646464;
}
.ShowAnnotationsCheckWrapper 
{
    display: inline-block;
    min-width: 100px;
    max-width: 140px;
    min-height: 20px;
    white-space: normal;
    line-height: 0.9;
    text-align: center;
}
.ViewTextOrImageLinkWrapper 
{
    display: inline-block;
    min-height: 14px;
    max-width: 110px;
    font-size: 11px;
    line-height: 0.9;
    text-align: right;
}

/* Document View: Electronic Document Link */
.DownloadLink
{
	line-height: 35px;
	font-weight: 600;
}
.DownloadLink:hover
{
	text-decoration: none;
}

/* Image Viewer */
.ImageDisplayDiv
{
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #646464;
	border-top-width: 0px;
}
.ImageDisplayDiv:not(.Mobile) 
{
    min-height: 600px;
}
#TheImageDisplay_DisplayDiv 
{
    border: 1px solid #DDDDDD;
}
#TheImageDisplay_DisplayDiv .ZeroPages
{
	background-color: Transparent;	
}
.ImageDisplayDiv DIV
{
	position: absolute;
	top: 0px;
}
.ltr .ImageDisplayDiv DIV { left: 0px; }
.rtl .ImageDisplayDiv DIV { right: 0px; }
.ImageDisplayError
{
	color: Red;
}
.ltr .DocViewRightPanel 
{
    padding-right: 15px;
}
.rtl .DocViewRightPanel 
{
    padding-left: 15px;
}

.PageMsgBackground
{
	margin-top:-6px;
	background-color:#FFFFFF;
}
.ltr .PageMsgBackground { margin-left:-6px; }
.rtl .PageMsgBackground { margin-right:-6px; }

/* Drop Shadows */
.dropshadow
{
  float:left;
  position: relative;
  background: url(images/shadowAlpha_c.png) no-repeat bottom right;
}
.ie6 .dropshadow
{
	background-image: url(images/shadow_c.png);
}
.dropshadow .VShadowLayer
{
	position: relative;
	height: 100%;
	left: 100%;
	margin-left: -6px;
	top: -6px;
	width: 6px;
	background: url(images/shadowAlpha_v.png) repeat-y bottom right;
}
.ie6 .dropshadow .VShadowLayer
{
	background-image: url(images/shadow_v.png);
}
.dropshadow .HShadowLayer
{
	position:absolute;
	height: 6px;
	margin-left: -6px;
	margin-top: -6px;
	top:100%;
	width: 100%;
	background: url(images/shadowAlpha_h.png) repeat-x bottom right;
}
.ie6 .dropshadow .HShadowLayer
{
	background-image: url(images/shadow_h.png);
}
.ie .dropshadow .HShadowLayer
{
	margin-top: -5px;
	margin-left: -5px;
}
.ie6 .dropshadow .HShadowLayer
{
	background-image: url(images/shadow_h.png);
	margin-top: -14px;
	margin-left: -6px;
}

.dropshadow .PageImage, .dropshadow .ThumbDisplayImage
{
  display: block;
  position: relative;
  background-color: #fff;
  margin: -6px 6px 6px -6px;
}
.dropshadow .ThumbDisplayImage {}
.ThumbDisplayDiv8 .dropshadow
{
	background: url(images/shadowAlpha.png) no-repeat bottom right;
}
.ie-img-shadow
{
	padding-bottom: 6px;
	padding-right: 6px;
	background: url(images/shadowAlpha.png) no-repeat bottom right;
	overflow:visible;
}
.ie-img-shadow .ThumbDisplayImage
{
	margin-top: -6px;
	margin-left: -6px;
}
.StackingControl
{
	position:absolute;
	top: 0px;
	left: 0px;
}

/* Image Viewer Footer */
.ViewportFooterClass
{
	background-color:#FAFAFA;
	border: solid 1px #DDDDDD;
	padding:5px;
}

/* Text Viewer */
.TextLayer
{
	/*margin-top: -6px;*/
	position: relative;
	background-color: #FFFFFF;
	overflow: auto;
    cursor: text;
}
/*.ltr .TextLayer { margin-left:-6px; }*/
/*.rtl .TextLayer { margin-right:-6px; }*/

.TextLayer.MobileTextLayer
{
	margin-top: 0px;
	overflow: visible;	
}
.ltr .TextLayer.MobileTextLayer { margin-left: 0px; }
.rtl .TextLayer.MobileTextLayer { margin-right: 0px; }

#browsePage .TextLayer DIV, #welcomePage .TextLayer DIV, #searchPage .TextLayer DIV, #customPage .TextLayer DIV
{
	padding: 20px;
}

.TextLayer .Strike , .MobileTextLayer .Strike
{
	text-decoration:line-through;
}
.TextLayer .Underline , .MobileTextLayer .Underline 
{ 
	text-decoration:underline; 
} 

.TextLayer .Underline.Strike , .MobileTextLayer .Underline.Strike 
{
	text-decoration:underline line-through;
}

.mTitle{
    padding-right: 10px;
}


/* PDF Generator page */
.PDFGenerator
{
	text-align: center;
	vertical-align: middle;
	font-size: 1.75em;
	font-weight: 600;
	color: #3F86C5;
}

/* Dialogs */
.Fog
{
    filter:alpha(opacity=35);
    -moz-opacity:.35;
    opacity:.35;
    background-color: #000000;
    display:none;
    width:1px;
    height:1px;
    position:absolute;
    z-index:500
}
.PopupDialogBorder
{
	border: solid 1px #A7CED5;
	position: absolute;
	display: none;
    padding: 8px;
    padding-top: 0px; /* covered by the padding in the title */
}
.PopupDialogTitle
{
    font-weight: 600;
    font-size: 1.5em;
    color: #3F86C5;
    padding: 8px 0;
}
.PopupDialog
{
	border: solid 1px #A7CED5;
	background-color: #FAFAFA;
	padding: 15px;
}
.PopupDialogLabel
{
	font-weight: 600;
    display: block;	
}

.ButtonDiv INPUT
{
	width: 8em;
	margin-left: 5px;
	font-weight: 600;
}
.ButtonDiv
{
	text-align: right;
	margin-top: 1em;
}
.rtl .PopupDialog .ButtonDiv
{
	text-align: left;
}
.PrintDialog
{
	z-index: 1001;
	width: 380px;
   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
           box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}
.ExportDialog
{
	z-index: 1002;
	width: 400px;
   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
           box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}
.PrintDialog .ButtonDiv INPUT
{
	width: auto;
}

/* Cookie notification */
.BrowserWarning .CloseIcon 
{
    vertical-align: top;
    margin-top: 1px;
    margin-right: 4px;
}

/* Metadata and Annotation Listing */
.FolderSectionExpando 
{
    margin: -6px 0 -3px 0;
    vertical-align: middle;
}
.EntryProperties
{
    margin: 10px 0; 
}
.FieldsSectionTitle, .LinksSectionTitle, .VersionsSectionTitle, .TagsSectionTitle, .AnnSectionTitle
{
    overflow: hidden;
    text-overflow: ellipsis;
}
.FieldDisplayName:not(:first-child) {
    margin-top: 10px;
}
.FieldDisplayValue, .DocumentDataValue
{
	word-wrap: break-word;
	margin-bottom: 10px;
}
.IconImage, .TagImage
{
	vertical-align: middle;
	margin-right: 0.75em;
}
.LinkImage, .TagImage
{
	vertical-align: middle;
	margin-right: 0.35em;
}
.rtl .IconImage, .rtl .TagImage { margin-left: 0.25em; }
.DataSection .TagDisplay, .DataSection .Link, .DataSection .Version, .DataSection .AnnotationRevision, .DataSection .AnnotationDisplay
{
	margin: 10px 0;
}
#DocumentInfoDiv .TagDisplay, #DocumentInfoDiv .Link, #DocumentInfoDiv .Version, #DocumentInfoDiv .AnnotationRevision, #DocumentInfoDiv .AnnotationDisplay
{
	margin: 10px 10px;
}
.TagCommentsRow, .VersionNotesRow
{
	font-style:italic;
}
.TagDetailRow, .TagCommentsRow, .LinkPathRow, .VersionDetailRow, .VersionNotesRow
{
	font-size: 0.9em;
}
.ltr .TagDetailRow, .ltr .TagCommentsRow, .ltr .LinkPathRow, .ltr .VersionDetailRow, .ltr .VersionNotesRow
{ margin-left: 21px; }
.rtl .TagDetailRow, .rtl .TagCommentsRow, .rtl .LinkPathRow, .rtl .VersionDetailRow, .rtl .VersionNotesRow
{ margin-right: 21px; }
.TagNameRow EM, .AnnotationDisplay EM
{
    color: #000000;
}
.TagNameRow, .LinkEntryRow, .VersionNumberAndEntry
{
    color: #000000;
	margin-bottom: 0.5em;
    word-wrap: break-word;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ltr .VersionNumberRow SPAN { margin-right: 0.25em; }
.rtl .VersionNumberRow SPAN { margin-left: 0.25em; }
.VersionNumberRow
{
	font-weight: 600;
}
.VersionEntryRow A, .LinkEntryRow A
{
    text-decoration: none;
}
.VersionEntryRow A EM, .LinkEntryRow A EM
{
    text-decoration: underline;
}

/* Folder Metadata Control */
.FolderMetadataDiv
{
}
.FolderOuterSection
{
}
.FolderSectionHeader, .FieldsSectionTitle
{
	background-color: #FAFAFA;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	font-size: 14px;
	vertical-align: middle;
	padding: 5px 10px;
	margin-bottom: 0.5em;
}
.FolderExpandoClass
{
	width: 100%;
	text-decoration: none;
}
.FolderSectionTitleText, .FieldsSectionTitleText
{
	color: #000000;
	margin: 0 0.5em;
}
.FolderSectionGroup
{
	border: 1px solid transparent;
	margin-bottom: 0.3em;
}
.FieldsSectionGroup 
{
    margin-bottom: 0;
}
.FolderEmptyMessage
{
	margin: 0.5em;
	margin-bottom: 1em;
}
.FolderNameHeader
{
    color: black;
	font-weight: 600;
	font-size: 1.25em;
	margin: 9px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.SectionGroupTitle, .TemplatesSectionTitle, .LinksSectionTitle, .VersionsSectionTitle, .TagsSectionTitle, .AnnSectionTitle
{
	color: #000000;
	background-color: #FFFFFF;
	border-bottom : 1px solid #A7CED5;
	font-weight: 600;
	padding: 5px;
}
.TemplateTitleDiv, .TemplateDisplayName
{
    color: #000000;
	padding: 10px 5px 5px;
}
.TemplateTitleDiv EM, .TemplateDisplayName EM
{
	font-weight: 600;
}
.FolderDataHeader, .FieldDisplayName
{
    color: #000000;
    font-weight: 600;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1px;
}
.FolderDataHeader:not(:first-child), .FieldDisplayName:not(:first-child)
{
    margin-top: 10px;
}
.FolderDataValue, .FieldDisplayValue
{
	margin-top: 2px;
	margin-bottom: 3px;
	word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}
.FolderDataValue:last-child, .FieldDisplayValue:last-child 
{
    margin-bottom: 0;
}
.FolderSectionBody
{
	padding: 2px 10px;
    margin-bottom: 8px;
    font-size: 13.5px;
}
.FieldGroup 
{
    margin-bottom: 22px;
}
.FieldGroupRow 
{
    padding: 11px 15px;
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background-color: #FAFAFA;
}
.FieldsSectionBody, .TagsDisplay, .Links, .Versions, .AnnotationsDisplay
{
    padding: 5px 10px 0;
    font-size: 13.5px;
}
.DataSection
{
	padding: 5px;
}
.SupplementalFields
{
    padding: 10px 10px 5px;
}
.TemplateFields 
{
    padding: 5px 10px 5px;
}
.SupplementalFieldsHeader
{
    padding: 5px 5px 0;
    font-size: 13px;
}

/* About Page */
.AboutBody
{
	padding: 0 0 15px;
}
.AboutBody a
{
    color: black;
	text-decoration: none;
}
.AboutLine 
{
	margin-bottom: 10px;
}
.MainAboutContent 
{
    padding: 0 20px 5px 20px;
}
.AboutInfo 
{
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

/* E-mail Page */
.EmailBody
{
	padding: 10px 20px;
}
.EmailDocumentHeader
{
	margin-top: 1em;
	width:400px;
	background-color: #FAFAFA;
    font-weight: 600;
    color: #3F86C5;
    padding: 5px 10px;
    border: 1px solid #A7CED5;
    font-size: 1.5em;
	word-wrap: break-word;
}
.EmailDocumentPrompt {}
.EmailDocumentName 
{
	font-style: italic;
}
.EmailDocumentBody 
{
    border: 1px solid #A7CED5;
    border-top: none;
    padding: 15px;
	width: 400px;
    background-color: #FAFAFA;
}
.EmailTextBoxSingle, .EmailDocumentBody TEXTAREA
{
    width: 100%;
    margin-bottom: 5px;
}
.CaptchaInput *
{
	vertical-align: middle;
}
.EmailLabel, .CaptchaLabel, .ExportLabel
{
	display: block;
    font-weight: 600;
    margin-top: 5px;
}
.EmailLabel2 {}
.EmailReturnLink
{
	display: block;
	font-weight: 600;
	margin-top: 0.5em;
	font-size: 1.25em;
}
.EmailReturnLink A:hover
{
	text-decoration: none;
}
.ErrorMsg
{
	margin: 0 0.5em;
	color: Red;
	font-weight:normal;
	font-style: italic;
}
.CaptchaErrorMsg
{
	display: block;
	color: Red;
	font-weight:normal;
	font-style: italic;
}
.EmailSuccess EM
{
	color: #3F86C5;
}

/* Export reason page */
.ExportDocumentHeader
{
	margin-top: 1em;
	width:400px;
	background-color: #FAFAFA;
    font-weight: 600;
    color: #3F86C5;
    padding: 5px 15px;
    border: 1px solid #A7CED5;
    font-size: 1.5em;
}
.ExportDocumentPrompt {}
.ExportDocumentName 
{
	font-style:italic;
}
.ExportDocumentBody 
{
    border: 1px solid #A7CED5;
    border-top: none;
    padding: 15px;
	width: 400px;
    background-color: #FAFAFA;
}
.ExportTextBoxSingle, .ExportDocumentBody TEXTAREA, .ExportDocumentBody SELECT
{
    width: 100%;
    margin-bottom: 5px;
}

/* Open Sans */
@font-face {
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: normal;
    src: url('assets/OpenSans/OpenSans-Light-webfont.eot');
    src: url('assets/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/OpenSans/OpenSans-Light-webfont.woff') format('woff'),
         url('assets/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('assets/OpenSans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: normal;
    font-style: normal;
    src: url('assets/OpenSans/OpenSans-Regular-webfont.eot');
    src: url('assets/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),
         url('assets/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('assets/OpenSans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;
    src: url('assets/OpenSans/OpenSans-Semibold-webfont.eot');
    src: url('assets/OpenSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/OpenSans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('assets/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('assets/OpenSans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: bold;
    font-style: normal;
    src: url('assets/OpenSans/OpenSans-Bold-webfont.eot');
    src: url('assets/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/OpenSans/OpenSans-Bold-webfont.woff') format('woff'),
         url('assets/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('assets/OpenSans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 800;
    font-style: normal;
    src: url('assets/OpenSans/OpenSans-ExtraBold-webfont.eot');
    src: url('assets/OpenSans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/OpenSans/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('assets/OpenSans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('assets/OpenSans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: italic;
    src: url('assets/OpenSans/OpenSans-LightItalic-webfont.eot');
    src: url('assets/OpenSans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/OpenSans/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('assets/OpenSans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('assets/OpenSans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: italic;
    src: url('assets/OpenSans/OpenSans-Italic-webfont.eot');
    src: url('assets/OpenSans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/OpenSans/OpenSans-Italic-webfont.woff') format('woff'),
         url('assets/OpenSans/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('assets/OpenSans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: italic;
    src: url('assets/OpenSans/OpenSans-SemiboldItalic-webfont.eot');
    src: url('assets/OpenSans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/OpenSans/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('assets/OpenSans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('assets/OpenSans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: italic;
    src: url('assets/OpenSans/OpenSans-BoldItalic-webfont.eot');
    src: url('assets/OpenSans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/OpenSans/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('assets/OpenSans/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('assets/OpenSans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 800;
    font-style: italic;
    src: url('assets/OpenSans/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('assets/OpenSans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/OpenSans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('assets/OpenSans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('assets/OpenSans/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
}

/* Style for media */
.media-display {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;    
    display: none;
    z-index: 1000;
}

.media-display.show {
    display: block;
}

.media-backdrop {    
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1000;
    background-color: black;
    opacity: 0.35;
}

.media-header {
    width: 100%;
    height: 40px;
    background-color: #222;    
    font-size: 16px;
    line-height: 24px;
}

.media-header button {
    width: 40px;
    height: 40px;
    border: none;
    padding: 0;
    background-color: #222;
    cursor: pointer;
}

.media-header button.on {
    background-color: #444;
}

.media-header button:focus {
    background: rgba(68, 68, 68, 0.65);
}

.media-header i {
    background-image: url(images/media.png);
	background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 8px;
}

.media-header button i {
    margin: 8px 0;
}

.media-header .media-icon.video i {
    background-position: 0px -24px;
}

.media-header .media-icon.audio i {
    background-position: 0px -96px;
}

.media-header .media-name {
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    padding: 8px 0;
    color: #ffffff;
    vertical-align: top;
}

.media-header button.media-share i {
    background-position: 0px -72px;
}

.media-header button.media-download i {
    background-position: 0px -48px;
}

.media-header button.media-close i {
    background-position: 0px 0px;
}

.ltr .media-header button.media-close {
    float: right;
}
.rtl .media-header button.media-close {
    float: left;
}

.media-container {
    position: absolute;
    z-index: 1001;
}

.media-url-container {
    position: absolute;
    z-index: 1;
    padding: 15px;
    background-color: #ffffff;
    display: none;
}

.media-url-container.show {
    display: block;
}

.media-url-input-label {
    display: block;
    color: initial;
}

.media-url-input {
    margin-top: 10px;
    width: 100%;
}

.media-container video {
    min-width: 160px;
    min-height: 40px;
}

.media-header.overflow .media-name {
    display: none;
}

.inline {
    display:inline-block;
}

.popover-content-line {
    display: inline-block;
}
.popover-group-title {
    font-weight: 600;
}
.popover-content-line.indented {
    margin-left: 11px;
}
.popover {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#CrawlerPreRender {
    width: 1px;
    height: 1px;
    float: right;
    background-color: transparent;
    color: transparent;
}

.modal-body .ui-progressbar {
    height: 33px;
    background-color: #ddd;
    border-radius: 5px;
}
.ui-progressbar-value {
    background-color: #0069ba;
}
.ui-progressbar-label {
    padding: 7px;
}

.expanding-column-width:last-child{
    flex: 1 !important;
}


/*
 * End of WebLink 10 Styles
 */

/**== Begin WebLink Designer Generated Code ==**/

/**== End WebLink Designer Generated Code ==**/



























































































































































/**== Begin Custom WebLink CSS ==**/
/**== End Custom WebLink CSS ==**/