/*!********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./css/secure/gep/sitestyle.css ***!
  \********************************************************************************/
body {
  font-size: 12px;
}

footer.main-footer {
  margin-left: 0px;
}

/* Placeholder consistency */
::-webkit-input-placeholder {
  color: #999;
  font-size: 12px;
}

::-moz-placeholder {
  color: #999;
  font-size: 12px;
}

:-ms-input-placeholder {
  color: #999;
  font-size: 12px;
}

:-moz-placeholder {
  color: #999;
  font-size: 12px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-moz-appearance: textfield;
	-webkit-appearance: none;
	margin: 0;
}

.scrolloverflow {
  overflow-y: scroll;
}

#saveSuccessfulFlash {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
}

.development {
  display: table;
  color: red;
  font-size: 18px;
  margin: 0 auto !important;
}

.content-wrapper {
  background-color: #e2e2e2;
}

.control-sidebar-open .content-wrapper,
.control-sidebar-open .right-side,
.control-sidebar-open .main-footer {
	margin-right: 0px;
}

.heads-up {
  font-size: 0.85em;
  min-height: 450px;
}

.heads-up hr {
  margin: 6px 0 6px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.heads-up-label {
	font-weight: bold;
	width: 140px;
	display: inline-block;
}

.heads-up a,
.pidLink a {
	color: #ffffff;
	text-decoration: underline;
}

.pidLink-dark a {
  color: #333;
  text-decoration: underline;
}

.heads-up a::after,
.pidLink a::after,
.pidLink-dark a::after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f0a9";
	opacity: 0.7;
	margin-left: 2px;
}

.heads-up .form-group {
  margin-bottom: 0px;
  font-size: 1.2em;
}

.touch-box {
  cursor: pointer;
}

.table td {
  cursor: pointer;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #eee;
}

/* Override for dl and nested dl in a heads up */
.heads-up dl.dl-horizontal {
  font-size: 12px;
  margin-bottom: 2px;
}

.heads-up dl.dl-horizontal dt {
  width: 120px;
  text-align: left;
}

.heads-up dl.dl-horizontal dd {
  margin-left: 130px;
}

.heads-up dl.dl-horizontal dd dl dt {
  clear: none;
  width: 75px;
}

.heads-up dl.dl-horizontal dd dl dd {
	clear: none;
	margin-left: 75px;
}

/* Maybe move these to a typeahead override */
.typeahead.dropdown-menu {
  border-radius: 0px;
  margin-top: 0;
  font-size: 12px;
}

.typeahead.dropdown-menu > li > a {
	padding: 2px 10px;
}

.dragDropBox {
  min-height: 100px;
  width: 100%;
  border: 2px dashed lightgray;
  margin-bottom: 15px;
  padding: 7px;
}

.dragDropBox.active {
  border: 2px dashed green;
}

.dragDropBox-mask {
  display: none;
  position: absolute;
  background-color: #00ff1317;
}

.dragDropBox-mask.active {
  display: block;
}

.dragDropBoxInner {
  vertical-align: middle;
  text-align: center;
  padding: 20px 10px 5px;
}

.form-group {
  margin-bottom: 10px;
}

.even.row_group.row_selected td,
.even.row_group.row_selected_child td {
	background-color: #8b8b8b !important;
}

.odd.row_selected td,
.odd.row_selected_child td {
	background-color: #cae4f1 !important;
	border-color: #cae4f1 !important;
}

.even.row_selected td,
.even.row_selected_child td {
	background-color: #dcf1fc !important;
	border-color: #dcf1fc !important;
}

tr.row_selected span.show-if-row-selected {
	display: inline !important;
	visibility: visible !important;
}

tr.row_selected span.hide-if-row-selected {
	display: none !important;
	visibility: hidden !important;
}

tr.row_deleted {
	text-decoration: line-through;
}

tr.row_deleted td {
	background-color: red !important;
}

/* DT 1.12 selected style overrides */
table.dataTable > tbody > tr.selected > *,
table.dataTable.table-striped > tbody > tr.odd.selected > * {
	box-shadow: inset 0 0 0 9999px #cae4f1;
	color: #333;
}

table.dataTable.table-hover > tbody > tr.selected:hover > * {
	box-shadow: inset 0 0 0 9999px #ade3fe;
}

span.todo,
div.todo {
	background-color: yellow;
	color: red;
	font-weight: bold;
	margin-top: 2px;
}

span.todopublic,
div.todopublic {
	border: 1px solid red;
	padding: 2px;
	color: red;
	font-variant: small-caps;
	font-weight: bold;
	margin-top: 2px;
}

