/** Global CSS rules for M3 application */
/* Dialog styles */
.m3-gwt-DialogBox {
	border: 1px solid #5E6D90;
	z-index: 1000 !important;
}
.m3-gwt-opacity {
	opacity: 0.6;
}
.m3-gwt-btnBg{
	background-color:#2B86B2 !important;
	opacity:inherit;
}
.m3-gwt-blockBtn {
	cursor: not-allowed !important;
}

.m3-gwt-DialogBox .Caption {
	text-align: left;
	font-family: "calibri", Garamond, "Comic Sans";
	font-size: 18px;
	font-style: normal;
	color: #fff;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: #3c5d7c;
}

.m3-gwt-DialogBox .dialogTopLeft {
	background-color: #5E6D90;
}

.m3-gwt-DialogBox .dialogTopRight {
	background-color: #5E6D90;
}

.m3-gwt-DialogBox .dialogMiddleLeft {
	background-color: #5E6D90;
}

.m3-gwt-DialogBox .dialogMiddleCenter {
	background-color: white;
}

.m3-gwt-DialogBox .dialogMiddleRight {
	background-color: #5E6D90;
}

.dialogText {
	font-family: "calibri", Garamond, 'Comic Sans';
	font-size: 14px;
	font-style: normal;
	color: #4983AF;
	padding: 5px;
}

.dialogButton {
	font-family: "calibri", Garamond, 'Comic Sans';
	font-size: 14px;
	font-style: normal;
	color: white;
	background-color: #4983AF;
	border-radius: 6px;
	border-width: 0px;
	margin: 10px;
	cursor: pointer;
	width: 90px;
	height: 30px;
}

.dialogVPanel {
	margin: 5px;
}

.dateBoxPopup {
	z-index: 10 !important;
}

.gwt-PopupPanelGlass {
	position: fixed !important;
	right: 0px !important;
	bottom: 0px !important;
	height: none;
	width: none;
	z-index: 2;
}

.exportPopupPanel {
	border: 1px solid #A0A0A0 !important;
	padding: 5px 0px 5px 0px !important;
	box-shadow: rgb(136, 136, 136) 3px 3px 10px;
}

.exportPopupRow {
	background-color: #FFFFFF;
	color: #000000;
}

.exportPopupRow:hover {
	background-color: #4572A5 !important;
	color: #FFFFFF !important;
}

.dropdownPopupPanel {
	border: 0px !important;
	padding: 0px 0px 0px 0px !important;
	box-shadow: rgb(136, 136, 136) 2px 2px 5px;
	background: #687B8E;
}

.dropdownPopupRow {
	color: rgb(255,255,255) !important;
    font-size: 15px !important;
    padding: 5px 10px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-family: "Arial Unicode MS", Arial, sans-serif !important;
	background-color: #687B8E;
	min-width: 160px;
}

.dropdownPopupRow:hover {
	background-color: #4983AF !important;
}

.radio-text {
	font-family: "calibri", Garamond, 'Comic Sans';
	font-size: 14px;
	font-style: normal;
	color: white;
	cursor: pointer;
}

.radio-text > input {
	margin: -1px 4px 1px 0;
    vertical-align: middle;
}

span.radio-text > label, .radio-text > input {
	cursor:pointer !important;
}

/* M3 dialog page */
.m3-gwtpage-DialogBox {
	border: 1px solid #5E6D90;
	z-index: 10;
}

.m3-gwtpage-DialogBox .Caption {
	text-align: left;
	font-family: "calibri", Garamond, "Comic Sans";
	font-size: 18px;
	font-style: normal;
	color: #fff;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: #3c5d7c;
}

.m3-gwtpage-DialogBox .dialogTopLeft {
	background-color: #5E6D90;
}

.m3-gwtpage-DialogBox .dialogTopRight {
	background-color: #5E6D90;
}

.m3-gwtpage-DialogBox .dialogMiddleLeft {
	
}

.m3-gwtpage-DialogBox .dialogMiddleCenter {
	background-color: white;
}

