/***
Byte Boilerplate, with parts from Foundation and other sources, noted inline below
Version 2 - 2016-07-11 by MD, SP & the Byte Studios Team
***/



/* rows and columns from http://www.sitepoint.com/understanding-css-grid-systems/ */
.row, .column {
  box-sizing: border-box;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.column {
  position: relative;
  float: left;
  display: block;
}
.grid-w-gutters .column + .column {
  margin-left: 1.6%;
}
/* end rows and columns from http://www.sitepoint.com/understanding-css-grid-systems/ */
/* grids and columns */
.float-left { float: left !important; }
.float-right { float: right !important; }
.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.clearfix::before, .clearfix::after {
  content: ' ';
  display: table;
}
.clearfix::after { clear: both; }
.invisible { visibility: hidden; }
.is-visible { display: block !important; }
.is-hidden { display: none !important; }

.grid, .grid-w-gutters {
  width: 100%;
  max-width: 1020px;
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
}
.col-1-across { width: 8.33%; }
.col-2-across { width: 16.66%; }
.col-3-across { width: 25%; }
.col-4-across { width: 33.33%; }
.col-5-across { width: 41.66%; }
.col-6-across { width: 50%; }
.col-7-across { width: 58.33%; }
.col-8-across { width: 66.66%; }
.col-9-across { width: 75%; }
.col-10-across { width: 83.33%; }
.col-11-across { width: 91.66%; }
.col-12-across { width: 100%; }
.grid-w-gutters .col-1-across { width: 6.86666666667%; }
.grid-w-gutters .col-2-across { width: 15.3333333333%; }
.grid-w-gutters .col-3-across { width: 23.8%; }
.grid-w-gutters .col-4-across { width: 32.2666666667%; }
.grid-w-gutters .col-5-across { width: 40.7333333333%; }
.grid-w-gutters .col-6-across { width: 49.2%; }
.grid-w-gutters .col-7-across { width: 57.6666666667%; }
.grid-w-gutters .col-8-across { width: 66.1333333333%; }
.grid-w-gutters .col-9-across { width: 74.6%; }
.grid-w-gutters .col-10-across { width: 83.0666666667%; }
.grid-w-gutters .col-11-across { width: 91.5333333333%; }
.grid-w-gutters .col-12-across { width: 100%; }

.no-bullet { margin-left: 0; list-style: none; padding-left: 10px;}

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
/* end grids and columns */

/* form normalizations from Foundation */
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
     border-radius: 0;
    border: none;
    font-family: 'Lato';
    font-size: 14px;
    color: #8391A0;
    letter-spacing: 0px;
    height: 28px;
    width:210px;
    margin: 0px 15px 8px 0px;
  -webkit-appearance: none;
  -moz-appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  outline: none;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
  height: auto; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cacaca; }
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #cacaca; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #cacaca; }

input::placeholder,
textarea::placeholder {
  color: #cacaca; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  -webkit-appearance: none;
  -moz-appearance: none; 
  cursor: pointer; 
}

input::-webkit-calendar-picker-indicator {
    color:aliceblue;
    opacity:0;
}

[type='submit'],
[type='button'] {
  border-radius: 7px;
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type='search'] {
  box-sizing: border-box; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem;
  vertical-align: middle; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: text-top; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
  cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a; }
  label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0; }

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a; }

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem; }
  .input-group > :first-child {
  border-radius: 7px 0 0 7px; }
  .input-group > :last-child > * {
  border-radius: 0 7px 7px 0; }

.input-group-label, .input-group-field, .input-group-button {
  margin: 0;
  display: table-cell;
  vertical-align: middle; }

.input-group-label {
  text-align: center;
  padding: 0 1rem;
  background: #e6e6e6;
  color: #0a0a0a;
  border: 1px solid #cacaca;
  white-space: nowrap;
  width: 1%;
  height: 100%; }
  .input-group-label:first-child {
  border-right: 0; }
  .input-group-label:last-child {
  border-left: 0; }

