.fa {
    font-size: 1.0vw !important;
    font: normal normal normal 1vw FontAwesome;
}
.fa-small {
    font-size: .75vw !important;
    font: normal normal normal .75vw FontAwesome;
}    

/****************************************************** dialogs *******************************************************************/
.ui-dialog {
    oveflow:visible !important;
	position: absolute;
	top: 0;
	left: 0;
	/* padding: .2em; */
	padding: 0 !important;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em !important;
	position: relative !important;
	background: #01329E !important;
	height: 2.3vw !important;
	overflow:visible;
	font: 1vw arial, sans-serif !important;
	/* background-image:url("/media/images/comp.jpg"); */

}
.ui-dialog .ui-dialog-title {
	float: left !important;
	margin: .1em 0 !important;
	/* white-space: nowrap; */
	position: absolute !important;
	left:35% !important;
	width: 30% !important;
	height: 100% !important;
	overflow: visible;
	text-overflow: ellipsis;
	color: #ffffff !important;
	font: bold 1vw arial, sans-serif !important;
	text-align: center !important;
}

.ui-dialog[aria-describedby="idletimer_warning_dialog"] {
        border: 1px solid #01329E !important;
}
.ui-dialog[aria-describedby="idletimer_warning_dialog"] .ui-dialog-title {
	float: left !important;
	margin: .1em 0 !important;
	/* white-space: nowrap; */
	left: 19% !important;
	right: 19% !important;
	width: 60% !important;
	height: 100% !important;
	overflow: visible;
	text-overflow: ellipsis;
	color: #ffffff !important;
	font: bold .90vw arial, sans-serif !important;
	text-align: center !important;
}

.ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
    font-size:20px;
    color:#01329E !important;
    background-color: white !important;
    z-index: 1001;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid black;
    background: white;
    font-weight: normal;
    color: #2b2b2b;
}
.ui-dialog-titlebar-close::hover {
    background-color:red !important;
    z-index: 1001;
}

.ui-dialog-buttonset {
    left:35% !important;
    right:35% !important;
    text-aligh: center;
}
.ui-dialog .ui-dialog-buttonpane { 
    text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none;
}
.ui-dialog .ui-dialog-buttonpane button {
    background-color: #01329E;
    color: #FFFFFF;
    font: .75vw arial, sans-serif !important;
    padding: 6px 12px;
}
.ui-dialog .ui-dialog-buttonpane button:focus,.ui-dialog .ui-dialog-buttonpane button:hover  {
    color:red;
}

.ui-dialog[aria-describedby="fieldList"] .ui-dialog-title {
    position:absolute !important;
    left:15px !important;
}

.ui-dialog[aria-describedby="docClassifyDialog"] .ui-dialog-title,.ui-dialog[aria-describedby="docClassifyDialog2"] .ui-dialog-title {
    position:absolute !important;
    left:10% !important;
    right:10% !important;
    width: 80% !important;
    text-align: center !important;
}

.ui-dialog[aria-describedby="dealAddModal"] {
    border: 2px solid #01329E !important;
}
.ui-dialog[aria-describedby="docClassifyDialog2"] {
    border: 2px solid #01329E !important;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon {
    background-image: url("../../external/jquery-ui/images/ui-icons_cc0000_256x240.png");
}


.ui-dialog.manageDealProvisions {
    width: 100% !important;
    height: 100% !important;
}

.ui-dialog.examineExceptions {
    width: 95% !important;
    height: 70% !important;
    border: 1px solid #01329E !important;
    display: none;
    overflow:hidden;
    padding: 0 !important;
    position: absolute !important;
    top: 20% !important;
    left: 2% !important;
	
}


/* .ui-dialog.examineExceptions .tabulator .tabulator-header .tabulator-col { */
/*     background-color:#798EE5 !important; */
/*     color: #01297F !important; */
/*     font: bold .9vw arial, sans-serif !important; */
/* } */

.ui-dialog.examineExceptions .ui-dialog-titlebar {
    background: #01297F !important;
    height: 3.5vh !important;
    padding: .5vh .5vh !important;
    border-bottom: 1px solid red !important;
    font-style: italic !important;
}

#docExceptionDialog {
    padding: 0 !important;
    display:none;

}

#exceptionTable {
    width: 100%;
    font: .85vw arial, sans-serif !important;
}
/* #exceptionTable td, #exceptionTable th { */
/*     padding: 3px 6px !important; */
/* } */

#exceptionTable td.user,#exceptionTable td.timestamp ,#exceptionTable td.document_title {
    white-space: nowrap;
}
    
.ui-dialog.manageDealProvisions .ui-dialog-titlebar {
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    background: #01329E !important;
    height: 4vh !important;
    overflow:visible;
    font: 1vw arial, sans-serif !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;

    /* background-image:url("/media/images/comp.jpg"); */
    
}

.ui-dialog.manageDealProvisions .ui-dialog-title {
	float: left !important;
	margin: 0 !important;
	/* white-space: nowrap; */
	position: absolute !important;
	left:35% !important;
	width: 30% !important;
	height: 60% !important;
	top: 20% !important;
	overflow: visible;
	text-overflow: ellipsis;
	color: #ffffff !important;
	font: bold 1vw arial, sans-serif !important;
	text-align: center !important;
}


/****************************************************** end dialogs *******************************************************************/
/****************************************************** dropdown elements *******************************************************************/
.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;  padding: 0.25rem 1.5rem;
  color: #212529;
}

/****************************************************** end dropdown elements *******************************************************************/
/****************************************************** tabulator *******************************************************************/

table.table-fixedheader {
    width: 100%;
}

#provisions .tabulator-row.tabulator-group{
    font-weight: bold !important;
    color:black !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
    background-color: #798EE5 !important;
    background-color:#95a6ee !important;
    /* height: 15px; */
    padding: 3px 3px;
}
.tabulator-row.tabulator-group span {
    margin-left:2px !important;
    color:black;
    color:#000b3e !important;
    /* color: #011765 !important; */
    
}
#provisions .tabulator-group-toggle {
    display:none;
}
.provisionHeaderRow {
    height: 15px !important;
}
#provisions {
    padding:0 !important;
}

 table.table-fixedheader, table.table-fixedheader>thead, table.table-fixedheader>tbody, table.table-fixedheader>thead>tr, table.table-fixedheader>tbody>tr, table.table-fixedheader>thead>tr>th, table.table-fixedheader>tbody>td {
    display: block;
}
table.table-fixedheader>thead>tr:after, table.table-fixedheader>tbody>tr:after {
    content:' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.tabulator-row.tabulator-group.tabulator-group-level-0.tabulator-group-visible.tabulator-row-odd {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.tabulator-row-even {
    background-color:white !important;
    color:black !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
}
.tabulator-row-odd {
    background-color:#eaedfb !important;
    color:black !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
}
.tabulator-parent {
    color:  #01329E !important;
    font-weight: bold;
    font-style: italic;
}
.tabulator-cell .fa-plus-square, .tabulator-cell .fa-minus-square {
    margin-top: .05vh !important;
    margin-right: .3vw !important;
    color:  #01329E !important;
}

.tabulator-frozen-rows-holder .tabulator-row .tabulator-cell{
    background-color: white !important;
    font: .85vw arial, sans-serif !important;
    font-weight: bold !important;
    color: #01329E !important;
}
.tabulator-selectable.tabulator-selected {
    background-color:#ccccff !important;
    background-color: #ccbef3 !important;
}
.tabulator-selected {
    background-color:#ccccff !important;
    background-color: #ccbef3 !important;

}
    
.tabulator-header  .tabulator-col {
    background-color:#798EE5 !important;
    background-color:#95a6ee !important;

    color:black !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
    padding: 0 !important;
}
.tabulator-header {
    background-color:#798EE5 !important;
    background-color:#95a6ee !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
}



.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
    white-space: normal;
}

.tabulator-cell {
    padding:3px !important;
}

.tabulator-row .tabulator-cell a {
    color: #01329E;
    text-decoration: none;
}
.tabulator-row .tabulator-cell a:hover, .tabulator-row .tabulator-cell a:focus {
    color: red;
    text-decoration: underline;
}

.tabulator-tableHolder {
    overflow-x:hidden !important;
    background-color:white !important;
}
#provisions .tabulator-row-even,#provisions .tabulator-row-odd {
    background-color:white !important;
    color:black !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
}
#provisions .tabulator-cell {
    border:0 !important;
}
#provisions .tabulator-row.placeHolder {
    color: red !important;

}

#provisions .tabulator-row.explicitNull {
    color: #870505 !important;
    font-style: italic !important;
}
#provisions .tabulator-row.deletedAnnotation .provisionText{
    text-decoration: line-through !important;
    font-style: italic !important;
    color: #a61308 !important;

}

#provisions .tabulator-row .tabulator-cell {
    /* padding: 0 !important; */
    padding-top: .7% !important;
    padding-bottom: .5% !important;
    padding-left: .6% !important;
    padding-right: .6% !important;
    minWidth: 10;
    /* box-sizing: border-box; */
    /* padding:5px !important; */
}

#provisions .tabulator-table {
    width: 100% !important;
}

.tabulator-row[data-pending]>.tabulator-cell[tabulator-field="provision_count"] {
    color:red !important;
    font-weight:700;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
    border-bottom-left-radius: 1px;
    border-left: 2px solid red !important;
    border-bottom: 2px solid red !important;

}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
    padding-right: 10px !important;
}

.tabulator-row {
    font: .91vw arial, sans-serif !important;
    min-height: 5px !important;
    font-weight: 400 !important;

}
.tabulator-cell {
    min-height: 5px !important;
}

.tabulator-cell a textarea {
    border: none !important;
    outline: none !important;
    margin: 0;
    padding: 0;
}

#rentRollTable .tableProvision table {
    background: transparent !important;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: .80vw !important;
    font-weight: normal !important;
    height: auto !important;
    display:"" !important;
    white-space:nowrap;
    max-height: 200px !important;
    color: #01329E !important;

}
#rentRollTable .tableProvision table th,#rentRollTable .tableProvision table td{
    height: auto !important;
    padding: 2px 6px;
    font-weight: normal !important;
}
#rentRollTable .tableProvision table th {
    text-decoration: underline !important;
}
#rentRollTable .tableProvision table:hover {
    color: red !important;
}

#loanTable .tabulator-row,#inverseLoanTable .tabulator-row {
    height: 6vh;
    max-height: 14vh !important;
}
#dealPropertyTable .tabulator-row{
    max-height: 6vh !important;
    overflow-y: hidden;
}
#rentRollTable .tabulator-row {
    height: 6vh;
    max-height: 10vh !important;
}

#rentRollTable .tabulator-cell,#loanTable .tabulator-cell,#inverseLoanTable .tabulator-cell,#dealPropertyTable .tabulator-cell {
    height: 100% !important;
    overflow-y: auto !important;
}
.tableProvision {
    white-space: pre-wrap;
    word-break: normal;
    width: 100% !important;
}
.tableFixedHeight {
    height: 10vh !important;
}
/* .bigProvision { */
/*     white-space: pre-wrap; */
/*     /\* overflow-y: scroll; *\/ */
/*     word-break: normal; */
/*     /\* max-height: 10vh !important; *\/ */
/* } */
.multiProvision {
    margin-bottom: .5vh !important;
}
.scrollProvision {
    white-space: pre-wrap;
    overflow-y: scroll;
    word-break: normal;
    height:100%;
}

.tabulator-child {
    font-style: italic !important;
    background-color: #f7f0ff !important;
    /* background-color: #ecedf5 !important; */
}
.tabulator-deleted-doc,.tabulator-deleted-doc>div.tabulator-cell a {
    text-decoration:line-through !important;
}


/****************************************************** end tabulator *******************************************************************/
/************************************Select Menu and Tether **********************************************************/
.select_button { display: block; }
.selection-menu {
  font: 1vw Roboto, sans-serif;
  color: white;
  position: absolute;
  top:20%;
  padding-top:5px !important;
  padding-bottom:5px !important;

  width: 350px;
  height: 85%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color:#f4f2f2;
  border: 2px solid #01329E; */
}
.selection-menu img {
  width: 37px;
}
.selection-menu:hover {
  color: #B3B3B3;
}
.selection-menu ul {
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: block;
  margin: 0;
  padding: 2px;
  width:100%
}
.selection-menu li {
  all: unset;
  cursor: pointer;
  width:100%;
  display: block;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  background: none;
}

.selection-menu li.shortcut {
  font-weight: bold;
}
.selection-menu li:first-child {
  border: none;
  padding: 0 ;
  margin: auto;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.selection-menu li a {
  display: block;
}
.selection-menu > li:hover {
  background: #3FA9F5;
  color: white;
}
.selection-menu > li.subMenuParent:hover {
  background: unset;
}
/* don't highlight the image */
.selection-menu li:first-child:hover {
  background: transparent;
}

li.provisionSelectMenuItem,.provisionOption {
    display:block;
}
li.provisionSelectMenuItem.dormant,.provisionOption.dormant {
    display:none;
}
.provisionOption.required {
    font-weight: bold;
}
li.provisionSelectMenuItem[data-required="1"] {
    font-weight:bold !important;
}
li.provisionSelectMenuItem.subMenuItem{
    text-indent: 5% !important;
}
li.subMenuParent {
    text-decoration: underline !important;
    font-weight: bold !important;
}
li.subMenuParent>a:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  /* content: '\f00e'; */
  /*   font-family: FontAwesome; */
  /*   font-style: normal; */
  /*   font-weight: normal; */
  /*   margin-left: 5%; */
  /*   text-decoration: inherit; */
  /*   color:black; */
}
.subMenuParent li.provisionSelectMenuItem {
    display:block !important;
    font-weight:normal !important;
}
.subMenuParent li.provisionSelectMenuItem[data-required="1"] {
    font-weight:bold !important;
}


li.subMenuParent ul.subMenu {
    display:none;
    /* display:block; */
    /* visibility:hidden; */
    background-color:#f4f2f2;
    /* height:0; */

}
li.subMenuParent.openMenu ul.subMenu {
    display:block;
    /* display:block; */
    /* visibility:hidden; */
    background-color:#f4f2f2;
    /* height:0; */

}

/* li.subMenuParent:hover ul { */
/*     /\* transition-delay:200ms !important; *\/ */
/*     color: white; */
/*     background-color:#f4f2f2; */
/*     /\* visibility:visible; *\/ */
/*     /\* height:auto; *\/ */
/*     display:block; */
/* } */

li.subMenuParent:hover ul li:hover{
    background: #3FA9F5;
    color: white;
}

