/* @font-face {
    font-family: 'Arimo';
    src: url("../fonts/Arimo/Arimo-Regular.ttf");
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto/Roboto-Medium.ttf");
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto/Roboto-Medium.ttf");
}

@font-face {
    font-family: 'RobotoBold';
    src: url("../fonts/Roboto/Roboto-Bold.ttf");
}

@font-face {
    font-family: 'Heebo';
    src: url("../fonts/Heebo/Heebo-Regular.ttf");
}

@font-face {
    font-family: 'BreeSerif';
    src: url("../fonts/BreeSerif/BreeSerif-Regular.ttf");
} */

/** Add css rules here for your application. */
:root {
	--primary-color-100: #F5F9FF;
	--primary-color-200: #E3EEFF;
	--primary-color-250: #CACAED;
	--primary-color-400: #7773F2;
	--primary-color-500: #3B37E6;
	--primary-color-700: #16213D;

	--secondary-color-100: #F3F5F8;
	--secondary-color-200: #DDE2E6;
	--secondary-color-400: #B2BCC6;
	--secondary-color-500: #656C73;
	--secondary-color-700: #25282B;

	--palette-color-220: #47D2DD;
	--palette-color-green: #60C57C;
	--palette-color-malibu: #5ED0F9;
	--palette-color-pink: #FF80E3;

	--validation-color-red: #ED7B6F;
	--validation-color-green: #60C5BB;

	--additional-color-purple: #ECDEFF;
	--additional-color-green: #E7F7F5;
	--additional-color-coral: #FFDFD9;
	--additional-color-blue: #D7F7FF;
	--additional-color-pink: #FFF1FC;
	--additional-color-220: #EAFFFA;

	--main-font-family: Rubik, san-serif;

	--common-box-shadow: 0px 4px 16px 0px rgba(22, 33, 61, 0.1);
}

img[src*="/Clear.gif"] {
    position: absolute;
}

/** Example rules used by the template application (remove for your app) */
.border1{
	border:1px #0099FF solid; 
	height:100%;
	width:100%;
	margin:9px;
	border-radius:15px;
}
.PriorityLogo
{
	height:90px;
	width:181px;
	background-image:url('../images/Priority_HTML5.png');
	background-repeat:no-repeat;
	margin: 24px auto 16px auto;
}

.html-inline-block {
	white-space: pre-line
}

a + .html-inline-block {
	margin: 0 4px;
}

/**
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}
*/
.privTreeCellTextStyle {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-weight:bold;	
	font-size:11px;
	padding:1px 1px 2px 1px;
	margin-top:-25px;
	height:14px;
}
.privTreeCellTextStyle:hover{
	color:blue;
	text-shadow: 1px 1px 1px #808080;
}
.PrivtreeCellItem {
	border:1px #005A99 solid;
	padding:5px 4px 4px 4px;
	margin-top:-20px;
	margin-bottom:20px;
	/* border-radius:12px; */
}
.PrivtreeCellItem:hover {
	background-color: #00FFFF;
}
.entityTypeImageStyle{
	width: 19px;
    height: 20px;
    display: inline-block;
	vertical-align:bottom;
	padding-bottom:3px;
/* 	border-left:1px #005A99 dotted;
	border-right:1px #005A99 dotted;*/
}
.entityTypeImageStyle_mob{
	width: 30px;
    height: 19px;
    display: inline-block;
	vertical-align:bottom;
	padding-bottom:3px;
/* 	border-left:1px #005A99 dotted;
	border-right:1px #005A99 dotted;*/
}
.entityPrivImageStyle {
	/* margin: -6px 0px 6px 0px; */
	padding: 14px 0px 14px 5px;

}
.priTestMenu-menuButton {
	border-style: solid;
	border-color: yellow;
	
}
.priTestMenu-menuButtonText {
	vertical-align:middle
}

.priTestMenu-menuButtonImage {
	padding-left:4px; 
	vertical-align:middle
}
				
.gwt-PushButton-focused {
    font-weight: bold;
}
.titleText_EntitiyTitle
{
	color: #AFB3B5;
	font-size: 21pt;
	font-family: 'Heebo';
	display: inline;
	margin-left: 8px;
	margin-right: 8px;
	cursor:pointer;
	top: 2px;
	position: relative;
}
.titleText_EntitiyTitle + img
{
	position:relative;
	top
	4px;
}

.entityTitle_ProcImage
{
	width: 25px;
    height: 25px;
    top: 6px;
    position: relative;
}

.entityTitle_ReconAccount
{
	display: inline;
	vertical-align: sub;
	font-family: Arial;
	color:  #898a8a;
	font-size: 13pt;
	font-weight: 400;
}

.EscOption span:first-child
{
	color:black;
}
.F8Option span:first-child
{
	color:black;
	border-bottom-color: #C7D3D9;
}
.EscOption:hover
{
	background-color: #f2f5f6;
}
.F8Option:hover
{
	background-color: #f2f5f6;
}
.F8Option
{
	border-bottom: 1px solid #A3A4A4;
    padding: 2px;
}
.EscOption
{
	padding: 2px;
}

.entityTitleOptionsDiv
{
  border-radius: 2px;
  display: inline-block;
  border: 1px solid #a1a1a1;
  /* padding: 1px 0 1px 0; */
  top: 18px;
  position: absolute;
  cursor: pointer;
  /* height: 20px; */
  background-color:  rgba(223, 245, 253, 0);
  color: #65676d;
  stroke: #9b9ea3;
  fill: #9b9ea3;
}
.entityTitleOptionsDiv:hover td:first-child,
.entityTitleOptionsDiv_hover td:first-child {
   
    border-color: #bcecfe;
    background-color: #bcecfe;
    color: #182b35;
    stroke: #00adee;
    fill: #00adee;
}
.entityTitleOptionsDiv div:first-child
{
     display: inline;
     padding: 0 6px;
     position: relative;
     font-size: 12px;
     /* height: 100%; */
}

.entityTitleOptionsDiv svg
{
    position: relative;
    top: 2px;
    /* height: 100%; */
}
.entityTitleOptionsDiv td {
    vertical-align: middle !important;
}

/*mobile style*/
.titleText_EntitiyTitle_mobile
{
	color: #AFB3B5;
	font-size: 20pt;
	font-family: Arial;
	display: inline;
	margin-left: 8px;
	margin-right: 8px;
	cursor:pointer;
	position: relative;
	top: -6px;
}

.entityTitleOptionsDiv_mobile
{
	
 top:5px;
}
.entityTitleOptionsDiv_mobile div:first-child
{
   
     top: 1px;
    
}
.titleHolderStyle_Proc
{
	top: 10px !important;
    margin: 0px 15px 0 15px;
    padding: 0px 0 25px 0;
}
.titleHolderStyle_Proc .entityTitleOptionsDiv
{
	top: 8px;
}