/*
 * ApplyWeb Form System Styles
 *
 * Custom CSS file for Bootstrap 3
 * http://getbootstrap.com/
 *
 * Style sheet made for CollegeNET by
 * William Hyde - @WilliHyde
 *
 */

/* -+-+-+-+-+-+ Font Calls -+-+-+-+-+-+ */
@font-face {
	font-family: 'Flex-Look-Icons';
	src:url('/aw_fonts/flex_look/Flex-Look-Icons.eot');
	src:url('/aw_fonts/flex_look/Flex-Look-Icons.eot?#iefix') format('embedded-opentype'), 
		url('/aw_fonts/flex_look/Flex-Look-Icons.woff') format('woff'), 
		url('/aw_fonts/flex_look/Flex-Look-Icons.ttf') format('truetype'), 
		url('/aw_fonts/flex_look/Flex-Look-Icons.svg#Flex-Look-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
.fli {
	font-family: 'Flex-Look-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* -+-+-+-+-+-+ Text/font -+-+-+-+-+-+ */
.ufe-text-capitalize {
	text-transform: capitalize;
}
.ufe-main-color-dark a {
	text-decoration: underline;
}

/* Overwrite the default bootstrap style in bootstrap.min.css to create accessible contrast. Bill 3/8/16 UX-94 */
#ufe-content .text-muted {
	color : #6a6a6a;
}

/* -+-+-+-+-+-+ Header -+-+-+-+-+-+ */
/* START additional styles for better look at 200% text zoom. Bill 3/20/16 WEBDEV-838 */
.inst-header img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
/* END additional styles for better look at 200% text zoom. Bill 3/20/16 WEBDEV-838 */

/* -+-+-+-+-+-+ Headings -+-+-+-+-+-+ */

/* START fix for WEBDEV-630. Bill 2/9/16 */
h1.den-hero:not(.den-hero-img) {
	background: #e9e9e9;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(201,21%,79%,0)), color-stop(50%,hsla(201,21%,79%,1)), color-stop(100%,hsla(201,21%,79%,0)));
	background: -webkit-linear-gradient(left, hsla(201,21%,79%,0) 0%,hsla(201,21%,79%,1) 50%,hsla(201,21%,79%,0) 100%);
	background: linear-gradient(to right, hsla(201,21%,79%,0) 0%,hsla(201,21%,79%,1) 50%,hsla(201,21%,79%,0) 100%);
	background-size: 100% 1px;
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 15px;
}

h1.den-hero:not(.den-hero-img) hr {
	display: none;
}
/* END fix for WEBDEV-630. Bill 2/9/16 */

/* -+-+-+-+-+-+ JS AD layer -+-+-+-+-+-+ */
.jsad-layer {
	margin-left: -10px;
	padding-left: 5px;
	border-left: 5px solid #ecf0f1;
}

/* -+-+-+-+-+-+ Modals -+-+-+-+-+-+ */
.ufe-modal-icon {
	display: inline-block;
	font-size: 14px;
	line-height: 1.2857142857142;
}
.ufe-modal-icon:hover, 
.ufe-modal-icon:focus {
	text-decoration: none;
}

/* -+-+-+-+-+-+ Fileupload -+-+-+-+-+-+ */
.ufe-attachment-allowed-types {
	font-size: 11px;
}

/* -+-+-+-+-+-+ Print -+-+-+-+-+-+ */
#ufe-html-print-body {
	background-color: white;
}
.ufe-html-print #ufe-main-form {
	padding: 0 15px;
}
.ufe-html-print .den.den-sublayer {
	box-shadow: none;
	background-color: #ffffff;	
}

/* -+-+-+-+-+-+ Print w/ Page Nav -+-+-+-+-+-+ */
.ufe-html-print .header-hero, 
.ufe-html-print .aw-footer, 
.ufe-html-print .actions_nav, 
.ufe-html-print .alcove-menu {
	display: none;
}
body.ufe-html-print {
	padding-top: 0;	
}
.ufe-html-print .den {
	box-shadow: none;
	-webkit-box-shadow: none;	
}

