@charset "utf-8";
/* CSS Document */

@import url("https://media.kget.com/nxsglobal/kerngoldenempire/feature_pages/Homicide_Tracker/scripts/bootstrap-combined.min.css");
@import url("https://media.kget.com/nxsglobal/kerngoldenempire/feature_pages/Homicide_Tracker/scripts/bootstrap-datetimepicker.min.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

body {
  padding: 2em;
  background-color:#F4F9FF;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.1em;
}

h3 {
  font-family: Roboto Condensed,arial,helvetica,verdana,sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.1;
}

input[type="text"],textarea {
  padding: .5em;
  font-size: 1.0rem;
  width: 50%;
}

.htYearOptions {
  margin-bottom: 1rem;
}

.htYear {
  display: inline-block; 
  margin-right: 1em;
  vertical-align: middle;
} 

.htViewEdit {
  display: inline-block;
  margin-right: .5em;
  vertical-align: middle;
}

.htPublish {
  display: inline-block;
  vertical-align: middle;
}

.htInstructions {
  margin-top: 1em;
  font-family: Roboto Condensed, arial, helvetica, verdana, sans-serif;
  font-size: 1.0rem;
  text-align: center;
  font-weight: bold;
}

.htMain {
  width: 90%;
  margin: auto;
  margin-bottom: 2em;
  padding: .5em .5em 1.5em 1em;
  border: #C9C9C9 solid 1px;
  line-height: 1.5em;
  border-radius: 25px;
}

.htInputItem {
  margin-bottom: .75em;
}

.htFieldInfo {
  color: black;
  font-family: Roboto Condensed, arial, helvetica, verdana, sans-serif;
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

.victimHeader {
  border-bottom: #c9c9c9 solid 1px;
  margin-bottom: .5em;
}

.victimHeader h3 {
	font-family: Roboto Condensed,arial,helvetica,verdana,sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.1;
}
.victimImg {
  display: inline-block;
  float: right;
  max-height: 128px;
  max-width: 128px;
  margin-left: .5em;
  margin-bottom: .5em;
  border-radius: 15px;
  overflow: hidden;
}
.victimDatum {
	margin-bottom: .25rem;
}



/* BUTTONS */

.greenButton {
  -moz-box-shadow: inset 0px 1px 0px 0px #caefab;
  -webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
  box-shadow: inset 0px 1px 0px 0px #caefab;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
  background: -moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
  background: -webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
  background: -o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
  background: -ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
  background: linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
  background-color: #77d42a;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #268a16;
  display: inline-block;
  cursor: pointer;
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #363;
}

.greenButton:hover {
  color: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
  background: -moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
  background: -webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
  background: -o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
  background: -ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
  background: linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
  background-color: #5cb811;
}

.greenButton:active {
  position: relative;
  top: 1px;
}

.redButton {
  -moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
  -webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
  box-shadow: inset 0px 1px 0px 0px #f29c93;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
  background: -moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  background: -webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  background: -o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  background: -ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  background: linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
  background-color: #fe1a00;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #d83526;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #b23e35;
}

.redButton:hover {
  color: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
  background: -moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  background: -webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  background: -o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  background: -ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  background: linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
  background-color: #ce0100;
}

.redButton:active {
  position: relative;
  top: 1px;
}