/* css for smft */
.smft_title {
	display: grid;
	width: 100%;
    font-size: 200%;
    font-style: italic;
    font-variant-caps: all-small-caps;
    font-weight: bolder;
	padding-bottom: 4px;
}
/* Column Widths */
.smft_col50 {
	display: table-cell;
    width: 50px;
}
.smft_col100 {
	display: table-cell;
    width: 100px;
}
.smft_col200 {
	display: table-cell;
    width: 200px;
}
.smft_col400 {
	display: table-cell;
    width: 400px;
}
.smft_col800 {
	display: table-cell;
    width: 800px;
}
/* Note width must be specified in title json structure */
.smft_table {
	display: table;
	table-layout:fixed;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0px;
    border: 1px solid black;
	text-align: left;
	vertical-align: top;
	white-space: normal;
	word-break: break-word;
    font-weight: normal;
    font-size: inherit;
    font-style: inherit;
    font-variant: normal;
    color: inherit;
}
/* Note width must be specified in title json structure */
.smft_table_container {
	display: block;
	max-height: 70vh;
	overflow: auto;
}
.smft_body{
	display: table-row-group;
    border: inherit;
	vertical-align: inherit;
	white-space: inherit;
}
.smft_row {
	display: table-row;
    border: inherit;
	vertical-align: inherit;
	white-space: inherit;
}
.smft_row:nth-child(even) {
    background-color: #F2F2FA;
}
.smft_cell {
	display: table-cell;
    border: inherit;
	vertical-align: inherit;
	white-space: inherit;
}
.smft_button {
	display: grid;
	width: 100%;
	height: 100%;
	border-width: 2px;
	border-style: outset;
	border-color: #EAEAEA;
	border-radius: 5px;
}
.smft_nonblank_button {
    font-style: italic;
}
/* Dropdown Content */
.smft_dd-content {
    display: none;
    position: relative;
	top: 0;
	left: 0;
    z-index: 1;
    background-color: #f6f6f6;
}

/* Make it clear which option you're on */
.smft_dd-content option:hover {
    background-color: #fdfdfd;
}

/* Show the dropdown menu */
.show {display:block;}