*{
	margin:0;
	padding:0;
	border:0;
	font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif; 
	font-style: normal;
	font-weight: 400;
	outline: none;
	border-radius:0;
	letter-spacing:0.5px;
}

html,body{
	height:100%;
}

a{
	text-decoration:none;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

input, button, label{
	font-size:14px;
}

input {
	width: 100%;
    border: 1px solid #96A0AD;
	border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
    padding-top:14px; 
    padding-bottom:14px;
    padding-left:14px;
    padding-right:14px;
}

input:disabled{
	background:#E6E9ED !important;
	color:#fff !important;
	border-color:#F5F7Fa !important;
}

button{
	cursor:pointer;
	background:transparent;
}

button.modalClose{
	position:absolute; 
	right:10px; top:10px; 
	width:30px; 
	height: 30px; 
	z-index:1;
}

button.modalClose svg{
	width:100%;
	height:100%;
}

.lightBlueContainer{
	background-color:#0692ED;	
}

.fullContainer{
	 height:100vh;
	 position:relative;
}

.actionButton{
	border-style: solid;
    border-width: 1px;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
	border-radius: 4px;
	text-transform:uppercase;
	padding:12px 0 12px 0;
	width:100%;
	color: #FFFFFF;
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	font-weight: bold;
	font-size:14px;
	/*max-width:400px;*/
	margin:0 auto;
	display:block;
}

.actionButtonList{
	text-transform:uppercase;
	padding:12px 0 12px 0;
	width:100%;
	color: #FFFFFF;
	display:inline-block;
	box-sizing:border-box;
	text-align:left;
	padding-left:35px;
	font-size:16px;
	background-image: url('/images/icon_circle_checkmark_green.svg');
	background-position: left center;
	background-size: 20px auto;
	background-repeat: no-repeat;
	font-weight: bold;
}

.actionButtonTap{
	border-style: solid;
    border-width: 1px;
    border-color:#898D95;
	/*box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);*/
	border-radius: 4px;
	text-transform:uppercase;
	padding:12px 0px 12px 0px;
	font-size: 10px;
	width:auto;
	color: #fff;
	background:#000;
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
}

.actionButtonRound{
	border-style: solid;
    border-width: 2px;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
	border-radius: 50%;
	text-transform:uppercase;
	padding:12px 12px 12px 12px;
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
}

/*.actionButton:focus{
	-webkit-box-shadow: inset 0px 3px 8px 0px rgba(0,0,0,0.25);
     -moz-box-shadow: inset 0px 3px 8px 0px rgba(0,0,0,0.25);
     box-shadow: inset 0px 3px 8px 0px rgba(0,0,0,0.25);
}*/

.actonButtonAutoWidth{
	display:inline-block !important;
	width:auto !important;
}

.actionButtonSmall{
	font-size:12px;
	line-height: 32px;
	padding:0;
	height:32px;
}

.actionButtonBlue{
	background: #0692ED;
	border-color: #3CAAF1;
}

.actionButtonBlueDown{
	/*-webkit-box-shadow: inset 0px 3px 8px 0px rgba(0,0,0,0.25);
     -moz-box-shadow: inset 0px 3px 8px 0px rgba(0,0,0,0.25);
     box-shadow: inset 0px 3px 8px 0px rgba(0,0,0,0.25);
     background:#03315C;
     border-color: #03315C;
     color:#eee;*/
}

.actionButtonMediumBlue{
	background: #0C529B;
	border: 1px solid #034A94;
}

.actionButtonDarkBlue{
	border-color: #03315C;
	background:#012344;
}

.actionButtonGrey{
	background:#F5F5F5;
	border-color:#D2D2D2;
	color:#4A4A4A;
}

.actionButtonWhite{
	background:#fff;
	border-color: #666666;
}

.actionButtonDisabled{
	background:#CCD1D9;
	border-color:#AAB2BD;
	color:#AAB2BD;
	cursor:default;
}

/*.actionButtonDisabled:focus{
	-webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
     box-shadow: none !important;
}*/

.actionButton:disabled{
	background:#E6E9ED;
	color:#F5F7Fa;
	border-color:#F5F7Fa;
	cursor:default;
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.actionButtonRed{
	background:#E9573F;
	border-color:#F2806E;
}

.actionButtonGreen{
	background-color:#A0D468;
	border-color:#8CC152;
}

.actionButtonDown{
	-webkit-box-shadow: inset 0px 3px 8px 0px rgba(0,0,0,0.25);
     -moz-box-shadow: inset 0px 3px 8px 0px rgba(0,0,0,0.25);
     box-shadow: inset 0px 3px 8px 0px rgba(0,0,0,0.25);
}

.actionButtonSelected{
	-webkit-box-shadow: inset 0px 3px 8px 0px rgba(0,0,0,0.25);
     -moz-box-shadow: inset 0px 3px 8px 0px rgba(0,0,0,0.25);
     box-shadow: inset 0px 3px 8px 0px rgba(0,0,0,0.25);
}

.actionButtonComplete{
	background-size: 20px 20px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-image: url("/images/icon_circle_checkmark_white.svg") !important;
}

.actionButtonLoading:disabled{
	background-color:#fff !important;
	border-color:#8CC152 !important;
	color:#8CC152 !important;
}

.actionButtonComplete:disabled{
	background-color:#F5F5F5 !important;
	/*border-color:#4A4A4A !important*/
	border:0;
	color:#4A4A4A !important;
	background-image: url("/images/icon_circle_checkmark_grey.svg") !important;
}

.actionButton.actionButtonBottom{
	position:absolute; 
	bottom:0px; 
	left:2px; 
	margin-bottom:0px;
}

.item-single-icon{
	height:42px; 
	float:left; 
	margin-top:4px;
}

.item-single-alertIconContainer{
	display:inline-block; 
	float:left; 
	margin-right:5px;
}

.item-single-alertIcon{
	width:20px; 
	height:20px; 
	vertical-align:middle;
}

button.item-single-backButton, a.item-single-backButton{
	margin-bottom:27px;
}

a.item-single-backButton{
	display:inline-block;
}

button.item-single-backButton img, a.item-single-backButton img{
	height:18px; 
	float:left;
	color:;
}

button.item-single-backButton span, a.item-single-backButton span{
	float:left; 
	font-size:18px; 
	margin-left:13px;
	line-height:18px; 
	text-transform:uppercase;
	color:#32A3FB;
}

.openFormButton{
	text-align:left !important;
	background-position:98% !important;
	background-image:url('/images/chevron_grey_right.svg');
	background-repeat:no-repeat;
	background-size: 10px auto;
	min-height:120px;
	margin-bottom:20px;
}

.openFormButton span{
	padding-left:10px;
	display:block;
	text-transform: none;
}

.openFormButton.actionButtonGrey span.headingLabel{
	color:#9b9b9b;
}

/*BACKGROUND STYLES*/
.backgroundDarkBlue{
	background:#012344;
}

.fillDarkBlue{
	fill:#012344;
}

.backgroundMediumBlue{
	background:#03315C;
}

.fillMediumBlue{
	fill:#03315C;
}

.backgroundLightBlue{
	background:#094583;
}

.backgroundBrightBlue{
	background:#1EA6FF;
}

.fillBrightBlue{
	fill:#1EA6FF;
}


.backgroundGrey{
	background:#F5F5F5;
}

.backgroundRed{
	background:#FC6E51;
}

.fillGrey{
	fill:#F5F5F5;
}

.backgroundMediumGrey{
	background:#D8D8D8;
}

.fillMediumGrey{
	fill:#D8D8D8;
}

.fillDarkGrey{
	fill:#D2D2D2
}

.fillWhite{
	fill:#fff;
}


.fillRed{
	fill:#FC6E51;
}

.fillYellow{
	fill:#F6BB42;
}

/*BACKGROUND STYLES*/


/*TEXT STYLES*/
.textLight{
	font-style: normal;
	font-weight: lighter;
}

.textNormal{
	font-style: normal;
	font-weight: 400;
}

.textBold{
	font-style: normal;
	font-weight: 700;
}

.textRed{
	color:#E9573F;
}

.textLightRed{
	color:#FC6E51;
}

.textBrightBlue{
	color:#1EA6FF;
}

.textDarkBlue{
	color: #03315C;
}

.textDarkBlueImportant{
	color: #03315C !important;
}

.textGrey{
	color: #4A4A4A;
}

.textGreen{
	color:#8CC152
}

.textYellow{
	color: #FFCE54;
}

/*TEXT STYLES*/

/*BORDERS*/
.borderDarkBlueImportant{
	border-color: #03315C !important;
}

.borderBrightBule{
	border-color: #1EA6FF !important;
	border-style:solid;
	border-width:1px;
}

.borderDarkGrey{
	border-color: #D2D2D2 !important;
	border-style:solid;
	border-width:1px;
}

.borderRed{
	border: solid 1px #E9573F; 
}

/*HEADINGS*/

h1.headingPage{
	text-transform:uppercase; 
	color:#9B9B9B; 
	font-size:11px; 
	margin-top:21px; 
	margin-bottom:28px; 
	margin-left:10px;
	
}

@media screen and (min-width:769px){

	h1.headingPage{
		display:none;
	}

}

h1.item-single-title{
	font-size:28px;
	margin-bottom:10px;
	line-height:34px;
	margin-top:20px;
}

h1.contentTitleGeneric{
	font-size:12px;
	margin-bottom:23px;
	line-height:22px;
	margin-top:25px;
	color:#4A4A4A;
}


h2{
	font-size:19px;
}

h3{
	text-transform:uppercase; 
	font-size:13px; 
}

/*HEADINGS*/

/*CONTENT*/

.contentGeneric{
	font-size:12px;
	line-height:18px;
}

p.contentGeneric{
	margin-bottom:15px;
}

/*CONTENT*/

/*SEARCH STYLES*/
.search-header{
	height:60px;
}

.search-header span{
	color:#fff; 
	font-size: 12px;
	line-height: 60px;
}

.search-resultTitle{
	font-size:14px;
	line-height: 14px;
	font-weight:bold;
	display:block;
	margin-bottom:12px;
}

.search-resultDescription{
	font-size:12px;
	line-height: 16px;
	display:block;
}

.search-resultStudents{
	font-size:10px;
	line-height: 14px;
	display:block;
	margin-top:14px;
}


button.search-resultSelected{

	background-image: url("/images/icon_circle_checkmark_green.svg");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	color:#8CC152 !important;

}

button.search-result:disabled{

	color:#AAB2BD !important;
	cursor:auto;

}

ul#search-resultsContainer{
	margin-top:20px;
	list-style-type: none;
}

#search-resultsContainer li button{
	color:#fff;
	text-decoration: none;
	text-align: left;
	display:block;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	border-bottom:solid 1px #fff;
} 

