/* Minification failed. Returning unminified contents.
(148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
.spinner
{
    visibility: hidden;
    position: fixed;
    top: 200px;
    left:50%;
    z-index: -1;

    -webkit-transition: opacity 300ms ease-in;
    -moz-transition: opacity 300ms ease-in;
    -o-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;

    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity:0;
    opacity: 0;

    width: 37px;
    height: 37px;
    margin-left:-19px;
    margin-top: -19px;
    overflow:hidden;
}

.spinner span
{
    width: 37px;
    height: 37px;
    display: inline-block;
    position:relative;
    background-image: url(../../images/spinner.png?v5.5.24348.5);
    background-size:37px;
}

html.ajaxloading .spinner
{
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;

    visibility: visible;
    z-index: 9999;
}


/*
 * Table
 */
table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
	border-collapse: collapse;
}

table.dataTable thead th {
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 10px;
}

table.dataTable td {
	padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}
.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
}
.dataTables_wrapper .ui-toolbar {
	padding: 5px;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}


/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
	padding-top: 3px;
	clear: both;
	float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

.dataTables_paginate .ui-button {
	margin-right: -0.1em !important;
}

.paging_two_button .ui-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers .ui-button {
	padding: 2px 6px;
	margin: 0;
	cursor: pointer;
	* cursor: hand;
	color: #333 !important;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
table.dataTable thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
}

table.dataTable thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}

table.dataTable th:active {
	outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}


/*
 * Namespace: DTS (DataTables Scroller)
 */

div.DTS tbody th,
div.DTS tbody td {
	white-space: nowrap;
}

div.DTS tbody tr.even {
	background-color: white;
}

div.DTS div.DTS_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 20px;
	margin-top: -20px;
	margin-left: -100px;
	z-index: 1;

	border: 1px solid #999;
	padding: 20px 0;
	text-align: center;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.5);
}

div.DTS div.dataTables_scrollHead,
div.DTS div.dataTables_scrollFoot {
	background-color: white;
}

div.DTS div.dataTables_scrollBody {
	z-index: 2;
}

div.DTS div.dataTables_scroll {
	background: url('../images/loading-background.png') repeat 0 0;
}

/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2
 * Author:      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     GPL v2 / 3 point BSD
 * Project:     DataTables
 * 
 * Copyright 2009-2012 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   BUTTON_STYLES         Action specific button styles
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 */


/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */
div.DTTT_container {
	position: relative;
	float: right;
	margin-bottom: 1em;
}

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
	position: relative;
	float: left;
	margin-right: 3px;
	padding: 5px 8px;
	border: 1px solid #999;
	cursor: pointer;
	*cursor: hand;
	font-size: 0.88em;
	color: black !important;

	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
	     -o-border-radius: 2px;
	        border-radius: 2px;

	-webkit-box-shadow: 1px 1px 3px #ccc;
	   -moz-box-shadow: 1px 1px 3px #ccc;
	    -ms-box-shadow: 1px 1px 3px #ccc;
	     -o-box-shadow: 1px 1px 3px #ccc;
	        box-shadow: 1px 1px 3px #ccc;

	/* Generated by http://www.colorzilla.com/gradient-editor/ */
	background: #ffffff; /* Old browsers */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
	background:         linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}


/* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */
button.DTTT_button {
	height: 30px;
	padding: 3px 8px;
}

.DTTT_button embed { 
	outline: none;
}

