.toolbar-font .x-btn-inner-default-toolbar-medium {
    font-size: 12px;
}

.grid-font .x-grid-item {
    font-size: 11px;
}

.archiveForms-icon-font {
	color: #919191;
}

.archiveForms-font .x-btn-inner {
    color: #5FA2DD;
    font-weight: 600;
}

.archiveForms-background{
    background-color : transparent;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border-color: #0000001e;
}

.archiveForms-background:hover{
    background-color : #f4f4f4;
}

.not-archiveForms-label{
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 2px;
    color: #00000099;
}

.archiveForms-background:focus{
    background-color : #e4e4e4;
}

.gridTopToolbar-background .x-btn-default-toolbar-medium{
    background-color : transparent !important;
}



.fileFieldMenuButton .x-btn-inner{
    color: black !important;
    font-size: 13px;
    font-weight: 300;
}

.fileFieldMenuBackgroundColor{
    background-color : transparent !important;
}

html[dir="ltr"] .fileFieldMenuContainer{
	left: 0px !important;
}

html[dir="rtl"] .fileFieldMenuContainer{
	right: -18px !important;
}

html[dir="ltr"] .fileFieldMenuIcon{
	margin-right: 14px !important;
}

html[dir="rtl"] .fileFieldMenuIcon{
	margin-left: 14px !important;
}

.addRelativeButton{
	background:transparent;
}

.gridTopToolbarSettingsSimpleButton{
	background-color:transparent !important;
}

.gridTopToolbarSettingsButton{
	background-color:transparent !important;
    transition: transform 0.3s linear;
}

.gridTopToolbarSettingsButton:hover{
	background-color:transparent !important;
	-ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
    transform: rotate(30deg);
}

.gridTopToolbar-quickAccess-button{
	border-radius: 6px
}

.gridTopToolbar-remove-button{
	color:#5FA2DD !important;
	font-size: 22px !important;
}

.gridTopToolbar-menu-button {
	background-color:transparent;
	padding-left: 4px;
	padding-right: 4px;
}

.gridTopToolbar-menu-button .x-btn-inner-default-toolbar-small{
	color: #5FA2DD !important;
}

.dropFilesMask {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    cursor: default;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:white;
    text-align: center;
}

.dropFilesMask:before {
    content: "\f093 \A \f0c5   \f0c5"; 
    font-family: FontAwesome;
    font-size: 70px;
    color: #5fa2dd;
    position: relative;
	top: 45%; 
	display: block;
	white-space: pre;
	line-height: 80px;
}

.dropTermsMask {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    cursor: default;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:white;
    text-align: center;
}

.dropTermsMask:before {
    content: "\f002"; 
    font-family: FontAwesome;
    font-size: 80px;
    color: #5fa2dd;
    position: relative;
	top: 50%;
}

.relativeTermsToolbar {
	background-color: #5fa2dd;
	color: #f0f0f0;
	font-size: 16px;
	font-weight: 400;
}

.relativeTermsToolbarBtn{
	background-color: transparent !important;
}

.relativeTermsToolbarBtnDisabled{
	background-color: transparent !important;
}

.relativeTermsToolbarBtn:hover{
	background-color: transparent;
}

.relativeTermsToolbarIcon{
	color: #f0f0f0;
}

.relativeTermsToolbarIcon:hover{
	color: white;
}

.relativeTermsGrid {
	box-shadow: 0px 0px 8px 3px #5fa2dd;
	border-radius: 10px;
}

.actionColIcon {
    height: 16px; 
    font-weight : 100; /*statndard font-weight sp that it is not affected by the row style!*/
    width: 16px;
    margin-right: 4px;
    margin-left: 4px;
    transition: transform 0.2s ease;
}

.middleCol {
   padding-left: 50% 
   
}

.actionColIcon:hover {
    transform:scale(1.1,1.1);
}

.lowPriority {
	color: #5FA2DD
}

.normalPriority {
	color: #429B76
}

.highPriority {
	color: #CC4C33
}