#searchContainer .actionButton{
	margin-bottom:15px;
}

.searchContainer p{
	color:#fff;
	font-size:12px;
	line-height: 15px;
	margin-bottom:25px;
}

@media screen and (min-width:768px){

	#search-resultsContainer button:hover{
		background:#094583;;
	}

	#search-queryAndResultsContainer{
		padding-left:5% !important;
		padding-right:0 !important;
	}

	#search-queryContainer{
		padding-right:5% !important;
	}
	
}

/*SEARCH STYLES*/


/*ROTATION*/
.rotate180{
 -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg);        /* FF */
  -o-transform: rotate(180deg);          /* Opera */
  -ms-transform: rotate(180deg);         /* IE9 */
  transform: rotate(180deg);
}

.rotate90{
 -webkit-transform: rotate(90deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(90deg);        /* FF */
  -o-transform: rotate(90deg);          /* Opera */
  -ms-transform: rotate(90deg);         /* IE9 */
  transform: rotate(90deg);
}

.rotate270{
 -webkit-transform: rotate(270deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(270deg);        /* FF */
  -o-transform: rotate(270deg);          /* Opera */
  -ms-transform: rotate(270deg);         /* IE9 */
  transform: rotate(270deg);
}
/*ROTATION*/

/*CONTENT CONTAINER DEFAULTS*/
.content-hideOverflowWithNavigation{
	height: calc( 100vh - 95px ) !important; 
	overflow: hidden;
}

@media screen and (min-width:768px){
	.content-singleColumn{
		max-width: 600px;
	}
}

.content-hideOverflow{
	height: 100vh !important; 
	overflow: hidden;
}

.content-paddingDefault{
	padding:33px 10px 33px 10px;
	overflow: auto;
}

.content-paddingDefaultLeft{
	padding-left:10px;
}

@media screen and (min-width:768px){
	.content-paddingDefault{
		padding-left:5%;
		padding-right:5%;
	}

	.content-paddingDefaultLeft{
		padding-left:5%;
	}

}

@media screen and (max-width:768px){

	.content-removeDefaultTopPaddingMobile{
		padding-top:0px !important;
	}

}

.content-paddingTopBottomDefault{
	padding:33px 0 33px 0px;
}

.content-paddingLeftRightDefault{
	padding:0 10px 0 10px;
}

.content-modalWhite .modal-contentContainer{
	background:#fff;
}

.content-modalBlue .modal-contentContainer{
	background:#012344; 
}

.content-modalWhite .modal-container h1{
	color:#9B9B9B!important;
	margin-bottom:40px;
	font-weight:700;
}

h3.content-listing{
	border-bottom:solid #D2D2D2 2px; 
	padding-bottom:10px; 
	display:block; 
	margin-top:40px;
	margin-bottom:30px;
}

.content-itemListing{
	/*display:block;*/ 
	font-size:12px;
}

.content-itemListingSeperator{
	height:1px; 
	margin:0 auto; 
	width:90%; 
	margin-top:30px;
	margin-bottom:30px;
}

.empty-container{
	margin-top:80px;
}

.empty-container span.empty-heading{
	text-align:center;
	display:block;
	font-size:16px;
	color:#e3e3e3;
	margin-bottom:35px;
}

.empty-container img.empty-image, .empty-container svg.empty-image{
	display:block; 
	margin:0 auto; 
	width:30%; 
	min-width:150px;
}

.empty-container svg.empty-image{
	fill:#D8D8D8;
	height:150px;
	width:15px;
}

.itemOptionsContainer {
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    padding: 12px 10px 12px 10px;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    font-weight: 700;
    background: #f5f5f5;
    border-color: #d2d2d2;
    color: #4a4a4a;
    margin-bottom: 30px;
}

/*CONTENT CONTAINER DEFAULTS*/




/*FORM DEFAULTS USED ACROSS COMPONENTS*/

button.blowThisPopstandButtonPadding{
	margin-top:50px;
}

/*FORM DEFAULTS USED ACROSS COMPONENTS*/


/*GLOBAL USE SUB ITEM LISTINGS*/
h3.events-single-itemListing{
	border-bottom:solid #D2D2D2 2px; 
	padding-bottom:10px; 
	display:block; 
	margin-top:40px;
	margin-bottom:30px;
}


.events-single-itemListingSeperator{
	height:1px; 
	margin:0 auto; 
	width:90%; 
	margin-top:30px;
	margin-bottom:30px;
}

.events-single-itemListingTitle{
	display:block; 
	font-size:12px;
}

.events-single-itemListingMandatory{
	background:#F5F7Fa;
	color:#333 !important;
	padding:30px 15px 30px 15px !important;
	border-radius:5px;
}

.events-single-itemListingMandatory .actionButtonComplete:disabled{

	background-color: #F5F7Fa !important;
	border:none !important;
	background-size: 20px 20px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-image: url("/images/icon_circle_checkmark_grey.svg") !important;

}

.events-single-itemListingMandatoryText{

	text-transform: uppercase;
	font-size:11px;
	text-align: center;
	display:block;
	width:100%;
	margin-top:10px;
}

.item-single-student-container{

	padding-top:35px; 
	border-top:1px solid #ccc; margin-bottom:35px;

}

#itemList ul{
	list-style-type: none;
}

#itemList ul li{
	padding-bottom:25px; 
	position:relative; 
	border-bottom:solid 1px #ccc;
}

