/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  padding-top:10px;
  background-color: #f5f5f5;
}
/*---------------------------------------------------*/
.btn-group-xs > .btn, .btn-xs {
	padding: .25rem .35rem;
	font-size: .875rem;
	line-height: .5;
	border-radius: .2rem;
}
/*---------------------------------------------------*/
.home-logo{	
	margin:0 auto;
	margin-top:8em;
	text-align:center;
}
/*---------------------------------------------------*/
tr.clickable{
	cursor:pointer;
}
/*---------------------------------------------------*/
.progress{
	height:8px;
}
/*---------------------------------------------------*/
.test{
	font-family: 'Lato', sans-serif;
	color:#886;
}
.test h3{
	font-size:14pt;
}
/*---------------------------------------------------*/
.bench-tab-pane{
	padding-top:20px;
}
.associate-add-column{
	height:60px;
	line-height:60px;
}
.associate-count-column{
	padding-top:20px;
}
.associate-filter-panel{
/*	height:80px;*/
}
.associate-summary-panel, .associate-details-panel, .assignment-details-panel, .enquire-panel, .mailout-panel{
/*	height:200px; */
	background-color:#d9e0d9; 
}
.associate-summary-panel .associate-thumbnail{
/*	width:180px;
	height: 180px;*/
	border: solid 2px #666;
}
.associate-summary-panel .medal-icon{
	margin-top:20px;
	text-align:center;
}
.associate-summary-panel .medal-icon img{
	width:60px;
	height:60px;
}
.associate-summary-panel .associate-subdetails-block{
	margin-top:20px;
}
.associate-summary-panel .associate-subdetails-block .detail-item{
	margin-bottom:10px;
}
.associate-summary-panel .associate-subdetails-block .rating-item{
	margin-bottom:5px;
}
.associate-details-panel .associate-thumbnail{
	border: solid 2px #666;
}
.associate-details-panel .medal-icon{
	margin-top:20px;
	text-align:center;
}
.associate-details-panel .medal-icon img{
	width:80px;
	height:80px;
}
.associate-details-panel h3{
	margin-top:10px;
	margin-bottom:30px;
}
.associate-details-panel h4{
	margin-top:20px;
}
.associate-details-panel .contact-item{
	margin-bottom:20px;
}
.associate-details-panel .previous-assignments-panel{
	height:350px;
	overflow-y: scroll;
}
.associate-details-panel .notes-panel{
	height:350px;
	overflow-y: scroll;
}
.associate-details-panel .detail-item{
	margin-bottom:10px;
}
.associate-details-panel .rating-item{
	margin-bottom:8px;
}
.slider-selection{
	background:#6BC1E0;
}
.slider-handle{
	background:#3b91b0;
}
/*---------------------------------------------------*/
.previous-assignment-summary-panel{
	background-color:#c9d0c9; 
	padding:0 10px;
	margin:0 0 10px 0;
}
.previous-assignment-summary-panel .previous-assignment-summary-item{
	margin-top:4px;
}
.direct-assignment{
	color:#900;
}
/*---------------------------------------------------*/
.assignment-details-panel h3, .enquire-panel h3{
	margin-top:10px;
	margin-bottom:30px;
}
.assignment-details-panel h4, .enquire-panel h4{
	margin-top:0;
}
.assignment-details-panel .detail-item,.enquire-panel .detail-item{
	margin-bottom:10px;
}
.assignment-details-panel .notes-panel, .assignment-details-panel .client-feedback-panel, .assignment-details-panel .associate-feedback-panel{
	height:250px;
	overflow-y: scroll;
}
/*---------------------------------------------------*/
.immediately-available-flag{
	margin-left:10px;
	color:#61a366;	/*#d1514c;*/
	font-size:22px;
	line-height:5px;
}
/*---------------------------------------------------*/
.emailPreview{
	min-height: 300px;
	border:1px solid #bcb;
	padding:5px;
	background-color:#fff;
	color:#888;
}
/*---------------------------------------------------*/
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	background-color:#8ab089 !important;
}
/*---------------------------------------------------*/
.loader {
	display:inline-block;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
}
.croploadercontainer{
	color:#fff;
	height:360px;
	width:360px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px auto auto -40px;
	z-index:2;
}
.croploader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 80px;
	height: 80px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*---------------------------------------------------*/
.tabloader {
	display:inline-block;
	border: 8px solid #f3f3f3; /* Light grey */
	border-top: 8px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: tabspin 1.5s linear infinite;
}

@keyframes tabspin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}