
@font-face
{
	font-family: "NeoSansRegular";
	src: url("../fonts/NeoSansStd-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NeoSansStd-Regular.otf") format("opentype"), url("../fonts/NeoSansStd-Regular.woff") format("woff"), url("../fonts/NeoSansStd-Regular.ttf") format("truetype");
}

@font-face
{
	font-family: "NeoSansMedium";
	src: url("../fonts/NeoSansStd-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/NeoSansStd-Medium.otf") format("opentype"), url("../fonts/NeoSansStd-Medium.woff") format("woff"), url("../fonts/NeoSansStd-Medium.ttf") format("truetype");
}

@font-face
{
	font-family: "NeoSansBold";
	src: url("../fonts/NeoSansStd-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NeoSansStd-Bold.otf") format("opentype"), url("../fonts/NeoSansStd-Bold.woff") format("woff"), url("../fonts/NeoSansStd-Bold.ttf") format("truetype");
}

body
{
	font-family: Helvetica,Arial,sans-serif;
	background-color: #fff;
	color: #000;
}

input, textarea
{
	color: #000;
}

textarea
{
	background-color: #fff;
	border-color: rgb(169, 169, 169);
	font-family: monospace;
	border-width: 1px;
	border-style: solid;
}

body, 
.map_canvas
{
	overflow: hidden;
}

input, 
textarea
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

canvas
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#header
{
	background: #ffffff;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 2;
}

#header_top_cont
{
	height: 66px;
	margin-left: 20px;
	margin-right: 29px;
}

#header_top
{
	background: #ffffff;
	float: left;
	margin: 0px auto;
	width: 100%;
}

#header_bottom
{
	background: #8dc53e;
	float: left;
	margin: 0px auto;
	position: relative;
	width: 100%;
	transition: all 0.3s ease-in-out 0s;
}

#header_bottom_cont,
#header_dshield_cont
{
	height: auto;
	margin-left: 20px;
	margin-right: 29px;
	text-align: center;
}

.subsystem_but
{
	color: #ffffff;
	cursor: pointer;
	float: left;
	font-family: NeoSansMedium;
	height: 36px;
	line-height: 40px;
	padding-left: 22px;
	padding-right: 22px;
}

.subsystem_but:hover
{
	background: #000;
}

.subsystem_but_dshield
{
	color: #ffffff;
	cursor: pointer;
	float: left;
	font-family: NeoSansMedium;
	height: 36px;
	line-height: 42px;
	font-size: 24px;
}

.subsystem_but_active
{
	background: #000000 ! important;
	color: #ffffff ! important;
}

.vertical_sep
{
	background: #c8e19d;
	float: left;
	height: 18px;
	margin-top: 10px;
	width: 1px;
}

.vertical_sep_header_top
{
	background: #c4e39d;
	float: left;
	height: 18px;
	margin: 0px 2px;
	width: 1px;
}

.vertical_sep_header_top_god
{
	background: #c4e39d;
	float: left;
	height: 18px;
	width: 1px;
}

