/* Custom Skin Resource */
/* Created by: Yannick.Munger@freschesolutions.com */
/* Created on: 2023-11-02 5:55:36 PM */


/** bootstrap overwrite */
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td,
.table > thead > tr > th > span, 
.table > tbody > tr > th > span, 
.table > thead > tr > td > span, 
.table > tbody > tr > td > span {
	vertical-align: middle;
}

/** table general */
.table{
	width: 100% !important;
	display: table;
	margin-bottom: 0;
	white-space: normal;
}

.table > thead{
	position: sticky;
	top: 0;
}

.table > thead > tr > th{
	height: 40px; 
	vertical-align: middle;
	background-color: var(--table-header-color);
	color: var(--table-header-text-color);
}

table.table > thead > tr.twoRowHeader > th {
	height: 55px;
}

.table tr.totalRow{
	background-color: var(--table-rowtotals-background-color) !important;
}

.table > thead > tr > th > span{
	color: var(--table-header-text-color);
}

table.table > tbody > tr.greenRow{
	background-color: #97C63C;
}

table.table > tbody > tr.rowHover{
	background-color: var(--table-row-hover-background-color);
}

table.table > tbody > tr.greenRowHover{
	background-color: #82aa31 !important;
}

.inRowLabel{
	font-weight: bold;
	margin-right: 10px;
}

.inputRecordRow .material-symbols-outlined{
	color: var(--table-header-text-color);
}

@media(max-width: 880px){
	table.AutoTable .inRowLabel{
		display: none !important;
	}
	table.AutoTable tr.inputRecordRow{
		background-color: #ffffff;
	}
	.inputRecordRow .material-symbols-outlined{
		color: #000000;
	}
	/* used on collapsed tables for better readability, overwrites any other css rule*/
	.AutoTable .alignTextRight, .AutoTable .alignTextRight input{
		text-align: left !important;
	}
	/* used for non collapsable tables when an input field is present*/
	.table .alignTextRight input{
		text-align: right;
	}
}

@media(min-width: 881px){
	tr.noBorders > td{
		border: none !important;
	}
	table.table tr.inputRecordRow{
		background-color: var(--table-header-color);
		color: var(--table-header-text-color);
	}
	.table tr.inputRecordRow > td{
		border-top: none;
	}
	.table tr.inputRecordRow .btn-default{
		color:var(--table-header-text-color);
	}
	.table .alignTextRight input{
		text-align: right;
	}
}

.table-icon-container{
	white-space: pre;
}

#notesContainer{
	height: 280px;
}

/* used as table containers */
#ressourcesHub .scroll-container:not(#tenantsTableContainer){
	height: 350px;
}
#ressourcesHub .scroll-container:not(#tenantsTableContainer) > table > thead th{
	background-color: var(--card-background-color) !important;
	color: #333333 !important;
}

#ressourcesHub #tenantsTableContainer.scroll-container{
	max-height: 350px;
}

table.notesTable > tbody > tr:not(.errorMsgRow):hover,
table.propertiesTable > tbody > tr:not(.errorMsgRow):hover,
table.tenantsTable > tbody > tr.main-tenant:hover,
table.assessmentsTable > tbody > tr:not(.errorMsgRow):hover,
table.projectsTable > tbody > tr:not(.errorMsgRow):hover,
table.statusCodeFilterTable > tbody > tr:hover, 
table.lookupTable > tbody > tr:hover{
	background-color: var(--table-row-hover-background-color);
	cursor: pointer;
}

table.lookupTable > thead > tr:hover{
	cursor: pointer;
}

table.notesTable .notes{
	width: 50%;
}

table.notesTable .user{
	width: 12.5%;
}

table.notesTable .date{
	width: 12.5%;
}

table.notesTable .actionCode{
	width: 12.5%;
}

table.notesTable .time{
	width: 12.5%;
}

table.applicationSummaryTable th{
	font-size: 20px;
}

table.applicationSummaryTable > tbody > tr > td:nth-child(1){
	width: 35%;
}

table.applicationSummaryTable > tbody > tr > td:nth-child(2){
	width: 65%;
}

#assessmentCard > div.assess-docs > table > tbody{
	height: 100px;
}

#projectCard > div.project-docs > table > tbody{
	height: 120px;
}

#documentUploadContainer{
	margin-bottom: 10px;
}

table.questionnaireTable th{
	font-size: 20px;
}

table.questionnaireTable > tbody > tr > td:nth-child(1){
	width: 35%;
}

table.questionnaireTable > tbody > tr > td:nth-child(2){
	width: 65%;
}

table.saleTable > thead{
	position: relative
}

.statusCodeFilterTable {
	font-size: 12px;
}

.statusCodeFilterTable > thead > tr > th{
	height: auto;
}

.statusCodeFilterTable th, .statusCodeFilterTable td{
	padding: 2px !important;
}

td.messageCountBubble{
	background-image: url(images/speech-bubble-10.png);
	background-repeat: no-repeat;
  background-position: left;
  background-size: 50%;
  text-align: left;
  color: white;
}

.messageCount{
	display: block;
	width: calc(50% - 8px);
  text-align: center;
  height: 100%;
}

.unreadMessageNotification{
 	color: #E60F23;
}

.sort-order-icon{
	min-height: 20px;
	height: 20px;
	line-height: 20px !important;
}

table a.invoiceNo, table a.partNo{
	cursor: pointer;
	text-decoration: none;
}