span.help-block {
  font-size: 85%;
}

.tab-box-tools {
  margin: 5px 10px;
}

.tab-box-tools .btn {
  margin-left: 5px;
}

.tab-footer {
  border-top: 1px solid #eee;
  padding: 10px 15px 0px 0px;
  text-align: right;
  margin-left: -15px;
  margin-right: -15px;
}

.box-footer {
  padding: 5px 10px;
  text-align: right;
}

@media (min-width: 768px) {
	.modal-xl {
		width: 90%;
		max-width: 1200px;
	}
}

@media (min-width: 768px) {
	.modal-xxl {
		width: 95%;
	}
}

/* Bootstrap tabs */
ul.nav-tabs li.error a {
  color: red !important;
}

/* Box overrides */
.box-header .btn:not(.btn-box-tool) {
  margin-top: -5px;
  margin-bottom: -5px;
  margin-left: 5px;
}

/* Box overrides */
.box-footer > .btn:not(:first-child) {
  margin-left: 5px;
}

span.mandatory:after {
  content: " *";
  color: red;
}

/* Bootbox button order */
.bootbox .modal-footer .btn {
  margin-left: 5px;
}

/* Select2 formvalidation style */
.form-group.has-error span.select2-selection {
  border: 1px solid red !important;
}

.select2-container .select2-selection--multiple .select2-search__field {
  margin-top: 8px;
}

.select2-container.select2-container--open .select2-selection {
	border-color: #3c8dbc !important;
}

/* Toast UI formvalidation style */
.form-group.has-error div.toastui-editor-defaultUI {
	border: 1px solid #d60000;
}

/* Summernote formvalidation style */
.form-group.has-error div.note-editor.note-frame.panel.panel-default {
	border: 1px solid #d60000;
}

/* Font size for hamburger */
.sidebar-toggle {
  font-size: 14px;
}

.form-group.has-success span.select2-selection {
  border: 1px solid #00a65a;
}

.map-input-group-container-bottom-left {
	bottom: 0.5em;
	left: 2em;
	position: absolute;
	width: 15%;
	min-width: 200px;
	background: rgba(220, 241, 253, 0.5) !important;
	border: 1px solid gray;
}

span.important-text {
	font-weight: bold;
}

span.explanation-text {
	font: italic 12px gray;
}

span.error-text {
	font-weight: bold;
	font-size: 12px;
	color: red !important;
}

table tr.important-row {
	font-weight: bold;
	background-color: rgba(0, 115, 183, 0.15) !important;
}

/* Mad hax for padding in forms - May need a rethink */
div[class^="col-"]:not(:first-child) {
  padding-left: 0px;
}

.hide-element {
	display: none;
}

button.btn:not(.table-icon):not(.icon-only) > i.fa,
a.btn:not(.table-icon):not(.icon-only) > i.fa,
button.btn:not(.table-icon):not(.icon-only) > i.fas,
a.btn:not(.table-icon):not(.icon-only) > i.fas,
button.btn:not(.table-icon):not(.icon-only) > i.fa-solid,
a.btn:not(.table-icon):not(.icon-only) > i.fa-solid,
button.btn:not(.table-icon):not(.icon-only) > i.fa-regular,
a.btn:not(.table-icon):not(.icon-only) > i.fa-regular,
button.btn:not(.table-icon):not(.icon-only) > i.fa-light,
a.btn:not(.table-icon):not(.icon-only) > i.fa-light {
	display: inline-block;
	margin-right: 3px;
}

.ol-collapsable-control > button {
	display: inline-block;
}
.ol-control-collapse-wrapper {
	display: none;
}

.ol-control-collapsed {
	display: inline-block;
}

/* Data tables editor overrides */
div.DTE_Inline {
  height: 32px;
}

/* Data tables form validation overrides */
div.DTE_Inline .form-group {
  margin-bottom: 0px;
}

div.DTE_Inline .controls {
  float: none;
}

div.DTE_Inline div.DTE_Field input[type="color"],
div.DTE_Inline div.DTE_Field input[type="date"],
div.DTE_Inline div.DTE_Field input[type="datetime"],
div.DTE_Inline div.DTE_Field input[type="datetime-local"],
div.DTE_Inline div.DTE_Field input[type="email"],
div.DTE_Inline div.DTE_Field input[type="month"],
div.DTE_Inline div.DTE_Field input[type="number"],
div.DTE_Inline div.DTE_Field input[type="password"],
div.DTE_Inline div.DTE_Field input[type="search"],
div.DTE_Inline div.DTE_Field input[type="tel"],
div.DTE_Inline div.DTE_Field input[type="text"],
div.DTE_Inline div.DTE_Field input[type="time"],
div.DTE_Inline div.DTE_Field input[type="url"],
div.DTE_Inline div.DTE_Field input[type="week"] {
	margin: 0px;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	supported by Chrome and Opera */
}

