body, html { width:100%; height: 100%; margin: 0; padding: 0; }
body { -webkit-text-size-adjust: 100%; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 300; background-color: white; color: #555; }

div { box-sizing: border-box; }

h1, .h1, h2, .h2, h3, .h3 { font-weight: 400; color: #555; }
h1, .h1 { font-size: 26px; }
h2, .h2 { font-size: 22px; }
h3, .h3 { font-size: 16px; }

.orange { color: #f17817; }
.green { color: #4d6e6d; }
.red { color: #c70000; }

a { font-weight: inherit; color: inherit; text-decoration: none; }
a.underline { text-decoration: none !important; border-bottom: 1px #CCC solid; }
a.off { color: #555 !important; }
a img { border: 0; }

h1 a, h2 a, h3 a { color: #555; }
.html a { font-weight: 700; color: #4d6e6d; } /* News item links */
.home-text a:not(.button) { font-weight: 700; color: #f17817; } /* Info page links (TODO combine with .html above) */
.home-text p, .home-text li { line-height: 1.5em; }

.usrselected { color: #4d6e6d !important; }

hr { height: 1px; border: 0; border-bottom-width: 1px; border-bottom-style: solid; border-color: #C0BBB4; box-sizing: content-box; -moz-box-sizing: content-box; }
hr.light { border-color: #ccc; border-bottom-style: dotted; max-width: 340px; text-align: left; margin: auto auto auto 0; }

/*
#home-columns
	#home-column-left
	#home-column-content
*/

div.home-content, div.home-header-content, div.home-footer-content { width: 988px; margin-left: 18px; margin-right: 18px; margin: 0 auto;  }
div.home-content { min-height: 450px; padding-top: 1em; padding-bottom: 3em; }

div#home-columns { display: table; width: 100%; margin: 1em 0; }
div#home-column-content { display: table-cell; vertical-align: top; padding-left: 1.25em; }
div#home-column-left { display: table-cell; width: 25%; text-align: right; vertical-align: top; padding: 0 1.25em 1em 1em; border-right: 1px #bdbdbd solid; }
div#home-column-left hr { margin-bottom: 1em; }

::-webkit-input-placeholder { opacity: .7; } :-moz-placeholder { opacity: .7; } ::-moz-placeholder { opacity: .7; } :-ms-input-placeholder { opacity: .7; }

.left-border { border-left: 1px #bdbdbd solid; }
.right-border { border-right: 1px #bdbdbd solid; }

div#home-header { font-size: .9em; background-color: #85a4a3; width: 100%; padding: 2em 0 2em 0; }
div#home-header a { font-weight: 400; color: #fff; }

div.home-menu { font-weight: 700; background-color: #ccc; font-size: .9em; text-align: center; width: 100%; padding: 1em 0; }
div.home-menu a { color: #454545; }
a.menu-item-active { color: inherit; border-bottom: 1px #777 solid; }

td.error-msg { color: #f17817; }

.green-btn { font-family: 'Roboto Condensed'; background-color: #84a3a5; color: #fefefe; font-size: 1.2em !important; padding: .3em 1em; }

div.home-search { text-align: center; }
div.home-search-input { border: 1px #e4e4e6 solid; padding: .5em; background-color: white; }
div.home-search-input input { border: none; width: 400px; font-size: 1em; margin-left: .5em; outline: none; }

div.home-widget-container { display: inline-block; vertical-align: top; }
div.home-widget-header { padding: 0 1em; }
div.home-widget { width: 310px; padding: 0 1em 0.5em 1em; display: inline-block; vertical-align: top; }

div#home-footer { font-weight: 400; background-color: #41434c; font-size: .9em; padding: 2em 1em 3em 1em; }
div#home-footer, div#home-footer a { color: #b8b8bb; }
div#home-footer img.footer-back-to-top { position: absolute; top: 0; left: 50%; margin-top: -20px; margin-left: -20px; }

div.home-separator { height: 10px; background-color: #e2ddd8; }

span.shopping-cart-count { vertical-align: super; font-size: .9em; color: #6fedc5; }

span.back-to-list { color: #c70000; padding-right: .5em; }
span.back-to-list:before { content: '<'; }

/* Form elements (start) */
form label { display: block; margin: .5em 0 .5em .2em; }
form label.mandatory { font-weight: 700; }
form .form-value { margin-bottom: 1em; }
form input.text, form textarea { font-size: 1em; color: #333; width: 400px; border: 1px #ccc solid; padding: .5em; border-radius: 5px; }
form select { font-family: 'Roboto', sans-serif; font-size: 1em; color: #333; border: 1px #ccc solid; padding: .5em; }
form textarea { font-family: 'Roboto', sans-serif; width: 400px; }
form .invalid-input { background-color: #f1f1f1 !important; }
div.form-error-msg { font-weight: 700; font-size: .9em; color: #7a4338; margin: .5em 0 .5em .2em; }

fieldset { border: none; padding: 0; margin: 0; }
legend { display: none; }

form a { font-weight: 700; color: inherit; }
form .info { font-size: .9em; opacity: .95; margin-top: .5em; }

button, .button { font-size: 1em; font-weight: normal; padding: .5em 1.5em; border-radius: 5px; }
button.reset, .reset-btn { background-color: #eee; color: #222; border: 1px #ddd solid; }
button.action, .action-btn { background-color: #4d6e6d; color: #fff; border: 1px #777 solid; }
.call-me-back-btn { font-weight: 300 !important; font-size: 1.2em; background-color: #5c505c; color: #fefefe !important; padding: .75em .9em !important; white-space: nowrap; }
/* Form elements (end) */

/* Search filters start */

div.search-label-link { font-size: 14px; color: white; background-color: #8a7192; padding: .4em 25px .4em 45px; white-space: nowrap; width: 320px; }
div.search-label-link { cursor: pointer; background-image: url('../img/portal/buttons/search/plus.png'); background-position: center right; background-repeat: no-repeat; }

div.search-tag {
	color: #54565A;
	background-color: #cfcfcf;
	display: inline-block;
	margin: 0 .3em .0 0;
	padding: 0 .1em 0 .2em;
}

div.search-tag:hover { color: #444; background-color: #DEDEDE; }
div.search-tag td.tag-label { font-size: 11px !important; }
div.search-tag img { margin-left: 10px; }

div.search-area-display-trigger { cursor: pointer; background-color: #e6e5e7; padding: .3em 1em; text-align: center; }
.search-space-tab { padding: .5em 2em; }
.search-space-tab img { visibility: hidden; }
.search-space-selected-tab { background-color: #eeecef; }
.search-space-selected-tab a { color: #222; border-bottom: none; }
.search-space-selected-tab img { visibility: visible; }

div.search-space-group { background-color: #eeecef; padding: 1.5em; }

div.app-how-to { background-color: #e9eded; margin: 1em 1em; padding: 10px 0; } /* #f8e9be #d1e0d7 #e9eded */
div.app-how-to.open { background-color: #dcdcdc !important; }
div.app-how-to table { margin: 0; width: 100%; }
div.app-how-to table a.more { color: inherit; }
div.app-how-to table a.more span.help { float: right !important; color: #897191; font-weight: 700; border-bottom: 1px #897191 solid; }
div.app-how-to table td { font-size: 13px; line-height: 1.4em; padding: 5px 10px; vertical-align: top; }
div.app-how-to table td.icn { width: 16px; vertical-align: middle; }
div.app-how-to table td.link { padding-right: 10px; }
div.app-how-to a.tip-link { color: #897191; font-weight: 700; border-bottom: 1px #897191 solid; letter-spacing: 1pt; }
div.app-how-to table span.quote { letter-spacing: 1pt; font-weight: 700; }
div.app-how-to table span.alt-quote { letter-spacing: 1pt; font-weight: 700; }
div.app-how-to table td.also { text-align: right; }
div.app-how-to table td.also a { color: #897191; font-weight: 700; border-bottom: 1px #897191 solid; }
div.app-how-to table div.more-tips { margin-bottom: .5em; }

img.info-icon { margin-left: .5em; margin-right: .5em; vertical-align: middle; }
div.help-dialog-body { max-height: 400px; overflow: auto; }

div.close-button { font-size: 14px; text-align: center; padding: .5em; border: none; margin-top: 2em; cursor: pointer; background-color: #acacac; color: #444; }
div.close-and-search { background-color: #39b54a; color: white; }

.search-main-label { width: 150px; }

select.search-selector, select.search-selector-boolean { font-size: 14px; height: 1.9em; }
select.search-selector { background-color: white; border: 1px #fff solid; }
select.search-selector-boolean { color: white; background-color: #8a7192; border: 1px #8a7192 solid; }

img.footer-back-to-top { display: none; }

/* Search filters end */

/* Search dialogs start */

.dialog-data-table tr { border-bottom: 1px #aaa solid !important; }
.dialog-data-table td, .dialog-data-table a { color: #444 !important; }
.dialog-data-table td { padding: .2em; }
.dialog-data-table td.dialog-highlight, td.dialog-highlight a { color: #39b54a !important; }

.dialog-filter-label, .dialog-filter-label a { color: black !important; }
.dialog-filter-text { border: 1px #aaa solid; background-color: #fff; color: #444; padding: .3em .2em; }
.dialog-filter-select { border: 1px #aaa solid; background-color: #fff; color: #444; padding: .3em .2em; }

/* Search dialogs end */

/* Search results start */
div.search-group { margin: 1em 1em .5em 1em; }
div.search-group div.search-group-header { position: relative; min-height: 50px; background-color: #efefef !important; padding: .5em 30px .5em 55px; border-bottom: 1px #6e6d70 solid; }
div.search-group div.search-group-header.bibliography.book { background: no-repeat url('../../resources/img/app/entities/32/book.png'); background-position: center left 10px; }
div.search-group div.search-group-header.bibliography.section { background: no-repeat url('../../resources/img/app/entities/32/section.png'); background-position: center left 10px; }
div.search-group div.search-group-header.jurisprudence { background: no-repeat url('../../resources/img/app/entities/32/court_decision.png'); background-position: center left 10px; }
div.search-group div.search-group-header.legislation { background: no-repeat url('../../resources/img/app/entities/32/legislation.png'); background-position: center left 10px; }
div.search-group div.search-group-header p { line-height: 1.5em; }
div.search-group div.search-group-header span.result-index { margin-right: 1em; }
div.search-group div.search-group-content { display: none; background-color: #f6f6f6; padding: 1em 1em 1em 1em; }
div.search-group div.search-group-content.full { overflow: auto; background-color: #ecf4f0; }
div.search-group div.search-group-content p.section-title { position: relative; padding-left: 34px; }
div.search-group div.search-group-content p.section-title img { position: absolute; left: 0; top: 1px; }
div.search-group div.search-group-content p.first-section-title { margin-top: 1em; }
div.search-group div.search-group-content p.next-section-title { margin-top: 1.25em; }
div.search-group div.search-group-content img { opacity: .9; margin: 0 .5em 0 .5em; vertical-align: top; }
div.search-group div.search-group-content span.isr-match { font-weight: 700; color: #C73435 !important; }
div.search-group div.search-group-content div.summary, div.search-group div.search-group-content div.snippets { margin: .5em; }
div.search-group div.search-group-content div.appearance-in { font-size: .9em; text-align: right; }
/* Search results end */

img.cover-img-min { max-width: 40px; }
img.cover-img-thb { max-height: 190px; }
img.cover-img-med { max-height: 300px; }
img.cover-img-lrg { max-height: 400px; }

div.publication-info-label { font-weight: 400; margin-top: .7em; }
div.publication-info-value { font-size: .9em; margin-top: .2em; }
div.publication-info-value a { font-weight: 700; color: #4d6e6d; opacity: .91; }
div.publication-info-value div { margin-bottom: .3em; }

div.table-of-contents-trigger { padding: .5em 1em; background-color: #d7d7d7; }
div.table-of-contents-tree { padding: .5em 1em; background-color: #f6f6f6; }

/* Reader start */

div#tpheader { padding: .5em 1em; background-color: #d7d7d7; }
div#tpview { padding: .5em 1em; background-color: #f6f6f6; }
div#tpview-toc div.tp-item { margin-top: .2em; margin-bottom: .2em; }

a.reader-link { color: #4B4C4C; }
div.reader-ftn-preview { margin: .2em 0; }
div.reader-ftn-preview img.reader-multi-link { display: none; }

div.reader-inner-toc { margin-top: 1em; padding: .5em 1em; background-color: #f6f6f6; height: 240px; overflow: auto; }
div.reader-inner-toc div.reader-inner-toc-link { margin: .3em 0; }

.reader-info-south { position: fixed; display: none; width: 700px; margin: 0 auto; bottom: 16px; padding-top: 1em; border-top: 1px #bdbdbd solid; min-height: 70px; background-color: white; z-index: 1; }
.reader-info-south h3 { margin: .3em 15px; }
.reader-info-south #list-box {
	font-size: 13px; color: #000; background-color: #eff6f7;
	padding: 1em .5em; margin: 1em 3.5em 1.25em 3.5em;
}
.reader-info-south #list-box .table { width: 100%; }
.reader-info-south #list-box .table-cell { padding: .25em .3em; line-height: 1.5em; }
.reader-info-south #list-box img { vertical-align: middle; width: 20px; }
.reader-info-south p { font-size: 13px; margin: .5em 15px; }
.reader-info-south a { color: inherit; }
.reader-info-south img.side-img { vertical-align: middle; margin-right: 1em; width: 20px; }

span.reader-active-section { font-weight: 700; }

/* Reader end */

/* Facets start */
.facet-level-1 { font-size: 1em; margin-top: .4em; font-weight: 400; }
.facet-level-2 { font-size: 1em; margin-top: .4em; font-weight: 400; }
.facet-level-3 { font-size: .9em; margin-top: .5em; }
.facet-level-4 { font-size: .85em; margin-top: .5em; opacity: .9 }
/* Facets end */

/* Operation result start */
div#SERVER_MSG { display: none; }
div.op-result-success, div.op-result-error, div.op-result-warning, div.op-result-info { font-size: 1.2em; text-align: center; padding: 1em; white-space: normal; }
div.op-result-success { color: white; background-color: #5c6d6f; }
div.op-result-error, div.op-result-error a { color: white; background-color: #e78975; }
div.op-result-warning { color: #473543 !important; background-color: #f1dede; }
div.op-result-info { color: #777; background-color: #fff8dc; }
div.op-result-success a, div.op-result-error a, div.op-result-warning a, div.op-result-info a { color: inherit; }
/* Operation result end */

/* Data table start */
table.data-table th { background-color: #c0caae; color: #fefefe; font-size: 1.1em; padding: .3em .7em; font-weight: 300; }
table.data-table th select { border: none !important; background-color: #c0caae; color: #fefefe; font-weight: 700; font-size: inherit; }
table.data-table td { background-color: #e9eded; color: #565656; padding: .5em .4em; }
table.data-table tr.active td { background-color: #dfdfdf; }
table.data-table tr.active a { font-weight: 400; color: #617d7c !important; }
table.data-table tr.inactive td { background-color: #faede9; }
table.data-table tr.inactive a { font-weight: 400; color: #c18055 !important; }

div.data.data-tbl > div > div { background-color: #f5f5f5; color: #000; padding: .5em .5em; border-bottom: 1px #ddd solid; vertical-align: middle; }
div.data.data-tbl > div > div.h { font-weight: 400; font-size: 1.1em; color: #343434 !important; background-color: #ededed !important; text-align: center; }
div.data.data-tbl > div.on div { background-color: #f5f5f5 !important; }
div.data.data-tbl > div.off div { background-color: #FBEFEB !important; }
div.data.data-tbl > div > div > a { font-weight: 700; color: #343434 !important; }
div.data.data-tbl > div > div > a:hover { border-bottom: 1px #aaa solid; }

/* Data table end */

/* Scroll bar start */

div.scrollable { overflow: auto; }
div.scrollable::-webkit-scrollbar-track { border-radius: 10px; background-color: #dedede; }
div.scrollable::-webkit-scrollbar { width: 10px; background-color: #f5f5f5; }
div.scrollable::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #999; }

/* Scroll bar (end) */

@media only screen and (max-width: 1100px) {
/* 	div.home-content, div.home-header-content, div.home-footer-content { width: 100%; padding: 1em; } */
}

@media only screen and (max-width: 640px) {
/* 	form input.text, form textarea { width: 96%; } */
}

@media only screen and (max-width: 414px) {
/* 	form input.text, form textarea { width: 90%; } */
}

/* JQuery-UI styles start */

.ui-dialog-app {
	font-size: 12px !important; position: fixed !important; padding: 0 !important; border: 20px #e6e5e7 solid !important;
	-moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;
}
.ui-dialog-app .ui-dialog-titlebar {
	font-family: 'Roboto Condensed'; font-size: 24px; color: black !important; background-color: #e6e5e7 !important; margin: 0 !important; text-align: center;
	-moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;
}
.ui-dialog-app .ui-dialog-content { background-color: #e6e5e7 !important; }

.ui-dialog-shadow { -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5); box-shadow: 0 4px 8px rgba(0,0,0,0.5); }

.ui-dialog-my-account { font-size: 14px; color: #a4a4ae !important; padding: 0; border: 2px #85a4a3 solid; }
.ui-dialog-my-account .ui-dialog-content { background-color: #fff; padding: 0; }
.ui-dialog-my-account div.my-account-header { background-color: #85a4a3; height: .7em; }
.ui-dialog-my-account .ui-dialog-account-text { color: #6f727b; background-color: white !important; border: 1px #ccc solid; width: 90%; margin-top: .2em; }
.ui-dialog-my-account .action-btn { font-size: 14px !important; margin-top: 1.5em; width: 90%; }
.ui-dialog-my-account div.footer-on { background-color: #85a4a3; font-size: 1.1em; }
.ui-dialog-my-account div.footer-off { background-color: #f66b56; font-size: 1.1em; }
.ui-dialog-my-account div.footer a { color: white; }
.ui-dialog-my-account div.pad { padding: .5em 1em; }

.ui-dialog-search-sort-by { font-size: 14px; color: #a4a4ae !important; padding: 0; border: 1px #77767a solid; }
.ui-dialog-context-menu { font-size: 14px; color: #a4a4ae !important; padding: 0; border: 1px #77767a solid; }
.ui-dialog-context-menu .ui-dialog-titlebar { display: none; }

.ui-dialog-shopping-confirm { position: fixed !important; font-size: 14px !important; background-color: #fff !important; border: 2px #636363 solid !important; }
.ui-dialog-shopping-confirm .ui-dialog-content { padding: 0 !important; }
.ui-dialog-shopping-confirm .ui-shopping-confirmation-title { color: #ff5400; background-color: white !important; padding: 1em 1.5em; }
.ui-dialog-shopping-confirm .ui-shopping-confirmation-content { color: #444; background-color: #f6f6f6 !important; padding: 2em 1.5em; }
.ui-dialog-shopping-confirm .ui-shopping-confirmation-controls { background-color: white !important; text-align: center; padding: 1em 1.5em; }

/* .ui-dialog-footnote { position: absolute; bottom: 0; width: 90%; height: 100px; } */
.ui-dialog-confirm { font-size: 16px; padding: 0; border: none; }

.ui-dialog-confirm .ui-dialog-titlebar {
	font-family: 'Roboto Condensed';
 	background-color: #c8c8c9 !important;
 	background-image: none;
	color: black !important;
	font-size: 20px;
	margin: 0 !important;
	border: none;
	text-align: center;
}

.ui-dialog-confirm .ui-dialog-content { padding: 1.5em 1em; }

.ui-green-btn { color: white !important; background-color: #40b251 !important; background-image: none !important; border: none !important; }
.ui-grey-btn { background-color: #c8c8c9 !important; background-image: none !important; border: none !important;  }

.ui-tooltip-app {
	margin: 0;
	padding: 10px 20px;
	background-color: white;
	color: #333;
	border: 2px #c1c1c1 solid;
	border-radius: 6px;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	font-weight: normal;
}

/* JQuery-UI styles end */

/* jQuery back-to-top start */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 2;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: .5; /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
@media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } }
@media only screen and (min-width: 1024px) { .cd-top { height: 45px; width: 45px; right: 20px; bottom: 20px; } }
/* jQuery back-to-top end */