/*
 *
 *---------------------------------------------------------------
 * Live - CUSTOM TITLE FONTS
 *---------------------------------------------------------------
 *
 */

@font-face {
	font-family: 'albula_proregular';
	src: url('/fonts/vendor/albulapro/albulapro-regular-webfont.woff2') format('woff2'),
	url('/fonts/vendor/albulapro/albulapro-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'albula_probold';
	src: url('/fonts/vendor/albulapro/albulapro-bold-webfont.woff2') format('woff2'),
	url('/fonts/vendor/albulapro/albulapro-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body, .v-application {
	font-family: 'albula_proregular', sans-serif !important;
}

.v-main-top h1,
.tbc-home .v-main-top h2 {
	font-family: 'albula_probold', sans-serif !important;
}

.v-main__wrap h2 {
	font-family: 'albula_proregular', sans-serif !important;
	max-width: 800px !important;
}

/*
 *
 *---------------------------------------------------------------
 * Live - Exhibition Attachments
 *---------------------------------------------------------------
 *
 */

.exhibition_attachments {
	margin-top: 20px;
}

.exhibition_files {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 20px;
}

.exhibition_files > * {
	margin: 0 20px 20px 0
}

.exhibition_files > * button {
	background: #264dec !important;
	color: #FFF !important;
}

.exhibition_files > * button:hover {
	background: #000 !important;
}
/*
 *
 *---------------------------------------------------------------
 * Live - Virtual Expo
 *---------------------------------------------------------------
 *
 */

header.v-app-bar .v-toolbar__content {
	border-bottom: solid rgba(0, 0, 0, 0.12) 1px !important;
	/*
        -webkit-box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12) !important;
        -moz-box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.12) !important;
        box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.12) !important;
    */
	border-radius: 0 !important;
}

#virtual-expo-item-4 {
	border-top: solid rgba(0,0,0,.12) 1px;
	position: relative;
	padding-top: 40px !important;
}

.v-main .v-main__wrap {
	z-index: 2;
}

#virtual-expo-item-4 .v-main__wrap {
	padding-top: 200px;
}

#virtual-expo-item-4:after {
	border-bottom: solid rgba(0, 0, 0, 0.12) 1px;
	position: absolute;
	background: #FFF;
	width: 100%;
	height: 300px;
	display: block;
	content: '';
	z-index: 1;
}

/*
#virtual-expo-item-4:before {
	background: #a10d2e;
	position: absolute;
	display: block;
	height: 200px;
	content: '';
	z-index: 2;
	width: 50%;
	right: 0;
	top: 0;
}
*/

#virtual-expo-item-4 .v-main__wrap:after {
	background: #a10d2e;
	position: absolute;
	display: block;
	height: 300px;
	content: 'Specialising in paving, block and concrete paving. Marshalls provides professional design and installation services for paved gardens, driveways and landscapes.';
	padding-top: 5em;
	padding-right: 10%;
	padding-left: 10%;
	color: #FFF;
	z-index: 1;
	width: 50%;
	right: 0;
	top: 0;
}

#virtual-expo-item-4 .v-main__wrap:before {
	background: url('../img/marshalls-logo.png') no-repeat center center;
	background-size: 80%;
	position: absolute;
	display: block;
	height: 200px;
	content: '';
	z-index: 2;
	width: 50%;
	left: 0;
	top: 0;
}

#virtual-expo-item-4 .v-main__wrap .p-2 {
	position: relative;
	z-index: 3;
}

.now_live {
	background: #111;
	display: flex;
	flex-wrap:wrap;
	flex-basis:50%;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2.5em;
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
}

.now_live h2 {
	padding: 0.5em;
	color: #FFF;
	margin: 0;
}

.now_live h2 span {
	font-weight: 500;
}

.now_live > div img {
	width: 100%;
}


#virtual-expo-item-4 [virtual-expo-id~="6"] > div:nth-child(3) p {
	position: relative;
	background: #FFF;
	padding: 0.3em;
}

#virtual-expo-item-4 [virtual-expo-id~="6"] > div:nth-child(3) p .v-btn {
	/* 	position: absolute; */
	border-radius: 0;
	display: block;
	height: 100%;
	top: 0;
	right: 0;
	width: auto;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: none !important;
}