#header_top_hsep
{
	background: #c4e39d;
	float: left;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#header_right
{
	float: right;
	height: 66px;
	width: auto;
}

#header_top_buttons a
{
	color: #8dc53e;
	font-family: NeoSansRegular;
	font-size: 12px;
	margin-left: 4px;
	line-height: 18px;
}

#header_top_buttons
{
	clear: both;
	height: 32px;
}

.conf_but
{
	float: left;
	margin-top: 13px;
}

.conf_but a
{
	float: left;
}

.conf_but a .sprite-img-icon-users
{
	margin: 0px 3px 0px 5px;
}

.conf_but a div
{
	margin-right: 3px;
}

#header_right a:hover
{
	opacity: 0.5;
}

#close_sess
{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#header_bottom_buttons
{
	display: table;
	clear: both;
	font-family: NeoSansMedium;
	margin: 7px auto 0px;
	text-align: center;
}

.profile_but
{
	float: left;
}

.profile_but a
{
	color: #8cc540;
	font-size: 14px;
	letter-spacing: 0px;
	white-space: nowrap;
	margin: 0px 8px;
}

.profile_but_active a, .profile_but_active a:hover
{
	color: #000000 ! important;
}

.profile_but_disabled a, .profile_but_disabled a:hover
{
	color: #C0E78C ! important;
}

#header_top_hide_but,
#footer_hide_but,
#header_top_logout
{
	color: #ffffff;
	cursor: pointer;
	position: absolute;
	right: 12px;
}

#header_top_logout
{
	right: 0px;
}

#header_top_logout div
{
	width: 100px;
	height: 36px;
    line-height: 38px;
	background-color: rgba(0,0,0,0.5);
	font-size: 22px;
	font-family: NeoSansMedium;
	text-align: center;
}

#header_top_hide_but
{
	height: 100%;
	right: 0px;
	top: 0px;
	width: 30px;
}

#header_top_hide_but:hover
{
	background: #000;
}

#header_top_hide_but .sprite-img-flechin-up, 
#header_top_hide_but .sprite-img-flechin-down
{
	margin: 13px auto;
}

#domo_logo
{
	float: left;
	margin-top: 20px;
}

#content
{
	float: left;
	height: 100%;
	margin-top: 136px;
	overflow: auto;
	width: 100%;
}

.footer_normal
{
	background: #000000;
	bottom: 0px;
	color: #ffffff;
	font-size: 10pt;
	left: 0px;
	position: fixed;
	right: 0px;
	width: 100%;
	z-index: 2;
	transition: all 0.3s ease-in-out 0s;
}

#header_bottom.dshield
{
	background-color: #92278f;
}

#header_dshield_cont
{
	display: none;
}

.footer_dshield
{
	background: #000000;
	bottom: 0px;
	color: #ffffff;
	font-size: 10pt;
	position: fixed;
	right: 0px;
	z-index: 2;
	padding-right: 20px;
	left: auto;
	width: auto;
}

.footer_dshield .footer_complete
{
	display: none;
}

#footer_top
{
	height: 52px;
	margin-left: 20px;
}

#footer_logo
{
	float: left;
	margin-top: 15px;
}

#footer_info
{
	float: left;
	margin-top: 12px;
	width: 320px;
}

#footer_info span
{
	clear: both;
	float: left;
}

#footer_info span a
{
	border-bottom: 1px dotted #8cc93e;
	color: #8cc93e;
}

#footer_copyrights
{
	float: left;
	font-size: 11px;
	margin-left: 10px;
	margin-top: 24px;
}

#footer_logos
{
	float: left;
	margin-top: 14px;
}

#global_user_name
{
	float: right;
	font-family: NeoSansRegular;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 24px;
	margin-right: 8px;
}

#map_container
{
	height: 100%;
	width: 100%;
}

.map_canvas
{
	height: 100%;
	width: 100%;
}

#map_div
{
	float: left;
}

.panel_hide_box
{
	background: #000000;
	display: block;
	height: 100%;
	position: absolute;
	right: 0px;
	width: 20px;
}

.panel_hide_box_right
{
	background: #000000;
	display: block;
	height: 100%;
	position: absolute;
	width: 20px;
}

.panel_data_box
{
	float: left;
	height: auto;
	padding-right: 20px;
	min-width: 200px;
}

.panel_box
{
	background: rgba(0, 0, 0, 0.75);
	z-index: 3 !important;
}

#panel_airmesh
{
	padding-bottom: 12px;
	position: absolute;
	top: 112px;
}

#panel_gprs
{
	padding-bottom: 12px;
	position: absolute;
	top: 112px;
}

#panel_dshield,
#panel_dshield_control
{
	padding-bottom: 12px;
	position: absolute;
	top: 112px;
}

#panel_dshield_control > .panel_data_box
{
	width: 270px;
}

#panel_filters
{
	padding-bottom: 5px;
	position: absolute;
	top: 112px;
	width: 358px;
	z-index: 2 !important;
}

#panel_radar_filters
{
	padding-bottom: 5px;
	position: absolute;
	top: 112px;
	z-index: 2 !important;
}

#panel_hw_edit,
#panel_template_edit
{
	padding-bottom: 12px;
	position: absolute;
	top: 112px;
	z-index: 2 !important;
	color: #fff;
}

#panel_ahw_filter
{
	padding-bottom: 5px;
	position: absolute;
	top: 112px;
	z-index: 2 !important;
	color: #fff;
	right: 0px;
	width: 358px;
}

#panel_hw_edit .panel_data_box
{
	width: 417px;
}

#panel_template_edit .panel_data_box
{
	width: 260px;
}

#panel_hw_filters, 
#panel_hwf_filters, 
#panel_macs_filters, 
#panel_keychain_filters,
#panel_users_filters,
#panel_person_filters
{
	padding-bottom: 5px;
	position: absolute;
	top: 112px;
	width: 300px;
}

#panel_macs_filters
{
	width: auto;
}

#panel_ahw_filters
{
	padding-bottom: 5px;
	position: absolute;
	top: 360px;
}

#panel_graph_filters .panel_data_box
{
	float: left;
	height: auto;
	padding-left: 0px;
	width: 320px;
}

#panel_filters .panel_data_box
{
	float: left;
	height: auto;
	padding-left: 0px;
}

#panel_hw_filters .panel_data_box, 
#panel_hwf_filters .panel_data_box, 
#panel_ahw_filters .panel_data_box, 
#panel_keychain_filters .panel_data_box,
#panel_users_filters .panel_data_box,
#panel_person_filters .panel_data_box
{
	float: left;
	height: auto;
	padding-left: 0px;
	padding-right: 20px;
	width: 100%;
	box-sizing: border-box;
}

#panel_graph_filters
{
	position: absolute;
	right: 0px;
	top: 112px;
	width: 358px;
}

#panel_graph_filters .seleccion
{
	font-size:12px;
	margin-top:10px;
	padding-left:8px;
}

#panel_graph_filters .seleccion a:hover
{
	text-decoration:underline;
}

.panel_data_box_margined
{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	width: 100%;
	box-sizing: border-box;
}

.panel_data_box_margined_right
{
	padding-left: 20px;
	margin-top: 12px;
	width: 100%;
	padding-right: 20px;
	box-sizing: border-box;
}

.panel_data_box_margined_right_only_left
{
	padding-left: 20px;
	margin-top: 12px;
	width: 100%;
	box-sizing: border-box;
}

.panel_title_box
{
	color: #ffffff;
	font-family: NeoSansMedium;
	font-size: 24px;
	text-align: left;
}

.panel_subtitle_box
{
	color: #ffffff;
	font-family: NeoSansMedium;
	font-size: 14px;
	text-align: left;
	float: left;
}

.panel_subtile_container,
.panel_subtiles_container
{
	float: left;
	width: 100%;
	clear: both;
}

.panel_subtile_container
{
	margin-top: 4px;
	margin-bottom: 4px;
}

.panel_subtiles_container
{
	margin-bottom: 12px;
}

.sprite-img-flechin-out, .sprite-img-flechin-in
{
	cursor: pointer;
	margin-left: 5px;
	position: absolute;
	top: 50%;
}

.sprite-img-candado-lock, .sprite-img-candado-unlock
{
	cursor: pointer;
	margin-left: 2px;
	position: absolute;
	top: 50%;
}

.sprite-img-icon-plus
{
	margin-left: 8px;
}

.button .sprite-img-icon-plus
{
	margin-top: 8px;
}

.sprite-img-icon-vincular
{
	margin-left: 6px;
}

.panel_equalizer_box
{
	margin-top: 8px;
}

.signal_box
{
	float: left;
	height: 15px;
	margin-right: 5px;
	width: 15px;
}

.signal_hw_count
{
	font-family: NeoSansBold;
	font-size: 12pt;
	line-height: 1;
	margin-left: 12px;
}

.signal_hw_green
{
	color: #019934;
}

.signal_hw_yellow
{
	color: #ffff33;
}

.signal_hw_orange
{
	color: #ff9934;
}

.signal_hw_red
{
	color: #fd0000;
}

.signal_hw_turquoise
{
	color: #04bcbc;
}

.signal_hw_pink
{
	color: #eb608d;
}

.tooltip
{
	cursor: pointer;
	position: relative;
	text-decoration: none;
	width: 80%;
	z-index: 1000 !important;
}

.tooltip span.panel_signal_explanation
{
	background: rgba(255, 255, 255, 0.9);
	bottom: 10%;
	color: #000000;
	font: 12px/16px Arial,Helvetica,sans-serif;
	left: 70%;
	opacity: 0;
	padding: 10px;
	pointer-events: none;
	position: absolute;
	text-align: left;
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 205px;
}

.tooltip span.geotrace_panel_signal_explanation
{
	width: 215px!important;
}

.tooltip span.panel_signal_explanation:before,
.tooltip span.panel_signal_explanation:after
{
	border-bottom: 8px solid transparent;
	border-right: 8px solid rgba(255, 255, 255, 0.8);
	border-top: 8px solid transparent;
	bottom: 40%;
	content: "";
	left: 0%;
	margin-left: -8px;
	position: absolute;
}

.tooltip:hover span.panel_signal_explanation
{
	bottom: 10%;
	left: 73%;
	opacity: 1;
	visibility: visible;
}

.tooltip span.panel_signal_explanation:hover
{
	visibility: hidden;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px)
{
	.tooltip span.panel_signal_explanation
	{
		display: none;
	}
	
	.tooltip:hover span.panel_signal_explanation
	{
		display: block;
	}
}

.panel_hsep
{
	background: rgba(150, 150, 150, 0.3);
	clear: both;
	float: left;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 85%;
}

.panel_right_hsep
{
	background: #9b9b9b;
	clear: both;
	float: left;
	height: 1px;
	margin-top: 10px;
	padding-left: 9px;
	width: 100%;
	box-sizing: border-box;
}

.panel_hw_hsep
{
	background: #5c5c5c;
	clear: both;
	float: left;
	height: 1px;
	margin-top: 4px;
	padding-left: 9px;
	width: 100%;
	box-sizing: border-box;
}

.panel_hsep100
{
	background: #5c5c5c;
	clear: both;
	float: left;
	height: 1px;
	margin-top: 4px;
	padding-left: 9px;
	width: 100%;
}

.panel_hw_text
{
	color: #ffffff;
	float: left;
	font-family: NeoSansRegular;
	font-size: 16px;
	margin: 4px 0px 0px;
}

.panel_hw_count
{
	font-family: NeoSansMedium;
	font-size: 26px;
}

.panel_signal_explanation
{
	clear: both;
	color: #868684;
	float: left;
	font-size: 10pt;
}

.panel_signal_explanation span
{
	clear: both;
	float: left;
}

.header_icons_box
{
	float: right;
}

.header_icon
{
	background-color: #719e32;
	cursor: pointer;
	float: left;
	position: relative;
	height: 36px;
}

#header_dshield_cont .header_icon
{
	background-color: #751f72;
}

#header_dshield_cont .header_icon:hover
{
	background-color: #000;
}

.header_icons_subtitle
{
	background: rgba(0, 0, 0, 0.75);
	clear: both;
	color: #ffffff;
	display: none;
	font-size: 12px;
	margin: 0px;
	padding: 1px 0px;
	position: relative;
	text-align: center;
	width: 80%;
}

.header_icon:hover
{
	background-color: #000;
}

.header_icon_but
{
	margin-top: 3px;
}

.header_icon .icons_tootlip, 
td .icons_tootlip
{
	background: rgba(0, 0, 0,0.9);
	border-radius: 0px;
	color: #ffffff;
	font: bold 12px Arial,Helvetica,sans-serif;
	left: 50%;
	margin-left: -40px;
	opacity: 0;
	padding: 5px 10px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 50px;
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 60px;
	z-index:1000 !important;
	zoom:1;
}

td .icons_tootlip
{
	width: 220px;
	margin-left: -110px;
}


.header_icon .icons_tootlip_large, 
td .icons_tootlip_large
{
	background: rgba(0, 0, 0,0.9);
	border-radius: 0px;
	color: #ffffff;
	font: bold 12px Arial,Helvetica,sans-serif;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	padding: 5px 10px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 50px;
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 100px;
	z-index:1000 !important;
	zoom:1;
}



.header_icon .icons_tootlip:before,
.header_icon .icons_tootlip:after,
td .icons_tootlip:before,
td .icons_tootlip:after,
.header_icon .icons_tootlip_large:before,
.header_icon .icons_tootlip_large:after,
td .icons_tootlip_large:before,
td .icons_tootlip_large:after
{
	border-bottom: 8px solid rgba(0, 0, 0, 0.9);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	content: "";
	left: 50%;
	margin-left: -8px;
	position: absolute;
	top: -8px;
	z-index:1000 !important;
}

td.tooltip_collumn
{
	position: relative;
}

.header_icon:hover span.icons_tootlip,
td.tooltip_collumn:hover span.icons_tootlip,
.header_icon:hover span.icons_tootlip_large,
td.tooltip_collumn:hover span.icons_tootlip_large
{
	opacity: 1;
	top: 40px;
	visibility: visible;
	z-index:1000 !important;
	zoom:1;
}

.person_profile .family_photo:hover span.person_tooltip
{
	opacity: 1;
	bottom: 0px;
	visibility: visible;
	z-index:1000 !important;
	zoom:1;
}

.person_tooltip
{
	background: rgba(0, 0, 0,0.9);
	border-radius: 0px;
	color: #ffffff;
	font: bold 12px Arial,Helvetica,sans-serif;
	left: 0;
	opacity: 0;
	padding: 5px 10px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	bottom: -10px;
	transition: all 0.3s ease-in-out 0s;
	visibility: visible;
	width: 100%;
	z-index:1000 !important;
	zoom:1;
	box-sizing: border-box;
}

.header_icon_margin
{
	margin-left: 1px;
}

.header_icon_margin_last
{
	margin-right: 2px;
}

.header_icon_active
{
	background: #000 ! important;
}

#panel_hw
{
	padding-bottom: 12px;
	position: absolute;
	right: 0px;
	top: 112px;
	width: 358px;
}

#panel_dshield_r
{
	padding-bottom: 12px;
	position: absolute;
	right: 0px;
	top: 112px;
	width: 358px;
}

#panel_dshield_r .panel_right_but,
#panel_dshield_b .panel_right_but
{
	background-color: #92278f;
	cursor: pointer;
}

#panel_dshield_r .panel_right_but:hover,
#panel_dshield_b .panel_right_but:hover
{
	background-color: #B73CB4;
}

#panel_god
{
	padding-bottom: 7px;
	position: absolute;
	right: 0px;
	top: 550px;
	width: 358px;
}

#panel_geotrace_hw
{
	padding-bottom: 7px;
	position: absolute;
	right: 0px;
	top: 112px;
	width: 358px;
}

.panel_data_box_right
{
	float: right;
	height: auto;
	width: 338px;
	box-sizing: border-box;
}

.panel_bottom_data_box
{
	float: left;
	height: auto;
	width: 25%;
	box-sizing: border-box;
}

.panel_bottom_data_box_bigone
{
	float: left;
	height: auto;
	width: 50%;
	box-sizing: border-box;
}

.panel_bottom_data_box_bigone .half
{
	float: left;
	width: 50%;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}

.panel_bottom_data_box_bigone .full
{
	float: left;
	width: 100%;
	clear: both;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}

.panel_bottom_data_box_bigone .full .filler
{
	width: 33%;
	float: left;
}

.panel_bottom_data_box_bigone .full .filler .submit_btn
{
	width: 100%;
}

.panel_right_but, 
.panel_search_hw_input
{
	background: #8dc53e;
	clear: both;
	color: #ffffff;
	float: left;
	font-family: NeoSansMedium;
	font-size: 14px;
	height: 28px;
	line-height: 32px;
	margin-top: 10px;
	padding-left: 9px;
	width: 100%;
	box-sizing: border-box;
}

#panel_hw_filters .panel_search_hw_input,
#panel_person_filters .panel_search_hw_input
{
	width: 100%;
	padding-left:0px;
	text-indent:10px;
	box-sizing: border-box;
}

#panel_hw_filters .filter_tab
{
	width: 100%;
}

.panel_right_but
{
	background-image: url("../img/menues/table-icon.png");
	background-position: 96% center;
	background-repeat: no-repeat;
}

.panel_right_but_icon_user
{
	background-image: url("../img/tablas/icon-usuario.png");
	background-position: 96% center;
	background-repeat: no-repeat;
}

.panel_right_but_icon_config
{
	background-image: url("../img/menues/icon-config-white.png");
	background-position: 96% center;
	background-repeat: no-repeat;
}

.panel_right_but_icon_graph
{
	background-image: url("../img/menues/icon-graph.png");
	background-position: 96% center;
	background-repeat: no-repeat;
}

.panel_right_but:hover
{
	background-color: #6ba31c;
}

.panel_dark_but
{
	background: #45631f;
	clear: both;
	color: #ffffff;
	float: left;
	font-family: NeoSansBold;
	font-size: 14px;
	height: 28px;
	line-height: 32px;
	margin-left: 10px;
	margin-top: 10px;
	padding-left: 9px;
	width: 90%;
}

.panel_dark_but:hover 
{
	background-color: #344a17;
}

.panel_text_input
{
	background: #4b4c47;
	border: 0px solid black;
}

.panel_left_but
{
	background: #8dc53e;
	clear: both;
	color: #ffffff;
	float: left;
	font-family: NeoSansBold;
	font-size: 14px;
	height: 28px;
	line-height: 32px;
	margin-top: 10px;
	padding-left: 9px;
	width: 100%;
}

.panel_left_but:hover
{
	background-color: #6ba31c;
}

#form_search_user input.panel_text_input
{
	padding: 0px 8px;
	height: 30px;
	float: left;
	color: #fff;
	margin-left: 0px;
}

#form_search_user button
{
	float: left;
}

.panel_search_hw_input
{
	background-image: url("../img/menues/icon-buscar.png") ! important;
	background-position: 96% center ! important;
	background-repeat: no-repeat ! important;
}

.jqTransformSelectWrapper a.jqTransformSelectOpen
{
	background: url("../img/menues/icon-hora.png") no-repeat scroll right 6px center transparent;
	width: 100%;
}

.jqTransformSelectWrapper ul
{
	height: 65px;
	width: 280px ! important;
}

.submit_btn
{
	background: #8ec73c;
	border: 0px none;
	color: #ffffff;
	cursor: pointer;
	font-family: NeoSansMedium;
	height: 28px;
	margin-bottom: 5px;
	padding: 8px;
	text-align: center;
	width: auto;
	margin-top:10px;
	font-size: 14px;
}

.submit_btn:hover
{
	background-color: #6ba31c;
	background-color: rgba(142, 199, 60, 0.75);
}

.group_add_macs .submit_btn
{
	float: right!important;
}

.white label {
	color: #fff;
	cursor: default;
	font-size: 12px;
	padding: 3px;
}

.blue label {
	color: #065de5;
	cursor: default;
	font-size: 12px;
	padding: 3px;
}

.purple label
{
	color: #c104c1;
	cursor: default;
	font-size: 12px;
	padding: 3px;
}

.turquoise label
{
	color: #04bcbc;
	cursor: default;
	font-size: 12px;
	padding: 3px;
}

span.turquoise
{
	color: #04bcbc!important;
}

.pink label
{
	color: #eb608d;
	cursor: default;
	font-size: 12px;
	padding: 3px;
}

.red label
{
	color: #ff0000;
	cursor: default;
	font-size: 12px;
	padding: 3px;
}

#filters_default
{
	color: #ffffff;
	margin-bottom: 12px;
}

#footer_orders, 
#footer_support
{
	background-color: #262624;
	float: right;
	height: 52px;
	margin-left: 4px;
	width: 45px;
	cursor: pointer;
}

#footer_orders:hover, 
#footer_support:hover
{
	background-color: #3d3d3b;
}

#footer_orders
{
	background-image: url("../img/footer/icon-pedidos.png");
	background-position: center center;
	background-repeat: no-repeat;
}

#footer_support
{
	background-image: url("../img/footer/icon-soporte.png");
	background-position: center center;
	background-repeat: no-repeat;
}

.panel_hw_black_box
{
	background: rgba(0, 0, 0, 0.8);
	color: #ffffff;
	display: block;
	float: left;
	height: auto;
	margin-bottom: 5px;
	padding: 10px 0px;
	width: 100%;
}

.panel_hw_black_box label
{
	font-family: arial,helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 10px;
	width: 80%;
}

#hw_list_count_total, #events_list_count_total
{
	color: #ffffff;
	float: left;
	font-size: 13px;
	height: 20px;
	line-height: 25px;
	margin-top: 6px;
	font-family: NeoSansMedium;
}

.default_table
{
	font-size: 13px;
	padding: 10px 10px 0px 20px;
	width: 100%;
	border-spacing: 0px;
	margin-bottom: 8px;
	box-sizing: border-box;
}

.default_table tr th, .table_header_fixed tr th
{
	background-color: #4b4c48;
	border-right: 2px solid #ffffff;
	color: #ffffff;
	font-weight: bold;
	min-height: 28px;
	padding: 8px 4px;
	text-align: left;
	text-indent: 6px;
	font-size: 13px;
}

.default_table tr th.ajax-el-link, 
.default_table tr td.ajax-el-link, 
.table_header_fixed tr th.ajax-el-link,
.default_table tr th.ajax-el-paging-link, 
.default_table tr td.ajax-el-paging-link, 
.table_header_fixed tr th.ajax-el-paging-link
{
	cursor: pointer;
}

.default_table tr th.ajax-el-link:hover, 
.table_header_fixed tr th.ajax-el-link:hover,
.default_table tr th.ajax-el-paging-link:hover, 
.table_header_fixed tr th.ajax-el-paging-link:hover
{
	background-color: #969696;
}

.default_table tr td.ajax-el-link
{
	color: #003493;
}

.default_table tr td.ajax-el-link:hover
{
	background-color: #E3F5CB;
	color: #000000;
	font-weight: bold;
}

.default_table tr
{
	background-color: #dbdbda;
	height: 28px;
}

.default_table tr td
{
	border-right: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	text-align: left;
	text-indent: 6px;
	color: #000;
}

.default_table tr td input
{
	background-color: #dbdbda;
	border: 0px;
	padding: 3px;
	float: left;
	width: 100%;
}

.default_table tr td input.error
{
	background-color: #E57F7D!important;
	padding: 3px;
}

.default_table tr td input.user_info_name
{
	cursor: pointer;
}

.default_table tr td select
{
	background-color: #dbdbda;
	border: 0px;
	padding: 3px;
}

.default_table tr:hover
{
	background-color: #d1e8b2;
}

.default_table tr:hover td input
{
	background-color: #d1e8b2;
	border: 0px;
}

.default_table tr:hover td select
{
	background-color: #d1e8b2;
	border: 0px;
	padding: 3px;
}

.default_table tr.hidden
{
	display: none;
}

.default_table tr.suspended
{
	background-color: #FFB9B9;
}

.default_table tr.form_buttons
{
	background-color: #8dc53e ! important;
	margin-top: 2px;
}

.default_table tr.form_buttons td
{
	border-right: 2px solid #ffffff;
	border-spacing: 0px;
	border-top: 0px solid #000000;
	text-align: center;
}

.default_table tr.selected {
	background-color: #d1e8b2;
}

.default_table tr.selected td input
{
	background-color: #8dc53e;
	font-size: 13px;
	min-height: 19px;
	width: 100%;
	color: #fff;
	border: 0px;
}

.default_table tr.selected td select
{
	background-color: #8dc53e;
	border: 0;
	padding: 3px;
	color: #fff;
}

.default_table tr.selected td.greener
{
	background-color: #8dc53e ! important;
	color: #ffffff;
}

.default_table tr td.receiver_dead
{
	color: #C03737;
}

.default_table tr td.receiver_global
{
	color: #554200;
}

.default_table tr td.excellent
{
	background-color: #019934;
	color: #fff;
	font-weight: bold;
}

.default_table tr td.good
{
	background-color: #E0D941;
	color: #fff;
	font-weight: bold;
}

.default_table tr td.low
{
	background-color: #ff9934;
	color: #fff;
	font-weight: bold;
}

.default_table tr td.dead
{
	background-color: #fe0000;
	color: #fff;
	font-weight: bold;
}

.default_table tr th.icon_th, .table_header_fixed tr th.icon_th
{
	text-align: center;
	text-indent: 0px;
}

.default_table tr td.icons 
{
	text-align: center;
	text-indent: 0px;
}

.default_table tr th.icon_user, .table_header_fixed tr th.icon_user
{
	content: "";
	text-indent: 0px;
	text-align: center;
	background-color: #8dc53e;
}

.default_table tr th.icon_plus, .table_header_fixed tr th.icon_plus
{
	content: "";
	text-indent: 0px;
	text-align: center;
	background-color: #8dc53e;
	width: 28px;
	cursor:pointer;
}

.default_table tr th.icon_user div, .table_header_fixed tr th.icon_user div
{
	margin: 0px auto;
}

.default_table tr th a, .table_header_fixed tr th a {
	color: #fff;
}

.default_table tr.selected td input.input_float
{
	float: left;
	clear: both;
}

.default_table tr td div.state
{
	color: #FF0000;
	font-family: NeoSansBold;
	font-size: 16px;
}

.default_table tr td span.box
{
	float: left;
	width: 100%;
	clear: both;
	background-color: #4b4c48;
	min-height: 28px;
	line-height: 28px;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
}

.default_table tr td.icon_unlink
{
	content: "";
	text-indent: 0px;
	text-align: center;
	background-color: #8dc53e;
	width: 28px;
	cursor:pointer;
}

.submit_btn_table, .select_div_button
{
	background: rgba(255,255,255,0.2);
	border: 0px none;
	color: #fff;
	cursor: pointer;
	font-family: NeoSansMedium;
	height: 24px;
	padding-top: 4px;
	text-align: center;
	width: auto;
	font-size: 14px;
}

.submit_btn_table:hover
{
	background-color: rgba(0,0,0,0.2);
}

.delete_btn
{
	background: #aa0000!important;
}

.delete_btn:hover
{
	background: #dd0000!important;
}

.suspend_btn
{
	background: #AAAA00!important;
}

.suspend_btn:hover
{
	background: #DDDD00!important;
}

.template_btn
{
	background: #AAAA00!important;
}

.template_btn:hover
{
	background: #DDDD00!important;
}

.hw_city_select
{
	margin-top: 10px;
	padding: 0px;
}

.hw_city_select select
{
	height: 25px;
	margin: 10px auto;
	width: 100%;
}

.hw_city_select .submit_btn
{
	float: right;
	height: 40px;
	line-height: 40px;
	margin-bottom: 0px;
	padding: 0px 10px;
	text-align: center;
	width: auto;
}

.table_pager
{
	display:block;
	float:right;
	font-weight: bold;
	margin-right: 10px;
	margin-bottom: 8px;
}

.table_pager span
{
	width: 28px;
	height: 28px;
	background-color: #000;
	float: left;
	margin-left: 3px;
	line-height: 32px;
	text-align: center;
	color: #fff;
}

.table_pager .digit, .table_pager .next, .table_pager .prev, .table_pager .first, .table_pager .last
{
	width: 28px;
	height: 28px;
	background-color: #8dc53e;
	float: left;
	margin-left: 3px;
	line-height: 28px;
	text-align: center;
}

.table_pager .digit a, .table_pager .next a, .table_pager .prev a, .table_pager .first a, .table_pager .last a
{
	color: #fff;
	display: table;
	width: 28px;
	height: 28px;
	line-height: 32px;
}

.table_pager .digit:hover, .table_pager .next:hover, .table_pager .prev:hover, .table_pager .first:hover, .table_pager .last:hover
{
	background-color: #6BA31C;
	background-color: rgba(141,197,62,0.5);
}

#users_search_list_table, 
#hws_search_list_table,
.hw_icon_img,
.selectable_table tbody tr
{
	cursor: pointer;
}

.table_after_left_button
{
	background-color: #8dc53e;
	font-family: NeoSansMedium;
	text-align: center;
	cursor: pointer;
	float: left;
	color: #fff;
	text-indent: 0px;
	margin-top: 10px;
	padding: 4px;
}

.table_after_left_button:hover
{
	background-color: #6BA31C;
	background-color: rgba(141,197,62,0.5);
}

.table_after_right_clear_button
{
	background-color: #8dc53e;
	font-family: NeoSansMedium;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	float: right;
	color: #fff;
	text-indent: 0px;
	padding: 4px;
	clear: both;
	margin-right: 10px;
	margin-bottom: 10px;
}

.table_after_right_clear_button:hover
{
	background-color: #6BA31C;
}

.table_after_right_button
{
	background-color: #8dc53e;
	font-family: NeoSansMedium;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	float: right;
	color: #fff;
	text-indent: 0px;
	padding: 7px 4px 4px 4px;
	margin-right: 10px;
	margin-bottom: 64px;
}

.delete_bg_color
{
	background-color: #aa0000!important;
}

.delete_bg_color:hover
{
	background-color: #dd0000!important;
}

.table_after_right_button:hover
{
	background-color: #6BA31C;
	background-color: rgba(141,197,62,0.5);
}

.fake_hw_blue_box
{
	width: 24px;
	height: 24px;
	background-color: #065de5;
	cursor: pointer;
}

.fake_hw_purple_box
{
	width: 24px;
	height: 24px;
	background-color: #c104c1;
	cursor: pointer;
}

.ui-autocomplete
{
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

.default_panel_font
{
	font-size: 12px;
	color: #fff;
	margin-top:10px;
}

.nav
{
	border: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
}
.nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav li
{
	float: left;
	padding: 0px;
}
.nav li a
{
	display: block;
	font-weight: normal;
	line-height: 35px;
	margin: 0px;
	padding: 0px 25px;
	text-align: center;
	text-decoration: none;
}
.nav > ul > li > a
{
	color: #8dc53e;
}
.nav ul ul a
{
	color: #8dc53e;
}
.nav li > a:hover,
.nav ul li:hover > a
{
	color: #c6e29e;
	text-decoration: none;
}
.nav li ul
{
	background: #333333;
	background: rgba(0,0,0,0.85);
	/*display: none;*/
	visibility: hidden;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	left: 0px;
	width: 190px;
	z-index: 1000!important;
	opacity:0;
	transition: all 0.3s ease-in-out 0s;
}

.nav li:hover ul
{
	/*display: block;*/
	left: -159px;
	visibility: visible;
	opacity:1;
}

.nav li li
{
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 225px;
}

.nav li:hover li a
{
	background: none;
}

.nav li ul a
{
	display: block;
	height: 35px;
	font-size: 12px;
	font-style: normal;
	margin: 0px;
	padding: 0px 10px 0px 15px;
	text-align: left;
}

.nav li ul a:hover,
.nav li ul li:hover > a
{
	border: 0px;
	color: #c6e29e;
	text-decoration: none;
}

.nav p
{
	clear: left;
}

.but_with_input
{
	margin-left: 8px;
	height: 30px;
	line-height: 30px;
}

.but_with_input span.jqTransformCheckboxWrapper
{
	margin-top: 10px!important;
}

/* FORM ELEMENTS */
.panel_box input[type="text"],
.panel_bottom_data_box input[type="text"]
{
	background: #494d49;
	color:#fff;
	height: 30px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0px;

}

#panel_hw_edit input[type="text"]
{
	height: auto!important;
	font-weight: bold!important;
}

.panel_data_box_margined_right input[type="text"]
{
	padding: 0px 0px;
	width: 100%;
	text-indent:10px;
}

input.fecha[type="text"]
{
	background: url("../img/menues/icon-fecha.png") 96% center no-repeat #494d49;
	width: 100%;
	text-indent:10px;
	margin-top:10px;
	padding-left:0px;
	padding-right:0px;
}

/* select */
.custom-select
{
	position: relative;
	display: inline-block;
	width: 100%;
	margin:10px 0 0 0;
}

.custom-select select
{
	display: inline-block;
	padding: 4px 5px 3px 10px;
	margin: 0;
	font: inherit;
	outline:none; /* remove focus ring from Webkit */
	font-size:12px;
	line-height:16px;
	height:30px;
	background: #494d49;
	color:#fff;
	border:0;
	width: 100%;
	cursor:pointer;
	}

/* Select arrow styling */
.custom-select:after
{
	content: url('../img/menues/icon-desplegable.png');
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 60%;
	line-height: 30px;
	padding: 4px 5px;
	background: #494d49;
	pointer-events:none;
	cursor:pointer;
}
	
.no-pointer-events .custom-select:after
{
	content: none;
	pointer-events:none;
}

.default_panel_font .custom-checkbox label
{
	padding-top: 1px;
}

/* checkbox */
.custom-checkbox label
{
	cursor: pointer;
	display: inline-block;
	float: left;
	margin: 0 0px 0 0 !important;
	padding: 4px 19px 0 10px;
	position: relative;
}

.custom-checkbox-city label
{
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 15px;
}

.custom-checkbox-panel label
{
	cursor: pointer;
	position: relative;
	float: right;
	margin-right: -15px;
}

.custom-checkbox	input[type="checkbox"]
{
	display: none;
}

.custom-checkbox-city	input[type="checkbox"]
{
	display: none;
}

.custom-checkbox-panel	input[type="checkbox"]
{
	display: none;
}

.custom-checkbox label:before
{
	content: url('../img/menues/checkbox.png');
	display: inline-block;
	height: 19px;
	margin-right: 0px;
	overflow: hidden;
	padding: 0 !important;
	position: absolute;
	top: 3px;
	width: 20px;
}

.custom-checkbox-city label:before
{
	content: url('../img/menues/checkbox.png');
	display: inline-block;
	height: 24px;
	margin-right: 10px;
	overflow: hidden;
	padding: 0 !important;
	position: absolute;
	top: 0px;
	width: 20px;
}

span.blue label:before
{
	content: url('../img/menues/checkbox_blue.png');
}

span.grey label:before
{
	content: url('../img/menues/checkbox_grey.png');
}

span.purple label:before
{
	content: url('../img/menues/checkbox_purple.png');
}

span.purple_dark label:before
{
	content: url('../img/menues/checkbox_purple.png');
}

span.turquoise label:before
{
	content: url('../img/menues/checkbox_turquoise.png');
}

span.pink label:before
{
	content: url('../img/menues/checkbox_pink.png');
}

span.red label:before
{
	content: url('../img/menues/checkbox_red.png');
}

span.ckx-right label:before
{
	right: 0;
}

span.ckx-left label:before
{
	left: 0;
	padding-left:19px;
}

span.ckx-left label
{
	left: 0;
	padding-left:19px;
}

.custom-checkbox input[type="checkbox"]:checked + label:before
{
	content: url('../img/menues/checkbox_on.png');
	display: inline-block;
	height: 19px;
	margin-right: 0px;
	overflow: hidden;
	padding: 0 !important;
	position: absolute;
	top: 3px;
	width: 20px;
}

.custom-checkbox-city input[type="checkbox"]:checked + label:before
{
	content: url('../img/menues/checkbox_on.png');
	display: inline-block;
	height: 24px;
	margin-right: 10px;
	overflow: hidden;
	padding: 0 !important;
	position: absolute;
	top: 0px;
	width: 20px;
}

span.ckx-right input[type="checkbox"]:checked + label:before
{
	right: 0;
}

span.ckx-left input[type="checkbox"]:checked + label:before
{
	left: 0;
}

span.blue input[type="checkbox"]:checked + label:before
{
	content: url('../img/menues/checkbox_blue_on.png');
}

span.purple input[type="checkbox"]:checked + label:before
{
	content: url('../img/menues/checkbox_purple_on.png');
}

span.purple_dark input[type="checkbox"]:checked + label:before
{
	content: url('../img/menues/checkbox_purple_on.png');
}

span.turquoise input[type="checkbox"]:checked + label:before
{
	content: url('../img/menues/checkbox_turquoise_on.png');
}

span.pink input[type="checkbox"]:checked + label:before
{
	content: url('../img/menues/checkbox_pink_on.png');
}

span.red input[type="checkbox"]:checked + label:before
{
	content: url('../img/menues/checkbox_red_on.png');
}

span.grey input[type="checkbox"]:checked + label:before
{
	content: url('../img/menues/checkbox_grey_on.png');
}

/* filtros */
.filter_tab
{
	margin:10px 0 0px 0;
	padding:0px; 
	height:30px; 
	position:relative; 
	float:left;
	width: 100%;
}

.filter_title
{ 
	width:auto;
	height:100%;
	display:block; 
	background:#4b4c47;
	margin:0px; 
	text-align:left;	
	color:#ffffff; 
	font-size:12px; 
	line-height:30px;
	position:relative; 
	z-index:10; 
	color: #ffffff;
	padding: 0 10px;
	text-decoration: none;
}

.open-form,
.close-form
{ 
	cursor: pointer;
	display: block;
	position:absolute;
	float:right;
	top:0px;
	right:0px;
	width:100%; 
	height:30px;
	background: url("../img/menues/icon-desplegable.png") right 6px center	no-repeat;
	text-indent:-9999px;
	z-index:20; 
}

.close-form
{
	top:-30px;
	background: url("../img/menues/icon-contraer.png") right 6px center	no-repeat;
}

.hidden-filters
{
	width:100%;
	background:#4b4c47;
	background:rgba(75,76,71,0.95);
	padding: 0px 0px 10px 0px; 
	margin:0px 0px 0px 0px; 
	position:relative; 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index:20;
	text-shadow: 1px 1px #000000;
}

.filter_tab p
{
	padding-left: 10px;
}

.filter_tab p a
{
	color: #fff;
}

.filter_tab_net
{
	margin-bottom: 8px;
}

.hidden-filters .info_container
{
	height: 100px;
}

.hidden-filters
{ 
	display:none;
}

.hidden-filters label
{
	color:#ffffff;
	font-size:12px;
	width:90%;
	display:block;
	clear:both;
	padding-bottom:5px;
}

.hidden-filters span a
{
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	padding-left: 10px;
}

.modal_dialog h4
{
	margin: 0px;
	height: 28px;
	width: 100%;
	background-color: #4b4c48;
	color: #fff;
	font-family: NeoSansMedium;
	font-weight: normal;
	line-height: 30px;
	padding-left: 12px;
	box-sizing: border-box;
}

.panel_icons_subtitle
{
	background: rgba(0, 0, 0, 0.75);
	clear: both;
	color: #ffffff;
	display: none;
	font-size: 12px;
	margin: 0px;
	padding: 1px 0px;
	position: relative;
	text-align: center;
	width: 80%;
}

.panel_icons_box
{
	clear: both;
	float: left;
	margin-bottom: 5px;
}

.panel_icon
{
	background: #000002;
	cursor: pointer;
	float: left;
	position: relative;
}

.panel_icon:hover
{
	background-color: #333333;
}

.panel_icon .icons_tootlip
{
	background: rgba(0, 0, 0,0.9);
	border-radius: 0px;
	color: #ffffff;
	font: bold 12px Arial,Helvetica,sans-serif;
	left: 50%;
	margin-left: -40px;
	opacity: 0;
	padding: 5px 10px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 30px;
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 60px;
	z-index:101 !important;
	zoom:1;
}

.panel_icon .icons_tootlip:before, 
.panel_icon .icons_tootlip:after
{
	border-bottom: 8px solid rgba(0, 0, 0, 0.9);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	content: "";
	left: 50%;
	margin-left: -8px;
	position: absolute;
	top: -8px;
	z-index:101 !important;
}

.panel_icon:hover span.icons_tootlip
{
	opacity: 1;
	top: 40px;
	visibility: visible;
	z-index:101 !important;
	zoom:1;
}

.panel_icon_margin
{
	margin-left: 6px;
}

.panel_icon_active
{
	background: #8dc339 ! important;
}

.hw_edit_box, .show_hw_edit_box, .edit_box
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.show_hw_edit_box, .edit_box
{
	margin-top: 5px;
	float: left;
}

.hw_edit_box h3
{
	color: #fff;
	clear: both;
	float: left;
	margin: 0px;
}

.hw_edit_box input.name
{
	font-size: 16px;
	width: 100%;
	background-color: rgba(0,0,0,0);
}

.ahw_edit_box input.name
{
	width: 360px!important;
}

.hw_edit_box span
{
	color: #9b9b9b;
	clear: both;
	float: left;
}

.show_hw_edit_box, .show_hw_edit_box span, .edit_buttons, .edit_box span
{
	float:left;
	clear: both;
}

.show_hw_edit_box span, .edit_box span
{
	min-height: 18px;
}

.edit_buttons
{
	margin-top: 5px;
}

.submit_btn_panel
{
	background: #8dc53e;
	border: 0px none;
	color: #ffffff;
	cursor: pointer;
	font-family: NeoSansBold;
	height: 30px;
	margin: 0px;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 32px;
	text-align: center;
	width: auto;
}

.submit_btn_panel:hover
{
	background-color: #6ba31c;
}

.edit_hw_but
{
	top: 40px;
	left: 390px;
	position: absolute;
	cursor: pointer;
}

.edit_ahw_but
{
	top: 10px!important;
}


.maps_globe
{
	color: #000;
}

.maps_globe a
{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #96c952;
	border-bottom: 2px dotted;
}

.maps_globe a:hover
{
	color: #000;
}

.maps_globe span, .maps_globe a
{
	clear: both;
	float: left;
}

/* TABLA USUARIOS SEARCH */
.search_list_filters
{
	float:left;
	clear:Both;
	display:block;
	width:100%;
	margin-bottom:10px;
	margin-left:1px;
}

.search_dark_input
{
	width:260px;
	background:#000000;
	background: url("../img/menues/icon-buscar.png") no-repeat #000 right 7px center;
	height:28px;
	border:0px;
	color:#ffffff;
	text-indent:10px;
	float:left;
	margin-right:1px;
	padding: 0px 15px 0px 10px;
	font-size: 13px;
}

.search_dark_input::-webkit-input-placeholder
{
	opacity:1;
}

.search_dark_input:-moz-placeholder
{ /* Firefox 18- */
	opacity:1; 
}

.search_dark_input::-moz-placeholder
{	/* Firefox 19+ */ 
	opacity:1;
}

.search_dark_input:-ms-input-placeholder
{	
	opacity:1;	
}

.search_list_filters .submit_btn
{
	margin:0px;
}

#users_search_list_table, #hws_search_list_table
{
	width:100%;
	font-size:13px;
	clear:both;
}

#users_search_list_table th, 
#hws_search_list_table th
{ 
	background:#4b4c48; 
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}

#users_search_list_table tr:nth-child(even), 
#hws_search_list_table tr:nth-child(even)
{
	background:#dbdbda;
}

#users_search_list_table tr:nth-child(odd), 
#hws_search_list_table tr:nth-child(odd)
{
	background: #d1e8b2;
}

#users_search_list_table tr:hover, 
#hws_search_list_table tr:hover
{
	background-color: #efefef;
}

.geotrace_panel_map_filters
{
	float: left;
	clear: both;
}

.geotrace_panel_map_filters span
{
	float: left;
	clear: both;
}

.clear
{
	float: left;
	clear: both;
}

.clear_right
{
	float: right;
	clear: both;
}

/* HW VIEW */
#panel_hw_edit	.edit_hw_but
{
	top: 50px;
}

#panel_hw_edit .edit_hw_but:hover
{
	-webkit-filter:brightness(1.4);
	filter:url('../filters/brightness.svg?amount=1.4#brightness');
}

#panel_hw_edit h3
{
	width:93%;
}

#panel_hw_edit h3 input.name
{
	font-family: NeoSansMedium;
	font-weight:normal!important;
	width:100%;
	height:26px !important;
	margin:3px 0 5px 0;
}

#panel_hw_edit h3 input.name.editable
{
	height:30px;
	background: #494d49;
	text-indent:10px;
}

#panel_hw_edit .panel_right_hsep
{
	margin:5px auto;
}

#panel_hw_edit .hw_edit_box span,
#panel_hw_edit .edit_box	span
{
	font-size:14px;
	margin-bottom:3px;
	line-height:16px;
}

#panel_hw_edit .edit_box
{
	width:92%;
	position:relative;
}

#panel_hw_edit .edit_box	span
{
	width:auto;
	padding-top:4px;
	margin-right:3px;
}

#panel_hw_edit .edit_box button	span
{
	padding-top:6px;
	margin-right:0px;
}

#panel_hw_edit .edit_box	.submit_btn_panel
{
	width:auto;
	padding-top:2px;
	margin-right:0px;
}

#panel_hw_edit .edit_box .left input
{
	background:transparent;
	font-size:14px;
	float:left;
	height:24px !important;
	margin:0px 0 3px 0;
}

#panel_hw_edit .edit_box	input.editable
{
	width:auto;
	height:24px !important;
	text-indent:10px;
	background: #494d49;
	
}

.select-label
{
	margin-top:5px;
}

#panel_hw_edit .edit_box .custom-select
{
	width:200px;
	float:left;
	margin:0px 0 3px 0;
	background: #494d49;
}

#panel_hw_edit .edit_box .custom-select select
{
	font-size:14px;
	cursor:default;
}

#panel_hw_edit .edit_box .custom-select select.editable
{
	cursor:pointer;
}

.fleet_cont,
.config_cont
{
	float: left;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 8px;
}

.fleet_cont
{
	max-height: 300px;
}

.config_cont
{
	max-height: 190px;
}

.config_cont_city
{
	float: left;
	max-height: 460px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 8px;
}

.config_form_cont
{
	float: left;
}

.turquoise_back
{
	background-color: #04bcbc;
}

.turquoise_back:hover
{
	background-color: #09CDCD;
}

.pink_back
{
	background-color: #eb608d;
}

.pink_back:hover
{
	background-color: #FA6C99;
}

.red_back
{
	background-color: #AA0000;
}

.red_back:hover
{
	background-color: #ff0000;
}

.panel_fleet_right_hsep
{
	background: #9b9b9b;
	clear: both;
	float: left;
	height: 1px;
	margin-top: 2px;
	padding-left: 9px;
	width: 100%;
}

.fleet_box
{
	height: 24px;
	line-height: 28px;
	font-family: NeoSansBold;
	font-size: 14px;
	padding-left: 12px;
	width: 100%;
	color: #fff;
	float: left;
	margin-bottom: 4px;
}

.fleet_cont h3
{
	color: #fff;
	margin: 0px;
	margin-top: 8px;
	padding: 0px;
	font-size: 16px;
	font-family: NeoSansBold;
	float: left;
	clear: both;
}

.fleet_cont a
{
	float: left;
	clear: both;
	width: 100%;
}

#fleet_scroll_area
{
	width: 298px;
}

.groups_cont
{
	margin-top: 10px;
	float: left;
	width: 100%;
}

.groups_margin
{
	margin-left: 20px;
}

.group_table
{
	width: 98%!important;
}

.group_div
{
	float: left;
	clear: both;
	width: 100%;
}

.group_green_but
{
	width: 350px;
	height: 28px;
	line-height: 30px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background-color: #8dc53e;
	float: left;
	clear: both;
	text-align: center;
	cursor: pointer;
	margin-bottom: 10px;
}

.group_but_expand 
{
	float: left;
	clear: both;
	cursor: pointer;
}

.groups_buttons
{
	width: 100%;
	clear: both;
	float: left;
}

.group_button
{
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 10px;
}

.group_button.cancel
{
	background: none;
}

.group_button > div
{
	background: #6ba31c;
	color: #ffffff;
	font-family: NeoSansMedium;
	font-size: 14px;
	height: 28px;
	line-height: 32px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
	cursor: pointer;
}

.group_but
{
	width: 320px;
	height: 28px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	background-color: #4b4c48;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

.group_but_exp
{
	width: 28px;
	height: 28px;
	float: left;
	margin-left: 2px;
	background-color: #8dc53e;
}

.group_arrow
{
	margin-left: 7px;
	margin-top: 9px;
}

.title_box
{
	width: 97%;
	color: #fff;
	font-size: 14px;
	background-color: #4b4c48;
	height: 28px;
	line-height: 30px;
	padding-left: 18px;
	margin-bottom: 2px;
	float: left;
	clear: both;
	font-weight: bold;
}

.info_box
{
	width: 97%;
	color: #000;
	font-size: 14px;
	background-color: #dbdbda;
	height: 28px;
	line-height: 28px;
	padding-left: 18px;
	margin-bottom: 2px;
	float: left;
	clear: both;
}

.info_box a
{
	color: #000;
}

.info_box:hover
{
	background-color: #d1e8b2;
}

.hw_box
{
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 8px;
}

.user_hw_linked_title
{
	float: left;
	clear: both;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	font-size: 14px;
}

.title_box a div.button_plus
{
	width: 28px;
	height: 28px;
	float: right;
	background-color: #6f706d;
}

.title_box a div.button_plus:hover
{
	background-color: #A9A9A9;
}

.title_box a div.button_plus div.sprite-img-icon-plus
{
	margin-left: 8px;
	margin-top: 9px;
}

.info_box a div.button_delete, .title_box a div.button_back
{
	width: 28px;
	height: 28px;
	float: right;
	background-color: #8dc53e;
}

.info_box a div.button_delete:hover, .title_box a div.button_back:hover
{
	background-color: #CFF0A0;
}

.info_box a div.button_delete div.sprite-img-icon-delete
{
	margin-left: 2px;
	margin-top: 3px;
}

/* HW CONFIG */
#panel_hw_config, #panel_ahw_config
{
	padding-bottom: 12px;
	position: absolute;
	right: 0px;
	top: 112px;
	width: 358px;
}

#panel_ahw_config
{
	top: 302px;
}

#panel_hw_config h3, 
#panel_ahw_config h3
{
	color:#ffffff;
	font-size:16px;
	font-family: NeoSansMedium;
	font-weight:normal;
	margin: 7px 0 10px 0;
	padding:0px;
}

#panel_dshield_r h3
{
	color:#ffffff;
	font-size:16px;
	font-family: NeoSansMedium;
	font-weight:normal;
	margin: 16px 0 0 0;
	float: left;
	padding:0px;
}

#panel_hw_config .panel_right_hsep, 
#panel_ahw_config .panel_right_hsep
{
	margin-bottom:20px;
}

.panel_tour_filter
{
	max-width: 360px;
}

.block
{
	width: 100%;
	height:30px;
	background:#000000;
	float:left;
	display:block;
	clear:both;
	margin-bottom:10px;
	color:#ffffff;
	font-size:15px;
}

.block_free
{
	width:93%;
	background:#000000;
	float:left;
	display:block;
	clear:both;
	margin-bottom:10px;
	color:#ffffff;
	font-size:15px;
}

.block_reset, .block_link
{
	width: 100%;
	height:30px;
	background:#45631f;
	float:left;
	display:block;
	clear:both;
	margin-bottom:10px;
	color:#ffffff;
	font-family: NeoSansMedium;
	font-weight:normal;
}

.block_link:hover
{
	background: #8dc53e;
}

.block_reset div.block_text, 
.block_link div.block_text
{
	line-height: 25px;
}

.block_text
{
	width:230px;
	float:left;
	margin: 2px 0px 0 0;
	padding: 3px 0 0 10px;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
}

.block_options
{
	width:52px;
	float:right;
	height:24px;
	margin: 3px 0 0 0;
}

.block_opt
{
	width:24px;
	height:24px;
	display:Block;
	float:left;
	background:#333333;
	margin-right:2px;
	cursor:pointer;
}

.block_opt:hover
{
	background-color:#1c1c1c;
}

.check_off, .check_on
{
	background-image: url("../img/menues/icon-ok.png");
	background-position: top left;
	background-repeat: no-repeat;
}

.check_on
{
	background-color:#8dc53e;
}

.cancel
{
	background-image: url("../img/menues/icon-x.png");
	background-position: top left;
	background-repeat: no-repeat;
}

.loading, .loading:hover
{
	background-image: url("../img/menues/icon-cargando.png");
	background-position: top left;
	background-repeat: no-repeat;
	background-color:#ff9900;
	cursor:default;
}

.reset
{
	background-image: url("../img/menues/icon-actualizar.png");
	background-position: top left;
	background-repeat: no-repeat;
	background-color:#374f19;
	float:right;
}

.on, 
.off
{
	font-family: NeoSansRegular;
	font-size:15px;
	text-align:center;
	line-height:28px;
}

.on {
	color:#000000;
	background-color:#8dc53e; 
}

.on:hover
{
	color:#ffffff;
}

.titles
{
	width: 100%;
	text-align:right;
	font-size:12px;
	color:#9b9b9b;
}

.titles .title
{
	width:50px;
	text-align:center;
	display:inline-block;
}

.block_text_light
{
	width: 185px;
	float:left;
	margin: 2px 0px 0 0;
	padding: 3px 0 0 10px;
	color:#9b9b9b;
	font-size:13px; 
	line-height: 22px;
}

.block_text_white
{
	width:185px;
	float:left;
	margin: 2px 0px 0 0;
	padding: 3px 0 0 10px;
	color:#ffffff;
	font-size:13px; 
	line-height: 22px;
}

.block_data
{
	width:100px;
	float: right;
	height:24px;
	margin: 3px 0 0 0; 
}

.block_data_free
{
	width:100%;
	float:left;
	margin: 3px 0 0 0; 
	clear: both;
	box-sizing: border-box;
}

.block_text_white_free
{
	width:100%;
	float:left;
	margin: 2px 0px 0 0;
	padding: 3px 0 0 10px;
	color:#ffffff;
	font-size:13px; 
	line-height: 22px;
	clear: both;
}

.block_time
{
	width:50px;
	background:#333333;
	height:24px;
	text-indent:3px;
	font-size:12px;
	line-height:24px;
	color:#9b9b9b;
	float:left;
}

.block_input
{
	width:98px;
	background:#333333;
	height:24px;
	text-indent:3px;
	font-size:12px;
	line-height:24px;
	color:#9b9b9b;
	float:left;
}

.block_input input[type="text"]
{
	width:48px!important;
	background:#333333!important;
	height:24px!important;
	text-indent:3px!important;
	font-size:12px!important;
	font-weight: bold!important;
	line-height:24px!important;
	color:#ffffff!important;
	float:left!important;
}

.block_input input[type="text"].error,
.block_input_free input[type="text"].error
{
	background:#993333!important;
}

.block_input_free
{
	width:94%;
	background:#333333;
	text-indent:3px;
	font-size:12px;
	line-height: 29px;
	color: #9b9b9b;
	float: left;
	margin: 0px 0px 8px 8px;
}

.block_input_free input[type="text"]
{
	width:268px!important;
	background:#333333!important;
	height:24px!important;
	text-indent:3px!important;
	font-size:12px!important;
	font-weight: bold!important;
	line-height:24px!important;
	color:#ffffff!important;
	float:left!important;
	margin: 2px 0px 0 0;
	padding: 3px 0 0 10px;
}

.block_time span
{
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
}

.block_checkbox
{
	width: 39px;
	height:24px;
	float:right;
}

.adv_config
{
	display: none;
}

.adv_config_visible
{
	display: block!important;
}

#graph_filters span.seleccion {
	float: left;
}

#graph_filters span.seleccion a {
	color: #6ebe44;
	text-decoration: none;
}

#graph_filters span.seleccion a:hover {
	opacity: 0.5;
	text-decoration: none;
}

.table_header_fixed {
	position: fixed; 
	top: 100px;
	display:none;
	background-color:#4B4C48;
	margin-left: 20px;
	font-size: 12px;
	border-spacing: 0px;
	z-index: 1;
}

.context_menu
{
	background-color:white;
	border:1px solid gray;
	border:1px solid rgba(128,128,128,0.5);
	z-index: 500;
	font-size:12px;
	font-family: NeoSansRegular;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
}

.context_menu_item
{
	padding:6px;
	background-color:white;
	transition: background-color 0.125s ease;
}
.context_menu_item:hover
{
	background-color:#CCCCCC;
	background-color:rgba(128,128,128,0.5);
}
.context_menu_separator
{
	background-color:gray;
	background-color:rgba(128,128,128,0.5);
	height:1px;
	margin:0;
	padding:0;
}

#events_tab
{
	background-color: inherit;
	height: 180px;
	max-height: 180px;
	width: 100%;
}

#adv_button
{
	float:right;
	margin-right: 22px;
}

/* scrollbar position: outside */
.config_cont .mCSB_outside + .mCSB_scrollTools
{
	right: 0px!important;
}

/* scrollbar position: outside */
.config_cont_city .mCSB_outside + .mCSB_scrollTools
{
	right: 0px!important;
}

.config_over_box
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #333333;
	background-color: rgba(51,51,51,0.8);
	display: none;
	z-index: 10;
	color: #fff;
	font-family: NeoSansRegular;
	font-size: 14px;
	width: 90%;
}

