@media print {
    .print8pt   {font-size: 8pt !important;}
}

/* happy grid stuff */

.gridConDisplay {
    display: grid;
    grid-gap: 10px;
    grid-template-areas:
        "contact-sectionResults contact-sectionDetails"
        "contact-sectionResults contact-sectionDetails"
    ;
}

.contact-sectionResults {grid-area: contact-sectionResults; width:275px;}
.contact-sectionDetails {grid-area: contact-sectionDetails;}

.project-sectionInfo        {grid-area: project-sectionInfo;}
.project-sectionDetails     {grid-area: project-sectionDetails;}
.project-sectionAdmin       {grid-area: project-sectionAdmin;}
.project-sectionContent     {grid-area: project-sectionContent;}

.gridProject {
    display: grid;
    grid-gap:   20px;
    grid-template-areas:
        "project-sectionInfo"
        "project-sectionDetails"
        "project-sectionContent"
        "project-sectionAdmin"
    ;    
}

@media (min-width: 800px) {
    .gridProject {
        display: grid;
        grid-template-columns: 2fr 1fr 1fr;
        grid-gap:   20px;
        grid-template-areas:
            "project-sectionInfo project-sectionDetails project-sectionAdmin"
            "project-sectionContent project-sectionContent project-sectionContent"
        ;
    }
}


@media (min-width: 1820px) {
    .gridProject {
        display: grid;
        grid-template-columns: 2fr 1fr 1fr;
        grid-gap:   20px;
        grid-template-areas:
            "project-sectionInfo project-sectionDetails project-sectionAdmin"
            "project-sectionContent project-sectionContent project-sectionAdmin"
        ;
    }
}


.dashboard-sectionSidebar   {grid-area: dashboard-sectionSidebar;}
.dashboard-sectionPrimary   {grid-area: dashboard-sectionPrimary;}
.dashboard-sectionAction    {grid-area: dashboard-sectionAction;}
.dashboard-sectionReference {grid-area: dashboard-sectionReference;}

.gridDashboard {
    display: grid;
    grid-gap:   0px;
    grid-template-areas:
        "dashboard-sectionPrimary"
        "dashboard-sectionAction"
        "dashboard-sectionReference"
        "dashboard-sectionSidebar"
    ;
}

@media (min-width: 770px) {
    .gridDashboard {
        display: grid;
        grid-template-columns: 1fr 3fr;
        grid-gap:   0px;
        grid-template-areas:
            "dashboard-sectionSidebar dashboard-sectionPrimary"
            "dashboard-sectionSidebar dashboard-sectionAction"
            "dashboard-sectionSidebar dashboard-sectionReference"
        ;
    }
}

@media (min-width: 1350px) {
    .gridDashboard {
        display: grid;
        grid-template-columns: 1fr 3fr 3fr;
        grid-gap:   0px;
        grid-template-areas:
            "dashboard-sectionSidebar dashboard-sectionPrimary dashboard-sectionAction"
            "dashboard-sectionSidebar dashboard-sectionPrimary dashboard-sectionReference"
        ;
    }
}

@media (min-width: 1820px) {
    .gridDashboard {
        display: grid;
        grid-template-columns: 1fr 2fr 2fr 2fr;
        grid-gap:   0px;
        grid-template-areas:
            "dashboard-sectionSidebar dashboard-sectionPrimary dashboard-sectionAction dashboard-sectionReference"
        ;
    }
}

/* /happy grid stuff */

/* template layout */

@font-face {
    font-family: 'Futura';
    src: url('/lib/fonts/FuturaBT-Book.ttf') format('truetype');
}


@font-face {
    font-family: 'Gotham';
    src: url('/lib/fonts/Gotham-Book.otf');
}

@font-face {
    font-family: 'BebasNeueBold';
    src: url('/lib/fonts/BebasNeue Bold.otf');
}

@font-face {
    font-family: 'Avenir-Regular';
    src: url('/lib/fonts/AvenirNextLTPro-Regular.otf');
}

@font-face {
    font-family: 'Avenir-Bold';
    src: url('/lib/fonts/AvenirNextLTPro-Bold.otf');
}

@font-face {
    font-family: 'Hero';
    src: url('/lib/fonts/Hero.otf');
}

@font-face {
    font-family: 'FinancierDisplay-Regular';
    src: url('/lib/fonts/FinancierDisplay-Regular.otf');
}

/* pipeline status colors */

.clsListStatus-0 {
    background-color: #3FB1CE;
}

/* proposed */
.clsListStatus-20 {
    background-color: #ffffef;
}
.clsListStatusBar-20 {
    background-color: #fff699;
}


/* Escrow */
.clsListStatus-2 {
    background-color: #ddebf7;
}

.clsListStatusBar-2 {
    background-color: #bdd7ee;
}


/* signed LOI */
.clsListStatus-40 {
    background-color: #d9e1f2;
}

.clsListStatusBar-40 {
    background-color: #b4c6e7;
}

/* closed */
.clsListStatus-3 {
    background-color: #e2efda;
}

.clsListStatusBar-3 {
    background-color: #c6e0b4;
}

/* referral */
.clsListStatus-30 {
    background-color: #c6efce;
}

.clsListStatusBar-30 {
    background-color: #a9d08e;
}

/* nonexclusive */
.clsListStatus-50 {
    background-color: #F5DEB3;
}

.clsListStatusBar-50 {
    background-color: #DEB887;
}

/* dead */
.clsListStatus-80 {
    background-color: #f2f2f2;
}

.clsListStatusBar-80 {
    background-color: #d9d9d9;
}


/* debt pipeline status colors */

/* gcDEBTSTATUS_ApplicationSent  gcDEBTSTATUS_ApplicationReceived*/
.clsDebtStatus-3, .clsDebtStatus-4 {
    background-color: #ffffef;
}
.clsDebtStatusBar-3, .clsDebtStatusBar-4 {
    background-color: #fff699;
}

/* Escrow */
.clsDebtStatus-5 {
    background-color: #ddebf7;
}

.clsDebtStatusBar-5 {
    background-color: #bdd7ee;
}


/* gcDEBTSTATUS_CommittementSent gcDEBTSTATUS_CommitmentSigned gcDEBTSTATUS_ComittedUnfundedForwards */
.clsDebtStatus-6, .clsDebtStatus-7, .clsDebtStatus-8 {
    background-color: #d9e1f2;
}

.clsDebtStatusBar-6, .clsDebtStatusBar-7, .clsDebtStatusBar-8 {
    background-color: #b4c6e7;
}


/* gcDEBTSTATUS_Closed gcDEBTSTATUS_Delivered*/
.clsDebtStatus-9, .clsDebtStatus-10 {
    background-color: #e2efda;
}

.clsDebtStatusBar-9, .clsDebtStatusBar-10 {
    background-color: #c6e0b4;
}

/* referral */
.clsDebtStatus-30 {
    background-color: #c6efce;
}

.clsDebtStatusBar-30 {
    background-color: #a9d08e;
}

/* gcDEBTSTATUS_Bridge */
.clsDebtStatus-13 {
    background-color: #F5DEB3;
}