.input-group-field {
  border-radius: 0;
  height: 2.5rem; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  height: 100%;
  width: 1%; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button {
  margin: 0; }

.input-group .input-group-button {
  display: table-cell; }

fieldset {
  border: 0;
  padding: 0;
  margin: 0; }

legend {
  margin-bottom: 0.5rem;
  max-width: 100%; }

.fieldset {
  border: 1px solid #cacaca;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  .fieldset legend {
  background: #fefefe;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem; }

select {
 border-radius: 0;
    border: none;
    font-family: 'Lato';
    font-size: 14px;
    color: #8391A0;
    letter-spacing: 0px;
    width: 300px;
     height: 28px;
  color: #0a0a0a;
  background-color: #fefefe;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
  background-size: 9px 6px;
  background-position: right center;
  background-origin: content-box;
  background-repeat: no-repeat; }
  @media screen and (min-width: 0\0) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed; }
  select::-ms-expand {
  display: none; }
  select[multiple] {
  height: auto;
  background-image: none; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 7px;
  line-height: 1; }
  [data-whatinput='mouse'] button {
  outline: 0; }


/* end form normalizations from Foundation */



/* generic custom colors */
div {
  color: #53708C;
}
p {
  color: #3B3B3B;
  font-size: 15px;
  margin: 0;
  font-family:'Lato';
}
a {
  font-family: 'Lato';
  color: #091521;
  text-decoration: none;
  cursor: pointer;

}
a:hover {
  color: #FFF;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
}
h4 {
  font-family: 'Lato';
  color:#3B3B3B;
  margin:10px 0px;
}
.new-service-code input, .edit-service-code input, .add-new-block input {
  height: 18px !important;
}

/****** Add WYSIWYG Content CSS Here *******/

.h2-header {
  color: #091521;
  margin: 1em auto .25em;
  font-family: "Code-Pro", sans-serif;
  font-weight: 100;
  font-size: 20px;
  line-height: 17px;
  letter-spacing: .05em;
}

.h3-subheader {
  font-family: 'Open Sans', sans-serif;
  color:  #214364;
}

.h3-subheader-italic {
  margin: .25em auto .75em;
  font-family: 'Open Sans';
  font-style: italic;
  color: #214364;
  font-weight: 100;
}

.blockquote {
  display: block;
  font-family: 'Open Sans', sans-serif;
  color:  #0c437a;
  font-size: 17px;
  font-style: italic;
  margin-left: 2em;
  padding-left: 1.5em;
  border-left: solid 3px #c5d9ec;
  line-height: 28px;
  quotes: none;
}

.img_right_25,
.img_left_25,
.img_right_50,
.img_left_50 {
  width: 100%;
  margin-bottom: 1em;
}

.img_full_width {
  width: 100%;
  float: none;
  margin-bottom: 1em;
}
/*loading div css*/
.overlay-load {
    position: absolute;
    right: 0px;
    top: 40%;
    z-index: 9999;
    margin: 0 auto;
    left: 0;
    text-align: center;
/*  background: url(/assets/images/ring.gif) center no-repeat;*/
}
.overlay-load.loading {

}
.overlay-load img {
  animation: uil-ring-anim 2s linear infinite;
  -webkit-animation: uil-ring-anim 2s linear infinite;
}

@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
Add Comment C
/****** Add Header CSS Here *******/
/*timetracker dropdown css*/
#preferences-popover {
  text-align: left;
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 200px;
  color: black;
}
#popover-account {
  position: relative;
}
#popover-name {
    right:15px;
    top:-20px;
    position: absolute;
    font-family: 'Lato';
    font-size:16px;
    color:#3b3b3b;
    padding: 15px 0;
}

#preferences-popover .popover-inner #popover-name {
  margin-right: 180px;
  margin-top:-34px;
  right: 5px;
  top: 1px;
  font:14px;
  color: #3b3b3b;
  font-family:'Lato';
}


#preferences-popover .popover-content p,
#preferences-popover .popover-content ul,
#preferences-popover .popover-content ol {
  margin-bottom: 0;
  margin-left: 0;
}


.popover-content {
    top:20px;
    box-sizing: border-box;
    position: absolute;
    right: 0px;
    z-index: 100;
    background-image: linear-gradient(-180deg, #F9FAFF 35%, #CDD3D7 100%);
}
.popover-content ul {
      padding-left: 10px;
}
.popover-content li {
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.popover-content li:last-child {
  border-bottom: none;
}

.popover-content li>a {
  color: #444;
  font-family: 'Lato';
  height: 30px;
  line-height: 30px;
  padding-right: 15px;
  padding-left: 6px;
  display: block;
  text-decoration: none;
}

.popover-content li > a:hover {
  background: rgba(0, 0, 0, 0.04);
}

#preferences-popover .popover-content li > a:active {
  background: rgba(0, 0, 0, 0.07);
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px inset;
}


/*contains the white gradient background*/
.top-navigation {
   background-image: linear-gradient(-180deg, #F9FAFF 35%, #CDD3D7 100%);
   position: relative;
}
/*login navigation*/
#top {
  padding:10px 0px 15px 0px;
}
.top-right-login {
    margin:0;
    padding-top: 5px;
    text-align: right;
}
.top-right-login li {
    list-style: none;
}
.top-right-login li a {
    font-family: 'Lato';
    font-size: 14px;
    color: #1C254B;
    letter-spacing: 0px;
    padding-right: 20px;
}
#main {
    background-color:#3B3B3B;
    width: 100%;
    margin-top: -65px;
    text-align: right;
    height:60px;
}
.main-header {
    padding-top: 15px;
    padding-right:20px;
    margin-top: 10px;
    position: relative;
}
.main-header li {
    display: inline-block;
    list-style: none;
    padding: 0px 0px 0px 60px;
    vertical-align: text-top;
}
.main-header li>a {
    font-family:'Lato';
    font-size: 18px;
    color: #B6C6D8;
    letter-spacing: 0px;
    line-height: 20px;
    font-weight: lighter;
    padding: 20px 0;
    }