.config_over_box p
{
	width: 95%;
	clear:both;
}

.export_hw_box
{
	float: left;
	margin-top: 6px;
	margin-left:6px;
}

#hw_export_xls_button:hover, #hw_export_pdf_button:hover
{
	-webkit-filter:brightness(1.4);
	filter:url('../filters/brightness.svg?amount=1.4#brightness');
}

.hw_fake_list_span {
	color: #304152;
	font-weight: bold;
}

.mail_popup_div, .mail_response_div
{
	width: 600px;
	margin: 12px auto;
}

.mail_popup_txt
{
	float: left;
	clear: both;
	font-family: NeoSansBold;
	font-size: 16px;
}

.mail_popup_input,
.mail_popup_textarea,
.group_add_macs textarea,
.hws_pre_link textarea
{
	font-family: Helvetica,Arial,sans-serif;
	width: 594px;
	float: left;
	clear: both;
	border: 1px #666666 solid;
	margin-top: 8px;
	margin-bottom: 14px;
	padding: 2px;
}

.group_add_macs textarea,
.hws_pre_link textarea
{
	height: 400px;
}

.mail_popup_textarea
{
	height: 220px;
}

.mail_send
{
	clear: both;
	float: left;
}

.mail_response_div
{
	display: none;
}

.mail_response_div p
{
	font-family: NeoSansBold;
	font-size: 16px;
}