#virtual-expo-item-4 [virtual-expo-id~="6"] > div:nth-child(3) p .v-btn span {
	background: #a10d2e;
	height: 100%;
	padding: 1em;
	color: #FFF;
}

.virtual-expo-carousel-item > div > div {
    background-size: contain !important;
}

@media screen and (min-width: 800px) {
	#virtual-expo-item-4 [virtual-expo-id~="6"] > div:nth-child(3) p {
		/* 	background: green; */
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}

@media screen and (max-width: 800px) {

	#virtual-expo-item-4 .v-main__wrap:after {
		display: none;
	}

	#virtual-expo-item-4 .v-main__wrap {
		padding-top: 200px;
	}

	.now_live h2 {
		padding: 0.5em;
	}

	#virtual-expo-item-4:after,
	#virtual-expo-item-4 .v-main__wrap:before  {
		height: 100px;
	}

	#virtual-expo-item-4 .v-main__wrap {
		padding-top: 100px;
	}

}

@media screen and (max-width: 1200px) {

	#virtual-expo-item-4 .v-main__wrap:after {
		padding-top: 3em;
	}

}

#virtual-expo-item-4 .now_live img {
	width: 100%;
	height: auto;
}


/*
 *---------------------------------------------------------------
 * HOMEPAGE BOXES OVERIDES
 *---------------------------------------------------------------
 *
 */


.tbc-home .v-main-bottom img {
	width: 100%;
}

.v-main-mid > div > div {
	min-height: 330px;
}



.v-main-mid h2 {
	padding-bottom: 3em !important;
}

.v-main-mid .blue.slant {
	bottom: 20px !important;
}


@media screen and (max-width: 800px) {
	.v-main-mid > div > div {
		min-height: 290px;
	}
}

@media screen and (max-width: 1100px) {
	.v-main-mid > div > div {
		padding: 2em;
	}
}

.middle-menu > div {
	padding: 5px 0 !important;
}

/*
 *---------------------------------------------------------------
 * DASH TITLE WIDTH
 *---------------------------------------------------------------
 *
 */

.v-main-top {
	width: 100% !important;
}


@media screen and (max-width: 890px) {
	.tbc-home .v-main-top h2 {
		font-size: 2rem !important;
	}

	.v-main-top h1 {
		font-size: 1.2rem !important;
	}
}

@media screen and (max-width: 600px) {
	.tbc-home .v-main-top h2 {
		font-size: 1.5rem !important;
	}
}

/*
 *---------------------------------------------------------------
 * LOGIN TITLE
 *---------------------------------------------------------------
 *
 */

.v-toolbar__title {
	padding-left: 16px;
}

/*
 *---------------------------------------------------------------
 * HOMEPAGE BLACK & WHITE BOXES
 *---------------------------------------------------------------
 *
 */

.v-main-mid > div {
	margin-bottom: 16px !important;
	overflow: hidden;
}

.v-main-mid > div > div {
	overflow: hidden !important;
}

.v-main-mid div > a {
	/* 	outline: red solid 1px !important; */
	/* 	background: red !important; */
	padding: 3em !important;
	width: 100% !important;
	position: relative !important;
	left: 0;
	display: block;
	height: 100%;
}

/*
 *---------------------------------------------------------------
 * STRUCTURE PADDING
 *---------------------------------------------------------------
 *
 */

@media screen and (max-width: 1080px) {
	.v-main {
		padding-left: 0 !important;
	}
}

