/*
 * ************************************************************* *
 * Name         :  Power Tour style : clean                      *
 * Description  :  CSS styling for the tour plugin.              *
 * Version      :  Version 1.0.2                                 *
 * Author       :  CreativeMilk                                  *
 * Author URI   :  www.creativemilk.net                          *
 * Updated      :  2015-09-14 14:10:18 UTC+02:00                 *
 * Copyright    :  (c) 2015 CreativeMilk                         *
 * ************************************************************* *
 */
 
#powertour-mask{
	background-color : #000;
	filter           : alpha(opacity=70);
	-moz-opacity     : 0.7;
	-khtml-opacity   : 0.7;
	opacity          : 0.7;
}
.single-step{
	position         : relative;
	display          : none;
	z-index          : 9001;
	/*
	-webkit-box-shadow : 0 0 4px 0 #ccc;
	-moz-box-shadow    : 0 0 4px 0 #ccc;
	box-shadow         : 0 0 4px 0 #ccc;
	*/
	padding          : 15px;
	background-color : #fff;
	color            : #333;
	text-align       : left;
	font-weight      : normal;
	border: 2px solid #e5b143;
	background: #fefbe2;
	border-radius: 8px;
}
.single-step header{
	float       : left;
	height      : 30px;
	width       : 100%;
	margin-bottom: 5px;
	line-height : 30px;
}
.single-step header h3{
	margin      : 0;
	font-size   : 18px;
	line-height : 22px;
	font-weight : bold
}
.single-step footer{
	float       : left;
	height      : 30px;
	overflow: hidden;
	width       : 100%;
	margin      : 20px 0 0 0;
	line-height : 30px;
	text-align: center;
	position: relative;
}
.single-step footer a{
	font-size: 18px;
	line-height: 18px !important;
	padding: 0;
}
.single-step footer a.end{
	padding: 4px 8px !important;
	position: absolute;
	top: 0;
	left: 38%;
	left: calc(50% - 27px);
	display: block;
}
.single-step footer a[data-powertour-action="prev"], .single-step footer a[data-powertour-action="next"], .single-step footer a[data-powertour-action="goto"], .single-step footer a.right, .single-step footer a.left{
	background: none !important;
}
.single-step footer a[data-powertour-action="prev"], .single-step footer a[data-powertour-action="goto"], .single-step footer a.left{
	float: left;
}
.single-step footer a[data-powertour-action="next"], .single-step footer a.right{
	float: right;
}
.single-step footer a > span{
	color: #3A86B1;
	font-size: 26px;
	line-height: 34px !important;
	pointer-events: none;
	display: block;
}
.single-step footer:after{
	content: '';
	display: table;
	clear: both;
}
.single-step .close-btn{
	position         : absolute;
	top              : -34px;
	right            : -1px;
	height           : 24px;
	width            : 24px;
	background-color : #eee;
	font-family      : Verdana, Geneva, sans-serif;
	font-size        : 14px;
	font-weight      : 700;
	color            : #333;
	color            : #999;
	line-height      : 18px;
	text-align       : center;
	text-decoration  : none;
	border           : 1px solid #ccc;
}
.single-step p{
	color: #333 !important;
	text-align: left;
	font-weight: normal !important;
	font-size: 14px !important;
	font-family: Lato, sans-serif !important;
	line-height: 130% !important;
}
.ptbutton{
	cursor: pointer !important;
	border: none;
	color: #fff !important;
	background: #3A86B1 !important;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	padding: 4px 8px;
	vertical-align: top;
}
.mod_touchevents .ptbutton{
	padding: 8px 10px;
}
.single-step footer > div{
	display: inline-block;
}
.powertour-active.powertour-highlight, .powertour-highlight.powertour-activehook{
	background-color : #fff;
	padding: 5px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#graph-details.powertour-highlight.powertour-activehook{
	padding: 0;
	margin-left: 10px
}
#refreshFilters.powertour-hook{
	overflow: visible;
}
#filter-wrap.powertour-highlight, #main-chart.powertour-hook, #currentFilters.powertour-hook, .graphTypes.powertour-hook, #facesheet-img-wrap.powertour-hook, #print-button-wrap.powertour-hook{
	padding: 0 !important;
}
#graph-details.tour-head{
	background: #fff;
	background: rgba(255,255,255,.5);
}

.blinkOB, .blinkOBColor, .blinkWBColor{
	-webkit-animation-duration: 5s; 
    animation-duration: 5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; 
}
.blinkOB{
	background-color: inherit !important;
	-webkit-animation-name: blinkOB; 
	animation-name: blinkOB;
}
.removePerson.blinkOBColor i.trash, #graph-details a.blinkWBColor i.refreshTable, #refreshFilters.blinkOBColor{
	color: inherit !important;
}
.blinkOBColor{
	-webkit-animation-name: blinkOBColor; 
	animation-name: blinkOBColor; 
}
.blinkWBColor{
	-webkit-animation-name: blinkWB; 
	animation-name: blinkWB; 
}
.mod_no-cssanimations .blinkOBColor, .mod_no-cssanimations .blinkWBColor{
	color: #000 !important;
}
.mod_no-cssanimations .blinkOB{
	background-color: #E5B143 !important;
}
@-webkit-keyframes blinkOB { 
    0%, 50%, 100% {background-color: #3A86B1;} 
    25%, 75% {background-color: #E5B143;} 
} 
@keyframes blinkOB { 
    0%, 50%, 100% {background-color: #E5B143;} 
    25%, 75% {background-color: #3A86B1;} 
}
@-webkit-keyframes blinkOBColor { 
    0%, 50%, 100% {color: #3A86B1;} 
    25%, 75% {color: #E5B143;} 
} 
@keyframes blinkOBColor { 
    0%, 50%, 100% {color: #E5B143;} 
    25%, 75% {color: #3A86B1;} 
} 
@-webkit-keyframes blinkWB { 
    0%, 50%, 100% {color: #3A86B1;} 
    25%, 75% {color: #fff;} 
} 
@keyframes blinkWB { 
    0%, 50%, 100% {color: #fff;} 
    25%, 75% {color: #3A86B1;} 
}

#steps-footer{
	bottom: -60px;
	z-index: 99999999;
	position: fixed;
	left: 0;
	right: 0;
	height: 60px;
	background-color: #fefbe2; 
	border-top: 2px solid #e5b143;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#powertour-controls{
	width: auto;
	position: absolute;
	right: 10px;
	bottom: 15px;
	margin-left: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#steps-footer .ptbutton{
	background: #E5B143 !important;
}
#steps-footer .ptbutton:hover, #steps-footer .ptbutton.selected{
	background: #3A86B1 !important;
}
#progressmeter{
	width: 200px;
	height: 5px;
	position: absolute;
	bottom: 33px;
	left: 20px;
	z-index: 9999;
	background-color: #ccc;
}
#progressmeter-bar{
    width: 0;
    height: 5px;
    background-color: #E5B143;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#progressmeter-text{
    float: right;
    color: #333;
    font-size: 12px;
}
#progressmeter-text span{
	color: #E5B143;
	font-weight: bold;
}