.mail_popup_input.error, .mail_popup_textarea.error
{
	border: 1px #DD6666 solid;
}

#chart_div
{
	margin-top: 10px;
}

.fake_vsep
{
	height: 28px;
	width: 2px;
	float: right;
	background-color: #fff;
}

.geotrace_panel_map_filters span
{
	margin-bottom: 2px;
}

.receiver_full
{
	width: 100%;
	float: left;
}

.receiver_left
{
	width: 50%;
	float: left;
}

.receiver_right
{
	width: 50%;
	float: right;
}

.receiver_msg_log
{
	position:relative;
	font-family: monospace;
	background: black;
	color: white;
	height: 600px;
	font-size: 11px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding:0px 20px 0px 20px;
}

.receiver_service_monitor
{
	height:44px;
	position:relative;
	background-color:  black;
}

.receiver_msg_bottom
{
	height:44px;
	position:relative;
	background-color:  black;
	bottom: 0px;
}

#service_led
{
	position:absolute;
	border:1px solid black;
	width: 16px;
	height: 16px;
	top: 16px;
	left:24px;
	background-color:white;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

#service_info
{
	position:absolute;
	top: 10px;
	left: 64px;
	font-size: 12px;
	color:white;
}

#service_info span
{
	color:#99ca3c;
}

.log_entry_color_normal
{
	color: #ffffff;
}

.log_entry_color_error
{
	color: #ff0000;
}

.log_entry_color_heartbeat
{
	color: #a05050;
}

.log_entry_color_domo
{
	color: #50a050;
}

.log_entry_color_modem
{
	color: #50a050;
}

.log_entry_color_modem_sent
{
	color: #5070e0;
}

.log_entry_color_udp_sent
{
       color: #FFAA88;
}

.log_entry_color_queued
{
	color: #7B7BFF;
}

.log_entry_color_sending
{
	color: #FFFF7B;
}

.log_entry_color_executed
{
	color: #7BFF7B;
}

.log_entry_color_error
{
	color: #FF7B7B;
}

.log_entry_color_started
{
	color: #FFDA7B;
}

.server_error
{
	color:red;
}

.server_ok
{
	color:#1DF50E;
}

.console_error
{
	border: 1px solid yellow;
	padding:10px;
}

.receiver_msg_bottom_inner
{
	width: 80%;
	margin: 0 auto;
	height: 44px;
}

.green_but
{
	background: #6ba31c;
	color: #ffffff;
	font-family: NeoSansMedium;
	font-size: 14px;
	height: 28px;
	line-height: 32px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
	cursor: pointer;
}

.green_but:hover
{
	background-color: #8dc53e;
}

.light_green_but
{
	background-color: #8dc53e;
	color: #ffffff;
	font-family: NeoSansMedium;
	font-size: 14px;
	height: 28px;
	line-height: 32px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
}

.light_green_but:hover
{
	background-color: #AADD63;
}

.red_but
{
	background-color: #AA0000!important;
}

.red_but:hover
{
	background-color: #990000!important;
}

.green_but_left
{
	width: 40%;
	float: left;
	margin-top: 8px;
}

.green_but_right
{
	width: 40%;
	float: right;
	margin-top: 8px;
}

.receiver_menu_top
{
	width: 100%;
	background-color: #000;
	height: 44px;
}

.receiver_menu_button
{
	background: #4A4A4A;
	color: #ccc;
	font-family: NeoSansMedium;
	float: left;
	height: 34px;
	margin-top: 10px;
	line-height: 38px;
	width: 33%;
	border-left: 1px #000 solid;
	border-left: 1px rgba(0,0,0,0.25) solid;
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
	box-sizing: border-box;
}

.receiver_menu_button span
{
	margin-left: 24px;
}

.receiver_menu_button:hover
{
	background-color: #A0A0A0;
	color: #FFF;
}

.receiver_menu_button.active
{
	background-color: #808080;
	height: 38px;
	color: #fff;
	margin-top: 6px;
	line-height: 42px;
}

.receiver_menu_button.active:hover
{
	color: #ffffff;
}

.receiver_menu_button_citymesh
{
	margin-left: 1%;
	width: 32%;
}

.receiver_config_box
{
	background-color: #000;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	border: 2px #808080 solid;
	padding: 4px;
}

.receiver_config_citymesh,
.receiver_config_airmesh,
.receiver_config_noise,
.receiver_config_generic_msg
{
	overflow-x: none;
	overflow-y: auto;
}

.receiver_config_airmesh,
.receiver_config_noise,
.receiver_config_generic_msg
{
	display: none;
}

.receiver_msg_bottom a
{
	color: #fff;
}

.receiver_content_box
{
	width: 95%;
	border: 1px #505050 solid;
	margin: 4px auto;
	padding: 8px;
	display: block;
	font-size: 12px;
}

.receiver_content_box_small
{
	width: 35%;
	border: 0px #505050 solid;
	margin: 0px;
	padding: 2px;
	display: block;
	float: left;
}

.receiver_content_box_medium
{
	width: 60%;
	border: 0px #505050 solid;
	margin: 0px;
	padding: 2px;
	display: block;
	float: right;
}

.receiver_content_box_large
{
	width: 100%;
	border: 0px #505050 solid;
	margin: 0px;
	padding: 2px;
	display: block;
	float: left;
	box-sizing: border-box;
	position: relative;
}

.receiver_content_box:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.receiver_content_box_left
{
	width: 50%;
	float: left;
}

.receiver_content_box_right
{
	width: 50%;
	float: right;
}

.receiver_config_box input[type="text"]
{
	background-color: #494d49;
	color: #fff;
	height: 24px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0px;
	width: 100%;
}

.receiver_config_box input[type="text"].fecha
{
	width: 50%;
}

.receiver_floating_box
{
	float: left;
	width: 100%;
}

.receiver_cont
{
	width: 97%;
}

.receiver_input_label
{
	float: left;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	margin-right: 10px;
}

.receiver_label_box
{
	float: left;
	margin-right: 32px;
	margin-bottom: 4px;
}

.receiver_label_box label
{
	float: left;
	margin-right: 4px;
	line-height: 28px;
}

.receiver_label_box input[type="text"]
{
	width: 32px;
}

.receiver_commands_list
{
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 218px;
}

.add_cmd_button
{
	cursor: pointer;
	color: #8dc53e;
	font-size: 14px;
	transition: all 0.3s ease-in-out 0s;
	float: right;
}

.receiver_content_third a p
{
	color: #8dc53e;
	transition: all 0.3s ease-in-out 0s;
}

.receiver_content_third a p:hover
{
	color: #fff;
}

.add_cmd_button:hover
{
	color: #fff;
}

.receiver_content_box_medium .title,
.receiver_content_box_large .title,
.receiver_content_box .title
{
	float: left;
	font-weight: bold;
	width: 100%
}

.receiver_content_box_medium select,
.receiver_content_box_large select
{
	width: 100%;
	background-color: #494d49;
	color: #fff;
	border: 0px;
	font-size: 12px;
	border: 1px #aaa solid;
}

.filter_group
{
	margin:10px 0 0px 0;
	padding:0px; 
	height:30px; 
	position:relative; 
	float:left;
	width:80%;
}

.receiver_content_box_left_top
{
	float: left;
	width: 48%;
	margin-top: 8px;
}

.receiver_content_box_right_top
{
	float: right;
	width: 48%;
	margin-top: 8px;
}

.receiver_content_box_medium textarea,
.receiver_content_box_large textarea
{
	width: 97%;
	height: 122px;
	background-color: #494d49;
	color: #fff;
	font-size: 12px;
	border: 1px #aaa solid;
}

.receiver_content_box > span
{
	font-weight: bold;
}

.receiver_mesh_console
{
	position:relative;
	font-family: monospace;
	background: black;
	color: white;
	height: 180px;
	font-size: 11px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding:0px 20px 0px 20px;
}

.receiver_content_third
{
	float: left;
	width: 33%;
	margin-top: 8px;
}

.receiver_content_full
{
	float: left;
	width: 95%;
}

.receiver_content_full span
{
	float: left;
	line-height: 18px;
}

.receiver_config_box a
{
	color: #8dc53e;
	float: left;
	clear: both;
	height: 24px;
	transition: all 0.3s ease-in-out 0s;
}

.receiver_config_box a:hover
{
	color: #fff;
}

.table_state
{
	width: 80%;
}

.table_state tr th
{
	width: 25%;
}

.table_state tr td, .table_state tr th
{
	font-weight: bold;
	text-align: center;
}

.table_state tr td.ok_state, .job_data.ok_state
{
	color: #00AA00;
}

.table_state tr td.noresp_state, .job_data.noresp_state
{
	color: #AAAA00;
}

.table_state tr td.error_state, .job_data.error_state
{
	color: #AA0000;
}

.receiver_msgs_stats
{
	font-weight: bold;
}

.receiver_msgs_stats p span.received, .job_data.received
{
	color: #00AA00;
}

.receiver_msgs_stats p span.sent, .job_data.sent
{
	color: #AAAA00;
}

.receiver_msgs_stats p span.pending_send, .job_data.pending_send
{
	color: #D26400;
}

select.add_to_group
{
	width: auto;
	border: 1px #000 solid;
	background-color: #000;
	color: #8dc53e;
}

.receiver_msg_log::-webkit-scrollbar-track
.receiver_config_box::-webkit-scrollbar-track,
.receiver_mesh_console::-webkit-scrollbar-track,
.receiver_commands_list -webkit-scrollbar-track,
.receiver_content_box_left_top select::-webkit-scrollbar-track,
.receiver_content_box_right_top textarea::-webkit-scrollbar-track,
.msgs_box::-webkit-scrollbar-track,
{
	border-radius: 10px;
	background-color: #181818;
}

.receiver_msg_log::-webkit-scrollbar,
.receiver_config_box::-webkit-scrollbar,
.receiver_mesh_console::-webkit-scrollbar,
.receiver_commands_list -webkit-scrollbar,
.receiver_content_box_left_top select::-webkit-scrollbar,
.receiver_content_box_right_top textarea::-webkit-scrollbar,
.msgs_box::-webkit-scrollbar
{
	width: 8px;
	background-color: rgba(24,24,24,0.25);
}

.receiver_msg_log::-webkit-scrollbar-thumb,
.receiver_config_box::-webkit-scrollbar-thumb,
.receiver_mesh_console::-webkit-scrollbar-thumb,
.receiver_commands_list::-webkit-scrollbar-thumb,
.receiver_content_box_left_top select::-webkit-scrollbar-thumb,
.receiver_content_box_right_top textarea::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #494949;
}

