.existsSpan {
	margin-left:15px;
	color:#ed6451;
	font-size:16px;
	font-weight:bolder
}

.text-warning {
  color: #c09853;
}

.text-error {
  color: #b94a48;
}

.text-money {
  color: #849e55;
}

.text-info {
  color: #3a87ad;
}

.text-success {
  color: #468847;
}

.linkColor {
	color:#0071bb;
	cursor:pointer;
}

#statusDropdown {
	position:fixed;
	width:100%;
	z-index:9999;
	background: transparent;
	pointer-events: none;
}
#statusDropdown div {
	background-color:#51b1e4; /*ED6451*/
	opacity:0;
	display:table;
	margin: 0 auto;
	border-radius: 0 0 5px 5px;
	color:#ffffff;
	min-width:200px;
	max-width:80%;
	padding: 10px 10px;
	text-align:center;
	font-weight:bold;
	border:2px solid #fff;
	border-top:none;
	pointer-events: auto;
}
/* just for dev */
#statusDropdown span {
	pointer-events: visible;
}
/* EO just for dev */
/*----------- Back to top --------------*/
#toTop {
	display: none;
	width: 37px;
	height: 37px;
	overflow: hidden;
	background-image:url(../img/back_top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	position: fixed;
	margin-right: -670px !important;
	right: 50%;
	bottom: 40px;
	z-index: 9999;
}
#toTop:hover {
	background-position:0 -37px;
}

.marg10Right {
	margin-right: 10px;
}

.ft_tile {
	position:relative;
	width:96%;
	left:2%;
	background-color: grey;
	color:#fff;
	height:70px;
	text-align:center;
	cursor:pointer;
	font-size:15px;
	display: table;
}

.ft_tile.disabled {
	cursor: not-allowed;
	opacity: .9;
}

.ft_tile span {
	display: table-cell;
	vertical-align: middle;
}

.ft_tile.ft_tile_active {
	background-color: #0071bb !important;
}

.ft_tile:not(.disabled):hover {
	background-color: #0893b1 !important;
}

.ft_tile.ft_tile_active:hover {
	background-color: #081ba4 !important;
}
.submitButton {
	background-image: url("/img/submitButton.png");
	height: 48px !important;
	width: 158px !important;
	padding: 0;
	border: 0;
}

.smallerText {
	font-size: smaller;
}

/*
 * get datepicker to appear in front of the navigation
 */
.ui-datepicker {
	z-index: 1002 !important;
}

/**
 * Section: Bootstrap Overwrites and Edits
 *
 * Description: Any css that effects or overwrites the bootstrap default css styling should be written in this section.
 *
 * @author: Jonathan Tremblay
 * @since: 
 */
 
 .btn
 {
	border-radius: 5px;
 }
 
/*-------------------------------------------------------------------------------------------------------------------------*/

/**
 * Index css
 *
 * @author Jonathan Tremblay
 */

 .xoverflowScroll {
    overflow-x: scroll;
}
 
 #clickDevAutoRefresh
 {
	 cursor:pointer ;
 }
 
