
.follow-hook-tabs{height:45px;border-bottom:1px solid #d1d1d1;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

/* Style the tab */
.follow-hook-tabs .tab {display:block;font-size:14px;line-height:24px;text-decoration:none;color:#333;}

/* Style the buttons inside the tab */
.follow-hook-tabs span , .follow-hook-tabs .tab span {padding:14px 16px 0 16px;height:29px;background:#f9f9f9;float:left;border: 1px solid #d1d1d1;outline: none;cursor: pointer;transition: 0.3s;font-size:17px;color: #888;margin:0 7px 0 0;-webkit-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;}
.follow-hook-people .follow-hook-tabs span, .follow-hook-people .follow-hook-tabs .tab span {background:#f9f9f9;}

/* Change background color of buttons on hover */
.follow-hook-tabs span:hover, .follow-hook-tabs .tab span:hover {background:#f1f1f1;color:#000000;border-bottom:0;-webkit-box-shadow:none;box-shadow:none}

/* Create an active/current tablink class */
.follow-hook-tabs span.active, .follow-hook-tabs .tab span.active {border-bottom:1px solid #f1f1f1;background: #f1f1f1;color:#000;}
.follow-hook-people .follow-hook-tabs span.active, .follow-hook-people .follow-hook-tabs .tab span.active {background: #fff;border-bottom:1px solid #fff;}

/* Style the tab content */
.tabcontent {display: none;padding: 0;border-top: none;}

/* END DEFAULT TAB STYLES....from here down is custom styles added by Ian L. for content within the tabs:*/
.field-head{
	font-weight:bold;
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

#ui-datepicker-div{
	/*top:25px !important; fixes datetimepicker but breaks datepicker! */
}

/*** 500px ***/
@media screen and (max-width:500px) {
.follow-hook-tabs{height:100%;border-bottom:none;}
.follow-hook-people .follow-hook-tabs span.active, .follow-hook-people .follow-hook-tabs .tab span.active {border-bottom:1px solid #d1d1d1;}
.follow-hook-tabs span , .follow-hook-tabs .tab span {padding:14px 16px 7px 16px;height:25px;border: 1px solid #d1d1d1;font-size:18px;margin:0 7px 11px 0;-webkit-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;}
.follow-hook-tabs span:hover, .follow-hook-tabs .tab span:hover {background:#f1f1f1;color:#000000;border-bottom:1px solid #d1d1d1;}

}
