/*
AFFINEGY GREEN COLORS:

#a0d5b5
#00a94f
#00853f
#006325
*/

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

html {
  box-sizing: content-box;
}
*, *:before, *:after {
  box-sizing: content-box;
}

.form-control {
    font-size: 0.8rem;
}

.modal-title {
    font-size: 1.2rem;
}

.modal-header
.close {
    padding: 0.5rem;
}

.close {
    font-size: 1.2rem;
}


.modal-content {
    box-sizing: border-box;
}

.border-box {
    box-sizing: border-box;
}

html {
      -webkit-text-size-adjust: 100%;
}

body
{
	line-height: 1;
	font-family: Arial;
	font-size:12px;
	overflow-y:scroll;
}

ol, ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

em
{
	font-weight:bold;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

a
{
	color: #666;
	outline: medium none;
	display: inline-block;
}

a:hover
{
	color: #6f001a;
}

#footer
{
	height:50px;
	margin-top:10px;
	padding-top:10px;
	border-top: 1px solid #E0E0E0;
}

#footerdebugdata
{
	margin-top:20px;
	color:#aaaaaa;
	margin-bottom:10px;
}

#footerdebugdata td
{
	padding:4px;
}

#closedevdata
{
	padding-top:5px;
	text-align:center;
	text-decoration:underline;
	cursor:pointer;
}

/* a div that clears itself under the lowest floating div in the relative space */
div.clearboth
{
    clear:both;
}

.hidden { display: none; }

/**
* dialog content
*/
.ui-dialog-content > p
{
	line-height:20px;
}

.ui-dialog-content label
{
	font-weight:bold;
}

/*main*/
div.holder
{
	width: 89%;          // old 960px; /* Leaves 10px on left and right of screen on ipad for margin */
	margin: 0 auto;
	padding-left: 10px;padding-right:10px;
}

.contentTitle
{
    color: #666666;
    font-size: 1.8em;
    font-weight: bold;
	margin-top: 20px;
    padding: 0 0 12px 5px;
}

.contentBlockWrap
{
    overflow:hidden;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	min-height:130px;
	width:100%;   // old 755px;
}

.blockTitle
{
    background:transparent url("../images/blockHeader.gif") repeat-y scroll 0 0 ;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
	height: 10px;
/*    text-transform: uppercase;*/
    border:1px solid #e0e0e0;
    border-width: 1px 0 1px 1px;
    padding: 6px 10px 6px 8px;
    margin-bottom: 15px;
}

.blockTitle div
{
    float:left;
}

.blockTitle .updated-time { font-size: 10px; font-weight: normal; margin-left: 20px; width: 100px; }

.blockTitle div.updated-time
{
	margin-left:10px;
	font-weight:normal;
}

.blockTitle div.link
{
	margin-left:10px;
	font-weight:normal;
}

.blockTitle.long
{
    background: url("../images/blockBigHeader.gif") repeat-y scroll 0 0 transparent;
    border-left-width: 2px;
    height: 10px;
}

.blockContent
{
	margin-bottom:10px;
}

.innerBlockContentRight
{
	font-size: 12px;
	float:left;
	width: 45%;
}

.innerBlockContentRight li
{
	padding-bottom: 13px;
}

.innerBlockContentRight > ul > li { border-bottom: 1px solid #E0E0E0; line-height: 20px; padding: 0px; width: 260px; }

.innerBlockContentRight > ul > li.last { border-bottom: none; }

.contentBlockWrap .xbulletButtonList li {
    display: block;
    xbackground:transparent url("../images/bulletButtonBackground.gif") no-repeat 0 0;
    width: 180px;
    height: 29px;
    line-height: 20px;
}
.contentBlockWrap .bulletButtonList li div{
    padding: 4px 0 9px 33px;
    font-weight: bold;
    background:transparent url("../images/bulletGreen.gif") no-repeat 13px 10px;
}

.contentBlockWrap .bulletButtonList li .bulletButtonItemRed {
    background:transparent url("../images/bulletRed.gif") no-repeat 13px 10px;
}
.contentBlockWrap .bulletButtonList li .bulletButtonItemYellow {
    background:transparent url("../images/bulletYellow.gif") no-repeat 13px 10px;
}
.nonDigiDo .contentBlockWrap .bulletButtonList li div { padding: 10px 38px 0 53px; }

.TechLogo
{
    background: transparent url("../images/techlogo.png") no-repeat scroll 0 0;
	height: 75px;
	float: left;
	margin-left: 0px;
	width: 525px;
}

.generic_enduser_logo
{
    background: transparent url("../images/generic_enduser_logo.png") no-repeat scroll 0 0;
	height: 56px;
	float: left;
	margin-left: 3px;
	width: 331px;
}

/* side menu on most pages */
.menu
{
	background:transparent url("../images/menuBackground1px.png") repeat-y scroll right top;
	width: 19%;  // old 240px;
	min-height:300px;
	height:100%;
}

.menu > ul.leftMenu
{

}

.menu > ul.leftMenu > li
{
	height:48px;
	background:transparent url("../images/menuLiOption.png") scroll right top ;
}

.menu > ul.leftMenu > li.active
{
	font-weight: bold;
	color: #70b736;
	background: transparent url("../images/menuLiOptionHovered.png") no-repeat right !important;
}

.menu > ul.leftMenu > li.active > a
{
	color: #0CB858;
}

.menu > ul.leftMenu > li:hover
{
    background: transparent url("../images/menuLiOptionHovered.png") no-repeat right !important;
    cursor:pointer;
}

.menu > ul.leftMenu > li.nolink:hover
{
    background: transparent url("../images/menuLiOption.png") no-repeat right !important;
    cursor:default;
}

.menu .menuItem a
{
    width:210px;
    height:100%;
    line-height:48px;
    padding-left:30px;
    font-size:12px;
    font-weight:normal;
}

.menu .nolink.menuItemHovered
{
	background: transparent url("../images/menuLiOption.png") repeat scroll right top !important;
	cursor:default;
}

.menu .header
{
	line-height:48px;
	font-size:17px;
	padding-left:20px;
}

#mtooltip {
	font-size: 1em;
	padding: 3px;
	background: #fff;
	border: 1px solid #a2a2a2;
	z-index:1500;
}

.holderTitle {
	color:#666666;
	margin: 0 0 20px 0;
	font-size:16px;
	font-weight:bold;
	line-height:22px;
	padding-left:10px;
	border-bottom:1px solid #e0e0e0;
}

img.ajax_indicate
{
    display: none;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    vertical-align: middle;
}

.main
{
	float:right;
	width: 80%;  // old 700px;
}

div.settings fieldset
{
	margin:10px 0;
}

.content
{
	position:relative;
}

select, input
{
	padding:4px;
/*	-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;*/
/*    -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;*/
/*    box-shadow: inset 2px 2px 2px 0px #dddddd;*/
    vertical-align:middle;
}

.help_icon {
cursor:pointer;
}

fieldset.login input {
	float: right;
}

input.text
{
    width:200px;
}
h2
{
    font-weight:bold;
    margin-bottom:10px;
}
p
{
    margin-bottom:5px;
}
div.form_feedback
{
    color:#F00;
    font-weight:bold;
    text-align:right;
    /* font-size:10rem; */
    margin-bottom:5px;
    margin-top:5px;
}

div.contextual_help
{
	font-weight:normal;
	font-family: arial;
}

div.contextual_help h1
{
    background-color: #cecece;
    background-repeat: repeat-x;
    border-bottom: 2px solid #07843D;
    border-top: 2px solid #07843D;
    color: #07843D;
    font-size: 12pt;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-top: 5px;
    padding-bottom: 12px;
    padding-left: 18px;
    padding-top: 18px;
}
div.contextual_help p
{
    -moz-font-feature-settings: inherit;
    -moz-font-language-override: inherit;
    border: 0 none;
    font-family: inherit;
    font-size: 11pt;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 14pt 0 1px 12px;
    padding: 0;
    vertical-align: baseline;
}

input[type="button"], input[type="submit"], button
{
	background:url("jqui/images/ui-bg_highlight-hard_100_fff_1x100.png") repeat-x scroll 50% 50% #FFFFFF;
	color:#6f001a;
	font-weight:bold;
	font-size:13px;
	border:1px solid #D4CCB0;
	font-family: segoe ui,Arial,sans-serif;
	font-size: 1.2em;
	padding:0px 2px 2px 2px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	cursor:pointer;
}

input[type="button"]:hover, input[type="submit"]:hover, button:hover
{
	background-color:#D97A97;
	color:#FFF;
	background: #d97a97 url(jqui/images/ui-bg_highlight-soft_25_D97A97_1x100.png) 50% 50% repeat-x;
}

input[type="button"]:active, input[type="submit"]:active, button:active
{
	background-color: #701c1a;
	color:#FFF;
	background: #d97a97 url(jqui/images/ui-bg_highlight-soft_25_D97A97_1x100.png) 50% 50% repeat-x;
}

input[type="button"]:disabled,input[type="submit"]:disabled, button:disabled
{
	background-color:#e0e0e0;
	border:1px solid #aaa;
	color:#aaa;
	cursor:default;
}


button.react-datepicker__navigation:hover {
    background: 0;
}

/**
* Impromptu popup tables (mostly in MY HOME)
*/
.popup_table
{
	width:100%;
}
.popup_table th
{
	font-weight:bold;
	padding:2px;
}

.popup_table td
{
	font-weight:normal;
	padding:2px;
}

.no-close .ui-dialog-titlebar-close { /* hide the jq ui modal close button by adding dialogClass option 'no-close'*/
display: none;
}

/**
* StatusAlert error/warning/success
*/
div.statusAlert
{
	font-weight:bold;
	padding-left:24px;
	text-align:left;
}

div.statusAlert.warning
{
	color:#000;
	background:url('../images/warn.png') no-repeat top left;
	line-height:19px;
}
div.statusAlert.error
{
	color:#000;
	background:url('../images/cross.png') no-repeat top left;
	line-height:19px;
}
div.statusAlert.success
{
	color:#000;
	background:url('../images/check.png') no-repeat top left;
	line-height:19px;
}
div.statusAlert.info
{
	color:#000;
	background:url('../images/info.png') no-repeat top left;
	line-height:18px;
}

table.formatted_table
{
	position:relative;
	width:100%;
}

table.formatted_table tr
{
	font-weight:normal;
}

table.formatted_table th
{
	text-align:left;
	font-weight:bold;
	padding-bottom:9px;
	border-bottom:1px solid #e0e0e0;
}

table.formatted_table td
{
	vertical-align:middle;
	border-bottom:1px solid #e0e0e0;
	padding-top:2px;
	padding-bottom:2px;
}

table.formatted_table input, table.formatted_table select
{
	padding:0px;
	font-size: 11px;
}

table.alertPopupTable h4
{
	margin-bottom:10px;
}

#household_view_tasks
{
 	margin-left:4px;
 	float:left;
 	height:22px;
}

#agent_quick_menu
{
    line-height: 22px;
	margin-right:4px;
    margin-top: 3px;
	float:right;
}

#agent_overlay_content
{
	margin:10px;
	border:1px solid #aaa;
}

#quick_search
{
	width:150px;
	vertical-align:middle;
	height:14px;
	margin-bottom:1px;
	color:#aaa;
	font-size:11px;
}

#devicelistchangeresult
{
	margin-top:8px;
	min-height:19px;
}

.PowLogo
{
    background: transparent url("../images/pow-by.png") no-repeat scroll 0 0;
    height: 18px;
    width: 86px;
    cursor:pointer;
    float:right;
}

.PoweredByAndLicenseTerms
{
	float:right;
}

.licenseTerms
{
	margin-top: 25px;
	text-align: right;
}

.headerSubsTable {
	width: 350px;
	float: right;
	margin-right: 100px;
}

.headerSubsTable  > ul > li {
	border-bottom: 1px solid #E0E0E0;
	line-height: 20px;
	padding: 0px;
	width: 325px;
	font-weight: bold;
}

.headerSubsTable span {
	font-weight: normal;
}

.shadow {
    -moz-box-shadow: 0 0 20px 1px #969696;
    -webkit-box-shadow: 0 0 20px 1px #969696;
    box-shadow: 0 0 20px 1px #969696;
}


/**
* household refresh stuff
*/
#refresh_household_button
{
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	line-height: 38px;
	padding: 0 8px;
	background-color:#ccc;
}

#refresh_household_button.loading
{
	background-color:#eee;

}

#refresh_household_button.disabled
{
	background-color:#eee;
}

#last_update_label
{
	font-weight:bold;
}

#last_update_since
{
	margin-right:10px;
}

#last_update_timer
{
    float: left;
}

.ui-dialog-titlebar.sev_1 > .ui-dialog-title, .ui-dialog-titlebar.sev_2 > .ui-dialog-title
{
	color:#f00000;
	padding-left:30px;
}

.ui-dialog-titlebar.sev_1,.ui-dialog-titlebar.sev_2
{
	background: url(../images/device_error.gif) 1% 50% no-repeat;
}

.ui-dialog-titlebar.sev_3 > .ui-dialog-title
{
	color:#c19c14;
	padding-left:30px;
}
.ui-dialog-titlebar.sev_3,.ui-dialog-titlebar.sev_3
{
	background: url(../images/device_warning.gif) 1% 50% no-repeat;
}

.ui-dialog-titlebar.sev_4 > .ui-dialog-title
{
	color:#330bf9;
	padding-left:30px;
}
.ui-dialog-titlebar.sev_4,.ui-dialog-titlebar.sev_4
{
	background: url(../images/device_info.png) 1% 50% no-repeat;
}

span#main_menu_right
{
	float:right;
}

div.settings_subsection_header
{
        box-sizing: content-box;
	height:16px;
	line-height:16px;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	padding:5px;
	font-weight:bold;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background: url("../images/routersettingsheaderfade.png") repeat scroll right top transparent;
}

div.subsection_content
{
	padding:10px;
	border:1px solid #aaa;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	margin-bottom:10px;
}

#agent_dash
{
	float:right;
}

#agent_header_menu
{
	margin-top:4px;
	float:right;
}

#agent_header_menu li
{
	display:inline-block;
}

#subscriber_header
{
	margin-top:4px;
	margin-right:10px;
	float:right;
	max-width:360px;
}

#subscriber_header th
{
	text-align:right;
	padding-right:10px;
	font-weight:bold;
	background-color:#fff;
}

#subscriber_header th, #subscriber_header td
{
	padding:4px;
}

table.settings_list
{
	width:100%;
}

table.settings_list td
{
	padding:2px;
	font-size:11px;
	border: 1px solid #e0e0e0;
}

table.settings_list th
{
	text-align:left;
	font-weight:bold;
	background-color:#efefef;
	padding:6px;
	border:1px solid #e0e0e0;
	font-size:11px;
}

table.settings_list td
{
	padding:6px;
	vertical-align:middle;
}

table.settings_list td.right
{
	text-align:right;
}

img.contexthelp
{
	vertical-align:middle;
	cursor:pointer;
}

/* Quick search */
.quick_search
{
    display: inline-block;
	margin-left:24px;
}

.quick_search input[type=text]
{
	width: 128px;
	height: 16px;
}

.quick_search input[type=submit]
{
	background: url("../images/search_icon.png") no-repeat;
	width: 16px;
	height: 16px;
	border: 0;
}

img.editReservedIp:hover {
	cursor:pointer;
}

img.deleteReservedIp:hover {
	cursor:pointer;
}


#subscriber_table input {
	text-align: right;
}

