html{
	height: 100%;
}

body{
	min-height: 100%;
    word-wrap: break-word;
}


a, .collection a.collection-item. .collection a, .black-text a{
	
	color: #039be5;
}

nav a{
	color: #039be5 !important;
}

a:hover, .collection a.collection-item:hover, .collection a:hover, .black-text a:hover{
	
	color: #e24c71;
}

a:visited, .collection a.collection-item:visited, .collection a:visited, .black-text a:visted{
	color: #039be5;
}

.bold{
	font-weight: bold;
}

h1{
	font-size: 24px;
	margin: 0px;
}

.row .col.s12{
	padding-left: 0px;
}

#compose .row .col.s12{
	padding-left: 10px;
	padding-right: 10px;
}

.dropdown-content{
	top: 15px !important;
}

.dropdown-content li>a, .dropdown-content li>span{
	color: #666666;
}

.dropdown-content li:first-child>span{
	color: #6d5b97;
}

span.badge.new{
	background-color: #6d5b97;
}

.carousel{
	height: 250px;
}

.carousel .carousel-item{
	height: 200px;
	width: 400px;
}

.select-wrapper input.select-dropdown, .select-wrapper input.select-dropdown:focus{
	border-bottom-color: #6d5b97;
}

.input-field input:focus + label {
    color: #6d5b97 !important;
}
.row .input-field input:focus {
    border-bottom: 1px solid #6d5b97 !important;
    box-shadow: 0 1px 0 0 #6d5b97 !important
}

.tabs .tab a, .tabs .tab a:hover, .tabs .tab a.active, .tabs .tab a:focus, .tabs .tab a:focus.active{
	color: #e24c71;
}

.tabs .indicator{
	color: #e24c71;
}

.datepicker-date-display, .datepicker-table td.is-selected, .datepicker-day-button:focus, .month-prev:focus, .month-next:focus{
	background-color: #6d5b97;
}

.datepicker-table td.is-today{
	background-color: #cccccc;
}

.datepicker-table td.is-today .datepicker-day-button{
	color: #ffffff;
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done{
	color: #6d5b97;
}

nav{
	height: 122px;
	line-height: 60px;
}

nav ul{
	
	padding-top: 56px;
}

nav .brand-logo{
	padding-top: 27px;
}

.Forgot-link{
	color: #bfd391;
}

.btn{
	background-color: #3676A9;
}

.btn:hover, .btn-large:hover, .btn-small:hover{
	background-color: #b6cd85;
}

.no-top-margin{
	margin-top: 0px;
}

nav ul a{
	padding: 0 12px;
}

nav ul a:hover{
	color: #79A5D3 !important;
	background: #fff;
}

.small-top-margin{
	margin-top: 1px;
}

#basicinfo label{
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}

.mommyblue{
	background-color: #3676A9;
}

.mommybluetext{
	color: #3676A9;
}



.nav-wrapper ul li.active{
	color: #3676A9;
	background-color: #ffffff;
}

.inputlabel, .inputlabel .input-field{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

label{
	font-size: 18px;
	color: #000;	
}

.dropdownlabel label {
    color: #333333 !important;
    font-size: 13px !important;
}

.intake .row{
	margin-bottom: 0px;
}

.intake .radiorow p{
	margin-top: 0px;
}

.input-field>label{
	color: #333333;
	font-size: 15px;
	left: 0rem !important;
}

#messages table{
	border: 1px solid #e0e0e0;
}

tr.header{
	cursor: pointer;
}

#mydiv {
    position: absolute;
    z-index: 9;
	left: 50%;
	width: 80%;
}

#mydivcenter{
	position: relative; 
	left: -50%;
	background-color: #f1f1f1;
	height: 600px;
    border: 1px solid #d3d3d3;
}

.callnotes textarea{
	height: 300px;
	border: 1px solid #e0e0e0;
}

#mydivheader {
    padding: 10px;
    cursor: move;
    z-index: 10;
    background-color: #3676A9;
	height: 42px;
    color: #fff;
	width: 90%;
}

#mydivheaderclose {
	text-align: right;
	cursor: pointer;
	 padding: 10px;
    z-index: 15;
    background-color: #3676A9;
	height: 42px;
    color: #fff;
	width: 10%;
}

#outboxmessages br, #inboxmessages br{
	display: none;
}
#outboxmessages p, #inboxmessages p{
	min-height: 0px;
}