.clsDebtStatusBar-13 {
    background-color: #DEB887;
}

/* dead */
.clsDebtStatus-12 {
    background-color: #f2f2f2;
}

.clsDebtStatusBar-12 {
    background-color: #d9d9d9;
}


.clsDealInput75 {
    text-align:right;
    font-size:8pt;
    width:75px;
}

.clsDealInput40 {
    text-align:right;
    font-size:8pt;
    width:40px;
}

.clsDealInput50 {
    text-align:right;
    font-size:8pt;
    width:50px;
}
.clsDealInput25 {
    text-align:right;
    font-size:8pt;
    width:25px;
}


.clsTruncate {
     white-space: nowrap; 
     text-overflow: ellipsis; 
     overflow:hidden;
}

.table-striped tr:nth-child(odd){
    background-color:#f5f5f5;
}

.flexbox{
    display:flex; 
    flex-direction:row; 
    flex-wrap:wrap; 
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}

.flexbox_center{
    display:flex; 
    flex-direction:row; 
    flex-wrap:wrap; 
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
}

.flexbox_vcenter {
    align-items: center;
}


.flexGrow1 {
    flex-grow: 1;
}


.flexGrow1 > div {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
}

.flexGap5 {
    gap: 5px;
}

.flexGap10 {
    gap: 10px;
}

.flexGap20 {
    gap: 20px;
}

.flexbox_start {
    justify-content: flex-start;
}

.flexbox_end {
    justify-content: flex-end;
}

.flexbox_stretch {
    align-items: stretch !important;
}

.flexbox_oneline {
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;

}


.flexboxItem {
    padding:0 10px;
    flex-grow: 1;

}

.gslBkg {
    background:url("https://cre.link/images/bg.jpg");    
}

table {
    border-collapse: collapse;
}

table .datatable tr:hover{
    background-color: #F5F5DC !important;
}

.headerCorp {
    font-size:20pt;
    font-weight:bold;
    letter-spacing: 2pt;
    font-family: Georgia;
    color: #17779B;
}


#div-header {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height:30px;
    clear:both;
}

#div-body {
    padding: 0;
    clear:both;
}

#div-menubar {
    background:url("https://cre.link/images/fadebar-top.png") repeat-y left top;
    clear:both;
}

#div-content {
    clear:both;
    padding-top:  5px;
    padding-left: 5px;
    padding-right:5px;
}

#div-footer {
    clear:both;
    border-top:1px solid #1C5682;
    font-size: 8pt;
    padding: 5px;
    margin-top: 20px;
}

.naviline {
    font-size: 11pt;
    color: white;
    letter-spacing: .75pt;
    float:left;
}

body {
    font-family: verdana, roboto, helvetica;
    font-size: 10pt;
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
/*    width:100%;
    background:#F4F4F4;*/
    height:100%;
}

textarea {
    font-size: 8pt;
    font-family:lato, verdana;
}

input,select {
    font-size: 8pt;
}

form { 
    margin: 0; 
    padding: 0; 
}

p { 
    margin: 0; 
}

