body, table, td, input, ul, select {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}

#main br {
  clear:both;
}

div.multicheckbox {
    width:20em;
    height:15em;
    border:solid 1px #c0c0c0;
    overflow:auto;
}
 
.multicheckbox label {
    display:block;
}
 
.multicheckbox-on {
    color:#ffffff;
    background-color:#0069d9;
}

table.fulcrum {
	border-width: 2px;
	border-spacing: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	background-color: rgb(238, 238, 238);
}
table.fulcrum th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: gray;
	background-color: rgb(248, 238, 238);
	-moz-border-radius: ;
        text-align: center;
        font-family:verdana;
        font-size:9px;
}
table.fulcrum td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: gray;
	background-color: rgb(238, 238, 238);
	-moz-border-radius: ;
        font-family:verdana;
        font-size:9px;
}

.fulcrumdiv {
  float:left;
  width:400px;
  border:1px solid green;
  padding:5px;
  margin:2px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  overflow:scroll;
}

.fulcruminfo {
  position:absolute;
  border:1px solid grey;
  background-color:#FFFFFF;
  width:80px;
  height:16px;
  padding:2px;
  z-index:2000;
}
.fulcruminfo img {
  cursor:pointer;
  margin:1px;
}

.fulcrumtab {
  float:left;
  width:12px;
  height:12px;
  background-color:#FF0000;
  margin:1px;
}

.fulcrum_title {
  float:left;
  width:80px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  padding:2px;
  margin-bottom:3px;
  margin-right:5px;
  background-color:#C0C0C0;
}

.fulcrum_multigroups {
  font-size:14px;
}

.search_main {
  padding:5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
}
.radio_main {
  padding:5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
}
.search_main input  {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
}

.box_wider {
 width:400px;
}

.box_wide {
  width:350px;
}
.box_med {
  width:250px;
}

.search_main label {
  float:left;
  width:35%;
}


.search_main div {
  padding:2px;
  border-bottom:1px dotted #333333;
}

p {
padding: 0 0 1em;
}

img {
border: 0px;
}

.editor_main label {
  float:left;
  width:35%;
}
.editor_main {
  padding:5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
}
.editor_main div {
  padding:2px;
  border-bottom:1px dotted #333333;
}


.radio_main label {
  float:left;
  width:17%;
}


.radio_main span {
  float:left;
  width:25%;
}


.msg_list {
margin: 0px;
padding: 0px;
width: 383px;
}
.msg_head {
font-size:12px;
font-weight:bold;
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#999999;
margin:1px;
}
.msg_search {
cursor: pointer;
position: relative;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;
}

.divover {
  background-color:#FFCCFF;
}

.classselect {
  vertical-align:middle;
  padding-bottom:25px;
}

.strength0 {
        width:150px;
}

.strength1 {
        width:30px;
        background:#ff0000;
}

.strength2 {
        width:60px;    
        background:#ff5f5f;
}

.strength3 {
        width:90px;
        background:#56e500;
}

.strength4 {
        background:#4dcd00;
        width:120px;
}

.strength5 {
        background:#399800;
        width:150px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }


/* ============================================================================
   P5 Task 16 — classes replacing the former inline style= attributes.
   One class per distinct inline-style pattern; values are today's exact look.
   The `modern` theme redefines VALUES only — class names and DOM must match.
   ========================================================================== */

/* ---- shell / header (index2.php, top_nav.php) ---- */
.fc-shell { overflow:auto; }
/* #FFC0C0 preserves the look the retired $sysconf['header_color'] inline
   override produced here (was #D0D0D0 underneath, never visible on OB) */