.tether-smenu-element,
.tether-smenu-element:after,
.tether-smenu-element:before,
.tether-smenu-element *,
.tether-smenu-element *:after,
.tether-smenu-element *:before {
  box-sizing: border-box;
}
.tether-smenu-element > * {
  position: relative;
  background: #e3e3e3;
  -webkit-filter: drop-shadow(0 20px 20px rgba(0, 0, 0, 0.7));
  filter: drop-shadow(0 20px 20px rgba(0, 0, 0, 0.7));
}
.tether-smenu-element > *:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-width: 16px;
  border-style: solid;
}
.tether-smenu-element.tether-smenu-element-attached-bottom.tether-smenu-element-attached-center > ul {
  margin-bottom: 16px;
}
.tether-smenu-element.tether-smenu-element-attached-bottom.tether-smenu-element-attached-center > ul:before {
  top: 100%;
  left: 50%;
  margin-left: -16px;
  border-top-color: #464646;
}
.tether-smenu-element.tether-smenu-element-attached-top.tether-smenu-element-attached-center > * {
  margin-top: 16px;
}
.tether-smenu-element.tether-smenu-element-attached-top.tether-smenu-element-attached-center > *:before {
  bottom: 100%;
  left: 50%;
  margin-left: -16px;
  border-bottom-color: #464646;
}
.tether-smenu-element.tether-smenu-element-attached-right.tether-smenu-element-attached-middle > * {
  margin-right: 16px;
}
.tether-smenu-element.tether-smenu-element-attached-right.tether-smenu-element-attached-middle > *:before {
  left: 100%;
  top: 50%;
  margin-top: -16px;
  border-left-color: #464646;
}
.tether-smenu-element.tether-smenu-element-attached-left.tether-smenu-element-attached-middle > * {
  margin-left: 16px;
}
.tether-smenu-element.tether-smenu-element-attached-left.tether-smenu-element-attached-middle > *:before {
  right: 100%;
  top: 50%;
  margin-top: -16px;
  border-right-color: #464646;
}
.tether-smenu-element.tether-smenu-element-attached-top.tether-smenu-element-attached-left.tether-smenu-target-attached-bottom > * {
  margin-top: 16px;
}
.tether-smenu-element.tether-smenu-element-attached-top.tether-smenu-element-attached-left.tether-smenu-target-attached-bottom > *:before {
  bottom: 100%;
  left: 16px;
  border-bottom-color: #464646;
}
.tether-smenu-element.tether-smenu-element-attached-top.tether-smenu-element-attached-right.tether-smenu-target-attached-bottom > * {
  margin-top: 16px;
}
.tether-smenu-element.tether-smenu-element-attached-top.tether-smenu-element-attached-right.tether-smenu-target-attached-bottom > *:before {
  bottom: 100%;
  right: 16px;
  border-bottom-color: #464646;
}
.tether-smenu-element.tether-smenu-element-attached-bottom.tether-smenu-element-attached-left.tether-smenu-target-attached-top > * {
  margin-bottom: 16px;
}
.tether-smenu-element.tether-smenu-element-attached-bottom.tether-smenu-element-attached-left.tether-smenu-target-attached-top > *:before {
  top: 100%;
  left: 16px;
  border-top-color: #464646;
}
.tether-smenu-element.tether-smenu-element-attached-bottom.tether-smenu-element-attached-right.tether-smenu-target-attached-top > * {
  margin-bottom: 16px;
}
.tether-smenu-element.tether-smenu-element-attached-bottom.tether-smenu-element-attached-right.tether-smenu-target-attached-top > *:before {
  top: 100%;
  right: 16px;
  border-top-color: #464646;
}
.tether-smenu-element.tether-smenu-element-attached-top.tether-smenu-element-attached-right.tether-smenu-target-attached-left > * {
  margin-right: 16px;
}
.tether-smenu-element.tether-smenu-element-attached-top.tether-smenu-element-attached-right.tether-smenu-target-attached-left > *:before {
  top: 16px;
  left: 100%;
  border-left-color: #464646;
}
.tether-smenu-element.tether-smenu-element-attached-top.tether-smenu-element-attached-left.tether-smenu-target-attached-right > * {
  margin-left: 16px;
}
.tether-smenu-element.tether-smenu-element-attached-top.tether-smenu-element-attached-left.tether-smenu-target-attached-right > *:before {
  top: 16px;
  right: 100%;
  border-right-color: #464646;
}
.tether-smenu-element.tether-smenu-element-attached-bottom.tether-smenu-element-attached-right.tether-smenu-target-attached-left > * {
  margin-right: 16px;
}
.tether-smenu-element.tether-smenu-element-attached-bottom.tether-smenu-element-attached-right.tether-smenu-target-attached-left > *:before {
  bottom: 16px;
  left: 100%;
  border-left-color: #464646;
}
.tether-smenu-element.tether-smenu-element-attached-bottom.tether-smenu-element-attached-left.tether-smenu-target-attached-right > * {
  margin-left: 16px;
}
.tether-smenu-element.tether-smenu-element-attached-bottom.tether-smenu-element-attached-left.tether-smenu-target-attached-right > *:before {
  bottom: 16px;
  right: 100%;
  border-right-color: #464646;
}
/************************************End Select Menu and Tether **********************************************************/
/************************************Copy from base.html *****************************************************************/
body {
margin:0;
font-family: Arial, Helvetica, sans-serif;
overflow:hidden;
background-color: white;
}
mainCanvas {
    display: block !important;
    width:100vw !important;
    height: 100% !important;
top:0;
right:0;
left:0;
bottom: 0;
}
.fakeLogin {
    width:0;
    height:0;
    visibility:hidden;
    position:absolute;
    left:0;
    top:0;
}
#subTrainTable,#sexTrainTable,#subTrainPageWrapper,#reviewDocument,#fieldList,#dealSelectModal,#docClassifyDialog2,#classifySearchBox {
    display: none;
}
#reviewDocument {
    height:100%;
    width:100%;
    padding:0;
    margin:0;
}
#fieldList {
    height:40%;
    width:40%;
    padding:0;
    margin:0;
}
#errorMessage {
    color: red;
}

/****************************************************** aicre viewer *******************************************************************/
.ui-dialog.reviewDocDialog .ui-dialog-titlebar,.ui-dialog.inspectDocDialog .ui-dialog-titlebar  {
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    background: #01329E !important;
    height: 4vh !important;
    overflow:visible;
    font: 1vw arial, sans-serif !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;

    /* background-image:url("/media/images/comp.jpg"); */
    
}

.ui-dialog.reviewDocDialog .ui-dialog-title,.ui-dialog.inspectDocDialog .ui-dialog-title {
	float: left !important;
	margin: 0 !important;
	/* white-space: nowrap; */
	margin-top: 1vh !important;
	margin-bottom: 1vh !important;
	position: absolute !important;
	left:35% !important;
	width: 40% !important;
	height: 60% !important;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #ffffff !important;
	font: bold 1vw arial, sans-serif !important;
	text-align: center !important;
}
.ui-dialog.reviewDocDialog .ui-dialog-title:hover,.ui-dialog.inspectDocDialog .ui-dialog-title:hover {
	left:30% !important;
	width: 50% !important;
	overflow: visible;
}

#viewFind {
    position:absolute;
    left: .75%;
    margin-top: .95vh !important;
    margin-bottom: .65vh !important;
    color: white !important;
    transform: scaleX(-1);
}
#reviewParts {
    position:absolute;
    left: 27%;
    top:27%;
    bottom: 10%;
    color: white !important;
    font-size: 1.1vw !important;
    font: normal normal normal 1vw FontAwesome;

}
#clearAnnotations {
    position:absolute;
    margin:0;
    padding:0;
    left: 28.2%;
    top:15%;
    bottom: 10%;
    height:80%;
    color: white !important;
    font-size: 1.1vw !important;
    font: normal normal normal 1vw FontAwesome;
}

.DealReview #reviewParts,.Review #reviewParts,.Inspect #reviewParts,.DealReview #clearAnnotations,.Review #clearAnnotations, .Inspect #clearAnnotations {
    display: none !important;
}

#viewFind:hover,.pageUp:hover,.pageDown:hover,#reviewParts:hover,#clearAnnotations:hover {
    color:red !important;
    cursor: default !important;
}


#toolbarViewer {
    position: absolute;
    left:3% !important;
    width: 8% !important;
    height: 100% !important;
    background-color:transparent;
}      

.pageUp,.pageDown {
    display:block;
    float: left;
    vertical-align:middle !importantt;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: .85vh !important;
    margin-bottom: .75vh !important;
    color: white !important;
    font-size: 1.2vw !important;
    font: normal normal normal 3vw FontAwesome;
}

.pageDown {
    margin-left: .2vw !important;
    margin-right: .5vw !important;
}

.toolbarField.pageNumber {
    display:block;
    float:left;
    -moz-appearance: textfield; /* hides the spinner in moz */
    text-align: right !important;
    width: 25%;
    height: 50%;
    /* margin-left: .2vw !important; */
    font: .8vw arial, sans-serif !important;
    z-index:9999999999999999999999;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    margin-top: 1vh !important;
    margin-bottom: .75vh !important;
    
}

#numPages {
    display:block;
    float:left;
    font: .8vw arial, sans-serif !important;
    z-index:9999999999999999999999;
    color: white;
    background-color:transparent;
    margin-top: 1.1vh !important;
    margin-bottom: .75vh !important;
    margin-left: .3vw !important;
}

#viewFind.toolbarButton {
    padding-left:0;
    padding-right:1%;
    background-color:transparent;
}

.subDiv {
    float: clear;
    position: absolute;
    left:11.5%;
    color: #01329E;
    font-weight: bold;
    width:15% !important;
    overflow:visible !important;
    z-index:999999999999999999;
    border-weight: 1px;
    border-color: red;
    height: 100% !important;
    font: .8vw arial, sans-serif !important;
}

#showDeleted {
    position:absolute;
    left:83%;
    width: 1%;
    height: 80% !important;
    font-size: 1.1vw !important;
    font: normal normal normal 1vw FontAwesome;
    color: #31944b !important;
    vertical-align: middle;
    margin-top: .6%;
    margin-bottom: .4%;
}

#showDeleted.selected {
    text-shadow: 2px 2px 2px red;
    /* border-color: 1px solid red !important; */
}
#showDeleted:focus,#showDeleted:hover {
    color: red !important;
    text-decoration: none !important;
}
.zoomContainer {
    position:absolute;
    left:85%;
    width: 10%;
    height: 100% !important;
    font: .8vw arial, sans-serif !important;
}
.subdocMenu,.zoomMenu {
      position: relative;
      overflow:visible !important;
      z-index:9999999999999999999999999999999;
      width:15%; !important;
      border-color: red;
      height:100%;
      padding:0;
      font: .8vw arial, sans-serif;
}


#subdocMenu-button,#zoomMenu-button {
    width:100% !important;
    height: 60% !important;
    padding:0;
    margin-top: .75vh !important;
    margin-bottom: .75vh !important;
}

.Annotate #aicreViewerHelp, .Review #aicreViewerHelp, .DealReview #aicreViewerHelp {
    position:absolute;
    right: 2.4%;
    margin-top: .75vh !important;
    margin-bottom: .75vh !important;
    color: white !important;
}

.Annotate #aicreDownLoadExcel {
    position:absolute;
    right: 3.5%;
    margin-top: .95vh !important;
    margin-bottom: .85vh !important;
    font-size: 1.1vw !important;
    color: white !important;
}


#aicreViewerHelp:hover,#aicreDownloadExcel:hover {
    color:red !important;
    cursor: default !important;

}

.reviewDocDialog .ui-dialog-titlebar-close,.inspectDocDialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .35% !important;
    top: 20% !important;
    bottom: 20% !important;
    width: 1.3% !important;
    height: 60% !important;
    margin: 0 !important;
    padding: 0 !important;
    font: 1.5vw arial, sans-serif;
    color:#01329E !important;
    background-color: white !important;
    z-index: 1001;
}

#aicreDocZoomIn {
    margin-right:.5vw;
    border:0;
    white-space: nowrap;
    padding: 0;
    width: 1vw;
    color: white !important;
    text-align: center;

}

#aicreDocZoomOut {
    margin-right:.5vw;
    border:0;
    white-space: nowrap;
    padding: 0;
    width: 1vw;
    color: white !important;
    text-align: center;
}

#aicreDocZoomIn:hover,#acireDocZoomIn:focus,#aicreDocZoomOut:hover,#acireDocZoomOut:focus{
    color: red !important;
    text-decoration: underline !important;
    cursor:pointer !important;
}

.Inspect #aicreDocZoomIn, .Inspect #aicreDocZoomOut , .Review #aicreDocZoomIn, .Review #aicreDocZoomOut , .DealReview #aicreDocZoomIn, .DealReview #aicreDocZoomOut{
    display:None !important;
}

.Annotate #aicreDocZoomIn, .Annotate #aicreDocZoomOut {
    display: inline-block;
}

::selection { background:rgba(0,0,255,0.3); }
::-moz-selection { background:rgba(0,0,255,0.3); }

.textLayer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #000;
    font-family: sans-serif;
    overflow: hidden;
}

.textLayer > div {
    color: transparent;
    position: absolute;
    line-height: 1;
    white-space: pre;
    cursor: text;
}

.textLayer .highlight {
    margin: -1px;
    padding: 1px;

    background-color: rgba(180, 0, 170, 0.2);
    border-radius: 4px;
}

.textLayer .highlight.begin {
    border-radius: 4px 0px 0px 4px;
}

.textLayer .highlight.end {
    border-radius: 0px 4px 4px 0px;
}

.textLayer .highlight.middle {
    border-radius: 0px;
}

.textLayer .highlight.selected {
    background-color: rgba(0, 100, 0, 0.2);
}


.pdfViewerContainer {
    margin: 1px auto -8px auto;
    padding: 0px;
    height:95%;
    background-color:lightgray;
    overflow-x: hidden;
    overflow-y:scroll;
    border-left: 1pt solid #01329E !important;
    border-bottom: 1pt solid #01329E !important;
    border-top: 1pt solid #01329E !important;
}

.Inspect > .pdfViewerContainer {
    width: 60% !important;
}
.abstractContainer {
    padding:0px;
    margin:0px;
    overflow:hidden;
}
.abstractViewer {
    padding:0px;
    margin:0px;
    overflow:hidden;
    width:100%;
    height: 100%;
}

.abstractContainer {
    position:absolute !important;
    right:0 !important;
    height:100% !important;
    width:33.3333333333% !important;
    background-color: white;
    margin:0px !important;
    padding:0px 0px 0px 0px !important;
}
.abstractViewer {
    position:relative !important;
    overflow:hidden !important;
    margin:0px !important;
    padding:0px !important;
    font: .90vw arial, sans-serif !important;
    background-color: white !important;
    border: 1pt solid #01329E !important;
 }

.provisionTable {
    padding:0px;
    margin:0px;
    overflow-x:hidden !important;
}

.PendingDeletion > .ui-tooltip  {
    padding: 1px 2px;
    background: red;
    color: white;
    border-radius: 1px;
    font: bold 10px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
}

/* .PendingDeletion {background-color: #ff0000; */
/*                   border-radius: 1px; */
/* 		  font: bold .75vw arial, sans-serif !important; */
/*                   text-transform: uppercase;} */
/* .Deleted {background-color: #ff0000; */
/*                            border-radius: 1px; */
/* 		  font: bold .75vw arial, sans-serif !important; */
/*                   text-transform: uppercase;} */
/* .PendingSave {background-color: #62f520; */
/*                                border-radius: 1px; */
/* 		  font: bold .75vw arial, sans-serif !important; */
/*                   text-transform: uppercase;} */
/* .Saved {background-color: #20c0f5; */
/*                          border-radius: 1px; */
/* 		  font: bold .75vw arial, sans-serif !important; */
/*                   text-transform: uppercase;} */


.pdfPageContent {
    width:83% !important;
    height: 100% !important;
    position:relative;
    overflow-x:scroll;
    overflow-y: hidden;
}

div.annotationLayer {
    display:none;
}
.canvasWrapper,.textLayer,svg.annotationLayer {
    height:100% !important;
    /* width:100% !important; */
    padding:0;
    position:absolute;
    left:0;
    top:0;
}
.canvasWrapper {
    width: auto !important;
}
.buttonPanel {
    width:17% !important;
    position:absolute;
    right:0;
    top:0;
    overflow: visible !important;
    z-index: 99 !important;
    background-color: white !important;
    height: 100% !important;
    background-color: rgba(0,0,0,.5);
}

.annotateButton {
    color: #FFFFFF;
    padding: .015vh .04vw !important;
    align:right;
    white-space:nowrap;
    
}
.annotateButtonText {
    padding: 1px 1px;
    color: white !important;
    white-space:nowrap;
}
.annotateButton.deleted {
    background-color: lightgrey !important;
    border-color: red !important;
}
.annotateButton.deleted .annotateButtonText{
    color: red !important;
}
.pdfViewer .page {
    direction: ltr;
    width:100% !important;
  margin: 1px auto -8px auto;
  position: relative;
  /* overflow-x: hidden; */
  overflow: visible;
  background-clip: content-box;
  border-image: url("images/shadow.png") 9 9 repeat;
  background-color: white;
  /* background-color: #798EE5; */
  float:left;
}

.viewer {
    height:85%;
    width:100%;
    overflow-x:hidden;
}
.step {
    height:85%;
    width:95%;
}
#reviewDocument {
    overflow:hidden;
}

.textViewer { user-select: auto}

.textDiv{
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}
.textDiv.smallText{
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
.page {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.textLayer {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

button.annotateButton {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
.buttonPanel {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
.buttonText {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    
#toolbarContainer, .findbar, .secondaryToolbar {
  position: relative;
  height: 100%;
}
.secondaryToolbar {
  padding: 0px;
  height: auto;
  z-index: 30000;
}

#secondaryToolbarButtonContainer {
  max-width: 200px;
  max-height: 400px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.findbar, .secondaryToolbar {
  top: 0px;
  position: absolute;
  z-index: 10000;
  height: auto;
  vertical-align:middle;
  background-color: #798EE5;
  background-color:#95a6ee !important;
  padding: 0px;
  margin: 0px;
  color: white;
  font-weight:bold;
  text-align: left;
  cursor: default;
}
.findbar {
    width: 26%;
    background-color: #798EE5;
    background-color:#95a6ee !important;
    font: bold .78vw arial, sans-serif;
    height: 2.4vh !important;
    border: 1px solid #01329E !important;
}

.inspectDocDialog .findbar {
    width: 35% !important;
}

.findbar.wrapContainers > div {
  clear: both;
    background-color: #798EE5;
    background-color:#95a6ee !important;
}
.findbar.wrapContainers > span#findbarMessageContainer {
  height: auto;
}

.findbar label {
  -webkit-user-select: none;
  -moz-user-select: none;
}

#findInput,#aicreFindInput {
    position: absolute;
    width: 50%;
    font-size: .75vw;
    height: 80% !important;
    left: .5%;
    top: 10%;
    color: black;
    color:#000b3e !important;
    /* color: #011765 !important; */
    background-color: white;
    padding-left: .1vw !important;
}

.findButtonContainer {
    position: absolute;
    left: 51.5%;
    width: 12%;
    height:90%;
    top: 5%;
}
#findNext, #findPrevious {
    z-index:100000000;
    height:80%;
    margin:0px !important;
    padding:0px !important;
    background-color:#01329E !important;
    color: white !important;
    font-size: 1vw !important;
    font: normal normal normal 1.2vw FontAwesome;
}
#findPrevious {
    margin-right: .15vw !important;
}
#findNext:hover,#findPrevious:hover {
    color:red !important;
    cursor: default !important;
}
#highlightAllContainer {
    display: none;
    position: absolute;
    left: 43.5%;
    height: 80%;
    width: 17%;
    top: 10%;
}
#matchCaseContainer {
    display: none;
    position: absolute;
    left: 60%;
    height: 80%;
    width: 15.5%;
    top: 10%;
}

.findInputOption input[type='checkbox']{
    vertical-align: middle;
    height: 90% !important;
    margin-right: .15vw !important;
}
.findInputOption label {
    height: 90% !important;
    vertical-align: middle;
    margin: 0 !important;
    padding: 0 !important;
}

