body {
    background:#0053a8;
	color: white;
}

a {
 	color: white;
}

.logo {
	width:150px;
}

.feedback {
	height: 20px;
	margin-bottom: 12px;
}


/* ----- Top-right floating tabs ---- */
#loginreg {
	position: fixed;
	right: 20px;
	top: 0px;
	z-index: 999;
}

#loginreg .loginnav {
	/*font-size: 90%;*/
	font-weight: normal;
	cursor: pointer;
/*	cursor: hand;*/
}

#onlineindicator {
	font-size: 90%;
	font-weight: normal;
}

#loginreg img {
	position: relative;
	top: 3px;
}



/* ----------------- Content toolbar --------------- */

.toolbar {
	display: inline;
	width:100%;
	height: 0px;
}

/* Aligns select with button */
.toolbar select + .ui-selectmenu-button {
	vertical-align : middle;
}

/* Makes the select as high as the button */
.toolbar select + .ui-selectmenu-button span.ui-selectmenu-text {
	line-height: normal;
}

.ui-icon.ui-icon-custom-refresh {
	background-image: url(images/refresh_white.png);
    height: 24px;
    width: 24px;
    margin-left: -12px;
    margin-top: -12px;
/*    padding: 12px;*/
}

.ui-icon.ui-icon-custom-refresh:hover {
	background-image: url(images/refresh_blue.png);
    height: 24px;
    width: 24px;
    margin-left: -12px;
    margin-top: -12px;
/*    padding: 12px;*/
}

.ui-icon.ui-icon-custom-delete {
	background-image: url(images/delete_white.png);
    height: 24px;
    width: 24px;
    margin-left: -12px;
    margin-top: -12px;
}

.ui-icon.ui-icon-custom-delete:hover {
	background-image: url(images/delete_blue.png);
    height: 24px;
    width: 24px;
    margin-left: -12px;
    margin-top: -12px;
}

.ui-icon.ui-icon-custom-download {
	background-image: url(images/download_white.png);
    height: 24px;
    width: 24px;
    margin-left: -12px;
    margin-top: -12px;
}

.ui-icon.ui-icon-custom-download:hover {
	background-image: url(images/download_blue.png);
    height: 24px;
    width: 24px;
    margin-left: -12px;
    margin-top: -12px;
}

.ui-icon.ui-icon-custom-talk {
	background-image: url(images/talk_white.png);
    height: 24px;
    width: 24px;
    margin-left: -12px;
    margin-top: -12px;
/*    padding: 12px;*/
}

.ui-icon.ui-icon-custom-talk:hover {
	background-image: url(images/talk_blue.png);
    height: 24px;
    width: 24px;
    margin-left: -12px;
    margin-top: -12px;
/*    padding: 12px;*/
}




/* ----------------- Buttonsets --------------- */
.custom-buttonset.ui-buttonset button {
    margin-right: -.4em;
    border: 2px solid #79c9ec;
    border-left: 1px;
}

/* custom-buttonset label */
.custom-buttonset-label.ui-button {  /* Almost like .ui-state-hover*/
    border: 2px solid #79c9ec;
    background: #79c9ec;
	font-weight: normal;
    color:white;
}

.custom-buttonset .ui-button-text {
	padding: .4em .6em;
}


/* ----------------- Table content --------------- */

.contentlist {
	margin-top:20px;
}

.contentlist th {
	padding: 2px 15px 2px 15px;
	font-weight: normal;
}

.contentlist td {
	padding: 2px 5px 2px 5px;
}


/* Makes icon red */
.delbutton .ui-icon,.expired .ui-icon {
	background-image: url(images/ui-icons_a83300_256x240.png);
}

/* Makes unlink icon red */
.unlinkbutton .ui-icon {
	background-image: url(images/ui-icons_a83300_256x240.png);
}

/* Makes icon yellow */
.warning .ui-icon {
	background-image: url(images/ui-icons_f7a50d_256x240.png);
}


/* Specific to isy's list */
#isystable .x_uuid {
	min-width: 205px;
}

#isystable .uuid {
	min-width: 185px;
}