ul.main-header>li.active:after {
    content: "\f0d7";
    font-family: "FontAwesome";
    color: #ffffff;
    display: block;
    text-align: center;
    line-height: 10px;
    
}
.main-header a.active {
    font-size: 18px;
    color: #F3FDFF;
    letter-spacing: 0px;
}
.main-header svg {
    position:absolute;
    left: 175px;
    top: 0px;
}
.main-header polygon {
    fill: #3b3b3b;
}
.nav-image {
    background-image: linear-gradient(-180deg, #F9FAFF 35%, #CDD3D7 100%);
    margin-top: -12px;
    padding: 0 55px 6px 20px;
}
.dropdown {
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
}
.dropdown-list {
    position: absolute;
    top: 43px;
    left: 10px;
    display: none;
    width: 160px;
}
.dropdown-list>li {
    display:block;
    background-color: #3B3B3B;
    padding: 10px 10px 10px 10px;
    text-align: center;
}
.dropdown:hover .dropdown-list {
    display: block;
}

.dropdown-list li a:hover {
  color: #DDE1E7;
}
/****** Add Campaigns Here *******/

/****** Add Buckets CSS Here *******/

/****** Add Email Signup Form CSS Here *******/

/****** Add Footer CSS Here *******/

/****** Add Mobile Menu CSS Here *******/



/****** Add Specific Site, Page CSS Content, Tools Here *******/
/* general css  */
.left-space {
  margin-left:10px;
  display: inline-block;
}
.add-new-block {
  display: inline-block;
  width: 100%;
  text-align: left;
}
 h3 {
    font-family: 'Lato';
    font-weight: 300;
    font-size: 18px;
    color: #3B3B3B;
    letter-spacing: 0px;
    margin:0;
}

button {
  background: #ABB5C5;
    width: 95px;
    height: 30px;
    border-radius: 0;
    float: right;
    font-family: 'Lato';
    font-size: 15px;
    color: #1C254B;
    letter-spacing: 0px;
    font-weight:bold;
}
/* not floating left buttons (i.e ones in the search bar) */
.type2 {
  background: #ABB5C5;
    width: 95px;
    height: 30px;
    border-radius: 0;
    float: none;
    margin-top: 10px;
}
button.type2>a {
  font-family: 'Lato';
    font-size: 15px;
    color: #1C254B;
    letter-spacing: 0px;
    margin-bottom: 15px;
    font-weight:bold;
}
.add_button {
  margin-top:20px !important;
  float:right !important;
}
 button a {
  font-family: 'Lato';
    font-size: 15px;
    color: #1C254B;
    letter-spacing: 0px;
  display: inline-block;
    width: 100%;
    padding: 8px 0px 10px 0px;
}

/*Welcome Sign CSS*/
body {
    margin:0;
    background-color: #B6C6D8;
    /*max-width: 1024px;*/
}

.content-pages {
    margin:0;
    background-color:#1C254B;
    }
table {
    border-collapse: collapse;
}
caption {
    text-align: left;
    padding: 20px 0 20px 0px;
    font-size: 18px;
    color:#3B3B3B;
    font-family:'Lato';
    font-size: 17px;
}


.home-page-container {
    background-color:#B6C6D8;
    overflow:hidden;
}
.welcome-sign {
    padding-left:40px;
}
/*div that contains the actual message*/
.welcome-text {
    width:500px;
    padding-top:30px;
    padding-bottom:30px;
}
.welcome-sign h1 {
    font-family: 'Lato';
    font-size: 22px;
    color: #3B3B3B;
    line-height: 26px;
}
.welcome-sign p {
    font-family: 'Lato';
    font-size: 18px;
    color: #3B3B3B;
    line-height: 26px;
}


/*overview-stats div*/
.overview-stats {
    margin-left: 40px;
    margin-right: 40px;
    border-top: 1px solid #3B3B3B;
}
.overview-boxes {
    width: 160px;
    background-color: #1C254B;
    display:block;
    float:left;
    margin-right:15px;
    padding-bottom: 30px;
}
.overview-boxes>img {
    padding: 20px 20px 0px 30px;
}
.box-headers {
    background-color: #303755;
}
.box-headers p {
    font-size: 14px;
    font-family:'Lato';
    color: #E9EEF5;
    line-height: 16px;
    padding: 5px 0px 5px 0px;
}
.overview-boxes h1 {
    font-family: 'Lato';
    font-weight: bold;
    font-size: 40px;
    color: #E9EEF5;
    line-height: 16px;
    text-align: center;
}
.overview-boxes p {
    font-family: 'Lato';
    text-align: center;
    font-size: 16px;
    color: #E9EEF5;
    line-height: 20px;
    margin: 0 10px 0 10px;
}
h2 {
    font-family: 'Lato';
    font-size: 18px;
    color: #3B3B3B;
    line-height: 23px;
}
/*Activity Log Table CSS*/
.activity-log {
    width:  37.66%;
    float: right;
    margin-bottom: 15px;
}
.container {
    width: 350px;
}
.responsive-table {
    width: 100%;
}
/*Table Header*/
.activity-log th {
    background-color: #303755;
    font-family: 'Lato';
    text-align: left;
    font-size: 14px;
    font-weight:400;
    color: #E9EEF5;
    line-height: 16px;
    padding: 8px;
}

.first-data-row {
    border-right: 1px solid #1C254B;
}

.activity-log tr:nth-child(odd) {
    background: #E9EEF5;
}

.activity-log tr:nth-child(even) {
    background: #DDE1E7;
}
.activity-log td {
    font-family: 'Lato';
    font-size: 12px;
    color: #3B3B3B;
    line-height: 18px;
}
.head-icons {
    float:right;
    padding-left:10px;
    cursor: pointer;
}

/*SEARCH.php CSS*/



/* search styles from apc.diedrick  */
.left-search {
  padding-top:10px;
  display: inline;
}
  
.left-search input {
    background: #303755;
    border-radius: 0;
    border: none;
    font-family: 'Lato';
    font-size: 14px;
    color: #8391A0;
    letter-spacing: 0px;
    height: 28px;
    width:210px;
    margin: 5px 7px 10px 0px;
    display:inline-block;

}
.left-search select {
  background-color: #303755;
    border-radius: 0;
    border: none;
    font-family: 'Lato';
    font-size: 14px;
    color: #8391A0;
    letter-spacing: 0px;
    width: 210px;
}

.right-search {
  float: left;
  font-size: 80%;
  width: 250px; height: *; overflow: hidden;  
}
.right-search-right {
  font-size: 80%;
  width: *; height: *; overflow: hidden; margin-left: 220px; 
}

.right-search thead#main_table {
  background-color: #eee;
  border-bottom: 1px solid #aaa;
  text-align: left;
}
.right-search thead#main_table th {
  vertical-align: top;
  height: 30px;
}
.right-search .small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}
/* for which page? */
.client-service {
  /*display: none;*/
}
/*no open cases */
#no_open_cases {
  padding: 0 5em;
}
#no_open_cases ul {
  padding-left: 0;
}
#no_open_cases label {
  display: inline;
}
#no_open_cases input {
  vertical-align: inherit;
  margin: 0 .5em;
}
#no_open_cases h3 {
  padding: 1em 0 .35em;
  border-bottom: 1px solid #1C254B;
  text-align: center;
  font-weight: bold;
}
.filter-providers-table th {
  color: #3B3B3B;
  text-align: left;
  font-size: 18px;
  padding: 2.5%;
  width: 50%;
}
.provider-list td {
  font-size: 16px;
  color: #3B3B3B;
  text-align: left;
  font-weight: bold;
  padding: 2.5%;
}
/* for seach results page */
.search_results {
  width: 100%;
}
.search_results .icon_link {
  color: #666;
  display: block;
  width: 100%;
}
.search_results .icon_link:hover {
  color: #318eff;
}
.search_results .main_link {
  font-size: 14px;
  color: black;
}
.search_results .main_link:visited {
  color: black;
}
.search-top {
  background-color: #eee;
  border-bottom: 1px solid #aaa;
  height: 20px;
  padding: 5px;
  font-size: 18px;
}
.search-right {
  float: left;
  width: 120px;
  padding-top: 10px;
  font-size: 12px;
}
#advanced_search_demo_div i, #advanced_search_service_div i {
  width: 6px;
}
.div_services {
  display: none;
  margin: 0;
  padding-bottom: 15px;
}
.div_demos {
  display: none;
  margin: 0;
  padding-bottom: 15px;
}
.show_this {
  
}
/* end of old styles */

