/*:root {
  --main-color: deepskyblue;
  --secondary-color: #277adc;
}*/

/* All pages load this style sheet and an additional one with the same base name as the php file */


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(opensans300.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(opensans400.ttf) format('truetype');
}


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  src: local('Open Sans'), local('OpenSans'), url(opensans600.ttf) format('truetype');
}


.tx_nosel, .noselect {
	select : none;
	-webkit-user-select : none;
	user-select : none;
	-moz-user-select : none;
	-ms-user-select : none;
}

div.DOMadditions{
	z-index: 9000;
    position: relative;
}


/* ensure sensible defaults */
/* note vertical-align bottom for images: with the html5 box model, they line up with the text 
baseline so the descenders add space to the box and give a margin under the image unless 
explicitly avoided */
img {
	border : 0px;
	font-size : 2pt;
	vertical-align : bottom;
}

div, span, a, img {
    min-width : 0px;
}

p {
    margin-top : 0px;	
}
.pointer{
    cursor:pointer;
}
a{
	text-decoration: none;
  color: deepskyblue;
}
a:hover, a:visited{
	color: #277adc;
}

.floatright {
	float : right;	
}

.floatleft {
	float : left;
}

.centered{
	text-align: center;
}

.fa.arrow {
	color: #606060;
	padding-top: 2px;
	font-size: 14px;
}
.activeColumn .arrow{
	color: black;
}

html, body {
	padding : 0px;
	margin : 0px;
	background-color : #ffffff;
	font-family:  'Open Sans', sans-serif;
	margin : 0px;
	font-size : 9pt;
	background: #f0f0f0;
	height: 100%;
}

div, p, td, span, input, textarea {
	font-family:  'Open Sans', sans-serif; 
}
input[type="checkbox"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	border: none;
	width: 14px;
	height: 14px;
	outline:none;
	border: 1px solid rgba(49, 49, 49, 0.39);
	border-radius: 2px;
	overflow: hidden;
	cursor: pointer;
}
input[type="checkbox"]:checked:before{
	content: "\f00c";
}

input[type="checkbox"]:checked{
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 12px;
	color: #8e8e8e;
	border: 1px solid #a8a0a0;
	padding: 0px;
}
body.loading{
  cursor: progress;
}
body.loading *{
  pointer-events: none;
}

div.modalglass {
	background-color : #e0e0e0;
	opacity : 0.6;
	position : fixed;
	height : 100%;
	width : 100%;
	zIndex : 100;
	transition : opacity 0.5s linear;
}

.headerelt {
  display: inline-block;
}

.upgradelink {
  margin-right: 20px;
  float: left;
  color: #303133;
  display: block;
  text-decoration: none;
}

.headerbtn {
  float: right;
  outline: none;
  background: none;
  border: none;
  margin: 13px 15px 0px 0px;
  cursor: pointer;
  color: #303133;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}

.headerbtn .channel-chat__item-avatar {
	float: left;
}
.headerbtn .caret {
	line-height: 35px;
	font-size: 23px;
	color: #737373;
	font-weight: 500;
}
.toolbar .headerbtn {
	margin-top: 3px;
}
.lastdiv .headerbtnmenu .element:last-child{
  padding-top: 8px;
	border-top: 1px solid #e0e0e0;
}

.headerbtn .element{padding: 1px 0px 10px 6px;}

.headerbtn .element:hover{
  color: deepskyblue;
}

.headerbtnmenu {
  position: absolute;
  top: 100%;
  right: 0 !important;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 130px;
  margin: 10px 0px 0px 0px;
  font-size: 14px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  text-transform: capitalize;
  left: inherit !important;
  font-weight: 400;
  padding: 14px 10px 6px 10px;
}
.btn {
  display: inline-block;
  outline: none;
  background: none;
  border: none;
  font-weight: 600;
  font-size: 14px;
  margin: 2px 15px 0px 0px;
  cursor: pointer;
  color: deepskyblue;
}
body:not(.dragging) .btn:hover {
	color: #277adc;
}
.dragging *{
    cursor:move !important;
}
.wsdraftbtn {
	margin : 2px 10px 0px 0px;
}

.templatebtn {
  margin : 2px 0px 0px 0px;
}
.notifbtn {
  float: right;
  outline: none;
  background: none;
  border: none;
  margin: 17px 15px 0px 0px;
  cursor: pointer;
  position: relative;
}

.notifbutton{
    background-color: #c2c2c2;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    text-align: center;
    padding: 3px;
    font-size: 12px;
}

.optionsbtn {
	float: right;
  outline: none;
  background: none;
  border: none;
  margin: 17px 15px 0px 0px;
  cursor: pointer;
  position: relative;
}

.optionsbutton {
  color: #737373;
	font-size: 18px;
}

.optionsbutton:hover {
	cursor:pointer;
}
.optionsbtn {
	float: right;
	outline: none;
	background: none;
	border: none;
	margin: 17px 15px 0px 0px;
	cursor: pointer;
	position: relative;
}
.optionsbutton {
	color: #c2c2c2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 23px;
	height: 23px;
	text-align: center;
	font-size: 20px;
}

.optionitem:hover {
	cursor:pointer;
}

.optiontd {
  text-transform: uppercase;
  color: #606060;
  text-align: center;
  cursor: pointer;
}
.optiontd a{
	display:block;
}
.optiontd i{margin-right: 5px;display: block;font-size: 25px;color: deepskyblue;margin-bottom: 4px;}
.optiontd span{
	
}

.notif_container .btncancel{
	padding: 15px 10px;
  margin: 0 auto;
  float: right;
  color: deepskyblue;
}

.notif_items{
  max-height: 280px;
  overflow-y: auto;
}

.notif_counter{
	  background: deepskyblue;
    border-radius: 50%;
    font-weight: bold;
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    bottom: -5px;
    right: -5px;
}
.notif_counter.over99 {
	width: auto;
	border-radius: 6px;
	right: -10px;
	bottom: -7px;
	padding: 0 1px 0 3px;
}

.notif-notif__item{
  cursor: pointer;
  padding: 10px 15px;
  overflow-wrap: break-word;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.notif-notif__item.notes .notificon span{
	padding: 2px 0;
}
.notif-notif__item.chat .notificon span{
    padding-top: 4px;
}

.notif-notif__item:hover{
	color: deepskyblue;
	background: #f0f0f0;
}

.notificon {
  color: deepskyblue;
  position: relative;
  display: inline-block;
}

.notificon i{
  font-size: 2.5em;
}

.notificon span{
  font-size: 1.2em;
  color: white;
  position: absolute;
  font-weight: bold;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  padding: 7px 0;
}

.notif-notif__item .content{ 
  display: inline-block;
  width: 75%;
  padding: 0px 10px;
  vertical-align: top;
}

.notif-notif__item .content span{ display: block; }
.notif-notif__item .content span.date{
  font-size: 11px;
  color: #7f7f7f;
  padding-top: 3px;
}

.notif-notif__item .channel-chat__item-avatar{
  width: 35px;
  height: 35px;
  font-size: 18px;
  display: inline-block;
}

.notif-notif__item .channel-chat__item-avatar span{ line-height: 37px; }

.notif_items .placeholder{ padding: 10px; display: block; } 

.notif_items .btntimes {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid deepskyblue;
  padding: 5px 8px;
  min-height: 10px;
  margin: 5px 0;
  font-size: 10px;
  color: deepskyblue;
}

.notif_items .btntimes {
  display: none;
  padding: 1px 5px 2px;
  position: absolute;
  right: 18px;
}

.notif_items .notif-notif__item:hover .btntimes {
  display: inline-block;
}

.findctr {
  float: right;
}

.trashctr {
  float: right;
  margin-top: 2px;
}
.trashctr tr td{/* vertical-align: bottom; */}
.trashctr tr td .linkbutton{
	display: block;
	padding-top: 3px;
}


.trashctr .fa-trash-o{
	font-size: 20px;
        color: deepskyblue;
        cursor:pointer;
}
.trashctr .fa-trash-o.moveToThisFolder{
    	color: #277adc !important;
}
  
div.uname, div.signout {
	float : right;
	margin : 6px 12px 2px 12px;
}

div.uname a, div.signout a {
	color : #ffffff;
	text-decoration : none;
}

div.pgwstitle {
	float : left;
	color : #ffffff;
	font-weight : bold;
	margin : 6px 0px 0px 12px;
}

div.pgwstitle a.wslink {
	color : #ffffff;
	text-decoration : none;
}

div.pgwstitle a.wslink:hover {
	text-decoration : underline;
}
 
td.dialoghead {
	margin-bottom : 6px;
	border-bottom : 1px solid #c0c0c0;	
}


div.dialogtitle {
	font-weight : bold;
	font-size : 10pt;
	padding : 2px 0px 4px 10px;		
	color : #505050;
}
 
  
a.wslink:hover {
	text-decoration : underline;
}
 
 
 
div.cloudDialogRows {
	padding : 0px 0px 4px 20px;
	border-bottom : 1px solid #e0e0e0;
	clear:both;
}

div.cloudDialog div.expandCollapseHeading div {
	margin: 0px;
}

div.cloudDialog div.expandCollapseHeading {
	padding : 0px 0px 4px 0px;
	border-top-width: 0px;
}

div.expandCollapseHeading {
    padding : 0px 0px 4px 0px; 
/*   border-bottom : 1px solid #e0e0e0; */
}

div.cloudDialog div.expandCollapseBody {
	border-bottom-width : 0px;	 
	padding-bottom : 0px;
}

div.cloudDialog div.expandCollapseBody td {
	padding : 0px;
}

div.cloudDialog div.loadingmessage {
	font-style:italic;
	color: #505050;
}

div.fixedDialog {
	min-width : 180px;
	border-radius : 3px;
	-moz-border-radius : 3px;	
	border : 1px solid #a0a0a0;
 background-color : #f0f0f0;
}


div.fixedDialog h2 {
	background-color : #a0a0a0; 
	font-size : 10pt;
	color : #ffffff;
	padding  : 4px;
	margin : 0px;
	 
}


div.ilb, div.inlineblock {
	display : inline-block;
}
 
div.midalign {
	vertical-align : middle;
}
 
div.tar {
	text-align : right;
} 
 
 
div.fixedDialog div.fixedBody {
	 padding : 6px 0px;
} 
 
 
div.expandCollapseHeading {
	font-size : 12px;
	color : #404040;
	clear : both;
}

div.expandCollapseHeading div {
	margin : 4px;	
}

img.expandCollapseImage {
	float : right;
}

div.expandCollapseBody {
	padding-top : 0px;
	margin-left : 20px;
}


div#main {
  margin: 110px auto 30px auto;
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
  clear: both;
  max-width: 700px;
  padding: 20px 25px;
  font-size: 13px;
} 







/* fwh: on windows the default for these seems bigger */
table, td { 
  font-family:  Open Sans, sans-serif;
}

/* the top menu bars
   wsrow is at the very top, independent of what wokspace you are in
   navrow is for workspace selection and the different tabs in a workspace
 */

div#wsrow {
  font-family:  Open Sans, sans-serif;
	margin : 0px;
	padding : 0px;
	background-image : url(wsbg6.png);
	background-repeat : repeat-x;
}

div#navrow {
	font-family:  Open Sans, sans-serif;
	margin : 0px;
	padding: 0px;
}
 

div#navrow {
	 height: 100%;
	 width: 100%;
}
div#navrow .floatleft {
	height: 100%;
	margin-left: 121px;
}
div#navrow .search {
	padding-top: 13px;
	box-sizing: border-box;
	margin-left: 10px;
	max-width: 18%;
}

td.navrow {
	 
	 height : 28px;
/*	 overflow : hidden; */
}

div#customlogo {
	overflow: hidden;
	float: left;
	cursor: pointer;
	margin: 0px;
	padding: 2px;
}

