.et_pb_section {
padding: 0 !important;
} .gray {
background: #e2e2e2;
color: #c6c6c6;
border-radius: 5px;
border: 1px solid #d4d4d4;
-moz-box-shadow: inset 1px 1px 1px rgba(236, 236, 235, 0.4), inset -1px -1px 1px rgba(76, 74, 74, 0.4);
-webkit-box-shadow: inset 1px 1px 1px rgba(236, 236, 235, 0.4), inset -1px -1px 1px rgba(76, 74, 74, 0.4);
box-shadow: inset 1px 1px 1px rgba(236, 236, 235, 0.4), inset -1px -1px 1px rgba(76, 74, 74, 0.4);
}
.display-none {
display: none !important;
}
ul.nav li {
background: #000000;
}
ul.nav li a {
color: #f0c737;
}
#controls-section {
width: 100%;
}
#controls-section p {
text-align: center;
}
.max-value-major-button {
display: block;
padding: 5px !important;
width: 160px !important;
background: black !important;
height: 50px;
border: none;
color: white !important;
font-weight: normal;
margin: auto;
margin-bottom: -1px;
font-size: 15px;
border: 2px solid #edc545;
border-radius: 0px;
}
.max-value-minor-button {
background: #363cff;
border: 4px solid #f0c737;
color: #000000;
cursor: pointer;
display: inline-block;
margin: 3px 12%;
padding: 10px;
width: 75%;
}
.opening-chart-element {
padding: 3px;
display: inline-block;
text-align: center;
width: calc(90%/13);
height: 45px;
}
.chart-content {
height: 100%;
width: 100%;
position: relative;
border-radius: 5px;
padding: 10px 10px !important;
}
.opening-chart-title {
font-size: 0.9rem;
}
#chart-section,
#notes-section {
display: none;
}
.chart-legend p {
font-size: 2.5rem;
font-weight: bold;
} @media (max-width: 736px) {
.et_pb_row {
padding: 0 !important;
}
} @media screen and (min-width: 768px) {
#tabs-section {
display: none;
}
#controls-section,
#chart-section {
display: inline-block;
}
#controls-section {
vertical-align: top;
width: 30%;
}
.max-value-major-button,
.max-value-minor-button {
display: block;
padding: 5px;
}
#chart-section {
width: 65%;
}
.opening-chart-title {
font-size: 1.5rem;
}
#notes-section {
margin-top: 5px;
display: block;
}
}  @media screen and (min-width: 1417px) {
.et_pb_row {
margin: 0;
max-width: 100%;
width: 100%;
}
main h1 {
margin-left: 1%;
}
#controls-section,
#chart-section,
#notes-section {
display: inline-block;
}
#controls-section,
#notes-section {
width: 24%;
}
#chart-section {
width: 50%;
}
.opening-chart-title {
font-size: 1.5rem;
}
#notes-section {
margin: 0 0 0 10px;
vertical-align: top;
}
}
.note-row {
display: flex;
margin-top: 10px;
}
.note-badge {
width:35px;
height:35px;
}
.note-wrapper {
display: grid;
width: calc(100% - 35px);
}
.note-wrapper div {
margin: auto 0;
margin-left: 10px;
}
.gray p {
color: lightgray !important;
}
.ui-sortable-placeholder {
height: 40px;
}
#situation-container {
text-align: center;
}
#stack-container {
list-style: none outside none;
padding-left: 0px;
}
.ui-state-highlight {
border: none;
background: none;
height: 2em;
width: auto;
margin-top: 10px;
width: 100px;
text-align: center;
margin: 10 auto;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.floatingList .stack-button {
float: left;
margin-left: 10px;
margin-top: 10px;
}