/** 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,body{font-family: Arial, Helvetica, Sans-serif;; height:100% !important;width:100% !important; margin:0px; padding:0px; font-size: 9pt; }
	.container {height: 500% !important; width: 100% !important;}
	
	/***** HEADER STYLE ******/
	.header_cont{		
		font-weight:bold;
		color:#ffffff;
	}
	
	.header_date_time{
		text-align:center;
		font-size: 12px;
		color:#FBFDE0;
	}
	
	.crf_enrolment_title{
		font-size: 15pt;
		font-weight: bold;
		color: #ffffff;
	}
	
	.section_header{
		font-size: 16px;
		font-weight:bold;
		color:#0075C8;	
		background-color: #FDE8E5;
	}
	
	.section_header_inner{
		font-size: 15px;
		font-weight:bold;
		color:#0075C8;	
		background-color: #FDE8E5;
	}
	
	.section_header_inner_sub{
		font-size: 13px;
		font-weight:bold;
		color:#0075C8;
		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: #0075C8;
		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;
		font-size:11px;
		border-top: 1px solid rgba(0,0,0,.03);
		background-color: #0E7DF7;
	}
	
	.Login_Header {
		font-size: 16pt;
		font-weight: bold;
		color: #0368B2;
		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: #0075C8;
		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);
	}
	
	.formfields {
		BORDER-RIGHT: rgba(0,0,0,.10) 1px solid; BORDER-TOP: rgba(0,0,0,.10) 1px solid; padding:2px; FONT-SIZE: 12px; MARGIN: 1px; BORDER-LEFT: rgba(0,0,0,.10) 1px solid; COLOR: #2E5F5B; BORDER-BOTTOM: rgba(0,0,0,.10) 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 22px; WIDTH: 175px; TEXT-ALIGN: left; TEXT-DECORATION: none
	}
	
	.text_content_big {
		font-size: 16pt;
		letter-spacing: 1pt;
		font-weight: 700;
	}
	
	.text_content_head {
		font-size: 16px;
		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: 11pt;
		letter-spacing: 0pt;
		font-weight: 700;
	}
	
	.text_content_mid3 {
		font-size: 10pt;
		font-weight: 700;
		letter-spacing: 0.75pt;
		text-align:left;
	}
	
	.text_content_mid_small {
		font-size: 11px;
		text-align:left;
	}
	
	.text_content_middle {
		font-size: 9.5pt;
		text-align:left;
	}
	
	.text_content_small {
		padding:2px;
		font-size: 9pt;
	}
	
	.text_content_tiny {
		padding:2px;
		font-size: 8pt;
	}
	
	.text_content_security_guard_head {
		color: #86020F;
		font-size: 8pt;		
	}
	
	.text_content_security_guard {
		color: #0075C8;
		font-size: 8pt;		
	}
	
	.text_content_eee_security {
		color: #8ABAF1;
		font-size: 8pt;
	}
	
	.txt_pt_summary_guard {
		color: #0A92E1;
		font-size: 14px;
		font-weight:700;
	}
	
	.text_pt_summary_guard {
		color: #647E8F;
		font-size: 12px;
		font-weight:700;
	}
	
	.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; 
	}
	
	.redAlert_text_medium {
		font-family:Arial;  
		font-size: 10pt; 
		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;		
		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: #035189;
		background-image: url(../images/lbinv.gif);
		height:25px;
		font-size: 11px;
		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,.15);
	}
	
	.content_fix {
		padding: 5px 0px 0px 4px;		
	}
	
	.total-patients {
		padding: 12px 0px 3px 12px;
	}
	
	.tiny_val{
		font-size: 0.70rem;
	}
	
	.tabs-wrapper {
		border-radius: 1px; 
		border: 1px solid rgba(0,0,0,0.15); border-image: none; background-color: white;
	}
	
	.dashboard-whole-tabs-wrapper {
		border-radius: 2px; border: 1px solid rgba(0,0,0,.15); background-color: transparent;
	}
	
	.launchcrf-whole-tabs-wrapper {
		border-radius: 2px; border: 0px solid rgba(0,0,0,.15); border-image: none; background-color: white;
	}
	
	.dashboard-loginpage-wrapper {
		border: 0px solid rgba(0,0,0,.15); 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: 11pt;
		letter-spacing:0px;
		background-image:URL(../images/lbinv.gif);
		font-family: "Arial";
		font-weight: bold;
	}
	
	.tblRow1{
		background-color: #DDF0FD;
	}
	
	.tblRow2{
		background-color: #FFFFFF;
	}
	
	.tblRow3{
		background-color: #DDF0FD;
	}
	
	.tableBox{background:white;box-shadow: 1px 1px 11px silver;margin:5px;padding: 11px;}
	
	.sale-perc {
	   background-color: #D9534F;
	   display: inline;
	   padding: .3em .9em .3em;
	   font-size: 100%;
	   font-weight: bold;
	   color: #fff;
	   text-align: center;
	   border-radius: .25em;
	}
	
	/*========================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: 11px;
		color: #0075C8;
		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-weight:normal;
		font-size:11px;
		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);		
		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;
		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;
		font-size: 0.85rem;
	    -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);
		border-left: 1px solid rgba(0,0,0,0.13);
	    border-top: 1px solid rgba(0,0,0,0.13);
		padding: 2px;
		font-size:8.5pt;
		text-align: center;
		height:25px;
	}
	
	.bordered td {
		border-left: 1px solid rgba(0,0,0,0.13);
	    padding: 2px;
		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;
	}
	
	.table_row_active_bgcolor{
		background-color: #DDF0FD;
	}
	
	/* Base Styles  */
	/* NOTE html is set to 62.5% so that all the REM measurements PSP are based on 10px sizing. So basically 1.5rem = 15px :) */
	html {
	  font-size: 62.5%;	  
	}
		  
	body {
	  line-height: 1.4;
	  color: #02345A;
	}
	
	/* 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: 9px 9px;
	  color: #ffffff;
	  text-align: center;
	  background-image: url(../images/button_bk.gif);
	  background-repeat:repeat-x;
	  font-size: 12px;
	  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.03rem;
	  text-transform: uppercase;
	  text-decoration: none;
	  white-space: nowrap;
	  background-color: transparent;
	  border: 1px solid #0075C8;
	  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:#0368B2;
	  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:#0368B2;
		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.
	
	height can be whatever you want, also auto if you want a child div to be responsible for the sizing 
	*/ 
	
	.parent_top { 
        margin: 0px; padding-top: 0px;
		min-height: 30%;
		height: auto !important;
		vertical-align: middle;
  		text-align: center;
	}
	
    /* height can be whatever you want, also auto if you want a child div to be responsible for the sizing */ 
	.parent_outside_top { 
	    margin: 0px; padding-top: 0px;
		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 */
	}
	/********************************************************************************************/