div#customlogo > img {
	width: auto;
	height: auto;
	max-width: 300px;
	max-height: 58px;
}

div#logo {
 	overflow : hidden;
 	float : left;
 	margin-left: 35px;
 	margin-right: 40px;
 	padding: 14px 0px 4px 2px;
 	width: 150px;
 	cursor: pointer;
}

img#logo {
	padding : 0px;
	margin : 0px;
	width: 100%;
}

td.wsrow {
  padding : 0px 8px 0px 8px;	
  margin : 0px;
  color : #ffffff;
  font-size : 8pt;
  overflow : hidden; 
}

a.wsrow {
	color : #ffffff;	
	text-decoration : none;
	font-size : 8pt;
 
}

a.wsrow:hover {
	text-decoration : underline;	
}

table#wstable {
	padding : 0px;
	margin : 0px;
	border-collapse : collapse;
	
}

table#navrowtable {
	height: 100%;
}

table#navrowtable tr td:nth-child(1){
}

table#navrowtable tr td:nth-child(1) a {
}
#banner #navrowtable .navrowtabon > a:hover{
  color: deepskyblue;
}

#navrowtable td
{
  overflow: hidden;
  vertical-align: top;
  padding: 0 40px 0 0;
}

#navrowtable td, #navrowtable td > *
{
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  color: #606060;
  cursor: pointer;
  transition: none;
  text-transform: uppercase;
}
#navrowtable td i {
	padding: 0px 10px 0 0;
	color: deepskyblue;
}
#navrowtable td.active > *, #navrowtable td.navrowtabon > div{
  border-top: 5px solid deepskyblue;
  padding-top: 18px;
}
#navrowtable td > * {
  display: block;
  padding: 23px 0px 23px 0px;
}
#navrowtable td.active, #navrowtable td.active > *, #navrowtable td.navrowtabon, #navrowtable td.navrowtabon > *
{
  cursor:pointer;
}


div.mmtab {
  background-color : #ffffff;
  width : 12px;
  height : 28px;
  overflow : hidden;
}
 
table#mainmenutable {

}

td.navrowtab {
	background-repeat : repeat-x;
	/* padding : 0px 0px 5px 0px; */
	overflow : hidden;
	cursor : pointer;
	/* text-transform: uppercase; */
	vertical-align: middle;
	font-family: "Lato", sans-serif;
	box-sizing: border-box;
	transition: all .5s;
}

td.navrowtabon,td.navrowtab {padding: 0;text-transform: uppercase;/* font-weight: bold; */cursor: default;}

td.navrowtab a {
	color: dimgrey;
	margin : 0px;
	text-decoration : none;
	cursor: pointer;
}

 

select.wsrow {
	font-size : 8pt;
	border : 1px solid #c0c0c0;
	background-color : #808080;
	color : #ffffff;	
	padding : 2px; 
} 

select.wsrow option {
	margin : 2px 8px 2px 2px;	
	background-color : #404040;
}  

option.meta {
	font-style : italic;	
	margin : 20px;
}

.metainfo {
	font-style : italic;
	color : #606060;
	font-size : 8pt;
}


ul.checkboxList {
	list-style : none;
	padding : 2px 0px 2px 16px;	
	margin : 0px; 
}






/* the document preview element */

td#previewtd {
    padding: 13px 10px 10px 0px;
} 

div#echodiv, div#leftechodiv {
	position : absolute;
	height : 100%;
	top : 0px;
	left : -9px;
	width : 18px;
	cursor : col-resize;	
}

div#echodiv:hover, div#leftechodiv:hover {
	background-image : url(vdivider18.png);
	background-repeat : repeat-y;
}


div#bottomechodiv {
	position : absolute;
	width : 100%;
	left : 0px;
	bottom : -9px;
	height : 18px;
	cursor : row-resize;	
}

div#bottomechodiv:hover {
	background-image : url(hdivider18.png);
	background-repeat : repeat-x;
}





div.previewhead {
	/* background-color : #d0d0d0; */
	/* border : 1px solid #d0d0d0; */
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	margin-bottom: 8px;
}

.docsPreviewContent div.previewhead{
	display:none;
}

div.previewMessage  {
	text-align : center;
	color : #a0a0a0;
	padding : 40px 10px 120px 10px;
}

div.previewImage {
/*	border : 1px solid #b0b0b0; */
}

div.previewDrag {
	border : 2px dotted #a08000;
}


div.docpreview {
    height: 100%;
}   
   
div.previewcontainer {
	background: white;
	box-shadow: 0px 2px 6px 3px #d0d0d0;
}
#pageContainer div.previewcontainer {
	height: calc(100% - 32px) !important;
	width: 100% !important;
}
   



/* fixed box note display as on the notes pages */


div.note {
}
  

div.notebuttons {
	float : right;	
}

/* when the note is in a curved box, move any buttons up into the curved part */
div.boxbody div.notebuttons {
	position: absolute;
    right: 0px;	
}

/* when on the doc page, don't need subjects in notes */
div#doc div.subject {
	display : none;	
}

div.boxbody div.subject, .marginnotewrapper .subject {
	display : none;	
}


div.resolved {
	float : right;
	font-weight : bold;
	border-radius : 2px;
	background-color : #404040;
	color : #ffffff;
	padding : 0px 4px;
	margin : 0px 4px;
}

div.tags {
	font-weight: bold;
	margin-top: 5px;
}

#notesouter div.tags { width: 50%; }

div.oldtags {
	float : right;
	font-size : 7pt;
}

div.tagfiltertitle {
	float : left;
	color : #808080;
	font-size : 10pt;
}

div.noteviewHeader{padding: 8px;}

div.noteviewHeader .link{ color: #ff8700; font-size: 1.2em; position: relative; }

div.strike {
  border-bottom : 2px solid #ff0000;
}


div.linksrc {
  position : absolute;
  left : 18px;
  top : 0px;
  width : 200px;
  border-radius : 2px;
  background-color : #000000;
  color : #ffffff;  
}

.notesdiv div.linksrc, .pagemargin div.linksrc {
  right: 0px;
  left: auto;
  z-index: 999;
}
 
div.linksrcname {
  padding : 4px 4px 0px 8px;
}

div.linksrcname .linkbutton {
  font-weight: bold;
  text-decoration: none;
  color: #ffffff !important;
  width: 100%;
  padding: 0 5px 5px 5px;
  text-align: left;
}

div.linksrcname .linkbutton:hover {
  text-decoration : underline !important;
}

div.linksrctext {
  padding : 4px 4px 2px 8px;
  font-style : italic;
  color : #c0c0c0;  
}

div.notemain {
  padding: 10px 13px 0px 13px;
}
[data-replies="0"] div.notemain {
  padding-bottom: 10px;
}
div.notemain > canvas {
    max-width: 100%;
}

div.notemain img { 
  max-width: 500px; 
}

/* fwh: prevent large tables + imgs breaking notes index */
div.notecontainer {
  max-width: 600px;
  background: white;
  box-shadow: 2px 1px 6px rgba(136, 136, 136, 0.57);
}
div.footnotes .notecontainer{
	box-shadow: 2px 1px 6px rgba(136, 136, 136, 0.57)
}
div.contextroot {
	position : relative;	
}

div.privacy {
	float : left;
	position : relative;	
	top : -5px;
}

.notetext {
	font-size: 14px;
	word-wrap : break-word;
	clear : both;
	max-height: 200px;
	overflow: auto;
}

.breakword {
	word-wrap : break-word;
}	

.nowrap {
	white-space : nowrap;
}

.inverted, .notinverted .inverted {
	color : #ffffff;
}

.notinverted, .inverted .notinverted {
	color : #000000;
}
 

.black {
    color : #000000;
}

.replytext {
	padding: 8px 12px 7px 24px;
	font-size: 10pt;
	border-top : 1px solid #c0c0c0;
}

div.nreplies {
	cursor : pointer;
	background: white;
}
div.nreplies>table {
	padding: 3px 0 7px 10px;
}
.replies{
	background:white;
	display: none;
}
.repliesOpen .replies{
    display:block;
}
.repliesOpen .fa.fa-angle-right, .nreplies .fa.fa-angle-down{
    display:none;
}
.nreplies .fa.fa-angle-right, .nreplies .fa.fa-angle-down{
	font-size:15px;
}
.repliesOpen.nreplies .fa-angle-down{
    display:block;
}
span.nreplies {
	color : #606060;
	font-size: 11px;
	font-style : italic;
}


 
/* ud subject is for user defined - other subject divs get hidden when on the text since they just repeat what is in the text */
span.subject, span.udsubject {
	font-size : 9pt;
	cursor : pointer;
}

div.subject {
	padding-left : 6px;
}



span.subject:hover, span.udsubject:hover {
	text-decoration : underline;
}

div.udsubject {
	padding : 0px 6px;
	display: none;
}



/* colors from palette */
.notecol0 { background-color: rgb(255,255,204);}
.notecol1 { background-color: rgb(204,255,204);}
.notecol2 { background-color: rgb(204,255,255);}
.notecol3 { background-color: rgb(204,204,255);}
.notecol4 { background-color: rgb(255,204,255);}
.notecol5 { background-color: rgb(255,204,204);}
.notecol6 { background-color: rgb(255,255,255);}
.notecol7 { background-color: rgb(255,255,153);}
.notecol8 { background-color: rgb(153,255,153);}
.notecol9 { background-color: rgb(153,255,255);}
.notecol10 { background-color: rgb(153,153,255);}
.notecol11 { background-color: rgb(255,153,255);}
.notecol12 { background-color: rgb(255,153,153);}
.notecol13 { background-color: rgb(239,239,239);}
.notecol14 { background-color: rgb(255,255,101);}
.notecol15 { background-color: rgb(101,255,101);}
.notecol16 { background-color: rgb(101,255,255);}
.notecol17 { background-color: rgb(101,101,255);}
.notecol18 { background-color: rgb(255,101,255);}
.notecol19 { background-color: rgb(255,101,101);}
.notecol20 {}
 
 

span.doctitle {
	font-size : 9pt;
	cursor : pointer;
}
 
div.inverted span.docname {
	color : #e0e0e0;
}

span.docname, div.notinverted span.docname {
	color : #303030;
	font-size : 8pt;
	cursor : pointer;
	margin-right : 6px;
}


span.docname:hover {
	text-decoration : underline;
}

.txinputRqAnn {
	border : 1px solid #c0c0c0;
	font-size : 9pt;
	display: block;
	margin: 0px auto 15px auto;
	padding : 4px;
	width: calc(100% - 10px);
	height: 60px;
}


.titleInput {
	width : 95%;
	outline : none;
	border-radius : 4px;
	
}

.titleInput:focus {
	box-shadow: 0px 0px 4px #8080ff;
}

div.author {margin-left: 5px;}

.replies div.author{
	margin-left:0px;
	margin-bottom: 2px;
} 

.replies div.author span{font-size: 8pt;}
 
div.inverted span.author {
	color : #f0f0f0;
}
 
div.inverted a {
	color : #ffffff;
	font-weight : bold;
} 
 
 
span.author, div.notinverted span.author {
	font-size: 9pt;
	color: #6c6b6c;
	font-weight: bold;
	text-transform: capitalize;
}
 
div.docname {
    text-align: right;
/*	float : right;	*/
/*    padding-left: 2px; */
} 
 
  

div.xbutton {
	color : #a0a0a0;
	cursor : pointer;
}

div.xbutton:hover {
	background-color : #f0f0f0;
	color : #000000;
	cursor : pointer;
}
 
div.section div.ncbox, div.replies div.ncbox, div.pagemargin div.ncbox {
	bottom : 0px;
}  
 
div.ncinner {
  width : auto;
  min-width : 26px;
  font-weight: 600;
  height: 100%;
}
div.ncinner div{
  color: grey;
}
.additionalNoteOpt .erdrbutton{
	padding: 8px 10px 8px 10px !important
}


/* context popup on a note */
 

div.contextpopup {
	position : absolute;
	border : 1px solid #c0c0c0;
	padding : 8px;
	background-color : #fafafa;
	bottom : 4px;
	left : -8px;
	max-width : 280px;
	min-width : 160px;
	font-size : 9pt;
	font-style : normal;
	color : #404040;
}






 
span.help {
	cursor : pointer;	
}

 
.action {
	text-decoration : none;
	color : #000000;
	cursor : pointer;
}

.action:hover {
	text-decoration : underline;
}


.goaction {
	text-decoration : none;
	color : #0000b0;
	cursor : pointer;
}

.goaction:hover {
	text-decoration : underline;
}





tr.hide, tr.hide td {
	display : none;	
}

/*
td, p, a, div {
	font-size : 9pt;
}
*/

.tx_std, .tx_std div, .tx_std td, .tx_std span, .tx_std p {
  border: none;
  padding: 0px;
  margin: 0px;
  font-size : 8pt;
  color:black;
}
 

.tx_input, .txinput {
	font-size: 13px;
	border: 1px solid #e0e0e0;
	padding: 6px;
	vertical-align: middle;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 1px;
	box-sizing: border-box;
}

input.wide, button.wide{
	width: 100%;
}

input.tx_input:focus, input.txinput:focus {
	box-shadow: 0 0 4px #8080ff;
    -webkit-box-shadow: 0 0 4px #8080ff;
   -moz-box-shadow: 0 0 4px #8080ff;
} 
  
td.fixeddialog {
	background-color : #f4f4f4;
	border-bottom : 1px solid #e0e0e0;	
}  
  
  

div#loginstate {
	background-color : #f0f0f0;
	border-top : 2px solid #a0a0a0;
	border-bottom : 2px solid #a0a0a0;
	padding : 12px;
}

