input[type="password"] {
   font-family: sans-serif !important;
}

input, select, textarea {
   font-family: Officina;
}
.admin td, .admin input, .admin select, .admin textarea {
   font-family: Consolas;
}

button:not(.disabled) { cursor: pointer; }
select:not(.disabled) { cursor: pointer; }

/* Border-box container */
.bb-container {
   height: 100%;
   width: 100%;
}

.lists .list .subheader {
   border-left: 1px solid #D9D9D9;
   padding-bottom: 5px;
   padding-right: 16px;
}

.lists .list .content {
   padding-bottom: 5px;
   padding-right: 10px;
   margin-left: 10px;
}

div[object='map'] > .content {
   height: 100%;
   width: 100%;
}

/*div[object] {
   display: none;
}*/


/**
 * columns
 */
.column_1 > .content, .column_2 > .content, .column_3 > .content {
   box-sizing: border-box;
   float: left;
   padding: 0px 5px 0 5px;
   width: 100%;
}

.column_1 { width: 225px; }
.column_1 .column_item { width: 215px; }

.column_2 { width: 455px; }
.column_2 .column_item { width: 220px; }
.column_2 .column_item_thin { width: 140px; }
.column_2 .column_item_wide { width: 300px; }

.column_3 { width: 605px; }
.column_3 .column_item_thin { width: 285px; }
.column_3 .column_item_wide { width: 305px; }

.column_item_thin:not(:first-child) { margin-left: 5px; }
.column_item_wide:not(:first-child) { margin-left: 5px; }


/**
 * subheader + buttons
 */
/*
.subheader {
   background-color: #ECEDED;
   border-bottom: 1px solid #D9D9D9;
   box-sizing: border-box;
   text-transform: uppercase;
   padding: 5px 6px 0 6px;
   font-size: 13px;
   width: 100%;
   cursor: default;
}
*/
.subheader-button {
   background-repeat: no-repeat;
   background-position: center center;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   float: right;
   height: 22px;
   margin-top: 3px;
   margin-right: 3px;
   width: 22px;
}
.subheader-button:first-child {
   margin-right: 0px;
}
.subheader-button[state='highlight'], .subheader-button:hover {
   background-color: #EDEFEE;
}

.subheader-button .dropdown-container {
   background-color: #EDEFEE;
}
.subheader-button .dropdown-column, .subheader-button .group-label {
   font-size: 11px;
   text-align: right;
   white-space: nowrap;
}

.subheader-button .group-label {
   padding-left: 10px;
   padding-right: 30px;
}

.subheader-button [export-icon]:after {
   background-position: center center;
   background-repeat: no-repeat;
   content: '';
   height: 18px;
   position: absolute;
   right: 5px;
   width: 18px;
}
.subheader-button [export-icon='excel']:after {
   background-image: url('../images/icon_import_excel.png');
}
.subheader-button [export-icon='rad']:after {
   background-image: url('../images/icon_radar_data.png');
}
.subheader-button [export-icon='ldentool']:after {
   background-image: url('../images/icon_lden.png');
}
.subheader-button [export-icon='shape']:after {
   background-image: url('../images/icon_shape.png');
}
.subheader-button [export-icon='word']:after {
   background-image: url('../images/icon_word.png');
}

.dropdown-wrapper {
   display: none;
   overflow: hidden;
   position: absolute;
   z-index: 999;
}
.dropdown-container {
   border: 1px solid #D9D9D9;
   border-radius: 4px 0px 4px 4px;
   float: left;
   padding: 3px 0px;
}
.dropdown-container > .dropdown-row {
   /*border-top: 1px solid #CECECE;*/
   clear: both;
   float: right;
   height: 18px;
   padding: 3px 10px;
}
.dropdown-container > .dropdown-row.single > .dropdown-column, .dropdown-container > .group-label > span {
   margin-right: 16px;
}
.dropdown-container > .dropdown-row:first-child, .dropdown-container > .group-label:first-child {
   border-top: 0px;
}
.dropdown-container > .dropdown-row > .dropdown-column, .dropdown-container > .group-label {
   float: right;
   line-height: 22px;
   overflow: hidden;
}
.dropdown-container > .dropdown-row > .dropdown-column {
   cursor: pointer;
}
.dropdown-container > .dropdown-row > .dropdown-column:hover {
   color: #000000;
}
.dropdown-row > .dropdown-column.disabled {
   cursor: default;
   filter: alpha(opacity=50) !important;
   opacity: 0.5 !important;
}
.dropdown-row > .dropdown-column.disabled:hover {
   color: #62766F;
}

.dropdown-container > .group-label {
   border-top: 1px solid #CECECE;
   cursor: default;
   font-weight: bold;
}


.chart-subheader {
   color: #394440;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 13px;
   line-height: 16px;
   padding-bottom: 5px;
   white-space: nowrap; 
   overflow: hidden;
   text-overflow: ellipsis;
}

.list-subheader {
   height: 22px;
   padding-top: 5px;
   padding-right: 40px;
   color: #394440;
   font-weight: bold;
   font-size: 13px;
}
.list-subheader > div {
   display: inline-block;
}
.list-subheader > span {
   vertical-align: top;
}
.list-subheader > .control-buttons {
}

.center {
   text-align: center;
}

.left {
   text-align: left;
}

br.clear {
   clear: both;
}

.nmList {
   width: 417px;
   height: 314px;
}

.error {
   color: #990000;
}

.warning {
   color: #A8A800;
}

.hidden {
   display: none;
}

.invisible {
   visibility: hidden;
}

.full {
   height: 500px;
}

.between {
   height: 5px;
}

table {
   line-height: 20px;
}

.table-header, .maintenance-header {
   font-size: 11pt;
   text-transform: uppercase;
   margin-top: 10px;
}

.table-header span{
   color: #a3b870;
   float: left;
   padding-left: 8px;
   cursor: pointer;
   white-space: nowrap;
}

.inner-table {
   border-spacing: 0px;
}
.inner-table-header {
   text-transform: uppercase;
}
.inner-table-header > th {
   padding-left: 22px;
}
.inner-table th {
   padding-right: 10px;
}

.asc {
   background: url('../images/down.jpg');
   background-repeat: no-repeat;
   background-position: 4px;
}

.desc {
   background: url('../images/up.jpg');
   background-repeat: no-repeat;
   background-position: 4px;
}

.table-body {
   margin-top: 5px;
   overflow-x: hidden;
   overflow-y: auto;
}

.list .table-body {
   height: 440px;
}

.nmList .table-body {
   height: 250px;
}

.details {
   clear: left;
   float: left;
   position: relative;
}
.main-details {
   bottom: 0;
   clear: none;
   height: 500px;
}
.main-details .detail {
   bottom: 0;
   position: absolute;
}

.charts {
   margin-top: 5px;
   float: left;
}

.gradient {
   background-color: #FFF;

/*
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#edefee), to(#d0d2d1));
   background: -webkit-linear-gradient(top, #edefee, #d0d2d1);
   background: -moz-linear-gradient(top, #edefee, #d0d2d1);
   background: -ms-linear-gradient(top, #edefee, #d0d2d1);
   background: -o-linear-gradient(top, #edefee, #d0d2d1);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edefee', endColorstr='#d0d2d1',GradientType=0 );
   */
}
/*
.chart {
   margin-bottom: 5px;
   margin-right: 5px;
   -moz-border-radius: 10px;
   border-radius: 6px 0 6px 6px;
   float: left;
   overflow: hidden;
   position: relative;
}
.chart:last-child { margin-bottom: 0px; }
.chart .content {
   background-color: #FFF;
   float: left;
}

.chart_column {
   padding-right: 5px;
   float: left;
}

.chart_row {
   float: left;
}
*/
.detail {
   float: left;
   margin-top: 5px;
   margin-right: 5px;
   height: 329px;
   border-radius: 6px 0 6px 6px;
   position: relative;
}