#outboxmessages .tablesorter-childRow td, #inboxmessages .tablesorter-childRow td{
	padding-left: 15px;
	padding-right: 15px;
}

textarea {
    border: 0px;
    border-bottom: 1px solid;
	margin-top: 10px;
}

.tablesorter-materialize .tablesorter-filter-row .tablesorter-filter.disabled{
	display: none;
}


#assignhealthypregnancy td, #assignhealthypregnancy th, #assignhealthyyou td, #assignhealthyyou th, #assignbabyishere td, #assignbabyishere th{
	padding-left: 20px !important;
}

#assignhealthypregnancy tr.active i, #assignhealthyyou tr.active i, #assignbabyishere tr.active i{
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

.subsection td{
	color: #bfd391;
	font-size: 20px;
}

.collection .material-icons{
	float: left;
}

.collection .material-icons.inbox{
	font-size: 21px;
    padding-top: 0px;
    padding-right: 0px;
	margin-right: 8px;
	margin-top: 2px;
}

.collection .material-icons.inbox.closed{
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.taskicon{
	padding-top: 1px;
    line-height: 16px;
    position: absolute;
	margin-left: 6px;
}

select.browser-default{
	height: 28px;
	border: 1px solid #999;
}

.sceditor-container{
	margin-top: 9px !important;
}

#assignhealthypregnancy .taskitem, #assignhealthyyou .taskitem, #assignbabyishere .taskitem, #assignhealthypregnancy .taskitemviewmore, #assignhealthyyou .taskitemviewmore, #assignbabyishere .taskitemviewmore{
	padding-left: 60px !important;
}


.tablesorter-pager{
	background: #ffffff !Important;
}

.alertbox{
    margin: 0 auto;
    width: 50%;
    text-align: center;
    padding: 20px;
    border: 2px solid #3676A9;
    margin-top: 30px;
}

.tablesorter-materialize > tbody > tr.odd > td, .tablesorter-materialize > tbody > tr.tablesorter-hasChildRow.odd:hover ~ tr.tablesorter-hasChildRow.odd ~ .tablesorter-childRow.odd > td, .tablesorter-materialize > tbody > tr.even > td, .tablesorter-materialize > tbody > tr.tablesorter-hasChildRow.even:hover ~ tr.tablesorter-hasChildRow.even ~ .tablesorter-childRow.even > td{
	background-color: transparent !important;
}

.datepicker-controls .select-month input { width: 5em; padding-right: 20px; }
.datepicker-date-display .date-text{ font-size: 2.2rem; }

#index-banner span.badge{
	margin-left: 0px;
	margin-right: 10px;
}

.datepicker-controls .select-month .caret{
	display: block;
	right: -2px;
}

.datepicker-controls .select-year .caret{
	display: block;
	right: -12px;
}

ul.Tabs li.home {
	height: 270px;
	width: 270px;
	margin: 0px 20px 30px 20px;
}

.homedash{
    margin: 0 auto;
    float: none;
    text-align: center;
}

.homedash ul.Tabs li:first-child{
	margin-left: 0px;
}

ul.Tabs .articles{
	margin-right: 0px !important;
}


ul.Tabs li.tile a {
    color: #ffffff;
    font: normal 18px sans-serif;
    text-decoration: none;
    cursor: pointer;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 189px;
    padding-bottom: 34px;
}

ul.Tabs li.tile {
    width: 275px;
    height: 275px;
    margin: 0px 2% 30px 2%;
    display: inline-block;
}

ul.Tabs li.home a{
	padding-top: 223px;
	padding-bottom: 17px;
	font-size: 34px;
}

ul.Tabs .register {
	background-image: url(/images/register.png), none;
    background-size: 275px;
}

ul.Tabs .assign {
	background-image: url(/images/assign.png), none;
    background-size: 275px;
}

ul.Tabs .addacoach {
	background-image: url(/images/addacoach.png), none;
    background-size: 275px;
}

ul.Tabs .reports {
	background-image: url(/images/reports.png), none;
    background-size: 275px;
}

ul.Tabs .articles {
	background-image: url(/images/articles.png), none;
    background-size: 275px;
}

[type="checkbox"]:not(:checked):disabled+span:not(.lever):before{
	background-color: rgba(0,0,0,0) !important;
	border: 2px solid #5a5a5a !important;
}