div.routing-row-body-priority {
	float: left;
    margin-left: 20px;
    width: 20px;
}

div.routing-row-body-subject {
	float: left;
    font-weight: 600;
}

/*Font icons colors*/
.attachment-fontIcon-color {
	color: #4f9ee2 !important
}

.case-fontIcon-color {
	color: #4B7985 !important
}

.default-fontIcon-color {
	color: #00000099 !important
}

.white-fontIcon-color {
	color: #fff !important
}

.large-file-field {
	box-shadow: 0px 5px 6px 0px #bbbbbb;
	border-radius: 26px
}

.rounded_meterial-toolbar-button {
	box-shadow: 0px 3px 4px 0px #bbbbbb;
	border-radius: 18px
}

.rounded_meterial-toolbar-button-blue {
	background-color:#5fa2dd;
}

.rounded_meterial-toolbar-button-blue:hover {
	background-color:#4392d8;
}

.x-btn-pressed.rounded_meterial-toolbar-button-blue {
	background-color:#2c84d3!important;
}

.defaultNodeTree-fontIcon-color {
	color: #919191 !important
}

.nonArchived-fontIcon-color {
	color: #15986D !important;
}


.fav-fontIcon-color {
	color : #ECEF17 !important;
}


.inProcess-fontIcon-color {
	color : #0C925B !important;
}


.dispatched-fontIcon-color {
	color : #4F5B56 !important;	
}

.locked-fontIcon-color  {
	
	color : #E9B25B !important;		
}

.gear-fontIcon-color {
	color : #0094FF !important;		
}

.normal-fontIcon-color {
	color : #4F5B56 !important;	
}

.expireInWeek-fontIcon-color {
	color : #E2873A !important;
	
}

.folderLibrary-fontIcon-color {
	color : #E2A50F !important;
}

.favorite-fontIcon-color {
	color : #E2A50F !important;
}

.folderQuery-fontIcon-color {
	
	color: #6781B4 !important
}

.myDocs-fontIcon-color {	
	color: #6781B4 !important
}

.workflowStep-fontIcon-color {	
	color: #5FA2DD !important
}

.inbox-fontIcon-color {	
	color:#55AC88 !important
}

.onbehalf-fontIcon-color {	
	color:#855A9F !important
}
.outbox-fontIcon-color {	 
	color:#8C51AA !important  
} 

.treeCursor {	
	cursor:pointer
}

.usersGroupsTagField-disabled{
	opacity: .90 !important;
	-moz-opacity: .90 !important;
	filter: alpha(opacity=90) !important;
	background-color: transparent;
}

/**Grid actions**/

/*action basic properties*/
span.action-button{
	cursor:pointer;
	font-weight:300;
	color:#919191;
	font-size:18px;
	width: 18px;
}

/*action on hover*/
span.action-button:hover{
	color:black;
}

/*text cell*/
.x-grid-cell.action-hover .basic-cell {
   flex: 1;
   overflow:hidden;
   text-overflow:ellipsis;
}

/*action cell hidden*/
.x-grid-cell.action-hover .action-button {
    display: none;
}

/*action cell display on hover*/
.x-grid-cell.action-hover:hover .action-button {
    display: inline-block;
}

/*flex container that wraps text and action*/
.flex-container {
	display: flex;
}

/*Search tool in SearchPanel. Overrides font weight*/
.search-tool .x-tool-search{
	font-weight: bold;
}

/*Search tool in SearchPanel. Overrides font weight*/
.report-tool .x-tool-report{
	font-weight: bold;
}

/**login**/

/*credential screens icons*/
.text-field-icon {
	cursor: auto;
	color: #e5e5e5;
	font-size: 30px;
	left: -10px;
	position: relative;
	background: transparent;
	top: 10px;
}

.login-text-field {
	font-size: 16px;
}

.text-field-icon-small {
	cursor: auto;
	color: #e5e5e5;
	font-size: 22px;
	left: -10px;
	position: relative;
	background: transparent;
}

.login-btn .x-btn-inner-default-small{
	font-size: 16px !important;
	line-height: 35px !important;
	height: 35px !important;
}

