/** MOBILE CSS **/
	/*********************************************************/
	@font-face {
	    font-family: 'bahasenormal';
	    src: url('fonts/bahase-webfont.eot');
	    src: url('fonts/bahase-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/bahase-webfont.woff2') format('woff2'),
	         url('fonts/bahase-webfont.woff') format('woff'),
	         url('fonts/bahase-webfont.ttf') format('truetype'),
			 url('fonts/bahase-webfont.svg#bahasenormal') format('svg');
	}
	
	/*********************************************************/
	
	html {
		  height: 100%;
		  font-family: 'bahasenormal';
	}
	
	html,
	body {
		margin: 0px; padding-top: 0px;
		align:center;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		font-family: Arial, Helvetica, Sans-serif;
	}
	
	/***** HEADER STYLE ******/
	.header_cont{
		font-size: 15px;
		font-weight:bold;
		color:#ffffff;
	}
	
	.header_date_time{
		text-align:center;
		font-size: 11px;
		color:#FBFDE0;
	}
	
	.crf_enrolment_title{
		font-size: 15pt;
		font-weight: bold;
		color: #ffffff;
	}
	
	.section_header{
		font-size: 16px;
		font-weight:bold;
		color:#BA0113;	
		background-color: #FDE8E5;
	}
	
	.section_header_inner{
		font-size: 15px;
		font-weight:bold;
		color:#BA0113;	
		background-color: #FDE8E5;
	}
	
	.section_header_inner_sub{
		font-size: 13px;
		font-weight:bold;
		color:#BA0113;
		background-color: #FBF5F4;
	}
	
	/***** HEADER STYLE ******/
	
	/* CRF STATUS BAR */	
	#myProgress {
	    width: 100%;
	    background-color: #fff0f0;
		border-style: outset;
		padding: 0px;
		border: 1px solid rgba(0,0,0,.6);
	}
	#crfStatusBar {
	    width: 1%;
	    height: 25px;
	    background-color: #FF3622;
	}
	
	/* CRF STATUS BAR */
	
	.container {
		margin: 0px auto; padding: 0px 0px; width: 100%;
		position: relative; max-width: 100%; box-sizing: border-box;
		min-height: 100%;
		border-bottom: 0px solid rgba(0,0,0,.03);
		border-top: 1px solid rgba(0,0,0,.03);
		background-color: #ffffff;
	}
	
	.column {
		width: 100%; float: left; box-sizing: border-box;		
	}
	.columns {
		width: 100%; float: left; box-sizing: border-box;
		padding: 0px 0px 0px 0px; 	
	}
	
	svg:not(:root) {
	  overflow: hidden;
	}
	
	.header {
		padding:3px 13px 3px 20px;
		order-bottom: 6px solid #F40019;
		background-color: #BA0113;
		background-image: url(../images/header.png);
	}
	
	.body {
		padding:0px;
		padding-bottom:0px;	/* Height of the footer */		
	}
	
	.footer {
		position:relative;
		bottom:0px;
		width:100%;
		margin:0.2px;
		border-top: 1px solid rgba(0,0,0,.03);
		background-color: #BA0113;		
	}
	
	.Login_Header {
		font-size: 16pt;
		font-weight: bold;
		color: #581212;
		letter-spacing: 0.5pt;
		font-family: 'bahasenormal';
	}
	
	.login_img_center {
		position: relative;
		height:100%;
		align:center;
		vertical-align: middle;
		text-align: center;
	}
	
	.textbox{
		display: inline-block;
		height: 25px;
		padding: 0 8px;
		color: #ffffff;
		text-align: center;
		color: #BA0113;
		background-repeat:repeat-x;
		font-size: 10px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: .1rem;
		text-transform: uppercase;
		text-decoration: none;
		white-space: nowrap;
		border-radius: 4px; border: 1px solid rgba(0,0,0,.10);
	}
	
	.text_content_big {
		font-size: 16pt;
		letter-spacing: 1pt;
		font-weight: 700;
	}
	
	.text_content_mid {
		padding:2px;
		font-size: 10pt;
		text-align:center;
		border-bottom: 1px solid rgba(0,0,0,.03);
		font-weight: 700;
	}
	
	.text_content_mid2 {
		font-size: 1.15em;
		letter-spacing: 0pt;
		font-weight: 700;
	}
	
	.text_content_mid3 {
		font-size: 1.05em;
		font-weight: 700;
		letter-spacing: 0.75pt;
		text-align:left;
	}
	
	.text_content_mid_small {
		font-size: 1.1em;
		text-align:left;
	}
	
	.text_content_middle {
		font-size: 1.05em;
		text-align:left;
	}
	
	.text_content_small {
		padding:2px;
		font-size: 1em;
	}
	
	.text_content_tiny {
		padding:2px;
		font-size: 1em;
	}
	
	.text_content_security_guard_head {
		color: #86020F;
		font-size: 8pt;		
	}
	
	.text_content_security_guard {
		color: #BA0113;
		font-size: 8pt;		
	}
	
	.text_content_med {
		padding-top:8px;
		font-size: 0.70rem;
		text-align:left;
	}
	
	.text-med {
		font-size: 0.85rem;
	}
	.text-small {
		font-size: 0.70rem;
	}
	.text-tiny {
		font-size: 0.60rem;
	}
	.text-center {
		text-align: center;
	}
	.text-left {
		text-align: left;
	}
	.text-right {
		text-align: right;
	}
	
	.redAlert_margin_text{
		color: red;	
	}
	
	.redAlert_text_small {
		font-family:Arial;  
		font-size: 8pt; 
		font-weight: normal; 
		color:red; 
	}
	
	.greenAlert_text{
		color: green;	
	}
	
	.greenAlert_text.text_content_small {
		padding:2px;
		font-size: 10pt;		
	}
	
	.body_inner_container {
		background-color: #ffffff;
		padding: 6px;
		font-size:11px;		
		border-left: 1px solid rgba(0,0,0,.03);
		border-bottom: 1px solid rgba(0,0,0,.03);
		border-top: 1px solid rgba(0,0,0,.03);
		border-right: 1px solid rgba(0,0,0,.03);
	}
	
	/* Home Table Content */
	.dashboard_cont_tab {
		padding: 30px 10px; 
		border-bottom: 1px solid rgba(0,0,0,.03);
	}
		
	.grey-back {
		background-color: rgb(250, 250, 251);
	}
	
	.tabs-container {
		padding:10px; margin:10px; margin-right: auto; margin-left: auto; max-width: 100%;
		background-image: url(../images/bk.jpg);
		background-repeat:no-repeat;
		background-position:center;
	}
	
	section {
		display: block;		
	}
	
	sec_tion {
		display: block;		
	}
	
	crf_part_sec_tion{
		display: block;		
	}
	
	.dashboard-head {
		margin: 1px; padding: 3px 2px 1px 10px; border-radius: 2px; color: #902833;
		background-image: url(../images/lbinv.gif);
		height:25px;
		font-size: 13px;
		font-weight:bold;
	}
	
	.clinicaltrials-block {
		padding: 2px 0px 3px 1px;
	}
	
	.clinicaltrials-list {
		padding: 5px 0px 0px 12px;
		border-bottom: 1px solid rgba(0,0,0,.03);
	}
	
	.content_fix {
		padding: 5px 0px 0px 4px;		
	}
	
	.total-patients {
		padding: 12px 0px 3px 12px;
	}
	
	.tiny_val{
		font-size: 0.70rem;
	}
	
	.tabs-wrapper {
		border-radius: 2px; 
		border: 1px solid rgba(0,0,0,.03); border-image: none; background-color: white;
	}
	
	.dashboard-whole-tabs-wrapper {
		border-radius: 2px; border: 1px solid rgba(0,0,0,.03); background-color: transparent;
	}
	
	.launchcrf-whole-tabs-wrapper {
		border-radius: 2px; border: 0px solid rgba(0,0,0,.03); border-image: none; background-color: white;
	}
	
	.dashboard-loginpage-wrapper {
		border: 0px solid rgba(0,0,0,.03); background-color: transparent;		
	}
	
	.show_bk_image{
		background-image: url(../images/bk.jpg);background-repeat:no-repeat;background-position:center;
		position:relative;
		background-z-index: +1;
	}
	
	.crf_section {
		padding:0px 2px 0px 2px;
	}
	
	.crf_part_number_text {
		font-size: 12pt;
		letter-spacing:0px;
		background-image:URL(../images/lbinv.gif);
		font-family: "Arial";
		font-weight: bold;
	}
	
	.tblRow1{
		background-color: #FFEAE8;
	}
	
	.tblRow2{
		background-color: #FFFFFF;
	}
	
	.tblRow3{
		background-color: #FFEAE8;
	}
	
	/*========================Virtual Keyboard================*/
	
	.keyboard-btn {
		background-image: url(../images/login_board.gif);
		background-repeat: no-repeat;
		background-position: left top;
		float: left;
		height: 22px;
		width: 23px;
		cursor:pointer;
	}
	
	.keyboard-box1 {
		height: 22px;
		padding-left: 35px;
	}
	
	.keyboard-box2 {
		height: 22px;
		padding-left: 12px;
	}
	
	.keyboard-box3 {
		height: 22px;
		padding-left: 12px;
	}
	
	.keyboard-box4 {
		height: 22px;
		padding-left: 12px;
		padding-top: 1px;
	}
	
	.keyboard-box5 {
		height: 22px;
		padding-left: 35px;
		padding-top: 1px;
	}
	
	.keyboard-box6 {
		height: 22px;
		padding-left: 48px;
		padding-top: 1px;
	}
	
	.keyboard-box7 {
		height: 22px;
		padding-left: 71px;
		padding-top: 1px;
	}
	
	.without_keyboard-btn {
		background-image: url(../images/login_board_hidden.gif);
		background-repeat: no-repeat;
		background-position: left top;
		float: left;
		height: 22px;
		width: 23px;
		cursor:none;
	}
	
	/***************** USER REPORT ********************/
	.crf_part_number_rep_head{
		margin-left: 5px; margin-top: 5px; margin-bottom: 5px;
		font-size: 12px;
		color: #BA0113;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	.usertitle2{
		font-size: 8pt;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	/***************** USER REPORT ********************/	
	
	@media all and (min-width:550px)
	{
		.one-fifth.column {
			width: 18.4%; margin-left: 2%;
		}
		:first-child.one-fifth.column {
			margin-left: 0%;
		}
		.dashboard-columns.column {
			width: 32%; margin-left: 1.66%;
		}
		:first-child.dashboard-columns.column {
			margin-left: 0.32%;
		}
		.launchcrf-tabs {
			width: 19% !important; 
			margin-top: 15px !important;
			margin-bottom: 15px !important;
		}
		.launch-columns.column {
			width: 19%; margin-left: 3.66%;
		}
		:first-child.launch-columns.column {
			margin-left: 6.32%;			
		}
		
		.userlogstat-columns.column {
			width: 30%; margin-left: 3.66%;
		}
		.userlogstat-tabs {
			width: 25% !important; 
			margin-top: 15px !important;
			margin-bottom: 15px !important;
		}
		:first-child.userlogstat-columns.column {
			margin-left: 6.32%;
		}
	}
	
	@media only screen and (max-width:1150px)
	{
		.dashboard-tabs {
			width: 100% !important; margin-top: 20px !important;
		}
		.login-tabs {
			width: 100% !important; margin-top: 20px !important;
		}
		.dashboard-wrapper {
			border-radius: 2px; margin-right: auto; margin-left: auto; max-width: 420px;
		}
		.launchcrf-tabs {
			width: 19% !important; margin-top: 5px !important;
		}
		.userlogstat-tabs {
			width: 25% !important; 
			margin-top: 15px !important;
			margin-bottom: 15px !important;
		}
	}
	
	@media only screen and (max-width:550px){
		.tot_pts {
			text-align: left !important;
		}
		.launch-columns.column {
			width: 6%; margin-left: 2.66%;			
		}
		:first-child.launch-columns.column {
			margin-left: 2.32%;			
		}
		.launchcrf-tabs {
			width: 55% !important; margin-top: 5px !important;
		}	
		.launch-columns.column {
			width: 40%; margin-left: 3.66%;
		}
		.userlogstat-columns.column {
			width: 30%; margin-left: 3.66%;
		}
		:first-child.launch-columns.column {
			margin-left: 6.32%;
		}
		.userlogstat-tabs {
			width: 25% !important; 
			margin-top: 15px !important;
			margin-bottom: 15px !important;
		}
	}
	
	@media only screen and (max-width:480px){
		.tot_pts {
			text-align: left !important;
		}
		.launch-columns.column {
			width: 6%; margin-left: 2.66%;			
		}
		:first-child.launch-columns.column {
			margin-left: 2.32%;			
		}
		.launchcrf-tabs {
			width: 65% !important; margin-top: 5px !important;
		}	
		.launch-columns.column {
			width: 65%; margin-left: 3.66%;
		}
		:first-child.launch-columns.column {
			margin-left: 6.32%;
		}
		.userlogstat-columns.column {
			width: 65%; margin-left: 3.66%;
		}
		.userlogstat-tabs {
			width: 50% !important; 
			margin-top: 15px !important;
			margin-bottom: 15px !important;
		}
	}
	
	/* other non-essential CSS */
	.header p,
	.header h1 {
		margin:0;
		padding:10px 0 0 10px;
	}
	
	.footer p {
		margin:0;
		text-align:center;		
		font-size: 1.15em;
		font-weight:normal;
		padding: 4px 4px 4px 4px;
		color:#ffffff;
	}
	
	/* Table of contents
		- Grid
		- Base Styles
		- Typography
		- Links
		- Buttons
		- Forms
		- Lists
		- Code
		- Tables
		- Spacing
		- Utilities
		- Clearing
		- Media Queries
	*/
	
	/*
	 * Responsive Tables plugin 2.0.0
	 * Ryan Wells 
	 * Copyright 2017, Ryan Wells (http://ryanwells.com)
	 * Free to use under the MIT license.
	 * http://www.opensource.org/licenses/mit-license.php
	*/
	div.table_container {
		width:99%;
		padding-left:5px;
		align:center;
		padding-bottom:10px;
	}
	
	table {
		border-spacing: 1;
		border-collapse: collapse;
		border-radius: 3px;
		width: 100%;
	}
		
	table#tab_id {
		text-align:center; 
		margin-left:auto;
		margin-right:auto;
	}
	
	table#tab_id_noborder {
		text-align:center; 
		margin-left:auto; 
		margin-right:auto;
		border:0px;		
	}
	
	thead{ 
		background-image: url(../images/lbinv.gif);
		font:85%/1 arial,sans-serif;
		color:rgba(0,0,0,.6);
		text-align:left;
	}
	
	th{
		border-left:1px solid rgba(0,0,0,0.13);
		font-size: 8pt;
		text-align:center;
		height:25px;
		border-bottom:1px solid rgba(0,0,0,0.13);
	}
	
	tbody td{
		height:30px;
		text-align:left;
		vertical-align:middle;
		font-size:8pt;
		border-bottom: 1px solid rgba(0,0,0,0.13);
	}
	
	th, td:last-child {
		border-left:1px solid rgba(0,0,0,0.13);text-align:left;
		border-right: 1px solid rgba(0,0,0,0.13);
	}
	
	th, td:first-child {
		border-left:1px solid rgba(0,0,0,0.13);text-align:left;
		border-right: 1px solid rgba(0,0,0,0.13);
	}
	
	/** Bordered Table CSS **/
	.bordered {
	    border: solid rgba(0,0,0,0.13) 1px;
	    -moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	    border-radius: 6px;
	    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.13); 
	    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.13); 
	    box-shadow: 0 1px 1px rgba(0,0,0,0.13);
	}
	
	/*.bordered tr:hover {
	    -o-transition: all 0.1s ease-in-out;
	    -webkit-transition: all 0.1s ease-in-out;
	    -moz-transition: all 0.1s ease-in-out;
	    -ms-transition: all 0.1s ease-in-out;
	    transition: all 0.1s ease-in-out;     
	} */   
	    
	.bordered th {
		background-image: url(../images/lbinv.gif);
		color:rgba(0,0,0,0.7);
	    border-left: 1px solid rgba(0,0,0,0.13);
	    border-top: 1px solid rgba(0,0,0,0.13);
		font-size: 1.15em;
		padding: 2px;
	    text-align: center;
		height:24px;
	}
	
	.bordered td {
		color:rgba(0,0,0,.6);
	    border-left: 1px solid rgba(0,0,0,0.13);
	    padding: 2px;
		font-size: 1em;
	    height:25px;
		border-bottom: 1px solid rgba(0,0,0,0.13);
	}
	
	.bordered td:first-child, .bordered th:first-child {
	    border-left: 1px solid rgba(0,0,0,0.13);
		text-align: left;
	}
	
	.bordered td:last-child, .bordered th:last-child {
		border-left: 1px solid rgba(0,0,0,0.13);
	    border-right: 1px solid rgba(0,0,0,0.13);
	}
	
	.bordered th:first-child {
	    -moz-border-radius: 6px 0 0 0;
	    -webkit-border-radius: 6px 0 0 0;
	    border-radius: 6px 0 0 0;
		text-align: left;
	}
	
	.bordered th:last-child {
	    -moz-border-radius: 0 6px 0 0;
	    -webkit-border-radius: 0 6px 0 0;
	    border-radius: 0 6px 0 0;
		text-align: center;
	}
	
	.bordered th:only-child{
	    -moz-border-radius: 6px 6px 0 0;
	    -webkit-border-radius: 6px 6px 0 0;
	    border-radius: 6px 6px 0 0;
	}
	
	.bordered tr:last-child td:first-child {
	    -moz-border-radius: 0 0 0 6px;
	    -webkit-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
		text-align: left;
	}
	
	.bordered tr:last-child td:last-child {
	    -moz-border-radius: 0 0 6px 0;
	    -webkit-border-radius: 0 0 6px 0;
	    border-radius: 0 0 6px 0;
	}
	
	/** Bordered Table CSS **/
	.pure-table {
		width:100%;align:center;border-collapse:collapse;border-spacing:0;empty-cells:show;
		border:1px solid #cbcbcb;text-align:center;font:85%/1 arial,sans-serif;
	}
	
	.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}
	
	.pure-table td,
	.pure-table th{
		border-left:1px solid rgba(0,0,0,0.25);
		font-size:11px;margin:2;overflow:visible;padding:.3em 1em;
		border-bottom: 1px solid rgba(0,0,0,0.25);
	}
	.pure-table td:first-child,.pure-table th:first-child{
		text-align:left;
		border-left: 1px solid rgba(0,0,0,0.25);
	    border-right: 1px solid rgba(0,0,0,0.25);
	}
	
	.pure-table thead{
		color:#000;text-align:center;text-align:left;
		background-image: url(../images/lbinv.gif);
	}
	
	.pure-table td{
		height:30px;text-align:center;
	}
	
	.pure-table th, td:last-child {
		border-left: 1px solid rgba(0,0,0,0.25);
	    border-right: 1px solid rgba(0,0,0,0.25);
	}
	
	/* Base Styles  */
	/* NOTE html is set to 62.5% so that all the REM measurements GULF-ACTION are based on 10px sizing. So basically 1.5rem = 15px :) */
	html {
	  font-size: 62.5%;	  
	}
		  
	body {
	  line-height: 1.4;
	  color: #444444;
	}
	
	/* Typography */
	h1, h2, h3, h4, h5, h6 {
	  margin-top: 0;
	  margin-bottom: 2rem;
	  font-weight: 300; }
	h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;	}
	h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; 	}
	h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; 	}
	h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
	h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
	h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; 		}
	
	p { margin-top: 0; }
	
	/* Links*/
	a {
		color: #0FA0CE;
	}
	a:hover {
	  color: #0DA0ED; }
	
	/* Buttons */
	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	  display: inline-block;
	  height: 25px;
	  padding: 6px 9px;
	  color: #ffffff;
	  text-align: center;
	  background-image: url(../images/button_bk.gif);
	  background-repeat:repeat-x;
	  font-size: 10px;
	  border-bottom-left-radius:6px!important;
	  border-bottom-right-radius:6px!important;
	  border-top-left-radius:6px!important;
	  border-top-right-radius:6px!important;
	  font-weight: 600;
	  line-height: 6px;
	  letter-spacing: 0.05rem;
	  text-transform: uppercase;
	  text-decoration: none;
	  white-space: nowrap;
	  background-color: transparent;
	  border: 1px solid #BA0113;
	  cursor: pointer;
	  box-sizing: border-box; }
	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	.button:focus,
	button:focus,
	input[type="submit"]:focus,
	input[type="reset"]:focus,
	input[type="button"]:focus {
	  color: #ffffff;
	  border-color: #888;
	  outline: none !important;
	}
	.button.button-primary,
	button.button-primary,
	input[type="submit"].button-primary,
	input[type="reset"].button-primary,
	input[type="button"].button-primary {
	  color: #FFFfff;
	  background-color: #33C3F0;
	  border-color: #33C3F0; }
	.button.button-primary:hover,
	button.button-primary:hover,
	input[type="submit"].button-primary:hover,
	input[type="reset"].button-primary:hover,
	input[type="button"].button-primary:hover,
	.button.button-primary:focus,
	button.button-primary:focus,
	input[type="submit"].button-primary:focus,
	input[type="reset"].button-primary:focus,
	input[type="button"].button-primary:focus {
	  color: #FFF;
	  background-color: #1EAEDB;
	  border-color: #1EAEDB; }
	
	/* Forms */
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="text"],
	input[type="tel"],
	input[type="url"],
	input[type="password"] {
	  height: 18px;
	  padding: 2px 5px; /* The 6px vertically centers text on FF, ignored by Webkit */
	  border-bottom: 1px solid rgba(0,0,0,.6);
	  border-radius: 6px;
	  box-shadow: 1px 1px 1px rgba(0,0,0,.7);
	  box-sizing: border-box; 
	  font-family: Arial, Helvetica, Sans-serif;
	  font-size: 9pt;
	  color:#581212;
	  border-radius:5px!important;
	  /*border-bottom-left-radius:1px!important;
	  border-bottom-right-radius:1px!important;*/
	}
	
	/*select {
	  height: 25px;
	  border: 1px solid rgba(0,0,0,.6);
	  border-radius: 2px;
	  box-shadow: 1px 1px 1px rgba(0,0,0,.9);
	  box-sizing: border-box; 
	}*/
	
	select{
		height:25px;
		font-size: 9pt;
	    color:#581212;
		font-family: Arial, Helvetica, Sans-serif;
		border-radius:6px!important;
		/*border-bottom-left-radius:2px!important;
		border-bottom-right-radius:2px!important;*/
		box-shadow: 1px 1px 1px rgba(0,0,0,.9);
	  	box-sizing: border-box;
	}
	
	/* Removes default styles on some inputs for iOS */
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="text"],
	input[type="tel"],
	input[type="url"],
	input[type="password"]{
	  -webkit-appearance: none;
	     -moz-appearance: none;
	          appearance: none; }
	textarea {
	  min-height: 50%;
	  min-width: 50%;	  
	  padding-top: 3px;
	  padding-bottom: 3px; }
	
	input[type="email"]:focus,
	input[type="number"]:focus,
	input[type="search"]:focus,
	input[type="text"]:focus,
	input[type="tel"]:focus,
	input[type="url"]:focus,
	input[type="password"]:focus,
	textarea:focus,
	select:focus {
	  border: 1px solid #33C3F0;
	  outline: 0; }
	label,
	legend {
	  display: block;
	  margin-bottom: .5rem;
	}
	fieldset {
	  padding: 0;
	  border-width: 0; 
	  font:110% arial,sans-serif;
	}
	input[type="checkbox"]{
  	  display: inline; 
	  margin-left: 0.2rem;
	}
	input[type="radio"] {
	  display: inline; 
	  margin-left: 0.2rem;
	}
	label > .label-body {
	  display: inline-block;
	  margin-left: .5rem;
	}
	
	/* Code */
	code {
	  padding: .2rem .5rem;
	  margin: 0 .2rem;
	  font-size: 90%;
	  white-space: nowrap;
	  background: #F1F1F1;
	  border: 1px solid #E1E1E1;
	  border-radius: 4px; 
	}
	pre > code {
	  display: block;
	  padding: 1rem 1.5rem;
	  white-space: pre; }
	
	/* Spacing */
	button,
	.button {
	  margin-bottom: 1rem; }
	input,
	textarea,
	select,
	fieldset {
	  margin-bottom: 1.5rem; 
	}
	pre,
	blockquote,
	dl,
	figure,
	table,
	p,
	form {
	  margin-bottom: 2.5rem; }
	
	/* Utilities */
	.u-full-width {
	  width: 100%;
	  box-sizing: border-box; }
	.u-max-full-width {
	  max-width: 100%;
	  box-sizing: border-box; }
	.u-pull-right {
	  float: right; }
	.u-pull-left {
	  float: left; }
	
	/* Misc */
	hr {
	  margin-top: 3rem;
	  margin-bottom: 3.5rem;
	  border-width: 0;
	  border-top: 1px solid #E1E1E1; 
	}
	
	/* Clearing */
	
	/* Self Clearing Goodness */
	.container:after,
	.row:after,
	.u-cf {
	  content: "";
	  display: table;
	  clear: both; 
	}
	
	/**
	 * Address differences between Firefox and other browsers.
	 */
	
	hr {
	  -moz-box-sizing: content-box;
	  box-sizing: content-box;
	  height: 0;
	}
	
	/**
	 * Contain overflow in all browsers.
	 */
	
	pre {
	  overflow: auto;
	}
		
	/* Media Queries */
	/*
	Note: The best way to structure the use of media queries is to create the queries
	near the relevant code. For example, if you wanted to change the styles for buttons
	on small devices, paste the mobile query code up in the buttons section and style it
	there.
	*/
	.parent_top { 
    /* height can be whatever you want, also auto if you want a child div to be responsible for the sizing */ 
	    
		margin: 0px; padding-top: 0px;
		align:center;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		
		align:center;
		vertical-align: middle;
  		text-align: center;
	}
	
	.parent_outside_top { 
    /* height can be whatever you want, also auto if you want a child div to be responsible for the sizing */ 
	    
		margin: 0px; padding-top: 0px;
		align:center;
		height: 68vh;
		
		vertical-align: middle;
  		text-align: center;
	}
	
	.center-me { 
	    position: relative;
	    top: 50%;
		transform: translateY(-50%);
	    /* prefixes needed for cross-browser support */
	    -ms-transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
		width: 100%;
	}
		
	/* For devices larger than 400px */
	@media (min-width: 400px) {
	  	.container {
	   		width: 99.8%;
	    	padding: 0; 
	  	}
	}
	
	/* For devices larger than 550px */
	@media (min-width: 550px) {
	  
	  .container { width: 99.9%;		}	/* PAGE WHOLE WIDTH ADJUSTMENT */
	  .column,
	  .columns {
	    margin-left: 4%; }
	  .column:first-child,
	  .columns:first-child {
	    margin-left: 0; }
	
	  .one.column,
	  .one.columns                    { width: 4.66666666667%; }
	  .two.columns                    { width: 13.3333333333%; }
	  .three.columns                  { width: 22%;            }
	  .four.columns                   { width: 30.6666666667%; }
	  .five.columns                   { width: 39.3333333333%; }
	  .six.columns                    { width: 48%;            }
	  .seven.columns                  { width: 56.6666666667%; }
	  .eight.columns                  { width: 65.3333333333%; }
	  .nine.columns                   { width: 74.0%;          }
	  .ten.columns                    { width: 82.6666666667%; }
	  .eleven.columns                 { width: 91.3333333333%; }
	  .twelve.columns                 { width: 100%; margin-left: 0; }
	
	  .one-third.column               { width: 30.6666666667%; }
	  .two-thirds.column              { width: 65.3333333333%; }
	
	  .one-half.column                { width: 48%; }
	
	  /* Offsets */
	  .offset-by-one.column,
	  .offset-by-one.columns          { margin-left: 8.66666666667%; }
	  .offset-by-two.column,
	  .offset-by-two.columns          { margin-left: 17.3333333333%; }
	  .offset-by-three.column,
	  .offset-by-three.columns        { margin-left: 26%;            }
	  .offset-by-four.column,
	  .offset-by-four.columns         { margin-left: 34.6666666667%; }
	  .offset-by-five.column,
	  .offset-by-five.columns         { margin-left: 43.3333333333%; }
	  .offset-by-six.column,
	  .offset-by-six.columns          { margin-left: 52%;            }
	  .offset-by-seven.column,
	  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
	  .offset-by-eight.column,
	  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
	  .offset-by-nine.column,
	  .offset-by-nine.columns         { margin-left: 78.0%;          }
	  .offset-by-ten.column,
	  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
	  .offset-by-eleven.column,
	  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }
	
	  .offset-by-one-third.column,
	  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
	  .offset-by-two-thirds.column,
	  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }
	
	  .offset-by-one-half.column,
	  .offset-by-one-half.columns     { margin-left: 52%; }
	
	}
		
	/* Larger than phablet */
	@media (min-width: 550px) {
	  h1 { font-size: 5.0rem; }
	  h2 { font-size: 4.2rem; }
	  h3 { font-size: 3.6rem; }
	  h4 { font-size: 3.0rem; }
	  h5 { font-size: 2.4rem; }
	  h6 { font-size: 1.5rem; }	  
	}
	
	@media only screen and (max-width:575px){
		.launchcrf-tabs {
			width: 55% !important; 
			margin-top: 15px !important;
			margin-bottom: 15px !important;
		}
		.launch-columns.column {
			width: 55%; margin-left: 3.66%;
		}
		:first-child.launch-columns.column {
			margin-left: 3.66%;			
		}
		.userlogstat-columns.column {
			width: 55%; margin-left: 3.66%;
		}
		.userlogstat-tabs {
			width: 50% !important; 
			margin-top: 15px !important;
			margin-bottom: 15px !important;
		}		
	}
	
	@media only screen and (max-width:1079px) and (min-width:570px){
		.launchcrf-tabs {
			width: 40% !important; 
			margin-top: 15px !important;
			margin-bottom: 15px !important;
		}
		.launch-columns.column {
			width: 40%; margin-left: 3.66%;
		}
		:first-child.launch-columns.column {
			margin-left: 3.66%;			
		}
		.userlogstat-columns.column {
			width: 40%; margin-left: 3.66%;
		}
		.userlogstat-tabs {
			width: 40% !important; 
			margin-top: 15px !important;
			margin-bottom: 15px !important;
		}
		#REGISTRY_INFO	{ display: block; padding-top:25px; }
	}
	
	/* Larger than Desktop HD */
	@media only screen and (min-width: 1080px) {
		.launchcrf-tabs {
			width: 19% !important; 
			margin-top: 15px !important;
			margin-bottom: 15px !important;
		}
		.launch-columns.column {
			width: 19%; margin-left: 3.66%;
		}
		:first-child.launch-columns.column {
			margin-left: 3.66%;			
		}
		.userlogstat-columns.column {
			width: 30%; margin-left: 3.66%;
		}
		.userlogstat-tabs {
			width: 25% !important; 
			margin-top: 15px !important;
			margin-bottom: 15px !important;
		}
		#REGISTRY_INFO	{ display: block; padding-top:50px; }
	}
	
	@media only screen and (min-width : 800px) and (max-width : 1024px) {
		html{ font-size: 80%; }
		.footer { font-size: 80%;}
		
		#REG_INFO 		{ padding-left:110px; }
		#REGISTRY_INFO	{ display: block; }
		#date_time 		{ display: block; }
	}
	
	@media only screen and (min-width : 769px) and (max-width : 799px) and (orientation : portrait) {
		html{ font-size: 80%; }
		.footer { font-size: 80%;}
		
		#REG_INFO 		{ padding-left:210px; }
		#REGISTRY_INFO	{ display: block; }
		#date_time 		{ display: block; }
	}
	
	@media only screen and (min-width : 769px) and (max-width : 1024px) and (orientation : landscape) {
		html{ font-size: 80%; }
		.footer { font-size: 80%;}
		
		#REG_INFO 		{ padding-left:180px; }
		#REGISTRY_INFO	{ display: block; }
		#date_time 		{ display: block; }
				
	}
	
	@media only screen and (min-width : 481px) and (max-width : 530px) and (orientation : portrait)	{ 
		html{ font-size: 70%; }
		.footer { font-size: 90%;}
		
		#REG_INFO 		{ padding-left:50px;}
		#REGISTRY_INFO	{ display: block; padding-top:5px; }
		#date_time 		{ display: block; }
		
	}
	
	@media only screen and (min-width : 481px) and (max-width : 768px) and (orientation : landscape) { 
		html{ font-size: 70%; }
		.footer { font-size: 90%;}
		
		#REG_INFO 		{ padding-left:85px;}
		#REGISTRY_INFO	{ display: block; }
		#date_time 		{ display: block; }
		
		
	}
	
	@media only screen and (min-width : 321px) and (max-width : 568px) and (orientation : landscape) { 
		html{ font-size: 60%; }
		.footer { font-size: 90%;}
		
		#REG_INFO 		{ padding-left:27px;}
		#REGISTRY_INFO	{ display: block; padding-top:5px; }
		#date_time 		{ display: block; }
		
		
	}
	
	@media only screen and (min-width : 401px) and (max-width : 480px) and (orientation : portrait) { 
		html{ font-size: 65%; }
		.footer { font-size: 90%;}
		
		#REG_INFO 		{ padding-left:40px;}
		#REGISTRY_INFO	{ display: block; padding-top:5px; }
		#date_time 		{ display: block; }
		
		
	}
	
	@media only screen and (min-width : 401px) and (max-width : 480px) and (orientation : landscape) { 
		html{ font-size: 75%; }
		.footer { font-size: 90%;}
		
		#REG_INFO 		{ padding-left:40px;}
		#REGISTRY_INFO	{ display: block; padding-top:5px; }
		#date_time 		{ display: block; }
		
		.dashboard-columns.column {
			width: 22%; margin-left: 0.16%;
		}
	}
	
	@media only screen and (min-width : 321px) and (max-width : 400px) and (orientation : portrait) { 
		html{ font-size: 75%; }
		.footer { font-size: 90%;}
		
		#REG_INFO 		{ padding-left:40px;}
		#REGISTRY_INFO	{ display: block; padding-top:5px; }
		#date_time 		{ display: block; }
		
		.dashboard-columns.column {
			width: 12%; margin-left: 0.16%;
		}		
		
	}
	
	@media only screen and (max-width : 320px) and (orientation:portrait) {
		html{ font-size: 70%; }
		.footer { font-size: 80%;}
		
		#REG_INFO  		{ display: block; padding-left:2px; }
		#REGISTRY_INFO	{ display: block; padding-left:2px; }
		#date_time 		{ display: block; padding-left:2px; }
		
		.dashboard-columns.column {
			width: 32%; margin-left: 0.16%;
		}		
		
	}
	
	@media only screen and (max-width : 320px) and (orientation:landscape) { 
		html{ font-size: 70%; }
		.footer { font-size: 90%;}
		
		#REG_INFO  		{ display: block; padding-left:35px; 	}
		#REGISTRY_INFO	{ display: block; padding-left:5px; 	}
		#date_time 		{ display: block; padding-left:5px; 	}
	}
	
	@media only screen and (max-width : 176px) and (orientation:portrait) { 
		html{ font-size: 70%; }
		.footer { font-size: 90%;}
		
		#REG_INFO  		{ display: none; padding-left:5px; }
		#REGISTRY_INFO	{ display: none; padding-left:5px; }
		#date_time 		{ display: none; padding-left:5px; }		
		
	}
	
	@media (max-width:549px){
		.footer {display:block};
	}
	
	/********************************************************************************************/
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
		/* Styles */
		
	}
	
	/* Smartphones (landscape) ----------- */
	@media only screen and (min-width : 321px) {
		/* Styles */
	}
	
	/* Smartphones (portrait) ----------- */
	@media only screen and (max-width : 320px) {
		/* Styles */
	}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
		/* Styles */
		
	}
	
	/* iPads (landscape) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
		/* Styles */
	}
	
	/* iPads (portrait) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
		/* Styles */
	}
	/**********
	iPad 3
	**********/
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
		/* Styles */
	}
	
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
		/* Styles */
	}
	
	/* Desktops and laptops ----------- */
	@media only screen  and (min-width : 1224px) {
	
		/* Styles */
		html{ font-size: 80%; }
		.footer { font-size: 80%;}
		
		#REG_INFO 		{ padding-left:350px; 				}
		#REGISTRY_INFO	{ display: block; padding-left:5px; padding-top:50px; }
		#date_time 		{ display: block; }
		
	}
	
	/* Large screens ----------- */
	@media only screen  and (min-width : 1824px) {
		/* Styles */
	}
	
	/* iPhone 4 ----------- */
	@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
		/* Styles */
	}
	
	@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
		/* Styles */
	}
	
	/* iPhone 5 ----------- */
	@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
		/* Styles */
	}
	
	@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
		/* Styles */
	}
	
	/* iPhone 6 ----------- */
	@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
		/* Styles */
	}
	
	@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
		/* Styles */
	}
	
	/* iPhone 6+ ----------- */
	@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
		/* Styles */
	}
	
	@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
		/* Styles */
	}
	
	/* Samsung Galaxy S3 ----------- */
	@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
		/* Styles */
	}
	
	@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
		/* Styles */
	}
	
	/* Samsung Galaxy S4 ----------- */
	@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
		/* Styles */
	}
	
	@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
		/* Styles */
	}
	
	/* Samsung Galaxy S5 ----------- */
	@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
		/* Styles */
	}
	
	@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
		/* Styles */
	}
	/********************************************************************************************/