.msgs_box::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: rgba(146, 39, 143, 0.75);
}

.receiver_msg_log::-webkit-scrollbar-thumb:hover,
.receiver_config_box::-webkit-scrollbar-thumb:hover,
.receiver_mesh_console::-webkit-scrollbar-thumb:hover,
.receiver_commands_list::-webkit-scrollbar-thumb:hover,
.receiver_content_box_left_top select::-webkit-scrollbar-thumb:hover,
.receiver_content_box_right_top textarea::-webkit-scrollbar-thumb:hover
{
	border-radius: 10px;
	background-color: #6ba31c;
}

.msgs_box::-webkit-scrollbar-thumb:hover
{
	border-radius: 10px;
	background-color: #B73CB4;
}

.receiver_msg_log::-webkit-scrollbar-thumb:active,
.receiver_config_box::-webkit-scrollbar-thumb:active,
.receiver_mesh_console::-webkit-scrollbar-thumb:active,
.receiver_commands_list::-webkit-scrollbar-thumb:active,
.receiver_content_box_left_top select::-webkit-scrollbar-thumb:active,
.receiver_content_box_right_top textarea::-webkit-scrollbar-thumb:active,
.msgs_box::-webkit-scrollbar-thumb:active,
{
	border-radius: 10px;
	background-color: #8dc53e;
}

.receiver_content_box_right_top textarea::-webkit-scrollbar-corner
{
	background-color: #494949;
	border: 0px #000 solid;
}

#download_log_date,
#download_log_date_start,
#download_log_date_end
{
	float: right;
	margin-top: 12px;
	margin-left: 4px;
	cursor: pointer;
	width: 20px;
	border: 0px;
	background-color: #000;
	color:rgba(0,0,0,0);
}

#download_citymesh_log_date, #download_airmesh_log_date
{
	float: left;
	width: 20px;
	background-color: #000;
	margin-top: -4px;
	cursor: pointer;
	margin-left: 12px;
	color:rgba(0,0,0,0);
}

.simple-checkbox label
{
	position: relative;
	content: "";
}

.simple-checkbox	input[type="checkbox"]
{
	display: none;
}

.simple-checkbox label:before
{
	content: url('../img/menues/checkbox.png');
	display: inline-block;
	cursor: pointer;
	float: none;
}

.simple-checkbox input[type="checkbox"]:checked + label:before
{
	content: url('../img/menues/checkbox_on.png');
	display: inline-block;
	float: none;
}

#user_jobs
{
	background: rgba(0,0,0,0.8);
	position: fixed;
	bottom: 0px;
	width: 320px;
	z-index: 100;
	left: 50%;
	margin-left: -160px;
	display: none;
}

#user_jobs div.contractor
{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 2px;
	cursor: pointer;
}

.jobs_data, .jobs_data
{
	float: left;
	width: 100%;
}

.job_cont
{
	color: #fff;
	width: 49%;
	margin: 0;
	float: left;
	margin-top: 12px;
	padding-left: 1%;
	font-size:11px;
}

.job_data span,
.job_data div
{
	float: left;
}

.job_data span
{
	font-weight: normal;
	width: 80%;
}

div.job_cont span
{
	font-weight: bold;
}

.group_table tr
{
	cursor: pointer;
}

.modal_dialog .default_table
{
	margin: 0px;
	width: 100%;
}

.modal_dialog .table_pager
{
	margin-top: 10px;
	margin-right: 1px;
	margin-bottom: 1px;
}

.pin_select_dialog .submit_btn
{
	padding: 0px;
	line-height: 28px;
}

.users_dialog .default_table
{
	padding: 0px 1px;
}

.keychain_dialog > div
{
	max-width: 960px;
}

.keychain_dialog .default_table
{
	padding: 0px 1px;
	margin-top: 32px;
	margin-bottom: 32px;
}

.keychain_dialog .default_table tr
{
	cursor: pointer;
}

.keychain_dialog .default_table tr:first-child
{
	cursor: auto;
}

.users_dialog > div,
.upload_modal > div
{
	padding: 0px;
}

.users_dialog.modal_dialog div.close,
.upload_modal.modal_dialog div.close
{
	width:28px;
	height:28px;
	background-position: 0px;
}

.upload_modal.modal_dialog div.close
{
	right: 0px;
	top: 0px;
}

.modal_dialog .search_list_filters
{
	margin-top: 1px;
}

.modal_dialog .table_after_left_button
{
	margin-left: 1px;
	margin-bottom: 1px;
	padding: 0px;
	height: 28px;
	line-height: 30px;
	padding-left: 4px;
	padding-right: 4px;
}

.pin_select_dialog select
{
	width: 100%;
}

.pin_select_dialog > div
{
	padding: 24px;
}

#hwfake_import_box img, #hwfake_import_form
{
	margin-left: 18px;
}

#macs_import_box p
{
	font-size: 10pt;
	padding-left: 18px;
	padding-right: 18px;
}

.default_table tr td:last-child, 
.default_table tr th:last-child, 
.table_header_fixed tr th:last-child
{
	/*padding-right: 4px;*/
	border-right: 0px solid #ffffff;
}

.guests_table tr td:last-child,
.persons_list_table tr td:last-child
{
	padding-right: 0px;
}

.guests_table tr td
{
	height: 48px;
}

.guests_table tr td a p,
.persons_list_table tr td a p
{
	background-color: #8ec73c;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	width: 100%;
	line-height: 48px;
	margin: 0px;
}

.guests_table tr td a:nth-child(even) p,
.persons_list_table tr td a:nth-child(even) p
{
	background-color: #7DBB23;
}

.guests_table tr td a p:hover,
.persons_list_table tr td a p:hover
{
	background-color: #6ba31c;
	background-color: rgba(142, 199, 60, 0.75);
}

.guest_search_filters
{
	margin-bottom: 0px;
}

.guest_search_filters > div
{
	padding-left: 10px;
	padding-right: 10px;
}

.guest_search_filters input
{
	width: 40%;
	border-right: 2px #FFF solid;
	margin-right: 0px;
}

.guest_search_filters button
{
	width: 20%;
}

.keychain_template_dialog .table_after_right_button
{
	margin-top: 4px;
}

.service_report
{
	width: 100px;
	float: right;
	margin-right: 8px;
	margin-top: 8px;
}

.report_cont
{
	color: white;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: table;
}

.report_div
{
	width: 80%;
	margin: 0 auto;
}

.report_div em
{
	font-style: normal;
	color: #fff;
	display: block;
	width: 280px;
	float: left;
	text-align: right;
	padding-right: 12px;
}

.report_div p
{
	color: #6EC1FF;
}

.report_div a
{
	color: #6ebe44;
	transition: all 0.3s ease-in-out 0s;
}

.report_div a:hover
{
	color: #94FF5B;
}

.logbody
{
	width: 100%;
	height: 0px;
	overflow: auto;
	border: 1px solid black;
	font-family: monospace;
	font-size: 14px;
	white-space: nowrap;
	padding: 4px;
	padding-left: 12px;
	box-sizing: border-box;
}

.log_entry_info
{
	color:#808080;
}

.log_entry_error
{
	color:#ff0000;
}

.log_entry_critical
{
	background-color: #ff0000;
	color:#ffffff;
}

.log_entry_action
{
	background-color: #0000ff;
	color:#ffffff;
}

.box_user_home
{
	display: table;
	width: 100%;
	min-height: 188px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	margin-top: 8px;
	color: #fff;
	font-family: NeoSansRegular;
	font-size: 13px;
}

.box_user_home > div
{
	background-color: #4b4c48;
	display: table-row;
	width: 100%;
}

.box_user_home .box_hw_left
{
	display: table-cell;
	width: 33%;
	background-color: #000;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 16px;
	padding-left: 20px;
	box-sizing: border-box;
	vertical-align: top;
}

.box_user_home .box_vehicles_left
{
	display: table-cell;
	width: 66%;
	background-color: #000;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 16px;
	padding-left: 20px;
	box-sizing: border-box;
	vertical-align: top;
}

.box_user_home .box_vehicles_right
{
	display: table-cell;
	width: 34%;
	vertical-align: top;
}

.box_user_home .box_hw_left a
{
	color: #fff;
}

.box_user_home .box_hw_right
{
	display: table-cell;
	width: 67%;
	vertical-align: top;
}

.box_user_home .box_hw_right .actions,
.box_user_home .box_hw_right .events
{
	width: 100%;
	float: left;
	padding: 8px 20px;
	box-sizing: border-box;
	position: relative;
}

.box_user_home .box_vehicles_right .events
{
	width: 100%;
	float: left;
	padding: 8px 20px;
	box-sizing: border-box;
	position: relative;
}

.box_user_home .box_hw_right .keychain_box
{
	width: 33%;
	float: left;
	padding: 8px 20px;
	box-sizing: border-box;
	position: relative;
	font-size: 13px;
	font-family: NeoSansMedium;
}

.box_user_home .box_hw_right .keychain_box a
{
	color: #ffffff
}

.box_user_home .box_hw_right .keychain
{
	width: 100%;
	float: left;
	margin-bottom: 16px;
}

.box_user_home .box_hw_right .keychain_sep
{
	right: 0px;
	top: 10px;
	height: 115px;
	width: 1px;
	background-color: #000;
	position: absolute;
}

.box_user_home .box_hw_right .keychain > div
{
	width: 100%;
	height: 100%;
	background-color: #8dc53e;
	height: 28px;
	line-height: 32px;
	box-sizing: border-box;
	padding-left: 8px;
	cursor: pointer;
}

.box_user_home .box_hw_right .keychain > div:hover
{
	background-color: #6ba31c;
}

.box_user_home .line_hsep
{
	margin: 8px 20px;
	height: 1px;
	margin: 0 auto;
	clear: both;
	background-color: #9b9b9b;
}

.box_user_home .box_hw_left .name,
.box_user_home .box_vehicles_left .name
{
	font-size: 18px;
	font-family: NeoSansBold;
}

.box_user_home .box_hw_left .signal_box
{
	margin-top: 8px;
}

.box_user_home .box_hw_left .signal_txt
{
	font-size: 16px;
	font-family: NeoSansBold;
	line-height: 20px;
	padding-top: 8px;
	margin-bottom: 4px;
}