/* -+-+-+-+-+-+ Rating Table -+-+-+-+-+-+ */
.panel-aw > .rating-questions {
	padding: 0 15px;
}
.panel-aw > .rating-questions .row {
	margin-bottom: 15px;	
}
.rating-title {
	display: block;
	text-align: right;
	padding-top: 5px;
}
.rating-btn-group {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.rating-btn-group > .btn {
	position: relative;
	display: table-cell;
	float: none;
	width: 1%;
	border-left: 1px solid #a6b3ba;
	border-left: 1px solid rgba(0,0,0,0.21);
	background-color: #bdccd4;
	color: #5a5a5a;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	padding: 4px;
	margin: 0;
	vertical-align: middle;
	white-space: nowrap;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.rating-btn-group .btn + .btn {
    margin-left: -1px;
}
.rating-btn-group > label.btn:hover, 
.rating-btn-group > label.btn:focus {
	background-color: #d3e4ed;
}
.rating-btn-group > label.btn.active, 
.rating-btn-group > .btn.ufe-checked {
	color: white;
	background-color: #34495e;
}
.rating-btn-group > label.btn.active, 
.rating-btn-group > .btn.active, 
.rating-btn-group > .btn.active:active, 
.rating-btn-group > .btn.ufe-checked {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.rating-btn-group > .btn:first-child:not(:last-child) {
	border-left: none;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-top-right-radius: 0;
}
.rating-btn-group > .btn:last-child:not(:first-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
}
.rating-btn-group > .btn:not(:first-child):not(:last-child) {
	border-radius: 0;
	-webkit-border-radius: 0;
}
.rating-btn-group > .btn > input {
	display: inline;
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.rating-label-group {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.rating-label-group > span {
	display: table-cell;
	float: none;
	text-align: center;
	padding: 0 4px;
	vertical-align: bottom;
}
.rating-questions .ufe-note.ufe-note-crx {
	margin-top: 6px;
	margin-left: 0;
}
.rating-questions .ufe-note.ufe-note-crx > .ufe-msg {
	width: 100%;
	max-width: none;
}

/* -+-+-+-+-+-+ Legends -+-+-+-+-+-+ */
.ufe-fieldset legend + h1, .ufe-fieldset legend + h2, 
.ufe-fieldset legend + h3, .ufe-fieldset legend + h4, 
.ufe-fieldset legend + h5, .ufe-fieldset legend + h6, 
.ufe-fieldset legend + .h1, .ufe-fieldset legend + .h2, 
.ufe-fieldset legend + .h3, .ufe-fieldset legend + .h4, 
.ufe-fieldset legend + .h5, .ufe-fieldset legend + .h6 {
	margin-top: 0;
}

/* -+-+-+-+-+-+ Anchors -+-+-+-+-+-+ */
.ufe-anchor {
	display: block;
	position: relative;
	top: -108px;
	visibility: hidden;
}

/* -+-+-+-+-+-+ Icons -+-+-+-+-+-+ */
.fli-wrench-pencil:before { content: "\e600"; }
.fli-user:before { content: "\e601"; }
.fli-pencil-paper:before { content: "\e602"; }
.fli-pencil:before { content: "\e603"; }
.fli-papers:before { content: "\e604"; }
.fli-books-stacked:before { content: "\e605"; }
.fli-book-open:before { content: "\e606"; }

/* -+-+-+-+-+-+ Debug -+-+-+-+-+-+ */
.aw-debug {
	position: relative;
	margin-top: 20px;
	z-index: 2;
}
.aw-debug:after {
	clear: both;
}
.aw-debug:before, .aw-debug:after {
	content: "";
	display: table;
}

/* -+-+-+-+-+-+ Sandbox Login -+-+-+-+-+-+ */
#auth-form input {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/* -+-+-+-+-+-+ Alcove / Sidenav -+-+-+-+-+-+ */
.ufe-alert-side-nav {
	padding: 5px;
	margin: 5px 10px 0;
}

/* -+-+-+-+-+-+ CRX -+-+-+-+-+-+ */
.ufe-data-crx-send .den .den-hero {
	display: none;	
}
.ufe-data-crx-send .den #ufe-page-anchor-1 + .den-hero {
	display: block;
}

/* -+-+-+-+-+-+ Index page -+-+-+-+-+-+ */
.ufe-index-header > a {
	text-decoration: none;
	transition: color 300ms linear;
	-webkit-transition: color 300ms linear;
}
.ufe-index-list {
	list-style: none;
	margin: 15px 0;
	padding: 0;
}
.ufe-index-list li {
	margin: 8px 0;
	padding-left: 25px;
}
.ufe-index-list li:before {
	position: absolute;
	width: 25px;
	margin-left: -25px;
	text-align: center;
	color: #7f8c8d;
}
ul.ufe-index-list li:before {
	content: "\2022";
}
.ufe-cursor-help {
	cursor: help;
}

/* -+-+-+-+-+-+ PM Override -+-+-+-+-+-+ */
.ufe-flex-layout .pmui-org-title, 
.ufe-flex-layout .pmui-org-title > a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

/* -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
/* -+-+-+-+-+-+-+-+-+-+-+-+ MEDIA QUERUIES */
@media (max-width: 991px) {
	.side-nav-title {
		margin: 0 -10px 10px;
	}
	.ufe-side-nav li > a, 
	.ufe-side-nav li > button, 
	.ufe-side-nav li > span {
		color: #ecf0f1;
	}
	.ufe-side-nav li.ufe-after > a, 
	.ufe-side-nav li.ufe-after > button, 
	.ufe-side-nav li.ufe-after > span {
		color: #95a5a6;
	}
	.ufe-side-nav li > a:hover, 
	.ufe-side-nav li > a:focus, 
	.ufe-side-nav li > button:hover, 
	.ufe-side-nav li > button:focus {
		background-color: #434343;
		color: white;
	}
	.ufe-side-nav li.ufe-active > a, 
	.ufe-side-nav li.ufe-active > button, 
	.ufe-side-nav li.ufe-active > span {
		color: white;
		background-color: #676767;
	}
	.ufe-alert-side-nav {
		margin: 5px 10px;
	}
}
@media (max-width: 767px) {
	.rating-title {
		text-align: left;
		padding: 10px 0;
	}
	.ufe-ustat {
		border: 1px solid #bdc3c7;
		overflow-x: scroll;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
	}
	.ufe-ustat > .aw-bootstrap {
		min-width: 650px;
	}
}
@media (max-width: 480px) {
	.ufe-anchor {
		top: -83px;
	}
}
/* -+-+-+-+-+-+-+-+-+-+-+-+ PRINT */
@media print {
	.rating-btn-group > .btn.ufe-checked, 
	.rating-btn-group > .btn.active {
		border: 1px solid black;
	}
}