@font-face {
   font-family: Officina;
   src: url('itc_officina_sans_book-webfont.eot');
   src: local('Officina'), url('itc_officina_sans_book-webfont.ttf');
   font-weight: normal;
}

@font-face {
   font-family: Officina;
   src: url('itc_officina_sans_bold-webfont.eot');
   src: local('Officina'), url('itc_officina_sans_bold-webfont.ttf');
   font-weight: bold;
}

@font-face {
   font-family: LetterGothic;
   src: url('LetterGothicStd.otf');
   src: local('LetterGothic'), url('LetterGothicStd.otf'), format('opentype');
   font-weight: normal;
}

@font-face {
   font-family: LetterGothic;
   src: url('LetterGothicStd-Bold.otf');
   src: local('LetterGothic'), url('LetterGothicStd-Bold.otf'), format('opentype');
   font-weight: bold;
}

html, body {
   height: 100%;
   width: 100%;
}

body {
   background-image: url('../images/bg.png');
   margin: 0px;
   font-family: Officina;
   font-size: 12px;
   color: #62766f;
   margin-bottom: 0px !important;
}

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%;
}

.page-container {
   x-padding-top: 75px;
   x-position: absolute;
   top: 0px;
   width: 100%;
   z-index: 0;

   box-sizing: border-box;
   x-transition: padding-top 0.5s;
}
.page-container > .page {
   box-sizing: border-box;
   float: left;
   position: absolute;
   top: 75px;
   width: 100%;
}

.main {
   float: left;
   position: relative;
   width: 1414px;
   min-width: 1280px;
   background-color: #ffffff;
   clear: left;
   border-radius: 6px 0 6px 6px;

   margin-top: 5px;
   margin-left: 5px;
   margin-right: 5px;
}
.main > div:not(.lists) { padding: 5px; }

.main .map,
.main .lists {
   box-sizing: border-box;
   height: 500px;
}

.map {
   min-width: 690px;
   width: 690px;
   float: left;
   background-color: #FFF;
   -moz-border-radius: 10px;
   border-radius: 10px;
   padding: 5px;
}

.lists {
   float: right;
   padding: 0 0 5px 0;
   margin: 0px;
}

.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;
}

.list {
   height: 100%;
   width: 724px;
}

.enquiry {
//   width: 560px;
   height: 490px;
   overflow: auto;
}

#enquiry {
//   float: left;
//   width: 560px !important;
//   overflow: auto;
}
#enquiry_help {
   float: right;
   width: 690px !important;
   overflow: auto;
}

.enquiry h2 {
   margin: 10px 0px;
}

.enquiry th {
   text-align: left;
   white-space: nowrap;
   color: #A3B870;
}
.enquiry th.first { width: 105px; }
.enquiry th:not(.first) { width: 60px; }

.enquiry input:not([type]) {
   border: 1px solid #A9A9A9;
   margin-right: 5px;
   padding-left: 5px;
   width: 175px;
}

.enquiry button.bottom {
   margin-right: 10px;
}

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

.error {
   color: #990000;
}

.hidden {
   display: none;
}

.invisible {
   visibility: hidden;
}

.full {
   height: 500px;
}

.between {
   height: 5px;
}

.hovered {
   background-color: #ffd9b3;
}

.selected {
   background-color: #e7f3c9;
}

.current {
   background-color: #c6f15d;
}

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;
}

.list-table {
   white-space: nowrap;
   border-spacing: 0px 0px;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: moz-none;
   -ms-user-select: none;
   user-select: none;
}

.selectable {
   -webkit-touch-callout: default;
   -webkit-user-select: auto;
   -khtml-user-select: auto;
   -moz-user-select: auto;
   -ms-user-select: auto;
   user-select: auto;
}

.list-table thead {
}

.list-table tbody {
}

.list-table td {
   cursor: pointer;
}

.list-table td img {
   position: relative;
   top: 2px;
}

.list-table th, .maintenance-feed tr, maintenance-header tr {
   cursor: default;
}

.list-table tbody td:first-of-type {
   -moz-border-radius-topleft: 15px;
   border-top-left-radius: 15px;
   -moz-border-radius-bottomleft: 15px;
   border-bottom-left-radius: 15px;
}

.list-table tbody td:last-of-type {
   -moz-border-radius-topright: 15px;
   border-top-right-radius: 15px;
   -moz-border-radius-bottomright: 15px;
   border-bottom-right-radius: 15px;
}

.list-table th {
   color: #a3b870;
//   text-align: left;
   padding-left: 8px;
   padding-right: 8px;
   text-transform: uppercase;
   font-size: 11pt;
   font-weight: normal;
}

.list-table td, .header-table td {
   padding-left: 8px;
   padding-right: 8px;
}

.header-table {
   border-spacing: 0px 0px;
}

.details {
   clear: left;
   float: left;
   margin-left: 5px;
   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;
}

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

.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 {
   line-height: 15px;
   width: 100%;
   text-align: left;
}

.details-table > tbody > tr > th {
   color: #a3b870;
   text-align: right;
   vertical-align: top;
   padding-right: 5px;
   text-transform: uppercase;
   white-space: nowrap;
   cursor: default;
}

.details-table > tbody > tr > td {
   font-weight: bold;
   font-size: 9pt;
   vertical-align: middle;
   padding-left: 5px;
   width: 100%;
   cursor: default;
}

.enquiry-table > tbody > tr > th {
   padding-top: 4px;
}

.enquiry-table > tbody > tr > td {
   width: auto;
}

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

.details-table td.split {
   border-bottom: 1px solid #cccccc;
}

.aircraft-item .details-table > tbody > tr > td > 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-div {
   margin-top: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   clear: both;
}

.admin-table {
   overflow-y: auto;
   overflow-x: hidden;
   position: relative;
   margin-bottom: 10px;
   max-height: 428px;
}

.settings-table {
   max-height: 718px;
}

.menu-table {
   max-height: 747px;
}

.authorization-table {
   max-height: 698px;
}