#isystable .alias {
	height: 20px;
	overflow:hidden;
}

.toolMenuButton.ui-button span.ui-button-text {
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.toolMenu.ui-menu {
    white-space: nowrap;
    min-width: 225px;
    position: absolute;
}

td.isystatusholder {
  padding-left: 0px;
}

td.isystatusholder .isystatus {
  min-width: 20px;
  min-height: 20px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
}

td.isystatusholder .online {
  background-image: url('images/Circle_Green.png');
}

td.isystatusholder .pending {
  background-image: url('images/Circle_Yellow.png');
}

td.isystatusholder .revoked {
  background-image: url('images/Circle_Red.png');
}

td.isystatusholder .offline {
  background-image: url('images/Circle_Grey.png');
}

#isysconnectedtable tbody{
	font-size: 85%;
}

#isysconnectedtable .connecteddomain{
	cursor: default;
}

.help {
	background-image: url(images/help.png);
	width: 32px;
	height: 32px;
	display: inline-block;
}

.help:hover {
	background-image: url(images/help.png);
	width: 32px;
	height: 32px;
	display: inline-block;
    opacity: .75;
    filter:alpha(opacity=75);
}

/* -------------- DataTables styling ------------------- */


.table_container {
	padding-top: 20px;
	display: inline-block;
	min-width: 550px;
}

.table_container table {
	width: 100% !important; /* Table width will be dynamic */
}

.dataTables_info, .dataTables_length, .dataTables_filter {
	color: white !important;
}

.dataTables_paginate {
	color: white !important;
}

.linkbutton {
	display: inline-block;
	margin-right:3px;
}

.linkbuttonspacer {
	display: inline-block;
	margin-right:3px;
	width: 16px;
}

.delbutton {
	display: inline-block;
	margin-right:3px;
}

.username {
	display: inline-block;
	margin-right:3px;
}


.warning, .expired {
	display: inline-block;
}

.nodelbutton {
	display: inline-block;
	width: 16px;
	margin-right:3px;
}


.table_container .even {
	background-color: #EBEBEB;
}

/* -------------- Dialog boxes ------------------- */

.dialog-header {
	padding-top:20px;
	padding-bottom:5px;
}

.dialog-header-label {
	vertical-align: top;
	white-space: nowrap;
}

.dialog-header-data {
	vertical-align: top;
	padding-left: 10px;
}

.dialog-header-data-separator {
	padding-right: 20px;
}

fieldset {
	padding:0;
	border:0;
	margin-top:10px;
}

.modal input.text  {
	font-size:1em;
	margin-bottom:12px;  /* spacing between fields */
	width:95%;
	padding: 5px 10px 5px 10px;
/*	padding: .4em;*/
}

.modal input.text-thin  {
	font-size:1em;
	margin-bottom:5px;  /* spacing between fields */
	width:95%;
	padding: 2px 10px 2px 10px;
	/*	padding: .4em;*/
}


.modal input.DatePicker  {
	font-size:1em;
	margin-bottom:12px;  /* spacing between fields */
	width: 130px;
	padding: 5px 10px 5px 10px;
	/*	padding: .4em;*/
}

.modal .tox-tinymce  {
	margin-bottom:12px;  /* spacing between fields */
}


.modal input.text[readonly],
.modal input.custom-combobox-input[readonly] {
	background-color: #E6E6E6;
}

.modal .combobox-container {
	font-size:1em;
	margin-bottom:12px;  /* spacing between fields */
    width: 100%;
}


#myprofile_dialog label, #migrate_dialog label {
	display: block;
}

#myprofile_dialog .combobox-container, #migrate_dialog .combobox-container {
   width: 85%;
   display: inline-block;
}

#migrate_from {
	width: 72%;
}

.modal textarea {
	font-size:1em;
	margin-bottom:2px;  /* spacing between fields */
	width:95%;
	padding: .4em;
}

.modal .checkbox {
	display: block;
	margin-bottom:12px;  /* spacing between fields */
	font-size:.8em;
}

.modal .checkbox input {
	padding-right:12px;  /* spacing between fields, does not work */
	font-size:1em;
}