.client-search {
    width: 240px;
    background-color: #1C254B;
    padding: 10px 15px 15px 15px;
}

.client-search-results {
    padding: 10px 15px 0px 15px;
    width:250px;
    float: left;
    overflow: hidden;
    
}

.client-overview {
    background-color: #DDE1E7;
    overflow: hidden;
    padding: 1px 15px 0px 15px;
    text-align: center;
    display: block;
    max-width: 95%;
}

/*Show form details */
.show-form-errors-text {
  padding: 40px;
}
/*client-search CSS*/

.client-detail-container {
    overflow: hidden;
    background-color: #B6C6D8;
    padding: 1em;

}
.client-search-header {
    margin-top: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid #B6C6D8;
    
}
.client-search h3 {
    font-family: 'Lato';
    font-weight: 300;
    font-size: 18px;
    color: #ABB5C5;
    letter-spacing: 0px;
    margin:0;
}
.link-box {
  height: 135px;
}
.under-search-link {
  font-family: 'Lato';
  font-weight: 300;
  font-size: 14px;
  color: #ABB5C5;
  letter-spacing: 0px;
  padding: 5px 15px 5px 0px;
  float: left;
}
.form-to-send-text {
  font-family: 'Lato';
  font-weight: bold;
  font-size: 14px;
  color: #ABB5C5;
}
.client-search>input[type="text"], [type="date"] {
    background: #303755;
    border-radius: 0;
    border: none;
    font-family: 'Lato';
    font-size: 14px;
    color: #8391A0;
    letter-spacing: 0px;
    height: 28px;
    width:210px;
    margin: 0px 15px 8px 0px;
}
.left-search>label>input[type="text"], [type="date"] {
    background: #303755;
    border-radius: 0;
    border: none;
    font-family: 'Lato';
    font-size: 14px;
    color: #8391A0;
    letter-spacing: 0px;
    height: 28px;
    width:210px;
    margin: 0px 15px 8px 0px;
}
.left-search>label>select, .search-options>select {
    background: #303755;
    border-radius: 0;
    border: none;
    font-family: 'Lato';
    font-size: 14px;
    color: #8391A0;
    letter-spacing: 0px;
    width: 210px;
}
.search-options>label>select, .search-options>label>input, .search-options>label>img {
  display:none; 
}
/* show label content */
/*
.search-options>label>select.show-list, .search-options>label>input[type="text"].show-list,
.search-options>label.down-arrow-list>img {
*/
.search-options>label.down-arrow-list>* {
  display: block;
}

label {    
  font-family: 'Lato';
  font-weight: 300;
  font-size: 14px;
  color: #8391A0;
  letter-spacing: 0px;
  display: block;
}
.homepage a {
   color: #ABB5C5 !important;
}
.left-search a {
    font-family:'Lato';
    font-size: 14px;
    line-height: 13px;
    letter-spacing: 0px;
    padding: 10px 0px 7px 2px;
    margin-left: -1px;
    display: block;
    width: 100%;
    cursor: pointer;
}
.left-search a.active {
  background-color:#B6C6D8;
}

.left-search a.down-arrow-list::after {
  content: "\f105";
    font-family: FontAwesome;
    font-size: large;
    padding-left: 10px;
    vertical-align: top;
    }
#firstname {
    width:130px;
    float: left;
}
#MI {
    width:65px;
    display:inline;
    float:right;
    margin-right:0px;
    
}
.datepick {
   border-radius: 0;
   border: none;
   font-family: 'Lato';
   font-size: 14px;
   color: #000;
   letter-spacing: 0px;
   height: 28px;
   margin: 0px 15px 0px 0px;
   display: inline-block;
   float: none;
   width: 175px;
}
/*field text paragraph */ 
.field_text_p {
  text-align: left;
  margin-bottom: 1em;
}
/*search bar icons and font awesomes*/
.search-options>label>a>i{
    font-size: 20px;
    vertical-align: text-top;
    padding-left: 10px;
}
#drop-down-angle {
    position: absolute;
    right: 15px;
    top: 263px;
    font-size: 20px;
}
.ui-datepicker-trigger {

}
input.datepick:not(.left-search) {
  width:160px;
}