#devResourceMenu
{
	position:absolute;
	right:79px;
	top:0px;
	display:none;
	visibility:hidden;
	background-color: black;
	list-style-type: none;
}
#autoTime
{
	position:absolute;
	right:96px;
	top:0px;
	display:none;
	visibility:hidden;
	background-color: black;
	list-style-type: none;
}
.panel {
  
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  padding: 10px 15px;
  
  font-size: 17.5px;
  font-weight: 500;      
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-footer {
  padding: 10px 15px;
  margin: 15px -15px -15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-primary {
  border-color: #428bca;
}

.panel-body
{
	margin:15px;
}

.panel-primary .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-info {
  border-color: #d6e9c6;
}

.panel-info .panel-heading {
  color: #468847;
  background-color: lightsteelblue;
  border-color: #d6e9c6;
}

.panel-warning {
  border-color: #fbeed5;
}

.panel-warning .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-danger {
  border-color: #eed3d7;
}

.panel-danger .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

summary
{
	display:block;
}

/* Deatils CSS */

/* <details> and <summary> are block level elements */
details, summary { display: block; }

/* The following styles will only get applied if JavaScript is enabled and <details> is not natively supported */

/* Add focus styles (for keyboard accessibility) */
.no-details summary:hover, .no-details summary:focus { background: #ddd; }
details.no-details > summary:before { float: left; width: 20px; content: '► '; }
details.no-details.open > summary:before { content: '▼ '; }
/* The following styles are not really needed, since the jQuery script takes care of hiding/displaying the elements. */
/* However, we’re still gonna use CSS as well to prevent FOUC in browsers that understand these selectors. */
/* Remember: by default (and probably most of the time), the contents of the <details> element are hidden. */

/* Hide all direct descendants of every <details> element */
/* Note that IE6 doesn’t support the child selector; we’ll work around that using jQuery later */
details.no-details  > * { display: none; }

/* Make sure summary remains visible */
details.no-details summary { display: block; }

/* Apply a pointer cursor upon hover to indicate it’s a clickable element. These styles can be applied regardless of whether the fallback is needed */
summary { cursor: pointer; }

div.campaignFiltersDiv {
	float:right;
}
div.campaignFiltersDiv div.employeeFilterDiv,
div.campaignFiltersDiv div.podFilterDiv
{
	display: inline-block;
}
div.campaignFiltersDiv div.podFilterDiv
,div.campaignFiltersDiv button.campaignFiltersGoButton
{
	margin-left: 15px;
}

.searchResults {
	border-bottom: 2px solid black;
}

/*-------------------------------------------------------------------------------------------------------------------------*/


/* Job Completed Coloring */
.Job_Completed_tasks.even
{
	background-color: #548aff !important;
}
.Job_Completed_tasks.even:hover
{
	background-color: #6898fd !important;
}
.Job_Completed_tasks.odd
{
	background-color: #7da6fd !important;
}
.Job_Completed_tasks.odd:hover
{
	background-color: #9ab9fb !important;
}

/* Task Completed Coloring */
.Task_Completed_tasks.even
{
	background-color: #94ffec !important;
}
.Task_Completed_tasks.even:hover
{
	background-color: #abfff0 !important;
}
.Task_Completed_tasks.odd
{
	background-color: #b9fbef !important;
}
.Task_Completed_tasks.odd:hover
{
	background-color: #c7fff5 !important;
}


/* Active Task Coloring */

.Active_tasks.odd
{
	    background-color: #A9F5BC !important;
}
.Active_tasks.odd:hover
{
	    background-color: #87FFA0 !important;
}

.Active_tasks.even
{
	    background-color: #8DF2A7 !important;
}
.Active_tasks.even:hover
{
	     background-color: #87FFA0 !important;
}

/* "Signed Agreement" Task Coloring */

.Signed_Agreement_tasks.odd
{
	background-color: #F2F5A9 !important;
	    
}
.Signed_Agreement_tasks.odd:hover
{
	background-color: #FBFFA8 !important;
}

.Signed_Agreement_tasks.even
{
	background-color: #F0F280 !important;
}
.Signed_Agreement_tasks.even:hover
{
	background-color: #FFFF80 !important;
    
}

/* Prospect Task Coloring */

.Prospect_tasks.odd
{
	background-color: #fdce73 !important;
}

.Prospect_tasks.odd:hover
{
	background-color: #fdd382 !important;
}

.Prospect_tasks.even
{
	background-color: #ffc75c !important;
}

.Prospect_tasks.even:hover
{
	background-color: #fdcd71 !important;
}

/* "Actual" Task Coloring */

.Actual_Job_tasks.odd
{
	    background-color: #ffb381 !important;
}
.Actual_Job_tasks.odd:hover
{
	    background-color: #fdbc90 !important;
}

.Actual_Job_tasks.even
{
	    background-color: #fb914a !important;
}
.Actual_Job_tasks.even:hover
{
	    background-color: #ffa569 !important;
}

/* Spec Task Coloring */

.Spec_Job_tasks.odd
{
	    background-color: #ff8585 !important;
}
.Spec_Job_tasks.odd:hover
{
	    background-color: #fd9393 !important;
}

.Spec_Job_tasks.even
{
	    background-color: #fd9b9b !important;
}
.Spec_Job_tasks.even:hover
{
	    background-color: #fba4a4 !important;
}

/* Not Applicable Coloring */

.Not_Applicable_tasks.even
{
	background-color: rgba(255,47,47,.75) !important;
}
.Not_Applicable_tasks.even:hover
{
	background-color: rgba(255,73,73,.75) !important;
}
.Not_Applicable_tasks.odd
{
	background-color: #fd6868 !important;
}
.Not_Applicable_tasks.odd:hover
{
	background-color: #ff8181 !important;
}

.drawer-menu-container {
	padding: 0px 20px 0px 0px;
}
.widgetBubble {
	width: 100%;
	margin: 10px 5px;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 2px;
	border: 2px solid #ccc;
	background-color: white;
}
.widgetBubble:hover {
	border: 2px solid #ff8040;
}

.drawer-nav {
	position: fixed;
	background-color: rgba(0,113,187,.8) !important;
	text-align: center;
}

.drawer-nav > h2 {
  border-bottom: 1px solid white;
  color: white;
}

.drawer-menu {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 95%;
}

.text-muted {
	opacity: .6;
}