.box_user_home .box_hw_left .signal_txt.dead
{
	color: #ff0000;
}

.box_user_home .box_hw_left .signal_txt.excellent
{
	color: #009933;
}

.box_user_home .box_hw_left .signal_txt.bad
{
	color: #ff9933;
}
.box_user_home .box_hw_left .signal_txt.good
{
	color: #ffff33;
}

.box_user_home .box_hw_left .data
{
	margin-top: 9px;
}

.box_user_home .box_hw_left .data b
{
	font-family: NeoSansBold;
}

.box_user_home .box_hw_left .buttons
{
	margin-top: 30px;
}

.box_user_home .box_hw_left .buttons > div
{
	float: left;
	width: 50%;
	box-sizing: border-box;
	font-family: NeoSansMedium;
	font-size: 13px;
	position: relative;
}

.box_user_home .box_hw_left .buttons > div .nav li
{
	float: none;
}

.box_user_home .box_hw_left .buttons > div .nav li ul
{
	left: 0px;
	width: 100%;
	padding-right: 6px;
	background: none;
	box-sizing: border-box;
}

.box_user_home .box_hw_left .buttons > div .nav li li
{
	width: 100%;
	background-color: #3C403C;
	padding: 8px;
	cursor: pointer;
	font-size: 12px;
	font-family: NeoSansMedium;
	font-weight: normal;
	box-sizing: border-box;
}

.box_user_home .box_hw_left .buttons > div .nav li li:hover
{
	background-color: #494d49;
}

.box_user_home .box_hw_left .buttons > div .nav li:hover ul
{
	left: 0px;
}

.box_user_home .box_hw_left .buttons .button
{
	height: 29px;
	line-height: 34px;
	background-color: #45631f;
	padding: 0px 9px;
	cursor: pointer;
}

.box_user_home .box_hw_left .buttons .button.info_but:hover,
.box_user_home .box_hw_left .buttons .button.config_but:hover
{
	background-color: #8dc53e;
}

.box_user_home .box_hw_left .buttons .button.config_but
{
	margin-right: 6px;
	background: #45631f url('../img/header/flechin-down.png') no-repeat 96% center;
	font-weight: normal;
}

.box_user_home .box_hw_left .buttons .button.info_but
{
	background-image: url('../img/menues/icon-infoequipo.png');
	background-repeat: no-repeat;
	background-position: 96% center;
}

.box_hw_right .title,
.box_vehicles_right .title
{
	font-family: NeoSansMedium;
	font-size: 16px;
	/* line-height: 26px; */
	float: left;
}

.box_user_home .box_hw_left .buttons .button ul
{
	background: #494d49;
	display: none;
	color: #fff;
	list-style-type: none;
}

.sprite-img-icon-table
{
	margin-right: 1px;
}

.box_user_home .box_hw_right .title_cont
{
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 4px;
}

.box_user_home .box_hw_right .actions .title_icon
{
	float: right;
	width: 26px;
	height: 22px;
	background-repeat: no-repeat;
}

.box_user_home .box_hw_right .events .title_icon,
.box_user_home .box_vehicles_right .events .title_icon
{
	float: right;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
}

.box_hw_right .button_green,
.box_vehicles_right .button_green
{
	width: 100%;
	float: left;
	clear: both;
	background-color: #8dc53e;
	font-size: 13px;
	height: 28px;
	cursor: pointer;
}

.box_hw_right .button_green:hover,
.box_vehicles_right .button_green:hover
{
	background-color: #6ba31c;
}

.box_hw_right .button_green .title,
.box_vehicles_right .button_green .title
{
	font-size: 13px;
	padding-left: 6px;
	line-height: 32px;
	pointer-events: none;
}

.box_user_home .box_hw_right .button_green .title_icon,
.box_user_home .box_vehicles_right .button_green .title_icon
{
	width: 22px;
	height: 22px;
	background-color: #7fb138;
	margin-top: 3px;
	margin-right: 2px;
	pointer-events: none;
}

.box_hw_right .button_green .title_icon .sprite-img-icon-plus,
.box_vehicles_right .button_green .title_icon .sprite-img-icon-plus
{
	margin-left: 6px;
	margin-top: 5px;
}

.box_user_home .box_hw_right .events .events_cont,
.box_user_home .box_hw_right .events .events_cont .event_row,
.box_user_home .box_vehicles_right .events .events_cont,
.box_user_home .box_vehicles_right .events .events_cont .event_row
{
	width: 100%;
	display: table;
	background-color: #dbdbda;
}

.box_user_home .box_hw_right .events .events_cont .event_row:hover,
.box_user_home .box_vehicles_right .events .events_cont .event_row:hover
{
	background-color: #d1e8b2;
}

.box_user_home .box_hw_right .events .events_cont .event_row .time,
.box_user_home .box_hw_right .events .events_cont .event_row .desc,
.box_user_home .box_vehicles_right .events .events_cont .event_row .time,
.box_user_home .box_vehicles_right .events .events_cont .event_row .desc
{
	box-sizing: border-box;
	color: #000;
	height: 28px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 4px;
}

.box_user_home .box_hw_right .events .events_cont .event_row .time,
.box_user_home .box_vehicles_right .events .events_cont .event_row .time
{
	border-right: 2px solid #4b4c48;
	border-bottom: 2px solid #4b4c48;
	width: 70%;
	display: table-cell;
}

.box_user_home .box_hw_right .events .events_cont .event_row .desc,
.box_user_home .box_vehicles_right .events .events_cont .event_row .desc
{
	border-bottom: 2px solid #4b4c48;
}

a .button_green
{
	color: #fff;
}

.hw_info_box .form_div
{
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
}

.hw_info_box textarea
{
	width: 100%;
	height: 320px;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #c3c3c3;
	background: #f4f4f4 url('../images/icon-soporteadmin.png') 98% 98% no-repeat;
}

.hw_info_box .submit_btn
{
	float: right;
	height: auto;
}

.users_config_table,
.default_table_with_title
{
	padding-top: 0px;
}

.hours_table > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(1)
{
	width: 50px;
}

.table_title
{
	width: 100%;
	padding: 10px 10px 2px 20px;
	color: #fff;
	box-sizing: border-box;
}

.table_title > div
{
	height: 28px;
	background-color: #4b4c48;
	font-size: 13px;
	font-weight: bold;
	padding-left: 10px;
	line-height: 28px;
}

.default_table input[type="password"]
{
	background-image: url('../img/tablas/icon-lock.png');
	background-repeat: no-repeat;
	background-position: 98% center;
}

.hours-table select
{
	background: url('../img/tablas/down_arrow.png') no-repeat 95% #dbdbdb;
	width: 60px;
	color: #707070;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
	-webkit-appearance: none;
	float: right;
	width: 100%;
}

.hours_table_explanation
{
	font-size: 11px;
	float: right;
	color: #868686;
	margin-top: 8px;
	margin-right: 12px;
}

.events_filler,
.actions_filler
{
	height: 110px;
	display: table;
	width: 100%;
	box-sizing: border-box;
}

.actions_sep
{
	right: 0px;
	top: 10px;
	height: 162px;
	width: 1px;
	background-color: #000;
	position: absolute;
}

.export_events_boxs
{
	float: left;
	width: 100%;
}

.signal_history_modal div.cont
{
	height: 100%;
	overflow-y: auto;
}

#noise_channels_list
{
	width: 148px;
}

.dark_table
{
	font-size: 13px;
	width: 100%;
	border-spacing: 2px;
	box-sizing: border-box;
}

.dark_table tr th
{
	background-color: #4b4c48;
	color: #ffffff;
	font-weight: bold;
	min-height: 28px;
	text-align: left;
	font-size: 13px;
}

.dark_table tr
{
	background-color: #333;
	height: 28px;
}

.dark_table tr td
{
	text-align: left;
	text-indent: 6px;
}

.dark_table tr:hover
{
	background-color: #555;
}

.dark_table tr.green
{
	color: #7BFF7B;
}

.dark_table tr.yellow
{
	color: #FFFF7B;
}

.dark_table tr.red
{
	color: #FF7B7B;
}

.receiver_table,
.receiver_table tr th
{
	font-family: monospace;
	font-size: 11px;
}

.receiver_table tr th,
.receiver_table tr td
{
	padding: 4px;
}

.receiver_content_box_large:first-child .green_but_row
{
	float: left;
	width: 32%;
	box-sizing: border-box;
}

.receiver_content_box_large .green_but_row
{
	float: left;
	width: 33%;
	box-sizing: border-box;
	margin-left: 1%;
}

.nav_button
{
	background: #8dc53e;
	clear: both;
	color: #ffffff;
	float: left;
	font-family: NeoSansMedium;
	font-size: 14px;
	height: 28px;
	line-height: 32px;
	margin-top: 10px;
	padding-left: 9px;
	width: 100%;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}

.nav_button.nav li
{
	float: none;
}

.nav_button.nav li ul
{
	left: 0px;
	width: 100%;
	background: none;
	box-sizing: border-box;
	margin-top: -4px;
}

.nav_button.nav li li
{
	width: 100%;
	background-color: #494D49;
	padding-left: 8px;
	cursor: pointer;
	font-size: 12px;
	font-family: NeoSansMedium;
	font-weight: normal;
	box-sizing: border-box;
}

.nav_button.nav li li:hover
{
	background-color: #696d69;
}

.nav_button.nav li:hover ul
{
	left: 0px;
}

.nav_button.nav:hover
{
	background-color: #6ba31c;
}

.nav_button.nav .config_but
{
	margin-right: 6px;
	background-image: url('../img/header/flechin-down.png');
	background-repeat: no-repeat;
	background-position: 97% center;
	font-weight: normal;
}

.config_upload_cont
{
	box-sizing: border-box;
	padding: 8px;
}

.config_upload_cont p
{
	font-weight: bold;
	font-size: 11px;
}

.config_upload_cont p a
{
	color: #649632;
}

.result_box
{
	clear: both;
	color: #000;
	font-size: 12px;
	padding: 8px;
}

.custom-checkbox span
{
	font-size: 13px;
	color: #fff;
	line-height: 26px;
	font-family: NeoSansMedium;
}

.custom-checkbox span a
{
	color: #fff;
	transition: all 0.15s ease-in-out 0s;
}

.custom-checkbox span a:hover
{
	color: #ccc;
	padding-left: 8px;
}

#panel_dshield .custom-checkbox label
{
	padding-left: 0px;
}

.alertify-log a
{
	color: #5C97D3;
}

#hw_groups_icon:hover,
#hw_inst_history_icon:hover
{
	-webkit-filter: brightness(1.4);
	filter: url('../filters/brightness.svg?amount=1.4#brightness');
}

#receptora_config_basico
{
	width: 100%;
	height: auto;
	background: transparent;
	float: left;
	display: block;
	clear: both;
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 15px;
}

#receptora_config_basico #receptora_config_basico_form
{
	background-color: #000000;
}

#receptora_config_basico label
{
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
	float: left;
}

#receptora_config_basico #help_msg
{
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
	float: left;
	background-color: #000;
	width: 100%;
	box-sizing: border-box;
}

#receptora_config_basico .buttons_div
{
	float: left;
	margin-top: 15px;
}

#receptora_config_basico .custom-select
{
	margin: 0px;
}

#receptora_config_basico #config_a_value_div
{
	float: left;
	width: 100%;
	background-color: #000;
}

#receptora_config_basico .block_text
{
	margin: 0px;
	line-height: normal;
}

#hwfake_import_result_box
{
    display: none;
    margin-top: 0px;
    height: 482px;
    float: left;
    width: 100%;
    overflow-y: auto;
}

#hwfake_import_result_box h4
{
	margin: 0px;
	width: 100%;
	color: #383838;
	font-family: NeoSansMedium;
	font-weight: normal;
	box-sizing: border-box;
	padding-left: 12px;
	float: left;
	height: auto;
	background-color: transparent;
}

.dshield_panel_button
{
	float: left;
	width: 100%;
	clear: both;
}

.dshield_panel_button a.dshield_button
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	background-color: #4b4c48;
	height: 32px;
	line-height: 38px;
	display: inline-block;
	font-family: NeoSansMedium;
	font-weight: normal;
	font-size: 14px;
	cursor: pointer;
}

.dshield_panel_button a.dshield_button:not(:first-child)
{
	margin-left: 1px;
}

.dshield_panel_button a.dshield_button.active
{
	background-color: #92278f;
}

.dshield_panel_button a.dshield_button:hover
{
	background-color: #626262;
}

.dshield_panel_button a.dshield_button.active:hover
{
	background-color: #B73CB4;
}

.dshield_events 
{
	float: left;
	width: 100%;
	clear: both;
	max-height: 400px;
}

.dshield_events .event
{
	float: left;
	width: 100%;
	clear: both;
	border-bottom: 1px solid #9b9b9b;
	transition: all 0.15s ease-in-out 0s;
}

.dshield_events .event.emergency,
.dshield_events .event.done
{
	cursor: pointer;
}

.dshield_events .event:first-child
{
	margin-top: 5px;
}

.dshield_events .event:hover
{
	background-color: rgba(100,100,100,0.5);
}

.dsheld_events .event.selected
{
	background-color: #92278f;
}

.dsheld_events .event.selected:hover
{
	background-color: #B73CB4;
}

.dshield_events .event .time
{
	color: #9b9b9b;
	font-size: 12px;
	font-family: NeoSansRegular;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-left: 2px;
	transition: all 0.15s ease-in-out 0s;
}

.dshield_events .event:hover .time,
.dshield_events .event:hover .desc,
.dshield_events .event.selected .time,
.dshield_events .event.selected .desc
{
	padding-left: 4px;
}

.dshield_events .event .desc
{
	color: #FFF;
	font-size: 12px;
	font-family: NeoSansRegular;
	margin-bottom: 10px;
	padding-left: 2px;
	transition: all 0.15s ease-in-out 0s;
}

.dshield_events .mCSB_scrollTools .mCSB_draggerContainer
{
	left: -10px;
}

.dshield_events .event.emergency
{
	background-color: rgba(175,0,30,0.5);
}

.dshield_events .event.emergency:hover
{
	background-color: rgba(175,0,30,0.8);
}

.dshield_events .event.done
{
	background-color: rgba(0,175,30,0.5);
}

.dshield_events .event.done:hover
{
	background-color: rgba(,175,30,0.8);
}

#dshield_event_box
{
	background: rgba(0,0,0,0.8);
	position: fixed;
	bottom: 0px;
	width: 700px;
	height: 450px;
	z-index: 100;
	left: 50%;
	margin-left: -350px;
	display:none;
	bottom: -437px;
}

#dshield_event_box div.contractor
{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 2px;
	cursor: pointer;
}

.chat_box .msgs_box .msg_base,
.events_box .events_list .hwevent_base
{
	display: none!important;
}

.event_content
{
	display: none;
}

#dshield_event_box .event_content
{
	margin-top: 16px;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	font-family: NeoSansRegular;
}

#dshield_event_box .event_content .hw_name
{
	font-size: 16px;
	font-family: NeoSansMedium;
}

#dshield_event_box .event_content .hw_code,
#dshield_event_box .event_content .hw_serial,
#dshield_event_box .event_content .key_owner_phone,
#dshield_event_box .event_content .key_owner_cellphone
{
	color: #9b9b9b;
	font-size: 14px;
}


#dshield_event_box .event_content .key_owner_phone span,
#dshield_event_box .event_content .key_owner_cellphone span
{
	font-weight: bold;
}

#dshield_event_box .event_content .hw_code span a,
#dshield_event_box .event_content .hw_serial span a
{
	font-family: NeoSansBold;
	color: #9b9b9b;
	transition: all 0.15s ease-in-out 0s;
}

#dshield_event_box .event_content .hw_code span a:hover,
#dshield_event_box .event_content .hw_serial span a:hover
{
	font-family: NeoSansBold;
	color: #FCFCFC;
}

#dshield_event_box .event_content .left
{
	float: left;
	width: 50%;
}

#dshield_event_box .event_content .right
{
	float: right;
	width: 50%;
}

#dshield_event_box .chat_box
{
	position: absolute;
	width: 47%;
	top: 68px;
	bottom: 4px;
	box-sizing: border-box;
	border: 3px solid #92278f;
	background-color: #92278f;
}

#dshield_event_box .chat_box .msgs_box
{
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	top: 0px;
	bottom: 28px;
	left: 0px;
	right: 0px;
	overflow-y: auto;
}

#dshield_event_box .chat_box .send_box
{
	position: absolute;
	bottom: 0px;
	height: 24px;
	width: 100%;
}