.not-left {
  display: inline-block;
  color: #ABB5C5;
  font-size: 15px;
  font-family: 'Lato';
  font-weight: 300;
}
.bottom-of-search-column {
  display: inline-block;
  color: #ABB5C5;
  font-size: 15px;
  font-family: 'Lato';
  font-weight: 300;
  width: 270px;
}
/*Client result css*/
.search-results {
    padding: 0px 10px;
    border-bottom: 2px solid #2D1B0C;
}
.search-results>i {
    color: #4A4A4A;
    font-size: 20px;
    cursor: pointer;
}
.search-results>i.active {
    color: #2D1B0C;
}
.client-search-results table {
    width: 100%;
    padding-top:10px;
}
.client-search-results h3 {
    font-family: 'Lato';
    font-size: 16px;
    font-weight:400;
    color: #3B3B3B;
    letter-spacing: 0px;
    display: inline;    
    padding-bottom: 5px;
    padding: 0px 10px 0px 10px;
}
.client-search-results td>a{
    font-size: 12px;
    font-family: 'Lato';
    color: #353647;
    letter-spacing: 0px;
    padding:7px 10px 7px 20px;
    display: inline-block;
    width:100%;
    cursor: pointer;
}
.client-search-results td.active {
    background-color:#DDE1E7;
}
.client-search-results tr:nth-child(odd) {
      background: rgba(245,243,243,0.24);
}
.detail-collapse-div {
    background-color:#E9EEF5; 
    margin-right:20px;
    padding: 6px 0px 6px 15px;
    position:relative;
}

/*Client Overview/Details CSS*/
.client-landing  {
  color: #B6C6D8;
  margin-top: 25px;
  padding-bottom: 10px;
  background-color:#1C254B;
  text-align: center;
  overflow: hidden;
  padding: 1px 15px 0px 15px;
  display: block;
/*  max-width: 800px;*/
}
.client-landing h3 {
  color: #B6C6D8;
}
.overview-details-select {
    padding-left: 8px;
}
.client-details {
    border-bottom: 2px solid #3B3B3B;
}
.client-overview h3 {
    font-family: 'Lato';
    font-size: 20px;
    color: #3B3B3B;
    letter-spacing: 0px;
    margin: 0;
    padding-top: 7px;
}
.sub-client-header {
    font-family:'Lato';
    font-size: 15px;
    color: #3B3B3B;
    letter-spacing: 0px;
    display: inline;
    font-weight: 400;
    
}
.client-detail-table {
    padding: 15px 0 15px 0;
}
.client-overview th:first-child {
  width: 5%;
}
.client-overview th {
    font-family:'Lato';
    font-size: 14px;
    color: #45465D;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    padding: 15px 0px 5px 0;
    width: 20%;
}
.client-overview td, .client-notes-text {
    opacity: 0.8;
    font-family:'Lato';
    color: #1C254B;
    padding-bottom: 5px;
    text-align: left;
    font-size: 14px;
    vertical-align: -webkit-baseline-middle;
    padding-right: 10px;

}
.for-padding td:first-child {
  padding-left: 40px;
}
.client-search-header button {
    background: #ABB5C5;
    width: 95px;
    height: 30px;
    border-radius: 0;
    font-family: 'Lato';
    font-size: 15px;
    color: #1C254B;
    letter-spacing: 0px;
    float:right;
    margin:-5px 0px 0px 0px;
}
/*all the tables in the overview details section*/
.client-all-services {
  padding-bottom: 60px;
}
.table-edit {
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  margin-top: 5px;
  width:inherit;
}
.show-table {
  display:inline-table;
}
.detailed-table td{
  padding: 10px 0;
}
.detailed-table tr {
  border-bottom: 1px solid #B6C6D8;
}
.detailed-table tr:last-child {
  border-bottom: none;
}
/*collapse boxes under all services section*/
.all-services-boxes {
    background: #E9EEF5;

}
.all-services-boxes td {
    padding: 0px 0px 10px 0px;
    vertical-align: baseline;
    text-align: left;
}
.sub-services-table {
  width: 100%;
}

.tr-border-top {
    border-top: 10px solid #DDe1e7;
}
.overview-details-select, .client-all-services th {
    padding-top: 10px;
}
.client-all-services th i {
  float: right;
}
.arrow-down {
    padding: 10px 10px 0 10px;
}


/* ADD NEW CLIENT CSS  */
.add-new-client {
  padding: 10px 15px 20px 15px;
  overflow:hidden;
}

.new-client-info {
  background-color: #DDE1E7;
  padding:20px;
  border-bottom:1px solid #8391A0;
}
.calendar-align {
     margin-left: 170px;
}
.open-div , .close-div {
  font-family:'Lato';
    font-size: 15px;
    color: #3B3B3B;
    font-weight: 400;
    float: left;
  
}
a.open-div:before {
    content: "\f107";
    font-family: FontAwesome;
    font-size: large;
    padding-right: 10px;
}
a.rollup:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: large;
    padding-right: 10px;
}