@media screen and (max-width: 400px) {
	.col-6 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

/*
 *---------------------------------------------------------------
 * MAIN ICON BURGER
 *---------------------------------------------------------------
 *
 */

.v-navigation-drawer--close {
	visibility: visible;
}

.v-application--is-ltr .v-toolbar__content>.v-btn.v-btn--icon:first-child {
	margin-left: 0 !important;
}

.theme--light.v-app-bar.v-toolbar.v-sheet {
	left: 0 !important;
}

/*
 *---------------------------------------------------------------
 * LAYOUT & UTILITIES
 *---------------------------------------------------------------
 *
 */

.tbc-home {
	background: url('../img/dash-bg.jpg') no-repeat top right;
	background-size: contain;
	width: 100%;
}

.v-navigation-drawer__content {
}

.v-navigation-drawer__content > div {
	position: relative;
	/*height: 100%;*/
}

/*
.custom_nav_center {
	position: absolute;
	bottom: 75px;
	width: 100%;
}
*/

/*
 *---------------------------------------------------------------
 * LAYOUT & UTILITIES
 *---------------------------------------------------------------
 *
 */


.theme--light.v-tabs .v-tab--active:before,
.theme--light.v-tabs .v-tab--active:hover:before,
.theme--light.v-tabs .v-tab:focus:before {
	display: none !important;
}

.v-card .theme--light.v-btn.v-btn--has-bg,
.v-card .v-btn:before {
	background: none;
}

.v-card .v-btn--is-elevated:after,
.v-card .v-btn--is-elevated:active,
.v-card .v-btn--is-elevated,
.v-tab .v-btn--is-elevated,
.v-tab .v-btn--is-elevated:after,
.v-tab .v-btn--is-elevated:active,
.v-tab .elevation-2 {
	box-shadow: none !important;
}

.v-application .v-tab .elevation-2,
.v-btn--is-elevated:after {
	box-shadow: none !important;
}

.v-card .v-btn,
.v-tab .v-btn,
.v-data-table .v-btn,
.v-application .v-data-table .primary {
	background: none !important;
	border-radius: 0;
	position: relative;
	padding: 20px;
	margin: 0 0 0 10px;
	box-shadow: none !important;
}

.v-application .v-card  .v-btn.primary,
.v-application .primary,
.v-application .v-data-table .primary,
.v-tab .v-btn.primary,
.v-application .v-data-table .primary {
	background: none !important;
}

.v-application .v-data-table .primary:hover {
	background: none !important;
}

.v-data-table .v-application .primary {
	background: red !important;
}

.v-application .v-card  .v-btn.primary:after, .v-application .v-tab  .v-btn.primary:after, .v-application .v-data-table .primary:after {
	background: var(--blue) !important;
}

.v-card .v-btn:hover:after,
.v-application .v-card .v-btn.primary:hover:after,
.v-tab .v-btn.primary:hover:after,
.v-application .v-data-table .primary:hover:after {
	background: var(--black) !important;
}

.v-btn:before {
	display: none !important;
}

.v-card .v-date-picker-table.v-date-picker-table--date.theme--light .v-btn:after  {
	display: none !important;
	background: #FFFFFF !important;
}

.v-card .v-btn:after,
.v-tab .v-btn:after,
.v-application .v-data-table .primary:after {
	background: var(--gray);
	position: absolute !important;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;

	-ms-transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg);
}

.v-data-table input[type=button],
.v-data-table .v-btn--is-elevated.theme--dark {
	position: absolute !important;
	top: 50px !important;
	left: 130px !important;

}


.v-card .v-btn > span,
.v-tab .v-btn > span,
.v-application .v-data-table .primary > span {
	position: relative !important;
	z-index: 1 !important;
}

.v-card .v-btn:hover,
.v-card .v-btn:hover > span,
.v-application .v-card  .v-btn.primary,
.v-tab .v-btn > span,
.v-application .v-data-table .primary span {
	color: #FFF !important;
}



.mnrow  {
	position: relative !important;
}



.mnrow td:last-child {
	position: relative !important;
	padding-right: 100px !important;
}

.mnrow .v-badge.large-right {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;

	height: 100%;
	right: 20px;
	top:0;
}

.mnrow .v-badge.large-right:after {
	position: absolute;
	right: -20px;
	top: 0;
	background: #f0f0f0;
	z-index: -1;
	display: block;
	content: '';
	height: 100%;
	width: 50px;
}

.mnrow .v-badge.large-right .v-btn:not(.v-btn--round).v-size--small {
	height: 100%;
}

.highlight-row td {
    background-color: #6df281 !important;
}

.v-data-table__wrapper .v-badge {
	/*
        position: absolute;
        right: 0;
        top: 0;
    */
}
.p-2 {
	padding: 0 !important;
	position: relative;
	outline: red solid 0px;
}

.v-application  .v-data-table {
	margin-top: 30px;
}

.v-application  .v-data-table .v-input.m-2 {
	position: absolute !important;
	margin: 0 !important;
	right: 15px;
	top: 0 !important;
}

