/* config-column.css */

input.columnname {
	width: 30%;
	padding: 8px;
    font-family: "Open Sans", "IBM Plex Sans", sans-serif;
	font-weight: bold;
    background-color: gold;
}

button.reorder {
    margin-left: 8px;
    margin-right: 8px;
}

button.config-column-tab {
    background-color: deepskyblue;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 16px;
    padding-right: 16px;
    border-left: solid 2px darkgrey;
    border-right: solid 2px darkgrey;
    border-top: solid 2px darkgrey;
    border-bottom: none;
    border-radius: 4px 4px 0px 0px;
    margin-left: 4px;
    margin-right: 4px;
}

button.config-column-tab:hover {
    background-color: gold;
}

button.config-column-tab.selected-config-column-tab {
    background-color: white;
    box-shadow: 0px 2px 0 0 white;
}

div.card-layout {
    display: grid;
}

div.card {
    grid-row: 1;
    grid-column: 1;
}

div.config-column-content {
    border: solid 1px grey;
    border-radius: 4px;
    background-color: white;
    padding-top: 20px;
    margin-top: 0px;
    width: 80%;
}