.login-oauth-btn {
	background-color: white  !important;
}

.login-oauth-btn .x-btn-inner-default-small{
	color: #5897CE;
	font-weight: 700;
}

.otp-creation-message {
	
	font-weight: 600;
	text-align: center;
}

/*InfoToolbar*/
.info-toolbar-button {
	border:0px;
	background-color: transparent;
}

.info-toolbar-button-active{
	color: #5FA2DD !important;
}

.delegateRow {
	color: Green;
}

.onBehalfRow {
	color: purple;
}

.unreadRow {
	font-weight: bold;
}

.expired {
	color: Red;
}

.checkedField {
	background-color: #FDF8AA;
}

.none {
	visibility: hidden;
}

.disabled {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5f5f5f;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #5f5f5f;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eeeeee;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	background-color: #D0D0D0;
	color: #8F8F8F;
	font-family: Arial;
	font-size: 11px;
	color: navy;
	letter-spacing: 0px;
	word-spacing: 4px;
}

.mapSearch {
	margin-top: 16px;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 32px;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#search-box {
	background-color: #fff;
	font-family: Roboto;
	margin-left: 12px;
	font-size: 15px;
	font-weight: 300;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	width: 400px;
	z-index: 1000;
}

#search-box:focus {
	border-color: #4d90fe;
}

.pac-container {
	font-family: Roboto;
	z-index: 100000 !important;
}

#type-selector {
	color: #fff;
	background-color: #4d90fe;
	padding: 5px 11px 0px 11px;
}

#type-selector label {
	font-family: Roboto;
	font-size: 13px;
	font-weight: 300;
}


.commentsText .x-form-trigger-wrap-default {
	border-width: 0px !important;
	border-style: ridge !important;
	border-color: #d0d0d0 !important; 
}

.commentsText .x-form-text-default {
	color: #404040; 
    padding: 0px 0px 0px !important ;
    background-color: #fff; 
    font-size: 12px !important ;
    min-height: 30px;
}

.commentsBar .x-btn-default-toolbar-small {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0 !important;
	padding: 5px 5px 0px 0px;
	border-width: 0px;
	border-style: solid;
	background-color: transparent;
}
 
/*  .commentsPanel .x-panel-header-default { */
/*      padding: 2px 2px 2px !important; */
/*      background-image: none !important; */
/*      background-color: fuchsia !important; */
/*  } */

.commentsTree .x-tree-icon-leaf:before {
	display: none;
}

.commentsTree .x-tree-icon-parent-expanded:before {
	display: none;
}

.commentsTree .x-tree-icon-parent {
	display: none;
}

.commentsTree .x-tree-icon {
	width: 0px;
	line-height: 32px !important ;
	color: #5fa2dd;
	font-size: 16px;
}

.commentsTree .x-tree-node-text {
	font-size: 10px;
}

 

.commentsTree .x-grid-cell-inner {
	padding : 5px 0px 0px 5px  !important;
	position: relative;
    text-overflow: ellipsis;
}

.x-form-empty-field {
	font-style: italic;
}

.label-font-normal {
	font-size:12px;  
}

.label-font-green {
	font-size:12px; 
	color: #008000; 
}


.label-font-bold-green {
	font-size:13px; 
	color: #008000;
	font-weight: bold;
}
 
 .label-font-red {
	font-size:12px; 
	color: red; 
}
 
 
.label-font-bold{
	font-size:13px;  
	font-weight: bold;
}
 
.treeShort .x-grid-cell-inner {
    position: relative !important;
    text-overflow: ellipsis !important; 
    height:40px;
    text-align: left; 
} 
 
 .dynamicSearchTree .x-grid-row {
 	cursor:pointer!important;
 }
 
 
.transparentFieldSet {
	  background-color : transparent !important;
}

.commentsPanel .x-panel-body-default  { 
    border-width: 0px !important; 
} 

.badge {
    margin-left: 15px;
    padding: 2px 6px 3px;
    font-size: 10px;
    font-weight: normal;
    white-space: nowrap;
    color: rgb(242,242,242);
    background-color: #F08080;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 5px; 
}