.itemList-studentNamePurchased{
	color:#fff !important;
	margin-right:10px;
}

#itemList li button{
	padding-left:10px;
	display:block; 
	padding-top:20px; 
	text-align: left; 
	width:100%; 
	box-sizing: border-box;
}

.itemlist-icon{
	float:left; 
	width:22px; 
	height:22px;
}

.itemlist-alertIcon{
	width:20px;
	height:20px;
	vertical-align: middle;
}

.itemList-group-name{
	display:inline-block; 
	margin-left:15px; 
	margin-top:5px; 
	font-size:12px; line-height:12px; margin-bottom:4px;
}

@media screen and (min-width:769px){

	#itemList-heading{
		display:none;
	}

	#itemList li:hover{
		background:#F5F5F5;
	}

	#itemList li button{
		padding-left:5%;
	}

}

@media screen and (min-width:1024px){

	.item-single-two-column{
		display:block; 
		width:50%;
		float:left;
	}

	.item-single-right-column{
		margin-left:20px;
		width: calc( 50% - 43px );
		border-left:solid 3px #ccc;
		padding-left:20px;
		/*min-height: calc(100vh - 200px);*/ /*Need the height of the header in the nav*/
	}

	.item-single-student-container:first-of-type{
		padding-top:0px; 
		border-top:0;
	}

}