#findResultsCount {
  text-align: left;
  position: absolute;
  left: 61%;
  top: 8%;
  padding: 0px !important;
  font: bold .85vw arial, sans-serif;
  color: blue;
}

#findMsg {
  font-style: italic;
  color: red;
  margin-top: .5vh !important;
}
#findMsg:empty {
  display: none;
}

#findInput.notFound,#aicreFindInput.notFound {
  background-color: rgb(255, 102, 102);
}

.reviewDocDialog {
    height:100vh !important;
    width: 100vw !important;
    padding:.2em !important;
}
.classifyDocDialog {
    height:85vh !important;
    width: 73vw !important;
}
.classifyDocDialog2 {
    height:85vh !important;
    width: 80vw !important;
}
.inspectDocDialog {
    position:absolute !important;
    top:0vh !important;
    left:5vw !important;
    width: 90vw !important;
    height: 70vh !important;
    z-index: 10000000 !important;

}
/* .inspectAnnotationDialog { */
/*     /\* position:absolute !important; *\/ */
/*     /\* top:1vh !important; *\/ */
/*     /\* left:.2vw !important; *\/ */
/*     width: 66vw !important; */
/*     height: 85vh !important; */
/*     background-color: white !important; */
/* } */
.inspectAnnotationDialog {
    min-width: 40% !important;
    height: 99.5% !important;
    background-color: white !important;
    z-index: 1000000000 !important;
}

.ui-dialog[aria-describedby="inspectAnnotation"],.ui-dialog[aria-describedby="annotationDetails"] {
    /* border: 1px solid red !important; */
    border: 2px solid #01329E !important;
    padding: 0 !important;
    margin: 0 !important;
    resize: both !important;
}

.Annotate .ui-dialog[aria-describedby="inspectAnnotation"] .ui-dialog-titlebar,.ui-dialog[aria-describedby="annotationDetails"] .ui-dialog-titlebar{
    background: #798EE5 !important;
    background-color:#95a6ee !important;
    color:#000b3e !important;
    /* color: #011765 !important; */

}
.Annotate .ui-dialog[aria-describedby="inspectAnnotation"] .ui-dialog-title,.ui-dialog[aria-describedby="annotationDetails"] .ui-dialog-title{
    color: black !important;
    color:#000b3e !important;
    /* color: #011765 !important; */

}

#reviewDocument,#reviewDeal {
    display:None;
    height:96% !important;
    width:100% !important;
    padding:0;
    margin:0;
    overflow:hidden;
}


#mainContainer, #viewerContainer, .page, .page canvas {
    position: static;
    padding: 0;
    margin: 0;
}


.textLayer .highlight.begin {
  border-radius: 4px 0px 0px 4px;
}

.textLayer .highlight.end {
  border-radius: 0px 4px 4px 0px;
}

.textLayer .highlight.middle {
  border-radius: 0px;
}

/* @keyframes blinkingText{ */
/* 		0%		{ background-color: #10c018;} */
/* 		25%		{ background-color: yellow;} */
/* 		50%		{ background-color: #ef0a1a;} */
/* 		75%		{ background-color: orange;} */
/* 		100%	{ background-color: #ff66ff;} */
/* } */
@keyframes blinkingText{
		0%		{ background-color: red;}
		25%		{ background-color: yellow;}
		50%		{ background-color: red;}
		75%		{ background-color: yellow;}
		100%	{ background-color: red;}
}

.textLayer .highlight.selected {
    animation-name: blinkingText;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  border: 2px solid red !important;
  z-index: 101;
}


/* .textLayer ::selection { */
/*     background: #01329E; */
/*     opacity:.33; */
/* } */
/* .textLayer ::moz-selection { */
/*     background: #01329E; */
/*     opacity:.33; */
/* } */

.toolbarLabel {
    vertical-align:middle;
}
input[type="radio"], input[type="checkbox"] {
    margin: -4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}



.reviewForm {
    padding:0px;
    margin:0px;
    height:95%;
    overflow:hidden;
    width:100%;
}

.reviewWindow {
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

.annPage  {
  border-left:2pt solid black;
}
.annRow  {
  border-right:2pt solid black;
}
.annHeader {
  border-top:2pt solid black;
  border-right:2pt solid black;
  border-left:2pt solid black;
}

  
.ui-selectmenu-text {
    font: .75vw arial, sans-serif;
    margin-right:.8vw !important;
    padding-left: 1vw;
    padding-top:.2vh;
    padding-bottom:.2vh;
    /* margin-right:10px !important; */
    /* padding-left:15px; */
    /* padding-top:2px; */
    /* padding-bottom:2px; */

}

.ui-selectmenu-menu {
    /* padding-left: 15px; */
    padding-left: 1vw;
}
/* .ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s { */
/*     height: 1vh !important; */
/*     width: 1vh !important; */
/* } */

.annotateButton:hover {
      border-weight: 8px;
  border-color: red;
}

.annotationLayer {
    z-index:99;
}
.textLayer {
    z-index:100;
}
.editOverlay {
    z-index:101;
}
g {
    z-index: 10000000;
    pointer-events: bounding-box;
}

[data-status="Reviewed"] {
    stroke-width: .01vw;
    stroke: #01329E;
    border: .07vw solid #01329E;
    color: white;
}

[data-status="PendingTwo"] {
    stroke-width: .01vw;
    stroke:#798EE5;
    border: .07vw solid #798EE5;
    color: white;
}
[data-status="PendingMulti"] {
    stroke-width: .01vw;
    stroke: #798EE5;
    border: .07vw solid #798EE5;
    color: white;
}

[data-status="PendingOne"] {
    stroke-width: .01vw;
    stroke: #798EE5;
    border: .07vw solid #798EE5;
    color: darkblue;
}

[data-status="NotReviewed"] {
    /* fill: darkred !important; */
    stroke-width: .07vw;
    stroke: red;
    border: .07vw solid red;
    /* background-color:darkred !important; */
}
.selectedAnnotation {
    fill:#798EE5 !important;
    background-color:#798EE5 !important;
    border-color:red;
    stroke-width: .04vw;
    stroke: red !important;
    stroke-opacity:.2 !important;
    pointer-events:bounding-box;
}

.deleteOverlay {
    /* box-sizing: content-box; */
    position: absolute;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle !important;
    margin: auto;
    padding: 0.05vh 0.35vw !important;
    font-size: 1.5vh !important;
    border: 1px solid #01329E !important;
    background: white !important;
    width: 1.4vw !important;
    /* background: transparent; */
    color: #01329E !important;
}

.deleteOverlay:hover {
    border: 1px solid red !important;
    color: red !important;
}    

.annSummary {
    display: none !important;
    position:relative !important;
    overflow:hidden !important;
    margin:0px !important;
    padding:0px !important;
    background-color: white !important;
    color:#000b3e !important;
    /* color: #011765 !important; */

    /* background-color: #f7fcfc !important; */
    border: 1pt solid #01329E !important;
}

/***************************** Change viewer config using class definition on main container to adjust abstract viewer and toolbars ************************/

.Annotate > #myProgress, .Inspect > #myProgress {
    display: None;
}
.Review > #myProgress > #docBar {
    display: None;
}
.DealReview > #myProgress > #docBar {
    display: None;
}
.DealReview > #myProgress > #docBar {
    display: Block;
}

.DealReview #subDiv,.Inspect #subDiv {
    display:none;
}

.Annotate #annotationDetails{
    display: None;
}
.Annotate  .wizardButtonSet , .Inspect  .wizardButtonSet {
    display:None;
}
.Review > .wizardButtonSet, .dealReview > .wizardButtonSet {
    position:absolute;
    bottom:0px;
    height:3.5vh;
    width: 50%;
    left:25%;
    right:25%;
    text-align: center;
    margin-top: 1vh !important;
    margin-bottom: .5vh !important;
}

/* when in review or ann detail mode, set abstractViewer to not visible */
.Review > #ac > #abstractViewer, .DealReview > #ac > #abstractViewer, .Annotate.examineDetails #abstractViewer {
    display: None !important;
}
.Review  .buttonPanel, .DealReview .buttonPanel {
    display: None !important;
}
/* when in review or ann detail mode, set pdf viewer to 60% */
.Review  .pdfViewerContainer, .DealReview .pdfViewerContainer,.Annotate.examineDetails .pdfViewerContainer {
    width: 60% !important;
}
/* when in review or ann detail mode, set abstract container to 40% */
.Review  .abstractContainer, .DealReview .abstractContainer, .Annotate.examineDetails .abstractContainer {
    width: 40% !important;
}
.Review  .pdfPageContent, .DealReview .pdfPageContent {
    width: 100% !important;
}
.examineButtonSet {
    display: none !important;
}

.Annotate #annotationDetails {
    display: None !important;
}
.Review #showDeleted,.Inspect #showDeleted,.DealReview #showDeleted {
    display: none;
}
.inspectAnnotationDialog #annotationDetails {
    position: relative !important;
    display: block !important;
    height: 95% !important;
    width: 100% !important;
    resize: both !important;
}

.Review #annotationDetails,.DealReview #annotationDetails,.Annotate.examineDetails #annotationDetails{
    display: Block !important;
    height:100%;
}

#annDetailButtons {
    display: none;
    height: 7%;
}

.Annotate.examineDetails #annotationDetails{
    height:93%;
}
.Annotate.examineDetails #anDetailButtons{
    display: Block !important;
}


.Inspect #annotationDetails, .Inspect .annSummary {
    display: Flex !important;
    height:100%;
    width: 100%;
    border:0 !important;
}
.Review #annSummary,.DealReview #annSummary, .Inspect #annSummary {
    display: Block !important;
}

.Review  div.abstractContainer, .Review .pdfViewerContainer, .DealReview  div.abstractContainer, .DealReview  .pdfViewerContainer {
    height:91% !important;
}

.Annotate > div.abstractContainer, .Inspect > div.abstractContainer {
    height:100% !important;
}
.Inspect .abstractViewer,.Inspect .buttonPanel {
    display: None;
}

.Inspect .pdfViewerContainer {
    width: 55% !important;
}
.Inspect .abstractContainer {
    width: 45% !important;
}

/* .Inspect .abstractContainer { */
/*     width: 40% !important; */
/* } */
.Inspect > .pdfViewerContainer ,.Annotate > .pdfViewerContainer {
    height:100% !important;
}
.Inspect .abstractContainer {
    border: 1px solid #01329E !important;
}
.Inspect .adTable {
    font: .80vw arial, sans-serif !important;
}
.Inspect .adTable th, .Inspect .adTable td {
    padding: 2px 3px !important;
    vertical-align: middle !important;
    width: auto !important;
}

.Inspect .detailTitles, .Inspect .detailContents  {
    font: .85vw arial, sans-serif !important;
}
.Inspect #historyBlock {
    height: 13% !important;
    top:83% !important;
}
.Inspect .textAndValueAndCashflow #valueBlock {
    height: 38% !important;
}

.provisionText {
    font-family: Arial,Helvetica,sans-serif;
    font-size: .87vw !important;
    border-style:none;
    width:100%;
    padding-right:.1vw;
    color:#000b3e !important;
    /* color: #011765 !important; */
}
.provisionText {
    /* contenteditable: true !important; */
    min-height: 2.5vh !important;
    max-height: 11vh !important;
    overflow-y: auto !important;
    /* overflow-x: hidden !important; */
    word-break:normal !important;
    white-space: pre-wrap !important;
    
}
.annSummary {
    height:90%;
    font: .95vw arial, sans-serif !important;
    background-color: white !important;
}

.detailTitle {
    font: bold .90vw arial, sans-serif !important;
    vertical-align:top;
    margin-bottom: 1% !important;
}
.Inspect .detailTitle {
    margin-top: 1% !important;
}

#valueBlock .detailTitle, #cachflowBlock .detailTitle,#historyBlock .detailTitle{
    margin-top: .1vh !important;
}

/* annotation details for review and inspect */

#locationInfo {
    width:100%;
    height:11%;
}


#provisionField {
    font: bold 1vw arial, sans-serif !important;
    position: absolute;
    top: 0%;
    width:60%;
    left: 20%;
    right: 20%;
    border:0 !important;
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
}
#provisionField > option,#provisionField > optgroup{
    font-size: .95vw !important;
    text-align-last: left;
    text-align: left;
    -ms-text-align-last: left;
    -moz-text-align-last: left;
}
#provisionField optgroup option {
    font-size: .95vw !important;
    text-align-last: left;
    text-align: left;
    -ms-text-align-last: left;
    -moz-text-align-last: left;
    text-indent: 1.2vw !important;

}
    
#provisionField-button {
    background-color: white;
    position: absolute;
    top: 0%;
    width:60%;
    left: 20%;
    right: 20%;
    border:0 !important;
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
}
#provisionField-button option {
    font-size: .95vw !important;
    text-align-last: left;
    text-align: left;
    -ms-text-align-last: left;
    -moz-text-align-last: left;
}

#locationInfo #annTitle {
    position: absolute;
    top: 4%;
    height: auto !important;
    border-bottom: 1px solid lightgray;
}
	     
#ann_value {
    position: absolute;
    top:11.5%;
    width:100%;
    height:70%;
}
#historyBlock {
    position: absolute;
    top:84%;
    width:100%;
    height:14% !important;
}

#annHistory {
    overflow-y: scroll;
    height: 100%;
    width: 100%;
}
#historyTable {
    width:100%;
    overflow-x:hidden;
    font-size: .85vw !important;

}


.inspectAnnotationDialog #locationInfo {
    width:100%;
    height:10%;
}
.inspectAnnotationDialog #ann_value {
    position: absolute;
    top:10.5%;
    width:100%;
    height:65%;
}
.inspectAnnotationDialog #historyBlock {
    position: absolute;
    top:79%;
    width:100%;
    height:14% !important;
}
.inspectAnnotationDialog .examineButtonSet {
    display: block !important;
    position: absolute !important;
    top: 97% !important;
    left: 40% !important;
}


#historyTable td.histNotes, #historyTable th.histNotes {
    width: 48% !important; 
}
#historyTable td.histNotes {
    font-size: .72vw !important;
}
#historyTable td.histAction, #historyTable th.histAction {
    width: 15% !important; 
}
#historyTable td.histId, #historyTable th.histId {
    width: 15% !important; 
}
#historyTable td.histDate, #historyTable th.histDate {
    width: 22% !important; 
}


#displayTextContent, #annValueContent {
    word-wrap:break-word;
    padding:0;
    border: 0;
    font: .87vw arial, sans-serif !important;
}

#textBlock,#valueBlock,#cashflowBlock {
    display: flex;
    flex-flow: column;
}
/* #textBlock,#valueBlock,#cashflowBlock { */
/*     border-bottom: 1px solid blue; */
/* } */

#textBlock,#cashflowBlock {
    border-bottom: 1px solid lightgray;
}

#textBlock .detailTitle, #valueBlock .detailTitle,#historyBlock .detailTitle,#cashflowBlock .detailTitle {
    width:100%;
    text-align: center !important;
    flex: 0 1 auto;

}
#textBlock .detailContents,#valueBlock .detailContents,#historyBlock .detailContents,#cashflowBlock .detailContents {
    width:100%;
    overflow-y: scroll;
    flex: 1 1 auto;
}
#textBlock .detailContents {
    padding-left: 1% !important;
    padding-right: 1% !important;
}

#valueBlock .detailContents,#historyBlock .detailContents,#cashflowBlock .detailContents {
    margin-left: .5% !important;
    margin-right: .5% !important;
}
#valueBlock .detailContents,#historyBlock .detailContents {
    overflow-x: scroll;
}
#valueBlock .detailContents.jexcel_container {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

#valueBlock .detailContents table,#historyBlock .detailContents table {
    width: 100%;
}
#cashflowBlock .detailContents table {
    left: 40%;
    right: 40%;
}

#cashflowBlock {
    display:none;
}

.clearfix::after {
    clear:both;
    content:"";
    display:table;
}



/* configure review wizard layout based on type of element being reviewer */
/* #ann_value #textBlock,#ann_value #valueBlock { */
/*     height:40%; */
/* } */
/* #ann_value .detailContents { */
/*     height:100%; */
/* } */

/* text and address attributes don't have values or cashflows so adjust accordingly */

/*text only provision */
#ann_value #valueBlock, #ann_value #cashflowBlock {
    display: none;
}

#ann_value.textOnly #textBlock {
    height: 100%;
}
/* #ann_value.textOnly #textBlock .detailTitle { */
/*     margin-bottom:1%; */
/* } */

#ann_value.textOnly #valueBlock,#ann_value.textOnly #cashflowBlock {
    display:none;
}

/* text with interpreted value */
#ann_value.textAndValue #textBlock {
    height: 40%;
}
#ann_value.textAndValue #valueBlock {
    display:flex;
    height: 62%;
}
#ann_value.textAndValue #cashflowBlock {
    display:none;
}

/* text with interpreted value and cashflow*/
#ann_value.textAndValueAndCashflow #textBlock {
    height: 30%;
}
#ann_value.textAndValueAndCashflow #valueBlock {
    display:flex;
    height: 40%;
}
#ann_value.textAndValueAndCashflow #cashflowBlock {
    display:flex;
    height: 30% !important;
    /* background-color: gainsboro; */
}

/* #textBlock, #textBlock .detailContents { */
/*     background-color: gainsboro; */
/* } */
/* .textAndValue #historyBlock { */
/*     background-color: gainsboro; */
/* } */