#logo-container img{
	width: 400px;
}

div.tiles
{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;/*could use space-evenly or space-between*/
    align-items:flex-start;
    align-content:space-around;/*could use space-evenly or space-between*/
}
div.tiles>div.tile
{
    width:17rem;
    height:16rem;
    margin:0.5rem auto;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    justify-content:flex-end;
}
div.tiles>div.tile>div.tile>span
{
    width:100%;
}
div.tiles>div.tile>span.text
{
    color:white;
    text-align:center;
    padding:0.25rem;
    font-size:1.75rem;
}
div.tiles>div.tile>span.bottom
{
    color:white;
    background-color:rgba(255,255,255,0.4);
    height:1.5rem;
    line-height:1.25rem;
    text-align:right;
    padding:0 2rem;
    position:relative;
}
span.bottom>span
{
    position:absolute;
    right:0.5rem;
    top:-0.15rem;
    font-size:3rem;
}

.login>.card-block
{
    border:1px solid #555;
    -webkit-border-image: url(../images/line.gif) 30 round; /* Safari 3.1-5 */
    -o-border-image: url(../images/line.gif) 30 round; /* Opera 11-12.1 */
    border-image: url(../images/line.gif) 30 round;
	padding-top: 15px;
}
.login label{
	font-size: 14px;
    color: #000;
    text-align: left;
    width: 83%;
    display: block;
    margin: 0 auto;
}
.login>.card-header
{
    background-color: transparent;
    border: 0px;
    font-size:14px;
    color:rgb(45,75,103);
    font-weight:bold;
	padding-bottom: 15px;
}
.card.login
{
    border: none;
	text-align: center;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 800px;
	margin: 0 auto;
}
.card.login .validate{
	display: block;
    width: 80%;
	margin: 0 auto;
    padding: 0rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.forgot-link>a
{
    color: #647e9d;    
    font-size: 13px;
    background: url(../images/help-icon.gif) no-repeat right top;
    padding: 3px 25px 30px 0;
    text-decoration: none;
}
.forgot-link>a:hover
{
    text-decoration:underline;
}
.forgot-link
{
    padding: 7px 15px 0 14px;
}
div.container {
    width: 80%;
}
.table>tbody>tr>td
{
    padding:6px;
}
.scroll
{
    height:65vh;
    overflow-y:scroll;
    overflow-X:hidden;
    -webkit-overflow-scrolling: touch;  /*fix scrolling issue on ios, when pressing on an input*/
}
.card-block {
    padding:0.25rem;
}

.allprograms{
	display: flex;
    clear: both;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: center;
}

.allprograms section{
	width: 26%;
	height: 300px;	
	border: 1px solid black;
	margin: 0px 2% 15px 2%;
}

/* (A) LIST STYLES */
.slist {
	list-style: none;
	padding: 0;
	margin: 0;
  }
  .slist li {
	margin: 10px;
	padding: 15px;
	border: 1px solid #dfdfdf;
	background: #f5f5f5;
  }
  
  /* (B) DRAG-AND-DROP HINT */
  .slist li.hint {
	border: 1px solid #ffc49a;
	background: #feffb4;
  }
  .slist li.active {
	border: 1px solid #ffa5a5;
	background: #ffe7e7;
  }

@media only screen and (max-width: 1450px){
	.container {
		width: 80%;
	}
}

@media only screen and (max-width: 1200px){
	.container {
		width: 88%;
	}
}

@media only screen and (max-width: 1090px){
	nav ul a {
		padding: 0 10px;
	}

	.container {
		width: 92%;
	}
}

@media only screen and (max-width: 992px){
	nav .brand-logo {
		display: block;
		float: left;
		width: 100%;
		left: auto;
		position: relative;
    text-align: center;
    margin: 0 auto;
	    left: 0%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
	}
	
	nav .black-text.right{
		float: left !important;
		clear: both;
		margin: 0 auto;
		width: 100%;
		text-align: center;
		margin-top: -30px;
	}
	
	.sidenav-trigger{
		
		margin-top: -80px !important;
		margin-left: -20px !important;
	}
}

@media only screen and (max-width: 780px){
	
	
	nav .brand-logo img {
		width: 100%;
		margin-left: 53px;
	}
	
	.card.login{
		width: 100%;
	}
}