.modal .radio {
	display: block;
	margin-bottom:12px;  /* spacing between fields */
	font-size:.8em;
}

.modal label,
#myprofile_dialog.modal .editable_link,
#logindialog.modal .editable_link {
	font-size:.8em;
}

/* Used as a title to a section*/
.modal label.title {
	font-size:1em;
}

.modal .editable_link_container {
	margin-bottom: 6px;  /* spacing between fields */
}

.modal .validateTipsContainer {
	margin-top: 10px;
	margin-bottom: 10px;
	height:35px;
}

.modal .validateTips {
	font-size:.8em;
	margin: 0px;
}

.modal .fieldfocus {
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px grey;
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px grey;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px grey;
}

/* Tables inside a dialog have a smaller font */
.modal .dataTable tbody {
	font-size:.8em;
}

.modal .spoken_toolbar {
	padding-top: 10px;
}


.modal .signin-with-container {
	width: 180px
}

.modal .signin-with-spacer {
	padding-top: 10px;
}

#echo_spoken_turnon_value, #gh_spoken_turnon_value {
	width: 85%;
}

/* spoken already used*/
.ui-autocomplete .dup, .red {
    color:red;
}

.ui-dialog-buttonpane .modalbuttonset button {
  margin-right: 0;
}

.ui-dialog-buttonset-fixedheigth {
	height: 55px;
}

/* Allow the ISY firmware select to go outside the dialog */
.ui-dialog, .ui-dialog-buttonpane {
	overflow: visible;
}

.modal .field-margin {
    margin-bottom: 12px;
}


.modal .ui-selectmenu-button {
	margin-top: -1px; /* Align vertically with other inputs which have a border */
}

.modal .ui-selectmenu-button span.ui-selectmenu-text {
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 0px;
}

#echo_spoken_statevar_input_onoff, #gh_spoken_statevar_input {
  -webkit-columns: 100px 3;
     -moz-columns: 100px 3;
          columns: 100px 3;

    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;

    width:97%;
    display: block;
}

#echo_spoken_statevar_input_motion {
  -webkit-columns: 100px 2;
     -moz-columns: 100px 2;
          columns: 100px 2;

    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;

    width:97%;
    display: block;
}


/* Used in IFTTT */
.modal .two-columns {
  -webkit-columns: 180px 2;
     -moz-columns: 180px 2;
          columns: 180px 2;

    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;

    width:97%;
    display: block;
}

/* Used in RATES */
.modal .rates-two-columns {
  -webkit-columns: 150px 2;
     -moz-columns: 150px 2;
          columns: 150px 2;

    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;

    width:97%;
    display: block;
}


.modal .rates-four-columns {
  -webkit-columns: 54px 4;
     -moz-columns: 54px 4;
          columns: 54px 4;

    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;

    width:97%;
    display: block;
}



.column-no-break {
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}


#ifttt_in_value {
}

#domain_dialog table {
	width: 100%;
}

#domain_dialog label {
	vertical-align: middle;
}

#domain_dialog .col1 {
	width: 220px;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 8px; /* Fix vertical alignment */
}


/* Overrides the default margin-bottom 12px to instean center the field in the table cell*/
#domain_dialog input.text {
	margin-top: 6px;
	margin-bottom: 6px;
}

#domain_dialog .checkbox {
	margin-top: 6px;
	margin-bottom: 6px;
}

#domain_dialog .checkbox input {
	margin-top: 6px;
	margin-bottom: 6px;
}

#domain_dialog .radio {
	margin-top: 6px;
	margin-bottom: 6px;
}

#domain_dialog #enddate {
	width: 150px;
}


.admin_console_url {
    font-size: 80%;
	vertical-align : middle;
}

.url80 {
    font-size: 80%;
}

.ur85 {
    font-size: 85%;
}

.ur90 {
    font-size: 90%;
}

.online-help {
    font-size: 80%;
}

.padright20 {
	padding-right: 20px;
}

.inline_block {
	display: inline-block;
}

.thin_button span.ui-button-text  {
	padding-left: 7px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 7px;
}

