/* reset
----------*/
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,font,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 {
margin: 0;
padding: 0;
}
ol, ul { list-style: none; }
ul.styled { list-style: disc; padding-left: 3em;}
table { border-spacing: 0; margin: 10px 0; }
acronym { cursor: help; }
body {
font-size: 10px;
}
.submit {
cursor: pointer;
}
.hide { display: none; }
.clear { clear: both; }
.tablesorter-header .tablesorter-header-inner::after {
content: " ⇅";
}
.tablesorter-header.tablesorter-headerAsc .tablesorter-header-inner::after {
content: " ▲";
}
.tablesorter-header.tablesorter-headerDesc .tablesorter-header-inner::after {
content: " ▼";
}
/* layout */
#breadcrumbs {
height: 40px;
line-height: 40px;
padding-left: 10px;
}
#breadcrumbs a {
padding: 5px;
}
#toggle-sidebar {
position: absolute;
top: 2px;
left: 160px;
height: 16px;
width: 16px;
background: url(img/sidebar-close.svg) #e3e3e3 0 0 no-repeat;
display: none;
cursor: pointer;
}
#toggle-sidebar.hidden {
width: 160px;
font-size: 110%;
left: 16px;
line-height: 16px;
right: auto;
padding-left: 18px;
background: url(img/sidebar-open.svg) white 0 0 no-repeat;
color: #999;
}
#sidebar {
width: 178px;
min-height: 200px;
padding: 10px 20px;
margin-right: 30px;
background: #eee;
border: 1px solid #ddd;
border-radius: 4px;
}
#sidebar h3 {
padding-top: 10px;
}
#sidebar ul {
padding-left: 15px;
}
#sidebar li a {
width: 178px;
display:block;
margin-left: -36px; padding-left: 36px;
padding-top: 1px; padding-bottom: 1px;
}
#sidebar li a sup {
font-size: 70%;
color: #971917;
font-weight: normal;
}
#sidebar li a:hover sup {
color: #b4c5db;
}
#sidebar li a sup.premium {
font-size: 70%;
color: #1e7d8e;
font-weight: thin;
}
#sidebar li a:hover sup.premium {
color: #b4c5db;
}
#content {
position: relative;
margin-top: 18px;
padding-bottom: 40px;
}
#content th h4 {
padding-top: 2em;
}
h2 {
margin-bottom: 4px;
margin-left: 0px;
}
#content .file-preview {
margin-top: 2px !important;
margin-bottom: 2px !important;
}
#content .messages li { margin-bottom: 0.4em; padding: 0.8em; text-align: center; }
#content .messages li.success { background: #b1c14e; }
#content .messages li.info { background: #7a378b; color: white; }
#content .messages li.warning { background: #c48531; color: white; }
#content .messages li.info-plus { background: #61b2be; color: white }
#content .messages li.error { background: #971917; color: white;}
#content .messages li.info a,
#content .messages li.warning a,
#content .messages li.error a { color: white; text-decoration: underline; }
#content .warning { background: #c48531 !important; color: white; }
#content .info { background: #7a378b; color: white; }
#content .pagination {
height: 30px;
margin-bottom: 20px;
float: left;
}
#content .pagination a {
display: block;
height: 15px;
width: 15px;
float: left;
margin: 0 2px;
border: 1px solid white;
}
#content .pagination a span { display: none; }
#content .pagination a.page {
line-height: 15px;
height: 15px;
float: left;
display: block;
padding: 1px 5px 0 5px;
margin: 0 2px;
width: auto;
height: 14px;
}
#content .pagination a.page.current { border-color: #e3e3e3; }
#content .pagination a.page:hover {
color: white;
background: #162c68;
border-color: black;
text-decoration: none;
}
#content .pagination a.page.current:hover { background: white; color: #162c68 }
#content .pagination a.more { text-align: center; margin: 0 2px; padding: 0; width: auto; }
#content .pagination .page-first { background: url(img/page-first.png) white no-repeat 0 0; }
#content .pagination .page-previous { background: url(img/page-previous.png) white no-repeat 0 0; }
#content .pagination .page-next { background: url(img/page-next.png) white no-repeat 0 0; }
#content .pagination .page-last { background: url(img/page-last.png) white no-repeat 0 0; }
#content .pagination a.page-first.active { background: url(img/page-first.png) white no-repeat 0 -15px; }
#content .pagination a.page-previous.active { background: url(img/page-previous.png) white no-repeat 0 -15px; }
#content .pagination a.page-next.active { background: url(img/page-next.png) white no-repeat 0 -15px; }
#content .pagination a.page-last.active { background: url(img/page-last.png) white no-repeat 0 -15px; }
#content .pagination a.page-first.active:hover { background: url(img/page-first.png) white no-repeat 0 -30px; }
#content .pagination a.page-previous.active:hover { background: url(img/page-previous.png) white no-repeat 0 -30px; }
#content .pagination a.page-next.active:hover { background: url(img/page-next.png) white no-repeat 0 -30px; }
#content .pagination a.page-last.active:hover { background: url(img/page-last.png) white no-repeat 0 -30px; }
#content table.pagination-table {
height: 25px;
margin-bottom: 30px;
}
#content table.pagination-table a {
display: block;
text-decoration: none;
padding: 5px 10px;
}
#content table.pagination-table td {
padding: 0px;
height: 20px;
border: 1px solid #f0f0f0;
}
#content table.pagination-table td.active {
padding: 5px 10px;
background: #162c68;
color: white;
border: 1px solid #162c68;
}
#content table.pagination-table td.disabled {
padding: 5px 10px;
color: #999999;
}
#content table.pagination-table td:hover {
color: black;
background: #dddddd;
border: 1px solid #dddddd;
}
#content table.pagination-table td.active:hover {
padding: 5px 10px;
background: #162c68;
color: white;
border: 1px solid #162c68;
}
#content div.search-and-pages {
width: 99%;
display: table;
padding: 10px 5px;
}
#content div.search-and-pages-purchases {
width: 800px;
display: table;
padding: 10px 5px;
}
#content div.search-bar {
display: table-cell;
vertical-align: middle;
white-space: nowrap;
}
#content div.pagination-info {
display: table-cell;
float: left;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
#content h3 {
padding-top: 20px;
margin-top: 10px;
margin-bottom: 15px;
}
#content h3.config-list {
padding-top: 100px;
margin-top: 10px;
margin-bottom: 15px;
}
#content h3 {
margin-bottom: 15px;
padding-bottom: 5px;
}
#content .page-controls form { float: none; }
#content .page-controls li { display: inline; }
#content .page-controls input { padding: 6px; border: none; background: #f0f0f0;}
#content .object-list {
position: relative;
}
#content .object-list .object-group { clear: left; }
#content .object-list li { display: block; float: left; position: relative; padding: 10px 0; padding-right: 20px; }
#content .object-list li a { display: block; width: 380px; height: 60px; padding: 5px; text-decoration: none; }
#content .object-list li img { float: left; margin-right: 5px; margin-top: -2px; }
#content .object-list li a img { opacity:0.4; filter:alpha(opacity=40) }
#content .object-list li a:hover img { opacity:1; filter:alpha(opacity=100) }
#content .object-list li span { padding: 0 5px 5px 5px; display: block; }
#content .object-list li .project-info span { padding: 0 20px 0 0; display: inline; }
#content .object-extra-list {
position: relative;
}
#content .object-extra-list .object-group { clear: left; }
#content .object-extra-list li { display: block; float: left; position: relative; padding: 10px 0; padding-right: 20px; }
#content .object-extra-list li a { display: block; width: 240px; height: 60px; padding: 5px; text-decoration: none; }
#content .object-extra-list li img { float: left; margin-right: 5px; margin-top: -2px; }
#content .object-extra-list li a img { opacity:0.8; filter:alpha(opacity=80) }
#content .object-extra-list li a:hover img { opacity:1; filter:alpha(opacity=100) }
#content .object-extra-list li span { padding: 0 5px 5px 5px; display: block; }
#content .object-extra-list li .project-info { position: absolute; bottom: 10px; left: 80px; }
#content .object-extra-list li .project-info span { padding: 0 20px 0 0; display: inline; }
#content .object-small-list {
padding: 10px 0px;
}
#content .object-small-list li { display: block; width: 360px; float: left; position: relative; padding: 5px 0; padding-right: 20px; }
#content .object-small-list li a { display: block; height: 40px; padding: 5px; }
#content .object-small-list li .object-small-info { position: absolute; bottom: 10px; left: 10px; }
#content .datafile-list td { line-height: 22px;}
#content .datafile-list td.certified { background: url(img/icon-certified.svg) 2px 3px no-repeat; background-size: 20px; padding-left: 28px; color: #517900; }
#content .datafile-list th { cursor: pointer; }
#content table.datafile-overview td { text-align: right; }
.overview-icon {
display: inline-block;
vertical-align: top;
width: 62px;
height: 62px;
border: 1px solid rgba(0,0,0,0.5);
border-radius: 4px;
margin-right: 10px;
}
.base-overview-icon-projects { background-color: #1e7d8e; border-color: #1e7d8e}
.base-support { background-color: #162c68; }
.base-overview-icon-premium-loggers { background-color: #c04e2a; border-color: #c04e2a}
.base-overview-icon-premium-accounts { background-color: #e3b638; border-color: #e3b638}
.base-overview-icon-live-dashboard { background-color: #971917; border-color: #971917}
.base-overview-icon-live-aggregator { background-color: #162c69; border-color: #162c69}
.base-overview-icon-settings { background-color: #162c69; border-color: #162c69}
.base-overview-icon-help { background-color: #999; border-color: #999;}
.base-overview-icon-spend-credits { background-color: #1e7d8e; border-color: #1e7d8e;}
.base-overview-icon-get-credits { background-color: #e3b638; border-color: #e3b638;}
.base-overview-icon-matrix { background-color: #1e7d8e; border-color: #1e7d8e}
#content .parser-log p { margin: 0px 0; }
#content .parser-log.parser-errors p { color: #971917; font-weight: bold; }
#content .parser-log.parser-noerrors p { color: #517900; font-weight: bold; }
#content .parser-log.parser-warnings p { color: #c48531; }
form p { color: #888; font-style: normal; font-size: 120%; margin-top: 5px; margin-bottom: 5px; padding: 3px; }
#content form img { width:13px; height:13px; opacity:0.6; float:top; }
#content form img:hover { opacity:1; }
#content form li { color: #888; font-size: 95%; margin-top: 10px; padding: 3px; font-style: italic; }
#content form li tt { font-size: 110%; }
form label { display: block; font-style: normal; }
#content form input, #content form textarea, #content form select { margin-right: 10px; }
#content form li.error { border: 1px solid #971917; background: #e0bab9; background: #e3e3e3;}
#content form ul.errorlist li { color: white; background: #971917; font-style: normal; font-size: 100%; padding: 6px 4px 2px 4px; letter-spacing: 0.5px; margin: -3px; margin-top: 5px; }
#content .errorlist a {color: pink}
#content form .required label { font-weight: bold; }
#content form .subfield { margin-left: 4em; margin-top: 0;}
#content form #id_dtf_time,
#content form #id_dtt_time { width: 5em; }
#content form .data_import #li_logger { float: none; }
#content form .data_import #li_files,
#content form .data_import #li_files li { color: black; font-style: normal; }
#content form .data_import #upload-progress li { list-style: square; margin-left: 25px;}
#content form .data_import #upload-progress ul { margin-bottom:10px; }
#content form .data_import #li_preloaded_files { display: none; }
#content form label.default-checkbox-label { display: inline; }
#content table form { float: none; }
#content div.logger-list-wrapper {
position:relative;
}
#content div.logger-detail-element {
float: left !important;
width: 500px;
margin: 0 auto;
margin-bottom: 20px;
margin-right: 40px;
}
#content div.logger-detail-element-middle {
float: left !important;
width: 700px;
margin: 0 auto;
margin-bottom: 20px;
margin-right: 40px;
}
#content div.logger-detail-element-middle-2 {
float: left !important;
width: 800px;
margin: 0 auto;
margin-bottom: 20px;
margin-right: 40px;
}
#content div.logger-detail-element-large {
float: left !important;
width: 1600px;
margin: 0 auto;
margin-bottom: 20px;
margin-right: 40px;
}
#content #project-detail { min-width: 100%; max-width: 980px;}
#content #project-detail .logger-detail { min-width: 100%; max-width: 980px; }
#content #project-detail th { text-align: left; padding-top: 15px; padding-bottom: 15px; background-color: #eee; }
#content #project-detail th.slim { padding-top: 10px; padding-bottom: 10px; font-size: 100%;}
#content #project-detail span.fat { padding-top: 10px; padding-bottom: 10px; font-size: 120%; font-style: bold;}
#content #project-detail th:hover {background-color: #ddd; cursor: pointer; color: black;}
#content #project-detail th.warning-inline { background-color: #c48531; cursor: text; color: #fff;}
#content #project-detail th.unhover { background-color: #eee; cursor: text; color: #666;}
#content #project-detail th a { color: #666; text-decoration: none; display: block; width: 100%;}
#content #project-detail a.project-detail { color: white; display: inline; padding: 3px 10px;}
#content #project-detail th a.button {width: 30px; float: right;}
#content #project-detail th.project-detail-inline {background-color: white; padding-top: 10px; padding-bottom: 5px; border:0px; text-shadow: none; color: #888; font-weight: normal;}
#content #project-detail th.project-detail-inline:hover {background-color: white; color: #888; cursor: text;}
#content #project-detail th.project-detail-head-left {text-align: left; border: 0px; font-size: 120%;}
#content #project-detail th.project-detail-head-right {text-align: right; border: 0px; font-weight: normal; text-shadow: none;}
#content .premium-calendar td.green { background: #b1c14e; text-align: center;}
#content .premium-calendar td.grey { background: #fff; text-align: center;}
#content #project-detail tr.project-key td { font-size: 155%; font-weight: bold;}
#content #project-detail td.project-detail-content-list { padding-top: 15px; padding-bottom: 15px;}
#content #project-detail td.slim { padding-top: 7px; padding-bottom: 7px; font-size: 100%;}
.export-preview table tr td:first-child { min-width: 10em; }
body.plot {}
body.plot div.plot { clear: left; position: relative; width: 800px; }
body.plot div.plot.multiple { clear: none; float: left; width: 800px; }
body.plot div.plot.multiple img { width: 800px; }
.grouped_multiple_select_group { display: block; }
#id_statistics { min-height: 8em; }
#id_reason { min-width: 18em; }
#content .filter_options #li_sensors label { display: block; }
/* body.boxforms {}
body.boxforms div.plot { clear: left; position: relative;}
body.boxforms form li div.field { margin-bottom: 10px; }
body.boxforms form #li_status { float: left; background: #eee; padding: 10px; margin-right: 10px; min-height: 13em;}
body.boxforms form #li_dates { float: left; background: #ccc; padding: 10px; margin-right: 10px; min-height: 13em; }
body.boxforms #custom-fields { color: #000000; float: left; background: #aaa; padding: 10px; min-height: 13em; min-width: 20em;}
body.boxforms form #li_submit { clear: both; }
body.boxforms form .li_custom { float: left; padding: 10px; margin-left: 10px; min-height: 13em; min-width: 24em; position: relative; background: #eee;}
body.boxforms form .li_custom #li_sensors { position: absolute; top: 15px; right: 0; }
body.boxforms form .li_custom #li_sensors select { min-width: 80px; } */
#content p.prominent, div.prominent {
border-radius: 4px;
margin: 30px 0; padding: 8px 10px;
font-size: 110%; font-style: italic;
background: #ddd; border: 1px solid #ccc;
}
#content p.prominent a {
text-decoration: underline;
}
#content p.prominent a.alternative, #content input.alternative, #content p.alternative, #content form.alternative {
float: right;
}
#content p.prominent-info {
border-radius: 4px;
height: 20px;
margin: 400px 0px; padding: 8px 10px;
font-size: 110%; font-style: italic;
background: #ddd; border: 1px solid #ccc;
}
#content p.prominent-text {
border-radius: 4px;
margin: 340px 0; padding: 8px 10px;
font-size: 110%; font-style: italic;
background: #ddd; border: 1px solid #ccc;
}
#content div.disabled-mockup-button {
border-radius: 1px;
width: 200px; height: 28px;
margin: 2px;
font-size: 110%;
text-align: center;
color: #aaa;
border: 1px solid #ccc;
background: #ddd
}
#content div.disabled-mockup-button span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
#content a.prominent,
#content a.option
{ display: block; font-size: 110%; background: #162c68; color: white; border: 1px solid black; padding: 4px 8px; cursor: pointer; margin: 10px auto; text-align: center; text-decoration:none; }
#content p a.prominent
{ display: inline; }
#content h2 a.option
{ display: inline; font-size: 50%; padding: 2px 4px; vertical-align: middle; }
#content h3 a.option
{ display: inline; font-size: 70%; padding: 2px 4px; vertical-align: middle; }
#content h4 a.option
{ display: inline; font-size: 90%; font-weight: normal; padding: 2px 4px; vertical-align: middle; }
#content a.prominent:hover,
#content a.option:hover
{ background: #2d4177; border-color: #14285e; text-decoration: none; }
#content a.lightweight.prominent
{ display: inline; padding: 3px 5px; margin: 0; font-size: 85%; }
#content a.dangerous { background: #971917; color: white !important; display: block; font-size: 110%; border: 1px solid black; padding: 4px 8px; cursor: pointer; margin: 10px auto; text-align: center; text-decoration:none;}
#content a.slim-dangerous { background: #971917; color: white; display: block; font-size: 110%; border: 1px solid black; cursor: pointer; text-align: center; text-decoration:none; padding: 2px 8px; margin: 5px auto;}
#content a.dangerous:hover { border-color: #650706; background: #771310; color: white; }
#content p a.isolated { display: inline-block; margin-top: 30px; }
#content a.spreaded { display: inline-block; margin-left: 460px; margin-top: -35px; font-size: 88%; }
#content form input.delete[type=submit] { float: right; }
#content form input.dangerous[type=submit] { background: #971917; color: white; }
#content form input.dangerous[type=submit]:hover { border-color: #650706; background: #771310; color: white; }
#content form input.safe[type=submit], #content a.safe { background: #b1c14e; color: #14285e; border-color: #7d8d1d;}
#content form input.safe[type=submit]:hover, #content a.safe:hover { background: #c7d859; border-color: #7d8d1d;}
#content a.secondary.prominent {
background: #ddd; color: #162c68; border: 1px solid #ccc;
}
#content a.disabled {
background: #ddd; color: #aaa; border: 1px solid #ccc;
}
#content a.disabled:hover
{ background: #ddd; border-color: #ccc; cursor: not-allowed;}
#content form input[type=submit] { background: #162c68; color: white; border: 1px solid black; padding: 4px 8px; cursor: pointer; margin: 15px 0 10px 0; }
#content form input[type=submit][disabled=disabled] { background: #DDD; color: #888; border: 1px solid #bbb; padding: 4px 8px; cursor: pointer; margin: 15px 0 10px 0; }
#content form input.unimportant[type=submit] { background: #DDD; color: #444; border: 1px solid #bbb; }
#content form .disabled label { color: #888; }
#content form.grouped_form { position: relative; width: 100%; }
#content form.grouped_form h4 { color: #162c68; font-weight: bold; }
#content .ui-accordion-content { padding-right: 0; }
#content .ui-accordion-header a { padding-left: 0 0 0 0; }
#content .form_group_header { color: #777; font-weight: normal; background: #ccc; border: 1px solid #bbb; width: 100%; margin: 0; padding: 8px 0 8px 10px; font-size: 115%; }
#content .form_group_header a { text-decoration: none;}
#content .form_group { background: #eee; margin: 0 0 30px 0; border: 1px solid #ddd; width: 100%; padding-left: 10px; position: relative; }
#content .form_group li { list-style: none; }
#content form #div_export_now label { display: inline; }
#content .filter_options.form_group label,
#content .display_options.form_group label
{ font-size: 110%; }
#content .form_group #li_status { display: block; min-width: 16em; float: left; }
#content .form_group #li_logger { display: block; min-width: 16em; float: left; }
#content .form_group #li_dates { display: block; min-width: 19em; padding-right: 30px; float: left; text-align: right; }
#content .form_group #li_daily label { display: inline; }
#content .filter_options.form_group #li_dates label { display: inline; }
#content .form_group #li_s { display: block; min-width: 14em; float: left; vertical-align: top; }
#content .form_group #li_s label { display: block; width: 8em; padding-bottom: 8px; }
#content .form_group #li_status label { display: block; width: 8em; padding-bottom: 8px; }
#content .form_group .li_data_values { display: block; min-width: 19em; float: left; padding: 3px 10px;}
#content .form_group .li_data_values label { display: inline; }
#content .form_group.data_export_options ul label { padding-left: 25px; }
#content .form_group.data_export_options ul input { margin-left: -25px; }
#content .form_group.data_export_options #id_custom_datetime_format { width: 14em; }
#content .form_group.data_export_options_external { height: 340px; }
#content .form_group.data_export_options_external ul label { padding-left: 25px; }
#content .form_group.data_export_options_external ul input { margin-left: -25px; }
#content div.data_export_options_external_recips {
background: #eee;
float: left;
padding: 10px;
margin: 10px 20px 10px 0px;
font-style: normal;
font-size: 120%;
color: #888;
border: 1px solid #ddd;
}
body #content form.logger-selection { float: none; text-align: center; }
body #content form.logger-selection #p_logger, body #content form.logger-selection #p_logger label { display: inline; }
body #content form.logger-selection div { text-align: left; }
body.entry-data #content form.grouped_form { position: relative; width: auto; }
body.entry-data #p_logger, body.entry-data #p_logger label { display: inline; }
#content #data-formatting-preview { display: block; float: right; padding: 3px 5px; border: 1px solid #ddd; }
#content #data-formatting-preview td { font-style: normal;}
#content #data-formatting-preview .datalist .val-date { min-width: 3em; }
#content #data-formatting-preview table { margin: 0 auto; float: none; }
#content label.column_heading { display: block; padding-bottom: 8px; }
#content #display-options-popup { display: none; z-index: 101; position: absolute; top: 20px; right: 20px; left: 20px; border: 1px solid black; background: white; text-align: left; font-family: sans-serif; padding: 20px;}
#content #display-options-popup label { display: block; }
#content #display-options-close { float: left; clear: left; margin-top: 20px; display: block; }
#content #display-options-cancel { float: left; margin-top: 20px; margin-left: 5px; display: inline-block; background-color: #858888; }
#content #display-options-popup .group { float: left; padding-right: 40px; }
#background-blur { position: fixed; top:0; left:0; bottom: 0; right: 0; width: 100%; height: 100%; z-index:100; display: none; background: black; opacity: 0.5; filter:alpha(opacity=50); text-align:left;}
/* html.js .measurand, html.js .channel, html.js .measurand .value { display: none; } */
/* plots */
#content #plot-form ul.form_group li label { max-width: 280px; }
#content #plot-form ul.form_group li { float: left; margin-right: 25px; padding: 2px; }
#content #generate-plot-button { display: block; float: none; padding: 5px 20px; margin: 10px 0 0 0 0;}
#content #share-link-button { display: block; float: right; text-align: right; padding-bottom: 5px; padding-right: 5px; }
#content #plot-form .form_group #li_dates { min-width: 0; text-align: left; }
#content #plot-form .form_group #li_dates p { margin: 0 ; padding: 0;}
#content #plot-form .form_group #li_dates label { display: block; }
#content #plot-loading { height: 0; width: 32px; position: relative; margin: 0 auto;}
#content #plot-loading span { display: block; position: absolute; top: 0; background: url(img/loading.gif) white 50% 50% no-repeat; height: 32px; width: 32px; margin: 0 auto; }
/* #content #li_air_pressure_evaluation {display: none;}
#content #li_humidity_evaluation {display: none;}
#content #li_temperature_evaluation {display: none;}*/
/* end plots */
/*#content table { float: left; width: 100%; padding-top: 10px; }
#content th { min-width: 4em; }
#content th.data { text-align: right; padding-right: 0; padding-left: 8px;}
#content td.data { font-family: monospace; text-align: right; }
#content td.zero { color: #ccc; }*/
#content #plot-form .form_group #id_statistic {min-width: 220px;}
.datalist { float: left; }
#content .datalist a { text-decoration: none; }
#content .datalist th { text-align: center; font-weight: bold; padding: 2px 4px; color: white; }
#content .datalist th[scope="row"] { color: black; font-weight: normal; padding: 0 6px; text-align: right; }
.datalist th { font-weight: bold; font-style: normal; color: white; background: #162c69; text-align: center; border: 1px solid #132458; text-shadow: black 1px 1px 1px;}
.datalist th.not-original { background: #303850; }
.datalist th a { color: white; display: block; margin: 0; padding: 1em; text-decoration: none; }
.datalist th a:hover { background: #253a7e; }
.datalist th div.evaluator-type { font-size: 80%; font-weight: 100; margin-bottom: 3px; }
.datalist th.heading-intersection { background: none; border: none; }
.datalist th[scope=row] { font-weight: normal; font-style: normal; color: black; text-shadow: none;
background: #bbb; border: 1px solid #aaa; padding: 0 6px;
vertical-align: middle; text-align: right;}
.datalist td { border: 1px solid #ddd; font-family: monospace; text-align: right; font-size:120%; padding: 3px;}
.datalist th.color { background: none; border:none; height: 5px; }
.datalist tr.color { height: 5px; }
.datalist td.measurand { padding: 0px; font-style: normal;}
.datalist .val-date { font-family: monospace; font-size: 120%; min-width: 10em; white-space: nowrap;}
.datalist .val-date .unchanged { color: #555; }
.datalist .value { font-size: 90%; display: block; }
.datalist .value-Avg { font-size: 100%; font-weight: bold; }
.datalist .val-unit { font-size:80%; display: block; }
.datalist.view_options .hidden { display: none; }
.datalist td a { border: 2px solid transparent; padding: 3px; padding:7px 10px; display: block; margin: -1px; text-decoration: none; }
.datalist td a:hover { border-color: black; }
.datalist td a:focus { border-color: black; }
.datalist tr.focus .val-date { background-color: #C0CDF2; }
.datalist .measurand-status-0 { background-color: #ddd; border-color: #ccc;}
.datalist .measurand-status-1 { background-color: white; border-color: #ddd; }
.datalist .measurand-status-5 { background-color: #f5ec18; border-color: #c4bc13;}
.datalist .measurand-status-10 { background-color: #c04e2a; border-color: #993e21;}
#display-options-link { background: white; border: 1px solid #ddd; padding: 10px; z-index: 100; max-width: 25em; }
#display-options-link.data-overview {
float: right; right: 30px; top: 100px;
}
#display-options-link a.customise { display: block; font-size: 140%; text-align: center; width: 100%; }
#entry-list-legend td a:hover { border-color: transparent; }
#entry-list-legend th { padding: 5px; }
#content .remote_evaluation_table th:last-child { display: none}
#content .measurand-options {
z-index: 10;
/* display: none; /* initially hidden */
background: white;
position: absolute;
border: 1px solid #888;
font-family: sans-serif;
border-radius: 5px;
margin-left: 20px;
-moz-box-shadow: 0px 0px 15px #666;
-webkit-box-shadow: 0px 0px 15px #666;
box-shadow: 0px 0px 15px #666;
min-width: 300px;
}
#content .measurand-options:before {
width: 0;
height: 0;
content: '';
position: absolute;
border: 15px solid transparent;
border-bottom-color: #162c69;
bottom: 100%;
left: 20px;
}
#content .measurand-options h5 {
background: url(img/blue-close.png) #162c69 top right no-repeat;
color: white;
text-shadow: black 1px 1px 1px;
text-align: center;
padding: 8px 0;
margin: 0;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
#content .measurand-options.not-original:before {
border-bottom-color: #303850;
}
#content .measurand-options.not-original h5 {
background-color: #303850;
background-image: url(img/gray-close.png);
}
#content .measurand-options .measurand-options-heading,
#content .measurand-options .originality {
background-color: #162c69;
text-shadow: black 1px 1px 1px;
font-size: 90%;
padding: 0 8px 8px 8px;
color: white;
text-align: center;
}
#content .measurand-options .originality {
padding: 9px 0;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#content .measurand-options.not-original .measurand-options-heading,
#content .measurand-options.not-original .originality { background-color: #303850; }
#content td .measurand-options a { border: none; text-align: left; text-decoration: underline;}
#content td .measurand-options a:hover { border: none; }
#content .measurand-values { background-color: #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 15px 0; padding: 5px 15px;}
#content .measurand-values h6 { text-align: left; }
#content .measurand-values .slopeoffset { text-align: left; }
#content .measurand-values td { border: none; }
#content .measurand-values table th[scope=row] { font-size: 90%; color: #777; background: transparent; border: none;}
#content .link-change-status a { text-decoration: none; }
#content .link-change-status a span { display: block; float: left; margin-right: 6px; height: 10px; width: 10px; border: 1px solid black; }
#content .link-change-status.unchecked a span { background: #ddd; }
#content .link-change-status.checked a span { background: white; }
#content .link-change-status.suspicious a span { background: #f5ec18; }
#content .link-change-status.error a span { background: #c04e2a; }
#content #loading-indicator { text-align: center; padding: 30px; display: none; line-height: 2.5em; }
#content .objectlist { }
#content .objectlist th { font-weight: bold; padding: 2px 4px; font-style: normal; color: white; background: #162c69; text-align: center; border: 1px solid #132458; text-shadow: black 1px 1px 1px;}
.datalist th a { color: white; display: block; margin: 0; padding: 1em; text-decoration: none;}
.datalist th a:hover { background: #253a7e;}
#content .objectlist th.heading-intersection { background: none; border: none; }
#content .objectlist td { border: none;}
#content .objectlist th[scope=row] { font-weight: normal; font-style: normal; color: black; text-shadow: none;
background: #bbb; border: 1px solid #aaa; padding: 0 6px;
vertical-align: middle; text-align: right;}
#content .objectlist td { border: 1px solid #ddd; text-align: center; font-size:120%; padding: 3px;}
#content .objectlist td input.option,
#content .objectlist td a.option { padding: 3px; font-size: 90%; margin: -1px; }
#content .filterlist tr.active-filter td.active-status { background: #b1c14e; }
#content .filterlist tr.inactive-filter td.active-status { background: #c04e2a; }
#content .filterlist td a { border: 2px solid transparent; padding:7px 10px; display: block; margin: -1px; text-decoration: none; }
#content .filterlist td a:hover { border-color: black; }
#content table.detaillist { margin-bottom: 20px; }
#content .detaillist th { font-weight: bold; padding: 2px 4px; font-style: normal; color: white; background: #162c69; text-align: center; border: 1px solid #132458; text-shadow: black 1px 1px 1px;}
.datalist th a { color: white; margin: 0; text-decoration: underline;}
#content .detaillist .heading-intersection { background: none; border: none; }
#content .detaillist th[scope=row] { font-weight: normal; font-style: normal; color: #666; text-shadow: none;
background: transparent; border: none; padding: 0 6px;
vertical-align: middle; text-align: right; }
#content .detaillist td { border: none; font-size:120%; padding: 2px 5px; }
#content .detaillist td a:hover { text-decoration: underline;}
#content div.account-box {
border-top: 20px;
width: 100%;
}
#content div.account-taskbar {
border-top: 20px;
width: 100%;
}
#content table.account-numbers-table {
width: 100%;
background-color: #eee;
margin-bottom: 40px ;
}
#content .account-numbers-table td.account-numbers-last-activity {
padding-top: 15px;
padding-left: 10px;
color: #777;
font-size: 110%;
}
#content .account-numbers-table td.account-num-of-orders-comp {
width: 90px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
#content .account-numbers-table td.account-num-of-orders-comp:hover {background-color: #ddd;}
#content .account-numbers-table td.account-num-of-orders-comp a {text-decoration: none;}
#content .account-numbers-table td.account-num-of-orders {
width: 90px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
#content .account-numbers-table td.account-num-of-orders a {text-decoration: none;}
#content .account-numbers-table td.account-num-of-orders:hover {background-color: #ddd;}
#content .account-numbers-table div.account-num-of-orders-head {text-align: left; color: #999; font-size: 90%; padding-left: 5px;}
#content .account-numbers-table div.account-num-of-orders-pending {text-align: right; font-size: 140%; padding-top: 10px; color: #2C6700;}
#content .account-numbers-table div.account-num-of-orders-completed {text-align: right; font-size: 140%; padding-top: 10px; color: black;}
#content .account-numbers-table td.account-num-of-transactions {
width: 180px;
padding-right: 20px;
border-left: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 10px;
}
#content .account-numbers-table td.account-num-of-transactions a {text-decoration: none;}
#content .account-numbers-table td.account-num-of-transactions:hover {background-color: #ddd;}
#content .account-numbers-table div.account-num-of-transactions-head {text-align: left; color: #999; font-size: 90%; padding-left: 10px; }
#content .account-numbers-table div.account-num-of-transactions-content {text-align: right; font-size: 140%; padding-top: 10px; color: black;}
#content .account-numbers-table td.account-numbers-balance {width: 180px; padding-right: 10px; border-left: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px;}
#content .account-numbers-table div.account-numbers-balance-head {text-align: left; color: #999; font-size: 90%; padding-left: 10px;}
#content .account-numbers-table div.account-numbers-balance-content {text-align: right; font-weight: bold; font-size: 140%; padding-top: 10px;}
#content table.account-detaillist {
width: 100%;
margin-bottom: 20px;
}
#content .account-detaillist tr.account-info {background-color: #eee;}
#content .account-detaillist th { color: #999; font-size: 100%; padding-left: 10px}
#content .account-detaillist td.account-billing-name { padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 10px;}
#content .account-detaillist div.account-created-by { color: #999; font-size: 90%}
#content .account-detaillist div.account-billing-name-content { color: black; font-size: 140%;}
#content .account-detaillist td.account-partner-id {padding-right: 16px; padding-top: 10px; padding-bottom: 10px; color: black; font-size: 140%; vertical-align: middle; text-align: center;}
#content .account-detaillist td.account-billing-country { padding-top: 10px; padding-bottom: 10px; padding-right: 10px; text-align: center; vertical-align: middle;}
#content .account-detaillist td.account-detail-key { color: #999; font-size: 90%; text-align: center; vertical-align: middle;}
#content .account-detaillist td.verified { padding-right: 10px;}
#content .account-detaillist td.pending { padding-right: 10px;}
#content .evallist { }
#content .evallist th { font-weight: bold; padding: 2px 4px; font-style: normal; color: white; background: #162c69; text-align: center; border: 1px solid #132458; text-shadow: black 1px 1px 1px; cursor: pointer; }
#content .evallist td { border: 1px solid #ddd; text-align: center; font-size:120%; padding: 3px;}
#content .hide_fields #li_height { display: none; }
#content .hide_fields #li_boom_orientation { display: none; }
#content .hide_fields #li_latitude { display: none; }
#content .hide_fields #li_longitude { display: none; }
#content .hide_fields #li_import_email_address { display: none; }
#content table tr.recent { background: #ffa; outline: 1px solid #cc7; }
#content .messagelist { float: left; width: 100%; padding-top:10px; }
#content .messagelist td { padding:7px 10px; }
#content .basetable { float: left; width: 100%; padding-top:10px; }
#content .basetable td { padding:7px 10px; }
#content ul.firststeps { padding-top: 20px; width: 600px;}
#content li.firststeps-head { background-color: #eee; padding: 12px; font-size: 120%; font-weight: bold;}
#content li.firststeps-row { padding-left: 40px; padding-top: 10px; padding-bottom: 10px;}
#content li.firststeps-row a {text-decoration: none; color: #162c69; opacity: 0.7;}
#content li.firststeps-row a:hover {text-decoration: none; color: #162c69; opacity: 1;}
#content p.date-pagination {color: #162C69; font-weight: bold; font-size: 180%; margin: auto 403px;}
#content ul.date-pagination {margin: 0 137px; width: 627px; height: 45px; clear: both; padding: 15px 0;}
#content ul.date-pagination li a {
display: block;
width: 45px;
float: left;
margin-right: 8px;
border: 1px solid #ddd;
height: 45px;
color: #bbb;
border-radius: 5px;
position: relative;
text-decoration: none;
}
#content ul.date-pagination li.current a { background: #162C69; color: white; border-color: #162C69; }
#content ul.date-pagination li.current a:hover { background: #162C69; color: white; border-color: #162C69; }
#content ul.date-pagination li a:hover { background-color: #eee; color: #999; border-color: #ccc; }
#content ul.date-pagination li a .month { position: absolute; bottom: 3px; width: 45px; text-align: center; text-transform: uppercase; font-size: 90%; }
#content ul.date-pagination li a .day { position: absolute; top: 5px; width: 45px; text-align: center; font-size: 180%; font-weight: bold; }
#content ul.date-pagination li.next a span,
#content ul.date-pagination li.previous a span,
#content ul.date-pagination li.next-week a span,
#content ul.date-pagination li.last-week a span { display: none; }
#content ul.date-pagination .next a { background: url(img/next.png) white 18px 17px no-repeat; }
#content ul.date-pagination .previous a { background: url(img/previous.png) white 18px 17px no-repeat; }
#content ul.date-pagination .next-week a { background: url(img/next-week.png) white 15px 17px no-repeat; }
#content ul.date-pagination .last-week a { background: url(img/last-week.png) white 15px 17px no-repeat; }
#content ul.export-session { margin-top: 12px; margin-bottom: 12px; }
#content td.voucher { width: 95px; }
#content td.voucher a.option { background-color: #1e7d8e; width: 95px; float: left;}
#content td.voucher a.option:hover { opacity: 0.8 !important; }
hr.clear {
clear: both;
visibility: hidden;
overflow: hidden;
display: block;
margin: 0; padding: 0;
height: 0; width: 0;
color: transparent;
border: 0;
}
.login-background {
background: url(img/mast-background.png) center;
background-size: contain;
}
/* typography
******************************************************************************/
a {
color: #162c68;
}
body {
font-family: sans-serif;
}
#breadcrumbs, #breadcrumbs a {
font-size: 110%;
color: #808080;
}
#sidebar h3 , #blind-button{
font-size: 140%;
color: #162c68;
}
#sidebar li a {
font-size: 120%;
text-decoration: none;
}
#sidebar li a:hover {
background: #4d76ae;
color: white;
}
#sidebar li a.active {
font-weight: bold;
}
#content {
font-size: 120%;
color: #162c68;
color: #444;
color: rgba(0,0,0,0.76);
}
a {
color: #162c68;
text-decoration: underline;
}
h2 {
font-size: 220%;
font-weight: normal;
}
#content h3 {
font-size: 130%;
}
#content .inactive.project-logo,
#content .inactive .project-logo {
opacity: 0.2;
}
body.project-detail #content .page-heading { line-height: 62px; }
#content .project { padding-left: 25px !important; }
#content .project-logo {
display: inline-block;
position: absolute;
left: 0; top: 12px; bottom: 10px;
background: #ddd;
border: 1px solid rgba(0,0,0,0.5);
border-radius: 4px;
width: 22px;
margin: 0;
margin-top: -2px;
margin-right: 10px;
padding-top: 20px;
}
#breadcrumbs .project-logo {
color: white;
padding: 2px;
font-weight: normal;
font-weight: lighter;
border-radius: 2px;
border: 1px solid rgba(0,0,0,0.5);
}
#content .plot-list li.plot a {
padding-left: 0;
display: block;
height: 62px;
position: relative;
line-height: 62px;
width: 245px;
}
#content .plot-list li.plot h4 {
display: table-cell;
vertical-align: middle;
line-height: 1.2em;
height: 62px;
width: 170px;
}
.plot-icon {
width: 62px;
height: 62px;
border: 1px solid rgba(0,0,0,0.5);
border-radius: 4px;
float: left;
margin-right: 10px;
}
.plot-category-dynamic .plot-icon { background-color: #951a1c; }
.plot-category-time-variation .plot-icon { background-color: #6d7fb0; }
.plot-category-distribution .plot-icon { background-color: #1e7d8e; }
.plot-category-comparison .plot-icon { background-color: #c04e2a; }
.plot-category-turbulence .plot-icon { background-color: #e3b638; }
.plot-category-power .plot-icon { background-color: #162c69; }
.plot-category-soiling .plot-icon { background-color: #7a378b; }
#content .project a {
text-decoration: none;
height: 100%;
}
#content .project a:hover {
background: #eee;
}
#content .project span {
font-size: 80%;
}
#content .project span span {
font-size: 100%;
}
#content .project .project-name {
font-weight: bold;
font-size: 130%;
}
#content .project .project-description {
height: 2.6em;
}
#content .project .project-info .important {
color: #b90000;
}
#content .object-small a {
text-decoration: none;
}
#content .object-small .object-name {
font-weight: bold;
font-size: 90%;
}
#content .object-small p {
font-size: 80%;
}
#content .object-small .object-name {
font-size: 90%;
}
#content .object-small .object-small-info {
color: #929292;
font-weight: bold;
}
/* Project logger list */
#content #project-logger-list td {
padding: 0;
line-height: 46px;
white-space: nowrap;
min-width: 75px;
}
#project-logger-list a {
display: block;
padding: 0 10px;
}
#project-logger-list tr .icon {
width: 76px; height: 50px;
background: transparent 50% 0 no-repeat;
}
#project-logger-list tr .icon a {
text-decoration: none;
}
#project-logger-list tr.odd {
background-color: #eee;
}
#project-logger-list tr.odd .icon {
background-position: 50% -50px;
}
#content div.project-logger-sensor-list {
margin-left: 30px; margin-right: 20px; margin-top: 20px;
}
/* simple tables */
.simple-table tr.odd {
background-color: #eee;
}
/* Product basket */
.product-basket-table { padding-top: 20px; padding-bottom: 20px;}
.product-basket-table th {padding-bottom: 5px !important;}
.product-basket-table th.product {padding-right: 30px !important;}
.product-basket-table td {padding-bottom: 4px !important;}
.product-basket-table td.product { text-align: left;}
.product-basket-table td.single_price { text-align: right;}
.product-basket-table td.rule { border-top: 1px solid #ccc; margin-top: 2px !important; padding-bottom: 5px!important;}
/* Purchase order information */
.purchase-basket-information { padding-top: 20px; padding-bottom: 20px;}
.purchase-basket-information tr {padding-top: 15px}
div.agbs_purchase_order { padding-top: 10px; padding-bottom: 10px; }
div.agbs_purchase_order #checkBox { margin: 0px}
div.agbs_purchase_order a { text-decoration: none !important;}
/* account tables */
#content table.account-table {
border-collapse: separate;
border-spacing: 0px 4px;
}
.account-table tr:hover {
background-color: #ddd;
cursor: pointer;
}
.account-table tr.odd {
background-color: #eee;
}
.account-table tr.odd:hover {
background-color: #ddd;
}
.account-table td {padding-top: 10px !important; padding-bottom: 10px !important; }
.account-table td.account-status-verified {background-color: #b1c14e}
.account-table td.account-status-pending {background-color: #1e7d8e}
.account-table td.account-balance {padding-left: 30px !important; padding-right: 10px !important;}
.account-table div.account-balance-head {font-size: 90%; color: #999; text-align: right;}
.account-table div.account-balance-content {font-size: 132%; text-align: right; font-weight: bold;}
.account-table td.account-key {padding-left: 10px !important; padding-right: 10px !important;}
.account-table div.account-key-head {font-size: 90%; color: #999}
.account-table div.account-key-content {font-size: 96%;}
.account-table td.account-id {padding-left: 10px !important; padding-right: 10px !important;}
.account-table div.account-id-head {font-size: 90%; color: #999}
.account-table div.account-id-content {font-size: 96%;}
.account-table td.account-list-double-element {padding-left: 8px !important; padding-right: 24px !important;}
.account-table div.account-list-name {text-decoration: none !important; color: black !important; font-size: 132%; padding-bottom: 5px;}
.account-table div.account-activity {color: #999; font-size: 92%;}
/* devices tables */
#content table.devices-table {
min-width: 800px;
max-width: 100%;
}
.devices-table .odd {
background-color: #eee;
}
.devices-table .even {
background-color: #fff;
}
.devices-table .full-cell {
display: flex;
margin: -2px -4px;
padding: 0 4px;
height: 40px;
align-items: center;
}
#msg { color: white !important; font-size: 88%; }
.devices-table p.device-online {color: #b1c14e; font-weight: bold;}
.devices-table p.device-offline {color: #888;}
.ok { background-color: #b1c14e; }
.warning { background-color: #c48531; }
.error { background-color: #971917; }
.outdated { background-color: #666; }
.old { background-color: #666; }
.offline { background-color: #bbb; }
.maintenance { background-color: #7a378b; }
.new { background-color: #61b2be; }
.overlay {
visibility: hidden;
position: fixed;
left: 0px;
top: 0px;
width:100%;
height:100%;
text-align:left;
z-index: 1000;
}
.overlay div {
width:500px;
margin: 100px auto;
background-color: #fff;
border:1px solid #000;
padding:15px;
text-align:left;
}
/* table */
#content .report-table td {
padding: 7px 4px;
}
#content .report-table tr.content-rows:hover {
background-color: #f7f7f7;
}
/* tick tables */
.tick-table-header {
font-size: 90%;
text-align: center;
width: 2.5em;
}
.tick-table {
font-size: 150%;
padding: 2px 4px;
text-align: center;
}
/* matrix tables */
#content table.matrix-table {
min-width: 1400px;
max-width: 100%;
border-collapse: separate;
border-spacing: 0px 4px;
}
.matrix-table tr.matrix-table {
height: 60%;
}
.matrix-table tr.odd {
background-color: #eee;
}
.matrix-table tr.odd:hover {
background-color: #ddd;
}
.matrix-table tr.odd td:hover {
background-color: #ccc;
}
.matrix-table tr.even {
background-color: #fff;
}
.matrix-table tr.even:hover {
background-color: #ddd;
}
.matrix-table tr.even td:hover {
background-color: #ccc;
}
#content table.matrix-table td {
height: 100%;
vertical-align: middle !important;
}
#content table.matrix-table td a {
display: block;
text-decoration: none;
color: black;
height: 100%;
width: 100%;
}
.matrix-table td:hover {
background-color: #ddd;
cursor: default;
}
.matrix-table td {padding-top: 4px !important; padding-bottom: 4px !important; }
.matrix-table td.devices-status-ok {background-color: #b1c14e;}
.matrix-table td.devices-status-warning {background-color: #c48531;}
.matrix-table td.devices-status-error {background-color: #971917;}
.matrix-table td.devices-status-offline {background-color: #bbb;}
.matrix-table-legend td.ok {background-color: #b1c14e}
.matrix-table-legend td.warning {background-color: #c48531}
.matrix-table-legend td.error {background-color: #971917}
.matrix-table-legend td.offline {background-color: #bbb}
.matrix-table tr.status-message-ok { background-color: #b1c14e; }
.matrix-table tr.status-message-warning { background-color: #c48531;}
.matrix-table tr.status-message-error { background-color: #971917;}
.matrix-table tr.status-message-offline { background-color: #bbb; }
.matrix-table tr.status-message-ok td:hover { background-color: #b1c14e; cursor: default;}
.matrix-table tr.status-message-warning td:hover { background-color: #c48531; cursor: default;}
.matrix-table tr.status-message-error td:hover { background-color: #971917; cursor: default;}
.matrix-table tr.status-message-offline td:hover { background-color: #bbb; cursor: default;}
.matrix-table td.devices-datafiles {padding-left: 30px !important; padding-right: 10px !important;}
.matrix-table p.devices-datafiles-head {font-size: 90%; color: #999; text-align: right;}
.matrix-table p.devices-datafiles-content {font-size: 120%; text-align: right; font-weight: bold;}
.matrix-table td.devices-number {padding-left: 10px !important; padding-right: 10px !important;}
.matrix-table p.devices-number-head {font-size: 90%; color: #999;}
.matrix-table p.devices-number-content {font-size: 96%;}
.matrix-table td.device-tunnel {padding-left: 10px !important; padding-right: 10px !important;}
.matrix-table p.device-online {color: #b1c14e; font-weight: bold;}
.matrix-table p.device-offline {color: #888;}
.matrix-table td.devices-number-right {padding-left: 10px !important; padding-right: 10px !important;}
.matrix-table p.devices-number-right-head {font-size: 90%; color: #999; text-align: right;}
.matrix-table p.devices-number-right-content {font-size: 96%; text-align: right;}
.matrix-table td.devices-list-double-element {padding-left: 8px !important; padding-right: 24px !important;}
.matrix-table p.devices-list-name {text-decoration: none !important; color: black !important; font-size: 110%;}
.matrix-table p.devices-activity-none {color: #888;}
.matrix-table p.devices-activity {color: black;}
td.matrix-inline {
width: 25px;
text-align: center;
}
.matrix-table td.left-border { border-left: 2px solid white; }
.matrix-table td.matrix-eval-ok { background-color: #b1c14e !important; }
.matrix-table td.matrix-eval-warning { background-color: #c48531 !important; }
.matrix-table td.matrix-eval-error { background-color: #971917 !important; color: white !important; }
.matrix-table td.matrix-eval-offline { background-color: #bbb !important; }
.matrix-table td.matrix-eval-no_data { background-color: #bbb !important; }
.matrix-table td.matrix-eval-ok:hover { background-color: #C4CC8F !important; cursor: pointer !important;}
.matrix-table td.matrix-eval-warning:hover { background-color: #CEA671 !important; cursor: pointer !important;}
.matrix-table td.matrix-eval-error:hover { background-color: #A84D4C !important; cursor: pointer !important;}
.matrix-table td.matrix-eval-offline:hover{ background-color: #ddd !important; cursor: default !important;}
.matrix-table td.matrix-eval-no_data:hover{ background-color: #ddd !important; cursor: default !important;}
.matrix-inline-parent { position: relative;}
.matrix-inline-popup {position: absolute; left: -14px}
.matrix-popup-table { margin-top: 4px; margin-bottom: 4px;}
#content .matrix-popup {
z-index: 10;
display: none; /* initially hidden */
background: white;
position: absolute;
border: 1px solid #888;
font-family: sans-serif;
border-radius: 5px;
margin-left: 0px;
-moz-box-shadow: 0px 0px 4px #666;
-webkit-box-shadow: 0px 0px 4px #666;
box-shadow: 0px 0px 4px #666;
min-width: 100px;
}
#content .matrix-popup .matrix-info-heading,
#content .matrix-popup {
background-color: #ddd;
text-shadow: none;
font-size: 90%;
padding: 0 0px 0px 0px;
color: black;/*#162c69; */
text-align: center;
}
#content .matrix-popup:before {
width: 0;
height: 0;
content: '';
position: absolute;
border: 15px solid transparent;
border-bottom-color: #ddd;
bottom: 100%;
left: 20px;
}
#content .matrix-info-bottom {
background-color: #ddd;
text-shadow: none;
font-size: 90%;
padding: 0 8px 8px 8px;
color: #888;/*#162c69; */
text-align: center;
}
#content .matrix-status-ok {
font-weight: bold;
color: #b1c14e;
}
#content .matrix-status-warning {
font-weight: bold;
color: #c48531;
}
#content .matrix-status-error {
font-weight: bold;
color: #971917;
}
#content .matrix-status-offline {
font-weight: bold;
color: #bbb;
}
#content .matrix-popup h5 {
/*background: url(img/blue-close.png) #ddd top right no-repeat;*/
color: #162c69;
text-shadow: black 0px 0px 0px;
text-align: center;
padding: 8px 0;
margin: 0;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
#content td .matrix-popup a { border: none; text-align: left; text-decoration: underline;}
#content td .matrix-popup a:hover { border: none; }
#content .matrix-info-values { background-color: #eee; border-top: 0px solid #ddd; border-bottom: 0px solid #ddd; margin: 8px 0; padding: 5px 8px;}
#content .matrix-info-values h6 { text-align: left; }
#content .matrix-info-values td { border: none; text-align: left;}
#content .matrix-info-values tr.matrix-filter-ok { background-color: #b1c14e !important; }
#content .matrix-info-values tr.matrix-filter-warning { background-color: #c48531 !important; color: white !important;}
#content .matrix-info-values tr.matrix-filter-error { background-color: #971917 !important; color: white !important; }
#content .matrix-info-values tr.matrix-filter-ok:hover { background-color: #b1c14e !important; }
#content .matrix-info-values tr.matrix-filter-warning:hover { background-color: #c48531 !important; color: white !important;}
#content .matrix-info-values tr.matrix-filter-error:hover { background-color: #971917 !important; color: white !important; }
/* Logger list */
#content .object-small-list li.logger-METEO-32X .object-small-info,
#content .object-small-list li.logger-METEO-32 .object-small-info,
#content .object-small-list li.logger-WICOM-32 .object-small-info,
#content .object-small-list li.logger-LWS-DL20 .object-small-info,
#content .object-small-list li.logger-Meteo-40A .object-small-info,
#content .object-small-list li.logger-Meteo-42A .object-small-info,
#content .object-small-list li.logger-Meteo-40S .object-small-info,
#content .object-small-list li.logger-Meteo-42S .object-small-info,
#content .object-small-list li.logger-Meteo-40M .object-small-info,
#content .object-small-list li.logger-Meteo-42M .object-small-info,
#content .object-small-list li.logger-Meteo-40L .object-small-info,
#content .object-small-list li.logger-Meteo-42L .object-small-info
{
position: absolute; bottom: 10px; left: 100px;
}
#content .object-small.logger-METEO-32 a {
background: url(img/loggers/M32.png) white left top no-repeat;
}
#content .object-small.logger-series-meteo-32 a,
#content .object-small.logger-METEO-32X a {
background: url(img/loggers/M32X.png) white left top no-repeat;
}
#content .object-small.logger-WICOM-32 a {
background: url(img/loggers/W32.png) white left top no-repeat;
}
#content .logger-list li.object-small a {
padding: 4px 0px 4px 100px;
border: 1px solid transparent;
border-radius: 4px;
}
#content .logger-list li.object-small a:hover {
background-color: #eee;
border-color: #ddd;
background-position: left -50px;
}
#content .object-small.logger-meteo-32 a {
background: url(img/loggers/M32.png) white left top no-repeat;
}
#content .object-small.logger-Meteo-40A a {
background: url(img/loggers/M40A.png) white left top no-repeat;
}
#content .object-small.logger-Meteo-42A a {
background: url(img/loggers/M40A.png) white left top no-repeat;
}
#content .object-small.logger-Meteo-40S a {
background: url(img/loggers/M40.png) white left top no-repeat;
}
#content .object-small.logger-Meteo-40S a {
background: url(img/loggers/M40.png) white left top no-repeat;
}
#content .object-small.logger-Meteo-40M a {
background: url(img/loggers/M40.png) white left top no-repeat;
}
#content .object-small.logger-Meteo-42M a {
background: url(img/loggers/M40.png) white left top no-repeat;
}
#content .object-small.logger-series-meteo-40 a,
#content .object-small.logger-Meteo-40L a {
background: url(img/loggers/M40.png) white left top no-repeat;
}
#content .object-small.logger-series-meteo-42 a,
#content .object-small.logger-Meteo-42L a {
background: url(img/loggers/M40A.png) white left top no-repeat;
}
#content .object-small.logger-AQ510 a {
background: url(img/loggers/AQ510.png) white left top no-repeat;
}
#content .object-small.logger-Meteo-Laser a {
background: url(img/loggers/meteo-laser.png) white left top no-repeat;
}
#content .object-small.logger-campbell a {
background: url(img/loggers/Campbell.png) white left top no-repeat;
}
#content .object-small.logger-series-lws-dl20 a,
#content .object-small.logger-lws-dl20 a,
#content .object-small.logger-LWS-DL20 a {
background: url(img/loggers/lws-dl20.png) white left top no-repeat;
}
#content .object-small-list li.object-small.logger-Meteo-40A a:hover,
#content .object-small-list li.object-small.logger-Meteo-42A a:hover,
#content .object-small-list li.object-small.logger-Meteo-40S a:hover,
#content .object-small-list li.object-small.logger-Meteo-42S a:hover,
#content .object-small-list li.object-small.logger-Meteo-40M a:hover,
#content .object-small-list li.object-small.logger-Meteo-42M a:hover,
#content .object-small-list li.object-small.logger-Meteo-40L a:hover
#content .object-small-list li.object-small.logger-Meteo-42L a:hover {
background-position: left -54px;
}
#content .messagelist th {
font-weight: bold;
font-style: normal;
color: #162c69;
text-align: right;
}
#content .messagelist td.newmessage-yes{
font-weight: bold;
}
#content tbody tr.zebra:nth-child(odd) {
background-color: #f6f6f6;
}
#content tbody tr td.linker {
color: rgb(22, 44, 104); text-decoration: underline;
}
#content .row1 {
background-color: #e6e6e6;
}
#content .row2 {
background-color: #f6f6f6;
}
#content .row3 {
background-color: #ffffff;
}
#content pre { font-size: 120%; }
label {
color: #162c68;
font-size: 120%;
}
#content input.text {
border: 1px solid #162c68;
padding: 4px;
}
th {
text-align: left;
font-weight: normal;
padding: 2px 4px;
color: #888;
}
#content th.spanning-header {
text-align: center;
background: #162c68;
color: white;
padding: 4px 8px;
font-size: 110%;
border: 1px solid black;
}
td {
padding: 2px 4px;
color: black;
}
#content td.negative{
color: #6B4EB5;
}
#content td.positive{
color: #2C6700;
}
#content td.processing{
color: #1e7d8e;
}
#content td.completed{
color: #2C6700;
}
#content td.cancelled{
color: #a71c19;
}
#content td.expired{
color: #777;
font-weight: bold;
}
#content td.blocked{
color: #777;
font-weight: bold;
}
#content td.ok{
color: #2C6700;
font-weight: bold;
}
#content td.pending{
color: #1e7d8e;
}
#content td.verified{
color: #2C6700;
}
/* photo */
#content ul.photo-link-list {
list-style: disc;
padding-left: 3.5em;
}
#content ul.photo-list li {
margin-bottom: 5px;
}
#content form.logger-selection {
margin-bottom: 50px;
}
.photo-icon {
width: 62px;
height: 62px;
border: 1px solid rgba(0,0,0,0.5);
border-radius: 4px;
float: left;
margin-right: 10px;
}
.photo-gallery .photo-icon { background-color: #162c69; }
.photo-timeline .photo-icon { background-color: #162c69; }
.photo-cardinal-points .photo-icon { background-color: #162c69; }
.file-data .photo-icon { background-color: #6d7fb0; }
.file-config .photo-icon { background-color: #6d7fb0; }
.file-gust .photo-icon { background-color: #6d7fb0; }
.file-datasnapshot .photo-icon { background-color: #6d7fb0; }
#device-icon {
width: 62px;
height: 62px;
border: 1px solid #162c69;
border-radius: 4px;
float: left;
margin-right: 10px;
background-color: #FFF;/*#162c69;*/
}
table.direction-rose { margin-bottom: 50px; background-color: #EEEEEE; box-shadow:1px 1px 1px #666; border-spacing: 10px; }
table.direction-rose td { vertical-align: middle; }
table.direction-rose td.direction-C { background: transparent url(img/windrose.svg) 50% 50% no-repeat; }
table.direction-rose td img { border: 1px solid black; border-radius: 5px; }
table.direction-rose td img:hover {
opacity: 0.9;
}
#content h2#all_photos_gallery {
text-decoration: underline;
}
#content h4#all_photos_gallery_sub {
margin-bottom: 15px;
}
#content .all_photos {
position: relative;
background: rgba(238,238,238,0.5);
padding-right: 15px;
padding-top: 15px;
}
#content .all_photos ul {
list-style: none;
}
#content .all_photos li {
display:block;
float: left;
padding: 10px;
}
#content .all_photos li img {
border-radius: 5px;
border: 1px solid #666;
box-shadow: 2.5px 2.5px 5px #666;
}
#content .all_photos li img:hover {
opacity: 0.9;
}
#content .photo_detail img {
max-width: 800px;
min-width: 500px;
width: 100%;
border-radius: 5px;
border: 1px solid #666;
margin-right: 20px;
}
.generic-link a span {
background: #162c68;
border: 1px solid black;
color: white;
padding: 4px 10px;
border-radius: 4px;
}
.pdf-link a span {
background: #971917;
border: 1px solid #7a1109;
color: white;
padding: 4px 10px;
border-radius: 4px;
}
.pdf-link a, .generic-link a {
text-decoration: none;
color: black;
padding: 4px 0;
}
div.plot .pdf-link a {
float: right;
}
.pdf-link, .generic-link {
margin: 15px 0;
}
.pdf-off-link span {
background: #eee;
border: 1px solid #ddd;
color: #ccc;
padding: 4px 10px;
border-radius: 4px;
}
#content table.years_head_navigation td.nav {
color: rgb(136, 136, 136);
text-align: center;
width: 54px;
font-size: 130%;
border-left: 1px solid rgba(221, 221, 221, 0.8);
}
#content table.years_head_navigation td.nav.selected {
color: black;
background-color: rgb(238, 238, 238);
}
#content table.years_head_navigation td.nav:hover {
background-color: rgb(238, 238, 238);
}
/* Mast
******************************************************************************/
#mast {
background: url(img/mast.png) no-repeat center bottom;
height: 485px;
width: 450px;
margin: 10px auto;
}
#mast ul {
margin: 0; padding: 0;
width: 450px;
position: relative;
list-style: none;
}
#mast li {
margin: 0; padding: 0;
position: absolute;
height: 22px;
line-height: 22px;
}
/* There are five levels for the sensors */
#mast .level5 { top: 0px; }
#mast .level4 { top: 72px; }
#mast .level3 { top: 144px; }
#mast .level2 { top: 216px; }
#mast .level1 { top: 288px; }
#mast .level0 { top: 360px; }
/* There are six positions for sensors for each level:
||
position1 || position2
position3 || position4
position5 || position6
||
*/
#mast .position1, #mast .position3, #mast .position5 { right: 234px; }
#mast .position2, #mast .position4, #mast .position6 { left: 240px; }
#mast .position1, #mast .position2 { margin-top: 0px; }
#mast .position3, #mast .position4 { margin-top: 24px; }
#mast .position5, #mast .position6 { margin-top: 48px; }
/* Styling */
#mast li { font-size: 80%; color: #6683a1; white-space: nowrap; }
#mast li { background-repeat: no-repeat; }
#mast li.position1, #mast li.position3, #mast li.position5
{ text-align: right; background-position: bottom right; padding-right: 68px; }
#mast li.position2, #mast li.position4, #mast li.position6
{ text-align: left; background-position: bottom left; padding-left: 72px; }
/* Sensor images */
#mast li.anemometer.position1, #mast li.anemometer.position3, #mast li.anemometer.position5
{ background-image: url(img/sensors/anemometer-l.png); }
#mast li.anemometer.position2, #mast li.anemometer.position4, #mast li.anemometer.position6
{ background-image: url(img/sensors/anemometer-r.png); }
#mast li.hygro_thermo.position1, #mast li.hygro_thermo.position3, #mast li.hygro_thermo.position5
{ background-image: url(img/sensors/hygrothermal-l.png); }
#mast li.hygro_thermo.position2, #mast li.hygro_thermo.position4, #mast li.hygro_thermo.position6
{ background-image: url(img/sensors/hygrothermal-r.png); }
#mast li.hygro_thermo.position1, #mast li.hygro_thermo.position3, #mast li.hygro_thermo.position5
{ background-image: url(img/sensors/hygrothermal-l.png); }
#mast li.hygro_thermo.position2, #mast li.hygro_thermo.position4, #mast li.hygro_thermo.position6
{ background-image: url(img/sensors/hygrothermal-r.png); }
#mast li.barometer.position1, #mast li.barometer.position3, #mast li.barometer.position5
{ background-image: url(img/sensors/barometer-l.png); }
#mast li.barometer.position2, #mast li.barometer.position4, #mast li.barometer.position6
{ background-image: url(img/sensors/barometer-r.png); }
#mast li.precipitation.position1, #mast li.precipitation.position3, #mast li.precipitation.position5
{ background-image: url(img/sensors/precipitation-l.png); }
#mast li.precipitation.position2, #mast li.precipitation.position4, #mast li.precipitation.position6
{ background-image: url(img/sensors/precipitation-r.png); }
#mast li.ultrasonic.position1, #mast li.ultrasonic.position3, #mast li.ultrasonic.position5
{ background-image: url(img/sensors/ultrasonic-l.png); }
#mast li.ultrasonic.position2, #mast li.ultrasonic.position4, #mast li.ultrasonic.position6
{ background-image: url(img/sensors/ultrasonic-r.png); }
#mast li.wind_vane.position1, #mast li.wind_vane.position3, #mast li.wind_vane.position5
{ background-image: url(img/sensors/vane-l.png); }
#mast li.wind_vane.position2, #mast li.wind_vane.position4, #mast li.wind_vane.position6
{ background-image: url(img/sensors/vane-r.png); }
#mast li.pyranometer.position1, #mast li.pyranometer.position3, #mast li.pyranometer.position5
{ background-image: url(img/sensors/pyranometer-l.png); }
#mast li.pyranometer.position2, #mast li.pyranometer.position4, #mast li.pyranometer.position6
{ background-image: url(img/sensors/pyranometer-r.png); }
#mast li.other.position1, #mast li.other.position3, #mast li.other.position5
{ background-image: url(img/sensors/default-l.png); }
#mast li.other.position2, #mast li.other.position4, #mast li.other.position6
{ background-image: url(img/sensors/default-r.png); }
#sensor-list {
float: left;
}
#aq510 {
background: url(img/AQ510.png) no-repeat center bottom;
height: 490px;
width: 450px;
margin: 20px auto;
margin-bottom: 40px;
float: right;
}
#aq510 ul {
margin: 0; padding: 0;
width: 450px;
position: relative;
list-style: none;
}
#aq510 li {
font-size: 120%;
color: #6683a1;
margin: 0; padding: 0;
position: absolute;
float: right;
}
#aq510 #height-0 {
top: 346px;
left: 195px;
}
#aq510 #height-1 {
top: 326px;
left: 201px;
}
#aq510 #height-2 {
top: 285px;
left: 213px;
}
#aq510 #height-3 {
top: 305px;
left: 209px;
}
#aq510 #height-4 {
top: 264px;
left: 219px;
}
#aq510 #height-5 {
top: 244px;
left: 225px;
}
#aq510 #height-6 {
top: 222px;
left: 231px;
}
#aq510 #height-7 {
top: 201px;
left: 237px;
}
#aq510 #height-8 {
top: 180px;
left: 243px;
}
#aq510 #height-9 {
top: 159px;
left: 250px;
}
#aq510 #height-10 {
top: 138px;
left: 254px;
}
#aq510 #height-11 {
top: 118px;
left: 260px;
}
#aq510 #height-12 {
top: 98px;
left: 256px;
}
#aq510 #height-13 {
top: 77px;
left: 262px;
}
#aq510 #info-aqs-heights {
font-size: 80%;
top: 493px;
max-width: 230px;
}
#zephir300 {
background: url(img/zephir300.png) no-repeat center bottom;
height: 490px;
width: 450px;
margin: 20px auto;
margin-bottom: 40px;
float: right;
}
#zephir300 ul {
margin: 0; padding: 0;
width: 450px;
position: relative;
list-style: none;
}
#zephir300 li {
font-size: 120%;
color: #6683a1;
margin: 0; padding: 0;
position: absolute;
float: right;
}
#zephir300 #zephirPlus {
top: 290px;
left: 175px;
font-size: 500%;
}
#zephir300 #height-0 {
top: 375px;
left: 219px;
}
#zephir300 #height-1 {
top: 253px;
left: 228px;
}
#zephir300 #height-2 {
top: 232px;
left: 232px;
}
#zephir300 #height-3 {
top: 209px;
left: 238px;
}
#zephir300 #height-4 {
top: 186px;
left: 245px;
}
#zephir300 #height-5 {
top: 163px;
left: 250px;
}
#zephir300 #height-6 {
top: 139px;
left: 256px;
}
#zephir300 #height-7 {
top: 117px;
left: 260px;
}
#zephir300 #height-8 {
top: 94px;
left: 265px;
}
#zephir300 #height-9 {
top: 71px;
left: 271px;
}
#zephir300 #height-10 {
top: 49px;
left: 276px;
}
#zephir300 #height-11 {
top: 26px;
left: 281px;
}
#zephir300 #info-zephir-heights {
font-size: 80%;
top: 480px;
max-width: 281px;
}
#evaluation-list {
float: left;
}
#evaluation-list td {
max-width: 700px;
max-height: 20px;
}
#meteolaser {
background: url(img/meteolaser.png) no-repeat center bottom;
height: 490px;
width: 450px;
margin: 20px auto;
margin-bottom: 40px;
float: right;
}
#meteolaser ul {
margin: 0; padding: 0;
width: 450px;
position: relative;
list-style: none;
}
#meteolaser li {
font-size: 120%;
color: #6683a1;
margin: 0; padding: 0;
position: absolute;
float: right;
}
#meteolaser #meteolaserPlus {
top: 290px;
left: 175px;
font-size: 500%;
}
#meteolaser #height-0 {
top: 375px;
left: 219px;
}
#meteolaser #height-1 {
top: 253px;
left: 228px;
}
#meteolaser #height-2 {
top: 232px;
left: 232px;
}
#meteolaser #height-3 {
top: 209px;
left: 238px;
}
#meteolaser #height-4 {
top: 186px;
left: 245px;
}
#meteolaser #height-5 {
top: 163px;
left: 250px;
}
#meteolaser #height-6 {
top: 139px;
left: 256px;
}
#meteolaser #height-7 {
top: 117px;
left: 260px;
}
#meteolaser #height-8 {
top: 94px;
left: 265px;
}
#meteolaser #height-9 {
top: 71px;
left: 271px;
}
#meteolaser #height-10 {
top: 49px;
left: 276px;
}
#meteolaser #height-11 {
top: 26px;
left: 281px;
}
#meteolaser #info-meteolaser-heights {
font-size: 80%;
top: 480px;
max-width: 281px;
}
#logger-overview { width: 550px; }
#logger-details {
width: 400px;
margin: 0 auto;
margin-bottom: 20px;
margin-right: 40px;
}
#logger-details table { margin: 0 auto; }
#logger-details p { text-align: center;}
#map-logger {
border: 1px solid #ccc;
margin: 0;
min-width: 100%;
max-width: 100%;
height: 180px;
}
#map-logger .info.legend.leaflet-control,
#map-project .info.legend.leaflet-control {
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 5px;
}
#map-project {
border: 1px solid #ccc;
margin: 0 auto;
min-width: 100%;
max-width: 100%;
height: 280px;
border: 1px solid #ccc;
margin-bottom: 10px !important;
}
#map-project .olControlAttribution {
display: none; }
#project-users {
clear: left;
min-width: 400px;
margin-bottom: 50px;
}
a.option { color: #000; font-size: 80%; }
/* Help pages */
body.help {}
body.help #content { color: #444; font-size: 140%; max-width: 55em;}
body.help #content .toc a { text-decoration: none; }
body.help #content .navheader { background: #efefef; padding: 5px; margin: 10px 0; border-radius: 4px; }
body.help #content .navheader th { text-align: center; color: #162C68; font-style: normal; }
body.help #content .navheader hr { display: none; }
body.help #content .navheader tr:first-child { display: none; }
body.help #content .navfooter { background: #efefef; padding: 5px; margin: 20px 0; border-radius: 4px; }
body.help #content .navfooter hr { display: none; }
body.help #content div.author { display: none; }
body.help #content p.copyright { display: none; }
body.help #content .titlepage h1.title { display: none; }
body.help #content .titlepage hr { display: none;}
body.help #content h2 { margin: 0; padding: 0; margin-top: 20px; margin-bottom: 10px; font-size: 140%; }
body.help #content h4 { margin: 0; padding: 0; margin-top: 20px; margin-bottom: 10px; font-size: 110%; }
body.help #content h2.page-heading { margin: 0; font-size: 170%; margin-bottom: 4px; margin-left: -20px; }
body.help #content p.title { margin-top: 25px; font-size: 120%; }
body.help #content dt { margin-top: 12px; font-size: 110%; }
body.help #content dd { margin-left: 40px; }
body.help #content a { text-decoration: underline; }
body.help #content ul.itemizedlist { list-style: disc; padding-left: 3em; }
body.help #content ol.orderedlist { list-style: decimal; padding-left: 3em; }
/* Calendar */
.logger-calendar {}
.logger-calendar th { min-width: 1.6em; }
.logger-calendar th[scope="row"] { min-width: 5em; }
.logger-calendar td { text-align: right; }
.logger-calendar td.overcomplete { background: #bbe; }
.logger-calendar td.complete { background: #7b7; }
.logger-calendar td.almost-complete { background: #cc8; }
.logger-calendar td.incomplete { background: #ca8; }
.logger-calendar td.missing { background: #c88; }
.logger-calendar td.info { background: #7b7 !important; }
.logger-calendar td.error { background: #c88 !important; }
.logger-calendar td.warning { background: #ca8 !important; }
.logger-calendar td.empty { background: #eee !important; }
.logger-calendar td.none { background: white; }
.logger-calendar td.today { outline: 2px solid black; }
#content .logger-calendar td a { text-decoration: none; }
.logger-calendar td span.percent { display: none; }
.logger-calendar .total-completeness { text-align: center;}
#content .logger-calendar th {
font-weight: bold; font-style: normal;
color: white; background: #162c69;
text-align: center; border: 1px solid #132458;
text-shadow: black 1px 1px 1px;}
#content .logger-calendar th { color: white; margin: 0; padding: 4px; }
#content .logger-calendar th.heading-intersection { background: none; border: none; text-shadow: none; color: #132458; color: #444; }
#content .logger-calendar th.header-label { text-align: right; padding-right: 10px; font-style: italic; color: #132458; opacity: 0.8; font-weight: normal; }
#content .logger-calendar th[scope=row] { font-weight: normal; font-style: normal; color: black; text-shadow: none;
background: #bbb; border: 1px solid #aaa; padding: 4px 6px;
vertical-align: middle; text-align: right;}
#content .logger-calendar .hover { opacity: 0.85; }
#content .dataexport-calendar form.resend-button { float: none; min-width: 0; }
#content .dataexport-calendar form.resend-button input { margin: 0; }
#content .dataexport-calendar h2 { margin-top: 2em; }
#content .dataexport-calendar td {
text-align: center;
}
#content .dataexport-calendar .category-header th.heading-intersection { border:none; background: none;}
#content .dataexport-calendar .category-header th {
background: #162c69; /* original */
background: #616c95; /* 70% */
background: #4b5886; /* 80%; */
border-top: none;
border-right: 1px solid #333;
border-left: none;
}
#content form.resend-button { float: none; display: inline; }
#content th.subtable-heading {
background: none;
border: none;
text-shadow: none;
padding-top: 1.5em;
font-size: 180%;
color: #000;
font-weight: normal;
}
/* Connection Log */
.connections.graphic-display { height: 400px; margin-bottom: 20px; display: none;}
.connections.graphic-display ul { list-style: none; margin: 0; padding: 0; height: 90%; }
.connections.graphic-display .connections-text-header { display: none; }
.connections.graphic-display .connection * { display: none; }
.connections.graphic-display li { margin: 0; padding: 0; }
.connections.graphic-display .day { position: relative; width: 20px; border: 1px solid #eee;}
/* Color the days of the week in, to make the weekends clear */
.connections.graphic-display .day.day-2, .connections.graphic-display .day.day-4 { background: #f8f8f8; }
.connections.graphic-display .day.day-6 { background: #d8d8d8; }
.connections.graphic-display .day.day-7 { background: #ccc; }
.connections.graphic-display .day.hours { width: 40px; }
.connections.graphic-display .day.hours li { height: 4.1666667%; text-align: center; width: 100%;}
.connections.graphic-display .day label { position: absolute; bottom: -1.4em; width: 100%; text-align: center;}
.connections.graphic-display .day li { position: absolute; }
.connections.graphic-display .day li.connection { display: block; margin: 0 -1px; height: 100%; width: 20px; border: 1px solid #447; text-decoration: none; text-align: center;}
/* SCP and email connections are usually small and never displayed together */
.connections.graphic-display .day li.online { z-index: 1;}
.connections.graphic-display .day li.online.connection { background: rgb(50,50,150); background: rgba(50,50,150,0.5)}
.connections.graphic-display .day li.online.connection:hover { background: #779;}
.connections.graphic-display .day li.scp, .connections.graphic-display .day li.email, .connections.graphic-display .day li.scp_test { z-index: 2; }
.connections.graphic-display .day li.scp.connection, .connections.graphic-display .day li.m32direct, .connections.graphic-display .day li.email.connection { background: #e3b638; border: 1px solid #c48531; }
.connections.graphic-display .day li.scp.connection:hover, .connections.graphic-display .day li.m32direct, .connections.graphic-display .day li.email.connection:hover { background: #c48531; border-color: #a47521}
.connections.graphic-display .day li.scp_test.connection { background: #33b638; border: 2px solid #348531; }
.connections.graphic-display .day li.scp_test.connection:hover { background: #348531; border: 2px solid #247521; }
.connections.graphic-display .day li.photo.connection { background: #8800B8; border: 2px solid #7C00A6; }
.connections.graphic-display .day li.photo.connection:hover { background: #7C00A6; border: 2px solid #7C00A6; }
.connections.graphic-display .day li.data-snapshot.connection { background: #CF5300; border: 2px solid #BA4B00; }
.connections.graphic-display .day li.data-snapshot.connection:hover { background: #BA4B00; border-color: #A64200; }
.connections.graphic-display .day li.config.connection { background: #19A3D1; border: 2px solid #1693BC; }
.connections.graphic-display .day li.config.connection:hover { background: #1693BC; border-color: #1482A7}
.connections.graphic-display .day li.gust-data.connection { background: #6a8c9c; border: 2px solid #577e90; }
.connections.graphic-display .day li.gust-data.connection:hover { background: #577e90; border-color: #457084; }
.connections.graphic-display .day li.secondary-file.connection { background: #BEDE8B; border: 2px solid #889E63; }
.connections.graphic-display .day li.secondary-file.connection:hover { background: #889E63; border-color: #515E3B; }
.connections.graphic-display .day li.tertiary-file.connection { background: #C50A63; border: 2px solid #92074A; }
.connections.graphic-display .day li.tertiary-file.connection:hover { background: #92074A; border-color: #450323; }
.connections.graphic-display .day li.logbook.connection { background: #8A9A9B; border: 2px solid #4B5320; }
.connections.graphic-display .day li.logbook.connection:hover { background: #4B5320; border-color: #37412A; }
.connections.text-display .day.empty { display: none; }
.connections.text-display span.date-short { display: none; }
.connections.text-display h4 { display: none; }
.connections.text-display .hours { display: none; }
.connections.text-display { list-style: none; }
.connections.text-display .connections-text-grid {
margin: 5px 0;
display: grid;
grid-template-columns: repeat(7, 1fr);
row-gap: 5px;
}
.connections.text-display .connections-text-header { font-weight: bold; }
.connections.text-display .connections-text-contents { display: contents; }
.connections.text-display .connections-text-cell { display: contents; }
@media (max-width: 1200px) {
.connections.text-display .connections-text-grid {
grid-template-columns: repeat(4, 1fr);
}
.connections.text-display .connections-text-cell {
display: flex;
flex-direction: column;
row-gap: 3px;
}
}
body.data_overview .few .connections.graphic-display .day { width: 80px; }
body.data_overview .medium .connections.graphic-display .day { width: 40px; }
p.timerange_choice { margin: 20px 0; text-align: center; }
div#connection-log-actions {
margin: 5px;
}
div#connection-log-console {display: inline-block}
#content #latest-connection {
visibility: hidden;
text-align: right;
overflow: auto;
display: inline-block;
}
#content #latest-connection .visible {
visibility: visible;
}
#content #access-tunnel {
text-align: right;
float: right;
display: inline-block;
}
p.is_not_latest_connection_button {margin: 0px 0; text-align: right; }
p.is_latest_connection_button {margin: -20px 0; text-align: right; }
p.day-legend {padding-top: 15px; text-align: center;}
.connections.text-display p.day-legend { display: none; }
#content .connections.graphic-display .day label { color: black; }
#content #timezone_selector {float: left;}
#content #type_selector {float: left;}
.connectionsd p.day-legend { display: none; }
#content .connections .day label { color: black; }
/* Table of Averages */
#monthly-averages th[scope=col] {
min-width: 3.4em;
}
#monthly-averages td.odd { background-color: #eee; }
#monthly-averages td.even { background-color: #f8f8f8; }
#monthly-averages td { color: black; }
body.data_overview div.plot, body.data_overview div.plot-data { display: block; float: left; }
body.data_overview div.plot-data { padding-top: 50px; }
/* Hide the type column! This isn't the ideal way to do this. */
body.data_overview div.plot-data table.legend th:nth-child(3) { display: none; }
body.data_overview div.plot-data table.legend td:nth-child(3) { display: none; }
/* Control checkbox rows/columns should have a separator */
th.chbx-hdr.chbx-control { border-bottom: 1px solid #bbb; }
th[scope=row].chbx-hdr { cursor:move; }
th[scope=row].chbx-hdr.chbx-control { border-right: 1px solid #bbb; border-bottom: none; }
input.chbx-row-controlled { opacity: 0.5; }
input.chbx-column-controlled { opacity: 0.5; }
body.plot .show-hide-toggle { display: block; float: right; padding: 4px 20px; }
/* Logbook */
.logbook_calendar {}
.logbook-calendar td.info { background: #b1c14e !important; }
.logbook-calendar td.error { background: #971917 !important; }
.logbook-calendar td.warning { background: #c48531 !important; }
.logbook-calendar td.empty { background: #eee !important; }
/* Journal */
.journal_table {}
.journal-table td.info { background: #6d7fb0; }
.journal-table td.deleted { background: #971917; }
.journal-table td.new { background: #b1c14e; }
.journal-table td.subs { background: #e3b638; }
.journal-table td.download { background: #61b2be; }
.journal-table td.empty { background: #eee; }
.journal-table td.custom { background: #6d7fb0; }
/*****************************************************************************
Project Overview
*****************************************************************************/
/* General layout for multiple .logger-info elements (layout only when inside a .logger-infos) */
#content .logger-infos { text-align: center; }
#content .logger-infos .logger-info { display: inline-block; }
/* A logger-info block is max. 310px wide, this is enough to fit on a phone screen */
#content .logger-info {
text-align: left;
font-size: 125%;
width: 310px;
border: 1px solid #ccc;
margin: 20px 35px 20px 0;
background: url(img/loggers/M40.png) #eee 4px 5px no-repeat;
background-size: 50px 32px;
padding-bottom: 10px;
/* min-height: 220px; */
border-radius: 2px;
}
/* When we have logger pictures for each version, uncomment this back in
#content .logger-info.logger-Meteo-40L { background-image: url(img/loggers/M40.png); }
#content .logger-info.logger-Meteo-40M { background-image: url(img/loggers/M40.png); }
#content .logger-info.logger-Meteo-40S { background-image: url(img/loggers/M40.png); }
#content .logger-info.logger-series-zephir,
#content .logger-info.logger-series-aqs,
#content .logger-info.logger-aq510 { background-image: url(img/loggers/AQ510.png); background-size: 50px 50px; }
#content .logger-info.logger-Campbell,
#content .logger-info.logger-campbell { background-image: url(img/loggers/Campbell.png); background-size: 50px 50px; }
#content .logger-info.logger-WICOM-32 { background-image: url(img/loggers/W32.png); background-size: 50px 40px; }
#content .logger-info.logger-METEO-32 { background-image: url(img/loggers/M32.png); background-size: 50px 40px; }
#content .logger-info.logger-series-meteo-32,
#content .logger-info.logger-METEO-32X { background-image: url(img/loggers/M32X.png); background-size: 50px 40px; }
*/
/* General */
/* values can be marked as error to make them more noticeable */
#content .logger-info .error { color: #ab0f0a; font-weight: bold; }
/* online button to indicate a logger is online or offline */
#content .logger-info .online { font-weight: normal; color: #151; font-size: 90%; border: 1px solid #151; padding: 0 2px; background: #cec; text-decoration: none; }
#content .logger-info .offline { font-weight: normal; color: #151; font-size: 90%; border: 1px solid #151; padding: 0 2px; background: #d3d3d3; text-decoration: none; }
/* Title area */
#content .logger-info .title { width: 310px; height: 60px; }
#content .logger-info .title h1 { padding-top: 5px; padding-left: 60px; font-size: 120%; width: 250px; margin: 0; height: 1.2em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#content .logger-info .title h2 { padding-left: 60px; font-size: 90%; width: 250px; margin: 0; font-weight: normal; margin-bottom: 10px;}
#content .logger-info .title h1 a { color: black; text-decoration: none; }
/* Values
Each is generally 100px wide, so you can show three in the logger-info space.
The wind-speed one needs to be 110px wide, but there is space in logger-info for one wider value.
*/
#content .logger-info .value {
font-size: 220%;
width: 100px;
height: 60px;
text-align: center;
position: relative;
margin: 0 0 10px 0 ;
}
/* superscript unit for each value */
#content .logger-info .value .unit {
font-size: 50%;
vertical-align: super;
padding-left: 5px;
font-family: "Helvetica Neue"; font-weight: 200;
}
/* Value icon, background image on the .value element */
#content .logger-info .value { background-position: 0 40%; background-color: transparent; background-repeat: no-repeat; background-size: 26px 26px; color: black; }
#content .logger-info .value_old { color: grey; }
#content .logger-info .temperature { background-image: url(img/temperature.svg); background-size: 6.55px 26px; background-position: 9px 40%; }
#content .logger-info .supply { background-image: url(img/power.svg); background-size: 10.67px 26px; background-position: 6px 40%; }
#content .logger-info .wind-speed { background-image: url(img/windspeed.svg); background-size: 26px 18.26px; width: 110px; }
/* Wind speed needs a larger space because of its icon */
#content .logger-info .value.wind-speed .companion { width: 110px; }
#content .logger-info .value.wind-speed .main { width: 90px; }
#content .logger-info .value.wind-speed .period { width: 110px; }
/* A "companion" text is text appearing above the large value */
#content .logger-info .value .companion {
color: #aaa;
font-family: "Helvetica Neue"; font-weight: 200;
position: absolute;
top: 0;
font-size: 12px;
display: block;
text-align: center;
width: 100px;
line-height: 12px;
}
#content .logger-info .value .main {
position: absolute;
top: 12px;
display: block;
text-align: center;
width: 50px;
height: 36px;
font-size: 30px;
line-height: 1;
letter-spacing: -2px;
padding-left: 20px;
}
#content .logger-info .value .period {
font-size: 12px;
color: #aaa;
font-family: "Helvetica Neue"; font-weight: 200;
position: absolute;
top: 48px;
display: block;
text-align: center;
width: 100px;
line-height: 12px;
}
#content .logger-info.old .value .main {
opacity: 0.1;
}
#content .logger-info .message {
clear: left;
padding: 4px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-bottom: 3px;
}
#content .logger-info .warning { border-color: #b47521; background: #c48531; color: white; }
#content .logger-info .no-warning { border-color: #ddd; background: #e8e8e8; color: #bbb; }
#content .logger-info .message .period { display: block; font-size: 50%; }
#content .logger-info a.message { text-decoration: none; display: block; }
#content .logger-info a.message { text-decoration: none; display: block; }
/* A small, 7 day data calendar on a single line */
#content .logger-info .data-calendar {
width: 300px;
float: left;
height: 5em;
}
#content .logger-info .data-calendar p,
#content .logger-info .data-calendar p a {
color: #888;
text-decoration: none;
text-align: center;
}
#content .logger-info .data-calendar table {
margin: 10px auto 10px auto;
}
#content .logger-info .data-calendar th {
color: #aaa;
font-family: "Helvetica Neue"; font-weight: 200;
font-size: 90%;
padding: 0 7px;
text-align: center;
}
#content .logger-info .data-calendar td {
padding: 0;
}
#content .logger-info .data-calendar td a {
display: block;
text-align: center;
width: 34px;
height: 24px;
line-height: 24px;
text-decoration: none;
}
#content .logger-info .data-calendar td.complete a { color: black; }
#content .logger-info .data-calendar td.complete.total a { color: #888; }
#content .logger-info .data-calendar td.total { border: 1px solid #ddd; border-top: none; }
#content .logger-info .data-calendar th.total { border: 1px solid #ddd; border-bottom: none; }
#content .logger-info .data-calendar td.incomplete a { color: #ab0f0a; }
#content .logger-info .data-calendar td.no-data { text-align: center; }
#content .logger-info .data-calendar .unit { padding-top: 2px; vertical-align: bottom; display: none;}
#content .logger-info hr { opacity: 0.2; margin: 0; clear: both; }
.logger-info .clear { clear: both; }
/*******************************************************************************
end project overview
*******************************************************************************/
/* start evaluator-pair */
#content .evaluator-pair { list-style: none; display: block; padding: 5px; margin-bottom: 15px; border: 1px solid #ddd; background: #eee; width: 30em; }
#content .evaluator-pair:hover { background: #e4e4e4; }
#content a.evaluator-pair { text-decoration: none; color: black; }
#content .evaluator-pair em { color: #999; display: inline-block; width: 10em; text-align: right; padding-right: 5px; }
#content ul#id_evaluation_pair_warning {
display: none;
}
/* end evaluator-pair */
#content .loading-indicator { display: inline-block; background: url(img/loading-eee.gif) #eee 50% 50% no-repeat; height: 32px; width: 100%; margin: 10px auto; }
/* Infobox! */
.infobox {
background: #ffd;
border: 1px solid #dda;
padding: 10px;
margin: 0px;
font-style: italic;
}
.infobox em {
text-decoration: underline;
}
body.plot .infobox {
margin-top: 40px;
font-size: 120%;
line-height: 1.2em;
width: 100%;
}
.infobox dl {
font-style: normal;
}
.infobox dt {
font-weight: bold;
margin-top: 0.5em;
}
.infobox-grey {
color: grey;
font-size: 50%;
}
.infobox table.premium-pricing {
padding-top: 10px;
}
.infobox table.premium-pricing td.pricing-head { font-size: 115%; font-weight: bold; font-style: normal;}
.infobox table.premium-pricing td.side-head { color: #666 !important; font-style: normal;}
.infobox table.premium-pricing td.price { font-size: 100%; font-weight: bold; font-style: normal;}
.infobox table.premium-pricing td.price-amount { font-size: 100%; font-style: normal;}
.infobox table.premium-pricing td.price-amount a.get_credits_link_text { text-decoration: none !important;}
.infobox table.premium-pricing td.price-amount a.get_credits_link_text:hover { text-decoration: underline !important; }
/* shopping basket */
.shop-info {
background-color: #eee;
border: 1px solid #ccc;
}
.shopping_basket {
background: #eee/*#F3F5FB*//*#F4FBFC*//*eaf8fb*/;
border: 1px solid #ccc;/*#c0cdf2;*//*#ADC4CA;*/ /*1e7d8e*/
padding: 10px;
margin: 0px;
font-style: italic;
}
.shopping_basket em {
text-decoration: underline;
}
.shopping_basket dl {
font-style: normal;
}
.shopping_basket dt {
font-weight: bold;
margin-top: 0.5em;
}
.shopping_basket-grey {
color: grey;
font-size: 50%;
}
.shopping_basket table.premium-pricing {
padding-top: 0px;
}
.shopping_basket table.premium-pricing td.pricing-head { font-size: 115%; font-weight: bold; font-style: normal;}
.shopping_basket table.premium-pricing td.calc-head { font-size: 105%; font-weight: bold; font-style: normal;}
.shopping_basket table.premium-pricing td.side-head { color: #666 !important; font-style: normal;}
.shopping_basket table.premium-pricing td.price { font-size: 100%; font-weight: bold; font-style: normal; text-align: right;}
.shopping_basket table.premium-pricing td.price-amount { font-size: 100%; font-style: normal;}
.shopping_basket table.premium-pricing td.price-aligned { font-size: 100%; font-style: normal; text-align: right;}
.shopping_basket table.premium-pricing td.price-amount a.get_credits_link_text { text-decoration: none !important;}
.shopping_basket table.premium-pricing td.price-amount a.get_credits_link_text:hover { text-decoration: underline !important; }
/* HUE colors */
.hue-preview {
border-radius: 2px;
border: 1px solid rgba(0,0,0,0.5);
height: 15px;
width: 20em;
margin: 5px 0px;
}
.hue-picker {
width: 20em;
}
#content form input[type="button"] {
background: none repeat scroll 0% 0% rgb(22, 44, 104);
color: white;
border: 1px solid black;
padding: 4px 8px;
cursor: pointer;
margin: 15px 0px 10px;
}
div.raw_csv {
font-size: 120%;
font-family: monospace;
}
.raw_csv_legend_h {
font-weight: bold;
}
#content #turbine-details {
max-width: 75%;
}
#content #power-curve #powercurve_source {
max-width: 75%;
margin-left: 50px;
padding-bottom: 10px;
margin-bottom: 10px;
}
#import-results td.valid, #import-results td.completed { color: #517900; }
#import-results td.questionable { color: #a46521; }
#import-results td.invalid, #import-results td.failed { color: #ab0f0a; }
@media only screen and (min-width: 1200px){
#logger-overview { min-width: 860px; }
#logger-details { float: left; }
#map-logger { float: left; }
#map-project { float: right; }
#mast { float: right; margin-right: 60px; }
#project-detail { float: left; }
#project-users { float: left; }
}
#content a.option.credits {
color: black;
text-decoration: none;
font-size: 10px;
position: relative;
padding: 5px 5px;
border: black 0px solid;
box-shadow: 0px 0px 0px 0.5px rgba(0,0,0,0.3);
border-radius: 2px;
}
#content a.option:hover {
opacity: 80%;
color: #FFFFFF;
}
#content #admin-authorized {
width: 100%;
display: inline-block;
margin-top: 50px;
margin-right: 50px;
}
#content #admin-authorized h3 a.option {
font-size: 50%;
}
#content #accounts a.option.credits {
margin: 0px 0px 0px -20px;
font-size: 20px;
-webkit-transform: scale(0.8);
transform: scale(0.6);
}
#content #accounts a.option.credits.get_credits { background-color: #e3b638; }
#content #accounts a.option.credits.spend_credits { background-color: #1e7d8e; }
#content a.option.credits.get_credits { background-color: #e3b638; }
#content a.option.credits.spend_credits { background-color: #1e7d8e; }
#content a.option.account_set { width: 40px; vertical-align: bottom; border: 1px solid black; }
#content a.option.spend_credits.account_set img { width: 100%; height: 100%; display: block; }
#content a.option.get_credits.account_set img { width: 100%; height: 100%; display: block; }
#content a.option.spend_credits.account_set:hover { background: #61b2be !important; }
#content a.option.get_credits.account_set:hover { background: #F2CF66 !important; }
#content a.option.file_dwn.order {width: 150px; float: left; position: relative;}
#content a.option.file_dwn.trans {width: 150px; float: left; position: relative;}
#content #order_amount {
padding: 3em 1em;
font-weight: bold;
color: #888;
font-size: 120%;
}
#content #trigger-selector {
width: 95px;
}
/* confirmation popup container */
#content form .cd-popup, div .cd-popup {
position: fixed;
left: 0;
top: 0;
height: 200%;
width: 100%;
background-color: rgba(94, 110, 141, 0.9);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
font-size: 125%;
}
#content form .cd-popup.is-visible, div .cd-popup.is-visible {
opacity: 1;
visibility: visible;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
#content form .cd-popup-container {
position: relative;
width: 450px;
margin: 4em auto;
background: #FFF;
max-height: 200px;
border-radius: .25em .25em .4em .4em;
text-align: center;
max-height: 222px;
min-height: 222px;
box-shadow: 0 0 20px #eee;
transform: translateY(200px);
transition-property: transform;
transition-duration: 0.3s;
}
#content div .cd-popup-container-spend {
position: relative;
width: 450px;
margin: 4em auto;
background: #FFF;
height: 10.5%;
max-height: 200px;
min-height: 200px;
border-radius: .25em .25em .4em .4em;
text-align: center;
box-shadow: 0 0 20px #eee;
transform: translateY(200px);
transition-property: transform;
transition-duration: 0.3s;
}
#content form .cd-popup-container p, div .cd-popup-container-spend p {
padding: 3em 1em;
font-weight: bold;
}
#content form .cd-popup-container .cd-buttons:after, div .cd-popup-container-spend .cd-buttons-spend:after {
content: "";
display: table;
clear: both;
}
#content form .cd-popup-container .cd-buttons {
margin-right: -40px;
}
#content div .cd-popup-container-spend .cd-buttons-spend {
margin-right: -40px;
transform: translateY(15px);
}
#content form .cd-popup-container .cd-buttons li, div .cd-popup-container-spend .cd-buttons-spend li {
float: left;
min-width: 45%;
font-style: normal;
}
#content form .cd-popup-container .cd-buttons a, div .cd-popup-container-spend .cd-buttons-spend a {
display: block;
height: 50px;
line-height: 46px;
text-transform: uppercase;
color: #FFF;
transition: background-color 0.2s;
}
#content form .cd-popup-container .cd-buttons input[type=submit] {
display: block;
height: 50px;
line-height: 46px;
width: 200px;
text-transform: uppercase;
color: #FFF;
transition: background-color 0.2s;
}
#content #spend_credits_now {
background: #2d4177;
border-radius: 0 0 0 .25em;
border: none;
height: 42px;
width: 203px;
margin: 0px;
text-decoration: none;
text-decoration-color: #FFF;
color: #FFF;
transform: translateX(4px);
}
#content #cancel_credits_now {
background: #971917;
border-radius: 0 0 0 .25em;
border: none;
height: 42px;
width: 203px;
margin: 0px;
text-decoration: none;
text-decoration-color: #FFF;
color: #FFF;
transform: translateX(6px);
}
#content form .cd-popup-container .cd-buttons li input[type=submit] {
background: #2d4177;
border-radius: 0 0 0 .25em;
min-width: 100%;
border: none;
margin: 0px;
text-decoration: none;
text-decoration-color: #FFF;
color: #FFF;
}
#content form .cd-popup-container .cd-buttons li a, div .cd-popup-container-spend .cd-buttons-spend li a {
background: #971917;
border-radius: 0 0 .25em 0;
text-decoration: none;
width: 200px;
padding: 4px 8px 4px 8px;
height: 42px;
}
#content form .cd-popup-container .cd-popup-close, div .cd-popup-container-spend .cd-popup-close{
position: absolute;
top: 8px;
right: 8px;
width: 30px;
height: 30px;
}
#content form .cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after, div .cd-popup-container-spend .cd-popup-close::before, .cd-popup-container-spend .cd-popup-close::after {
content: '';
position: absolute;
top: 12px;
width: 14px;
height: 3px;
background-color: #8f9cb5;
}
#content form .cd-popup-container .cd-popup-close::before, div .cd-popup-container-spend .cd-popup-close::before {
transform: rotate(45deg);
left: 8px;
}
#content form .cd-popup-container .cd-popup-close::after, div .cd-popup-container-spend .cd-popup-close::after {
transform: rotate(-45deg);
right: 8px;
}
/* premium logger list table */
#content .premium_logger_list { background: #eee; border: 1px solid #ddd; margin-bottom: 18px; margin-top: 10px; width: 510px;}
#content .premium_logger_list table.premium-header {margin-left: 10px; margin-top: 5px; width: 500px; height: 50px; vertical-align: center;}
#content .premium_logger_list .premium-header td.serial a { text-decoration: none; color: black;}
#content .premium_logger_list .premium-header td.serial { width: 100px; text-align: left; font-size: 120%; font-weight:bold; }
#content .premium_logger_list .premium-header td.name { width: 300px; text-align: left; font-size: 120%;}
#content .premium_logger_list table.premium-calendar {table-layout: fixed; width: 500px; margin-top: 0px; margin-bottom: 10px; padding-left: 6px; margin-left: 5px;}
#content .premium_logger_list .premium-calendar tr { width: 500px; height: 100%;}
#content .premium_logger_list .premium-calendar th { width: 30px; text-align: center;}
#content .premium_logger_list .premium-calendar td { width: 30px; height: 100%; text-align: center;}
#content .premium_logger_list .premium-calendar td.year { background: #eee; height: 100%; color: #888;}
#content .premium_logger_list .premium-calendar td.green { background: #b1c14e;}
#content .premium_logger_list .premium-calendar td.grey { background: #eee;}
#content h2 a.option.get_credits { width: 50px; text-align: right; vertical-align: center; background-color: #e3b638; white-space: nowrap;}
#content #premium-loggers a.option.spend_credits { margin-right: 10px; width: 30px; text-align: right; vertical-align: center; background-color: #1e7d8e; border: 1px solid black;}
#content #premium-loggers a.option.spend_credits:hover { background: #61b2be !important; }
#content a.option.spend_credits img { width: 100%; height:100%; display: block; }
#content .premium_logger_list .premium-header td.logger-icon {
width: 70px; height: 40px;
background: transparent 50% 50% no-repeat;
background-size: 50%;
}
#content .premium_logger_list .premium-header td.logger-icon a {
text-decoration: none;
}
#content .premium_logger_list .premium-header td.logger-meteo-32,
#content .premium_logger_list .premium-header td.logger-METEO-32X {
background-image: url(img/loggers/M32X.png);
}
#content .premium_logger_list .premium-header td.logger-WICOM-32 {
background-image: url(img/loggers/W32.png);
}
#content .premium_logger_list .premium-header td.logger-Meteo-40A {
background-image: url(img/loggers/M40A.png);
}
#content .premium_logger_list .premium-header td.logger-Meteo-42A {
background-image: url(img/loggers/M40A.png);
}
#content .premium_logger_list .premium-header td.logger-Meteo-40S {
background-image: url(img/loggers/M40.png);
}
#content .premium_logger_list .premium-header td.logger-Meteo-42S {
background-image: url(img/loggers/M40.png);
}
#content .premium_logger_list .premium-header td.logger-Meteo-40M {
background-image: url(img/loggers/M40.png);
}
#content .premium_logger_list .premium-header td.logger-Meteo-42M {
background-image: url(img/loggers/M40.png);
}
#content .premium_logger_list .premium-header td.logger-meteo-40,
#content .premium_logger_list .premium-header td.logger-Meteo-40L {
background-image: url(img/loggers/M40.png);
}
#content .premium_logger_list .premium-header td.logger-meteo-42,
#content .premium_logger_list .premium-header td.logger-Meteo-42L {
background-image: url(img/loggers/M40.png);
}
#content .premium_logger_list .premium-header td.logger-zephir,
#content .premium_logger_list .premium-header td.logger-Zephir300 {
background-image: url(img/loggers/zephir300.png);
}
#content .premium_logger_list .premium-header td.logger-aqs,
#content .premium_logger_list .premium-header td.logger-AQ510 {
background-image: url(img/loggers/AQ510.png);
}
#content .premium_logger_list .premium-header td.logger-campbell,
#content .premium_logger_list .premium-header td.logger-Campbell {
background-image: url(img/loggers/Campbell.png);
}
#content .premium_logger_list .premium-header td.logger-meteo-laser,
#content .premium_logger_list .premium-header td.logger-Meteo-Laser {
background-image: url(img/loggers/meteo-laser.png);
}
#content .premium_logger_list .premium-header td.logger-lws-dl20,
#content .premium_logger_list .premium-header td.logger-LWS_DL20 {
background-image: url(img/loggers/lws-dl20.png);
}
#content .devices-table .logger-icon {
width: 66px; height: 40px;
background: transparent 50% 50% no-repeat;
background-size: 50%;
}
#content .devices-table .logger-meteo-32,
#content .devices-table .logger-METEO-32X {
background-image: url(img/loggers/M32X.png);
}
#content .devices-table .logger-WICOM-32 {
background-image: url(img/loggers/W32.png);
}
#content .devices-table .logger-Meteo-40A {
background-image: url(img/loggers/M40A.png);
}
#content .devices-table .logger-Meteo-42A {
background-image: url(img/loggers/M40A.png);
}
#content .devices-table .logger-Meteo-40S {
background-image: url(img/loggers/M40.png);
}
#content .devices-table .logger-Meteo-42S {
background-image: url(img/loggers/M40.png);
}
#content .devices-table .logger-Meteo-40M {
background-image: url(img/loggers/M40.png);
}
#content .devices-table .logger-Meteo-42M {
background-image: url(img/loggers/M40.png);
}
#content .devices-table .logger-meteo-40,
#content .devices-table .logger-Meteo-40L {
background-image: url(img/loggers/M40.png);
}
#content .devices-table .logger-meteo-42,
#content .devices-table .logger-Meteo-42L {
background-image: url(img/loggers/M40.png);
}
#content .devices-table .logger-zephir,
#content .devices-table .logger-Zephir300 {
background-image: url(img/loggers/zephir300.png);
}
#content .devices-table .logger-aqs,
#content .devices-table .logger-AQ510 {
background-image: url(img/loggers/AQ510.png);
}
#content .devices-table .logger-campbell,
#content .devices-table .logger-Campbell {
background-image: url(img/loggers/Campbell.png);
}
#content .devices-table .logger-meteo-laser,
#content .devices-table .logger-Meteo-Laser {
background-image: url(img/loggers/meteo-laser.png);
}
#content .devices-table .logger-lws-dl20,
#content .devices-table .logger-LWS_DL20 {
background-image: url(img/loggers/lws-dl20.png);
}
#content input#searchInput{
width: 300px;
height: 25px;
font-size: 10pt;
border-radius: 5px;
border: none;
background: #f0f0f0;
}
/* logger calendar */
#content #page-heading {
margin-bottom: -30px;
}
#content #premium-calendar table {
border-spacing: 10px;
}
#content #premium-calendar td {
font-size: 100%;
border-radius: 50%;
width: 20px;
height: 20px;
text-align: center;
padding: 5px;
line-height: 20px;
cursor: default;
}
#content #premium-calendar td.not_purchased {
background: rgba(105,105,105, 0.3);
cursor: pointer;
}
#content #premium-calendar td.not_purchased.empty {
background: rgba(184,184,184, 0.3);
cursor: not-allowed;
}
#content #premium-calendar td.all_months {
background: rgb(196, 133, 49);
cursor: pointer;
}
#content #premium-calendar td.purchased {
background: #b1c14e;
}
#content #premium-calendar td.not_purchased.active {
background: #F2CF66
}
#content select[name="account"] {
top: 100%;
max-width: 50%;
padding: 3px 0px;
margin-top: 5px;
font-size: 75%;
}
#content #scheduled-orders {
margin-top: 20px;
}
#content #trigger-selector.inactive {
zoom: 1;
filter: alpha(opacity=30);
opacity: 0.3;
}
#content #not-enough-credits {
border-color: #b47521;
}
#content #premium-switcher {
margin: 20px 0px;
}
#content #not-enough-credits p{
color: black;
text-align: center;
}
#content a.get-credits-link { width: 40px; height: 40px; display: block; }
#content a.get-credits-link img { width: 40px; height: 40px; display: block; background: #e3b638; border: 1px solid black; }
#content a.get-credits-link img:hover { background: #F2CF66 !important; margin: 0px !important; }
#content #credits-warning {
padding: 5px;
text-align: center;
visibility: hidden;
transition: width 1s;
}
#content .total_credits th {
color: #325982;
}
#content .total_credits td {
color: #162c68;
}
#content a.enable_premium {
background-color: #82BF56;
border: 1px solid #aaa;
color: #eee;
padding: 2px 2px;
text-decoration: none;
/*border-radius: 3px;*/
}
#content a.enable_premium:hover {
background-color: #74AB4D;
border: 1px solid #aaa;
color: white;
}
/* logger data overview */
#content #connection-log-area {display: inline-block}
#content .journal-table th { cursor: pointer; }
#content div.short-comment { width: 130px; }
#content div.actions { width: 110px; }
#content div.short-delete { width: 55px; float: right; margin-top: 5px; font-size: 90%; }
#content div.inline-input { float: left; }
#content p.pwd-changer {
width: 180px;
height: 50px;
display: inline-block;
margin-left: 7px;
}
#content a.pwd { height: 16px; }
#content button.dangerous {
background: #971917;
font-size: 110%;
padding: 4px 12px;
color: white;
border-color: black;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
#popup {
background-color: rgba(22, 44, 105, 0.7);
z-index: 100;
height: 100%;
left: 0;
opacity: 0;
position: fixed;
top: 0;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
visibility: hidden;
width: 100%;
display: flex;
}
#popup.is-visible {
opacity: 1;
transition: opacity 0.3s 0s, visibility 0s 0s;
visibility: visible;
}
#popup #popup-text {
max-height: 80%;
background-color: #eee;
background: #fff;
border-radius: 0.25em 0.25em 0.4em 0.4em;
font-weight: bold;
margin: auto;
padding: 2em;
position: relative;
text-align: center;
transition-duration: 0.3s;
transition-property: transform;
overflow: auto;
}
#popup #popup-text h4 {
font-size: 150%;
margin-bottom: 10px;
}
#popup #popup-text form {
margin: auto;
display: inline-block;
float: unset;
}
#content table.type_box {
border: 0px solid #999;
width: 100%;
}
#content table.type_box tr.heading {
background-color: #ddd;
}
#content table.type_box tr.heading td {
color: black;
text-align: left;
}
#content table.type_box tr.lister {
background-color: #eee;
border: 0px solid #ccc;
text-align: left;
}
#content table.type_box tr.lister td select {
width: 100%;
background-color: #eee;
border: 0px solid #ccc;
display: inline-block;
}
#content td.eval_type {
display: inline-block;
border-bottom: 0px solid #999;
border-top: 0px solid #999;
float: left;
}
#content td.fit_axis {
display: inline-block;
border-bottom: 0px solid #999;
border-top: 0px solid #999;
float: right;
}
#content td.stat {
display: inline-block;
border-bottom: 0px solid #999;
border-top: 0px solid #999;
float: right;
}
#content select.evals_names {
display: table;
float: left;
}
#content span.button {
background: none repeat scroll 0% 0% rgb(22, 44, 104);
color: white;
border: 1px solid black;
padding: 4px 8px;
cursor: pointer;
margin: 15px 0px 10px;
}
#content span.button-cancel {
background: none repeat scroll 0% 0% #858888;
color: white;
border: 1px solid black;
padding: 4px 8px;
cursor: pointer;
margin: 15px 0px 10px;
}
#content span.button.dangerous {
position: relative;
font-weight: normal;
background: none repeat scroll 0% 0% #771310;
color: white;
top: -1px;
}
#content button.dangerous:hover { border-color: #650706; background: #771310; color: white; cursor: pointer;}
#content div.filestiles { display: block; margin-top: 100px; float: left;}
#content div.overlapping { display: inline-block; }
#content div.xmpp { font-size: 120% }
#content a.no-decoration { text-decoration: none; }
#content h4.important-header { margin-top: 10px; }
.ui-timepicker-div {
padding: 0 0.5em;
}