/* CSS Document */

body::after{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	content: 
		url(/images/icn_add.png);
}

html, body{
	overflow-x: hidden;	
}

body{
	-webkit-overflow-scrolling: touch;
	height: 100%;
}

html{
	overflow-y: visible;
}

.login-header a{
	text-align: center;
}

.intelinetworks_container {
    margin-top: 28px;
    max-width: 100%;
    border-radius: 3px;
    position: relative;
    margin-left: -10px;
	padding-bottom: 10px;
}

.intelinetworks_container.segments_container{
	margin-left: -19px;
}

.choice_container{
	margin-top: 28px;
	max-width: 1160px;	
}

.tracking_page body{
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;width: 100%;
}

.settings_group{
	margin-bottom: 40px;	
	/*padding: 20px;*/
	min-width: 800px;
}

.override_disabled{
	margin: -5px 0 20px 0;
	font-size: 15px;
	color: #f02424;
}

.network_change_msg{
    padding: 10px;
    background: #ff5656;
    color: white;
    font-size: 14px;
	margin: -5px 0 20px 0;
}

div.no_contacts{
	height: 35px;
	line-height: 40px;
	font-size: 13px;
	margin-top: 5px;
}

.return_link{
	margin-left: 15px;
	font-size: 14px;
}

#midsection{
	padding-right: 20px;	
}

.settings_group .title, .choice_title{
	font-size: 18px;
	font-weight: 600;	
}

.choice{
	margin-top: 5px;
	display: block;
	font-size: 16px;
	border: none;	
	text-decoration: none;	
}

.bottom_nav#navigation{
	/*margin-top: 40px;*/
}

.choice:hover{
	border: none;	
	text-decoration: none;
}

.input_group{
	position: relative;
	margin-top: 5px;	
	/*background: #eee;*/
	background: #f5f5f5;
}

.input_group:first-child{
	margin-top: 0;	
}

.input_group label{
	display: inline-block;
	width: 190px;
	font-size: 14px;
	padding: 15px;
	vertical-align: top;
}

.input_group input{
	font-size: 12px;
	margin-top: 12px;
}	

.input_group input, .input_group textarea, .input_group select{
	width: 560px;
	max-width: 700px;
	padding: 5px;
}	

.input_group input[type="file"]{
	width: auto;
}

.input_group textarea{
	margin: 18px 0 20px;		
	resize: none;
	height: 150px;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}

select{
	margin-bottom: 15px;	
}

.tab-cont-cont {
    overflow-x: hidden;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	padding-right: 210px;
}

.tab-cont {
    width: 100%;
    position: relative;
    height: 30px;
}

.tab-title {
    position: relative;
    padding: 7px 14px;
    text-align: center;
    cursor: pointer;
    color: #000;
    float: left;
    box-sizing: border-box;
    font-size: 14px;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
    margin-right: 2px;
}

.tab-title.sel {
    padding-bottom: 7px;
    background-color: #fff;
    border-bottom-color: #fff;
    color: #000;
	background: #eee;
}

.settings_group{
	display: none;
	margin: -2px 0 12px 0;
    /*padding: 10px;*/
    /*border: 2px solid #f0f0f0;*/
}

.settings_group.sel{
	display: block;	
}

.btn{
	cursor: pointer;
	color: #fff;	
	text-transform: uppercase;
	transition: background-color .3s ease;
}

.btn.new_code{
	float: right;
	height: 34px;
	line-height: 34px;
	font-size: 13px;
	font-weight: 600;
	padding: 0 18px;
/*	background-color: #0076ab;*/
	background-color: #006fa1;
	transition: .3s ease;
	border-radius: 3px;
}

.btn.new_code,
.btn.new_code:hover{
	border: none;
	color: #fff;
}

.btn.new_code:hover{
/*	background-color: #006998;*/
	background-color: #00618d;
}

.submit_btn{
	background: #008ccb;
    border-radius: 2px;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: bold;
	margin: 10px 0 0 40px;
}

.submit_btn:hover {
    background: #007eb6;
}

.submit_btn#submit, .submit_btn#submit_preview, #create_account{
	height: 30px;
	line-height: 30px;	
	width: 130px;
	margin-left: 10px;
}

#create_account{
	width: 170px;
}

.submit_btn#submit_preview{
	width: 160px;	
}

.override_logout{
	font-size: 13px;
}

.mceEditor{
	display: inline-block;
    margin: 18px 0;
    width: 80%;
    width: 560px;
}

.error_msg{
	position: absolute;
	padding: 20px;
    background: #FFBABA;
    color: #D8000C;
    border: 1px solid;
    font-size: 14px;
	display: none;	
	z-index: 9999;
	left: 0;right: 0;top: -18px;
	cursor: pointer;
}

.validate_border{	
	animation: none;
}

