/********** fonts **********/
@import url('https://fonts.googleapis.com/css?family=Fira+Sans');

@font-face {
font-family: 'Proxima-Nova-Extrabold';
src: url('../fonts/Proxima_Nova/Proxima-Nova-Extrabold.eot');
src: url('../fonts/Proxima_Nova/Proxima-Nova-Extrabold.eot?#iefix') format('embedded-opentype'),
     url('../fonts/Proxima_Nova/Proxima-Nova-Extrabold.woff2') format('woff2'),
     url('../fonts/Proxima_Nova/Proxima-Nova-Extrabold.woff') format('woff'),
     url('../fonts/Proxima_Nova/Proxima-Nova-Extrabold.ttf') format('truetype');


font-weight: normal;
font-style: normal;

}

div.row.agency-background {font-family: 'Fira Sans', sans-serif;}
div.row.agency-background h1, div.row.agency-background h2, 
div.row.agency-background h3, div.row.agency-background h4,
div.row.agency-background button, td > div.circle {font-family: 'Proxima-Nova-Extrabold', sans-serif!important;} /*div.row.agency-background button, td > div.circle {font-family: 'Proxima-Nova-Extrabold', sans-serif!important;}*/

/********** color palette **********/

/*
color1 = blue	#006db8
color2 = teal 	#1ebcbe
color3 = pink	#d9098c
color4 = gray	#383838
color5 = white 	#ffffff
color6 = black  #000000
*/



