#home_button button {width: 50%; float: right}
#head_icons {float: right; margin-right: 8px; margin-bottom: 10px; margin-top: 5px;}
#view_as {float: right; margin-left: 10px; margin-right: 10px;}
#comp_selecting {width: 25%;}
.aed_input select {margin-top: 0px; height: 30px;}
.bs-example input {height: 26px;  margin-left: 5px;}

#details_right_img {text-align: center; margin-top: 20px;}
.aed_det_right select{width: 100%; margin-bottom: 10px;}
#aed_details_heading {font-size: 16px;}
#training_details_heading {font-size: 16px;}
#back_button {cursor: pointer; width: 126px; margin-top: -14px; margin-bottom: 14px;}

#chart_head {width: 30.5%; border-right: 1px dotted #999; float: left; margin: 10px 10px 0px 10px; padding-right: 1%; font-family: 'Roboto', sans-serif;}
#chart_head2 {width: 30.5%;  float: left; margin: 10px 10px 0px 10px; padding-right: 1%; font-family: 'Roboto', sans-serif;}
#dash_title {font-weight: bold; font-size: 18px; background: #A61D25; line-height: 8px; margin-bottom: 6px;}
#chart_head h2 {font-size: 15px;}
#ted_calendar {width: 38%; float: left; margin-left: 30px; margin-right: 30px; }
#ted_calendar_input {float: left; margin-right: 0; width: 50%}
#ted_calendar_input input{}
#ted_calendar_button {width: 38%; margin-top: 10px;  margin-right: 0px;}
#ted_calendar_div button {width: 38%; margin-top: 10px;  margin-right: 0px;}
#dash_right {
	width: 29%;
	float: right;
	margin-top: 10px;
}
#dash_right2 {width: 32%; float: right; margin-top: 10px;}
#float_right_cont_search {float: right;}
#reporting button {width: 15%}
#reporting2 button {width: 7%; background: #ccc; color: #333}
#reporting2 button:hover {color: #A61D25}
#reporting3 button {width: 100%; }

#add_aed_buttons button {width: 15%}
#switch_view {float: right;}
#switch_view2 {float: right; margin-right: 10px;}
#switch_user {float: right; margin-right: 10px;}
.aed_ch_input_full button{width: 25%}
.aed_ch_input_full input{width: 25%}
#teddy_home input {width: 50%}
#filter_right {float: right; font-size: 14px; font-weight: bold;}
#filter_right a {color: #333;}
#filter_right a:hover {color: #A61D25;}
#filter_left {float: left; font-size: 14px; font-weight: bold;}
#filter_left a {color: #333;}
#filter_left a:hover {color: #A61D25;}
#filter_right_text {margin-right: 14px; display: inline}
#google-visualization-errors-0 {display: none;}
#google-visualization-errors-1 {display: none;}
#google-visualization-errors-2 {display: none;}
#google-visualization-errors-3 {display: none;}
#google-visualization-errors-4 {display: none;}
#google-visualization-errors-5 {display: none;}
#google-visualization-errors-6 {display: none;}
#google-visualization-errors-7 {display: none;}
#google-visualization-errors-8 {display: none;}
#google-visualization-errors-9 {display: none;}
/* The CSS */
select {
	padding:3px;
	margin: 0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
	-moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
	box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
	background: #f8f8f8;
	color:#333;
	border:none;
	outline:none;
	display: inline-block;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background: url("../images/select.png") no-repeat right #f8f8f8;
	min-width: 100px;
	cursor:pointer;
	width: 100%;
	
}
input {
	padding:3px;
	margin: 0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
	-moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
	box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
	background: #f8f8f8;
	color:#333;
	border:none;
	outline:none;
	display: inline-block;
	
	width: 100%;
	
}
#recursive {float: left; font-weight: bold; text-align: left}
#recursive input {width: 10%; margin-left: 10px; margin-right: 5px; margin-top: -4px;}
button, a.button, .bs-example input {
	-webkit-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
	-moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
	box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
}

#steps a.button{float: right; margin-top: 10px;}
select, input{
  
	border: 1px solid #eee;
	background-color: #FFF;
}
input[type="checkbox"] {-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;height: 15px; margin-top: 7px !important;}
	input[type="radio"] {-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;height: 15px; margin-top: 7px !important;}
.order_info button{width: 10%; float: right; font-size: 10px;}
.order_info a{float: right;}
#width33 {float: left; width: 25%; margin-right: 3.3%;}
#width15 {float: left; width: 15%; margin-right: 3.3%;}
#width36 {float: left; width: 25%; margin-right: 0%; }
#width36 select{width: 75%; margin-right: 10%; }
#width_button {float: right; width: 10%; margin-right: 0%; text-align: right;}