.new-client-info label {
    font-family: 'Lato';
    font-size: 14px;
    color: #8391A0;
    width:380px;
    text-align: left;
    letter-spacing: 0px;
    margin: 20px 0px 20px 20px;
}
.new-client-info input[type="text"]:not(.datepick), [type="date"] {
    border-radius: 0;
    border: none;
    font-family: 'Lato';
    font-size: 14px;
    color: #8391A0;
    letter-spacing: 0px;
    width:210px;
    margin: -5px 15px 0px 0px;
    display: inline-block;
    float: right;
}
 input[type="text"].add-new, [type="password"].add-new {
    border-radius: 0;
    border: none;
    font-family: 'Lato';
    font-size: 14px;
    color: #8391A0;
    letter-spacing: 0px;
    width:210px;
    margin: -5px 15px 0px 0px;
    display: inline-block;
    float: right;

}
.new-client-info select {
  border-radius: 0;
  border: none;
  font-family: 'Lato';
  font-size: 14px;
  color: #8391A0;
  letter-spacing: 0px;
  width: 210px;
  margin: 0px 15px 0px 0px;
  float: right;
    
}
.new-client-info input[type="checkbox"] {
  width:25px;
  height:25px;
  margin-left:211px;
}
.new-client-info textarea {
  width: 210px;
  float: right;
  margin-right: 15px;
}
.co-occurring-ul {
  padding-left: 20px; 
  list-style: none;
  width: 380px;
}
.co-occurring-ul li {
  display: inline-block;
  width: 210px;
  margin-left: 120px;
}
.co-occurring-ul li label {
  margin: 0 auto;
  width: auto;
  text-align: left;
}
label.co-occuring-label {
  font-family: 'Lato';
  font-size: 14px;
  color: #8391A0;
  margin: 0 auto;
  text-align: left;
}
.type3 {
    background: #ABB5C5;
    width: 95px;
    height: 30px;
    border-radius: 0;
    float: none;
    margin-top: 10px;
    margin-right:15px;
    display: inline-block;
  }
.delete-a {
  font-size: 15px;
    color: black;
    float: right;
    font-weight: bold;
    padding-top: 20px;
    padding-right:10px;
    float:left;
}
/* SEARCH RESULT CSS */
h4>button {
  height: 25px;
  width: 90px;
  float:right;
}
.search-results-full {
	background-color: rgba(245,243,243,0.24);;
    overflow: hidden;
    margin: 1px 15px 0px 15px;
    width: 97%;
    margin-bottom: 20px;
/*    max-width: 750px;*/
   }
/*
.search-results-full tr:last-child {
	border-bottom: 1px solid #1C254D;
}
*/

.search-results-full th {
  font-family: 'Lato';
  font-size: 16px;
  color:#3B3B3B;
  line-height: 15px;
  font-weight: bold;
  text-align: left;
  padding: 15px 0 15px 15px;
/*  width: 10.5%;*/
}
.search-results-full td {
  font-family: 'Lato';
  font-size: 14px;
  color:#3B3B3B;
  line-height: 20px;
  font-weight: normal;
  padding: 5px 0 5px 15px;
  /*width: 12.5%;*/
  vertical-align: text-top;
  
}
.edit-on-click label {
  color:  #3B3B3B;
}
.sub-result-table {
  width:100%;
  }
.sub-result-table tr{
  border-bottom: none;
  }
.sub-result-table tr:nth-child(odd) {
    background: #E9EEF5;
}
.sub-result-table td{
  width:20%;
}
.add-service-table {
  width:100%;
  display: table-cell;
}
.search-results-full tr:nth-child(odd) {
	background-color: rgba(245,243,243,0.24);
}
.search-results-full tr:not(.service-row-wide) {
	border-top: 1px solid #B6C6D8;
}
/*admin service css*/
.edit-service-code input:disabled {
    border-radius: 0;
    border: none;
    font-family: 'Lato';
    font-size: 14px;
    background: transparent;
    letter-spacing: 0px;
    height: 28px;
    width: 210px;
    margin: 0px 15px 8px 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
/*input:disabled {
    background: transparent;
    font-family: 'Lato';
    border-radius: 0;
    cursor: none;
    border:none;
    box-shadow: none;
  }*/
.edit-me> input {
    font-family: 'Lato';
    border-radius: 0;
    height: 25px;
    display: inline-block;
    margin: 0;
}
.edit-me td {
  margin:0;
  padding:0;
}
/*checkbox input fixes */ 
  .password-checkbox {
    margin: -3px 188px 0px 35px !important;
    vertical-align: text-top;
  }
.error-message {
  color:red;
  font-family: 'Lato';
}
/*width/normalize classes*/
.wide-100 {
  width:100%;
}
.wide-75 {
  width: 75%;
}
.wide-50 {
  width:50%;
}
.hide {
  display: none;
}
.show {
  display: table-cell;
}
/*appear on hover CSS*/
h4.appear-on-hover button {
  display: inline-block;
}
h4.appear-on-hover span {
  display: none;
}
h4.appear-on-hover:hover span {
  display: inline;
}
h4.appear-on-hover p {
  display: none ;
}
h4.appear-on-hover:hover p {
  display: inline-block ;
}
.icon-hover:hover .icon-hover {
	display: inline;
}
.icon-resize-small {
  font-size: 15px !important;
}
a.icon-hover {
  margin-top: -2px;
}
.icon-control {
	height: 18px;
	width: 20px;
	display: inline-block;
}
.icon-control:hover .icon-hover {
  display: inline !important;
}
/*CSS FOR ADDING SERVICE CODES*/
.edit-on-click {
  text-align: left;
  position: relative;
}
.first-input {
  position: absolute;
  left: 30px;
  margin-top: -2px;
}
.show-a-icons {
  float: right;
}
.new-service-input input {
    font-family: 'Lato';
    color: #3B3B3B;
    margin: 10px 0px;
    height: 30px !important;
    font-weight: bold;
    font-size: medium;
}

/* error stuff= */
.error, .error:focus {
	border: 2px solid red;
}

.good-to-go, .good-to-go:focus {
	border: 2px solid green;
}
/***********byte confirm css **************/
.byte_clearfix:after {
  content: "";
  display: table;
  clear: both;
}

#byte_ui_confirm {
  display: none;
  z-index:4999;
  position: fixed;
  top: 3px;
  left: 50%;
  width: 50%;
  margin-left:-25%;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}