div#loginstate p {
    color: black;
	padding : 2px;
	margin : 0px;
}


input.menulogin {
	font-size : 8pt;
	border : 1px solid #d0d0d0;
 
	padding : 2px;
	margin-left : 4px;
	margin-right : 4px;
}
 

#documentcontrols {
	background-color:#e0e0e0;
	padding: 0px;
  padding-bottom: 8px;
	border-bottom : 1px solid #c0c0c0;
}
 

table#bannerleft {
	height : 86px;
}

img.button {
	cursor : pointer;	
}


div#statusarea {
   font-size : 8pt;
   color : #f0f0f0;
   padding : 4px;
   padding-left : 20px;
}

div#statusarea a {
 	font-weight : bold;
 	color : #ffffff;
}

  
input.fplogin {
	margin-left : 30px;
}


.maindiv {
  margin:2em;
 }

div.rowelement {
	display : inline-block;
}
.headerbtnbutton{font-weight: 600;} 

div.simplebutton {
	opacity: 0.5;
	padding: 1px;
    margin: 0px;
    cursor: pointer;
    text-align: center;
}

div.simplebuttonover {
	opacity: 0.8;
}

div.button, input.button,input#fileInput {
	display: inline-block;
	padding: 6px 12px;
	font-size: 13px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 2px;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	min-height: 18px;
}

div.rteControls div.button{
  min-height: 13px;
  padding: 7px 10px;
}

div.rteControls div.button.more{ padding: 5px 10px; }

div.rteControls div.choicevalue{ padding: 7px 10px; }

div.buttonTouchNotepad {
	width: 98px;
	font-size : 12px;
	display : inline-block;
	vertical-align : top;
	text-align : center;
	border-width : 1px;
	border-style : solid;
	padding : 5px 0px 5px 0px;
	background-color : #ffffff;
	white-space : nowrap;
	border-color : #c8c8c8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-ms-touch-action: none;
    touch-action: none;
}

div.toselipad_butt {
	font-size : 15px;
	display : inline-block;
	vertical-align : top;
	text-align : center;
	border-width : 1px;
	border-style : solid;
	padding : 3px 4px 3px 4px;
	background-color : #ffffff;
	white-space : nowrap;
	border-color : #c8c8c8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div.buttonleft {
	border-radius: 2px 0px 0px 2px;
	border-right-width : 0px;
}

div.buttonright {
	border-radius: 0px 2px 2px 0px;
}

div.buttonmid {
	border-radius : 0px 0px 0px 0px;
	border-right-width : 0px;
}


div.buttonup-uu, input.button:hover {
	background-color : #e8e8e8;
	cursor : pointer;
}

.deleteButton div.buttonup {
	color: red;
}


div.buttonup:hover {
    border-color: #adadad;
}

.button.btncancel {
	border-color: transparent !important;
	background-color: transparent !important;
}

.button.btnok {
	color: #ffffff;
        background-color: deepskyblue;
	border: none;
}

.button.btnok:hover {
  color: deepskyblue;
  background: #ebebeb;
}

.btncancel:hover{
	text-decoration: underline;
}

div.button:hover {
	background-color: #ebebeb;
}

div.buttondown {
	border-color: #adadad;
}

div.buttontoggledown {
	background-color : #d0d0d0;
/*	box-shadow:inset 0 2px 3px #909090; */
}

div.buttoninactive, div.button.btnok.buttoninactive {
	color : #a0a0a0;
	background-color: transparent;
}

.rotateDialog{
}
.rotateDialog div.button {
	margin-top: 10px;
	width:40px;
}

/* dlg: classes for colour chooser button on freehand notes dialog */

div.colorbutton {
	font-size : 12px;
	display : inline-block;
	vertical-align : top;
	text-align : center;
	border-width : 1px;
	border-style : solid;
	padding : 3px 4px 3px 4px;
	background-color : #ffffff;
	white-space : nowrap;
	border-color : #c8c8c8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
} 