.m3-gwtpage-DialogBox .dialogMiddleRight {
	
}

/* M3 dialog page with tables */
.m3-gwttable-DialogBox {
	border: 1px solid #3c5d7c;
	z-index: 10 !important;
}

.m3-gwttable-DialogBox .Caption {
	text-align: left;
	font-family: "calibri", Garamond, "Comic Sans";
	font-size: 18px;
	font-style: normal;
	color: #fff;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: #3c5d7c;
}

.m3-gwttable-DialogBox .dialogTopLeft {
	background-color: #3c5d7c;
}

.m3-gwttable-DialogBox .dialogTopRight {
	background-color: #3c5d7c;
}

.m3-gwttable-DialogBox .dialogMiddleLeft {
	border: 1px solid rgba(22, 38, 65, 1);
}

.m3-gwttable-DialogBox .dialogMiddleCenter {
	background-color: rgba(22, 38, 65, 1);
}

.m3-gwttable-DialogBox .dialogMiddleRight {
	border: 1px solid rgba(22, 38, 65, 1);
}

/* Text for tables */
.m3-table-text {
	font-family: "calibri", Garamond, 'Comic Sans';
	font-size: 14px;
	font-style: normal;
	color: #606060;
}

.m3-table-text-link {
	font-family: "calibri", Garamond, 'Comic Sans';
	font-size: 14px;
	font-style: normal;
	color: #0F69A1;
	cursor: pointer;
}

.m3-table-text-underline {
	font-family: "calibri", Garamond, 'Comic Sans';
	font-size: 14px;
	font-style: normal;
	color: #0F69A1;
	cursor: pointer;
	text-decoration: underline;
}

.m3-table-link {
	cursor: pointer;
}

.m3-table-text-link-with-margin {
	font-family: "calibri", Garamond, 'Comic Sans';
	font-size: 14px;
	font-style: normal;
	color: #0F69A1;
	cursor: pointer;
	padding-left: 30px !important;
}

.m3-table-empty-message {
	font-family: "calibri", Garamond, 'Comic Sans';
	font-size: 14px;
	font-style: normal;
	color: #0F69A1;
	text-align: center;
}

.m3-table-text-small {
	font-family: "calibri", Garamond, 'Comic Sans';
	font-size: 12px;
	font-style: normal;
	color: #606060;
}

.m3-table-empty {
	background-color: gray;
}

.m3-white-text {
	color: white !important;
}

.m3-table-back {
	background-color: white !important;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	height: initial !important;
}

.file-download {
	text-decoration: underline;
	cursor: pointer;
	font-family: "calibri", Garamond, 'Comic Sans';
	font-size: 14px;
	font-style: normal;
}

.download-box {
	border: 1px solid #5E6D90;
	padding: 2px 10px;
	border-radius: 5px 5px 5px 5px;
	background-color: #EBEBEB;
}

.download-icon {
	width: 20px;
	height: 20px;
	margin-top: 3px;
	cursor: pointer;
}

.m3-listbox {
	font-family: "calibri", Garamond, 'Comic Sans';
	font-size: 14px;
	font-style: normal;
	color: gray;
	background-color: white;
	border: 1px solid #5E6D90 !important;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.m3-datebox {
	font-family: "calibri", Garamond, 'Comic Sans';
	font-size: 14px;
	font-style: normal;
	color: gray;
	background: white;
	border-radius: 3px;
	border: 1px solid #5e6d90;
	margin: 10px 10px 10px 0px;
	padding: 0px 0px 0px 5px;
	width: 200px;
	height: 25px;
	cursor: pointer;
}

.checkbox > input, .checkbox > label {
	vertical-align: middle;
}

.checkbox > label {
	padding-left: 3px;
}

input[type='checkbox'], input[type='checkbox'] ~ label {
	cursor:pointer;
}

.search-text, .search-text>input, .search-text>label {
	font-size: 14px !important;
}

.search-text>input {
	margin-top: 3px;
}

.padding-10 {
	padding: 10px;
}

