/* -------------------------- */
/* -------  INCLUDES  ------  */
/* -------------------------- */

@import url(font-opensans.css);

@import url(font-iconmoon.css);

@import url(general.css);

/* -------------------------- */
/* -----  MAIN CONTENT -----  */
/* -------------------------- */

html, 
body {
	font-family:"open_sanslight", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
	color: #0090AE;
}

a:hover{
	color:#03778F;
}

/* -------------------------- */
/* ----  CONTENT BODY  ------ */
/* -------------------------- */


h1,h2,h3{
 font-family:'open_sansbold';
 margin:1em 0;
}

p{
	font-size: 18px;
	line-height: 1.5em;
}



/* login form when alone on the page */
.login-form-wrap {
	max-width: 800px;
	min-width:300px;
	margin: 0 auto;
}

.login-form-wrap .lfr-component li img,.login-form-wrap img.icon,
 .navigation .lfr-component li img,.navigation img.icon{
	display:none;
}

.login-form-wrap fieldset,.login-form-wrap .aui-form fieldset{
	margin:0;	
}

.login-form-wrap  .aui-button-holder{
	margin:0;
}

.login-form-wrap .taglib-icon .taglib-text{
	text-decoration:none;
	font-size: 18px;
}


.content-body {
	background-color:white;
	min-height: 80%;
}

	#main-content {
		padding: 60px 0px;
	}

	@media (max-width: 992px) {
		#main-content.container {
			width: 100% !important;
			max-width: 100% !important;
				
		}
	}


/* -------------------------- */
/* --  NAVIGATION TOP BAR --  */
/* -------------------------- */

.dropdown-menu{
	-webkit-box-shadow: 1 2px 0px rgba(0, 0, 0, 0.175);
	box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.175);
	left:auto;
	right:0;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background-color: #FF7F00;
    color: #FFF;
    font-family: open_sansbold,'Helvetica Neue', Helvetica, Arial, sans-serif;
}

	.navbar-wrap-top {
		height: 30px;
		background:#ff7f00;
		/*box-shadow: inset 0 -3px 0 #03778F;*/
	}



		.account-statusbar {
			line-height: 30px;
			color:white;
			
		}

		@media (min-width: 1200px) {
			.account-statusbar {
				max-width: 1170px !important;
			}
		}

		@media (max-width: 1199px) {
			.account-statusbar {
				max-width: 970px !important;
			}

		}

		@media (max-width: 768px) {
			.account-statusbar {
				max-width:100% !important;
			}
		}

		@media (min-width: 1400px) {
			.account-statusbar {
				max-width: 90% !important;
			}
		}
			.account-statusbar a {
				font-family:open_sansbold,'Helvetica Neue', Helvetica, Arial, sans-serif;
				color:white;
			}
			a.user-portrait{
				text-decoration:none;
			}
			a.user-portrait img{
				border-radius:50px;
			}


/* -------------------------- */
/* - NAVIGATION BOTTOM BAR -  */
/* -------------------------- */


	.navbar-wrap-bottom {
		/*background-color:#222;*/
		background-color:white;
		/*box-shadow: 0 0 10px #e0e0e0;*/
		 border-bottom: 1px solid #e0e0e0;
	}

		.navbar-bottom {
			position: relative;
			/*max-width: 100%;*/
			padding:0;
			margin:0px auto;
			
		}

		.navbar-bottom .row {
			margin-left: 0px;
			margin-right: 0px;
		}
		
		@media (min-width: 1200px) {
			.navbar-bottom {
				max-width: 1170px;
			}
		}

		@media (max-width: 1199px) {
			.navbar-bottom {
				max-width: 970px;
			}

		}

		@media (max-width: 768px) {
			.navbar-bottom {
				max-width:100%;
			}
		}

		@media (min-width: 1400px) {
			.navbar-bottom {
				max-width: 90%;
			}
		}

			.navbar-title-wrap {
						
			}

				.navbar-tool-title {
					font-size: 22px;
					line-height: 70px;
					color: #ffffff;
					padding-left: 15px;
				}

					.navbar-brand {
						padding: 10px 0px 10px 15px;
					}

					.navbar-default .navbar-nav > li > a {
						font-weight:200;
						line-height: 60px;
						padding:0;
						
						transition:0.3s;
					}

						.navbar-default .navbar-nav > li > a:hover,
						.navbar-default .navbar-nav > li > a.active {
							/*color: #ffffff;*/
							color: #2f2f2f;
							text-decoration: underline;
						}

						.navbar-default .navbar-nav > li > a.active {
							font-weight:bold;
							font-family:'open_sansregular';
						}


