html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
/* -------------------------------------------- */
	.zerogrid .wrap-col {margin: 0px;}
	#content .wrap-content {border: none;}
	#switch_view {float: none;}
	#switch_user {float: none; margin-right: 0px;}
	
	/* ------------------Header-------------------- */
	header{height: 270px;}
	header #logo{top: 50px; width: 96%; margin-right: 2%; margin-left: 2%; padding-bottom: 10px; padding: 0px;text-align: center}
	h3 {font-size: 14px; width: 96%; margin-right: 2%; margin-left: 2%;}
	#view_as {width: 96%; margin-right: 2%; margin-left: 2%; text-align: center; }
	#head_icons {margin: 10px 5px 0px 0px; text-align: center; width: 96%; margin-right: 2%; margin-left: 2%;}
	#switch_view select {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
	#switch_user select {width: 96%; margin-right: 2%; margin-left: 2%; margin-top: 10px;float: none;}
	.add_aed {width: 96%; float: none;}
.add_aed a.button {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
.add_aed2 {width: 96%; float: none;}
.add_aed2 a.button {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
	.aed_input {width: 96%; margin-right: 2%; margin-left: 2%; height: 100%;}
	.aed_input2 {width: 96%; margin-right: 2%; margin-left: 2%; height: 100%;}
	.aed_label {}
	#comp_selecting {margin-bottom: 10px; width: 96%; margin-right: 2%; margin-left: 2%;}
	.bs-example {width: 96%; margin-right: 2%; margin-left: 2%;}
	.bs-example input {width: 400%; margin-left: 0px}
	.tt-dropdown-menu {width: 480px; margin-right: 2%; margin-left: 2%; font-size: 11px;}
	.tt-suggestion {font-size: 13px;}
	nav .wrap-nav {position:relative; height: 37px; left:0px; top:0px;}
	.menu{display:none;}
	.minimenu{display:block;}
	#back_button {margin-top: -5px;}
	#dash_slider {float: right; width: 100%}
	#dash_title {line-height: 30px; background: none;}
	
	
	/* -------------------------------------------- */
	/* ------------------DASHBOARD------------------- */
	
	#chart_head {width: 96%; margin-right: 2%; margin-left: 2%; float: left }
	#chart_head h2 {font-size: 13px;}
	#chart_head2 {width: 96%; margin-right: 2%; margin-left: 2%; float: left }
	#chart_head2 h2 {font-size: 13px;}
	#ted_calendar {width: 100%; float: left; margin-left: 0px; margin-right: 0px; }
	#ted_calendar_input { float: none; width: 96%; margin-right: 2%; margin-left: 2%; margin-right: 0;}
	#ted_calendar_div button {width: 96%; margin-right: 2%; margin-left: 2%; }
	#dash_right {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}
#dash_right2 {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}#dash_right {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}
#dash_right2 {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}#dash_right {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}
#dash_right2 {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}#dash_right {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}
#dash_right2 {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}
	/* -------------------------------------------- */
	/* ------------------AEDS------------------- */
.row_aed_even {min-width: 98%; height: 108px; border-bottom: 1px solid #ccc;padding: 3px; }
.row_aed_odd {min-width: 98%; height: 108px; border-bottom: 1px solid #ccc;background-color: #f5f5f5;padding: 3px;}
.left_aed {float: left; width: 100%; padding: 4px;}
.left_aed_2 {float: left; width: 6%; padding: 4px;}
.left_aed_3 {float: left; width: 4%; padding: 4px;}
.left_aed_5 {float: left; width: 4.5%; padding: 4px; margin-top: -28px}
.left_aed_12 {float: left; width: 12%; padding: 4px;}
.left_aed_15 {float: left; width: 65%; padding: 4px;}
.left_aed_20 {float: left; width: 72%; padding: 4px;}
.left_aed_20-2 {float: left; width: 65%; padding: 4px;}
.left_aed_25 {float: left; width: 25%; padding: 4px;}
.left_aed_30 {float: left; width: 31%; padding: 4px;}
.left_aed_icons {float: right; width: 6%; padding: 2px; padding-top: 4px;margin-top: -28px}
.left_aed_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_aed_icons2 {float: right; width: 5%; padding: 2px; padding-top: 4px;}
.left_aed_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}


	/* -------------------------------------------- */
	/* ------------------AEDS DETAILS------------------- */
.aed_det_right {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
.aed_det_left {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
.aed_det_left_even {width: 98%; margin-right: 1%; margin-left: 1%; float: none;}
.aed_det_left_odd {width: 98%; margin-right: 1%; margin-left: 1%; float: none;}
#details_right_img {margin-top: 10px;}
.ui-accordion .ui-accordion-content {padding: .6em; font-size: 11px;}
#main-content article img {margin-right: 5px}
#aed_details_heading {font-size: 13px;}

/* -------------------------------------------- */
	/* ------------------MANUAL CHECK - AEDS DETAILS------------------- */
.row_aed_even_man {max-width: 98%; height: 108px; border-bottom: 1px solid #ccc;padding: 3px; }
.row_aed_odd_man {max-width: 98%; height: 108px; border-bottom: 1px solid #ccc;background-color: #f5f5f5;padding: 3px;}
.left_aed_2_man {float: left; width: 8%; padding: 4px;}
.left_aed_3_man {float: left; width: 4%; padding: 4px;}
.left_aed_5_man {float: left; width: 4.5%; padding: 4px; margin-top: -0px}
.left_aed_12_man {float: left; width: 5%; padding: 4px;}
.left_aed_15_man {float: left; width: 70%; padding: 4px;}
.left_aed_15_man-2 {float: left; width: 98%; padding: 4px;}
.left_aed_20_man {float: left; width: 52%; padding: 4px;}
.left_aed_20-2_man {float: left; width: 65%; padding: 4px;}
.left_aed_25_man {float: left; width: 25%; padding: 4px;}
.left_aed_30_man {float: left; width: 31%; padding: 4px;}
.left_aed_icons_man {float: right; width: 6%; padding: 2px; padding-top: 4px;margin-top: -0px}
.left_aed_icons_man img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_aed_icons2_man {float: right; text-align: right; width: 5%; padding: 2px; padding-top: 4px;}
.left_aed_icons2_man img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}

/* -------------------------------------------- */
	/* ------------------TRAINING------------------- */

.row_train_even {max-width: 98%; height: 140px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_even:hover {border: 1px dashed #EF3742}
.row_train_odd {max-width: 98%; height: 140px;background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_odd:hover {border: 1px dashed #EF3742}
.left_train {float: left; width: 14%; padding: 4px;}
.left_train_2 {float: left; width: 1%; padding: 4px;}
.left_train_3 {float: left; width: 6%; padding: 4px; display: none;}
.left_train_5 {float: left; width: 4%; padding: 4px;}
.left_train_6 {float: left; width: 36%; padding: 4px;}
.left_train_8 {float: left; width: 8%; padding: 4px;}
.left_train_10-2 {float: left; width: 38%; padding: 4px;}
.left_train_10 {float: left; width: 38%; padding: 4px;}
.left_train_12 {float: left; width: 40%; padding: 4px;}
.left_train_15 {float: left; width: 15%; padding: 4px;}
.left_train_20 {float: left; width: 20%; padding: 4px;}
.left_train_22 {float: left; width: 22%; padding: 4px;}
.left_train_25 {float: left; width: 100%; padding: 4px;}
.left_train_28 {float: left; width: 28%; padding: 4px;}
.left_train_30 {float: left; width: 31%; padding: 4px;}
.left_train_35 {float: left; width: 36%; padding: 4px;}
.left_train_icons {float: right; width: 12%; padding: 2px; padding-top: 4px;}
.left_train_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_train_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train_icons3 {float: right; width: 8%; padding: 2px; padding-top: 4px;}
.left_train_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train_icons4 {float: right; width: 15%; padding: 2px; padding-top: 4px;}
.left_train_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train2 {float: left; width: 27%; padding: 5px;}
.left_train2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_train2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}	

#training_details_heading {font-size: 13px; margin-left: 2%; margin-top: 4px;}
.row_train_even_det {max-width: 98%; height: 50px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_even_det:hover {border: 1px dashed #EF3742}
.row_train_odd_det {max-width: 98%; height: 50px;background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_odd_det:hover {border: 1px dashed #EF3742}
.left_train_3_det {float: left; width: 6%; padding: 4px;}
.left_train_25_det {float: left; width: 84%; padding: 4px;}
.left_train_25_det-2 {float: left; width: 96%; padding: 4px;}
	/* -------------------------------------------- */
	/* ------------------Company-------------------- */
	
	.row_comp_even {min-width: 98%; height: 108px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_comp_even:hover {border: 1px dashed #EF3742}
.row_comp_odd {min-width: 98%; height: 108px; background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_comp_odd:hover {border: 1px dashed #EF3742}

.left_comp {float: left; width: 14%; padding: 4px;}
.left_comp_2 {float: left; width: 5%; padding: 4px;}
.left_comp_3 {float: left; width: 1.5%; padding: 4px;}
.left_comp_5 {float: left; width: 4%; padding: 4px;}
.left_comp_6 {float: left; width: 6%; padding: 4px;}
.left_comp_8 {float: left; width: 8%; padding: 4px;}
.left_comp_10 {float: left; width: 10%; padding: 4px;}
.left_comp_10-2 {float: left; width: 10%; padding: 4px;}
.left_comp_12 {float: left; width: 40%; padding: 4px;}
.left_comp_15 {float: left; width: 45%; padding: 4px;}
.left_comp_20 {float: left; width: 80%; padding: 4px;}
.left_comp_22 {float: left; width: 22%; padding: 4px;}
.left_comp_25 {float: left; width: 80%; padding: 4px;}
.left_comp_28 {float: left; width: 28%; padding: 4px;}
.left_comp_30 {float: left; width: 31%; padding: 4px;}
.left_comp_35 {float: left; width: 36%; padding: 4px;}
.left_comp_icons {float: right; width: 12%; padding: 2px; padding-top: 4px;}
.left_comp_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_comp_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp_icons3 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_comp_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp_icons4 {float: right; width: 10%; padding: 2px; padding-top: 4px; margin-top: -72px;}
.left_comp_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp2 {float: left; width: 27%; padding: 5px;}
.left_comp2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_comp2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}

.row_user_even {min-width: 98%; height: 90px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_user_even:hover {border: 1px dashed #EF3742}
.row_user_odd {min-width: 98%; height: 90px; background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_user_odd:hover {border: 1px dashed #EF3742}
.left_user {float: left; width: 14%; padding: 4px;}
.left_user_2 {float: left; width: 1%; padding: 4px;}
.left_user_3 {float: left; width: 1.5%; padding: 4px;}
.left_user_5 {float: left; width: 4%; padding: 4px;}
.left_user_6 {float: left; width: 6%; padding: 4px;}
.left_user_8 {float: left; width: 8%; padding: 4px;}
.left_user_10 {float: left; width: 10%; padding: 4px;}
.left_user_10-2 {float: left; width: 10%; padding: 4px;}
.left_user_12 {float: left; width: 12%; padding: 4px;}
.left_user_15 {float: left; width: 43%; padding: 4px;}
.left_user_20 {float: left; width: 50%; padding: 4px;}
.left_user_22 {float: left; width: 22%; padding: 4px;}
.left_user_25 {float: left; width: 100%; padding: 4px;}
.left_user_28 {float: left; width: 28%; padding: 4px;}
.left_user_30 {float: left; width: 31%; padding: 4px;}
.left_user_35 {float: left; width: 36%; padding: 4px;}
.left_user_icons {float: right; width: 40%; padding: 2px; padding-top: 4px; margin-top: -4px;}
.left_user_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_user_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user_icons3 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_user_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user_icons4 {float: right; width: 15%; padding: 2px; padding-top: 4px;}
.left_user_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user2 {float: left; width: 27%; padding: 5px;}
.left_user2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_user2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}

.u_det_left {width: 96%; margin-right: 2%; margin-left: 2%;float: left; }
.u_det_right {width: 96%; margin-right: 2%; margin-left: 2%; float: left; }
.u_det_left_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.u_det_left_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
.u_det_left_full_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.u_det_left_full_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
.u_det_right h3 {margin: 10px 0px 4px 0px; width: 96%; margin-right: 2%; margin-left: 2%;}

#add_cont {float: right; margin-top: -30px;}
#float_right_cont_search {float: none;}
	/* -------------------------------------------- */
	/* ------------------REPORTS----------------*---- */
	#reporting button {width: 96%; margin-right: 2%; margin-left: 2%;}
	#reporting_comp_choice {width: 96%; margin-right: 2%; margin-left: 2%;}
	#reporting_comp_choice input {width: 188%; margin-right: 2%; margin-left: 2%;}
	/* -------------------------------------------- */
	/* ------------------TED - SEARCH----------------*---- */

.row_ted_even {min-width: 98%; height: 140px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_ted_even:hover {border: 1px dashed #EF3742}
.row_ted_odd {min-width: 98%; height: 140px; background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_ted_odd:hover {border: 1px dashed #EF3742}
.left_ted_3_det {float: left; width: 1.5%; padding: 4px;}
.left_ted_25_det {float: left; width: 25%; padding: 4px;}
.left_ted_25_det-2 {float: left; width: 25%; padding: 4px;}
.left_ted {float: left; width: 14%; padding: 4px;}
.left_ted_2 {float: left; width: 1%; padding: 4px;}
.left_ted_3 {float: left; width: 1.5%; padding: 4px;}
.left_ted_5 {float: left; width: 4%; padding: 4px;}
.left_ted_6 {float: left; width: 22%; padding: 4px;}
.left_ted_8 {float: left; width: 32%; padding: 4px;}
.left_ted_10 {float: left; width: 10%; padding: 4px;}
.left_ted_10-2 {float: left; width: 10%; padding: 4px;}
.left_ted_12 {float: left; width: 12%; padding: 4px;}
.left_ted_15 {float: left; width: 37%; padding: 4px;}
.left_ted_20 {float: left; width: 20%; padding: 4px;}
.left_ted_22 {float: left; width: 22%; padding: 4px;}
.left_ted_25 {float: left; width: 100%; padding: 4px;}
.left_ted_28 {float: left; width: 85%; padding: 4px;}
.left_ted_30 {float: left; width: 31%; padding: 4px;}
.left_ted_35 {float: left; width: 36%; padding: 4px;}
.left_ted_icons {float: right; width: 12%; padding: 2px; padding-top: 4px;}
.left_ted_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_ted_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted_icons3 {float: right; width: 10%; padding: 2px; padding-top: 4px;}
.left_ted_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted_icons4 {float: right; width: 15%; padding: 2px; padding-top: 4px;}
.left_ted_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted2 {float: left; width: 27%; padding: 5px;}
.left_ted2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_ted2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
/* -------------------------------------------- */
	/* ------------------CONTACT DETAILS----------------*---- */
.c_det_left {width: 96%; margin-right: 2%; margin-left: 2%; float: left; }
.c_det_right {width: 96%; margin-right: 2%; margin-left: 2%; float: right; }
.c_det_right h3 {margin: 10px 0px 4px 0px; width: 96%; margin-right: 2%; margin-left: 2%;}
.c_det_left_full_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.c_det_left_full_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
.c_det_left_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.c_det_left_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
/* -------------------------------------------- */
	/* ------------------SETTINGS----------------*---- */
#password_button button {width: 96%; margin-right: 2%; margin-left: 2%;}
/* -------------------------------------------- */
	/* ------------------AED - ADD----------------*---- */
#add_aed_buttons button {width: 96%; margin-right: 2%; margin-left: 2%;}

	
}

@media only screen and (max-width: 767px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	header {margin-top: 0px;height:150px;}
	header #logo{top:60px;}
	#head_icons {height: 30px;}
	nav .wrap-nav{top: 10px; left:10px; right:auto;}
	
	/* -------------------------------------------- */
	/* ------------------Featured------------------ */
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}

@media only screen and (min-width: 620px) and (max-width: 767px) {	
/* -------------------------------------------- */
	.zerogrid .wrap-col {margin: 0px;}
	#content .wrap-content {border: none;}
	#switch_view {float: none;}
	#switch_user {float: none; margin-right: 0px;}
	
	/* ------------------Header-------------------- */
	header{height: 270px;}
	header #logo{top: 50px; width: 96%; margin-right: 2%; margin-left: 2%; padding-bottom: 10px; padding: 0px;text-align: center}
	h3 {font-size: 14px; width: 96%; margin-right: 2%; margin-left: 2%;}
	#view_as {width: 96%; margin-right: 2%; margin-left: 2%; text-align: center; }
	#head_icons {margin: 10px 5px 0px 0px; text-align: center; width: 96%; margin-right: 2%; margin-left: 2%;}
	#switch_view select {width: 96%; margin-right: 2%; margin-left: 2%;}
	#switch_user select {width: 96%; margin-right: 2%; margin-left: 2%; margin-top: 10px;}
	.add_aed {width: 96%; float: none;}
.add_aed a.button {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
.add_aed2 {width: 96%; float: none;}
.add_aed2 a.button {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
	.aed_input {width: 96%; margin-right: 2%; margin-left: 2%; height: 100%;}
	.aed_input2 {width: 96%; margin-right: 2%; margin-left: 2%; height: 100%;}
	.aed_label {}
	#comp_selecting {margin-bottom: 10px; width: 96%; margin-right: 2%; margin-left: 2%;}
	.bs-example {width: 96%; margin-right: 2%; margin-left: 2%;}
	.bs-example input {width: 300%; margin-left: 0px}
	.tt-dropdown-menu {width: 480px; margin-right: 2%; margin-left: 2%; font-size: 11px;}
	.tt-suggestion {font-size: 13px;}
	nav .wrap-nav {position:relative; height: 37px; left:0px; top:0px;}
	.menu{display:none;}
	.minimenu{display:block;}
	#back_button {margin-top: -5px;}
	#dash_title {line-height: 30px; background: none;}
	
	/* -------------------------------------------- */
	/* ------------------DASHBOARD------------------- */
	
	#chart_head {width: 96%; margin-right: 2%; margin-left: 2%; float: left }
	#chart_head h2 {font-size: 13px;}
	#chart_head2 {width: 96%; margin-right: 2%; margin-left: 2%; float: left }
	#chart_head2 h2 {font-size: 13px;}
	#ted_calendar {width: 100%; float: left; margin-left: 0px; margin-right: 0px; }
	#ted_calendar_input { float: none; width: 96%; margin-right: 2%; margin-left: 2%; margin-right: 0;}
	#ted_calendar_div button {width: 96%; margin-right: 2%; margin-left: 2%; }
	#dash_right {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}
#dash_right2 {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}#dash_right {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}
#dash_right2 {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}
	/* -------------------------------------------- */
	/* ------------------AEDS------------------- */
.row_aed_even {min-width: 98%; height: 108px; border-bottom: 1px solid #ccc;padding: 3px; }
.row_aed_odd {min-width: 98%; height: 108px; border-bottom: 1px solid #ccc;background-color: #f5f5f5;padding: 3px;}
.left_aed {float: left; width: 100%; padding: 4px;}
.left_aed_2 {float: left; width: 6%; padding: 4px;}
.left_aed_3 {float: left; width: 4%; padding: 4px;}
.left_aed_5 {float: left; width: 4.5%; padding: 4px; margin-top: -28px}
.left_aed_12 {float: left; width: 12%; padding: 4px;}
.left_aed_15 {float: left; width: 65%; padding: 4px;}
.left_aed_20 {float: left; width: 72%; padding: 4px;}
.left_aed_20-2 {float: left; width: 65%; padding: 4px;}
.left_aed_25 {float: left; width: 25%; padding: 4px;}
.left_aed_30 {float: left; width: 31%; padding: 4px;}
.left_aed_icons {float: right; width: 6%; padding: 2px; padding-top: 4px;margin-top: -28px}
.left_aed_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_aed_icons2 {float: right; width: 5%; padding: 2px; padding-top: 4px;}
.left_aed_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}


	/* -------------------------------------------- */
	/* ------------------AEDS DETAILS------------------- */
.aed_det_right {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
.aed_det_left {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
.aed_det_left_even {width: 98%; margin-right: 1%; margin-left: 1%; float: none;}
.aed_det_left_odd {width: 98%; margin-right: 1%; margin-left: 1%; float: none;}
#details_right_img {margin-top: 10px;}
.ui-accordion .ui-accordion-content {padding: .6em; font-size: 11px;}
#main-content article img {margin-right: 5px}
#aed_details_heading {font-size: 13px;}

/* -------------------------------------------- */
	/* ------------------MANUAL CHECK - AEDS DETAILS------------------- */
.row_aed_even_man {max-width: 98%; height: 108px; border-bottom: 1px solid #ccc;padding: 3px; }
.row_aed_odd_man {max-width: 98%; height: 108px; border-bottom: 1px solid #ccc;background-color: #f5f5f5;padding: 3px;}
.left_aed_2_man {float: left; width: 8%; padding: 4px;}
.left_aed_3_man {float: left; width: 4%; padding: 4px;}
.left_aed_5_man {float: left; width: 4.5%; padding: 4px; margin-top: -0px}
.left_aed_12_man {float: left; width: 5%; padding: 4px;}
.left_aed_15_man {float: left; width: 70%; padding: 4px;}
.left_aed_15_man-2 {float: left; width: 98%; padding: 4px;}
.left_aed_20_man {float: left; width: 52%; padding: 4px;}
.left_aed_20-2_man {float: left; width: 65%; padding: 4px;}
.left_aed_25_man {float: left; width: 25%; padding: 4px;}
.left_aed_30_man {float: left; width: 31%; padding: 4px;}
.left_aed_icons_man {float: right; width: 6%; padding: 2px; padding-top: 4px;margin-top: -0px}
.left_aed_icons_man img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_aed_icons2_man {float: right; text-align: right; width: 5%; padding: 2px; padding-top: 4px;}
.left_aed_icons2_man img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}

/* -------------------------------------------- */
	/* ------------------TRAINING------------------- */

.row_train_even {max-width: 98%; height: 140px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_even:hover {border: 1px dashed #EF3742}
.row_train_odd {max-width: 98%; height: 140px;background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_odd:hover {border: 1px dashed #EF3742}
.left_train {float: left; width: 14%; padding: 4px;}
.left_train_2 {float: left; width: 1%; padding: 4px;}
.left_train_3 {float: left; width: 6%; padding: 4px; display: none;}
.left_train_5 {float: left; width: 4%; padding: 4px;}
.left_train_6 {float: left; width: 36%; padding: 4px;}
.left_train_8 {float: left; width: 8%; padding: 4px;}
.left_train_10-2 {float: left; width: 38%; padding: 4px;}
.left_train_10 {float: left; width: 38%; padding: 4px;}
.left_train_12 {float: left; width: 40%; padding: 4px;}
.left_train_15 {float: left; width: 15%; padding: 4px;}
.left_train_20 {float: left; width: 20%; padding: 4px;}
.left_train_22 {float: left; width: 22%; padding: 4px;}
.left_train_25 {float: left; width: 100%; padding: 4px;}
.left_train_28 {float: left; width: 28%; padding: 4px;}
.left_train_30 {float: left; width: 31%; padding: 4px;}
.left_train_35 {float: left; width: 36%; padding: 4px;}
.left_train_icons {float: right; width: 12%; padding: 2px; padding-top: 4px;}
.left_train_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_train_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train_icons3 {float: right; width: 8%; padding: 2px; padding-top: 4px;}
.left_train_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train_icons4 {float: right; width: 15%; padding: 2px; padding-top: 4px;}
.left_train_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train2 {float: left; width: 27%; padding: 5px;}
.left_train2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_train2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}	

#training_details_heading {font-size: 13px; margin-left: 2%; margin-top: 4px;}
.row_train_even_det {max-width: 98%; height: 50px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_even_det:hover {border: 1px dashed #EF3742}
.row_train_odd_det {max-width: 98%; height: 50px;background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_odd_det:hover {border: 1px dashed #EF3742}
.left_train_3_det {float: left; width: 6%; padding: 4px;}
.left_train_25_det {float: left; width: 84%; padding: 4px;}
.left_train_25_det-2 {float: left; width: 96%; padding: 4px;}
	/* -------------------------------------------- */
	/* ------------------Company-------------------- */
	
	.row_comp_even {min-width: 98%; height: 108px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_comp_even:hover {border: 1px dashed #EF3742}
.row_comp_odd {min-width: 98%; height: 108px; background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_comp_odd:hover {border: 1px dashed #EF3742}

.left_comp {float: left; width: 14%; padding: 4px;}
.left_comp_2 {float: left; width: 5%; padding: 4px;}
.left_comp_3 {float: left; width: 1.5%; padding: 4px;}
.left_comp_5 {float: left; width: 4%; padding: 4px;}
.left_comp_6 {float: left; width: 6%; padding: 4px;}
.left_comp_8 {float: left; width: 8%; padding: 4px;}
.left_comp_10 {float: left; width: 10%; padding: 4px;}
.left_comp_10-2 {float: left; width: 10%; padding: 4px;}
.left_comp_12 {float: left; width: 40%; padding: 4px;}
.left_comp_15 {float: left; width: 45%; padding: 4px;}
.left_comp_20 {float: left; width: 80%; padding: 4px;}
.left_comp_22 {float: left; width: 22%; padding: 4px;}
.left_comp_25 {float: left; width: 80%; padding: 4px;}
.left_comp_28 {float: left; width: 28%; padding: 4px;}
.left_comp_30 {float: left; width: 31%; padding: 4px;}
.left_comp_35 {float: left; width: 36%; padding: 4px;}
.left_comp_icons {float: right; width: 12%; padding: 2px; padding-top: 4px;}
.left_comp_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_comp_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp_icons3 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_comp_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp_icons4 {float: right; width: 10%; padding: 2px; padding-top: 4px; margin-top: -72px;}
.left_comp_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp2 {float: left; width: 27%; padding: 5px;}
.left_comp2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_comp2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}

.row_user_even {min-width: 98%; height: 90px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_user_even:hover {border: 1px dashed #EF3742}
.row_user_odd {min-width: 98%; height: 90px; background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_user_odd:hover {border: 1px dashed #EF3742}
.left_user {float: left; width: 14%; padding: 4px;}
.left_user_2 {float: left; width: 1%; padding: 4px;}
.left_user_3 {float: left; width: 1.5%; padding: 4px;}
.left_user_5 {float: left; width: 4%; padding: 4px;}
.left_user_6 {float: left; width: 6%; padding: 4px;}
.left_user_8 {float: left; width: 8%; padding: 4px;}
.left_user_10 {float: left; width: 10%; padding: 4px;}
.left_user_10-2 {float: left; width: 10%; padding: 4px;}
.left_user_12 {float: left; width: 12%; padding: 4px;}
.left_user_15 {float: left; width: 43%; padding: 4px;}
.left_user_20 {float: left; width: 50%; padding: 4px;}
.left_user_22 {float: left; width: 22%; padding: 4px;}
.left_user_25 {float: left; width: 100%; padding: 4px;}
.left_user_28 {float: left; width: 28%; padding: 4px;}
.left_user_30 {float: left; width: 31%; padding: 4px;}
.left_user_35 {float: left; width: 36%; padding: 4px;}
.left_user_icons {float: right; width: 40%; padding: 2px; padding-top: 4px; margin-top: -4px;}
.left_user_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_user_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user_icons3 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_user_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user_icons4 {float: right; width: 15%; padding: 2px; padding-top: 4px;}
.left_user_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user2 {float: left; width: 27%; padding: 5px;}
.left_user2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_user2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}

.u_det_left {width: 96%; margin-right: 2%; margin-left: 2%;float: left; }
.u_det_right {width: 96%; margin-right: 2%; margin-left: 2%; float: left; }
.u_det_left_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.u_det_left_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
.u_det_left_full_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.u_det_left_full_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
.u_det_right h3 {margin: 10px 0px 4px 0px; width: 96%; margin-right: 2%; margin-left: 2%;}

#add_cont {float: right; margin-top: -30px;}
#float_right_cont_search {float: none;}
	/* -------------------------------------------- */
	/* ------------------REPORTS----------------*---- */
	#reporting button {width: 96%; margin-right: 2%; margin-left: 2%;}
	#reporting_comp_choice {width: 96%; margin-right: 2%; margin-left: 2%;}
	#reporting_comp_choice input {width: 188%; margin-right: 2%; margin-left: 2%;}
	/* -------------------------------------------- */
	/* ------------------TED - SEARCH----------------*---- */

.row_ted_even {min-width: 98%; height: 140px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_ted_even:hover {border: 1px dashed #EF3742}
.row_ted_odd {min-width: 98%; height: 140px; background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_ted_odd:hover {border: 1px dashed #EF3742}
.left_ted_3_det {float: left; width: 1.5%; padding: 4px;}
.left_ted_25_det {float: left; width: 25%; padding: 4px;}
.left_ted_25_det-2 {float: left; width: 25%; padding: 4px;}
.left_ted {float: left; width: 14%; padding: 4px;}
.left_ted_2 {float: left; width: 1%; padding: 4px;}
.left_ted_3 {float: left; width: 1.5%; padding: 4px;}
.left_ted_5 {float: left; width: 4%; padding: 4px;}
.left_ted_6 {float: left; width: 22%; padding: 4px;}
.left_ted_8 {float: left; width: 32%; padding: 4px;}
.left_ted_10 {float: left; width: 10%; padding: 4px;}
.left_ted_10-2 {float: left; width: 10%; padding: 4px;}
.left_ted_12 {float: left; width: 12%; padding: 4px;}
.left_ted_15 {float: left; width: 37%; padding: 4px;}
.left_ted_20 {float: left; width: 20%; padding: 4px;}
.left_ted_22 {float: left; width: 22%; padding: 4px;}
.left_ted_25 {float: left; width: 100%; padding: 4px;}
.left_ted_28 {float: left; width: 85%; padding: 4px;}
.left_ted_30 {float: left; width: 31%; padding: 4px;}
.left_ted_35 {float: left; width: 36%; padding: 4px;}
.left_ted_icons {float: right; width: 12%; padding: 2px; padding-top: 4px;}
.left_ted_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_ted_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted_icons3 {float: right; width: 10%; padding: 2px; padding-top: 4px;}
.left_ted_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted_icons4 {float: right; width: 15%; padding: 2px; padding-top: 4px;}
.left_ted_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted2 {float: left; width: 27%; padding: 5px;}
.left_ted2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_ted2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
/* -------------------------------------------- */
	/* ------------------CONTACT DETAILS----------------*---- */
.c_det_left {width: 96%; margin-right: 2%; margin-left: 2%; float: left; }
.c_det_right {width: 96%; margin-right: 2%; margin-left: 2%; float: right; }
.c_det_right h3 {margin: 10px 0px 4px 0px; width: 96%; margin-right: 2%; margin-left: 2%;}
.c_det_left_full_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.c_det_left_full_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
.c_det_left_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.c_det_left_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
/* -------------------------------------------- */
	/* ------------------SETTINGS----------------*---- */
#password_button button {width: 96%; margin-right: 2%; margin-left: 2%;}
/* -------------------------------------------- */
	/* ------------------AED - ADD----------------*---- */
#add_aed_buttons button {width: 96%; margin-right: 2%; margin-left: 2%;}

}
@media only screen and (max-width: 619px) {
#usership{
	width:96%;
}
header{height: 144px;}
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
/* -------------------------------------------- */
	.zerogrid .wrap-col {margin: 0px;}
	#content .wrap-content {border: none;}
	#switch_view {float: none;}
	#switch_user {float: none; margin-right: 0px;}
	#switch_view {float: none;}
	#switch_user {float: none; margin-right: 0px;}
	/* ------------------Header-------------------- */
	header{height: 144px;}
	header #logo{top: 50px; width: 96%; margin-right: 2%; margin-left: 2%; padding-bottom: 10px; padding: 0px;text-align: center}
	h3 {font-size: 14px; width: 96%; margin-right: 2%; margin-left: 2%;}
	#view_as {width: 96%; margin-right: 2%; margin-left: 2%; text-align: center; }
	#head_icons {margin: 10px 5px 0px 0px; text-align: center; width: 96%; margin-right: 2%; margin-left: 2%;}
	#switch_view select {width: 96%; margin-right: 2%; margin-left: 2%;}
	#switch_user select {width: 96%; margin-right: 2%; margin-left: 2%; margin-top: 10px;}
	.add_aed {width: 96%; float: none;}
.add_aed a.button {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
.add_aed2 {width: 96%; float: none;}
.add_aed2 a.button {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
	.aed_input {width: 96%; margin-right: 2%; margin-left: 2%; height: 100%;}
	.aed_input2 {width: 96%; margin-right: 2%; margin-left: 2%; height: 100%;}
	.aed_label {}
	#comp_selecting {margin-bottom: 10px; width: 96%; margin-right: 2%; margin-left: 2%;}
	.bs-example {width: 96%; margin-right: 2%; margin-left: 2%;}
	.bs-example input {width: 240%; margin-left: 0px}
	.tt-dropdown-menu {width: 400px; margin-right: 2%; margin-left: 2%; font-size: 11px;}
	.tt-suggestion {font-size: 12px;}
	nav .wrap-nav {position:relative; height: 37px; left:0px; top:0px;}
	.menu{display:none;}
	.minimenu{display:block;}
	#back_button {margin-top: -5px;}
	#dash_slider {float: right; width: 100%}
	#dash_title {line-height: 30px; background: none;}
	
	
	/* -------------------------------------------- */
	/* ------------------DASHBOARD------------------- */
	
	#chart_head {width: 96%; margin-right: 2%; margin-left: 2%; float: left }
	#chart_head h2 {font-size: 13px;}
	#chart_head2 {width: 96%; margin-right: 2%; margin-left: 2%; float: left }
	#chart_head2 h2 {font-size: 13px;}
	#ted_calendar {width: 100%; float: left; margin-left: 0px; margin-right: 0px; }
	#ted_calendar_input { float: none; width: 96%; margin-right: 2%; margin-left: 2%; margin-right: 0;}
	#ted_calendar_div button {width: 96%; margin-right: 2%; margin-left: 2%; }
	#dash_right {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}
#dash_right2 {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}#dash_right {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}
#dash_right2 {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}
	/* -------------------------------------------- */
	/* ------------------AEDS------------------- */
.row_aed_even {min-width: 98%; height: 108px; border-bottom: 1px solid #ccc;padding: 3px; }
.row_aed_odd {min-width: 98%; height: 108px; border-bottom: 1px solid #ccc;background-color: #f5f5f5;padding: 3px;}
.left_aed {float: left; width: 100%; padding: 4px;}
.left_aed_2 {float: left; width: 6%; padding: 4px;}
.left_aed_3 {float: left; width: 4%; padding: 4px;}
.left_aed_5 {float: left; width: 4.5%; padding: 4px; margin-top: -28px}
.left_aed_12 {float: left; width: 12%; padding: 4px;}
.left_aed_15 {float: left; width: 65%; padding: 4px;}
.left_aed_20 {float: left; width: 72%; padding: 4px;}
.left_aed_20-2 {float: left; width: 65%; padding: 4px;}
.left_aed_25 {float: left; width: 25%; padding: 4px;}
.left_aed_30 {float: left; width: 31%; padding: 4px;}
.left_aed_icons {float: right; width: 6%; padding: 2px; padding-top: 4px;margin-top: -28px}
.left_aed_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_aed_icons2 {float: right; width: 5%; padding: 2px; padding-top: 4px;}
.left_aed_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}


	/* -------------------------------------------- */
	/* ------------------AEDS DETAILS------------------- */
.aed_det_right {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
.aed_det_left {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
.aed_det_left_even {width: 98%; margin-right: 1%; margin-left: 1%; float: none;}
.aed_det_left_odd {width: 98%; margin-right: 1%; margin-left: 1%; float: none;}
#details_right_img {margin-top: 10px;}
.ui-accordion .ui-accordion-content {padding: .6em; font-size: 11px;}
#main-content article img {margin-right: 5px}
#aed_details_heading {font-size: 13px;}

/* -------------------------------------------- */
	/* ------------------MANUAL CHECK - AEDS DETAILS------------------- */
.row_aed_even_man {max-width: 98%; height: 108px; border-bottom: 1px solid #ccc;padding: 3px; }
.row_aed_odd_man {max-width: 98%; height: 108px; border-bottom: 1px solid #ccc;background-color: #f5f5f5;padding: 3px;}
.left_aed_2_man {float: left; width: 8%; padding: 4px;}
.left_aed_3_man {float: left; width: 4%; padding: 4px;}
.left_aed_5_man {float: left; width: 4.5%; padding: 4px; margin-top: -0px}
.left_aed_12_man {float: left; width: 5%; padding: 4px;}
.left_aed_15_man {float: left; width: 70%; padding: 4px;}
.left_aed_15_man-2 {float: left; width: 98%; padding: 4px;}
.left_aed_20_man {float: left; width: 52%; padding: 4px;}
.left_aed_20-2_man {float: left; width: 65%; padding: 4px;}
.left_aed_25_man {float: left; width: 25%; padding: 4px;}
.left_aed_30_man {float: left; width: 31%; padding: 4px;}
.left_aed_icons_man {float: right; width: 6%; padding: 2px; padding-top: 4px;margin-top: -0px}
.left_aed_icons_man img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_aed_icons2_man {float: right; text-align: right; width: 5%; padding: 2px; padding-top: 4px;}
.left_aed_icons2_man img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}

/* -------------------------------------------- */
	/* ------------------TRAINING------------------- */

.row_train_even {max-width: 98%; height: 140px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_even:hover {border: 1px dashed #EF3742}
.row_train_odd {max-width: 98%; height: 140px;background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_odd:hover {border: 1px dashed #EF3742}
.left_train {float: left; width: 14%; padding: 4px;}
.left_train_2 {float: left; width: 1%; padding: 4px;}
.left_train_3 {float: left; width: 6%; padding: 4px; display: none;}
.left_train_5 {float: left; width: 4%; padding: 4px;}
.left_train_6 {float: left; width: 36%; padding: 4px;}
.left_train_8 {float: left; width: 8%; padding: 4px;}
.left_train_10-2 {float: left; width: 38%; padding: 4px;}
.left_train_10 {float: left; width: 38%; padding: 4px;}
.left_train_12 {float: left; width: 40%; padding: 4px;}
.left_train_15 {float: left; width: 15%; padding: 4px;}
.left_train_20 {float: left; width: 20%; padding: 4px;}
.left_train_22 {float: left; width: 22%; padding: 4px;}
.left_train_25 {float: left; width: 100%; padding: 4px;}
.left_train_28 {float: left; width: 28%; padding: 4px;}
.left_train_30 {float: left; width: 31%; padding: 4px;}
.left_train_35 {float: left; width: 36%; padding: 4px;}
.left_train_icons {float: right; width: 12%; padding: 2px; padding-top: 4px;}
.left_train_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_train_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train_icons3 {float: right; width: 8%; padding: 2px; padding-top: 4px;}
.left_train_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train_icons4 {float: right; width: 15%; padding: 2px; padding-top: 4px;}
.left_train_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train2 {float: left; width: 27%; padding: 5px;}
.left_train2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_train2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}	

#training_details_heading {font-size: 13px; margin-left: 2%; margin-top: 4px;}
.row_train_even_det {max-width: 98%; height: 50px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_even_det:hover {border: 1px dashed #EF3742}
.row_train_odd_det {max-width: 98%; height: 50px;background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_odd_det:hover {border: 1px dashed #EF3742}
.left_train_3_det {float: left; width: 6%; padding: 4px;}
.left_train_25_det {float: left; width: 84%; padding: 4px;}
.left_train_25_det-2 {float: left; width: 96%; padding: 4px;}
	/* -------------------------------------------- */
	/* ------------------Company-------------------- */
	
	.row_comp_even {min-width: 98%; height: 108px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_comp_even:hover {border: 1px dashed #EF3742}
.row_comp_odd {min-width: 98%; height: 108px; background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_comp_odd:hover {border: 1px dashed #EF3742}

.left_comp {float: left; width: 14%; padding: 4px;}
.left_comp_2 {float: left; width: 5%; padding: 4px;}
.left_comp_3 {float: left; width: 1.5%; padding: 4px;}
.left_comp_5 {float: left; width: 4%; padding: 4px;}
.left_comp_6 {float: left; width: 6%; padding: 4px;}
.left_comp_8 {float: left; width: 8%; padding: 4px;}
.left_comp_10 {float: left; width: 10%; padding: 4px;}
.left_comp_10-2 {float: left; width: 10%; padding: 4px;}
.left_comp_12 {float: left; width: 40%; padding: 4px;}
.left_comp_15 {float: left; width: 45%; padding: 4px;}
.left_comp_20 {float: left; width: 80%; padding: 4px;}
.left_comp_22 {float: left; width: 22%; padding: 4px;}
.left_comp_25 {float: left; width: 80%; padding: 4px;}
.left_comp_28 {float: left; width: 28%; padding: 4px;}
.left_comp_30 {float: left; width: 31%; padding: 4px;}
.left_comp_35 {float: left; width: 36%; padding: 4px;}
.left_comp_icons {float: right; width: 12%; padding: 2px; padding-top: 4px;}
.left_comp_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_comp_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp_icons3 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_comp_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp_icons4 {float: right; width: 10%; padding: 2px; padding-top: 4px; margin-top: -72px;}
.left_comp_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp2 {float: left; width: 27%; padding: 5px;}
.left_comp2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_comp2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}

.row_user_even {min-width: 98%; height: 90px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_user_even:hover {border: 1px dashed #EF3742}
.row_user_odd {min-width: 98%; height: 90px; background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_user_odd:hover {border: 1px dashed #EF3742}
.left_user {float: left; width: 14%; padding: 4px;}
.left_user_2 {float: left; width: 1%; padding: 4px;}
.left_user_3 {float: left; width: 1.5%; padding: 4px;}
.left_user_5 {float: left; width: 4%; padding: 4px;}
.left_user_6 {float: left; width: 6%; padding: 4px;}
.left_user_8 {float: left; width: 8%; padding: 4px;}
.left_user_10 {float: left; width: 10%; padding: 4px;}
.left_user_10-2 {float: left; width: 10%; padding: 4px;}
.left_user_12 {float: left; width: 12%; padding: 4px;}
.left_user_15 {float: left; width: 43%; padding: 4px;}
.left_user_20 {float: left; width: 50%; padding: 4px;}
.left_user_22 {float: left; width: 22%; padding: 4px;}
.left_user_25 {float: left; width: 100%; padding: 4px;}
.left_user_28 {float: left; width: 28%; padding: 4px;}
.left_user_30 {float: left; width: 31%; padding: 4px;}
.left_user_35 {float: left; width: 36%; padding: 4px;}
.left_user_icons {float: right; width: 40%; padding: 2px; padding-top: 4px; margin-top: -4px;}
.left_user_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_user_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user_icons3 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_user_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user_icons4 {float: right; width: 15%; padding: 2px; padding-top: 4px;}
.left_user_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user2 {float: left; width: 27%; padding: 5px;}
.left_user2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_user2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}

.u_det_left {width: 96%; margin-right: 2%; margin-left: 2%;float: left; }
.u_det_right {width: 96%; margin-right: 2%; margin-left: 2%; float: left; }
.u_det_left_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.u_det_left_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
.u_det_left_full_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.u_det_left_full_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
.u_det_right h3 {margin: 10px 0px 4px 0px; width: 96%; margin-right: 2%; margin-left: 2%;}

#add_cont {float: right; margin-top: -30px;}
#float_right_cont_search {float: none;}
	/* -------------------------------------------- */
	/* ------------------REPORTS----------------*---- */
	#reporting button {width: 96%; margin-right: 2%; margin-left: 2%;}
	#reporting_comp_choice {width: 96%; margin-right: 2%; margin-left: 2%;}
	#reporting_comp_choice input {width: 188%; margin-right: 2%; margin-left: 2%;}
	/* -------------------------------------------- */
	/* ------------------TED - SEARCH----------------*---- */

.row_ted_even {min-width: 98%; height: 140px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_ted_even:hover {border: 1px dashed #EF3742}
.row_ted_odd {min-width: 98%; height: 140px; background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_ted_odd:hover {border: 1px dashed #EF3742}
.left_ted_3_det {float: left; width: 1.5%; padding: 4px;}
.left_ted_25_det {float: left; width: 25%; padding: 4px;}
.left_ted_25_det-2 {float: left; width: 25%; padding: 4px;}
.left_ted {float: left; width: 14%; padding: 4px;}
.left_ted_2 {float: left; width: 1%; padding: 4px;}
.left_ted_3 {float: left; width: 1.5%; padding: 4px;}
.left_ted_5 {float: left; width: 4%; padding: 4px;}
.left_ted_6 {float: left; width: 22%; padding: 4px;}
.left_ted_8 {float: left; width: 32%; padding: 4px;}
.left_ted_10 {float: left; width: 10%; padding: 4px;}
.left_ted_10-2 {float: left; width: 10%; padding: 4px;}
.left_ted_12 {float: left; width: 12%; padding: 4px;}
.left_ted_15 {float: left; width: 37%; padding: 4px;}
.left_ted_20 {float: left; width: 20%; padding: 4px;}
.left_ted_22 {float: left; width: 22%; padding: 4px;}
.left_ted_25 {float: left; width: 100%; padding: 4px;}
.left_ted_28 {float: left; width: 85%; padding: 4px;}
.left_ted_30 {float: left; width: 31%; padding: 4px;}
.left_ted_35 {float: left; width: 36%; padding: 4px;}
.left_ted_icons {float: right; width: 12%; padding: 2px; padding-top: 4px;}
.left_ted_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_ted_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted_icons3 {float: right; width: 10%; padding: 2px; padding-top: 4px;}
.left_ted_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted_icons4 {float: right; width: 15%; padding: 2px; padding-top: 4px;}
.left_ted_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted2 {float: left; width: 27%; padding: 5px;}
.left_ted2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_ted2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
/* -------------------------------------------- */
	/* ------------------CONTACT DETAILS----------------*---- */
.c_det_left {width: 96%; margin-right: 2%; margin-left: 2%; float: left; }
.c_det_right {width: 96%; margin-right: 2%; margin-left: 2%; float: right; }
.c_det_right h3 {margin: 10px 0px 4px 0px; width: 96%; margin-right: 2%; margin-left: 2%;}
.c_det_left_full_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.c_det_left_full_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
.c_det_left_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.c_det_left_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
/* -------------------------------------------- */
	/* ------------------SETTINGS----------------*---- */
#password_button button {width: 96%; margin-right: 2%; margin-left: 2%;}
/* -------------------------------------------- */
	/* ------------------AED - ADD----------------*---- */
#add_aed_buttons button {width: 96%; margin-right: 2%; margin-left: 2%;}
.aed_ch_input {width: 100%; float: left; margin-right: 3%;}
.aed_ch_input_selections {width: 100%; float: left; margin-right: 3%;}
.aed_ch_input_full button{width: 96%; margin-right: 2%; margin-left: 2%;}
.aed_ch_input_full input{width: 96%; margin-right: 2%; margin-left: 2%;}
}

@media only screen and (max-width: 479px) {
	/* -------------------------------------------- */
	.zerogrid .wrap-col {margin: 0px;}
	#content .wrap-content {border: none;}
	#switch_view {float: none;}
	#switch_user {float: none; margin-right: 0px;}
	
	/* ------------------Header-------------------- */
	header{height: 270px;}
	header #logo{top: 50px; width: 96%; margin-right: 2%; margin-left: 2%; padding-bottom: 10px; padding: 0px; text-align: center;}
	h3 {font-size: 13px; width: 96%; margin-right: 2%; margin-left: 2%;}
	#view_as {width: 96%; margin-right: 2%; margin-left: 2%; text-align: center; }
	#head_icons {margin: 10px 5px 0px 0px; text-align: center; width: 96%; margin-right: 2%; margin-left: 2%;}
	#switch_view {float: none;}
	#switch_user {float: none; margin-right: 0px;}
	#switch_view select {width: 96%; margin-right: 2%; margin-left: 2%;}
	#switch_user select {width: 96%; margin-right: 2%; margin-left: 2%; margin-top: 10px;}
	.add_aed {width: 96%; float: none;}
.add_aed a.button {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
.add_aed2 {width: 96%; float: none;}
.add_aed2 a.button {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
	.aed_input {width: 96%; margin-right: 2%; margin-left: 2%; height: 100%;}
	.aed_input2 {width: 96%; margin-right: 2%; margin-left: 2%; height: 100%;}
	.aed_label {}
	#comp_selecting {margin-bottom: 10px; width: 96%; margin-right: 2%; margin-left: 2%;}
	.bs-example {width: 96%; margin-right: 2%; margin-left: 2%;}
	.bs-example input {width: 120%; margin-left: 0px}
	.tt-dropdown-menu {width: 300px; margin-right: 2%; margin-left: 2%; font-size: 11px;}
	.tt-suggestion {font-size: 11px;}
	nav .wrap-nav {position:relative; height: 37px; left:0px; top:0px;}
	.menu{display:none;}
	.minimenu{display:block;}
	#back_button {margin-top: -5px;}
	#dash_slider {float: right; width: 100%}
	#dash_title {line-height: 30px; background: none;}
	
	/* -------------------------------------------- */
	/* ------------------DASHBOARD------------------- */
	
	#chart_head {width: 96%; margin-right: 2%; margin-left: 2%; float: left }
	#chart_head h2 {font-size: 13px;}
	#chart_head2 {width: 96%; margin-right: 2%; margin-left: 2%; float: left }
	#chart_head2 h2 {font-size: 13px;}
	#ted_calendar {width: 100%; float: left; margin-left: 0px; margin-right: 0px; }
	#ted_calendar_input { float: none; width: 96%; margin-right: 2%; margin-left: 2%; margin-right: 0;}
    #ted_calendar_div button {width: 96%; margin-right: 2%; margin-left: 2%; }
	#dash_right {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}
#dash_right2 {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}#dash_right {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}
#dash_right2 {width: 96%; margin-right: 2%; margin-left: 2%; float: left;}
	/* -------------------------------------------- */
	/* ------------------AEDS------------------- */
.row_aed_even {min-width: 98%; height: 108px; border-bottom: 1px solid #ccc;padding: 3px; }
.row_aed_odd {min-width: 98%; height: 108px; border-bottom: 1px solid #ccc;background-color: #f5f5f5;padding: 3px;}
.left_aed {float: left; width: 100%; padding: 4px;}
.left_aed_2 {float: left; width: 6%; padding: 4px;}
.left_aed_3 {float: left; width: 4%; padding: 4px;}
.left_aed_5 {float: left; width: 4.5%; padding: 4px; margin-top: -28px}
.left_aed_12 {float: left; width: 12%; padding: 4px;}
.left_aed_15 {float: left; width: 65%; padding: 4px;}
.left_aed_20 {float: left; width: 72%; padding: 4px;}
.left_aed_20-2 {float: left; width: 65%; padding: 4px;}
.left_aed_25 {float: left; width: 25%; padding: 4px;}
.left_aed_30 {float: left; width: 31%; padding: 4px;}
.left_aed_icons {float: right; width: 6%; padding: 2px; padding-top: 4px;margin-top: -28px}
.left_aed_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_aed_icons2 {float: right; width: 5%; padding: 2px; padding-top: 4px;}
.left_aed_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}


	/* -------------------------------------------- */
	/* ------------------AEDS DETAILS------------------- */
.aed_det_right {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
.aed_det_left {width: 96%; margin-right: 2%; margin-left: 2%; float: none;}
.aed_det_left_even {width: 98%; margin-right: 1%; margin-left: 1%; float: none;}
.aed_det_left_odd {width: 98%; margin-right: 1%; margin-left: 1%; float: none;}
#details_right_img {margin-top: 10px;}
.ui-accordion .ui-accordion-content {padding: .6em; font-size: 11px;}
#main-content article img {margin-right: 5px}
#aed_details_heading {font-size: 13px;}

/* -------------------------------------------- */
	/* ------------------MANUAL CHECK - AEDS DETAILS------------------- */
.row_aed_even_man {max-width: 98%; height: 108px; border-bottom: 1px solid #ccc;padding: 3px; }
.row_aed_odd_man {max-width: 98%; height: 108px; border-bottom: 1px solid #ccc;background-color: #f5f5f5;padding: 3px;}
.left_aed_2_man {float: left; width: 8%; padding: 4px;}
.left_aed_3_man {float: left; width: 4%; padding: 4px;}
.left_aed_5_man {float: left; width: 4.5%; padding: 4px; margin-top: -0px}
.left_aed_12_man {float: left; width: 5%; padding: 4px;}
.left_aed_15_man {float: left; width: 70%; padding: 4px;}
.left_aed_15_man-2 {float: left; width: 98%; padding: 4px;}
.left_aed_20_man {float: left; width: 52%; padding: 4px;}
.left_aed_20-2_man {float: left; width: 65%; padding: 4px;}
.left_aed_25_man {float: left; width: 25%; padding: 4px;}
.left_aed_30_man {float: left; width: 31%; padding: 4px;}
.left_aed_icons_man {float: right; width: 6%; padding: 2px; padding-top: 4px;margin-top: -0px}
.left_aed_icons_man img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_aed_icons2_man {float: right; text-align: right; width: 5%; padding: 2px; padding-top: 4px;}
.left_aed_icons2_man img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}

/* -------------------------------------------- */
	/* ------------------TRAINING------------------- */

.row_train_even {max-width: 98%; height: 140px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_even:hover {border: 1px dashed #EF3742}
.row_train_odd {max-width: 98%; height: 140px;background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_odd:hover {border: 1px dashed #EF3742}
.left_train {float: left; width: 14%; padding: 4px;}
.left_train_2 {float: left; width: 1%; padding: 4px;}
.left_train_3 {float: left; width: 6%; padding: 4px; display: none; display: none;}
.left_train_5 {float: left; width: 4%; padding: 4px;}
.left_train_6 {float: left; width: 50%; padding: 4px;}
.left_train_8 {float: left; width: 8%; padding: 4px;}
.left_train_10-2 {float: left; width: 38%; padding: 4px;}
.left_train_10 {float: left; width: 38%; padding: 4px;}
.left_train_12 {float: left; width: 40%; padding: 4px;}
.left_train_15 {float: left; width: 15%; padding: 4px;}
.left_train_20 {float: left; width: 20%; padding: 4px;}
.left_train_22 {float: left; width: 22%; padding: 4px;}
.left_train_25 {float: left; width: 100%; padding: 4px;}
.left_train_28 {float: left; width: 28%; padding: 4px;}
.left_train_30 {float: left; width: 31%; padding: 4px;}
.left_train_35 {float: left; width: 36%; padding: 4px;}
.left_train_icons {float: right; width: 12%; padding: 2px; padding-top: 4px;}
.left_train_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_train_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train_icons3 {float: right; width: 8%; padding: 2px; padding-top: 4px;}
.left_train_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train_icons4 {float: right; width: 15%; padding: 2px; padding-top: 4px;}
.left_train_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_train2 {float: left; width: 27%; padding: 5px;}
.left_train2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_train2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}	

#training_details_heading {font-size: 13px; margin-left: 2%; margin-top: 4px;}
.row_train_even_det {max-width: 98%; height: 50px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_even_det:hover {border: 1px dashed #EF3742}
.row_train_odd_det {max-width: 98%; height: 50px;background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_train_odd_det:hover {border: 1px dashed #EF3742}
.left_train_3_det {float: left; width: 6%; padding: 4px;}
.left_train_25_det {float: left; width: 84%; padding: 4px;}
.left_train_25_det-2 {float: left; width: 96%; padding: 4px;}
	/* -------------------------------------------- */
	/* ------------------Company-------------------- */
	
	.row_comp_even {min-width: 98%; height: 108px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_comp_even:hover {border: 1px dashed #EF3742}
.row_comp_odd {min-width: 98%; height: 108px; background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_comp_odd:hover {border: 1px dashed #EF3742}

.left_comp {float: left; width: 14%; padding: 4px;}
.left_comp_2 {float: left; width: 5%; padding: 4px;}
.left_comp_3 {float: left; width: 1.5%; padding: 4px;}
.left_comp_5 {float: left; width: 4%; padding: 4px;}
.left_comp_6 {float: left; width: 6%; padding: 4px;}
.left_comp_8 {float: left; width: 8%; padding: 4px;}
.left_comp_10 {float: left; width: 10%; padding: 4px;}
.left_comp_10-2 {float: left; width: 10%; padding: 4px;}
.left_comp_12 {float: left; width: 40%; padding: 4px;}
.left_comp_15 {float: left; width: 45%; padding: 4px;}
.left_comp_20 {float: left; width: 80%; padding: 4px;}
.left_comp_22 {float: left; width: 22%; padding: 4px;}
.left_comp_25 {float: left; width: 80%; padding: 4px;}
.left_comp_28 {float: left; width: 28%; padding: 4px;}
.left_comp_30 {float: left; width: 31%; padding: 4px;}
.left_comp_35 {float: left; width: 36%; padding: 4px;}
.left_comp_icons {float: right; width: 12%; padding: 2px; padding-top: 4px;}
.left_comp_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_comp_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp_icons3 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_comp_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp_icons4 {float: right; width: 10%; padding: 2px; padding-top: 4px; margin-top: -72px;}
.left_comp_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_comp2 {float: left; width: 27%; padding: 5px;}
.left_comp2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_comp2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}

.row_user_even {min-width: 98%; height: 90px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_user_even:hover {border: 1px dashed #EF3742}
.row_user_odd {min-width: 98%; height: 90px; background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_user_odd:hover {border: 1px dashed #EF3742}
.left_user {float: left; width: 14%; padding: 4px;}
.left_user_2 {float: left; width: 1%; padding: 4px;}
.left_user_3 {float: left; width: 1.5%; padding: 4px;}
.left_user_5 {float: left; width: 4%; padding: 4px;}
.left_user_6 {float: left; width: 6%; padding: 4px;}
.left_user_8 {float: left; width: 8%; padding: 4px;}
.left_user_10 {float: left; width: 10%; padding: 4px;}
.left_user_10-2 {float: left; width: 10%; padding: 4px;}
.left_user_12 {float: left; width: 12%; padding: 4px;}
.left_user_15 {float: left; width: 43%; padding: 4px;}
.left_user_20 {float: left; width: 50%; padding: 4px;}
.left_user_22 {float: left; width: 22%; padding: 4px;}
.left_user_25 {float: left; width: 100%; padding: 4px;}
.left_user_28 {float: left; width: 28%; padding: 4px;}
.left_user_30 {float: left; width: 31%; padding: 4px;}
.left_user_35 {float: left; width: 36%; padding: 4px;}
.left_user_icons {float: right; width: 40%; padding: 2px; padding-top: 4px; margin-top: -4px;}
.left_user_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_user_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user_icons3 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_user_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user_icons4 {float: right; width: 15%; padding: 2px; padding-top: 4px;}
.left_user_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_user2 {float: left; width: 27%; padding: 5px;}
.left_user2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_user2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}

.u_det_left {width: 96%; margin-right: 2%; margin-left: 2%;float: left; }
.u_det_right {width: 96%; margin-right: 2%; margin-left: 2%; float: left; }
.u_det_left_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.u_det_left_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
.u_det_left_full_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.u_det_left_full_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
.u_det_right h3 {margin: 10px 0px 4px 0px; width: 96%; margin-right: 2%; margin-left: 2%;}

#add_cont {float: right; margin-top: -30px;}
#float_right_cont_search {float: none;}
	/* -------------------------------------------- */
	/* ------------------REPORTS----------------*---- */
	#reporting button {width: 96%; margin-right: 2%; margin-left: 2%;}
	#reporting_comp_choice {width: 96%; margin-right: 2%; margin-left: 2%;}
	#reporting_comp_choice input {width: 188%; margin-right: 2%; margin-left: 2%;}

	/* -------------------------------------------- */
	/* ------------------TED - SEARCH----------------*---- */

.row_ted_even {min-width: 98%; height: 140px; padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_ted_even:hover {border: 1px dashed #EF3742}
.row_ted_odd {min-width: 98%; height: 140px; background-color: #f5f5f5;padding: 3px; border: 1px dashed #fff; border-bottom: 1px solid #ccc;}
.row_ted_odd:hover {border: 1px dashed #EF3742}
.left_ted_3_det {float: left; width: 1.5%; padding: 4px;}
.left_ted_25_det {float: left; width: 25%; padding: 4px;}
.left_ted_25_det-2 {float: left; width: 25%; padding: 4px;}
.left_ted {float: left; width: 14%; padding: 4px;}
.left_ted_2 {float: left; width: 1%; padding: 4px;}
.left_ted_3 {float: left; width: 1.5%; padding: 4px;}
.left_ted_5 {float: left; width: 4%; padding: 4px;}
.left_ted_6 {float: left; width: 22%; padding: 4px;}
.left_ted_8 {float: left; width: 32%; padding: 4px;}
.left_ted_10 {float: left; width: 10%; padding: 4px;}
.left_ted_10-2 {float: left; width: 10%; padding: 4px;}
.left_ted_12 {float: left; width: 12%; padding: 4px;}
.left_ted_15 {float: left; width: 37%; padding: 4px;}
.left_ted_20 {float: left; width: 20%; padding: 4px;}
.left_ted_22 {float: left; width: 22%; padding: 4px;}
.left_ted_25 {float: left; width: 100%; padding: 4px;}
.left_ted_28 {float: left; width: 85%; padding: 4px;}
.left_ted_30 {float: left; width: 31%; padding: 4px;}
.left_ted_35 {float: left; width: 36%; padding: 4px;}
.left_ted_icons {float: right; width: 12%; padding: 2px; padding-top: 4px;}
.left_ted_icons img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted_icons2 {float: right; width: 3%; padding: 2px; padding-top: 4px;}
.left_ted_icons2 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted_icons3 {float: right; width: 10%; padding: 2px; padding-top: 4px;}
.left_ted_icons3 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted_icons4 {float: right; width: 15%; padding: 2px; padding-top: 4px;}
.left_ted_icons4 img {margin: 0px; margin-bottom: 2px; padding-bottom: 0px}
.left_ted2 {float: left; width: 27%; padding: 5px;}
.left_ted2 a.button {background-color:#ccc; padding: 5px; color: #111; border: none; margin-top: 6px; cursor: pointer; width: 100%; font-weight: bold;  border-top-left-radius: 15px; border-bottom-left-radius: 15px; text-align: center; }
.left_ted2 a.button:hover {background-color:#111; padding: 5px; color: #fff; border: none; margin-top: 6px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
/* -------------------------------------------- */
	/* ------------------CONTACT DETAILS----------------*---- */
.c_det_left {width: 96%; margin-right: 2%; margin-left: 2%; float: left; }
.c_det_right {width: 96%; margin-right: 2%; margin-left: 2%; float: right; }
.c_det_right h3 {margin: 10px 0px 4px 0px; width: 96%; margin-right: 2%; margin-left: 2%;}
.c_det_left_full_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.c_det_left_full_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
.c_det_left_odd {width: 96%; margin-right: 2%; margin-left: 2%; float: left; background: #f5f5f5;padding: 3px;}
.c_det_left_even {width: 96%; margin-right: 2%; margin-left: 2%; float: left; padding: 3px;}
/* -------------------------------------------- */
	/* ------------------SETTINGS----------------*---- */
#password_button button {width: 96%; margin-right: 2%; margin-left: 2%;}
/* -------------------------------------------- */
	/* ------------------AED - ADD----------------*---- */
#add_aed_buttons button {width: 96%; margin-right: 2%; margin-left: 2%;}
.aed_ch_input {width: 100%; float: left; margin-right: 3%;}
.aed_ch_input_selections {width: 100%; float: left; margin-right: 3%;}
.aed_ch_input_full button{width: 96%; margin-right: 2%; margin-left: 2%;}
.aed_ch_input_full input{width: 96%; margin-right: 2%; margin-left: 2%;}

}