/* #ann_value[data-attribute-type="text"] #valueBlock,#ann_value[data-attribute-type="address"] #valueBlock { */
/*     display:none; */
/* } */
/* #ann_value[data-attribute-type="text"] #textBlock,#ann_value[data-attribute-type="address"] #textBlock { */
/*     height:90%; */
/* } */

/* /\* special treatment for rent with schedules *\/ */

/* #ann_value[data-attribute-type="rent"] #textBlock { */
/*     height:25%; */
/* } */
/* #ann_value[data-attribute-type="rent"] #valueBlock { */
/*     height:40%; */
/* } */
/* #ann_value[data-attribute-type="rent"] #cashflowBlock.monthlyRent { */
/*     display:block; */
/*     height:32%; */
/* } */
/* #cashflowBlock .detailContents { */
/*     height: 90% !important; */
/* } */

/* set formatting for tables in both abstract table and abstract details */
#cashflowBlock table th, #cashflowBlock table  td{
    font-weight: normal !important;
    color:black !important; 
    color:#000b3e !important;
    /* color: #011765 !important; */
    background-color: white !important;
    height: auto !important;
    width:auto !important;
    padding: 0px 10px !important;
    display:"" !important;
    white-space:nowrap;
    font: .8vw arial, sans-serif !important;
    width: auto !important;
}
#cashflowBlock table  th{
    font-weight: bold !important;
}


#ann_value::-webkit-scrollbar {
    width:5px !important;
    height: 5px !important;
}

.detailContents::-webkit-scrollbar {
    width:5px !important;
    height: 5px !important;
}
.detailContents::-webkit-scrollbar-thumb {
  background:darkgray !important;
}
.detailContents::-webkit-scrollbar-track {
  background:#e8e8e8 !important;
}
div.textDiv {
    box-sizing: content-box;
}

div.textDiv,div.textDiv:hover {
    cursor: text !important;
}

div.textDiv:after {
    content: "";
    margin-right:1.5px;
    position:absolute;
    right:0;
    width:0;
    cursor: text !important;
}
div.textDiv.ocrText.textFitted:after {
    content: "";
    margin-right:2.5px;
    padding-right:-2.5px;
    position:absolute;
    right:0;
    width:0;
    cursor: text !important;
}
div.textDiv.ocrText.textFitted:before {
    content: "";
    margin-left:-1.5px;
    padding-left:1.5px;
    cursor: text !important;
}
div.textDiv[data-left-edge="True"]:before,div.textDiv.ocrText.textFitted[data-left-edge="True"]:before {
    content: "";
    margin-left:-7px;
    padding-right: 7px;
    cursor: text !important;
}
div.textDiv[data-right-edge="True"]:after,div.textDiv.ocrText.textFitted[data-right-edge="True"]:after {
    content: "";
    margin-right: 7px;
    padding-right: -7px;
    cursor: text !important;
}
div.textDiv:before:hover,div.textDiv:after:hover {
    cursor: text !important;
}

#wizardButton {
    left:38%;
    right:38%;
    margin-top: .8vh !important;
}

.Review > #viewerContainer > #viewer > .page >.pdfPageContent >.buttonPanel > .annotateButton .annotateButtonText {
        pointer-events: none;
}
.DealReview > #viewerContainer > #viewer > .page > .pdfPageContent >.buttonPanel > .annotateButton .annotateButtonText {
        pointer-events: none;
}
.Review > #viewerContainer > #viewer > .page .pdfPageContent .buttonPanel .annotateButton .annotateButtonText {
        pointer-events: none;
}
.DealReview > #viewerContainer > #viewer > .page .pdfPageContent .buttonPanel  .annotateButton .annotateButtonText {
        pointer-events: none;
}
#viewer {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    /* width:100%; */
    overflow:hidden;
}
.disabledAnnotation {
    background-color: lightgray !important;
    fill:lightgray !important;
    color:black !important;
}
.highlightAnnotation {
    display: Block !important;
}
.annotation-base {
    fill-opacity:.40 !important;
}

.annotation-base.deleted {
    fill: lightgrey !important;
    stroke-width: .065vw;
    stroke: red;
    border: .065vw solid red;
}

.Review > #viewerContainer > #viewer > .page > .buttonPanel > .annotateButton> .annotateButtonText {
    pointer-events: none;
}
.Review > #viewerContainer > #viewer > .page > .buttonPanel > .annotateButton {
    display:none;
}
.Review > #viewerContainer > #viewer > .page >.pdfPageContent > svg > g {
    pointer-events: none;
    display:none;
}
.Review > #viewerContainer > #viewer > .page > .buttonPanel > .annotateButton.highlightAnnotation {
    pointer-events: none;
    display:Block;
}
.Review > #viewerContainer > #viewer > .page > .pdfPageContent > svg > g.highlightAnnotation {
    pointer-events:auto;
    display:Block;
}


.DealReview > #viewerContainer > #viewer > .page > .buttonPanel > .annotateButton> .annotateButtonText {
    pointer-events: none;
}
.DealReview > #viewerContainer > #viewer > .page > .buttonPanel > .annotateButton {
    display:none;
}
.DealReview > #viewerContainer > #viewer > .page >.pdfPageContent > svg > g {
    pointer-events: none;
    display:none;
}
.DealReview > #viewerContainer > #viewer > .page > .buttonPanel > .annotateButton.highlightAnnotation {
    pointer-events: none;
    display:Block;
}
.DealReview > #viewerContainer > #viewer > .page > .pdfPageContent > svg > g.highlightAnnotation {
    pointer-events:auto;
    display:Block;
}

.Inspect > #viewerContainer > #viewer > .page > .buttonPanel > .annotateButton> .annotateButtonText {
    pointer-events: none;
}
.Inspect > #viewerContainer > #viewer > .page > .buttonPanel > .annotateButton {
    display:none;
}
.Inspect > #viewerContainer > #viewer > .page > .pdfPageContent > svg > g {
    pointer-events: none;
    display:none;
}
.Inspect > #viewerContainer > #viewer > .page > .buttonPanel > .annotateButton.highlightAnnotation {
    pointer-events: none;
    display:Block;
}
.Inspect > #viewerContainer > #viewer > .page > .pdfPageContent > svg > g.highlightAnnotation {
    pointer-events:auto;
    display:Block;
}

.Review > #viewerContainer > #viewer > .page   .buttonPanel   .annotateButton  .annotateButtonText {
    pointer-events: none;
}
.Review > #viewerContainer > #viewer > .page   .buttonPanel   .annotateButton {
    display:none;
}
.Review > #viewerContainer > #viewer > .page  .pdfPageContent   svg   g {
    pointer-events: none;
    display:none;
}
.Review > #viewerContainer > #viewer > .page   .buttonPanel   .annotateButton.highlightAnnotation {
    pointer-events: none;
    display:Block;
}
.Review > #viewerContainer > #viewer > .page   .pdfPageContent   svg   g.highlightAnnotation {
    pointer-events:auto;
    display:Block;
}


.DealReview > #viewerContainer > #viewer > .page   .buttonPanel   .annotateButton  .annotateButtonText {
    pointer-events: none;
}
.DealReview > #viewerContainer > #viewer > .page   .buttonPanel   .annotateButton {
    display:none;
}
.DealReview > #viewerContainer > #viewer > .page  .pdfPageContent   svg   g {
    pointer-events: none;
    display:none;
}
.DealReview > #viewerContainer > #viewer > .page   .buttonPanel   .annotateButton.highlightAnnotation {
    pointer-events: none;
    display:block;
}
.DealReview > #viewerContainer > #viewer > .page   .pdfPageContent   svg   g.highlightAnnotation {
    pointer-events:auto;
    display:block;
}

.Inspect > #viewerContainer > #viewer > .page   .buttonPanel   .annotateButton  .annotateButtonText {
    pointer-events: none;
}
.Inspect > #viewerContainer > #viewer > .page   .buttonPanel   .annotateButton {
    display:none;
}
.Inspect > #viewerContainer > #viewer > .page   .pdfPageContent   svg   g {
    pointer-events: none;
    display:none;
}
.Inspect > #viewerContainer > #viewer > .page   .buttonPanel   .annotateButton.highlightAnnotation {
    pointer-events: none;
    display:block;
}
.Inspect > #viewerContainer > #viewer > .page   .pdfPageContent   svg   g.highlightAnnotation {
    pointer-events:auto;
    display:block;
}

.Annotate > #viewerContainer > #viewer > .page   .buttonPanel   .annotateButton.deleted  .annotateButtonText {
    pointer-events: none;
}
.Annotate > #viewerContainer > #viewer > .page   .buttonPanel   .annotateButton.deleted {
    display:none !important;
}
.Annotate > #viewerContainer > #viewer > .page  .pdfPageContent   svg   g.deleted {
    pointer-events: none;
    display:none !important;
}
.Annotate.showDeleted > #viewerContainer > #viewer > .page   .buttonPanel   .annotateButton.deleted {
    pointer-events: none;
    display:block !important;
}
.Annotate.showDeleted > #viewerContainer > #viewer > .page   .pdfPageContent   svg   g.deleted {
    pointer-events:auto;
    display:block !important;
}


#myProgress {
    width: 100%;
    height:1.5vh;
    background-color: grey;
}
#myBar {
    width: .25%;
    height: 18px;
    background-color: blue;
}
.Review #docBar {
    display: None;
    /* width: .25%; */
    /* height: 30%; */
    /* background-color: red; */
}
.Review #annBar {
    width: .25%;
    height: 100%;
    background-color: blue;
}
.DealReview #docBar {
    width: .25%;
    height: 40%;
    background-color: red;
}
.DealReview #annBar {
    width: .25%;
    height: 60%;
    background-color: blue;
}
/* .DealReview > #myProgress > #annBar { */
/*     height: 9px !important; */
/* } */

.Annotate > #myBar {
    display: none;
}

div.provisionText > table > thead >tr >th{
    font-weight: normal !important;
    color:black !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
    background-color: white !important;
    height: auto !important;
    padding: 0px 10px;
    display:"" !important;
    white-space:nowrap;
    font-family: Arial,Helvetica,sans-serif;
    font-size: .80vw !important;

}
div.provisionText > table > tbody >tr >td{
    font-weight: normal !important;
    color:black !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
    background-color: white !important;
    height: auto !important;
    padding: 0px 10px;
    display:"" !important;
    white-space:nowrap;
    font-family: Arial,Helvetica,sans-serif;
    font-size: .80vw !important;
}

div.provisionText.rent > table > tbody >tr >td{
    font-weight: normal !important;
    color:black !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
    background-color: white !important;
    height: auto !important;
    padding: 0px 10px;
    display:"" !important;
    white-space:nowrap;
}

#provisions {
    width: 100% !important;
    overflow-x: hidden !important;
    height: 92.3% !important;
}
#provisions > tbody> tr> td{
    vertical-align:top !important;
}
#provisions > tbody > tr >td >a {
    color: #01329E !important;
    text-decoration: underline;
}
#provisions > tbody > tr >td >a:hover, #provisions > tbody > tr >td >a:focus {
    color: #FE4141 !important;
    text-decoration: underline !important;
}

#provisions > tbody> tr> td.provisionContents {
    overflow-x:hidden;
    max-width:20vw !important;
    max-height:300px !important;
}

.provisionText.rentTable {
    overflow-x: scroll !important;
    width:100% !important;
    font-weight: normal !important;
    color:black !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
    background-color: white !important;
    height: auto !important;
    display:"" !important;
    white-space:nowrap;
    max-height: 200px !important;
}

/* span.tableSpan { */
/*     contenteditable:true; */
/* } */

/* #rentRollTable span.tableSpan { */
/*     contenteditable: false !important; */
/*     -moz-user-select: -moz-none; */
/*     -webkit-user-select: none; */
/*     user-select: none; */
/* } */
			
.provisionText.rentTable.showRed,.provisionText.rentTable.showRed tableSpan {
    color: red !important;
}
div.provisionText.showRed > table > tbody >tr >td,div.provisionText.showRed > table > thead >tr >th {
    color: red !important;
}

.provisionText::-webkit-scrollbar,#rentRollTable .tabulator-cell::-webkit-scrollbar,#loanTable .tabulator-cell::-webkit-scrollbar,#inverseLoanTable .tabulator-cell::-webkit-scrollbar,#dealPropertyTable .tabulator-cell::-webkit-scrollbar,#documentTable .tabulator-cell::-webkit-scrollbar,#provisionTable .tabulator-cell::-webkit-scrollbar {
    width: .4vw !important;
    height: .6vh !important;
}
.provisionText::-webkit-scrollbar-thumb,#rentRollTable .tabulator-cell::-webkit-scrollbar-thumb,#loanTable .tabulator-cell::-webkit-scrollbar-thumb,#inverseLoanTable .tabulator-cell::-webkit-scrollbar-thumb,#dealPropertyTable .tabulator-cell::-webkit-scrollbar-thumb,#documentTable .tabulator-cell::-webkit-scrollbar-thumb,#provisionTable .tabulator-cell::-webkit-scrollbar-thumb {
  background:darkgray !important;
}
.provisionText::-webkit-scrollbar-track,#rentRollTable .tabulator-cell::-webkit-scrollbar-track,#loanTable .tabulator-cell::-webkit-scrollbar-track,#inverseLoanTable .tabulator-cell::-webkit-scrollbar-track,#dealPropertyTable .tabulator-cell::-webkit-scrollbar-track,#documentTable .tabulator-cell::-webkit-scrollbar-track,#provisionTable .tabulator-cell::-webkit-scrollbar-track {
  background:#e8e8e8 !important;
}
.provisionText,#rentRollTable .tabulator-cell, #loanTable .tabulator-cell, #inverseLoanTable .tabulator-cell, #dealPropertyTable .tabulator-cell, #documentTable .tabulator-cell, #provisionTable .tabulator-cell {
    scrollbar-width: thin;
    scrollbar-color: darkgray #e8e8e8;
}

#provisions .tabulator-tableholder,#viewerContainer,.pdfPageContent{
     scrollbar-width: thin;  /* Firefox */
     scrollbar-color: darkgray #e8e8e8;
}

#provisions .tabulator-tableholder::-webkit-scrollbar,#viewerContainer::-webkit-scrollbar,.pdfPageContent::-webkit-scrollbar {
    width: .65vw;
    height: .8vh;
}

#provisions .tabulator-tableholder::-webkit-scrollbar-track,#viewerContainer::-webkit-scrollbar-track,.pdfPageContent::-webkit-scrollbar-track {
    background: #e8e8e8 !important;
}

#provisions .tabulator-tableholder::-webkit-scrollbar-thumb, #viewerContainer::-webkit-scrollbar-thumb,.pdfPageContent::-webkit-scrollbar-thumb {
    background: darkgray !important;
    /* background: lightgray !important; */
}

#provisions .tabulator-tableholder {
     scrollbar-width: thin;  /* Firefox */
     scrollbar-color: darkgray #e8e8e8;
}

#provisions .tabulator-tableholder::-webkit-scrollbar {
    width: .58vw;
    height: .8vh;
}

#provisions .tabulator-tableholder::-webkit-scrollbar-track {
    background: #e8e8e8 !important;
}

#provisions .tabulator-tableholder::-webkit-scrollbar-thumb {
    background: darkgray !important;
    /* background: lightgray !important; */
}
#annInformation td, #annInformation th{
    width: auto !important;
    padding: 2px 3px !important;
    color: #000b3e !important}
    /* color: #011765 !important; */
/* Inspect annotation settings in aicre viewer */

#inspectAnnotation {
    overflow:hidden;
    width: 100% !important;
    height: 100% !important;
    padding: .1vh .1vw !important;
}

#annTitle {
    position: absolute;
    top: 0;
    left:0;
    width: 100% !important;
    height: 9% !important;
    background-color: white;
    /* border: 1px solid lightgrey !important; */
    /* margin-bottom: 2vh !important; */
}
#reviewHistory {
    position: absolute;
    left: 0;
    top: 10%;
    width: 100%;
    height: 12%;
    overflow-y: scroll !important;
    color: #000b3e !important
    /* color: #011765 !important; */
    /* max-height:20%; */
    /* margin-bottom: 2vh !important; */
    /* border: 1px solid lightgrey !important; */

}

#annValues {
    position: absolute;
    left:0;
    top: 24%;
    overflow:hidden !important;
    height:65% !important;
    position: relative;
    font: .85vw arial, sans-serif !important;
    border: 1px solid lightgrey !important;
    /* border:1px solid lightgrey !important; */
}

#inspectAnnotation > .examineButtonSet {
    position:absolute;
    bottom: 5% !important;
    height:4%;
    left:40%;
    right:40%;
    width: 18%;
    text-align: center !important;
    vertical-align: middle !important;
}

.examineButtonSet .btn-primary:not(.btn-link):not(.btn-flat) {
    padding: .4vh .4vw !important;
}

#examineApprove {
    margin-right: .2vw !important;
}

#reviewHistory td,#reviewHistory th {
    width:auto !important;
}

#reviewHistory .lastAction {
    font-style: italic !important;
    font-weight: bold !important;
}

#annTitle span.fieldLabel {
    width: 18% !important;
    font-weight:bold;
    border: 1px;
}

#annTitle span.annData {
    width: 32% !important;
    border: 1px;
    overflow: hidden;
}

#annTitle th {
    width: 18%;
}

.adTable{
    font: .85vw arial, sans-serif !important;
    position:relative !important;
    width: 100% !important;
    margin: 0 !important;
    border: 1px solid lightgrey !important;
}

.adTable th,#reviewHistory th {
    width: 10%;
}