/* TODO Trial of theme ideas */
.bg-lightest {
	background-color: #ffffff;
}

.bg-light {
	background-color: #ff9800;
}

.bg-medium {
	color: #fff;
	background-color: #7e8aa2;
}

.bg-dark {
	color: #fff;
	background-color: #263248;
}

.bg-darkest {
	color: #fff;
	background-color: #000000;
}

input[data-fv-callback="true"][data-fv-callback___callback="autoUpdateValueToUpperCase"] {
	text-transform: uppercase !important;
}

input[data-fv-callback="true"][data-fv-callback___callback="autoUpdateValueToLowerCase"] {
	text-transform: uppercase !important;
}

td > div.color-box-indicator {
	width: 15px;
	height: 15px;
	display: inline-block;
}

/* heads-up box backgrounds */
.bg-dark-green {
  /* green */
  background-color: #008d4c !important;
  color: #fff;
}

.bg-dark-blue {
  /* blue */
  background-color: #0073b7 !important;
  color: #fff;
}

.bg-dark-red {
  /* red */
  background-color: #750000 !important;
  color: #fff;
}

.icon-circle {
	width: 12px;
	height: 12px;
	border-radius: 15px;
	border: 0.5px solid #fff;
	display: inline-block;
	margin: 0px 0px -1px 0vh;
}

.icon-circle-dark {
	width: 12px;
	height: 12px;
	border-radius: 15px;
	border: 0.5px solid #333;
	display: inline-block;
	margin: 0px 0px -1px 0vh;
}

/* Address status indicator colours */
/* & */
/* Property status indicator colours */
.icon-div-CAN {
	font-size: 1em;
	background-color: #d61717; /* red */
}

.icon-div-LIV {
	font-size: 1em;
	background-color: #05e644; /* green */
}

.icon-div-POT {
	font-size: 1em;
	background-color: #ffe400; /* yellow */
}

.icon-div-YES {
	font-size: 1em;
	background-color: #05e644; /* green */
}

.icon-div-NO {
	font-size: 1em;
	background-color: #d61717; /* red */
}

.center-check-box {
  text-align: center;
  vertical-align: middle;
}

/* Stops main content from sitting under navbar in portrait layout on mobile */
.main-header {
  max-height: 100% !important;
}

/* fixes modals for mobile devices*/
@media (max-width: 992px) {
	.modal-dialog {
		position: relative !important;
		width: auto !important;
		margin: 10px !important;
	}
}

.bli-error {
	color: red;
}

.bli-warning {
  color: orange;
}

.bli-pass {
  color: green;
}

/* FILE UPLOAD CSS -- START */
/* delete icon for file uploads wasn't triggering on click event
	making it fill the button resolves the issue, however, it would be nice if it just fired from the button */
i.table-delete-icon {
	padding: 5px 15px 5px 15px;
	margin: -5px -15px -5px -15px;
}

.dragDropBox {
	margin-bottom: 0px;
}

.hiddenItem {
	margin-top: 15px;
}
/* FILE UPLOAD CSS -- END */

div.salecomments textarea {
  height: 126px;
}

h4.blockh4 {
  background-color: #f7f7f7;
  font-size: 18px;
  text-align: center;
  padding: 7px 10px;
  margin-top: 0;
}

.datetime {
  white-space: nowrap;
}

.different {
  background-color: rgb(255, 242, 204);
}

.table-touch-screen-icon {
	display: none;
}

@media only screen and (device-width: 768px) {
	.table-touch-screen-icon {
		display: inline-block !important;
	}

	.hide-column {
		display: none;
	}
}

tr.shown-child td {
  font-style: italic;
  background-color: lightcyan;
}

tr.shown-child.separator td {
  border-bottom: 1px lightblue solid !important;
}

tr.shown-tenancy {
  background-color: lightsteelblue !important;
}

tr.shown-tenancy td.shown-tenancy-cell {
  padding: 0 !important;
}

tr.shown-tenancy table.dataTable {
  margin-top: 1px !important;
  margin-bottom: 2px !important;
}

div.nav-tabs-custom ul.nav-tabs > li.active > a {
	font-weight: bold;
}

.info-block {
  font-size: 11px;
  color: #737373d9;
  margin-bottom: 10px;
  display: block;
}