/*Remove focus borders*/
*{
  	outline: none !important;
}
  
.x-grid-item-focused .x-grid-cell-inner:before {     
      display: none; 
}


.unsaved-font:after{ 
	color: red;
	
	font-weight: bold;
    content: "*";
}

/**Material design buttons**/

/*Contained*/
.papyros-contained-button {
	border-radius: 4px;
	border-style: none !important;
	background-color: rgb(95, 162 , 221) !important; /*=#5fa2dd*/
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20) !important;
}

.papyros-contained-button .x-btn-inner{
	color: #ffffff !important;
}

.papyros-contained-button .x-btn-icon-el{
	color: #ffffff !important;
}

.papyros-contained-button:hover {
	background-color: rgb(87, 149, 203) !important;
}

.papyros-contained-button:active {
	background-color: rgb(79, 136 , 185) !important;
	box-shadow: none !important;
}

.papyros-contained-button.x-btn-disabled {
	opacity: 1 !important;
	box-shadow: none !important;
	background-color: #0000001e !important;
}

.papyros-contained-button.x-btn-disabled .x-btn-inner {
	color: #00000099 !important;
}

.papyros-contained-button.x-btn-disabled .x-btn-icon-el {
	color: #00000099 !important;
}

/*Outlined*/
.papyros-outlined-button {
	border-radius: 4px;
	background-color: transparent !important;
	border-color: #0000001e !important;
	box-shadow: none !important;
}

.papyros-outlined-button .x-btn-inner{
	color: #5fa2dd !important;
}

.papyros-outlined-button .x-btn-icon-el{
	color: #5fa2dd !important;
}

.papyros-outlined-button.x-btn-disabled {
	opacity: 1 !important;
}

.papyros-outlined-button.x-btn-disabled .x-btn-inner {
	color: #00000099 !important;
}

.papyros-outlined-button.x-btn-disabled .x-btn-icon-el {
	color: #00000099 !important;
}

.papyros-outlined-button:hover {
	background-color: rgba(87, 149, 203, 0.1) !important;
}

.papyros-outlined-button:active {
	background-color: rgba(79, 136 , 185, 0.2) !important;
	box-shadow: none !important;
}

/*text*/
.papyros-text-button {
	background-color: transparent !important;
	border-style: none !important;
	box-shadow: none !important;
}

.papyros-text-button .x-btn-inner{
	color: #5fa2dd;
}

.papyros-text-button .x-btn-icon-el{
	color: #5fa2dd !important;
}

.papyros-text-button.x-btn-disabled {
	opacity: 1 !important;
}

.papyros-text-button.x-btn-disabled .x-btn-inner {
	color: #0000001e !important;
}

.papyros-text-button.x-btn-disabled .x-btn-icon-el {
	color: #0000001e !important;
}

.papyros-text-button:hover {
	background-color: rgba(87, 149, 203, 0.1) !important;
}

.papyros-text-button:active {
	background-color: rgba(79, 136 , 185, 0.2) !important;
	box-shadow: none !important;
}

/*FAB*/
.papyros-fab{ /*does not containt position (bottom - right) specify on button-specific style*/ 
	width:56px;
    height: 56px;  
    position: absolute; 
    border-radius: 50%;
    z-index: 1000 !important;
    background-color: rgba(256, 106, 80) !important;
    border-style: none;
    visibility: visible;
    transform: scale(1,1);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.20) !important;
    transition: transform 125ms cubic-bezier(0.0, 0.0, 0.2, 1) 125ms, visibility 0s ease 125ms, height 125ms cubic-bezier(0.4, 0.0, 0.2, 1) 400ms, width 125ms cubic-bezier(0.4, 0.0, 0.2, 1) 400ms, right 125ms cubic-bezier(0.4, 0.0, 0.2, 1) 400ms;
}

.papyros-fab-hide{
    visibility: hidden;
    transform: scale(0,0);
    transition: transform 125ms cubic-bezier(0.4, 0.0, 1, 1), visibility 0s ease 125ms;
}