#processedValue {
    display: flex !important;
    height: 60% !important;
    border-top: 1px solid lightgrey !important;
}

#rawValue {
    display: flex !important;
    height: 39% !important;
    margin-bottom: .5vh;
    margin-top: .5vh;
}

#annValues.textAndValueAndCashflow #rawValue,#annValues.textAndValue #rawValue {
    height: 30% !important;
}
#annValues.textAndValueAndCashflow #processedValue,#annValues.textAndValue #processedValue {
    height: 68% !important;
}

#annValues.textAndValueAndCashflow #annDisplayValue {
    min-width: 75% !important;
}


#annValues.textOnly #rawValue {
    height:100% !important;
    margin-bottom:0;
	      
}

span.arLabel {
    flex: 0 0 10%;
    width:10%;
    font-weight: bold;
    word-wrap: break-word;
}

#rawValue span.annText {
    flex: 0 0 90% ;
    overflow-y:scroll;
    padding-right: .2vw !important;
    padding-bottom: 1vh !important;
}

#annValues.textAndValue #processedValue span.annDisplayValue {
    flex: 0 0 90% ;
    overflow-y:scroll;
}
#annValues.textAndValueAndCashflow #processedValue span.DisplayValue {
    flex: 0 0 68% !important;
}
#annValues.textAndValueAndCashflow #processedValue span.annCashflow {
    flex: 0 0 18% ;
    overflow-y:scroll !important;
    height:95%;
    border-left: 1px solid lightgrey !important;

}

#annValues.textOnly #processedValue {
    display:none !important;
}
#annValues.textAndValue #processedValue span.annCashflow {
    display:none !important;
}
#annValues #processedValue span.annDisplayValue {
    overflow:scroll !important;
}


.adTable th, .adTable td {
    padding: 3px 4px !important;
    vertical-align: top !important;
}
#valueBlock,#textBlock {
    font: .87vw arial, sans-serif !important;
}
#valueBlock table th, #cashflowBlock table th,.annDisplayValue table th,.annCashflow table th {
    font-weight: normal !important;
    color:black !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
    background-color: white !important; 
    height: auto !important;
    width:auto !important;
    /* padding: 0px 10px !important; */
    display:"" !important;
    white-space:nowrap;
    font: .8vw arial, sans-serif !important;
}

#valueBlock table td, #cashflowBlock table td,.annDisplayValue table td,.annCashflow table td,#valueBlock table th, #cashflowBlock table th,.annDisplayValue table th,.annCashflow table th {
    font-weight: normal !important;
    color:black !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
    background-color: white !important;
    height: auto !important;
    width:auto !important;
    /* padding: 0px 10px !important; */
    display:"" !important;
    white-space:nowrap;
    font: .80vw arial, sans-serif !important;
}

#valueBlock table th, #cashflowBlock table th,.annDisplayValue table th,.annCashflow table th {
    font-weight: bold !important;
    /* color:black !important; */
    /* background-color: white !important;  */
    /* height: auto !important; */
    /* width:auto !important; */
    /* padding: 0px 10px !important; */
    /* display:"" !important; */
    /* white-space:nowrap; */
    /* font: .8vw arial, sans-serif !important; */
}

/* td.rentSchedule > div >table > thead > tr > th,td.monthlyRent > div >table > thead > tr > th{ */
/*     font-weight: normal !important; */
/*     color:black !important; */
/*     background-color: white !important;  */
/*     height: auto !important; */
/*     width:auto !important; */
/*     padding: 0px 10px !important; */
/*     display:"" !important; */
/*     white-space:nowrap; */
/*     font: .8vw arial, sans-serif !important; */
/* } */
/* td.rentSchedule > div >table > tbody > tr > td,td.monthlyRent > div >table > tbody > tr > td{ */
/*     font-weight: normal !important; */
/*     color:black !important; */
/*     background-color: white !important; */
/*     height: auto !important; */
/*     width:auto !important; */
/*     padding: 0px 10px !important; */
/*     display:"" !important; */
/*     white-space:nowrap; */
/*     font: .80vw arial, sans-serif !important; */
/* } */
.twoPart > tbody > tr {
    max-height: 24vh !important;
}

td.rentSchedule > div, td.monthlyRent >div{
    overflow: scroll !important;
    max-height:24vh;
}
.twoPart td.rentSchedule {
    height: 28vh !important;
}
.twoPart td.rentSchedule > div{
    max-height:18vh !important;
    max-width: 52vw;
    overflow-x: scroll !important;
}

td.monthlyRent > div {
    max-width: 30vw;
}
td.monthlyRent >div, td.rentSchedule>div {
    max-height: 24vh;
}
.rawAnnText {
    /* overflow-y:hidden !important; */
    width:88% !important;
}
.rawAnnText > div {
    overflow-y: scroll !important;
    height: 13vh;
    width:88% !important;
    /* max-width: 52vw; */
    overflow-wrap: break-word;
}

td.rentCell > table > tbody{
    overflow-y:scroll;
}
#adReviewHistory .histUser {
    width:33% !important;
}
#adReviewHistory .histDate {
    width:16% !important;
}
#adReviewHistory .histAction {
    width:10% !important;
}
#adReviewHistory .histNotes {
    width: 41% !important;
}

#adReviewHistory .histActionId {
    display: none !important;
}
@keyframes blink { 
   50% { background-color: #798ee5; } 
}
.pendingTableSave {
    animation: blink .5s step-end infinite alternate;
}
.rentDiv {
    max-height:170px !important;
}



.enableScrollbar {
    overflow-x: scroll !important;
}

.page .vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.leftScrollWidget,rightScrollWidget {
    height:100%;
}

.scrollWidgetContainer {
    position:absolute;
    top:0;
    right:35%;
    height: 5%;
    width: 10%;
}
.pdfViewerContainer {
    height:100% !important;
    width:66.666666% !important;
    margin:0px !important; 
    padding:0px !important;
    position:absolute !important;
}

.table.provisionTable.aicreTable {
    /* border:1pt solid #01329E !important; */
    margin:0px !important;
    padding:0px !important;
    height:95% !important;
    width: 100% !important;
    overflow:hidden !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border:0 !important;
}

#provisions {
    border:0 !important;
    border-bottom: 1pt solid #01329E !important;
}

.abstractContainer #hiddenMenu{
    display: none;
    padding-top:-5px;
}
.fa.fa-search-plus.aicreViewer{
    font-size:1.2em;
}
#inspectAnnotation {
    display:none;
}
,toolbarField.pageNumber {
    padding-left: 10px;
}
/* #abstractViewer { */
/*     position:relative; */
/*     overflow:hidden; */
/*     margin:0px; */
/*     padding:0px; */
/* } */
/* .abstractContainer #annotationDetails { */
/*     display: none; */
/*     position:relative; */
/*     overflow:hidden; */
/*     margin:0px; */
/*     padding:0px; */
/*     background-color: #f7fcfc; */
/* } */
/****************************************************** end aicre viewer *******************************************************************/
/****************************************************** generic doc classifier *************************************************************/
.ui-dialog[aria-describedby="docClassifyDialog2"] .ui-dialog-titlebar {
	padding: .35em 1em !important;
	position: relative !important;
	background: #01329E !important;
	height: 2vw !important;
	overflow:visible;
	font: .97vw arial, sans-serif !important;
	/* background-image:url("/media/images/comp.jpg"); */

}

#docClassifyDialog2 div.docText,#trainMain div.docText {
    width: 100% !important;
    max-height: 150px !important;
    min-height: 150px !important;
    overflow-y:scroll;
    overflow-x: hidden;
    /* height: auto; */
    white-space: normal;

}
#trainMain div.docText {
    min-height:150px !important;
}
    
#subTrainTable .tabulator-row, #sexTrainTable .tabulator-row,#subTrainTable .classSelect, #sexTrainTable .classSelect, #trainMain .classSelect {
    font: .8vw arial, sans-serif !important;
    min-height: 5px !important;
    font-weight: 400 !important;

}
#subTrainPageTable .tabulator-row {
    font: .75vw arial, sans-serif !important;
    min-height: 5px !important;
    font-weight: 400 !important;

}

    
#classifyTitle {
    text-align:center;
    color: #01329E;
    height: 2.5% !important;
    margin-bottom: .5vh !important;
    margin-top: .5vh !important;
    font: bold 1vw arial, sans-serif !important;
}
#subTrainTable .classSelect, #sexTrainTable .classSelect, #trainMain .classSelect {
    width: 100% !important;
}

.tabulator-cell {
    min-height: 5px !important;
}
#subTrainPageTable {
    height: 93% !important;
    overflow-y: scroll;
}
#subTrainPageWrapper {
    height: 92%;
}
#subTrainPageTable .tabulator-tableHolder {
    overflow-y: auto !important;
}

#subTrainPageWrapper .splitDocButtons {
    position: absolute;
    bottom: 1%;
    width: 30%;
    left: 35%;
    right: 35%;
    text-align:center;
}

#subTrainPageWrapper #groupCancel, #subTrainPageWrapper #groupApply {
    font: .7vw arial, sans-serif !important;
}


/****************************************************** end doc classifier *******************************************************************/

.rentRoll{
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  table-layout: fixed; 
  word-wrap:break-word; 
}

td{
  word-wrap:break-word; 
}

#trainDocs td{
    padding: 4px 6px !important;
}

table tbody tr td {
    word-break: break-word;
    vertical-align: top;
}
.activeRow {
    background:red !important;
}

.tenantName{
    white-space:normal;
    overflow-y:scroll !important;
    height: 100px !important;
    /* width:400px; */
    word-wrap;break-word
}
.tenantNameRed{
    white-space:normal;
    overflow-y:scroll !important;
    color: red;
    height: 100px !important;
    word-wrap;break-word
}

 table.table-fixedheader>tbody {
    overflow-y: scroll;
    height: 100px;
    
}
 table.table-fixedheader>thead {
    overflow-y: scroll;    
}
/*
For browsers that support it (webkit), we set the background color of
the unneeded scrollbar in the thead to make it invisible.  (Setting
visiblity: hidden defeats the purpose, as this alters the usable width
of the thead.)
*/
 table.table-fixedheader>thead::-webkit-scrollbar {
    background-color: inherit;
}


table.table-fixedheader>thead>tr>th:after, table.table-fixedheader>tbody>tr>td:after {
    content:' ';
    display: table-cell;
    visibility: hidden;
    clear: both;
}

/*
We want to set <th> and <td> elements to float left.
We also must explicitly set the width for each column (both for the <th>
and the <td>).  We set to 20% here a default placeholder, but it can be
overridden elsewhere.
*/

 table.table-fixedheader>thead tr th, table.table-fixedheader>tbody tr td {
    float: left;    
    word-wrap:break-word;     
}

.table-vcondensed > thead > tr > th,
.table-vcondensed > tbody > tr > th,
.table-vcondensed > tfoot > tr > th,
.table-vcondensed > thead > tr > td,
.table-vcondensed > tbody > tr > td,
.table-vcondensed > tfoot > tr > td {
  padding: 2px !important;
}
.table-mcondensed > thead > tr > th,
.table-mcondensed > tbody > tr > th,
.table-mcondensed > tfoot > tr > th,
.table-mcondensed > thead > tr > td,
.table-mcondensed > tbody > tr > td,
.table-mcondensed > tfoot > tr > td {
  padding: 3px !important;
}

@media (min-width: 992px) {
  .modal-giant {
    width: 1400px;
  }
}

.navbar {
    background-color: #01329E;
    height: 3.5vh !important;
    padding: 0px;
    margin:0px;
}
.nav-pills {
    padding: 5px 10px;
}
.navbar-brand {
    float: left;
    height: 100%;
    padding: 10px 15px 10px 20px;
    font-size: 18px;
    line-height: 20px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 7px 10px 7px 5px;
    font-weight: bold;
}
a {
    color: #01329E !important;
    text-decoration: none !important;
}

.nav > .nav-item > a.active {
    color: red !important;
    text-decoration: underline;
}
.nav > .nav-item > .subMenu >.nav-item >a.active {
    color: red !important;
    text-decoration: underline;
}
.nav > .active {
    color: red;
    text-decoration: underline;
}
.btn-primary:not(.btn-link):not(.btn-flat) {
    background-color: #01329E;
    color: #FFFFFF;
    /* font-weight: bold; */
    font: .75vw arial, sans-serif !important;
    padding: .8vh .8vw;
}
.btn-logout {
    background-color: #01329E;
    color: #FFFFFF;
    /* font-weight: bold; */
    font: .75vw arial, sans-serif !important;
    padding: 2px 4px;
}
.nav > li > a:hover{
  text-decoration: none;
  background-color: transparent;
  color:#798ee5 !important;
}
.nav > li > ul>li>a:hover,
.nav > li > ul>li>a:focus {
  text-decoration: none;
  background-color: transparent;
  color:#798ee5 !important;
}
a:hover, a:focus {
    color: red !important;
    text-decoration: underline !important;
}
a:contains('None'),a:empty {
    color: black !important;
    cursor: not-allowed;
    pointer-events:none !important;
    opacity: 0.5;
    text-decoration: none;
}


.classiferPicks {
    vertical-align: top;
    width:6%;
}
.sdid {
  vertical-align: top;
}
.sectid {
  vertical-align: top;
}
#trainTextLayer {
  position: absolute;
  left: 5;
  top: 5;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 1;
  line-height: 1.0;
}

.btn-grp {
    position: absolute;
    right: 0;
    bottom: 15;
    overflow: hidden;
    opacity: 1;
    line-height: 1.0;
}
#group-buttons {
    position: absolute;
    right: 0;
    overflow: hidden;
    opacity: 1;
    line-height: 1.0;
}
.btn-small {
    padding: 5px 5px;
    text-align: center;
    width: 7%;
    text-transform: capitalize;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
}
.btn-select {
    background-color: #01329E !important;
    color: white !important;
    padding: 4px 8px;
    text-align: center;
    width: ;
    text-transform: capitalize;
    text-decoration: none;
    display: inline-block;
    font-size: .9vw;
    font-weight: bold;
    margin-bottom:5px;
    white-space:nowrap;
    border: 1px solid blue !important;

}



.form-control {
    border: 1px solid hsla(0,0%,0%,.35); */
    border-weight: 1px !important;
    border-color: black;
}
select.form-control {
    border: 1px solid hsla(0,0%,0%,.35); */
    border-weight: 1px !important;
    border-color: black;
}
.modal-title {
    text-align:center;
    background-color:#798EE5 !important;
    background-color:#95a6ee !important;
    color: white;
}

.sub-header {
    margin-top:10px; !important;
    margin-bottom:5px; !important;
}
#map {
    border-color: #01329E !important;
    background-color: gray;
    padding-left:5px;
}
#ptwrap {
    max-height:16%;
    margin-bottom:15px;
    overflow-y: scroll;
}
#ttwrap {
    max-height:16%;
    margin-bottom:15px;
    overflow-y: scroll;
}
#ptable  {
    overflow-y: scroll !important;
}
#atwrap {
    max-height:16%;
    overflow-y: scroll;
}
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #e6eeff;
}
.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
   background-color: white; // Choose your own color here
}

.table-striped>tbody>tr.activeRow>td 
{
    background-color: red;
}
.activeRow {
    background-color: red !important;
}
.backButton {
    background-color: #01329E;
    color:white;
}
#slideshow, img.bgM {
    height: 100% !important;
    width:100% !important;
    position: fixed;
    z-index:-9999;
    background-color:unset !important;
}
.userCredContainer {
    color: #01329E;
    background-color: rgb(242,249,255,.85);
    /* background-color: rgb(218,165,32,.85); */
    padding:0px;
    margin:0px;
    text-align:center;
    position: absolute;
    width:75%;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.titleContainer {
    background-color:rgb(232, 237, 237,.75) !important;
    background-color: rgb(1,50,153,.65);
    padding:0px;
    margin:0px;
    text-align:center;
    position: absolute;
    width:45%;
    height: auto !important;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #01297F !important;
    border-radius: 35px;
}
.primaryTitle {
    color: #01297F !important;
    font: 9vw arial, sans-serif !important;
    font-style: italic !important;
    padding:0px;
    margin:0px;
    line-height: normal !important;
    text-align:center;
    font-weight: bold !important;
}
.secondaryTitle {
    color: #01297F !important;
    font: 1.6vw arial, sans-serif !important;
    font-style: italic !important;
    padding:0px;
    margin:0px;
    text-align:center;
    font-weight: bold !important;
}
.diskImage {
    animation: diskSpin 30s linear infinite;
    height: 5vh;
    padding: 0 1vh;
    margin-bottom: 2vh !important;
    margin-left: .3vw !important;
}
@keyframes diskSpin {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}

.btn-sm:not(.btn-link):not(.btn-flat) {
    background-color: #01329E;
    color: #FFFFFF;
    font-weight: bold;
    height:auto;
    padding:2px;
    margin:1px;
}
.btn-xs:not(.btn-link):not(.btn-flat) {
    background-color: #01329E !important;
    color: #FFFFFF !important;
    font-weight: bold;
    font: .75vw arial, sans-serif !important;

    height:auto;
    padding:2px;
    margin:1px;
}
.btn-success:not(.btn-link):not(.btn-flat) {
    background-color: #01329E !important;
    color: #FFFFFF !important;
    font-weight: bold;
    font: .75vw arial, sans-serif !important;

    height:auto;
    padding:2px;
    margin:1px;
}
.btn-success:not(.btn-link):not(.btn-flat):hover,.btn-success:not(.btn-link):not(.btn-flat):focus {
    color:red !important;
}
.btn-danger:not(.btn-link):not(.btn-flat):hover,.btn-danger:not(.btn-link):not(.btn-flat):focus {
    color:blue !important;
}
.btn-danger:not(.btn-link):not(.btn-flat) {
    background-color: red !important;
    color: #FFFFFF !important;
    font-weight: bold;
    font: .75vw arial, sans-serif !important;

    height:auto;
    padding:2px;
    margin:1px;
}
.ui-selectmenu-menu {
    max-height:90%;
    overflow-y:scroll;
}

.buttons-html5 {
    background-image:none !important;
    background-color: #01329E !important;
    color: #FFFFFF !important;
    font-size: .8vw !important;
    height:auto;
    padding:2px !important;
    margin:1px !important;
}
div.dt-buttons {
    position: absolute;
    right:1%;
}
.cellChangeHighlight {
    background-color:blue !important;
    color:white !important;
}
.rowAdded {
    border: 1px solid #01329E !important;
}

table.provisionTable > thead {
    display:none
}

#ptable-wrap {
    overflow-x:hidden !important;
}
#ptable-wrap dt-buttons {
    margin-bottom: 4px !important;
}