#heart1 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart1:before, #heart1:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: rgba(165,29,38,1); -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart1:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }

#heart2 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart2:before, #heart2:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: rgba(165,88,29,1); -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart2:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }

#heart3 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart3:before, #heart3:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: rgba(165,156,29,1); -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart3:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }

#heart4 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart4:before, #heart4:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: rgba(106,165,29,1); -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart4:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }

#heart5 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart5:before, #heart5:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: rgba(29,165,156,1); -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart5:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }

#heart6 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart6:before, #heart6:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: rgba(165,29,106,1); -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart6:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }

#heart7 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart7:before, #heart7:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: #990033; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart7:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }

#heart8 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart8:before, #heart8:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: #FF0000; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart8:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
#heart9 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart9:before, #heart9:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: #E8840C; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart9:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
#heart10 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart10:before, #heart10:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: #E8E00B; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart10:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
#heart11 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart11:before, #heart11:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: #00FF69; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart11:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
#heart12 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart12:before, #heart12:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: #16584C; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart12:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
#heart13 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart13:before, #heart13:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: #16F9FF; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart13:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
#heart14 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart14:before, #heart14:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: #16B4B3; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart14:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
#heart15 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart15:before, #heart15:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: #009DFF; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart15:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
#heart16 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart16:before, #heart16:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: #CDBAC5; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart16:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
#heart17 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart17:before, #heart17:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: #CD584C; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart17:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
#heart18 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart18:before, #heart18:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: #EEB4B3; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart18:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
#heart19 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart19:before, #heart19:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: #685762; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart19:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
#heart20 { position: relative; width: 20px; height: 18px; margin-right: 26px; } #heart20:before, #heart20:after { position: absolute; content: ""; left: 10px; top: 0; width: 10px; height: 16px; background: #9D8189; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #heart20:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; }
#legend_info {font-size: 10px; font-style:italic}

#traing_comp_select {text-align: center; width: 50%; margin: auto auto;}

#training_left {width: 70%; float: left;margin-top: 0px;}
#training_right {width: 28%; float: left;margin-top: 8px;}
#training_box {margin-top: 10px;width: 30%; margin-right: 2%; border: 3px solid #ccc; padding: 10px 0px 20px 0px; border-radius: 6px; float: left; text-align: center;}
#training_box_sfa {margin-top: 10px;width: 30%; margin-right: 2%; border: 3px solid #ccc; padding: 20px 0px 0px 0px; border-radius: 6px; float: left; text-align: center; background: url("../images/sfa_training.jpg");}
#training_box_sfa2 {margin-top: 10px;width: 30%; margin-right: 2%; border: 3px solid #ccc; padding: 20px 0px 0px 0px; border-radius: 6px; float: left; text-align: right; background: url("../images/sfa_training.jpg");}
#training_box_efa {margin-top: 10px;width: 30%; margin-right: 2%; border: 3px solid #ccc; padding: 20px 0px 0px 0px; border-radius: 6px; float: left; text-align: center; background: url("../images/efa_training.jpg");}
#training_box_efa2 {margin-top: 10px;width: 30%; margin-right: 2%; border: 3px solid #ccc; padding: 20px 0px 0px 0px; border-radius: 6px; float: left; text-align: right; background: url("../images/efa_training.jpg");}
#training_box_cpr {margin-top: 10px;width: 30%; margin-right: 2%; border: 3px solid #ccc; padding: 20px 0px 0px 0px; border-radius: 6px; float: left; text-align: center; background: url("../images/cpr_training.jpg");}
#training_box_cpr2 {margin-top: 10px;width: 30%; margin-right: 2%; border: 3px solid #ccc; padding: 20px 0px 0px 0px; border-radius: 6px; float: left; text-align: right; background: url("../images/cpr_training.jpg");}
#training_box_whmis {margin-top: 10px;width: 30%; margin-right: 2%; border: 3px solid #ccc; padding: 20px 0px 0px 0px; border-radius: 6px; float: left; text-align: center; background: url("../images/whmis_training.jpg");}
#training_box_whmis2 {margin-top: 10px;width: 30%; margin-right: 2%; border: 3px solid #ccc; padding: 20px 0px 0px 0px; border-radius: 6px; float: left; text-align: right; background: url("../images/whmis_training.jpg");}
#training_box_heights_con {margin-top: 10px;width: 30%; margin-right: 2%; border: 3px solid #ccc; padding: 20px 0px 0px 0px; border-radius: 6px; float: left; text-align: center; background: url("../images/heights_training.jpg");}
#training_box_heights_con2 {margin-top: 10px;width: 30%; margin-right: 2%; border: 3px solid #ccc; padding: 20px 0px 0px 0px; border-radius: 6px; float: left; text-align: right; background: url("../images/heights_training.jpg");}
#training_box_safety {margin-top: 10px;width: 30%; margin-right: 2%; border: 3px solid #ccc; padding: 20px 0px 0px 0px; border-radius: 6px; float: left; text-align: center; background: url("../images/safety_training.jpg");}
#training_box_safety2 {margin-top: 10px;width: 30%; margin-right: 2%; border: 3px solid #ccc; padding: 20px 0px 0px 0px; border-radius: 6px; float: left; text-align: right; background: url("../images/safety_training.jpg");}
#training_box:hover {background: #e5e5e5; cursor: pointer}
#training_box_title {font-size: 20px; width: 96%; margin-top: 43px; padding: 2%;text-shadow: 1px 1px #333; color: #fff; background: rgba(0,0,0,.7); text-align: center;}
#training_box_title2 {font-size: 20px;  color: #666; }
#training_box_right_title {font-size: 20px; color: #666; font-weight: bold;line-height: 40px;}
#training_box_right_link a{font-size: 15px; color: #666; line-height: 30px;}
#training_box_right_link a:hover {font-size: 15px; color: #A61D25; }
#total_text {font-size: 30px; color: #7BCC70; padding-top: 0px; padding: 2px; background: #fff; border-top-left-radius: 6px;border-bottom-left-radius: 6px;}

