html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

.wait-cursor { cursor:wait; }

*,
*::before,
*::after {
  box-sizing: inherit;
}

:root {
	--gap:0px;
	--show-max-height-time:0s;
	--hide-max-height-time:0s;
}

.isa-wrapper { width:100%; padding:5px 10px 5px 0px; }
.d-none { display:none; }
div[contenteditable="true"]:empty::before { content: attr(placeholder); color: #C4C4C4; }
div[contenteditable="true"]:hover { cursor:text; }

.inner-btn {
	background-color:#F3F3F3;
	border:solid 1px #C4C4C4;
	font-size:10px;
	padding:2px;
	margin:-3px;
}

div[contenteditable="true"]:has(>.inner-btn) {
	display: flex;
	justify-content: space-between;
}

.container {
	display: flex;
	flex-direction:column;
	justify-content: flex-start;
	gap:3px;
	flex: 0 0 100%;
}

.row {
	display:flex;
	flex-direction: row;
	justify-content:flex-start;
	align-items:flex-start;
	flex: 0 0 100%;
	flex-wrap:wrap;
	padding:5px;
}

.pad-0 { --pad:0px; padding:0px; }

.gap-0 { --gap:0px; gap:0px; }
.gap-1 { --gap:1px; gap:1px; }
.gap-2 { --gap:2px; gap:2px; }
.gap-3 { --gap:3px; gap:3px; }
.gap-4 { --gap:4px; gap:4px; }
.gap-5 { --gap:5px; gap:5px; }
.gap-6 { --gap:6px; gap:6px; }

.t-left { text-align:left; }
.t-center { text-align:center; }
.t-right { text-align:right; }
.t-bold { font-weight:bold; }

.flex-left { justify-content: flex-start !important; align-items:flex-start; }
.flex-center { justify-content: center; align-items:center; }
.flex-right { justify-content: flex-end; align-items:flex-end; }

.class^="b-round-" { border:solid 1px #000000; }
.b-round-1 { border-radius:1px; }
.b-round-2 { border-radius:2px; }
.b-round-3 { border-radius:3px; }

.b-bottom-1 { border-bottom:solid 1px #000000; }
.b-bottom-2 { border-bottom:solid 2px #000000; }
.b-bottom-3 { border-bottom:solid 3px #000000; }

.class^="col-" {
	--gap: 0px;
}

.col-auto {
	display:flex;
	flex: 0 0 auto;
}

/*
.col-1 {
	display:flex;
	flex: 0 0 8.333333%;
	max-width:8.333333%;
}

.col-2 {
	display:flex;
	flex: 0 0 16.666667%;
	max-width:16.666667%;
}

.col-3 {
	display:flex;
	flex: 0 0 25%;
	max-width:25%;
}

.col-4 {
	display:flex;
	flex: 0 0 33.333333%;
	max-width:33.333333%;
}

.col-5 {
	display:flex;
	flex: 0 0 41.666667%;
	max-width:41.666667%;
}

.col-6 {
	display:flex;
	flex: 0 0 50%;
	max-width:50%;
}

.col-7 {
	display:flex;
	flex: 0 0 58.333333%;
	max-width:58.333333%;
}

.col-8 {
	display:flex;
	flex: 0 0 66.666667%;
	max-width:66.666667%;
}

.col-9 {
	display:flex;
	flex: 0 0 75%;
	max-width:75%;
}

.col-10 {
	display:flex;
	flex: 0 0 83.333333%;
	max-width:83.333333%;
}

.col-11 {
	display:flex;
	flex: 0 0 91.666667%;
	max-width:91.666667%;
}

.col-12 {
	display:flex;
	flex: 0 0 100%;
	max-width:100%;
}
*/

.col-1 {
	display:flex;
	flex: 0 0 8.333333%;
	max-width:calc(8.333333% - var(--gap));
}

.col-2 {
	display:flex;
	flex: 0 0 16.666667%;
	max-width:calc(16.666667% - var(--gap));
}

.col-3 {
	display:flex;
	flex: 0 0 25%;
	max-width:calc(25% - var(--gap));
}

.col-4 {
	display:flex;
	flex: 0 0 33.333333%;
	max-width:calc(33.333333% - var(--gap));
}

.col-5 {
	display:flex;
	flex: 0 0 41.666667%;
	max-width:calc(41.666667% - var(--gap));
}

.col-6 {
	display:flex;
	flex: 0 0 50%;
	max-width:calc(50% - var(--gap));
}

.col-7 {
	display:flex;
	flex: 0 0 58.333333%;
	max-width:calc(58.333333% - var(--gap));
}

.col-8 {
	display:flex;
	flex: 0 0 66.666667%;
	max-width:calc(66.666667% - var(--gap));
}

.col-9 {
	display:flex;
	flex: 0 0 75%;
	max-width:calc(75% - var(--gap));
}

.col-10 {
	display:flex;
	flex: 0 0 83.333333%;
	max-width:calc(83.333333% - var(--gap));
}

.col-11 {
	display:flex;
	flex: 0 0 91.666667%;
	max-width:calc(91.666667% - var(--gap));
}

.col-12 {
	display:flex;
	flex: 0 0 100%;
	max-width:calc(100% - var(--gap));
}


.col-block {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	padding:5px;
}

.label {
	background-color:#C4C4C4;
	border: solid 1px #9C9C9C;
	padding:2px;
	font-weight:bold;
	transition: background-color 0.3s ease-out;
}
.label:hover {
	background-color:#DCDCDC;
}

.label-light {
	padding:3px 5px 3px 2px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.label-light-row {
	padding:5px 15px 0px 1px;
	text-align:left;
	border-bottom:solid 1px #000000;
}

.data {
	background-color:#DCDCDC;
	border: solid 1px #9C9C9C;
	padding:2px;
}

.btn {
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#DCDCDC;
	border:solid 1px #9C9C9C;
	padding:3px;
	margin-left:3px;
}

.btn:hover {
	font-weight:bold;
	cursor:pointer;
}

.cell-header {
	background-color:#C4C4C4;
	border:solid 1px #9C9C9C;
	padding:3px 5px 3px 5px;
	font-weight:bold;
	display:flex;
	justify-content:center;
	align-items:center;
}

.cell {
	background-color:#DCDCDC;
	border:solid 1px #9C9C9C;
	padding:3px 5px 3px 5px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.cell.btn:hover {
	background-color:#E6E6E6;
	box-shadow: 0px 0px 12px -8px inset;
}

.cell[contenteditable='true'] {
	background-color:#EDEDED;
	justify-content:flex-start;
}

.selectable {
	font-weight:500;
	transition: font-weight 0.1s ease-out;
}

.selectable:hover {
	font-weight:700;
	cursor:pointer;
	/**text-shadow: 0px 1px 1px #000000;**/
}

.pn-block{
	
	background-color:#F3F3F3;
	border:solid 1px #000000;
	border-radius:3px;
	margin-top:-10px;
	padding: 5px 10px 5px 10px;
	max-height:0px;
	visibility:hidden;
	opacity:0;
	transition: max-height var(--hide-max-height-time) ease-out;
}

.pn-active {
	z-index:1;
	background-color:#F3F3F3;
	border-bottom:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-color:#000000;
	font-weight:bold;
}

.show {
	max-height:var(--show-height);
	visibility:visible;
	opacity:1;
	transition: max-height var(--show-max-height-time) ease-out;
}

.no-edit:hover {
	text-decoration:italic;
	cursor:not-allowed;
}

.div-link {
	border:solid 1px transparent;
	padding:3px 5px 3px 5px;
}

.div-link:hover {
	font-weight:bold;
	cursor:pointer;
	border-color: #9C9C9C;
}

.div-cbox {
	border:none;
	outline:none;
	background-color:lightblue;
}

.div-input {
	display:flex;
	justify-content:flex-end;
	align-items:flex-center;
	height:100%;
	margin-top:auto;
	margin-bottom:auto;
}

.div-input>input[type="checkbox"] {
	box-sizing: border-box;
	appearance:none;
	border:none;
	outline:none;
	background-color:#F3F3F3;
}

.div-input>input[type="checkbox"]:checked {
	appearance:none;
	border:none;
	outline:none;
	content: "";
}

.listings-search-column {
	height:90vh;
	background-color:lightblue;
	display:flex;
	flex-direction:column;
	justify-content: flex-start;
	align-items:center;
	flex: 0 0 100%;
}

.listings-search-header {
	background-color:#DCDCDC;
	font-weight:bold;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:2px;
	box-shadow:0px 0px 2px 1px inset;
}