.tooltip {
    position: relative;
    display: inline-block;
	height: 12px;width: 12px;
	background: url(/images/icon_technical_v2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: help;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: #008ccb;
    color: #fff;
	font-size: 15px;
    text-align: center;
    padding: 8px;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    left: 50%; 
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

input[type="file"]{
}

input[type="file"] ~ span{
    position: relative;
    display: block;
    left: 228px;
    top: -8px;
}

.tip{
    position: relative;
    margin: 0px 0 0 223px;
    top: -10px;
	max-width: 700px;
	font-size: 12px;
	color: #888;
}

input ~ .tip{
	margin-top: 10px;	
}

.tip.inline{
	margin: 0px 0 0 223px;	
}

.hidden{
	display: none;	
}

.input_group img{
	max-height: 250px;
	max-width: 250px;
	display: block;	
	position: relative;
    margin: 10px 0 0 223px;
    font-size: 13px;
    top: -10px;
}

.float_btn{
	padding: 10px 28px;
    position: fixed;
    bottom: 0;
    left: 260px;
    right: 0;
    background: rgba(255, 255, 255, 1);
    border-top: 1px solid #c1c1c1;
    min-width: 320px;
    box-sizing: border-box;	
	z-index: 99;
}

label.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 24px;
	padding: 0;
	margin-top: 12px;
}

.network_staff label.switch{
	margin-top: 0;
}

.network_staff label.switch input{
	height: 0;
	width: 0;
	opacity: 0;
}

.network_staff .slider::before{
	top: 4px;
}

.network_staff .slider{
	background: #808080;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    top: 5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

label.switch input{
	margin-top: 0;
	height: 100%;width: 100%;	
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.returning_cont.hidden{
	display: none;	
}

.returning_cont {
	margin-top: 5px;	
}

input[type="radio"]{
	width: 13px;	
	height: 13px;
	padding: 0;
}

.radio_container {
    margin: -41px 0 0px 222px;
	padding-bottom: 12px;
}

.radio_container label{
    padding: 0px 8px 0px;
    margin-top: 8px;
}	

.user_table{
	width: 100%;
	table-layout: fixed;	
}

.user_table th{
	font-size: 14px;
	color: #2d2d2d;
	text-align: left;
	padding: 4px 10px;
}

.user_table td{
    font-size: 12px;
	padding: 6px 10px;
	margin-right: 2px;
	border-bottom: 1px solid #e6e6e6;
}

.user_table tr{
	background: #fcfcfc;	
}

.user_table tr:hover{
	background: #f7f7f7;	
}

.log-btn{
	max-width: 70px;
	cursor: pointer;
	color: #008ccb;
	display: inline-block;
	-webkit-transition: color .3s ease, border .3s ease;
	transition: color .3s ease, border .3s ease;	
	border-bottom: 1px solid transparent;
}

.log-btn:hover{
    color: #007eb6;
    border-bottom: 1px solid #007eb6;	
}

.td_lastaccessed{
	max-width: 150px;	
}

.submit_download{
	width: 180px;
	height: 32px;
	line-height: 32px;
	background: #008ccb;
	display: block;
	color: #fff;
	margin-bottom: 10px;
	border-radius: 3px;
	transition: .3s ease;
}

.download span{
	margin: -42px 0px 0px 190px;
    display: block;
}

.submit_download:hover{
	background: #007eb6;
}

.button-green {
	background-color: #00a505;
}

.button-green:hover {
	background-color: #009104;
}

.remove_image{
	padding-bottom: 10px;
	margin-top: -7px;
    margin-left: 223px;
	font-size: 13px;
	font-family: "Lato", sans-serif;	
	cursor: pointer;
	width: 60px;
}

.remove_image input{
	width: 15px;height: 15px;	
	cursor: pointer;
}

.remove_image span{
	padding: 0px 26px 0px;
    margin-top: -17px;
    display: block;
}	

.input_group .input_group{
	padding-top: 0;
	margin-top: 0;
}

.input_group.small input{
	width: 70px;	
}

.input_group.small{
	color: #2d2d2d;	
}

.input_group.small input.jscolor{
	cursor: pointer;
	color: #fff;
	text-align: center;
}

.input_group.small.usage_limits input{
	width: 65px;
}

.input_group.datepicker-input input{
	width: 100px;
	text-align: center;
}

.input_group input[type="number"]::-webkit-outer-spin-button,
.input_group input[type="number"]::-webkit-inner-spin-button{
	-webkit-appearance: none;
	margin: 0;
}

tr.user_info_row{
	background-color: #f2f2f2;	
}

tr.user_info_row:hover{
	background-color: #eee;	
}

.user_info_row td:first-child{
	padding-left: 15px;	
}

.input_group.min_age{
	margin-top: 0;
	padding-top: 0;	
}

.input_group .float_label{
	padding-left: 5px;
	margin-top: 2px;
}	

#tinymce {
    text-align: center;
}

.input_group img{
	/*background-color: #fff;	*/
	background-color: transparent;
}

.tip.inline img.icon{
	height: 20px;
	width: 20px;
	display: inline-block;
	top: unset;
	position: absolute;
	margin: -2px 0 0 5px;
}

.tip.inline img.icon.small{
	height: 16px;
	width: 16px;
	margin: -6px 0 0 5px;
}

input[type="file"]{
	padding-left: 0;	
}

.choice_dropdown{
/*	display: none;	*/
}

.change_system{
	display: inline-block;
	margin: 10px 0 0 5px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}

.input_group.contact_selector .contact_label{
	width: auto;
	padding: 0 20px 0 22px;
}

.contacts_container{
    margin-left: 223px;
    margin-top: -50px;
    padding-bottom: 15px;
}

.contact_input{
	display: inline-block;
	position: relative;
}

.contact_label ~ input{
	width: 20px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0px;margin: 1px 0 0 0;padding: 0;
}

.panel-header-new-title{
	font-weight: 600;
}	

.download_link{
	margin-bottom: 0px;
	display: inline-block;	
	width: 150px;
	height: 30px;
	line-height: 30px;
	background-color: #3b3b3b;
	color: #eee;
	text-align: center;
	border: none;
	transition: background .3s ease;
	right: 0;
	top: 58px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.download_link:hover{
	color: #eee;
	background-color: #515151;
	border: none;
}

.stats--outer{
	position: relative;
}

/*a.download_link::after {
	content: "";
    position: absolute;
    top: 0;
    right: 100%;
    left: 0;
    border: 0;
    bottom: 0;
    background: #5B5B5B;
	transition: .3s ease;
}

a.download_link:hover::after{
	right: 0;
}	

a.download_link::before{
	content: "Downloads";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;	
	background: transparent;
	z-index: 10;
}*/

/*.download_link::before{
	bottom: 1px;
	left: 1px;
	right: 100%;
}

.download_link::after{
	top: 1px;
	right: 1px;
	left: 100%;
}

.download_link::before, .download_link::after{
	content: "";
	position: absolute;
	background-color: #fff;
	transition: .3s ease;
	height: 1px;
}

.download_link:hover::before{
	right: 1px;
}

.download_link:hover::after{
	left: 1px;
}*/

.search_input{
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
}

.search_input input{
	background: transparent;
	border-color: #fff;
	color: #fff;	
}

.panel-header-new-inner{
	position: relative;
}

.search_btn{
	width: 29px;
    height: 28px;
    position: absolute;
    right: 1px;
    top: 1px;
    border: 0;
    background: url(/images/icn_search.png) no-repeat center center;
    border-radius: 2px;
    -webkit-transition: background 0.25s;
    -moz-transition: background 0.25s;
    -o-transition: background 0.25s;
    -ms-transition: background 0.25s;
    transition: background 0.25s;	
	cursor: pointer;
}

.search_btn:hover{
	border: none;	
}

.section_title{
	font-size: 14px;
	font-weight: 600;
	margin: 30px 12px 10px;	
}

.settings_group .section_title span{
	display: block;
	font-size: 12px;
	margin-top: -2px;
	color: #8a8a8a;
}

.network_desc{
	float: right;
	font-size: 12px;
	color: #949494;
	display: inline-block;
	font-weight: normal;
	margin-top: 3px;
}

.hidden_network input:checked + .slider{
	background: #7d7d7d;
}

.tip.left{
	margin: 5px 13px 0px;
}

.required_password.fail_validate, .optional_password.fail_validate{
	border: 1px solid red;
}

a.change_page, a.change_page:hover{
	float: right;
	margin-top: 5px;
	font-size: 14px;
	z-index: 9999;
/*	border-bottom: 1px solid #eee;*/
	border: none;
	color: #2d2d2d;
	padding-bottom: 6px;
	position: absolute;
	right: 0;
}

.admin_integration_status span, .admin_integration_status .integrate_fail.hyph{
	font-size: 16px;
	line-height: 18px;
}

.admin_integration_status .integrate_fail.hyph{
	color: rgba(170,170,170,0.95);
}

.admin_integration_status span{
	margin: 15px 8px;
	display: inline-block;
}

.integrations_info_container{
	margin-top: -23px;
}

.input_group select{
	margin-top: 10px;	
}

.input_group.input_right label{
	text-align: right;
}

td.td_view_logs, td.td_hide_logs{
	position: relative;	
}

/*td.td_view_logs:hover .blocked_hover{
	display: block;
}*/

tr:hover .blocked_hover, tr:hover .permanent_hover, tr:hover .expired_hover, tr:hover .expired, tr:hover .permanent{
	display: block;
}

.blocked, .blocked_hover, .permanent, .permanent_hover, .expired, .expired_hover{
	position: absolute;	
	left: 0;
	height: 18px;width: 18px;
	cursor: pointer;
	transition: .3s ease;
}

.permanent, .permanent_hover{
	left: 24px;	
}

.expired, .expired_hover{
	left: 48px;	
}

.td_email.unsubscribe{
	color: #aaa;
	text-decoration: line-through;	
}

.stat_cont{
	display: inline-block;
	margin: 0 10px 10px 0;
	background-color: #3fae36;
	width: 200px;
	height: 80px;
	color: #fff;
	position: relative;
}

.device_stats .stat_cont{
	width: 190px;
}

.stat_inner{
	position: absolute;	
	top: 50%;left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.stat_cont select{
    height: 20px;
    padding: 0;
    margin-bottom: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
	border-bottom: 1px dotted #fff;
	position: relative;
}

.stat_name span{
	position: relative;	
}

.stat_name span::after{
	content: "";
	position: absolute;	
	height: 1px;
	bottom: 2px;
	right: 100%;
	left: 0;
	background-color: #fff;
	transition: .3s ease;
}

.stat_name span:hover::after{
	right: 0;	
}

span.select_active::after{
	right: 0;
}	

.stat_cont select option{
	color: #000;	
}

.stat_cont select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;	
}

/*.select .stat_name{
	text-align: center;
	margin-bottom: -10px;
}*/

.stat_name{
	display: block;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
	font-size: 16px;
}

.stat{
	text-align: center;
	font-size: 21px;
}

tr:hover .hidden, .td_view_logs .hidden, .td_view_logs .hidden:hover{
	display: none;
}	

.user_stats{
	position: relative;	
}

.cust_time_value span, .stat span{
    font-size: 14px;
    display: inline-block;
    position: relative;
    top: -2px;
	padding-left: 15px;
}

.user_stats .download_link{
	position: absolute;
	bottom: -14px;right: 0;	
}


/*@media screen and (max-width: 1400px) {
	.th_dob, .td_dob, .th_connected, .td_lastaccessed{
		display: none;
	}	
}*/

.td_lastaccessed{
	white-space: nowrap;
	width: 150px;	
}

#header img{
	width: 198px;	
}

.user_table thead tr{
	background: #fff;	
}

.user_table thead tr:hover{
	background: #fff;	
}

.user_table thead tr th{
	border-bottom: 1px solid #e6e6e6;
	font-size: 12px;
	font-weight: 600;
}

tr.no_users_blank{
	background: transparent; 
	color: #fff;
}

tr.no_users_blank td{
	border: none;	
	padding: 0px;
}

tr.no_users_blank:hover{
	background: transparent	
}

.no_users td{
	border: none;
	color: #000;	
}

.user_table .no_users:hover{
	background: #fcfcfc;
	cursor: default;	
}

.section_stat_cont{
	padding: 15px;
	background: #3fae36;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	text-align: center;
}

.section_stat span{
	display: block;
	font-size: 21px;
	margin-top: 5px;
}

.section_stat span span{
	margin-top: 0px;
	display: inline-block;
	font-size: 18px;	
}

.list_key_update{
	background: #FFFFB5;
	coloir: #000;
	font-size: 14px;
	display: block;
	padding: 10px 16px;
}

.tip.sub{
	top: -20px;	
}

.stat_dropdown_btn{
	position: absolute;
	height: 20px;
	width: 100%;
	background-color: #3fae36;	
	cursor: pointer;
}

.stat_dropdown{
	position: absolute;	
	background: #3fae36;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 0px 10px;
}

.dropdown_inner{
	display: none;	
}

.device{
	padding: 6px 0;
	font-size: 13px;	
}

.live_connected_overlay{
	position: fixed;
	right: -860px;
	top: 72px;	
	padding: 20px;
	width: 333px;
	background: #333;
	/*overflow-y: auto;*/
	transition: right .7s ease;
	z-index: 99999999;
	box-sizing: border-box;
}

.live_connected_overlay.open{
	right: 0;	
}

.live_connected_inner{
	position: relative;
	color: #fff;
	padding: 3px;		
}

.live_connected_inner .title{
	font-size: 16px;
	color: #fff;	
	text-align: left;
}

.guest_device div{
	width: 100%;
	font-size: 11px;
}

.live_overlay_close{
	cursor: pointer;	
	z-index: 1;
	position: absolute;
	right: 19px;
	top: 20px;
	height: 20px;
	width: 20px;
	background-image: url(/images/icn_notification_close.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	transition: opacity .3s ease;
	opacity: 0.7;
}

.live_overlay_close:hover{
	opacity: 1;	
}

.live_name{
	font-size: 14px;	
}

.user_stat{
	padding: 5px 0;
	color: #fff;	
}

.user_stat .stat_title{
	font-size: 15px;
	padding-right: 5px;	
}

.user_stat .stat{
	font-size: 14px;	
}

.live_connected_users tr{
	cursor: pointer;	
}

.live_spinner{
	position: absolute;
	top: 18px;
	left: 20px;	
}

.live_spinner img, .btn_spinner img{
	width: 30px;	
	height: 30px;
}

.user_container{
	margin-top: 10px;	
}

.device .signal{
	display: inline-block;	
	margin-right: 10px;
}

.signal_strength{
	display: inline-block;	
}

.signal_strength span{
	width: 2px;	
	background-color: #6c6c6c;
	display: inline-block;
	margin-right: 2px;
}

.signal_strength .one{
	height: 4px;
}

.signal_strength .two{
	height: 6px;	
}

.signal_strength .three{
	height: 8px;	
}

.signal_strength .four{
	height: 10px;		
}

.signal_strength.one .one{
	background-color: #3fae36;	
}

.signal_strength.two .one, .signal_strength.two .two{
	background-color: #3fae36;	
}

.signal_strength.three .one, .signal_strength.three .two, .signal_strength.three .three{
	background-color: #3fae36;	
}

.signal_strength.four span{
	background-color: #3fae36;	
}

.device div span{
	float: right;	
}

.device .signal_strength span{
	float: none;	
}

.device .signal_strength{
	float: right;	
}

.signal_strength .signal_value, .signal_strength.four .signal_value{
	width: auto;
	height: auto;
	font-size: 12px;	
	background-color: transparent;
}

.user_table tr{
	cursor: pointer;	
}

.user_btn{
	cursor: pointer;
	height: 20px;
	width: 20px;	
	margin-top: 10px;
}

.live_connected_overlay .unblock{
	background: url(/images/network_icons/Symbol_Restricted_Colour.png) center center no-repeat;
	background-size: 100% 100%;
}

.blocked_hover{
	background: url(/images/network_icons/Symbol_Restricted.png) center center no-repeat;
	background-size: 100% 100%;
	outline: 2px solid #CF1316;
}	

.blocked_hover:hover{
	background: url(/images/network_icons/Symbol_Restricted_Colour.png) center center no-repeat;
	background-size: 100% 100%;
}

.live_connected_overlay .removePerm{
	background: url(/images/network_icons/Symbol_Check_Colour.png) center center no-repeat;
	background-size: 100% 100%;
}

.permanent_hover{
	background: url(/images/network_icons/Symbol_Check.png) center center no-repeat;
	background-size: 100% 100%;
	outline: 2px solid #078401;
}	

.permanent_hover:hover{
	background: url(/images/network_icons/Symbol_Check_Colour.png) center center no-repeat;
	background-size: 100% 100%;
}

.live_connected_overlay .unExpire{
	background: url(/images/network_icons/Symbol_Delete_Colour.png) center center no-repeat;
	background-size: 100% 100%;
}

.expired_hover{
	background: url(/images/network_icons/Symbol_Delete.png) center center no-repeat;
	background-size: 100% 100%;
}	

.expired_hover:hover{
	background: url(/images/network_icons/Symbol_Delete_Colour.png) center center no-repeat;
	background-size: 100% 100%;
}

.device_level{
	font-size: 16px;
	margin-bottom: 10px;	
	margin-top: -5px;
}

.user_stats{
	margin-top: 15px;	
}

.session_title{
	margin-top: 15px;	
}

.stat_group{
	color: #a8a8a8;	
}

td.td_admin_client.no_contacts, td.td_admin_client.no_contacts a{
	color: red;
}

.td_admin_client a, td_admin_client a:hover{
	text-decoration: no;
	border: none;
	color: #333;
}

.settings_group .input_group img{
	cursor: pointer;
}

.td_admin_client img{
	vertical-align: middle;
	margin: -4px 0 0 5px;
}

.no_client_view{
	color: red;
	margin: 15px 0 -15px;
	padding: 0 0 0 13px;
}

.no_client_view.mobile{
	display: none;
	padding: 0;
	font-size: 13px;
	font-weight: normal;
}

.stat_group span{
	color: #fff;	
}

.admin_title{
	margin: 15px 0 5px 0;
	font-size: 18px;
	font-weight: bold;
	display: block;
	border-bottom: 3px solid #aaa;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	position: relative;
}

/*
.admin_title:not(.active)::after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 2px;
	width: 14px;
	background: #333;
}

.admin_title.active{
	background-image: url(/images/icn_add.png);
	background-position: right center;
	background-size: 14px 14px;
	background-repeat: no-repeat;
}
*/

.admin_title.active + .admin_table{
	display: none;
}

.stat_group span.light{
	color: #6a6a6a;
}

.user_btn_cont{
	display: block;	
	margin-bottom: 5px;
	padding-right: 7px;
}

.user_btn_cont .btn_title{
	display: inline-block;
	font-size: 15px;	
}

.user_btn_cont .user_btn{
	padding: 0px 20px;
	height: 20px;
	background-image: none;
	/*background-color: #a9a9a9;*/
	background-color: #808080;
	position: relative;
	display: inline-block;
	left: 10px;
	top: 5px;
	width: auto;
	font-size: 14px;
	margin-top: -3px;
	border-radius: 20px;
	float: right;
}

/*.user_btn_cont .user_btn ~ span{
	position: relative;
	top: 10px;
	display: inline-block;	
	height: 30px;
	width: 30px;
	background: rgba(175,22,25,1.00);
}*/

.user_table tr.blocked_user{
	color: #D83E41;	
}

.user_btn span{
    position: absolute;
    height: 14px;
    width: 14px;
    top: 3px;
	left: 5px;
    background-color: #fff;
    border-radius: 50%;
	transition: .3s ease;
}

.user_btn.unExpire, .user_btn.unblock{
	background-color: #CF1316;
}

.user_btn.authorised{
	background-color: #1A5CAB;	
}

.user_btn.removePerm{
	background-color: #078401;	
}

.unExpire span, .unblock span, .removePerm span, .authorised span{
	transform: translate(16px);
}

.user_btns{
	margin-top: 10px;	
}

.device div{
	margin-bottom: 2px;	
}

.stat_group.gap{
	margin-top: 15px;
}

.btn_tip{
    font-size: 12px;
    color: #878787;
    margin-top: -6px;
    line-height: 11px;
    margin-bottom: 5px;
}

.stat_group.gap.ap_mac span{
	max-width: 65%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.user_table.status tr{
	display: none;
}

.user_state_title{
	font-size: 16px;
	margin: 25px 0 5px 10px;
	font-weight: 700;
}

.user_state_title:first-child{
	margin-top: 30px;
}

.user_state_title.staff{
	margin-top: 35px;	
}

.guest_row.unauthorised{
	color: #acacac;
}	

tr.recent_user, tr.expired_user{
	color: #979797;	
}

.mac .signal_strength{
	float: right;	
}

.mac .authorised{
	float: right;
	height: 8px;
	width: 8px;
	background: url(/images/network_icons/Auth_Check_v2.png);
	background-size: 100% 100%;	
	margin: 6px 7px 0 0;
	opacity: 0.8;
}

.user_email .opted_in{
	float: left;
	height: 8px;
	width: 8px;
	background: url(/images/network_icons/Auth_Check_v3.png);
	background-size: 100% 100%;
	margin: 5px 4px 0 0;
	opacity: 0;
}

.user_email .opted_in.show{
	opacity: 0.8;
}

.staff_row .mac .authorised{
	opacity: 0.3;	
}

.device .user_note_container .user_note{
	height: 24px;
	line-height: 24px;
    font-size: 12px;	
	width: 160px;
	background-color: transparent;
	border: 1px solid #838383;
	text-align: right;
	color: #fff;
	margin-top: -3px;
	padding: 0px 5px;
}

.stat_group span{
	position: relative;	
}

/*.stat_group span.updated{
	display: none;
    position: absolute;
    width: 17px;
    height: 100%;
    background: url(/images/network_icons/Auth_Check.png) center right no-repeat;
    background-size: 17px 17px;
    right: 3px;
}*/

.device .user_browser span{
	float: left;
	display: block;
	color: #f3f3f3;	
	width: 100%;
	font-size: 12px;
}

.user_note_container.gap{
	margin-bottom: 15px;
}

.user_btns{
	margin-bottom: 15px;	
}

.session_usage{
/*	width: 150px;*/
	width: 100px;
}

th.th_integrate_nsltr{
	width: 40px;
}

.users .th_connected{
	width: auto;	
}

.user_table tr.selected{
	background-color: #dcdcdc;	
}

.user_table tr.highlight{
	background-color: rgba(0,139,255,0.24);	
}

.recent_user .authorised{
	margin-right: 23px;	
	opacity: 0.3;
}

.user_table .mac{
	width: 220px;
}	

/*.mbl-request-btn {
    width: 26px;
    height: 26px;
    border: 5px solid transparent !important;
    box-shadow: 0 0 0 2px inset, 0 0 0 2px;
    border-radius: 50%;
	margin-right: 5px;
	margin-top: -13px;
}

.mbl-request-btn:before,
.mbl-request-btn:after {
    position: absolute;
    width: 7px;
    height: 7px;
    top: -3px;
    box-shadow: inset 0 0 0 32px, 21px 0 0 0;
}

.mbl-request-btn:before {
    left: -3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mbl-request-btn:after {
	left: auto;
    right: -3px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}*/

.mbl-request-btn:not(.mbl-request-plus) {
    width: 27px;
    height: 27px;
   	background: url(/images/help-icon.png) no-repeat;
	margin-right: 5px;
	margin-top: -13px;
	background-size: 100%;
}

.mbl-request-btn:not(.mbl-request-plus):before,
.mbl-request-btn:not(.mbl-request-plus):after {
	display: none;
}

span.mbl{
	display: none;	
}

span.mbl:hover::after, span.desktop:hover::after{
	display: none;
}

.table_note{
	text-align: center;
	color: #707070;
	font-size: 12px;
	padding: 30px 12px 15px;	
}

.live_connected_overlay .close{
	width: 30px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin: 20px auto 0;
	padding: 10px;
	position: relative;
	font-size: 13px;
	color: #aaa;	
	cursor: pointer;
}

.create_new_code{
	display: inline-block;
	position: relative;
	font-size: 12px;	
	height: 15px;
	line-height: 15px;
	padding: 5px 18px 5px 8px;
	border: 1px solid #A3A3A3;
	border-radius: 3px;
	margin-bottom: 10px;
	cursor: pointer;
	transition: background .3s ease;
}

.create_new_code:hover{
	background-color: #F1F1F1;	
}

tr.tr_main{
	cursor: default;
}

tr.tr_main.disabled *{
	color: red;
}

tr.tr_main.disabled .td_admin_login a:hover,
tr.tr_main.disabled .td_admin_edit a:hover{
	border-bottom: 1px solid red;
	color: red;
}

.create_new_code span{
	position: absolute;
	font-size: 20px;
	line-height: 20px;
	margin-top: -1px;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
	color: #2BA72A;
}

.integrate_success{
	font-size: 13px;
	color: #288230;
}

.integrate_fail{
	font-size: 15px;
	color: red;
}
.integrate_fail.hyph, .integrate_disabled{
	font-size: 22px;
	line-height: 13px;
}

.integrate_fail.hyph{
	font-size: 13px;
	color: rgba(170,170,170,0.35);
}

.integrate_disabled{
	color: rgba(170,170,170,0.65);
}

a.create_new_code, a.create_new_code:hover{
	border: none;
	color: #000;
	padding-right: 20px;
}

.live_connected_overlay .code_input{
    height: 10px;
    font-size: 12px;
    width: 100px;
    background-color: transparent;
    border: 1px solid #838383;
    text-align: right;
    color: #fff;
    margin-top: -2px;
}

.live_connected_overlay .code_input.large{
	width: 160px;	
}

.device .code_input_container{
	margin: 5px 0 30px 0;
}

.device .randomise{
    font-size: 12px;
    margin: 3px 0 0px 0;
    cursor: pointer;
    text-align: right;
    color: #a8a8a8;
    background: url(/images/randomise.png) center center no-repeat;
    height: 13px;
    width: 13px;
    background-size: 100% 100%;
    position: absolute;
    top: 0px;
    left: 5px;
}

th.center{
	text-align: center;
}

td .access_enabled, td .access_disabled{
	
}

td .access_enabled .integrate_enabled{
	/*content: "✔";
	background: url(/images/network_icons/Auth_Check_v2.png) center center no-repeat;
	height: 13px;
	width: 13px;
	background-size: 100% 100%;*/
	color: #000;
	font-size: 13px;
}

#trusted_password, #staff_password, #public_noreg_password{
	font-family: courier;
}

td .access_disabled{
	content: "#2718";
	color: red;
	font-size: 16px;
}

.invalid_key{
	color: #ca1818;
	font-size: 14px;
}

.invalid_key.marketing{
	margin-bottom: 5px;
}

tr.tr_hidden{
	display: none;
	background: #eeeeee;
	margin-top: -2px;
}

th.th_edit{
	width: 27px;
}

th.th_preview{
	width: 15px;
}

td.td_preview{
	position: relative;
}

td.td_preview a{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: none;
}

td.td_preview a:hover{
	border: none;
}

td.td_preview img{
	height: 12px;
    width: 12px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -7px;
}

td.td_edit{
	padding: 0;
}

tr.tr_hidden:hover{
	background: #f4f4f4;
}

td.td_active_codes{
	font-size: 13px;
}

th.th_access{
	width: 75px;
}

th.th_active_codes{
	width: 70px;
}

th.th_guest_devices{
	width: 85px;
}

.create_code_btn, .edit_code_btn, .update_code_btn{
	font-size: 14px;
	padding: 0 15px;
	height: 25px;
	line-height: 25px;
	border-radius: 3px;
	display: inline-block;
	color: #fff;
	background: #008ccb;
	cursor: pointer;	
	transition: .3s ease;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.create_code_btn:hover, .edit_code_btn, .update_code_btn{
	background: #0083BF;
}

.edit_code_btn, .update_code_btn{
	margin-top: 30px;	
}

.device .code_field_container{
	margin-bottom: 15px;	
}

.device .code_field_container.has_tip{
	margin-bottom: 20px;	
}

.code_tip {
    display: block;
    font-size: 11px;
    width: 287px;
    text-align: left;
    color: #8F8F8F;
	margin-top: 3px;
}

.device .fail_validate{
	border-color: red;
}

.users .user_table{
	margin-top: 15px;	
}

.user_email_unsub{
	margin-top: -2px;
}

.user_email_unsub span{
	font-size: 12px;	
}

.no_codes{
	font-size: 12px;
	background: #ffb;
	padding: 8px;
	text-align: center;
	margin-top: -5px;	
}

.no_codes_cont tr, .no_codes_cont tr.selected, .no_codes_cont tr:hover{
	background: #fff;	
}

.stat_group a:not(.original-style-link), .stat_group a:not(.original-style-link):hover{
	color: #fff;
	border: none;
}

.stat_group a:not(.original-style-link):hover{
	text-decoration: underline;	
}

tr.show_more{
	color: #008ccb;	
}

.inner_existing_code .stat_group.code.edit{
	margin-bottom: 8px;	
}

.user_table .name.new_user::after{
	content: "New";	
	color: #83B475;
}

.user_table .name.new_user_name::after{
	content: " - New";
	color: #83B475;
}

.no_dob .dob, .no_dob .th_dob, .no_dob .td_dob{
	display: none;	
}

.inner_existing_code .switch{
	margin-top: 0;	
}

.inner_existing_code .switch input{
	height: 97%;	
}

.inner_existing_code .switch .slider::before{
	top: 4px;	
}

.code_notify{
	padding: 15px 0 15px 12px;
	font-size: 13px;
}

.code_notify div, .code_notify a{
	display: inline-block;	
}

.code_notify a{
	margin-left: 15px;	
}

.device .code_field_container span{
	height: 22px;	
}

.device .code_field_container.datepicker .code_tip{
	margin-top: 3px;	
}

.device .usage_title{
	margin-bottom: 10px;	
}

.code_field_container.gap{
	margin-top: 25px;	
}

.usage_title_sub{
	margin: -10px 0 10px 0;
	font-size: 12px;	
}

.device .code_field_container.device_usage{
	margin-top: 10px;	
}

.code_field_container .slider{
	background-color: #808080;	
}

.auth_dropdown{
	height: 24px;
    width: 296px;
    background: transparent;
    color: #fff;
    padding: 0;
    border: none;
    margin-left: -4px;
	font-size: 14px;
	cursor: pointer;
}	

.auth_dropdown option{
	color: #000;	
}

.auth_dropdown_cont{
	height: 27px;
    width: 100%;
}

.user_btn.disabled{
	opacity: 0.6;
	cursor: not-allowed;
}

.error_msg_img{
	border: 1px solid red;
    padding: 5px 15px;
    display: inline-block;
    margin-bottom: -6px;
    border-bottom: 1px solid #f5f5f5;
    z-index: 100;
    position: relative;
    background: #f5f5f5;	
	font-size: 14px;
	color: red;
}

.create_new_code{
	margin-left: 12px;	
}

.code_input.number{
	width: 57px;
}

.preview_image{
	max-height: 300px;
	max-width: 300px;
}

.download select[name='download_time']{
	margin-left: 10px;
}

.code_input::-webkit-input-placeholder { /* Chrome */
  color: #808080;
}
.code_input:-ms-input-placeholder { /* IE 10+ */
  color: #808080;
}
.code_input::-moz-placeholder { /* Firefox 19+ */
  color: #808080;
  opacity: 1;
}
.code_input:-moz-placeholder { /* Firefox 4 - 18 */
  color: #808080;
  opacity: 1;
}

.input_group.no_tip{
	padding-bottom: 5px;
}

.settings_group.network .input_group{
	padding-bottom: 3px;
}

.no_codes_container{
	margin: 20px auto 10px;
	max-width: 700px;
	padding: 20px;
	border: 2px solid #e2e2e2;
}

.no_codes_title{
	font-size: 16px; 
	font-weight: bold;
	padding-bottom: 5px;
}

.no_codes_content{
	padding: 5px 0;
	font-size: 12px;
}

.panel-header-new-inner .create_new_code{
	float: right;
	margin: 4px 10px 0 0;
	background: #f5f5f5;
}

.mobile_title{
	display: none;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	margin-top: -25px;
	background: #f3f3f3;
	padding: 10px 15px;  
	margin-bottom: 25px;
	transition: margin .5s ease;
}

.mobile_title.no_tip{
	margin-bottom: 30px;
}

.mobile_title.first{
	margin-top: 35px;
}

.mobile_title.open{
	margin-bottom: 5px;
	border-bottom: none !important;
}

.intelinetworks_container.admin_page{
	margin-top: 25px;
}

.input_group.med input{
	width: 230px;
}

.tip.empty_tip{
	height: 0;
	margin: 0;
}

.tracking_page_container{
	padding: 10px;
}

.tracking_container, .tracking_status, .tracking_inner{
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	display: inline-block;
}

.tracking_enabled{
    display: inline-block;
    margin: 7px 0 1px 10px;
    background: transparent;
	border: 1px solid #008ccb;
    position: absolute;
	right: 48px;
	height: 5px;width: 5px;
	border-radius: 50%;
}

.connected_since{
	position: absolute;
	bottom: 20px;
}

.tracking_device, .tracking_info_inner, .connected_since{
	font-size: 11px;
	color: #cbcbcb;
}

.offline .tracking_container, .offline .tracking_inner, .offline .connected_since, .offline .tracking_device, .offline tracking_name, .offline .tracking_time{
	color: #7b7b7b;
}

.signal_strength span{
	font-weight: normal;
}

.tracker_title{
	font-size: 22px;
	color: #fff;
	padding: 20px 20px 0;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner_overlay{
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 99999;
	display: none;
	top: 0;left: 0;right: 0;bottom: 0;
}

.spinner_cont{
	height: 150px;
	width: 150px;
	position: absolute;
	top: 300px;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 20px;	
}

.spinner {
  font-size: 10px;
  position: absolute;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: spin 1.1s infinite linear;
  animation: spin 1.1s infinite linear;
  top: 15px;
  left: 15px;
}
.spinner,
.spinner:after {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.tracking_page .logo{
	position: absolute;
	top: 8px;
	right: 20px;
	/*left: 50%;
	transform: translateX(-50%);*/
}

.tracking_page .logo img{
	height: 55px;
}

.tracking_page .tracking_logo img{
	height: 55px;
}

html.tracking_page, .tracking_page body{
	height: 100%;
	width: 100%;
	overflow: hidden;
	background-position: center center;
}

.glow .glow_container{
    position: fixed;
    bottom: 88px;
    right: 20px;
    left: 20px;
    height: 20px;
    box-shadow: 0px 8px 20px -6px white;
    z-index: 999999;
}

.tracking_page_container{
	overflow-y: scroll;
    /*height: 685px;*/
   /* width: 100%;*/
	left: 0;
    position: absolute;
    margin-top: -10px;
}

.tracking_page body{
	padding-bottom: 60px;
}

.tracking_float_container{
	position: fixed;
	bottom: 0;left:0;right:0;
	background: rgba(0,0,0,0.65);
	height: 70px;
	z-index: 9999;
}

.tracker_title.center{
	text-align: center;
}

.tracking_page .tracking_logo{
	position: absolute;
	left: 20px;
}

.short_list{
	margin-top: 15px;
}

.tracking_status{
	color: #fff;
	width: 30px;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -10px;
}

.tracking_container .tracking_left,
.tracking_container .tracking_right{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tracking_container .nowrap{
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.offline .signal_strength span.one, .offline .signal_strength span.two, .offline .signal_strength span.three, .offline .signal_strength span.four{
	background: #676767;
}

.signal_container{
	margin-left: 5px;
}

.tracking_time{
	display: inline-block;
	margin-left: 10px;
	width: 65px;
	font-size: 12px;
}

.tracking_time, .connected_since{
	color: #969696;
}

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

.tracking_container.ghost{
	opacity:0;
	height: 70px;
}

.usage_percentage_container{
	width: 20px;
	height: 5px;
	background: #aaa;
}

.usage_percentage{
	height: 5px;
	background: green;
}

.tracking_inner_container{
	padding: 10px;
}

.tracking_inner{
	padding: 10px 15px;
	background: #2e2e2e;
	display: block;
}

/*.offline .tracking_inner{
	background: #ffd4d4;
}

.online .tracking_inner{
	background: #e0ffe1;
}*/

.tracking_left{
	float: left;
}

.tracking_right{
	float: right;
	text-align: right;
}

.tracking_onsitesince{
	position: absolute;
	white-space: nowrap;
	right: 20px;
	bottom: 20px;
}

.tracking_ap .signal_strength, .tracking_ap .user_offline{
	margin-left: 10px;
	width: 16px;
	display: inline-block;
	text-align: center;
}

.tracking_ap, .tracking_name{
	margin-bottom: 20px;
}

.tracking_name{
	padding-right: 8px;
}

.tracking_ap .user_offline{
	color: #7b7b7b;
	font-weight: 600;
	font-size: 18px;
	line-height: 10px;
}

.tracking_ap{
	margin-left: 5px;
}

.offline .tracking_inner{
	background: #242424;
}

.event_btns{
	position: absolute;
	top:10px;right:10px;bottom:8px;left:10px;
	background: rgba(20, 20, 20, 0.8);
	transition: opacity .3s ease;
	opacity: 0;
	z-index: -1;
}

.event_block:hover .event_btns{
	opacity: 1;
	z-index: 1;
}
.event_btns_inner{
	position: absolute;
	top: 50%;left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.event_btns .complete_event,
.event_btns .clear_event{
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	height: 25px;width: 25px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: 0.7;
}

.event_btns .complete_event:hover,
.event_btns .clear_event:hover{
	opacity: 1;
}

.event_complete .tracking_name{
	padding-left: 20px;
	background-image: url(/images/intelinetworks/tick_v2.png);
	background-position: left center;
	background-size: 20px 20px;
	background-repeat: no-repeat;
}

.event_btns .complete_event{
	background-image: url(/images/intelinetworks/tick.png);
}

.event_btns .clear_event{
	background-image: url(/images/intelinetworks/remove.png);
}

.tracking_container.event_block .tracking_right .tracking_time{
	padding-right: 5px;
/*
	background-image: url(/images/intelinetworks/tick.png);
	background-position: right 4px;
	background-size: 10px 10px;
	background-repeat: no-repeat;
*/
}

.event_block.pulse{
	animation: pulse 1s linear infinite;
}

.event_block.pulse.active .tracking_inner{
	animation: pulse_active 1s linear infinite;
}

.event_block.pulse.active.flagged .tracking_inner{
	animation: pulse_active_flag 1s linear infinite;
}

.event_block.pulse.event_complete .tracking_inner{
	animation: pulse_complete 1s linear infinite;
}

.event_block.pulse.event_expired .tracking_inner{
	animation: pulse_expired 1s linear infinite;
}

.event_block.pulse.event_complete.flagged .tracking_inner{
	animation: pulse_complete_flag 1s linear infinite;
}

.event_block.pulse.event_expired.flagged .tracking_inner{
	animation: pulse_expired_flag 1s linear infinite;
}

/*
@keyframes pulse{
	0% {opacity: 1}
	50% {opacity: 0.6}
	100% {opacity: 1}
}
*/

@keyframes pulse_active{
	0%, 100% {background: rgba(0, 140, 200, 0.7);}
	50% {background: rgba(0, 90, 150, 0.7);}
}

@keyframes pulse_active_flag{
	0%, 100% {background: rgba(180, 0, 0, 0.8)}
	50% {background: rgba(120, 0, 0, 0.8)}
}

@keyframes pulse_complete{
	0%, 100% {background: rgba(30, 30, 30, 0.5);}
	50% {background: rgba(10, 10, 10, 0.65)}
}

@keyframes pulse_expired{
	0%, 100% {background: rgba(30, 30, 30, 0.5);}
	50% {background: rgba(10, 10, 10, 0.5)}
}

@keyframes pulse_complete_flag{
	0%, 100% {background: rgba(180, 0, 0, 0.5);}
	50% {background: rgba(100, 0, 0, 0.5);}
}

@keyframes pulse_expired_flag{
	0%, 100% {background: rgba(180, 0, 0, 0.5);}
	50% {background: rgba(100, 0, 0, 0.5);}
}

.has_background .event_block .tracking_inner{
	background: rgba(0, 140, 200, 0.7);
	border: 1px solid transparent;
}

.has_background .active .tracking_inner{
	border: 1px solid rgba(255, 255, 255, 0.7);
}

.has_background .active .tracking_time,
.has_background .active .connected_since{
	color: rgba(255, 255, 255, 0.6);
}

.has_background .flagged .tracking_inner{
	background: rgba(180, 0, 0, 0.8);
}

.has_background .flagged.event_complete .tracking_inner,
.has_background .flagged.event_expired .tracking_inner{
	background: rgba(180, 0, 0, 0.3);
}

.has_background .event_complete .tracking_inner,
.has_background .event_expired .tracking_inner{
	background: rgba(30, 30, 30, 0.3);
	color: rgba(255, 255, 255, 0.6);
} 

.has_background .offline .tracking_inner{
	background: rgba(36, 36, 36, 0.5);	
}

.has_background .offline .tracking_name{
	color: #c8c8c8;
}

.has_background .tracking_inner{
	background: rgba(30, 30, 30, 0.9);
}

.tracking_link{
	display: inline-block;
	font-size: 13px;
	margin: 16px 0 8px 0px;
	max-width: 60%;
}

a.tracking_link, a.tracking_link:hover{
	border: none;
	text-decoration: none;
}

a.tracking_fixed, a.tracking_fixed:hover{
	display: inline-block;
	margin: -5px 0 10px 223px;
	border: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: calc(100% - 223px);
	overflow: hidden;
}

.tracking_switch_container{
	margin: -15px 0 0 223px;
}

.tracking_switch ~ label{
	font-size: 13px;
}

.unknown_container{
	position: absolute;
	top: 180px;
	padding: 40px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	background-color: rgba(0,0,0,0.4);	
	min-width: 350px;
}

.unknown_container .content{
	margin: 30px auto 0;
	max-width: 300px;
	color: #fff;	
	font-size: 14px;
}

.track_user .switch{
	margin-top: 0;
}

.track_user .switch input{
	height: 0;
}

.stats_container.mbl{
	display: none;
}

.track_user .slider::before{
	top: 4px;
}

.tracking_switch_container label:not(.switch){
	width: auto;
}

.unknown_container{
	background-color: rgba(0, 0, 0, 0.7);
}	

.unknown_container img{
	height: 55px;
	color: #fff;
}

.status_tracking{
	display: block;
	text-align: center;
	margin: 0px 0 10px 0;
	border: none;
}

.status_tracking:hover{
	border: none;
}

.refresh_now{
	cursor: pointer;
	color: #008ccb;
}

.refresh_spinner{
	margin: 0px 0 0px;
	display: inline-block !important;
	position: relative;
}

.refresh_spinner img{
	height: 15px;
	position: absolute;
	top: -12px;
	left: 10px;
}

.mobile_choice_title{
	display: none;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
}

th.th_admin_contacts{
	width: 55px;
}

th.th_admin_connected{
	width: 65px;
}

.menu-section-inner{
/*	display: none;*/
	display: block;
}

#navigation .menu-section-inner li a{
	padding-left: 30px;
}

#navigation .menu-section, #navigation .menu-section:hover, #navigation .menu-section.sel{
	height: 39px;
	line-height: 39px;
	background: #2a2a2a;
}

#navigation .menu-section:not(:first-child){
	margin-top: 15px;
}

.manage--container{
	margin-top: 25px;
}

.manage--block:nth-child(2) b{
	max-height: 54px;
	max-width: 54px;
	margin-top: -2px;
}

.manage--container b{
	display: block;
    height: 50%;
    width: 50%;
	max-width: 60px;
	max-height: 60px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.manage--container .manage--block{
	border: 2px solid #008ccb;
	box-sizing: border-box;
	margin-right: 25px;
	position: relative;
	text-align: center;
	max-width: 140px;
	width: 50%;
	display: inline-table;
	border-radius: 50%;
	height: 140px;
	width: 140px;
}

.manage--container .manage--block:hover{
	border-color: #008ccb;
	background-color: #008ccb;
}

.manage--container .manage--block span{
	display: table-row;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 16px;
	color: #008ccb;
	transition: .3s ease;
	font-weight: bold;
}

.manage--container .manage--block span.manage--subtitle{
	height: 48px;
}

.manage--container .manage--block:hover span{
	color: #fff;
}

.manage--block:nth-child(2){
	border-color: #b31f2b;
}

.manage--block:nth-child(2) .manage--subtitle{
	color: #b31f2b;
}

.manage--block:nth-child(2):hover{
	background-color: #b31f2b;
	border-color: #b31f2b;
}

.manage--block:nth-child(2) svg,
.manage--block:nth-child(2) svg g{
	stroke: #b31f2b;
}

.manage--block:nth-child(2) .st1,
.manage--block:nth-child(2) .st2{
	fill: #b31f2b;
}

.manage--block:nth-child(3){
	border-color: #f7a719;
}

.manage--block:nth-child(3) .manage--subtitle{
	color: #f7a719;
}

.manage--block:nth-child(3):hover{
	background-color: #f7a719;
	border-color: #f7a719;
}

.manage--block:nth-child(3) svg,
.manage--block:nth-child(3) svg g{
	stroke: #f7a719;
}

.manage--block:nth-child(3) .st1{
	fill: #f7a719;
}

.manage--block:nth-child(4){
	border-color: #666;
}

.manage--block:nth-child(4) .manage--subtitle{
	color: #666;
}

.manage--block:nth-child(4):hover{
	background-color: #666;
	border-color: #666;
}

.manage--block:nth-child(4) svg,
.manage--block:nth-child(4) svg g{
	stroke: #666;
	fill: #666;
	margin-top: 12px;
}

.manage--block:hover svg,
.manage--block:hover svg g,
.manage--block:hover .st1,
.manage--block:hover .st2{
	fill: #fff;
	stroke: #fff;
}

.manage--block:nth-child(3):hover .st2{
	fill: #f7a719;
}

.panel-header-new-title.link a{
	position: relative;
	margin-right: 13px;
}

.panel-header-new-title.link a::after{
	content: '';
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid white;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: -12px;
}

/*
.manage--container .manage--block span.manage--subtitle{
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: inline-block;
	position: absolute;
	bottom: 15px;
	width: 100%;
	left: 50%;
	transition: .3s ease;
}*/

#midsection{
	overflow: hidden;
}

.donut--graph{
	position: relative;
	display: inline-block;
	opacity: 1;
	margin-right: 10px;
	margin: 0 10px 10px 0;
}

.donut--graph.load{
	opacity: 0;
	animation: fadeIn .8s ease-in forwards;
}

.donut--graph.hide{
	opacity: 0.2;
}

.donut--label{
	position: absolute;
	top: 50%;
	left: 10px;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	z-index: 0;
}

.donut--graph.full .donut--label{
	transform: none;
	top: -14px;
	margin-top: 5px;
	white-space: nowrap;
	font-size: 14px;
}

.donut--graph.full .donut--canvas{
	margin-top: 20px;
}

.donut--label span.donut--value{
	font-size: 28px;
	display: block;
	line-height: 1em;
	padding: 4px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.donut--graph .loading{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.content_container.manage{
	padding-top: 30px;
}

.content_container.no_access {
	text-align: center;
	padding-top: 30px;
}

.donut--canvas{
	/*transform: rotate(180deg);*/
}

.donut--canvas{
	cursor: pointer;
	z-index: 999;
}

.donut--label, 
.donut--canvas{
	-webkit-user-select: none;
	user-select: none;
}

.donut--canvas#connected, 
.donut--canvas#connected ~ .donut--label,
.donut--canvas#capacity,
.donut--canvas#capacity ~ .donut--label,
.donut--graph.default .donut--canvas,
.donut--graph.default ~ .donut--label{
	cursor: default;
}

/*
.donut--canvas#guests,
.donut--canvas#guests ~ .donut--label
*/
.donut--display,
.donut--display2,
.donut--display3{
	height: 300px;
	max-width: 100%;
	margin: 35px 0px 10px;
}

.donut--display.line-graph .flot-x-axis .flot-tick-label:first-child{
	left: 28px !important;
}

.donut--display.line-graph .flot-x-axis .flot-tick-label:last-child{
	margin-left: -19px !important;
}

.donut--canvas.spin{
	animation: spin .5s linear infinite;
}
#graph--tooltip{
	position: absolute;
	display: none;
	background: #44d4a5;
	padding: 5px 10px;
	color: #E3E3E3;
	opacity: 1 !important;
	z-index: 9999;
	font-size: 12px;
}

#graph--tooltip span{
	font-size: 16px;
	line-height: 150%;
}

#graph--tooltip span:last-child{
	font-size: 14px;
}

.donut--graph.selected::after, .donut--graph.sel::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	background-color: rgba(0, 140, 203, 0.125);
	z-index: 1;
}

.donut--display .legend{
	position: absolute;
	left: 100%;
	width: 215px;
	margin-top: 30px;
	width: 170px;
	text-align: left;
	margin-left: 15px;
}

.donut--display .legend > div{
	background-color: transparent !important;
}

.donut--display .legend tr, 
.donut--display .legend td{
	white-space: nowrap;
}

.donut--display .legend table{
	position: absolute;
	left: 0;
}

.donut--display .donut--graph{
	margin: 35px 170px 0 0;
}

.donut--graph .graph--icon{
	height: 15px;
	width: 15px;
	position: absolute;
	bottom: 13px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.donut--graph .graph--icon svg{
	fill: #cecece;
	transition: fill .3s ease;
}

.donut--graph:hover .graph--icon svg{
	fill: #acacac;
}

.donut--graph.sel .graph--icon svg{
	fill: #008ccb;
}

.donut--graph .loading.loading_small{
	position: absolute;
	bottom: 13px;
	left: 50%;
	top: auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 15px;
	width: 15px;
}

.users .donut--display{
	margin-bottom: 30px;
}

.radio_container ~ .tip{
	margin-top: 5px;
}

td.user_usage, 
td.td_admin_usage_day,
td.td_admin_usage_total{
	position: relative;
}

td.user_usage .loading, 
td.td_admin_usage_day .loading,
td.td_admin_usage_total .loading{
	margin-left: 5px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

td.user_usage .loading svg, 
td.td_admin_usage_day .loading svg,
td.td_admin_usage_total .loading svg{
	height: 20px;
	width: 20px;
}

td.td_admin_usage_day .loading, 
td.td_admin_usage_total .loading,
td.td_admin_usage_total .loading{
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
	margin: 0;
}

td.user_usage .usage_circle{
	height: 8px;
	width: 8px;
	background: transparent;
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 2px solid;
	border-radius: 50%;
}

td.user_usage{
	padding-left: 30px;
}

/*td.mac{
	position: relative;
	padding-left: 30px;
}*/

td.mac.hasCircle{
	position: relative;
	padding-left: 30px;
}

td.td_mac.disconnected{
	padding-right: 26px;
}

td.mac .usage_circle{
	height: 10px;
	width: 10px;
	border: 2px solid;
	margin-right: 5px;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

th.th_last_connected{
	width: 100px;
}

td.td_mac span.device-text{
	display: inline-block;
	width: calc(100% - 35px);
	text-overflow: ellipsis;
	overflow: hidden;
}

td.td_mac .tracking_enabled ~ .device-text{
	width: calc(100% - 50px);
}

.unauthorised.guest_row{
	color: #333;
}

.unauthorised.guest_row .mac .signal_strength.four span{
	background-color: #008ccb;
}

.unauthorised.guest_row .mac .signal_strength.three span:not(.four){
	background-color: #008ccb;
}

.unauthorised.guest_row .mac .signal_strength.two span:not(.four):not(.three){
	background-color: #008ccb;
}

.unauthorised.guest_row .mac .signal_strength.one span:not(.four):not(.two):not(.one){
	background-color: #008ccb;
}

.grid, 
.grid-segment{
	box-sizing: border-box;
}

.grid{
	position: relative;
}

.grid .grid-segment{
	float: left;
	display: inline-block;
	padding-bottom: 20px;
}

.grid .grid-50{
	width: 50%;
	padding-right: 25px;
}

.grid .grid-100{
	width: 100%;
}

.grid-title{ 
	padding-bottom: 2px;
/*	border-bottom: 1px solid #aaa;*/
	color: #5a5a5a;
	font-size: 16px;
	font-weight: 500;
}

.grid-graph,
.grid-inner.pie{
	height: 250px;
	width: 100%;
	text-align: center;
}

.grid-inner.pie .grid-title{
	text-align: left;
}

.grid-inner.pie .grid-graph{
	width: 450px;
	display: inline-block;
	max-width: 100%;
}

.grid-inner.pie .legend table{
	top: 50% !important;
	right: 0 !important;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: left;
}

.grid-inner.pie .legend div{
	background: transparent !important;
}

.flot-text .flot-x-axis .flot-tick-label{
	font-size: 9px;
	white-space: nowrap;
}

#tooltip{
	position: absolute;
	color: #fff;
	box-sizing: border-box;
	text-align: center;
	padding: 8px 10px;
	line-height: 10px;
	z-index: 9999;
	border: none;
	opacity: 1;
	display: block;
}

#tooltip .hidden{
	display: block;
}

.period_select{
	height: 28px;
	padding: 3px;
}

.grid-title.session_table_title{
	margin: 10px 0 5px;
}

.session_table tbody td{
	font-size: 12px;
	padding: 5px 8px;
}

.session_table th,
.session_table td{
	box-sizing: border-box;
}

.session_table .th_session_time{
/*	width: 220px;*/
	width: 200px;
}

.session_table .th_session_usage,
.session_table .th_session_duration,
.session_table .th_session_previous,
.session_table .th_session_sessions{
	width: 100px;
}

.session_table .th_session_previous{
	width: 120px;
}

.session_user_name{
	padding-left: 12px;
	font-size: 14px;
	margin: 0 0 15px;
}

.session_table thead tr th:first-child,
.session_table tbody tr td:first-child{
/*	padding-left: 0;*/
}

.session_user_name span{
	font-weight: bold;
	font-size: 16px;
}

tr.loading td{
	background: url(/images/spinner.gif) center center no-repeat;
	background-size: 20px 20px;
	height: 27px;
}

.stats--title{
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 10px;
	padding-left: 12px;
}

.stats--title + .stats--container{
	margin-bottom: 10px;
	padding-left: 12px;
}

.sessions_upper{
	text-align: center;
	margin-bottom: 20px;
}

.sessions_upper .stats--container{
	text-align: left;
}

.session_table th .asc{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 6px 4px;
	border-color: transparent transparent #0d0d0d transparent;
}

.session_table th .desc{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: #0d0d0d transparent transparent transparent;
}

.session_table th .asc,
.session_table th .desc{
	position: absolute;
	margin-top: 6px;
	margin-left: 5px;
}

.title_user{
	float: right;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	line-height: 34px;
	position: relative;
	padding-right: 18px;
}

a.clear_title_user,
a.clear_title_user:hover{
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-size: 18px;
	margin-top: -2px;
}

.session_page_title span{
	font-weight: 600;
}

.session_page_title{
	font-size: 16px;
	text-align: left;
	margin: 0 0 15px;
}

.session_table th{
	font-size: 13px;
	font-weight: 600;
}

.period_select_container{
	display: inline-block;
}

.period_select{
	margin-right: 5px;
}

#header a,
.off-canvas-slide.active .off-canvas-cover{
	z-index: 99999;
}

.session_page_title a{
	font-size: 12px;
	color: #008ccb;
	cursor: pointer;
}

.session_table tbody tr,
.session_table thead th.th_session_sessions{
	cursor: default;
}

.session_table.full_list tr{
	cursor: pointer;
}

.session_page_title label{
	font-size: 14px;
	margin-left: -3px;
}

.session_page_title input[type="checkbox"]{
	cursor: pointer;
	height: 14px;
	width: 14px;
	vertical-align: middle;
}

/* Agreements */
.notification-container {
	margin-bottom: 12px;
}

.notification-container .notification {
	border: 1px solid #d4d4d4;
}

.intelinetworks_container .notification-container {
	margin: 0;
}
	
.user_table td{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tip .line-break{
	display: block;
}

.section_title .panel-header-new-btn{
	margin-top: -3px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 500;
	height: 25px;
	line-height: 25px;
}

.input_group textarea.custom_drop_values{
	margin: -9px 0 0px 223px;
}

.input_group textarea.custom_drop_values.new{
	margin-left: 219px;
}

.custom_fields ~ .panel-header-new-btn{
	float: none;
	margin: 10px 0 0;
	display: inline-block;
	height: 28px;
	line-height: 30px;
	margin-left: 223px;
	cursor: pointer;
}

.custom_fields .handle{
	height: 22px;
	width: 18px;
	background: url(/images/handle.png) center center no-repeat;
	position: absolute;
	right: 50px;
	top: 20px;
	background-size: 100% 100%;
	z-index: 9;
	cursor: pointer;
}

.custom_fields .delete{
	position: absolute;
	height: 16px;
	width: 16px;
	background: url(/images/delete_v4.png) center center no-repeat;
	top: 22px;
	right: 20px;
	background-size: 100% 100%;
	z-index: 9;
	cursor: pointer;
}

.custom_fields .input_group{
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.settings--form.demo .tab--content.sel,
.settings--form.demo .manage--btns-container .btn{
	position: relative;
}

.settings--form.demo .tab--content{
	opacity: 0.35;
}

.settings--form.demo .manage--btns-container .btn:not(.manage--cancel){
	opacity: 0; 
	cursor: default;
}

.settings--form.demo .tab--content::after, 
.settings--form.demo .manage--btns-container .btn:not(.manage--cancel)::after{
	content: "";
	position: absolute;
	top:0;right:0;bottom:0;left:0;
	background: transparent;
}

.demo-message{
	position: absolute;
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
	background: #fff;
	box-shadow: 0px 0px 35px #fff;
	padding: 0 5px;
	color: #aaa;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 999;
	width: 455px;
	max-width: 95%;
}

.input_group .switch--after{
	font-size: 14px;
}

.admin_integration_status ~ .switch--after{
	padding-left: 0;
}

th.th_session_sessions_period{
	width: 135px;
}

th.th_session_connected_time{
	width: 180px;
}

td.td_session_sessions,
td.td_session_sessions_period,
td.td_session_connected_time,
th.th_session_sessions,
th.th_session_sessions_period,
th.th_session_eonnected_time{
	text-align: center;
}

.network-btn{
	display: inline-block;
	height: 32px;
	line-height: 32px;
	background: #006fa1;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	border-radius: 2px;
	padding: 0 18px;
	margin: 0 5px 0 0;
}

.network-btn:hover{
	color: #fff;
	background: #00618d;
}

.tabs-select{
	overflow: hidden;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #e6e6e6;
}

.tab-select-title{
	margin-right: 1px;
	float: left;
	list-style: none;
}

.tab-select-title a{
	border: 0;
    line-height: 16px;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #2d2d2d;
    font-weight: bold;
    padding: 10px 15px;
}

.tabs-select a:hover{
	background: #f8f8f8;
}

.tabs-select .active a,
.tabs-select .active a:hover{
	background: #eee;
}

.network-tab.active{
	display: block;
}

.network-tab{
	display: none;
}

.network-logs__table{
	margin-top: 20px;
	width: 100%;
}

.network-logs__table th{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #2d2d2d;
	font-weight: bold;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
	padding: 8px 16px;
	text-align: left;
	vertical-align: middle;
}

.settings_group .network-logs__table th{
	padding: 8px 12px;
}

.network-logs__table tr{
	background: #fcfcfc;
}

.network-logs__table td{
	padding: 8px 16px;
	font-size: 12px;
	border-bottom: 1px solid #e6e6e6;
	vertical-align: top;
}

.grid-title span.switch-btn{
    font-size: 11px;
    background: #fff;
    border: 1px solid #f3f3f3;
    line-height: 18px;
    text-align: center;
    padding: 0 9px;
    border-radius: 20px;
    cursor: pointer;
	transition: .3s ease;
}

.grid-title ul{
	display: inline-block;
	list-style-type: none;
    margin: -5px 0 0 0;
    padding: 0 0 0 15px;
	vertical-align: middle;
}

.grid-title ul li {
    float: left;
    padding: 2px 1px;
    color: #767676;
}

.grid-title span.switch-btn.sel, 
.grid-title span.switch-btn:hover {
    color: #fff;
    border-color: #767676;
    background-color: #767676;
}

.filter .date-range{
	top: 0;
	left: 0;
	position: relative;
	padding: 8px;
	border: 1px solid #9b9b9b;
	cursor: pointer;
	border-radius: 2px;
}

.filter span{
	display: block;
}

.filter label{
	padding-bottom: 2px;
	display: block;
}

.filter{
	display: inline-block;
	width: 235px;
	padding: 0 15px 10px 0;
	vertical-align: top;
}

.filter .switch > input{
	opacity: 0;
}

.filter .daterangepicker::before{
	top: 50%;
	right: 8px;
	margin-top: -2px;
	content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    float: right;
	border-bottom: none;
}

.filter .daterangepicker::after{
	display: none;
}

.filter .slider-value{
	padding: 7px 0 1px;
	line-height: 12px;
}

.filter .filter_slider{
	padding: 5px 4px 0;
}

.filter_slider .slider::before{
	display: none;
}

.filter label.switch{
	height: 22px;
	margin-top: 7px;
	display: inline-block;
}

.filter .switch ~ span{
	display: inline-block;
	vertical-align: super;
	padding-left: 3px;
}

.page-filters{
	margin: 0 0 20px;
}

.filters-tabs{
	margin-bottom: 10px;
}

.filters-tab{
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #008ccb;
	color: #008ccb;
	border-radius: 2px;
	font-weight: 600;
	cursor: pointer;
	background: transparent;
	transition: .3s ease;
	margin: 0 5px 5px 0;
}

.filters-tab:hover{
	background: rgba(0, 140, 203, 0.4);
}

.filters-tab.sel{
	background: #008ccb;
	color: #fff;
}

a.show-advanced{
	cursor: pointer;
	float: right;
	margin-top: 25px;
}

a.show-advanced.hide{
/*
	float: none;
	margin-left: 15px;
*/
}

#advanced_filters .panel-header-new-btn{
	float: none;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	display: inline-block;
	transition: .3s ease;
}

.apply_filters{
	padding-top: 10px;
}

.track_user{
	position: relative;
	height: 40px;
	margin-top: -17px;
	text-align: center;
}

.panel-header-new-tabs a{
	cursor: pointer;
	margin: 0 5px;
	padding: 0 5px;
}

.panel-header-new-tabs.tabs-left{
	padding-left: 50px;
}

.user_note_container .stat_group:first-child{
	margin: 22px 0 5px;
}

.range_values span{
	color: #d4d4d4;
	opacity: 0.3;
	transition: .3s ease;
	cursor: pointer;
}

.range_values span.active{
	opacity: 1;
}

.range_values span:first-child{
	float: left;
	margin-left: -15px;
}

.range_values span:last-child{
	float: right;
	margin-right: -15px;
}

.range_values span:nth-child(2){
	float: none;
}

.track_user input[type='range']{
    -webkit-appearance: none;
	border: none;
	height: 12px;
	border-radius: 12px;
	background: #404040;
	bottom: 14px;top: auto;
	cursor: pointer;
}

.track_user input[type='range']:hover,
.track_user input[type='range']:active{
	background: #545454;
}

.track_user input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: #aaa;
    cursor: pointer;
	border-radius: 50%;
}

.track_user input[type='range']::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #aaa;
    cursor: pointer;
	border-radius: 50%;
}

@keyframes spin{
	0%{transform: rotate(180deg)}
	100%{transform: rotate(540deg)}
}

@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1}
}

@media screen and (max-width: 1700px){
	.tracking_container{
		width: 33%;
	}
}

.aws-container, 
.button-container{
	width: 100%;
	box-sizing: border-box;
}

.button-container{
	border: 2px solid #ccc;
}

.aws-container .button-container:not(:first-child){
	margin-top: -2px;
}

.button-upper{
	cursor: pointer;
	box-sizing: border-box;
	-webkit-user-select:none;
	-moz-user-select: none;
	-user-select:none;
	padding: 8px;
}

.button-upper > div{
	display: inline-block;
}

.button-lower{
	display: none;
	margin-top: 5px;
	padding-top: 5px;
	padding: 0 8px 8px 8px;
}

.button-tab-titles{
	position: relative;
}

.button-tab-title{
	display: inline-block;
	border: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 6px 10px;
	position: relative;
	color: #8b8b8b;
	font-size: 14px;
	cursor: pointer;
}

.button-tab-title.sel{
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 0;
	color: #2d2d2d;
}

.button-tab{
	display: none;
	padding: 20px 10px 8px;
	border: 1px solid #ccc;
	border-top: 0;
}

.button-tab.sel{
	display: block;
}

.button-tab-titles::after {
    content: "";
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    z-index: 1;
    position: absolute;
}

.button-tab-title.sel::after {
    content: "";
    height: 1px;
    width: 100%;
    bottom: -1px;
    background: #fff;
    z-index: 2; 
    position: absolute;
    left: 0;
}

.button-container .input-container{
	margin-bottom: 10px;
}

.button-container .input-container label{
	width: 85px;
	font-size: 13px;
	display: inline-block;
}

.button-container .span_border{
	border: 1px solid #ccc;
    padding: 5px 8px;
	display: inline-block;
	cursor: default;
}

.button-container input,
.button-container select{
	width: 100%;
	max-width: 500px;
	box-sizing: border-box;
	padding-left: 8px;
}

.button-container select{
	margin-bottom: 0;
	padding-left: 4px;
}

.button-btns .btn{
	display: inline-block;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	padding: 0 10px;
	margin-top: 10px;
	border-radius: 2px;
	text-transform: none;
}

.button-btns .btn-cancel{
	background: #666;
}

.button-btns .btn-cancel:hover{
	background: #555;
}

.user_table.admin_table th span{
	display: inline-block;
	/* -webkit-transform: rotate(-45deg);
	transform: rotate(-45deg); */
	white-space: nowrap;
	padding-bottom: 5px;
	font-size: 11px;
}

.user_table.admin_table th{
/*	padding: 18px 10px 28px;*/
/*	padding: 2px 10px 6px;*/
	padding: 0 10px 0;
/*	line-height: 1;*/
}

.user_table.admin_table.ap_table th{
	padding: 5px 10px;
}

.more ~ ul{
	display: none;
	position: absolute;
    background: #008ccb;
    right: 0;
    top: 100%;
    margin: 0;
    z-index: 999999;
	list-style-type: none;
	padding: 5px 5px 10px 5px;
}

.panel-header-new-tabs.tabs-left{
	position: relative;
}

.more:hover ~ ul,
.more ~ ul:hover{
	display: block;
}

.more ~ ul li a{
	line-height: 18px;
	height: auto;
}

.more ~ ul a.sel{
	background: none;
}

.more ~ ul li{
	display: none;
}

a.more{
	display: none;
}

.segment_tab{
	padding: 10px;
}

.segment_block{
	padding: 0 0 10px 0;
}

.segment_block *:not(tr):not(td):not(table) {
	display: inline-block;
}

.segment_block tr td:first-child{
	text-align: right;
	width: 130px;
	padding-right: 5px;
}

.segment_block:not(.open){
	cursor: pointer;
}

.segment_block .segment_enable,
.segment_block .segment-title{
	vertical-align: top !important;
}

.segment_label_container label{
	position: absolute;
	padding-top: 2px;
	padding-left: 6px;
	font-size: 11px;
	color: #aaa;
	pointer-events: none;
}

.segment_results{
	position: absolute;
	left: 550px;
	padding: 12px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	box-sizing: border-box;
	min-width: 150px;
	display: inline-block;
	top: 67px;
	text-align: center;
}

.segment_results{
	font-size: 14px;
	font-weight: 600;
}

.segment_results .included{
	font-size: 12px;
}

.segment_results #results{
	font-size: 24px;
	padding: 6px 0;
	display: block;
}

.segment_results.fixed{
	position: fixed;
	top: 30px;
	left: 829px;
}

.ui-dropdownchecklist-text{
	font-size: 12px;
	cursor: pointer !important;
}

.ui-dropdownchecklist-group, .ui-dropdownchecklist-item{
	padding: 5px 10px !important;
}

.ui-dropdownchecklist label,
.ui-dropdownchecklist-group .ui-dropdownchecklist-text{
	max-width: 85%;
}

.ui-dropdownchecklist-group{
	width: auto !important;
}

.segment_label_container input{
	height: 42px;
	box-sizing: border-box;
	padding-top: 18px;
	width: 530px;
}

.segment_block .segment-title{
	width: calc(100% - 17px);
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select:none;
	user-select:none;
}

.segment_block .segment_enable{
	margin-top: 2px;
}

.segment-inner{
	display: block;
	padding-top: 4px;
	width: 100%;
}

.segment_block input,
.segment_block select{
	height: 32px;
	line-height: 32px;
	box-sizing: border-box;
}

.segment_block span.text{
	line-height: 32px;
}

.segment_block input[type='checkbox']{
	height: auto;
	line-height: normal;
	vertical-align: middle;
}

.segment_block .date-range{
	top: 0; 
    left: 0; 
    position: relative; 
    padding: 8px; 
    border: 1px solid #cdcdcd; 
    cursor: pointer; 
    border-radius: 2px;
/*	min-width: 195px;*/
	min-width: 100px;
	height: 32px;
	line-height: 15px;
	box-sizing: border-box;
	margin: 0;
}

.segment_block .date-range::before{
	top: 50%;
    right: 8px;
    margin-top: -2px;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    float: right;
    border-bottom: none;
}

.segment_block .date-range::after{
	display: none;
}

.segment_block input[type='number']{
/*	width: 62px;*/
	width: 35px;
}

.segment_block input,
.segment_block select,
.segment_block .ui-dropdownchecklist.ui-dropdownchecklist-selector-wrapper,
.segment_block .date-range{
/*	margin: 0 0 4px;*/
	margin: 0;
	font-size: 12px;
	height: 32px;
}

.segment_block input::-webkit-outer-spin-button,
.segment_block input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.segment_label_container{
	margin: 0 0 15px;
}

.ui-dropdownchecklist{
	vertical-align: top !important;
}

.ui-dropdownchecklist-selector{
	border: 1px solid #cdcdcd !important;
	height: 32px;
}

.ui-dropdownchecklist-dropcontainer{
	border: 1px solid #cdcdcd !important;
	border-top: 0 !important;
}

.ui-dropdownchecklist-selector-wrapper{
	width: 190px !important;
}

.ui-dropdownchecklist-selector::before{
	margin-top: 6px;
}

.ui-dropdownchecklist-selector span{
	line-height: 14px;
	font-size: 12px;
}

.ui-dropdownchecklist-selector,
.ui-dropdownchecklist-selector-wrapper,
.ui-dropdownchecklist{
	max-width: 190px;
}

.ui-dropdownchecklist-dropcontainer{
	max-height: 300px !important;
	min-height: 120px !important;
	min-width: 190px;
	max-width: 480px;
	box-sizing: border-box;
	height: 350px !important;
	width: 350px !important;
	border-top: 1px solid #ccc !important;
}

.ui-dropdownchecklist-item,
.ui-dropdownchecklist-item label{
	width: 100%;
	cursor: pointer;
	box-sizing: border-box;
}

.ui-dropdownchecklist-item input{
	height: auto;
	line-height: normal;
}

.ui-dropdownchecklist-group{
	width: 100%;
	-webkit-user-select: none;
	-user-select: none;
}

.ui-dropdownchecklist-group .ui-dropdownchecklist-text{
	cursor: pointer !important;
	height: 100%;
}

.segment_block{
	padding: 10px 10px 8px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	background: #f5f5f5;
}

.segment_enable{
	cursor: pointer;
}

.segment_details input[type='text']{
	max-width: 100%;
	width: 400px;
}

.th_segment_download{
	width: 60px;
}

.th_segment_manage{
	width: 40px;
}

.btn.delete_segment{
	border: 1px solid #e01c3b;
	background: #fff;
	color: #ff0000;
	float: right;
	margin: 0;
	height: 30px;
	line-height: 30px;
	padding: 0;
	width: 130px;
	border-radius: 2px;
	box-sizing: border-box;
}

.btn.delete_segment:hover{
	background: #e01c3b;
	color: #fff;
}

.btn.wifi_delete_account {
	padding: 0 30px;
	width: auto;
}

.network_dropdown{
	display: none;
}

.network_dropdown_label + .choice_dropdown{
	border-left: none;
}

.network_dropdown_label{
	display: inline-block;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	height: 30px;
	margin-right: -4px;
	border-color: #ccc;
	line-height: 30px;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 15px;
	font-size: 12px;
	margin-bottom: 25px;
}

.btn.cancel_btn{
	margin: 0;
	padding: 0;
	width: 130px;
	height: 30px;
	line-height: 30px;
	border-radius: 2px;
	border: 0;
	background: #7c7c7c;
}

.btn.cancel_btn:hover{
	color: #fff;
	background: #757575;
}

.segments_container .segment_tab{
	min-width: 0;
	max-width: 530px;
	width: 100%;
}

.segment_tab .user_table td{
	padding: 8px;
}

.modal.delete--modal{
	background: rgba(23, 23, 23, 0.8);
}

.modal.delete--modal .modal--inner{
	position: absolute;
	background: #fff;
	top: 15%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 20px 30px;
	text-align: center;
}

.delete--modal .delete_segment{
	background: #e01c3b;
	color: #fff;
	float: none;
	margin-right: 30px;
}

.delete--modal .btn{
	height: 30px;
	line-height: 30px;
	padding: 0;
	width: 120px;
	border: 0;
}

.delete--modal .delete_segment:hover{
	color: #fff;
}

.delete--modal .modal--buttons{
	margin-top: 20px;
}

.delete--modal h2{
	margin-top: 0;
}

.btn.calculate_contacts{
	margin: 0 0 15px;
	font-size: 12px;
	padding: 4px 10px;
}

.btn.calculate_contacts:hover{
	color: #fff;
}

.td_segment_count.loading{
	color: transparent;
	background-image: url(/images/spinner.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

.image_preview_background{
	padding: 30px;
	display: inline-block;
	top: 0;
	margin-bottom: 0;
}

.image_preview_background img{
	top: auto;
	margin: 0;
}

.grid-graph .legend table tbody{
	height: 200px;
	overflow: auto;
	float: left;
}

.wifi_change_client{
	margin-left: 5px;
	color: #008ccb;
	border-bottom: 1px solid transparent;
    -webkit-transition: color .25s, border .25s, background-color .25s;
    -moz-transition: color .25s, border .25s, background-color .25s;
    -o-transition: color .25s, border .25s, background-color .25s;
    -ms-transition: color .25s, border .25s, background-color .25s;
    transition: color .25s, border .25s, background-color .25s;
	cursor: pointer;
}

.wifi_change_client:hover{
	border-bottom: 1px solid #008ccb;
}

.colour_preview_container{
	position: absolute;
	top: 50%;
	left: 800px;
	right: 15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	padding: 20px;
	font-family: "Montserrat", "serif", "arial";
}

.colour_preview_container_inner{
	display: inline-block;
	max-width: 560px;
	padding: 20px 80px;
	box-sizing: border-box;
}

.colour_preview_button{
	height: 50px;
	width: 240px;
	max-width: 100%;
	line-height: 50px;
	letter-spacing: 0.050em;
	font-family: "Montserrat", "serif", "arial";
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
}

.colour_preview_block{
	padding: 5px 0;
}

.colour_preview_title{
	font-size: 20px;
}

.colour_preview_text{
	font-size: 12px;
	line-height: 18px;
}

.ap_state span{
	font-size: 11px;
	color: #63b363;
	border: 1px solid #63b363;
	padding: 0px 5px 1px;
	border-radius: 3px;
}

.ap_state.disconnected span{
	color: #d86767;
	border-color: #d86767;
}

.ap_state.heartbeat_missed span{
	color: #de8536;
	border-color: #de8536;
}

@media screen and (max-width: 1620px){
	.colour_preview_container_inner{
		padding: 15px;
	}
}

@media screen and (max-width: 1580px){
	th.th_admin_mailchimp, td.td_admin_mailchimp{
		display: none;
	}
}

@media screen and (max-width: 1500px){
	/*.td_admin_usage_day, .th_admin_usage_day{
		display: none;
	}*/

	th.th_admin_nsltr, td.td_admin_nsltr{
		display: none;
	}
	
	.colour_preview_container{
		position: relative;
		right: auto;
		top: auto;
		transform: none;
		left: 0;
	}
}

@media screen and (max-width: 1430px){
	th.th_admin_codes, td.td_admin_codes{
		display: none;
	}
}

@media screen and (max-width: 1400px){
	/*.td_admin_usage_total, .th_admin_usage_total{
		display: none;
	}*/
	
	.th_email{
		width: 170px;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.th_name{
		width: 100px;	
	}
	
	.th_mac{
		width: 115px;	
	}
	.th_dob{
		width: 85px;	
	}
	
	th.th_session_connected_time,
	td.td_session_connected_time{
		display: none;
	}
	
	th.session_usage{
/*		width: 75px;*/
		width: 90px;
	}
	
	.users .th_dob, .users .th_mac, .users .th_name, .users .th_email{
		width: auto;	
	}
	
	th.access_point{
		width: 100px;
	}

	/*.user_table .th_email, .user_table .td_email, .user_table .user_email{
		display: none;	
	}*/
	
	.th_connected{
		width: 115px;	
	}
	
	.th_code_period, .th_code_label{
		width: 170px;
	}
	
	.th_code_usage_day, .th_code_usage_total{
		width: 100px;	
	}
	
	.stat_cont{
		display: inline-block;
		margin: 0 5px 5px 0;
		background-color: #3fae36;
		width: 160px;
		height: 80px;
		color: #fff;
		position: relative;
	}
	
}

@media screen and (max-width: 1350px){
	th.th_admin_marketing, td.td_admin_marketing{
		display: none;
	}
	
	a.more{
		display: block;
	}

	.panel-header-new-tabs.wifi_tabs a:nth-child(4),
	.panel-header-new-tabs.wifi_tabs a:nth-child(5){
		display: none;
	}
	
	a.more ~ ul li:nth-child(4),
	a.more ~ ul li:nth-child(5){
		display: block;
	}
}

@media screen and (max-width: 1320px){
	.tracking_container{
		width: 50%;
	}
}

@media screen and (max-width: 1300px){
	/*.td_admin_connected, .th_admin_connected{
		display: none;
	}*/
	
	.user_table th.th_email, .user_table td.td_email, .user_table th.user_email, td.user_email{
		display: none;
	}
}

@media screen and (max-width: 1250px){
	th.th_admin_networks, td.td_admin_networks{
		display: none;
	}
}

@media screen and (max-width: 1200px){
	/*.td_admin_users, .th_admin_users{
		display: none;
	}*/
	
	#header img{
		width: 160px;	
	}
	
	.float_btn{
		left: 200px;
	}
	
	th.th_session_sessions_period,
	td.td_session_sessions_period{
		display: none;
	}
	
	.stat_cont{
		display: inline-block;
		margin: 0 3px 3px 0;
		background-color: #3fae36;
		width: 145px;
		height: 80px;
		color: #fff;
		position: relative;
	}
	
	.stat_name{
		font-size: 15px;
	}
}

@media screen and (max-width: 1150px){
	.panel-header-new-tabs a{
		margin: 0 3px;
		padding: 0 3px;
	}
	
	.panel-header-new-inner.small-pad{
		padding-left: 20px;
	}
	
	.search_input{
		right: 20px;
	}
}

@media screen and (max-width: 1100px){
	
	th.th_admin_usage_day, td.td_admin_usage_day{
		display: none;
	}
	
/*
	a.change_page, a.change_page:hover{
		float: none;
		display: block;
		border: none;
		margin: -5px 0 10px 0 ;
	}
*/
	.user_stats .download_link{
		display: block;
		position: relative;	
		margin-left: 0px;
		bottom: -7px;
	}
	
	.settings_group{
		width: 100%;
		min-width: 0;
	}
	
	.input_group input[type="text"], .input_group textarea, .mceEditor, .input_group select {
		width: 60%;
	}
	.mceLayout{
		width: 100% !important;
	}
	
	.input_group.small input{
		width: 60px;
	}
	
	.input_group.small.usage_limits input{
		width: 65px;
	}
	
	.input_group.med input{
		width: 230px;
	}
	
	.session_table .th_session_previous{
		width: 116px;
	}
	
	.session_table .th_session_time{
		width: 200px;
	}
	
	.session_table .th_session_duration{
		width: 90px;
	}
	
	.session_table .th_session_usage, 
	.session_table .th_session_sessions{
		width: 75px;	
	}
}

@media screen and (max-width: 1023px){
	/*.th_admin_codes, .td_admin_codes{
		display: none;
	}*/
	
	body{
		height: auto;
	}
	
	.td_dob, .th_dob, .td_email, .th_email, .user_dob, .user_mac, .user_usage{
		display: none;	
	}
	
	.live_connected_inner{
		height: 120%;
	}
	
	.live_connected_overlay{
		top: 0;	
	}
	
	#live_search{
		display: none;	
	}
	
	.wifi_tabs_container #live_search{
		display: block;
	}
	
	.th_code_period, td.period{
		display: none;	
	}
	
	.donut--display{
		/*height: auto;*/
		text-align: center;
	}
	
	.donut--display.pie{
		height: auto;
	}
	
	th.th_session_sessions,
	td.td_session_sessions{
		display: none;
	}
	
	.session_table tbody td{
		font-size: 11px;
	}
	
	.session_table .th_session_time{
		width: 175px;
	}
	
	.session_table .th_session_duration{
		width: 80px;
	}
	
	.session_table .th_session_usage, 
	.session_table .th_session_sessions{
		width: 65px;	
	}
	
	.session_table tbody td,
	.session_table thead th{
		padding: 5px;
	}
	
	.session_table thead th{
		font-weight: 600;
		font-size: 12px;
	}
	
	.grid-inner.pie .flot-base,
	.grid-inner.pie .flot-overlay{
		margin-left: -40px;   
	}

	.panel-header-new-tabs.wifi_tabs a:nth-child(3){
		display: none;
	}
	
	a.more ~ ul li:nth-child(3){
		display: block;
	}
}
 
@media screen and (max-width: 970px){
	th.th_admin_users, td.td_admin_users{
		display: none;
	}
	
	th.th_admin_enabled{
		width: 45px;
	}
}

@media screen and (max-width: 950px){
	/*.td_admin_marketing, .th_admin_marketing{
		display: none;
	}*/
	
	.session_page_title.small{
		font-size: 13px;
	}
	
	.period_select_container a{
		font-size: 11px;
	}
}

@media screen and (max-width: 900px){
	.tracking_container{
		width: 100%;
	}
	
	th.th_session_sessions,
	td.td_session_sessions,
	th.th_session_previous,
	td.td_session_previous{
		display: none;
	}
	
	.grid-inner.pie .flot-base,
	.grid-inner.pie .flot-overlay{
		margin-left: -50px;   
	}
	
	.panel-header-new-tabs.tabs-left{
		padding-left: 30px;
	}
	
	.wifi_tabs_container .search_input input{
		max-width: 130px;
	}
}

@media screen and (max-width: 840px) {
	.grid .grid-50{
		width: 100%;
		padding: 0 10px;
	}
	
	.filter{
		width: 180px;
	}
	
	#advanced_filters .filter{
		width: 33.3333333333333%;
		box-sizing: border-box;
		float: left;
		height: 67px;
	}

	.daterangepicker .date{
		font-size: 12px;
	}
	
	.page-filters{
		padding: 20px;
	}
	
	.panel-header-new-btn.new_network{
		display: inline-block;
	}
	
	.wifi_btns_container{
		padding: 0 10px;
	}

	#sidebar{
		overflow: visible;
	}
	
	.custom_fields ~ .panel-header-new-btn{
		margin-left: 12px;
		padding: 0 20px;
		line-height: 28px;
	}
	
	.custom_fields_lower{
		padding-bottom: 1px;
	}
	
	.sessions_upper .stats--container{
		text-align: center; 
	}
	
	.section_title .panel-header-new-btn{
		display: inline-block;
	}
	
	.grid-100{
		padding-left: 10px;
	}
	
	.grid-50, 
	.grid-100{
		margin-bottom: 20px;
	}
	
	.grid-inner.pie .flot-base,
	.grid-inner.pie .flot-overlay{
		margin-left: 0px;   
	}
	
	.session_page_title span{
		font-weight: 600;
	}

	.session_page_title{
		text-align: center;
		margin: 18px 0 5px;
	}
	
	.session_page_title:not(.user){
		font-size: 14px;
	}
	
	.session_page_title.user{
		font-size: 13px;
	}
	
	.sessions_upper .stats--container{
		margin-top: 0;
	}
	
	.session_page_title.small{
		font-size: 14px;
	}
	
	th.th_session_sessions,
	td.td_session_sessions,
	th.th_session_previous,
	td.td_session_previous{
		display: table-cell;
	}
	
	.grid-title.session_table_title,
	.session_table,
	.period_select{
		margin-left: 10px;
	}
	
	.download_link{
		position: relative;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		top: auto;
		right: auto;
		left: 50%;
		margin: 8px 0;
		display: none;
	}
	
	.donut--display{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	
	th.th_admin_users, td.td_admin_users, th.th_admin_usage_day, td.td_admin_usage_day{
		display: table-cell;
	}
	
	.admin_title{
		padding-left: 10px;
	}
	
	.mobile_choice_title{
		display: block;
	}
	
	.no_client_view{
		margin: 0;
		padding: 5px 0 15px 13px;
	}
	
	.tracking_enabled{
		right: 56px;
	}
	
	.return_link{
		margin: -5px 0 -15px 15px;
  	  	display: inline-block;
	}
	
	.no_codes_container{
		max-width: 80%;
		padding: 12px;
		font-size: 13px;
	}
	
	.no_codes{
		margin: 15px 0 -5px 0;
	}
	
	/*.td_admin_marketing, .th_admin_marketing{
		display: table-cell;
	}*/
	
	#header .logo {
		/*margin: 26px auto;*/
		margin: 14px auto;
		background-image: url(/images/intelinetworks@2x.png);
		width: 33px;
		height: 33px;
		background-size: 33px 33px;
	}
	
	.user_stats {
		position: relative;
		width: 100%;
	}
	
	.live_connected_overlay{
		top: 0;bottom: 0;
		width: 100%;
		box-sizing: border-box;	
		overflow-y: auto;
	}
	
	.live_connected_overlay .close{
		display: block;	
	}
	
	.content_container.intelinetworks_container{
		width: 100%;	
		padding: 0 10px;
	}
	
	#midsection{
		padding-right: 0;	
	}
	
	.search_input{
		right: 20px;	
	}
	
	.float_btn{
		left: 0;
		right: auto;
		width: 100%;
		
		-webkit-transition: left 250ms ease;
		-moz-transition: left 250ms ease;
		-o-transition: left 250ms ease;
		transition: left 250ms ease;
	}
	
	.off-canvas-slide.active .float_btn{
		left: 60%;
	}
	
	.mac .signal_strength{
		margin-right: 0px;	
	}
	
	.recent_user .authorised{
		margin-right: 24px;	
	}
	
	.stats_container, .content_container .user_stats{
		text-align: center;	
	}
	
	.user_stats .download_link{
		display: none;
	}
	
	.intelinetworks_container{
		margin-top: 10px;	
	}
	
	.choice_container{
		padding-left: 25px;	
	}
	
	.user_state_title{
		margin-top: 20px;
	}	
	
	.choice_dropdown{
/*
		width: 100%;
		font-size: 14px;	
*/
		margin-bottom: 0;
	}
	.network_dropdown_label{
		margin-left: 8px;
		margin-bottom: 0;
	}
	
	a.change_page, a.change_page:hover{
		margin: 15px 0 10px 15px ;
	}
	
	.stats--container{
		text-align: center;
		margin: 20px 0px -10px;
	}
	
	.manage--container{
		text-align: center;
		
	}
	
	.manage--container .manage--block{
		margin-bottom: 15px;
	}
	
	.intelinetworks_container .notification-container {
		padding: 10px 10px 0;
	}

	.guest_download_buttons {
		padding: 0 15px;
	}
}