.thin_button span.ui-selectmenu-text {
	padding-left: 17px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 36px;
}

#ee_analytics_selector_highprice .ui-selectmenu-button {
	position: relative;
	top: 6px;
}


#isy_fw_select_label {
	vertical-align : middle; /* Center with select */
}

#isy_fw_select {
	padding-left:3px; /* Standard padding is 10. reduce it to 3, so that the select text aligns with other fields */
}

#isy_fw_select .ui-selectmenu-button span.ui-selectmenu-text {
	padding-left: 7px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#isy_fw_description {
	/* min-height does not work on a cell */
	height: 68px; /* 68px = 3 lines. If 4 lines, dialog box will expand */
}

.upload_filename {
	padding: 5px;
	min-height: 22px;
}

#isy_license_dialog .expired, #isy_license_renew_dialog .expired, #nodeserver_purchase_dialog .expired {
	padding-left: 10px;
}

#ipalHistoryTable  {
	width: 100%;
}

#ipalHistoryTable .col {
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}



/* Login page split button - fix text height for the selector */

#select span.ui-button-text {
    height: 22px;
}

.dialog-table {
   border: 1px solid black;
   margin-top: 10px;
   border-collapse: collapse;
}

.dialog-table th {
   border: 1px solid black;
}

.dialog-table tbody {
	font-size: 90%;
}

.dialog-table tr:nth-child(even) {
	background: #EBEBEB;
}

.dialog-table th, .dialog-table td {
   padding: 1px 5px 1px 5px;
}


#isyfeatures-table  {
	width: 100%;
}

#lastconnected-table  {
	width: 665px;
}


/* Removes the line above buttons in dialog */
.ui-dialog .ui-dialog-buttonpane {
	border-top-width: 0px;
	margin-top: 0px;
}

/* ------------ Footer ----------- */

#footer-right {
	position: absolute;
	right: 20px;
	font-size: 90%;
	font-weight: normal;
	color: white;
	font-family: 'Verdana,Arial,sans-serif';
}

/* ------------ Various ----------- */

.editable_link {
	border-bottom: 1px dotted;
	text-decoration: none;
	cursor: default;
}

.editable_link:hover {
	border-bottom: 1px solid;
}

.ajax-loader-white {
  min-width: 20px;
  min-height: 20px;
  padding: 0;
  background-repeat: no-repeat;
  background-image: url('images/ajax-loader-white.gif');
}

.topheader {
	margin-top: 10px;
	margin-bottom: 20px;
}

.topheader-title, .topheader-content {
	padding: 8px;
}

/* Hide the submit button, but still allow IE enter to submit */
input.submit {
    height: 0;
    border: none;
    width: 0;
    padding: 0;
    margin: 0;
	line-height: 0;
	display: inline;
	float:left;
}

/* Fix the input placeholder on IE */
input:-ms-input-placeholder {
	color: grey;
}

/* Allow \n in tooltips */
.ui-tooltip {
    white-space: pre-line;
}

/* Make buttons aligned and same height as inputfields */
#nsoccupancy_locationadd {
	height:32px;
	margin-top:-24px;
	margin-left:6px;
}
#nsoccupancy2_geofenceadd2 {
	height:32px;
	margin-top:-24px;
	margin-left:6px;
}
#nsoccupancy2_deviceadd2 {
	height:32px;
	margin-top:-24px;
	margin-left:6px;
}

/* Occupancy2 Tabs */
#nsoccupancy2_tabs {
    padding: 0px;
    background: none;
    border-width: 0px;
}
#nsoccupancy2_tabs .ui-tabs-nav {
    padding-left: 0px;
    background: transparent;
    border-width: 0px 0px 1px 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
#nsoccupancy2_tabs .ui-tabs-panel {
    border: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

/* Make buttons aligned and same height as inputfields */
/*#echo_spoken_room_add, #echo_spoken_room_edit, #echo_spoken_room_delete, #gh_spoken_room_add, #gh_spoken_room_edit, #gh_spoken_room_delete {*/
.spoken_room_buttons>span {
	height: 32px;
	margin-top:-24px;
	margin-left:6px;
}