/*ALERTS*/

.alertContainer{
	width:100%; 
	display:block; 
	text-align:center; 
	/*margin-bottom:30px; */
	border-radius:5px; 
	color:#fff; 
	box-sizing: border-box; 
	font-size:12px; 
	text-transform: uppercase; 
	padding:8px;
}

.alertContainerNoLeftPadding{
	padding: 8px 8px 8px 0;
}

.alertContainer a {
	color:#fff;
	text-decoration: underline;
}

.alertContainerYellow{
	background:#F6BB42; 
	border: solid 1px #FFCE54;; 
}

.alertContainerGreen{
	background:#A0D468; 
	border: solid 1px #A0D468; 
}

.alertContainerRed{
	background:#FC6E51; 
	border: solid 1px #E9573F; 
}

.alertContainerStickyBelowNav{
	position:fixed; 
	top:95px; 
	left:0px; 
	border-radius: 0px; 
	width:100%;
	z-index:10000;
}

.alertContainerSmall{
	padding:4px !important;
	font-size:10px !important;
	display:inline-block;
	width:auto; 
	/*margin:0 !important;*/
}

.alertContainerSub{
	text-transform: none !important; 
	font-size:11px; 
	margin-top:5px; 
	display:block;
}


/*===================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
===============================START SPINNERS========================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================*/

