@font-face {
    font-family: 'hey_augustregular';
    src: url('/static/fonts/heyaugust-qz73q-webfont.woff2') format('woff2'),
         url('/static/fonts/heyaugust-qz73q-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('/static/fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
        url('/static/fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'marquee_moonregular';
    src: url('/static/fonts/marq_moo-webfont.woff2') format('woff2'),
        url('/static/fonts/marq_moo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
    color: #2e3249;
    /* color: #24273a */
    font-family: source_sans_proregular, Arial, sans-serif;
    font-size: 17px;
    font-weight: 200;
    /* letter-spacing: .2px; */
    line-height: 1.6rem;
}

h1 {
    font-family: marquee_moonregular,source_sans_proregular,Arial, sans-serif;
    font-size: 45px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    line-height: 1;
}

h2 {
    font-family: PT Sans Narrow Bold, source_sans_proregular, Arial, sans-serif;
    font-size: 30px;
    padding: 0px;
    padding-left: 4px;
    margin: 0px;
    margin-bottom: 5px;
    line-height: 1;
    /* letter-spacing: 0.5px; */
    font-weight: 700;
    color: #555 !important;
}

h3 {
    font-family: PT Sans Narrow, source_sans_proregular, Arial, sans-serif;
    font-size:28px;
    font-weight:900;
    letter-spacing: -1px;
    padding-left:5px;
    margin-bottom:0px;
    padding-bottom:8px;
    color:#777 !important;
}


p {
    margin-bottom: 20px;
    text-align: justify;
    margin-left: 5px;
    margin-right: 5px;
}


/* Chart Form */

#dob-group,
#tob-group {
    margin-top:0px !important;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.dob-year,
.dob-month,
.dob-day {
    width:30%;
}

#tob-hour-select {
    width:80px;
    margin-right:10px;
}
#tob-minute-select {
  width:60px;
  margin-right:10px;
}

.dob-part
{
  text-align: center;
  padding:3px;
  height:36px;
  font-size:19px;
  margin-top:0px;
}

#dob-year {
  width:57px;
  
}
#dob-month {
  width:40px;
}
#dob-day {
  width:40px;
}

.date-time-group {
  display:flex;
  flex-direction: row;
  /* background-color: #fff; */
  justify-content: space-evenly;
  margin-top:10px;
}
.date-time-group input {
  margin-top:0px;
}

/* #tob-group {
  margin-left:10px;
} */

#tob-hour,
#tob-min {
  width:40px;
}
.dob-separator {
  font-size:25px;
  padding-top:5px;
  padding-left:2px;
  padding-right:2px;
  color:#999;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999 !important;
  opacity: 0.1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #999 !important;
}

#gender-mf {
    margin-left:10px;
}

#gender-mf label {
    width:40px;
}

#tob-ampm {
  height:30px;
  padding:0px;
  margin-top:0px;
  margin-left:5px;
  visibility: hidden;
}

#gender-m-label,
#gender-f-label,
#ampm-am-label,
#ampm-pm-label {
    padding-left:8px;
    padding-right:8px;
    padding-top:3px;
    padding-bottom:0px;
}

#gender-mf label,
#tob-ampm label {
  background-color: #fff;
  color:#AAA;
  border-color: #bbb;
}
#gender-mf label.active,
#tob-ampm label.active {
  background-color: #deabe2 !important;
  color:#fff !important;
}

#dob-title {
  margin-top: 20px;
}

#name-sex-group {
  display:flex;
  flex-direction: row;
}

#new-chart-form input {
  margin-top:0px;
}

.form-section {
  margin-top:15px;
  padding-top:5px;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:15px;
  border:1px solid #ccc;
  border-radius:5px;
  background-color: #f4f4f4;
}

#tob-text {
  line-height:12px;
  font-size:14px;
}

.form-section-title {
  margin-top:5px;
  margin-bottom:10px;
  /* font-family: PT Sans Narrow Bold, source_sans_proregular, Arial, sans-serif; */
  font-size:18px;
  
}

#chart-location:invalid {
  color:#b347bd; 
}

#chart-holder {
  height:400px;
  width:100%;
  /* color:#47a5bd; */
}

.shadow {
  /* filter:drop-shadow(3px 3px 2px #000000);  */
  text-shadow: 1px 1px 2px #999;
  /* color: #e4e717; */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 10pt;
}

.chartHouseNumbers {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 7pt;
}

/* End of chart form  */