#dshield_event_box .chat_box .send_box input[type="button"],
#dshield_event_box .event_content .state_box input[type="submit"],
#dshield_event_box .event_content .state_box input[type="button"]
{
	display: inline-block;
	-webkit-appearance: none;
	border: 0px;
	background-color: #751f72;
	color: #fff;
	height: 24px;
	font-family: NeoSansMedium;
	line-height: 28px;
	float: right;
	margin-left: 2px;
	width: 18%;
	cursor: pointer;
}

#dshield_event_box .event_content .state_box input[type="submit"],
#dshield_event_box .event_content .state_box input[type="button"]
{
	float: left;
	margin-left: 0px;
	margin-top: 5px;
}

#dshield_event_box .chat_box .send_box input[type="button"]:hover,
#dshield_event_box .event_content .state_box input[type="submit"]:hover,
#dshield_event_box .event_content .state_box input[type="button"]:hover
{
	background-color: #CC48C7;
}

#dshield_event_box .chat_box .send_box input[type="text"]
{
	display: inline-block;
	-webkit-appearance: none;
	border: 0px;
	background-color: #ECD4EC;
	color: #000;
	height: 24px;
	float: left;
	width: 80%;
	padding-left: 4px;
}

#dshield_event_box .events_box span
{
	font-family: NeoSansMedium;
}

#dshield_event_box .events_list .hwevent
{
	float: left;
	width: 100%;
	display: table;
}

#dshield_event_box .events_list .hwevent:hover .time div,
#dshield_event_box .events_list .hwevent:hover .desc div
{
	background-color: #ff0000;
	color: #fff;
}

#dshield_event_box .events_list .hwevent .time,
#dshield_event_box .events_list .hwevent .desc
{
	display: table-row;
	font-size: 13px;
	float: left;
	width: 50%;
	box-sizing: border-box;
	color: #000;
	height: 28px;
}

#dshield_event_box .events_list .hwevent .time div,
#dshield_event_box .events_list .hwevent .desc div
{
	float: left;
	background-color: #dbdbda;
	width: 100%;
	display: table-cell;
	height: 26px;
	line-height: 32px;
	padding-left: 2px;
	text-overflow: ellipsis;
	box-sizing: border-box;
}

#dshield_event_box .events_list .hwevent .desc
{
	padding-left: 2px;
	background-color: transparent;
}

#dshield_event_box .event_content .state_box
{
	float: left;
	margin-top: 8px;
	width: 100%;
}

#dshield_event_box .event_content .state_box span
{
	float: left;
	clear: both;
	width: 100%;
}

#dshield_event_box .event_content .state_box select
{
	background-color: #92278f;
	border: 0px;
	color: #fff;
	font-family: NeoSansMedium;
	height: 32px;
	line-height: 36px;
	float: left;
	clear: both;
	width: 100%;
	-webkit-appearance: none;
	margin-bottom: 8px;
}

#dshield_event_box .event_content .state_box textarea
{
	background-color: rgba(255,255,255,0.8);
	border: 0px;
	color: #000;
	font-family: Sans;
	float: left;
	clear: both;
	width: 100%;
	height: 210px;
	padding: 4px;
	resize: none;
}

#dshield_event_box .event_content .state_box input[type="button"]
{
	float: right;
}

#dshield_event_box .event_content .state_box #event_history
{
	float: left;
	margin-left: 4px;
	width: auto;
}

#dshield_event_box .chat_box .msgs_box .msg
{
	float: left;
	width: 100%;
	font-size: 13px;
	padding: 4px;
	box-sizing: border-box;
	margin-bottom: 4px;
}

#dshield_event_box .chat_box .msgs_box .msg .time
{
	float: left;
	box-sizing: border-box;
}

#dshield_event_box .chat_box .msgs_box .msg .author
{
	float: right;
	box-sizing: border-box;
}

#dshield_event_box .chat_box .msgs_box .msg .message
{
	float: left;
	clear: both;
	box-sizing: border-box;
	width: 100%;
}

#dshield_event_box .contractor div
{
	float: left;
}

#dshield_event_box .contractor div:last-child
{
	margin-left: 4px;
}

.recover_msg
{
	font-family: NeoSansRegular;
	font-size: 13px;
	color: #BC1616;
}

.default_table tbody tr td.memo textarea
{
	width: 100%;
	min-height: 120px;
} 

.default_table tbody tr td.memo
{
	text-indent: 0px;
}

.default_table tbody tr td.memo span
{
	text-indent: 6px;
}

#user_home_map_container
{
	float: left;
	height: 320px;
	width: 100%;
}

.box_vehicles_home
{
	margin-bottom: 8px;
}

.action_row
{
	float: left;
	width: 100%;
	height: 28px;
	line-height: 28px;
	background-color: #000000;
	margin-bottom: 6px;
}

.action_row .name
{
	padding-left: 6px;
}

.action_row .state
{
	float: right;
	padding-top: 2px;
	margin-right: 2px;
	font-family: NeoSansBold;
}

.action_row .state_pending
{
	display: none;
	float: right;
	margin-right: 2px;
	font-family: NeoSansRegular;
	font-size: 11px;
}

.action_row .state .state_box
{
	float: left;
	width: 24px;
	height: 24px;
	background-color: #333333;
}

.action_row .state .state_box .icon
{
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}

.action_row .state .state_box:last-child
{
	margin-left: 2px;
}

.action_row .state .state_box a
{
	float: left;
	width: 24px;
	height: 24px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-family: NeoSansBold;
}

.action_row .state .state_box a:hover,
.action_row .state .state_box a.on:hover,
.action_row .state .state_box a.off:hover
{
	background-color: #666666;
}

.action_row .state .state_box a.on,
.action_row .state .state_box a.off
{
	background-color: #333;
}

.action_row .state .state_box a.on_active,
.action_row .state .state_box a.on_active:hover
{
	width: 24px;
	height: 24px;
	background-color: #8dc53e;
	color: #000;
}

.action_row .state .state_box a.off_active,
.action_row .state .state_box a.off_active:hover
{
	width: 24px;
	height: 24px;
	background-color: #d74328;
	color: #000;
}

.actions_list
{
	color: #000;
	padding: 10px 10px 0px 20px;
	width: 100%;
	border-spacing: 0px;
	margin-bottom: 8px;
	box-sizing: border-box;
}

.actions_list .action_row
{
	background-color: #dbdbda;
}

.person_type_select
{
	float: left;
	width: 100%;
	display: table;
}

.person_type_table
{
	width: 100%;
	display: table;
}

.person_type_table div,
.citymesh_select_table div
{
	background-color: #dbdbda;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	padding-left: 8px;
	font-weight: bold;
	cursor: pointer;
}

.person_type_table div:nth-of-type(odd),
.citymesh_select_table div:nth-of-type(odd)
{
	background-color: #ebebea;
}

.person_type_table div:hover,
.citymesh_select_table div:hover
{
	background-color: #BA27B7;
	color: #fff;
}

.citymesh_select_table div.selected
{
	color: #fff;
	background-color: #92278f;
}

.person_type_form
{
	display: none;
}

.form-table
{
	clear: both;
	width: 100%;
}

.form-table tbody th
{
	color: #23282d;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	padding: 20px 10px 20px 0;
	width: 200px;
	line-height: 1.3;
	font-weight: 600;
}

.form-table tbody tr td input[type="text"],
.form-table tbody tr td input[type="password"],
.form-table tbody tr td input[type="number"],
.form-table tbody tr td select,
.form-table tbody tr td textarea 
{
	font-size: 14px;
	min-width: 400px;
	background-color: #FCFCFC;
	-webkit-appearance: none;
}

.form-table p, p.description, p.help, span.description
{
	font-size: 13px;
	font-style: italic;
	color: #666;
}

.form-table input[type="text"],
.form-table input[type="password"],
.form-table input[type="number"],
.form-table textarea
{
	font-size: 12px;
	padding: 9px;
	background-color: #F2F2F2;
	border: 1px solid #A9A9A9;
	box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-webkit-appearance: none;
}

p.submit
{
	clear: both;
}

p.submit input[type="submit"]:hover, 
p.submit input[type="button"]:hover,
p.fsubmit input[type="submit"]:hover, 
p.fsubmit input[type="button"]:hover,
p.fsubmit a:hover
{
	background-color: #92278f;
}

p.fsubmit a:hover
{
	color: #fff;
}

p.submit input[type="submit"], 
p.submit input[type="button"],
p.fsubmit input[type="submit"], 
p.fsubmit input[type="button"],
p.fsubmit a
{
	padding: 10px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	border: none;
	cursor: pointer;
	background-color: black;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 12px;
	transition: all 0.15s ease-in-out 0s;
	float: left;
	padding: 10px;
	font-size: 14px;
	margin-bottom: 8px;
	-webkit-appearance: none;
}

p.fsubmit input[type="submit"], 
p.fsubmit input[type="button"]
{
	margin-right: 16px;
}

.person_insert_form,
.hardware_hours_form,
.modal_dialog_default_padding,
.citymesh_select_form,
.form_table_insert_form
{
	padding: 8px;
}

.form-table input[type="text"].error,  
.form-table input[type="password"].error, 
.form-table select.error, 
.form-table textarea.error
{
	background: rgba(255,255,255,.5);
	border-color: rgba(217, 83, 79, 0.75);
	-webkit-box-shadow: inset 0 1px 2px rgba(217, 83, 79, 0.75);
	box-shadow: inset 0 1px 2px rgba(217, 83, 79, 0.75);
	animation: shake 1s;
}

.modal_dialog_fancy .hours_table
{
	padding: 0px;
}

.person_type_form form p.fsubmit
{
	margin-right: 32px;
}

.persons_list_table tr th.profile_photo
{
	width: 240px;
}

.persons_list_table tbody tr td:first-child
{
	height: 180px;
	cursor: pointer;
}

.persons_list_table tbody tr td.photo
{
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

.persons_list_table tbody tr td.name
{
	font-weight: bold;
	cursor: pointer;
	font-size: 14px;
}

.persons_list_table tbody tr td.name:hover
{
	color: #92278f;
	background-color: #E5F7CC;
}

.insurances_list_table_pager
{
	margin-bottom: 58px;
}

.persons_list_table tbody tr td a,
.insurances_list_table tbody tr td a
{
	color: #000000;
	font-weight: bold;
}

.persons_list_table tbody tr td a:hover,
.insurances_list_table tbody tr td a:hover
{
	color: #92278f;
}

.photo_capture > .config_upload_cont
{
	padding: 0px;
}

.image_gallery
{
	width: 100%;
	float: left;
	max-height: 60vh;
	overflow: auto;
	position: relative;
}

.image_gallery .photo
{
	width: 25%;
	float: left;
	position: relative;
}

.image_gallery .photo_inner
{
	width: 100%;
}

.image_gallery .photo img
{
	width: 100%;
	height: auto;
}

.image_gallery .photo .delete
{
	position: absolute;
	width: 36px;
	height: 36px;
	padding: 4px;
	top: 0;
	right: 0;
	background-color: rgba(220,50,50,0.75);
	cursor: pointer;
	border-radius: 36px;
}

.rfid_sync
{
	float: left;
	height: 100px;
	padding: 8px;
}

.rfid_alert
{
	display: table;
	background-color: white;
	width: 100%;
}

.rfid_sync p
{
	font-size: medium;
	font-family: NeoSansMedium;
}

.rfid_sync p.error
{
	color: #AA0000;
}

.rfid_alert .buttons
{
	display: table;
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	float: left;
	clear: both;
}

.rfid_alert .buttons .submit
{
	float: left;
	width: 33%;
}

.rfid_alert .buttons .submit div
{
	margin: 0 auto;
	cursor: pointer;
}

.rfid_alert .buttons p
{
	display: table-cell;
}

.rfid_alert .buttons p.submit input[type="submit"], 
.rfid_alert .buttons p.submit input[type="button"]
{
	float: none!important;
}

.rfid_alert h4
{
	float: left;
}

.rfid_alert .person_data
{
	width: 100%;
	display: table;
}

.rfid_alert .person_data > div
{
	display: table-cell;
	width: 40%;
	font-size: medium;
	font-family: NeoSansMedium;
	vertical-align: top;
}

.rfid_alert .person_data > div.note
{
	width: 20%;
}

.rfid_alert .person_data > div.note textarea
{
	width: 95%;
	height: 20vh;
}

.rfid_alert .person_data > div.note > div
{
	padding-top: 8px;
}

.rfid_alert .person_data .profile_photo div
{
	width: 100%;
	height: 34vh;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;	
}

.rfid_alert .person_data .data_table div
{
	padding-top: 8px;
	padding-left: 8px;
	font-size: large;
}

.rfid_alert .status
{
	width: 100%;
	float: left;
	clear: both;
	background-color: #00aa00;
	color: white;
	text-align: center;
	height: 48px;
	line-height: 52px;
	font-family: NeoSansMedium;
	font-size: large;
}

.rfid_alert .status.status_warning
{
	background-color: #FFFF00;
	color: black;
}

.rfid_alert .status.status_error
{
	background-color: #CC0000;
	color: white;
}

.profile_photos_family,
.gallery_photos
{
	float: left;
	margin-bottom: 12px;
	overflow: auto;
	max-height: 246px;
}

.profile_photos_family .member,
.gallery_photos .photo
{
	cursor: pointer;
	width: 244px;
	height: 204px;
	float: left;
}

.profile_photos_family .member div,
.gallery_photos .photo div
{
	width: 240px;
	height: 200px;
	margin-top: 2px;
	margin-left: 2px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-align: center;
	line-height: 200px;
}

.profile_photos_family .member.selected
{
	background-color: red;
}

.rfid_alert p
{
	font-size: 16px;
	font-weight: bold;
}

.rfid_alert span
{
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
}

.rfid_alert .alert_cont
{
	padding: 8px;
}

.dshield_modal_dialog
{
	overflow-y: auto;
}

.modal_dialog_insurance .image_gallery
{
	overflow: hidden;
}

.modal_dialog_insurance .image_gallery .photo
{
	width: 50%;
}

.modal_dialog_insurance .image_gallery .date
{
	width: 50%;
	float: right;
	clear: right;
}

.modal_dialog_insurance .image_gallery .date span
{
	margin-left: 8px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #ccc;
	font-family: NeoSansMedium;
	padding: 4px;
	line-height: 18px;
	width: 100%;
	float: left;
}

.modal_dialog_insurance .image_gallery .date input
{
	margin-left: 8px;
}

.modal_dialog_insurance .image_gallery .date input.date_input
{
	cursor:pointer;
	margin: 8px;
	font-size: 18px;
	width: 50%;
}

.modal_dialog .entrances_modal
{
	padding-top: 8px;
	box-sizing: border-box;
	margin: 0 auto;
	display: table;
	width: 80%;
}

.modal_dialog .entrances_modal div
{
	float: left;
	width: 100%;
}

.modal_dialog .entrances_modal
{
	color: #23282d;
    text-align: left;
    font-weight: normal;
    text-align: left;
    line-height: 1.3;
    font-weight: 600;
}

.modal_dialog .entrances_modal p
{
	clear: both;
	float:  left;
	margin-top: 0px;
	margin-bottom: 16px;
}

.modal_dialog .entrances_modal .options
{
	float: left;
	clear: both;
	margin-bottom: 32px;
}

.modal_dialog .entrances_modal .option
{
	width: 50%;
	font-weight: bold;
	float: left;
}

#hw_config_content_box
{
	margin-top: 4px;
}

#hw_config_content_box label
{
	font-size: 12px;
	font-weight: normal;
	left: 0;
	padding: 4px 19px 0 19px;
}

#hw_config_content_box p
{
	color: #CCCCCC;
	font-size: 10px;
	font-weight: normal;
	float: left;
	clear: both;
}

.form-table input.fecha[type="text"]
{
	width: auto;
	background: url("../img/menues/icon-fecha-form-table.png") 96% center no-repeat #FCFCFC;
}

.title_box_table
{
	width: 100%;
	margin-top: 2px;
	padding-left: 20px;
	padding-right: 10px;
	clear: both;
	box-sizing: border-box;
	display: table;
}

.title_box_table > div
{
	width: 100%;
	color: #fff;
	font-size: 14px;
	background-color: #4b4c48;
	height: 28px;
	line-height: 30px;
	padding-left: 10px;
	float: left;
	clear: both;
	font-weight: bold;
	box-sizing: border-box;
}

.title_box_table a div.button
{
	width: 28px;
	height: 28px;
	float: right;
	background-color: #8dc53e;
}

.title_box_table a div.button:hover
{
	background-color: #CFF0A0;
}

.default_table a,
.default_table a:visited
{
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

.panel_dshield_bottom
{
	padding-bottom: 64px;
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.75);
	z-index: 2 !important;
}

.boxed_table
{
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
}

.persons_list_table tr td.name p
{
	font-size: 16px;
}

.persons_list_table tr td.name span
{
	padding-left: 6px;
	font-weight: normal;
	font-size: 16px;
}

.panel_bottom_data_box .time_btn
{
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.panel_bottom_data_box .time_btn:first-child
{
	padding-right: 4px;
}

.panel_bottom_data_box .time_btn:last-child
{
	padding-left: 4px;
}

.panel_bottom_data_box .time_btn a > div
{
	width: 100%;
	height: 44px;
	margin-top: 10px;
	background-color: #92278f;
	box-sizing: border-box;
}

.panel_bottom_data_box .time_btn.active a > div
{
	background-color: #8ec73c;
}

.sprite-img-stopwatch_out,
.sprite-img-stopwatch_in
{
	margin: 0 auto;
}

.rfid_alert .status span
{
	display: inline-block;
	height: 48px;
	line-height: 54px;
	padding-left: 16px;
	padding-right: 16px;
	margin-left: 16px;
	background-color: #8ec73c;
	font-weight: normal;
	color: #fff;
}

.rfid_alert .status a
{
	color: #fff;
}

.access_restrictions_table tr td input
{
	width: auto;
}

.access_restrictions_table tr td label
{
	font-weight: bold;
}

.access_restrictions_table tr td
{
	height: 48px;
	font-weight: bold;
	font-size: 15px;
}

#chart_div div div div svg g g
{
	cursor: pointer;
}

#radars_list_table tr td
{
	vertical-align: top;
}

.logo_img
{
	max-width: 160px;
	height: auto;
}

.radar_ticket
{
	font-family: monospace;
}

.radar_ticket .header
{
	width: 100%;
	position: relative;
}

.radar_ticket .header img.logo
{
	position: relative;
	left: 24px;
	top: 4px;
	width: 160px;
	margin-bottom: 12px;
	margin-top: 12px;
}

.radar_ticket .header .text
{
	float: right;
	margin-right: 16px;
}

.radar_ticket .box.red
{
	color: #ed3338;
	text-align: center;
}

.radar_ticket .box.red h1,
.radar_ticket .box.red h2
{
	-webkit-margin-before:8px;
	-webkit-margin-after:8px;
}

.radar_ticket .box.yellow
{
	background-color: #ffcc29;
	color: #4a4a4c;
	text-align: center;
}

.radar_ticket .box.yellow h2
{
	-webkit-margin-before:8px;
	-webkit-margin-after:8px;
}

.radar_ticket .box.grey
{
	color: #4a4a4c;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 16px;
}

.radar_ticket .box
{
	text-align: center;
	float: left;
	width: 100%;
	clear: both;
}

.radar_ticket .box > div
{
	padding-left: 24px;
	padding-right: 24px;
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.radar_ticket .box.grey > div table
{
	width: 100%;
	float: left;
	background-color: #f2f2f2;
}

.radar_ticket .box.grey > div table tbody tr td:first-child
{
	width: 50%;
	text-align: right;
	padding: 0px;
}

.radar_ticket .box.grey > div table tbody tr td:last-child
{
	width: 50%;
	text-align: left;
	padding: 0px;
}

.radar_ticket .box.grey > div table tbody tr td p
{
	margin: 6px;
}

.radar_ticket .photo
{
	max-width: 100%;
	max-height: 380px;
}

.panel_box .search_box
{
	width: 278px;
	background: #333333;
	color: #fff;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px;
	margin: 12px 0px 0px 0px;
	padding: 4px;
	box-sizing: border-box;
	clear: both;
}

.panel_box .search_box p
{
	width: 100%;
	background: #494d49;
	height: 30px;
	border: 0px;
	line-height: 30px;
	padding-left: 9px;
	box-sizing: border-box;
	margin-bottom: 2px;
	margin-top: 0px;
}

.panel_box .panel_half_input
{
	float: left;
	width: 50%;
	padding-left: 4px;
	padding-right: 4px;
	box-sizing: border-box;
}

.panel_box .panel_half_input:first-child
{
	border-right: 2px solid #333333;
}

.panel_box .panel_half_input:last-child
{
	border-left: 2px solid #333333;
}

.panel_box .panel_half_input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #fff;
}
.panel_box .panel_half_input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #fff;
	opacity: 1;
}
.panel_box .panel_half_input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #fff;
	opacity: 1;
}
.panel_box .panel_half_input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
}