.detail:last-child {
   margin-right: 0px;
}

.flight .flight-item {
   display: none;
}

.flight-header {
   background-image: url('../images/flight.png');
   background-repeat: no-repeat;
   background-position-y: -2px;
   color: #394440;
   font-weight: bold;
   padding-left: 30px;
   padding-bottom: 5px;
}
/*
.flight-item {
   display: none;
}
*/

.duo {
   float: left;
   height: 100%;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.part {
   //margin-top: 5px;
   //float: left;
   //height: 291px;
   //overflow: auto;
}

.complaint .complaint-item {
   display: none;
}

.complaint-header {
   background-image: url('../images/complaint_header.png');
   background-repeat: no-repeat;
   background-position-y: -2px;
   color: #394440;
   font-weight: bold;
   padding-left: 30px;
   padding-bottom: 5px;
}

.complaint-header.house {
   background-image: url('../images/complaint-house_header.png');
}

.aircraft-header {
   background-image: url('../images/flight.png');
   background-repeat: no-repeat;
   background-position-y: -2px;
   color: #394440;
   font-weight: bold;
   padding-left: 30px;
   padding-bottom: 5px;
}

.client-header {
   background-image: url('../images/client.png');
   background-repeat: no-repeat;
   background-position-y: -2px;
   color: #394440;
   font-weight: bold;
   padding-left: 30px;
   padding-bottom: 5px;
}

.meteo-header {
   background-image: url('../images/meteo.png');
   background-repeat: no-repeat;
   background-position-y: -2px;
   color: #394440;
   font-weight: bold;
   padding-left: 30px;
   padding-bottom: 5px;
}

.noise_event .noise_event-item {
   display: none;
}

.ne-header {
   background-image: url('../images/noise_event.png');
   background-repeat: no-repeat;
   background-position-y: -2px;
   color: #394440;
   font-weight: bold;
   padding-left: 30px;
   padding-bottom: 5px;
}

.audio-header {
   background-image: url('../images/noise_event.png');
   background-repeat: no-repeat;
   background-position-y: -2px;
   color: #394440;
   font-weight: bold;
   padding-left: 30px;
   padding-bottom: 5px;
}

.details-table tr.split {
   height: 8px;
}

/*
.details-table td.split:before {
   content: "";
   position: absolute;
   left: 0;
   height: 1px;
   background-color: #cccccc;
}
*/

.aircraft-item .details-table > tbody > tr > td:not(.split) > div {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 123px;
}

.admin {
   height: 100%;
   min-height: 550px;
}

.admin-menu button {
   margin-bottom: 5px;
}

.admin-table th {
   color: #a3b870;
   text-align: center;
   vertical-align: top;
   padding-left: 5px;
   padding-right: 5px;
   text-transform: uppercase;
   white-space: nowrap;
   cursor: default;
}

.admin-table td {
   font-weight: bold;
   font-size: 9pt;
   vertical-align: middle;
   padding-left: 5px;
   padding-right: 5px;
   cursor: default;
}

.admin-table td {
   vertical-align: top;
}

.admin .parameter {
   width: 250px;
}

.admin .value {
   width: 350px;
}

.admin .description {
   width: 550px;
}

.admin .roles {
   width: 280px;
}

.control {
   display: none;
   z-index: 100;
}

.dashboardList {
   width: 417px;
   height: 500px;
   float: left;
   margin-left: 10px;
   padding: 5px;
   background-color: #ffffff;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.live-data {
   margin: 30px;
   padding: 15px;
   float: left;
   text-transform: uppercase;
   -moz-border-radius: 15px;
   border-radius: 15px;
   background-color: #000000;
   background: rgba(0, 0, 0, 0.2);
   cursor: pointer;
}

.shortcuts {
   float: left;
   margin-top: 20px;
}

.shortcuts span {
   cursor: pointer;
}

.advanced {
   font-size: 8pt;
   float: right;
   cursor: pointer;
}

.count {
   margin-left: 10px;
}

.controls {
   cursor: pointer;
   display: none;
   margin-top: 2px;
}

.first, .previous {
   margin-right: 5px;
}

.next, .last {
   margin-left: 5px;
}

.connected {
   width: 16px;
   background-image: url('../images/connect.png');
   background-repeat: no-repeat;
   cursor: pointer;
   background-position: center;
}

.cno {
   background-image: url('../images/connect_no.png');
}

.resize {
   background-image: url('../images/mapzoomsprite.png');
   background-position: 0px -73px;
   background-repeat: no-repeat;
   float: left;
   margin: 1px 8px 2px 2px;
   width: 14px;
   height: 14px;
   cursor: pointer;
}
.chart-options {
   height: 20px;
   position: absolute;
   right: 0px;
   width: 30px;
}
.chart-options > .button {
   background-image: url('../images/triangle.png');
   background-repeat: no-repeat;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   cursor: pointer;
   height: 20px;
   padding: 0 6px 4px 6px;
   position: absolute;
   right: 0px;
   width: 30px;
   z-index: 2;
}
.chart-options:hover > .button {
   background-color: rgb(255,255,255);
   background-color: rgba(255,255,255,.5);
   border-left: 1px solid rgb(205,205,205);
   border-left: 1px solid rgba(205,205,205,.5);
}
.chart-options.closed > .button { background-position: center -33px;}
.chart-options.open > .button { 
   background-color: #FFFFFF;
   border-left: 1px solid #CDCDCD;
   background-position: center -3px;
}

.chart-options-body {
   background-color: #FFFFFF;
   border-bottom: 1px solid #CDCDCD;
   border-left: 1px solid #CDCDCD;
   border-top: 1px solid #CDCDCD;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
   display: none;
   margin-top: 23px;
   padding: 5px 10px;
   position: absolute;
   right: 0px;
   text-transform: uppercase;
}

.chart-options-segment {
   clear: both;
   float: right;
   margin-top: 10px;
   position: relative;
}
.chart-options-segment:first-child {
   margin-top: 0px;
}

.chart-options-segment-label {
   color: #333333;
   font-weight: bold;
   line-height: 22px;
   position: absolute;
   top: 0;
   left: 15px;
}

.chart-options-segment-holder {
   float: left;
   margin-top: 25px;
}

.chart-options-segment > .icon-button {
   background-position: right center;
   background-repeat: no-repeat;
   cursor: pointer;
   display: block;
   clear: both;
   float: right;
   padding-right: 25px;
   height: 22px;
   line-height: 22px;
   text-align: right;
   white-space: nowrap;
}
.chart-options-segment > .icon-button:hover {
   color: #000000;
}
.chart-options-segment > .icon-button.export {
   background-image: url('../images/icon_import_excel.png');
}
.chart-options-segment > .icon-button.analysis {
   background-image: url('../images/analyse.png');
}
/*
.resize.large { background-image: url('../images/resize_large.png'); }
.resize.small { background-image: url('../images/resize_small.png'); }
*/
.highcharts_container { display:none; }

.export_rad {
   float: right;
   background-image: url('../images/icon_radar_data.png');
   background-repeat: no-repeat;
   width: 17px;
   height: 17px;
   margin-right: 2px;
   cursor: pointer;
}

.export_excel {
   float: right;
   background-image: url('../images/icon_import_excel.png');
   background-repeat: no-repeat;
   width: 17px;
   height: 17px;
   margin-right: 2px;
   cursor: pointer;
}

.export_audio, .comment, .save_comment {
   background-repeat: no-repeat;
   float: right;
   height: 17px;
   width: 17px;
   cursor: pointer;
}
.export_audio {
   background-image: url('../images/download.png');
   margin-right: 2px;
}

.comment {
   background-image: url('../images/comment.png');
   margin-right: 5px;
}
.comment.add {
   background-position: -17px 0px;
}
.comment.remove {
   background-position: -34px 0px;
}
.save_comment {
   background-image: url('../images/save.png');
}
.save_comment.inactive, .comment.inactive {
   cursor: default;
   filter: alpha(opacity=25) !important;
   opacity: 0.25;
}

.calc, .circle {
   float: right;
}
.circle .label {
   font-size: 12px;
   font-weight: normal;
}
.delete {
   float: right;
   background-image: url('../images/delete.png');
   background-repeat: no-repeat;
   width: 20px;
   height: 20px;
   margin-top: 2px;
   margin-right: 2px;
   cursor: pointer;
}
.cancel {
   height: 20px;
   margin-top: 2px;
   margin-right: 2px;
   cursor: pointer;
}

.download { background-image: url('../images/download.png'); }
.reload { background-image: url('../images/reload.png'); }

.audio {
   float: right;
   width: 17px;
   height: 14px;
   margin-right: 2px;
   cursor: pointer;
   display: none;
}

.play {
   width: 10px;
   height: 14px;
   background: url('../images/play.png') no-repeat;
   margin-right: 45px;
}

.pause {
   width: 10px;
   height: 14px;
   background: url('../images/pauze.png') no-repeat;
   margin-right: 45px;
}

.analyse {
   float: right;
   width: 17px;
   height: 14px;
   margin-right: 2px;
   cursor: pointer;
   background: url('../images/play.png') no-repeat;
}

.connect {
   float: right;
   background-image: url('../images/connect.png');
   background-repeat: no-repeat;
   width: 17px;
   height: 14px;
   margin-top: 5px;
   margin-right: 2px;
   cursor: pointer;
   display: none;
}

.nav {
   color: #394440;
   font-weight: bold;
   float: right;
   margin-right: 5px;
   margin-top: 0px;
   display: none;
}

.nav .prev, .nav .next {
   cursor: pointer;
}

.subheader .export_excel, .subheader .export_audio, .subheader .comment, .subheader .save_comment {
   margin-top: 3px;
}

.subheader .export_rad {
   margin-top: 5px;
}

.search_tables td {
   vertical-align: top;
}

.search_table th {
   font-weight: normal;
   text-align: left;
   text-transform: uppercase;
}

.search .toggle_options {
   border-top: 1px solid black;
   padding: 0px;
   cursor: pointer;
   margin-left: 5px;
}

.busy {
   position: absolute;
   top: 15px;
   left: 0px;
   background: url(../images/rotatingclock-fast.gif) center no-repeat;
   width: 100%;
   height: 100%;
   display: none;
   z-index: 400;
}
#busy {
   position: fixed;
   top: 0px;
   background-attachment: fixed;
}