div.row.agency-background h1, h2, h3, h4, h5, h6, td.text, p {color:#383838!important;}



.color1 {color:#006db8!important;}
.color2 {color:#1ebcbe!important;}
.color3 {color:#d9098c!important;}
.color4 {color:#383838!important;}
.color5 {color:#ffffff!important;}
.color6 {color:#000000!important;}



/*
.row [class*="col-"]{
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

.row{
  overflow: hidden; 
}
*/


/*		page background color		*/
div.row.agency-background.color1 {background-color:#006db8;}
div.row.agency-background.color2, div.container-fluid.colorRow2 {background-color:#1ebcbe!important;}
div.row.agency-background.color3, div.background-color3 {background-color:#d9098c;}
div.row.agency-background.color4 {background-color:#383838;}
div.background-color5 {background-color:#fff; height:100%!important;}
div.background-color3 {height:100%!important;}

div#sent a,
div#inbox > div.row > div > a,
/*div.row.agency-background a, .highlight*/ {color:#d9098c!important;}

/*		page stylings based on page background color		*/
/*[class*='-default']:not([class*='text-']),*/
h2.block-title.visible-phone,
div.container-fluid.colorRow2 p,
button.btn.btn-primary, 
aside > div.inbox-menu > a,
.ellipse,
div.panel-heading > h4.panel-title,
div.panel-heading > h5.panel-title,
a.accordion-toggle.child-out:after,
a.accordion-toggle.child:after,
a.accordion-toggle.parent:after,
a.list-group-item.active,
div.row.agency-background div.circle,
div.Pageheader > h1.banner,
h2.main-title,
div.row.agency-background.color1 h1, div.row.agency-background.color1 h5,
div.row.agency-background.color2 h1, div.row.agency-background.color2 h5,
div.row.agency-background.color3 h1, div.row.agency-background.color3 h5,
div.row.agency-background.color3 label, div.row.agency-background.color3 p,
div.row.agency-background.color3 hr, div.row.agency-background.color3 .btn-success:focus, 
div.row.agency-background.color4 h1, div.row.agency-background.color4 h5 {color:#fff!important;}

div.row.agency-background.color1 hr, div.row.agency-background.color2 hr, div.row.agency-background.color3 hr {border:none!important; height:2px; background-color:#fff;}

button#close,
button#close:hover,
button#close:active,
button#close:focus,
button#close:visited,
div.row.agency-background.color3 .btn-success:hover,
div.row.agency-background.color3 .btn-success:active,
div.row.agency-background.color3 .btn-success:focus {background-color:#1ebcbe!important;}

div.row.agency-background.color3 .btn-success:hover,
div.row.agency-background.color3 .btn-success:active {border-color:#1ebcbe!important;}


a.accordion-toggle > div.panel-heading,
div.panel-default > div.panel-heading {
  /*  background-color: #103a5a!important;    background-color: #1ebcbe!important;*/ background-color: #006db8!important;
    /* [disabled]background-image: -webkit-gradient(linear, left top, left bottom, from(#1ebcbe), to(#0087be))!important; */

}

div.app > span > i.fa:before,
i.fa.count {background: -webkit-gradient(linear, left top, left bottom, from(#1ebcbe), to(#0087be));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}




/*		page background images		*/
div.img1 {background-image:url("../img/WGYC_Logo.svg"); 
background-repeat:no-repeat; background-size:80%; background-position:center; min-height: 300px;}

div.img2 {
    background-image: url("../img/WGYC_Logo.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 280px;
    display: block;
}

div.img3 {background-image:url("../img/WGYC_Logo.svg"); 
background-repeat:no-repeat; background-size:80%; background-position:center; height:400px;}





/*
div.img1 {height:320px;}
div.img2 {height:300px;}
div.img3 {height:450px;}
*/



@media only screen and (max-width: 320px) {
  div.col-xs-12.col-sm-7 {

  	padding-bottom:50px!important;

  }
.container.fullpage .row .col-xs-12.col-sm-5.img2 {
    max-width: 100%;
    margin: 30px auto;
}
    div.img3{
        display: none;
    }
    div.img1{
        display: none;
    }

}


@media only screen and (min-width: 321px) and (max-width: 767px) {
  div.row.agency-background.img1, div.img1,
  div.row.agency-background.img3, div.img3 {

    z-index: -10!important;

  }

  div.row > table.table.noBorder, div.col-xs-12.col-sm-7.background-color5 {

  	z-index: 10!important;

  }



  .mobile-center {text-align:center!important;}

  table#features > tbody > tr > td.text {font-size:16px!important;}
    
    .container.fullpage .row .col-xs-12.col-sm-5.img2 {
    max-width: 100%;
    margin: 30px auto;
}


}
  

@media only screen and (min-width: 768px) and (max-width: 991px) {
  ul#myList > li > a.list-group-item {
    font-size:11px!important;
    
  }
}


/*div.msgbox-background,*/
/*div.msgbox-background > div.msgbox > div#MSGbox[aria-expanded="true"],*/
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #d1f2f2!important;
 }





/*		icons		*/
td.icon > i.fa-heartbeat {color:#d9098c;}
td.icon > i.fa-user-md {color:#006db8;}
td.icon > i.fa-vcard {color:#1ebcbe;}
td.icon > i.fa-newspaper-o {color:#babdbf;}

i.count {color:#1ebcbe!important;}

div#bottomNav > a > div > i, 
div.vaccination h5, 
div.medication h5, 
div.VisitHistory h5 {/*color:#006db8;*/ color:#1ebcbe;}

div#bottomNav > a > div > i.fa {top: 5px!important;}

.iosb-red {background-color:#d9098c!important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff80b2), to(#d9098c))!important;
background-image: linear-gradient(#d9098c, #d9098c);}

/*		list circles	*/
div.color1.circle {color:#fff!important; background-color:#006db8;}
div.color2.circle {color:#fff!important; background-color:#1ebcbe;}
div.color3.circle {color:#fff!important; background-color:#d9098c;}
div.color4.circle {color:#fff!important; background-color:#383838;}
div.color5.circle {color:#d9098c!important; background-color:#ffffff;}
div.color6.circle {color:#fff!important; background-color:#000000;}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus,
div.sexInfo,
.subheader,
div.block > ul > li.header-selected-home, 
div.block > ul > li.header-selected,  
div.block > ul > li.header-selected a:focus, 
div.block > ul > li.header-selected a:active,
div.block > ul > li:active {background-color:#006db8!important;}




.st-head-row.st-head-row-main {color:#006db8!important;}
div.panel-background {
    background-color: #1ebcbe!important;
}
p.follow-up {
    font-size: 1.1em!important;
    padding:  0px 10px;
}
/*p.follow-up {
    font-size: 1.1em!important;
}*/


/*		button link 	*/
/*button.btn:hover >*/ span.caret {border-top-color: #FFF!important;}

/*[class*='-default']:not([class*='text-']) {background-color:#000!important;}*/

.btn-success, button.btn.btn-primary {color:#000;}

.btn-success:focus,
button > i.glyphicon.glyphicon-trash,
button > span.glyphicon.glyphicon-chevron-left,
button > span.glyphicon.glyphicon-chevron-right {color:#FFF!important;}

.iosb-red,
button.btn.btn-primary:hover,
button.btn.btn-primary:active, 
button.btn.btn-primary:focus,
[class*='-danger']:not([class*='text-']),
span.badge1[data-badge]:after,
.btn-success:hover,
.btn-success:active,
.btn-success:focus {background-color:#d9098c!important;}

.btn-success:hover, 
.btn-success:active {border-color:#d9098c!important;}

button.btn.btn-primary, 
div.btn-group > button.btn:link, 
div.btn-group > button.btn:visited, 
div.btn-group > button.btn:hover, 
div.btn-group > button.btn:focus, 
div.btn-group > button.btn:active, 
button.dropdown-toggle:not(:focus),
div.btn-group > button.btn,
button.btn.btn-default.delete, 
.btn-success:visited {background-color:#000000!important; border:none!important;}



div.msgbox-background, .changeBackground2, .changeBackground3 {background-color:#fff;}
.changeBackground{ background-color: #d1f2f2!important;}

div.app:hover {background-color:#006db8!important; cursor:hand;}

div.app:hover h5, .btn-success:hover  {color:#FFF!important;}

span.profile-style {font-weight:900!important;}


.fancy {
  line-height: 0.5;
  text-align: center;
  position: relative; 
}
.fancy span {
  
  position: relative; 
  padding:0 15px; 
  z-index: 1;
}
.fancy:before,
.fancy:after {
  content: "";
  position: absolute;
  height: 7px;
  display:block;
  border-bottom: 2px solid white;
  border-top: 2px solid white;
  top: 0;
  width: 40%;
}
.fancy:before, {
  right: 100%;
  margin-right: 15px;
}
.fancy:after {
  left: 56.5%;
  margin-left: 15px;
}

div.container-fluid.colorRow2 {padding-left:15px!important; padding-right:15px!important;}

.modal-footer {border-top:1px solid #000!important;}