.spoken_room_container {
    width:100%;
	display: inline-block;
}


.combobox-container.spoken_room_combobox {
    width:65%;
	display: inline-block;
}


.spoken_room_buttons {
	display: inline-block;
}



/* ------------------- Custom combobox ---------------------*/
.custom-combobox {
	/*position: relative;*/
	display: inline-block;
    width: 100%;
}

.custom-combobox-inputwrapper1 {
	/*position: relative;*/
    float: left;
    width: 100%;
    margin-right: -55px;
}

.custom-combobox-inputwrapper2 {
    margin-right: 55px;
}

.custom-combobox-input {
	position: relative;
	display: inline-block;
	padding: 5px 10px 5px 10px;
    width: 100%;
}

.custom-combobox-toggle {
	position: relative;
	display: inline-block;
    float: right;
	top: 0;
	bottom: 0;
	margin-left: -34px;
	margin-top: 0;
	margin-right: 0px;
	padding: 0;
    width: 32px;
    height: 32px;
}

.ui-autocomplete.ui-menu {
    overflow-y:auto;
    overflow-x:hidden;
}

/* ------------------- Custom domainCombobox ---------------------*/
/* domainCombobox reuses mosts of combobox, with these changes */
.custom-domainCombobox {
	/*position: absolute;*/
	float: left;
	display: inline-block;
	width: 300px;
	margin-right: 6px
}

.custom-domainCombobox .custom-combobox-toggle {
	height: 35px;
}

.custom-domainCombobox .custom-combobox-input {
	height: 25px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.custom-domainCombobox .custom-combobox-inputwrapper1 {
	margin-right: 0px;
}

.custom-domainCombobox .custom-combobox-inputwrapper2 {
	margin-right: 25px;
}


/* --------------- OpenADR ----------- */

/* Top information header */
#oadrheader, #oadrevents {
	max-width:1000px;
}

#oadrPlaceholder p {
	color: white; /* For No events text or error messages */
}

.opt-controls div {
  min-width: 24px;
  min-height: 24px;
  height: 100%;
  padding: 0;
  display: inline-block;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-position: bottom;
}

.opt-controls div.opt-available-true:hover {
    opacity: .75;
    filter:alpha(opacity=75);
}

.opt-controls .opt-available-false {
    opacity: .40;
    filter:alpha(opacity=40);
}

.opt-controls .opt-control-optout {
  background-image: url('images/disable.png');
}

.contentlist td.oadr-prop {
	vertical-align: top;
	padding: 5px 30px 5px 0px;
}

.oadr-prop-left {
    width:auto;
    float:left;
}

.oadr-prop-right, .opt-controls {
    float:right;
	height: 37px;
}

.oadr-prop-label {
	font-size:.8em;
	font-weight: bold;
}

.oadr-prop-data {
	font-size:.8em;
}

.oadr-signals {
	margin-top: 20px;
}

.oadr-intervals {
	margin-top: 15px;
	font-size:.8em;
}

#oadrevents .icon-status {
  min-width: 24px;
  min-height: 24px;
  padding: 0 8px 0 0;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
}

#oadrevents .icon-Far {
  background-image: url('images/far.png');
}

#oadrevents .icon-Active {
  background-image: url('images/active.png');
}

#oadrevents .icon-Completed {
  background-image: url('images/check.png');
}

#oadrevents .icon-Cancelled {
  background-image: url('images/cancelled.png');
}

.feedbackwhite {
	font-size: 1.1em;
	color:white;
	font-family: 'Verdana,Arial,sans-serif'
}


/* ------------ Logs -----------*/

/* This is the pre */
#logContainer {
    -moz-tab-size: 11;
    -o-tab-size:   11;
    tab-size:      11;
	white-space: pre-wrap;
}

/* Inside the pre */
#logPlaceholder {
	font-size: 14px;
	padding: 8px;
	max-width:800px;
}



/* Top information header */
#logheader, #logContainer, #logPlaceholder {
	max-width:800px;
}