@media screen and (max-width: 800px){
	th.th_admin_usage_day, td.td_admin_usage_day{
		display: none;
	}
	
	a.tracking_fixed, a.tracking_fixed:hover{
		margin: 5px 0 0 12px;
		max-width: 95%;
		width: auto;
	}
	
	.no_client_view:not(.mobile){
		display: none;
	}
	
	.no_client_view.mobile{
		display: block;
	}
	
	.settings_group, .mobile_title{
		display: block;
	}
	
	.contacts_container{
		margin: 0;
	}
	
	.input_group.contact_selector .contact_label {
		padding: 0px 20px 0 30px;
	}
	
	.contacts_container .contact_input input{
		margin-top: 0;
		padding-top: 0;
	}
	
	.device_stats .stat_cont{
		width: 120px;
	}
	
	.stat_cont.small_stats{
		width: 100px;
	}
	
	.stat_cont.large_stats{
		width: 220px;
	}
	
	.stat_cont.large_cont{
		width: 61%;
	}
	
	.stat_cont.small_cont{
		width: 31%;
	}
	
	.stats_container.desktop{
		display: none;
	}
	
	.stats_container.mbl{
		display: block;
	}
	
	.mobile_title{
		border-top: 1px solid #cbcbcb;
	}
	
	.default_year, .start_year{
		margin-top: -10px;
	}
	
	.mobile_hide{
		display: none;
	}
	
	.mobile_title.open{
		background: transparent;
	}
	
	.section_title.first{
		margin-top: 0;
	}
	
	.content_container .settings_group{
		margin-top: 0;
	}
	
	.tab-cont-cont{
		display: none;
	}
	
	.tracking_link {
		display: block;
		font-size: 13px;
		margin: 16px 0 5px 16px;
		max-width: 100%;
		width: auto;
		border: none;
	}
	
	.tracking_link:hover{
		border: none;
	}
	
	.tracking_switch_container{
		margin: 0;
	}
	
	.input_group input, 
	.input_group textarea, 
	.input_group select, 
	.mceEditor, 
	.input_group textarea.custom_drop_values, 
	.input_group textarea.custom_drop_values.new{
		display: block;	
		margin-left: 12px;
	}
	
	span.desktop{
		margin: 9px 0 0 2px;
	}
	
	.input_group input.hidden{
		display: none;	
	}
	
	.tip, .tip.inline, .input_group img{
		margin: 0 0 0 12px;	
	}
	
	input ~ .tip{
		margin-top: 15px;	
	}
	
	.input_group img{
		margin-top: 10px;	
	}
	
	.input_group label{
		padding: 15px 12px 0;	
	}
	
	.radio_container label{
		padding-left: 30px;	
		margin-top: -32px;
	}
	
	.radio_container{
		display: block;
		margin: 10px 0 0 0px;	
	}
	
	input[type="file"]{
		margin: 5px 0 10px 12px;	
	}
	
	.remove_image{
		margin-left: 0;	
		margin-top: 10px;
	}
	
	.remove_image span{
		padding-left: 30px;	
	}
	
	.float_btn{
		padding: 8px 3px 8px;	
	}
	
	.settings_group{
		margin: -2px 0 60px 0;		
	}
	
	.input_group .float_label{
		margin: -39px 0 0 75px;	
	}
	
	.tab-cont{
		height: auto;	
	}
	
	.tab-title{
		float: none;	
	}
	
	.tip.empty_tip{
		margin-top: 10px;
		height: 0;	
	}
	
	.input_group label.switch{
		margin: 7px 0 10px 12px;
		display: block;
		height: 10px;
		width: 24px;
	}
	
	.input_network_name{
		margin-top: -10px;
	}
	
	.title_background{
		background: #f5f5f5;
		margin-bottom: -5px;
		padding-top: 10px;
		margin-left: -15px;
		padding-left: 30px;
		width: 100%;
	}
	
	.input_group input{
		margin-top: 5px;
	}
	
	.tracking_switch_container label:not(.switch) {
		width: auto;
		margin-top: -20px;
	}
	
	.create_new_code{
		margin-left: 10px;	
	}
	
	a.change_page, a.change_page:hover{
		text-align: center;
		margin-left: 0;
	}
	
	.mobile_title{
		cursor: pointer;
	}
	
	.input_group input[type="text"], .input_group textarea, .mceEditor, .input_group select {
		width: 95%;
	}
	.mceLayout{
		width: 100% !important;
	}
	
	.integrations_info_container .tip{
		margin: 0px 0 0 100px
	}
	
	.integrations_info_container {
		margin-top: -10px;
	}
	
	.input_group.small input{
		width: 60px;
	}
	
	.input_group.small.usage_limits input{
		width: 65px;
	}
	
	a.change_page, a.change_page:hover{
		padding-left: 15px;
		text-align: left;
		margin: 17px auto -25px auto;
		display: block;
		position: relative;
		float: none;
	}
	
	.input_group.med input{
		width: 230px;
	}
	
	#submit_preview{
/*		display: none;*/
	}
	
	.float_btn{
		position: relative;
		border: none;
		margin: -10px auto 30px;
		text-align: center;
	}
	
	.settings_group{
		margin-bottom: 40px;
		border-bottom: 0;
	}
	
	.input_group label.switch {
		margin: 7px 0 14px 12px;
	}
	
	.stat_cont .mbl{
		display: inline-block;	
	}
	
	.stat.current_users{
		font-size: 16px;	
	}
	
	.user_stats{
		margin-top: 10px;
	}
	
	.admin_integration_status{
		position: absolute;
		top: 30px;
		left: 60px;
	}
	
	.tip .line-break{
		display: inline-block;
	}
}