.fc-header { padding:6px; margin-bottom:3px; overflow:auto; background-color:#FFC0C0; }
.fc-headitem { font-size:14px; color:#000000; float:left; }
/* Optional instance badge (config $sysconf['instance_label']) */
.fc-instance-badge { margin-right:8px; padding:1px 6px; background-color:#ffffff; color:#000000; border:1px solid #808080; }
.fc-tabs { float:left; margin-left:10px; border:1px solid black; width:120px; height:16px; padding:0px; }
.fc-headright { width:100%; text-align:right; padding:0px; font-size:12px; }
.fc-main { width:0px; border:1px solid grey; }
.fc-topnav-body { background-color:#E1E1E1; padding:0px; margin:0; }
.fc-wa-connect { display:inline-block; float:right; margin-right:6px; line-height:18px; }
/* pane visibility tabs (JS-toggled; formerly inline background-color from JS) */
.fulcrumtab-on { background-color:#00FF00; }
.fulcrumtab-off { background-color:#A0A0A0; }

/* ---- login page ---- */
.fc-login-body { }
.fc-login-box { width:250px; margin:auto; margin-top:50px; padding:10px 10px 10px 20px; border:1px solid #000000; }
.fc-login-error { font-size:12px; color:#ff0000; }
.fc-login-form { font-size:12px; }
.fc-center { text-align:center; }

/* ---- generic utilities ---- */
.fc-click { cursor:pointer; }
.fc-clear { clear:both; }
.fc-left { float:left; }
.fc-hidden { display:none; }
.fc-block { display:block; }
.fc-noborder { border:none; }
.fc-nobb { border-bottom:0px; }
.fc-border0 { border:0px; }
.fc-bordergrey { border:1px solid grey; }
.fc-indent30 { margin-left:30px; }

/* ---- pane chrome (module.php searchpane / rendermodule_ajax.php) ---- */
.fc-panehead { font-size:12px; font-weight:bold; padding:0px; }
.fc-editid { float:right; font-size:12px; font-weight:bold; }
.fc-editor-table { border:1px solid #000000; }
.fc-pagenav-wrap { padding:5px; }

/* ---- pagination ---- */
.fc-pagenav { cursor:pointer; background:#EEEEEE; }
.fc-pagenav-active { cursor:pointer; background:#FFAAAA; }
.fc-pagenav-cur { cursor:pointer; background:#FFD9F7; }

/* ---- selection / row state ---- */
.fc-input-sel { background:#FFD9D7; }          /* editor-open / selected input */
.fc-input-selrow { background:#FFC0C7; }       /* selector active */
.fc-input-mfd { border:1px solid #006; background:#FFCCFF; } /* delete/restore armed */
.fc-row-sel { background:#FFD9D7; }
.fc-row-hist { background:#EEEEEE; }
.fc-note9 { font-size:9px; }
.fc-sorted { color:red; }

/* ---- history menu / functions pane ---- */
.fc-histmenu { background-color:#DDDDDF; width:400px; margin-bottom:2px; }
.fc-histmenu-head { background-color:#505060; padding:2px; font-size:10px; color:#E0E0FF; }

/* ---- alarm / reminder / checkbox buttons ---- */
.fc-alarm-due { background:red; color:yellow; }
.fc-alarm-grey { background:grey; }
.fc-alarm-off { background:#888888; }

/* ---- module selector (imagerender) ---- */
.fc-modsel { width:220px; cursor:pointer; }
.fc-modsel-static { float:left; width:220px; }

/* ---- misc engine inputs ---- */
.fc-json-indent { padding-left:100px; }
.fc-bitflags { width:140px; border:none; float:left; }
.fc-bitflag-row { } /* former inline 'width:100%,height:12px' was invalid CSS (no effect) */
.fc-strengthbar { border-bottom:0px; height:2px; }
.fulcrum_text_tooltip { border-bottom:0px; display:none; position:absolute; left:auto; top:auto; width:200px; color:#000000; background:#fffecc; z-index:1000; }

/* ---- overlay popups (meetings calendar, properties/developments maps) ---- */
.overlaytable { position:absolute; z-index:2000; }
.overlaytable-hi { z-index:2001; }
.fc-overlay-td { background-color:#EEEEEE; }
.fc-cal-close { width:60px; height:12px; }
.fc-cal-cell { height:auto; }
.fc-appt-add { border:1px solid red; color:#FAA; background-color:#FAA; }

/* ---- select-all popup (total_min.js selallpopup; formerly jQuery .css() colors) ---- */
.fc-selall { color:#fff; padding:0px; border:1px solid black; background-color:#000; }
.fc-selall-item { width:86px; color:#000; padding:2px; background-color:#ddd; cursor:pointer; }
.fc-selall-item.fc-selall-hot { background-color:#fcc; }

/* ---- reports (crm_notes / security_log team headers) ---- */
.fc-report-teamhead { background-color:#CCC; }

/* ---- properties list thumbnail ---- */
.prop-thumb img { width:92px; height:62px; object-fit:cover; border-radius:4px; }

/* ---- buyer_requirements pipeline / events chips ---- */
.fc-grade-chip { width:14px; height:14px; }
.fc-due-dot { width:12px; height:12px; border-radius:50%; margin:auto; }
.evlist-none, .evlist-active, .evlist-done { cursor:pointer; padding:2px 6px; border-radius:3px; font-size:11px; }
.evlist-none { background:#e0e0e0; }
.evlist-active { white-space:nowrap; }
.evlist-done { background:#e8f5e9; color:#2e7d32; border:1px solid #a5d6a7; }

/* ---- whatsapp module panes ---- */
.wa-msgbox { font-family:monospace; font-size:13px; line-height:1.6; padding:8px; background:#f8f9fa; border:1px solid #dee2e6; border-radius:4px; max-height:400px; overflow-y:auto; }
.wa-msgbox-tall { max-height:500px; }
.wa-procbox { font-family:monospace; font-size:12px; padding:10px; background:#f8f8f8; border:1px solid #ddd; border-radius:4px; max-height:300px; overflow-y:auto; }
.wa-muted { color:#999; }
.wa-muted-sm { color:#999; font-size:11px; }
.wa-time { font-size:9px; color:#aaa; line-height:1; }
.wa-item { margin-bottom:4px; }
.wa-line { color:#333; line-height:1.4; }
.wa-line-ok { color:#1a8a5c; line-height:1.4; }
.wa-line-err { color:#c0392b; line-height:1.4; }
.wa-line-ai { color:#8a6d3b; line-height:1.4; }
.wa-line-info { color:#31708f; line-height:1.4; }
.wa-line-seller { color:#a0522d; line-height:1.4; }
.wa-sent { color:#28a745; }
.wa-recv { color:#007bff; }
.wa-en { color:#6c757d; margin-left:20px; font-style:italic; }
.wa-stats { font-family:Arial,sans-serif; font-size:13px; max-width:700px; }
.wa-stats-h { margin:0 0 10px; color:#333; }
.wa-stats-sub { color:#666; margin:0 0 15px; }
.wa-table { border-collapse:collapse; width:100%; margin-bottom:15px; }
.wa-table-tight { border-collapse:collapse; width:100%; margin-bottom:10px; }
.wa-thead { background:#505060; color:#fff; }
.wa-th-l { padding:6px 10px; text-align:left; }
.wa-cell { padding:4px 10px; }
.wa-cell-r { padding:4px 10px; text-align:right; font-weight:bold; }
.wa-th { padding:6px 8px; text-align:right; }
.wa-th-first { padding:6px 8px; text-align:left; }
.wa-td { padding:4px 8px; text-align:right; }
.wa-td-first { padding:4px 8px; font-weight:bold; }
.wa-row { background:#fff; }
.wa-row-alt { background:#f5f5f5; }
.wa-fail { color:red; }