.radar_validator
{
	float: left;
	width: 100%;
	height: 100%;
	display: table;
}

.radar_validator > div
{
	display: table-row;
}

.radar_validator .prev,
.radar_validator .next
{
	width: 55px;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.radar_validator .prev > div,
.radar_validator .next > div
{
	margin: 0 auto;
	cursor: pointer;
}

.radar_validator .prev.disabled,
.radar_validator .next.disabled
{
	opacity: 0.25;
}

.radar_validator .validator
{
	height: 100%;
	display: table-cell;
	text-align: center;
}

.radar_validator .photo
{
	width: 100%;
	height: 80%;
	background-color: #ccc;
	display: block;
	position: relative;
}

.radar_validator .photo img
{
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}

.radar_validator .controllers
{
	height: 20%;
	background-color: #DDD;
	display: block;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.radar_validator input[type="text"]
{
	height: 64px;
}

 .radar_validator .form_btn
{
	background: #8dc53e;
	border: 0px none;
	color: #fff;
	cursor: pointer;
	font-family: NeoSansMedium;
	text-align: center;
	width: auto;
	font-size: 32px;
	padding: 12px;
	height: 64px;
}

.radar_validator .form_btn.cancel
{
	background-color: #aa0000;
}

.radar_validator .form_btn.cancel:hover
{
	background-color: #660000;
}

.radar_validator .form_btn:hover
{
	background-color: #6ba31c;
}

.radar_validator h1
{
	text-align: center;
	margin-top: 32px;
}

.default_table tr.alert
{
	background-color: #E8E890;
}

.default_table tr.alert:hover
{
	background-color: #EFEFAF;
}

.receiver_config_generic_msg .green_but
{
	width: 100%;
	box-sizing: border-box;
}

.user_type_hours_gen .table_title
{
	float: left;
}

.user_type_hours_gen .fsubmit
{
	float: right;
}

.user_type_hours_gen .default_table
{
	padding: 10px 2px 0px 12px;
}

.user_type_hours_gen p.fsubmit input[type="submit"]
{
	background-color: #8dc53e;
	font-family: NeoSansMedium;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	float: right;
	color: #fff;
	text-indent: 0px;
	padding: 7px 4px 4px 4px;
	margin-right: 10px;
	margin-bottom: 64px;
	border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	font-weight: normal;
	margin-right: 2px;
}

.boxed_table
{
	float: left;
	clear: both;
	width: 100%;
}

.person_profile
{
	width: 100%;
	color: #FFF;
	float: left;
	padding: 0px 20px 10px 20px;
	box-sizing: border-box;
}

.person_profile:nth-of-type(1)
{
	padding-top: 10px;
	padding-bottom: 0px;
}

.person_profile > div
{
	width: 100%;
	clear: both;
	background-color: #454545;
	display: table;
}

.person_profile .photo
{
	width: 25%;
	background-color: #777;
	box-sizing: border-box;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.person_profile .family_photo .photo
{
	width: 100%;
	display: inline-block;
}

.person_profile .photo img
{
	width: 100%;
	max-width: 250px;
	height: auto;
}

.person_profile .info
{
	width: 50%;
	background-color: #666;
	box-sizing: border-box;
	padding-left: 12px;
	display: table-cell;
	vertical-align: top;
}

.person_profile .info h3
{
	margin-top: 12px;
}

.person_profile .observations
{
	width: 25%;
	box-sizing: border-box;
	padding: 10px;
	display: table-cell;
}

.person_profile .observations h3
{
	padding: 0px 0px 6px 0px;
	margin:0px;
	font-size: 16px;
}

.person_profile .family_photo
{
	position: relative;
	width: 25%;
	min-width: 120px;
	float: left;
}

.person_profile .family_photo > p
{
	width: 100%;
	height: 28px;
	float: left;
	text-align: center;
	background-color: #555;
	padding: 0px;
	margin: 0px;
	line-height: 28px;
}

.owner_table
{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}


.owner_title
{
	width: 100%;
	padding: 0px 20px 0px 20px;
	color: #fff;
	box-sizing: border-box;
}

.owner_title > div
{
	height: 28px;
	background-color: #4b4c48;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	line-height: 30px;
}

.utils_box
{
    width: 100%;
    padding: 0px 20px 0px 20px;
    color: #fff;
    box-sizing: border-box;
    float: left;
}

.utils_box > div
{
	width: 100%;
	background-color: #4b4c48;
	box-sizing: border-box;
	display: table;
}

.utils_box .utils_left,
.utils_box .utils_right
{
	width: 50%;
	display: table-cell;
	vertical-align: top;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

.utils_box .panel_text_input
{
	background-color: #555;
	box-sizing: border-box;
}

.utils_box .submit_btn
{
	width: 100%;
	max-width: 330px;
}

.profile_expander
{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.profile_expander > div
{
	height: 32px;
	background-color: black;
	margin-left: 20px;
	margin-right: 20px;
	cursor: pointer;
}

.profile_expander > div:hover
{
	background-color: #8ec73c;
}

.profile_expander > div .sprite-img-flechin-up,
.profile_expander > div .sprite-img-flechin-down
{
	margin: 0px auto;
	top: 10px;
	position: relative;
}

.person_profile_extra
{
	display: none;
}

.person_owner_profile
{
	margin-bottom: 40px;
	float: left;
	width: 100%;
	clear: both;
}

.owner_table tbody tr
{
	cursor: pointer;
}

.panel_graph_bottom_panel
{
	width: 100%;
	height: 140px;
	background: rgba(255,255,255,0.9);
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	margin-bottom: 52px;
}

.progress
{
	position: relative;
	width: 100%;
	height: 16px;
	display: none;
	background: #e8ffc7;
}

.progress .progress-bar
{
	background: #8ec73c;
	height: 16px;
	width: 0%;
}

.progress .progress-text
{
	position: absolute;
	width: 100%;
	height: 16px;
	font-weight: bold;
	font-size: 12px;
	top: 0px;
	left: 0px;
	text-align: center;
	line-height: 17px;
}

p.dialog
{
	padding-left: 20px;
	padding-right: 20px;
}

p.citymesh_select_alert
{
	color: #CC0000;
	font-weight: bold;
	margin: 8px 8px 0px 8px;
}

.alertify-message a
{
	color: #7AC34D;
}

.default_table tr td.multiline
{
	padding: 6px;
	text-indent: 0px;
}

.professional_insurances h3
{
	margin: 16px 10px 0px 20px;
	background-color: #dbdbda;
	padding: 4px 4px 4px 4px;
	clear: both;
}

.professional_insurances .default_table
{
	padding-top: 2px;
}

.prof_dialog div,
.prof_dialog textarea
{
	margin-left: 3px;
}

.prof_dialog .mail_popup_txt
{
	margin-top: 12px;
}

.kpanel_container
{
	height: 100%;
	width: 100%;
	display: table;
	background-color: rgba(0,0,0,0.75);
	vertical-align: middle;
	position: relative;
}

.kpanel_container .panel_view
{
	height: 100%;
	width: 100%;
	display: table;
	background-color: #fff;
	vertical-align: middle;
	position: relative;
}

.kpanel_container .panel_view .panel_top
{
	width: 100%;
	height: 20%;
	display: table;
	vertical-align: middle;
	position: relative;
	background-color: rgba(0,0,0,0.75);
}

.kpanel_container .panel_view .panel_bottom
{
	width: 100%;
	height: 80%;
	bottom: 0;
	display: table;
	vertical-align: middle;
	position: relative;
}

.kpanel_container .panel_view .panel_bottom img
{
	position: absolute;
	width: auto;
	height: 90%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.kpanel_box
{
	width: 60%;
	max-width: 500px;
	background-color: rgba(0,0,0,0.5);
	margin: 0 auto;
	color: #fff;
	padding: 16px;
	box-sizing: border-box;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.2);
}

.kpanel_container .sending_initialization,
.kpanel_container .communication_timeout,
.kpanel_container .panel_view,
.kpanel_container .no_messages,
.kpanel_container .communication_error,
.kpanel_container .sending_message
{
	display: none;
}

.kpanel_container .loader
{
	float: left;
	width: 100%;
	position: relative;
	height: 64px;
}

.keymap div.led
{
	position: absolute;
	width: 24px;
	height: 24px;
	background-color: rgba(255,0,0,0.5);
}

.keymap_cont .keymap_led_img
 {
	display: none;
 }

.panel_view .panel_top .left
{
	width: 70%;
}

.panel_view .panel_top .right
{
	width: 30%;
}

 .panel_view .panel_top .msg_explain
 {
	font-size: 24px;
	color: #fff;
	float: left;
	margin-left: 10%;
	margin-top: 8px;
}

 .panel_view .panel_top .pressed_keys
 {
	font-size: 24px;
	padding: 4px;
	color: #000;
	background-color: #fff;
	width: 60%;
	float: left;
	margin-left: 10%;
}

.panel_view .panel_top .reset_button,
.panel_view .panel_top .send_button
{
	min-width: 132px;
	position: absolute;
	background-color: #8dc53e;
	color: #fff;
	padding: 8px;
	height: 24px;
	line-height: 26px;
	font-family: NeoSansMedium;
	text-align: center;
	cursor: pointer;
}

.panel_view .panel_top .reset_button:hover,
.panel_view .panel_top .send_button:hover
{
	background-color: #6ba31c;
}

.panel_view .panel_top .reset_button
{
	right: 32px;
	top: 8px;
}

.panel_view .panel_top .send_button
{
	right: 32px;
	top: 56px;
}

.panel_view .panel_top .panel_timer
{
	right: 32px;
	top: 100px;
	color: #fff;
	position: absolute;
}

.panel_view .panel_top  .custom-select
{
	float: left;
	position: relative;
	display: inline-block;
	width: 60%;
	margin-left: 10%;
}

.panel_view .panel_top  .custom-select select
{
	font-size: 20px;
}

.citymesh_select_modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	z-index: 10000;
}

.citymesh_select_modal > div {
	width: 960px;
	min-height: 24px;
	position: absolute;
	margin: 0 auto;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(50,50,50,0.75);
	-moz-box-shadow: 0px 0px 30px 0px rgba(50,50,50,0.75);
	box-shadow: 0px 0px 30px 0px rgba(50,50,50,0.75);
	cursor: default;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transform-origin: 50% -50%;
	transform-origin: 50% -50%;
}

.citymesh_select_modal.modal_dialog_visible {
	opacity: 1;
	visibility: visible;
}

.citymesh_select_modal.modal_dialog_visible > div {
	visibility: visible;
	opacity: 1;
	min-height: 28px;
}

.citymesh_select_modal_child {
	width: 656px; 
	top: 50%; 
	-webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
}

.citymesh_select_modal div.cont {
	position: relative;
	margin: 0 auto;
}

.citymesh_select_modal div.cont:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.radar_ul {
	list-style-type: none;
	display: table;
	margin: 0 auto;
	padding: 0px;
}

.radar_ul li {
	float: left;
}

@media only screen and (max-width: 656px)
{
	.modal_dialog > div
	{
		width: 100%!important;
	}
	
	#my_camera,
	#my_camera video
	{
		width: 100%!important;
		height: auto!important;
		max-width: 640px!important;
	}
}

@media only screen and (max-width: 1000px), screen and (max-height: 600px)
{
	.form-table tbody tr th,
	.form-table tbody tr td
	{
		display: block;
		width: auto;
		vertical-align: middle;
	}
	
	.form-table tbody tr td input[type="text"],
	.form-table tbody tr td input[type="password"],
	.form-table tbody tr td input[type="number"],
	.form-table tbody tr td select,
	.form-table tbody tr td textarea 
	{
		min-width: 100%;
	}
	
	.modal_dialog
	{
		overflow-y: auto;
	}
	
	.modal_dialog > div
	{
		width: 100%;
	}
}

@media only screen and (max-height: 600px)
{
	.rfid_alert .person_data .profile_photo div
	{
		height: 28vh;
	}

	.profile_photos_family .member,
	.gallery_photos .photo
	{
		width: 122px;
		height: 102px;
	}

	.profile_photos_family .member div,
	.gallery_photos .photo div
	{
		width: 120px;
		height: 100px;
		line-height: 100px;
	}

	.form-table tbody th
	{
		padding: 15px 10px 15px 0;
	}
}