.user-services-system {
    font-size: 2.7em;
    color: #6f001a;
    font-family: 'Roboto', sans-serif;
    padding-top: 25px;
}

.div-table {
    display: table;
    width: 400px;
}

.div-table-row {
    display: table-row;
    width: 100%;
}

.div-table-row:hover {
    color: red;
    background-color: #F5F5F5;
    cursor:pointer;
}

.div-table-cell {
    display: table-cell;
    padding: 5px 2px;
}

.field-validation-error {
	font-size: 0.8em;
	color: red;
    margin-top: 0.2em;
}

.wifi-passphrase-input {
	display: flex;
	align-items: baseline;
	-webkit-align-items: baseline;
}

.wifi-passphrase-input input {
    width: 124px;
}

.wifi-passphrase-input > div:last-child {
	margin-left: auto;	/* Move it to the right */
}

.wifi-mesh-input, .wifi-channel-input, .wifi-autochannel-input {
	display: flex;
	align-items: center;
	-webkit-align-items: center;
}

.wifi-channel-input > div:first-child {
	width: 30%;
}

.wifi-channel-input select {
	width: 50%;
}

.input-error {
	border: 1px solid red !important;
}

.alarm-solution a {
    text-decoration: underline;
    color: #0000FF;
}

.alarm-solution a:hover {
	color: #FF0000;
}