#byte_ui_confirm .notification_area {
  text-shadow: white 0 1px 0;
  display: block;
  text-decoration: none;
  width: 100%;
  overflow: hidden;
  margin: 0 auto 4px auto;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
        background: linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
          box-shadow: 0 -1px 0 #FFF inset, 0px 10px 20px rgba(0,0,0,0.2);
}
#byte_ui_confirm .notification_area .choices_area {
  width: 100px;
  height: 41px;
  float: left;
  padding-top: 15px;
  text-align: center;
  border-right:1px inset rgba(0,0,0,0.2);
  margin-right: 10px;
}
#byte_ui_confirm .notification_area .text_area {
  padding-top: 7px;
  font-size: 12px;
  height: 12px;
}
#byte_ui_confirm .notification_area .text_area strong {
  font-size: 14px;
  height: 14px;
  font-family: 'Lato';
}
.choices_area button {
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 0;
    font-size: 14px;
    height:30px;
    width: 37px;
    line-height: 20px;
    float: none;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}



/* Specific Screen Sizes from Foundation */

/* Small only */
@media screen and (max-width: 39.9375em) {

  /* to disable touch panning / scrolling */
  html,body {
    overflow-x: hidden;
  }
  body {
    position: relative;
  }
  .grid-w-gutters .column + .column {
    margin-left: 0;
  }
  .grid, .grid-w-gutters { width: 95%; }
  /* standard stuff for small only screen */
  .s-one { width: 8.33%; }
  .s-two { width: 16.66%; }
  .s-three { width: 25%; }
  .s-four { width: 33.33%; }
  .s-five { width: 41.66%; }
  .s-six { width: 50%; }
  .s-seven { width: 58.33%; }
  .s-eight { width: 66.66%; }
  .s-nine { width: 75%; }
  .s-ten { width: 83.33%; }
  .s-eleven { width: 91.66%; }
  .s-twelve { width: 100% !important; }

  .s-text-left { text-align: left; }
  .s-text-right { text-align: right; }
  .s-text-center { text-align: center; }
  .s-text-justify { text-align: justify; }



  /****** Add Site CSS Content, Tools for Small Here *******/


  /****** Add Regular WYSIWYG Content for Small Here *******/


}

/* Medium and up */
@media screen and (min-width: 40em) {

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

  /* to disable touch panning / scrolling */
  html,body {
    overflow-x: hidden;
  }
  body {
    position: relative;
  }
  /* give us some space */
  .grid, .grid-w-gutters { width: 95%; }

  /* standard stuff for medium only screen */
  .m-one { width: 8.33%; }
  .m-two { width: 16.66%; }
  .m-three { width: 25%; }
  .m-four { width: 33.33%; }
  .m-five { width: 41.66%; }
  .m-six { width: 50%; }
  .m-seven { width: 58.33%; }
  .m-eight { width: 66.66%; }
  .m-nine { width: 75%; }
  .m-ten { width: 83.33%; }
  .m-eleven { width: 91.66%; }
  .m-twelve { width: 100%; }

  .m-text-left { text-align: left; }
  .m-text-right { text-align: right; }
  .m-text-center { text-align: center; }
  .m-text-justify { text-align: justify; }

  /* Show mobile navs and details here */
  .hamb-wrapper {
    display: block;
  }
  .header-logo {
    padding-top: 5px;
    margin-left: 5px;
  }
  .header-toolmenu {
    display: none;
  }
  .main-navigation {
    display: none;
  }

  /****** Add Site CSS Content, Tools for Medium Here *******/


  /****** Regular WYSIWYG Content for Medium *******/

  .h2-header {
    color: #091521;
    margin: 1em auto .25em;
    font-family: "Code-Pro", sans-serif;
    font-weight: 100;
    font-size: 20px;
    line-height: 17px;
  }

  .h3-subheader {
    font-family: 'Open Sans', sans-serif;
    color:  #214364;
  }

  .h3-subheader-italic {
    margin: .25em auto .75em;
    font-family: 'Open Sans';
    font-style: italic;
    color: #214364;
    font-weight: 100;
  }

  .blockquote {
    display: block;
    font-family: 'Open Sans', sans-serif;
    color:  #0c437a;
    font-size: 17px;
    font-style: italic;
    margin-left: 2em;
    padding-left: 1.5em;
    border-left: solid 3px #c5d9ec;
    line-height: 28px;
    quotes: none;
  }

  /****** Regular image WYSIWYG Content for Medium *******/
  .img_right_25,
  .img_right_50 {
    float: right;
    width: 50%;
    margin: 1em 0 2em 2em;
  }
  .img_left_25,
  .img_left_50 {
    float: left;
    width: 50%;
    margin: 1em 2em 2em 0;
  }

  .img_full_width {
    width: 100%;
    float: none;
    margin: .5em auto 1em;
  }
}

