body {
	position: absolute;
	/* overflow: hidden; */
	height: 100%;
	width: 100%;
	/* Dark indigo matches the Aurora registration background so the pre-JS
	   paint doesn't flash the old blue before React mounts. Non-Aurora pages
	   (Home, Login, etc.) set their own backgrounds via their CSS classes. */
	background: #15103f;
	font-family: "Roboto", sans-serif;
}

.pilotly-gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f4a6b+0,1f4a6b+27,1f6d81+50,1d7d96+65,1a82ad+82,167fb9+94,167fbc+100&0.61+0,0.62+32,0.69+45,0.94+85,1+100 */
background: -moz-linear-gradient(top, rgba(31,74,107,0.61) 0%, rgba(31,74,107,0.62) 27%, rgba(31,82,112,0.62) 32%, rgba(31,102,124,0.69) 45%, rgba(31,109,129,0.72) 50%, rgba(29,125,150,0.81) 65%, rgba(26,130,173,0.92) 82%, rgba(25,129,176,0.94) 85%, rgba(22,127,185,0.98) 94%, rgba(22,127,188,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(31,74,107,0.61) 0%,rgba(31,74,107,0.62) 27%,rgba(31,82,112,0.62) 32%,rgba(31,102,124,0.69) 45%,rgba(31,109,129,0.72) 50%,rgba(29,125,150,0.81) 65%,rgba(26,130,173,0.92) 82%,rgba(25,129,176,0.94) 85%,rgba(22,127,185,0.98) 94%,rgba(22,127,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(31,74,107,0.61) 0%,rgba(31,74,107,0.62) 27%,rgba(31,82,112,0.62) 32%,rgba(31,102,124,0.69) 45%,rgba(31,109,129,0.72) 50%,rgba(29,125,150,0.81) 65%,rgba(26,130,173,0.92) 82%,rgba(25,129,176,0.94) 85%,rgba(22,127,185,0.98) 94%,rgba(22,127,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c1f4a6b', endColorstr='#167fbc',GradientType=0 ); /* IE6-9 */
}

.toggle-flat-btn {
	display: inline-block;
	color: #1c496d;
	box-shadow: none;
	border: none;
	background: #fff;
	padding: 7px 20px;
	
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	transition: all 200ms linear;
}

.white-bkgd { background: white !important; }
.ghost-bkgd { background: ghostwhite !important; }
.black-bkgd { background: black !important; }
.qualtrics-layout,
.alida-layout { height: 100vh; }

.toggle-flat-btn.border-right {
	border-right: 1px solid #eee;
}

.toggle-flat-btn:hover {
	background: #eee;
}

.toggle-flat-btn:focus {
	background: #fff;
}

.toggle-flat-btn.active,
.toggle-flat-btn.active:hover {
	background: #00baa1;
	color: #fff;
}

.toggle-flat-btn:first-child {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

html[dir="rtl"] .toggle-flat-btn:first-child {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.toggle-flat-btn:last-child {	
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

html[dir="rtl"] .toggle-flat-btn:last-child {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.input-field.col label{
    left:0 !important;
}

.row .input-field.col label{
    left:.75rem !important;
}

.display-none {
	display: none !important;
}

.blue-bg {
    background: #157CBE;
}

.transparent-bg {
    background: transparent;
}

.btn {
    border: 1px solid transparent;
	border-radius: 5rem;
}

.font-bold {
	font-weight: 500 !important;
}

.text-align-center, .text-center{
	text-align: center;
}

.text-align-left {
	text-align: left;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

.inline-block {
	display: inline-block !important;
}

.white-bg {
	background: white;
}

.gray-bg {
    background: #F8F8F8;
}

.width-10p {
	width: 10% !important;
}

.width-15p {
	width: 15% !important;
}
.width-20p {
	width: 20% !important;
}
.width-25p {
	width: 25% !important;
}
.width-30p {
	width: 30% !important;
}
.width-35p {
	width: 35% !important;
}
.width-40p {
	width: 40% !important;
}
.width-45p {
	width: 45% !important;
}
.width-50p {
	width: 50% !important;
}
.width-55p {
	width: 55% !important;
}
.width-60p {
	width: 60% !important;
}
.width-65p {
	width: 65% !important;
}
.width-80p {
	width:	80% !important;
}
.width-85p {
	width: 85% !important;
}
.width-100p {
	width: 100% !important;
}

.pr-0{
	padding-right: 0px !important;	
}
.p-10 {
	padding: 10px !important;	
}

.p-20 {
	padding: 20px !important;	
}

.pb-0 {
  padding-bottom:0 !important;
}

.pb-5 {
  padding-bottom:5px !important;
}

.pb-10 {
  padding-bottom:10px !important;
}

.pt-20{
  padding-top:20px !important;
}

.pt-30{
  padding-top:30px !important;
}

.pt-100{
  padding-top: 100px !important;
}

.m-auto {
	margin: auto !important;
}

.m-0 {
	margin: 0 !important;
}

.mt-15{
    margin-top:15px !important;
}

.mr-15 {
	margin-right:15px !important;
}

.ml-25 {
	margin-left :25px !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-15{
    margin-bottom:15px !important;
}

.mb-25{
    margin-bottom:25px !important;
}

.mb-30{
    margin-bottom:30px !important;
}

.mb-40{
    margin-bottom:40px !important;
}

.mb-60{
    margin-bottom:60px !important;
}

.mb-70 {
	margin-bottom:70px !important;
}

.height-60 {
	height: 60px !important;
}

.height-auto {
	height: auto !important;
}

.position-relative {
	position: relative !important;
}

.position-absolute {
	position: absolute !important;
}

.position-offscreen {
	top: -1000px !important;
}

.top-0 { top: 0 !important; }
.top-100 { top: 100px !important; }

.pull-right {
	float: right !important;
}

.zhigh{
	z-index:100 !important;
}

.zmid{
	z-index:50 !important;
}

.zlow{
	z-index:0 !important;
}

.onOffTrans{
	-webkit-transition: opacity 500ms ease-out;
	-moz-transition: opacity 500ms ease-out;
	-ms-transition: opacity 500ms ease-out;
	-o-transition: opacity 500ms ease-out;
	transition: opacity 500ms ease-out;
	
	opacity:1;
	filter:alpha(opacity=100);
}

.offOnTrans{
	-webkit-transition: opacity 650ms ease-out;
	-moz-transition: opacity 650ms ease-out;
	-ms-transition: opacity 650ms ease-out;
	-o-transition: opacity 650ms ease-out;
	transition: opacity 650ms ease-out;
	
	opacity:0;
	filter:alpha(opacity=0);
	
	pointer-events:none;
}

.dimlightTrans{
	-webkit-transition: opacity 500ms ease-out;
	-moz-transition: opacity 500ms ease-out;
	-ms-transition: opacity 500ms ease-out;
	-o-transition: opacity 500ms ease-out;
	transition: opacity 500ms ease-out;
	
	opacity:1;
	filter:alpha(opacity=100);
}

.highlightTrans{
	-webkit-transition: opacity 500ms ease-out;
	-moz-transition: opacity 500ms ease-out;
	-ms-transition: opacity 500ms ease-out;
	-o-transition: opacity 500ms ease-out;
	transition: opacity 500ms ease-out;
	
	opacity:.7;
	filter:alpha(opacity=70);
}

.hide{
	display:none;
	visibility:hidden;
}

.cursor-default {
	cursor: default !important;
}

.off{
	opacity:0 !important;
	filter:alpha(opacity=0);
	pointer-events:none;
}

.on{
	opacity:1 !important;
	filter:alpha(opacity=100);
	
	pointer-events:all;
}

#pilotlyPlayer .jw-controlbar {
  display: none;
}

@media only screen and (min-width: 300px) and (max-width: 600px) { 
	.row.valign-wrapper { 
		display: inherit; 
	} 
}

.transition-fade-in {
	opacity: 0;
	height: 100%;
	width: 100%;
	z-index: -1000;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	transition: all 300ms linear;
}

.transition-fade-in.show {
	opacity: 1;
	z-index: 1000;
}

.fade-enter {
	opacity: 0;
	z-index: 1;
	-webkit-transition: all 600ms linear;
	-moz-transition: all 600ms linear;
	transition: all 600ms linear;
}

.fade-enter.fade-enter-active {
	opacity: 1;
}

.fade-exit {
	opacity: 1;
	position: relative;
}

.fade-exit.fade-exit-active {
	opacity: 0;
}

/*override materialize color */
.btn, .btn-large{
	background-color: #00baa1;
}

.btn.default-btn {
	background-color: #FDFDFD;
    color: black;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.grey-btn {
	background-color: #D3D3D3;
}

.grey-btn:hover, .grey-btn:active, .grey-btn:focus {
	background-color: #808080;
}

.overflow-auto {
	overflow: auto;
}


/****** ReactQuill CSS ******/
.ql-align-center {
	text-align: center !important;
}

.ql-align-right {
	text-align: right !important;
}