.loading-spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 16px;
	z-index: 999;
	text-align: center;
	margin: 0 auto;
}

.loading-spinner .message {
	padding: 2.2em;
}

.overlay{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(43, 41, 34, .9);
	z-index: 999;
}

.elapsedTime {
	position: relative;
	left: 25%;
	padding: 1em;
}

#noc360 {
	margin-left: 10px;
}

#connectedDevicesSelect {
	width: 70%;
}

.cp-modal-container {
	position: relative;
	min-height: 180px;
}

.cp-modal-row {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.connected-devices-icon {
    width: 50px;
}

.ui-widget { font-size: .9rem; }
.ui-widget textarea, .ui-widget button { font-size: 1.2em; }

.tab-content {
    font-size: 1em;
}

table#tasks button {
    font-size: 1.2em;
}

.ui-tabs-nav {
    font-size: .9em;
}

ul .ui-state-default:hover,
.ui-tabs-nav .ui-state-active {
    background: #d97a97 url(jqui/images/ui-bg_highlight-soft_25_D97A97_1x100.png) 50% 50% repeat-x !important;;
}

.switch-btn-container {
    margin: .2rem;
}

.fading-loop-text {
    animation: fadingLoop 3s linear infinite;
}

@keyframes fadingLoop {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 0;
    }
}