div.colorbuttonup {
	cursor : pointer;
  background-image: -moz-linear-gradient(#f8f8f8, #d8d8d8);
}


div.xxxmainbutton {
	font-size : 12px;
	display : inline-block;
	vertical-align : top;
	
	text-align : center;
 
	padding : 6px 10px 6px 10px;
	background-color : #ffffff;
	white-space : nowrap;
 	
 	margin : 0px 4px;
 	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
-webkit-box-shadow: 0px 1px 0px rgba(72, 149, 72, 1);
-moz-box-shadow: 0px 1px 0px rgba(72, 149, 72, 1);
box-shadow: 0px 1px 0px rgba(72, 149, 72, 1);
}
 
 
 
 
 
 
div.xxxmainbuttonup {
	cursor : pointer;
  background-image: -moz-linear-gradient(#7cff7c, #5cb85c);

   /* Safari 4+, Chrome 1+ */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7cff7c), to(#5cb85c));

   /* Safari 5.1+, Chrome 10+ */
   background-image: -webkit-linear-gradient(#7cff7c, #5cb85c);
}


div.xxxmainbuttonup:hover {
	  background-image: -moz-linear-gradient(#6cf06c, #4ca84c);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6cf06c), to(#4ca84c));
   background-image: -webkit-linear-gradient(#6cf06c, #4ca84c);
}


div.xxmainbuttondown {
	background-color : #4cd04c;
	box-shadow:inset 0 1px 2px #909090;
}

div.xxmainbuttonover {
	 
}


div.mainbutton {
  display: inline-block;
  border-width: 0px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #5cd85c;
  padding: 4px 9px;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  margin: 0px 8px 2px 0px;
  -webkit-box-shadow: 0px 1px 0px rgba(72, 149, 72, 1);
  -moz-box-shadow: 0px 1px 0px rgba(72, 149, 72, 1);
  box-shadow: 0px 1px 0px rgba(72, 149, 72, 1);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.52);
  cursor: pointer;
}

div.mainbutton:hover {
	background-color : #6ce86c;
}








.findSection .rowelement{
	width: 100%;
}

input.findinput {
	font-size : 13px;
	border : 1px solid #e0e0e0;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	padding : 6px 12px;
	margin : 0px 0px 0px 0px;
	border-right-width : 0px;
	position : relative;
	vertical-align: middle;
	width: calc(100% - 35px);
}



.nowrap {
	white-space : nowrap;
}


div.welcome {
	margin-left:auto;
	margin-right:auto;
	width:400px;
	margin-top:3em;
	margin-bottom:3em;
}

div.welcomeinner {
	width : 400px;
}


a.plain {
  text-decoration:none;
}

div.editable p {
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
}

h3 {
	font-size : 10pt;
}

input#emailid {
	width : 200px;
}
 
 
span.permdoclink {
	color : #0000a0;
	text-decoration : underline;
	cursor : pointer;
} 
 
span.doclink {
	text-decoration : none;
	color : #202020;
	cursor : pointer;
}
.docrow span.doclink.fdrName{max-width: 200px;text-overflow: ellipsis;overflow: hidden;vertical-align: bottom;display: inline-block;}

.docrow:hover * {}
 
div#msgdiv, div.msgdiv {
	font-style : italic;
	color : #808080;	
	font-size : 9pt;
}



div.docrow, div.rowsel {
	padding-top : 2px;
	padding-bottom : 2px;
} 


div.docrow:hover{
	background-color : #f3f3f3;	
}


div.rowsel,div.rowsel:hover{
	background-color: #dff0f5;
}

div.docscrumbs {
	margin : 0px;	
}

div.privacy {
	font-size : 7pt;
	font-style : italic;
	color : #600000;	
	margin-left : 6px;
}

div.filterctr {
	float : right;
	clear : both;
	margin : 2px 12px 2px 0px;	
}
 

div.accountmenu {
	padding : 0px 20px 4px 0px;	
	background-color : #89aad3;
}

div.accountmenu td {
	padding : 12px 6px 4px 6px;
}

div.accountmenu a {
	text-decoration : none;
	font-size : 11pt;
	color : #ffffff;	
}


div.simpleSolidButton {
	padding : 1px 4px 1px 4px;
	margin : 0px 1px;
	border-width : 1px;
	border-style : solid;
	cursor : pointer;
	text-align : center;
} 


div.transparentButton {
	padding : 0px;
	margin : 0px;
	cursor : pointer;
	text-align : center;
	border-width : 1px;
	border-style : solid;
	border-color : transparent;
}

div.docs {
	padding : 0px 0px;	
}

div.menu {
	max-height: 260px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.175);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
	overflow : auto;
	border-radius : 2px;
 
/* NB IE setx overflow-x to auto if this is set and breaks all the menus */
	/* overflow-y : auto;  */
	max-width: 250px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.notepadHeader .menu{
	left:0 !important;
	width: 100px;
}
div.menu.itemmenu{
	overflow: visible;
}

div.menu div.submenu{
	background-color: #ffffff;
  	border: 1px solid #cccccc;
  	border: 1px solid rgba(0, 0, 0, 0.15);
  	border-radius: 4px;
  	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  	background-clip: padding-box;
	border-radius : 2px;
}

div.popupmenu div.menuelement{
	position: relative;
	white-space: nowrap;
	text-transform: capitalize;
}
div.popupmenu div.menuelement div.submenu{
	display: none;
	background-color: #ffffff;
	position: absolute;
	top: 0px;
	left: 122px;
}
.menuTowardsTop div.popupmenu div.menuelement div.submenu{
	bottom: 0;
	top:inherit;
}


div.popupmenu div.menuelement.menuElementSelected div.submenu{
	display: block;
}

div.popupmenu div.menuelement .caretright{
  margin-top: 3px;
}

div.menu div.element {
	color : #000000;
	padding : 8px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.popupmenu div.element {
	min-width: 105px;
}

div.menu div.element img{
	display: inline-block;
	vertical-align: top;
	padding: 2px 3px !important;
}

div.menu div.inactive { 
	color : #808080;
}

div.menu div.semiable {
	color : #606060;
	font-style : italic;
}

div.menu div.over {
	background-color : #ccdff8;
}



	
div.livemessage {
	position : absolute;
	top : 100px;
	left : 10px;
	width : 250px;
	font-size : 8pt;
	background-color : #c0c0c0;
}

textarea.clipboard {
	width : 100%;
	height : 120px;
	overflow-y : auto;
	background-color : #ffffff;
	padding : 2px;
	border : 1px solid #c0c0c0;
	border-color : #c0c0c0 #f0f0f0 #f0f0f0 #c0c0c0;	
}



div.choicevalue, input.choicevalue {
	font-size : 13px;
	display : inline-block;
	vertical-align : middle;
	border : 1px solid #c0c0c0;
	border-radius: 2px 0px 0px 2px;
	border-right-width : 0px;
	white-space : nowrap;
	padding : 6px 12px;
	position : relative;
	background-color : #ffffff;
	min-height: 18px;
	max-width: 200px;
	text-overflow: ellipsis;
	overflow: hidden;
	min-width: 100px;
}
input.choicevalue {
	border-right-width: thin;
	height: fit-content;
}

div.disabled > div.rowelement { display: none; }
div.disabled > div.choicevalue{ border-right-width: 1px; width: 97%; background-color: #e0e0e0}

.notepadHeader .choicevalue{
	border: 0;
	background: inherit;
	color: deepskyblue !important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	margin-top: 8px;
	padding: 0;
}
.percentZoom img {
  vertical-align: baseline;
  width: 100%;
  max-height: 143px;
  overflow-y: auto;
}

div.multitags {
	width  : 100%;
}
 
div.morebutton {
 position : absolute;
 right : 0px;
 bottom : 0px;
 padding : 4px 0px 2px 4px;
 background-color : #e0e0e0; 
 }
 
 div.toggletag,.editTagsButton, .divTagText, span.doctag {
 	float : left;
 	padding: 5px 12px;
 	cursor : pointer;
 	border : 1px solid transparent;
 	border-radius : 2px;
 	font-weight : 300;
 	text-overflow: ellipsis;
 	max-width: 170px;
 	overflow: hidden;
 	min-width: 74px;
 	text-align: center;
 	font-weight: bold;
 	color: #151515;
 	box-sizing: border-box;
 	background-color:white;
 	border: 2px solid;
 	user-select: none;
 	margin: 0 5px 5px 0;
}

.divTagText{ margin: 0px; }
.adminTagCategories .divTagText{ max-width: 60%; }

span.doctags { padding: 4px 8px; margin: 5px 1px 0 1px; min-width: auto; }

 div.toggletag.noclick{ cursor:default; }
 
 span.doctag {padding: 5px 10px;margin: 0px 5px 0 0px;min-width: auto;}
 
.editTagsButton{ border: 2px solid #c6c5c7; }
div.toggletag:not(.toggletagon) {background: white !important;color: #5e5e5e;} 

div.toggletagon{ font-weight : bold; }

div.toggletag.toggletagon.lighttext, span.doctag.lighttext, div.divTagText.lighttext { color : #ffffff; }

input.dormant { color : #808080; }

input.active { background-color : #ffffff; color : #000000; }

input.topsearch {
	border: 1px solid #cecece;
	padding-left: 10px;
	background: white;
	text-overflow: ellipsis;
	height: 32px;
	width: 435px;
	transition: all 0.5s;
	padding-right: 25px;
	border-radius: 60px;
	outline: none;
}


div.topsearch input.dormant {
	background-color : #989898;
	color : #f0f0f0;
}

div.topsearch input.active {
	background-color : #f0f0f0;
	color : #202020;
}



div.docref {
	background-color : #edeceb;
	border : 1px solid #c0c0c0;
	min-height : 16px;
}

div.docchooserwrapper {
	padding : 0px;
	background-color : #ffffff;
	margin : 0px 0px 4px 0px;
	border : 1px solid #c0c0c0;
}

div.customfields {
	padding : 2px 0px 2px 0px;
 
}
	 
	 
textarea {
	border-radius : 4px;
	padding : 4px;
	width : calc(100% - 8px);
 
}	 
	 
	
	 
textarea.docinfo {
	border : 1px solid #c0c0c0;
	height : 40px;
	resize: none;
}

textarea.editpre {
	height : 100px;
	padding : 6px;
	background-color : #ffffff;
	border : 1px solid #a0a0a0;
	max-height: 450px;
	max-width: 650px;
}
 
div.progressbar {
	margin : 6px;
	text-align : left;
	border : 1px solid #a0a0a0;
	background-color : #f0f0f0;
}

div.progressfraction {
	text-align : left;
	height : 10px;
	background-color : #80e080;
}

div.multichooser {
	background-color : #ffffff;
 
	overflow : auto;
	height : 110px;
	 
}

div.mcsource {
	background-color : #f8f8f8;	
}
  
div.multichooser div.selectable {
	font-size : 9pt;	
	padding : 2px 4px 2px 20px;	
}  
  
div.multichooser div.mcsection {
	font-style : italic;
	border-bottom : 1px solid #e0e0e0;
	margin : 6px 0px 0px 0px;
	padding : 2px 4px;
}  
  
  
div.colorselectelement {
	margin : 2px;
	border : 1px solid #a0a0a0;
	width : 40px;
}

div.colormenuelement {
	height: 20px;
	width: 20px;
	cursor : pointer;
}

div.colormenuelementover {
	box-shadow: 0px 2px 3px #a6a6a6;
}

div.autocompletes {
   background-color : #ffffff;
   border : 1px solid #a0a0a0;
   width : 200px; 
}

div.tooltip {
  width : 240px;
  max-height : 400px;
  overflow : auto;
  padding : 4px;
  border : 1px solid #a0a0a0;
  background-color : #f0f0f0;
  position : absolute;
  z-index : 2000;
  bottom : 12px;
  text-align : left;
}

div.fillguage {
	border: 1px solid #666;
}

div.accesslink {
	position : relative;
	margin-right : 4px;	
}

div.linkaccess {
	margin : 16px 0px 12px 0px;	
}

div.accesslink input {
	width : 100%;
	border : 1px solid #b0b0b0;
	padding : 2px;	
}
 
 
 
textarea.clipboardta {
	border : 1px solid #c0c0c0;
	border-color : #c0c0c0 #f0f0f0 #f0f0f0 #c0c0c0;	
	width : 100%;
	height : 100%;
        white-space: pre;
        layout: block;
}

div.ncinner {
	font-size: 13px;
	color: #cdcdcd;
}

div.currentacl {
	background-color : #ffffff;
	border : 1px solid #c0c0c0;
	margin : 4px 0px 6px 20px;
	overflow : auto;
	max-height : 200px;
}

ul.layout {
	list-style : none outside none;		
}

 


div.dialog, div.bareDialog {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 2px;
    max-height: calc(100% - 50px);
    max-width: calc(100% - 100px);
}

div.dialogBlock {
   border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #ffffff;
    min-height: 24px;
    padding: 6px 4px;
}


div.dialoghead, div.dshead {
    border-bottom : 1px solid #e5e5e5;
    color: #606060;
    font-size: 14px;
    padding: 15px;
    border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

div.dialog .dialogBody, div.filtersection{
	padding: 15px;
}
.notesContainer div.filtersection {
	max-height: 139px;
	overflow-y: auto;
}

div.dialog .dialogBody.metadataDialog{
		box-sizing: border-box;
		min-height: 280px;
    max-height: 500px;
    overflow-y: auto;
}

div.dialog .dialogBody.metadataDialog .choicevalue, .metadialog .choice .choicevalue{
  width: 220px;
  text-overflow: ellipsis;
  overflow: hidden;
}

div.dialogClose {
	float : right;	
	margin-right : 2px;
}

div.dialogClose div.simplebutton{
	padding: 1px;
    margin: 0px;
    cursor: pointer;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    margin-top: -2px;
    line-height: 1;
}

div.dialogFoot {
    border-bottom : 1px solid #e5e5e5;
    padding:15px;
    text-align: right;
}

td.footerleft{
	text-align: left;
}

div.framedDialog {
	background-color : #d8d8d8;	
	min-width : 240px;
}

div.framedDialog div.dialogFoot {
	background-color : #d8d8d8;	
}

 
ul.checkboxList li input {
	position : relative;
	top : 2px;
}

.warn {
	color : #ffa040;	
}
 

div.clearboth {
	clear : both;
}

td.dfpropname {
	text-align : right;
	padding-right : 6px;
	min-width : 160px;
}

div.dfnmatch {
	margin : 8px;
	text-align : center;	
	font-weight : bold;
}

.textarea {
	font-size : 11px;	
}



div.section .ectitle {
	font-size : 10pt;
	font-weight : bold;	
}
 
 
div#notesdiv div.focusnote {
	border : 1px dashed #000000;
}

div.bgnote {
	opacity : 0.5;
	 filter:alpha(opacity=50);
}


.lowi {
	border-bottom : 2px solid green;
}

.lowi0 {
	border-left : 4px solid green;
	border-bottom : 2px solid green;
}


.lowu {
	border-bottom : 2px solid #f00000;
}

.highu {
	border-bottom : 2px solid #ffa040;
}

.res {
	background-color : #00c000;
	opacity : 0.3;
	 filter:alpha(opacity=30);
}

.reshi {
	background-color : #ff0000;
	opacity : 0.3;
	filter:alpha(opacity=30);
	border-bottom : 2px dotted #a0a000;
}


.btnenabled {
   cursor : pointer;
}

.btndisabled {
  opacity : 0.5;
  filter : alpha(opacity=50);
}


.hide  {
  opacity : 0.0;
  filter : alpha(opacity=0);
  cursor : text;
}

.high, .highh, .highl, .highu {
  background-color: #00ff00;
  opacity:0.4;
  filter : alpha(opacity=40);
  cursor: pointer;
  border-bottom: 2px solid red;
}



.highi {
	border-bottom : 2px solid red;
}


.highi0 {
	border-left : 4px solid red;
	border-bottom : 2px solid red;
}

.sel {
  background-color: #ffff00;
  opacity:0.3;
  filter : alpha(opacity=30);
  cursor : text;
}

.selh, .sels, .seli, .seli0, .sele, .sell, .selu {
  background-color: #00ff00;
  opacity:0.4;
  filter : alpha(opacity=40);
  cursor: pointer;
}

.selh, .seli, .seli0 {
   border-bottom: 2px solid red;
}
 
.seli0 {
	border-left : 4px solid red;
}

.sels .strike {
	border-bottom : 2px solid #ff0000;
}

.sell {
	border-bottom : 2px dashed #0000a0;
}




.low, .lowh, .lowl {
  background-color: #ffff00;
  filter : alpha(opacity=40);
  opacity:0.4;
  cursor: pointer;
  border-bottom: 1px solid green;
}


.hnew {
	background-color: #0000ff;
}

.hchg {
	background-color: #0000d0;	
}

.hdel {
   border-bottom : 1px solid red;
   border-left : 2px solid red;	
}


.h0 { background-color: #ffff00; }
.h1 { background-color: #99ff99; }
.h2 { background-color: #99ffff; }
.h3 { background-color: #9999ff; }
.h4 { background-color: #ff99ff; }
.h5 { background-color: #ff9999; }
.h6 { background-color: #d0d0d0; }

.h7 { background-color: #ffff99; }
.h8 { background-color: #99ff99; }
.h9 { background-color: #99ffff; }
.h10 { background-color: #9999ff; }
.h11 { background-color: #ff99ff; }
.h12 { background-color: #ff9999; }
.h13 { background-color: #c0c0c0; }

.h14 { background-color: #ffff65; }
.h15 { background-color: #65ff65; }
.h16 { background-color: #65ffff; }
.h17 { background-color: #6565ff; }
.h18 { background-color: #ff65ff; }
.h19 { background-color: #ff6565; }
.h20 { background-color: #b0b0b0; }

 

div.strike {
	position : absolute;
	left : 0px;
	right : 0px;
}
				
				
.highs .strike {
	border-bottom : 2px solid #ff0000;
}

.lows .strike {
	border-bottom : 2px solid #606060;
}
 

.highl {
  border-bottom: 3px dotted #0000ff;
  cursor : pointer;
}

.lowl {
  border-bottom: 1px solid #0000ff;
	cursor : pointer;
}

 

.highe {	
  opacity:0.4;
  filter : alpha(opacity=40);
  background-color : #80ff80;
  border-bottom: 2px dashed #cf0000;
  cursor : pointer;
}

.lowe {
    opacity:0.3;
    filter : alpha(opacity=30);
    background-color : #80ff80;
    border-bottom: 1px dashed #006000;
	cursor : pointer;
}
 
 
div.tagitem {
	display : inline-block;
	position : relative;
} 
 
.ctag {
 	cursor : pointer;
 	margin-right: 15px;
 	display : inline-block;
 	text-overflow: ellipsis;
 	max-width: 210px;
 	overflow: hidden;
 	box-sizing: border-box;
 	border-radius: 2px;
 	white-space: nowrap;
}
 
 
 .ctagrhs {
 	cursor : pointer;
 	padding : 0px 1px 0px 2px;
	display : inline-block;
	border-radius : 0px 8px 8px 0px;	 
	border : 1px solid transparent;
	border-left : 1px dotted #ffffff; 
}
 
 .ctagrhs:hover {
 	border-color : #202020;
 }

div.tagsel div.tagmarker {
	background-color : #20d020;
}


.ctagdel {
	text-decoration: line-through;
}
 
.tagmust {
	background-color : #60f060;
}

.tagoff {
	display : none;
}

.tagmay {
	background-color : #ffa440;
}


.tagnot {
	background-color : #ff0000;
}


div.tagoff:hover {
	background-color : #c7daf3;
}
 
div.previewbtn, select.previewbtn {
	display: inline-block;
}
select.previewbtn {
	background: white;
	border: none;
}

div.previewbtn.reset{
	    padding-right: 10px;
	    vertical-align: top;
}

div.previewbtn.zoomin{
	padding-left: 10px;
	vertical-align: middle;
}

div.previewbtn.zoomout{
	padding-right: 10px;
	vertical-align: middle;
}

div.percentZoom{ 
	padding-right: 0px;
}

div.previewbtn.next{
	    padding-left: 5px;
}
 
div.previewbtn:hover {
	cursor : pointer;
}


div.tab {
	border-bottom-width : 0px;
	padding : 3px 6px 3px 6px;
	cursor : pointer;
}
div.tabon {
  background-color: white;
  color: deepskyblue;
}

div.taboff { 
  color: #a57379;
}

div.taboff:hover {
	background-color : white;
}

div.tagcolorbox {
	float: left;
	width: 15px;
	height: 15px;
	margin: 4px 6px 0px 10px;
	border-radius: 50%;
}
div.tagrow:hover {
	background-color : #f0f0f0;
}
 
div.activetagrow {
	background: #dff0f5;
}
div.tagrow, div.activetagrow {
	border-bottom : 1px solid #eaeaea;
}

div.likebutton {
	display : inline;
	cursor : pointer;
	position : relative;
	top : -2px;
	padding : 0px 4px 2px 2px;
}


div#docsSeparator {
	width: 18px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	cursor: col-resize;
	height: 100%;
	min-height: 600px;
}

div.docSepInner {
	height: 100%;
	/* border-left: 1px solid #e0e0e0; */
	/* border-right: 1px solid #e0e0e0; */
	/* background-color : #ffffff; */
	display: inline-block;
}
div.docSepInnerCenter {
	position: relative;
	top: 50%;
	width: 3px;
	height: 20px;
	border-left: 3px solid #a8a0a0;
	border-right: 3px solid #a8a0a0;
	margin-left: 3px;
}

div.docSepInner img{
	top: 50%;
	position: relative;
}



div.infodiv {
	min-height : 20px;
	margin : 4px;
	font-size : 10pt;
	color : #a0a0a0;
	font-style : italic;
	padding : 6px;
	border : 1px solid #efef90;
	background-color : #ffffb0;
	border-radius : 20px;	
	max-width : 350px;
}

div.infoimg {
	float : left;
	margin : 0px 4px 4px 4px;
}

span.infook {
	font-style : normal;
	font-size : 8pt;
	cursor : pointer;
	color : #2e66df;
	font-weight : bold;
	margin-left : 10px;
}



div.erdrmenu {
		background-color : #808080;
		box-shadow: -2px 1px 9px -2px rgba(136, 136, 136, 0.57);
}

div.erdrmenu div.element {
	background-color: #f6f6f6;
	padding: 7px;
}
div.erdrmenu div.element:hover {background-color: rgb(235, 235, 235);}

div.erdrmenu div.inactive { 
	color : #808080;
}

div.erdrmenu div.over {
}

div.premiummessage div {
	margin : 8px 0px;
}
	
div.msg {
	padding : 12px 0px;
}

span.bold {
	font-weight : bold;
}

div.catmarker {
	width : 20px;
	height : 20px;
	margin-right : 20px;
	border-radius: 50%;
}

div.etchhead {
	border-bottom : 1px solid #e8e8e8;
}

div.etchfoot {
	border-top : 1px solid #ffffff;
}

div.uploadrow {
	padding : 1px 6px 1px 6px;
	border-bottom : 1px solid #f2f2f2;
}
 

div.dropmsg {
	padding-right : 8px;
	position : relative;
	top : 4px;
	color : #606060;
}

div.uploadinputctr {
	overflow : hidden;
	height : 0px;
}


div.progmain {
	padding : 2px 8px;
}

div.progouter {
	position : relative;
}

span.progmsg {
	font-size : 9pt;
	color : #808080;
}

div.ubouter {
	width : 80px;
	padding : 4px;
}

div.ubbase {
	background-color : #d0d0d0;
	border : 1px solid #b0b0b0;
	border-radius : 2px;
	overflow : hidden;
}

div.ubbar {
	background-color : #574165;
	border-radius : 2px 0px 0px 2px;
	min-height : 8px;
	border-right : 1px solid #b0b0b0;
}
	 
div.paletteitem {
	display : inline-block;
	border : 1px solid #a0a0a0;
	width : 20px;
	height : 20px;
	margin : 4px;
	cursor : pointer;
}

div.paletteitem:hover {
	border : 1px dashed #000000;
}

div.pion {
	border : 1px solid #000000;
}

div.dropdiv {
	border : 2px solid #e0e0e0;
	background-color : #ffffff;
	position : relative;
}

div.dropmsgdiv {
	position : absolute;
	top : 0px;
	left : 0px;
	right : 0px;
	color : #a0a0a0;
	font-size : 14pt;
	text-align : center;
	padding : 60px 20px 20px 0px;
	pointer-events: none;
}

div.dropmsgdiv span.small {
	font-size : 10pt;
}

div.dropover {
	border : 2px dashed #c0c0c0; 
}

div.uploadsdisplay {
	background-color : #ffffff;
}

div.linkbutton {
    display : inline-block;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    color: rgb(64, 64, 64);
    text-decoration: none;
}

table.tagmerge {
	margin-left : 20px;
}

td.tagmerge {
	padding : 0px 4px;
}

div.rowlabel {
	display : inline-block;
	vertical-align : top;
	padding : 4px 4px 0px 12px;
}

div.rowbutton {
	display : inline-block;
	margin : 0px 4px;
}

.metadialog td{ padding: 3px 5px; }
.metadialog .inlineblock.usermsg{ padding-top: 5px; }

.metadialog .choice .menu{ max-height: 200px; overflow-y: auto; }
.metadialog .rowelement.choice{ width: 100%; }
.metadialog .fieldname span:nth-child(1){
	max-width: 175px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	float: left;
	width: calc(100% - 12px);
	padding-right: 2px;
}
.metadialog .tx_input{ width: 93%; border: 1px solid #c0c0c0; }

.metadialog .customtitle{ font-weight: bold; }
.metadialog .format{ text-transform: uppercase; }

.metadialog .mandatory .ic, .metadialog .mandatory.fieldname{ font-weight: bold; color: red; }

.metadialog.uploader{ width: 500px; max-width: 500px; }

.metadialog .customfields td.fieldname{ padding-top: 9px; }

.tagchooser table{ max-width: 400px; }

.fieldname {
	font-style : italic;
	color : #606060;
}

div.doctypedisplay {
	text-align : center;
	cursor : pointer;
}

div.helpbutton {
	font-weight : bold;
	font-size : 12px;
	color : #ffffff;
	background-color : #80a0ff; 
	border-radius : 8px;
	padding : 0px 6px;
	margin : 0px 6px;
	cursor : pointer;
}

div.menutrigger {
	cursor : pointer;
	padding: 1px 1px;
	position: absolute;
	right: 0;
	top: 19px;
	margin-right: 13px;
}
#docsmain div.menutrigger .fa{font-size: 17px;margin-left: 1px;}

img.searchimg {
	position : absolute;
	right: 11px;
	top: 8px;
	cursor : pointer;
}

td.noerror {
	height : 0px;
	display : none;
}

td.error {
	color : #c00000;
	font-size : 9pt;
}

span.error {
	color: #c00000;
	padding-left: 5px;
}

tr.inviteerow td {
	border-bottom : 1px solid #eaeaea;
	padding : 7px 0px;
}

tr.activeinvrow td {
	border-bottom : 1px solid #eaeaea;
	/* color: #939393; */
	background : #c0c0ff;
}

div.rminvitee {
	float : right;
	background-image: url(../img/windowclosefaint.png);
	width: 17px;
    height: 13px;
	margin: 12px 10px 0px 10px;
	cursor: pointer;
}

#banner{
	height: 60px;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 8000;
	background: white;
	min-width: 918px;
	border-bottom: 1px solid #cfcfcf;
}



.pageContainer{
    position : relative;
    clear: both;
    background: #f0f0f0;
    padding-top: 60px;
}
.pageContainer table{
	width: 100%;
}
.header_search{
	display:none;	
}

div.mib {
	display : inline-block;
	vertical-align : middle;
}

div.mibtop {
	display : inline-block;
	margin : 0px 4px;
}

.currentPage{
    text-decoration: underline !important;
}

.caretinactive,.caretasc, .caret {
    font: normal normal normal 14px/1 FontAwesome;display: inline;margin-left: 7px;
}

.caret,.caretasc{
    color:black;
    font-weight:bold;
}

.caretinactive:before, .caret:before {
    content: "\f107";
}
.caretasc:before {
    content: "\f106";
}

.caretright {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
}

.caretright:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-left: 5px solid #b8b2b2;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.caretright:after {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  border-left: 0px solid #ffffff;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
}

.caretdown {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
}

.caretdown:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  border-top: 5px solid #b8b2b2;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.caretdown:after {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  border-top: 0px solid #ffffff;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
}

.signTable{
  margin-top: 100px;
}

.doctags{display: block;float: left;}

.detailsoff .doctype,.detailsoff .doctag,.detailsoff .doctags,.detailsoff .docfields, .detailsoff .docinfo{
    display: none;
}
.detailson .docfields, .detailson .docinfo{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.doctagsdiv > span{
}
.nodoctags.doctagsdiv > span{
	padding-top: 0px;
}
.notagsSpan {
  display:none;
}
.nodoctags .notagsSpan {
  display:block;
  padding-top: 7px;
}
.detailsDiv > div {
	float: none;
	clear: both;
	display: inline-block;
	width: 100%;
}

.detailsDiv .docdetailslabel {
	display: inline-block;
	float: left;
	width: 100px;
	font-weight: bold;
}
.detailsDiv .doctagsdiv .docdetailslabel {
	line-height:29px;
}
.detailson .doctype,.detailson .doctag{
    display: inline-block;
}
.docdetailsgroup > div{
	display: inline-block;
	float: left;
	width: calc(100% - 100px);
}
.docdetailsgroup > div > div{float: left;margin-right: 10px;}
div.notepad{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 2px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	background: #f6f6f6;
	display: table;
}

div.notepad .editable.textarea{
	background: white;
}

div.notepad textarea{resize: none;outline: none;font-size: 12px;}

div.notepad .title{
	font-size: 11px;
    font-style: italic;
    padding-top: 8px;
    padding-bottom: 8px;
    overflow: hidden;
    min-width: 260px;
}

div.notepad .notemenu{padding: 6px 0px 4px 2px;}

div.notepad .newtag{
	padding-left: 4px;
}

.notepadHeader .styleChooser{
	margin: 3px 2px;
	float: right;
}

.notepadHeader .richTextToggle{
	display: inline-block;
	margin: 2px;
}

.notepadHandler>.rowelement{
	min-width: 0 !important;
}

.notepadHandler .rowelement.hidden{
  display: none;
}
div.notepad .adressedto{
	padding: 5px;
	float: left;
}

.notepadFooterContent{
	background: #f6f6f6;
	padding: 4px 8px 0 8px;
}

div.notepad .notepadFooterContent .inlineblock{
	padding: 7px 6px;
}
div.notepad .notepadFooterContent .button{
	border:none;
	background:none;
	font-weight: bold;
	color: #5e5e5e;
}

.noteButton {
    margin-left: 5px;
    border: 1px solid transparent !important;
    border-color: #ccc !important;
    background-color: #fff !important;
}
.notepadHeader {
	position:relative;
	box-sizing: border-box;
}
.notepadHeader .button{
	border: none;
	background: none;
}
.notepadHeader .button *{	
	color: deepskyblue;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
}

.notepadHeader td .toselector{
	float: left;
	display: inline-block;
}
.notepadHandler{width: 100%;box-sizing: border-box;display: inline-block;height: 100%;background: #f6f6f6;border-bottom: 1px solid #e0e0e0;}
div.notepad div.closeNotepad{
	right: 5px;
  top: 5px;
	border: 2px solid deepskyblue;
	border-radius: 50%;
	font-weight: bold;
	color: deepskyblue;
	margin: -13px -12px 0 0;
	background: white;
	font-size: 17px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 17px;
	position: absolute;
	z-index: 1;
	cursor:pointer;
}
.notepad>table > tbody > tr:nth-child(7){

}
div.boxDiv{
	box-shadow: 0px 0px 9px rgba(136, 136, 136, 0.57);
	background: #f6f6f6;
}
.pageimageContainer div.boxDiv{
	max-width: 252px;
}

.pageimageContainer div.notemain .notetext .notetextContent{
  max-height: 46px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}
.pageimageContainer div.notemain .notetext .notetextContent:nth-child(2){
	display: inherit;
}
.pageimageContainer .note:hover div.notemain .notetext .notetextContent{
  max-height: none;
  white-space: inherit;
  display:inherit;
}


div.boxDiv .boxbody{
	position: relative; /* to anchor the shadows to this div */
	background: white;
}

div.voteouter{
  width: 28px;
  position : absolute;
  left: 5px;
  top : 0;
  border-radius: 4px 0px 0px 4px;
  border-width : 1px 0px 1px 1px;
  background-color: #ffffff;
  box-shadow: -1px 2px 6px rgba(136, 136, 136, 0.57);
  color: grey;
  transition: all .5s;
  text-align: right;
  z-index: -1;
}


div.voteouter table td {
	width: 20px;
  padding: 0 4px 0 4px;
  font-size: 19px;
}
 
td.upvotebutton {
  cursor : pointer;
  padding: 2px 0px 0px 3px;
}

td.dnvotebutton {
  cursor : pointer;
  padding: 3px 0px 2px 0px;
}
td.upvotebutton:not(.disabled):hover {
  color:#0ca20c;  
}
td.dnvotebutton:not(.disabled):hover {
  color:rgb(255, 104, 104); 
}


div.notevotes {
  color : #6c6b6c;
  float : right;
  font-weight : bold;
  font-size : 9pt;
}

div.note.activenote .voteouter, 
div.boxbody:hover .voteouter, 
.marginnotewrapper:hover .voteouter, 
.notecontainer:hover .voteouter{
	left: -28px;
}

div.boxDiv .boxbody .vshadow{
	position: absolute;
	top: 0px;
	right: -6px;
	width: 5px;
	overflow: hidden;
	height: 100%;
	display: none;
}

div.boxDiv .boxbody .vshadow img{
	position: absolute;
	top: 0px;
	left: 0px;
}

div.boxDiv .boxbody .leftextender{ display: none; }

div.boxDiv .boxBottom, .marginnotewrapper .boxBottom, .notecontainer .boxBottom, .av-notes-container .boxBottom{
	height: 0;
	transition: all .5s;
	overflow: hidden;
	z-index:502;
	background: #f6f6f6;
	clear: both;
}
div.activenote .boxBottom, div.boxbody:hover .boxBottom, .marginnotewrapper:hover .boxBottom,
.notecontainer .note:hover .boxBottom, .notecontainer.focusnote .boxBottom, .av-notes-container .note:hover .boxBottom{
	height: 27px;
}

.notecontainer.bgnote .boxBottom{
  height: 0;
}
.boxBottom .linkbutton{
	padding: 5px;
	width: 25%;
	float: left;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	color: grey;
	font-weight: bold;
	cursor: pointer;
	height: 100%;
}
.boxBottom .linkbutton.disabled{
		background: #f6f6f6;
}

.notebuttons .simplebutton{
	font-weight: bold;
    font-size: 15px;
    line-height: 14px;
    padding: 0px 5px !important;
}
.notebuttons.inverted .simplebutton{
    opacity: 0.8;
}

.tagChooserNewTag td{
	padding-left: 2px;
}

.docrow i[class^='fa-file'], .docrow i[class*=' fa-file']{
	margin: 0px 5px 0px 14px;
}
#docsmain .docrow i[class^='fa-file'], #docsmain .docrow i[class*=' fa-file']{
	margin:0;
}

.docrowFolder .docrows{
	padding-left: 15px;
}
.foldercaret {margin-right: 4px;}
.foldercaret .caretright{
    left: 3px;
}
div[data-tree="0"]  .docrow{padding-left: 15px;}
div[data-tree="1"]  .docrow{padding-left: 30px;}
div[data-tree="2"]  .docrow{padding-left: 45px;}
div[data-tree="3"]  .docrow{padding-left: 60px;}
div[data-tree="4"]  .docrow{padding-left: 75px;}
div[data-tree="5"]  .docrow{padding-left: 90px;}
div[data-tree="6"]  .docrow{padding-left: 105px;}
div[data-tree="7"]  .docrow{padding-left: 120px;}
div[data-tree="8"]  .docrow{padding-left: 135px;}
div[data-tree="9"]  .docrow{padding-left: 150px;}
div[data-tree=">9"] .docrow{padding-left: 165px;}
.colorCircle{
    height: 20px;
    width: 20px;
    border-radius: 50%;
}
.dragged{
    position:fixed;
    z-index: 8000;
    background-color: rgb(223, 240, 245);
    pointer-events: none;
    /* min-height:30px; */
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size:24px;
    padding:10px;
    cursor:move;
    color: #277adc;
    box-shadow: 0px 1px 6px 1px #d0d0d0;
    display:none;
    height: 24px;
}

.dragged:before{
    content: "\f016";
}
.dragged p{
    float:right;
    font-size:9pt;
    margin-left:5px;
    padding-top:7px;
}
.multipleDragging:before{
    content:"\f0c5"
}
.folderDragging:before{
    content:"\f07b";
}

.moveToThisFolder:not(.rowDragged){
    background-color: aliceblue !important;
}
.moveToThisFolder.doclink{
    background: none !important;    
    color: deepskyblue !important;
}
body.dragging{
        cursor:move;
}
.draggedRow{
    opacity: 0.5;
}

td.inputwrapper{ position: relative; }

.password-input-meter{
  position: absolute;
  top: 10px;
  right: 8px;
  padding: 2px 5px;
  height: auto;
  background-color: white;
}
 
.password-input-meter.small{
	top: 3px;
    right: 2px;
    padding: 1px 4px;
}
 
.password-input-meter .bar{
  height: 5px;
  width: 4px;
  margin: 2px;
  background-color: #e3f2ff;
}

.password-input-meter.small .bar{
  height: 4px;
  width: 4px;
  margin: 1px;
}

.password-input-meter .bar{
  height: 4px;
  width: 4px;
  margin: 2px;
  background-color: #e3f2ff;
}

.password-input-meter .bar.red{
  background-color: #e82110;
}

.password-input-meter .bar.lightred{
  background-color: #e06c29;
}

.password-input-meter .bar.yellow{
  background-color: #FFA500;
}

.password-input-meter .bar.blue{ 
  background-color: #6699cc; 
}

.password-input-meter .bar.green{
  background-color: #11dc11;
}

.password-input-meter .info{    
  position: absolute;
  width: 180px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-radius : 2px;
  padding: 5px 10px;
  top: 0px;
  left: 30px;
  display: none;
  font-size: 13px;
}

.password-input-meter .info .title span{ 
  font-weight: bold;
}

.password-input-meter .info .title span.red{ color: #e82110; }
.password-input-meter .info .title span.lightred{ color: #e06c29; }
.password-input-meter .info .title span.yellow{ color: #FFA500; }
.password-input-meter .info .title span.blue{ color: #6699cc; }
.password-input-meter .info .title span.green{ color: #11dc11; }


.password-input-meter .caretleft {
  position: absolute;
  top: 4px;
  left: -11px;
}

.password-input-meter .caretleft:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-right: 11px solid #c5c5c5;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
}

.password-input-meter .caretleft:after {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  border-right: 10px solid #fffefe;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.password-input-meter .strengthbar{
  width: 100%;
  margin: 7px auto;
  height: 12px;
  background-color: #e3f2ff;
}

.password-input-meter .strengthbar .strength{height: 12px;}

.password-input-meter .info .strength.red{ background-color: #e82110; }
.password-input-meter .info .strength.lightred{ background-color: #e06c29; }
.password-input-meter .info .strength.yellow{ background-color: #FFA500; }
.password-input-meter .info .strength.blue{ background-color: #6699cc; }
.password-input-meter .info .strength.green{ background-color: #11dc11; }

.password-input-meter .info .strength.zero{ width: 20%; }
.password-input-meter .info .strength.one{ width: 40%; }
.password-input-meter .info .strength.two{ width: 60%; }
.password-input-meter .info .strength.three{ width: 80%; }
.password-input-meter .info .strength.four{ width: 100%; }

.password-input-meter .info ul.suggestions{padding: 0px 20px;}
.password-input-meter .info ul.suggestions li{ }
.password-input-meter .info .warning{ }

.prominentNotifyDialog {
    background-color:#d9edf7;
    color: #31708f;
    position: fixed;
    top: 0px;
    right: 0;
    transform: translate(-50%, 0);
    min-height: 41px;
    padding: 2px 8px;
    box-sizing: border-box;
    border: 1px solid #595c42;
    border-radius: .25rem;
    font-size: 14px;
    opacity:0;
    /* width: 390px; */
}

.undoDialog, .popupNotifyDialog {
    background-color: #d9edf7;
    color: #31708f;
    position: fixed;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    min-height: 41px;
    padding: 2px 8px;
    box-sizing: border-box;
    border: 1px solid #edbcf1;
    border-radius: .25rem;
    font-size: 14px;
    opacity:0;
    width: 390px;
}
.undoDialog>span, .popupNotifyDialog>span {
	float: left;
	display: inline-block;
	margin-top: 7px;
}
.undoDialog .button, .popupNotifyDialog .button {
	display: inline-block;
	float: right;
	margin-top: 2px;
}
.undoDialog i, .popupNotifyDialog i{
	margin-top: 9px;
	margin-left: 18px;
	cursor:pointer;
	float: right;
}
.undoDialog i:hover, .popupNotifyDialog i:hover {
  color: deepskyblue;
}
.noteGid,.noteViewGid{
	font-size: 10px;
	background: white;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	border: 2px solid deepskyblue;
	width: 14px;
	height: 14px;
	text-align: center;
}
[data-noteMark="ms"] .noteGid,[data-noteMark="ms"] .noteViewGid, [data-noteMark="ms"].noteGid,[data-noteMark="ms"].noteViewGid{
	border-color: orange;
}
.boxDiv .noteViewGid{
	right: -8px;
	top: -8px;
}
.marginnotewrapper .noteViewGid{
	left: -8px;
	top: -8px;
}
.footnotes .noteViewGid{	
    right: -8px;
    top: -8px;
}
.regionBackground .noteGid{
    right: -10px;
    top: calc(50% - 9px);
    position: absolute;
}
.regionBackground {
    position: absolute;    
}

.regionBackgroundContent{
    border: 1px dashed black;
    position : absolute;
    width : auto;
    height : auto;
    margin : 0px;
}
.regionHover .regionBackgroundContent{
    border: 2px dashed black;
}

.arrowRegion .noteGid{
    right: -8px;
    bottom: -8px;
}
.regionBackground[data-regionType=circle] .regionBackgroundContent{
    border-radius:50%;
}

.extLink{     
	  color: white;
    font-size: 1.2em !important;
    background-color: #ff8100;
    padding: 2px 1px 0px 2px;
    border-radius: 4px;
}
.viewOnlyAlert{
    background-color: rgb(255, 218, 165);
    color: white;
    position: fixed;
    top: 55px;
    padding: 10px;
    box-sizing: border-box;
    z-index:999;
    text-align: center;
    border: 1px solid #f6ad44;
    margin-left: 10px;
}
.catmarker .button{
  padding: 0px 9px;
  background: none;
  border: none;
  border-radius: 50%;
}
.catmarker .button:hover{ background-color: transparent; }
.catmarker .menu{
    width: 157px;
    border: none;
    display: block !important;
    margin-top: 8px;
    box-shadow: none;
}
.catmarker .colormenuelement,.catmarker .colormenuelementover{
    float: left;
    border-radius: 50%;
    box-sizing: border-box;
    height: 19px;
    width: 19px;
    cursor: pointer;
    margin: 0 4px 2px 0;
}
.adminUsersButtons > .button{ margin: 0px 0px 0px 6px; }

.adminUsersTable{ min-width: 600px; }
.adminUsersTable td.user>div {
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dialogSection .formdiv{ padding: 15px 20px 15px 20px; }
.dialogSection .intro{ 
  margin: 10px 10px;
  font-weight: bold;
  color: #606060;
  display: block;
}
.dialogSection .formdiv .relateddoc{ width: 55%; padding: 0 5px; }

.replyButton{ padding: 0px 3px; color: #6c6b6c; }
.notetextContent{ min-height: 1em; }
.replytext .notetextContent{ padding-right: 40px; word-wrap: break-word; }
.tagChooser{ width:100%; }

.tagChoosers{ margin-bottom: 10px; }

.tagCategoryChooser > div{
  clear: both;
  width: 100%;
  max-height: 108px;
  overflow-y: auto;
}
.editTagsDiv{margin-top: 10px;border-top: 1px solid rgba(128, 128, 128, 0.58);padding-top: 5px;height: 37px;}

.categoriesDisabled .editTagsDiv{ margin: 0px; border: none; padding: 0px; }

.tagsDiv>div{ display:inline-block; float:left; margin: 0 5px 5px 0; }

.tagButtons{ display: inline-block; float: right; }

.tagButtons div.button{margin-left: 10px;height: 30px;box-sizing: border-box;line-height: 28px;padding: 0 10px;font-weight: bold;}
div.tagCategorytabs{font-weight:bold; }
.tagCategoriesDisabled .tagCategorytabs, .tagCategoriesDisabled .editCategoryButton, 
.tagCategoriesDisabled .deleteCategoryButton, .tagCategoriesDisabled .exclusiveCheckbox{ display:none;	}

.tagLabel{font-weight:bold;margin-right:10px}
.exclusiveCheckbox td{padding-top: 5px;}
div.editCategoryButton,div.deleteCategoryButton{
    margin-right:5px;
    padding: 5px 12px;
    float: right;
}
.tagsContent .lastTab , div.deleteCategoryButton, div.editCategoryButton{ display:none; }

[data-activetagcategory="0"] div.deleteCategoryButton,
[data-activetagcategory="0"] div.editCategoryButton, 
[data-activetagcategory="_wt:0"] div.deleteCategoryButton,
[data-activetagcategory="_wt:0"] div.editCategoryButton{ display:none; }

.tagCategoryChooser{ display: inline-block; width: 100%; }

.tagSectionAs, .taggedAs{
    float: left;
    line-height: 31px;
    margin-right: 5px;
    font-weight: bold;
    color: #5e5e5e;
    display: none;
}
.tagCategoryDiv{
  cursor:pointer;
  border:2px solid deepskyblue;
  padding: 5px 8px;
  float:left;
  margin:0 5px 5px 0;
  border-radius:2px;
  font-weight:bold;
  color:#5e5e5e;
}
.tagCategoryDiv.active{ background: deepskyblue; color: white; }

.tagChooser{ display:none; }

.categoriesDisabled .tagChoosers > .tagChooser:nth-child(1), .tagChooser.active{ display:block; }
.categoriesDisabled .tagCategoriesDiv{ display:none; }
div.tagCategorytabs .tab{ padding:10px; border-radius: 0; }
div.tagCategorytabs .tabon{ background-color:white; }
div.tagCategoryRows .tabrow{ background-color: #f0f0f0; }

div.tagCategoryRows .tagrow,div.tagCategoryRows .activetagrow{
  width: 100%;
  box-sizing: border-box;
  padding: 7px 10px;
  border-bottom: 1px solid #dcdcdc;
}
.tagsContent .extender{ display:none; }
.tagDiv{
	padding: 5px 12px;
	border-radius: 2px;
	box-sizing: border-box;
	color: white;
	background: deepskyblue;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 170px;
}

.dialogBody .tagCategoryTables{ max-height: 280px; overflow-y: auto; min-width: 300px; }
.tagsContent .btnok{ margin-top: 4px; }

.tagCategoryFooterDiv{ padding:10px; }

.stdtr {
  width: 20%;
  text-align: right;
}

.tptname {
  width: 220px;
}

.tptname:disabled {
  background-color: white;
}

.tkdialogtr {
  width: 20%;
  text-align: right;
  padding-right: 5px;
}

.tkname {
  width: 220px;
}

.tkname:disabled {
  background-color: white;
}

.desctr {
  vertical-align: top;
}

.about {
  resize: none;
  width: 100%;
  height: 60px;
}

.about:disabled {
  background-color: white;
}

.proptr {
  height: 90px;
  margin: 5px 10px 15px 10px;
}

.sharetr {
  margin: 5px 10px 0px 10px;
}

.tptsection {
  padding-top: 8px;
  font-weight: bold;
}

.propdiv {
  min-width: 135px;
  margin-right: 6px;
  display: inline-block;
}

.propdivsm {
  width: 95px;
  display: inline-block;
}

.sharetr {
  height: 20px;
}

.templatestbl {
  width: 500px !important;
  border-spacing: 5px;
}

.newwsadv {
  margin: 15px 0px 10px 0px;
  font-size: 10pt;
  color: #606060;
}
.newWsDialog div.menu {
	overflow-y: auto;
	max-width: 266px;
}

.edtpt {
  margin-right: 5px;
  margin-top: 9px;
}

.dtpt {
  margin-top: 9px;
}
.tagsDiv>div{
	display:inline-block;
	float:left;
}
.userclipdiv {
	width:100%;
	min-height:100px;
	max-height:500px;
	overflow:auto;
  border: 1px black solid;
  position:relative;
}
.clipbtndiv {
	bottom:0px;
	position:absolute;
	right:0px;
}
.cliptextdiv {
	overflow:auto;
	max-height:300px;
}
.clipdocumentnamediv {
	bottom:0px;
  position:absolute;
  left:2px;
  bottom:2px;
}
.clipbtn {
	margin-right:2px;
}
.docreftext {
	font-style:italic;
	color:deepskyblue;
	font-size:14px;
}
.cliptext {
	white-space:pre;
}

.templatestbl {
  width: 600px !important;
  border-spacing: 5px;
}

.stdtr {
  width: 16%;
  text-align: right;
}

.desctr {
  vertical-align: top;
}

.proptr {
  height: 90px;
}

.propdivbig {
  width: 165px;
  display: inline-block;
}

.propdiv {
  width: 150px;
  display: inline-block;
}

.propdivsm {
  width: 95px;
  display: inline-block;
}

.sharetr {
  height: 20px;
}
.versionrectangle {
  width: 25px;
  height: 25px;
  background: #f9ba00;
  text-align:center;
  border-radius: 6px;
  display:table;
}
.chatrectangle {
	height: 10px;
	font-size: 10px;
	margin-left: 5px;
	line-height: 12px;
}
.sidebarrectangle {
	height: 20px;
	font-size: 12px;
}
.marginleft {
  margin-left: 12px;
}
.versiontext {     
  color:white;
  display:table-cell;
  vertical-align: middle;
}
div.inline {
	display:inline-block;
}
.vproptext {
  font-weight: bold;
  font-size: 13px;
}
.versionopttest {
	color:#2ec2fb;
  font-weight: bold;
  font-family: sans-serif;
  font-size:14px;
  cursor:pointer;
}
.versionnamediv  {
	vertical-align: top;
	margin-top: 4px;
	margin-left: 10px;
}

.vtpt {
  margin-top: 9px;
  padding: 6px 22px !important;
}
.tagCategoryChooser[data-tagtype="section"]{
    display:none;
}
.notepad[data-notemark="ms"] .tagCategoryChooser[data-tagtype="section"]{
    display:block;
}
.notepad[data-notemark="ms"] .tagCategoryChooser[data-tagtype="note"]{
    display:none;
}


.folderAccessDialogGroups{
    padding-left:10px;
}
.folderAccessDialogGroup{
    clear:both;
}
.folderAccessDialogGroup>span{
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	float: left;
	max-width: 300px;
}
.accessDialogChbx{
    width:73px;
    text-align:center;
    display: inline-block;
}
.folderAccessDialogHeader{
    margin-bottom:10px;
    color: #737373;
    font-weight: bold;
}
.folderAccessDialogContent{
    min-width: 450px;
    max-width: 600px;
}
.accessDialogHeaderRow{
    font-weight:bold;
    margin-bottom: 9px;
}
.accessDialogChbx *{
	float:left;
}

.inheritedRestriction.folderAccessDialogGroup{
    display:none;
}

#docsmain .folder .fa-lock{
    display:none;
}

#docsmain .folder.aclRestricted .fa-lock{
    left: 34px;
    position: absolute;
    color: white;
    font-size: 15px;
    top: 7px;
    display:block;
}
.noAccessGroupsMessage{
    margin-bottom: 10px; 
    display:none;
}
.RestrictedAclGroups .noAccessGroupsMessage{
    display:block;    
}

.serverAdmin .error{
    color: red;
    font-weight: bold;
    font-size: 1.5em;
}

.timeinput {
    width: 80px;
    font-size: 14px;
    text-align: center;
}

.vidcliptbl {
    width: 250px !important;
    border-spacing: 5px;
}

.vidcliptr {
    width: 40%;
    text-align: right;
}

.dialogSection .rowtitle{
    padding: 5px 0 3px 0;
}

.dialogSection .versionWarn {
	padding: 5px 0 20px 0;
	color: rgb(255, 104, 104);
	display: block;
}

.termsDialogSection {
    width: 670px;
}

.dialogMessage {
    width: 340px;
    margin: 20px;
}

.termsDialogMessage {
    width: 650px;
    margin: 20px;
}

.searchUserDialogContent,.searchWsDialogContent,.searchTopicDialogContent{
    min-width: 350px;
    max-width: 600px;
}
.searchUserDialogContent input, .searchWsDialogContent input, .searchTopicDialogContent input{
	width:100%;
	margin-bottom:10px
}
.searchUserDialogContent .user,.searchWsDialogContent .ws, .searchTopicDialogContent .topic{
	cursor:pointer;
	padding: 5px 0px;
	box-sizing: border-box;
	display: flex;
}

.searchWsDialogContent .ws, .searchTopicDialogContent .topic{
    display: block;
}

.searchWsDialogContent .ws,.searchTopicDialogContent .topic{
	padding: 5px 5px;
	color: #606060;
}
.searchUserDialogContent .user:hover, .searchWsDialogContent .ws:hover, .searchTopicDialogContent .topic:hover{
	background-color:#f0f0f0;
}

.wait, .smallWait{
    background: url(../img/bigrotation.gif) no-repeat center;
    min-height: 70px;
    background-size: 40px;
}
.smallWait {
  min-height: 22px;
  background-size: 16px;
  width: 55px;
}

.userContent {
  width: 100%;
}

.searchUserDialogUsers, .searchWsDialogWss, .searchTopicDialogTopics{
    max-height: 300px;
    overflow:auto;
    width: auto;
}

.searchUserDialogUsers .channel-chat__item-avatar{
    margin-right:10px;
    width: 30px;
    height: 30px;
    font-size: 16px;
    display: inline-block;
    min-width: 30px;
}
.searchUserDialogUsers .user span{
    line-height: 28px;
    white-space: nowrap;
    display: inline-table;
}
.searchUsersDialogName{
	margin-right: 5px;
}
div.btnsearch{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-sizing: border-box;
    border: none;
    padding: 5px 8px;
    min-height: 10px;
    margin: 5px;
    font-size: 14px;
    color: deepskyblue;
}

.searchWsDialogWss .ws span, .searchTopicDialogTopics .ws span{
    line-height: 19px;
}

.searchWsDialogWss .wsTitle,.searchTopicDialogTopics .topicTitle{
    font-weight: bold;
    color: #606060;
}
.searchWsDialogWss .wsInfo, .searchWsDialogWss .wsCreated{
    padding-left: 6px;
}

.hidden{ display: none; }

div.topicuserrow {
	border-bottom : 1px solid #e0e0e0;
	padding: 7px 0;
}

div.topicuserrow span {
	line-height: 30px;
	margin-right: 10px;
}

.searchUsersArea{
  width: calc(100% - 40px);
  float:left;  
}
.searchUsersArea textarea{
  width: 100%;
}
.searchUsersArea .btnclear{
  margin-top: 5px;
  float: right;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 270px;
  overflow-y: auto;
  border-bottom: 1px solid #d4d4d4;
}
.chatbar .autocomplete-items{
	bottom: 100%;
	top: initial;
	overflow-y: auto;
	border-top: 1px solid #d4d4d4;
	border-bottom: 0;
}
.autocomplete-items>div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-value{
    margin-left: 10px;
    color:rgb(129, 129, 129);
    font-style: italic;
}
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}
div.autocomplete-active {
  background-color: #dff0f5;
}
.searchUsersDialogEmail{
  color:rgb(129, 129, 129);
  font-style:italic;
  float: right;
}
.tagsfilter input{
  width: 100%;
  margin-bottom: 10px;
}

.ellipsisDropdown i{
  height: 16px;
  width: 16px;
  padding: 1px 1px;
  font-size: 21px;
  color: rgb(125, 125, 125);
  visibility: hidden;
  text-align: center;
}
.docrow:hover .ellipsisDropdown i, .wsrow:hover .ellipsisDropdown i{
  visibility: visible;
}
.wsPagePopupMenu.menu,
.docPagePopupMenu.menu {
  max-height: 308px;
  min-width: 100px;
  width: auto;
}
.wsPagePopupMenu.menu>div>div.element[id="del"],
.wsPagePopupMenu.menu>div>div.element[id="rmu"],
.wsPagePopupMenu.menu>div>div.element[id="addc"],
.docPagePopupMenu.menu>div>div.element[id="open"],
.docPagePopupMenu.menu>div>div.element[id="word"] {
	border-bottom: 1px solid #c0c0c0;
}

.legal-footer {
    height: 60px;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 8000;
    background: white;
}

.legal-link {
    float : right;
    margin : 22px 25px 2px 12px;
}
.multiTagSelectorContent {
  padding: 10px;
  max-width: 400px;  
}

.multiTagSelectorContent .tagCategoryChooser {
  min-width: 200px;
  min-height: 30px;
}

#wsactions .btn{
  float: left;
  margin: 0 10px 10px 0;
  background: deepskyblue;
  padding: 6px 10px;
  color: white;
  border-radius: 60px;
  float: left;
  cursor: pointer;
}

#wsactions .btn span{
  font-weight: bold;
}
#pageContainer[data-folderid = "_trash"] #wsactions .btn.addFolder, 
#pageContainer[data-folderid = "_trash"] #wsactions .btn.uploadFile{
  background: deepskyblue;opacity: .5;
  pointer-events: none;
}
#wsactions .btn i{
  background: white;
  color: deepskyblue;
  border-radius: 50%;
  padding: 3px 4px;
  margin-right: 7px;
}


.channel-chat__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
   justify-content: flex-end;
}

.channel-chat__item {padding: 8px 10px 10px 8px;}
.channel-chat__item .channel-chat__item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  transition: background-color 0.5s ease;
  border-top: 1px dotted grey;
  padding-top: 10px;
}

.channel-chat__item:hover{}

.channel-chat__item.active{ 
  background-color: #e8f6ff; 
}

.channel-chat__item.sending{ 
  background-color: #e8f9ff; 
}

.channel-chat__item.link > .channel-chat__item-container > .channel-chat__item-content > .msg > .chatAttachedMessage{ 
  cursor: pointer; 
}
.channel-chat__item.link > .channel-chat__item-container > .channel-chat__item-content > .attachment_group{ 
  cursor: pointer; 
}

.channel-chat__item.editmode{ background-color: #e8f6ff; }

.channel-chat__item.failed{  background-color: #ffdcdc; }

.channel-chat__item-avatar{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 50%;
    background-color: #f0f0f0;
    color: deepskyblue;
    width: 34px;
    height: 34px;
    display: block;
    text-align: center;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 14px;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    border: 2px solid white;
    box-shadow: 1px 1px 1px 0px #e4e4e4;
}
.channel-chat__item-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.channel-chat__item-avatar img {
	width: 100%;
	vertical-align: inherit;
}

.channel-chat__item-avatar:not(.noAvatarImageFound) span,
.channel-chat__item-avatar.noAvatarImageFound img {
	display: none;
}

.channel-chat__item-avatar span {
	line-height: 30px;
}

.users .channel-chat__item-avatar span {
	font-size: 10px;
	line-height: 17px;
	vertical-align: top;
}

.channel-chat__item .channel-chat__reply {
	padding: 10px 0px 0px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	margin-right: 2px;
}

.channel-chat__item .channel-chat__reply .channel-chat__item-avatar {
	font-size: 18px;
	height: 35px;
	width: 35px;
}

.channel-chat__item-content {
	line-height: 1.3;
	width: 90%;
}

.channel-chat__item-content .msg {
	margin: 0;
	padding: 0 8px;
	word-wrap: break-word;
}

.channel-chat__item-name {
	font-weight: 700;
	padding: 0 4px 0 8px;
}
.channel-chat__item-time {
  font-weight: 400;
  color: #999999;
  padding: 0 4px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.channel-chat__item-menu-trigger {
  border-radius: 50%;
  border: 2px solid #a8a0a0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 14px;
  text-align: center;
  cursor: pointer;
  visibility: hidden;
}
.channel-chat__item:hover .channel-chat__item-menu-trigger, .channel-chat__item.active .channel-chat__item-menu-trigger{ 
  visibility: visible; 
}

.channel-chat__item-menu-trigger i{ color: #a8a0a0; }

.channel-chat__item-content .msg span.grey{color: #999999;font-weight: normal;display: block;margin-left: 5px;}

.channel-chat__item-content .msg span.txt{
  margin: 0px 5px;
  max-width: 239px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
}

.channel-chat__item-content .msg span.mention{
  color: deepskyblue;
  font-weight: bold;
}


.channel-chat__item-form, .channel-chat__item-ediform { background-color: #e8f6ff; }
.channel-chat__item-form .inputwrapper, .channel-chat__item-ediform .inputwrapper{ padding: 10px 10px 3px 10px; }
.channel-chat__item-form .button, .channel-chat__item-ediform .button{ 
  margin: 0px 8px 5px 0px;
  float: right;
  padding: 3px 5px;
  font-size: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.rowtext {
  padding: 0px 0px 3px 0px;
  font-size: 10pt;
  color: #606060;
}

.rtpadding {
  padding: 12px 0px 3px 0px;
}

.firstrl {
  margin-right: 20px;
}
.taskdialog>.rowelement{
  width:100%;
}
.taskdialog .firstrl>div{
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 235px;
}
.firstrm {
  margin-right: 25px;
}
.firstrr {
  margin-right: 5px;
}
.firstrl, .firstrm, .firstrr {
  display: inline-table;
}

.taskinput {
  width: 99%;
}

.deadlinedivleft {
  width: 30%;
  display: inline-block;
}

.deadlinedivright {
  display: inline-block;
  height: 14px;
}

.dateinput {
  width: 20%;
}

.taskfbdiv {
  width: 70%;
  display: inline-block;
}

.tkinstructions{
  resize: none;
  width: 99%;
  height: 70px;
}

#navrowtable a{
	color:#606060;
}

#navrow .search {
  width:18%;
}
#navrow .search .table, #navrow .search .inlineblock, input.topsearch {
  width:100%;
}
.datepickerinput {
  max-width: 120px;
}
.newTopicDialog {
  min-width: 360px;
  min-height: 190px;
}
.newWsDialog {
  min-width: 430px;
  min-height: 220px;
  overflow: auto !important;
}
.newTopicDialog .searchUsersArea textarea {
	pointer-events: none;
}
.previewNavigateButtons {
	display: inline;
}
.ddestFolder {
  padding: 0px 12px;
  font-weight: bold;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.uploadNewVersionFor {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
}
.uploadingToFolderName {
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: 20px;
  padding: 6px 6px;
}
.uploadingToFolderName span{
  max-width: 200px;
  display: block;
  text-overflow: ellipsis;
  overflow-x: hidden;
  float: left;
  margin-right: 4px;
}
.newTopicDialog .searchUsersDiv {
	width: 100%;
}
.versionactions>div{
  margin-right: 20px;
}

.shareDialog textarea{
  resize: none;
  overflow-y: auto;
}
.uploadImageDialog {
  max-height: 520px;
  overflow: auto;
}

.rotatedFreeHandNote {
  transform-origin: 0% 0%;
}
.rotatedFreeHandNote[data-rotation="1"] {
  transform: rotate(90deg);
  left: 100%;
}
.rotatedFreeHandNote[data-rotation="2"] {
  transform: rotate(180deg);
  left: 100%;
  top: 100%;
}
.rotatedFreeHandNote[data-rotation="3"] {
  transform: rotate(-90deg);
  top: 100%;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  div.DOMadditions {
    display: list-item;
    height:0px;
    position: -ms-page;
  }
  
  div.dialog .dialogBody.metadataDialog{
    -ms-overflow-style: scrollbar;
  }
}