/*=====BALL BOUNCE SPINNER========*/
.spinner {
	width: 20px;
	height: 20px;
  	position: relative;
  	margin-right:10px;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*=====BALL BOUNCE SPINNER========*/

/*===================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=================================END SPINNERS========================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================*/

/*===================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
================================START ANIMATIONS=====================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================*/

.opacity-none{
	opacity:0;
}

.animation-simpleFadeIn {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.animation-notification-quickPulse{
	-webkit-animation: flash linear 1s 2;
	animation: flash linear 1s 2;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	40% { opacity: .4 }
	50% { opacity: .2; }
	60% { opacity: .4 }
	80% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	40% { opacity: .4 }
	50% { opacity: .2; }
	60% { opacity: .4 }
	80% { opacity: 1; }
}

/*===================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
==================================END ANIMATIONS=====================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================*/


/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}
 
/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}
 
/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}
 
/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone X */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  select:focus,
  textarea,
  input {
    font-size: 16px;
  }
}

/*===================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
================================UNAUTH PAGE STYLES===================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================*/


.unauth-container{
	padding-top:25px;
	max-width: 600px;
}

p.unauth{
	font-size:12px; 
	margin-top:40px; 
	margin-bottom:20px;
}

h1.unauth{
	text-align:center; 
	display:block; 
	color:#fff; 
	font-size:18px; 
	line-height: 20px; 
	text-transform: uppercase; 
	font-weight: bold;
}