.flow-tags {
	margin: 2px;
	border: 2px solid #5E6D90 !important;
	border-radius: 5px;
}

.tag {
	margin: 2px;
	border: 1px solid #3c5d7c !important;
	background-color: #3c5d7c;
	color: #FFFFFF;
	border-radius: 5px;
}
.cursor-hand {
	cursor: pointer;
}

.gwt-SuggestBox {
	border: 1px solid #5E6D90 !important;
	border-radius: 3px;
	font-family: "calibri", Garamond, 'Comic Sans' !important;
	font-size: 14px !important;
	font-style: normal !important;
	color: gray;
	background-color: white;
	width: 223px;
	height: 18px;
	padding: 0px 20px 0px 2px !important;
}

.gwt-SuggestBoxPopup {
	border-radius: 3px;
	background-color: white;
	z-index: 1000 !important;
	max-height: 150px;
	weight: 322px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.suggestpopup-lastline {
	font-family: "calibri", Garamond, 'Comic Sans' !important;
	font-size: 14px !important;
	font-style: normal !important;
	color: gray;
	border-radius: 3px;
	background-color: white;
	z-index: 15 !important;
	max-height: 150px;
	weight: 322px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	border: 1px solid #BBBBBB !important;
}

.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
	border-bottom: 1px solid #BBBBBB !important;
}

.gwt-SuggestBoxPopup .item {
	font-family: "calibri", Garamond, 'Comic Sans';
	font-style: normal;
	font-size: 14px !important;
	color: gray !important;
	background-color: white;
}

.tagbox-text {
	font-family: "calibri", Garamond, 'Comic Sans';
	font-style: normal;
	font-size: 14px;
	color: gray;
	background-color: white;
	padding: 3px;
}

.hpFilters_style {
	overflow: visible;
}

.hpReports_style {
	padding-top: 20px;
}

.report_height {
	height: 98% !important;
}

.positionRelative {
	position: relative !important;
	top: initial !important;
	bottom: initial !important;
	left: initial !important;
	right: initial !important;
}

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

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

td.ellipsis > div {
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 2px;
}

body > div:nth-of-type(2) > div:nth-of-type(2) {
	min-width: 1248px;
	overflow: visible !important;
}

.marginPanel {
	position: static !important;
}

.marginPanel > div:nth-of-type(2) {
	overflow: visible !important;
}

.sitePanelWrapper > div:nth-of-type(2) {
	position: relative !important;
}

.sitePanelWrapper > div:nth-of-type(3) {
	position: relative !important;
	top: initial !important;
}

.deviceSelectionPanel {
	top: 0px;
	bottom: 20px;
}

.reportInstances {
	width: auto !important;
	left: 30px !important;
	right: 20px !important;
}

.reportScheduleTable {
	width: auto !important;
	left: 0px !important;
	right: 30px !important;
}

.scanResultsTable {
	margin-left: 0px;
	margin-top: 0px;
}

.scanResultsTable table {
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}

.scanResultsTable td.rowHeader, .scanResultsTable td.rowHeader > div {
	background-color: #ebebeb;
}

.scanResultsTable td.rowHeader > div {
	height: initial;
	text-align: right;
    padding-right: 13px;
    float: right;
}

.scanResultsTable td {
	background-color: #FFFFFF;
}

.scanResultsTable th, .scanResultsTable td {
	border: 1px solid #606060;
}

.scanResultsTable td {
	padding: 0px;
}

.scanResultsTable #imageRow td > img {
	padding-left: 5px;
	cursor: initial !important;
}

.scanResultsTable table tr:first-child td {
  border-top: 0;
}

.scanResultsTable table tr:last-child td {
  border-bottom: 0;
}

.scanResultsTable table tr td:first-child,
.scanResultsTable table tr th:first-child {
  border-left: 0;
}

.scanResultsTable table tr td:last-child,
.scanResultsTable table tr th:last-child {
  border-right: 0;
}

