/* Front-end */

body { background-color: #fff; font-family: Arial; color:#000;}

a { word-wrap: break-word; }
a, a:link, a:visited { color: #226baa; }
.content-width { width: 100%; margin: 0 auto; }
.top-menu { width:50px; height: 100%; max-width: 50px; padding: 13px 8px 4px 8px; position: absolute; top: 0; }
.top-menu .menu-logo { padding: 0; background-color: transparent; border: 0 none; color: #E4E0D2; line-height: 30px; font-size: 21px; min-width: 0; }
.top-menu .menu-logo:active,
	.top-menu .menu-logo:focus { box-shadow: none; }
.top-menu.menu-open { background-color: transparent; }
.top-menu.menu-open .menu-logo { color: #fff; }

/*.site-logo { display: inline-block; margin-left: 7px; }*/
.menu-logo { display: inline-block; width: 28px; height: 30px; margin: 7px; }
.header { padding: 0; position: relative; top: 0; left: 0; z-index: 998; width: 100%; /* for mouse hover detection */ transition: top .5s ease; }

/* Embed override */
body.embed { background: transparent none; }
body.embed .page { margin-left: 10px; margin-right: 0; width: 98%; }
body.embed .header { padding-top: 0; }
body.embed .top-links { display: none; }

.top-links { background: url("../images/landsales_page_banenr.png") no-repeat ; background-size: cover; position: relative; top: 0; color: #fff; width: 100%;  max-width: none; border-bottom:3px solid #2D2337; font-family: Arial; }
.top-links .glyphicon { color: #fff; /*margin-right: 8px;*/ }
.top-links .top-left { float: left; position: relative; left: 25px;  /*margin-top: 13px; margin-right: 13px;*/ }
.top-links .top-right { float: right; position: relative; right: 40px; /*margin-top: 13px; margin-right: 13px;*/ }
.top-links .top-right > * { vertical-align: middle; }
.top-links .login { cursor: default; }
.top-links .top-account-right .login, .top-links .top-account-right .login .glyphicon { font-size: 14px; color: rgba(255,255,255,1); }
.top-links .top-account-right a, .top-links .top-account-right a .glyphicon { font-size: 14px; color: #fff; }
.top-links a { color: #fff; text-decoration: none; margin: 0 5px; font-size: 14px; }
.top-links a:last-child { margin-right: 0; }
.top-link-left { line-height: 1; /*background: url("../images/landsales_page_title_06.png") 50px 0px no-repeat; line-height: 37px; padding-left: 44px; background-size: contain;*/ }
.top-link-left a { font-size: 20px; text-transform: uppercase; letter-spacing: 1px; margin-top: 5px; text-indent: -9999px;}

.top-content{ background-color:#2D2337; padding:7px;}

/* jscrollpane overrides */
.jspVerticalBar, .jspHorizontalBar { background-color: transparent; }
.jspVerticalBar { width: 7px; }
.jspHorizontalBar { height: 7px; }
.jspTrack { background-color: transparent; }
.jspDrag { background-color: rgba(127,127,127,0.3); cursor: default; }
.jspTrack:hover .jspDrag { background-color: rgba(127,127,127,0.7); }
.jspCorner { background-color: transparent; }

/* Site navigation */
.site-master .nav-menu { display: none; }
.nav { background-color: transparent; }
.nav > ul { z-index: 9; }
.nav-menu > a { display: none; }
.nav { float: none !important; }
.nav ul { display: block; float: none !important; }
.nav a { background-color: #ccc; background-clip: padding-box; /* fix IE9 bleeding */ border-radius: 5px; margin: 0 2px; padding: 10px 5px; color: #333; text-overflow: ellipsis; overflow: hidden; }
.nav li { display: block; text-align: center; padding: 0; }
.nav a.highlighted { color: #fff; }
.nav li.static { width: 33.33%; }
.nav li.dynamic { float: left; width: 100%; }
.nav ul.dynamic a { background-color: #ddd; }
.nav ul a { border: 2px solid #fff; }
.nav a.selected { font-weight: bold; }
#menuTop ul.dynamic { background-color: transparent; width: 100%; }
#menuTop a.popout { background-image: none !important; }

/* Home menu */
/*.path-home .home-link-groups { position: absolute; width: 100%; top: 50%; left: 50%; margin-top: -190px; margin-left: -450px; font-size: 18px; }*/
.home-link-groups { font-size: 14px; overflow: hidden; max-width: 900px; }
.home-link-groups, .home-link-groups a { color: #fff; }
.home-link-group { width: 100%; padding-left: 20px; padding-right: 20px; }
.home-link-group-title, .home-link-group-tasklist .home-link-group-main-title { font-size: 20px; margin-bottom: 25px; width: 100%; color: #DBE932; border-bottom: 1px solid #DBE932; padding-bottom: 5px; }
.home-link-groups ol { list-style-type: none; /*decimal;*/ padding-left: 0; /*30px;*/ }
.home-link-groups li { margin: 10px 0; display: block; background-repeat: no-repeat; background-position: left center; text-transform: uppercase; }
.home-link-groups li a { display: inline-block; position: relative; }
.home-link-groups li .menu-item-icon { margin-right: 10px; }
.home-link-groups .new-item { display: none; position: absolute; top: 0; right: 0; margin-right: -15px; margin-top: 0; font-size: 10px; color: #fc0; }
.home-link-groups .has-new-item .new-item { display: inline-block; }
.home-link-groups .has-new-item a { color: #fc0; }
li.menu-MarketIntel { background-image: url(../images/icon_marketintel.png); }
/* Dropdown */
.home-menu { position: absolute; z-index: 997; background-color: rgba(77,65,71,0.8); margin: 0 auto; overflow: hidden; transition: max-height .3s ease; max-height: 0; }
.home-menu.checking { transition: none; visibility: hidden; max-height: none !important; }
.home-menu-inner { padding: 20px 40px; }

.collapsible-header-menu.header-collapsed .header { top: -52px; }
.collapsible-header-menu.header-collapsed .main { padding-top: 0; }

.home-link-group-tasklist .home-link-group-main-title { color: #1CBCBA; border-bottom-color: #1CBCBA; padding: 2px 0 5px 40px; min-height: 30px; background: url(../images/icon_task.png) no-repeat left top; }
.home-link-group-tasklist .home-link-group-title { color: #1CBCBA; /*border-bottom-width: 0;*/ border-bottom-color: #1CBCBA; font-size: 20px; /*padding-bottom: 0;*/ margin-bottom: 15px; }
.home-link-group-tasklist .home-links { }

.home-link-group-tasklist .task-group { }
.home-link-group-tasklist .task-group:nth-child(odd) { clear: left; }
.home-link-group-compact .task-group { padding-left: 10px; padding-right: 10px; }

@media screen and (max-width: 950px) 
{
	.home-link-group-title { font-size: 18px; }
}

@media screen and (max-width: 800px) 
{
	.home-link-groups, .path-home .home-link-groups { position: static; width: auto; margin: 0; }
	.home-link-group { float: none; width: 100% !important; margin-bottom: 30px; /* padding-left: 0; padding-right: 0; */ }
	.home-link-groups, .home-link-groups a { font-weight: normal; }
	.home-link-group-title, .home-link-group-tasklist .home-link-group-main-title { width: 100%; }
	.path-home .home-link-group { margin-bottom: 50px; }
	
	.home-link-group-tasklist { border-right: 0 none; }
	.home-link-group-tasklist .task-group { float: none; width: 100%; }
}

.page-title { margin: 20px 5px 5px; min-height: 22px; overflow: hidden; position: relative; }
.page-title .title-icon { display: inline-block; width: 20px; height: 20px; border-radius: 10px 0 10px 10px; background-color: #999; vertical-align: middle; margin-right: 10px; background-position: center center; background-repeat: no-repeat; }
.page-title h1 { margin: 0; font-size: 18px; color: #fff; text-transform: uppercase; }
.page-title .page-title-inner h1 {display:inline-block;}
.page-title .page-title-inner span.page-period { display: inline-block; color: #fff; font-size:11px; margin-left:20px; text-transform: uppercase; }
.title-right { position: absolute; right: 0; bottom: 0; }
/*.main { margin: 0; background-color: transparent; min-height: 500px; padding-top: 110px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; transition: padding-top .5s ease; }*/
.main .summary { padding: 5px 10px; border-radius: 5px; background-color: #FFE299; color: #A81818; font-weight: bold; }
/*.main-content { margin: 5px 8px; padding: 10px; color: #333; }*/
.result-item { position: relative; }
.result-items-empty { color: #999; font-style: italic; }
.main-content label, .previous-content label { font-weight: normal; }
.fields { padding-top: 0.1px; /* force to separate margin from child */ }
.field { float: left; width: 45%; margin: 0 10% 5px 0; position: relative; }
.field:nth-child(even) { margin-right: 0; }
.field-label { float: left; width: 40%; margin-bottom:0px; }
.field-data { float: left; width: 60%; font-weight: bold; }
.field-data.field-content { font-weight: normal; }
.field.full-width { width: 100%; }
.field.full-width .field-label { width: 18%; }
.field.full-width .field-data { width: 82%; }
/* One column layout */
.fields.field-columns-1 .field { width: 100%; margin-right: 0; }
.fields.field-columns-1 .field-label { width: 18%; }
.record-file { margin: 5px 0; }
.file-img img { border: 5px solid #fff; display: none; margin-top: 3px; max-width: 100%; max-height: 400px; }
.record-file.file-img.record-file-img-expand img { display: block; }

/* Combined fields */
.fields-combined { margin-bottom: 15px; }
.fields-combined .field:before { content: "/"; float: left; margin: 0 10px; }
.fields-combined .field:first-child:before { content: ""; margin: 0; }
.fields-combined .field-label { display: none; }
.fields-combined .field-data { width: auto !important; }
.fields-combined .field { width: auto; margin-right: 0; }

/* Results */
.pagination > li > a { background-color: rgba(0,0,0,0.2); }
.pagination > .active > a, .pagination > li > a:hover { background-color: rgba(0,0,0,0.5); }
.main-content .pagination { margin-top: 5px; margin-bottom: 0; }
.main-content .ui-search-page .message.no-result, .previous-content .ui-search-page .message.no-result { color: #ccc; }

/* Record editable */
.edit-actions .btn { min-width: 0; border-color: #999; background-color: #fff; padding: 0 6px; margin-right: 10px; color: #666; }
.edit-actions .btn:hover { color: #333; border-color: #333; }
.edit-actions .btn .glyphicon { font-size: 14px; margin-top: -3px; margin-right: 5px; }
.edit-actions { display: none; }
.record-editable .edit-actions { display: block; }

body.qs-id .page .main { padding-top: 0px; }
body.qs-id .page .main > .summary { display: none; }

.path-marketintel .link-marketintel > a, .link-marketintel > a.highlighted { background-color: #0C9; }

.previous-content { margin: 5px 8px; border: 1px solid #ccc; padding: 10px; color: #333; }
.main .previous-summary { padding: 5px 10px; border-radius: 5px; background-color: #999; color: #fff; font-weight: bold; cursor: pointer; }
.main .previous-content { padding: 0; border: 0 none; }
.main .previous-content .result-item { /*border: 1px solid #008080;*/ padding: 10px; margin: 5px 0; }
.main.previous-result-closed .previous-content,
.main.previous-result-opened .previous-summary .glyphicon-plus,
.main.previous-result-closed .previous-summary .glyphicon-minus,
.previous-summary.hide-section { display:none;}

.path-home .page-title { display: none; }

.path-marketintel .page-title .title-icon { background-color: transparent; /*#92D050;*/ border-radius: 0; background-image: url(../images/icon_marketintel.png); width: 43px; height: 32px; }
.path-marketintel .main { background-color: transparent; }
.path-marketintel .main .summary { background-color: #91E3CE; color: #006679; }
.path-marketintel .main-content, .path-marketintel .previous-content { padding: 0; border: 0 none;  margin-left:0px; margin-right:0px; }
.path-marketintel .main-content .result-item,
	.path-marketintel .previous-content .result-item,
	.record-type-MarketIntel { /* border: 1px solid #7791C6; */ /*padding: 10px; margin: 5px 0; */margin: 10px 0 10px 0;padding: 0px 0px 0px 0px; background-color:#D5D6DA;/*#fff;*/ border-radius: 8px; color:#454545; overflow:hidden;}
.path-marketintel .add-my-favourite { margin-top: 8px; margin-right:2px; }	
.path-marketintel .result-item.collapse-on .fields-content,
    .record-type-MarketIntel.collapse-on .fields-content {width:100%; overflow:hidden;}
.path-marketintel .main .field.cc .field-label { width: auto; margin-right: 10px; }
.path-marketintel .main .field.cc .field-data { width: auto; }

.path-marketintel .main .previous-summary { background-color: #91E3CE; color: #006679; }
.path-marketintel .result-item.no-alert-date-data .field.alert-date,
	.path-marketintel .result-item.no-BusinessArea-data .field.BusinessArea,
	.path-marketintel .result-item.no-Region-data .field.Region,
	.path-marketintel .result-item.no-source-data .field.source,
	.path-marketintel .result-item.no-company-data .field.company,
	.path-marketintel .result-item.no-subject-data .field.subject,
	.path-marketintel .result-item.no-cc-data .field.cc,
	.result-item.record-type-MarketIntel.no-alert-date-data .field.alert-date,
	.result-item.record-type-MarketIntel.no-BusinessArea-data .field.BusinessArea,
	.result-item.record-type-MarketIntel.no-Region-data .field.Region,
	.result-item.record-type-MarketIntel.no-source-data .field.source,
	.result-item.record-type-MarketIntel.no-company-data .field.company,
	.result-item.record-type-MarketIntel.no-subject-data .field.subject,
	.result-item.record-type-MarketIntel.no-cc-data .field.cc
	{
		display: none;
	}

.attachment-icon { background-color: transparent; /*#BACEF7;*/ border-radius: 0; background-image: url(../images/icon_attachment.png); width: 20px; height: 20px; display:inline-block;margin-right:5px;vertical-align:middle;}
.document-icon { background-color: transparent; /*#BACEF7;*/ border-radius: 0; background-image: url(../images/icon_document.png); width: 15px; height: 20px; display:inline-block;margin-right:5px;vertical-align:middle;}
.commentary-icon { background-color: transparent; /*#BACEF7;*/ border-radius: 0; background-image: url(../images/icon_comment_new.png); width: 22px; height: 22px; display:inline-block;margin-right:5px;vertical-align:middle;}
.collapse-on-icon { background-color: transparent; /*#BACEF7;*/ border-radius: 0; background-image: url(../images/icon_collapse_on.png); width: 20px; height: 17px; display:inline-block;margin-right:5px;vertical-align:middle;}
.collapse-off-icon { background-color: transparent; /*#BACEF7;*/ border-radius: 0; background-image: url(../images/icon_collapse_off.png); width: 20px; height: 17px; display:inline-block;margin-right:5px;vertical-align:middle;display:none;}

.result-items-header {background-color:#848279;padding-top:2px;}
.result-item .field-header { padding-top: 10px; padding-left: 10px; padding-right: 40px; height: 40px; overflow: hidden; }
.result-item .field-header .fields-combined {margin-bottom: 0px;}
.result-item .field-header .left-header {float:left;}
.result-item .field-header .right-header {float:right;width:auto;margin-bottom:0px;}
.result-item .field-header .field-data { font-weight: normal; }
.result-item .field-header .incharged-icon { background-image: url(../images/icon_incharged.png); width: 15px; height: 20px; display: inline-block; margin-left: 5px; margin-right: 5px; }
.result-item .field-header .in-charge .field-label {font-size:11px;padding-top:2px;white-space:nowrap;}
.result-item.clone .field-header .field.in-charge .field-label, .result-item.clone .field-header .field.in-charge .field-data {width:auto;}
.result-item .field-header .in-charge .field-data .in-charge-user {font-weight:normal;vertical-align:top;margin-right:10px;}
.result-item .field-header .userid .field-label {font-size:11px;padding-top:2px;white-space:nowrap;width:auto;}
.result-item .field-header .userid .field-data {width:auto;}
.result-item .field-header .userid .field-data .userid {font-weight:normal;vertical-align:top;margin-right:10px;}

.main-content .result-item .fields-content,
    .previous-content .result-item .fields-content { background-color: #fff; padding: 10px 50px 10px 10px; min-height: 70px; }

.result-item .fields-content .files .field-label, .result-item .fields-content .files .field-data {float:none;}
.result-item .record-file {float:left;padding:5px 5px 5px 5px;margin-right:20px;background-color:#dddddd;border-radius: 5px;}
.result-item .record-file a {vertical-align:top;}
.files.field {position:static;}
.attachment-line {height:1px;background-color:#cccccc;margin:8px 8px 8px 0px;}

.collapse-panel { position: absolute; right: 0; border-left: 1px solid #aaa; width: 40px; height: 100%; padding-top: 40px; z-index: 1; }
.collapse-panel .collapse-button { position: relative; width: 100%; height: 100%; display: inline-block; background-color: #fff; }
.collapse-panel .collapse-button:hover { background-color: #eee; }
.collapse-panel .collapse-button-inner { position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -15px; width: 40px; }
.collapse-panel .collapse-text { font-size: 10px; color: #0089C1; text-transform: uppercase; text-align: center; }
.collapse-panel .collapse-icon { margin: 5px auto; }
.collapse-panel .collapse-off-icon, .collapse-panel .collapse-text-less { display: block; }
.collapse-panel .collapse-on-icon, .collapse-panel .collapse-text-more { display: none; }
.collapse-on .collapse-on-icon, .collapse-on .collapse-text-more { display: block; }
.collapse-on .collapse-off-icon, .collapse-on .collapse-text-less { display: none; }
.collapse-on .files.field .field-label, .collapse-on .files.field .field-data { display: none; }
.collapse-on .field.content, .collapse-on .field.cc { display: none; }
.field.content-summary { display: none; }
.field.content-summary .field-data { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.collapse-on .field.content-summary { display: block; }
.collapse-on .files.field .attachment-line {display:none;}
.collapse-on .files.field .attachment-count-summary { position: absolute; right: 100px; top: 50%; margin-top: 10px; }
.collapse-on .comment-line {display:none;}
.collapse-on .commentary .commentary-count-summary { position: absolute; right: 50px; top: 50%; margin-top: 5px; }
.collapse-on .commentary .commentary-count-summary .comment-label {display:none;}
.collapse-on .commentary .commentary-view, .collapse-on .commentary .last-comment {display:none;}
.collapse-on .commentary.has-comment .commentary-view {display:none;}
.collapse-on .commentary.has-comment .last-comment {display:none;}
.collapse-on .full-width.field .field-data {width:70%;}

/* Manually add more supported file fields */
/* file field */
.ui-search-page .field.files { display: none; }
.ui-search-page .has-file-files .field.files { display: block; }

/* Detail Page / Pop Up */
.detail-shadow { width: 100%; height: 100%; z-index: 101; background-color: gray; opacity: .5; }
.detail-page-container { top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 999; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } 
.detail-pop-up-header { height: 40px; }
.detail-pop-up { top: 0; left: 50%; position: absolute; z-index: 102; width: 700px; min-height: 200px; height: calc(100% - 20px); height: -moz-calc(100% - 20px); height: -webkit-calc(100% - 20px); margin-top: 10px; margin-left: -350px; background-color: White; /*padding: 10px 10px;*/ }
.detail-pop-up .detail-table-body { position: absolute; /* height = detail-pop-up-header + fields-row-header */ height: calc(100% - 94px); height: -moz-calc(100% - 94px); height: -webkit-calc(100% - 94px); overflow-y: auto; width: 100%; /*IE hack*/ box-sizing: content-box\9; }
.detail-pop-up .result { position: relative; height: 100%; }
.detail-pop-up .fields-row-header th { height: 52px; }
.detail-pop-up .result-detail-header { margin: 10px 10px; font-weight: bold; float: left; }
.detail-pop-up .btn-close { padding-top: 10px; padding-right: 10px; }
.detail-pop-up .btn-close > .glyphicon { cursor: pointer; }
.detail-pop-up .detail-table { width: 100%; }
.detail-pop-up .fields-row-header { color: #A32020; border-top: 1px solid #A32020; border-bottom: 1px solid #A32020; }
.detail-pop-up .fields-row-header .field-label { text-align: left; }
.detail-pop-up .detail-table-body .fields-row-key, .detail-pop-up .detail-table-body .fields-row-data { background-color: #F8DDE1; font-weight: bold; border-bottom: 1px dotted #A32020; }

.data-value-na:before, .data-value-zero:before { content: '--'; display: inline; color: #999; }
.data-value-negative { color: #c00; }
.data-value-negative:before { content: '('; display: inline; }
.data-value-negative:after { content: ')'; display: inline; }

.top-banner img {width:100%;}
.top-banner .left{float:left; padding:10px 0px 0px 20px;}
.top-banner .right{float:right;}

/* Media-dependent */

@media print 
{
	body { background-image: none; background-color: #fff; }
	.header { padding-top: 0; }
	.main-content { border: 0 none; padding: 0; }
}

@media screen and (max-width: 480px) 
{
	.nav li.static { width: 50%; }
	.nav .has-popup { position: static !important; }
	.nav .has-popup ul.dynamic { top: auto !important; }
	.top-links a { margin: 0 5px; }
	.field-label, .field-data { float: none; width: auto; }
	label.field-label { margin-bottom: 0; }
	.field.full-width .field-label, .field.full-width .field-data { width: auto; }
}