@media screen and (max-width: 700px){
	/*.td_admin_marketing, .th_admin_marketing{
		display: none;
	}
	
	.th_admin_edit, .th_admin_login{
		width: 15px;
	}*/
	
	th.th_admin_users, td.td_admin_users{
		display: none;
	}
	
	th.th_session_sessions,
	td.td_session_sessions{
		display: none;
	}
	
	.ap_table th,
	.ap_table td{
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.ap_table td{
		font-size: 11px;
	}
	
	.ap_table th{
		font-size: 13px;
	}
	
	th.th_admin_ap_mac{
		width: 90px;
	}
}
 
@media screen and (max-width: 668px){
	.wifi_tabs_container .search_input{
		display: none !important;		
	}
	
	.panel-header-new-tabs.wifi_tabs{
		float: left;
		margin: -13px 0px -13px -13px;
	}
	
	.panel-header-new-tabs.wifi_tabs a{
		height: auto;
		line-height: 68px;
		float: left;
		display: block;
	}
	
	.panel-header-new-tabs.wifi_tabs .more ~ ul{
		margin-top: -3px;
		min-width: 160px;
	}
	
	.panel-header-new-tabs.wifi_tabs .more ~ ul a{
		line-height: 18px;
		margin-top: 0;
	}
	
	.panel-header-new-title {
		line-height: 30px;
		float: left;
	}
	
	.daterangepicker{
		width: auto !important;
	}
	
	#advanced_filters .filter{
		width: 50%;
	}
	
	.page-filters{
		padding: 15px 10px 0;
	}
	
	.panel-header-new.wifi_manage{
		text-align: left;
	}
	
	.panel-header-new-btn.new_network{
		margin-top: 5px;
	}
	
	.btn.new_code{
		margin-top: 6px;	
	}
	
	span.desktop{
		margin: 12px 0 0 5px;
	}
	
	.panel-header-new.session{
		text-align: left;
	}
	 
	.title_user{
		line-height: 41px;
	}
	
	.change_system{
		margin: 8px 0 0 5px;
		float: left;	
	}
	
	.td_connected, .th_connected, .td_lastaccessed, .th_lastaccessed{
		display: none;	
	}
	
	.th_code_label, td.code_label{
		display: none;	
	}

	.mbl-request-btn {
		width: 23px;
		height: 23px;
		margin-top: -11px;
	}
	
	th.th_session_sessions,
	td.td_session_sessions,
	th.th_session_previous,
	td.td_session_previous{
		display: none;
	}
	
	.session_page_title.user .period_select_container{
		width: 95%;
		padding-left: 10px;
		margin-top: 5px;
		display: block;
	}
	
	.session_page_title.user .period_select{
		margin-left: 0;
		width: 100px;
		display: inline-block;
		margin-right: 5px;
	}
	
	.session_page_title.user .period_select_container a{
		font-size: 12px;
	}
}

