@charset "UTF-8";

@import url('bootstrap.min.css');
@import url("jquery-ui.css");
@import url("wysiwyg.css");
@import url("fullcalendar.css");
@import url("bootstrap-datetimepicker.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

/**
* Justin McDanel - Augustana College
* 4-19-2016
**/

/*      Site Colors quick grab
 *
 *      
*/

/*------ main style ----------------------------------------*/
body { text-align: left; font-weight: normal;}
h1, h2, h3, h4, h5, h6 {  margin: 0;}
h1 { font-weight: bold;}
h3 { font-size: 20px; line-height:20px; font-weight: bold;}
/*img { display: block; height: auto; max-width: 100%;}*/

.background { position: relative;width: 100%;}

.gray-fill { background-color: #F8F8F8;}
.blue-fill { background-color: #32558A; color: #ffffff;}
.blue-fill a{ color: #ffffff !important;}
.green-fill { background-color: #5cb85c; color: #ffffff;}
.yellow-fill, .yellow-fill TH { background-color: #F1C40F;}
.error { color: red; display: block;}
.kudos-fill {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,f1c40f+65 */
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top, #ededed 0%, #f1c40f 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ededed 0%,#f1c40f 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ededed 0%,#f1c40f 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#f1c40f',GradientType=0 ); /* IE6-9 */}
.bs-callout {
    padding: 20px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout table {
	margin: 0;
}
.bs-callout-danger {
  border-left-color: #ce4844;
}
.bs-callout-danger h4, .protip {
  color: #ce4844;
}
.bs-callout-warning {
  border-left-color: #aa6708;
}
.bs-callout-warning h4 {
  color: #aa6708;
}
.bs-callout-info {
  border-left-color: #1b809e;
}
.bs-callout-info h4 {
  color: #1b809e;
}

.header { margin-bottom: 30px;}
.nav.navbar-nav > li a { cursor: pointer;}

.main-content { min-height: 700px;}

.footer { margin-top: 50px;}
.footerpad { margin-top: 30px; margin-bottom: 30px;}

/*--------- bootstrap nav changes -----------------------*/
/*---drop on hover---*/
ul.nav li.dropdown:hover > ul.dropdown-menu{ display: block;}
/*---top level clickable---*/
a.menu:after, .dropdown-toggle:after { content: none; }

.navbar { margin-bottom: 0; margin-top: 0px;}
a.navbar-brand { color: #F1C40F;}
.navbar-inner { padding: 0; background-image: none; background: none; background-color: transparent; box-shadow: none; border: 0; filter: none;}
.nav { font-size: 18px; line-height: 18px; font-weight: 100;}
.navbar .nav > li > a { text-shadow: none; color: #ffffff; padding: 15px;}
.nav.navbar-nav > li > a:hover { color: #32558A;}
.special { background: #047cc2; opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=7);}
.navbar-toggle { background-color: #F1C40F !important; color: #336699 !important;}
.navbar-brand {
    height: auto;
    padding: 5px;
}
.navbar-brand img {
	height: 45px;
}

.dropdown-menu li a {
	color: #32558A !important;
}

.search_header H1 {
	color: #fff;
	font-size: 25px;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.failed { color: red;}
/*--------------------------------
	Calendar
--------------------------------*/
.fc-body { background: #ffffff;}
.fc-head { background: #336699; color: #ffffff;}
.fc-title { color: red; font-size: 100px;}

/*--------------------------------
	AUTOCOMPLETE - jQuery - UI
--------------------------------*/
.ui-autocomplete {
    background: #ffffff;
	color: #0070CD;
}
.ui-autocomplete li {
    font-size: 16px;
	background: #ffffff;
}
.ui-autocomplete li:hover {
    background: #0070CD;
	color: #ffffff;
}


/*--------------------------------
	App Specific
--------------------------------*/
.information { font-weight: bold; font-size: 20px; margin-top: 10px; margin-bottom: 30px;}
table.table.header {margin-bottom: 0;}
table.table.header td { padding: 0; border: 0;}
table.table.header h3 { font-size: 30px; line-height: 30px; font-weight: normal;}
#search { position: fixed;}
.search { padding: 5px;}
.leftWall, .rightWall { display: table; height: 100%; margin-bottom: 2px;}
.rightWall:hover { background-color: #E3EEF0 !important;}
.industry { font-size: 10px; color: #ffffff; padding: 3px 0 3px 10px;}
.industryLeft, .industryRight, .namesLeft { display: table-cell; height: 100%;}
.industryLeft { width: 5px; color: #ffffff;}
.industryRight { width: 25px;}
.clientLeft { display: table-cell;padding: 3px; vertical-align:top; background: #ffffff;}
.highlight {font-size: 30px; font-weight: bold; color: #5cb85c;}
.sidebar { width: 18%;}

.stat { display: inline-block;
font-size: 20px;}
.stat .wrapper {     margin: 5px 0 5px 0;
    border-right: 1px solid #363a41;
    margin-right: 7px;
    padding-right: 7px;}
.stat-last { border-right: 0 !important;}
.stat-fact { display: block; font-weight: bold; color: #5cb85c;}
[id^='goal_note-drop']:hover { cursor: pointer;}
.search .stat { font-size: 16px !important;}
.search h1 { font-size: 40px;}
.search.report { font-size: 20px; font-weight: bold;}
input[type=checkbox].form-control {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: -8px;
}
h2.petition, #petition h3 {
	margin-bottom: 30px;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

@media print { 
	body { font-size: 12px;}
	.alert { padding: 5px;}
	h1 { font-size: 20px;}
	.information { font-size: 16px;}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 5px;}
	.page-header {visibility: hidden; display:none;}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		padding: 3px;
		line-height: 1;
	}
	.modal-header {
		padding: 0;
	}
}


/*---------------Tablet-----------------------------------------------*/
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 767px) {
}
@media (max-width: 979px) {
}
/*---------------Desktop-----------------------------------------------*/
@media (min-width: 1200px) {
}
@media (min-width: 980px) and (max-width: 1199px) {
	h3 { font-size: 16px; line-height:16px;}
	.mainButtons button{ font-size: 12px !important; padding: 4px 8px !important;}
}
@media(min-width: 980px) {
	.notes { height: 100px !important; min-height: 100px;}
}
/*---------------phone-----------------------------------------------*/
@media (max-width: 480px) {
}



/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 60px;
}
hr {
	margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #cccccc;
}


/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
  color: #32558A;
}
.nav-sidebar > .blue-fill.active > a {
  background-color: #F1C40F;
  font-weight: bold;
}
.nav-sidebar > .active > a {
  color: #32558A;
  background-color: #eee;
  font-weight: bold;
}

/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

.red {
	color: red;
}
.green {
	color: green;
}
.yellow {
	color: yellow;
}

.employee {
	padding-top: 10px;
	padding-bottom: 10px;
}
.employee:hover, .employee_inverse:hover {
	background: #E8FFFC;
}
.employee_inverse {
	background: #FBFBFB;
}
div.panel-primary div.panel-heading div.pull-right .btn-default i, div.panel-info div.panel-heading div.pull-right .btn-default i, .well i {
	color: #32558A;
}
.matchHeight button {
	display: inline-block;
}

.panel-body.employeeGoal {
	padding: 0;
}
.goal-text {
	padding: 15px;
}

.kudos_wrapper {
    height: 60px;
    width: 60px;
	margin: 0 0 10px;
}
.kudos_wrapper:hover {
	cursor: pointer;
}
.kudos {
	border-radius: 60px;
	height: 60px;
	width: 60px;
	border: 3px solid #32558A;
	display: inline-block;
}
.kudos img {
    display: block;
    margin: 12px auto 0;
}

.panel-primary>.panel-heading {
	background-color: #32558A;
    border-color: #32558A;
}
.panel .btn { padding: 1px 4px; }

.smart {
	font-size: 16px;
}
.smart H3 { 
	color: #4c81c7;
	font-size: 28px;
	margin-bottom: 10px;
}
.smart H3 BIG {
	font-size: 50px;
}
.smart P {
	margin-bottom: 30px;
}
.category {margin-bottom: 10px;}
.category h2 {padding: 10px;}

.conversation {
	padding: 0;
}
.conversation LI {
	list-style: none;
}
.conversation LI A {
	position: relative;
    display: block;
	cursor: pointer;
	padding: 5px;
}
.conversation LI:hover {
	background: #eee;
}
.conversation LI.heading {
	background: #eee;
	color: #32558A;
	font-weight: bold;
	padding: 5px;
}

.goal {
	background: #f5f5f5;
	padding: 10px;
	margin-bottom: 20px;
}
.goal label {
	color: #4c81c7;
}

.aprStatus { padding: 5px;}

#conversationHeading, #goalHeading, [id^='catConv'] {
	cursor: pointer;
}

.panel.landing {
	text-align: center !important;
	font-size: 30px !important;
}
.panel-body .description {
	min-height: 250px;
}
.panel.landing .btn {
	padding: 6px 12px !important;
	width: 100%;
}




		/* select with custom icons */
		.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item-wrapper {
			padding: 0.5em 0 0.5em 3em;
		}
		.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon {
			height: 24px;
			width: 24px;
			top: 0.1em;
		}
		
		/* select with CSS avatar icons */
		option.avatar {
			background-repeat: no-repeat !important;
			padding-left: 20px;
		}
		.avatar .ui-icon {
			background-position: left top;
		}
		
		#symbol,.ui-selectmenu-menu {
			 z-index: 1051;
		}
		
		.ui-icon {
			width: 30px;
			height: 30px;
		}
		.ui-menu {
			 height: 200px;
			 font-size: 30px;
		}
		.ui-selectmenu-menu .ui-menu {
			overflow-y: scroll;
			overflow-x: hidden;
			padding-bottom: 1px;
		}


.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	opacity: 1;
}

.entries {
	margin-top: 30px;
	margin-bottom: 0;
}
.olderEntries {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 0 0 10px 10px;
	padding: 7px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
}
.olderEntries:hover {
	background-color: #eee;
	color: #000;
}
.glyphicon {
	font-size: 24px;
}
.cheminfo tr > td:first-of-type {
	font-weight: bold;
}