/* --------------------------- */
/* - NAVIGATION TOGGLE ICON -  */
/* --------------------------- */

.navbar-default .navbar-toggle {
	border-color: #777;
	padding: 10px 10px;
	margin-top: 17px;
	margin-right: 0px;
	margin-bottom: 17px;
}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #777;
	}

		.navbar-default .navbar-toggle:hover, 
		.navbar-default .navbar-toggle:focus {
			border-color: black!important;
			background-color: white !important;
		}

		.navbar-default .navbar-toggle:hover .icon-bar, 
		.navbar-default .navbar-toggle:focus .icon-bar {
			background-color: black;
		}



/* --------------------------- */
/* - FOLDOUT MENU RESPONSIVE - */
/* --------------------------- */

@media (max-width: 767px) {

	.navbar-default .navbar-collapse {
		padding:0 0px 0 0px;
		clear: both;
		max-height: none;
		margin: 0px -15px;
	}

		.navbar-default .navbar-collapse .navbar-nav {
			margin: 0 !important;
			background: #fff;
		}

			.navbar-default .navbar-collapse .navbar-nav li {
				float:none;
				padding: 0px 15px;
			}

				.navbar-default .navbar-collapse .navbar-nav > li > a.active {
					color:black;
					font-weight:bold;
					cursor: default;
				}

					.navbar-default .navbar-collapse .navbar-nav > li > a {
						color:#484848;
						padding: 0px;
					}

					.navbar-default .navbar-collapse .navbar-nav > li > a:hover {
						color:black;
					}
}	


/* ----------------------------- */
/* -- REGULAR MENU RESPONSIVE -- */
/* ----------------------------- */


@media (min-width: 768px) {

	.navbar-menu-wrap {
		max-width: 970px;
		float: right;
	}

		.navbar-nav {
			margin: 0;
			float: right;
			text-align: left;
			background: none;
		}



					.navbar-nav > li {
						padding:0 0 0 40px;
						vertical-align: top;
				    	display: inline-block;
						white-space: nowrap;
				    	zoom: 1;
				    	float: none !important;
					}

						.navbar-default .navbar-nav > li > a {
							/*color:white;*/
							color:#2f2f2f;
							overflow: hidden;
							max-width: 140px;
							text-overflow: ellipsis;							
						}

						.navbar-default .navbar-nav > li > a > i {
							font-size: 13px;
							padding-left: 8px;
						}
}

/* -------------------------- */
/* --- MAIN INTRODUCTION ---- */
/* -------------------------- */

	.tool-introduction h1 {
		font-size: 38px;
		color:#00338c;
		font-weight: 600;
		margin: 30px 0px 60px;
	}

	.tool-introduction h1 span {
		font-weight: 600;
	}

	.tool-introduction p {
		font-size: 22px;
		line-height: 35px;
	}

/* -------------------------- */
/* ----  PORTAL HEADERS  ---- */
/* -------------------------- */