.siteName {
	top: 0px !important;
	height: 35px !important;
	width: 100% !important;
	font-family: "calibri", Garamond, "Comic Sans" !important;
	font-size: 24px !important;
	font-style: bold !important;
	color: #f8f8f8 !important;
	text-align: left;
	margin-left: 30px !important;
	margin-top: 15px !important;
}

.siteFilters {
	top: 45px !important;
	height: 50px !important;
}

.siteStatusGridContent tbody>tr>td:nth-of-type(1) {
	overflow: visible;
}

/* Icons */
img[src ^='img/icon/'] {
	margin: -28px -10px -13px -10px;
	overflow: hidden;
}

img[src ^='img/refresh-reload-light.png'] {
	margin: 1px 0 -1px 0;
	overflow: hidden;
}

img[src='img/resolved-No.png'], img[src='img/resolved-Yes.png'] {
	margin: -28px -10px -13px -10px;
	overflow: hidden;
}

img[src='img/note-true.png'] {
	margin: 2px 4px -2px -4px;
}

img[src='img/icon/refresh-reload.png'] {
	width: 16px !important;
	height: 16px !important;
	margin: 5px 10px 0px 0px;
	overflow: hidden;
}

img[src='img/icon/true-16.png'], img[src='img/icon/false-16.png'] {
	margin: 3px 3px 5px 0px;
	overflow: hidden;	
}

img[src='img/t_pencil.png'] {
	margin: 1px 0px -1px 0px;
    overflow: hidden;
}


img[src='img/run-16.png'] {
	margin: 3px 0px -3px 0px;
    overflow: hidden;
}

img[src='img/icon/search-inactive.png'] {

}

.hpButtonsContainer {
	width: 310px !important;
}

.termsContainer, .releaseNotesContainer {
	background: white;	
}

.termsContent, .releaseNotesContent {
	padding: 0px 40px 0px 40px;	
}

.highcharts-container {
	z-index: 1 !important;
	overflow: visible !important;
}

.partnersVisualization svg {
	overflow: visible !important;
}

.gatewayButtonsContainer {
	width: 175px !important;
}

#serviceAgreement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.termsPanel input[type=checkbox] {
	cursor: pointer;
}

#serviceAgreement p {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 13px;
	-webkit-margin-before: 10px;
	-webkit-margin-after: 10px;
}

#serviceAgreement ol {
    counter-reset: item;
}

#serviceAgreement ol li {
    display: block;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}

#serviceAgreement ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    left: -40px;
}

#serviceAgreement ol.root > li {
	font-weight: bold;
	display: block;
    position: relative;
    padding-left: 10px;
}

#serviceAgreement ol.root > li > ol {
	font-weight: normal;
}

#serviceAgreement ol.ol2, ol.ol2 > li {
    padding-left: 0px !important;
}

#serviceAgreement ol.ol2 > li:before {
    left: -50px !important;
}

.btnDisabled {
	opacity: 0.5;
	cursor: not-allowed !important;
}

.gridFilterTabCheckbox label {
	text-overflow: ellipsis;
	display: inline-block;
	height: 15px;
	overflow: hidden;
	margin-top: 3px;
	padding-bottom: 5px;
}

.gridFilterTabCheckbox .popupContent {
	height: 32px;
}

.gridFilterTab .popupTop, .gridFilterTab .popupBottom,
.gridFilterTab .popupMiddleLeft, .gridFilterTab .popupMiddleRight {
	display: none;
}

.gridFilterTab > div {
	padding: 5px;
    background-color: #F1F1F1;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.gridFilterTab img[src='img/filter-clear.png'] {
	margin: -1px 1px -7px -3px !important;
    padding-right: 0px !important;
    overflow: hidden;
}

.smallButtonLayer {
	width: 50px !important;
}

.largerButtonLayer {
	width: 200px !important;
}

.largerButtonLayer446 {
	width: 446px !important;
}

.xLargerButtonLayer {
	width: 400px !important;
}

.xxLargerButtonLayer {
	width: 750px !important;
}
.FMLargerButtonLayer{
	width: 715px !important;
}

.xxxLargerButtonLayer {
	width: 780px !important;
}