.papyros-fab .x-btn-inner{
	color: #ffffff !important;
}

.papyros-fab .x-btn-icon-el{
	color: #ffffff !important;
}

.papyros-fab:hover {
	background-color: rgb(248, 93, 62) !important;
}

.papyros-fab:active {
	background-color: rgb(240, 80, 44) !important;
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12), 0 1px 8px 0 rgba(0,0,0,0.20) !important;
}

/*Toggled*/
.papyros-toggled-button {
	background-color: transparent !important;
	border-color: #0000001e !important;
	box-shadow: none !important;
}

.papyros-toggled-button .x-btn-inner{
	color: #5fa2dd !important;
}

.papyros-toggled-button .x-btn-icon-el{
	color: #5fa2dd !important;
}

.papyros-toggled-button.x-btn-disabled {
	opacity: 1 !important;
}

.papyros-toggled-button.x-btn-disabled .x-btn-inner {
	color: #00000099 !important;
}

.papyros-toggled-button.x-btn-disabled .x-btn-icon-el {
	color: #00000099 !important;
}

.papyros-toggled-button:hover {
	background-color: rgba(87, 149, 203, 0.1) !important;
}

.papyros-toggled-button:active {
	background-color: rgba(79, 136 , 185, 0.2) !important;
	box-shadow: none !important;
}

.papyros-toggled-button.x-btn-pressed {
	background-color: rgba(79, 136 , 185, 0.2) !important;
	box-shadow: none !important;
}

/*Servers admin*/

.systemUser {
	color: red;
}

.server-up {
	font-size:18x;  
}

.server-down {
	font-size:18px;  
}

.metadataCls .x-border-layout-ct { 
	background-color:  white  !important;
	
}

/*Pdf viewer*/

.fv__ui-contextmenu{
	z-index: 49001 !important;
}

.fv__thumb-page{
	border-style: solid;
	border-color: #5fa2dd;
}

.fv__ui-sidebar{
	background: white;
}

.viewer-toolbar-separator{
    border-right-style: outset;
    border-right-width: 1px;
    margin: 5px;
}

.fv__ui-toolbar{
	background: white;
}

/*Splitter */

.x-splitter .x-collapse-el{
	background-color: #5fa2dd !important;
}

.x-splitter .x-collapse-el:before{
	color:  white !important;
}

.papyros-grid-icon {
	font-weight: normal;
}

.papyros-grid-icon-clickable {
	cursor: pointer;
}

/* Size classes */
.papyros-grid-icon-size-12 { font-size: 12px; }
.papyros-grid-icon-size-14 { font-size: 14px; }
.papyros-grid-icon-size-16 { font-size: 16px; }
.papyros-grid-icon-size-18 { font-size: 18px; }
.papyros-grid-icon-size-20 { font-size: 20px; }

/* Common colors */
.papyros-grid-icon-3FA67C { color: #3FA67C; }
.papyros-grid-icon-A63F45 { color: #A63F45; }
.papyros-grid-icon-4B7985 { color: #4B7985; }
.papyros-grid-icon-5FA2DD { color: #5FA2DD; }
.papyros-grid-icon-808080 { color: #808080; }
.papyros-grid-icon-8BCBB1 { color: #8BCBB1; }
.papyros-grid-icon-CC0700 { color: #CC0700; }
.papyros-grid-icon-666A6E { color: #666A6E; }
.papyros-grid-icon-3A619D { color: #3A619D; }
.papyros-grid-icon-3F855E { color: #3F855E; }
.papyros-grid-icon-E8B058 { color: #E8B058; }
.papyros-grid-icon-E8B159 { color: #E8B159; }
.papyros-grid-icon-D24122 { color: #D24122; }
.papyros-grid-icon-429B76 { color: #429B76; }
.papyros-grid-icon-0094FF { color: #0094FF; }
.papyros-grid-icon-4F5B56 { color: #4F5B56; }
.papyros-grid-icon-E9B25B { color: #E9B25B; }