/* ------------ RATES specific  -----------*/
.dialogTable {
	background: white;
	border-collapse: collapse;
	margin: auto;
	padding: 5px;
	width: 100%;
	margin-top: 12px;
	margin-bottom: 12px;
}

.dialogTable tr {
	border: 1px solid #79c9ec;
}

.dialogTable th {
	color: white;
	background: #0078ae;
	border-bottom:4px solid #79c9ec;
	border-right: 1px solid #79c9ec;
	border-left: 1px solid #79c9ec;
	border-top: 1px solid #79c9ec;
	font-size:20px;
	font-weight: 100;
	padding:10px;
	text-align:center;
	vertical-align:middle;
}


.dialogTable td {
	padding:6px;
	text-align:left;
	vertical-align:middle;
	border-right: 1px solid #79c9ec;
}

/* Used for the AV dialog & PG&E admin tab*/
.dialog_tab_container {
    padding: 0px;
    background: none;
    border-width: 0px;
}
.dialog_tab_container .ui-tabs-nav {
    padding-left: 0px;
    background: transparent;
    border-width: 0px 0px 1px 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.dialog_tab_container .ui-tabs-panel {
	border: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#echo_av_dialog .av_opt {
	vertical-align: top;
}

#echo_av_dialog div.av_opt_wrapper {
/*	height:46px;*/
}

#echo_av_dialog div.vspacer {
	margin-top:30px;
}


#echo_av_dialog .av_opt_svar .custom-combobox,
#echo_av_dialog .av_opt_net .custom-combobox,
#echo_av_dialog .av_opt_pgm .custom-combobox,
#echo_av_dialog .av_opt_node .custom-combobox {
	margin-left: 15px;
	width: 50%;
	display: inline-block;
}

#echo_av_dialog .av_opt_svar input.text {
	margin-left: 15px;
	margin-bottom: 0px;
	width: 4em;
	display: inline-block;
	vertical-align: top;
}

#echo_av_dialog input.text.inputSelectName {
	margin-left: 15px;
	margin-bottom: 0px;
	width: 6em;
	display: inline-block;
	vertical-align: top;
}

/* RATES UI */

#rates_device_edit_dialog .validateTipsContainer {
	height:18px;
}

#rates_device_edit_dialog input.degree  {
	font-size:1em;
	width:4em;
	padding: 5px 10px 5px 10px;
	display: inline;
	vertical-align: middle;
	float: left;
	margin-right: 5px;
}

#rates_device_edit_dialog table .ui-selectmenu-button {
	top: 2px;
	float: left;
}

/* resize the selectmenu button */
#rates_device_edit_dialog table .ui-selectmenu-button span.ui-selectmenu-text {
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.rates_alpha_header,.rates_alpha_footer {
	height:12px;
	font-size: .8em;
}

.float-left{
	float: left;
}

.float-right{
	float: right;
}

.rates_alpha_container {
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 5px;
}

/* Used in SCE */
.modal .sce-two-columns {
	-webkit-columns: 150px 2;
	-moz-columns: 150px 2;
	columns: 150px 2;

	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	column-gap: 2em;

	width:97%;
	display: block;
}

.modal .sce-three-columns {
	-webkit-columns: 100px 3;
	-moz-columns: 100px 3;
	columns: 100px 3;

	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	column-gap: 2em;

	width:97%;
	display: block;
}

.sce_slider_header,.sce_slider_footer {
	height:12px;
	font-size: .8em;
}

.modal .rates_edit_device_values input {
	display: block;
	width: 6em;
}

.sce_comfort_slider_container {
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 5px;
}

#sce_comfort_container {
	width: 300px;
	margin-bottom: 24px;
}


.modal .header-bottom-spacing {
	margin-bottom: 8px;
}

.modal .datepicker-container {
	margin-top: 2px;
	margin-right: 8px;
}

.modal input.datepicker  {
	font-size:1em;
/*	margin-bottom:12px;  spacing between fields */
	padding: 5px 10px 5px 10px;
/*	padding: .4em;*/
}

.modal input.time-field {
	width:90px
}