.map-info {
  margin: 8px 0 10px;
}

.map-result-info {
  display: inline-block;
  color: #777;
}

.map-loading {
  display: inline-block;
}

.headsup-button {
  margin-bottom: 10px !important;
}

.headsup-button > button {
  width: 100%;
}

.headsup-button > span {
	margin-right: 3px;
	width: 12px;
	height: 12px;
	line-height: 10px;
}

textarea.vert-drag-only {
	resize: vertical;
	min-height: 30px;
}

.action-td {
  text-align: center;
}

th.extrainfo {
  cursor: pointer;
}

/*
.main-header {
	background-color: #008d4c;
} */

.main-sidebar {
	top: 0px;
	/* just below the top nav bar */
	z-index: 999 !important;
	padding-top: 0px;
	max-height: 100%;
}

.wrapper {
  overflow: hidden;
}
tr.shown-child-headers {
	font-weight: bold;
}
.daterangepicker table tr td.today:not(.active) {
  color: #000;
  background-color: #ffdb99;
}

.toolbar {
  font-weight: 700;
  font-size: 12px;
}

.info-text {
	font-size: 0.7em;
	color: green;
	margin-top: -10px;
	vertical-align: top;
}

td.guiderent {
  font-style: italic;
  background-color: #c0c0c04a;
}

.btn-address-edit-update {
	display: inline-block;
}

.btn-address-amend-update {
	display: none;
}

.amend-address-modal .btn-address-edit-update {
	display: none;
}

.amend-address-modal .btn-address-amend-update {
	display: inline-block;
}

.selected-photo {
	background-color: rgba(0, 255, 0, 0.2) !important;
}

.dropzone {
  border-style: dashed;
}

.dropzone .dz-message {
  font-size: 14px;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 0px;
}

.dropzone .dz-preview .dz-progress {
  margin-top: 20px;
  border-radius: 0px;
}

.tui-editor-contents h1,
.tui-editor-contents h2 {
	border: none; /* removes underlined headings in markdown editor */
}

@media (hover: hover) {
	/* only on non-touch devices */
	.toastui-editor-main-container:focus-within:after {
		font-size: 10px;
		content: "* Press the Escape key to exit edit mode";
		color: darkgray;
	}
}

/* VueJS */
[v-cloak] {
	display: none;
}

/* WCAG basic */
.visually-hidden {
	clip-path: inset(100%);
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/* ------- mvms custom css ------- */
.rating-box {
  display: block;
  height: 90px;
  background: #fff;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-bottom: 10px;
}

.rating-box-letter-container {
  display: block;
  float: left;
  width: 20%;
  height: 100%;
  color: black;
  /* height: 90px;
     width: 90px; */
  text-align: center;
  font-size: 30px;
  font-weight: 800;
  line-height: 90px;
  background: rgba(0, 0, 0, 0.2);
}

.rating-box-letter-container.selected > .rating-box-letter {
  margin-top: -5px;
}
.rating-box-letter-container.selected {
  border: 5px black solid;
}
.rating-box-letter-container.a.selected {
  background-color: rgba(76, 175, 80, 0.51);
}
.rating-box-letter-container.b.selected {
  background-color: rgba(33, 150, 243, 0.51);
}
.rating-box-letter-container.c.selected {
  background-color: rgba(255, 235, 59, 0.51);
}
.rating-box-letter-container.d.selected {
  background-color: rgba(255, 152, 0, 0.51);
}
.rating-box-letter-container.e.selected {
  background-color: rgba(244, 67, 54, 0.51);
}

table.dataTable {
  /* TODO: this breaks headers in weird way ... is this required globally? can it be scoped to just tbody or something */
  word-break: break-word;
}

.mvms-radio-group .form-group,
.mvms-checkbox-group .form-group {
  /* horizontally align checkboxes */
  display: inline-block;
  padding-right: 15px;
}
/*!****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./css/secure/gep/sitestyle-compact.css ***!
  \****************************************************************************************/
/*
* Sitewise style changes to remove padding/whitespace and make the system more compact
*/

/*.content-wrapper {
	background-color: #000000 !important;
}*/

/*======================================
=             Bootstrap                =
======================================*/

[class*="col-"] {
	padding-right: 5px !important;
	padding-left: 5px !important;
}

.row {
	margin-right: -5px !important;
	margin-left: -5px !important;
}

.box {
	margin-bottom: 10px !important;
}

section.sidebar-section:last-child .box {
	margin-bottom: 0px !important;
}

.small-box {
	margin-bottom: 10px !important;
}

.tab-footer {
	padding: 5px 10px 0px 0px !important;
	margin-left: -10px !important;
	margin-right: -10px !important;
}

.content {
	padding: 10px !important;
}

.nav-tabs-custom {
	margin-bottom: 10px !important;
}

.input-group-sm .form-control {
	border-radius: 0;
}

.input-sm {
	padding: 5px 6px !important;
}

.dropdown-menu > li > a {
	padding: 3px 10px;
}

/*======================================
=            Admin LTE                 =
======================================*/
.info-box {
	margin-bottom: 10px !important;
}

.nav-tabs-custom > .tab-content {
	padding-bottom: 5px !important;
}

.description-block {
	margin: 5px 0;
}

.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .fa-solid,
.dropdown-menu > li > a > .fa-regular,
.dropdown-menu > li > a > .fa-light,
.dropdown-menu > li > a > .ion {
	margin-right: 6px;
}

.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .fa-solid,
.sidebar-menu > li > a > .fa-regular,
.sidebar-menu > li > a > .fa-light,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
	width: 20px;
}