A:Link			    {color: #1C5682; text-decoration: none;}
A:Visited		    {color: #1C5682; text-decoration: none;}
A:Hover		        {color: blue; text-decoration: none;}
A:Active		    {color: orange; text-decoration: none;}


.hoverline {border-bottom:1pt dotted #eeeeee;}
.hoverline:hover {border-bottom:1pt dotted gray;}

/* Print Only */
@media print {
    .noprint {display:none !important;}
    .buttons {display:none !important;}
    .pagetitle {display:none !important;}

}

.print-only {
  display: none; /* Hide on screen by default */
}

@media print {
  .print-only {
    display: block; /* Make it visible when printing */
  }
}

.num    {text-align:right;}

.flright {float:right;}
.flleft  {float:left;}

.flleftpr5      {float:left;padding-right:5px;}
.flleftpr10     {float:left;padding-right:10px;}
.flleftpl10     {float:left;padding-left:10px;}
.flrightpr5     {float:right;padding-right:5px;}
.flrightpr10    {float:right;padding-right:10px;}
.pr5            {padding-right:5px;}
.pr10           {padding-right:10px;}
.pr20           {padding-right:20px;}
.pl10           {padding-left:10px;}
.pl20           {padding-left:20px;}
.pl5            {padding-left:5px;}

.mb5    {margin-bottom: 5px;}
.p5    {padding: 5px;}
.p10    {padding: 10px;}
.p20    {padding: 20px;}
.pb5    {padding-bottom: 5px;}
.pb10    {padding-bottom: 10px;}
.pb20    {padding-bottom: 20px;}
.px5 {padding: 5px 0;}
.py5 {padding: 0 5px;}

P   { padding-bottom: 5px;}

blockquote {
    border: 1pt solid silver;
    border-left: 3pt solid silver;
    padding:5px;
    font-size:8pt;
    margin: 5px;
}

.highlight {
    background-color:#F5F5DC;
    font-weight:bold;
}

.pagetitle {
    margin-bottom:10px;
    padding:10px;
    background-color:#E7F1F8;
    font-size:12pt;
    font-weight:bold;
    /* border-radius: 5px 5px 0 0; */
}

.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-image: url('https://cre.link/images/tablekit/up.gif');
}
.sortdesc {
	background-image: url('https://cre.link/images/tablekit/down.gif');
}

.task_event {
    background-color: #e7f3ff;
}

.task_event_multiday {
    background-color: #C6D7E7;
}

.task_iscomplete .task_title {
    text-decoration: line-through;
}


.threadDeleted{
    opacity: .3;
    font-size: 7pt !important;
}

.invisible{
    opacity: 0;    
}


input.SearchBox {
    background-color: #d5ffff;
    background-image: url('https://cre.link/images/icons/magnifier.png');                    
    background-repeat: no-repeat;
    background-position: 2px 1px;
    padding-left:20px;
}

input.LinkerBox {
    background-color: #ffff99;
    background-image: url('https://cre.link/images/icons/link_add.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
}

input.UpdateBox {
    background-image: url('https://cre.link/images/icons/magnifier.png');                    
    background-repeat: no-repeat;
    background-position: right;
}

input.Dropdown {
    background-image: url('https://cre.link/images/down.gif');
    background-repeat: no-repeat;
    background-position: right;
}

input.DatePicker {
    background-image: url('https://cre.link/images/icons/calendar.png');
    background-repeat: no-repeat;
    background-position: right;
}


.bkParch {
    background-color: #F5F5DC;
}

.bk-gray {
    background-color: #dcdcdc;
}

.dataline:hover {
    background-color: #F5F5DC !important;
}

.hl:hover {
    background-color: #F5F5DC;
}

.hlb:hover {
    background-color: #F5F5DC;
    font-weight:bold;
}

tr.task_ishidden {
    background-color: #eee;
}
.dataCell {
    border-bottom: 1pt solid silver;
    padding-left: 5px;
    padding-right: 5px;
}

.bgRed{
    background-color: red;
}



.Bar-Primary, .Bar-Primary A {
    padding: 5px;
    /* border-radius: 5px 5px 0 0; */ 
    color:white;
}

.orangebox{
    border:1pt solid orange;
}

.roundedcorner{
    /* border-radius: 5px 5px 0 0; */
}

.bluebar{
    background-color: #1C5682;
    padding: 5px;
    /* border-radius: 5px 5px 0 0; */
    color:white;
}

.bluebar a:Link {color: white;}
.bluebar a:Visited {color: white;}local
.bluebar a:Hover {color: white;}

.redbar{
    background-color: red;
    padding: 5px;
    /* border-radius: 5px 5px 0 0; */
    color:white;
}

.redbar a:Link {color: white;}
.redbar a:Visited {color: white;}
.redbar a:Hover {color: white;}


tr.bluebar th {
    color: white;
    padding: 5px;
}


.Bar-Secondary {
    background-color: #eee;
    color: black !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /* border-radius: 5px 5px 0 0; */
}

.graybar {
    background-color: #eee;
    color: black;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /* border-radius: 5px 5px 0 0; */
}

.babybluebar {
    background-color: #E7F1F8;
    color: black;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /* border-radius: 5px 5px 0 0; */
}

.darkgraybar {
    background-color: #777777;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /* border-radius: 5px 5px 0 0; */
}


.orangebar {
    background-color: orange;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /* border-radius: 5px 5px 0 0; */
}

.yellowbar {
    background-color: #ffd700;
    color: black;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /* border-radius: 5px 5px 0 0; */
}

.dkbluebar {
    background-color: #1C5682;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /* border-radius: 5px 5px 0 0; */
}
.dkbluebar a:Link {color: white;}
.dkbluebar a:Visited {color: white;}
.dkbluebar a:Hover {color: white;}

.ltgreenbar {
    background-color:#E7FFE7;
}

.warningbar {
    background-color:#f2dede;
}


.greenbar {
    background-color: #7BB128;
    color: white;
    padding: 5px;
    /* border-radius: 5px 5px 0 0; */
}

.greenbar a:Link {color: white;}
.greenbar a:Visited {color: white;}
.greenbar a:Hover {color: white;}

.steelbar {
    background-color: #8CA8BD;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size:11pt;
    /* border-radius: 5px 5px 0 0; */
}
.steelbar a:Link {color: white;}
.steelbar a:Visited {color: white;}
.steelbar a:Hover {color: white;}
td.listingSummary {
    padding-left: 5px;
}

.SectionTitle{
    font-weight: bold;
    font-size: 11pt;
}

.bullet{
    margin-bottom:-3px;
    margin-right:-2px;
}


.bkimgthumb {
    background: no-repeat 50% 50%;
}

.label { cursor: pointer; cursor: hand; } 
label { cursor: pointer; cursor: hand; } 

.clr {clear: both;}


.cell-db-title {
    background-image: url('/images/fadebar-blue.gif');                    
    background-repeat: no-repeat;
    background-position: center;
    font-weight: bold;
    color: white;
    font-size: 10pt;
    padding:5px;
}

.togglelink        {font-size:8pt; color:gray;}
A.togglelink:link  {color:gray;}
A.togglelink:hover {color:blue;}

.partnerdata    {color: #0066ff;}
A.partnerdata:Link      {color: #0066ff; text-decoration: none;}
A.partnerdata:Visited   {color: #0066ff; text-decoration: none;}
A.partnerdata:Hover     {color: #0066ff; text-decoration: none;}
A.partnerdata:Active    {color: orange; text-decoration: none;}

.member             {color: purple;}
A.member:Link      {color: purple; text-decoration: none;}
A.member:Visited   {color: purple; text-decoration: none;}
A.member:Hover     {color: purple; text-decoration: none;}
A.member:Active    {color: orange; text-decoration: none;}

A.message:Link			    {color: #1C5682; text-decoration: none; font-weight: bold;}
A.message:Visited		    {color: #1C5682; text-decoration: none; font-weight: normal;}
A.message:Hover		        {color: black; text-decoration: none; font-weight: normal;}
A.message:Active		    {color: orange; text-decoration: none;}

.tooltip span          {display:none; padding:2px 3px; margin-left:0px; margin-top: -75px;}
.tooltip:hover span    {display:block; position:absolute; background:#fff; z-index:80;}
// a.tooltip:hover span    {display:block; position:absolute; background:#ffffcc; border:2px solid orange; color:#6c6c6c;z-index:80;}

.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none}

.info:hover{z-index:25; background-color:#ff0}

.info span{display: none}

.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    padding:3px;
    }

.dataItem   {
    width:550px; 
    border:1pt solid silver;
    padding:10px; 
}

.dataItem:hover{
    background-color: #F5F5DC;
}

.folderItem   {
    width:500px; 
    border:1pt solid silver;
    padding:10px; 
}

ul.dragsort {
    clear:both;
    padding-top: 5px;
    list-style-type: none;
}

ul.dirTree {
    list-style-type: none;
    margin: 0px;
    padding: 2px;
}


#mceul LI {
    list-style-type: square;
    padding-top: 0px;
}

UL  {
    list-style-type: square;
}


/*** Nav bar styles : http://phoenity.com/newtedge/horizontal_nav/ ***/

.menu   {
    z-index: 9999;
}

ul.hovermenu,
.hovermenu ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.hovermenu{
    float:right;
    margin-right: -5px;
}
ul.hovermenu>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}

ul.hovermenu li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

ul.hovermenu li:hover>ul{
/*When hovered, make them appear*/
	display : block;
    background-color:white;
}

.hovermenu ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

.hovermenu ul li a{
	background-color: #fff;
	/*color: #369;*/
}


ul.hovermenu li:hover,
.hovermenu ul li a:hover{
	background-color: #eee;
    border: 1pt solid orange;
}

ul.hovermenu li:active,
.hovermenu ul li a:active{
	background-color: gray;
	color: #fff;
}

ul.hovermenu,
.hovermenu ul{
	border: 1px solid gray;
}

.hovermenu a{
	text-decoration: none;
}



/*** Nav bar styles : http://phoenity.com/newtedge/horizontal_nav/ ***/

ul.hovermenuinline,
.hovermenuinline ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.hovermenuinline{
    float:left;
    font-size: 7pt;
}
ul.hovermenuinline>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}

ul.hovermenuinline li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	margin-left: -6px;
	margin-top: -2px;
}

ul.hovermenuinline li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.hovermenuinline ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

.hovermenuinline ul li a{
	background-color: #fff;
	/*color: #369;*/
}


ul.hovermenuinline li:hover,
.hovermenuinline ul li a:hover{
    border: 1pt solid orange;
	background-color: #eee;
}

ul.hovermenuinline li:active,
.hovermenuinline ul li a:active{
	background-color: gray;
	color: #fff;
}

ul.hovermenuinline,
.hovermenuinline ul {
	border: 1px solid gray;
}

.hovermenuinline a{
	text-decoration: none;
}


/* security colors */
.Public {
    font-weight: bold;
    color: #FC0202
}

.Network {
    font-weight: bold;
    color: #FF9900
}

.Partners {
    font-weight: bold;
    color: #DCCB40
}

.Private {
    font-weight: bold;
    color: #24618E
}

.PrivateMessage {
    font-weight: bold;
    color: #DCCB40
}

.Password {
    font-weight: bold;
    color: #7EBD04
}

.AuthOnly {
    font-weight: bold;
    color: #313131
}

.CAauto {
    font-weight: bold;
    color: #7F8A95
}

.CAmanual {
    font-weight: bold;
    color: #A6BCCE
}

.hintbox {
    background-color: #ffffcc
}
.handle {
    cursor:n-resize;
}

.handledraggable, .move {
    cursor:move;
}

.hoverclass {
    border:1pt solid orange;
}

/* BUTTONS courtesy http://particletree.com/features/rediscovering-the-button-element/ */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 4px 0 0;
    background-color:#e5e5e5;
    border:1px solid #dedede;
    border-bottom:1px solid #aaa;
    border-right:1px solid #aaa;

    font-family: verdana, Tahoma, Arial, Verdana;
    font-size:8pt;
    line-height:130%;
    text-decoration:none;
    font-weight:normal;
    color:#565656;
    cursor:pointer;
    padding:2px 7px 3px 2px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:1px 7px 0px 4px; /* IE6 */
}
.buttons button[type]{
    padding:2px 7px 2px 4px; /* Firefox */
    line-height:15px; /* Safari */
}
*:first-child+html button[type]{
    padding:1px 5px 0px 4px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:14px;
    height:14px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* /buttons */

div.ajxSearch {
    border:1pt solid silver;
    border-bottom:1pt solid gray;
    border-right:1pt solid gray;
    position: absolute;
    left:0px;
    top:21px;
    background: #fff;
    color: black;
    width: 300px;
    height: 200px;
    font-size:9pt;
    font-weight:normal;
    overflow: auto; 
    overflow-x: hidden;
    display:block;
    z-index:99;
}

.whitebar {
    clear:both;
    padding: 5px; 
    background-image: url('/images/fadebar-white.gif');
    background-repeat: repeat-y;
    font-weight: bold;
    font-size: 10pt;
    color: #1c5682;
    margin-bottom: 5px;
}

.propContainer {
    clear:both;
    padding-bottom: 10px;
}

.propSubhead {
    text-align: right;
    padding-right: 10px;
}

td.bkgray {
    background-color: #eee;
    padding-left: 5px;
    padding-right: 5px;
    width: 200px;
}

td.bkgray-nowidth {
    background-color: #eee;
    padding-left: 5px;
    padding-right: 5px;
}

td.bkgray:hover {
    background-color: #F5F5DC;
}


div.bluebar, div.bluebar A {
    padding: 5px;
    background-color:#1C5682;
    color:white;
    /* border-radius: 5px 5px 0 0; */
}

.caldate {
    float:right;
    border:1pt solid black;
    width:20px;
    text-align:center;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom:2px;
}

.taskitem {
    // height:20px;
    // overflow:hidden;
    clear:both;
    font-size:8pt;
    margin:2px;
    padding:2px;
}

.taskitem_deletethis:hover {
    height:100px;
}

.transparent {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.transparent:hover {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.hidden {
    display:none;
}

.hidden:hover {
    display:inline;
}

.hovervis:hover .hoverinvis{
    display:inline;
}

.hoverinvis {
    display:none;
}

.hovervisPage:hover .hoverinvisPage{
    display:inline;
}

.hoverinvisPage {
    display:none;
}

.displayadmin {
    border-left: 2pt solid red;
}

.underlined {
    border-bottom: 1pt solid silver;
}

.noborder {
    border:none;
}

table.noborder tr td {
    border:none;
}

.fadebar-blue-long {
    background-image: url('/images/fadebar-top2.gif');
    background-repeat: no-repeat;
    background-position: left;
    font-weight: bold;
    color: white;
    font-size: 10pt;
    padding:5px;
}

.pt5 {font-size: 5pt !important;}
.pt6 {font-size: 6pt !important;}
.pt7 {font-size: 7pt !important;}
.pt8 {font-size: 8pt !important;}
.pt9 {font-size: 9pt !important;}
.pt10 {font-size: 10pt !important;}
.pt11 {font-size: 11pt !important;}
.pt12 {font-size: 12pt !important;}
.pt13 {font-size: 13pt !important;}
.pt14 {font-size: 14pt !important;}
.pt16 {font-size: 16pt !important;}
.pt18 {font-size: 18pt !important;}
.pt20 {font-size: 20pt !important;}
.pt24 {font-size: 24pt !important;}

.normal {font-weight: normal !important;}
.bold   {font-weight:bold !important;}
.wtbold   {font-weight:bold !important;}
.strike   {text-decoration: line-through;}
.em {font-style: italic;}
.italic {font-style: italic;}
.black {color:black !important;}
.blue   {color: #1C5682;}
.hiblue   {color: blue;}
.orange {color: orange !important;}
.yellow {color: yellow;}
.gold   {color: gold;}
.DarkYellow {color: #9b870c !important;}
.gray   {color: gray !important;}
.green  {color:green !important;}
.colgreen  {color:green !important;}
.red    {color:red !important;}
.silver    {color:silver !important;}
.purple {color:purple;}
.white  {color:white !important;}
.teal  {color:teal !important;}

.orange a {color: orange !important;}
.green a  {color:green !important;}
.red q   {color:red !important;}

.mb1    {margin-bottom: 1rem;}
.mt1    {margin-top: 1rem;}
.m1     {margin: 1rem;}

.pb1    {padding-bottom: 1rem;}
.pt1    {padding-top: 1rem;}
.p1     {padding: 1rem;}

.pd5    {padding: 5px;}

.pdt5    {padding-top: 5px;}
.pdb5    {padding-bottom: 5px;}

.pdt10    {padding-top: 10px;}
.pdb10    {padding-bottom: 10px;}

.red a{color:red;}

p.bold {padding-top: 10px;}

.cursSort {cursor:ns-resize;}
.cursPoint {cursor:pointer;}
.cursNAV {cursor: not-allowed;}
.flat   {border:none;background:none;}

.divbar {color: orange;}

/* BUTTONS courtesy http://particletree.com/features/rediscovering-the-button-element/ */

.buttons_notext a, .buttons_notext button_notext{
    display:block;
    float:left;
    margin:0 4px 0 0;
    background-color:#e5e5e5;
    border:1px solid #dedede;
    border-bottom:1px solid #aaa;
    border-right:1px solid #aaa;
    line-height:130%;
    cursor:pointer;
    padding:2px 2px 5px 2px; /* Links */
}
.buttons_notext button_notext{
    width:auto;
    overflow:visible;
    padding:1px 2px 0px 4px; /* IE6 */
}
.buttons_notext button_notext[type]{
    padding:2px 2px 2px 4px; /* Firefox */
    line-height:15px; /* Safari */
}
*:first-child+html button_notext[type]{
    padding:1px 2px 0px 4px; /* IE7 */
}
.buttons_notext button_notext img, .buttons_notext a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:14px;
    height:14px;
}

/* STANDARD */

button_notext:hover, .buttons_notext a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons_notext a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button_notext.positive, .buttons_notext a.positive{
    color:#529214;
}
.buttons_notext a.positive:hover, button_notext.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons_notext a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons_notext a.negative, button_notext.negative{
    color:#d12f19;
}
.buttons_notext a.negative:hover, button_notext.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons_notext a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* /buttons */


.hintbox{
    clear:both;
    width:100%;
    margin-bottom: 10px;
}

.hintboxcontent {
    background-color:#ffcc66;
    padding:10px;
}

/* my deals : bars */

.barDeal a:Link {color: white;}
.barDeal a:Visited {color: white;}
.barDeal a:Hover {color: white;}

tr.barDeal th {
    text-align: left;
    color: white;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.barActive{
    background-color: #1C5682;
    color: white;
    font-weight:bold;
}

.barClosed{
    background-color: #cc9933;
    color: white;
    font-weight:bold;
}

.barContract{
    background-color: #8CA8BD;
    color: white;
    font-weight:bold;
}

.barOffMarket{
    background-color: #737371;
    color: white;
    font-weight:bold;
}

.barOpportunity{
    background-color: #7BB128;
    color: white;
    font-weight:bold;
}

.barRooms{
    background-color: #99cccc;
    color: white;
    font-weight:bold;
}

.tabimage {
    margin-top:-4px;
    margin-bottom:-4px;
}

.toast {
    display: block;
    position: fixed;
    width:!!px;
    height: YYYpx;
    right: 0%;
    bottom: 0px;
    // I don't know what this is margin-left: -XXX/2 px;
}

.toastThread {
    width:150px; 
    background-color: #F5F5DC;
    padding-left:5px;
    overflow:hidden;
    height:12px;
    font-size:8pt;
    position:relative;
}

.toastIcon {
    position:absolute;
    top:0;
    right:0;
    background-color: #F5F5DC;
    width:13px;
    height:12px;
    margin-top: 1px;
}

.toastTime {
    font-size:7pt;
    font-family:arial narrow;
}

.toastLine {
    float:left;
    overflow:hidden;
    width:500px;
}

.helpbox1 {
    position: absolute;
    left:-242px;
    top:-130px;
    background: #ffe;
    width: 260px;
    height: 125px;
    overflow: auto; 
    overflow-x: hidden;
    z-index:99;
}
.helpbox2 {
    position: absolute;
    top:-130px;
    background: #ffe;
    width: 260px;
    height: 125px;
    overflow: auto; 
    overflow-x: hidden;
    z-index:99;
}

.helpboxtitle {
    font-weight:bold;
    padding:3px;
    color:white;
    font-size:11pt;
}

.helpboxbody {
    font-size:10pt;
    border:1pt solid #1C5682;
    color:black;
    font-weight:normal;
}
.warningboxbody {
    font-size:10pt;
    border:1pt solid #ffd700;
}

.helpboxanchor {
    position:relative;
    float:left;
    padding-left:5px;
}

.MktCard {
    width:250px;
    height:320px;
    border:1pt solid silver;
    margin:10px;
    padding:10px;
    text-align:center;
    float:left;
    background-color:#f9f9f9;
}

.MktCard:hover {
	cursor: move;
    border:1pt solid blue;
    background-color:white;
}

.MktCard_noadmin {
    width:250px;
    height:320px;
    border:1pt solid silver;
    margin:10px;
    padding:10px;
    text-align:center;
    float:left;
    background-color:#f9f9f9;
}

.MktCard_noadmin:hover {
    border:1pt solid blue;
    background-color:white;
}

.DealTitle {
    font-weight:bold;
    font-size:13pt;
}

.DealSubtitle {
    font-weight:normal;
    font-size:11pt;
}

.box1 {border:1pt solid red !important;}
.box2 {border:1pt solid green !important;}
.box3 {border:1pt solid blue !important;}
.box4 {border:1pt solid purple !important;}
.box5 {border:1pt solid orange !important;}
.box6 {border:1pt solid white !important;}

.relSearchBox {
    position: relative !important;
    top: -10px !important;
    left: 0px !important;
}

.graybox {background-color: #eee;}

.jellyblue{
    background-color: #1C5682;
    background-image: linear-gradient(bottom, rgb(85,131,163) 26%, rgb(28,86,130) 63%);
    background-image: -o-linear-gradient(bottom, rgb(85,131,163) 26%, rgb(28,86,130) 63%);
    background-image: -moz-linear-gradient(bottom, rgb(85,131,163) 26%, rgb(28,86,130) 63%);
    background-image: -webkit-linear-gradient(bottom, rgb(85,131,163) 26%, rgb(28,86,130) 63%);
    background-image: -ms-linear-gradient(bottom, rgb(85,131,163) 26%, rgb(28,86,130) 63%);
    border-radius: 5px;
    padding:5px;
}

.jellyorange{
    background-color: orange;
    background-image: linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    background-image: -o-linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    background-image: -moz-linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    background-image: -webkit-linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    background-image: -ms-linear-gradient(bottom, rgb(240,190,91) 26%, rgb(255,170,0) 63%);
    border-radius: 5px;
    padding:5px;
}

.jellygreen{
    background-color: #006600;
    background-image: -o-linear-gradient(bottom, #006600 53%, #54B354 80%);
    background-image: -moz-linear-gradient(bottom, #006600 53%, #54B354 80%);
    background-image: -webkit-linear-gradient(bottom, #006600 53%, #54B354 80%);
    background-image: -ms-linear-gradient(bottom, #006600 53%, #54B354 80%);
    background-image: linear-gradient(to bottom, #006600 53%, #54B354 80%);
    border-radius: 5px;
    padding:5px;
}


.circle {
    height:30px;
    width:30px;
    font-size:11pt;
    font-weight:bold;
    text-align:center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
     display:table-cell;
    vertical-align:middle;
}

.hotinput:not(:hover){
    background-color:#f7f7f7;
}


.hotinput {
    border:1pt solid silver;
    background-color:transparent;
	cursor: text;
    font-family: verdana, verdana, helvetica;
    font-size: 9pt;

}

.hotinput:hover, .hotinput:focus{
    border:1pt solid black;
    background-color:#d5ffff;
	cursor: text;
}

table.tdpr10 td {
    padding-right: 10px;
}

table.datacells td:hover {
    background-color: #F5F5DC;
}

tr.underline td {
    border-bottom: 1pt solid silver;
}

tr.underline-light td {
    border-bottom: 1pt solid #dedede;
}


tr.underline th {
    border-bottom: 1pt solid silver;
}

.tablefixed{
    table-layout: fixed;
}

.outlined {
    color: #999999;
    text-shadow:
    -1px -1px 0 #333333,  
    1px -1px 0 #333333,
    -1px 1px 0 #333333,
    1px 1px 0 #333333;
}

html.ie7 .outlined,
html.ie8 .outlined,
html.ie9 .outlined {
    background-color: white;
    filter: progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#333333,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#333333,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#333333,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#333333,offX=-1,offY=-1);
    zoom: 1;
}

#tdidDisplay {
  overflow-x: hidden;
}

.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}


.ExpandableTextarea {
    height: 35px;
    transition: all 0.5s ease;
}

.ExpandableTextarea:focus {
    height: 75px;
}

.ExpandableTextareaSm {
    height: 15px;
    transition: all 0.5s ease;
}

.ExpandableTextareaSm:focus {
    height: 75px;
}

.ExpandableTextareaLg {
    height: 50px;
    transition: all 0.5s ease;
}

.ExpandableTextareaLg:focus {
    height: 150px;
}

.clsProjTimelineDone {
    background-color: red !important;
}

.clsProjTimelineNotDone {
    background-color: white !important;
}

.clsProjTimelineComplete div {
    background-color: lime !important;
}

.clsProjTimelineItem {
    box-sizing: border-box;
    border: 1pt solid silver;
    border-radius: 5px;
}

.clsJobComplete {
    background-color: #DEFFD7;
}

.clsJobOnHold {
    background-color: #eee;
}

.clsJobDropped {
    background-color: orange;
    opacity: 0.7;
}



.pagePortrait {
    height: 1467px;
    width: 1107px;
    overflow:none;
}

.pageLandscape {
    width: 1467px;
    height: 1106px;
    overflow:none;
}

.pageLandscapeNoMargins {
    width: 1583px;
    height: 1222px;
}

.pagePortraitBleed {
    width: 815px;
    height: 1054px;
    overflow:hidden;
    clear:both;
    position:relative;
    page-break-after: always;
    border-collapse: collapse;
}

.pagePortraitBleed_content {
    width: 768px;
    height: 1008px;
    overflow:hidden;
    top: 50%;
    left: 50%;    
    margin-left: -384px;
    margin-top: -504px;
    font-family: open sans;
    position: relative;
    clear:both;
    display:inline-block;   border-collapse: collapse;
}

.pagePortraitPropBookBleed {
    width: 815px;
    height: 1054px;
    overflow:hidden;
    clear:both;
    position:relative;
    page-break-after: always;
    border-collapse: collapse;
}
.pagePortraitPropBook_content {
    width: 768px;
    height: 930px;
    overflow:hidden;
    position: absolute;
    top: 70px;
    left: 20px;    
    border-collapse: collapse;
}

.pagePortraitPropBook_Header {
    width: 815px;
    height: 50px;
    overflow:hidden;
    position: absolute;
    top: 0px;
    left: 0px;    
    border-collapse: collapse;
}

.pagePortraitPropBook_Footer {
    width: 815px;
    height: 30px;
    overflow:hidden;
    position: absolute;
    bottom: 0px;
    left: 0px;    
    border-collapse: collapse;
}

.pageLandscapeBleed {
    height: 815px;
    width: 1056px;
    overflow:hidden;
    clear:both;
    position:relative;
    page-break-after: always;
    border-collapse: collapse;
}

.pageLandscapeBleed_content {
    height: 768px;
    width: 1008px;
    overflow:hidden;
    top: 50%;
    left: 50%;    
    position: relative;
    clear:both;
    display:inline-block;    
    border-collapse: collapse;
}

.noborder{
    border:none !important;
}

.printable table{
    table-layout: fixed;
}

.caption {
    font-size: 7pt;
    color:gray;
}


.clsDVstatus {
    display:none;
}

.clsdvFileline:hover span.clsDVfilename {display:none;}
.clsdvFileline:hover span.clsDVstatus {display:inline;}

.clsScrollBox {
    width:100%;
    max-height:250px;
    overflow: auto;
    border:1pt solid silver;
}

.clsLibraryRoom {
    border:1pt solid silver;
    /* border-radius:5px; */
    padding: 15px;
    width:700px;     
    margin: 20px;
    background-color:white;
}

.clsLibraryRoomSubfolder {
    border:1pt solid silver;
    /* border-radius:5px; */
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color:white;    
}

.clsLibraryRoomSubfolder:hover {
    background-color:#F5F5DC;
}

.thumbnail:hover {
    position:relative;
    max-width:600px !important;
    max-height:600px !important;
    display:block;
    z-index:999;
    border:1pt solid silver;
    filter: drop-shadow(10px 5px 2px #666666);
}

.flexboxOutlines div {border: 1pt solid silver;}

.clsLibrary .strike {display:none;}

.clsLibrary .DroppableFile {     
    margin-right: 5px;
    margin-bottom: 5px;
    padding:5px; 
    border:1pt solid silver;}

.clsflexbox_LibraryRoom {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}    

.clsflexbox_LibraryRoomCol1 {
    flex-grow:1;
    padding-right:20px;
    width:80px;
}

.clsflexbox_LibraryRoomCol2 {    
    width:400px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.clsInputTable td {padding-right: 10px;}


.clsRounded {
    border-radius:5px;
}

.hangingindent {
  padding-left: 22px ;
  text-indent: -22px ;
}

/*
@media print {
    table tbody tr td:before,
    table tbody tr td:after {
        content : "" ;
        height : 2px ;
        display : block ;
    }
}
*/

.bkgWarning {
    background-color: #ffe6e6;
}

td {page-break-inside: avoid;}
tr {page-break-inside: avoid;}
#map {page-break-inside: avoid;}


/*!
// CSS only Responsive Tables
// http://dbushell.com/2016/03/04/css-only-responsive-tables/
// by David Bushell
*/
.rtable {
  /*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
  border-spacing: 0;
}

.rtable,
.rtable--flip tbody {
  -webkit-overflow-scrolling: touch;
  background: radial-gradient(left, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(right, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
  background-size: 10px 100%, 10px 100%;
  background-attachment: scroll, scroll;
  background-repeat: no-repeat;
}


.rtable--flip {
  display: -webkit-box;
  display: flex;
  overflow: hidden;
  background: none;
}

.rtable--flip thead {
  display: -webkit-box;
  display: flex;
  flex-shrink: 0;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}

.rtable--flip tbody {
  display: -webkit-box;
  display: flex;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}

.rtable--flip tr {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  flex-shrink: 0;
}

 .printOnly {display:none;}

[contenteditable] {
  position: relative; 
}

[contenteditable]:after:not(th) {
    width: 8px;
    height: 8px;

    // place the icon on the same line with text
    display: inline-block;

    // creates new element
    content: ' ';
    position: absolute;
    top:0;
    left:0;
}

[contenteditable]:focus:after:not(th) {
    width: 0;
    content: '';
}

[contenteditable]:hover:after:not(th) {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiUlEQVQ4y2NgGFKgs7OTl2zNEyZMmAgEDZMmTeogWTNQUwVQcyeIDaLnz5/PQYrmssmTJ1sC6QQg7gXiFlI0l4I0Q9lOQNuLiNYMVFwCxFZQtiPQgEKSNAM1WMM0k2wzTDPQ+Q5AdjEpfs6CRRPJmqEGvAC6IAlId4NcQk58vwDih0DbMxhGDgAAx6ZVXMd4yEMAAAAASUVORK5CYII=');

}

[contenteditable]:hover:not(th) {
    background-color: #F0F8FF;
}

 @media print {
    .printOnly {display:block;}
 
    [contenteditable]:hover:not(th) {
        background-color: transparent !important; /* Override with transparent background for printing */
    }

    [contenteditable]:hover:after:not(th) {
        content: '';
    }
 }

a {cursor: pointer;}

    .swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

div.swiper-button-prev,
div.swiper-button-next {
color: #ffffff;
}

// and for bullets
span.swiper-pagination-bullet {
background-color: #000000;
}

.gallery-thumbs .swiper-slide {
height: 100%;
opacity: 0.4;
cursor: pointer;
}

.gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
cursor: auto;
}


.p-2 {padding:10px;}

.w-100 {width:100%;}

.flexbox-col {
    display: flex;
    flex-wrap:wrap;
    flex-direction: column;
    justify-content: space-between;
}

.clsCounter {
    height:10px;
    width:10px;
    background-color:#ea7606;
    border-radius:5px;
    color:white;
    font-size:7pt;
    padding:2px;
    justify-content:center;
    align-items:center;        
    font-style: normal;
}

.clsCounter2 {
    height:10px;
    width:10px;
    background-color:#3FB1CE;
    border-radius:5px;
    color:white;
    font-size:7pt;
    padding:2px;
    justify-content:center;
    align-items:center;        
    font-style: normal;
}

input.clsCheckbox8 {
    width: 8px;
    height: 8px;
}


input.clsCheckbox9 {
    width: 9px;
    height: 9px;
}
.marker {width:0; height:0;}

.marker  span {
  display:flex;
  justify-content:center;
  align-items:center;
  box-sizing:border-box;
  width: 30px;
  height: 30px;
  border:solid 2px;
  border-radius: 0 70% 70%;  
  box-shadow:0 0 2px #000;
  cursor: pointer;
  transform-origin:0 0;
  transform: rotateZ(-135deg) scale(0.9);
  font-family: 'arial narrow';
  font-size:8pt;
}

.marker b {transform: rotateZ(135deg); font-weight:normal;}

.clsMarkerListStatus-0 span {
    color: white;
    background-color: #3FB1CE;
}


/*proposal*/
.clsMarkerListStatus-20 span {
    color: white;
    background-color: #FF8C00;
    font-weight: normal;    
}


/*active*/
.clsMarkerListStatus-1 span {
    color: white;
    background-color: #008000;
}

/*signed loi*/
.clsMarkerListStatus-40 span {
    color: white;
    background-color: #20B2AA;
}


/*escrow*/
.clsMarkerListStatus-2 span {
    color: white;
    background-color: #20B2AA;
}


/*closed*/
.clsMarkerListStatus-3 span {
    color: white;
    background-color: #1C5682;
}

.clsMarkerListStatus- span {
    color: white;
    background-color: #1C5682;
}

/*subject*/
.markerSubj span {
    color: gray;
    background-color: gold;
}

.markerTeamDeal span {
    border-color:gold;
}

.markerOldActive span {
    border-color:red !important;
}

.clsListLowerAlpha {list-style-type: lower-alpha; padding-bottom:5px;}
.clsListLowerRoman {list-style-type: lower-roman; padding-bottom:5px; padding-top:5px;}
.clsListBP5 li {padding-bottom:5px;}

h4 {margin:5px 0;}


.clsToC ul {margin:20px;padding:0;}

.clsSummationBar td{
    background-color:#67768a;
    font-weight:bold;
    color:white;
}

.pf_td {text-align: right; padding-right:8px;}

.border {border: 1pt solid silver;}
.border-left {border-left: 1pt solid silver;}
.border-right {border-right: 1pt solid silver;}
.border-bottom {border-bottom: 1pt solid silver;}
.border-top {border-top: 1pt solid silver;}


.bkgEscrow {background-color: #d8ecf3;}
.bkgClosed {background-color: #d3f8d3;}

table .clstblTDmaxW250 td {max-width: 250px;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.ucase {text-transform: uppercase;}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.js-sort-number {cursor: s-resize;}
.js-sort-date {cursor: s-resize;}
.js-sort-string {cursor: s-resize;}
.js-sort-last {cursor: s-resize;}
.js-sort-input {cursor: s-resize;}


.em td {font-style: italic;}

.mapbox-improve-map {display:none !important;}
.mapboxgl-ctrl-logo {display:none !important;}

.clsBabyBlueBox {
    padding:10px;
    margin:5px;
    background-color: #E7F1F8;
    border-radius: 10px;
}

.clsGrayBox {
    padding:10px;
    margin:5px;
    background-color: #eeeeee;
    border-radius: 10px;
}

.flexbox_vpad_divs div{
    padding: 2px 0;
}

.cfdump_td_value {max-width:500px; overflow:auto;}

.TCP_DayBox {
    max-height:120px;overflow:auto;
}

.TCP_DayBox_Big {
    max-height:300px;overflow:auto;
}

.CopyToClipboard_tooltip {
  position: relative;
  display: inline-block;
}

.CopyToClipboard_tooltip .CopyToClipboard_tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.CopyToClipboard_tooltip .CopyToClipboard_tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.CopyToClipboard_tooltip:hover .CopyToClipboard_tooltiptext {
  visibility: visible;
  opacity: 1;
}

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

html {
    scroll-behavior: smooth;
}

/*
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \1F859" 
}
*/

.clsFlatInput {
    border:none !important;
    background-color: transparent !important;
}

.mapbox-improve-map {display:none !important;}
.mapboxgl-ctrl-logo {display:none !important;}

th {font-weight:normal;}

.brokergridCard {
    padding:5px;
    border:1pt solid silver;
    background-color: #eeeeee;
    text-align:center;
    cursor:pointer;
}

.brokergridCard:hover {
    color:white;
    background-color: #1C5682;
}

.brokergridCard.clsActive {
    color:white;
    background-color: #1C5682;
}


.flexboxMenubar {
    display:flex; 
    flex-direction:row; 
    flex-wrap:wrap; 
    justify-content: space-between;
    align-items: flex-end;
    align-content: space-between;    
}

.MenubarGrid {
    display: grid;
    grid-template-columns: 60px auto;
    grid-column-gap: 10px
    grid-row-gap: 10px
    justify-items: stretch
    align-items: stretch
}

@media (max-width: 1000px) {
  /* target the text within the element */
  .menuBarLinks a {
    color: white;
  }
}

/*
    http://www.exploding-boy.com/2005/12/15/free-css-navigation-designs/
*/
 
/*- Menu Tabs K--------------------------- */   
/*- sub level tabs: gray scheme -- */  
.tabsK {
      font-family: helvetica;
      float:left;
      width:100%;
      font-size:93%;
      font-weight: bold;
      line-height:normal;     
      padding-left:0px;
      }
.tabsK ul {
    margin:0;
    list-style:none;
      }
.tabsK li {
      display:block;
      float:left;
      position:relative;
      margin:0;
      padding:0;
      }
.tabsK a {
      float:left;
      background:url("https://cre.link/images/cssmenus/tableft7.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      border-bottom:1px solid #1C5682;
      }
.tabsK a span {
      float:left;
      display:block;
      background:url("https://cre.link/images/cssmenus/tabright7.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#1C5682;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsK a span {float:none;}
    /* End IE5-Mac hack */
.tabsK a:hover span {color:#ECB546; background-position:100% -42px;}
.tabsK a:hover {background-position:0% -42px;}

.tabsK a.active span {color:#ff9900; background-position:100% -42px;border-bottom:none !important}
.tabsK a.active {background-position:0% -42px;border-bottom:none !important;}
      
/*- Menu Tabs J--------------------------- */
/*- top level tabs -- */ 
.tabsJ {
      font-family: helvetica;
      float:left;
      font-size:93%;
      line-height:normal;
      font-weight: bold;
      margin-top: 0;
      margin-bottom: 0;
      }

.tabsJ li {
      display:block;
      float:left;
      position:relative;
      margin:0;
      padding:0;
      }
.tabsJ a {
      float:left;
      background:url("https://cre.link/images/cssmenus/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }

.tabsJ a span {
      float:left;
      display:block;
      background:url("https://cre.link/images/cssmenus/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsJ a span {float:none;}
    /* End IE5-Mac hack */
.tabsJ a:hover {background-position:0% -42px;}
.tabsJ a:hover span {color:#24618E; background-position:100% -42px;}

.tabsJ a.active {background-position:0% -42px;border-bottom:none !important}
.tabsJ a.active span {color:#ff9900; background-position:100% -42px;border-bottom:none !important}

.tabsJ ul, 
.tabsJ :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
      
.tabsJ :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:150px;}
.tabsJ :hover ul.sub li a {background: #fff; font-weight:normal;display:block; height:20px; width:150px; line-height:20px; color:#24618E; text-decoration:none;}
.tabsJ :hover ul.sub li a:hover {background:#24618E; color:#fff;}

/* this line does the positioning.  */
.tabsJ :hover ul.sub {left:0px; top:21px; right:2px; background: #fff; padding:3px; border:1px solid #999999; white-space:nowrap; width:155px; height:auto; z-index: 99;}


/*- Menu Tabs --------------------------- */    
.tabs {
      font-family: helvetica;
      float:left;
      width:100%;
      font-size:93%;
      font-weight: bold;
      line-height:normal;
      margin-top: 0;
      margin-bottom: 0;
      top: 10px;
      left: 30px;
      position:relative;
      width:800px;
      clear:both;
      }
.tabs ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
      }
.tabs li {
      display:block;
      float:left;
      position:relative;
      margin:0;
      padding:0;
      }
.tabs a {
      float:left;
      background:url("https://cre.link/images/cssmenus/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
.tabs a span {
      float:left;
      display:block;
      background:url("https://cre.link/images/cssmenus/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#555;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {float:none;}
    /* End IE5-Mac hack */
.tabs a:hover span {color:#ff9900; background-position:100% -42px;}
.tabs a:hover {background-position:0% -42px;}

.tabs a.active span {color:#ff9900; background-position:100% -42px;border-bottom:none !important}
.tabs a.active {background-position:0% -42px;border-bottom:none !important}

.tabs ul, 
.tabs :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
      
.tabs :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:150px;}
.tabs :hover ul.sub li a {background: #fff; font-weight:normal;display:block; height:20px; width:150px; line-height:20px; color:#54545C; text-decoration:none;}
.tabs :hover ul.sub li a:hover {background:#54545C; color:#fff;}

/* this line does the positioning.  */
.tabs :hover ul.sub {left:0px; top:21px; right:2px; background: #fff; padding:3px; border:1px solid #999999; white-space:nowrap; width:155px; height:auto; z-index: 99;}     

.pac-container { z-index: 100000; } /*google autocomplete fix*/

.clsLoading span {
    animation: loading 1.4s infinite ease-in-out;
}

@keyframes loading {
    0%, 80%, 100% { opacity: .1;}
    40% { opacity: 1; }
}

.clsLoading span:nth-child(1) { animation-delay: -0.32s; }
.clsLoading span:nth-child(2) { animation-delay: -0.16s; }

.clsFeeNotes {max-width: 250px;}

tr.clsStickyBar th {background-color: #004071; color:white;}
tr.clsStickyBar td {background-color: #004071; color:white;}

thead tr.clsStickyBar th {
    position: sticky;
    top: 0;
    background-color: ; /* Optional: Add background for visibility */
    z-index: 10; /* Ensure it stays on top */
}

thead tr.clsStickyBar td {
    position: sticky;
    top: 0;
    background-color: ; /* Optional: Add background for visibility */
    z-index: 10; /* Ensure it stays on top */
}

.clsAGGraph {
    border:1pt solid black; 
    padding:20px; 
    margin:20px;
    page-break-inside: avoid;
}

.clsModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
  color:white;
  font-size:48pt;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000; /* Ensure it's on top */
 
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  clip-path: inset(-45px);
  box-shadow: -60px 15px,-60px 15px,-60px 15px;
  transform: translateY(-15px);
  animation: l19 1s infinite linear;
}
@keyframes l19{ 
  16.67% {box-shadow:-60px 15px,-60px 15px,19px 15px}
  33.33% {box-shadow:-60px 15px,  0px 15px,19px 15px}
  40%,60%{box-shadow:-19px 15px,  0px 15px,19px 15px}
  66.67% {box-shadow:-19px 15px,  0px 15px,60px 15px}
  83.33% {box-shadow:-19px 15px, 60px 15px,60px 15px}
  100%   {box-shadow: 60px 15px, 60px 15px,60px 15px}
}


.clsProjectFilter_1 {
    flex-grow: 1;
    max-height: 200px;
    overflow-y:auto;
    overflow-x:hidden; 
    border:1pt solid silver; 
    padding:5px;
    font-size:7pt;
}


.clsProjectFilter_2 {
    flex-grow: 2;
}

.clsFlame0  {  }
.clsFlame1  { color:red; }
.clsFlame2  { color:orange; }
.clsFlame3  { color:#8B8000; }
.clsFlame4  { color:maroon; }

.clsProfileGraph_Notes:hover{
    background-color: #b0def4;
}

.clsProfileGraph_1st:hover{
    background-color: #a98e59;
    color:white;
}

.clsProfileGraph_2nd:hover{
    background-color: #767b8e;
    color: white;
}
.clsProfileGraph_Active:hover{
    background-color: #572f45;
    color: white;
}
.clsProfileGraph_Sold:hover{
    background-color: #062947;
    color: white;
}

.clsProfileGraph_Notes:hover a {
  color: black; 
}

.clsProfileGraph_1st:hover a {
  color: white; 
}

.clsProfileGraph_2nd:hover a {
  color: white; 
}

.clsProfileGraph_Active:hover a {
  color: white; 
}

.clsProfileGraph_Sold:hover a {
  color: white; 
}