@media (max-width: 767px) {
      .navbar-comm-pref .nav-pills>li { float: none; }
  }



body {
    color: #596674;
    line-height: 1.4;
    font-family: Arial, sans-serif;
    background-color: #fafafa;
    min-height: 100vh;
}

.additional-bar img {
    width: 100%;
    height: 70px;
}







.main-content-new, .email-content {
    color: #5A6674;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    margin-bottom: 15px;
    padding: 40px;
 margin-bottom: 50px;
}




h1 {
    margin: auto;
    position: relative;
    margin-bottom: 40px;
    color: #0077c8;
 font-size: 32px;
}
h2 { color: #326295; font-size: 24px; }
h3 { font-size: 21px; }

h1, h2, h3, h4, h5 { font-weight: 700; }

h5 { color: #326295; text-transform: uppercase; }


.text-optin-section {
    background: #F6F6F6;
    width: 100%;
    padding: 20px;
    margin-bottom: 50px;
}
.email-address-section {
    margin-bottom: 50px;
}
.email-address-section input#email { opacity: 0.4; }

.navbar { margin: 0px; border: none; border-radius: 0px; background: white; }
.navbar-brand-link img { width: 300px; height: auto; }
.navbar-brand { height: auto; }
.nav-pills { margin-bottom: 50px; }

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
      color: #596674;
      background: none;
      border-bottom: 2px solid #0074C7;
      border-radius: 0px;
  }

  .nav-pills>li>a:focus, .nav-pills>li>a:hover { background: none; border-bottom: 2px solid #0074C7; }

  .nav-pills>li>a { border-radius: 0px; color: #596674; text-transform: uppercase; border-bottom: 2px solid transparent; transition: all 0.3s; }

  .additional-bar { margin-bottom: 50px; }
  ul.email-pref-section li { margin: 20px 0px; }

  .btn { border-radius: 0px; border: none; }

.saveBtn { background: #0074C8; color: white; margin-right: 10px; }
.saveBtn:hover { background: #0074C8; color: white; }
  .navbar-default { background: none; }
  .navbar-toggle { float: left; }
  .navbar-comm-pref .navbar-collapse { border: none; }
  .navbar-comm-pref .navbar-toggle {
      border-color: #ddd;
      border-radius: 0px;
      background: white;
  }


i {
  font-size: 25px;
  padding: 7px;
}

ul { list-style: none; margin-bottom: 40px; padding: 0px; }

select#slct { margin-bottom: 30px;}


input[type="date"] {
   width: 100%;
}

input { font-size: 16px; padding: 6px; border: 1px solid #ced4da; color: #333; }




.dateInput {
  height: 20px;
  width: 150px;
  border: none;
  color: #596674;
  outline:none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background-image: url('https://cdn.iconscout.com/icon/premium/png-256-thumb/date-1695954-1437334.png');
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin: 0;
}


button#edit-phone {
    border: none;
    outline: none;
    background-color: transparent;
    color: #0077c8;
    padding-top: 30px;
text-decoration: underline;
}



/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 21px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked+.slider {
  background-color: #0077c8;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #0077c8;
}

input#unsub:checked+.slider:before {
content: "";
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}



.form-control { border-radius: 0px; padding: 6px; }
label { font-weight: bold; font-size: 14px; }
.btn-primary { background: #0077C8; }
.btn-crna { background: #00954C; color: white; }
.btn-crna:hover { background: #01733c; } 
.btn { border-radius: 4px; }
.btn:hover { color: white; }

select:invalid {
  color: #aaaaaa;
}