button.DTTT_button:hover,
div.DTTT_button:hover,
a.DTTT_button:hover {
	border: 1px solid #666;
	text-decoration: none !important;

	-webkit-box-shadow: 1px 1px 3px #999;
	   -moz-box-shadow: 1px 1px 3px #999;
	    -ms-box-shadow: 1px 1px 3px #999;
	     -o-box-shadow: 1px 1px 3px #999;
	        box-shadow: 1px 1px 3px #999;

	background: #f3f3f3; /* Old browsers */
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */
	background:         linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

button.DTTT_disabled,
div.DTTT_disabled,
a.DTTT_disabled {
	color: #999;
	border: 1px solid #d0d0d0;
	
	background: #ffffff; /* Old browsers */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Opera 11.10+ */
	background:         linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}



/*
 * BUTTON_STYLES
 * Action specific button styles
 * If you want images - comment this back in

button.DTTT_button_csv,
button.DTTT_button_xls,
button.DTTT_button_copy,
button.DTTT_button_pdf,
button.DTTT_button_print {
	padding-right: 0px;
}

button.DTTT_button_csv span,
button.DTTT_button_xls span,
button.DTTT_button_copy span,
button.DTTT_button_pdf span,
button.DTTT_button_print span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding-right: 30px;
}


button.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; }
button.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; }

button.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; }
button.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; }

button.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; }
button.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; }

button.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; }
button.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; }

button.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; }
button.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; }

 */

button.DTTT_button_collection span {
	padding-right: 17px;
	background: url(../images/collection.png) no-repeat center right;
}

button.DTTT_button_collection:hover span {
	padding-right: 17px;
	background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;
}


/*
 * SELECTING
 * Row selection styles
 */
table.DTTT_selectable tbody tr {
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tr.DTTT_selected.odd {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_1 {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_2 {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_3 {
	background-color: #9FAFD1;
}


table.dataTable tr.DTTT_selected.even {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_1 {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_2 {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_3 {
	background-color: #B0BED9;
}


/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */

div.DTTT_collection {
	width: 150px;
	padding: 8px 8px 4px 8px;
	border: 1px solid #ccc;
	border: 1px solid rgba( 0, 0, 0, 0.4 );
	background-color: #f3f3f3;
	background-color: rgba( 255, 255, 255, 0.3 );
	overflow: hidden;
	z-index: 2002;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
	
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	    -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	     -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

div.DTTT_collection_background {
	background: transparent url(../images/background.png) repeat top left;
	z-index: 2001;
}

div.DTTT_collection button.DTTT_button,
div.DTTT_collection div.DTTT_button,
div.DTTT_collection a.DTTT_button {
	position: relative;
	left: 0;
	right: 0;

	display: block;
	float: none;
	margin-bottom: 4px;
	
	-webkit-box-shadow: 1px 1px 3px #999;
	   -moz-box-shadow: 1px 1px 3px #999;
	    -ms-box-shadow: 1px 1px 3px #999;
	     -o-box-shadow: 1px 1px 3px #999;
	        box-shadow: 1px 1px 3px #999;
}


/*
 * PRINTING
 * Print display styles
 */

.DTTT_print_info {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 150px;
	margin-left: -200px;
	margin-top: -75px;
	text-align: center;
	color: #333;
	padding: 10px 30px;

	background: #ffffff; /* Old browsers */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
	background:         linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	
	opacity: 0.95;

	border: 1px solid black;
	border: 1px solid rgba(0, 0, 0, 0.5);
	
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	    -ms-border-radius: 6px;
	     -o-border-radius: 6px;
	        border-radius: 6px;
	
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	    -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	     -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

.DTTT_print_info h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em;
}

.DTTT_print_info p {
	font-size: 14px;
	line-height: 20px;
}

/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2 with JUI theming
 * Author:      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     LGPL / 3 point BSD
 * Project:     DataTables
 * 
 * Copyright 2010 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Notes:
 *   Generally speaking, please refer to the TableTools.css file - this file contains basic
 *   modifications to that 'master' stylesheet for ThemeRoller.
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Colour dictionary:
 *   Button border         #d0d0d0
 *   Button border hover   #999999
 *   Hover background      #f0f0f0
 *   Action blue           #4b66d9
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 *   MISC                  Minor misc styles
 */


/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */
div.DTTT_container {
	position: relative;
	float: right;
}

.DTTT_button {
	position: relative;
	float: left;
	margin-right: 3px;
	padding: 3px 10px;
	border: 1px solid #d0d0d0;
	background-color: #fff;
	color: #333 !important;
	cursor: pointer;
	*cursor: hand;
}

.DTTT_button::-moz-focus-inner { 
	border: none !important;
	padding: 0;
}



/*
 * SELECTING
 * Row selection styles
 */
table.DTTT_selectable tbody tr {
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tr.DTTT_selected.odd {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_1 {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_2 {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_3 {
	background-color: #9FAFD1;
}


table.dataTable tr.DTTT_selected.even {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_1 {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_2 {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_3 {
	background-color: #B0BED9;
}


/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */

div.DTTT_collection {
	width: 150px;
	background-color: #f3f3f3;
	overflow: hidden;
	z-index: 2002;
	
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

div.DTTT_collection_background {
	background: url(../images/background.png) repeat top left;
	z-index: 2001;
}

div.DTTT_collection button.DTTT_button,
div.DTTT_collection div.DTTT_button,
div.DTTT_collection a.DTTT_button {
	float: none;
	width: 100%;
	margin-bottom: -0.1em;
}


/*
 * PRINTING
 * Print display styles
 */

.DTTT_print_info {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 150px;
	margin-left: -200px;
	margin-top: -75px;
	text-align: center;
	background-color: #3f3f3f;
	color: white;
	padding: 10px 30px;
	
	opacity: 0.9;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.DTTT_print_info h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em;
}

.DTTT_print_info p {
	font-size: 14px;
	line-height: 20px;
}


/*
 * MISC
 * Minor misc styles
 */

.DTTT_disabled {
	color: #999;
}
.standard-button .text {
    display: inline-block;
    width: auto;
}


.standard-button .icon
{
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin:0 5px 0;
    vertical-align: middle;
}

a.small-button {
    color: #000;
}

.small-button span
{
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin:0 5px 0;
    vertical-align: middle;
    cursor: pointer;
}

.content-icon span
{
    position:relative;
    display:inline-block;
    overflow:hidden;
    margin:0px 0px 0px 0px;
    vertical-align:middle;
}
/* Auto-generated */

.content-icon.small span
{
    background:url('images/CQControlContentIcons.png?v5.5.24348.5') no-repeat 0 0;
    background-size:220px 420px;
    width:20px;
    height:20px;
}

.content-icon span
{
    background:url('images/CQControlContentIcons.png?v5.5.24348.5') no-repeat 0 0;
    background-size:220px 420px;
    width:20px;
    height:20px;
}

.content-icon.large span
{
    background:url('images/CQControlContentIcons.png?v5.5.24348.5') no-repeat 0 0;
    background-size:220px 420px;
    width:20px;
    height:20px;
}

.content-icon.UnknownIcon span {background-position:0.00000% 0.00000%;}
.content-icon.CareNormal span {background-position:0.00000% 5.00000%;}
.content-icon.CareDefaultNormal span {background-position:0.00000% 5.00000%;}
.content-icon.CareAlternateNormal span {background-position:0.00000% 5.00000%;}
.content-icon.CareEmergencyNormal span {background-position:0.00000% 10.00000%;}
.content-icon.CareWanderNormal span {background-position:0.00000% 15.00000%;}
.content-icon.CareMedicalNormal span {background-position:0.00000% 20.00000%;}
.content-icon.CareAcousticNormal span {background-position:0.00000% 25.00000%;}
.content-icon.GeneralUserDefined1Normal span {background-position:0.00000% 30.00000%;}
.content-icon.GeneralUserDefined2Normal span {background-position:0.00000% 35.00000%;}
.content-icon.GeneralUserDefined3Normal span {background-position:0.00000% 40.00000%;}
.content-icon.CareAssistanceNormal span {background-position:0.00000% 45.00000%;}
.content-icon.CareServiceNormal span {background-position:0.00000% 45.00000%;}
.content-icon.CareTestNormal span {background-position:0.00000% 50.00000%;}
.content-icon.AccessNormal span {background-position:0.00000% 55.00000%;}
.content-icon.AccessVisitorNormal span {background-position:0.00000% 60.00000%;}
.content-icon.AccessDoorOpenNormal span {background-position:0.00000% 65.00000%;}
.content-icon.SecurityNormal span {background-position:0.00000% 70.00000%;}
.content-icon.SecurityFireNormal span {background-position:0.00000% 75.00000%;}
.content-icon.SecurityCONormal span {background-position:0.00000% 80.00000%;}
.content-icon.SecurityIntruderNormal span {background-position:0.00000% 85.00000%;}
.content-icon.SecurityPSNormal span {background-position:0.00000% 90.00000%;}
.content-icon.CareMonitoringNormal span {background-position:0.00000% 95.00000%;}
.content-icon.UnknownIconHigh span {background-position:10.00000% 0.00000%;}
.content-icon.CareHigh span {background-position:10.00000% 5.00000%;}
.content-icon.CareDefaultHigh span {background-position:10.00000% 5.00000%;}
.content-icon.CareAlternateHigh span {background-position:10.00000% 5.00000%;}
.content-icon.CareEmergencyHigh span {background-position:10.00000% 10.00000%;}
.content-icon.CareWanderHigh span {background-position:10.00000% 15.00000%;}
.content-icon.CareMedicalHigh span {background-position:10.00000% 20.00000%;}
.content-icon.CareAcousticHigh span {background-position:10.00000% 25.00000%;}
.content-icon.GeneralUserDefined1High span {background-position:10.00000% 30.00000%;}
.content-icon.GeneralUserDefined2High span {background-position:10.00000% 35.00000%;}
.content-icon.GeneralUserDefined3High span {background-position:10.00000% 40.00000%;}
.content-icon.CareAssistanceHigh span {background-position:10.00000% 45.00000%;}
.content-icon.CareServiceHigh span {background-position:10.00000% 45.00000%;}
.content-icon.CareTestHigh span {background-position:10.00000% 50.00000%;}
.content-icon.AccessHigh span {background-position:10.00000% 55.00000%;}
.content-icon.AccessVisitorHigh span {background-position:10.00000% 60.00000%;}
.content-icon.AccessDoorOpenHigh span {background-position:10.00000% 65.00000%;}
.content-icon.SecurityHigh span {background-position:10.00000% 70.00000%;}
.content-icon.SecurityFireHigh span {background-position:10.00000% 75.00000%;}
.content-icon.SecurityCOHigh span {background-position:10.00000% 80.00000%;}
.content-icon.SecurityIntruderHigh span {background-position:10.00000% 85.00000%;}
.content-icon.SecurityPSHigh span {background-position:10.00000% 90.00000%;}
.content-icon.CareMonitoringHigh span {background-position:10.00000% 95.00000%;}
.content-icon.CareTechnicalNormal span {background-position:20.00000% 0.00000%;}
.content-icon.AccessTechnicalNormal span {background-position:20.00000% 5.00000%;}
.content-icon.SecurityTechnicalNormal span {background-position:20.00000% 10.00000%;}
.content-icon.ControlNormal span {background-position:20.00000% 15.00000%;}
.content-icon.ControlTechnicalNormal span {background-position:20.00000% 15.00000%;}
.content-icon.CareBatteryLowNormal span {background-position:20.00000% 20.00000%;}
.content-icon.SecurityBatteryLowNormal span {background-position:20.00000% 20.00000%;}
.content-icon.CareTechnicalHigh span {background-position:30.00000% 0.00000%;}
.content-icon.AccessTechnicalHigh span {background-position:30.00000% 5.00000%;}
.content-icon.SecurityTechnicalHigh span {background-position:30.00000% 10.00000%;}
.content-icon.ControlHigh span {background-position:30.00000% 15.00000%;}
.content-icon.ControlTechnicalHigh span {background-position:30.00000% 15.00000%;}
.content-icon.CareBatteryLowHigh span {background-position:30.00000% 20.00000%;}
.content-icon.SecurityBatteryLowHigh span {background-position:30.00000% 20.00000%;}
.content-icon.CareClosedNormal span {background-position:40.00000% 0.00000%;}
.content-icon.AccessClosedNormal span {background-position:40.00000% 5.00000%;}
.content-icon.SecurityClosedNormal span {background-position:40.00000% 10.00000%;}
.content-icon.ControlClosedNormal span {background-position:40.00000% 15.00000%;}
.content-icon.CareBatteryLowClosedNormal span {background-position:40.00000% 20.00000%;}
.content-icon.SecurityBatteryLowClosedNormal span {background-position:40.00000% 20.00000%;}
.content-icon.CareClosedHigh span {background-position:50.00000% 0.00000%;}
.content-icon.AccessClosedHigh span {background-position:50.00000% 5.00000%;}
.content-icon.SecurityClosedHigh span {background-position:50.00000% 10.00000%;}
.content-icon.ControlClosedHigh span {background-position:50.00000% 15.00000%;}
.content-icon.CareBatteryLowClosedHigh span {background-position:50.00000% 20.00000%;}
.content-icon.SecurityBatteryLowClosedHigh span {background-position:50.00000% 20.00000%;}
.content-icon.CareNormalHistory span {background-position:60.00000% 0.00000%;}
.content-icon.CareDefaultNormalHistory span {background-position:60.00000% 0.00000%;}
.content-icon.CareAlternateNormalHistory span {background-position:60.00000% 0.00000%;}
.content-icon.CareClosedNormalHistory span {background-position:60.00000% 0.00000%;}
.content-icon.CareTechnicalNormalHistory span {background-position:60.00000% 0.00000%;}
.content-icon.CareEmergencyNormalHistory span {background-position:60.00000% 5.00000%;}
.content-icon.CareWanderNormalHistory span {background-position:60.00000% 10.00000%;}
.content-icon.CareMedicalNormalHistory span {background-position:60.00000% 15.00000%;}
.content-icon.CareAcousticNormalHistory span {background-position:60.00000% 20.00000%;}
.content-icon.GeneralUserDefined1NormalHistory span {background-position:60.00000% 25.00000%;}
.content-icon.GeneralUserDefined2NormalHistory span {background-position:60.00000% 30.00000%;}
.content-icon.GeneralUserDefined3NormalHistory span {background-position:60.00000% 35.00000%;}
.content-icon.CareAssistanceNormalHistory span {background-position:60.00000% 40.00000%;}
.content-icon.CareServiceNormalHistory span {background-position:60.00000% 40.00000%;}
.content-icon.CareTestNormalHistory span {background-position:60.00000% 45.00000%;}
.content-icon.AccessNormalHistory span {background-position:60.00000% 50.00000%;}
.content-icon.AccessClosedNormalHistory span {background-position:60.00000% 50.00000%;}
.content-icon.AccessTechnicalNormalHistory span {background-position:60.00000% 50.00000%;}
.content-icon.AccessVisitorNormalHistory span {background-position:60.00000% 55.00000%;}
.content-icon.AccessDoorOpenNormalHistory span {background-position:60.00000% 60.00000%;}
.content-icon.SecurityNormalHistory span {background-position:60.00000% 65.00000%;}
.content-icon.SecurityClosedNormalHistory span {background-position:60.00000% 65.00000%;}
.content-icon.SecurityTechnicalNormalHistory span {background-position:60.00000% 65.00000%;}
.content-icon.SecurityFireNormalHistory span {background-position:60.00000% 70.00000%;}
.content-icon.SecurityCONormalHistory span {background-position:60.00000% 75.00000%;}
.content-icon.SecurityIntruderNormalHistory span {background-position:60.00000% 80.00000%;}
.content-icon.SecurityPSNormalHistory span {background-position:60.00000% 85.00000%;}
.content-icon.CareMonitoringNormalHistory span {background-position:60.00000% 90.00000%;}
.content-icon.ControlClosedNormalHistory span {background-position:60.00000% 95.00000%;}
.content-icon.ControlNormalHistory span {background-position:60.00000% 95.00000%;}
.content-icon.ControlTechnicalNormalHistory span {background-position:60.00000% 95.00000%;}
.content-icon.CareBatteryLowNormalHistory span {background-position:60.00000% 100.00000%;}
.content-icon.SecurityBatteryLowNormalHistory span {background-position:60.00000% 100.00000%;}
.content-icon.CareHighHistory span {background-position:70.00000% 0.00000%;}
.content-icon.CareDefaultHighHistory span {background-position:70.00000% 0.00000%;}
.content-icon.CareAlternateHighHistory span {background-position:70.00000% 0.00000%;}
.content-icon.CareClosedHighHistory span {background-position:70.00000% 0.00000%;}
.content-icon.CareTechnicalHighHistory span {background-position:70.00000% 0.00000%;}
.content-icon.CareEmergencyHighHistory span {background-position:70.00000% 5.00000%;}
.content-icon.CareWanderHighHistory span {background-position:70.00000% 10.00000%;}
.content-icon.CareMedicalHighHistory span {background-position:70.00000% 15.00000%;}
.content-icon.CareAcousticHighHistory span {background-position:70.00000% 20.00000%;}
.content-icon.GeneralUserDefined1HighHistory span {background-position:70.00000% 25.00000%;}
.content-icon.GeneralUserDefined2HighHistory span {background-position:70.00000% 30.00000%;}
.content-icon.GeneralUserDefined3HighHistory span {background-position:70.00000% 35.00000%;}
.content-icon.CareAssistanceHighHistory span {background-position:70.00000% 40.00000%;}
.content-icon.CareServiceHighHistory span {background-position:70.00000% 40.00000%;}
.content-icon.CareTestHighHistory span {background-position:70.00000% 45.00000%;}
.content-icon.AccessHighHistory span {background-position:70.00000% 50.00000%;}
.content-icon.AccessClosedHighHistory span {background-position:70.00000% 50.00000%;}
.content-icon.AccessTechnicalHighHistory span {background-position:70.00000% 50.00000%;}
.content-icon.AccessVisitorHighHistory span {background-position:70.00000% 55.00000%;}
.content-icon.AccessDoorOpenHighHistory span {background-position:70.00000% 60.00000%;}
.content-icon.SecurityHighHistory span {background-position:70.00000% 65.00000%;}
.content-icon.SecurityClosedHighHistory span {background-position:70.00000% 65.00000%;}
.content-icon.SecurityTechnicalHighHistory span {background-position:70.00000% 65.00000%;}
.content-icon.SecurityFireHighHistory span {background-position:70.00000% 70.00000%;}
.content-icon.SecurityCOHighHistory span {background-position:70.00000% 75.00000%;}
.content-icon.SecurityIntruderHighHistory span {background-position:70.00000% 80.00000%;}
.content-icon.SecurityPSHighHistory span {background-position:70.00000% 85.00000%;}
.content-icon.CareMonitoringHighHistory span {background-position:70.00000% 90.00000%;}
.content-icon.ControlClosedHighHistory span {background-position:70.00000% 95.00000%;}
.content-icon.ControlHighHistory span {background-position:70.00000% 95.00000%;}
.content-icon.ControlTechnicalHighHistory span {background-position:70.00000% 95.00000%;}
.content-icon.CareBatteryLowHighHistory span {background-position:70.00000% 100.00000%;}
.content-icon.SecurityBatteryLowHighHistory span {background-position:70.00000% 100.00000%;}

/* Auto-generated */

.standard-button.small .icon
{
    background:url('images/CQControlButtons.png?v5.5.24348.5') no-repeat 0 0;
    background-size:180px 3636px;
    width:36px;
    height:36px;
}

.standard-button .icon
{
    background:url('images/CQControlButtons.png?v5.5.24348.5') no-repeat 0 0;
    background-size:180px 3636px;
    width:36px;
    height:36px;
}

.standard-button.large .icon
{
    background:url('images/CQControlButtons.png?v5.5.24348.5') no-repeat 0 0;
    background-size:180px 3636px;
    width:36px;
    height:36px;
}

.standard-button:link:not(.disabled-button) {text-decoration:none;color:#808080;}
.standard-button:visited:not(.disabled-button) {text-decoration:none;color:#808080;}
.standard-button:hover:not(.disabled-button) {text-decoration:none;color:#F39900;}
.standard-button:active:not(.disabled-button) {text-decoration:none;color:#794C00;background-color:transparent;}
.standard-button {text-decoration:none;color:#9F9F9F;}
.standard-button:focus {outline:none;}

html.any .standard-button.Login .icon {background-position:0.00000% 0.00000%;}
html.web .standard-button.Login:hover .icon {background-position:25.00000% 0.00000%;}
html.mobile .standard-button.Login.active .icon {background-position:50.00000% 0.00000%;}
html.web .standard-button.Login:active .icon {background-position:50.00000% 0.00000%;}
html.any .standard-button.Login.disabled-button .icon {background-position:75.00000% 0.00000%;}
html.any .standard-button.Logout .icon {background-position:0.00000% 1.00000%;}
html.web .standard-button.Logout:hover .icon {background-position:25.00000% 1.00000%;}
html.mobile .standard-button.Logout.active .icon {background-position:50.00000% 1.00000%;}
html.web .standard-button.Logout:active .icon {background-position:50.00000% 1.00000%;}
html.any .standard-button.Logout.disabled-button .icon {background-position:75.00000% 1.00000%;}
html.any .standard-button.BackOffice .icon {background-position:0.00000% 2.00000%;}
html.web .standard-button.BackOffice:hover .icon {background-position:25.00000% 2.00000%;}
html.mobile .standard-button.BackOffice.active .icon {background-position:50.00000% 2.00000%;}
html.web .standard-button.BackOffice:active .icon {background-position:50.00000% 2.00000%;}
html.any .standard-button.BackOffice.disabled-button .icon {background-position:75.00000% 2.00000%;}
html.any .standard-button.EditDoorNumber .icon {background-position:0.00000% 3.00000%;}
html.web .standard-button.EditDoorNumber:hover .icon {background-position:25.00000% 3.00000%;}
html.mobile .standard-button.EditDoorNumber.active .icon {background-position:50.00000% 3.00000%;}
html.web .standard-button.EditDoorNumber:active .icon {background-position:50.00000% 3.00000%;}
html.any .standard-button.EditDoorNumber.disabled-button .icon {background-position:75.00000% 3.00000%;}
html.any .standard-button.PairDoor .icon {background-position:0.00000% 4.00000%;}
html.web .standard-button.PairDoor:hover .icon {background-position:25.00000% 4.00000%;}
html.mobile .standard-button.PairDoor.active .icon {background-position:50.00000% 4.00000%;}
html.web .standard-button.PairDoor:active .icon {background-position:50.00000% 4.00000%;}
html.any .standard-button.PairDoor.disabled-button .icon {background-position:75.00000% 4.00000%;}
html.any .standard-button.AssignAlarm .icon {background-position:0.00000% 5.00000%;}
html.web .standard-button.AssignAlarm:hover .icon {background-position:25.00000% 5.00000%;}
html.mobile .standard-button.AssignAlarm.active .icon {background-position:50.00000% 5.00000%;}
html.web .standard-button.AssignAlarm:active .icon {background-position:50.00000% 5.00000%;}
html.any .standard-button.AssignAlarm.disabled-button .icon {background-position:75.00000% 5.00000%;}
html.any .standard-button.ResetAlarm .icon {background-position:0.00000% 6.00000%;}
html.web .standard-button.ResetAlarm:hover .icon {background-position:25.00000% 6.00000%;}
html.mobile .standard-button.ResetAlarm.active .icon {background-position:50.00000% 6.00000%;}
html.web .standard-button.ResetAlarm:active .icon {background-position:50.00000% 6.00000%;}
html.any .standard-button.ResetAlarm.disabled-button .icon {background-position:75.00000% 6.00000%;}
html.any .standard-button.SimulateCareAlarm .icon {background-position:0.00000% 7.00000%;}
html.web .standard-button.SimulateCareAlarm:hover .icon {background-position:25.00000% 7.00000%;}
html.mobile .standard-button.SimulateCareAlarm.active .icon {background-position:50.00000% 7.00000%;}
html.web .standard-button.SimulateCareAlarm:active .icon {background-position:50.00000% 7.00000%;}
html.any .standard-button.SimulateCareAlarm.disabled-button .icon {background-position:75.00000% 7.00000%;}
html.any .standard-button.OpenDoor .icon {background-position:0.00000% 8.00000%;}
html.web .standard-button.OpenDoor:hover .icon {background-position:25.00000% 8.00000%;}
html.mobile .standard-button.OpenDoor.active .icon {background-position:50.00000% 8.00000%;}
html.web .standard-button.OpenDoor:active .icon {background-position:50.00000% 8.00000%;}
html.any .standard-button.OpenDoor.disabled-button .icon {background-position:75.00000% 8.00000%;}
html.any .standard-button.AssignUsers .icon {background-position:0.00000% 9.00000%;}
html.web .standard-button.AssignUsers:hover .icon {background-position:25.00000% 9.00000%;}
html.mobile .standard-button.AssignUsers.active .icon {background-position:50.00000% 9.00000%;}
html.web .standard-button.AssignUsers:active .icon {background-position:50.00000% 9.00000%;}
html.any .standard-button.AssignUsers.disabled-button .icon {background-position:75.00000% 9.00000%;}
html.any .standard-button.InsertCareAlarmProfile .icon {background-position:0.00000% 10.00000%;}
html.web .standard-button.InsertCareAlarmProfile:hover .icon {background-position:25.00000% 10.00000%;}
html.mobile .standard-button.InsertCareAlarmProfile.active .icon {background-position:50.00000% 10.00000%;}
html.web .standard-button.InsertCareAlarmProfile:active .icon {background-position:50.00000% 10.00000%;}
html.any .standard-button.InsertCareAlarmProfile.disabled-button .icon {background-position:75.00000% 10.00000%;}
html.any .standard-button.EditCareAlarmProfile .icon {background-position:0.00000% 11.00000%;}
html.web .standard-button.EditCareAlarmProfile:hover .icon {background-position:25.00000% 11.00000%;}
html.mobile .standard-button.EditCareAlarmProfile.active .icon {background-position:50.00000% 11.00000%;}
html.web .standard-button.EditCareAlarmProfile:active .icon {background-position:50.00000% 11.00000%;}
html.any .standard-button.EditCareAlarmProfile.disabled-button .icon {background-position:75.00000% 11.00000%;}
html.any .standard-button.InsertAccessControlProfile .icon {background-position:0.00000% 12.00000%;}
html.web .standard-button.InsertAccessControlProfile:hover .icon {background-position:25.00000% 12.00000%;}
html.mobile .standard-button.InsertAccessControlProfile.active .icon {background-position:50.00000% 12.00000%;}
html.web .standard-button.InsertAccessControlProfile:active .icon {background-position:50.00000% 12.00000%;}
html.any .standard-button.InsertAccessControlProfile.disabled-button .icon {background-position:75.00000% 12.00000%;}
html.any .standard-button.EditAccessControlProfile .icon {background-position:0.00000% 13.00000%;}
html.web .standard-button.EditAccessControlProfile:hover .icon {background-position:25.00000% 13.00000%;}
html.mobile .standard-button.EditAccessControlProfile.active .icon {background-position:50.00000% 13.00000%;}
html.web .standard-button.EditAccessControlProfile:active .icon {background-position:50.00000% 13.00000%;}
html.any .standard-button.EditAccessControlProfile.disabled-button .icon {background-position:75.00000% 13.00000%;}
html.any .standard-button.Ready .icon {background-position:0.00000% 14.00000%;}
html.web .standard-button.Ready:hover .icon {background-position:25.00000% 14.00000%;}
html.mobile .standard-button.Ready.active .icon {background-position:50.00000% 14.00000%;}
html.web .standard-button.Ready:active .icon {background-position:50.00000% 14.00000%;}
html.any .standard-button.Ready.disabled-button .icon {background-position:75.00000% 14.00000%;}
html.any .standard-button.Reboot .icon {background-position:0.00000% 15.00000%;}
html.web .standard-button.Reboot:hover .icon {background-position:25.00000% 15.00000%;}
html.mobile .standard-button.Reboot.active .icon {background-position:50.00000% 15.00000%;}
html.web .standard-button.Reboot:active .icon {background-position:50.00000% 15.00000%;}
html.any .standard-button.Reboot.disabled-button .icon {background-position:75.00000% 15.00000%;}
html.any .standard-button.NetBoxLogging .icon {background-position:0.00000% 16.00000%;}
html.web .standard-button.NetBoxLogging:hover .icon {background-position:25.00000% 16.00000%;}
html.mobile .standard-button.NetBoxLogging.active .icon {background-position:50.00000% 16.00000%;}
html.web .standard-button.NetBoxLogging:active .icon {background-position:50.00000% 16.00000%;}
html.any .standard-button.NetBoxLogging.disabled-button .icon {background-position:75.00000% 16.00000%;}
html.any .standard-button.ServerLogging .icon {background-position:0.00000% 17.00000%;}
html.web .standard-button.ServerLogging:hover .icon {background-position:25.00000% 17.00000%;}
html.mobile .standard-button.ServerLogging.active .icon {background-position:50.00000% 17.00000%;}
html.web .standard-button.ServerLogging:active .icon {background-position:50.00000% 17.00000%;}
html.any .standard-button.ServerLogging.disabled-button .icon {background-position:75.00000% 17.00000%;}
html.any .standard-button.SystemTools .icon {background-position:0.00000% 18.00000%;}
html.web .standard-button.SystemTools:hover .icon {background-position:25.00000% 18.00000%;}
html.mobile .standard-button.SystemTools.active .icon {background-position:50.00000% 18.00000%;}
html.web .standard-button.SystemTools:active .icon {background-position:50.00000% 18.00000%;}
html.any .standard-button.SystemTools.disabled-button .icon {background-position:75.00000% 18.00000%;}
html.any .standard-button.SoftwareUpdate .icon {background-position:0.00000% 19.00000%;}
html.web .standard-button.SoftwareUpdate:hover .icon {background-position:25.00000% 19.00000%;}
html.mobile .standard-button.SoftwareUpdate.active .icon {background-position:50.00000% 19.00000%;}
html.web .standard-button.SoftwareUpdate:active .icon {background-position:50.00000% 19.00000%;}
html.any .standard-button.SoftwareUpdate.disabled-button .icon {background-position:75.00000% 19.00000%;}
html.any .standard-button.DeviceStatus .icon {background-position:0.00000% 20.00000%;}
html.web .standard-button.DeviceStatus:hover .icon {background-position:25.00000% 20.00000%;}
html.mobile .standard-button.DeviceStatus.active .icon {background-position:50.00000% 20.00000%;}
html.web .standard-button.DeviceStatus:active .icon {background-position:50.00000% 20.00000%;}
html.any .standard-button.DeviceStatus.disabled-button .icon {background-position:75.00000% 20.00000%;}
html.any .standard-button.Previous .icon {background-position:0.00000% 21.00000%;}
html.web .standard-button.Previous:hover .icon {background-position:25.00000% 21.00000%;}
html.mobile .standard-button.Previous.active .icon {background-position:50.00000% 21.00000%;}
html.web .standard-button.Previous:active .icon {background-position:50.00000% 21.00000%;}
html.any .standard-button.Previous.disabled-button .icon {background-position:75.00000% 21.00000%;}
html.any .standard-button.Next .icon {background-position:0.00000% 22.00000%;}
html.web .standard-button.Next:hover .icon {background-position:25.00000% 22.00000%;}
html.mobile .standard-button.Next.active .icon {background-position:50.00000% 22.00000%;}
html.web .standard-button.Next:active .icon {background-position:50.00000% 22.00000%;}
html.any .standard-button.Next.disabled-button .icon {background-position:75.00000% 22.00000%;}
html.any .standard-button.Invite .icon {background-position:0.00000% 23.00000%;}
html.web .standard-button.Invite:hover .icon {background-position:25.00000% 23.00000%;}
html.mobile .standard-button.Invite.active .icon {background-position:50.00000% 23.00000%;}
html.web .standard-button.Invite:active .icon {background-position:50.00000% 23.00000%;}
html.any .standard-button.Invite.disabled-button .icon {background-position:75.00000% 23.00000%;}
html.any .standard-button.AcceptInvite .icon {background-position:0.00000% 24.00000%;}
html.web .standard-button.AcceptInvite:hover .icon {background-position:25.00000% 24.00000%;}
html.mobile .standard-button.AcceptInvite.active .icon {background-position:50.00000% 24.00000%;}
html.web .standard-button.AcceptInvite:active .icon {background-position:50.00000% 24.00000%;}
html.any .standard-button.AcceptInvite.disabled-button .icon {background-position:75.00000% 24.00000%;}
html.any .standard-button.RejectInvite .icon {background-position:0.00000% 25.00000%;}
html.web .standard-button.RejectInvite:hover .icon {background-position:25.00000% 25.00000%;}
html.mobile .standard-button.RejectInvite.active .icon {background-position:50.00000% 25.00000%;}
html.web .standard-button.RejectInvite:active .icon {background-position:50.00000% 25.00000%;}
html.any .standard-button.RejectInvite.disabled-button .icon {background-position:75.00000% 25.00000%;}
html.any .standard-button.SendMessage .icon {background-position:0.00000% 26.00000%;}
html.web .standard-button.SendMessage:hover .icon {background-position:25.00000% 26.00000%;}
html.mobile .standard-button.SendMessage.active .icon {background-position:50.00000% 26.00000%;}
html.web .standard-button.SendMessage:active .icon {background-position:50.00000% 26.00000%;}
html.any .standard-button.SendMessage.disabled-button .icon {background-position:75.00000% 26.00000%;}
html.any .standard-button.AddKeyNumber .icon {background-position:0.00000% 27.00000%;}
html.web .standard-button.AddKeyNumber:hover .icon {background-position:25.00000% 27.00000%;}
html.mobile .standard-button.AddKeyNumber.active .icon {background-position:50.00000% 27.00000%;}
html.web .standard-button.AddKeyNumber:active .icon {background-position:50.00000% 27.00000%;}
html.any .standard-button.AddKeyNumber.disabled-button .icon {background-position:75.00000% 27.00000%;}
html.any .standard-button.RemoveKeyNumber .icon {background-position:0.00000% 28.00000%;}
html.web .standard-button.RemoveKeyNumber:hover .icon {background-position:25.00000% 28.00000%;}
html.mobile .standard-button.RemoveKeyNumber.active .icon {background-position:50.00000% 28.00000%;}
html.web .standard-button.RemoveKeyNumber:active .icon {background-position:50.00000% 28.00000%;}
html.any .standard-button.RemoveKeyNumber.disabled-button .icon {background-position:75.00000% 28.00000%;}
html.any .standard-button.ResetPhoto .icon {background-position:0.00000% 29.00000%;}
html.web .standard-button.ResetPhoto:hover .icon {background-position:25.00000% 29.00000%;}
html.mobile .standard-button.ResetPhoto.active .icon {background-position:50.00000% 29.00000%;}
html.web .standard-button.ResetPhoto:active .icon {background-position:50.00000% 29.00000%;}
html.any .standard-button.ResetPhoto.disabled-button .icon {background-position:75.00000% 29.00000%;}
html.any .standard-button.Lock .icon {background-position:0.00000% 30.00000%;}
html.web .standard-button.Lock:hover .icon {background-position:25.00000% 30.00000%;}
html.mobile .standard-button.Lock.active .icon {background-position:50.00000% 30.00000%;}
html.web .standard-button.Lock:active .icon {background-position:50.00000% 30.00000%;}
html.any .standard-button.Lock.disabled-button .icon {background-position:75.00000% 30.00000%;}
html.any .standard-button.UnLock .icon {background-position:0.00000% 31.00000%;}
html.web .standard-button.UnLock:hover .icon {background-position:25.00000% 31.00000%;}
html.mobile .standard-button.UnLock.active .icon {background-position:50.00000% 31.00000%;}
html.web .standard-button.UnLock:active .icon {background-position:50.00000% 31.00000%;}
html.any .standard-button.UnLock.disabled-button .icon {background-position:75.00000% 31.00000%;}
html.any .standard-button.Search .icon {background-position:0.00000% 32.00000%;}
html.web .standard-button.Search:hover .icon {background-position:25.00000% 32.00000%;}
html.mobile .standard-button.Search.active .icon {background-position:50.00000% 32.00000%;}
html.web .standard-button.Search:active .icon {background-position:50.00000% 32.00000%;}
html.any .standard-button.Search.disabled-button .icon {background-position:75.00000% 32.00000%;}
html.any .standard-button.SearchPerson .icon {background-position:0.00000% 33.00000%;}
html.web .standard-button.SearchPerson:hover .icon {background-position:25.00000% 33.00000%;}
html.mobile .standard-button.SearchPerson.active .icon {background-position:50.00000% 33.00000%;}
html.web .standard-button.SearchPerson:active .icon {background-position:50.00000% 33.00000%;}
html.any .standard-button.SearchPerson.disabled-button .icon {background-position:75.00000% 33.00000%;}
html.any .standard-button.UndeleteUser .icon {background-position:0.00000% 34.00000%;}
html.web .standard-button.UndeleteUser:hover .icon {background-position:25.00000% 34.00000%;}
html.mobile .standard-button.UndeleteUser.active .icon {background-position:50.00000% 34.00000%;}
html.web .standard-button.UndeleteUser:active .icon {background-position:50.00000% 34.00000%;}
html.any .standard-button.UndeleteUser.disabled-button .icon {background-position:75.00000% 34.00000%;}
html.any .standard-button.OnDuty .icon {background-position:0.00000% 35.00000%;}
html.web .standard-button.OnDuty:hover .icon {background-position:25.00000% 35.00000%;}
html.mobile .standard-button.OnDuty.active .icon {background-position:50.00000% 35.00000%;}
html.web .standard-button.OnDuty:active .icon {background-position:50.00000% 35.00000%;}
html.any .standard-button.OnDuty.disabled-button .icon {background-position:75.00000% 35.00000%;}
html.any .standard-button.OffDuty .icon {background-position:0.00000% 36.00000%;}
html.web .standard-button.OffDuty:hover .icon {background-position:25.00000% 36.00000%;}
html.mobile .standard-button.OffDuty.active .icon {background-position:50.00000% 36.00000%;}
html.web .standard-button.OffDuty:active .icon {background-position:50.00000% 36.00000%;}
html.any .standard-button.OffDuty.disabled-button .icon {background-position:75.00000% 36.00000%;}
html.any .standard-button.Available .icon {background-position:0.00000% 37.00000%;}
html.web .standard-button.Available:hover .icon {background-position:25.00000% 37.00000%;}
html.mobile .standard-button.Available.active .icon {background-position:50.00000% 37.00000%;}
html.web .standard-button.Available:active .icon {background-position:50.00000% 37.00000%;}
html.any .standard-button.Available.disabled-button .icon {background-position:75.00000% 37.00000%;}
html.any .standard-button.Unavailable .icon {background-position:0.00000% 38.00000%;}
html.web .standard-button.Unavailable:hover .icon {background-position:25.00000% 38.00000%;}
html.mobile .standard-button.Unavailable.active .icon {background-position:50.00000% 38.00000%;}
html.web .standard-button.Unavailable:active .icon {background-position:50.00000% 38.00000%;}
html.any .standard-button.Unavailable.disabled-button .icon {background-position:75.00000% 38.00000%;}
html.any .standard-button.AssignRoles .icon {background-position:0.00000% 39.00000%;}
html.web .standard-button.AssignRoles:hover .icon {background-position:25.00000% 39.00000%;}
html.mobile .standard-button.AssignRoles.active .icon {background-position:50.00000% 39.00000%;}
html.web .standard-button.AssignRoles:active .icon {background-position:50.00000% 39.00000%;}
html.any .standard-button.AssignRoles.disabled-button .icon {background-position:75.00000% 39.00000%;}
html.any .standard-button.Configuration .icon {background-position:0.00000% 40.00000%;}
html.web .standard-button.Configuration:hover .icon {background-position:25.00000% 40.00000%;}
html.mobile .standard-button.Configuration.active .icon {background-position:50.00000% 40.00000%;}
html.web .standard-button.Configuration:active .icon {background-position:50.00000% 40.00000%;}
html.any .standard-button.Configuration.disabled-button .icon {background-position:75.00000% 40.00000%;}
html.any .standard-button.Configure .icon {background-position:0.00000% 41.00000%;}
html.web .standard-button.Configure:hover .icon {background-position:25.00000% 41.00000%;}
html.mobile .standard-button.Configure.active .icon {background-position:50.00000% 41.00000%;}
html.web .standard-button.Configure:active .icon {background-position:50.00000% 41.00000%;}
html.any .standard-button.Configure.disabled-button .icon {background-position:75.00000% 41.00000%;}
html.any .standard-button.ChangePassword .icon {background-position:0.00000% 42.00000%;}
html.web .standard-button.ChangePassword:hover .icon {background-position:25.00000% 42.00000%;}
html.mobile .standard-button.ChangePassword.active .icon {background-position:50.00000% 42.00000%;}
html.web .standard-button.ChangePassword:active .icon {background-position:50.00000% 42.00000%;}
html.any .standard-button.ChangePassword.disabled-button .icon {background-position:75.00000% 42.00000%;}
html.any .standard-button.ChangeLanguage .icon {background-position:0.00000% 43.00000%;}
html.web .standard-button.ChangeLanguage:hover .icon {background-position:25.00000% 43.00000%;}
html.mobile .standard-button.ChangeLanguage.active .icon {background-position:50.00000% 43.00000%;}
html.web .standard-button.ChangeLanguage:active .icon {background-position:50.00000% 43.00000%;}
html.any .standard-button.ChangeLanguage.disabled-button .icon {background-position:75.00000% 43.00000%;}
html.any .standard-button.ToggleAlarmTargetOn .icon {background-position:0.00000% 44.00000%;}
html.web .standard-button.ToggleAlarmTargetOn:hover .icon {background-position:25.00000% 44.00000%;}
html.mobile .standard-button.ToggleAlarmTargetOn.active .icon {background-position:50.00000% 44.00000%;}
html.web .standard-button.ToggleAlarmTargetOn:active .icon {background-position:50.00000% 44.00000%;}
html.any .standard-button.ToggleAlarmTargetOn.disabled-button .icon {background-position:75.00000% 44.00000%;}
html.any .standard-button.ToggleAlarmTargetOff .icon {background-position:0.00000% 45.00000%;}
html.web .standard-button.ToggleAlarmTargetOff:hover .icon {background-position:25.00000% 45.00000%;}
html.mobile .standard-button.ToggleAlarmTargetOff.active .icon {background-position:50.00000% 45.00000%;}
html.web .standard-button.ToggleAlarmTargetOff:active .icon {background-position:50.00000% 45.00000%;}
html.any .standard-button.ToggleAlarmTargetOff.disabled-button .icon {background-position:75.00000% 45.00000%;}
html.any .standard-button.Import .icon {background-position:0.00000% 46.00000%;}
html.web .standard-button.Import:hover .icon {background-position:25.00000% 46.00000%;}
html.mobile .standard-button.Import.active .icon {background-position:50.00000% 46.00000%;}
html.web .standard-button.Import:active .icon {background-position:50.00000% 46.00000%;}
html.any .standard-button.Import.disabled-button .icon {background-position:75.00000% 46.00000%;}
html.any .standard-button.Export .icon {background-position:0.00000% 47.00000%;}
html.web .standard-button.Export:hover .icon {background-position:25.00000% 47.00000%;}
html.mobile .standard-button.Export.active .icon {background-position:50.00000% 47.00000%;}
html.web .standard-button.Export:active .icon {background-position:50.00000% 47.00000%;}
html.any .standard-button.Export.disabled-button .icon {background-position:75.00000% 47.00000%;}
html.any .standard-button.Refresh .icon {background-position:0.00000% 48.00000%;}
html.web .standard-button.Refresh:hover .icon {background-position:25.00000% 48.00000%;}
html.mobile .standard-button.Refresh.active .icon {background-position:50.00000% 48.00000%;}
html.web .standard-button.Refresh:active .icon {background-position:50.00000% 48.00000%;}
html.any .standard-button.Refresh.disabled-button .icon {background-position:75.00000% 48.00000%;}
html.any .standard-button.Insert .icon {background-position:0.00000% 49.00000%;}
html.web .standard-button.Insert:hover .icon {background-position:25.00000% 49.00000%;}
html.mobile .standard-button.Insert.active .icon {background-position:50.00000% 49.00000%;}
html.web .standard-button.Insert:active .icon {background-position:50.00000% 49.00000%;}
html.any .standard-button.Insert.disabled-button .icon {background-position:75.00000% 49.00000%;}
html.any .standard-button.Edit .icon {background-position:0.00000% 50.00000%;}
html.web .standard-button.Edit:hover .icon {background-position:25.00000% 50.00000%;}
html.mobile .standard-button.Edit.active .icon {background-position:50.00000% 50.00000%;}
html.web .standard-button.Edit:active .icon {background-position:50.00000% 50.00000%;}
html.any .standard-button.Edit.disabled-button .icon {background-position:75.00000% 50.00000%;}
html.any .standard-button.Ok .icon {background-position:0.00000% 51.00000%;}
html.web .standard-button.Ok:hover .icon {background-position:25.00000% 51.00000%;}
html.mobile .standard-button.Ok.active .icon {background-position:50.00000% 51.00000%;}
html.web .standard-button.Ok:active .icon {background-position:50.00000% 51.00000%;}
html.any .standard-button.Ok.disabled-button .icon {background-position:75.00000% 51.00000%;}
html.any .standard-button.Cancel .icon {background-position:0.00000% 52.00000%;}
html.web .standard-button.Cancel:hover .icon {background-position:25.00000% 52.00000%;}
html.mobile .standard-button.Cancel.active .icon {background-position:50.00000% 52.00000%;}
html.web .standard-button.Cancel:active .icon {background-position:50.00000% 52.00000%;}
html.any .standard-button.Cancel.disabled-button .icon {background-position:75.00000% 52.00000%;}
html.any .standard-button.Delete .icon {background-position:0.00000% 52.00000%;}
html.web .standard-button.Delete:hover .icon {background-position:25.00000% 52.00000%;}
html.mobile .standard-button.Delete.active .icon {background-position:50.00000% 52.00000%;}
html.web .standard-button.Delete:active .icon {background-position:50.00000% 52.00000%;}
html.any .standard-button.Delete.disabled-button .icon {background-position:75.00000% 52.00000%;}
html.any .standard-button.AddAll .icon {background-position:0.00000% 53.00000%;}
html.web .standard-button.AddAll:hover .icon {background-position:25.00000% 53.00000%;}
html.mobile .standard-button.AddAll.active .icon {background-position:50.00000% 53.00000%;}
html.web .standard-button.AddAll:active .icon {background-position:50.00000% 53.00000%;}
html.any .standard-button.AddAll.disabled-button .icon {background-position:75.00000% 53.00000%;}
html.any .standard-button.Add .icon {background-position:0.00000% 54.00000%;}
html.web .standard-button.Add:hover .icon {background-position:25.00000% 54.00000%;}
html.mobile .standard-button.Add.active .icon {background-position:50.00000% 54.00000%;}
html.web .standard-button.Add:active .icon {background-position:50.00000% 54.00000%;}
html.any .standard-button.Add.disabled-button .icon {background-position:75.00000% 54.00000%;}
html.any .standard-button.MoveUp .icon {background-position:0.00000% 54.00000%;}
html.web .standard-button.MoveUp:hover .icon {background-position:25.00000% 54.00000%;}
html.mobile .standard-button.MoveUp.active .icon {background-position:50.00000% 54.00000%;}
html.web .standard-button.MoveUp:active .icon {background-position:50.00000% 54.00000%;}
html.any .standard-button.MoveUp.disabled-button .icon {background-position:75.00000% 54.00000%;}
html.any .standard-button.Remove .icon {background-position:0.00000% 55.00000%;}
html.web .standard-button.Remove:hover .icon {background-position:25.00000% 55.00000%;}
html.mobile .standard-button.Remove.active .icon {background-position:50.00000% 55.00000%;}
html.web .standard-button.Remove:active .icon {background-position:50.00000% 55.00000%;}
html.any .standard-button.Remove.disabled-button .icon {background-position:75.00000% 55.00000%;}
html.any .standard-button.MoveDown .icon {background-position:0.00000% 55.00000%;}
html.web .standard-button.MoveDown:hover .icon {background-position:25.00000% 55.00000%;}
html.mobile .standard-button.MoveDown.active .icon {background-position:50.00000% 55.00000%;}
html.web .standard-button.MoveDown:active .icon {background-position:50.00000% 55.00000%;}
html.any .standard-button.MoveDown.disabled-button .icon {background-position:75.00000% 55.00000%;}
html.any .standard-button.RemoveAll .icon {background-position:0.00000% 56.00000%;}
html.web .standard-button.RemoveAll:hover .icon {background-position:25.00000% 56.00000%;}
html.mobile .standard-button.RemoveAll.active .icon {background-position:50.00000% 56.00000%;}
html.web .standard-button.RemoveAll:active .icon {background-position:50.00000% 56.00000%;}
html.any .standard-button.RemoveAll.disabled-button .icon {background-position:75.00000% 56.00000%;}
html.any .standard-button.CallOrder .icon {background-position:0.00000% 57.00000%;}
html.web .standard-button.CallOrder:hover .icon {background-position:25.00000% 57.00000%;}
html.mobile .standard-button.CallOrder.active .icon {background-position:50.00000% 57.00000%;}
html.web .standard-button.CallOrder:active .icon {background-position:50.00000% 57.00000%;}
html.any .standard-button.CallOrder.disabled-button .icon {background-position:75.00000% 57.00000%;}
html.any .standard-button.Call .icon {background-position:0.00000% 58.00000%;}
html.web .standard-button.Call:hover .icon {background-position:25.00000% 58.00000%;}
html.mobile .standard-button.Call.active .icon {background-position:50.00000% 58.00000%;}
html.web .standard-button.Call:active .icon {background-position:50.00000% 58.00000%;}
html.any .standard-button.Call.disabled-button .icon {background-position:75.00000% 58.00000%;}
html.any .standard-button.HangUp .icon {background-position:0.00000% 59.00000%;}
html.web .standard-button.HangUp:hover .icon {background-position:25.00000% 59.00000%;}
html.mobile .standard-button.HangUp.active .icon {background-position:50.00000% 59.00000%;}
html.web .standard-button.HangUp:active .icon {background-position:50.00000% 59.00000%;}
html.any .standard-button.HangUp.disabled-button .icon {background-position:75.00000% 59.00000%;}
html.any .standard-button.AssignDoors .icon {background-position:0.00000% 60.00000%;}
html.web .standard-button.AssignDoors:hover .icon {background-position:25.00000% 60.00000%;}
html.mobile .standard-button.AssignDoors.active .icon {background-position:50.00000% 60.00000%;}
html.web .standard-button.AssignDoors:active .icon {background-position:50.00000% 60.00000%;}
html.any .standard-button.AssignDoors.disabled-button .icon {background-position:75.00000% 60.00000%;}
html.any .standard-button.AccessLogging .icon {background-position:0.00000% 61.00000%;}
html.web .standard-button.AccessLogging:hover .icon {background-position:25.00000% 61.00000%;}
html.mobile .standard-button.AccessLogging.active .icon {background-position:50.00000% 61.00000%;}
html.web .standard-button.AccessLogging:active .icon {background-position:50.00000% 61.00000%;}
html.any .standard-button.AccessLogging.disabled-button .icon {background-position:75.00000% 61.00000%;}
html.any .standard-button.Navigate .icon {background-position:0.00000% 62.00000%;}
html.web .standard-button.Navigate:hover .icon {background-position:25.00000% 62.00000%;}
html.mobile .standard-button.Navigate.active .icon {background-position:50.00000% 62.00000%;}
html.web .standard-button.Navigate:active .icon {background-position:50.00000% 62.00000%;}
html.any .standard-button.Navigate.disabled-button .icon {background-position:75.00000% 62.00000%;}
html.any .standard-button.Move .icon {background-position:0.00000% 63.00000%;}
html.web .standard-button.Move:hover .icon {background-position:25.00000% 63.00000%;}
html.mobile .standard-button.Move.active .icon {background-position:50.00000% 63.00000%;}
html.web .standard-button.Move:active .icon {background-position:50.00000% 63.00000%;}
html.any .standard-button.Move.disabled-button .icon {background-position:75.00000% 63.00000%;}
html.any .standard-button.ShowPdf .icon {background-position:0.00000% 64.00000%;}
html.web .standard-button.ShowPdf:hover .icon {background-position:25.00000% 64.00000%;}
html.mobile .standard-button.ShowPdf.active .icon {background-position:50.00000% 64.00000%;}
html.web .standard-button.ShowPdf:active .icon {background-position:50.00000% 64.00000%;}
html.any .standard-button.ShowPdf.disabled-button .icon {background-position:75.00000% 64.00000%;}
html.any .standard-button.ShowLicenses .icon {background-position:0.00000% 65.00000%;}
html.web .standard-button.ShowLicenses:hover .icon {background-position:25.00000% 65.00000%;}
html.mobile .standard-button.ShowLicenses.active .icon {background-position:50.00000% 65.00000%;}
html.web .standard-button.ShowLicenses:active .icon {background-position:50.00000% 65.00000%;}
html.any .standard-button.ShowLicenses.disabled-button .icon {background-position:75.00000% 65.00000%;}
html.any .standard-button.RequestCertificate .icon {background-position:0.00000% 66.00000%;}
html.web .standard-button.RequestCertificate:hover .icon {background-position:25.00000% 66.00000%;}
html.mobile .standard-button.RequestCertificate.active .icon {background-position:50.00000% 66.00000%;}
html.web .standard-button.RequestCertificate:active .icon {background-position:50.00000% 66.00000%;}
html.any .standard-button.RequestCertificate.disabled-button .icon {background-position:75.00000% 66.00000%;}
html.any .standard-button.AcceptAndCall .icon {background-position:0.00000% 67.00000%;}
html.web .standard-button.AcceptAndCall:hover .icon {background-position:25.00000% 67.00000%;}
html.mobile .standard-button.AcceptAndCall.active .icon {background-position:50.00000% 67.00000%;}
html.web .standard-button.AcceptAndCall:active .icon {background-position:50.00000% 67.00000%;}
html.any .standard-button.AcceptAndCall.disabled-button .icon {background-position:75.00000% 67.00000%;}
html.any .standard-button.Accept .icon {background-position:0.00000% 68.00000%;}
html.web .standard-button.Accept:hover .icon {background-position:25.00000% 68.00000%;}
html.mobile .standard-button.Accept.active .icon {background-position:50.00000% 68.00000%;}
html.web .standard-button.Accept:active .icon {background-position:50.00000% 68.00000%;}
html.any .standard-button.Accept.disabled-button .icon {background-position:75.00000% 68.00000%;}
html.any .standard-button.Reject .icon {background-position:0.00000% 69.00000%;}
html.web .standard-button.Reject:hover .icon {background-position:25.00000% 69.00000%;}
html.mobile .standard-button.Reject.active .icon {background-position:50.00000% 69.00000%;}
html.web .standard-button.Reject:active .icon {background-position:50.00000% 69.00000%;}
html.any .standard-button.Reject.disabled-button .icon {background-position:75.00000% 69.00000%;}
html.any .standard-button.TaskDone .icon {background-position:0.00000% 70.00000%;}
html.web .standard-button.TaskDone:hover .icon {background-position:25.00000% 70.00000%;}
html.mobile .standard-button.TaskDone.active .icon {background-position:50.00000% 70.00000%;}
html.web .standard-button.TaskDone:active .icon {background-position:50.00000% 70.00000%;}
html.any .standard-button.TaskDone.disabled-button .icon {background-position:75.00000% 70.00000%;}
html.any .standard-button.TaskCancelled .icon {background-position:0.00000% 71.00000%;}
html.web .standard-button.TaskCancelled:hover .icon {background-position:25.00000% 71.00000%;}
html.mobile .standard-button.TaskCancelled.active .icon {background-position:50.00000% 71.00000%;}
html.web .standard-button.TaskCancelled:active .icon {background-position:50.00000% 71.00000%;}
html.any .standard-button.TaskCancelled.disabled-button .icon {background-position:75.00000% 71.00000%;}
html.any .standard-button.Detach .icon {background-position:0.00000% 72.00000%;}
html.web .standard-button.Detach:hover .icon {background-position:25.00000% 72.00000%;}
html.mobile .standard-button.Detach.active .icon {background-position:50.00000% 72.00000%;}
html.web .standard-button.Detach:active .icon {background-position:50.00000% 72.00000%;}
html.any .standard-button.Detach.disabled-button .icon {background-position:75.00000% 72.00000%;}
html.any .standard-button.Camera .icon {background-position:0.00000% 73.00000%;}
html.web .standard-button.Camera:hover .icon {background-position:25.00000% 73.00000%;}
html.mobile .standard-button.Camera.active .icon {background-position:50.00000% 73.00000%;}
html.web .standard-button.Camera:active .icon {background-position:50.00000% 73.00000%;}
html.any .standard-button.Camera.disabled-button .icon {background-position:75.00000% 73.00000%;}
html.any .standard-button.Provision .icon {background-position:0.00000% 74.00000%;}
html.web .standard-button.Provision:hover .icon {background-position:25.00000% 74.00000%;}
html.mobile .standard-button.Provision.active .icon {background-position:50.00000% 74.00000%;}
html.web .standard-button.Provision:active .icon {background-position:50.00000% 74.00000%;}
html.any .standard-button.Provision.disabled-button .icon {background-position:75.00000% 74.00000%;}
html.any .standard-button.SmsProvider .icon {background-position:0.00000% 75.00000%;}
html.web .standard-button.SmsProvider:hover .icon {background-position:25.00000% 75.00000%;}
html.mobile .standard-button.SmsProvider.active .icon {background-position:50.00000% 75.00000%;}
html.web .standard-button.SmsProvider:active .icon {background-position:50.00000% 75.00000%;}
html.any .standard-button.SmsProvider.disabled-button .icon {background-position:75.00000% 75.00000%;}

/* Auto-generated */

.small-button.small .icon
{
    background:url('images/CQControlSmallButtons.png?v5.5.24348.5') no-repeat 0 0;
    background-size:90px 198px;
    width:18px;
    height:18px;
}

.small-button .icon
{
    background:url('images/CQControlSmallButtons.png?v5.5.24348.5') no-repeat 0 0;
    background-size:110px 242px;
    width:22px;
    height:22px;
}

.small-button.large .icon
{
    background:url('images/CQControlSmallButtons.png?v5.5.24348.5') no-repeat 0 0;
    background-size:110px 242px;
    width:22px;
    height:22px;
}

.small-button:link:not(.disabled-button) {text-decoration:none;color:#808080;}
.small-button:visited:not(.disabled-button) {text-decoration:none;color:#808080;}
.small-button:hover:not(.disabled-button) {text-decoration:none;color:#F39900;}
.small-button:active:not(.disabled-button) {text-decoration:none;color:#794C00;background-color:transparent;}
.small-button {text-decoration:none;color:#9F9F9F;}
.small-button:focus {outline:none;}

html.any .small-button.LoginSmall .icon {background-position:0.00000% 0.00000%;}
html.web .small-button.LoginSmall:hover .icon {background-position:25.00000% 0.00000%;}
html.mobile .small-button.LoginSmall.active .icon {background-position:50.00000% 0.00000%;}
html.web .small-button.LoginSmall:active .icon {background-position:50.00000% 0.00000%;}
html.any .small-button.LoginSmall.disabled-button .icon {background-position:75.00000% 0.00000%;}
html.any .small-button.LogoutSmall .icon {background-position:0.00000% 10.00000%;}
html.web .small-button.LogoutSmall:hover .icon {background-position:25.00000% 10.00000%;}
html.mobile .small-button.LogoutSmall.active .icon {background-position:50.00000% 10.00000%;}
html.web .small-button.LogoutSmall:active .icon {background-position:50.00000% 10.00000%;}
html.any .small-button.LogoutSmall.disabled-button .icon {background-position:75.00000% 10.00000%;}
html.any .small-button.SelectAllSmall .icon {background-position:0.00000% 20.00000%;}
html.web .small-button.SelectAllSmall:hover .icon {background-position:25.00000% 20.00000%;}
html.mobile .small-button.SelectAllSmall.active .icon {background-position:50.00000% 20.00000%;}
html.web .small-button.SelectAllSmall:active .icon {background-position:50.00000% 20.00000%;}
html.any .small-button.SelectAllSmall.disabled-button .icon {background-position:75.00000% 20.00000%;}
html.any .small-button.SelectNoneSmall .icon {background-position:0.00000% 30.00000%;}
html.web .small-button.SelectNoneSmall:hover .icon {background-position:25.00000% 30.00000%;}
html.mobile .small-button.SelectNoneSmall.active .icon {background-position:50.00000% 30.00000%;}
html.web .small-button.SelectNoneSmall:active .icon {background-position:50.00000% 30.00000%;}
html.any .small-button.SelectNoneSmall.disabled-button .icon {background-position:75.00000% 30.00000%;}
html.any .small-button.RefreshSmall .icon {background-position:0.00000% 40.00000%;}
html.web .small-button.RefreshSmall:hover .icon {background-position:25.00000% 40.00000%;}
html.mobile .small-button.RefreshSmall.active .icon {background-position:50.00000% 40.00000%;}
html.web .small-button.RefreshSmall:active .icon {background-position:50.00000% 40.00000%;}
html.any .small-button.RefreshSmall.disabled-button .icon {background-position:75.00000% 40.00000%;}
html.any .small-button.ImportSmall .icon {background-position:0.00000% 50.00000%;}
html.web .small-button.ImportSmall:hover .icon {background-position:25.00000% 50.00000%;}
html.mobile .small-button.ImportSmall.active .icon {background-position:50.00000% 50.00000%;}
html.web .small-button.ImportSmall:active .icon {background-position:50.00000% 50.00000%;}
html.any .small-button.ImportSmall.disabled-button .icon {background-position:75.00000% 50.00000%;}
html.any .small-button.ExportSmall .icon {background-position:0.00000% 60.00000%;}
html.web .small-button.ExportSmall:hover .icon {background-position:25.00000% 60.00000%;}
html.mobile .small-button.ExportSmall.active .icon {background-position:50.00000% 60.00000%;}
html.web .small-button.ExportSmall:active .icon {background-position:50.00000% 60.00000%;}
html.any .small-button.ExportSmall.disabled-button .icon {background-position:75.00000% 60.00000%;}
html.any .small-button.PlaySmall .icon {background-position:0.00000% 70.00000%;}
html.web .small-button.PlaySmall:hover .icon {background-position:25.00000% 70.00000%;}
html.mobile .small-button.PlaySmall.active .icon {background-position:50.00000% 70.00000%;}
html.web .small-button.PlaySmall:active .icon {background-position:50.00000% 70.00000%;}
html.any .small-button.PlaySmall.disabled-button .icon {background-position:75.00000% 70.00000%;}
html.any .small-button.PauseSmall .icon {background-position:0.00000% 80.00000%;}
html.web .small-button.PauseSmall:hover .icon {background-position:25.00000% 80.00000%;}
html.mobile .small-button.PauseSmall.active .icon {background-position:50.00000% 80.00000%;}
html.web .small-button.PauseSmall:active .icon {background-position:50.00000% 80.00000%;}
html.any .small-button.PauseSmall.disabled-button .icon {background-position:75.00000% 80.00000%;}

/*
* This stylesheet is used for the CQ-Net Live controls & containers (Tableview, Detailview, Buttonbar etc)
*/

/**************** ButtonBar *******************/
.Toolbar
{
    margin: 0;
    padding: 0;
    color: #444;
    text-decoration: none;
    display: block;
}

ul.buttonbar{ list-style-type:none;white-space: nowrap; }
ul.horizontal li { display: inline; }

.Toolbar.SmallText li
{
    font-size: 14px;
    margin-top: 7px;
    margin-bottom: 4px;
    margin-left: 2px;
}

/**************** OverView ********************/
.DashBoardTimeStamp
{
    padding: 70px 4px 0;
}

/**************** TableView ********************/
.headertext {
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.dataTables_wrapper .ui-widget-header:first-child { background: #fff; color: #000; border-bottom: 2px solid #F39900; border-radius: 0; margin: 5px 0; padding: 3px 0; min-height: 0;}

.dataTables_wrapper .ui-widget-header:last-child { background: #fff; color: #000; border: 0; border-top: 1px solid #9d9f9e; font-size: 10px;}

.dataTables_filter { font-size: 13px; }

.dataTables_sorting { font-size: 13px; }

.dataTables_sorting select { font-size: 12px;}

/* Change color of MS-Reveal button */
input::-ms-reveal {
    color: #F39900;
}

/* Change color of MS-Clear button */
input::-ms-clear {
    color: #F39900;
}

/* Remove the MS clear button in the filter box */
.dataTables_filter input::-ms-clear {
    display: none;
}

.dataTables_filter input{
    font-size: 12px;
}

.dataTables_sorting
{
    float: right;
}

.dataTable thead th
{
    white-space: nowrap;
}

.dataTable tbody td
{
    white-space: nowrap;
}

.dataTable tbody tr
{
    height: 22px;
}

div.DTTT_container
{
    margin-bottom: 0;
    position: absolute;
    right: 0;
    background: #fff;
    padding-left: 5px;
}

a.DTTT_disabled
{
    border: none;
}

th:focus
{
    outline: none;
}

/**************** DetailView ******************/
.DetailNormal
{
    border: solid 1px #7F9DB9;
    background-color: #fff;
}

.DetailReadOnly
{
    color: #303030;
    font-weight: bold;
    text-align: left;
}

.DetailReadOnlyDeleted
{
    border: 0 solid #fff;
    background-color: #fff;
    color: #ff0000;
    font-weight: bold;
    text-align: left;
}

.small { width: 200px; }

.medium {width: 300px;}

.large {width: 300px;}

.memo
{
    min-height: 75px;
    max-height: 125px;
    height: auto;
    width: 350px;
    overflow: auto;
    white-space: pre-wrap;
}

/**************** Dialog ***********************/
.DialogButtons
{
    height: 36px;
    margin-top: 10px;
}

    .DialogButtons ul
    {
        float: right;
    }

.ui-widget { font: 14px "Calibri", "Gil Sans", "Trebuchet MS", sans-serif; }

.ui-dialog {
    background: #fff;
    border: 1px solid #9d9f9e; 
    box-shadow: 5px 5px 10px #000;
    padding: 0.5em;
}

    .ui-dialog .ui-dialog-titlebar {
        background: #F39900;
        color: #fff;
    }

    .ui-dialog .ui-dialog-content {
        padding: .5em;
    }

/**************** iconlist ********************/
.iconlist
{
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 150px;
    overflow: auto;
    margin-top: 10px;
}

li.Error
{
    background-image: url('../Images/ErrorIcons/Error.png?v5.5.24348.5');
    background-repeat: no-repeat;
    padding: 1px 0 0 22px;
    line-height: normal;
}

li.Warning
{
    background-image: url('../Images/ErrorIcons/Warning.png?v5.5.24348.5');
    background-repeat: no-repeat;
    padding: 1px 0 0 22px;
    line-height: normal;
}

li.Information
{
    background-image: url('../Images/ErrorIcons/Info.png?v5.5.24348.5');
    background-repeat: no-repeat;
    padding: 1px 0 0 22px;
    line-height: normal;
}

/* Splitter */
.ui-resizable-e {
    background-color: #D3D6DD;
    width: 4px;
}

.ui-resizable-s {
    background-color: #D3D6DD;
    bottom: -6px;
    height: 5px;
}

div.__tableSizerPointer {
    cursor: pointer;
}

div.__tableSizerHeader {
    cursor: default !important;
}

div.odd,
table.dataTable tr.odd {
    background-color: #eee;
}

div.DTTT_selected,
table.dataTable tr.DTTT_selected.odd, table.dataTable tr.DTTT_selected.even {
    background-color: #F39900;
    color: #fff;
}
div.__tableSizerHeader,
table.dataTable thead th.ui-state-default {
    background: #333 !important;
    border: none;
    color: #fff;
}

div.selected,
div.selected.odd,
div.selected.even,
table.dataTable tr.DTTT_selected.odd td.sorting_1,
table.dataTable tr.DTTT_selected.odd td.sorting_2,
table.dataTable tr.DTTT_selected.odd td.sorting_3,
table.dataTable tr.DTTT_selected.even td.sorting_1,
table.dataTable tr.DTTT_selected.even td.sorting_2,
table.dataTable tr.DTTT_selected.even td.sorting_3 {
    background-color: #F39900;
}

table.dataTable tr.even td.sorting_1,
table.dataTable tr.even td.sorting_2,
table.dataTable tr.even td.sorting_3  {
    background-color: #FFD4A2;
}

table.dataTable tr.odd td.sorting_1,
table.dataTable tr.odd td.sorting_2,
table.dataTable tr.odd td.sorting_3 {
    background-color: #FFE5C7;
}

div.DTS div.dataTables_scroll {
    background: none;
    margin: 0;
}

.ui-widget-header {
    background: #fff;
    color: #000;
    border: none;
    border-bottom: 2px solid #F39900;
}

.ui-corner-all {
    border-radius: 0;
}

.ui-widget-overlay {
    background: #3E465D 50% 50% repeat;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
    z-index: 1000;
}

/***********Accordion************/
.ui-accordion-header,
.ui-state-hover,
.ui-state-active,
.ui-widget-content,
.ui-widget-content .ui-state-active,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-state-hover,
.ui-widget-content .ui-state-hover {
    background: #fff;
    border: 0;
}

/************ Photo *************/
.StandardPhoto { width:128px; height:128px; overflow:hidden; background-position:center center; background-color: inherit; background-repeat:no-repeat; background-size: contain; position:relative; border:solid 1px #9d9f9e; }

.FitPhoto { background-size:cover; }

.ChangePhotoLink { display: block; text-align:center; }

/*********** Date picker ************/
.ui-widget-header.ui-datepicker-header
{
    background-color: #F39900;
    color: #fff;
    padding-bottom: 0px;
    padding-top: 0px;
}

.ui-widget.ui-datepicker
{
    border: solid 1px #7f9db9;
    box-shadow: 3px 3px 7px #000;
}

/********** SoundSelect ************/
div.sound-select {
    display: inline-block; 
    width: 18px; 
    height: 18px; 
    vertical-align: top;
    margin-top: 1px;
}
/*
* Stylesheet used for miscellaneous
*
*/
textarea {
    font-size: 14px;
    color: #000000;
    resize: none;
}

h1 {
    font-size: 16px;
    line-height: 30px;
}

Label {
    margin-left: 9px;
}

input[type=radio] + label{
  margin-left  : 0px;
}

#Content
{
    position: relative;
}

.ValidationMsg { color: #000000; }
.contain-text { display: none; }
.TitleFont {
    width: 100%;
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
    border-bottom: 2px solid #F39900;
}

    .TitleFont:not(:nth-of-type(1)) {
        margin-top: 15px;
    }

.Explanation {
    width: 100%;
    display: block;
    padding: 0 0 10px 0;
}

.Hidden { display: none; }

.Clear { clear: both; }

input[type="image"]:disabled { cursor: default; }

input[type="image"]:enabled { cursor: pointer; }

.display-table { display: table-cell;}

.display-row { display: table-row; }

.display-cell { display: table-cell; }

.text { display: block; width: 100%; }

.left { float: left; }

.hide-scrollbars{ overflow: hidden;}
.show-scrollbars { overflow: auto;}

.fadein-content { opacity: 0;}

/*** 5 Stars Large ***************************************/

.Stars0 { background: url('../Images/Stars/0StarsLarge.png?v5.5.24348.5'); height: 16px; width: 132px; background-repeat: no-repeat; background-size: 60%; }

.Stars1 { background: url('../Images/Stars/1StarsLarge.png?v5.5.24348.5'); height: 16px; width: 132px; background-repeat: no-repeat; background-size: 60%; }

.Stars2 { background: url('../Images/Stars/2StarsLarge.png?v5.5.24348.5'); height: 16px; width: 132px; background-repeat: no-repeat; background-size: 60%; }

.Stars3 { background: url('../Images/Stars/3StarsLarge.png?v5.5.24348.5'); height: 16px; width: 132px; background-repeat: no-repeat; background-size: 60%; }

.Stars4 { background: url('../Images/Stars/4StarsLarge.png?v5.5.24348.5'); height: 16px; width: 132px; background-repeat: no-repeat; background-size: 60%; }

.Stars5 { background: url('../Images/Stars/5StarsLarge.png?v5.5.24348.5'); height: 16px; width: 132px; background-repeat: no-repeat; background-size: 60%; }

/*** 5 Stars Small ***************************************/

.ImageStars0 { background: url('../Images/Stars/0Stars.png?v5.5.24348.5'); height: 16px; width: 88px; background-repeat: no-repeat; }

.ImageStars1 { background: url('../Images/Stars/1Stars.png?v5.5.24348.5'); height: 16px; width: 88px; background-repeat: no-repeat; }

.ImageStars2 { background: url('../Images/Stars/2Stars.png?v5.5.24348.5'); height: 16px; width: 88px; background-repeat: no-repeat; }

.ImageStars3 { background: url('../Images/Stars/3Stars.png?v5.5.24348.5'); height: 16px; width: 88px; background-repeat: no-repeat; }

.ImageStars4 { background: url('../Images/Stars/4Stars.png?v5.5.24348.5'); height: 16px; width: 88px; background-repeat: no-repeat; }

.ImageStars5 { background: url('../Images/Stars/5Stars.png?v5.5.24348.5'); height: 16px; width: 88px; background-repeat: no-repeat; }

/*** DeviceStatusType ************************************************/

.ImageOk { background: url('../Images/DeviceStatus/Ok.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

.ImageUnknown { background: url('../Images/DeviceStatus/Unknown.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

.ImageWarning { background: url('../Images/DeviceStatus/Warning.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

.ImageError { background: url('../Images/DeviceStatus/Error.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

.ImageDisconnected { background: url('../Images/DeviceStatus/Disconnected.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

.ImageInActive { background: url('../Images/DeviceStatus/InActive.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

.ImageCareAlarm { background: url('../Images/DeviceStatus/CareAlarm.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

.ImageShort { background: url('../Images/DeviceStatus/Short.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

.ImageOkMedium { background: url('../Images/DeviceStatus/OkLarge.png?v5.5.24348.5'); height: 32px; width: 32px; background-repeat: no-repeat; }

.ImageUnknownMedium { background: url('../Images/DeviceStatus/UnknownLarge.png?v5.5.24348.5'); height: 32px; width: 32px; background-repeat: no-repeat; }

.ImageWarningMedium { background: url('../Images/DeviceStatus/WarningLarge.png?v5.5.24348.5'); height: 32px; width: 32px; background-repeat: no-repeat; }

.ImageErrorMedium { background: url('../Images/DeviceStatus/ErrorLarge.png?v5.5.24348.5'); height: 32px; width: 32px; background-repeat: no-repeat; }

.ImageDisconnectedMedium { background: url('../Images/DeviceStatus/DisconnectedLarge.png?v5.5.24348.5'); height: 32px; width: 32px; background-repeat: no-repeat; }

.ImageInActiveMedium { background: url('../Images/DeviceStatus/InActiveLarge.png?v5.5.24348.5'); height: 32px; width: 32px; background-repeat: no-repeat; }

.ImageShortMedium { background: url('../Images/DeviceStatus/ShortLarge.png?v5.5.24348.5'); height: 32px; width: 32px; background-repeat: no-repeat; }

/*** DoorEventType ************************************************/

.ImageAccessGranted { background: url('../Images/DoorEvent/AccessGranted.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

.ImageAccessDenied { background: url('../Images/DoorEvent/AccessDenied.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

.ImageNightLockOn { background: url('../Images/DoorEvent/NightLockOn.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

.ImageNightLockOff { background: url('../Images/DoorEvent/NightLockOff.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

.ImageOpenDoorRemote { background: url('../Images/DoorEvent/OpenDoorRemote.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

/*** SipAccountStatus ************************************************/

.ImageInUse { background: url('../Images/SipAccountStatus/InUse.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

.ImageFree { background: url('../Images/SipAccountStatus/Free.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }

.ImageCoolingDown { background: url('../Images/SipAccountStatus/CoolingDown.png?v5.5.24348.5'); height: 16px; width: 16px; background-repeat: no-repeat; }
/*
* This stylesheet is used for the styling of the dialogs
*/
/***************** DialogAccessControl ***************/
.DialogAccessControl {
    min-height: 60px;
    color: #000;
    line-height: 15pt;
    clear: both;
}

.ParentTypeDropDownList {
    margin-top: 0px;
    float: right;
    margin-right: -1px;
}

.AddUsersButtonBar {
    float: left;
    margin: 10px 0 10px -5px;
    width: 100%;
}

.AccessControlButtons {
    padding-top: 10px;
}

.UsersBody {
    clear: both;
}

/***************** DialogAccessLogging ***************/
.AccessloggingCalender {
    text-align: center;
}

    .AccessloggingCalender table {
        margin: 0 auto;
    }

/***************** DialogAssignDoors *****************/
.DialogAssignDoors {
    min-width: 700px;
}

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

    .AssigningList .assignlist:only-of-type {
        display: block;
    }

.ProjectsList {
    display: table-cell;
    padding-right: 10px;
}

.DoorsList {
    display: table-cell;
}

/***************** DialogCallOrderList *******************/

.DialogCallOrderListContainer {
    display: table;
    margin-bottom: 10px;
}

.CallOrderItem {
    display: table-cell;
    vertical-align: top;
}

/***************** DialogConfirm **********************/

.DialogContent {
    min-height: 50px;
}

/***************** DialogClientProfessional **********/
.DialogClientProfessional {
    color: #000;
    line-height: 15pt;
    clear: both;
}

.DialogClientProfessionalPersonMatchesHeader {
    margin-top: 10px;
}

.ClientProfessionalButtonsMatches {
    margin: 10px 0 10px 10px;
}

.DialogClientProfessionalPersonMatchesContainer {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.DialogClientProfessionalPersonMatchesDetailContainer {
    display: table-cell;
}

.DialogClientProfessionalPersonMatchesDetailHeader {
    margin-bottom: 10px;
}

.DialogClientProfessionalPersonMatchesDetail {
    text-align: center;
}

.ClientProfessionalButtonsDetail {
    display: table-cell;
    margin-top: 10px;
    margin-left: 20px;
}

/***************** DialogImport ******************/
#DialogImport input[type="file"] {
    margin-bottom: 5px;
}

#DialogImport div.text-message {
    margin: 5px 0;
}

#DialogImport input[type="radio"] {
    margin-left: 10px;
}

/***************** DialogDispatchAlarm ***************/
.AlarmDispatchTable {
    display: table;
}

.AlarmDispatchRow {
    display: table-row;
    vertical-align: top;
}

    .AlarmDispatchRow > div:nth-of-type(2) {
        padding-left: 15px;
    }

    .AlarmDispatchRow:nth-of-type(2) > div {
        padding-top: 10px;
    }

.AlarmDispatchCell {
    display: table-cell;
    vertical-align: top;
}

    .AlarmDispatchCell .Toolbar {
        padding-top: 5px;
    }

#ctl00_DialogContainer_dialog_CallBackNumber {
    display: block;
}

#ctl00_DialogContainer_dialog_ProfessionalPhoneNumber {
    display: block;
}

.DispatchPhoto {
    float: left;
    margin-right: 31px;
}

#ClientDetail > div:last-of-type {
    margin-top: 10px;
}

.ClientPriorityRemarksTable {
    display: table;
}

    .ClientPriorityRemarksTable .ClientPriorityLabel {
        vertical-align: top;
        white-space: nowrap;
        text-align: left;
        padding-top: 10px;
    }

    .ClientPriorityRemarksTable .ClientPriorityStars {
        vertical-align: middle;
        text-align: left;
        padding-top: 10px;
    }

    .ClientPriorityRemarksTable .ClientRemarksLabel {
        vertical-align: top;
        white-space: nowrap;
        text-align: left;
    }

    .ClientPriorityRemarksTable .ClientRemarks {
        vertical-align: middle;
        text-align: left;
        min-width: 300px;
        padding-right: 2px;
    }

/***************** DialogEditDoorNumber **************/
.DialogEditDoorNumber {
    color: #000;
    line-height: 15pt;
}

/***************** DialogExtendedLookup ****************/
[id$=LabelSelectEntity].TitleFont {
    margin-top: 0;
    color: #000;
}

[id$=LabelSearchNetBox].TitleFont {
    margin-top: 0;
    color: #000;
}

#OtherProject {
    overflow: visible;
}

/***************** DialogEntityEdit ******************/
.DialogEntityEdit {
    min-height: 60px;
    line-height: 15pt;
}

/***************** DialogMove ************************/
.InnerDialogMoveButtonBar {
    float: right;
}

.DialogMoveConfirm {
    color: black;
    line-height: 15pt;
    clear: both;
}
/***************** DialogNetBoxReady *****************/
.DialogNetBoxReady {
    color: #000;
    line-height: 15pt;
    clear: both;
}

.DialogReadyControl {
    display: block;
}

.RemarksText {
    overflow: auto;
    margin: 10px 0;
}

.ReadyCheckBox {
    clear: both;
    padding: 10px 0 20px 0;
}
/***************** DialogAccessControlProfileSearch ****************/
#SearchContent > span:after {
    content: ":";
}

#DialogAccessControlProfileSearch > div:last-of-type {
    margin-top: 20px;
}

.NetBOXNumber {
    width: 190px;
}

/***************** DialogPairDoor ********************/
.DialogPairDoor {
    margin: 5px auto;
    text-align: center;
}

.PairDoorStatus {
    color: #666;
    font-weight: 700;
    font-size: 18px;
}
/***************** DialogPersonSearch ****************/
#DialogPersonSearch {
    margin-top: 0;
    clear: both;
    color: #000;
    line-height: 15pt;
}

.LabelSearchPerson {
    display: block;
}

.PersonSearch {
    margin-top: 20px;
}

#PersonSearchCriteria {
    margin: 0 auto 0 auto;
}

#PersonSearchButtonBar {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.RepeaterDiv {
    height: 100%;
    margin: 0 0 10px 0;
    float: left;
}

#PersonSearchResult > div {
    display: table-row;
}

.RepeaterDiv .Toolbar {
    float: left;
}

.SearchResultDiv {
    float: left;
    margin-right: 20px;
}

.SearchResultHeader {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: left;
}

.SearchResultInfo {
    font-size: 12px;
    font-weight: normal;
    color: #000;
    text-align: left;
}

.ButtonBarPersonSearchSaveAndUnlock {
    float: left;
}

/***************** DialogPhoto ***********************/
#DialogPhoto {
    text-align: center;
}

    #DialogPhoto input[type="file"] {
        display: block;
    }

    #DialogPhoto .iconlist {
        text-align: left;
    }

.PhotoItem {
    margin: 10px auto;
}

/***************** DialogExportReport ************/
#DialogExportReport .display-row span:first-child {
    text-align: right;
}

    #DialogExportReport .display-row span:first-child:after {
        content: ":";
        padding: 0 5px;
    }

/***************** DialogStatus **********************/
.status-header:not(:first-child) {
    margin-top: 20px;
}

.status-header {
    margin: 0 8px -5px;
}

    .status-header img {
        vertical-align: bottom;
    }

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

.warning-label {
    color: #FF0000;
    display: block;
}

#DialogStatus .TimeStampsTable {
    margin-top: 10px;
}

/***************** DialogMoveStock ************/
#DialogMoveStock .TitleFont:not(:nth-of-type(1)) {
    margin-top: 15px;
}

#DialogMoveStock .ddlDurationLabel {
    margin-right: 10px;
}

#DialogMoveStock .TextboxDeviceNumbers {
    margin-bottom: 10px;
}

.dialog-editExternalAlarmCertificateLabel {
    width: 250px;
    min-width: 250px;
}

.dialog-editExternalAlarmCertificateValue {
min-width:200px;
padding-right:5px;
}
/*
* This stylesheet is used for the layout of the
* masterpage Main.Master
*/

*
{
    margin: 0;
    padding: 0;
}

html, body
{
    font: 14px "Calibri", "Gil Sans", "Trebuchet MS", sans-serif;
    color: #371C1C;
    height: 100%;
    overflow: hidden;
}

::selection
{
    background: #F39900;
    color: #fff;
    text-shadow: none;
}

.BannerMessage 
{
    font-weight: bold;
    font-size: 18px;
    color: #000;
    height: 30px;
    max-width: 500px;
    border: 2px solid #F39900;
    padding: 3px;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -250px;
    background: #fff;
    z-index: 2;
}

    .BannerMessage a:link, .BannerMessage a:active, .BannerMessage a:visited
    {
        color: #000;
        text-decoration: none;
    }

    .BannerMessage a:hover
    {
        color: #F39900;
        text-decoration: none;
    }

#Header
{
    width: 100%;
    background: none no-repeat;
    overflow: hidden;
    height: 50px;
}

#Logo
{
    background: url('../Images/CQNetLive.png?v5.5.24348.5') no-repeat;
    float: left;
    height: 50px;
    width: 220px;
    margin: 5px 0 0 5px;
    display: block;
}

.ResponseTime
{
    color: #666;
    font-size: 10px;
    padding: 8px 0 0 10px;
    float: left;
}

#ManagementFeatures
{
    float: right;
    padding: 15px 15px 0 0;
}

.ManagementFeaturesItem
{
    float: left;
}

    .ManagementFeaturesItem a:link, .ManagementFeaturesItem a:visited, .ManagementFeaturesItem a:active
    {
        color: #666;
        font-weight: bold;
        text-decoration: none;
    }

    .ManagementFeaturesItem a:hover
    {
        color: #EF7E2D;
    }

.LoginName
{
    color: #666;
}

#Menu
{
    background: #161415;
    height: 30px;
    width: 100%;
    overflow: hidden;
}

#Navigation
{
    float: left;
    padding: 5px 0 0 10px;
    width: 90%;
    white-space: nowrap;
}

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

.NavHist, .NavHist a:link, .NavHist a:visited, .NavHist a:active
{
    font-size: 13px;
    color: #888;
    text-decoration: none;
    padding: 0 1px;
}

    .NavHist a:hover
    {
        color: #EF7E2D;
    }

.NavItem a:link, .NavItem a:visited, .NavItem a:active
{
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
}

.NavItem a:hover
{
    color: #EF7E2D;
}

#ReleaseVersion
{
    float: right;
    font-size: 13px;
    color: #888;
    padding: 5px 10px 0 0;
}

#Footer
{
    background: #161415;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 25px;
    width: 100%;
    z-index: 90;
}

    #Footer a:link, #Footer a:active, #Footer a:visited
    {
        color: #888;
        font-size: 12px;
        text-decoration: none;
    }

    #Footer a:hover
    {
        color: #EF7E2D;
    }

    #Footer li
    {
        display: inline;
        padding: 3px 0;
    }

#Resources
{
    width: 500px;
    margin: 4px auto;
}

#Debug
{
    float: right;
    color: #161415;
    font-size: 10px;
}

.Separator
{
    color: #EF7E2D;
    padding: 0 4px;
}

/* 
    Breadcrumb items
*/

.BreadcrumbContainer
{
    display: inline-block;
    white-space: nowrap;
    min-width: 50%;
}

.BreadcrumbItem, .BreadcrumbItem a:link, .BreadcrumbItem a:visited, .BreadcrumbItem a:active,
.DisabledBreadcrumbCssClassName, .DisabledBreadcrumbCssClassName a:link, .DisabledBreadcrumbCssClassName a:visited, .DisabledBreadcrumbCssClassName a:active
{
    display: inline-block;
    font-size: 13px;
    color: #888;
    text-decoration: none;
    padding: 0 1px;
}

    .DisabledBreadcrumbCssClassName, .DisabledBreadcrumbCssClassName:hover
    {
        color: #888 !important;
        cursor: default;
    }

    .BreadcrumbItem a:hover
    {
        color: #EF7E2D;
    }

.BreadcrumbItemSeperator
{
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #888;
    margin: 0px 5px;
}

.MenuHeader
{
    /*display: inline-block;*/
    display: none;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
}

.TabContainer
{
    display: inline-block;
}

.TabPage, .TabPage a:link, .TabPage a:visited, .TabPage a:active
{
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
}

    .TabPage a:hover
    {
        color: #EF7E2D;
    }

.TabPageSeperator
{
    display: inline-block;
    color: #EF7E2D;
    text-decoration: none;
    font-size: 16px;
    margin: 0px 5px;
}


.Selected, .Selected:hover a
{
    font-weight: bold;
    color: #FFF !important;
    cursor: default;
}

/* Profiler panel and table */
.ProfilerPanel 
{
    background-color: white;
    position: absolute;
    bottom: .1em;
    right: .1em;
    z-index: 1000;
    border: 1px solid grey;
    overflow: auto;
    max-height: 600px;
    padding: .1em;
}

.ProfilerTable 
{
    min-width: 500px;
}

.ProfilerTable td 
{
    padding-right: .2em;
    padding-left: .2em;
}

.ProfilerTable 
{
border:none;
border-collapse: collapse;
}

.ProfilerTable td 
{
border-left: 1px solid grey;
border-right: 1px solid grey;
}

.ProfilerTable td:first-child 
{
border-left: none;
}

.ProfilerTable td:last-child 
{
border-right: none;
}
/*********** Treeview *********/
#TreeColumn { background-color: #393F4D; color: #fff; float: left; width: 300px; height: 100%; }

#LeftTree { overflow: auto; height: 100%; }

#LeftTree table { width: 100%; }

#ctl00_BodyMain_TreeView_ETTreeView table { background-color: #31384A; }

#ctl00_BodyMain_TreeView_ETTreeView td:not(.ctl00_BodyMain_TreeView_ETTreeView_10) { background-color: #31384A; }

#ctl00_BodyMain_TreeView_ETTreeView td{ border-top: 1px solid #202636; padding: 2px; }

#ctl00_BodyMain_TreeView_ETTreeView td:last-child { width: 100%; }

#ctl00_BodyMain_TreeView_ETTreeView table:last-child tr td { border-bottom: 1px solid #202636; }

#ctl00_BodyMain_TreeView_ETTreeView table tr td a { display: block; }

/*********** Grid ********/
#MiddleColumn { overflow: auto; height: 100%; background-color: #D3D6DD; }

#MiddleTop { background-color: #fff; border: #9d9f9e 1px solid; margin: 5px;height: 346px;}

#MiddleTop .dataTables_wrapper .ui-widget-header:first-child { position: relative; white-space: nowrap; overflow: hidden; margin: 5px 8px;}

#MiddleTop .dataTables_wrapper .ui-widget-header:last-child { position: relative;white-space: nowrap; overflow: hidden; margin: 0 8px;}

#MiddleTop div.DTS div.dataTables_scroll { margin: 0 8px;}

#MiddleTop .dataTables_filter { position: absolute; right: 0; background: #fff; }

#MiddleTop .dataTables_sorting {position: absolute; right: 205px; background: #fff; margin-right: 3px;}

#MiddleTop .dataTables_sorting select { margin-left: 3px; margin-right: 3px; }

table.dataTable thead th div.DataTables_sort_wrapper { text-align: left; }

.AdditionalInfoDiv { padding: 8px 8px 5px; }

.AdditionalInfo { display: inline-block; vertical-align: top; }

.AlarmRoutingConfigurationElement { color: #EF7E2D; margin-left: 5px; float:left; }

.Arrow-Right { float: left; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #000; margin: 8px 5px 0 5px; }

/*********   Photo + Detailview + Buttonbar  **********/
/*#MiddleBottom { overflow: auto; height: 50%; background-color: #fff; border: #9D9F9E 1px solid; margin: 0 5px 0 5px;}*/

.detail-header { background: #fff; padding: 3px 0; margin: 5px 8px; font-size: 16px; color: #000; border-bottom: 2px solid #F39900; }

.detail-content { display: table; }

.photo-container { display: table-cell; vertical-align: top; padding: 3px 8px; }

.detailview-container { display: table-cell; vertical-align: top; color: #5C5C5C; padding: 3px 0; }

    .detailview-container table { border-collapse: collapse; }

    .detailview-container tr td { vertical-align: top; }

    .detailview-container tr:nth-of-type(odd) td { background-color: #eee; }

    .detailview-container table tr td span { white-space: pre-wrap; word-wrap: break-word;  word-break: break-all; }

    .detailview-container table tr td:first-child span { padding-left: 10px; }

    .detailview-container .memo { border: solid 1px #9d9f9e; width: auto; }

    /* remove indentation in memo boxes */
    .detailview-container .wordwrap.memo span { padding-left: 0px; }

.buttonbar-container { display: table-cell; vertical-align: top; text-align: left; padding-right: 10px; }

#BottomLeft { overflow: auto; white-space: nowrap; height: 100%; }
#MiddleBottomLeft { background-color: #fff; border: #9d9f9e 1px solid; margin: 0px 5px 0px 5px; height: 100%; float: left; min-width: 50%; }
#BottomRight { min-width: 100px; }
#MiddleBottomRight { background-color: #fff; border: #9d9f9e 1px solid; margin: 5px; overflow: hidden; height: 100%; }

/********************** Error *************************/
#ErrorContent { margin: 30px auto 0 auto; width: 700px; }

.ErrorMessage { font-size: 18px; }

.ErrorInnerText { font-size: 16px; }

/********************** Debug & BackOffice *****************/
#DebugContent { position: absolute; top: 80px; bottom: 25px; left: 0; right: 0; overflow: auto; }

#BackOfficeContent { position: absolute; top: 80px; bottom: 25px; left: 0; right: 0; overflow: auto;}

.ToolBlockDiv { padding: 5px 0 5px 10px; }

.LogButtons { padding-top: 10px; }

.LogButtonImage { margin: 5px 0; }

.LogButtons a { position: relative; margin-left: 5px; top: -18px; }

.LogKeenData { padding-top: 10px; }

/********** Dashboard **********/
.DashBoardHeader { background: #fff; padding: 3px 0; margin: 5px 8px; font-size: 16px; color: #000; border-bottom: 2px solid #F39900; }

/********************** Installation *************************/
.install-body { overflow: auto;height: 100%;}

.install-menu { width: 880px; margin: 10px auto 0;}

.install-content { width: 1039px;margin: 0 auto; }

.install-content .memo { border: solid 1px #9d9f9e; width: 100%;}

.install-item { background-color: #fff; margin: 0 5px;float: left; width: 545px;}

.install-item.details { width: 415px;}

.install-titel { width: 100%; display: block; font-weight: 700; font-size: 18px; margin: 8px 0 5px;padding-bottom: 2px; border-bottom: 2px solid #F39900;}

.detail-table table { border-collapse: collapse;width: 410px;}

.detail-table tr.odd td { background-color: #eee; }

.detail-table tr td.label { width: 190px !important;min-width: 190px !important; }

.detail-table tr td.value { width: 220px !important;min-width: 220px !important;}

.detail-table table tr td span { white-space: pre-wrap; -ms-word-wrap: break-word; word-wrap: break-word;  -ms-word-break: break-all; word-break: break-all; }

.install-status-image { display: inline-block;vertical-align: middle;padding-right: 8px;}

.install-status-text { display: inline-block;vertical-align: middle;}

/*********************** Authorization ************************************/
.PageBackground { width: 100%; height: 100%; display: block; background-size: cover; position: absolute; top: 0;}

.table tr td:first-child { text-align: right; }

.table tr td:first-child:after { content: ":"; }

.table input { width: 200px; }

.buttons-right { float: right; margin-top: 10px;}

/********************** Login ********************************/
.LoginPage { color: #333;  padding: 10px 0; width: 100%; position: absolute; top: 50%; margin-top: -135px; font-size: 1.3em; background: #fff; box-shadow: #000 0 0 50px -15px;}

.LoginPageContent { width: 463px; margin: 0 auto; }

.LoginPage table { width: 100%;}

.LoginPage input { width: 100%; font-size: 1em; }

.LoginPage .TitleFont { font-size: 1.2em;}

.LoginPage .ValidationMsg { padding: 15px 0; font-weight: 700; clear: right; display: inline-block; }

.LoginButtonBarContainer { width: 100%; margin-top: 5px; }

.LoginButtons { display: table-cell; vertical-align: top; width: 100%;}

/********************** ChangePassword ********************************/
.ChangePasswordPage { width: 100%; color: #333; padding: 10px 0; position: absolute; top: 50%; margin-top: -127px; font-size: 1.3em; background: #fff; box-shadow: #000 0 0 50px -15px;}

.ChangePasswordContent { width: 494px;margin: 0 auto;}

.ChangePasswordPage input { font-size: 1em;}

.ChangePasswordPage .TitleFont { font-size: 1.2em;}

.DivChangePasswordHeader { padding-bottom: 8px; }

.ChangePasswordValidation { margin-top: 15px; margin-bottom: 10px; }

/********************** ChangeResetPassword ********************************/
#ChangeResetPassword { width: 100%; color: #333; padding: 10px 0; position: absolute; top: 50%; margin-top: -126px;font-size: 1.3em; background: #fff; box-shadow: #000 0 0 50px -15px;}

#ChangeResetPasswordContent { width: 710px;margin: 0 auto;}

#ChangeResetPassword input { font-size: 1em;}

#ChangeResetPassword .TitleFont { font-size: 1.2em;}

.ChangeResetPasswordHeader { margin-bottom: 8px; }

.ChangeResetPasswordValidation { margin-bottom: 15px; }

/********************** UserSelection ********************************/
.UserSelectionContainer { color: #333; padding: 10px 0; position: absolute; top: 50%; margin-top: -94px; font-size: 1.3em; width: 100%; background: #fff; box-shadow: #000 0 0 50px -15px;}

.UserSelectionContainerContent {max-width: 1400px; min-width: 800px; width: 80%; margin:0 auto;}

.UserSelectionContainer input { font-size: 1em;}

.UserSelectionContainer .dataTables_wrapper .fg-toolbar { background: none;}

.UserSelectionContainer .headertext { font-size: 1.2em;}

.UserSelectionContainer .dataTables_wrapper .fg-toolbar:last-child {border:none;}

/********************** ExtendLoginData ********************************/
.DivViewAdditionalInfo { width: 100%; color: #333; padding: 10px 0; position: absolute; top: 50%; margin-top: -112px; font-size:1.3em; background: #fff;box-shadow: #000 0 0 50px -15px;}

.DivViewAdditionalInfoContent { width: 590px; margin: 0 auto;}

.DivViewAdditionalInfo input { font-size: 1em;}

.DivViewAdditionalInfo .TitleFont { font-size: 1.2em;}

.DivViewAdditionalInfo .small { width: 300px;}

.DivViewAdditionalInfo .large { width: 400px;}

.DivAdditionalInfoHeader { margin-bottom: 20px; }

.CQNLDetailViewAddAdditionalInfoHeader { color: #371c1c; width: 700px; margin: 20px auto 10px auto; }

.DivAdditionalInfoContent { width: 425px; }

.CQNLDetailViewAddAdditionalInfo { margin: 40px auto 0; }

.AddAdditionalInfoButtonBar { margin: 10px auto 0; float: right; }

.ErrorActions ul { list-style: none; }

.ErrorActions { width: 100%; text-align: left; font-size: 18px; }

.ErrorActions a { display: inline-block; text-decoration: none; color: #808080; }

.ErrorActions a:hover { color: #F39900; }
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
	max-width: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-control-zoom-out {
	font-size: 20px;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}
/* Map control */

.CQNLUserMap {
    position: relative;
}

*[data-role=map] .marker .photo
{
    width: 47px;
    height: 47px;
    background-position: center;
    position: absolute;
    top: 3px;
    left: 3px;
}

*[data-role=map] .InactiveProfessional.frame
{
    background-image: url('../images/CQNLMapView/marker-darkgrey.png?v5.5.24348.5');
    background-size: 53px 69px;
    width: 53px;
    height: 69px;
}

*[data-role=map] .ActiveProfessional.frame
{
    background-image: url('../images/CQNLMapView/marker-blue.png?v5.5.24348.5');
    background-size: 53px 69px;
    width: 53px;
    height: 69px;
}

*[data-role=map] .ClientLocationTracking.frame
{
    background-image: url('../images/CQNLMapView/marker-green.png?v5.5.24348.5');
    background-size: 53px 69px;
    width: 53px;
    height: 69px;
}

*[data-role=map] .ClientLocationTrackingOldLocation.frame {
    background-image: url('../images/CQNLMapView/marker-darkgrey.png?v5.5.24348.5');
    background-size: 53px 69px;
    width: 53px;
    height: 69px;
}

*[data-role=map] .ClientLocationTrackingHome.frame
{
    background-image: url('../images/CQNLMapView/marker-home-green.png?v5.5.24348.5');
    background-size: 53px 93px;
    width: 53px;
    height: 93px;
}

*[data-role=map] .ActiveAlarm.frame
{
    background-image: url('../images/CQNLMapView/marker-red.png?v5.5.24348.5');
    background-size: 53px 69px;
    width: 53px;
    height: 69px;
}

*[data-role=map] .InactiveAlarm.frame
{
    background-image: url('../images/CQNLMapView/marker-darkgrey.png?v5.5.24348.5');
    background-size: 53px 69px;
    width: 53px;
    height: 69px;
}

*[data-role=map] .ActiveHomeAlarm.frame
{
    background-image: url('../images/CQNLMapView/marker-home-red.png?v5.5.24348.5');
    background-size: 53px 93px;
    width: 53px;
    height: 93px;
}

*[data-role=map] .InactiveHomeAlarm.frame
{
    background-image: url('../images/CQNLMapView/marker-home-darkgrey.png?v5.5.24348.5');
    background-size: 53px 93px;
    width: 53px;
    height: 93px;
}

*[data-role=map] .ClientHome.frame
{
    background-image: url('../images/CQNLMapView/marker-home.png?v5.5.24348.5');
    background-size: 53px 69px;
    width: 53px;
    height: 69px;
}

*[data-role=map] .marker.dot {
    border-radius: 50%;
    margin-top: -5px;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    border: 0px;
    opacity: 0.75;
}

*[data-role=map] .frame
{
    background-image: url('../images/CQNLMapView/marker.png?v5.5.24348.5');
    background-size: 53px 69px;
    background-repeat: no-repeat;
    width: 53px;
    height: 69px;
    position: absolute;
}

*[data-role=map] .marker.ActiveAlarm {
    background-color: #D00000;
}

*[data-role=map] .marker.ActiveHomeAlarm {
    background-color: #D00000;
}

*[data-role=map] .marker.InactiveProfessional {
    background-color: #505050;
}

*[data-role=map] .marker.InactiveAlarm {
    background-color: #505050;
}

*[data-role=map] .marker.InactiveHomeAlarm {
    background-color: #505050;
}

*[data-role=map] .marker.ActiveProfessional {
    background-color: #0C6799;
}

*[data-role=map] .marker.ClientLocationTracking {
    background-color: #00A000;
}

*[data-role=map] .marker.ClientLocationTrackingHome {
    background-color: #00A000;
}

*[data-role=map] .marker.ClientHome {
    background-color: #F39900;
}

*[data-role=map].setHomeMarker {
    cursor: crosshair
}

.mapbox-logo-true:before {
    content: '';
    display: inline-block;
    width: 61px;
    height: 19px;
    vertical-align: middle;
}
.mapbox-logo-true {
    background-repeat: no-repeat;
    background-size: 61px 19px;
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2NSIgaGVpZ2h0PSIyMCI+PGRlZnMvPjxtZXRhZGF0YT48cmRmOlJERj48Y2M6V29yayByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIvPjxkYzp0aXRsZS8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjEuODQ4MywtOTguNTAzOTUpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjE3NDQxODM2LDAsMCwwLjE3NDQxODM2LDIyMC41MjI4MiwyOS4yMjkzNDIpIiBzdHlsZT0ib3BhY2l0eTowLjI1O2ZpbGw6I2ZmZmZmZjtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MTcuMjAwMDIzNjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLW9wYWNpdHk6MTtzdHJva2UtZGFzaGFycmF5Om5vbmUiPjxwYXRoIGQ9Ik0gNS4yOCAxLjUgQyA0LjU0IDEuNTYgMy45IDIuMjUgMy45MSAzIGwgMCAxMS44OCBjIDAuMDIgMC43NyAwLjcyIDEuNDcgMS41IDEuNDcgbCAxLjc1IDAgYyAwLjc4IDAgMS40OCAtMC42OSAxLjUgLTEuNDcgbCAwIC00LjI4IDAuNzIgMS4xOSBjIDAuNTMgMC44NyAyLjAzIDAuODcgMi41NiAwIGwgMC43MiAtMS4xOSAwIDQuMjggYyAwLjAyIDAuNzYgMC43IDEuNDUgMS40NyAxLjQ3IGwgMS43NSAwIGMgMC43OCAwIDEuNDggLTAuNjkgMS41IC0xLjQ3IGwgMCAtMC4xNiBjIDEuMDIgMS4xMiAyLjQ2IDEuODEgNC4wOSAxLjgxIGwgNC4wOSAwIDAgMS40NyBjIC0wIDAuNzggMC42OSAxLjQ4IDEuNDcgMS41IGwgMS43NSAwIGMgMC43OSAtMCAxLjUgLTAuNzEgMS41IC0xLjUgbCAwLjAyIC0xLjQ3IGMgMS43MiAwIDMuMDggLTAuNjQgNC4xNCAtMS42OSBsIDAgMC4xOSBjIDAgMC4zOSAwLjE2IDAuNzkgMC40NCAxLjA2IDAuMjggMC4yOCAwLjY3IDAuNDQgMS4wNiAwLjQ0IGwgMy4zMSAwIGMgMi4wMyAwIDMuODUgLTEuMDYgNC45MSAtMi42OSAxLjA1IDEuNjEgMi44NCAyLjY5IDQuODggMi42OSAxLjAzIDAgMS45OCAtMC4yNyAyLjgxIC0wLjc1IDAuMjggMC4zNSAwLjczIDAuNTcgMS4xOSAwLjU2IGwgMi4xMiAwIGMgMC40OCAwLjAxIDAuOTcgLTAuMjMgMS4yNSAtMC42MiBsIDAuOTEgLTEuMjggMC45MSAxLjI4IGMgMC4yOCAwLjM5IDAuNzQgMC42MyAxLjIyIDAuNjIgbCAyLjE2IDAgQyA2Mi42NyAxNi4zMyA2My40MiAxNC44OSA2Mi44MSAxNCBMIDYwLjIyIDEwLjM4IDYyLjYyIDcgQyA2My4yNiA2LjExIDYyLjUgNC42MiA2MS40MSA0LjYyIGwgLTIuMTYgMCBDIDU4Ljc4IDQuNjIgNTguMzEgNC44NiA1OC4wMyA1LjI1IEwgNTcuMzEgNi4yOCA1Ni41NiA1LjI1IEMgNTYuMjkgNC44NiA1NS44MiA0LjYyIDU1LjM0IDQuNjIgbCAtMi4xNiAwIGMgLTAuNDkgLTAgLTAuOTcgMC4yNSAtMS4yNSAwLjY2IC0wLjg2IC0wLjUxIC0xLjg0IC0wLjgxIC0yLjkxIC0wLjgxIC0yLjAzIDAgLTMuODMgMS4wOCAtNC44OCAyLjY5IEMgNDMuMSA1LjUzIDQxLjI3IDQuNDcgMzkuMTkgNC40NyBMIDM5LjE5IDMgQyAzOS4xOSAyLjYxIDM5LjAzIDIuMjEgMzguNzUgMS45NCAzOC40NyAxLjY2IDM4LjA4IDEuNSAzNy42OSAxLjUgbCAtMS43NSAwIGMgLTAuNzEgMCAtMS41IDAuODMgLTEuNSAxLjUgbCAwIDMuMTYgQyAzMy4zOCA1LjEgMzEuOTYgNC40NyAzMC4zOCA0LjQ3IGwgLTMuMzQgMCBjIC0wLjc3IDAuMDIgLTEuNDcgMC43MiAtMS40NyAxLjUgbCAwIDAuMzEgYyAtMS4wMiAtMS4xMiAtMi40NiAtMS44MSAtNC4wOSAtMS44MSAtMS42MyAwIC0zLjA3IDAuNyAtNC4wOSAxLjgxIEwgMTcuMzggMyBjIC0wIC0wLjc5IC0wLjcxIC0xLjUgLTEuNSAtMS41IEwgMTQuNSAxLjUgQyAxMy41NSAxLjUgMTIuMjggMS44NyAxMS42NiAyLjk0IGwgLTEgMS42OSAtMSAtMS42OSBDIDkuMDMgMS44NyA3Ljc3IDEuNSA2LjgxIDEuNSBsIC0xLjQxIDAgQyA1LjM2IDEuNSA1LjMyIDEuNSA1LjI4IDEuNSB6IG0gMTYuMTkgNy43MiBjIDAuNTMgMCAwLjk0IDAuMzUgMC45NCAxLjI4IGwgMCAxLjI4IC0wLjk0IDAgYyAtMC41MiAwIC0wLjk0IC0wLjM4IC0wLjk0IC0xLjI4IC0wIC0wLjkgMC40MiAtMS4yOCAwLjk0IC0xLjI4IHogbSA4LjgxIDAgYyAwLjgzIDAgMS4xOCAwLjY4IDEuMTkgMS4yOCAwLjAxIDAuOTQgLTAuNjIgMS4yOCAtMS4xOSAxLjI4IHogbSA4LjcyIDAgYyAwLjcyIDAgMS4zNyAwLjYgMS4zNyAxLjI4IDAgMC43NyAtMC41MSAxLjI4IC0xLjM3IDEuMjggeiBtIDEwLjAzIDAgYyAwLjU4IDAgMS4wOSAwLjUgMS4wOSAxLjI4IDAgMC43OCAtMC41MSAxLjI4IC0xLjA5IDEuMjggLTAuNTggMCAtMS4xMiAtMC41IC0xLjEyIC0xLjI4IDAgLTAuNzggMC41NCAtMS4yOCAxLjEyIC0xLjI4IHoiIHRyYW5zZm9ybT0ibWF0cml4KDUuNzMzMzQxNCwwLDAsNS43MzMzNDE0LDIzNi45MzMwOCwzOTcuMTc0OTgpIiBzdHlsZT0iZm9udC1zaXplOm1lZGl1bTtmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTtsaW5lLWhlaWdodDpub3JtYWw7bGV0dGVyLXNwYWNpbmc6bm9ybWFsO3dvcmQtc3BhY2luZzpub3JtYWw7dGV4dC10cmFuc2Zvcm06bm9uZTtkaXJlY3Rpb246bHRyO2Jsb2NrLXByb2dyZXNzaW9uOnRiO3dyaXRpbmctbW9kZTpsci10Yjt0ZXh0LWFuY2hvcjpzdGFydDtiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtjb2xvcjojMDAwMDAwO2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MTcuMjAwMDIzNjU7bWFya2VyOm5vbmU7dmlzaWJpbGl0eTp2aXNpYmxlO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTtmb250LWZhbWlseTpTYW5zOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246U2FucyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjE3NDQxODM2LDAsMCwwLjE3NDQxODM2LDIyMC41MjI4MiwyOS4yMjkzNDIpIiBzdHlsZT0iZmlsbDojZmZmZmZmIj48cGF0aCBkPSJtIDUuNDEgMyAwIDEyIDEuNzUgMCAwIC05LjkxIDMuNSA1Ljk0IDMuNDcgLTUuOTQgMCA5LjkxIDEuNzUgMCAwIC0xMiBMIDE0LjUgMyBDIDEzLjggMyAxMy4yNSAzLjE2IDEyLjk0IDMuNjkgTCAxMC42NiA3LjU5IDguMzggMy42OSBDIDguMDcgMy4xNiA3LjUxIDMgNi44MSAzIHogTSAzNiAzIGwgMCAxMi4wMyAzLjI1IDAgYyAyLjQ0IDAgNC4zOCAtMS45MSA0LjM4IC00LjUzIDAgLTIuNjIgLTEuOTMgLTQuNDcgLTQuMzggLTQuNDcgQyAzOC43IDYuMDMgMzguMzIgNiAzNy43NSA2IGwgMCAtMyB6IE0gMjEuNDcgNS45NyBjIC0yLjQ0IDAgLTQuMTkgMS45MSAtNC4xOSA0LjUzIDAgMi42MiAxLjc1IDQuNTMgNC4xOSA0LjUzIGwgNC4xOSAwIDAgLTQuNTMgYyAwIC0yLjYyIC0xLjc1IC00LjUzIC00LjE5IC00LjUzIHogbSAyNy41NiAwIGMgLTIuNDEgMCAtNC4zOCAyLjAzIC00LjM4IDQuNTMgMCAyLjUgMS45NyA0LjUzIDQuMzggNC41MyAyLjQxIDAgNC4zNCAtMi4wMyA0LjM0IC00LjUzIDAgLTIuNSAtMS45NCAtNC41MyAtNC4zNCAtNC41MyB6IG0gLTIyIDAuMDMgMCAxMiAxLjc1IDAgMCAtMi45NyBjIDAuNTcgMCAxLjA0IC0wIDEuNTkgMCAyLjQ0IDAgNC4zNCAtMS45MSA0LjM0IC00LjUzIDAgLTIuNjIgLTEuOSAtNC41IC00LjM0IC00LjUgeiBtIDI2LjE2IDAgMy4wMyA0LjM4IC0zLjE5IDQuNjIgMi4xMiAwIEwgNTcuMzEgMTEuOTEgNTkuNDQgMTUgNjEuNTkgMTUgNTguMzggMTAuMzggNjEuNDEgNiA1OS4yNSA2IDU3LjMxIDguODEgNTUuMzQgNiB6IE0gMjEuNDcgNy43MiBjIDEuNCAwIDIuNDQgMS4xOSAyLjQ0IDIuNzggbCAwIDIuNzggLTIuNDQgMCBjIC0xLjQgMCAtMi40NCAtMS4yMSAtMi40NCAtMi43OCAtMCAtMS41NyAxLjA0IC0yLjc4IDIuNDQgLTIuNzggeiBtIDI3LjU2IDAgYyAxLjQ0IDAgMi41OSAxLjI0IDIuNTkgMi43OCAwIDEuNTQgLTEuMTUgMi43OCAtMi41OSAyLjc4IC0xLjQ0IDAgLTIuNjIgLTEuMjQgLTIuNjIgLTIuNzggMCAtMS41NCAxLjE4IC0yLjc4IDIuNjIgLTIuNzggeiBtIC0yMC4yNSAwLjAzIDEuNTkgMCBjIDEuNTkgMCAyLjU5IDEuMjggMi41OSAyLjc1IDAgMS40NyAtMS4xMyAyLjc4IC0yLjU5IDIuNzggbCAtMS41OSAwIHogbSA4Ljk3IDAgMS41IDAgYyAxLjQ3IDAgMi42MiAxLjI4IDIuNjIgMi43NSAwIDEuNDcgLTEuMDQgMi43OCAtMi42MiAyLjc4IGwgLTEuNSAwIHoiIHRyYW5zZm9ybT0ibWF0cml4KDUuNzMzMzQxNCwwLDAsNS43MzMzNDE0LDIzNi45MzMwOCwzOTcuMTc0OTgpIiBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIi8+PC9nPjwvZz48L3N2Zz4=');
}

#leafletPopupContainer {
    display: table-row;
    border-spacing: 5px;
}

.popupTextCell {
    display: table-cell;
    vertical-align: top;
}
.popupText {
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px 5px;
}

.popupPhotoCell {
    display: table-cell;
    vertical-align: top;
}
.popupPhoto {
    height: 50px;
    width: 50px;
    background-position: center;
    background-size: cover;
}

.popupActionIconCell {
    display: table-cell;
    vertical-align: top;
}
.popupActionIcon {
    vertical-align: middle;
}

.PanelMapView {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    display: block;
    clear: both;
}

.banner {
    background-color: white;
    border-radius: 4px;
    padding: 10px;
    font-weight: bold;
    border: 1px solid;
    -webkit-box-shadow: 5px 5px 5px #888888;
    -moz-box-shadow: 5px 5px 5px #888888;
    box-shadow: 5px 5px 5px #888888;
    margin-left: 50px;
}

.banner.Warning {
    color: #D00000;
}

.marker.RouteIndication-MoreRecentLocationAvailable {
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
}
.CQNLCameraNameContainer
{
    padding-top: 20px;
    text-align: center;
    height: 30px;
    font-size: 20px;
}

.CQNLCameraFeedContainer
{
    position: absolute;
    top: 50px; /* make room for the camera name above */
    bottom: 0px;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.CQNLUserCameraFeedView
{
    text-indent: -10000px
}
/* ================================================================== */
/* Toolbars
/* ================================================================== */

.leaflet-draw-section {
    position: relative;
}

.leaflet-draw-toolbar {
    margin-top: 12px;
}

.leaflet-draw-toolbar-top {
    margin-top: 0;
}

.leaflet-draw-toolbar-notop a:first-child {
    border-top-right-radius: 0;
}

.leaflet-draw-toolbar-nobottom a:last-child {
    border-bottom-right-radius: 0;
}

.leaflet-draw-toolbar a {
    background-image: url('images/spritesheet.png');
    background-image: linear-gradient(transparent, transparent), url('images/spritesheet.svg');
    background-repeat: no-repeat;
    background-size: 300px 30px;
    background-clip: padding-box;
}

.leaflet-retina .leaflet-draw-toolbar a {
    background-image: url('images/spritesheet-2x.png');
    background-image: linear-gradient(transparent, transparent), url('images/spritesheet.svg');
}

.leaflet-draw a {
    display: block;
    text-align: center;
    text-decoration: none;
}

.leaflet-draw a .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* ================================================================== */
/* Toolbar actions menu
/* ================================================================== */

.leaflet-draw-actions {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 26px; /* leaflet-draw-toolbar.left + leaflet-draw-toolbar.width */
    top: 0;
    white-space: nowrap;
}

.leaflet-touch .leaflet-draw-actions {
    left: 32px;
}

.leaflet-right .leaflet-draw-actions {
    right: 26px;
    left: auto;
}

.leaflet-touch .leaflet-right .leaflet-draw-actions {
    right: 32px;
    left: auto;
}

.leaflet-draw-actions li {
    display: inline-block;
}

.leaflet-draw-actions li:first-child a {
    border-left: none;
}

.leaflet-draw-actions li:last-child a {
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.leaflet-right .leaflet-draw-actions li:last-child a {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.leaflet-right .leaflet-draw-actions li:first-child a {
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.leaflet-draw-actions a {
    background-color: #919187;
    border-left: 1px solid #AAA;
    color: #FFF;
    font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif;
    line-height: 28px;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    height: 28px;
}

.leaflet-touch .leaflet-draw-actions a {
    font-size: 12px;
    line-height: 30px;
    height: 30px;
}

.leaflet-draw-actions-bottom {
    margin-top: 0;
}

.leaflet-draw-actions-top {
    margin-top: 1px;
}

.leaflet-draw-actions-top a,
.leaflet-draw-actions-bottom a {
    height: 27px;
    line-height: 27px;
}

.leaflet-draw-actions a:hover {
    background-color: #A0A098;
}

.leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
    height: 26px;
    line-height: 26px;
}

/* ================================================================== */
/* Draw toolbar
/* ================================================================== */

.leaflet-draw-toolbar .leaflet-draw-draw-polyline {
    background-position: -2px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
    background-position: 0 -1px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-polygon {
    background-position: -31px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
    background-position: -29px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
    background-position: -62px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
    background-position: -60px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-circle {
    background-position: -92px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle {
    background-position: -90px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-marker {
    background-position: -122px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker {
    background-position: -120px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
    background-position: -273px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
    background-position: -271px -1px;
}


/* ================================================================== */
/* Edit toolbar
/* ================================================================== */

.leaflet-draw-toolbar .leaflet-draw-edit-edit {
    background-position: -152px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit {
    background-position: -150px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-remove {
    background-position: -182px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove {
    background-position: -180px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
    background-position: -212px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
    background-position: -210px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
    background-position: -242px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
    background-position: -240px -2px;
}

/* ================================================================== */
/* Drawing styles
/* ================================================================== */

.leaflet-mouse-marker {
    background-color: #fff;
    cursor: crosshair;
}

.leaflet-draw-tooltip {
    background: rgb(54, 54, 54);
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin-left: 20px;
    margin-top: -21px;
    padding: 4px 8px;
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
    z-index: 6;
}

.leaflet-draw-tooltip:before {
    border-right: 6px solid black;
    border-right-color: rgba(0, 0, 0, 0.5);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    content: "";
    position: absolute;
    top: 7px;
    left: -7px;
}

.leaflet-error-draw-tooltip {
    background-color: #F2DEDE;
    border: 1px solid #E6B6BD;
    color: #B94A48;
}

.leaflet-error-draw-tooltip:before {
    border-right-color: #E6B6BD;
}

.leaflet-draw-tooltip-single {
    margin-top: -12px
}

.leaflet-draw-tooltip-subtext {
    color: #f8d5e4;
}

.leaflet-draw-guide-dash {
    font-size: 1%;
    opacity: 0.6;
    position: absolute;
    width: 5px;
    height: 5px;
}

/* ================================================================== */
/* Edit styles
/* ================================================================== */

.leaflet-edit-marker-selected {
    background-color: rgba(254, 87, 161, 0.1);
    border: 4px dashed rgba(254, 87, 161, 0.6);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-sizing: content-box;
}

.leaflet-edit-move {
    cursor: move;
}

.leaflet-edit-resize {
    cursor: pointer;
}

/* ================================================================== */
/* Old IE styles
/* ================================================================== */

.leaflet-oldie .leaflet-draw-toolbar {
    border: 1px solid #999;
}
/* ================================================================== */
/* Delete toolbar
/* ================================================================== */

.leaflet-draw-toolbar .leaflet-draw-edit-cqdelete {
    background-position: -182px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-cqdelete {
    background-position: -180px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-cqdelete.leaflet-disabled {
    background-position: -242px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-cqdelete.leaflet-disabled {
    background-position: -240px -2px;
}
/* Variables and Mixins */
/* Generic L.Toolbar */
.leaflet-toolbar-0 {
  list-style: none;
  padding-left: 0;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-toolbar-0 > li {
  position: relative;
}
.leaflet-toolbar-0 > li > .leaflet-toolbar-icon {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
}
.leaflet-toolbar-0 > li > .leaflet-toolbar-icon:hover {
  background-color: #f4f4f4;
}
.leaflet-toolbar-0 .leaflet-toolbar-1 {
  display: none;
  list-style: none;
}
.leaflet-toolbar-tip-container {
  margin: 0 auto;
  margin-top: -16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}
.leaflet-toolbar-tip {
  width: 16px;
  height: 16px;
  margin: -8px auto 0;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-clip: content-box;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
/* L.Toolbar.Control */
.leaflet-control-toolbar {
  /* Secondary Toolbar */
}
.leaflet-control-toolbar > li > .leaflet-toolbar-icon {
  border-bottom: 1px solid #ccc;
}
.leaflet-control-toolbar > li:first-child > .leaflet-toolbar-icon {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-control-toolbar > li:last-child > .leaflet-toolbar-icon {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-width: 0;
}
.leaflet-control-toolbar .leaflet-toolbar-1 {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 30px;
  /* leaflet-draw-toolbar.left + leaflet-draw-toolbar.width */
  top: 0;
  white-space: nowrap;
  height: 30px;
}
.leaflet-control-toolbar .leaflet-toolbar-1 > li {
  display: inline-block;
}
.leaflet-control-toolbar .leaflet-toolbar-1 > li > .leaflet-toolbar-icon {
  display: block;
  background-color: #919187;
  border-left: 1px solid #aaa;
  color: #fff;
  font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 30px;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
}
.leaflet-control-toolbar .leaflet-toolbar-1 > li > .leaflet-toolbar-icon:hover {
  background-color: #a0a098;
}
.leaflet-control-toolbar .leaflet-toolbar-1 > li:last-child > .leaflet-toolbar-icon {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* L.Toolbar.Popup */
.leaflet-popup-toolbar {
  position: relative;
  box-sizing: content-box;
}
.leaflet-popup-toolbar > li {
  float: left;
}
.leaflet-popup-toolbar > li > .leaflet-toolbar-icon {
  border-right: 1px solid #ccc;
}
.leaflet-popup-toolbar > li:first-child > .leaflet-toolbar-icon {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.leaflet-popup-toolbar > li:last-child > .leaflet-toolbar-icon {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-width: 0;
  border-right: none;
}
.leaflet-popup-toolbar .leaflet-toolbar-1 {
  position: absolute;
  top: 30px;
  left: 0;
  padding-left: 0;
}
.leaflet-popup-toolbar .leaflet-toolbar-1 > li > .leaflet-toolbar-icon {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
}
/* ================================================================== */
/* Geocoding toolbar
/* ================================================================== */

.leaflet-draw-toolbar .geocoding-toolbar-reset {
    background-position: -182px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .geocoding-toolbar-reset {
    background-position: -180px -1px;
}

.leaflet-draw-toolbar .geocoding-toolbar-reset.leaflet-disabled {
    background-position: -242px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .geocoding-toolbar-reset.leaflet-disabled {
    background-position: -240px -2px;
}