::selection { background:rgba(0,0,255,0.3); }
::-moz-selection { background:rgba(0,0,255,0.3); }
.disabledAnnotation {
    background-color: lightgray !important;
    fill:lightgray !important;
    color:black !important;
}

.placeHolder {
    color: red !important;
}

#container >#header {
    background: #01329E !important;
    color: white !important;
}

.aicreTable {
    font: .9vw arial, sans-serif !important;
    padding:1px;
    font-weight:400 !important;
    color:#000b3e !important;
}


.detailTable {
    font: .80vw arial, sans-serif !important;
    font-weight:normal !important;
}

.deal-option.disabled {
    color:gray;
    pointer-events:none;
}


#sideNav {
    font: bold 1.2vw arial, sans-serif !important;
    height: 90%;
}    
.sideNav > .nav-item {
    font: 1.2vw arial, sans-serif !important;
}    
.subMenu > .nav-item {
    font: 1vw arial, sans-serif !important;
    text-indent: 1.2vw !important;
}
.nav-footer {
    font: .9vw arial, sans-serif !important;
    color:#798ee5 !important;
}
    
/* .nav-footer a{ */
/*     color:#757e94 !important; */
/* }     */
.dr-create-deal {
    font: .8vw arial, sans-serif !important;
}
#dealSelect:after {
    content: '\f00e';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-left:5px;
    color:white;
}
.navbar-nav > li >a:hover, .navbar-nav > li >a:focus {
    color:#798ee5 !important;
}

#navbarTop {
    background-image:url("/media/images/comp.jpg");
    /* background-size: cover; */
    width:100%;
    height:30px !important;
    min-height:30px !important;
}
#mainTitleText {
    left:42%;
    right:42%;
    color: white;
    width: 15%
}
#userTag > li > a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
#aicre-nav,#landing-nav {
    height:90%;
    padding:0 !important;
    width:auto;
    font: 1.2vw arial, sans-serif !important;
    position:absolute;
    right:0;
    vertical-align:inline;

}
#landing-nav {
    width: 15% !important;
    text-align: right;
    padding-right: .3vw !important
}
#dealSubmenu, #kibanaSubmenu,#trainingSubmenu,#adminSubmenu,#clientAdminSubmenu {
    padding-bottom:1.5vh;
    text-indent:1.2vw;
    font: 1vw arial, sans-serif !important;
}
/* #propReturn { */
/*     height:80%; */
/*     /\* padding-top:5px !important; *\/ */
/*     font: .85vw arial, sans-serif !important; */
/*     position:absolute; */
/*     left:1%; */
/*     top:7%; */
/*     text-align:middle; */
/*     /\* opacitity:.5; *\/ */
/*     /\* background-color: rgba(1,50,158,.3) *\/ */
/* } */
.docProgress {
    width: 100% !important;
    height: 100% !important;
    border: .25px solid #f4f1f1 !important;
}

.docEmpty {
    width: 1%;
    /* height: 18px; */
    height: 97% !important;
    background-color: transparent;
    border-color:red;
    max-height: 2vh !important;
}
.docDone {
    width: 1%;
    height: 18px ;
    height: 97% !important;
    background-color: #01329E ;
    max-height: 2vh !important;
}
.docUnderway {
    width: 1% ;
    height: 18px ;
    height: 97% !important;
    background-color:#798EE5 ;
    max-height: 2vh !important;
}
.docNone {
    width: 1% ;
    height: 18px ;
    height: 97% !important;
    background-color: red ;
    max-height: 2vh !important;
}
.docOther {
    width: 1% ;
    height: 18px ;
    height: 97% !important;
    background: red ;
    background-image:
    radial-gradient(#01329E 30%, transparent 0), 
    radial-gradient(#01329E 30%, transparent 0);
    background-size: 20px 18px;
    background-position: 0 0, 10px 9px;
}

.statusMessage {
    color:red;
    font: .85vw arial, sans-serif !important;
}    
.aicreTable > tbody >tr > td > div >table {
    font: .75vw arial, sans-serif !important;
}    
.annTable > tbody >tr > td {
    font: .75vw arial, sans-serif !important;
}    
.evo-bNnew .ui-button{
    background-color: #01329E;
    color: white !important;
    font: .75vw arial, sans-serif !important;
    padding: 6px 12px;
}

.query-builder .rules-group-header {
    margin-bottom: 3px;
}
.query-builder .btn-group {
    margin: 3px 1px;
}
label.btn.btn-xs.btn-primary.active {
    color:red !important;
}
.rule-value-container {
    border-left: 0 !important;
    margin-left: 10px !important;
    font: .92vw arial, sans-serif !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
    width: 30%;
}
.rule-value-container .form-control {
    width: 100%;
    font: .92vw arial, sans-serif !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
}
.rule-operator-container,.rule-filter-container {
    font: .92vw arial, sans-serif !important;
}
.rule-filter-container {
    width: 15%;
    color:#000b3e !important;
    /* color: #011765 !important; */
}
.rule-filter-container select.form-control {
    width: 100% !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
}

.rule-operator-container {
    width: 5%;
    margin-left: 5px !important;
    text-align: center !important;
    color:#000b3e !important;
    /* color: #011765 !important; */
}

.rules-group-container {
    border:none !important;
}
.btn:hover ,.btn-select:hover,.btn-logout:hover{
    color:red !important;
}
.btn-primary:hover ,.btn-primary:focus,.btn-logout:focus{
    color:red !important;
}

.btn-primary {
    margin: 0 !important;
}

/* .docBar { */
/*     width: 1%; */
/*     height: 18px; */
/*     background-color: #01329E; */
/* } */
.form-control[type="text"] { 
    width: 400px;
    padding:3px;
}
.wizardText {
    width:95%;
    height:100%;
}
table tbody tr td[data-pending] {
    color:red !important;
    font-weight:700;
}
.global-nav.is-global-nav-open {
    display: none !important;
}
.global-nav.is-global-nav-open {
    background-color: red !important;
}

    
input[name="dealType"] {
    margin-right:5px;
}
input[name="dealStatus"] {
    margin-right:5px;
}
.dealSummaryTitle {
    font: bold 1vw arial, sans-serif !important;
    color:#01329E;
}
#valueSheet {
    padding-left:30px;
}

.dealItem {
    margin-bottom:4%;
    width:100%;
}
.dealInput {
    position: absolute;
    left: 40%;
    font: 1vw arial, sans-serif !important;
}
.dealInput.largeBox {
    height: 17px;
    width: 17px;
}
.dealInputLabel {
    font: bold 1vw arial, sans-serif !important;
    min-width: 30% !important;
}
.dealInputLabel.invalidInput {
    color:red;
}
#dealDealName, #dealDealDesc, #dealDealLead,#requiredLevelSelect, #advisoryClientSelect{
    width: 58%;
}
#exportDealModal .dealItem  .dealInputLabel {
    min-width: 100px !important;
}
#exportDealModal  .dealInput {
    left: 150px !important;
    margin-right: 4px !important;
    width: 72% !important;
}

#exportDealModal {
    border: 1px solid #01329E !important;
}

td.tableCell > table > thead > tr > th{
    font-weight: normal !important;
    color:black !important;
    background-color: white !important;
    height: auto !important;
    width:auto !important;
    padding: 0px 10px !important;
    display:"" !important;
    white-space:nowrap;
    font: .90vw arial, sans-serif !important;
}
td.tableCell > table > tbody > tr > td{
    font-weight: normal !important;
    color:black !important;
    background-color: white !important;
    height: auto !important;
    width:auto !important;
    padding: 0px 10px !important;
    display:"" !important;
    white-space:nowrap;
    font: .90vw arial, sans-serif !important;
}



.pageTitle,.altPageTitle {
    text-align:center;
    vertical-align:middle;
    color:#01329E;
    font-size:1.4vw;
    font-weight:700;
}
.pageTitle.reducedTitle {
    font-size:1.1vw !important;
}
.dealTitle {
    color:#01329E !important;
    font-size:1.2vw !important;
    font-weight:700 !important;
}    
.popover {
    color: #01329E;
    background-color:rgb(242,249,255) !important;
}
a.popoverLink {
    text-decoration: underline;
}
.userTag {
    background-color:white;
    opacity: .5;
}
#dealPropertyHeader {
    position:relative;
    width:100%;
    height:45%;
    padding-bottom:0px;
}
#dealPropertyMap {
    float:left;
    height:100%;
    width:48%;
    margin-right:1%;
    border: 1px solid #01329E;
}
#dealPropertyGraphic {
    margin-left:3%;
    float:left;
    height:100%;
    width:48%;

}
#dealPropertyPie {
    height:100%;
    width:100%;

}
#dealSummaryBlock,#dealSummaryProvisions {
    width: 100%;
    position: relative;
}
.dealSummaryTitle > a {
    text-decoration:underline !important;
}

.dt-button.buttons-html5:hover,.dt-button.buttons-html5:focus {
    color:red !important;
}
.query-builder .rules-group-container {
    padding: 5px !important;
    padding-bottom: 3px !important;
    /* border: 1px solid #01329E !important; */
    border:0 !important;
    background: white !important;
}
.query-builder .rules-group-container, .query-builder .query-builder .rule-placeholder {
    position: relative !important;
    margin: 1px 0 !important;
    border-radius: 2px !important;
    padding: 2px !important;
    border: 0 !important;
    background: rgba(255, 255, 255, 0.9);
}

.rule-container {
    position: relative !important;
    margin: 1px 0 !important;
    border-radius: 2px !important;
    border: 0 !important;
    background: rgba(255, 255, 255, 0.9);
    margin-bottom: 2px !important;
}


#dealAddButton {
    float:right;
    margin-right: .2vw !important;
    padding: .2vw .3vh !important;
}
#clientSearchGroup {
    height: 30px !important;
}
#clientSearchModal .dealInputLabel {
    font: .95vw arial, sans-serif !important;
    width: 160px !important;
    vertical-align: middle !important;
    font-weight: bold !important;
}
#clientSearchModal .dealInput {
    left: 165px !important;
    width: 60% !important;
    height: 25px !important;
}
#clientSearchModal #clientSearchButton {
    position: absolute;
    right: 20px !important;
    margin:0 !important;
}
#passwordChangeModal {
    font: .85vw arial, sans-serif !important;
}    
#passwordChangeModal .dealInputLabel {
    font: .85vw arial, sans-serif !important;
    width: 30% !important;
    left: 5px;
    margin:0;
    vertical-align: middle !important;
    font-weight: bold !important;
}
#passwordChangeModal .dealInput {
    font: .85vw arial, sans-serif !important;
    left: 140px !important;
    width: 40% !important;
    height: 20px !important;
}
#passwordChangeModal #validateUserButton {
    position: absolute;
    right: 10px !important;
    margin:0 !important;
    padding: 2px 6px;
    height: 20px !important;
}
#passwordChangeModal #validatepasswordButton {
    position: absolute;
    left: 150px !important;
    margin:0 !important;
    margin-top: 10px !important;
    padding: 4px 6px !important;
}
#passwordErrorMessage {
    margin-top: 8px;
    height: 20px;
}
#newPasswordBlock {
    min-height: 50% !important;
}
#newPasswordBlock .dealItem {
    margin-bottom: 10px !important;
}

#clientSearchResults .dealInput{
    height:unset !important;
}
.passwordContainer {
    color: #01329E !important;
    font: bold .95vw arial, sans-serif !important;
    background-color: rgb(255,255,255,.95);
    padding:0px;
    margin:0px;
    text-align:center;
    position: absolute;
    width:30%;
    height: 28%;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #01329E !important;
}
.resetContainer {
    width: 40% !important;
}
/* .loginInputs { */
/*     margin-top: 8% !important; */
/* } */
.passwordContainer .loginComponent {
    margin-top: 8px !important;
}
.passwordContainer #loginMessage {
    margin-bottom: 15px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.passwordResetContainer #loginMessage {
    font: .90vw arial, sans-serif !important;
    color: red !important;
}
.passwordContainer .loginInput {
    font-weight: normal;
    border: 1px solid #01329E !important;
}
.passwordContainer .loginLabel {
    font-weight: bold !important;
}
.passwordContainer #loginSubmit {
    margin-top: 20px;
}
.landingLogin #loginMessage{
    margin-top: 10px !important;
    color: red !important;
}
#authenticateGroup #loginMessage {
    height:14px !important;
    color: red !important;
    margin-bottom: 4px !important;
    margin-top: 2px !important;
}
#authenticateGroup .dealItem {
    margin-bottom: 10px !important;
}

#authenticateGroup {
    margin-bottom: 15px !important;
}
#resetPassword {
    font: bold .95vw arial, sans-serif !important;
    color: red !important;
    text-decoration:underline !important;
}
#resetPassword:hover {
    color: blue !important;
}
.loginBrand {
    font: 2.0vw arial, sans-serif !important;
    font-weight: bold;
    width: 100% !important;
    color: red;
    margin-bottom: 5px;
    text-shadow: 1px 1px #01329E;}
}
.resetContainer .loginLabel {
     width: 15% !important;
     margin-right: 3px !important;
}
.resetContainer .loginInput {
     width: 80% !important;
}
.dealSummaryEdit {
    position: absolute;
    right: 2px;
    bottom: 1px;
}
    
.button-text {
    padding:0;
    margin-left: 4px;
    margin-right: 4px;
    text-transform: Capitalize !important;
    font-size: .75vw;
}
.annotateButtonText {
    pointer-events: none !important;
}

.lastRequired {
    border-bottom: 1px solid #01329E !important;
}

/****************************************************** remerge tables.css to faciliate cleanup *******************************************************************/
table.table-fixedheader {
    width: 100%;   
}

#dtSelect {
    color:black;
    background-color: #798EE5;
    padding:0;
    vertical-align:middle;
    margin-top:.45vh;
    border:none;
    
}

table.table-fixedheader, table.table-fixedheader>thead, table.table-fixedheader>tbody, table.table-fixedheader>thead>tr, table.table-fixedheader>tbody>tr, table.table-fixedheader>thead>tr>th, table.table-fixedheader>tbody>td {
    display: block;
}
table.table-fixedheader>thead>tr:after, table.table-fixedheader>tbody>tr:after {
    content:' ';
    display: block;
    visibility: hidden;
    clear: both;
}

td{
  word-wrap:break-word; 
}

table tbody tr td {
    word-break: break-word;
    vertical-align: top;
}
 table.table-fixedheader>tbody {
    overflow-y: scroll;
    height: 100px;
    
}
 table.table-fixedheader>thead {
    overflow-y: scroll;    
}
 table.table-fixedheader>thead::-webkit-scrollbar {
    background-color: inherit;
}


table.table-fixedheader>thead>tr>th:after, table.table-fixedheader>tbody>tr>td:after {
    content:' ';
    display: table-cell;
    visibility: hidden;
    clear: both;
}

/*
We want to set <th> and <td> elements to float left.
We also must explicitly set the width for each column (both for the <th>
and the <td>).  We set to 20% here a default placeholder, but it can be
overridden elsewhere.
*/

 table.table-fixedheader>thead tr th, table.table-fixedheader>tbody tr td {
    float: left;    
    word-wrap:break-word;     
}

.table-vcondensed > thead > tr > th,
.table-vcondensed > tbody > tr > th,
.table-vcondensed > tfoot > tr > th,
.table-vcondensed > thead > tr > td,
.table-vcondensed > tbody > tr > td,
.table-vcondensed > tfoot > tr > td {
  padding: 2px;
}

.documentTableTitleBar span.download-buttons {
    position: absolute;
    right:0.5%;
}

.rentCell > div.rentDiv {
    overflow-y: scroll !important;
}
.adTable{
    font: .85vw arial, sans-serif !important;
}

.rentDiv {
    max-height:170px !important;
}

.documentTableTitleBar {
    width: 100%;
    height:7%;
    color:black;
}
#selectBlock.documentTableTitleBar {
    height: 10%;
}
.searchbox {
    float:left !important;
    font-weight: bold !important;
    /* padding-top:5px; */
    margin-top:.5vh;
    font: .8vw arial, sans-serif !important;
    width:12%;
    text-align:left;
    color: #01329E;
}
.searchbox .tableSearchInput {
    width: 90% !important;
}
#docClassifyDialog2 .searchbox {
    margin-top: unset !important;
}

