/* Styles shared by the SEER-Medicare, SEER-CAHPS, and SEER-MHOS cost
calculators. */

/* Classes for the cost table */

table.seerm-costs caption {
	font-size: 1.75rem;
}

table.seerm-costs th {
  font-weight: normal;
}

/* Subsection headings */
table.seerm-costs tbody tr:first-child th[colspan] {
  background-color: #eee;
  font-weight: bold;
}

table.seerm-costs th.indented1 {
  padding-left: 2em;
}

table.seerm-costs th.indented2 {
  padding-left: 4em;
}

table.seerm-costs td {
  text-align: center;
}



/* "smcc" stands for "SEER-Medicare/SEER-MHOS Cost Calculator" */

#smcc fieldset {
  margin-bottom: 2em;
}

#smcc .note {
  color: #777;
}

h2 {
  margin-top:0;
}

table {
  width:97%;
}

#smcc label {
  display: inline;
}



/* Years tab_headinged */
#smcc-files select,
#smcc-addl-files select {
  width: 70px;
  border-radius: 5px;
  border-color: #ccc;
  padding: 3px 5px;
    background: #fff;
}



/* Files tab_headinged */
#smcc table th,
#smcc table td {
  border: 1px solid #ccc;
}

/* make the checkboxes in the merged cells line up better */
#smcc table th#cancer,
#smcc table th#noncancer {
  width: 23%;
}

#smcc table td {
  text-align: center;
  vertical-align: top;
}

#smcc table tbody td:hover,
#smcc table tbody td:active,
#smcc table tbody td:focus {
  background-color: #ffa;
}

.cancer-file {
  margin-bottom:8px;
}



/* Cancer Sites tab_headinged */
#smcc-sites {
  clear: both;
}

#smcc-sites > ul {
  list-style-type: none;
  float: left;
  width: 46.5%;
  margin-right: 1rem;
}

#smcc-sites > ul li {
  list-style-image: none;
}

#smcc-sites > ul ul {
  margin-top: 10px;
  padding: 10px;
  background-color: inherit;
  border-radius: 10px;
}

#smcc ul li {
  border-radius: 3px;
    background-color: #f2f2f2;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 15px;
}

#smcc .nav-pills>li>a {
  display: inline-block;
  background-color: transparent;
  padding: 0;
}

#smcc .nav-pills>li>a:hover, #smcc .nav-pills>li>a:focus {
  top: 0;
  box-shadow: none;
}

#smcc ul li:hover {
  background-color: #fff;
  border-radius: 5px;
}

#smcc ul ul li {
  padding: 0 1rem;
  list-style-type: none;
}

#smcc ul ul li:hover {
  background-color: #f2f2f2;
}

#smcc-sites input[type=checkbox] {
  margin-top: 0;
}

a.show-subsites, a.hide-subsites {
  text-decoration: none;
}



/* Calculate Button */

#smcc-calculate {
  font-size: 150%!important;
  text-align: center;
}

#smcc-calculate input {
  color: #fff;
  background: #005EA2;
  margin: 0.5em;
  padding: .375rem .75rem;
  border-radius: .25rem;
  border: none;
  cursor: pointer;
  font-size: 27px!important;
}

/*#smcc-calculate input:hover, #smcc-calculate input:focus {color: #212529; background: #f2f2f2;}*/

#smcc-result {
  display: inline-block;
  text-align: center;
  width: 12em;
  margin: 0.5em;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: .25rem;
  padding: .375rem .75rem;
}



/* Itemization table */
#itemization_table,
#itemization_table tr {
  border: 1px solid #ccc;
}

#itemization_table .shaded {
  background-color: #eee;
}

#itemization_table th,
#itemization_table td {
  padding: 0.1em 0.5em;
}

#itemization_table thead th {
  white-space: nowrap;
}

#itemization_table td.right {
  text-align: right;
}