/** 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');
	}
	
	@font-face {
	    font-family: "britannicbold";
		    src: url('fonts/Britannic-Bold-V1.eot');
			src: url('fonts/Britannic-Bold-V1.eot?#iefix') format('embedded-opentype'),
	        	 url('fonts/Britannic-Bold-V1.woff2') format('woff2'),
				 url('fonts/Britannic-Bold-V1.woff') format('woff'),
	         	 url('fonts/Britannic-Bold-V1.ttf') format('truetype'),
			 	 url('fonts/Britannic-Bold-V1.svg#britannicbold') format('svg');
		}
	}
	
	/*********************************************************/
	
	html {
		  font-family: 'bahasenormal';
	}
	
	html,
	body {
		margin: 0px; padding-top: 0px;
		align:center;
		font-family: 'bahasenormal';
		height:100%;
		background: rgba(211,235,243,1);
		
		background: -moz-radial-gradient(center, ellipse cover, rgba(211,235,243,1) 0%, rgba(13,118,120,1) 0%, rgba(64,153,166,1) 50%, rgba(115,187,211,1) 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(211,235,243,1)), color-stop(0%, rgba(13,118,120,1)), color-stop(50%, rgba(64,153,166,1)), color-stop(100%, rgba(115,187,211,1)));
		background: -webkit-radial-gradient(center, ellipse cover, rgba(211,235,243,1) 0%, rgba(13,118,120,1) 0%, rgba(64,153,166,1) 50%, rgba(115,187,211,1) 100%);
		background: -o-radial-gradient(center, ellipse cover, rgba(211,235,243,1) 0%, rgba(13,118,120,1) 0%, rgba(64,153,166,1) 50%, rgba(115,187,211,1) 100%);
		background: -ms-radial-gradient(center, ellipse cover, rgba(211,235,243,1) 0%, rgba(13,118,120,1) 0%, rgba(64,153,166,1) 50%, rgba(115,187,211,1) 100%);
		background: radial-gradient(ellipse at center, rgba(211,235,243,1) 0%, rgba(13,118,120,1) 0%, rgba(64,153,166,1) 50%, rgba(115,187,211,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3ebf3', endColorstr='#73bbd3', GradientType=1 );
	}
	
	/*img {
	    max-width: 100%;
	    height: auto;
	}*/
	
	/* CRF STATUS BAR */
	
	#myProgress {
	    width: 100%;
	    background-color: #F2F8FF;
		border-style: inset;
		padding: 0px;
		border: 1px solid rgba(0,0,0,.3);
	}
	#crfStatusBar {
	    width: 1%;
	    height: 25px;
	    background-color: #50B49D;
	}
	
	/* CRF STATUS BAR */
	
	.container {
		margin: 0px auto; padding: 0px 0px; width: 100%;
		position: relative; max-width: 1280px; box-sizing: border-box;
		min-height:86%;
		font-family: Arial;
		border-bottom: 1px solid rgba(0,0,0,.03);
		border-top: 1px solid rgba(0,0,0,.03);
		background-color: #ffffff;				
	}
	
	.header_cont{
		font-family: 'bahasenormal';
	}
	
	.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;
		border-bottom: 1px solid rgba(0,0,0,.03);
		background-color: #ffffff;	
	}
	
	.body {
		padding:0px;
		padding-bottom:0px;	/* Height of the footer */
	}
		
	.footer {
		position:absolute;
		bottom:0px;
		font-family: Arial;
		width:100%;
		height:10px;			/* Height of the footer */
	}
	
	.text_content_big {
		font-size: 18pt;
		font-family: 'bahasenormal';
		letter-spacing: 1pt;
		font-weight: 700;
	}
	
	.text_content_mid {
		padding:2px;
		font-size: 12pt;
		text-align:center;
		border-bottom: 1px solid rgba(0,0,0,.03);
		font-family: 'bahasenormal';
		font-weight: 700;
	}
	
	.text_content_mid2 {
		font-size: 13pt;
		font-family: 'bahasenormal';
		letter-spacing: 1pt;
		font-weight: 700;		
	}
	
	.text_content_mid3 {
		font-size: 11pt;
		font-family: 'bahasenormal';
		font-weight: 700;
		letter-spacing: 1pt;
		text-align:left;
	}
	
	.report_title_BRITANNIC {
		font-size: 17pt;
		font-family: 'britannicbold';
		font-weight: bold;
		letter-spacing: 0.5pt;
		color: #115A53;
	}
	
	.text_content_small {
		padding:2px;
		font-size: 10pt;
	}
	
	.text_content_tiny {
		padding:2px;
		font-size: 11pt;
		font-family: 'bahasenormal';
	}
	
	.text_content_security_guard {
		color: #408C61;
		font-size: 8pt;
		font-family: Arial;
	}
	
	.text_content_med {
		padding-top:8px;
		font-size: 0.87rem;
		text-align:left;
	}
	
	.in_text_sm2{
		font-family:Arial; 
		font-size: 8pt; 
		color:#2E4069;
		font-weight:normal;
	}
	
	.text-med {
		font-size: 0.87rem;
	}
	.text-small {
		font-size: 0.75rem;
	}
	.text-tiny {
		font-size: 0.65rem;
	}
	.text-center {
		text-align: center;
	}
	.text-left {
		text-align: left;
	}
	.text-right {
		text-align: right;
	}
	
	.redAlert_margin_text{
		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;
	}
	
	/* 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 {
		margin: 0px; margin-right: auto; margin-left: auto; max-width: 1300px;
		padding-bottom:10px;
	}
	
	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: #1A4043;
		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); border-image: none; background-color: white;		
	}
	
	.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;
	}
	
	.crf_section {
		padding:0px 5px 0px 5px;
	}
	
	@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-family: Arial;
		font-size: 10px;
		font-weight:normal;
		padding: 4px 4px 4px 4px; background-color: rgb(17, 90, 83);
		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:100%;
		margin:2px;
		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,.03);
		font-size: 8pt;
		font-family: 'bahasenormal';
		letter-spacing: 1pt;
		text-align:center;
		height:25px;		
	}
	
	tbody td{
		height:30px;text-align:center;
		vertical-align:middle;
		font-size:11px;
		border-bottom: 1px solid rgba(0,0,0,.03);
	}
	
	th, td:last-child {
		border-right: 1px solid rgba(0,0,0,.03);
	}
	
	th, td:first-child {
		border-left:1px solid rgba(0,0,0,.03);text-align:center;
	}
	
	/** Bordered Table CSS **/
	.bordered {
	    border: solid rgba(0,0,0,.03) 1px;
	    -moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	    border-radius: 6px;
	    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.03); 
	    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.03); 
	    box-shadow: 0 1px 1px rgba(0,0,0,.03);
	}
	
	/*.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,.6);
	    border-left: 1px solid rgba(0,0,0,.03);
	    border-top: 1px solid rgba(0,0,0,.03);
		font-size: 8pt;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: 0.02pt;
	    padding: 2px;
	    text-align: center;
		height:24px;
	}
	
	.bordered td {
		color:rgba(0,0,0,.6);
	    border-left: 1px solid rgba(0,0,0,.03);
	    border-top: 1px solid rgba(0,0,0,.03);
	    padding: 2px;
	    text-align: center;
		height:25px;
		border-bottom: 1px solid rgba(0,0,0,.03);
	}
	 	
	.bordered td:first-child, .bordered th:first-child {
	    border-left: none; text-align: left;
		border-left: 1px solid rgba(0,0,0,.03);
	}
	
	.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;
	}
	
	.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,.03);font-size:11px;margin:2;overflow:visible;padding:.3em 1em;}
	.pure-table td:first-child,.pure-table th:first-child{border-left-width:1px solid rgba(0,0,0,.03);text-align:left;}
	
	.pure-table thead{background-color:#e0e0e0;color:#000;text-align:center;text-align:left;}
	.pure-table td{border-bottom: 1px solid rgba(0,0,0,.03);height:30px;text-align:center;}
	.pure-table th, td:last-child {
		border-right: 1px solid rgba(0,0,0,.03);
	}
	
	/*
	.pure-table-odd td,
	.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}
	.pure-table-bordered td{border-bottom:1px solid #cbcbcb}
	.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}
	.pure-table-horizontal td,
	.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}
	.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}
	*/
	
	
	/* Base Styles  */
	/* NOTE html is set to 62.5% so that all the REM measurements TPMC are based on 10px sizing. So basically 1.5rem = 15px :) */
	html {
	  font-size: 62.5%;	  
	}
		  
	body {
	  line-height: 1.4;
	  color: #222;
	}
	
	/* 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: 0 8px;
	  color: #ffffff;
	  text-align: center;
	  background-image: url(../images/button_bk.gif);
	  background-repeat:repeat-x;
	  font-size: 10px;
	  font-weight: 600;
	  line-height: 20px;
	  letter-spacing: .1rem;
	  text-transform: uppercase;
	  text-decoration: none;
	  white-space: nowrap;
	  background-color: transparent;
	  border-radius: 2px;
	  border: 1px solid #bbb;
	  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: 0; }
	.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: 1px;
	  box-shadow: 1px 1px 1px rgba(0,0,0,.7);
	  box-sizing: border-box; 
	  border-radius:2px!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:30px;
		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 awkward 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:85% 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 */ 
	    height: 550px;
		align:center;
		vertical-align: middle;
  		text-align: center;
		border-radius: 4px;
	  	border: 0px solid rgba(0,0,0,.03);
		background-image: url(../images/bk.png);
		background-repeat:no-repeat;
		background-position: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: 85%;
	    	padding: 0; 
	  	}	  	
	}
	
	/* For devices larger than 550px */
	@media (min-width: 550px) {
	
	  .container {
	    width: 80%; }
	  .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;
		}		
	}
	
	/* 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;
		}
	}
	
	/* Larger than mobile */
	@media only screen and (max-width:710px) and (min-width:460px){ }
		
	}
	
	@media all and (min-width:450px){ 
	
	}
	
	
	/* Larger than phablet (also point when grid becomes active) */
	@media all and (min-width:550px){ 
		
	}
	
	@media only screen and (max-width:550px){}
	@media only screen and (min-width:550px){}
	@media only screen and (min-width:700px){ }
	
	@media only screen and (max-width:710px) and (min-width:550px){ }
	
	/* Larger than tablet */
	@media only screen and (min-width:750px) {}
	
	@media only screen and (max-width:750px){}
	@media only screen and (max-width:750px) and (min-width:550px){ }
	@media only screen and (max-width:768px){ }
	
	@media only screen and (max-width:800px){}
	@media only screen and (min-width:801px){}
	@media only screen and (max-width:810px){}
	@media only screen and (max-width:835px){ }
	@media only screen and (max-width:850px){}
	@media only screen and (max-width:850px) and (min-width:550px){}
	@media only screen and (max-width:870px){ }
	@media only screen and (max-width:935px){}
	@media only screen and (max-width:950px){}
	@media only screen and (max-width:959px){ }
	@media only screen and (max-width:960px){ }
	@media only screen and (min-width:960px){ }
	
	@media only screen and (max-width:1150px){ }
	@media only screen and (max-width:1150px) and (min-width:550px){}
	@media only screen and (max-width:1185px){ }
	
	@media only screen and (max-width:1400px) and (min-width:550px){ }
	@media only screen and (max-width:1499px) and (min-width:550px){ }
	@media only screen and (max-width:1500px){ }
	@media only screen and (min-width:1500px){ }
	@media only screen and (max-width:2500px) and (min-width:1675px){ }
	
	@media only screen and (min-width : 1025px) 						{
		html{ font-size: 80%; }
		.footer { font-size: 80%;}
		
		#REG_INFO 		{ padding-left:350px; 				}
		#REGISTRY_INFO	{ display: block; padding-left:5px; }
		#date_time 		{ display: block; padding-left:5px; }		
	}
	
	@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; padding-left:5px; }
		#date_time 		{ display: block; padding-left:5px; }
	}	
	
	@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; padding-left:5px; }
		#date_time 		{ display: block; padding-left:5px; }
	}
	
	@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; padding-left:5px; }
		#date_time 		{ display: block; padding-left:5px; }
				
	}
	
	@media only screen and (min-width : 481px) and (max-width : 768px) and (orientation : portrait)	{ 
		html{ font-size: 70%; }
		.footer { font-size: 90%;}
		
		#REG_INFO 		{ padding-left:50px;}
		#REGISTRY_INFO	{ display: block; padding-left:5px; }
		#date_time 		{ display: block; padding-left:5px; }
		
	}
	
	@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; padding-left:5px; }
		#date_time 		{ display: block; padding-left:5px; }
		
		
	}
	
	@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-left:5px; }
		#date_time 		{ display: block; padding-left:5px; }
		
		
	}
	
	@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-left:5px; }
		#date_time 		{ display: block; padding-left:5px; }
		
		
	}
	
	@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-left:5px; }
		#date_time 		{ display: block; padding-left:5px; }
		
		.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-left:5px; }
		#date_time 		{ display: block; padding-left:5px; }
		
		.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:none};	
	}