.tableSearchInput {
    border: 1px solid #01329E !important;
}
.searchBox:before {
    content: '\f00e';
    font-family: FontAwesome;
    color:#01329e;
    margin-right:.2vw !important;
    font-size: .9vw;
}

.rentsource,.loanNullFilter {
    float:left !important;
    font: .80vw arial, sans-serif !important;
    width:auto;
    font-weight: bold !important;
    text-align:left;
    padding-bottom: 0 !important;
    padding-top:5px !important;
    color: #01329E;
}
.loanNullFilter input[type="radio"],.loanTransposeFilter input[type="radio"] {
  margin-top: 1px;
  vertical-align: top;
}

.exclusionCheckbox {
    float:left !important;
    font: .80vw arial, sans-serif !important;
    width:8%;
    font-weight: bold !important;
    text-align:left;
    padding-bottom: 0 !important;
    padding-top:5px !important;
    color: #01329E;
    vertical-align: middle !important;
}
input.excluded {
    vertical-align: middle !important;
    transform: scale(.9);
}
.filterset,.filterset2 {
    float:left !important;
    padding-left:5px;
    padding-top: 10px;
    font: .95vw arial, sans-serif !important;
    font-weight: bold !important;
    width:10%;
    text-align:left;
    color: #01329E;
}
#dealSearcher {
    float:left !important;
    padding-left:5px;
    font: .90vw arial, sans-serif !important;
    font-weight: bold !important;
    width:40%;
    text-align:left;
    color: #01329E;
}
#dealSearchInput {
    margin-left: 5px !important;
    height: 17px;
    font: .90vw arial, sans-serif !important;
}

.doctypefilter {
    float:left !important;
    padding-left:5px;
    padding-top: 10px;
    font: .95vw arial, sans-serif !important;
    font-weight: bold !important;
    width:50%;
    text-align:left;
    color: #01329E;
}

#dealSelectFilter.filterset2 {
    padding-top: 5px;
    font: .90vw bold arial, sans-serif !important;

}

.tableTitle {
    position:absolute;
    left:40%;
    width:20%;
    font: bold 1.2vw arial, sans-serif !important;
    text-align: center;
    color: #01329E;
}
#doctypeFilterSelect {
    position:absolute;
    left:48%;
    width:13%;
    font: 1.1vw bold arial, sans-serif !important;
    font-weight:700 !important;
    text-align: center;
    color: #01329E;
}
#propInfoFilter {
    position:absolute;
    left:44%;
    width:12%;
    font: .95vw bold arial, sans-serif !important;
    text-align: center;
    margin-top: .75vh !important;
    color: #01329E !important;
}

.rentSource {
    position:absolute;
    left:15%;
    /* width:12%; */
    font: .90vw bold arial, sans-serif !important;
    text-align: center;
    margin-top: .25vh !important;
    color: #01329E !important;
}


#rentFieldPicker, #finAnnInspector {
    position:absolute;
    left:55.5% !important;
    width:1%;
    font-weight: bold;
    font-size: .7vw !important;
    text-align: center;
    margin-left:.7vw;
    /* margin-top: 5px !important; */
    color: #01329E !important;
}

#rentFieldPicker.docTable {
    position:absolute;
    left:60.5% !important;
    width:2%;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-left:5px;
    /* margin-top: 5px !important; */
    color: #01329E !important;
}



#rentFieldPicker:hover, #rentFieldPicker:focus,#finAnnInspector:hover, #finAnnInspector:focus {
    color:red !important;
}

#propInfoFilter {
    text-align: center !important;
}
#propInfoFilter > option {
    text-align: left !important;
}

#rentRollTitle,#loanTitle {
    left:40% !important;
}
#dealLoanTitle {
    width: 10%;
    left: 50%;
}
	     
.propertyListBlock {
    width:100%;
    height: 52%;
    overflow:hidden;
    margin-top:10px;
}
.propertyListBlock .tableTitle,#searchTab .tableTitle, #homeBlock .tableTitle,#inboxBlock .tableTitle {
    left:45% !important;
}
.rentRollBlock,.loanDetailBlock {
    width:100%;
    height: 48% !important;
    overflow:hidden;
    margin-top:10px;
}

.rentRollBlock {
    height: 53% !important;
}

#tenantDocs, #propertyDocs,#loanDocs,#otherDocs,#dealPropertyTable,#rentRollTable,#loanTable,#inverseLoanTable,#osTable,#activeDealTable,#dealSelectTable,#searchResults,#clientProvisions,#clientUsers,#aicreClients,#aicreUsers,#inboxTable,#operatingStatementTable,#provisionTable,#documentTable,#userTable.#settingsReport {
    height:93% !important;
    border: 1px solid #01329E;
    overflow-x:hidden !important;
    padding:0;
    width: 100%;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

#tenantDocs {
    height: 93.5% !important;
}

#provisionTable,#documentTable {
    height: 90% !important;
}

#loanTable,#inverseLoanTable,#dealPropertyTable {
    overflow-x:visible !important;
}

#loanTable .tabulator-tableHolder ,#inverseLoanTable .tabulator-tableHolder ,#tenantDocs .tabulator-tableHolder ,#rentRollTable .tabulator-tableHolder,#osTable .tabulator-tableHolder,#proformaTable .tabulator-tableHolder,#altRentRollTable .tabulator-tableHolder ,#dealPropertyTable .tabulator-tableHolder,#reportFieldTable .tabulator-tableHolder,#clientTable .tabulator-tableHolder,#provisionTable .tabulator-tableHolder,#settingsReport .tabulator-tableHolder {
    overflow-x: visible !important;
}

.tabCheckbox {
    margin: 0 !important;
    width: .9vw !important;
    height: .9vw !important;
}

#rentRollTable, #osTable,#altRentRollTable,#proformaTable {
    height:90% !important;
    margin-top: .75vh !important;
}

select.fincatSelect {
    width:98%;
    margin-left:3px;
    color: #01329E !important;
    background-color: transparent !important;
}
select.fincatSelect.fincatGroup {
    width:98%;
    margin-left:3px;
    color: #01329E !important;
    font-weight:bold !important;
}
select.fincatSelect.fincatGroup.fincatExpense {
    width:98%;
    margin-left:3px;
    color: red !important;
    font-weight:bold !important;
}
select.fincatSelect.fincatExpense {
    width:98%;
    margin-left:3px;
    color: red !important;
}

select option.fincatGroup {
    color: #01329E !important;
    font-weight: bold;
}

select option.fincatDetail {
    color: #01329E !important;
    margin-left:15px !important;
}

select option.fincatGroup.fincatExpense {
    color: red !important;
    font-weight: bold !important;
}
select option.fincatDetail.fincatExpense {
    color: red !important;
    margin-left:15px !important;
}

#activeDealTable {
    height:86.5% !important;
    width: 100% !important;
}

/* #searchResults { */
/*     height: 91% !important; */
/* } */

.dt-button.buttons-html5:hover,.dt-button.buttons-html5:focus {
    color:red !important;
}
.propertyListBlock #groupingButtons {
    height: 85% !important;
    font: .75vw arial, sans-serif !important;
}

.propertyListBlock #gbutton,.propertyListBlock #gclearbutton, .propertyListBlock #geditbutton {
    height: 75% !important;
    padding: .2vh .4vw !important;
}
#dealDocumentTab #groupingButtons {
    height: 90% !important;
    font: .75vw arial, sans-serif !important;
}

#dealDocumentTab #gbutton,#dealDocumentTab #gclearbutton, #dealDocumentTab #geditbutton {
    height: 90% !important;
    padding: .2vh .4vw !important;
}

#documentTabBar, #propertyTabBar, #preferenceTabBar {
    background-color: white;
    border:none;
    margin-bottom: 15px;
    border-bottom: 1px solid #01329E;

}
#propertyTabBar {
    margin-bottom: 2px;
    padding:0;
}
#propertyTabManager {
    padding-top: 0;
}
#documentTabBar.nav-tabs > li > a,#propertyTabBar.nav-tabs > li > a {
    font: bold 1.0vw arial, sans-serif !important;
    color: #01329E !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .3em 1em;
    text-decoration: none;
    color: #01329E !important;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: .2em .2em 0 0;
    border: 1px solid #01329E;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap;
    background-color: rgb(242,249,255);
    font: bold .9vw arial, sans-serif !important;
}

.ui-tabs .ui-tabs-nav li.empty {
    font: .9vw arial, sans-serif !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background-color:#01329E !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
    color: white !important
}
.ui-tabs .ui-tabs-nav li.empty a{
    color:#a6acaf !important
}

.ui-tabs .ui-tabs-nav li.updating a{
    background-color: #798EE5; !important
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover,.ui-tabs .ui-tabs-nav li a:hover{
    color: red !important
}
#propertyTabBar .ui-tab {
    margin: 0 .1em 0 0;
}


#docReviewButtons {
    bottom:.5%;
    width:60%;
    height:4%;
    left:25%;
}
#documentTabManager {
    width: 100%;
    height: 96%;
    position: relative;
}
.ui-widget-content {
    border: none !important;

}
.docBlock {
    width:100%;
    flex-flow:1;
    height:88%;
    padding:0 !important;
}
#dealDocumentTab {
    height: 96% !important;
}
.docBlock th {
    width: 35% !important;
}

#provisionBlock,#documentBlock {
    height: 88%; 
}
#homeBlock {
    height: 42% !important;
    text-align: center;
    margin-top: 5px;
}
#inboxBlock {
    height: 97% !important;
    text-align: center;
    margin-top: 5px;
}

#selectBlock {
    height: 97%;
}

#homeBlock .documentTableTitleBar {
    margin-bottom: 15px;
}
#trainMainBlock,#reviewAnnotations {
    height: 94% !important;
}
#reviewAnnotations {
    height: 96% !important;
}
    
#reviewAnnotations .documentTableTitleBar {
    height: 4% !important;
}

#trainMainBlock .documentTableTitleBar {
    margin-top: 0 !important;
    height: 4% !important;
}
#trainMainBlock .documentTableTitleBar .searchBox{
    margin-top: 0 !important;
}
/* #trainMainBlock .documentTableTitleBar .searchBox .tableSearchInput{ */
/*     width: 75% !important; */
/* } */
#trainMainBlock .documentTableTitleBar .tableTitle{
    left: 45% !important;
}

.detailTable {
    font: .80vw arial, sans-serif !important;
    font-weight:normal !important;
}

.detailTable .tabulator-header  .tabulator-col {
    background-color:#01329E !important;
    color:white !important;
    padding: 0 !important;
}


#homeBlock .btn-sm {
    font: .75vw arial, sans-serif !important;
    padding: 1px 3px !important;
}
#searchTab {
    height: 70% !important;
}
#dealSelectModal {
    position:relative;
    font-size:16px;
    font: 1vw arial, sans-serif  !important;
    border: 2px solid #01329E !important;
    height: 34vw !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: hidden;
}
#dealAddModal {
    display:none;
    position:relative;
    font-size:16px;
    width:auto;
    height:auto;
}
#dealSelectModal {
}
#dealAddModal {
    border-bottom: 1px solid #01329E !important;
    height: 31vw !important;
}

#dealSelectTable .tabulator-row.tabulator-selectable:hover {
    background-color: #ccccff !important;
    background-color: #ccbef3 !important;
}
.clientselect {
    float:left !important;
    padding-top:5px;
    width:23%;
    text-align:left;
    font-weight: bold;
    font-size: 14px;
    color: #01329E;
}

#addClientButton {
    padding: 4px 6px !important;
    margin-bottom: 2px !important;
    margin-top: 5px !important;
}

#subClientSelect {
    font: .8vw arial, sans-serif !important;
    width:250px !important;
    margin-left: 10px;
}
#clientUsers  .tabulator-header .tabulator-col,#aicreUsers  .tabulator-header .tabulator-col {
    max-height: 25px !important;
}
#documentBlock  .tabulator-header .tabulator-col,#aicreUsers  .tabulator-header .tabulator-col, #provisionBlock  .tabulator-header .tabulator-col,#aicreUsers  .tabulator-header .tabulator-col {
    max-height: 25px !important;
}
.context-menu-item {
    color: #01329E !important;
}
.context-menu-icon::before {
    color: #01329E !important;
}
.context-menu-item.context-menu-hover{
    background-color: white !important;
    color: red !important;
}
.context-menu-icon.context-menu-hover::before {
    color: red !important;
}

input,input[type='text'],input[type='number'],#uname, #pass,select {
    border: 1px solid #01329E !important;
    padding:0 !important;
    margin:0 !important;
}

/* #loginPassword { */
/*     -webkit-text-security:disc; */
/* } */

input:focus,input:hover,input[type='text']:focus,input[type='number']:focus,input[type='password']:focus,#uname:focus, #pass:focus ,select:focus,select>option:focus,input[type='text']:hover,input[type='number']:hover,input[type='password']:hover,#uname:hover, #pass:hover ,select:hover{
    border: 1px solid #red !important;
    outline: none !important;
    /* padding:0 !important; */
    /* margin:0 !important; */
}
#fieldList {
    border: 1px solid #01329E !important;
}
.pickerLabel {
    margin-left: 5% !important;
    margin-right: 5%;
    width: 70% !important;
    color:#000b3e !important;
}

.pickerBox {
    width: 10% !important;
}

#docClassifyDialog,#docClassifyDialog2 {
    border: 2px solid #01329E !important;
    margin:0 !important;
    padding: 0 !important;
    overflow:hidden;
    backgroup: white;
    width: 100% !important;
}


/*********************************************** Group Doc and Property CSS for modal window ***********************************************************/

.groupDocDialogWindow {
    width: 70vw !important;
    height: 50vh !important;
    background: white;
}

.groupEditWindow {
    width: 50vw !important;
    height: 15vh !important;
    background: white;
}

#groupDocDialog {
    margin:0;
    padding: 0;
    display: none;
    width: 100% !important;
    height: 100% !important;
    border: 2px solid #01329E !important;
    overflow: hidden !important;
}
#groupDocButtons {
    text-align: center !important;
    height: 7% !important;
    margin-top: 1vh !important;
}
#groupDocData {
    background: white !important;
    width: 100%;
    height: 100% !important;
    margin: 0;
    padding: 0;
    float:left;
    position:relative;
    overflow: hidden !important;
}

#groupDocInputSection,#groupDocCurrentTitle {
    width: 99%;
    height:14%;
    padding-top: 2vh !important;
    padding-left: .5vw !important;
}

#groupDocCurrentTitle {
    margin-bottom: 1vh !important;
}

#groupDocListSection {
    width: 99%;
    text-align: center;
    margin-left:.25vw !important;
    margin-right:.25vw !important;
    font: .9vw arial, sans-serif !important;
}

#groupDocMessage {
    width:90%;
    color:red;
    height: 5%;
}


.groupPropertyDialog {
    width: 75vw !important;
    height: 55vh !important;
    background: white !important;
    padding: 0 !important;
    margin: 0 !important;
}
#groupDialog {
    margin:0;
    padding: 0;
    display: none;
    width: 100% !important;
    height: 100% !important;
    border: 2px solid #01329E !important;
}

#groupMap {
    float:left;
    width:50%;
    height:100% !important;
    border: 2px solid #01329E !important;
}
#groupData {
    float: left;
    background: white !important;
    width: 50%;
    height: 100% !important;
    margin: 0;
    padding: 0;
}

#groupInputSection {
    width: 100%;
    height:14%;
    padding-top: 2vh !important;
}

#groupInputSection .groupLabel {
    font: bold 1vw arial, sans-serif !important;
    margins:0;
    padding:0;
    margin-left: 1vw !important;
    margin-right: 1vw !important;
}

#groupInputSection #pname,#groupDocCurrentTitle #epname{
    font: 1vw arial, sans-serif !important;
    width:65%;
    margins:0;
    padding:0;
}

#groupListSection {
    height:60%;
    width: 99%;
    text-align: center;
    margin-left:.25vw !important;
    margin-right:.25vw !important;
    font: .9vw arial, sans-serif !important;
}


#groupPropButtons {
    text-align: center !important;
    height: 7% !important;
    margin-top: 2.5vh !important;
}
#docClassifyWindow {
    width: 100% !important;
    height: 100% !important;
    padding:0 !important;
    margin: 0 !important;
    border: 0 !important;
}


#provisions{
    overflow-y: hidden !important;
    /* overflow-y: scroll !important; */
    background: white !important;
}

#grp-navigation {
    background-image: unset;
    background: #01329E !important;
}
#grp-navigation #grp-admin-title {
    display:none !important;
}
/*********************************************** End Group Property CSS for modal window ***********************************************************/

/************************************************************ css to format help screens using shepherd.js ***************************************************/
.shepherd-footer{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    display:flex;
    justify-content:flex-end;
    padding:0 .75rem .75rem
}
.shepherd-footer .shepherd-button:last-child{
    margin-right:0
}