/* Large and up */
@media screen and (min-width: 64em) {
  /* Hide mobile navs and details here */
  .hamb-wrapper {
    display: none;
  }
  .main-navigation-mobile {
    display: none;
  }
  .content-social-buttons {
    display: block;
  }

  /****** Regular WYSIWYG Content for Large *******/

  .h2-header {
    color: #091521;
    margin: 1em auto .25em;
    font-family: "Code-Pro", sans-serif;
    font-weight: 100;
    font-size: 20px;
    line-height: 17px;
  }

  .h3-subheader {
    font-family: 'Open Sans', sans-serif;
    color:  #214364;
  }

  .h3-subheader-italic {
    margin: .25em auto .75em;
    font-family: 'Open Sans';
    font-style: italic;
    color: #214364;
    font-weight: 100;
  }

  .blockquote {
    display: block;
    font-family: 'Open Sans', sans-serif;
    color:  #0c437a;
    font-size: 17px;
    font-style: italic;
    margin-left: 2em;
    padding-left: 1.5em;
    border-left: solid 3px #c5d9ec;
    line-height: 28px;
    quotes: none;
  }

  /****** Regular Image WYSIWYG Content for Large *******/

  .img_right_25 {
    float: right;
    width: 50%;
    margin: 1em 0 2em 2em;
  }
  .img_right_50 {
    float: right;
    width: 50%;
    margin: 1em 0 2em 2em;
  }
  .img_left_25 {
    float: left;
    width: 50%;
    margin: 1em 2em 2em 0;
  }
  .img_left_50 {
    float: left;
    width: 50%;
    margin: 1em 2em 2em 0;
  }

  .img_full_width {
    width: 100%;
    float: none;
    margin: .5em auto 1em;
  }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
}

/* End Specific Screen Sizes from Foundation */



/*-------------------------------------------------------------------
Things for flash() to work
--------------------------------------------------------------------*/

@-webkit-keyframes slideDown {
  0%   {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
  }
  100%   {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
  }
}
@-webkit-keyframes slideUp {
  0%   {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
  }
  100%   {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
  }
}

@-moz-keyframes slideDown {
  0%   {
    opacity: 0;
    -moz-transform: rotateX(-90deg);
  }
  100%   {
    opacity: 1;
    -moz-transform: rotateX(0deg);
  }
}
@-moz-keyframes slideUp {
  0%   {
    opacity: 1;
    -moz-transform: rotateX(0deg);
  }
  100%   {
    opacity: 0;
    -moz-transform: rotateX(-90deg);
  }
}

@-o-keyframes slideDown {
  0%   {
    opacity: 0;
    -o-transform: rotateX(-90deg);
  }
  100%   {
    opacity: 1;
    -o-transform: rotateX(0deg);
  }
}
@-o-keyframes slideUp {
  0%   {
    opacity: 1;
    -o-transform: rotateX(0deg);
  }
  100%   {
    opacity: 0;
    -o-transform: rotateX(-90deg);
  }
}

#notification-wrapper {
  pointer-events:none;
  z-index:5000;
  position: fixed;
  top: 3px;
  left: 50%;
  width: 50%;
  margin-left:-25%;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}
#notification-wrapper .notification {
  text-shadow: white 0 1px 0;
  display: block;
  text-decoration: none;
  width: 100%;
  overflow: hidden;
  margin: 0 auto 4px auto;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
        background: linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
          box-shadow: 0 -1px 0 #FFF inset, 0px 10px 20px rgba(0,0,0,0.2);
}
#notification-wrapper .notification.clickable {
  cursor: pointer;
}
#notification-wrapper.clickable {
  pointer-events:auto;
}
#notification-wrapper .notify-icon {
  margin:0 !important;
  display: inline-block;
  width: 41px;
  height: 41px;
  float: left;
  line-height:42px;
  text-align:center;
  font-size:32px;
  color: #333;
  background-size:cover; 
  background-position:center center;
}
#notification-wrapper .notify-text {
  border-left:1px solid #ddd;
  padding-left:5px;
  display:block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
  overflow: hidden;
}
#notification-wrapper .notify-title {
  font-weight: bold;
  font-size: 14px;
  height: 14px;
  display: block;
  padding: 3px 0 0 0;
  text-transform: capitalize;
}
#notification-wrapper .notify-message {
  font-size: 12px;
  padding:4px 0 4px;
  display: block;
}
#notification-wrapper .animate-in {
  -webkit-animation: slideDown 300ms;
  -moz-animation: slideDown 300ms;
  -o-animation: slideDown 300ms;
}
#notification-wrapper .animate-out {
  -webkit-animation: slideUp 300ms;
  -moz-animation: slideUp 300ms;
  -o-animation: slideUp 300ms;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #notification-wrapper .notification {
    width: 100%;
  }
}
#notification-wrapper .notification .notify-icon.icon-custom {
  box-shadow:rgba(255,255,255,0.5) 0 -1px 1px inset;
}
#notification-wrapper .notification .notify-icon.icon-custom + .notify-text {
  border-left:0;
}
#notification-wrapper .notification .notify-icon.icon-warn {
  background: transparent url(../images/warn.png) center center no-repeat;
  background-size:auto;
}
#notification-wrapper .notification .notify-icon.icon-success {
  background: transparent url(../images/success.png) center center no-repeat;
  background-size:auto;
}
#notification-wrapper .notification .notify-icon.icon-error {
  background: transparent url(../images/error.png) center center no-repeat;
  background-size:auto;
}
#notification-wrapper .notification .notify-icon.icon-notice {
  background: transparent url(../images/notice.png) center center no-repeat;
  background-size:auto;
}
#notification-wrapper .notification .notify-icon.icon-help {
  background: transparent url(../images/help.png) center center no-repeat;
  background-size:auto;
}
/*-------------------------------------------------------------------
End things for flash() to work
--------------------------------------------------------------------*/