@media screen and (max-width: 600px) {
	th.th_admin_usage_total, td.td_admin_usage_total{
		display: none;
	}
	
	#header .logo {
		/*margin-top: 21px;*/
	}
	
	#midsection, .input_group, .input_group input, .input_group .tip, .settings_group, .input_group textarea, .input_group .mceEditor,
	.input_group .mceLayout, .input_group select{
		max-width: 100%;	
		min-width: 0;
	}
	
	.input_group{
		padding-right: 10px;	
	}
	
	.off-canvas-slide.active .float_btn{
		left: 80%;
	}
	
	.input_group .input_group{
		width: 100%;
	}
}

@media screen and (max-width: 575px){
	/*.th_admin_networks, .td_admin_networks{
		display: none;
	}*/
	
	label.switch input{
		margin-top: -5px;
	}
	
	.page-filters label.switch input{
		margin-top: 0;
	}
	
	a.show-advanced:not(.hide){
		float: none;
		margin-top: 5px;
		display: block;
	}
}

@media screen and (max-width: 550px){
	#live_table .name{
		display: none;	
	}
}

@media screen and (max-width: 500px){
	.wifi_tabs_container .search_input input {
		max-width: 100px;
	}
	
	.network_desc{
		display: block;
		margin-top: 0px;
		float: none;
	}
	
	span.desktop{
		display: none;	
	}
	.panel-header-new-title{
		float: none;
		display: inline-block;
    	position: relative;	
	}
	
	.wifi_tabs_container .panel-header-new-title{
		float: left;
	}
	
	.wifi_btns_container{ 
		text-align: center;
	}
	
	.grid-50,
	.grid-100,
	.session_table_title{
		text-align: center;
	}
	
	th.th_last_connected,
	td.td_last_connected{
		display: none;
	}
	
	.grid-inner.pie .grid-title{
		text-align: center;
	}
	
/*
	.period_select_container{
		width: 95%;
		padding-left: 10px;
		margin-top: 5px;
		display: block;
	}
	
	.period_select{
		margin-left: 0;
		width: 100%;
	}
*/
	
	.session_page_title.user{
		font-size: 13px;
	}
	
	.panel-header-new-title a:not(.override_logout) {
		display: none;
	}
	
	th.th_session_time,
	td.td_session_time{
		display: none;
	}
	
	.logo.intelinetworks{
		left: 50%;
		transform: translateX(-50%);
		right: initial;
	}
	
	.tracker_title{
		display: none;
	}
	
	.change_system.desktop{
		display: none;	
	}
	
	.change_system.mbl{
		display: block;	
	}
	
	.change_system{
		height: 6px;
		width: 8px;
		background: url(/images/drop-arrow.png) center center no-repeat;
		background-size: 100% 100%;
		position: absolute;
		right: -15px;
		top: 10px;
	}
	
	.choice_dropdown{
		margin-bottom: 0;	
	}
	
	.search_input{
		position: static;
		top: 0;
		transform: none;
		margin-top: 10px;
		display: none;	
	}
	
	.wifi_tabs_container .search_input{
		display: inline-block;
		position: absolute;
		margin-top: 16px;
	}
	
	.wifi_tabs_container .search_input input{
		text-align: left;
	}
	
	.search_input input{
		text-align: center;	
	}
	
	.stat_cont.all_time{
		display: none;
	}
	
	th.th_admin_connected, td.td_admin_connected{
		display: none;
	}
	
	.notification-container {
		padding: 0 10px 0;
		margin-bottom: 0;
	}

	.guest_download_all {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.guest_download_all span {
		margin: 0 !important;
	}
}

@media screen and (max-width: 550px){
	.panel-header-new-tabs.wifi_tabs:not(.segment_tabs) a:nth-child(2){
		display: none;
	}
	
	a.more ~ ul li:nth-child(2){
		display: block;
	}
}

@media screen and (max-width: 480px){
	/*.th_admin_mailchimp, .td_admin_mailchimp{
		display: none;
	}*/
	.stat_group.gap.ap_mac span{
		max-width: 60%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

@media screen and (max-width: 450px){
	.tracking_container, .tracking_status, .tracking_inner{
		font-size: 15px;
	}
	
	.stat_cont{
		margin: 0 5px 5px 0;	
		height: 55px;
	}
	
	.download_link, .stat_cont{
		width: 150px;	
	}
	
	.stats_container, .content_container .user_stats{
		margin-right: -5px;	
	}
	
	.user_stats{
		width: auto;	
	}
	
	.stat_name{
		font-size: 14px;
		margin-bottom: 0;	
	}
	
	.th_code_usage_total, td.usage_total{
		display: none;	
	}
	
	.code_notify div{
		display: block;	
	}
	
	.code_notify a{
		margin-left: 0;	
	}
	
	.title_user{
		display: none;
	}
	
	.panel-header-new.session{
		text-align: center;
	}
	
	.session_page_title:not(.user) .period_select_container{
		width: 95%;
		padding-left: 10px;
		margin-top: 5px;
		display: block;
	}
	
	.session_page_title:not(.user) .period_select{
		margin-left: 0;
		width: 100px;
		display: inline-block;
		margin-right: 5px;
	}
	
	.page-filters .page-filters-inner .filter:nth-child(2){
		width: 125px;
	}

	.segment_tab .th_segment_manage,
	.segment_tab .td_segment_manage{
		display: none;
	}
}

@media screen and (max-width: 420px){
	#live_table .access_point{
		display: none;	
	}
	
	#live_table thead .mac{
		display: none;	
	}
	
	#live_table tbody .mac {
		padding-left: 13px;	
	}
	
	#advanced_filters .filter{
		width: 100%;
	}
}