.qc-table {
   max-height: 714px;
}
 .user-table {
   max-height: 714px;
}

.color-table {
   max-height: 724px;
}

.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;
}

.popup-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;
}
.popup-overlay:before {
   content: "";
   display: inline-block;
   height: 100%;
   vertical-align: middle;
}

.popup-overlay .popup-container {
   -moz-border-radius: 5px;
   border-radius: 5px;

   display: inline-block;
   vertical-align: middle;
   padding: 10px 0px;
}

.popup-container > div {
   box-sizing: border-box;
   clear: both;
   float: left;
   padding: 0px 10px;
   width: 100%;
}
.popup-container > .header { padding-bottom: 5px; }
.popup-container > .content {
   border-bottom: 1px solid #cccccc;
   border-top: 1px solid #cccccc;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: left;
}
.popup-container > .footer { padding-top: 5px; }

.popup-container > .header > .title {
   float: left;
   line-height: 15px;
   text-transform: uppercase;
}

.popup-container > .header > .close {
   background-image: url("../images/cross.png");
   float: right;
}
.popup-container > .footer > .apply {
   background-image: url("../images/check.png");
   float: right;
}
.popup-container > div > .button {
   background-position: center center;
   background-repeat: no-repeat;
   cursor: pointer;
   height: 15px;
   width: 15px;
}

.popup-container > .content > textarea {
   width: 800px;
   height: 300px;
}

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

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

.popup img {
   cursor: pointer;
}

.popup-field {
   cursor: pointer;
}

.popup-field-div {
   display: none;
}

.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;
}
.update-field-div {
   display: none;
   position: absolute;
   border: 1px solid black;
   background-color: #ffffff;
   text-transform: uppercase;
   cursor: pointer;
   padding: 4px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin-bottom: 50px;
}
.update-field-div[field=assigned_to] {
   text-transform: none;
}

.update-field-div div[value] {
   padding-left: 2px;
   padding-right: 2px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.update-field-div div[value]:hover {
   background-color: #ffd9b3;
}

.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;
}

.form-input[type="text"], .form-input[type="password"] {
   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;
   *max-width: 120px;
}

.form-input[type="text"].placeholder {
   color: rgba(255,255,255,0.5);
}

.form-input[type="text"]:focus, .form-input[type="password"]:focus {
   outline: none;
   -webkit-box-shadow: 0px 0px 3px 1px #cde0d9, inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25), ;
   -moz-box-shadow: 0px 0px 3px 1px #cde0d9, inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
   box-shadow: 0px 0px 3px 1px #cde0d9, inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
}

.form-input-error {
   -webkit-box-shadow: 0px 0px 3px 1px #990000, inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25) !important;
   -moz-box-shadow: 0px 0px 3px 1px #990000, inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25) !important;
   box-shadow: 0px 0px 3px 1px #990000, inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25) !important;
}

.form-input-error:focus {
   -webkit-box-shadow: 0px 0px 3px 1px #cc0000, inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25) !important;
   -moz-box-shadow: 0px 0px 3px 1px #cc0000, inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25) !important;
   box-shadow: 0px 0px 3px 1px #cc0000, inset 1px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px rgba(255, 255, 255, 0.25) !important;
}