.v-main__wrap .p-2 > div:nth-child(2) {
	position: relative !important;
}


@media screen and (max-width: 1240px) {

	.v-application .v-data-table .v-input.m-2  {
		position: relative !important;
		margin-top: 50px;
		right: auto;
	}

}

.v-application .v-data-table .m-2.primary {
	position: relative;
	margin: 0 !important;
	/* left: 160px; */
	/* 	top: 0; */
	/* margin-top: -50px !important; */
	/* left: 160px;  */
}

/*
 *---------------------------------------------------------------
 * Left Menu, User Icon & Logo
 *---------------------------------------------------------------
 *
 */

.v-list--dense .v-list-item .v-list-item__content {
	padding: 10px !important;
}

.v-list--dense .v-list-item .v-list-item__title {
	font-size: 10px !important;
}

.v-toolbar .v-toolbar__content {
	border-radius: 100px !important;
	padding-left: 0;
	padding-right: 0;
}

.v-toolbar .v-toolbar__content img {
	width: 44px;
}

.v-navigation-drawer__content .grow {
	position: relative;
}

.v-navigation-drawer__content .grow:after {
	border-bottom: solid rgba(0,0,0,.12) 1px;
	position: absolute;
	content: '';
	display: block;
	top: 0;
	left: 0;
	height: 64px;
	width: 100%;
}

.v-list--dense .v-list-item .v-list-item__icon {
	padding: 0 !important;
	height: 44px !important;
	width: 44px !important;
	border-radius: 100px;
	background: #264dec;
	margin: 0 auto !important;
	/* 	width: 100%; */
	display: flex !important;
	justify-content: center;
	align-items: center;
	flex: none !important;
}

.v-list-item__icon .theme--light.v-icon {
	color: #FFF !important;
}




header .v-toolbar__content .custom_nav_center {
	margin: 0 !important;
	display: flex;
	justify-content: space-between;
}

header .v-toolbar__content .custom_nav_center .text-center {
	background: #f0f0f0 !important;
	border-radius: 5px !important;
	margin-top: 5px;
	margin-right: 5px;
	height: 35px;
}

.v-btn--round {
	border-radius: 0 !important;
}

.v-toolbar__content .v-btn.v-btn--icon.v-size--default {
	height: 35px !important;
	width: 35px !important;
}

header .v-btn>.v-btn__content .v-icon {
	/* 	color: red !important; */
}


.mn-user-icon b {
	/*outline: red solid 1px;*/
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row-reverse;
}

.mn-user-icon b i {
	margin-left: 10px;
}

/*
 *---------------------------------------------------------------
 * LAYOUT & UTILITIES
 *---------------------------------------------------------------
 *
 */

.mn_expos {

}

.mn_expos .v-data-table-header {
	display: none !important
}

.mn_expos .v-data-table__wrapper table tr td:first-child {
	display: none !important;
}


/* Force table to not be like tables anymore */
.mn_expos .v-data-table__wrapper table,
.mn_expos .v-data-table__wrapper thead,
.mn_expos .v-data-table__wrapper tbody,
.mn_expos .v-data-table__wrapper th,
.mn_expos .v-data-table__wrapper td,
.mn_expos .v-data-table__wrapper tr {
	display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.mn_expos .v-data-table__wrapperthead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.mn_expos .v-data-table__wrapper tr { border: 1px solid #ccc;
	text-align: center;
}

.mn_expos .v-data-table__wrapper td {
	text-align: center !important;
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
}

.mn_expos .v-data-table__wrapper td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}

.mn_expos .v-data-table__wrapper td:nth-child(2) {
	padding-top: 40px !important;
	height: auto !important;
}

.mn_expos .v-data-table__wrapper td:nth-child(7) {
	padding-bottom: 40px !important;
	height: auto !important;
}

.mn_expos .v-data-table__wrapper td:nth-child(6) {
	display: none;
}

.v-application--is-ltr .mn_expos .v-data-table__mobile-row__cell {
	text-align: center !important;
}

/*
 *---------------------------------------------------------------
 * MX Datepicker
 *---------------------------------------------------------------
 *
 */

.mn-datepicker {
	padding-top: 12px;
	margin-top: 4px;
	width: 100%!important;
}