@media screen and (max-width: 400px){
	.wifi_tabs_container .search_input input{
		max-width: 100px;
	}
	
	.wifi_tabs_container .search_input{
		right: 10px;
	}
	
	th.th_admin_contacts, td.td_admin_contacts{
		display: none;
	}
	
	.tracking_onsitesince{
		right: 12px;
	}
	
	.tracking_onsitesince, .connected_since{
		bottom: 15px;
	}
	
	/*.th_admin_nsltr, .td_admin_nsltr{
		display: none;
	}
	
	.th_admin_login, .th_admin_edit{
		width: 40px;
	}
	
	th.th_admin_enabled{
		width: auto;
	}*/
	
	.tracking_page_container, .tracking_inner_container{
		padding: 5px;
	}
	
	.tracking_inner{
		padding: 8px;
	}
	
	.tracking_page_container{
		top: 6px;
		left: 0;
		right: 0;
		width: auto;
	}
	
	.tracking_switch_container label:not(.switch) {
		width: auto;
		padding-top: 11px;
		font-size: 12px;
	}
	
	.session_page_title.small{
		font-size: 11px;
	}
	
	.session_page_title.small span{
		font-size: 12px;
	}
	
	.session_page_title.small select{
		height: 24px;
		padding: 1px;
	}
	
	.grid-inner.pie .flot-base,
	.grid-inner.pie .flot-overlay{
		margin-left: -20px;   
	}
	
	td.td_mac.mac{
		padding-right: 5px;
	}
	
	.user_table td{
		padding: 8px;
	}
	
	.user_table th{
		padding: 5px 8px;
	}
	
	td.td_mac span.device-text{
		width: calc(100% - 32px);
	}
	
	.mac .authorised{
		margin: 5px 7px 0 0;
	}
}

@media screen and (max-width: 350px){
/*
	.name, .th_name{
		display: none;	
	}
*/
	
	.tracking_container, .tracking_status, .tracking_inner{
		font-size: 14px;
	}
	
	.stat_cont.large_stats{
		width: 200px;
	}
	
	.grid-inner.pie .flot-base,
	.grid-inner.pie .flot-overlay{
		margin-left: -30px;   
	}
	
}


.registration-status-link {
	color: rgb(0, 140, 203);
	cursor: pointer;
}
.registration-status-link span,
.registration-status-link a,
.registration-status-link a:hover {
	color: rgb(0, 140, 203) !important;
	font-size: 12px !important;
	cursor: pointer;
	text-decoration: none;
	border: none;
}

.wifi-modal-header {
	font-size: 16px;
	font-weight: 900;
	padding-bottom: 20px;
}