#wrapper.unauth{
	height:100% !important;
	overflow:auto !important;
	background-color: #0692ED !important;
}

#content.unauth{
	height:100% !important;
	background-color: #0692ED !important;
	margin:0 auto;
	overflow: auto;
	max-width:100% !important;
}

/*===================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
================================UNAUTH PAGE STYLES===================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================*/


/*===================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
======================================MODAL STYLES===================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================*/


.modal-container{
	color:#fff;
}

.modal-container h1{
	font-size:19px;
	margin-bottom:39px;
	color:#fff;
	text-transform: uppercase;
	font-weight: 700;
}

.modal-container p{
	font-size:14px;
	line-height: 21px;
	margin-bottom:30px;
	color:#fff;
}

.spinner{
	margin:0 auto;
	width:40px;
	height:40px;
	margin-top:20px;
}

.modal-background{
	height:100%; 
	width:100%; 
	max-height:100%;
	background:#012344; 
	position:absolute; 
	z-index:3142014; 
	opacity:1;
}

.modal-contentContainer{
	background:#012344; 
	box-sizing:border-box; 
	height:100%;
	position:absolute;
	width:100%;  
	overflow: auto;
	z-index:3142014; 
}

.modal-contentContainerTableCell{
	display:table-cell; 
	text-align:center; 
	vertical-align:middle; 
	position:relative;
}

.modal-showModal{
	display:block;
}

.modal-hideModal{
	display:none;
}

.modal-contentContainer .actionButton{
	margin-bottom:20px;
}

.modal-contentContainer .actionButtonList{
	border-style:none !important;
	border-radius: 0px !important;
	text-align:left !important;
	padding-left:55px !important;
	font-size:16px !important;
	box-shadow: none;
	background-image: url('/images/icon_circle_empty_checkmark_white.svg');
	background-position: 20px center;
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-color: transparent;
}

.modal-contentContainer  .actionButtonList.actionButtonSelected.actionButtonGreen{
	background-image: url('/images/icon_circle_checkmark_green.svg');
	color:#A0D468;
}

.modal-contentContainer .actionButtonList.actionButton:disabled{
	background-color:transparent;
	color:#666666;
	background-image: url('/images/icon_circle_checkmark_disabled.svg');
}

.modal-contentContainer .actionButton.actionButtonBottom{
	position:absolute; 
	bottom:0px; 
	left:2px; 
	margin-bottom:0px;
}

.modal-white .modal-contentContainer{
	background:#fff;
}

.modal-white .modal-container h1{
	color:#9B9B9B;
}

.modal-container li a{
	color:#fff;
	text-decoration: underline;
}

.modal-container li a:hover{
	text-decoration: underline;
}



/*===================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
======================================MODAL STYLES===================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================
=====================================================================================*/