@media only print {
	html {
		font-size: 50%;
	}	

	#typology-container #matrix-table {
		page-break-before: always;
		page-break-after: always;
	}
	
	#typology-container .type-container {
		padding-bottom: 0 !important;
		border-bottom: 0 solid !important;
		page-break-after: always;
	}
	
	table tr {
		page-break-inside: avoid;
	}
	
	.no-print, .tippy-popper, #header-menu, #header div.right, #main-menu, footer, #share {
		display: none;
	}
}

@media only screen {
	.no-screen {
		display: none;
	}
}

#typology-container, #typology-container #matrix-table, #typology-container #drawer-table {
  max-width: none;
}

#switch-view-toolbar {
  margin: 10px;
}
#switch-view-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
#switch-view-toolbar label {
    display: inline-block;
    background-color: #ffffff;
		color: #696969;
    padding: 5px 20px;
    font-size: 1em;
    border: 2px solid #696969;
    border-radius: 4px;
}
#switch-view-toolbar label:hover {
  background-color: hsl(145, 30%, 84%);
}
#switch-view-toolbar input[type="radio"]:checked + label {
	background-color: #6c288b;
	border-color: #6c288b;
	color: #ffffff;
}

#typology-container #matrix-table {
  border-radius: 4px;
	background-color: white;
  outline-color: #6c288b;
  outline-style: solid;
  outline-width: 3px;
  padding: 10px;
}

#typology-container #matrix-table td:focus {
  outline: none;
}

#typology-container #matrix-table thead {
	border-bottom: 2px solid #6c288b;
	background-color: #6c288b;
	color: #ffffff;
	vertical-align: bottom;
}

#typology-container #matrix-table td {
	width: 19%;
}

#typology-container #matrix-table tbody tr:not(:last-child) {
	border-bottom: 1px solid #6c288b;
}

#typology-container #matrix-table tbody td {
	border-right: 3px solid #6c288b;
	border-left: 3px solid #6c288b;
}

#typology-container #matrix-table tbody th {
	font-size: 2em;
}

#typology-container #matrix-table tbody tr:nth-child(1) th, #typology-container #matrix-table tr:nth-child(1) td.selected-drawer {
	background-color: hsl(145, 30%, 84%);
}

#typology-container #matrix-table tbody tr:nth-child(2) th, #typology-container #matrix-table tr:nth-child(2) td.selected-drawer {
	background-color: hsl(145, 30%, 76%);
}

#typology-container #matrix-table tbody tr:nth-child(3) th, #typology-container #matrix-table tr:nth-child(3) td.selected-drawer {
	background-color: hsl(145, 30%, 68%);
}

#typology-container #matrix-table tbody tr:nth-child(4) th, #typology-container #matrix-table tr:nth-child(4) td.selected-drawer {
	background-color: hsl(145, 30%, 60%);
}

#typology-container #matrix-table tbody tr:nth-child(5) th, #typology-container #matrix-table tr:nth-child(5) td.selected-drawer {
	background-color: hsl(145, 30%, 52%);
}

#typology-container .basic-table th, #typology-container .basic-table td {
  padding: 10px; 
}

#typology-container .basic-table thead th { 
  text-align: center; 
}

#typology-container .type-table tbody th { 
  text-align: left; 
}

.tippy-tooltip {
	font-size: 1.8rem !important;
}

#typology-container #drawer {
  overflow: hidden;
  margin: auto;
  width: 80%;
  background-color: hsl(145, 30%, 84%);
  border-color: #696969;
  border-style: solid;
  border-width: 0;
  border-radius: 0px 0px 10px 10px;
  padding: 0 15px;
}

#typology-container .type-header {
  margin-top: 15px;
}

#typology-container h2, #typology-container h3  {
	margin: 1rem 0 !important;
}

#typology-container h3 {
	font-style: italic !important;
}

#typology-container .type-table {
  margin-bottom: 15px;
}

#typology-container .type-table thead tr {
  border-bottom: 2px solid #696969;
}

#typology-container .type-table tr:not(:last-child) {
  border-bottom: 1px solid #696969;
}

#typology-container #matrix-table td.selected-drawer {
  /*
   * outline: 2px solid #6c288b;
   */ 
}

#typology-container .type-container {
	padding-bottom: 20px;
	border-bottom: 5px solid #696969;
}