.shepherd-cancel-icon{
    background:transparent;
    border:none;
    color:hsla(0,0%,50.2%,.75);
    font-size:2em;
    cursor:pointer;
    font-weight:400;
    margin:0;
    padding:0;
    transition:color .5s ease
}
.shepherd-cancel-icon:hover{
    color:rgba(0,0,0,.75)
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon{
    color:hsla(0,0%,50.2%,.75)
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{
    color:rgba(0,0,0,.75)
}

.shepherd-title{
    color:rgba(0,0,0,.75);
    display:flex;
    font-size:1rem;
    font-weight:400;
    flex:1 0 auto;
    margin:0;
    padding:0
}

.shepherd-header{
    align-items:center;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    display:flex;
    justify-content:flex-end;
    line-height:2em;
    padding:.75rem .75rem 0
}
.shepherd-has-title .shepherd-content .shepherd-header{
    background:#e6e6e6;
    padding:1em
}

.shepherd-text{
    color:rgba(0,0,0,.75);
    font-size:1rem;
    line-height:1.3em;
    padding:.75em
}
.shepherd-text p{
    margin-top:0
}
.shepherd-text p:last-child{
    margin-bottom:0
}

.shepherd-content{
    border-radius:5px;
    outline:none;
    padding:0
}

.shepherd-element{
    background:#fff;
    border-radius:5px;
    box-shadow:0 1px 4px rgba(0,0,0,.2);
    max-width:400px;
    opacity:0;
    outline:none;
    transition:opacity .3s,visibility .3s;
    visibility:hidden;
    width:100%;
    z-index:9999
}
.shepherd-enabled.shepherd-element{
    opacity:1;
    visibility:visible
}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){
    opacity:0;
    pointer-events:none;
    visibility:hidden
}
.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{
    box-sizing:border-box
}
.shepherd-arrow,.shepherd-arrow:before{
    position:absolute;
    width:16px;
    height:16px;
    z-index:-1
}
.shepherd-arrow:before{
    content:"";
    transform:rotate(45deg);
    background:#fff
}
.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{
    bottom:-8px
}
.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{
    top:-8px
}
.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{
    right:-8px
}
.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{
    left:-8px
}
.shepherd-element.shepherd-centered>.shepherd-arrow{
    opacity:0
}
.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{
    background-color:#e6e6e6
}
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{
    pointer-events:none
}

.shepherd-modal-overlay-container{
    height:0;
    left:0;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    position:fixed;
    top:0;
    transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;
    width:100vw;
    z-index:9997
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible{
    height:100vh;
    opacity:.5;
    transition:all .3s ease-out,height 0s 0s,opacity .3s 0s
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible path{
    pointer-events:all
}
.shepherd-button{
    background:#01329E;
    border:0;
    border-radius:3px;
    color:white;
    cursor:pointer;
    margin-right:.5rem;
    padding:.5rem 1.5rem;
    transition:all .5s ease}
.shepherd-button:not(:disabled):hover{
    background:#01329E;
    color:red;
}
.shepherd-button.shepherd-button-secondary{
    background:#01329E;
    color:white;
}
.shepherd-button.shepherd-button-secondary:not(:disabled):hover{
    background:#01329E;
    color:red;
}
.shepherd-button:disabled{cursor:not-allowed}
.shepherd-footer{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.shepherd-footer .shepherd-button:last-child{margin-right:0}
.shepherd-cancel-icon{
    background:transparent;
    border:none;
    color:#01329E;
    font-size:2em;
    cursor:pointer;
    font-weight:400;
    margin:0;
    padding:0;
    transition:color .5s ease
}
.shepherd-cancel-icon:hover{
    color:red;
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon{
    color:hsla(0,0%,50.2%,.75)
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{
    color:red;
}
.shepherd-title{
    color:#01329E;
    display:flex;
    font: bold 1.1vw arial, sans-serif  !important;
    flex:1 0 auto;
    margin:0;
    padding:0;
    align-items: center;
    justify-content: center;
}
}
.shepherd-header{
    align-items:center;
    display:flex;
    justify-content:flex-end;
}
.shepherd-has-title .shepherd-content .shepherd-header{
    padding:0;
    background:#e6e6e6;
    border-bottom: 1px solid #01329E;
}
.shepherd-text{
    color:#01329E;
    font: 1.0vw arial, sans-serif !important;
    line-height:1.3em;
    padding:.75em
}
.shepherd-text p{
    margin-top:0
}
.shepherd-text p:last-child{margin-bottom:0}
.shepherd-content{
    border: 1px solid #01329E;
    outline:none;
    padding:0
}
.shepherd-element{
    background:#e6e6e6;
    border-radius:5px;
    box-shadow:0 1px 4px rgba(0,0,0,.2);
    max-width:400px;
    opacity:0;
    outline:none;
    transition:opacity .3s,visibility .3s;
    visibility:hidden;
    width:100%;
    z-index:9999
}
.shepherd-enabled.shepherd-element{
    opacity:1;
    visibility:visible
}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}
.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}
.shepherd-arrow,.shepherd-arrow:before{
    content: '' !important;
    position:absolute;
    width:16px;
    height:16px;
    z-index:-1
}
.shepherd-arrow:before{
    content:"";
    transform:rotate(45deg);
    background:#e6e6e6;
}

.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{
    bottom:-8px
}
.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{
    top:-8px
}
.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{
    right:-8px
}
.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{
    left:-8px
}
.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}

.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{
    pointer-events:none
}
.shepherd-modal-overlay-container{
    height:0;
    left:0;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    position:fixed;
    top:0;
    transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;
    width:100vw;
    z-index:9997
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible{
    height:100vh;
    opacity:.5;
    transition:all .3s ease-out,height 0s 0s,opacity .3s 0s
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}


#helpDropdown {
  display: none;
  position: relative;
  right:35% !important;
  top:7%;
  text-align:left;
  background:rgb(242,249,255);
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
/*************************** End Shepherd *************************/

/* Links inside the dropdown */
#helpDropdown a {
    color: #01329E;
    font: .95vw arial, sans-serif !important;
    display: block;
}

/* Change color of dropdown links on hover */
#helpDropdown a:hover {color: red}

#aicreViewerHelp.fa {
    font-size: 1.3vw !important;
}

.groupDocParent {
    color: blue !important;
    font-style: italic;
}

#docInfoDiv {
    margin-top: .2vh !important;
    margin-bottom: .2vh !important;
}
#docInfoDiv.flex-container {
    display: flex;
    height: 3%;
}
.aicreTable .tabulator-tableholder,#requestPanel,#geoPanel,#valuePanel,#propertyTabManager .docBlock {
     scrollbar-width: thin;  /* Firefox */
     scrollbar-color: lightgray #e8e8e8;
}

.aicreTable .tabulator-tableholder::-webkit-scrollbar,#requestPanel::-webkit-scrollbar,#propertyTabManager .docBlock::-webkit-scrollbar,#valuePanel::-webkit-scrollbar{
    width: .65vw !important;
    height: .8vh !important;
}

.aicreTable .tabulator-tableholder::-webkit-scrollbar-track,#requestPanel::-webkit-scrollbar-track,#propertyTabManager .docBlock::-webkit-scrollbar-track,#valuePanel::-webkit-scrollbar-track {
    background: #e8e8e8 !important;
}

.aicreTable .tabulator-tableholder::-webkit-scrollbar-thumb,#requentPanel::-webkit-scrollbar-thumb,#propertyTabManager .docBlock::-webkit-scrollbar-thumb,#valuePanel::-webkit-scrollbar-thumb {
    background: lightgray !important;
}

#provisions .tabulator-tableholder {
     scrollbar-width: thin;  /* Firefox */
     scrollbar-color: darkgray #e8e8e8;
}

#provisions .tabulator-tableholder::-webkit-scrollbar {
    width: .5vw !important;
    height: .8vh;
}

#provisions .tabulator-tableholder::-webkit-scrollbar-track {
    background: #e8e8e8 !important;
}

#provisions .tabulator-tableholder::-webkit-scrollbar-thumb {
    background: darkgray !important;
    /* background: lightgray !important; */
}



.table-responsive {
    margin-bottom: 0px;
}

.fixTableHead {
    overflow: auto;
    height: 95%;
}
.fixTableHead thead tr th {
    background: #798EE5;
    position: sticky;
    top: 0; /* Don't forget this, required for the stickiness */
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

.tc-table {
    font: .80vw arial, sans-serif !important;
}

.tc-cell {
    padding: .2vh .2vw !important;
}
.ce-block__content {
    max-width: unset !important;
}
.tc-wrap {
    width: auto !important;
    overflow-x: scroll;
    --cell-size: auto !important;
}
.jexcel_about {
    display:none !important;
}
.jexcel_content {
    width: 100%;
    max-height: 92% !important;
    font: .85vw arial, sans-serif !important;
    overflow: scroll;
    padding-bottom: 0 !important;
}

#ann_value .jexcel_content {
    font: .8vw arial, sans-serif !important;
}

.jexcel.jexcel_overflow {
    font: .85vw arial, sans-serif !important;
}    

/* #annValues #processedValue span.annDisplayValue.jexcel_container { */
/*     overflow: hidden !important; */
/* } */
.jexcel > tbody > tr > td,.jexcel > tbody > tr > th {
    padding: .2vh .2vw;
    white-space: break-spaces;
}
.jexcel_container.with-toolbar .jexcel > thead > tr > td {
    top: unset !important;
}
.jexcel_toolbar i.jexcel_toolbar_item {
    width: unset !important;
    height: unset !important;
    font-size: 1.3vw !important;
    vertical-align: middle !important;
    padding: 0 !important;
    margin-right: .5vw !important;
}
#ann_value .jexcel_toolbar i.jexcel_toolbar_item {
    width: unset !important;
    height: unset !important;
    font-size: .9vw !important;
    vertical-align: middle !important;
    padding: 0 !important;
    margin-right: .3vw !important;
}
.jexcel_toolbar {
    height: 8% !important;
    margin: 0 !important;
}
#ann_value .jexcel_toolbar {
    height: 11% !important;
    margin: 0 !important;
}
.jexcel > tbody > tr > td.readonly {
    color: black !important;
}
.tabulator-selected {
    background-color:#ccccff !important;
    background-color: #ccbef3 !important;
}
.preferredValue a .tableProvision:after {
    content: '\f023';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #01329E;
}

.textLayer.Waiting,div.textDiv.Waiting,div.textDiv.Waiting:hover,div.textDiv.Waiting.focus {
    cursor:wait !important;
    caret-color:red !important;
}


.ui-dialog-titlebar.animate-title .ui-dialog-title{
    font-family: futura;
    font-style: italic;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: red !important;
    font-size: 45px;
}

@keyframes examination {
    0% {
        fill: #01329E;
    }
    50% {
        fill: lightgrey;
    }
    100% {
        fill: #01329E;
    }
}

g.annotation-base.annotation-examine {
    animation: examination 1300ms infinite;
}

.ui-dialog-titlebar.animate-title #reviewParts {
    visibility: hidden !important;
}
.provisionTable .tabulator-row {
    margin-bottom: .3vh !important;
}
.downloadTableExcel {
    font-size: 1.2vw !important;
    color: white!important;
    background-color: green !important;
}
#annPickButtons {
    display: block;
    width: 100%;
}

.download-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 8vw;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
  right: 6%;
  z-index: 1;
}

#annPickButtons .download-dropdown-content{
    width: 95% !important;
}

.download-dropdown-content a {
  float: none;
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
  text-align: left;
  font: .85vw arial, sans-serif !important;

}
#annPickButtons .download-dropdown-content a{
    padding: 0 !important;
    padding-left: 4px !important;
    padding-top: 1px !important;
    color: #01329E !important;

}

.download-dropdown-content a:hover {
  background-color: #ddd;
}
#annPickButtons .download-dropdown-content a:hover{
  color: red !important;
}
    
.dropdown:hover .download-dropdown-content {
  display: block;
}

.fa.fa-download {
    font-size: 1.3vw !important;
    margin-right: .3vw !important;
    margin-top: .5vh !important;
}
titlesection .fa.fa-caret-square-o-left {
    font-size: 1.7vw !important;
    margin-left: .3vw !important;
    /* margin-top: 1vh !important; */
    position:absolute;
    top:0%;

}

maincanvas[data-navloc="propertySummary"] .fa.fa-download {
    margin-top: 1vh !important;
}
    
.toggleTitle {
    background-color: #798EE5;
    background-color:#95a6ee !important;
    border:0 !important;
}
#loadProgress {
    background-color: #01329E;
}
.loginNav {
    border-radius: 7px !important;
    border: 1px solid darkblue !important;
    text-shadow: 1px 1px red !important;
    background-color: #01329E;
    color: #FFFFFF;
    font: 1.1vw arial bold, sans-serif !important;
    padding: .4vh .4vw;
    margin-left:.3vw;
}
.loginNav:hover{
    color:red !important;
}
[data-width="1%"] {
  width: 1%;
}
[data-width="2%"] {
  width: 2%;
}
[data-width="3%"] {
  width: 3%;
}
[data-width="4%"] {
  width: 4%;
}
[data-width="5%"] {
  width: 5%;
}
[data-width="6%"] {
  width: 6%;
}
[data-width="7%"] {
  width: 7%;
}
[data-width="8%"] {
  width: 8%;
}
[data-width="9%"] {
  width: 9%;
}
[data-width="10%"] {
  width: 10%;
}
[data-width="11%"] {
  width: 11%;
}
[data-width="12%"] {
  width: 12%;
}
[data-width="13%"] {
  width: 13%;
}
[data-width="14%"] {
  width: 14%;
}
[data-width="15%"] {
  width: 15%;
}
[data-width="16%"] {
  width: 16%;
}
[data-width="17%"] {
  width: 17%;
}
[data-width="18%"] {
  width: 18%;
}
[data-width="19%"] {
  width: 19%;
}
[data-width="20%"] {
  width: 20%;
}
[data-width="21%"] {
  width: 21%;
}
[data-width="22%"] {
  width: 22%;
}
[data-width="23%"] {
  width: 23%;
}
[data-width="24%"] {
  width: 24%;
}
[data-width="25%"] {
  width: 25%;
}
[data-width="26%"] {
  width: 26%;
}
[data-width="27%"] {
  width: 27%;
}
[data-width="28%"] {
  width: 28%;
}
[data-width="29%"] {
  width: 29%;
}
[data-width="30%"] {
  width: 30%;
}
[data-width="31%"] {
  width: 31%;
}
[data-width="32%"] {
  width: 32%;
}
[data-width="33%"] {
  width: 33%;
}
[data-width="34%"] {
  width: 34%;
}
[data-width="35%"] {
  width: 35%;
}
[data-width="36%"] {
  width: 36%;
}
[data-width="37%"] {
  width: 37%;
}
[data-width="38%"] {
  width: 38%;
}
[data-width="39%"] {
  width: 39%;
}
[data-width="40%"] {
  width: 40%;
}
[data-width="41%"] {
  width: 41%;
}
[data-width="42%"] {
  width: 42%;
}
[data-width="43%"] {
  width: 43%;
}
[data-width="44%"] {
  width: 44%;
}
[data-width="45%"] {
  width: 45%;
}
[data-width="46%"] {
  width: 46%;
}
[data-width="47%"] {
  width: 47%;
}
[data-width="48%"] {
  width: 48%;
}
[data-width="49%"] {
  width: 49%;
}
[data-width="50%"] {
    width: 50%;
}
[data-width="51%"] {
  width: 51%;
}
[data-width="52%"] {
  width: 52%;
}
[data-width="53%"] {
  width: 53%;
}
[data-width="54%"] {
  width: 54%;
}
[data-width="55%"] {
  width: 55%;
}
[data-width="56%"] {
  width: 56%;
}
[data-width="57%"] {
  width: 57%;
}
[data-width="58%"] {
  width: 58%;
}
[data-width="59%"] {
  width: 59%;
}
[data-width="60%"] {
    width: 60%;
}
[data-width="61%"] {
  width: 61%;
}
[data-width="62%"] {
  width: 62%;
}
[data-width="63%"] {
  width: 63%;
}
[data-width="64%"] {
  width: 64%;
}
[data-width="65%"] {
  width: 65%;
}
[data-width="66%"] {
  width: 66%;
}
[data-width="67%"] {
  width: 67%;
}
[data-width="68%"] {
  width: 68%;
}
[data-width="69%"] {
  width: 69%;
}
[data-width="70%"] {
    width: 70%;
}
[data-width="71%"] {
  width: 71%;
}
[data-width="72%"] {
  width: 72%;
}
[data-width="73%"] {
  width: 73%;
}
[data-width="74%"] {
  width: 74%;
}
[data-width="75%"] {
  width: 75%;
}
[data-width="76%"] {
  width: 76%;
}
[data-width="77%"] {
  width: 77%;
}
[data-width="78%"] {
  width: 78%;
}
[data-width="79%"] {
  width: 79%;
}
[data-width="80%"] {
    width: 80%;
}
[data-width="81%"] {
  width: 81%;
}
[data-width="82%"] {
  width: 82%;
}
[data-width="83%"] {
  width: 83%;
}
[data-width="84%"] {
  width: 84%;
}
[data-width="85%"] {
  width: 85%;
}
[data-width="86%"] {
  width: 86%;
}
[data-width="87%"] {
  width: 87%;
}
[data-width="88%"] {
  width: 88%;
}
[data-width="89%"] {
  width: 89%;
}
[data-width="90%"] {
    width: 90%;
}
[data-width="91%"] {
  width: 91%;
}
[data-width="92%"] {
  width: 92%;
}
[data-width="93%"] {
  width: 93%;
}
[data-width="94%"] {
  width: 94%;
}
[data-width="95%"] {
  width: 95%;
}
[data-width="96%"] {
  width: 96%;
}
[data-width="97%"] {
  width: 97%;
}
[data-width="98%"] {
  width: 98%;
}
[data-width="99%"] {
  width: 99%;
}
[data-width="100%"] {
    width: 100%;
}