/*======================================
=            Select2                   =
======================================*/

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 23px !important;
	padding-right: 14px !important;
	vertical-align: middle;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	vertical-align: middle;
}

.select2-container .select2-selection {
	border-color: #babec5 !important;
}

.select2-container.select2-container--focus .select2-selection {
	border-color: #3c8dbc !important;
}

.select2-container .select2-selection--multiple {
	min-height: 30px !important;
}

.select2-container .select2-selection--multiple .select2-search__field {
	margin-top: 5px !important;
}

.select2-container .select2-selection__choice {
	margin-top: 4px !important;
	margin-bottom: 4px !important;
	height: 20px !important;
	padding: 0px 5px !important;
	border-radius: 1px !important;
}

.select2-container .select2-selection--single {
	height: 30px !important;
	padding: 6px 5px !important;
}

.select2-container .select2-selection__arrow {
	height: 22px !important;
}

.dt-container .dt-length select {
	width: 60px !important;
}

.dt-container .dt-length .select2-selection {
	height: 26px !important;
	font-size: 12px;
}

/*======================================
=             Datatables                =
======================================*/

.table-icon {
	padding: 1px 15px !important;
}

.table > tbody > tr > th,
.table > thead > tr > th {
	padding: 1px 24px 1px 4px !important;
}

.table > thead > tr > th.sorting_disabled,
.table > thead > tr > th.text-right.sorting_disabled,
.table > thead > tr > th.text-center.sorting_disabled,
.table > tfoot > tr > th.text-center.sorting_disabled {
	padding-right: 4px !important;
}

.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > td {
	padding: 1px 4px 1px 4px !important;
}

th.text-right {
	text-align: right !important;
}

th.nowrap {
	white-space: nowrap;
}

td.breakword {
	word-break: break-all;
}

.table > tfoot > tr:not(:first-child) > th {
	border: none !important;
}

.table > tfoot > tr:first-child > th {
	border-right-width: 0px !important;
	border-left-width: 0px !important;
	border-bottom-width: 0px !important;
}

.table > tfoot > tr > th.final-total {
	border-top: 2px black solid !important;
}

table.dataTable td.editable .DTE_Inline_Field .fv-plugins-message-container .help-block {
	display: inline !important;
}

.table .label-datatable-result {
	font-size: 90%;
}

/*======================================
=             Modals                  =
======================================*/

.modal-header {
	padding: 10px !important;
}

.modal-body {
	padding: 10px !important;
}

.modal-footer {
	padding: 5px 10px !important;
}

.pagination > li > a {
	height: 26px !important;
	padding: 3px 7px !important;
}

/*======================================
=            Forms              	     =
======================================*/

.form-control {
	height: 30px;
}

/*======================================
=         Login/Register/Reset 		     =
======================================*/

.login-box,
.register-box,
.reset-box {
	width: 300px;
	margin: auto;
}

.login-error,
.register-error,
.reset-error {
	text-align: center;
	color: red;
}

.reset-success {
	color: green;
	text-align: center;
}

/* ------ mvms custom styles ------ */

/*======================================
 =            Thumbnail	       	     =
 ======================================*/
.customthumb {
    padding: 5px;
    display: inline-block;
}

.customthumbControl {
	padding: 4px;
	width: 100%;
	height: auto;
    display: block;
    object-fit: cover;
}

/*======================================
 =            Light Box	       	     =
 ======================================*/
 .sl-spinner {
	z-index: 1040 !important;
}

.sl-overlay {
	z-index: 1041 !important;
}
/*!************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./webpack/gepTheme.css ***!
  \************************************************************************/