#logo {
   position: fixed;
   top: 75px;
   left: 0px;
   background: url(../images/nd-logo.png) fixed center no-repeat;
   width: 100%;
   height: 100%;
}

/* scroll bars*/
.custom_scroll::-webkit-scrollbar {
   height: 6px;
   width: 6px;
}

.custom_scroll::-webkit-scrollbar-track {
   background-color:#c5c5c5;
   border-radius: 2px;
}

.custom_scroll::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px;
   border-radius: 2px;
   background-color:#93998F;
   cursor: pointer;
}

.filter_scroll::-webkit-scrollbar {
   height: 10px;
   width: 10px;
}
.filter_scroll::-webkit-scrollbar-track {border: 0px;
   padding: 0px 4px;
   line-height: 18px;
   height: 18px;
   margin: 0px;
   background-color: #28332f;
   text-transform: inherit;
   font-size: inherit;
   font-weight: inherit;
   font-family: inherit;
   color: #FFFFFF;
   text-shadow: inherit;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
   -moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
   box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
   width: 100%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.filter_scroll::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background-color:#FFFFFF;
   cursor: pointer;
}

.message-overlay {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   display: none;
   z-index: 999;
   background-color: rgba(0, 0, 0, 0.33);
   text-align: center;
}
.message-overlay:before {
   content: "";
   display: inline-block;
   height: 100%;
   vertical-align: middle;
}
.message-body {
   text-align: left;
}



.field {
   cursor: pointer;
   border-bottom: 1px dotted #a3b870;
   text-transform: uppercase;
}

.nouppercase {
   text-transform: none !important;
}

.popup img {
   cursor: pointer;
}

.old_popupdiv {
   position: fixed;
   border: 1px solid black;
   background-color: #ffffff;
   text-transform: uppercase;
   -moz-border-radius: 5px;
   border-radius: 5px;
   z-index: 500;
}
.popup-field-div textarea {
   width: 800px;
   height: 300px;
}
.popup-field-div img {
   cursor: pointer;
}

.direction .update-field-div {
   text-transform: none;
}

.nq_type {
   text-transform: uppercase;
}

.response_attempts {
   background-image: url(../images/phone.png);
   background-repeat: no-repeat;
   background-position: right;
   padding-right: 20px;
   cursor: pointer !important;
}

.dbc-noise-event, .dbc-no-CDA {
   background-color: #afafaf;
}