#filter_right_text img {padding-top: 3px;}
#piechart_3d2 element { cursor: pointer; }
#piechart_3d2 g g g rect {
	cursor: pointer
}
#dash_width331 {width: 32%;float: left;}
#dash_width332 {width: 32%;float: left;}
#dash_width333 {width: 32%;float: left;}

.goog-te-gadget-simple {
	background-color: #FFF;

	font-size: 10pt;
	display: inline-block;
	padding-top: 1px !important;
	padding-bottom: 0px !important;
	cursor: pointer;
	margin-top: 1px !important;
	font: 12px/25px Arial,Helvetica,sans-serif !important;
	border-radius: 4px !important;
box-shadow: 0px 2px 0px #CCC, 0px -1px #FFF inset !important;
border: 1px solid #EEE !important;
background-color: #FFF !important;
}

#demo_box{
			width: 550px;
			z-index: 9999;
			background: #eee none repeat scroll 0% 0%!important;
			
		}
		.fa{
			font-size: 40px;
			line-height: 70px;
		}
		.fa-bars{
		float: left;
			color: #C02026;
			margin-right: 20px;
		}
		pre{
			font-family: Consolas,Liberation Mono,Courier,monospace;
			font-size: 13px;
		}
		@media screen and (orientation: portrait){
			pre{
				overflow-x: scroll;
			}
}
#compselect_box_li a{
color: #333 !important;
text-align: left !important;
list-style: circle !important;
font-weight: bold;
}
#compselect_box_li a:hover{
color: #666 !important;
text-align: left !important;
list-style: circle !important;
}
#compselect_box_li{
display: auto !important;
color: #666 !important;
float: none !important;
width: 100% !important;
min-width: 100% !important;
height: auto !important;
z-index: 9999 !important;
padding: 0px !important;
padding-left: 10px !important;
list-style: circle !important;
text-align: left !important;
border-radius: 0px !important;
background: #eee none repeat scroll 0% 0%!important;
cursor: default;}
#compselect_box_li:hover{
color: #222 !important;
background: #eee none repeat scroll 0% 0%!important;

}
#compselect_box_ul{
position: auto !important;
color: #666 !important;
z-index: 9999 !important;
margin-top: 0px !important;
margin-left: -20px;
background: #eee none repeat scroll 0% 0%!important;
max-width: 500px;
overflow: hidden !important;
height: 100%;
float: none !important;
height: auto !important;
border-radius: 4px ;
border: 0px none!important;
list-style: circle !important;

}
#compselect_box_ul1{
position: auto !important;
color: #666 !important;
z-index: 9999 !important;
margin-top: 0px !important;
margin-left: 0px;
background: #eee none repeat scroll 0% 0%!important;
max-width: 500px;
width: 450px !important;
padding: 5px;
overflow: hidden !important;
height: 100%;
float: none !important;
height: auto !important;
border-radius: 4px !important;
border: 0px none!important;
list-style: circle !important;
max-height: 500px;
overflow: scroll !important;
overflow-y: scroll !important;
overflow-x: hidden !important;
box-shadow: 2px 2px 4px #333, 0px -1px #FFF inset !important;
}
#compselect_box{
 
  position: auto !important;
  
}
#compselect_box2{
  
	max-width: 470px !important;	

	max-height: 500px !important;
	overflow-y: scroll !important;
overflow-x: hidden !important;

}
.dash_width_33 {width: 30.5%; float: left; padding-right: 1%; padding-left: 1%; text-align: center; font-weight: bold;}