.modal .spacer-top-10px {
	margin-top:10px;
}

.modal span.table-buttons {
	display: block;
}


.ui-timepicker-wrapper li {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}

#rates_interval_query_table .now {
	background-color: yellow;
}

#tab-panel-ee-admin-config .col1 {
	width: 130px
}

.fullWidth {
	width: 100%
}

/* Skip empty line above ul */
.littleMargin5 {
	margin-top: 5px;
	margin-bottom: 0;
}

.noMargin {
	margin-top: 0;
	margin-bottom: 0;
}

#comms-content-survey-items, #ud-comms-content-survey-items  {
	padding-left: 0px;  /* Remove ul padding-left */
}

#comms-content-survey-items .surveyElement, #ud-comms-content-survey-items .surveyElement {
	background-image: none;
	padding: 3px 10px 3px 5px; /* Labels already have margin-left: 5px */
	height: 54px;
}

#comms-content-survey-items .floatLeft, #ud-comms-content-survey-items .floatLeft {
	float: left;
	display: table-cell;
	vertical-align: middle;
	height: 27px;
}

#comms-content-survey-items .floatRight, #ud-comms-content-survey-items .floatRight {
	float: right;
	display: table-cell;
	vertical-align: middle;
	height: 27px;
}

#comms-content-survey-items .remainingSpace, #ud-comms-content-survey-items .remainingSpace {
	float: none;
	overflow: hidden;
	vertical-align: middle;
	height: 27px;
}

#comms-content-survey-items .label, #ud-comms-content-survey-items .label {
	margin-left: 5px;
	margin-right: 5px;
}

#comms-content-survey-items .label1, #ud-comms-content-survey-items .label1 {
	width: 75px;
}

#comms-content-survey-items .width100, #ud-comms-content-survey-items .width100 {
	width: 100%;
}

#comms-content-survey-items .deleteButton, #ud-comms-content-survey-items .deleteButton {
	width: 30px;
	height: 32px;
	display: inline-block;
}

#comms-content-survey-items .deleteButton div, #ud-comms-content-survey-items .deleteButton div {
	margin: 18px 7px 0 7px; /* Center the x icon */
}

/*.ui-tabs-vertical { width: 55em; }*/
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; margin-right: 10px; float: left }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; width: 100% }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em;  width: 40em; overflow: auto;}


.dialog_tab_container .ui-tabs-vertical .ui-tabs-nav {
	padding-left: 0px;
	background: transparent;
	border-width: 0px 1px 0px 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
/*.dialog_tab_container .ui-tabs-vertical .ui-tabs-panel {*/
/*	border: none;*/
/*	padding-top: 0px;*/
/*	padding-left: 20px;*/
/*	padding-right: 0px;*/
/*	padding-bottom: 0px;*/
/*}*/

.dialog_tab_container .ui-tabs-vertical {
	/* To have the nav bar take the whole height*/
	/*display: flex;*/
}

.vspacer5 {
	margin-top:5px;
}

.vspacer10 {
	margin-top:10px;
}

.vspacer20 {
	margin-top:20px;
}

.vspacer30 {
	margin-top:30px;
}

.blink {
	animation: blinker 0.7s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}
#analytics_tabs.ui-tabs-vertical .ui-tabs-nav { width: 12em }

#tabs-recommendation-usingmore.ui-tabs-vertical .ui-tabs-nav { width: 15em }
#tabs-recommendation-billhigher.ui-tabs-vertical .ui-tabs-nav { width: 7em }

.pin-container {
	padding: 20px;
	text-align: center;
}

.pin-input-group {
	display: flex;
	gap: 8px;
	justify-content: center;
	margin: 20px 0;
}

.pin-input-group input {
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 1.2em;
	border: 2px solid #ccc;
	border-radius: 4px;
	background: #fff;
}

.pin-input-group input:focus {
	border-color: #007bff;
	outline: none;
	box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}


/*#comms-content-survey-items .deleteButton span {*/
/*	padding: 5px 0px 0px 5px;*/
/*}*/

/* Reminder
#79c9ec Bleu pale
#0078ae Bleu foncé
*/