.upperArchivedAssetsList {
	height: auto !important;
	top: 0px !important;
	bottom: 15px !important;
}
.lowerArchivedAssetsList {
	height: auto !important;
	top: 30px !important;
	bottom: 0px !important;
}

.span_red {   
     -moz-border-radius: 20px;
    border-radius: 20px;
    padding-left:2px;
    padding-right:2px;
    padding-top:2px;
    padding-bottom:2px;
    background: #fff;
    border: 2px solid red;  
}
.span_green {   
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding-left:2px;
    padding-right:2px;
    padding-top:2px;
    padding-bottom:2px;
    background: #fff;
    border: 2px solid green;   	
}
.newIndicator {
	padding-top: 3px;
	padding-left: 3px;
    padding-right: 3px;
	margin: 0px 2px 0px 2px;
    border: 1px solid #3c5d7c !important;
    background-color: #3c5d7c;
    color: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
    height: 16px;
    width: 27px;
    line-height: 13px;
}

.newColumn {
	padding-left:0px !important;
}

/* This removes the blue/grey border around table headers and some cells in Chrome */
th:focus {
	outline: none;
}

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

button.createGatewayLicenseBtn {
	width: 170px !important;
}

.siteStatsPanel {
	position: absolute !important;
	width: 33%  !important;
}

.imageCropDialog tr.dialogTop {
	display: none;
}

.html-no-border {
	border:none !important;
}

.pager-panel {
	width: 100%;
	background-color: #EBEBEB !important;
	margin: 0 auto;
	-moz-border-radius-bottomleft: 3px !important;
  	-webkit-border-bottom-left-radius: 3px !important;
  	-moz-border-radius-bottomright: 3px !important;
   	-webkit-border-bottom-right-radius: 3px !important;
}

.pager {
	background-color: #EBEBEB !important;
	margin: 0 auto;
}

.total-text{
	font-family: "calibri", Garamond, 'Comic Sans';
	font-size: 12px;
	font-style: normal;
	color: #91A1AF !important;
	text-shadow: 0px 0px !important;
	margin: 2px 10px;
}

.devicePropertiesPanel .gwt-DisclosurePanel .header td {
	color: #0F69A1;
	font-weight: bold;
}

.devicePropertiesPanel .gwt-DisclosurePanel .header td img {
	width: 10px;
    height: 10px;
    margin-right: -9px;
}

.devicePropertiesPanel .gwt-DisclosurePanel .content {
	padding: 4px 0px 4px 0px;
    margin-left: 0px;
}

.cameraPropertiesPanel .gwt-DisclosurePanel .content {
	border:none;
	padding: 4px 0px 4px 0px;
    margin-left: 0px;
}

.cameraPropertiesPanel .gwt-DisclosurePanel .header td {
	color: #0F69A1;
}

input.validationError,  input.validationError:focus,
select.validationError,  select.validationError:focus {
	border: 1px solid #f66 !important;
}

input.validationError:focus, select.validationError:focus {
	outline: none;
}

.rightPropertiesColumn .propertyName {
	margin-left: 23px;
}

a {
	color: #4983AF !important;
}

a:hover {
	text-decoration:none !important;
}

.device_footer {
	height: 25px;
}
.styleLabel{
	color:#95989A;
	text-align:center;
	margin-top:70px;
}
.downloadOptionLink {
	color: #176498;	
	font-family: "calibri", Garamond, "Comic Sans";
	font-size: 14px;	
	font-weight: 300;	
	line-height: 18px;
	cursor: pointer;
	padding:5px;
}
.downloadConfirmBox {		
	background-color: #FFFFFF;	
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5), 0 2px 4px 0 rgba(0,0,0,0.5);
	border: 1px solid #176498 !important;
	width: 7%;
}
.downloadConfirmButtonSeperator {
	box-sizing: border-box;	
	height: 1px;
	border: 1px solid #176498;
}

.downloadConfirmBox .popupContent table{
	width: 100%;
}
.dataPickerPopupBox{
	z-index: 9999;
}