.portal-header {
	padding:0px 15px;
}

	.portal-header h1, #switchOrganizations {
		font-size: 18px;
		color:black;
		font-weight: bold!important;
		font-family:'open_sansregular';
		outline:none;
		border:none!important;
		background:white;
		text-overflow:ellipsis;
	}
	
	#switchOrganizations.select{
	 -moz-appearance:menuarrow;
	}
	
	.searchable{
		border:none!important;
		background:white;
	}
	
	.searchable option{
		font-family:'open_sanslight';
		font-size:12px!important;
	}
	 
	.searchable{
		margin-left:3px;
		max-width:900px;
	}
	
	.searchable::selection, .searchable-input::selection{
		background-color:#eee;
		box-shadow: #CECECE 0px -3px 0px 0px inset;
	}
	
	::-webkit-scrollbar {
    width: 12px;
	}
 
/* Track */
.searchable::-webkit-scrollbar-track {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */
.searchable::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(200,200,200,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.searchable::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(200,200,200,0.4); 
}
	
	#switchOrganizations{
		max-width:900px;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	
	
	

	.portal-header h3 {
		color:#484848;
	}

/* -------------------------- */
/* ------ TOOLFRAME  -------- */
/* -------------------------- */

	.toolframe-wrap {
		border:1px solid #98C7EB;
		-webkit-box-shadow: 0 0 6px 0 #ccd4e5;
		box-shadow: 0 0 6px 0 #ccd4e5;
	}

/* -------------------------- */
/* -----   LOGIN FORM  -----  */
/* -------------------------- */

.login-form-wrap {
	background:#e4f1fa;
	padding:30px;
}

	.login-form-wrap h2 {
		font-size: 22px;
		color:#484848;
		line-height: 40px;
		margin:0 0 15px 0;
	}


@media (max-width: 992px) {
	.login-form-wrap {
		padding: 20px !important;
	}
}

@media (min-width: 992px) {
	.login-form-wrap {
		
	}
}

	

/* -------------------------- */
/* --  LOGIN FORM CHECKBOX -- */
/* -------------------------- */

	.aui-field-choice {
		height: 40px;
		display: block;
		clear: both;
	}

		.aui-field-choice .aui-field-content {
			display: block;
			padding-top: 10px;
		}

			.aui-field-choice .aui-field-content .aui-field-label {
				margin-bottom: 0px;
				padding-top: 4px;
			}

			.aui-field-choice .aui-field-content .aui-field-input-choice {
				padding-top: 0px;
				margin: 10px 5px;
			}

/* -------------------------- */
/* --   LOGIN FORM SUBMIT  -- */
/* -------------------------- */

 .aui-button-holder {
 	display: block;
 	min-height: 36px;
 	width: 100%;
 	clear: both;
 }

@media (min-width: 1200px) {
	.aui-button-holder { 
		margin: 20px 0 0;
	}
}

	 .aui-button-holder .aui-forgotten-password {
	 	font-weight: 200;
	 	font-size: 12px;
	 	text-decoration: underline;
	 	color:#00338d;
	 	line-height: 36px;
		display: inline-block;
	 }

	.aui-button-holder .aui-button-input-submit  {
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		background:#7FC201;
		border: 0;
		border-radius: 10px;
		min-width:170px;
		text-align: center;
		padding:17px 30px;
		float:right;
		transition:0.3s;
		border-bottom:4px solid #73AF01;
		margin:5px;
	}
	
	.aui-button-input-cancel  {
		font-size: 18px;
		font-weight: bold;
		border: 0;
		border-radius: 10px;
		min-width:170px;
		text-align: center;
		padding:17px 30px;
		float:right;
		transition:0.3s;
		border-bottom:4px solid rgba(0,0,0,0.1);
		margin:5px;
	}	

	.aui-button-holder .aui-button-input-submit:hover {
		background:rgba(127, 194, 1, 0.76);
	}

		.aui-button-holder .aui-button-input-submit i {
			float: right;
			font-size: 16px;
			line-height: 24px;
		}

/* -------------------------- */
/* ----- SIDEBAR GENERAL ---- */
/* -------------------------- */

.sidebar-wrapper {
	display: block;
}

	.item-wrap {
		background:#e6f2fa;
		padding:20px;
		clear: both;
		display: block;
		margin-bottom: 30px;
	}

		.sidebar-wrapper h3 {
			color:#00338c;
			font-weight: 600;
			font-size: 18px;
			margin:0 0 10px;
		}

		.sidebar-wrapper p {
			font-weight: 200;
			color:#434b4c;
			line-height: 22px;
		}

		.sidebar-wrapper ul {
			margin-left: 15px;
			padding:0;
		}
		
			.sidebar-wrapper ul li {
				list-style-type: square;
				font-size: 18px;
				color:#00338c;
				line-height: 24px;
			}

				.sidebar-wrapper ul li a {
					font-size: 14px;
					color:#434B4C;
					font-weight: 200;
				}

	.sidebar-button-wrapper {
		height: 40px;
		width: 100%;
		display: block;
	}

		.sidebar-button-wrapper a.button {
			float: right;
			color: #fff;
			font-size: 15px;
			line-height: 36px;
			padding:3px 45px 0px;
			background: #98c6ea;
			border-radius: 6px;
			font-weight: 200;
			display: block;
			transition:0.2s;
		}

		.sidebar-button-wrapper a.button:hover {
			text-decoration: none;
			background: #88b1d1;
		}


/* -------------------------- */
/* SIDE BAR ITEMS RESPONSIVE  */
/* -------------------------- */

@media (max-width: 1200px) {

	.sidebar-banner,
	.sidebar-instruction {
		display: none !important;
	}

	.sidebar-wrapper .sidebar-item-first {
		width: 50%;
		float: left;
		clear: none;
		padding-right: 15px;
	}

	.sidebar-wrapper .sidebar-item-last {
		width: 50%;
		padding-left: 15px;
		float: left;
		clear: none;
	}
}


@media (max-width: 767px) {
	.sidebar-wrapper .sidebar-item-last {
		display: none;
	}

	.sidebar-wrapper .sidebar-item-first {
		width: 100%;
		float: none;
		clear: both;
		padding: 0px;
	}
}

/* -------------------------- */
/* SIDE BAR ITEM: INSTRUCTION */
/* -------------------------- */

.sidebar-instruction {
	padding: 20px;
	clear: both;
	display: block;
	position: relative;
	margin-bottom: 30px;
	background: #fff;
	border:1px solid #98C7EB;
	-webkit-box-shadow: 0 0 6px 0 #ccd4e5;
	box-shadow: 0 0 6px 0 #ccd4e5;
}

	.sidebar-instruction .instruction-pointer {
		width: 24px;
		height:24px;
		left: -13px;
	    top: 40%;
		content: "\00a0";
		display: block;
		position: absolute;
		background-color: #fff;
	    /*box-shadow: -3px 3px 3px 0 rgba(0,41,124,0.1);*/
	   	border-bottom:1px solid #98C7EB;
	   	border-left:1px solid #98C7EB;
	    transform:             rotate( 45deg );
	        -moz-transform:    rotate( 45deg );
	        -ms-transform:     rotate( 45deg );
	        -o-transform:      rotate( 45deg );
	        -webkit-transform: rotate( 45deg );
	}
		
/* -------------------------- */
/* SIDE BAR ITEM: TWITTERFEED */
/* -------------------------- */

	.twitterfeed-wrapper {
		width: 100%;
		padding:15px 0;
	}
	
	/* temporary */
	.twitterfeed-wrapper .dummy-img {
		width: 100%;
		max-width:332px;
		height: auto;
	}


/* -------------------------- */
/*  -----   FOOTER     -----  */
/* -------------------------- */
	@media (min-width: 992px) {

		.footer-wrapper .social-wrapper {
			min-height: 200px;
			clear: none;
		}

		.footer-wrapper .quicklinks-wrapper,
		.footer-wrapper .about-wrapper
		{
			margin: 0px;
		}
	}