.form-confirm-button {
   outline: none !important;
   border: none !important;
   margin-right: 10px;
   font: inherit !important;
   line-height: normal !important;
   text-transform: inherit !important;
   width: auto;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 2px 6px 2px 6px;
   line-height: 18px;
   background: #e6e6e6;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #e6e6e6 0%, #d6d6d6 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#d6d6d6));
   background: -webkit-linear-gradient(top,  #e6e6e6 0%,#d6d6d6 100%);
   background: -o-linear-gradient(top,  #e6e6e6 0%,#d6d6d6 100%);
   background: -ms-linear-gradient(top,  #e6e6e6 0%,#d6d6d6 100%);
   background: linear-gradient(top,  #e6e6e6 0%,#d6d6d6 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#d6d6d6',GradientType=0 ) !important;
   -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   cursor: pointer;
   position: relative;
   color: #555555;
   text-shadow: 0px 1px 0px #FFFFFF;
}

.form-confirm-button:hover, .form-confirm-button:focus {
   background: #ffffff;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
   background: linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ) !important;
}

.form-confirm-button:disabled, .form-confirm-button:disabled:hover {
   background: #e6e6e6 !important;
   background: -moz-linear-gradient(top,  #e6e6e6 0%, #d6d6d6 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#d6d6d6)) !important;
   background: -webkit-linear-gradient(top,  #e6e6e6 0%,#d6d6d6 100%) !important;
   background: -o-linear-gradient(top,  #e6e6e6 0%,#d6d6d6 100%) !important;
   background: -ms-linear-gradient(top,  #e6e6e6 0%,#d6d6d6 100%) !important;
   background: linear-gradient(top,  #e6e6e6 0%,#d6d6d6 100%) !important;
   cursor: default;
   zoom: 1 !important;
   filter: alpha(opacity=50) !important;
   opacity: 0.5;
}

.form-confirm-icon, .form-delete-icon, .form-edit-icon, .form-copy-icon, .form-next-icon, .form-add-icon, .form-back-icon {
   width: 18px;
   height: 16px;
   float: right;
   margin-left: 2px;
}

.apply-filter-button > .form-confirm-icon, .save-settings-button > .form-confirm-icon {
   background: url('../images/menu_glyphs.png') -126px -127px;
}
.apply-filter-button > .form-delete-icon, .save-settings-button > .form-delete-icon {
   background: url('../images/menu_glyphs.png') -396px -397px;
}
.apply-filter-button > .form-edit-icon, .save-settings-button > .form-edit-icon {
   background: url('../images/menu_glyphs.png') -396px -379px;
}
.apply-filter-button > .form-copy-icon, .save-settings-button > .form-copy-icon {
   background: url('../images/menu_glyphs.png') -396px -361px;
}
.apply-filter-button > .form-next-icon, .save-settings-button > .form-next-icon {
   background: url('../images/menu_glyphs.png') -396px -343px;
}
.apply-filter-button > .form-add-icon, .save-settings-button > .form-add-icon {
   background: url('../images/menu_glyphs.png') -396px -325px;
}
.apply-filter-button > .form-back-icon, .save-settings-button > .form-back-icon {
   background: url('../images/menu_glyphs.png') -396px -307px;
}

.login-module {
   position: fixed;
   display: inline-block;
   -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;
   z-index: 998;
}

.login-title {
   height: 64px;
   -webkit-border-radius: 10px 10px 0px 0px;
   -moz-border-radius: 10px 10px 0px 0px;
   border-radius: 10px 10px 0px 0px;
   background: #485953;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NTk1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjQ3NDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   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;
   border-bottom: 1px solid #252f2b;
   padding: 20px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.login-form {
   padding: 20px 20px 60px 20px;
   background: #364741;
   background: rgba(54,71,65, 0.9);
   border-top: 1px solid #4e5d58;
   -webkit-border-radius: 0px 0px 10px 10px;
   -moz-border-radius: 0px 0px 10px 10px;
   border-radius: 0px 0px 10px 10px;
}

.login-form-field {
   color: white;
   text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
   margin-top: 10px;
   height: 30px;
   line-height: 30px;
}

.login-form-field:first-child {
   margin-top: 0px;
}

.login-form-label {
   display: inline-block;
   width: 115px;
}

.login-form-field > .form-input[type="text"],  .login-form-field > .form-input[type="password"] {
   display: inline-block;
   width: 240px;
   height: 30px;
   line-height: 30px;
   padding-left: 8px;
   padding-right: 8px;
   text-transform: none;
}

.login-button {
   position: absolute;
   bottom: 20px;
   right: 20px;
   height: 30px;
   line-height: 30px;
   margin: 0px;
   padding: 0px 4px 0px 8px;
}

.login-icon {
   background: url('../images/menu_glyphs.png') -288px -289px;
}

.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;
}

.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;
}

.casper {
   position: relative;
   width: 100%;
   height: 100%;
}

.casper > .header {
   font-size: 12px;
   text-transform: uppercase;
   x-height: 74px;
   x-position: relative;
   z-index: 1;
}

.menu-bar {
   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;
   border-bottom: 1px solid #283330;
   overflow: hidden;
}

.menu-bar > [data-enabled='false'] {
   display: none !important;
}

.status-module-holder {
   width: 100%;
   top: 0px;
   z-index: 600;
}

.status-bar {
   border-top: 1px solid #516661;
   background: #364741;
   background: -moz-linear-gradient(top,  #364741 1%, #2d3b36 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#364741), color-stop(100%,#2d3b36));
   background: -webkit-linear-gradient(top,  #364741 1%,#2d3b36 100%);
   background: -o-linear-gradient(top,  #364741 1%,#2d3b36 100%);
   background: -ms-linear-gradient(top,  #364741 1%,#2d3b36 100%);
   background: linear-gradient(top,  #364741 1%,#2d3b36 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#364741', endColorstr='#2d3b36',GradientType=0 ) !important;
   -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
   text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
   float: left;
   clear: both;
   width: 100%;
   border-bottom: 1px solid #283330;
   height: 28px;
   max-height: 28px;
   overflow: hidden;
   -webkit-transition: height 250ms ease-out;
   -moz-transition: height 250ms ease-out;
   -o-transition: height 250ms ease-out;
   transition: height 250ms ease-out;
}

.logo-module {
   box-sizing: border-box;
   display: none;
   float: left;
   height: 45px;
   padding: 10px;
   width: 120px;
}
.logo-module > svg {
   fill: #CDE0D9;
   height: 100%;
   width: 100%;
}

.navigation-module {
   float: left;
}

.alert-module {
   float: right;
   margin-top: 15px;
   margin-right: 20px;
   display: none;
}

.user-module {
   float: right;
}

.menuitem {
   float: left;
   color: #cde0d9;
   text-shadow: 1px 1px 0px #141a17;
   font-size: 14px;
}

.menuitem-button {
   border-left: 1px solid #516661;
   border-right: 1px solid #283330;
   border-bottom: 1px solid #283330;
   cursor: pointer;
   height: 44px;
   line-height: 44px;
   padding-top: 0px;
   position: relative;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
}

.menuitem:last-of-type > .menuitem-button {
   border-right: 1px solid #516661;
}

.menuitem:last-of-type > .menuitem-button:after {
   width: 1px;
   height: 44px;
   background-color: #283330;
   float: left;
   content: "";
   display: block;
}

.menuitem:first-child > .menuitem-button {
   border-left: 0px;
}

.menuitem-button:hover {
   color: #FFFFFF;
   background: #5d736b;
   background: -moz-linear-gradient(top,  #5d736b 0%, #4a6159 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d736b), color-stop(100%,#4a6159));
   background: -webkit-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: -o-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: -ms-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d736b', endColorstr='#4a6159',GradientType=0 ) !important;
}

.menuitem-label {
   margin-left: 12px;
   margin-right: 12px;
   float: left;
}

.menuitem-collapsible.menuitem-active > .menuitem-button {
   line-height: 14px;
}

.menuitem-collapsible.menuitem-active .menuitem-label {
   display: table;
   height: 44px;
}

.menuitem-collapsible .menuitem-label {
   margin-right: 8px;
}

.menuitem-label-cell {
   display: table-cell;
   vertical-align: middle;
   *clear: expression(
   style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"),
   style.clear = "none", 0
   );
}

.menuitem-subtitle {
   font-size: 12px;
   color: #8e998d;
}

.menuitem-highlight {
   width: 100%;
   height: 2px;
   bottom: 0px;
   left: 0px;
   background-color: #cde0d9;
   display: none;
   position: absolute;
}

.menuitem-active > .menuitem-button > .menuitem-highlight {
   display: block;
}

.menuitem-icon {
   width: 18px;
   height: 44px;
   float: left;
   margin-left: 12px;
}

.menuitem-dashboard .menuitem-icon {
   background: url('../images/menu_glyphs.png') 0px 12px;
}

.menuitem-flights .menuitem-icon {
   background: url('../images/menu_glyphs.png') -36px -24px;
}

.menuitem-noise_events .menuitem-icon {
   background: url('../images/menu_glyphs.png') -18px -6px;
}

.menuitem-complaints .menuitem-icon {
   background: url('../images/menu_glyphs.png') -54px -42px;
}

.menuitem-help .menuitem-icon {
   background: url('../images/menu_glyphs.png') -72px -60px;
}

.menuitem-reports .menuitem-icon {
   background: url('../images/menu_glyphs.png') -324px -312px;
}

.menuitem-admin .menuitem-icon {
   background: url('../images/menu_glyphs.png') -342px -330px;
}

.menuitem-queries .menuitem-icon {
   background: url('../images/menu_glyphs.png') -360px -348px;
}

.menuitem-dropdown-icon {
   width: 18px;
   height: 44px;
   margin-right: 10px;
   background: url('../images/menu_glyphs.png') -162px -149px;
   float: left;
}

.submenu {
   display: none;
   position: absolute;
   z-index: 200;
   padding-top: 1px;
   background: #364741;
   background: -moz-linear-gradient(top, #364741 0%, #232e2a 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#364741), color-stop(100%,#232e2a));
   background: -webkit-linear-gradient(top, #364741 0%,#232e2a 100%);
   background: -o-linear-gradient(top, #364741 0%,#232e2a 100%);
   background: -ms-linear-gradient(top, #364741 0%,#232e2a 100%);
   background: linear-gradient(top, #364741 0%,#232e2a 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#364741', endColorstr='#232e2a',GradientType=0 ) !important;
   height: 0px;
   overflow: hidden;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.submenuitem {
   font-size: 12px;
   line-height: 28px;
   padding: 0px 20px 0px 12px;
   width: auto;
   cursor: pointer;
   border-top: 1px solid #516661;
   border-bottom: 1px solid #283330;
   border-left: 1px solid #283330;
   border-right: 1px solid #283330;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
}

.submenuitem:hover {
   color: #FFFFFF;
}

/* USER MODULE */

.logged-in {
   margin: 0px;
   padding: 0px 0px;
   height: 100%;
   float: right;
   /*border-left: 1px solid #283330;*/
   font-size: 12px;
   color: #FFFFFF;
}

.logged-in:before {
   width: 1px;
   height: 100%;
   /*background-color: #516661;*/
   float: left;
   content: "";
   display: block;
}

.user-icon {
   height: 44px;
   width: 18px;
   background: url('../images/menu_glyphs.png') -90px -77px;
   float: left;
   margin-right: 12px;
}

.user-info {
   float: left;
   margin-right: 12px;
}

.logged-in-cell {
   margin-top: 5px;
   margin-bottom: 5px;
   *clear: expression(
   style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"),
   style.clear = "none", 0
   );
   text-align: left;
   display: inline-block;
}

.user-module-button {
   cursor: pointer;
   padding: 3px 5px 0px 0px;
   color: #a4b3ad;
}

.user-module-button:hover {
   color: #FFFFFF;
}

.settings-button {
   display: inline-block;
   *zoom: 1;
   *display: inline;
   padding: 3px 14px 0px 5px;
}


.settings-button-open {
   background: #131a17;
   background: rgba(19,26,23, 0.9);
   color: #FFFFFF;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
   -webkit-border-radius: 3px 3px 0px 0px;
   -moz-border-radius: 3px 3px 0px 0px;
   border-radius: 3px 3px 0px 0px;
   text-decoration: none !important;
}

.settings-button > .settings-button-icon {
   width: 14px;
   height: 14px;
   display: inline-block;
   background-image: url('../images/menu_glyphs.png');
   background-position: -162px -161px;
   *background-position: -162px -164px;
}

.settings-button-open > .settings-button-icon {
   background-image: url('../images/menu_glyphs.png');
   background-position: -180px -178px;
   *background-position: -180px -181px;
}

.settings-menu {
   background: #131a17;
   background: rgba(19,26,23, 0.9);
   width: 200px;
   position: absolute;
   -webkit-border-radius: 3px 0px 3px 3px;
   -moz-border-radius: 3px 0px 3px 3px;
   border-radius: 3px 0px 3px 3px;
   -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
   z-index: 200;
   padding: 20px 0px;
   font-weight: bold;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.settings-menu-wrapper {
   margin-right: 7px;
   max-height: 375px;
   padding: 0px 7px 0px 20px;
   overflow-x: hidden;
   overflow-y: auto;
}
.settings-menu-wrapper::-webkit-scrollbar {
   width: 6px;
   margin: 0px 7px;
}
.settings-menu-wrapper::-webkit-scrollbar-track {
   border-radius: 3px;
   background-color: #B0BBB7;
}
.settings-menu-wrapper::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background-color: #FFFFFF;
   cursor: pointer;
}
.settings-menu-wrapper::-webkit-scrollbar-button {
   display: none;
}

.settings-action-holder {
   line-height: 28px;
   margin-top: 10px;
   padding: 0px 20px;
   text-align: left;
}

.settings-cancel-holder {
   display: inline-block;
   float: right;
}

.settings-action-holder > .form-confirm-button {
   display: inline-block;
}

/* 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: "";
}


/* STATUS MODULE */

.filter-module {
   position: relative;
   right: 0px;
   top: 0px;
   font-weight: bold;
   height: 28px;
   text-align: right;
   white-space: nowrap;
}

.filter-item {
   display: inline-block;
   vertical-align: top;
   border-left: 1px solid #4f5c57;
   padding: 0px 10px;
   margin: 4px 0px;
   line-height: 20px;
   *display: inline;
   *zoom: 1;
}

.filter-container {
   display: inline-block;
   vertical-align: top;
   overflow: hidden;
   *display: inline;
   *zoom: 1;
   white-space: nowrap;
}

.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;
}

.filter-item:first-child {
   border-left: 0px;
}

.filter-header {
   color: #FFFFFF;
}

.filter-label {
   display: inline-block;
   vertical-align: top;
   *display: inline;
   *zoom: 1;
   color: #b0bfba;
}

.filter-value {
   display: inline-block;
   vertical-align: top;
   *display: inline;
   *zoom: 1;
   color: #9dbf4c;
   padding-left: 10px;
   text-align: left;
   overflow: hidden;
   white-space: nowrap;
   max-width: 70px;
   text-overflow: ellipsis;
}

.filter-button {
   cursor: pointer;
   color: #b0bfba;
}

.filter-button:hover {
   color: #FFFFFF;
}

.filter-icon {
   display: inline-block;
   width: 18px;
   height: 14px;
   margin-left: 2px;
}

.filter-icon-reset {
   background: url('../images/menu_glyphs.png') -142px -143px;
   *background: url('../images/menu_glyphs.png') -144px -147px;
}

.filter-icon-open {
   background: url('../images/menu_glyphs.png') -162px -161px;
   *background: url('../images/menu_glyphs.png') -162px -164px;
}

.filter-icon-close {
   background: url('../images/menu_glyphs.png') -180px -178px;
   *background: url('../images/menu_glyphs.png') -180px -181px;
}


/* SEARCH MODULE */

#search-form {
   float: left;
}

.search-module {
   width: 100%;
   background: #364741;
   background: rgba(54,71,65, 0.9);
   z-index: 100;
   position: absolute;
   margin-top: 28px;
   float: left;
   clear: both;
   -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
   font-weight: bold;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
   height: 0px;
   overflow: hidden;
   transition: height .5s;
}

#search-form {
   width: 100%;
}

.search-group {
   border-left: 1px solid rgba(121,136,131,0.5);
   box-sizing: border-box;
   display: table-cell;
   padding: 12px 10px 12px 10px;
   vertical-align: top;
}
.search-group[group-id='actions'] {
   border-left: 0px;
   border-right: 1px solid rgba(121,136,131,0.5);
   clear: both;
   float: right;
   margin: 0px;
   padding: 10px;
}
.search-group[group-id='actions'].scroll {
   border-top: 1px solid rgba(121,136,131,0.5);
   margin-top: 5px;
   width: 100%;
}
.search-group[group-id='actions'] > .search-col {
   float: right;
}
.search-group:first-child { border-left: 0px; }

.search-group-wrapper {
   float: left;
   max-width: 100%;
   position: relative;
}

.search-group-scrollcontainer {
   border-bottom: 1px solid rgba(121,136,131,.5);
   border-right: 1px solid rgba(121,136,131,.5);
   box-sizing: border-box;
   display: table;
   max-width: 100%;
   position: relative;
   width: 100%;
}
.search-group-scrollcontainer.scroll {
   overflow-x: auto;
}

.search-group-container {
   box-sizing: border-box;
   display: table-row;
   position: relative;
}
.search-group-container.scroll {
   margin-bottom: 5px;
}

.search-group-cols {
   float: left;
   position: relative;
}

.search-col {
   float: left;
   margin-left: 20px;
}

.search-col:first-child {
   margin-left: 0px;
}

.form-header {
   color: #ffffff;
   font-weight: bold;
   text-align: center;
}

.form-field[field-type='radio'] {
   padding-bottom: 1px;
}

.form-field[field-type='radio'] > .form-field-header {
   padding-bottom: 1px;
}

.form-field-header {
   margin-top: 15px;
   margin-bottom: 0px;
   padding: 0px;
   line-height: 24px;
   clear: both;
   width: 100%;
   position: relative;
   display: table;
}

.form-radio {
   margin-right: 10px;
}

.form-field:first-child > .form-field-header{
   margin-top: 0px !important;
}

.form-field-changed-indicator {
   float: left;
   width: 10px;
   margin-left: -10px;
   color: #FFFFFF;
}

.form-field-label {
   float: left;
   color: #FFFFFF;
   padding-right: 10px;
}

.form-field-reset {
   height: 24px;
   width: 18px;
   float: right;
   margin-left: 20px;
   *float: left;
   *margin-left: 0px;
   cursor: pointer;
   background: url('../images/menu_glyphs.png') -142px -141px;
}

.form-value-field {
   clear: both;
   line-height: 16px;
}

.form-input[type="checkbox"], .form-input[type="radio"] {
   display: none;
   *display: inline;
}
.form-input-label {
   padding-left: 16px;
   cursor: pointer;
   color: #b0bbb7;
   display: inline-block;
   *padding-left: 0px;
   *background: none !important;
   white-space: nowrap;
}

.form-input-label:hover {
   color: #FFFFFF;
}

@media \0screen {
   .form-input {
      display: inline !important;
   }
   .form-input-label {
      padding-left: 0px;
      background: none !important;
   }
}


.form-input:checked + .form-input-label {
   color: #FFFFFF;
}

.form-input[type=radio] + .form-input-label {
   background: url('../images/menu_glyphs.png') -204px -199px;
}

.form-input[type=radio]:checked + .form-input-label {
   background: url('../images/menu_glyphs.png') -222px -217px;
}

.form-input[type=checkbox] + .form-input-label {
   background: url('../images/menu_glyphs.png') -242px -235px;
}

.form-input[type=checkbox]:checked + .form-input-label {
   background: url('../images/menu_glyphs.png') -255px -253px;
}

.color-palette-holder {
   display: inline-block;
   clear: both;
   padding: 1px;
   line-height: 10px;
   margin: 4px 0px 4px 16px;
   background-color: white;
   background-color: rgba(255,255,255,1);
}

.color-palette-swatch {
   display: inline-block;
   width: 12px;
   height: 12px;
   margin-left: 1px;
}

.color-palette-swatch:first-child {
   margin-left: 0px;
}

.form-dropdown-button, .form-dropdownradio-button {
   width: auto;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 0px 6px;
   line-height: 18px;
   background: #5d736b;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkNzM2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTYxNTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #5d736b 0%, #4a6159 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d736b), color-stop(100%,#4a6159));
   background: -webkit-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: -o-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: -ms-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d736b', endColorstr='#4a6159',GradientType=0 ) !important;
   -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   cursor: pointer;
   position: relative;
   color: #FFFFFF;
}

.form-dropdown-button-open {
   background: #677f76;
   filter: none !important;
   -webkit-border-radius: 3px 3px 0px 0px;
   -moz-border-radius: 3px 3px 0px 0px;
   border-radius: 3px 3px 0px 0px;
}

.form-button-small {
   border-bottom-right-radius: 3px;
}

.form-dropdown-label {
   width: 100px;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-right: 20px;
   white-space: nowrap;
}

.empty-filter {
   /*-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-15deg, 0deg);
   -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-15deg, 0deg);
   -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-15deg, 0deg);
   -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-15deg, 0deg);
   transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-15deg, 0deg);*/
}

.form-dropdown-icon {
   width: 18px;
   height: 18px;
   background: url('../images/menu_glyphs.png') -270px -270px;
   position: absolute;
   right: 0px;
   top: 0px;
}

.form-dropdown-list,
.form-dropdownradio-list {
   display: none;
   opacity: 0;
   position: absolute;
}

.form-dropdown-list-connector,
.form-dropdownradio-list-connector {
   background-color: #677F76;
   float: left;
   height: 5px;
   position: relative;
}

.form-dropdown-list-wrapper,
.form-dropdownradio-list-wrapper {
   clear: both;
   float: left;
   position: relative;
   max-width: 230px;
   background-color: #677F76;
   -webkit-border-radius: 0px 3px 3px 3px;
   -moz-border-radius: 0px 3px 3px 3px;
   border-radius: 0px 3px 3px 3px;
   -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   z-index: 200;
   padding: 4px;
   line-height: 22px;
}

.form-dropdown-list.right,
.form-dropdownradio-list {
   border-radius: 3px 0px 3px 3px;
}

.form-dropdown-list > .form-list-wrapper,
.form-dropdownradio-list > .form-list-wrapper {
   clear: both;
   float: left;
   position: relative;
   width: auto;
}
.form-dropdown-list > .form-list-wrapper, .form-dropdownradio-list > .form-list-wrapper {
   margin-top: 1px;
}

.form-dropdown-list > .form-value-field, .form-dropdownradio-list > .form-value-field, .form-list-wrapper > .form-value-field {
   background-color: #485953;
   display: inline-block;
   *zoom: 1;
   *display: inline;
   margin-right: 3px;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-right: 4px;
   padding-left: 6px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   *margin-bottom: 2px;
   width: auto;
}
.form-list-wrapper-small {
   min-width: 0px;
   border-top-right-radius: 0px;
}
.form-list-wrapper > .form-value-field {
   clear: none;
   position: relative;
}

.form-dropdown-action-holder {
   clear: both;
   color: #b0bbb7;
   font-size: 10px;
   min-width: 100px;
}

.form-dropdown-action {
   display: inline-block;
   margin-left: 3px;
   cursor: pointer;
   *zoom: 1;
   *display: inline;
   text-decoration: underline;
}

.form-dropdown-action:first-child {
   margin-left: 0px;
}

.form-dropdown-action:hover {
   text-decoration: none;
}

.form-time .form-input {
   width: 52px;
   line-height: 16px;
   height: 16px;
   padding: 0px 2px;
   text-align: center;
   display: inline-block;
   margin: 0px;
   vertical-align: top;
   *zoom: 1;
   *display: inline;
}

.form-range .form-input {
   width: 26px;
   line-height: 16px;
   height: 16px;
   padding: 0px 2px;
   text-align: center;
   display: inline-block;
   margin: 0px;
   vertical-align: top;
   *zoom: 1;
   *display: inline;
}

.range-slider-container {
   border: 0px;
   padding: 1px;
   margin: 0px 2px;
   height: 14px;
   background-color: #28332f;
   width: 80px;
   -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);
   display: inline-block;
   vertical-align: top;
   *zoom: 1;
   *display: inline;
}

.range-slider-button {
   width: 10px;
   height: 14px;
   display: inline-block;
   vertical-align: top;
   background: #5d736b url('../images/slider_glyphs.png') -5px -23px;
   background: url('../images/slider_glyphs.png') -5px -23px, -moz-linear-gradient(top,  #5d736b 0%, #4a6159 100%);
   background: url('../images/slider_glyphs.png') -5px -23px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d736b), color-stop(100%,#4a6159));
   background: url('../images/slider_glyphs.png') -5px -23px, -webkit-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: url('../images/slider_glyphs.png') -5px -23px, -o-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: url('../images/slider_glyphs.png') -5px -23px, -ms-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: url('../images/slider_glyphs.png') -5px -23px, linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   margin: 0px;
   *zoom: 1;
   *display: inline;
   cursor: pointer;
}

.range-min-slider-button {
   -webkit-border-radius: 2px 0px 0px 2px;
   -moz-border-radius: 2px 0px 0px 2px;
   border-radius: 2px 0px 0px 2px;
}

.range-max-slider-button {
   -webkit-border-radius: 0px 2px 2px 0px;
   -moz-border-radius: 0px 2px 2px 0px;
   border-radius: 0px 2px 2px 0px;
}

.password-confirm-label {
   margin: 4px 0px;
}

.range-slider {
   display: inline-block;
   vertical-align: top;
   margin-left: 1px;
   margin-right: 1px;
   height: 14px;
   background: #5d736b url('../images/slider_glyphs.png') center -3px no-repeat;
   background: url('../images/slider_glyphs.png') center -3px no-repeat, -moz-linear-gradient(top,  #5d736b 0%, #4a6159 100%);
   background: url('../images/slider_glyphs.png') center -3px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d736b), color-stop(100%,#4a6159));
   background: url('../images/slider_glyphs.png') center -3px no-repeat, -webkit-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: url('../images/slider_glyphs.png') center -3px no-repeat, -o-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: url('../images/slider_glyphs.png') center -3px no-repeat, -ms-linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   background: url('../images/slider_glyphs.png') center -3px no-repeat, linear-gradient(top,  #5d736b 0%,#4a6159 100%);
   -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
   *zoom: 1;
   *display: inline;
   cursor: pointer;
   min-width: 5px;
}

.search-cancel-holder, .search-save-holder {
   display: inline-block;
   margin-left: 20px;
   margin-top: 5px;
   color: #FFFFFF;
}

.form-cancel-button, .form-save-button {
   color: #a4b3ad;
   cursor: pointer;
}

.form-cancel-button:hover, .form-save-button:hover {
   color: #FFFFFF;
}
/* 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(../test/querybuilder/assets/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(../test/querybuilder/assets/scroll-button-bot.png);
}
.qb-scrollbar::-webkit-scrollbar-button:start:decrement {
   background-color: #28332F;
   border-radius: 3px;
   background-image: url(../test/querybuilder/assets/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;
}
/*
 * area/gate editor
 */
.ag_editor .ag_label {
   color: #A3B870;
   font-weight: bold;
   margin-left: 5px;
   text-align: left;
   text-transform: uppercase;
   white-space: nowrap;
}

#ag_map {
   width: 620px;
   height: 620px;
   float: left;
}

#ag_lists {
   width: 620px;
   height: 600px;
   margin-left: 20px;
   float: left;
   padding: 10px;
}
#ag_lists > div {
   clear: both;
   float: left;
   width: 100%;
}

.ag_list {
   height: 242px;
   margin-bottom: 15px;
   overflow-y: auto;
}
.ag_list::-webkit-scrollbar {
   background-color: #C6C6C6;
   border-radius: 2px;
   width: 6px;
}
.ag_list::-webkit-scrollbar-thumb {
   background-color: #93998F;
   border-radius: 2px;
}
.ag_editor #copy_btn {
   display: none;
}

/* ag_edit */
.ag_edit { display: none; }
.ag_edit > div {
   float: left;
   width: 100%;
}
.ag_edit > .ag_header { margin-top: 10px; margin-left: 10px; }

.ag_edit > .ag_info {margin-top: 10px; }
.ag_edit .column {
   float: left;
   width: 33%;
}
.ag_edit .column > * { float: left; }
.ag_edit .column > .ag_header { margin-bottom: 5px; }
.ag_edit .column > .ag_header, .ag_edit > .ag_header, .ag_label > .ag_header {
   color: #394440;
   font-weight: bold;
   font-size: 13px;
   line-height: 17px;
   margin-left: 5px;
   min-height: 17px;
   text-transform: uppercase;
}
.ag_edit .column > .ag_label {
   clear: both;
   line-height: 26px;
   margin-right: 10px;
}

.column > .ag_label[lt='ag'] { width: 70px; }
.column > .ag_label[lt='dropdown'] { width: 65px; }
.column > .unit {
   line-height: 26px;
   margin-left: 5px;
   text-transform: lowercase;
   width: 50px
}
.column > .ag_label[lt='dates'] { width: 70px; }
.column > .ag_label[lt='entry'] {
   width: 65px;
}
.column > input[it='ag'] { width: 40px; }
.column > input[it='dates'] {
    margin-right:5px;
    width: 65px;
}
.column > input[it='airport'] { width: 40px; }
.column > input[it='ready'] { width: 40px; }
.column > input[it='name'] { width: 110px; }

.ag_edit > .buttons { text-transform: uppercase; }
.ag_edit > .buttons > button > .label {
   height: 16px;
   line-height: 16px;
}
.ag_edit > .buttons > button {
   border: 1px solid #ccc !important;
   margin: 0px 5px !important;
}
.ag_edit > .buttons.edit {
   margin-top: 10px;
}

.ag_edit > .break-border {
   border-top: 1px solid #CCC;
   margin-top: 10px;
   padding-top: 10px;
}

/* ag_buttons */
.ag_buttons {
   border-bottom: 1px solid #cccccc;
   margin-top: 10px;
   padding-bottom: 10px;
}
.ag_buttons > button {
   float: left;
}

/*
 * ag_label
 */
#ag_label {
   background-color: #FFF;
   border-radius: 5px;
   box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
   float: left;
   position: absolute;
   top: 0px;
   left: 0px;
   padding: 5px;
}
#ag_heading {
   position: absolute;
   top: 0px;
   left: 0px;
   float: left;
   font-size: 16pt;
   font-weight: bold;
   width: 25px;
   height: 25px;
   background-image: url('../images/arrow.png');
}
#ag_label.area {
   width: 275px;
}
#ag_label.gate {
   width: 200px;
}

#ag_label > .header {
   color: #394440;
   font-weight: bold;
   float: left;
   width: 100%;
}

#ag_label > .coord {
   float: left;
   width: 100px;
}

#ag_label > .coord > div {
   float: left;
}

#ag_editor .coord > .label {
   color: #A3B870;
   text-align: right;
   text-transform: uppercase;
   white-space: nowrap;
}
#ag_label > .coord > .label {
   margin-right: 5px;
   width: 25px;
}

#ag_editor > .coord > .value {
   font-weight: bold;
   font-size: 9pt;
}
#ag_label > .coord > .value {
   margin-left: 5px;
   width: 65px;
}
#ag_label > .ag_label, #ag_label > .ag_value {
   float: left;   
   line-height: 20px;
}
#ag_label > .ag_label {
   margin-right: 10px;
   width: 20px;
}
#ag_label > .ag_value { width: 65px; }

#ag_label > button.delete, .ag_edit > .buttons.edit > #save_btn, .ag_edit > .buttons.edit > #revert_btn {
   float: right;
}
#ag_editor button > .icon { background: url('../images/menu_glyphs.png'); }
#ag_editor button.calc > .icon { background-position: 0px 0px; }
#ag_editor button.edit > .icon { background-position: -396px -379px; }
#ag_editor button.circle > .icon { background-position: -396px -379px; }
#ag_editor button.delete > .icon { background-position: -396px -397px; }
#ag_editor button.save > .icon { background-position: -126px -127px; }
#ag_editor button.ready > .icon { background-position: -126px -127px; }
#ag_editor button.date { margin-top: 2px !important; }
#ag_editor button.done > .icon { background-position: -126px -127px; }
#ag_editor button.revert > .icon { background-position: -396px -289px; }
#ag_editor button.cancel > .icon { background-position: -396px -289px; }
#ag_editor button.date > .icon {
   background: url('../images/timecontroller/calendar_idle.png');
   height: 12px;
   margin: 2px 0px;
   width: 22px;
}