.dbc-flight-towing, .dbc-flight-S { background-color: #26c339; }
.dbc-flight-1, .dbc-flight-rwy-1 { background-color: #00199F; }
.dbc-flight-2, .dbc-flight-departure, .dbc-flight-T, .dbc-flight-rwy-2 { background-color: #1744B1; }
.dbc-flight-3, .dbc-flight-arrival, .dbc-flight-L, .dbc-flight-rwy-3 { background-color: #3086F3; }
.dbc-flight-4, .dbc-flight-rwy-4 { background-color: #45B7EE; }
.dbc-flight-5 { background-color: #48CAC4;}
.dbc-flight-6, .dbc-flight-rwy-5 { background-color: #90DE83; }
.dbc-flight-7 { background-color: #B7FFAE;}

.dbc-complaint-1, .dbc-complaint-specific, .dbc-complaint-web, .dbc-complaint-new, .dbc-complaint-auto, .dbc-complaint-city { background-color: #00199F; }
.dbc-complaint-2, .dbc-complainant { background-color: #1744B1; }
.dbc-complaint-3, .dbc-complaint-generic, .dbc-complaint-voicemail, .dbc-complaint-closed, .dbc-complaint-manual { background-color: #3086F3; }
.dbc-complaint-4, .dbc-complaint-type-all { background-color: #45B7EE; }
.dbc-complaint-5, .dbc-complaint-phone, .dbc-complaint-rejected { background-color: #48CAC4; }
.dbc-complaint-7, .dbc-complaint-letter, .dbc-complaint-deleted { background-color: #90DE83; }
.dbc-complaint-6, .dbc-complaint-notcoupled { background-color: #B7FFAE; }

.dbc-maintenance {
   background-color: #ffffff;
}

.dbc-noise-1, .dbc-l75, .dbc-l50 { background-color: #004400; }
.dbc-noise-2, .dbc-aircraft-noise-event { background-color: #337700; }
.dbc-noise-3, .dbc-cnel { background-color: #5DA600; }
.dbc-noise-4, .dbc-l1 {  background-color: #7CC900; }
.dbc-noise-5, .dbc-l95, .dbc-l90 { background-color: #AAD400; }
.dbc-noise-6 { background-color: #C9E100; }
.dbc-noise-7 { background-color: #D4F747; }

.maintenance {
   float: left;
   clear: left;
   width: 100%;
   height: 500px;
}

.maintenance-header td {
   color: #a3b870;
   text-align: left;
   vertical-align: top;
}

.maintenance-feed td img {
   margin-top: 2px;
   margin-bottom: 2px;
   vertical-align: middle;
}

.maintenance-feed td {
   vertical-align: top;
}

.maintenance-feed .nmt_id { width: 60px; }
.maintenance-feed .nmt_status { text-align: center; width: 50px; }
.maintenance-feed .nmt_status_text { width: 250px; }
.maintenance-feed .nmt_uptime { text-align: center; width: 65px; }
.maintenance-feed .nmt_completeness { text-align: center; width: 105px; }
.maintenance-feed .nmt_calibration { text-align: center; width: 100px; }
.maintenance-feed .nmt_battery { text-align: center; width: 70px; }
.maintenance-feed .nmt_discspace { text-align: center; width: 80px; }

.feed_info {
   float: left;
   width: 100%;
   height: 200px;
}

.niveau-1 {
   background-color: #f8f8f8;
}

.niveau-2 {
   background-color: #e7f3c9;
}

.niveau-3 {
   background-color: #ffffbb;
}

.niveau-4 {
   background-color: #ffd9b3;
}

.color {
   float: left;
   padding-right: 20px;
}

.color th.label {
   text-align: right;
   width: 100px;
}

.message-module {
   z-index: 999;
   display: inline-block;
   vertical-align: middle;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
   box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
   font-family: Officina;
   font-size: 12px;
   text-transform: uppercase;
   font-weight: bold;
   padding: 10px;
   background: #333333;
   border: 1px solid black;
   border: 1px solid rgba(0,0,0,0.5);
   color: #FFFFFF;
   cursor: pointer;
   max-height: 500px;
   overflow-y: auto;
}

.message-body {
   max-width: 200px;
   vertical-align: middle;
   display: inline-block;
}

.message-type-label {
   font-weight: bold;
}

.message-module[data-message-type="ok"] {
   color: #62766f;
   background: #A8FFA8;
   border: 1px solid #A8FFA8;
   border: 1px solid rgba(168,255,168,0.5);
}


.message-module[data-message-type="warning"] {
   background: #A8A800;
   border: 1px solid #A8A800;
   border: 1px solid rgba(168,168,0,0.5);
}

.message-module[data-message-type="error"] {
   background: #A80000;
   border: 1px solid #A80000;
   border: 1px solid rgba(168,0,0,0.5);
}

.message-button-close {
   width: 18px;
   height: 16px;
   margin-left: 6px;
   display: inline-block;
   vertical-align: top;
   background: url('../images/menu_glyphs.png') -306px -306px;
}


/* TIME MODULE */
.time-module {
   float: left;
   width: 350px;
   height: 28px;
   position: relative;
   left: 0px;
   top: 0px;
   z-index: 100;
   border-right: 1px solid #283330;
}

.time-module:after {
   display: block;
   position: relative;
   left: 351px;
   width: 1px;
   height: 28px;
   background-color: #516661;
   content: "";
}




.filter-container.is-overflowing {
   cursor: pointer;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
}

.filter-container.is-overflowing > .filter-object:nth-child(2) {
   border-left: 0px;
}

.filter-object {
   *float: left;
}

.filter-overflow-mask {
   display: inline-block;
   vertical-align: top;
   *display: inline;
   *zoom: 1;
   width: 0px;
   height: 20px;
   position: relative;
   visibility: hidden;
}

.filter-overflow-mask-paint {
   height: 20px;
   width: 20px;
}

.filter-overflow-mask-left > .filter-overflow-mask-paint {
   background: url('../images/overflow_mask.png') 0px 0px;
   margin-left: -1px;
}

.filter-overflow-mask-right > .filter-overflow-mask-paint {
   margin-left: -20px;
   background: url('../images/overflow_mask.png') 20px 0px;
}



/* SEARCH MODULE */

#search-form {
   float: left;
}

#search-form {
   width: 100%;
}

/* Query builder */
.qb_style {
   text-transform: uppercase;
}
.qb_style .form-field-header {
   font-weight: bold;
}
.main.qb_style {
   background: #485953;
   background: -moz-linear-gradient(top,  #485953 0%, #364741 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#485953), color-stop(100%,#364741));
   background: -webkit-linear-gradient(top,  #485953 0%,#364741 100%);
   background: -o-linear-gradient(top,  #485953 0%,#364741 100%);
   background: -ms-linear-gradient(top,  #485953 0%,#364741 100%);
   background: linear-gradient(top,  #485953 0%,#364741 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#485953', endColorstr='#364741',GradientType=0 ) !important;

   display: inline-block;
   border: 1px solid #283330;
   width: auto;
   min-width: 0px;
   padding: 0px;
}

table.qb-table {
   border-spacing: 0px;
   border: 0px;
   color: #FFF;
}

table.qb-table > tbody > tr > td {
   margin-top: 0px !important;
   padding: 12px;
   vertical-align: top;
}

table.qb-table td.bt {
   border-top: 1px solid #516661;
}
table.qb-table td.br {
   border-right: 1px solid #283330;
}
table.qb-table td.bb {
   border-bottom: 1px solid #283330;
}
table.qb-table td.bl {
   border-left: 1px solid #516661;
}
table.qb-table td.qb-conditions {
   padding-left: 0px;
   min-width: 900px;
}
table.qb-table td pre:first-child {
   margin-top: 0em;
}
table.qb-table td pre:last-child {
   margin-bottom: 0em;
}

/* qb-button */
.qb-button {
   margin-top: 12px !important;
   margin-right: 12px !important;
}

.qb-button:first-child {
   margin-top: 0px !important;
}

.qb-button.save {
   margin-top: 0px !important;
}

.qb-button:first-of-type {
   margin-right: 0px !important;
}

/* dropdown */
.qb_dropdown_list {
   position: absolute;
   background-color: #677F76;
   border: 4px solid #677F76;
   line-height: 22px;
   z-index: 200;
}
.qb_dropdown_list > .form-value-field {
   background-color: #485953;
   margin-top: 2px;
   margin-right: 3px;
   padding-top: 2px;
   padding-bottom: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   width: 100%;
}
.qb_dropdown_list > .form-value-field > .form-input-label {
   margin-left: 3px;
}

/* value */
.qb-value-list .qb-values {
   min-width: 135px;
   min-height: 188px;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 1px;
}
.qb-value-list .qb-values.qb-conditions {
   min-height: 250px;
}
.qb-value-group {
   font-weight: bold;
   line-height: 20px;
   padding-left: 5px;
   text-transform: uppercase;
}
.qb-value-radio {
   cursor: pointer;
}
.qb-value-radio:hover > .qb-value-radio-label, .qb-value-radio.selected > .qb-value-radio-label {
   color: #FFF;
}
.qb-value-radio.selected {
   background-color: #3d4d48;
}

.qb-value-radio-label {
   color: #B0BBB7;
   padding-left: 15px;
   cursor: pointer;
}


/* scrollbar */
.qb-scrollbar::-webkit-scrollbar {
   width: 17px;
   height: 17px;
}
.qb-scrollbar::-webkit-scrollbar-track {
   background-color: #28332F;
}
.qb-scrollbar::-webkit-scrollbar-thumb {
   background-image: url(../images/scroll-bar-vertical.png);
   background-position: 1px 0px;
   background-repeat: repeat-y;
   cursor: pointer;
}
.qb-scrollbar::-webkit-scrollbar-button {
   width: 17px;
   height: 12px;
   background-repeat: no-repeat;
   background-position: 1px 1px;
}
.qb-scrollbar::-webkit-scrollbar-button:start:decrement,
.qb-scrollbar::-webkit-scrollbar-button:end:increment {
   display: block;
}
.qb-scrollbar::-webkit-scrollbar-button:start:increment,
.qb-scrollbar::-webkit-scrollbar-button:end:decrement {
   display: none;
}
.qb-scrollbar::-webkit-scrollbar-button:end:increment {
   background-color: #28332F;
   border-radius: 3px;
   background-image: url(../images/scroll-button-bot.png);
}
.qb-scrollbar::-webkit-scrollbar-button:start:decrement {
   background-color: #28332F;
   border-radius: 3px;
   background-image: url(../images/scroll-button-top.png);
}

/* field rows */
.qb-field-rows-container {
   height: 175px;
   overflow-x: hidden;
   overflow-y: auto;
}
.qb-field-row-header-name, .qb-field-row-name {
   width: 175px;
}
.qb-field-row-header-args {
   float: right;
   min-width: 142px;
   min-height: 1px;
}
.qb-field-row-arg {
   float: right;
   min-width: 130px;
   min-height: 1px;
}
.qb-field-row-and-or {
   width: 55px;
}
.qb-field-row-and-or .form-dropdown-label {
   width: 25px;
}
.qb-field-row-scroll {
   width: 20px;
   float: right;
}
.qb-field-row-delete button {
   height: 18px;
   padding: 1px 6px;
}

.qb-field-row:first-child {
   margin-top: 0px !important;
}
.qb-field-row {
   margin-top: 5px;
   position: relative;
   float: left;
   clear: both;
   line-height: 18px;
   height: 20px;
}
.qb-field-row .form-input[type="text"] {
   text-transform: none;
}
.qb-field-row .qb-field-row-arg .form-list,
.qb-field-row .qb-field-row-and-or .form-list,
.qb-field-row .qb-field-row-arg .form-text,
.qb-field-row-delete, .qb-condition-icon,
.qb-button.filler {
   margin-right: 10px;
}
.qb-field-row-delete {
   float: right;
   font-weight: normal !important;
}

/* query rows */
.qb-query-row {
   padding: 4px 0px;
   line-height: 20px;
   height: 20px;
}
.qb-query-row:hover {
   cursor: pointer;
   background-color: rgba(0, 0, 0, 0.15);
}
.qb-query-row .qb-button {
   margin-top: 0px !important;
   margin-right: 12px !important;
}
.qb-query-row-header-title, .qb-query-row-title {
   width: 300px;
}
.qb-query-row-description {
   width: 540px;
}
.qb-query-row-owner {
   width: 190px;
}
.qb-query-row-output {
   width: 100px;
}
.qb-query-row-title, .qb-query-row-description {
   text-transform: none;
}

/* condition */
.qb-condition-icon {
   width: 10px;
   height: 18px;
   background: url('../images/menu_glyphs.png') -378px -379px;
}
.qb-condition-rows-container {
   height: 236px;
   overflow-x: hidden;
   overflow-y: auto;
}
.qb-condition-rows-container[scroll=true] .qb-field-row-scroll {
   display: block;
}
.qb-group-header:hover {
   cursor: pointer;
}
.qb-condition-row:hover {
   cursor: pointer;
   background-color: rgba(0, 0, 0, 0.15);
}
.qb-condition-row.selected, .qb-condition-row.selected:hover {
   background-color: rgba(0, 0, 0, 0.25);
}
.qb-condition-row, .qb-condition-group-open {
   margin-top: 0px;
   padding: 4px 0px 4px 12px;
   display: table;
   width: 100%;
}
.qb-condition-row .qb-field-row-delete {
   float: right;
}
.qb-condition-row-header {
   border-bottom: 1px solid #283330;
}
.qb-condition-row-header > .qb-field-row-header-name {
   padding-left: 12px;
}
.qb-field-row.highlight, .qb-field-row.highlight:hover {
   background-color: rgba(0, 0, 0, 0.15);
}
.qb-field-row.selected, .qb-field-row.selected:hover {
   background-color: rgba(0, 0, 0, 0.25);
}
/* condition group */
.qb-condition-group {
   clear: both;
   float: left;
   border-top: 1px solid #516661;
   border-bottom: 1px solid #283330;
   margin-bottom: 3px;
   display: table;
   width: 100%;
}
.qb-condition-group .qb-condition-group {
   padding-left: 16px;
   border-right: none;
   border-bottom: none;
   margin-bottom: 0px;
}
.qb-condition-group .qb-condition-row {
   border: none;
   border-left: 1px solid #516661;
}
.qb-condition-group .qb-condition-row .qb-condition-icon {
   margin-left: 15px;
}
.qb-condition-group-rows {
   position: relative;
   float: left;
   clear: both;
   width: 100%;
}
.qb-condition-group-rows > .qb-condition-row:first-of-type .qb-field-row-and-or {
   visibility: hidden
}

.qb-date-selector > .form-field:first-of-type {
   margin-top: 12px !important;
}
.qb-date-selector .form-field > .form-field-header {
   margin-top: 0px !important;
}
.qb-date-selector .form-input {
   width: 100px;
   height: 20px;
   float: left;
   position: relative;
}
.qb-date-selector .form-input.date_picker {
   width: 65px;
}
.qb-date-selector .time_slider_calendar_button {
   position: relative;
   float: left;
   margin-left: 5px;
}
.qb-date-row {
   display: table;
}

.qb-button.save, .qb-button.field, .qb-button.filler {
   float: right;
}
.qb-button.condition {
   margin-right: 0px !important;
   margin-left: 12px !important;
}

.qb_type_title {
   font-size: 12pt;
   font-weight: bold;
}

.qb_table {
   margin-bottom: 20px;
   border-spacing: 0px;
}

.qb_table td {
   vertical-align: top;
   cursor: default;
}

.qb_table tr:hover {
   background-color: #ffd9b3;
}

.qb_button {
   cursor: pointer;
}

.qb_button:hover {
   color: #000000;
}

.qb_group {
   font-weight: bold;
   cursor: default;
}
.qb-group-closer {
   border-left: 1px solid #516661;
   clear: both;
   padding-left: 15px;
}
.qb-group-header {
   padding-right: 0px;
   width: 100%;
}

.qb_field {
   margin-left: 5px;
   float: left;
   width: 200px;
   cursor: pointer;
}

.qb_field:hover {
   background-color: #ffd9b3;
}

.qb_field_selected {
   background-color: #ffd9b3;
}

.qb_field_selector {
   float: left;
}

.qb_fields {
   width: 200px;
   height: 300px;
   overflow-x: hidden;
   border: 1px solid #62766f;
}

.qb_selected_fields {
   float: left;
   margin-left: 10px;
}

.qb_selected_field {
   float: left;
   width: 100px;
}

.qb_hidden {
   visibility: hidden;
}

.qb_condition_group .qb_condition_row, .qb_condition_group .qb_condition_buttons, .qb_condition_group .qb_condition_group {
   margin-left: 10px;
}

.qb_condition_buttons {
   clear: both;
}

.qb_andor {
   float: left;
   width: 50px;
}

.qb_condition_row, .qb_condition_andor {
   clear: both;
}

.qb_format_div, .qb_operator_div, .qb_value_div {
   float: left;
}

.qb-query {
   text-transform: none;
}

#tracks, #tracks img {
   pointer-events: none;
}

.error-module {
   position: relative;
   margin: 0 auto;
   width: 250px;
   height: 100px;
   background-color: #ffffff;
   padding: 10px;
   top: 100px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
   box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
   font-weight: bold;
   font-family: Officina;
   font-size: 12px;
   text-transform: uppercase;
}

/* dashboard_table */
.table_container {
   overflow: auto;
}
table.dashboard_table td, table.dashboard_table th {
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-color: #C0C0C0;
   border-style: solid;
}
table.dashboard_table tr > td:last-child { border-right-width: 1px; }
table.dashboard_table tr:last-child > td { border-bottom-width: 1px; }
table.dashboard_table tr {
   height: 20px;
}
table.dashboard_table tr > td:first-child { text-align: right; }
table.dashboard_table tr > td:not(:first-child) { text-align: center; }
table.dashboard_table td {
   line-height: 20px;
   padding: 0px 5px;
   overflow: hidden;
   white-space: nowrap;
}

table.dashboard_table tr:first-child > td { font-weight: bold; }
table.dashboard_table tr:not(:first-child) > td:first-child { font-weight: bold; }

.chart .content > .subheader {
   margin: 0;
   position: absolute;
}

.chart .content > object {
   clear: both;
   float: left;
   margin-top: 27px;
   padding: 5px;
   z-index: 0;
}

.chart .content .export_chart {
   left: 0;
   position: absolute;
   top: 0;
   z-index: -1
}

.email-table {
}

.email-table th {
   cursor: default;
   color: #62766F;
   border-bottom: 1px solid #62766F;
}

.email-table td {
   cursor: default;
   padding-right: 10px;
}

.email-table tr.odd td {
   background-color: #C0C0C0;
}

.email-table tr:hover td {
   color: #F0F0F0;
   background-color: #A0A0A0;
}

/* audio_rt component */
.audio_rt {
   display: table-row;
   overflow: hidden;
   width: 505px;
}
.audio_rt > .content {
   float: left;
   width: 505px;
}
.audio_rt > .content > object { opacity: 0; }
.audio_rt > .comment_container {
   border-left: 1px solid rgba(0,0,0,0.2);
   float: left;
   height: 100%;
   max-width: 170px;
   overflow: hidden;
   width: 0px;
}
.audio_rt > .comment_container > textarea {
   background: none;
   border: 1px solid rgba(0, 0, 0, 0.2);
   height: 263px;
   margin-left: 10px;
   margin-top: 10px;
   padding: 5px;
   width: 136px;
}
.audio_rt > .comment_container > textarea:focus {
   background: #FFFFFF;
   border: none;
   outline-color: #A3B870;
}
.audio_rt > .comment_control {
   background-color: #ECEDED;
   border-left: 1px solid #D9D9D9;
   border-bottom-right-radius: 6px;
   cursor: pointer;
   display: none;
   height: 100%;
   position: absolute;
   right: 0px;
   top: 0px;
   width: 10px;
}
.audio_rt > .comment_control:hover { background-color: #D9D9D9; }
.audio_rt > .comment_control > .comment_arrow {
   background-image: url('../images/arrows.png');
   height: 10px;
   margin-top: -5px;
   position: absolute;
   width: 10px;
   top: 50%;
}
.comment_control.open > .comment_arrow { background-position: 0px -10px; }
.comment_control.open.highlight > .comment_arrow { background-position: 0px 0px; }
.comment_control.close > .comment_arrow { background-position: -10px -10px; }
.comment_control.close.highlight > .comment_arrow { background-position: -10px 0px; }

.cktext p:first-of-type {
   margin-top: 0px;
}
.cktext p:last-of-type {
   margin-bottom: 0px;
}

.jm_popup_header {
   color: #a3b870;
   font-weight: bold;
   text-transform: uppercase;
   margin-top: 10px;
}
.jm_popup_message {
   width: 100%;
   height: 200px;
   overflow-y: scroll
}
.jm_popup_message pre {
   margin: 0px;
}
.period th {
   text-align: right;
}
.zd_popup_body, .j_popup_body {
   width: 800px;
   max-height: 500px;
   overflow-y: scroll;
}
.zd_popup_header, .j_popup_header {
   color: #a3b870;
   font-weight: bold;
   text-transform: uppercase;
   margin-top: 10px;
}
.zd_popup_comment, .j_popup_comment {
   margin-right: 10px;
   font-family: Consolas;
}
.max100 {
   display: block;
   max-width: 100px;
   overflow: hidden;
   text-overflow: ellipsis;
}
.max80 {
   display: block;
   max-width: 80px;
   overflow: hidden;
   text-overflow: ellipsis;
}

.o-charts {
   float: left;
}
.o-chart {
   width: 300px;
   height: 167px;
   margin-bottom: 5px;
   margin-right: 5px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   float: left;
   position: relative;
}
.o-main {
   float: left;
   width: 690px;
   padding: 5px;
   background-color: #ffffff;
   -moz-border-radius: 10px;
   border-radius: 10px;
   margin-right: 5px;
}


/*
 * Table structure
 */
.table-container, .table-row, .table-cell, .table-cell-content,
.table-component-container {
   box-sizing: border-box;
   margin: 0px;
   padding: 0px;
}

.table-container {
   display: table;
   height: 100%;
   padding: 5px;
   width: 100%;
}

.table-row {
   display: table-row;
   height: 100%;
}

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

.table-cell-content {
   height: 100%;
   width: 100%;
}

.table-component-container {
   clear: both;
   float: left;
   height: 25%;
   padding: 5px;
   position: relative;
   width: 100%;
}
#.table-component-container:first-child {
#   padding-bottom: 5px;
#   padding-top: 0;
#}
.table-component-container:last-child {
   padding-bottom: 0;
#   padding-top: 5px;
}

.table-component {
   height: 100%;
   width: 100%;
   background-color: #ffffff;
   overflow: hidden;

   -moz-border-radius: 10px;
   border-radius: 10px;
}
.table-component.a { background-color: #FF0000; }
.table-component.b { background-color: #00FF00; }
.table-component.c { background-color: #0000FF; }
.table-component.d { background-color: #0FFFF0; }

/*
 * OPS ROOM
 */
.table-cell[data-cell-type="sidebar"] {
   width: 20%;
}
.table-cell[data-cell-type="sidebar"] {
   overflow: auto;
}

.table-cell[data-cell-type="map"] {
   padding: 0 10px;
   vertical-align: top;
}
.table-cell[data-cell-type="map"] .map,
.table-cell[data-cell-type="map"] .map > .content {
   background-color: #AAFFAA;
   height: 100%;
   width: 100%;
}

/*
 * grid (packery)
 */

.grid-item-chart.chart { overflow: visible; }

.grid-container,
.grid-item {
   box-sizing: border-box;
}

.grid-container {
   height: 100%;
   width: 100%;
}

.grid-item {
   padding-right: 5px;
   padding-bottom: 5px;
}

.grid-item-container {
   height: 100%;
   position: relative;
   width: 100%;
}

.grid-item-header {
   background-color: #ECEDED;
   border-bottom: 1px solid #D9D9D9;
   border-top-left-radius: 6px;
   box-sizing: border-box;
   height: 25px;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.details .grid-item-header { height: 27px; }
.details .grid-item-header > .header-title { line-height: 26px; }
.details .grid-item-tools.list-button > .button-list { top: 27px; }

.grid-item-header > .grid-item-resize {
   left: 8px;
   margin: 0;
   position: absolute;
   top: 50%;
   z-index: 1;
   
   transform: translate(0,-50%);
}

.grid-item-header > .header-icon,
.grid-item-header > .header-title {
   float: left;
   position: relative;
   height: 100%;
}

.grid-item-header > .header-icon {
   width: 24px;
   padding-left: 6px;
}

.grid-item-header > .header-title {
   box-sizing: border-box;
   line-height: 24px;
   overflow: hidden;
   padding-left: 6px;
   padding-right: 30px;
   text-overflow: ellipsis;
   text-transform: uppercase;
   white-space: nowrap;
   width: 100%;
}

.grid-item-header > .grid-item-resize + .header-title { padding-left: 30px; }

.grid-item-header > .grid-item-tools-container {
   height: 100%;
   right: 0;
   position: absolute;
   top: 0;
   width: 30px;
   z-index: 2;
}
.grid-item-header > .grid-item-tools-container:hover { z-index: 9999;}

.grid-item-tools-container > .grid-item-tools,
.grid-item-tools-container > .grid-item-quick-access {
   float: left;
   height: 100%;
   position: relative;
}

.grid-item-tools-container > .grid-item-tools { width: 30px; }

.grid-item-tools > .tools-icon {
   float: left;
   height: 100%;
   position: relative;
   width: 100%;
}

.grid-item-tools > .tools-list {
   right: 0px;
}

.tools-list > .grid-item-tool {
   box-sizing: border-box;
   clear: both;
   float: left;
   height: 24px;
   padding-right: 6px;
   position: relative;
   white-space: nowrap;
}

.grid-item-tool > .tool-icon,
.grid-item-tool > .tool-label {
   display: inline-block;
   height: 100%;
   position: relative;
   vertical-align: top;
}

.grid-item-tool > .tool-icon {
   padding: 0 1px;
   width: 24px;
}

.grid-item-tool > .tool-icon > svg {
   box-sizing: border-box;
   fill: #62766f;
   height: 100%;
   padding: 4px;
   width: 100%;

   opacity: 0.5;
}
.grid-item-tool:hover > .tool-icon > svg {
   opacity: 1;
}

.grid-item-tool > .tool-label {
   line-height: 24px;
   white-space: nowrap;
}

/* grid-item-buttons */

.grid-item-header > .button-container {

}

.button-container > .list-button {
   border-bottom-color: #ECEDED;
   border-left-color: #D9D9D9;
   border-style: solid;
   border-width: 0;
   float: right;
   transition: border-width 0s 0.25s;
}
.button-container > .list-button:hover {
   border-width: 0 0 1px 1px;
   transition: border-width 0s 0s;
}

.list-button > .button-icon,
.list-button > .button-list {

}

.list-button > .button-icon > svg {
   box-sizing: border-box;
   fill: #62766f;
   height: 100%;
   padding: 3px;
   width: 100%;
   opacity: 0.5;
}
.list-button:hover > .button-icon > svg {
   opacity: 1;
}

.list-button > .button-list {
   background-color: #ECEDED;
   border-color: #D9D9D9;
   border-style: solid;
   border-width: 0;
   max-height: 0px;
   overflow: hidden;
   position: absolute;
   top: 25px;
   z-index: 9999;
   transition: max-height 0.3s ease-in, border-width 0s 0.25s;
}
.list-button:hover > .button-list {
   border-width: 0 0 1px 1px;
   max-height: 300px;
   transition: max-height 0.3s ease-out;
}
.button-list > .button {
   cursor: pointer;
}
.button-list > .button:hover {
   color: #394440;
}

/**/

.grid-item-container > .grid-item-content {
   background-color: #FFFFFF;
   border-radius: 6px 0px 6px 6px;
   box-sizing: border-box;
   height: 100%;
   overflow: hidden;
   padding: 31px 6px 6px 6px;
   width: 100%;
}

.grid-item-container > .grid-item-content[data-item-size] {
   /*transition-duration: .25s;
   transition-property: height, width;*/
}
.grid-item-container > .grid-item-content[data-item-size='small'] {
   height: 162px;
   width: 244px;
}
.grid-item-container > .grid-item-content[data-item-size='large'] {
   height: 329px;
   width: 493px;
}

/*
 * ticker bar
 */
.ticker-bar {
   box-sizing: border-box;
   background-color: #283330;
   height: 60px;
   overflow: hidden;
   transition: height, 0.5s;
   width: 100%;
}

/*
 * carouselTicker
 */
.carouselTicker {
   overflow: hidden;
   float: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
   display: none;
}

.carouselTicker__wrap {
   padding: 5px 0;
}

.carouselTicker__list {
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0;
   list-style-type: none;
   overflow: hidden;
}
.carouselTicker__item {
   background-color: #ECEDED;
   border-radius: 5px 0px 5px 5px;
   box-sizing: border-box;
   float: left;
   height: 50px;
   margin-right: 10px;
   overflow: auto;
   padding: 5px 0;
   width: 200px;
}
.carouselTicker__item > .item-content {
   background-color: #FFF;
   border-top: 1px solid #D9D9D9;
   border-bottom: 1px solid #D9D9D9;
   box-sizing: border-box;
   display: table;
   height: 100%;
   width: 100%;
}

.carouselTicker__item > .item-content > p {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   padding-left: 5px;
   padding-right: 5px;
}

/**
 * datetime module
 */
.datetime-module {
   float: right;
   height: 45px;
   margin-right: 20px;
   position: relative;
}

.datetime-module > div
{
   box-sizing: border-box;
   color: #FFF;
   display: table-cell;
   height: 45px;
   vertical-align: bottom;
}

.datetime-module > .date-field {
   font-size: 20px;
   padding: 0px 10px 3px 0px;
}

.datetime-module > .time-field {
   font-size: 30px;
   padding: 0px 10px 0px 0px;
}

/**
 * Weather Chart
 */
[chart='weather'][object='chart'] {
   color: #62766f;
}
[chart='weather'][object='chart'] div {
   float: left;
   position: relative;
}
[chart='weather'][object='chart'] .bb-container  > div {
   height: 100%;
}
[chart='weather'][object='chart'] .bb-container > div > div {
   width: 100%;
}

/* wind */
[chart=weather][object='chart'] .wind,
[chart=weather][object='chart'] .temp_vision {
   width: 30%;
}
[chart=weather][object='chart'] .condition {
   border-style: solid;
   border-color: rgba(0,0,0,.15);
   border-width: 0 1px;
   width: 40%;

   box-sizing: border-box;
}

[chart=weather][object='chart'] .wind > .direction_text,
[chart=weather][object='chart'] .wind > .speed,
[chart=weather][object='chart'] .wind > .gust,
[chart=weather][object='chart'] .condition > .text,
[chart=weather][object='chart'] .temp_vision > .vision > .text {
   font-size: 15px;
   height: 24px;
   line-height: 24px;
   position: absolute;
   text-align: center;
   width: 100%;
}

[chart=weather][object='chart'] .wind > .direction_text { top: 0px; }
[chart=weather][object='chart'] .wind > .speed { bottom: 24px; }
[chart=weather][object='chart'] .wind > .gust,
[chart=weather][object='chart'] .condition > .text,
[chart=weather][object='chart'] .temp_vision > .vision > .text {
   bottom: 0px;
}
[chart=weather][object='chart'] .wind > .direction_svg,
[chart=weather][object='chart'] .condition > .svg,
[chart=weather][object='chart'] .temp_vision > .vision > .svg {
   box-sizing: border-box;
   height: 100%;
   width: 100%;
}
[chart=weather][object='chart'] .wind > .direction_svg { padding: 24px 0px 48px 0px; }
[chart=weather][object='chart'] .condition > .svg,
[chart=weather][object='chart'] .temp_vision > .vision > .svg {
   padding-bottom: 24px;
}

[chart=weather][object='chart'] .temp_vision > div {
   clear: both;
   height: 50%;
}

[chart=weather][object='chart'] .temp_vision > .vision {
   border-style: solid;
   border-width: 1px 0 0 0;
   border-color: rgba(0,0,0,.15);
}

[chart=weather][object='chart'] .temp_vision > .temperature {
   font-size: 50px;
   text-align: center;
}
[chart=weather][object='chart'] .temp_vision > .temperature > span {
   display: inline-block;
   vertical-align: middle;
   line-height: normal; 
}

[chart=weather][object='chart'] svg {
   height: 100%;
   padding: 6px;
   width: 100%;
   box-sizing: border-box;
}
[chart=weather][object='chart'] .condition > .svg > svg,
[chart=weather][object='chart'] .temp_vision > .vision > .svg > svg {
   fill: #62766f;
}
[chart=weather][object='chart'] .wind > .direction_svg > svg #ring { fill: rgba(98,118,111,0.5); }
[chart=weather][object='chart'] .wind > .direction_svg > svg #pointer { fill: rgba(98,118,111,1); }

/**
 * Weather Chart Small
 */
.small [chart='weather'][object='chart'] .wind,
.small [chart='weather'][object='chart'] .condition,
.small [chart='weather'][object='chart'] .temp_vision {
   left: 0;
   position: absolute;
   width: 100%;
}

.small [chart='weather'][object='chart'] .wind,
.small [chart='weather'][object='chart'] .temp_vision {
   border-style: solid;
   border-color: #62766f;
   height: 40px;
}

.small [chart='weather'][object='chart'] .wind > div,
.small [chart='weather'][object='chart'] .temp_vision > div {
   height: 100%;
}

.small [chart='weather'][object='chart'] .wind > .direction_text,
.small [chart='weather'][object='chart'] .wind > .speed,
.small [chart='weather'][object='chart'] .temp_vision > .temperature {
   line-height: 40px;
}

/* wind */
.small [chart='weather'][object='chart'] .wind { border-width: 0 0 1px 0; }
.small [chart='weather'][object='chart'] .wind > div {
   bottom: 0;
   float: left;
   position: relative;
}
.small [chart='weather'][object='chart'] .wind > .direction_svg {
   padding: 0;
   width: 40%;
}
.small [chart='weather'][object='chart'] .wind > .direction_text,
.small [chart='weather'][object='chart'] .wind > .speed {
   width: 30%;
}

/* condition */
.small [chart='weather'][object='chart'] .condition {
   border-width: 0px;
   height: 100%;
   padding: 40px 0px;
}

/* temperature / visibility */
.small [chart='weather'][object='chart'] .temp_vision {
   bottom: 0;
   border-width: 1px 0 0 0;
}
.small [chart='weather'][object='chart'] .temp_vision > .temperature {
   box-sizing: border-box;
   font-size: 30px;
   padding-left: 50%;
   width: 100%;
}
.small [chart='weather'][object='chart'] .temp_vision > .vision {
   border-width: 0px;
   left: 0;
   position: absolute;
   top: 0;
   width: 50%;
}
.small [chart='weather'][object='chart'] .temp_vision > .vision > .svg { padding-bottom: 16px; }
.small [chart='weather'][object='chart'] .temp_vision > .vision > .svg > svg { padding: 0px; }
.small [chart='weather'][object='chart'] .temp_vision > .vision > .text {
   height: 16px;
   line-height: 16px;
}


option.dis {
   background-color: #ffcccc;
}

/**
 * weather
 */
#cloudMin > #inner, #cloudPlus > #inner { display: none; }
mask #cloudMin > #inner, mask #cloudPlus > #inner { display: block; }

[data-fog="FG"] #mask_FG #FG #heavy { fill: #cdcdcd; }
[data-fog="FG"] #mask_FG #FG #base { fill: #444; }
[data-fog="FG"] .svg svg > #FG #heavy { display: none; }
[data-fog="FG"] .svg svg > #FG #base { opacity: .25; }

[data-fog="BR"] #mask_BR #FG #heavy { fill: #222; }
[data-fog="BR"] #mask_BR #FG #base { fill: #444; }
[data-fog="BR"] .svg svg > #FG #heavy { opacity: .125; }
[data-fog="BR"] .svg svg > #FG #base { opacity: .25; }

/**
 * Runway Use
 */
.runway-use,
.runway-use > svg {
   height: 100%;
   width: 100%;
}
//.runway-use > svg path { fill: #EEE; }
.runway-use > svg line {
   stroke: #EEE;
   stroke-width: 1px;
}

.runway-use #active > g,
.runway-use #active #flight path,
.runway-use #inactive .inbound,
.runway-use #inactive .outbound {
   display: none;
}

.runway-use #active > g.inbound,
.runway-use #active > g.outbound,
.runway-use #active > g #flight path.inbound,
.runway-use #active > g #flight path.outbound {
   display: block;
}


/**
 * HighCharts
 */
.highcharts-plot-line-label {
   font-size: 12px !important
}
.highcharts-label.highcharts-totalText span {
   display: block;
   font-size: 18px !important;
   font-weight: bold;
   line-height: 30px;
   text-align: center;
   z-index: -1;

   transform: translate(-50%,-50%);
}

.db10 { background-color: #66ff66; }
.db20 { background-color: #88ff88; }
.db30 { background-color: #aaffaa; }
.db40 { background-color: #f2ffcc; }
.db50 { background-color: #ffffaa; }
.db60 { background-color: #ffff88; }
.db70 { background-color: #ffdd88; }
.db80 { background-color: #ffbb88; }
.db90 { background-color: #ff9988; }
.db100 { background-color: #ff7788; }

.toggle_collapsed {
   width: 24px;
   height: 24px;
   background: url('../images/menu_glyphs.png') -372px -379px;
}
.collapsed {
   display: none;
}

.tabContainer{
   width: 100%;
   height: 460px;
   margin-top: 10px;
}
.tabContainer .buttonContainer{
   height: 38px;
   position: relative;
}
.tabContainer .buttonContainer button{
   height: 40px;
   line-height: 40px;
   float: left;
   border-radius: 0;
   //border-top-left-radius: 6px;
   //border-top-right-radius: 6px;
   outline:none;
   cursor: pointer;
   padding: 0 10px;
   background-color: #eee;
   position: relative;
   z-index: 100;
}
.tabContainer .buttonContainer button:hover{
   background-color: #d7d4d4;
}
.tabContainer .tabPanel{
   clear: both;
   position: relative;
   top: -2px;
   z-index: 99;
   height: 404px;
   background-color: gray;
   text-align: center;
   box-sizing: border-box;
   display: none;
   /border-top-right-radius: 6px;
   border-top-color: #cccccc;
   border-top-style: outset;
   border-top-width: 1px;
   border-left-color: #cccccc;
   border-left-style: outset;
   border-left-width: 1px;
   border-right-color: #cccccc;
   border-right-style: outset;
   border-right-width: 2px;
   /border-bottom-left-radius: 6px;
   /border-bottom-right-radius: 6px;
   border-bottom-color: #cccccc;
   border-bottom-style: outset;
   border-bottom-width: 2px;
}

span.link {
   cursor: pointer;
   border-bottom: 1px dotted #a3b870;
}

span.info {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid black;
    text-align: center;
    margin-left: 5px;
}

span.info:before {
    content: "i";
    font-style:italic;
    line-height: 14px;
    position: relative;
    top: -2px;
}

.view {
   font-family: Symbola !important;
}