@charset "utf-8";

form#custom-plans-step-2,
.custom-plans.step-3,
.custom-plans.step-4 
{ display: none; }

/* COLORS */
.custom-plans-results th,
.custom-plans.step-3 form .custom-plans-header {
  background-color: #0dceb5;
  color: white;
}
.custom-plans.ui-dialog-content input[type="submit"] {
  background-color: white;
  border: 1px solid #0dceb5;
  color: #0dceb5;
}
.custom-plans.ui-dialog-content input[type="submit"]:hover {
  background-color: #0dceb5;
  color: white;
}

/* SIDEBAR Formatting */
.custom-plans-sidebar {
  float: left;
  width: 300px;
}
.custom-plans-results {
  float: left;
  width: calc(100% - 310px);
}
.custom-plans-sidebar input[type=reset] {
  border: 0!important;
  color: #0dceb5!important;
  padding: 5px!important;
}
.custom-plans.step-3 form {
  border: 1px solid black;
}
.custom-plans.step-3 form .custom-plans-header {
  text-align: center;
  font-weight: bold;
}

/* INPUT Formatting */
.half-width, 
.full-width { 
  float: left; 
  margin: 5px;
}
.full-width { width: calc(100% - 10px); }
.half-width { width: calc(50% - 10px); }
.ui-dialog-content .half-width { width: calc(50% - 18px); }

.custom-plans-wrapper select,
.custom-plans select { 
  padding: 5px 0; 
}

/* jQuery Dialog Formatting */
.ui-dialog-titlebar {
    background: white;
    border: 0;
    border-radius: 0;
    text-align: center;
}

/* TABLE Formatting */
.custom-plans-results table { border-collapse: collapse; }
.custom-plans-results th, 
.custom-plans-results td { 
  border: solid thin black;
  text-align: center;
}
.custom-plans-results th img {
  margin: auto;
}
.custom-plans-results-data button {
  padding: 10px!important;
  margin: 5px;
}