/*
 * dropdown list component
 */
#ag_editor .form-value-field.form-list {
   clear: none;
   margin-top: 2px;
}
#ag_editor .form-value-field.form-list > .form-dropdown-button {
   color: #555555;
   line-height: 20px;
}
#ag_editor .form-value-field.form-list > .form-dropdown-button,
#ag_editor .form-confirm-button {
   background: #D6D6D6;
   background: moz-linear-gradient(top,#D6D6D6 0%, #C6C6C6 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D6D6D6), color-stop(100%, #C6C6C6));
   background: -webkit-linear-gradient(top, #D6D6D6 0%, #C6C6C6 100%);
   background: -o-linear-gradient(top, #D6D6D6 0%, #C6C6C6 100%);
   background: -ms-linear-gradient(top, #D6D6D6 0%, #C6C6C6 100%);
   background: -linear-gradient(top, #D6D6D6 0%, #C6C6C6 100%);
   box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5);
}

#ag_editor .form-value-field.form-list > .form-dropdown-button:hover,
#ag_editor .form-confirm-button:hover, #ag_editor .form-confirm-button:focus {
   line-height: 20px;
   background: #C6C6C6;
   background: moz-linear-gradient(top,#E6E6E6 0%, #D6D6D6 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6E6E6), color-stop(100%, #D6D6D6));
   background: -webkit-linear-gradient(top, #E6E6E6 0%, #D6D6D6 100%);
   background: -o-linear-gradient(top, #E6E6E6 0%, #D6D6D6 100%);
   background: -ms-linear-gradient(top, #E6E6E6 0%, #D6D6D6 100%);
   background: -linear-gradient(top, #E6E6E6 0%, #D6D6D6 100%);

}

#ag_editor .form-value-field.form-list > .form-dropdown-button.form-dropdown-button-open {
   background: #E6E6E6;
}

#ag_editor .form-value-field.form-list > .form-dropdown-list > .form-dropdown-list-wrapper {
   background: #E6E6E6;
   -webkit-border-radius: 3px 0px 3px 3px;
   -moz-border-radius: 3px 0px 3px 3px;
   border-radius: 3px 0px 3px 3px;
}

#ag_editor .form-value-field.form-list > .form-dropdown-button > .form-dropdown-icon {
   background-position: -396px -269px;
}
#ag_editor .form-list-wrapper > .form-value-field { background-color: #FFFFFF; }
#ag_editor .form-list-wrapper > .form-value-field > .form-input-label { color: #B6B6B6; }
#ag_editor .form-list-wrapper > .form-value-field > .form-input-label:hover { color: #555555; }
#ag_editor .form-list-wrapper > .form-value-field > .form-input:checked + .form-input-label { color: #555555; }
#ag_editor .form-list-wrapper > .form-value-field > .form-input[type=checkbox]:checked + .form-input-label {
   background: url('../images/menu_glyphs.png') -399px -253px;
}
#ag_editor .form-list-wrapper > .form-value-field > .form-input[type=radio]:checked + .form-input-label {
   background: url('../images/menu_glyphs.png') -400px -236px;
}

#ag_editor .form-value-field.form-list > .form-dropdown-button > .form-dropdown-label {
   margin-top: 2px;
   width: 90px;
}

span.export_button {
   cursor: pointer;
   margin-left: 15px;
}
span.export_button:hover {
   color: #000000;
}

/* 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: 500px;
   height: 200px;
   overflow-y: scroll
}
.jm_popup_message pre {
   margin: 0px;
}
.period th {
   text-align: right;
}
.zd_popup_body {
   width: 800px;
   max-height: 500px;
   overflow-y: scroll;
}
.zd_popup_header {
   color: #a3b870;
   font-weight: bold;
   text-transform: uppercase;
   margin-top: 10px;
}
.zd_popup_comment {
   margin-right: 10px;
}
.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-top: 5px;
   padding-left: 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 6px;
   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%);
}

#pageSettings {
   display: none;
   background-color: #FFFFFF;
   border-radius: 6px 0px 6px 6px;
   box-sizing: border-box;
   height: 100%;
   overflow: hidden;
   margin: 5px 5px 0px 5px;
   padding: 6px 6px 6px 6px;
}

.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%;
   margin-top: 10px;
   height: 460px;
}
.tabContainer .buttonContainer{
   height: 38px;
   position: relative;
}
.tabContainer .buttonContainer button{
   height: 40px;
   line-height: 40px;
   float: left;
   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: 432px;
   background-color: gray;
   text-align: center;
   box-sizing: border-box;
   display: none;
   border-top-right-radius: 6px;
   border-top-color: #dddddd;
   border-top-style: outset;
   border-top-width: 2px;
   border-left-color: #dddddd;
   border-left-style: outset;
   border-left-width: 2px;
   border-right-color: #dddddd;
   border-right-style: outset;
   border-right-width: 2px;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom-color: #dddddd;
   border-bottom-style: outset;
   border-bottom-width: 2px;
}

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