.mn-datepicker .mx-input {
	flex: 1 1 auto;
	line-height: 20px;
	padding: 8px 0;
	width: 100%;
	border: unset;
	border-bottom: 1px solid #949494;;
	border-radius: unset;
	box-shadow: unset;
	-webkit-box-shadow: unset;
}

.mn-datepicker .mx-input:hover {
	border-color: unset;
}

/*
 *---------------------------------------------------------------
 * SCORING TABLE
 *---------------------------------------------------------------
 *
 */

.pqq_auto_scoring {
	background: #f0f0f0 !important;
}

.pqq_auto_scoring .v-card__text {
	padding: 0 !important;
}

 .pqq_auto_scoring > div > h2 {
	 background: #264dec url('../img/compare.svg') no-repeat right 20px center;
	 background-size: 40px;
	 padding: 1em;
	 color: #FFF;
 }

 .pdq_scoring_table div h2 {
	 text-align: left;
	 font-size: 1.2em;
	 font-family: 'albula_probold';
	 color: #264dec;
 }

 .pdq_scoring_table span b {
	 color: #264dec;
}

.pdq_scoring_table {
	margin: 0 !important;
}


.pdq_scoring_table > div {
	border: 2px solid #FFF;
	background: #FFF;
	margin: 0 0.5em;
}


.pdq_scoring_table  .v-input {
	width: 44px;
	max-width: 40%;
	margin: 0  !important;
}



.pdq_scoring_table .v-text-field__slot {
	background: #f0f0f0;
	border-radius: 4px;
	border: 2px solid #264dec;
	padding: 0.2em 0.8em !important;
	font-size: 1.2em;
	font-family: 'albula_probold';
}

.pdq_scoring_table .v-text-field__slot input {
	text-align: center !important;
}

.pdq_scoring_table .text-left {
	padding-top: 1em;
	border-bottom: 2px solid #264dec;
}

.pdq_scoring_table .text-left > div {
/* 	outline: red solid 1px; */
}

.pdq_scoring_table .text-left > div > span:nth-child(2),
.pdq_scoring_table .text-left > div {
	/*display: flex;*/
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	width: 100%;
}

.pdq_scoring_table .text-left > div {
	margin-top: 1em;
	background: #264dec;
	border-radius: 3px;
	padding: 4px;
}

.pdq_scoring_table .text-left:nth-child(1) > div {
	background: #cee9d5;
	border: 2px solid #35a753;
	color: #264dec !important;
}

.pdq_scoring_table .text-left:nth-child(1) > div b {
	color: #264dec  !important;
}

.pdq_scoring_table .text-left > div b {
	color: #FFF ;
}

.pdq_scoring_table .text-left > div {
	font-size: 1.2em;
	font-family: 'albula_probold';
		color: #FFF !important;

}

.pdq_scoring_table .v-text-field__details,
.pdq_scoring_table .v-messages {
	margin: 0 !important;
	min-height: inherit !important;
}

.pqq_auto_scoring .v-input__control>.v-input__slot:before {
	display: none !important;
}

.pdq_scoring_table .answer-box {
	display: block;
}

.pdq_scoring_table .answer-text {
	height: 100px;
	overflow-y: scroll;
}

.pdq_scoring_table .answer-input {
	display: block;
}

.pdq_scoring_table .answer-input > div {
	display: inline-block;
}

/*
 *---------------------------------------------------------------
 * REPORT BUTTON STYLING
 *---------------------------------------------------------------
 *
 */

[data-v-3554d095] .v-card .v-btn:after {
  background: #264dec !important;
}

[data-v-3554d095] .v-card__actions>.v-btn.v-btn {
  color: #FFF !important;
  font-size: 1.1em !important;
  margin-right: 10px;
}

[data-v-3554d095] .v-card__actions>.v-btn.v-btn {
	padding: 0 16px;
}

[data-v-3554d095] .v-card .v-btn:hover:after {
  background: #000 !important;
}

.btn-download-report {
/*
	outline: red solid 1px !important;
	background-color: red !important;

*/
	background: none !important;
	box-shadow: none !important;
	color: #FFF !important;
}

.btn-download-report:after {
	background: var(--blue);
	position: absolute !important;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;

	-ms-transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg);
}

.btn-download-report:hover:after {
	background: var(--black);
}