/*
 * HTML5 ? Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-size: 13px;
    line-height: 1.231;
    background-color: #F7F7F7;
    position: relative;
    overflow-x: hidden;
}

body, button, input, select, textarea {
    /*font-family: sans-serif;*/
    color: #222;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

/* =============================================================================
   Links
   ========================================================================== */

a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

a:hover {
    color: #06e;
}

a:focus {
    outline: thin dotted;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before, q:after {
    content: "";
    content: none;
}

small {
    font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol {
    margin: 1em 0;
    /*padding: 0 0 0 0px;*/
}

dd {
    margin: 0 0 0 40px;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure {
    margin: 0;
}


@media screen {

    /* =============================================================================
   Forms
   ========================================================================== */
    header {
        margin-bottom: 5px;
        height: 38px;
    }

    form {
        margin: 0;
    }

    fieldset {
        border: 0;
        margin: 0;
        padding: 0;
    }

    /* Indicate that 'label' will shift focus to the associated form element */
    label {
        cursor: pointer;
    }

    /*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
    legend {
        border: 0;
        *margin-left: -7px;
        padding: 0;
    }

    /*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
    button, input, select, textarea {
        font-size: 100%;
        margin: 0;
        vertical-align: baseline;
        *vertical-align: middle;
    }

    /*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
    button, input {
        line-height: normal;
        *overflow: visible;
    }

    /*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
    table button, table input {
        *overflow: auto;
    }

    /*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
    button, input[type="button"], input[type="reset"], input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button;
    }

    /*
 * Consistent box sizing and appearance
 */
    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        vertical-align: middle;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    /*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    /*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
    textarea {
        overflow: auto;
        vertical-align: top;
        resize: vertical;
    }

    /* Colors for form validity */
    input:valid, textarea:valid {
    }

    input:invalid, textarea:invalid {
        background-color: #f0dddd;
    }

    table.tablesorter {
        border-spacing: 1px;
        cursor: auto;
    }

    .form-control {
        /*display: block;*/
        /*width: 100%;*/
        /*padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
    }

    .form-control:focus {
        /*border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);*/
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1;
    }

    .form-control[disabled],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

    textarea.form-control {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: none;
    }

    .form-horizontal .radio,
    .form-horizontal .checkbox,
    .form-horizontal .radio-inline,
    .form-horizontal .checkbox-inline {
        padding-top: 7px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .form-horizontal .radio,
    .form-horizontal .checkbox {
        min-height: 27px;
    }

    .form-horizontal .has-feedback .form-control-feedback {
        right: 15px;
    }

    .form-group {
        margin-bottom: 15px;
    }

    .form-horizontal .has-feedback .form-control-feedback {
        right: 15px;
    }

    .form-horizontal {
        text-align: center;
    }

    .form-horizontal input {
        height: 20px;
        width: 300px;
        margin-top: 10px;
        float: left;
    }

    .form-horizontal select {
        width: 330px;
        margin-top: 10px;
        float: left;
    }

    .form-horizontal label {
        float: left;
        height: 20px;
        width: 80px;
        margin-top: 20px;
        margin-left: 10px;
        text-align: right;
        font-weight: bold;
        clear: both;
        float: left;
        margin-right: 15px;
    }

    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after {
        display: table;
        content: " ";
    }

    .form-horizontal .form-group:after {
        clear: both;
    }

    /* =============================================================================
   Tables
   ========================================================================== */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    td {
        vertical-align: top;
    }

    .AlignHeaderLeft thead > th {
        text-align: left !important;
    }

    input[type=number] {
        text-align: right;
    }


    input[type=text] {
        text-align: left;
    }

    .leftAlign {
        text-align: left;
    }

    .rightAlign {
        text-align: right;
    }

    /* =========================================================
   Alerts
   ========================================================================== */
    .alert h4 {
        margin: 0;
    }

    .alert {
        /*padding: 8px 35px 8px 14px;
        margin-bottom: 18px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        background-color: #fcf8e3;
        border: 1px solid #fbeed5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #c09853;*/
    }

    .alert-heading {
        color: inherit;
    }

    .alert .close {
        position: relative;
        top: -2px;
        right: -21px;
        line-height: 18px;
    }

    .alert-success {
        background-color: #dff0d8;
        border-color: #d6e9c6;
        color: #468847;
    }

    .alert-danger,
    .alert-error {
        background-color: #f2dede;
        border-color: #eed3d7;
        color: #b94a48;
    }

    .alert-info {
        background-color: #d9edf7;
        border-color: #bce8f1;
        color: #3a87ad;
    }

    .alert-block {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .alert-block > p,
    .alert-block > ul {
        margin-bottom: 0;
    }

    .alert-block p + p {
        margin-top: 5px;
    }

    .alert-list {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .alert-list li {
        margin-bottom: 4px;
    }

    .alert-warning {
        /*background-color: #faebcc;
        border-color: #eed3d7;
        color: #8a6d3b;
        margin-left: 10px;
        margin-right: 10px;*/
    }

    .close {
        float: right;
        font-size: 20px;
        font-weight: bold;
        line-height: 18px;
        color: #000000;
        text-shadow: 0 1px 0 #ffffff;
        opacity: 0.2;
        filter: alpha(opacity=20);
    }

    .close:hover {
        color: #000000;
        text-decoration: none;
        opacity: 0.4;
        filter: alpha(opacity=40);
        cursor: pointer;
    }


    .ManagementLabel {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .TagManagementEntry {
        margin: 5px 0px;
    }

    .cmbOnboardTag {
        width: 100%;
    }

    .TagConfigEntry .chosen-container a {
        width: 292px;
        height: 28px;
        padding: 4px;

        font-size: 13px;
        line-height: 18px;
        color: #555555;
        border: 1px solid #cccccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .TagConfigEntry div.chosen-drop {
        width: 292px;
    }

    #pseudoTags .chosen-container a {
        width: 245px;
        height: 28px;
        padding: 4px;

        font-size: 13px;
        line-height: 18px;
        color: #555555;
        border: 1px solid #cccccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .TagManagementEntry .Bootstraptextbox,
    .TagManagementEntry .BootStrapSelector {
        width: 100%;
    }

    #ErrorDetailModal, #ErrorGraphModal {
        width: 800px;
        margin: -250px 0 0 -400px;
    }

    .btn.FullBtn {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }


    /* ==|== primary styles =====================================================
   Author: Finnur
   ========================================================================== */
    .DataIntegrityDetailLink {
        cursor: pointer;
    }

    .DataIntegrityDetail.closed {
        display: none;
    }

    .DataIntegrityDetail.open {
    }

    .DataIntegrityDetail li {
        margin-left: 35px;
    }

    /* ======================================================
   Boostrap styles
   ========================================================================== */
    .BootStrapSelector {
        /*display: inline-block;
        color: #222;
        width: 220px;
        background-color: white;
        height: 28px;*/
        /*line-height: 28px;*/
        /*border: 1px solid #CCC;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 4px;
        margin-right: 10px;
        vertical-align: baseline;
        -webkit-appearance: menulist;
        box-sizing: border-box;
        text-align: left;
        padding-left: 4px;*/
    }

    .Bootstraptextbox /*{
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
        -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
        -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
        transition: border linear 0.2s, box-shadow linear 0.2s;
        display: inline-block;
        width: 210px;
        height: 25px;
        padding: 4px;*/
        /*margin-bottom: 9px;*/
        /*font-size: 13px;
        line-height: 18px;
        color: #555555;
        border: 1px solid #cccccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: left;*/
    }

    .Bootstraptextbox.mini {
        width: 60px;
    }

    .BootstrapTextArea {
        /*display: inline-block;
        margin-bottom: 0px;
        width: 210px;
        -o-transition: border 0.2s cubic-bezier(0, 0, 1, 1) 0, box-shadow 0.2s cubic-bezier(0, 0, 1, 1) 0;
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        border-radius: 3px;
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.071);
        height: auto;
        color: #555555;
        font-size: 13px;
        line-height: 18px;
        padding: 4px;
        font-weight: 400;
        overflow: auto;
        vertical-align: top;
        margin: 0px 0px 0px 0px;
        text-align: default;
        text-indent: 0px;
        text-transform: none;
        word-wrap: break-word;*/
    }

    .BootstrapTextArea.max,
    .Bootstraptextbox.max,
    .BootStrapSelector.max {
        width: 100%;
    }
  
    
    /*.modal-open .dropdown-menu {
        z-index: 2050;
    }

    .modal-open .dropdown.open {
        *z-index: 2050;
    }

    .modal-open .popover {
        z-index: 2060;
    }

    .modal-open .tooltip {
        z-index: 2070;
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000000;
    }

        .modal-backdrop.fade {
            opacity: 0;
        }

            .modal-backdrop,
            .modal-backdrop.fade.in {
                opacity: 0.8;
                filter: alpha(opacity=80);
            }

    .modal {
        position: fixed;
        top: 40%;
        left: 50%;
        z-index: 1050;
        width: 680px;
        margin: -250px 0 0 -280px;
        overflow: auto;
        background-color: #ffffff;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, 0.3);
        *border: 1px solid #999;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
    }

        .modal.fade {*/
            /*top: -25%;*/
            /*-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
            -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
            -ms-transition: opacity 0.3s linear, top 0.3s ease-out;
            -o-transition: opacity 0.3s linear, top 0.3s ease-out;
            transition: opacity 0.3s linear, top 0.3s ease-out;
        }

            .modal.fade.in {
                top: 40%;
            }

    .modal-header {
        padding: 9px 15px;
        border-bottom: 1px solid #eee;
    }

        .modal-header .close {
            margin-top: 2px;
        }

    .modal-body {
        max-height: 600px;
        padding: 15px;
        overflow-y: auto;
    }

        .modal-body ul {
            margin-left: 20px;
        }
        .modal-body ol {
            margin-left: 20px;
        }

    .modal-form {
        margin-bottom: 0;
    }

    .modal-footer {
        padding: 14px 15px 15px;
        margin-bottom: 0;
        text-align: right;
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
        *zoom: 1;
        -webkit-box-shadow: inset 0 1px 0 #ffffff;
        -moz-box-shadow: inset 0 1px 0 #ffffff;
        box-shadow: inset 0 1px 0 #ffffff;
    }

        .modal-footer:before,
        .modal-footer:after {
            display: table;
            content: "";
        }

        .modal-footer:after {
            clear: both;
        }

        .modal-footer .btn + .btn {
            margin-bottom: 0;
            margin-left: 5px;
        }

        .modal-footer .btn-group .btn + .btn {
            margin-left: -1px;
        }*/

    .warning-footer {
        padding: 14px 15px 15px;
        margin-bottom: 0;
        text-align: right;
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
        *zoom: 1;
        -webkit-box-shadow: inset 0 1px 0 #ffffff;
        -moz-box-shadow: inset 0 1px 0 #ffffff;
        box-shadow: inset 0 1px 0 #ffffff;
    }

    .warning-footer:before,
    .warning-footer:after {
        display: table;
        content: "";
    }

    .warning-footer:after {
        clear: both;
    }

    .warning-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }


    .warning-header {
        padding: 9px 15px;
        border-bottom: 1px solid #eee;
    }

    .warning-header .close {
        margin-top: 2px;
    }

    .warning-body {
        max-height: 500px;
        padding: 15px;
        overflow-y: auto;
    }

    .warning-body ul {
        margin-left: 20px;
    }

    .warning-body li {
        margin-bottom: 10px;
    }

    .warning-form {
        margin-bottom: 0;
    }

    .formHelpText {
        margin-left: 7px;
        margin-top: 0px;
        font-size: 13px;
        line-height: 18px;
        height: 20px;
    }

    .nav {
        margin-left: 0;
        margin-bottom: 18px;
        list-style: none;
    }

    .nav > li > a {
        display: block;
    }

        .nav > li > a:hover {
            text-decoration: none;
            background-color: rgb(239,239,239);
        }

    .nav .nav-header {
        display: block;
        padding: 3px 15px;
        font-size: 11px;
        font-weight: bold;
        line-height: 18px;
        color: #999999;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        text-transform: uppercase;
    }

    .nav li + .nav-header {
        margin-top: 9px;
    }

    .nav-list {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0;
    }

    .nav-list > li > a,
    .nav-list .nav-header {
        margin-left: -15px;
        margin-right: -15px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    }

    .nav-list > li > a {
        padding: 3px 15px;
    }

    .nav-list > .selected > a,
    .nav-list > .selected > a:hover {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
        background-color: #0088cc;
    }

    .nav-list [class^="icon-"] {
        margin-right: 2px;
    }

    .nav-list .divider {
        height: 1px;
        margin: 8px 1px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #ffffff;
        *width: 100%;
        *margin: -5px 0 5px;
    }

    .nav-tabs,
    .nav-pills {
        *zoom: 1;
    }

    .nav-tabs:before,
    .nav-pills:before,
    .nav-tabs:after,
    .nav-pills:after {
        display: table;
        content: "";
    }

    .nav-tabs:after,
    .nav-pills:after {
        clear: both;
    }

    .nav-tabs > li,
    .nav-pills > li {
        float: left;
    }

    .nav-tabs > li > a,
    .nav-pills > li > a {
        padding-right: 12px;
        padding-left: 12px;
        margin-right: 2px;
        line-height: 14px;
    }

    .nav-tabs {
        border-bottom: 1px solid #ddd;
    }

    .nav-tabs > li {
        margin-bottom: -1px;
    }

    .nav-tabs > li > a {
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 18px;
        border: 1px solid transparent;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #dddddd;
    }

    .nav-tabs > .selected > a,
    .nav-tabs > .selected > a:hover {
        color: #555555;
        background-color: #ffffff;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
        cursor: pointer;
    }

    .nav-pills > li > a {
        padding-top: 8px;
        padding-bottom: 8px;
        margin-top: 2px;
        margin-bottom: 2px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .nav-pills > .selected > a,
    .nav-pills > .selected > a:hover {
        color: #ffffff;
        background-color: #0088cc;
    }

    .nav-stacked > li {
        float: none;
    }

    .nav-stacked > li > a {
        margin-right: 0;
    }

    .nav-tabs.nav-stacked {
        border-bottom: 0;
    }

    .nav-tabs.nav-stacked > li > a {
        border: 1px solid #ddd;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .nav-tabs.nav-stacked > li:first-child > a {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-stacked > li:last-child > a {
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

    .nav-tabs.nav-stacked > li > a:hover {
        border-color: #ddd;
        z-index: 2;
    }

    .nav-pills.nav-stacked > li > a {
        margin-bottom: 3px;
    }

    .nav-pills.nav-stacked > li:last-child > a {
        margin-bottom: 1px;
    }

    .nav-tabs .dropdown-menu,
    .nav-pills .dropdown-menu {
        margin-top: 1px;
        border-width: 1px;
    }

    .nav-pills .dropdown-menu {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .nav-tabs .dropdown-toggle .caret,
    .nav-pills .dropdown-toggle .caret {
        border-top-color: #0088cc;
        border-bottom-color: #0088cc;
        margin-top: 6px;
    }

    .nav-tabs .dropdown-toggle:hover .caret,
    .nav-pills .dropdown-toggle:hover .caret {
        border-top-color: #005580;
        border-bottom-color: #005580;
    }

    .nav-tabs .selected .dropdown-toggle .caret,
    .nav-pills .selected .dropdown-toggle .caret {
        border-top-color: #333333;
        border-bottom-color: #333333;
    }

    .nav > .dropdown.selected > a:hover {
        color: #000000;
        cursor: pointer;
    }

    .nav-tabs .open .dropdown-toggle,
    .nav-pills .open .dropdown-toggle,
    .nav > .open.selected > a:hover {
        color: #ffffff;
        background-color: #999999;
        border-color: #999999;
    }

    .nav .open .caret,
    .nav .open.selected .caret,
    .nav .open a:hover .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .tabs-stacked .open > a:hover {
        border-color: #999999;
    }

    .tabbable {
        *zoom: 1;
    }

    p.taboptions {
        margin: 8px;
    }

    .tabbable:before,
    .tabbable:after {
        display: table;
        content: "";
    }

    .tabbable:after {
        clear: both;
    }

    .tabs-below .nav-tabs,
    .tabs-right .nav-tabs,
    .tabs-left .nav-tabs {
        border-bottom: 0;
    }

    .tab-content > .tab-pane,
    .pill-content > .pill-pane {
        display: none;
    }

    .tab-content > .active,
    .pill-content > .active {
        display: block;
    }

    .tabs-below .nav-tabs {
        border-top: 1px solid #ddd;
    }

    .tabs-below .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0;
    }

    .tabs-below .nav-tabs > li > a {
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

    .tabs-below .nav-tabs > li > a:hover {
        border-bottom-color: transparent;
        border-top-color: #ddd;
    }

    .tabs-below .nav-tabs .active > a,
    .tabs-below .nav-tabs .active > a:hover {
        border-color: transparent #ddd #ddd #ddd;
    }

    .tabs-left .nav-tabs > li,
    .tabs-right .nav-tabs > li {
        float: none;
    }

    .tabs-left .nav-tabs > li > a,
    .tabs-right .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
    }

    .tabs-left .nav-tabs {
        float: left;
        margin-right: 19px;
        border-right: 1px solid #ddd;
    }

    .tabs-left .nav-tabs > li > a {
        margin-right: -1px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

    .tabs-left .nav-tabs > li > a:hover {
        border-color: #eeeeee #dddddd #eeeeee #eeeeee;
    }

    .tabs-left .nav-tabs .active > a,
    .tabs-left .nav-tabs .active > a:hover {
        border-color: #ddd transparent #ddd #ddd;
        *border-right-color: #ffffff;
    }

    .tabs-right .nav-tabs {
        float: right;
        margin-left: 19px;
        border-left: 1px solid #ddd;
    }

    .tabs-right .nav-tabs > li > a {
        margin-left: -1px;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
    }

    .tabs-right .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #eeeeee #dddddd;
    }

    .tabs-right .nav-tabs .selected > a,
    .tabs-right .nav-tabs .selected > a:hover {
        border-color: #ddd #ddd #ddd transparent;
        *border-left-color: #ffffff;
    }

    .nav-tabs > .active > a,
    .nav-tabs > .active > a:hover {
        color: #555555;
        cursor: pointer;
        background-color: #ffffff;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
    }

    .ButtonArea {
        float: right;
    }


    .Hidden {
        display: none;
    }

    .voyageHeader {
        z-index: -1;
    }

    body {
        color: #333;
        /*background: #fff url(/Content/img/nav-shadow.png) no-repeat 50% 0%;*/
        background-color: #F7F7F7;
    }

    a, a:visited {
        color: #192A68;
        text-decoration: none;
        font-weight: 400;
    }

    a:hover {
        color: #005EC9;
    }

    table {
        width: 100%;
    }

    table.fleet td.center {
        text-align: center;
    }

    td.alarm {
        background-color: #f2dede !important;
    }

    td.warning {
        background-color: #fcf8e3 !important;
    }

    .syshealthEllipsis {
        height: 100%;
        min-width: 70px;
        max-width: 70px;
        overflow: hidden;
        white-space: nowrap !important;
        text-overflow: ellipsis;
    }

    .syshealthleft {
        text-align: left;
        min-width: 45px;
        max-width: 80px;
        white-space: nowrap !important;
    }

    .syshealthleftText {
        text-align: left;
        min-width: 80px;
        max-width: 80px;
        white-space: nowrap !important;
    }

    .syshealthright {
        text-align: right !important;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 55px;
        max-width: 55px;
        white-space: nowrap !important;
    }

    #InvalidTags {
        position: fixed;
        top: 15%;
        left: 15%;
        right: 15%;
        z-index: 1050;
        width: 70%;
        margin: -100px 0 0 0;
        overflow: visible;
        overflow-x: visible;
        white-space: nowrap;
        background-color: #ffffff;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, 0.3);
        *border: 1px solid #999;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
    }

    .syshealthNoDisplay {
        display: none;
    }

    table.shiplist td.syshealthAlignCenter {
        text-align: center;
    }

    .syshealthVertAlignMiddle {
        vertical-align: middle;
    }

    .syshealthLabelHeight {
        height: 16px;
    }


    .syshealthSelectableData:hover {
        cursor: pointer;
    }

    .syshealthSelectableColored:hover {
        background-color: powderblue !important;
    }


    form label {
        width: 100%;
        display: block;
        margin: 10px 0;
        font-weight: 700;
    }

    form strong {
        display: block;
        margin-bottom: 3px;
    }

    form .button {
        float: left;
        border: 1px solid #bbb;
        background: #192A68;
        color: #fff;
        font-weight: bold;
        padding: 3px 6px;
    }


    #EditCancelLink {
        margin-left: 15px;
    }


    a.ico.ship {
        background: url(/Content/images/Ship-app-blue.svg) no-repeat 0% 80%;
        padding-left: 53px;
        color: #0060a0 !important;
    }

    a.ico.edit, a.ico.editEvent {
        background: url(/Content/img/edit.png) no-repeat 0% 80%;
        padding-left: 20px;
    }

    span.ico.ship {
        background: url(/Content/img/ship.png) no-repeat 0% 80%;
        padding-left: 34px;
    }

    span.ico.alert {
        background: url(/Content/img/alert.png) no-repeat 0% 80%;
        padding-left: 20px;
    }

    span.ico.error {
        background: url(/Content/img/error.png) no-repeat 0% 80%;
        padding-left: 20px;
    }


    #logo h1 {
        font-size: 1em;
    }


    #header {
        height: 60px;
        width: 100%;
        padding: 2px 0;
        margin-bottom: 20px;
        z-index: 10000;
        overflow: visible;
    }

    h1, h2 {
        font-family: 'Abel', sans-serif;
    }


    #header #logo {
        float: left;
        width: 100px;
        margin-top: 10px;
        margin-right: 0;
        -moz-box-shadow: 2px 2px 2px #888;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-bottomleft: 15px;
        -webkit-box-shadow: 2px 1px 10px #888;
        -webkit-border-bottom-right-radius: 15px;
        -webkit-border-bottom-left-radius: 15px;
    }

    #header a {
        font-weight: 500;
    }

    #navigation {
        overflow: hidden;
        color: #000;
        padding: 10px 10px;
        line-height: 170%;
    }

    #navigation ul {
        margin: 0;
        padding: 0;
    }

    #navigation li {
        list-style: none;
        display: inline;
        margin-right: 5px;
        z-index: 9999;
    }

    #navigation .selected a {
        font-weight: bold;
    }

    #support-navigation {
        margin-top: 10px;
        text-align: right;
        float: right;
        padding-right: 10px;
    }

    #support-navigation img {
        margin-top: -3px;
    }

    #companyDiv {
        float: left;
    }


    .box h2, .box h4 {
        /*border-bottom: 1px solid;*/
        /*font-weight: 300;*/
    }

    .box h2 span {
        float: right;
        font-size: .7em;
        margin-top: 4px;
    }

    h2 span.widgetlabel {
        /*margin-top: 2px;*/
        margin-left: 2px;
        float: left;
    }

    .box h2 span.titleSpan {
        float: left;
    }

    .box table {
        width: 100%;
    }

    #support-navigation {
        margin-top: 7px;
    }

    #support-navigation img {
        margin-top: -3px;
    }

    /*Settings*/
    .left-col .settings {
        padding-left: 10px;
    }

    .right-col {
        padding-left: 10px;
    }


    .report-nav {
        border: 1px solid #ccc;
        background: #efefef;
        width: 210px;
    }

    .ship-nav {
    }


    .left-col h2,
    .left-col .report-nav h2 {
        border-bottom: 1px dotted #bbb;
        font-size: 1.2em;
        padding-bottom: 5px;
    }

    .left-col ul {
        list-style: none;
        margin: 0 0 20px 0;
        padding: 0;
    }

    .left-col li {
        margin: 0 0 4px 0;
        font-size: 1em;
        width: 100%;
    }

    .left-col li a {
        color: #333;
        font-weight: 100;
        margin-right: 10px;
        padding: 3px 5px 4px;
        display: block;
        border: 1px solid #FFFFFF;
    }

    .ship-nav li a {
        border: 1px solid #FFF;
        margin: 0;
    }

    .left-col li a.selected, .left-col .navigation li a.selected {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background: #777;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(77, 115, 139)), color-stop(1, rgb(152, 180, 198)));
        background-image: -moz-linear-gradient(center bottom, rgb(77, 115, 139) 0%, rgb(152, 180, 198) 100%);
        border: 1px solid #888;
        color: white;
        font-weight: normal;
        text-shadow: 0 1px 0 #555;
    }

    .left-col li a:hover, .left-col .navigation li a:hover {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background: #777;
        border: 1px solid #bbb;
        color: white;
        font-weight: normal;
        text-shadow: 0 1px 0 #555;
    }

    .left-col li.separator {
        border-bottom: 1px dotted #bbb;
    }


    /**********Settings Dropdown***********/
    #support-navigation ul {
        margin: 0;
        padding: 0;
    }

    #support-navigation li {
        cursor: pointer;
        position: relative;
        list-style: none;
        float: right;
        text-align: right;
        height: auto;
        white-space: nowrap;
    }

    #support-navigation li ul {
        display: none;
        position: absolute;
        right: 0;
        padding: 5px;
        border: 1px solid grey;
        background-color: white;
        color: Black;
        min-width: 200px;
        z-index: 9999;
    }

    #support-navigation li li {
        cursor: default;
        float: none;
        text-align: left;
        padding: 5px;
        padding-left: 10px;
    }

    .settings-title {
        font-size: 0.9em;
        font-weight: 600;
        padding-left: 5px;
    }

    .Main-Text {
        color:#003869;
    }

    .Status {
        color:#00C3FF;
    }



    #support-navigation li li a, #support-navigation li li a:visited {
        color: #192A68;
        text-decoration: none;
        font-weight: 700;
    }

    #support-navigation li li a:hover {
        color: #2D91B9;
    }

    #companylist {
        float: right;
        padding: 0;
        /*margin: 0;
        margin-top: -2px;*/
        height: 27px;
        /*width: 78px;*/
    }

#timezonelist {
    float: right;
    padding: 0;
    height: 27px;
    /*padding: 0;
        margin: 0;
        margin-top: -2px;
        height: 21px;
        width: 120px;*/
}

#filterActivityTypes {
    float: right;
    padding: 0;
    height: 27px;
}

#ActivityTypesFilterForDailyFuelConsumptionByActivityChart {
    float: right;
    padding: 0;
    height: 27px;
}

.divider {
    border-bottom: 1px solid gray;
    margin: 5px 0;
}

    .time-nav {
        margin: 4px 0 10px 0;
        float: right;
        font-size: .8em;
    }

    .time-nav a {
        font-weight: 100;
        border: 1px solid #ddd;
        padding: 2px 3px;
    }

    .time-nav .selected, .time-nav a:hover {
        background: #eee;
    }

    .box h2 {
        border-bottom: 1px solid;
        font-weight: 300;
    }

    .box table {
        width: 100%;
    }

    .events.box ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .events.box li {
        margin: 6px 0;
    }

    .hiddentable {
        display: none;
    }

    .analytics .ship-selector td {
        padding: 5px 2px 2px 4px;
    }

    .analytics .ship-selector tr:hover {
        background: #fff;
    }


    .analytics .ship-selector td {
        padding: 5px 2px 2px 4px;
    }

    .analytics .ship-selector tr:hover {
        background: #fff;
    }

    .EditLegend {
        margin-bottom: 5px;
    }

    .EditField {
        border: 1px solid #eee;
        padding: 5px 10px;
        margin-bottom: 10px;
    }


    .State {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    table.small {
        font-size: .9em;
    }

    th, td {
        padding: 3px;
    }

    th {
        text-align: left;
        border-bottom: 1px dotted #bbb;
    }

    .infobar {
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.19, rgb(199, 199, 199)), color-stop(0.75, rgb(230, 230, 230)));
        background-image: -moz-linear-gradient(center bottom, rgb(199, 199, 199) 19%, rgb(230, 230, 230) 75%);
        margin: 25px 0;
        border-top: 1px dotted #bbb;
        border-bottom: 1px dotted #bbb;
    }

    .infobar .grid_3 h2 {
        padding: 20px;
        font-size: 1.2em;
        text-align: center;
        background: #fff;
    }

    .infobar .grid_3.alpha h2 {
        margin-left: 20px;
    }

    .infobar .grid_3.omega h2 {
        margin-right: 20px;
    }


    /* Ship Title bar styling */
    .left-col .navigation {
        padding-left: 10px;
    }

    .left-col ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 220px;
    }

    .left-col .navigation li {
        margin: 0;
        margin-bottom: 4px;
        font-size: 1em;
    }

    .left-col .navigation li a {
        color: #333;
        font-weight: 100;
        margin-right: 0;
        padding: 3px 5px 4px;
        display: block;
        border: 1px solid #FFFFFF;
    }

    .shipTitlebar {
        margin: 0;
        margin-bottom: 15px;
        padding: 5px 0;
        border-bottom: 1px dotted #BBB;
    }

    .shipTitlebar button {
        margin: 0px 8px 0px -4px;
        margin-top: -5px;
    }

    /* Boxes */
    .box.meta h4 {
        margin-bottom: 5px;
    }


    .box.border {
        border: 1px solid #bbb;
        background: #F5F5F5;
    }

    /* Signin */
    #PasswordRecoveryLink {
        white-space: nowrap;
    }

    .loginboxsubcontainer {
        /*margin: 10px 0 10px 0;
        width: 100%;
        height: 38px;*/
    }

    #logonimg {
        float: left;
        margin: 0 10px 10px 0;
        width: 240px;
        height: 200px;
        overflow: hidden;
        display: inline-block;
    }

    #logonimg img {
        width: 100%;
    }

    #signIn {
        /*margin-top: 11px;
        width: 257px;
        height: 34px;
        background-position: 0 -35px;*/
    }

    #contact {
        /*margin-bottom: 20%;*/
    }

    .signinfobox {
        /*margin: 40px 0 60px 0;*/
        padding-top: 5px;
        padding-bottom: 20px;
        /*width: 492px;*/
    }

    .signin {
        /*margin: 40px 0 25px 0;*/
        padding: 20px;
    }

    .signin.box.border {
        border-radius: 14px;
    }

    .signin h2 {
        /*margin: 0 0 20px 0;*/
    }

    .signin form .remember {
        float: right;
        /*margin-top: 12px;*/
    }

    .signin form .remember .remember-label {
        font-weight: normal;
        color: #333;
        margin-left: 10px;
        float: left;
    }

    .signin form .remember input {
        float: left;
        margin: 2px;
    }

    .signin form .lost-password {
        float: left;
        width: 100%;
        margin: 10px 0 20px;
    }

    .signin .form-control {
                                                                                                                                                                                                                           
    }

    .errormsg {
        margin: .5em 0 0;
        display: block;
        color: #DD4B39;
        line-height: 17px;
    }

    label.error {
        margin: .5em 0 0;
        display: block;
        color: #DD4B39;
        line-height: 17px;
    }

    label.success {
        margin: .5em 0 0;
        display: block;
        color: #008000;
        line-height: 17px;
    }

    input.error {
        border-color: #DD4B39;
    }

    footer {
        font-size: .8em;
        margin-left: 10px;
        padding: 0;
    }

    footer .center {
        text-align: center;
    }

    footer .right {
        text-align: right;
    }

    #marorka-footer {
        margin: 10px 0px 30px 0px !important;
    }

    #marorka-footer i{
        font-size:1.3em;
    }

    #marorka-footer-border {
        border-top: 1px dotted #bbb;
        margin-bottom: 10px;
    }

    .validation-summary-errors {
        width: 100%;
    }

    .validation-summary-errors li {
        list-style: none;
        width: 100%;
    }

    .textBox {
        width: 100%;
    }

    div.widget {
        position: relative;
        width: 100%;
    }

    div.loader-container {
        position: relative;
        width: 100%;
    }

    #updateField, #updateField div {
    }

    .centerimage {
        position: absolute;
        top: 47%;
        width: 100%;
        text-align: center;
        color: black;
        font-weight: bold;
        font-size: 14pt;
    }

.Loader-img {
    margin-top: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 997;
}

.bunkeringRefreshIcon
{
    cursor: pointer;
}

.btn_icon
{
    padding: 5px !important;
}

.bunkering_StateCol{
    text-align: center;
    vertical-align: middle !important;
}

#bunkerListWidgetDataTable td{
    vertical-align: middle !important;
    padding: 5px !important;
}
/* ==|== User management=======================================================
   Styles for tablesorter js section
   ========================================================================== */
span.negative {
    color: green;
}

    span.positive {
        color: red;
    }

    span.targetok {
        color: green;
    }

    span.targetalert {
        color: darkorange;
    }

    span.targeterror {
        color: red;
    }

    /*Will fit a datemonthyear string*/
    .DateWidth {
        width: 70px;
    }

    .DateTimeWidth {
        width: 85px;
    }

    .DurationWidth {
        width: 71px;
    }

    .VoyageEmptyWidth {
        width: 48px;
    }

    .DurationWithDiffWidth {
        width: 110px;
    }

    .DateWidthPlannedVoyage {
        width: 75px;
    }

    .ShipWidth {
        width: 68px;
    }

    .SparklineWidth {
        width: 103px;
    }

    .ValueWidth {
        width: 8%;
    }

    .BunkeringValueWidth {
        width: 60px;
    }

    .SupplierValueWidth {
        width: 85px;
    }

    .BunkeringAmountWidth {
        width: 90px;
    }

    .VoyageIdWidth {
        width: 55px !important;
        padding-right: 1px !important;
    }

    .VoyageId {
        width: 40px important;
        padding-right: 1px !important;
    }

    .VoyagesEEOIWidth {
        width: 32px !important;
    }

    .VoyagesCIIWidth {
        width: 52px !important;
    }

    .VoyagesValueWidth {
        width: 43px;
        padding-right: 4px !important;
    }

    .VoyagesValueWithDiffs {
        width: 57px;
        padding-right: 1px !important;
    }

    .VoyagesDistanceWidth {
        width: 50px;
    }

    .ShipNameWidth {
        width: 73px;
    }

    .PortCodeWidth {
        width: 133px;
    }

    .FuelNameWidth {
        width: 58px;
    }

    .ViewReportWidth {
        width: 65px;
    }

    #arrivalLatitude {
        width: 125px;
    }

    #arrivalLongitude {
        width: 125px;
    }


    /* tables */
    table.tablesorter {
        background-color: #cdcdcd;
        margin: 10px 0 15px;
        width: 100%;
        border-spacing: 0;
    }

    table.tablesorter thead tr th {
        padding: 4px;
    }

    table.tablesorter tfoot tr th {
        text-align: right;
        background-color: white !important;
    }

    table.tablesorter,
    table.tablesorter th,
    table.tablesorter td {
        background-color: #FFFFFF;
    }

    table.tablesorter .header,
    table.tablesorter .tablesorter-header {
        /* black double arrow */
        background-repeat: no-repeat;
        background-position: center right;
        padding: 4px 20px 4px 4px;
        cursor: pointer;
    }

    table.tablesorter tbody td {
        color: #3d3d3d;
        padding: 4px 6px 4px 6px;
        background-color: #fff;
        vertical-align: middle;
    }

    table.tablesorter th.headerSortUp,
    table.tablesorter th.tablesorter-headerSortUp {
        /* black asc arrow */
        background-image: url(/Content/img/asc.gif);
    }

    table.tablesorter th.headerSortDown,
    table.tablesorter th.tablesorter-headerSortDown {
        /* black desc arrow */
        background-image: url(/Content/img/desc.gif);
    }

    /* used to hide a tbody while rebuilding to speed it up */
    table.tablesorter .tablesorter-hidden {
        display: none;
    }

    table.tablesorter tfoot.summary {
        border-top: 2px !important;
        border-top-color: #A3A3A4 !important;
        border-top-style: solid !important;
    }

    table.tablesorter tfoot.summary td {
        font-weight: bold;
    }

    table.tablesorter tfoot.summary td.filter {
        background-color: #C6E1C7; /* light light filter green */
        font-weight: bold;
    }

    /* Line strike in table row */
    tr.strikeout td {
        text-decoration: line-through;
    }

    /* Zebra Widget - row alternating colors */
    table.tablesorter tr.voyages {
        border-bottom-style: none;
    }


    table.tablesorter tr.odd td {
        /*background-color: #F7F8FA;*/
    }

    table.tablesorter tr.even td {
        /*background-color: #fff;*/
    }

    table.tablesorter tr.even.voyages td {
        /*background-color: #EFEFEF;*/
    }

    table.tablesorter tr.even.voyages td.filter {
        /*background-color: #C7E9C0;*/ /* filter dark green */
    }

    table.tablesorter tr.even.voyages.selected td {
        /*background-color: #ACBAD4;*/
    }

    table.tablesorter tr.even.voyages.selectedCheckbox td {
        /*background-color: #dff0d8;*/
    }

    table.tablesorter tr.even.voyages.selectedCheckbox td.filter {
        /*background-color: #B1F1A3;*/
    }

    table.tablesorter tr.odd.voyages td.filter {
        /*background-color: #D5EFCF;*/ /* filter light green */
    }

    table.tablesorter tr.odd.voyages.selected td {
        background-color: #ACBAD4;
    }

    table.tablesorter tr.odd.voyages.selectedCheckbox td {
        background-color: #dff0d8;
    }

    table.tablesorter tr.odd.voyages.selectedCheckbox td.filter {
        background-color: #B1F1A3;
    }

    table.tablesorter tr.even td.expandCell {
        -webkit-box-shadow: inset 3px 0px 0px 0px #FFA366;
        -moz-box-shadow: inset 3px 0px 0px 0px #FFA366;
        box-shadow: inset 3px 0px 0px 0px #FFA366;
    }

    table.tablesorter tr.odd td.expandCell {
        -webkit-box-shadow: inset 3px 0px 0px 0px #85C2FF;
        -moz-box-shadow: inset 3px 0px 0px 0px #85C2FF;
        box-shadow: inset 3px 0px 0px 0px #85C2FF;
    }

    table.tablesorter tr.voyages.tablesorter-childRow td {
        /*background-color: #fff;*/
    }

    table.tablesorter tr.voyages.tablesorter-childRow td.filter {
        /*background-color: #C6E1C7;*/ /* filter light green */
    }

    /* Column Widget -Maren2_unit_tests_32 column sort colors */
    table.tablesorter td.primary, table.tablesorter tr.odd td.primary {
        /*background-color: #c0c0ff;*/
    }

    table.tablesorter tr.even td.primary {
        /*background-color: #e8e8ff;*/
    }

    table.tablesorter td.secondary, table.tablesorter tr.odd td.secondary {
        /*background-color: #d6d6ff;*/
    }

    table.tablesorter tr.even td.secondary {
        /*background-color: #e8e8ff;*/
    }

    table.tablesorter td.tertiary, table.tablesorter tr.odd td.tertiary {
        /*background-color: #e5e5ff;*/
    }

    table.tablesorter tr.even td.tertiary {
        /*background-color: #f8f8ff;*/
    }

    table.fuelBunkerlist {
        table-layout: fixed;
    }

    table.fuelBunkerlist td {
        text-overflow: ellipsis;
        overflow: hidden;
    }

    table.fuelBunkerlist td.Dispute {
        display: table-cell;
        position: inherit;
    }

    table.fuelBunkerlist td.Dispute.True {
        color: red;
    }

    /* Shiplist Style */
    table.shiplist .header,
    table.shiplist .tablesorter-header {
        /*background-color: #D9DADE;
        padding: 4px 4px 4px 4px;*/
    }

    table.shiplist,
    table.shiplist th,
    table.shiplist td {
        /*border: 1px solid #E3E3E4;*/
    }

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

    table.shiplist td .sparkLineHolder {
        cursor: pointer;
    }

    table.userlist .header,
    table.userlist .tablesorter-header {
        background-color: #D9DADE;
        padding: 4px 4px 4px 4px;
    }

    table.userlist,
    table.userlist th,
    table.userlist td {
        border: 1px solid #E3E3E4;
        overflow: hidden;
    }

    table.userlist td .sparkLineHolder {
        cursor: pointer;
    }

    /* filter widget */
    table.tablesorter input.tablesorter-filter,
    table.tablesorter select.tablesorter-filter {
        width: 95%;
        height: inherit;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    table.tablesorter tr.tablesorter-filter,
    table.tablesorter tr.tablesorter-filter td {
        text-align: center;
        background: #fff;
    }

    /* optional disabled input styling */
    table.tablesorter input.tablesorter-filter.disabled,
    table.tablesorter select.tablesorter-filter.disabled {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .hideDataGrid {
        visibility: hidden;
    }

    table.tablesorter tbody tr.row {
        cursor: auto;
    }

    table .key {
        display: none;
    }

    table.tablesorter tbody tr.rowselected td {
        background-color: Aqua;
    }

    table.tablesorter tbody tr.invalid td {
        color: Silver;
    }

    /* REPORTS */
    #ReportTitle {
        margin: 5px 0 10px 0;
    }

    #ReportTitle span {
        color: #777;
        margin-left: 10px;
    }

    .report .summary table {
        width: 100%;
        background: #eee;
    }

    .report .summary table td {
        width: 25%;
        padding: 0 10px;
        border: 1px solid #bbb;
    }

    .report .summary table h3 {
        font-size: .8em;
        font-weight: normal;
        margin-bottom: 5px;
    }

    .report .summary table p {
        font-size: 1.5em;
        margin: 0 0 12px 0;
    }

    .ui-menu {
        list-style: none;
        margin: 0;
        padding: 0;
        background-color: White;
        border: 1px solid #000;
        width: 143px;
    }

    .ui-menu li {
        cursor: auto;
        padding-left: 27px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .ui-menu li:hover {
        cursor: pointer;
        background-color: #F5F5F5;
    }

    table.tablesorter.offset thead th {
        padding-right: 20px;
    }

    /*Manual reports*/
    table.reportTable th.dateCol {
        width: 100px;
    }

    .itemDiv.TagValueItem label {
        display: block;
        text-align: right;
    }

    .itemDiv.TagValueItem.first.last label.content {
        display: block;
        text-align: right;
        width: auto !important;
    }

    .itemDiv.TagValueItem label.title {
        display: block;
        text-align: left;
        width: 250px !important;
    }

    .itemDiv.SimpleLabelItem label,
    .itemDiv.ConsumptionItem label,
    .itemDiv.BunkeringItem label
    {
        font-weight: bold;
    }

    .reportDiv .ConsumptionItem
    .reportDiv .BunkeringItem
    {
        font-size: 1.25em;
    }

    .itemDiv.StringListItem label.title {
        display: block;
        float: left;
        text-align: left;
        width: 250px !important;
    }

    td.centeralign {
        text-align: center;
    }

    /* ==|== User management=======================================================
   Styles for fleet overviewsection
   ========================================================================== */
    #fleetContainer tfoot th {
        text-align: right;
    }

    #fleetContainer td {
        text-align: right;
    }

    #fleetContainer td.centeralign {
        text-align: center;
    }

    #fleetContainer td.leftalign {
        text-align: left;
    }

    /* ==|== User management=======================================================
   Styles for single ship datagrid
   ========================================================================== */
    .report h2.datagrid-headline {
        border: 1px solid #bbb;
        background: #eee;
    }

    .report h2.datagrid-headline a {
        color: #333;
        padding: 3px;
        display: block;
    }

    .report h2.datagrid-headline a:hover {
        background-color: #bbb;
        color: #fff;
        display: block;
        text-shadow: 0 1px 0 #555;
    }

    .report .active h2.datagrid-headline a {
        background: #bbb url(/Content/img/ico/bullet_toggle_minus.png) no-repeat 100% 80%;
    }

    .uparrow a {
        background: url(/Content/img/ico/bullet_toggle_plus.png) no-repeat 100% 80%;
    }

    .downarrow a {
        background: url(/Content/img/ico/bullet_toggle_minus.png) no-repeat 100% 80%;
    }

    /* ==|== Voyages =======================================================
   Styles for voyages section
   ========================================================================== */
    .widget .tablesorter td.positive {
        color: #006600;
    }

    .widget .tablesorter td.negative {
        color: #A00000;
    }

    table td.voyagetd1 {
        width: 33%;
    }

    table td.voyagetd2 {
        width: 17%;
    }

    table td.voyagetd3 {
        width: 67%;
    }

    .timelocationdiv {
        /*height: 100px;*/
    }

    .btn.VoyageAddButton {
        cursor: pointer;
    }

    table tr.bottomline {
        border-bottom: 1px solid #000;
    }

    .voyageNoteTitle {
        font-size: 1.1em;
    }

    /* ==|== Analytics =======================================================
   Styles for analytics section
   ========================================================================== */
    #div-LastUpdatedWidget {
        position: relative;
        height: 0;
    }

    #LastUpdatedWidget {
        position: absolute;
        top: -60px;
        bottom: -30px;
    }

    #LastUpdatedWidget h3 {
        float: right;
        color: #C9C9C9;
    }

    .applyButton {
        margin-bottom: 8px;
    }

    .filter-bar-subnav {
        /*margin: 0;
        margin-left: 6px;*/
    }

    .filter-bar-subnav ul li:not(.ui-corner-all) {
        float: left;
        list-style: none;
        /*margin: 9px 10px 6px 0;*/
    }

    .filter-bar-subnav ul li a {
        /*padding: 5px 24px 7px 0;*/
    }

    .ui-daterangepickercontain ul li a {
        padding: 0;
    }

    .stateSelector ul {
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 0;
        background-color: white;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .stateSelector ul li {
        display: block;
        border: 0;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .stateSelector ul li a {
        display: block;
        width: 100%;
        padding: 1px 10px;
        padding: 5px 10px 7px 10px;
    }

    .stateSelector ul li:hover,
    .stateSelector ul li.odd:hover,
    .stateSelector ul li.odd:hover {
        background: #eee;
    }

    .stateSelector ul li.odd {
        background: #f8f8f8;
    }

    .shipselector ul li.odd {
        background: #f8f8f8;
        margin: 0;
    }

    .stateSelector label {
        display: block;
        text-indent: -15px;
    }

    #stateSliderContainer .selectorButtonDiv {
        display: inline;
        padding-right: 8px;
    }

    #manualreport-nav .analyticsSelector ul {
        width: 914px;
    }

    .analyticsSelector ul {
        /*height: 150px;*/
        /*background-color: white;*/
        /*border: 1px solid #999;*/
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        /*margin: 10px 0;*/
        /*overflow-y: auto;
        overflow-x: hidden;*/
        padding: 0;
        /*width: 916px;*/
    }  

    .reportTypeSelector ul {
        /*height: auto;
        max-height: 140px;*/
        background-color: white;
        /*border: 1px solid #999;*/
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        /*margin: 10px 0;*/
        /*overflow-y: auto;
        overflow-x: hidden;*/
        padding: 3px 0;
        /*width: 914px;*/
    }

    .analyticsSelector ul li, .reportTypeSelector ul li {
        display: block;
        border: 0;
        /*width: 100%;*/
        margin: 0;
        padding: 0;
        cursor: pointer;
    }

    .analyticsSelector ul li a, .reportTypeSelector ul li a {
        display: block;
        width: 100%;
        padding: 1px 10px;
        padding: 5px 10px 7px 10px;
    }

    .analyticsSelector ul li:hover,
    .analyticsSelector ul li.odd:hover,
    .reportTypeSelector ul li:hover,
    .reportTypeSelector ul li.odd:hover {
        background: #eee;
    }

    .analyticsSelector ul li.odd, .shipselector ul li.odd, .reportTypeSelector ul li.odd {
        /*background: #f8f8f8;*/
        margin: 0;
    }

    .analyticsSelector label, .reportTypeSelector label {
        display: block;
        padding: 0px 5px 0px 23px;
        text-indent: -15px;
    }

    .ShipSelectorInput {
        margin-right: 5px;
        vertical-align: bottom;
        position: relative;
        top: -0px;
        overflow: hidden;
    }

    .StateInput {
        margin-right: 5px;
        vertical-align: bottom;
        position: relative;
        top: -0px;
        overflow: hidden;
    }

    .filter-bar-nav {
        /*border: 1px solid #ddd;*/
        width: 1200px;
        min-height: 33px;
        /*float: left;*/
        padding: 0;
        /*margin: 0px 0 0px 10px;*/
        /*background: #EFEFEF;*/
        z-index: 99;
    }

    .portSelector Strong {
        /*display: block;
        padding: 0px 0px 5px 2px;*/
    }

    .selectorButtonDiv {
        /*clear: left;
        margin: 10px 0px 5px 0px;*/
    }

    .selectorButtonDiv .btn {
        /*margin: 0px 10px 0px 0px;*/
    }

.durationText {
    width:50px;
    margin-left: 10px;
    padding:0 0.375rem 0 0.375rem;
    font-weight: 400;
    line-height: 1.7;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
}

    #alertTextDuration {
        width: 99%;
        /*margin-top: 15px;*/
        display: block !important;
    }

    #durationAndLabel, #durationUnitLabel, #durationTextSecond {
        margin-left: 10px;
    }
#durationAndLabel{
    margin-bottom: 0.3rem !important;
}

#shiplist {
    margin-left: 4px;
}

    #datepicker, #datemonthpicker, #datetimepicker {
        -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        border: 0;
        border-radius: .125rem;
        width: 220px;
        height: 30px;
        font-size: 0.8rem;
        /*margin: 4px 0px 4px 0;*/
        padding: 3px 3px 2px 35px;
        /*border: 1px solid #bbb;*/
        background: #fff url(/Content/images/Calendar.svg) no-repeat 10px 50%;
    }

    .ComponentCheckbox {
        width: 13px;
        height: 13px;
        padding: 0;
        margin: 0;
        vertical-align: bottom;
        position: relative;
        top: -1px;
        *overflow: hidden;
    }

    #datepickercontainer {
        float: right;
        /*margin-right: 40px;
        margin-left: 8px !important;*/
    }

    #datepicker:disabled {
        background: rgb(235, 235, 228) url(/Content/img/ico/calendar.png) no-repeat 3px 30%;
    }

    .filter-bar-nav span a {
        /*color: #333;
        padding: 0 3px 0 2px;*/
        cursor: pointer;
    }

    .filter-bar-nav .filter-bar-subnav li:not(.ui-corner-all) {
        /*border-right: 1px dotted #BBB;
        background: url(/Content/img/asc.gif) no-repeat right;*/
        cursor: pointer;
        float: left;
    }

    /*fixed lenght for selector buttons*/
    .filter-bar-nav .filter-bar-subnav li.reportButton, .filter-bar-nav .filter-bar-subnav li.shipSelectorButton,
    .filter-bar-nav .filter-bar-subnav li.filtersSelectorButton, .filter-bar-nav .filter-bar-subnav li.singleShipSelectorButton {
        text-transform: none;
        background-color: white;
        height: 30px;
    }

    /*fixed lenght for selector buttons*/
    .filter-bar-nav .filter-bar-subnav li.shipButton {
        width: 110px;
    }


    .filter-bar-nav .filter-bar-subnav .open {
        font-weight: bold;
        /*font-size :12px;*/
    }

    .filter-bar-nav .filter-bar-subnav .selectorOpen {
        font-weight: bold;
    }

    .widgetlabelWarning {
        /*margin-top: 2px;*/
        /*margin-left: 2px;*/
        padding: 0px 2px 0px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        /*height: 12px;*/
        width: 14px;
        line-height: inherit;
        display: inline-block;
    }

    .fuelWarningBox {
        float: left;
        /*margin-right: 4px;*/
        margin-top: -2px;
        /*padding: 1px 2px 2px 2px;*/
        /*-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;*/
    }

    .widgetlabelWarning span.icon-exclamation-sign {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        display: inline-block;
    }

    .popover-title {
        height: auto;
    }

    .widgetlabel {
        padding: 2px 5px 3px;
        /*font-size: 11px;*/
        font-weight: bold;
        /*color: white;*/
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: none !important;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .companycomponentlabel {
        display: inline-block;
        margin-top: 2px;
    }

    /* ==|== Summary Widget=======================================================
   Styles for Summary Widget
   ========================================================================== */
    .SummaryWidget table {
        background: -moz-linear-gradient(center bottom, #F5F2F5 0%, #FFFFFF 71%, #FFFFFF 86%);
        background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F2F5));
        margin-bottom: 40px;
        width: 100%;
        border: 1px solid #EEEEEE;
    }

    .SummaryWidget table tr:hover {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: transparent;
        background-image: none;
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto auto;
    }

    .SummaryWidget table td, .SummaryWidget table th {
        border-left: 1px solid #EEEEEE;
        border-right: 1px solid #EEEEEE;
        -moz-border-image: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-left-color-ltr-source: physical;
        border-left-color-rtl-source: physical;
        border-left-color-value: #EEEEEE;
        border-left-style-ltr-source: physical;
        border-left-style-rtl-source: physical;
        border-left-style-value: solid;
        border-left-width-ltr-source: physical;
        border-left-width-rtl-source: physical;
        border-left-width-value: 1px;
        border-right-color-ltr-source: physical;
        border-right-color-rtl-source: physical;
        border-right-color-value: #EEEEEE;
        border-right-style-ltr-source: physical;
        border-right-style-rtl-source: physical;
        border-right-style-value: solid;
        border-right-width-ltr-source: physical;
        border-right-width-rtl-source: physical;
        border-right-width-value: 1px;
        padding-bottom: 0;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0;
        width: 25%;
        text-align: left;
    }

    .SummaryWidget table h3 {
        font-size: 0.8em;
        font-weight: normal;
        margin-bottom: 5px;
    }

    .SummaryWidget table p {
        font-size: 1.5em;
        margin-bottom: 12px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }

    .SummaryWidget table td {
        border-top: none;
    }

    .SummaryWidget table th {
        border-bottom: none;
    }

    .SummaryWidget th:first-child, .SummaryWidget td:first-child {
        border-left: none;
    }

    .SummaryWidget th:last-child, .SummaryWidget td:last-child {
        border-right: none;
    }

    .SummaryWidget thead {
        border-bottom: none;
    }

    table.ShipStatusLogTable td {
    }

    table.ShipEventLogTable .hide {
        display: none;
    }

    table.ShipStatusLogTable .hide {
        display: none;
    }

    table.ShipStatusLogTable tr:hover {
        background: #fff;
    }

    /* ==|== SEEMP helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
    .AlignHeaderLeft table thead th {
        text-align: left;
    }

    .displayInline {
        Display: inline;
    }

    .AddButton {
        Display: inline;
        text-color: #FFF;
    }

    .onlineTextArea ul, .onlineTextArea ol {
        padding-left: 50px;
    }

    /* ==|== Bootstrap button classes ========================================
   Bootstrap button
   ========================================================================== */
    .label, .badge {
        background-color: #999999;
        color: #FFFFFF;
        display: inline-block;
        font-size: 11.844px;
        font-weight: 500 !important;
        line-height: 14px;
        /*padding: 2px 4px;*/
        /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        vertical-align: baseline;
        white-space: nowrap;
    }

    .label {
        border-radius: 3px 3px 3px 3px;
    }

    .badge {
        border-radius: 9px 9px 9px 9px;
        padding-left: 9px;
        padding-right: 9px;
    }

    .label:empty, .badge:empty {
        display: none;
    }

    a.label:hover, a.label:focus, a.badge:hover, a.badge:focus {
        color: #FFFFFF;
        cursor: pointer;
        text-decoration: none;
    }

    .label-important, .badge-important {
        background-color: #B94A48;
    }

    .label-important[href], .badge-important[href] {
        background-color: #953B39;
    }

    .label-warning, .badge-warning {
        background-color: #F89406;
    }

    .label-ballast {
        background-color: #425F98;
    }

    .label-intermediate {
        background-color: #FEBC3F;
    }

    .label-loaded {
        background-color: #BB523F;
    }

    h5.loadingconditionheader {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .loadingcondiditioninfo {
        height: 50px;
        margin: 5px 5px 5px 5px;
    }

    .loadingconditiontextboxarea {
        height: 37px;
    }

    .label-warning[href], .badge-warning[href] {
        background-color: #C67605;
    }

    .label-success, .badge-success {
        background-color: #468847;
    }

    .label-success[href], .badge-success[href] {
        background-color: #356635;
    }

    .label-info, .badge-info {
        /*background-color: #3A87AD;*/
    }

    .label-info[href], .badge-info[href] {
        background-color: #2D6987;
    }

    .label-inverse, .badge-inverse {
        background-color: #333333;
    }

    .label-inverse[href], .badge-inverse[href] {
        background-color: #1A1A1A;
    }

    .btn .label, .btn .badge {
        position: relative;
        top: -1px;
    }

    [class^="icon-"], [class*=" icon-"] {
        background-image: url("/Content/img/glyphicons-halflings.png");
        background-position: 14px 14px;
        background-repeat: no-repeat;
        display: inline-block;
        height: 14px;
        line-height: 14px;
        margin-top: 1px;
        vertical-align: text-top;
        width: 14px;
    }

    .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:focus > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], .dropdown-submenu:focus > a > [class*=" icon-"] {
        background-image: url("/Content/img/glyphicons-halflings-white.png");
    }

    .icon-glass {
        background-position: 0 0;
    }

    .icon-music {
        background-position: -24px 0;
    }

    .icon-search {
        background-position: -48px 0;
    }

    .icon-envelope {
        background-position: -72px 0;
    }

    .icon-heart {
        background-position: -96px 0;
    }

    .icon-star {
        background-position: -120px 0;
    }

    .icon-star-empty {
        background-position: -144px 0;
    }

    .icon-user {
        background-position: -168px 0;
    }

    .icon-film {
        background-position: -192px 0;
    }

    .icon-th-large {
        background-position: -216px 0;
    }

    .icon-th {
        background-position: -240px 0;
    }

    .icon-th-list {
        background-position: -264px 0;
    }

    .icon-ok {
        background-position: -288px 0;
    }

    .icon-remove {
        background-position: -312px 0;
    }

    .icon-zoom-in {
        background-position: -336px 0;
    }

    .icon-zoom-out {
        background-position: -360px 0;
    }

    .icon-off {
        background-position: -384px 0;
    }

    .icon-signal {
        background-position: -408px 0;
    }

    .icon-cog {
        background-position: -432px 0;
    }

    .icon-trash {
        background-position: -456px 0;
    }

    .icon-home {
        background-position: 0 -24px;
    }

    .icon-file {
        background-position: -24px -24px;
    }

    .icon-time {
        background-position: -48px -24px;
    }

    .icon-road {
        background-position: -72px -24px;
    }

    .icon-download-alt {
        background-position: -96px -24px;
    }

    .icon-download {
        background-position: -120px -24px;
    }

    .icon-upload {
        background-position: -144px -24px;
    }

    .icon-inbox {
        background-position: -168px -24px;
    }

    .icon-play-circle {
        background-position: -192px -24px;
    }

    .icon-repeat {
        background-position: -216px -24px;
    }

    .icon-refresh {
        background-position: -240px -24px;
    }

    .icon-list-alt {
        background-position: -264px -24px;
    }

    .icon-lock {
        background-position: -287px -24px;
    }

    .icon-flag {
        background-position: -312px -24px;
    }

    .icon-headphones {
        background-position: -336px -24px;
    }

    .icon-volume-off {
        background-position: -360px -24px;
    }

    .icon-volume-down {
        background-position: -384px -24px;
    }

    .icon-volume-up {
        background-position: -408px -24px;
    }

    .icon-qrcode {
        background-position: -432px -24px;
    }

    .icon-barcode {
        background-position: -456px -24px;
    }

    .icon-tag {
        background-position: 0 -48px;
    }

    .icon-tags {
        background-position: -25px -48px;
    }

    .icon-book {
        background-position: -48px -48px;
    }

    .icon-bookmark {
        background-position: -72px -48px;
    }

    .icon-print {
        background-position: -96px -48px;
    }

    .icon-camera {
        background-position: -120px -48px;
    }

    .icon-font {
        background-position: -144px -48px;
    }

    .icon-bold {
        background-position: -167px -48px;
    }

    .icon-italic {
        background-position: -192px -48px;
    }

    .icon-text-height {
        background-position: -216px -48px;
    }

    .icon-text-width {
        background-position: -240px -48px;
    }

    .icon-align-left {
        background-position: -264px -48px;
    }

    .icon-align-center {
        background-position: -288px -48px;
    }

    .icon-align-right {
        background-position: -312px -48px;
    }

    .icon-align-justify {
        background-position: -336px -48px;
    }

    .icon-list {
        background-position: -360px -48px;
    }

    .icon-indent-left {
        background-position: -384px -48px;
    }

    .icon-indent-right {
        background-position: -408px -48px;
    }

    .icon-facetime-video {
        background-position: -432px -48px;
    }

    .icon-picture {
        background-position: -456px -48px;
    }

    .icon-pencil {
        background-position: 0 -72px;
    }

    .icon-map-marker {
        background-position: -24px -72px;
    }

    .icon-adjust {
        background-position: -48px -72px;
    }

    .icon-tint {
        background-position: -72px -72px;
    }

    .icon-edit {
        background-position: -96px -72px;
    }

    .icon-share {
        background-position: -120px -72px;
    }

    .icon-check {
        background-position: -144px -72px;
    }

    .icon-move {
        background-position: -168px -72px;
    }

    .icon-step-backward {
        background-position: -192px -72px;
    }

    .icon-fast-backward {
        background-position: -216px -72px;
    }

    .icon-backward {
        background-position: -240px -72px;
    }

    .icon-play {
        background-position: -264px -72px;
    }

    .icon-pause {
        background-position: -288px -72px;
    }

    .icon-stop {
        background-position: -312px -72px;
    }

    .icon-forward {
        background-position: -336px -72px;
    }

    .icon-fast-forward {
        background-position: -360px -72px;
    }

    .icon-step-forward {
        background-position: -384px -72px;
    }

    .icon-eject {
        background-position: -408px -72px;
    }

    .icon-chevron-left {
        background-position: -432px -72px;
    }

    .icon-chevron-right {
        background-position: -456px -72px;
    }

    .icon-plus-sign {
        background-position: 0 -96px;
    }

    .icon-minus-sign {
        background-position: -24px -96px;
    }

    .icon-remove-sign {
        background-position: -48px -96px;
    }

    .icon-ok-sign {
        background-position: -72px -96px;
    }

    .icon-question-sign {
        background-position: -96px -96px;
    }

    .icon-info-sign {
        background-position: -120px -96px;
    }

    .icon-screenshot {
        background-position: -144px -96px;
    }

    .icon-remove-circle {
        background-position: -168px -96px;
    }

    .icon-ok-circle {
        background-position: -192px -96px;
    }

    .icon-ban-circle {
        background-position: -216px -96px;
    }

    .icon-arrow-left {
        background-position: -240px -96px;
    }

    .icon-arrow-right {
        background-position: -264px -96px;
    }

    .icon-arrow-up {
        background-position: -289px -96px;
    }

    .icon-arrow-down {
        background-position: -312px -96px;
    }

    .icon-share-alt {
        background-position: -336px -96px;
    }

    .icon-resize-full {
        background-position: -360px -96px;
    }

    .icon-resize-small {
        background-position: -384px -96px;
    }

    .icon-plus {
        background-position: -408px -96px;
    }

    .icon-minus {
        background-position: -433px -96px;
    }

    .icon-asterisk {
        background-position: -456px -96px;
    }

    .icon-exclamation-sign {
        background-position: 0 -120px;
    }

    .icon-gift {
        background-position: -24px -120px;
    }

    .icon-leaf {
        background-position: -48px -120px;
    }

    .icon-fire {
        background-position: -72px -120px;
    }

    .icon-eye-open {
        background-position: -96px -120px;
    }

    .icon-eye-close {
        background-position: -120px -120px;
    }

    .icon-warning-sign {
        background-position: -144px -120px;
    }

    .icon-plane {
        background-position: -168px -120px;
    }

    .icon-calendar {
        background-position: -192px -120px;
    }

    .icon-random {
        background-position: -216px -120px;
        width: 16px;
    }

    .icon-comment {
        background-position: -240px -120px;
    }

    .icon-magnet {
        background-position: -264px -120px;
    }

    .icon-chevron-up {
        background-position: -288px -120px;
    }

    .icon-chevron-down {
        background-position: -313px -119px;
    }

    .icon-retweet {
        background-position: -336px -120px;
    }

    .icon-shopping-cart {
        background-position: -360px -120px;
    }

    .icon-folder-close {
        background-position: -384px -120px;
        width: 16px;
    }

    .icon-folder-open {
        background-position: -408px -120px;
        width: 16px;
    }

    .icon-resize-vertical {
        background-position: -432px -119px;
    }

    .icon-resize-horizontal {
        background-position: -456px -118px;
    }

    .icon-hdd {
        background-position: 0 -144px;
    }

    .icon-bullhorn {
        background-position: -24px -144px;
    }

    .icon-bell {
        background-position: -48px -144px;
    }

    .icon-certificate {
        background-position: -72px -144px;
    }

    .icon-thumbs-up {
        background-position: -96px -144px;
    }

    .icon-thumbs-down {
        background-position: -120px -144px;
    }

    .icon-hand-right {
        background-position: -144px -144px;
    }

    .icon-hand-left {
        background-position: -168px -144px;
    }

    .icon-hand-up {
        background-position: -192px -144px;
    }

    .icon-hand-down {
        background-position: -216px -144px;
    }

    .icon-circle-arrow-right {
        background-position: -240px -144px;
    }

    .icon-circle-arrow-left {
        background-position: -264px -144px;
    }

    .icon-circle-arrow-up {
        background-position: -288px -144px;
    }

    .icon-circle-arrow-down {
        background-position: -312px -144px;
    }

    .icon-globe {
        background-position: -336px -144px;
    }

    .icon-wrench {
        background-position: -360px -144px;
    }

    .icon-tasks {
        background-position: -384px -144px;
    }

    .icon-filter {
        background-position: -408px -144px;
    }

    .icon-briefcase {
        background-position: -432px -144px;
    }

    .icon-fullscreen {
        background-position: -456px -144px;
    }

    .marorkaDarkBlue {
        background-color: #192967;
        background-position: 0 -30px;
    }

    .marorkaDarkBlue:hover,
    .marorkaDarkBlue:active,
    .marorkaDarkBlue.active {
        background-color: #7f9fb3;
        background-position: 0 -30px;
    }

    .marorkaDarkBlue.disabled,
    .marorkaDarkBlue[disabled] {
        background-color: #192967;
        color: black;
    }

    .marorkaOrange {
        background-color: #ED8B00;
        background-position: 0 -30px;
    }

    .marorkaOrange:hover,
    .marorkaOrange:active,
    .marorkaOrange.active {
        background-color: #ffaa4d;
        background-position: 0 -30px;
    }

    .marorkaOrange.disabled,
    .marorkaOrange[disabled] {
        background-color: #ED8B00;
        color: black;
    }

    .marorkaRed {
        background-color: #9B2335;
        background-position: 0 -30px;
    }

    .marorkaRed:hover,
    .marorkaRed:active,
    .marorkaRed.active {
        background-color: #e17a89;
        background-position: 0 -30px;
    }

    .marorkaRed.disabled,
    .marorkaRed[disabled] {
        background-color: #9B2335;
        color: black;
    }

    div.ViewMeasure h3 + p {
        margin-top: -12px;
    }

    .btn.disabled,
    .btn[disabled] {
        cursor: default;
        background-color: #e6e6e6;
        background-image: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-large {
        padding: 11px 19px;
        font-size: 17.5px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .btn-large [class^="icon-"],
    .btn-large [class*=" icon-"] {
        margin-top: 4px;
    }

    .btn-small {
        padding: 2px 10px;
        font-size: 11.9px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .btn-small [class^="icon-"],
    .btn-small [class*=" icon-"] {
        margin-top: 0;
    }

    .btn-mini [class^="icon-"],
    .btn-mini [class*=" icon-"] {
        margin-top: -1px;
    }

    .btn-mini {
        padding: 0 6px;
        font-size: 10.5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }


    .label-info {
        /*background-color: #3a87ad;
        color: White;*/
    }

    span[rel=popover] {
        cursor: pointer;
    }

    /* ==|== table helper classes ========================================
   table styles
   ========================================================================== */
    thead {
        border-bottom: 1px dotted #BBB;
    }

    /* ==|== filter helper classes ========================================
   Gauge Container styles
   ========================================================================== */
    #gaugeContainer {
        margin: 0;
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .gaugeWidget {
        width: 25%;
        height: 100%;
        float: left;
    }

    /* ==|== filter helper classes ========================================
   filter styles
   ========================================================================== */
    .filterTextBoxContainer {
        margin: 0px;
        padding: 0px;
        float: right;
    }

    .voyageFilter {
        margin: 0;
    }

    .filterTextBox {
        margin: 0;
        padding: 0;
        height: 27px;
        text-align: center;
        margin: 4px 6px 6px 0px;
        padding: 3px 3px 2px 3px;
        border: 1px solid #BBB;
        vertical-align: baseline;
    }

    #draftFilter {
        width: 85px;
    }

    #stateFilter {
        width: 115px;
    }

    #speedFilter {
        /*width: 100px;*/
    }

    #windFilter {
        width: 115px;
    }

    .filterSlider {
        z-index: 999;
        /*background-color: White;*/
        padding: 0px;
        /*margin: 5px;*/
        min-width: 230px;
        min-height: 60px;
        /*border: 1px solid #DDD;*/
    }

    .sliderContainer {
        min-width: 230px;
        min-height: 20px;
        /*margin: 20px 25px 20px 22px;*/
        margin: 10px;
        height: 7px;
        display: block;
    }

    .filterSliderTitle {
        border-bottom: 1px dotted gray;
        margin-bottom: 5px;
        padding: 5px;
        margin-top: 0px;
        min-height: 20px;
    }

    .filterSliderNote {
        border-bottom: 1px dotted gray;
        margin-bottom: 5px;
        padding: 5px;
        margin-top: 0px;
        min-height: 20px;
        font-style: italic;
        font-size: small;
    }

    .filterSliderTitle .manualReportsTitle {
        margin-top: 1px;
        float: right;
    }

    .thin_italics {
        font-style: italic;
        font-weight: 400;
    }

    .filterButtons {
        float: right;
        padding-right: 10px;
    }

    .filterFooter {
        width: 100%;
        /*padding-top: 5px;*/
        min-height: 15px;
        /*border-top: 1px dotted gray;*/
        display: block;
        clear: both;
    }

    .filterMinValue {
        float: left;
    }

    .filterMaxValue {
        float: right;
    }

    .filterSliderValue {
        padding: 5px;
    }

    #FilterDOMStorage .ui-state-default, #FilterDOMStorage .ui-widget-content .ui-state-default, #FilterDOMStorage .ui-widget-header .ui-state-default {
        background: #551A8B url(/Content/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    }

#FilterDOMStorage .ui-state-hover, #FilterDOMStorage .ui-widget-content .ui-state-hover, #FilterDOMStorage .ui-widget-header .ui-state-hover {
    background: #DADADA url(/Content/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
}

    #FilterDOMStorage .ui-state-active, #FilterDOMStorage .ui-widget-content .ui-state-active, #FilterDOMStorage .ui-widget-header .ui-state-active {
        background: #FFFFFF url(/Content/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    }

    /* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
    /* For image replacement */
    .ir {
        display: block;
        border: 0;
        text-indent: -999em;
        overflow: hidden;
        background-color: transparent;
        background-repeat: no-repeat;
        text-align: left;
        direction: ltr;
    }

    .ir br {
        display: none;
    }

    /* Hide from both screenreaders and browsers: h5bp.com/u */
    .hidden {
        display: none !important;
        visibility: hidden;
    }

    /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
    .visuallyhidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

    /* Hide visually and from screenreaders, but maintain layout */
    .invisible {
        visibility: hidden;
    }

    /* Contain floats: h5bp.com/q */
    .clearfix:before, .clearfix:after {
        content: "";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

    .clearfix {
        zoom: 1;
    }


    /* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
    /*@media only screen and (min-width: 480px) {
         Style adjustments for viewports 480px and over go here

    }

    @media only screen and (min-width: 768px) {
         Style adjustments for viewports 768px and over go here

    }*/
    /* Style for Ship List */
    .shiplist {
    }


    /* ==|== User management=======================================================
   Styles for user management section
   ========================================================================== */
    .reportListDiv {
        position: relative;
        padding-right: 10px;
    }

    .buttonDiv {
        border-top: 1px solid black;
        width: 100%;
        text-align: right;
        padding-top: 10px;
    }

    .usersTable table {
        width: 100%;
    }

    .usersTable tbody tr.odd {
        background-color: #f2f2f2;
    }

    .usersTable tbody tr.even {
        background-color: #ffffff;
    }

    .usersTable {
        min-height: 200px;
    }

    .usersTable thead th {
        text-align: left;
        border-bottom: 1px solid black;
    }

    .usersTable thead th,
    .usersTable tbody td {
        padding: 2px;
        min-width: 30px;
    }

    .usersTable tbody tr:hover {
        background-color: #b7c5e0;
        ___cursor: pointer;
    }

    .usersTable tbody tr a:hover {
        text-decoration: underline;
    }

    .usersTable td.editcol,
    .usersTable td.resetpasswordcol,
    .usersTable td.administratorcol,
    .usersTable td.deletecol,
    .usersTable thead th.Edit,
    .usersTable thead th.ResetPassword,
    .usersTable thead th.Administrator,
    .usersTable thead th.Delete {
        text-align: center;
    }

    .usersTable thead th.Name,
    .usersTable thead th.UserName,
    .usersTable thead th.Email {
        width: 110px;
    }

    span.action {
        color: #192A68;
        text-decoration: none;
        font-weight: 700;
    }

    span.action:hover {
        cursor: pointer;
    }

    .loadingCurtains {
        background: #FFFFFF;
        height: 300px;
        opacity: 0.72;
        filter: alpha(opacity=72);
        position: absolute;
        width: 800px;
    }

    .loadingText {
        position: absolute;
        width: 800px;
        margin-top: 45px;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        height: 60px;
        background: url("/Content/img/ajax-loader.gif") no-repeat scroll 50% 16px transparent;
    }

    .generatedTable tr {
        background-color: white;
    }

    .generatedTable tr.even {
        background-color: #ececec;
    }

    .create_action {
        font-weight: bold;
        margin: 5px 5px 15px;
        text-align: right;
    }

    .radWindow {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    .radWindow .curtains {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: black;
        opacity: 0.72;
        filter: alpha(opacity=72);
        z-index: 99;
    }

    .radWindow .radHolder {
        position: absolute;
        width: 300px;
        margin-top: 200px;
        z-index: 101;
        background-color: #EFEFEF;
        border: 1px solid #CDCDCD;
        padding: 8px 16px;
    }

    .radWindow .radHolder span {
        font-weight: bold;
    }

    .radWindow .radHolder label {
        display: block;
        float: left;
        margin-top: 4px;
        padding-bottom: 2px;
        width: 70px;
        color: #000000;
    }

    .radWindow .radHolder .close {
        color: #666666;
        float: right;
        font-weight: bold;
    }

    .radWindow .radHolder .close:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    .radWindow .radHolder p.input {
        padding: 10px 20px;
    }

    .radWindow .radHolder p.btn {
        padding-bottom: 20px;
    }

    .formItem {
        margin: 2px;
        padding: 1px;
    }

    .formItem input {
        width: 215px;
    }

    .formItem input.error {
        border-color: #FF0000;
    }

    .formItem label.error {
        color: #FF0000;
        width: 100%;
        display: block;
        margin: 1px 0 2px;
        text-align: right;
    }

    ___.formItem input.login_name {
        background: url("/Content/img/smallLoader.gif") no-repeat scroll 100% 50% white;
    }

    .formItem input.valid {
        background: url("/Content/img/okIcon.png") no-repeat scroll 100% 50% white !important;
    }

    .formItem input.error {
        background: url("/Content/img/ErrorIcon.jpg") no-repeat scroll 100% 50% white !important;
    }

    .titleRuler {
        height: 1px;
        border: 0;
        background-color: #000;
    }

    /* ==|== Management=========================================================
   Styles for management setion
   ========================================================================== */
    .DisplayNoWrap {
        white-space: nowrap !important;
    }

    .ship-details-button-group {
        float: right;
    }

    .ui-autocomplete {
        z-index: 10000 !important;
    }

    /* Autocomplete list separator */
    .ui-autocomplete li {
        border-top: 1px #ccc solid;
        padding: 2em 0;
    }

    .ui-autocomplete li:first-child {
        border-top: none;
        padding-top: 0;
    }

    .infospan {
        cursor: pointer;
    }

    .infobox {
        background-color: rgb(217, 237, 247);
        padding: 0 20px;
        padding-bottom: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: rgb(58, 135, 173);
        border: 1px solid rgb(188, 232, 241);
    }

    .infobox ul {
        margin-left: 20px;
    }

    .reportDiv .itemDiv {
        /*padding-left: 10px;*/
        padding-bottom: 5px;
        padding-top: 10px;
        min-width:30%;
        /*float: left;*/
    }

    .reportDiv .itemDiv.HeaderControl {
        padding-top: 0px;
        /*border-bottom: 1px dotted #bbbbbb;*/
    }

    .reportDiv .itemDiv.HeaderControl div {
        margin-bottom: 10px;
    }

    .reportDiv .breakdownHeader {
        display: block;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .reportDiv .itemDiv.first {
        padding-left: 0px;
    }

    .reportDiv .breakdownTable {
        /*border: 1px solid #bbbbbb;*/
        padding-top: 50px;
    }

    .reportDiv .breakdownTable th {
        /*background-color: #efefef;*/
        border-style: none !important;
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .reportDiv .itemDiv.HeaderControl .title,
    .reportDiv .itemDiv.UpdateTime .title{
        display: block;
        float: left;
        font-weight: bold;
        padding-right: 10px;
    }

    .reportDiv .breakdownTable tr.totalLine {
        /*background-color: #efefef;*/
        font-weight: bold;
    }

    .reportDiv .breakdownHeader, .reportDiv .SimpleLabelItem {
        font-size: 1.25em;
    }

    #reportlist {
        min-height: 600px;
    }

    #reportlist table {
        /*border: 1px solid #BBB;*/
        margin-bottom: 20px;
        width: 100%;
    }

    #reportlist table th {
        padding: 5px;
        /*background: #EFEFEF;*/
    }

    /*tr:hover*/
    #reportlist table tr.odd {
        /*background: #EEE;*/
    }

    #ReportsLogWidget table tr {
        cursor: pointer;
    }

    #div-ReportContent {
        min-height: 600px;
    }


    #ReportTitleDiv {
        /*border-bottom: 1px dotted #BBB;*/
    }

    .dellink {
        background-color: red;
        border-radius: 3px;
    }

    #pdfuploadta {
        resize: none;
    }

    #pdfDate {
        vertical-align: top;
        width: 7em;
    }

    #pdfDesc {
        vertical-align: top;
    }

    #pdfFileName {
        vertical-align: top;
    }

    #pdfIcon {
        vertical-align: top;
        width: 1em;
    }

    #pseudoUpdateTable, #uloadReportDesignTable {
        table-layout: fixed;
        width: 100%;
    }

    #pseudoUpdateTable th, #pseudoUpdateTable td, #uloadReportDesignTable th, #uloadReportDesignTable td {
        vertical-align: top;
        word-wrap: break-word;
    }

    #pseudoUpdateTable #t15, #uloadReportDesignTable #t15 {
        width: 15%;
    }

    #pseudoUpdateTable #t11, #uloadReportDesignTable #t11 {
        width: 11%;
    }

    #pseudoUpdateTable #t13, #uloadReportDesignTable #t13 {
        width: 13%;
    }

    #pseudoUpdateTable #t9, #uloadReportDesignTable #t9 {
        width: 9%;
    }

    #pseudoUpdateTable #t8, #uloadReportDesignTable #t8 {
        width: 8%;
    }

    #pseudoUpdateTable #t18, #uloadReportDesignTable #t18 {
        width: 18%;
    }

    #pseudoUpdateTable #t28, #uloadReportDesignTable #t28 {
        width: 28%;
    }

    #ReportContent Label {
        cursor: auto;
    }

    #ReportContent .fullWidth {
        clear: both;
    }

    .itemDiv .intakeItem label {
        display: inline-block;
        width: 250px;
    }

    #ReportContent .intakeItem {
        padding: 0 0 8px 0;
    }

    #ReportContent .TagValueItem .title, #ReportContent .TagValueItem .content {
        display: inline-block;
    }

    #ReportContent .TagValueItem .title, #ReportContent .StringListItem .title {
        width: 150px;
        /*--font-weight:bold;*/
    }

    #ReportContent .itemDiv.TagValueItem {
        padding: 0 0 8px 0;
    }

    #ReportTitle {
        float: left;
        width: 100%;
    }

    #ReportTitle .reportButtons {
        margin: -6px 0 0 20px;
        float: right;
    }

    .NoReportFields {
        width: 29% !important;
        display: block;
        background-color: #f2dede;
        text-align: center;
        margin-top: 0.2em;
    }

    .FieldDropDown {
        width: 30% !important;
    }

    .ShowReportDropDown {
        padding-bottom: 0.5em;
        cursor: pointer;
    }

    #HPD-Edit-Upper {
        margin-bottom: 1em;
        height: 12em;
    }

    #HPDInfo {
        width: 103%;
        height: 6.6em;
        overflow: auto;
        resize: none;
    }

    #HPDInfoDiv {
        float: left;
        margin-left: 0.5em;
        width: 64%;
    }

    #BaselinesInfoDiv {
        float: left;
        margin-left: 0.5em;
        width: 95%;
    }

    #SFOCBaselinesInfoDiv {
        float: left;
        margin-left: 0.5em;
        width: 99%;
        clear: right;
    }

    #DraftDiv {
        float: left;
        width: 32.5%;
        margin-bottom: 10px;
    }

    #delHpd {
        position: relative;
        left: 1.5em;
        float: right;
        margin-left: 5px;
    }

    #HPDSource {
        position: relative;
        left: 0.3em;
        width: 12em;
    }

    /*Class for the dynamically created div that contains the map*/
    .mapdiv {
        height: 100%;
        width: 100%;
    }

    .number-graph {
        float: left;
        width: 100%;
        /*margin-bottom: 30px;*/
    }

    .number-graph .number {
        float: left;
        padding: 25px 20px;
    }

    .number-graph .number span {
        font-size: 4em;
        font-weight: bold;
    }

    .number-graph .numberMonthly {
        float: left;
        padding: 25px 0 25px 15px;
    }

    .number-graph .numberMonthly span {
        font-size: 3em;
        font-weight: bold;
    }

    /* ==|== HTML5 list styles =======================================================
   type has been deprecated, opting that style information belongs
   in css.
   ========================================================================== */
    .list-lower-alpha {
        list-style-type: lower-alpha;
    }

    .list-lower-roman {
        list-style-type: lower-roman;
    }

    .wallboard-section-chart {
        height: 150px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .edit-wallboard-section {
        width: 75%;
        float: left;
    }

    .chartSelection {
        width: 20%;
        float: right;
        padding-left: 5px;
    }

    .section {
        height: 160px;
    }

    .wallboard-table {
        border: 1px solid lightblue;
        border-collapse: collapse;
    }

    .wallboard-table td {
        height: 160px;
    }

    div#drag td {
        border: 1px solid lightblue;
    }

    .ui-widget-header {
        margin: 0 !important;
    }

    .removeChart {
        width: 12px;
        cursor: pointer;
        height: 12px;
        float: right;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('/Content/img/error.png');
    }

    .box h2 span .moveRight {
        float: right;
    }

    .dataQualityWidget + .tooltip > .tooltip-inner {
        text-align: left;
        margin-top: 30px;
    }

    #dqHistoryPill .tooltip {
        width: 150px;
    }

    .dataQualityWidget {
        margin-top: -2px !important;
    }

    .dataPillVoyages .dataQualityWidget {
        margin-top: -2px !important;
    }

    .dataPillVoyages .dataQualityText {
        padding-bottom: 3px;
    }

    .dataQuality-icon {
        margin-bottom: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        display: inline-block;
    }

    .dataQualityText {
        height: 13px !important;
        padding: 1px 5px 4px;
        font-size: 11px !important;
        font-weight: bold;
        color: white;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

    .dataQualityWidgetPlaceholder {
        width: 100%;
        height: 35px;
        padding-bottom: 15px;
    }

    .dataQualityWidgetPlaceholder .floatRight {
        float: right;
    }

    .dataQualityWidgetPlaceholder .widgetlabel {
        padding:unset;
    }

    .left25 {
        padding-left: 25px;
    }


    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: white;
        z-index: 997;
        color: white;
    }

    .overlayNoBackgroundColor {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 500;
    }

    .table-hover > tbody > tr:hover > td,
    .table-hover > tbody > tr:hover > th {
        background-color: #e8e8e8;
    }

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

    .voyageRoute {
        display: table-cell;
        width: 14px;
    }

    .tableVoyages {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        display: table-cell;
        font-size: 14px;
    }

    .tableVoyageList {
        /*table-layout: fixed;*/
        white-space: nowrap;
    }

    .tableVoyageList td{
        /*table-layout: fixed;*/
        font-size: .8rem;
    }

    .tableVoyageList th {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tableVoyageList tr td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #voyagesTable tfoot.summary td {
        font-weight:bold;
    }

#voyagesTable tr td:first-child, #voyagesTable tr th:first-child {
    /*padding: 0px !important;*/
    width: 5px;
    padding-top: 12px !important;
}

    #voyagesTable{
        width:100% !important;
    }

    .tableVoyageList tr.voyages.selected {
    background-color: #e8e8e8;
    }

    .rowLink:hover {
        cursor: pointer;
    }

    .tdRight {
        text-align: right;
        width: 25%;
    }

    .tdRight50 {
        text-align: right;
        width: 50%;
    }

    .tdRightAverage {
        color: #666666;
    }

    .voyageStart {
        background-image: url('/Content/img/StartVoyage.png');
        display: inline-block;
        margin-top: 0;
        width: 20px;
        height: 19px;
    }

    .voyagePath {
        background-image: url('/Content/img/VoyagePath.png');
        background-repeat: repeat-y;
        display: inline-block;
        width: 8px;
        height: 20px;
        margin-left: 7px;
    }

    .voyageEnd {
        background-image: url('/Content/img/EndVoyage.png');
        display: inline-block;
        width: 20px;
        height: 19px;
        margin-bottom: 0;
    }

    .voyagePathSingle {
        height: 7px;
        margin-right: 10px;
    }

    tr.borderBottom {
        border-bottom: 1px solid #DDD;
    }

    tr.borderBottomSingle {
        border-bottom: 1px solid #DDD;
        line-height: 25px;
    }

    tr.borderTop {
        border-top: 1px solid #DDD;
    }

    tr.borderTopSingle {
        border-top: 1px solid #DDD;
        line-height: 25px;
    }

    tr.borderTopStatistics {
        /*border-top: 1px solid #DDD;*/
    }    

    tr.borderTopStatistics td:first-child {
        border: none !important;
    }

    .tableStatistics {
        line-height: 25px;
        font-size: 14px;
    }

    .checkBoxVoyage {
        position: relative;
        top: -1px;
    }

    .set-id-bar-subnav {
        float: right;
        margin: 0;
        display: -moz-inline-box;
    }

    .setIDListItem {
        margin-top: 4px !important;
        position: absolute;
        padding: 0 !important;
        display: none;
    }

    .setIDButton {
        /*background: url(/Content/img/gmailButton.png);
        margin-top: 2px !important;*/
        /*padding: 0 0 0 78px !important;*/
        padding-top:10px !important;
        height: 30px;
        display: none;
    }

    .setIdBox {
        position: absolute;
        top: 1px;
        padding: 10px;
        border: 1px solid #ccc;
        background-color: #fff;
        z-index: 10;
    }

    .setIdDiv {
        padding: 5px 0;
    }

    .fontSize11 {
        font-size: 11px;
    }

    .btnSetIdCancel {
        /*float: right;
        width: 60px;
        padding: 0;*/
    }

    .btnSetIdSave {
        /*float: right;
        width: 60px;
        padding: 0;
        margin-right: 5px;*/
    }

    .application {
        margin-left: 5px;
        margin-bottom: 20px;
    }

    .applicationReadOnly {
        cursor: default;
    }

    .applicationCheck {
        margin-right: 5px;
        margin-top: -3px;
    }

    #FilterInfoDisplay {
        /*margin: 5px 0 20px 10px;
        width: 1150px;*/
    }

    .select2-container.select2-allowclear .select2-choice abbr {
        font-size: 12px;
    }

    .cursorAuto {
        cursor: auto !important;
    }

    .dataTables_length {
        float: left;
    }

    .closestports:hover {
        background: #d4edff;
        cursor: pointer;
    }

    .closestportsselected {
        background: #c0c0c0;
    }

    .statesLinks {
        display: block;
    }

    .activeStateLink {
        text-decoration: underline;
    }

    .notificationBox {
        background: #FCF8E3;
        padding: 10px 10px 10px 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .validNotificationBox {
        background: #FCF8E3;
        padding: 10px 10px 10px 10px;
        border-top: 1px solid yellow;
        font-size: 14px;
    }

    .validNotificationBoxIcon {
        background: url(/Content/img/alert.png) no-repeat 0% 80%;
        padding-left: 20px;
    }

    .notificationInput {
        size: 35px;
    }

    table.notificationlist {
        margin: 5px 0px 20px 0px;
    }

    table.notificationlist thead {
        font-weight: 100;
        border-bottom: 2px solid #C8C8C8;
    }

    table.notificationlist td {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    table.notificationlist tbody tr:nth-child(odd) {
        background-color: #F8F8F8;
        border-bottom: 1px solid #C8C8C8;
    }

    table.notificationlist tbody tr:nth-child(even) {
        background-color: #FFF;
        border-bottom: 1px solid #C8C8C8;
    }

    table.notificationlist thead .iconCol {
        width: 16px;
    }

    table.notificationlist thead .validFromCol {
        width: 65px;
    }

    table.notificationlist thead .validToCol {
        width: 65px;
    }

    table.notificationlist thead .createdByCol {
        width: 25%;
    }

    .buttonrow {
        border-bottom: 1px solid white;
    }

    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left;
        background: #900;
        display: none;
    }

    .bunkeringTop {
        display: block;
        margin-top: 15px;
    }

    .fuelMapContainer {
        /*width: 55%;
        float: right;*/
    }

    .fuelPieChartContainer {
        /*width: 45%;
        float: left;*/
    }


    .fuelMapContainer #header-FuelBunkeringMap {
        display: none;
    }

    .fuelPieChartContainer #header-pieChartWidget {
        display: none;
    }

    .expandTableRemainingOnBoard {
        /*padding: 5px 0px 5px 0px;*/
        color: black !important;
        background-color: #F7F8FA !important;
        margin: 0 !important;
        width:100% !important;
    }

    .TableRemainingOnBoard {
        width: 99% !important;
        padding-right: 1px;
    }

    .TableRemainingOnBoard thead {
        border-right: 1px solid #D9DADE;
    }

    .TableRemainingOnBoard th {
        /*background-color: #D9DADE !important;*/
        text-align: left !important;
    }

    .TableRemainingOnBoard tr:nth-child(odd) {
        /*background: #F7F8FA !important;*/
    }

    .TableRemainingOnBoard td {
        /*border: 1px solid lightgray;*/
    }

    .ChartRemainingOnBoard {
        padding: 10px;
        height: 250px !important;
    }

    .RemainingOnBoardWidget {
        padding-bottom: 20px;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .SummaryTableRemainingOnBoard {
        padding: 10px 0px 10px 10px;
        width: 250px !important;
    }

    .SummaryTableRemainingOnBoard tr {
        /*border: 1px solid lightgray;*/
    }

    .SummaryTableRemainingOnBoard td {
        padding: 14px 8px 14px 5px;
    }

    .ConsumptionStackedBarChart {
        height: 80px;
    }

    .summaryTableLastRow {
        background-color: #F0F0F0;
    }

    .summaryTableIconCell {
        text-align: center;
    }

    .summaryTableDescriptionCell {
    }

    .summaryTableValueCell {
        text-align: right;
    }

    .redText {
        color: red;
    }

    .shipSelectedInfoDisplay {
        margin: 0;
    }

    .filterSelectedInfoDisplay {
        width: 1150px;
        min-height: 20px;
        margin: 0px 0 0px 10px;
        z-index: 99;
        clear: both;
        display: block;
    }

    .FuelSelectorInput {
        margin-right: 5px;
        vertical-align: bottom;
        position: relative;
        top: -0px;
        overflow: hidden;
    }

    .consumptionFilter {
        position: relative;
        margin-bottom: 29px;
    }

    .consumptionFilters {
        margin-top: 20px;
        float: right;
    }

    .consumptionStackedBarChartHolder {
        width: 100%;
        display: inline;
        padding-bottom: 20px;
        float: left;
        position: relative;
    }
.consumptionStackedBarChartEnergyHolder {
    width: 100%;
    display: inline;
    padding-bottom: 20px;
    float: left;
    position: relative;
}

    .fuelConsumptionPerShipHolder {
        clear: both;
    }

    .consumptionfilterSlider {
        position: absolute;
        top: 32px;
        left: 0px;
        z-index: 999;
        background-color: White;
        padding: 0px;
        margin: 0px;
        min-width: 230px;
        border: 1px solid #DDD;
    }


    .consumptionfilterSlider ul {
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 0;
        background-color: white;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        overflow-y: auto;
        overflow-x: hidden;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
    }

    .consumptionfilterSlider ul li {
        display: block;
        border: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        padding: 5px;
        margin-left: 10px;
    }

    .consumptionSelector {
        margin: 0;
        padding: 0;
        height: 27px;
        text-align: center;
        margin: 4px 6px 6px 0px;
        padding: 3px 3px 2px 3px;
        vertical-align: baseline;
        color: #333333;
        width: 230px;
    }

    .RollingAverageCheckBox {
        display: inline-block;
        width: 20px;
        height: 18px;
        padding: 4px;
        margin-top: 6px;
        margin-bottom: 9px;
        font-size: 13px;
        line-height: 20px;
        color: #555555;
        border: 1px solid #cccccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

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

    .consumptionSelectorButtonDiv a {
        height: 28px;
    }

    .consumptionSelectorButtonDiv input {
        margin-right: 10px;
    }

    .eeoi_balast {
        background-image: url('/Content/img/ballast.png');
        display: inline-block;
        width: 16px;
        height: 16px;
    }

    .consumerPanel {
        width: 100%;
    }

    #FuelConsumptionPerShip .panelRow {
        display: block;
        clear: both;
        padding-top: 10px;
        border-bottom: 1px solid #bbb;
        padding-bottom: 10px;
        width: 99%;
    }

    .panelRow span {
        font-weight: bold;
        width: 186px;
        display: inline-block;
    }

    #FuelConsumptionPerShip {
        overflow-x: auto;
    }

    .panelRow .fuelDiv {
        width: 50px;
        display: inline-block;
        text-align: right;
        font-weight: bold;
    }

    .panelRow .totals {
        width: 200px;
        display: inline-block;
        font-weight: bold;
    }

    .consumerPanel.active {
        display: block;
    }

    .consumerContainer {
        margin-left: 40px;
        display: block;
        margin-top: 5px;
        border-bottom: 3px double #dee2e6;
    }

    .consumerContainer .first {
        width: 150px;
        display: inline-block;
        font-style: italic;
    }

    .consumerContainer .second {
        width: 200px;
        display: inline-block;
    }

    .consumerContainer .fuelDiv {
        width: 50px;
        display: inline-block;
        text-align: right;
        font-weight: normal;
    }

    .stateContainer {
        margin-left: 40px;
        display: block;
        margin-top: 5px;
    }

    .stateContainer .first {
        width: 150px;
        display: inline-block;
        font-style: italic;
    }

    .stateContainer .second {
        width: 200px;
        display: inline-block;
    }

    .stateContainer .fuelDiv {
        width: 50px;
        display: inline-block;
        text-align: right;
        font-weight: normal;
    }

    .rowEntry {
        display: block;
        margin-top: 4px;
        margin-bottom: 2px;
    }

    .clear {
        clear: both;
    }

    .clearContainer {
        clear:both;
    }

    .rowMinimalWidth{
        min-width: 1335px;
    }

    #FuelConsumptionPerShip .panelTitle {
        clear: both;
        width: 99%;
        /*background-color: #D9DADE;*/
        border-bottom: 2px solid #dee2e6;
        font-weight: bold;
        font-size: 13px;
        overflow: hidden;
    }

    .panelTitle .shipTitle {
        width: 390px;
        display: inline-table;
        font-weight: bold;
        padding: 5px 0px 5px 5px;
        /*background-color: #D9DADE;*/
        max-height: 45px;
        min-height: 20px;
        font-size: 13px;
    }

    .panelTitle .fuelTitle {
        color: #333333;
        display: inline-table;
        font-weight: bold;
        text-align: right;
        padding: 5px 0px 5px 0px;
        /*background-color: #D9DADE;*/
        max-height: 45px;
        min-height: 20px;
        /*border-left: 1px solid #E3E3E4;*/
    }

    #FuelConsumptionPerShip .border {
        display: inline-block;
        border-bottom: 1px solid #dee2e6 !important;
        height: 20px;
    }

    .noborder {
        display: inline-block;
    }

    .alertVoyageTargets {
        display: inline-block;
    }

    .alertVoyageTargets div.alert {
        margin: 0 !important;
        padding: 5px 35px 5px 14px !important;
    }

    .voyageTargetLabel {
        display: table-cell;
    }

    .leftContainerVoyageTarget {
        display: inline-block;
    }

    .alertContainerVoyageTarget {
        display: inline-block;
        width: 60%;
        padding: 15px 0 0 5px;
        position: absolute;
    }

    .shipVoyageTargets {
        margin-left: 5px;
    }

    #ShipVoyageTargetsCheckBox {
        margin-right: 5px;
    }

    .reportTypeSelectorButtonDiv {
        /*margin-left: 10px;
        margin-bottom: 10px;
        margin-top: 5px;*/
    }

    .reportTypeSelectorButtonDiv a {
        height: 28px;
    }

    .reportTypeSelectorButtonDiv input {
        margin-right: 10px;
    }

    #reportTypeList input.ReportTypeSelectorInput {
        margin-right: 10px;
    }

    #reportTypeList li.noReports {
        margin-left: 10px;
    }

    .speedInst-title {
        font-size: 20px;
        font-weight: bold;
    }

    .speedInst-title-name {
        font-size: 20px;
        font-weight: bold;
        color: #777;
        margin-left: 10px;
    }

    .createUserCompanies .even {
        float: left;
        display: block;
        width: 50%;
        margin-bottom: 5px;
    }

    .createUserCompanies .odd {
        float: right;
        display: block;
        width: 50%;
        margin-bottom: 5px;
    }

    .createUserCompanies input {
        margin-top: 0px;
        width: 20px;
    }

    .createFavoriteShips .even {
        float: left;
        display: block;
        width: 50%;
        margin-bottom: 5px;
    }

    .createFavoriteShips .odd {
        float: right;
        display: block;
        width: 50%;
        margin-bottom: 5px;
    }

    .createFavoriteShips input {
        margin-top: 0px;
        width: 20px;
    }

    .companyLabel {
        margin-top: 0px;
        font-weight: normal;
    }

    .createUserCompanies label {
        margin-top: 0px;
        width: 160px;
        clear: none;
        height: auto;
        vertical-align: central;
    }

    .createFavoriteShips label {
        margin-top: 0px;
        width: 160px;
        clear: none;
        height: auto;
        vertical-align: central;
    }

    #consumptionSection {
        margin-top: 2px;
    }

    .QuantityAgreementWidth {
        width: 65px;
    }

    .secondbar {
        margin: -14px 0;
    }

    .unavailable {
        color: #888 !important;
    }

    .shipSeriesRow {
        font-weight: bold;
        background-color: #EFEFEF;
    }

    .shipOption {
        margin-left: 25px !important;
    }

    .shipOverviewParticularsRow {
        vertical-align: middle;
        line-height: 24px;
    }

    .shipOverviewParticularsRow a {
        float: right;
        margin-top: 3px;
    }

    .shipOverviewParticularsRow img {
        padding-left: 2px;
    }

    #cmbFavoriteShips_chosen {
        width: 326px !important;
        float: left;
        margin-top: 12px;
    }

    #cmbUserCompany_chosen, #cmbUserReports_chosen {
        width: 300px !important;
        float: left;
        margin-top: 12px;
    }

    #addEditUserModal {
        overflow: visible !important;
    }

    #addEditUserModal .modal-body {
        overflow: visible !important;
    }


    #prevShip {
        margin-left: 12px;
    }

    #componentsHolder span.widgetlabel {
        display: inline-block;
        margin-top: 2px;
        padding: 2px 2px 1px 2px;
    }

    #performancefilters {
        display: block;
        clear: both;
        /*background: white;*/
    }

    #bigFiltersContainer, #secondBigFiltersContainer {
        

        margin-left: 0px;
        position: relative;
    }

    #bigFiltersContainer li:not(.ui-corner-all), #secondBigFiltersContainer li:not(.ui-corner-all) {
        /*border-right: 1px dotted #BBB;
        background: url(/Content/img/asc.gif) no-repeat right;*/
        cursor: pointer;
        float: left;
    }

    #secondBigFiltersContainer .noIcon {
        border-right: hidden;
        cursor: pointer;
        float: left;
        background: none;
        padding-right: 0px !important;
    }

    #smallFiltersContainer, #secondSmallFiltersContainer, #hpdFiltersContainer {
        /*margin-left: 8px;*/
        position: relative;
    }

    #smallFiltersContainer .firstColumn, #secondSmallFiltersContainer .firstColumn {
        /*float: left;*/
        display: block;
        width: 300px;
        /*min-height: 40px;*/
        align-content: center;
    }

    #hpdFiltersContainer .firstColumn {
        display: block;
        width: 100%;
        align-content: center;
    }

    #smallFiltersContainer .secondColumn, #secondSmallFiltersContainer .secondColumn {
        /*float: left;*/
        display: block;
        width: 300px;
        /*min-height: 40px;*/
        align-content: center;
    }

    #hpdFiltersContainer .secondColumn {
        display: block;
        width: 100%;
        align-content: center;
    }

    #smallFiltersContainer .thirdColumn, #secondSmallFiltersContainer .thirdColumn {
        /*float: left;*/
        display: block;
        width: 300px;
        /*min-height: 40px;*/
        align-content: center;
    }

    #hpdFiltersContainer .thirdColumn {
        display: block;
        width: 100%;
        align-content: center;
    }

    #smallFiltersContainer .fourthColum {
        float: left;
        display: block;
        width: 200px;
        /*min-height: 40px;*/
        align-content: center;
        margin-top: 20px;
    }

    #clear {
        clear: both;
    }

    #smallFiltersContainer .firstColumnHolder, #secondSmallFiltersContainer .firstColumnHolder, #hpdFiltersContainer .firstColumnHolder {
        /*margin-left: 0px;
        margin-top: 10px;*/
    }

    #smallFiltersContainer .secondColumnHolder, #secondSmallFiltersContainer .secondColumnHolder, #hpdFiltersContainer .secondColumnHolder {
        /*margin-left: 300px;
        margin-top: 10px;*/
    }

    #smallFiltersContainer .thirdColumnHolder, #secondSmallFiltersContainer .thirdColumnHolder, #hpdFiltersContainer .thirdColumnHolder {
        /*margin-left: 600px;
        margin-top: 10px;*/
    }

    .FiltersExcludeNulls {
        /*margin-left: 200px;*/
    }

    .filterSlider ul {
        padding-left:1px;
        margin-bottom: 0;
        margin-left: 0;
        /*margin-top: 10px;*/
        /*background-color: white;*/
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        overflow-y: auto;
        overflow-x: hidden;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
    }

    .filterSlider ul li {
        display: block;
        border: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        /*padding: 5px;*/
        /*margin-left: 10px;*/
    }

    #shipsFilterSelector.filterSlider, #secondShipsFilterSelector.filterSlider {
        border: none;
        margin: 0;
    }

    #shipsFilterSelector.filterSlider ul li, #secondShipsFilterSelector.filterSlider ul li {
        /*display: block;
        border: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        background: none;
        background-color: #EFEFEF;*/
    }


    #shipsFilterSelector.filterSlider .even, #secondShipsFilterSelector.filterSlider .even {
        display: block;
        border: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #FFF !important;
        background: none;
    }

    .dropdownFilterButtonDiv {
        margin-bottom: 8px;
        width: 100%;
        padding-top: 5px;
        border-top: 1px dotted gray;
        display: block;
        clear: both;
    }

    .allSelectedFilterLink {
        margin-left: 12px;
    }

    .filter-bar-subnav ul li span:not(.ui-icon-triangle-1-e) {
        /*padding: 5px 24px 7px 0;*/
    }

    .filterValuesContainer {
        margin-left: 8px;
        margin-top: 10px;
    }

    .performancefilterButtons {
        margin-left: 8px;
        /*margin-top: 8px;*/
        margin-right: 8px;
        margin-bottom: 8px;
    }

    .filterValuesContainer span {
        display: block;
        margin-bottom: 2px;
        line-height: 22px;
        margin-left: 8px;
    }

    .performanceSmaillFilterTitle {
        display: block;
        font-weight: bold;
    }

    .performanceFilter {
        /*margin-top: 2px;
        margin-bottom: 4px;
        width: 269px;*/
    }

    .shipsfilterSlider {
        /*background-color: #EFEFEF !important;*/
    }

    .shipsFilterButtonDiv {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .secondShipsFilterButtonDiv {
        margin-top: 8px;
        margin-bottom: 8px;
    }


    .smallFiltersButtons, .secondSmallFiltersButtons, .hpdFiltersButtons {
        float: left;
        margin-top: 4px;
        margin-bottom: 8px;
        display: block;
        width: 80%;
    }

    .smallFiltersFilterLink {
        margin-left: 8px;
    }

    .filterApplyButton {
        margin-left: 4px;
    }

    #header-ConsumptionStackedBarChartVoyage {
        margin-top: 0;
    }

    .datePickerStyle {
        width: 220px;
        height:30px;
        /*font-size: 1.3em;*/
        /*margin: 4px 6px 4px 0;*/
        padding: 3px 3px 2px 35px;        
        -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        border: 0;
        border-radius: .125rem;        
        /*font-size: 1.3em;*/
        
        background: #fff url(/Content/images/Calendar.svg) no-repeat 10px 50%;
    }

    .fuelVoyageChart {
        margin-right: 0 !important;
    }

    #FuelConsumptionPerVoyage .border {
        display: inline-block;
        /*border-bottom: 1px solid #ddd;*/
        height: 20px;
    }

    #FuelConsumptionPerVoyage .panelTitle {
        clear: both;
        width: 100%;
        /*background-color: #D9DADE;*/
        font-weight: bold;
        font-size: 13px;
        overflow: hidden;
    }

    .panelRow .totalsVoyage {
        width: 394px;
        display: inline-block;
        font-weight: bold;
    }

    #FuelConsumptionPerVoyage .panelRow {
        display: block;
        clear: both;
        padding-top: 5px;
        /*border-bottom: 1px solid #bbb;*/
        padding-bottom: 2px;
        width: 99%;
    }
    
    .fuelBunkeringTableWidget {
        padding-left: 10px;
        display: inline-block;
        top: 60px;
    }

    .fuelConsumptionPerVoyageHolder {
        z-index: -1;
        right: -10px;
        top: 50px;
    }

    .ConsumptionStackedBarChartVoyage {
        height: 80px;
    }

    .FuelConsumptionOverview {
        margin-left: -10px;
    }

    .FuelConsumptionOverviewBtn {
        position: relative;
        right: -905px;
        top: 22px;
    }

    .fitOptions {
        margin-left: 8px;
        margin-top: 4px;
        min-width: 175px;
        display: inline-block;
    }

    input.fitFilterExtraOption, input.secondFitFilterExtraOption {
        margin-right: 4px;
    }

    #gpsFilterSliderSelector {
        top: 13px;
        left: 295px;
        width: 268px;
    }

    #logFilterSliderSelector {
        top: 41px;
        left: 624px;
        width: 268px;
    }

    #correctedLogFilterSliderSelector {
        top: 91px;
        left: 624px;
        width: 268px;
    }

    #shaftRPMFilterSliderSelector {
        top: 41px;
        left: 309px;
        width: 268px;
    }

    #meLoadFilterSliderSelector {
        top: 41px;
        left: 624px;
        width: 268px;
    }

    #statesFilterSelector {
        width: 268px;
        top: 41px;
        left: -5px;
    }

    #trimFilterSliderSelector {
        top: 91px;
        left: 309px;
        width: 268px;
    }

    #fuelTypeFilterSelector.onSfocTab {
        top: 86px;
        left: -285px;
        width: 268px;
    }

    #meSFOCFilterSliderSelector {
        top: 141px;
        left: 309px;
        width: 268px;
    }

    #draftMeanFilterSliderSelector {
        width: 268px;
        top: 91px;
        left: -5px;
    }

    #meSFOCFilterSliderSelector.onSfocTab {
        width: 268px;
        top: 91px;
        left: -5px;
    }

    #seaDepthFilterSliderSelector {
        width: 268px;
        top: 141px;
        left: -5px;
    }

    #trueWindFilterSliderSelector {
        top: 91px;
        left: 624px;
        width: 268px;
    }

    #fuelTypeFilterSelector {
        top: 136px;
        left: 30px;
        width: 268px;
    }

    #secondGpsFilterSliderSelector {
        top: 12px;
        left: 293px;
        width: 268px;
    }

    #secondLogFilterSliderSelector {
        top: 41px;
        left: 624px;
        width: 268px;
    }

    #secondCorrectedLogFilterSliderSelector {
        top: 91px;
        left: 624px;
        width: 268px;
    }

    #secondShaftRPMFilterSliderSelector {
        top: 41px;
        left: 309px;
        width: 268px;
    }

    #secondMELoadFilterSliderSelector {
        top: 41px;
        left: 624px;
        width: 268px;
    }

    #secondStatesFilterSelector {
        width: 268px;
        top: 36px;
        left: 0px;
    }

    #secondTrimFilterSliderSelector {
        top: 91px;
        left: 309px;
        width: 268px;
    }

    #secondFuelTypeFilterSelector.onSfocTab {
        top: 86px;
        left: -285px;
        width: 268px;
    }

    #secondMESFOCFilterSliderSelector {
        top: 141px;
        left: 309px;
        width: 268px;
    }

    #secondDraftMeanFilterSliderSelector {
        width: 268px;
        top: 91px;
        left: -5px;
    }

    #secondMESFOCFilterSliderSelector.onSfocTab {
        width: 268px;
        top: 91px;
        left: -5px;
    }

    #secondSeaDepthFilterSliderSelector {
        width: 268px;
        top: 141px;
        left: -5px;
    }

    #secondTrueWindFilterSliderSelector {
        top: 91px;
        left: 624px;
        width: 268px;
    }

    #secondFuelTypeFilterSelector {
        top: 136px;
        left: 30px;
        width: 268px;
    }

    .speedColumnHeader {
        width: 15%;
    }

    .tablePerformanceColumnHeader {
        width: 12.5%;
    }

    .performanceColumn {
        text-align: left !important;
    }

    .PerformanceTable {
        margin-left: 0px !important;
    }

    .performanceTableWidget {
        margin-left: 0px !important;
    }

    .speedColumn {
        color: #082A68 !important;
    }

    .performanceTableAddColumn {
        background-image: url('/content/images/Add-circle.svg');
        width: 25px;
        height:25px;
        float: left;
        cursor: pointer;
    }

    .performanceTableRemoveColumn {
        background-image: url('/content/images/Remove-circle.svg');        
        width: 25px;
        height:25px;
        float: left;
        margin-right: 10px;
    }

    #exportPerformanceTable {
        color: green;
        margin-top: 0px;
        margin-right: 6px;
    }

    .notesVoyage {
        top: 70px;
        position: relative;
        padding-bottom: 90px;
    }

    .perfSliderLabel {
        width: 48px;
        float: left;
    }

    .filterImage, .secondfilterImage {
        width: 20px;
        display: block;
        float: left;
        margin: 5px 4px 2px 0px;
    }

    .filterImageDqPill, .secondfilterImageDqPill {
        width: 15px;
        height: 17px;
        display: inline;
        float: left;
        margin: -5px 5px 0px 0px;
    }

    .dqPillPerformance {
        white-space: nowrap;
        width: 136px;
    }

    .dqPillPerformanceFirstRow {
        display: inline-block;
        margin-bottom: 3px;
    }

    .filter-bar-subnav ul li.noIcon a {
        padding-right: 6px;
        padding-left: 6px;
    }

    .overviewVoyage {
        display: inline-table;
        width: 50%;
        padding-right: 4%;
    }

    .overviewShipParticulars {
        display: inline-block;
        width: 45%;
    }

    #ReportContent .fullWidth {
        width: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
    }

    .printOnly {
        display: none;
    }

    #ShaftRpmPerformanceRecommendation_table {
        padding-bottom: 40px !important;
    }

    #VoyageRPMLinePerf {
        padding-bottom: 25px !important;
        padding-top: 15px !important;
    }

    #div-GPSSpeedPerformanceRecommendation {
        position: static;
    }

    .bunkeringSoftErrorMsg {
        position: absolute;
        margin-top: -220px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .robSoftErrorMsg {
        float: left;
        width: 420px;
        margin-top: 80px;
        padding-left: 120px;
        padding-right: 120px;
        height: 100px;
    }

    .SoftErrorMsgText {
        color: lightgray;
        font-weight: bold;
        font-size: 18px !important;
        text-align: center;
    }

    .plusButtonTooltip {
        background-image: url('/content/img/add.png');
        width: 15px;
        height: 15px;
        background-size: 90% 90%;
        background-position: center bottom;
        background-repeat: no-repeat;
        display: inline-block;
    }

    .removeButtonTooltip {
        background-image: url('/content/img/remove.png');
        width: 14px;
        height: 14px;
        background-size: 90% 90%;
        background-position: center bottom;
        background-repeat: no-repeat;
        display: inline-block;
    }

    .tableauPlaceholder {
        width: 700px;
        overflow: scroll;
    }

    .widgetCogIcon {
        font-size: 16px !important;
        margin-top: 1px !important;
        padding-left: 4px !important;
        cursor: pointer;
    }

    

    #cmbLeftYAxisMeasurement_chosen, #cmbLeftYAxisMeasurementScatter_chosen, #cmbLeftYAxisMeasurementHistogram_chosen, #leftYAxisBinsListHistogram_chosen {
        width: 164px !important;
        float: right;
        margin-top: -26px;
    }

    #cmbRightYAxisMeasurement_chosen, #cmbRightYAxisMeasurementScatter_chosen, #cmbRightYAxisMeasurementHistogram_chosen {
        width: 164px !important;
        float: right;
        margin-top: -26px;
    }

    #leftYAxisStyleListScatter_chosen {
        width: 60px !important;
        dispaly: inline;
    }

#leftYAxisStyleList_chosen,
#rightYAxisStyleList_chosen,
#secondleftYAxisStyleList_chosen,
#secondrightYAxisStyleList_chosen,
#thirdleftYAxisStyleList_chosen,
#fourthleftYAxisStyleList_chosen,
#fifthleftYAxisStyleList_chosen,
#sixthleftYAxisStyleList_chosen,
#seventhleftYAxisStyleList_chosen,
#eighthleftYAxisStyleList_chosen,
#ninethleftYAxisStyleList_chosen,
#tenthleftYAxisStyleList_chosen,
#thirdrightYAxisStyleList_chosen,
#fourthrightYAxisStyleList_chosen,
#fifthrightYAxisStyleList_chosen,
#sixthrightYAxisStyleList_chosen {
    width: 75px !important;
    dispaly: inline;
}

#leftYAxisThicknessListScatter_chosen,
#leftYAxisThicknessList_chosen,
#rightYAxisThicknessList_chosen,
#secondleftYAxisThicknessList_chosen,
#secondrightYAxisThicknessList_chosen,
#thirdleftYAxisThicknessList_chosen,
#fourthleftYAxisThicknessList_chosen,
#fifthleftYAxisThicknessList_chosen,
#sixthleftYAxisThicknessList_chosen,
#seventhleftYAxisThicknessList_chosen,
#eighthleftYAxisThicknessList_chosen,
#ninethleftYAxisThicknessList_chosen,
#tenthleftYAxisThicknessList_chosen,
#thirdrightYAxisThicknessList_chosen,
#fourthrightYAxisThicknessList_chosen,
#fifthrightYAxisThicknessList_chosen,
#sixthrightYAxisThicknessList_chosen {
    width: 60px !important;
}

    #leftYAxisColorListScatter_chosen span,
    #leftYAxisColorList_chosen span,
    #leftYAxisColorListHistogram_chosen span {
        color: #29467F;
    }

#leftYAxisColorListScatter_chosen li[data-option-array-index="0"],
#leftYAxisColorList_chosen li[data-option-array-index="0"],
#rightYAxisColorList_chosen li[data-option-array-index="0"],
#secondleftYAxisColorList_chosen li[data-option-array-index="0"],
#secondrightYAxisColorList_chosen li[data-option-array-index="0"],
#thirdleftYAxisColorList_chosen li[data-option-array-index="0"],
#thirdrightYAxisColorList_chosen li[data-option-array-index="0"],
#fourthrightYAxisColorList_chosen li[data-option-array-index="0"],
#fifthrightYAxisColorList_chosen li[data-option-array-index="0"],
#sixthrightYAxisColorList_chosen li[data-option-array-index="0"],
#fourthleftYAxisColorList_chosen li[data-option-array-index="0"],
#fifthleftYAxisColorList_chosen li[data-option-array-index="0"],
#sixthleftYAxisColorList_chosen li[data-option-array-index="0"],
#seventhleftYAxisColorList_chosen li[data-option-array-index="0"],
#eighthleftYAxisColorList_chosen li[data-option-array-index="0"],
#ninethleftYAxisColorList_chosen li[data-option-array-index="0"],
#tenthleftYAxisColorList_chosen li[data-option-array-index="0"],
#leftYAxisColorListHistogram_chosen li[data-option-array-index="0"] {
    color: #29467F;
}

#rightYAxisColorList_chosen span,
#leftYAxisColorListScatter_chosen li[data-option-array-index="1"],
#leftYAxisColorList_chosen li[data-option-array-index="1"],
#rightYAxisColorList_chosen li[data-option-array-index="1"],
#secondleftYAxisColorList_chosen li[data-option-array-index="1"],
#secondrightYAxisColorList_chosen li[data-option-array-index="1"],
#thirdleftYAxisColorList_chosen li[data-option-array-index="1"],
#thirdrightYAxisColorList_chosen li[data-option-array-index="1"],
#fourthrightYAxisColorList_chosen li[data-option-array-index="1"],
#fifthrightYAxisColorList_chosen li[data-option-array-index="1"],
#sixthrightYAxisColorList_chosen li[data-option-array-index="1"],
#fourthleftYAxisColorList_chosen li[data-option-array-index="1"],
#fifthleftYAxisColorList_chosen li[data-option-array-index="1"],
#sixthleftYAxisColorList_chosen li[data-option-array-index="1"],
#seventhleftYAxisColorList_chosen li[data-option-array-index="1"],
#eighthleftYAxisColorList_chosen li[data-option-array-index="1"],
#ninethleftYAxisColorList_chosen li[data-option-array-index="1"],
#tenthleftYAxisColorList_chosen li[data-option-array-index="1"],
#leftYAxisColorListHistogram_chosen li[data-option-array-index="1"] {
    color: #FFA700;
}

#leftYAxisColorListScatter_chosen li[data-option-array-index="2"],
#leftYAxisColorList_chosen li[data-option-array-index="2"],
#rightYAxisColorList_chosen li[data-option-array-index="2"],
#secondleftYAxisColorList_chosen li[data-option-array-index="2"],
#secondrightYAxisColorList_chosen li[data-option-array-index="2"],
#thirdleftYAxisColorList_chosen li[data-option-array-index="2"],
#thirdrightYAxisColorList_chosen li[data-option-array-index="2"],
#fourthrightYAxisColorList_chosen li[data-option-array-index="2"],
#fifthrightYAxisColorList_chosen li[data-option-array-index="2"],
#sixthrightYAxisColorList_chosen li[data-option-array-index="2"],
#fourthleftYAxisColorList_chosen li[data-option-array-index="2"],
#fifthleftYAxisColorList_chosen li[data-option-array-index="2"],
#sixthleftYAxisColorList_chosen li[data-option-array-index="2"],
#seventhleftYAxisColorList_chosen li[data-option-array-index="2"],
#eighthleftYAxisColorList_chosen li[data-option-array-index="2"],
#ninethleftYAxisColorList_chosen li[data-option-array-index="2"],
#tenthleftYAxisColorList_chosen li[data-option-array-index="2"],
#leftYAxisColorListHistogram_chosen li[data-option-array-index="2"] {
    color: #5497b2;
}

#leftYAxisColorListScatter_chosen li[data-option-array-index="3"],
#leftYAxisColorList_chosen li[data-option-array-index="3"],
#rightYAxisColorList_chosen li[data-option-array-index="3"],
#secondleftYAxisColorList_chosen li[data-option-array-index="3"],
#secondrightYAxisColorList_chosen li[data-option-array-index="3"],
#thirdleftYAxisColorList_chosen li[data-option-array-index="3"],
#thirdrightYAxisColorList_chosen li[data-option-array-index="3"],
#fourthrightYAxisColorList_chosen li[data-option-array-index="3"],
#fifthrightYAxisColorList_chosen li[data-option-array-index="3"],
#sixthrightYAxisColorList_chosen li[data-option-array-index="3"],
#fourthleftYAxisColorList_chosen li[data-option-array-index="3"],
#fifthleftYAxisColorList_chosen li[data-option-array-index="3"],
#sixthleftYAxisColorList_chosen li[data-option-array-index="3"],
#seventhleftYAxisColorList_chosen li[data-option-array-index="3"],
#eighthleftYAxisColorList_chosen li[data-option-array-index="3"],
#ninethleftYAxisColorList_chosen li[data-option-array-index="3"],
#tenthleftYAxisColorList_chosen li[data-option-array-index="3"],
#leftYAxisColorListHistogram_chosen li[data-option-array-index="3"] {
    color: #00A779;
}

#leftYAxisColorListScatter_chosen li[data-option-array-index="4"],
#leftYAxisColorList_chosen li[data-option-array-index="4"],
#rightYAxisColorList_chosen li[data-option-array-index="4"],
#secondleftYAxisColorList_chosen li[data-option-array-index="4"],
#secondrightYAxisColorList_chosen li[data-option-array-index="4"],
#thirdleftYAxisColorList_chosen li[data-option-array-index="4"],
#thirdrightYAxisColorList_chosen li[data-option-array-index="4"],
#fourthrightYAxisColorList_chosen li[data-option-array-index="4"],
#fifthrightYAxisColorList_chosen li[data-option-array-index="4"],
#sixthrightYAxisColorList_chosen li[data-option-array-index="4"],
#fourthleftYAxisColorList_chosen li[data-option-array-index="4"],
#fifthleftYAxisColorList_chosen li[data-option-array-index="4"],
#sixthleftYAxisColorList_chosen li[data-option-array-index="4"],
#seventhleftYAxisColorList_chosen li[data-option-array-index="4"],
#eighthleftYAxisColorList_chosen li[data-option-array-index="4"],
#ninethleftYAxisColorList_chosen li[data-option-array-index="4"],
#tenthleftYAxisColorList_chosen li[data-option-array-index="4"],
#leftYAxisColorListHistogram_chosen li[data-option-array-index="4"] {
    color: #FF6F00;
}

#leftYAxisColorListScatter_chosen li[data-option-array-index="5"],
#leftYAxisColorList_chosen li[data-option-array-index="5"],
#rightYAxisColorList_chosen li[data-option-array-index="5"],
#secondleftYAxisColorList_chosen li[data-option-array-index="5"],
#secondrightYAxisColorList_chosen li[data-option-array-index="5"],
#thirdleftYAxisColorList_chosen li[data-option-array-index="5"],
#thirdrightYAxisColorList_chosen li[data-option-array-index="5"],
#fourthrightYAxisColorList_chosen li[data-option-array-index="5"],
#fifthrightYAxisColorList_chosen li[data-option-array-index="5"],
#sixthrightYAxisColorList_chosen li[data-option-array-index="5"],
#fourthleftYAxisColorList_chosen li[data-option-array-index="5"],
#fifthleftYAxisColorList_chosen li[data-option-array-index="5"],
#sixthleftYAxisColorList_chosen li[data-option-array-index="5"],
#seventhleftYAxisColorList_chosen li[data-option-array-index="5"],
#eighthleftYAxisColorList_chosen li[data-option-array-index="5"],
#ninethleftYAxisColorList_chosen li[data-option-array-index="5"],
#tenthleftYAxisColorList_chosen li[data-option-array-index="5"],
#leftYAxisColorListHistogram_chosen li[data-option-array-index="5"] {
    color: #f9db1d;
}

#leftYAxisColorListScatter_chosen li[data-option-array-index="6"],
#leftYAxisColorList_chosen li[data-option-array-index="6"],
#rightYAxisColorList_chosen li[data-option-array-index="6"],
#secondleftYAxisColorList_chosen li[data-option-array-index="6"],
#secondrightYAxisColorList_chosen li[data-option-array-index="6"],
#thirdleftYAxisColorList_chosen li[data-option-array-index="6"],
#thirdrightYAxisColorList_chosen li[data-option-array-index="6"],
#fourthrightYAxisColorList_chosen li[data-option-array-index="6"],
#fifthrightYAxisColorList_chosen li[data-option-array-index="6"],
#sixthrightYAxisColorList_chosen li[data-option-array-index="6"],
#fourthleftYAxisColorList_chosen li[data-option-array-index="6"],
#fifthleftYAxisColorList_chosen li[data-option-array-index="6"],
#sixthleftYAxisColorList_chosen li[data-option-array-index="6"],
#seventhleftYAxisColorList_chosen li[data-option-array-index="6"],
#eighthleftYAxisColorList_chosen li[data-option-array-index="6"],
#ninethleftYAxisColorList_chosen li[data-option-array-index="6"],
#tenthleftYAxisColorList_chosen li[data-option-array-index="6"],
#leftYAxisColorListHistogram_chosen li[data-option-array-index="6"] {
    color: #A61A00;
}

#leftYAxisColorListScatter_chosen li[data-option-array-index="7"],
#leftYAxisColorList_chosen li[data-option-array-index="7"],
#rightYAxisColorList_chosen li[data-option-array-index="7"],
#secondleftYAxisColorList_chosen li[data-option-array-index="7"],
#secondrightYAxisColorList_chosen li[data-option-array-index="7"],
#thirdleftYAxisColorList_chosen li[data-option-array-index="7"],
#thirdrightYAxisColorList_chosen li[data-option-array-index="7"],
#fourthleftYAxisColorList_chosen li[data-option-array-index="7"],
#fourthrightYAxisColorList_chosen li[data-option-array-index="7"],
#fifthrightYAxisColorList_chosen li[data-option-array-index="7"],
#sixthrightYAxisColorList_chosen li[data-option-array-index="7"],
#fifthleftYAxisColorList_chosen li[data-option-array-index="7"],
#sixthleftYAxisColorList_chosen li[data-option-array-index="7"],
#seventhleftYAxisColorList_chosen li[data-option-array-index="7"],
#eighthleftYAxisColorList_chosen li[data-option-array-index="7"],
#ninethleftYAxisColorList_chosen li[data-option-array-index="7"],
#tenthleftYAxisColorList_chosen li[data-option-array-index="7"],
#leftYAxisColorListHistogram_chosen li[data-option-array-index="7"] {
    color: #719D00;
}

#leftYAxisColorListScatter_chosen li[data-option-array-index="8"],
#leftYAxisColorList_chosen li[data-option-array-index="8"],
#rightYAxisColorList_chosen li[data-option-array-index="8"],
#secondleftYAxisColorList_chosen li[data-option-array-index="8"],
#secondrightYAxisColorList_chosen li[data-option-array-index="8"],
#thirdleftYAxisColorList_chosen li[data-option-array-index="8"],
#thirdrightYAxisColorList_chosen li[data-option-array-index="8"],
#fourthrightYAxisColorList_chosen li[data-option-array-index="8"],
#fifthrightYAxisColorList_chosen li[data-option-array-index="8"],
#sixthrightYAxisColorList_chosen li[data-option-array-index="8"],
#fourthleftYAxisColorList_chosen li[data-option-array-index="8"],
#fifthleftYAxisColorList_chosen li[data-option-array-index="8"],
#sixthleftYAxisColorList_chosen li[data-option-array-index="8"],
#seventhleftYAxisColorList_chosen li[data-option-array-index="8"],
#eighthleftYAxisColorList_chosen li[data-option-array-index="8"],
#ninethleftYAxisColorList_chosen li[data-option-array-index="8"],
#tenthleftYAxisColorList_chosen li[data-option-array-index="8"],
#leftYAxisColorListHistogram_chosen li[data-option-array-index="8"] {
    color: #006D4f;
}

#leftYAxisColorListScatter_chosen li[data-option-array-index="9"],
#leftYAxisColorList_chosen li[data-option-array-index="9"],
#rightYAxisColorList_chosen li[data-option-array-index="9"],
#secondleftYAxisColorList_chosen li[data-option-array-index="9"],
#secondrightYAxisColorList_chosen li[data-option-array-index="9"],
#thirdleftYAxisColorList_chosen li[data-option-array-index="9"],
#thirdrightYAxisColorList_chosen li[data-option-array-index="9"],
#fourthrightYAxisColorList_chosen li[data-option-array-index="9"],
#fifthrightYAxisColorList_chosen li[data-option-array-index="9"],
#sixthrightYAxisColorList_chosen li[data-option-array-index="9"],
#fourthleftYAxisColorList_chosen li[data-option-array-index="9"],
#fifthleftYAxisColorList_chosen li[data-option-array-index="9"],
#sixthleftYAxisColorList_chosen li[data-option-array-index="9"],
#seventhleftYAxisColorList_chosen li[data-option-array-index="9"],
#eighthleftYAxisColorList_chosen li[data-option-array-index="9"],
#ninethleftYAxisColorList_chosen li[data-option-array-index="9"],
#tenthleftYAxisColorList_chosen li[data-option-array-index="9"],
#leftYAxisColorListHistogram_chosen li[data-option-array-index="9"] {
    color: #fcb315;
}

#leftYAxisColorListScatter_chosen li[data-option-array-index="10"],
#leftYAxisColorList_chosen li[data-option-array-index="10"],
#rightYAxisColorList_chosen li[data-option-array-index="10"],
#secondleftYAxisColorList_chosen li[data-option-array-index="10"],
#secondrightYAxisColorList_chosen li[data-option-array-index="10"],
#thirdleftYAxisColorList_chosen li[data-option-array-index="10"],
#thirdrightYAxisColorList_chosen li[data-option-array-index="10"],
#fourthrightYAxisColorList_chosen li[data-option-array-index="10"],
#fifthrightYAxisColorList_chosen li[data-option-array-index="10"],
#sixthrightYAxisColorList_chosen li[data-option-array-index="10"],
#fourthleftYAxisColorList_chosen li[data-option-array-index="10"],
#fifthleftYAxisColorList_chosen li[data-option-array-index="10"],
#sixthleftYAxisColorList_chosen li[data-option-array-index="10"],
#seventhleftYAxisColorList_chosen li[data-option-array-index="10"],
#eighthleftYAxisColorList_chosen li[data-option-array-index="10"],
#ninethleftYAxisColorList_chosen li[data-option-array-index="10"],
#tenthleftYAxisColorList_chosen li[data-option-array-index="10"],
#leftYAxisColorListHistogram_chosen li[data-option-array-index="10"] {
    color: #46718f;
}

#leftYAxisColorListScatter_chosen li[data-option-array-index="11"],
#leftYAxisColorList_chosen li[data-option-array-index="11"],
#rightYAxisColorList_chosen li[data-option-array-index="11"],
#secondleftYAxisColorList_chosen li[data-option-array-index="11"],
#secondrightYAxisColorList_chosen li[data-option-array-index="11"],
#thirdleftYAxisColorList_chosen li[data-option-array-index="11"],
#thirdrightYAxisColorList_chosen li[data-option-array-index="11"],
#fourthrightYAxisColorList_chosen li[data-option-array-index="11"],
#fifthrightYAxisColorList_chosen li[data-option-array-index="11"],
#sixthrightYAxisColorList_chosen li[data-option-array-index="11"],
#fourthleftYAxisColorList_chosen li[data-option-array-index="11"],
#fifthleftYAxisColorList_chosen li[data-option-array-index="11"],
#sixthleftYAxisColorList_chosen li[data-option-array-index="11"],
#seventhleftYAxisColorList_chosen li[data-option-array-index="11"],
#eighthleftYAxisColorList_chosen li[data-option-array-index="11"],
#ninethleftYAxisColorList_chosen li[data-option-array-index="11"],
#tenthleftYAxisColorList_chosen li[data-option-array-index="11"],
#leftYAxisColorListHistogram_chosen li[data-option-array-index="11"] {
    color: #BF4030;
}

    #leftYAxisColorListScatter_chosen,
    #leftYAxisColorList_chosen,
    #rightYAxisColorList_chosen,
    #secondleftYAxisColorList_chosen,
    #secondrightYAxisColorList_chosen,
    #thirdleftYAxisColorList_chosen,
    #thirdrightYAxisColorList_chosen,
    #fourthleftYAxisColorList_chosen,
    #fifthleftYAxisColorList_chosen,
    #sixthleftYAxisColorList_chosen,
    #seventhleftYAxisColorList_chosen,
    #eighthleftYAxisColorList_chosen,
    #ninethleftYAxisColorList_chosen,
    #tenthleftYAxisColorList_chosen,
    #leftYAxisColorListHistogram_chosen {
        width: 60px !important;
    }

        #leftYAxisColorListScatter_chosen .chosen-search,
        #leftYAxisColorList_chosen .chosen-search,
        #leftYAxisStyleList_chosen .chosen-search,
        #rightYAxisStyleList_chosen .chosen-search,
        #rightYAxisColorList_chosen .chosen-search,
        #secondleftYAxisColorList_chosen .chosen-search,
        #secondleftYAxisStyleList_chosen .chosen-search,
        #secondrightYAxisStyleList_chosen .chosen-search,
        #secondrightYAxisColorList_chosen .chosen-search,
        #thirdleftYAxisColorList_chosen .chosen-search,
        #thirdleftYAxisStyleList_chosen .chosen-search,
        #thirdrightYAxisStyleList_chosen .chosen-search,
        #thirdrightYAxisColorList_chosen .chosen-search,
        #fourthleftYAxisColorList_chosen .chosen-search,
        #fourthleftYAxisStyleList_chosen .chosen-search,
        #fourthrightYAxisColorList_chosen .chosen-search,
        #fifthrightYAxisStyleList_chosen .chosen-search,
        #sixthrightYAxisStyleList_chosen .chosen-search,
        #fifthleftYAxisColorList_chosen .chosen-search,
        #fifthleftYAxisStyleList_chosen .chosen-search,
        #sixthleftYAxisColorList_chosen .chosen-search,
        #sixthleftYAxisStyleList_chosen .chosen-search,
        #seventhleftYAxisColorList_chosen .chosen-search,
        #seventhleftYAxisStyleList_chosen .chosen-search,
        #eighthleftYAxisColorList_chosen .chosen-search,
        #eighthleftYAxisStyleList_chosen .chosen-search,
        #ninethleftYAxisColorList_chosen .chosen-search,
        #ninethleftYAxisStyleList_chosen .chosen-search,
        #tenthleftYAxisColorList_chosen .chosen-search,
        #tenthleftYAxisStyleList_chosen .chosen-search,
        #leftYAxisColorListHistogram_chosen .chosen-search {
            display: none;
        }

#leftYAxisThicknessListScatter_chosen li[data-option-array-index="0"],
#leftYAxisThicknessList_chosen li[data-option-array-index="0"],
#rightYAxisThicknessList_chosen li[data-option-array-index="0"],
#secondleftYAxisThicknessList_chosen li[data-option-array-index="0"],
#secondrightYAxisThicknessList_chosen li[data-option-array-index="0"],
#thirdleftYAxisThicknessList_chosen li[data-option-array-index="0"],
#fourthleftYAxisThicknessList_chosen li[data-option-array-index="0"],
#fifthleftYAxisThicknessList_chosen li[data-option-array-index="0"],
#sixthleftYAxisThicknessList_chosen li[data-option-array-index="0"],
#seventhleftYAxisThicknessList_chosen li[data-option-array-index="0"],
#eighthleftYAxisThicknessList_chosen li[data-option-array-index="0"],
#ninethleftYAxisThicknessList_chosen li[data-option-array-index="0"],
#tenthleftYAxisThicknessList_chosen li[data-option-array-index="0"],
#thirdrightYAxisThicknessList_chosen li[data-option-array-index="0"],
#fourthrightYAxisThicknessList_chosen li[data-option-array-index="0"],
#fifthrightYAxisThicknessList_chosen li[data-option-array-index="0"],
#sixthrightYAxisThicknessList_chosen li[data-option-array-index="0"]
{
    font-size: 10px;
}

#leftYAxisThicknessListScatter_chosen li[data-option-array-index="1"],
#leftYAxisThicknessList_chosen li[data-option-array-index="1"],
#rightYAxisThicknessList_chosen li[data-option-array-index="1"],
#secondleftYAxisThicknessList_chosen li[data-option-array-index="1"],
#secondrightYAxisThicknessList_chosen li[data-option-array-index="1"],
#thirdleftYAxisThicknessList_chosen li[data-option-array-index="1"],
#fourthleftYAxisThicknessList_chosen li[data-option-array-index="1"],
#fifthleftYAxisThicknessList_chosen li[data-option-array-index="1"],
#sixthleftYAxisThicknessList_chosen li[data-option-array-index="1"],
#seventhleftYAxisThicknessList_chosen li[data-option-array-index="1"],
#eighthleftYAxisThicknessList_chosen li[data-option-array-index="1"],
#ninethleftYAxisThicknessList_chosen li[data-option-array-index="1"],
#tenthleftYAxisThicknessList_chosen li[data-option-array-index="1"],
#thirdrightYAxisThicknessList_chosen li[data-option-array-index="1"],
#fourthrightYAxisThicknessList_chosen li[data-option-array-index="1"],
#fifthrightYAxisThicknessList_chosen li[data-option-array-index="1"],
#sixthrightYAxisThicknessList_chosen li[data-option-array-index="1"] {
    font-size: 15px;
}

#leftYAxisThicknessListScatter_chosen li[data-option-array-index="2"],
#leftYAxisThicknessList_chosen li[data-option-array-index="2"],
#rightYAxisThicknessList_chosen li[data-option-array-index="2"],
#secondleftYAxisThicknessList_chosen li[data-option-array-index="2"],
#secondrightYAxisThicknessList_chosen li[data-option-array-index="2"],
#thirdleftYAxisThicknessList_chosen li[data-option-array-index="2"],
#fourthleftYAxisThicknessList_chosen li[data-option-array-index="2"],
#fifthleftYAxisThicknessList_chosen li[data-option-array-index="2"],
#sixthleftYAxisThicknessList_chosen li[data-option-array-index="2"],
#seventhleftYAxisThicknessList_chosen li[data-option-array-index="2"],
#eighthleftYAxisThicknessList_chosen li[data-option-array-index="2"],
#ninethleftYAxisThicknessList_chosen li[data-option-array-index="2"],
#tenthleftYAxisThicknessList_chosen li[data-option-array-index="2"],
#thirdrightYAxisThicknessList_chosen li[data-option-array-index="2"],
#fourthrightYAxisThicknessList_chosen li[data-option-array-index="2"],
#fifthrightYAxisThicknessList_chosen li[data-option-array-index="2"],
#sixthrightYAxisThicknessList_chosen li[data-option-array-index="2"] {
    font-size: 20px;
}

    #leftYAxisThicknessListScatter_chosen span,
    #leftYAxisThicknessList_chosen span,
    #rightYAxisThicknessList_chosen span,
    #secondleftYAxisThicknessList_chosen span,
    #secondrightYAxisThicknessList_chosen span,
    #thirdleftYAxisThicknessList_chosen span,
    #fourthleftYAxisThicknessList_chosen span,
    #fifthleftYAxisThicknessList_chosen span,
    #sixleftYAxisThicknessList_chosen span,
    #seventhleftYAxisThicknessList_chosen span,
    #eighthleftYAxisThicknessList_chosen span,
    #ninethleftYAxisThicknessList_chosen span,
    #tenthleftYAxisThicknessList_chosen span,
    #thirdrightYAxisThicknessList_chosen span {
        font-size: 0px;
    }

    #cmbTooltipOnlyMeasurementScatter_chosen, #cmbTooltipOnlyMeasurementScatter_chosen {
        width: 264px !important;
        float: left;
        margin-top: 12px;
    }

    #myModalCog, #myModalCogScatter, #myModalCogHistogram {
        overflow: visible !important;
    }

    #myModalCogScatter .modal-body,
    #myModalCogHistogram .modal-body {
        overflow: visible !important;
    }

    #history-nav {
        margin-left: 0 !important;
    }

    #FilterInfoDisplay.analyticsFilterInfoDisplay {
        margin: -10px 0px 20px 0px;
        width: 1150px;
    }

    #smallFiltersLink:hover, #secondSmallFiltersLink:hover {
        color: #06e;
    }

    .filterAnalyticsExtraOptions {
        margin-bottom: 5px;
    }

    .filterAnalyticsExtraOptions .sliderExtraOption {
        margin-right: 2px;
        margin-left: 8px;
    }

    .filterDot {
        padding: 0px;
        margin: 0px 4px 0px -4px;
    }

    .windForceLabel {
        margin-left: 12px;
        margin-bottom: 4px;
        display: block;
    }

    #missingReportsDiv {
        z-index: 999;
        top: 22px;
        left: 10px;
        float: right;
        position: relative;
        height: 0px;
    }

    .smallFiltersExcludeNulls {
        float: right;
        margin-top: 10px;
        margin-bottom: 8px;
        display: block;
        width: 18%;
    }

    .smallFiltersExcludeNulls label {
        margin-left: 3px;
        vertical-align: middle;
    }

    .secondSmallFiltersExcludeNulls {
        float: right;
        margin-top: 10px;
        margin-bottom: 8px;
        display: block;
        width: 18%;
    }

    .secondSmallFiltersExcludeNulls label {
        margin-left: 3px;
        vertical-align: middle;
    }


    #FilterInfoDisplay li {
        margin-left: 24px;
    }

    .sliderContainer .suffix {
        display: block;
        clear: both;
    }

    .sliderContainer .minSuffix {
        float: left;
    }

    .sliderContainer .maxSuffix {
        float: right;
    }
}

#div-operationalStatesBarWidget {
    margin-top: 35px;
}

#advisoryReportsWidget {
    margin-bottom: 30px;
}

td.ui-datepicker-current-day {
    background-color: #192967 !important;
}

td.ui-datepicker-current-day > a {
    color: #ffffff !important;
    background: #192967 none !important;
}

.highcharts-legend-item>span:hover {
    background-color: gray;
    opacity: 0.7;
}

.highcharts-legend-item>span {
    /*border: solid gray 1px;*/
    border-radius: 5px;
    padding-right: 6px;
    top: 1px !important;
    left: -2px !important;
    padding-left: 21px !important;
}

#printEntirePage:hover {
    cursor: grab;
}

.firstAxisTitle {
    float: left;
    cursor: none;
}

.secondAxisTitle {
    float: left;
    cursor: none;
}

#timeSerie0customLegend .item,
#timeSerie1customLegend .item,
#timeSerie2customLegend .item,
#timeSerie3customLegend .item,
#timeSerie4customLegend .item,
#timeSerie5customLegend .item,
#timeSerie6customLegend .item {
    float: left;
    margin-left: 16px;
    color: rgb(62, 87, 111);
}

#timeSerie0customLegend,
#timeSerie1customLegend,
#timeSerie2customLegend,
#timeSerie3customLegend,
#timeSerie4customLegend,
#timeSerie5customLegend,
#timeSerie6customLegend {
    /*margin-top: -3px;*/
    display: block;
    padding-bottom: 15px;
    /*clear: both;*/
    z-index: 999;
}

.grey {
    color: lightgrey !important;
}

.baselineRow {
    padding: 8px 0 8px 0;
}

.BaselinesChart {
    display: inline;
    float: left;
    width: 75%
}

.BaselineDetailTable {
    display: inline;
    float: right;
    padding: 10px 0px 10px 10px;
    width: 22%;
}

.BaselineDetailTable tr {
    border: 1px solid lightgray;
}

.BaselineDetailTable tr#evaluationPeriod, .BaselineDetailTable tr#benchmarkPeriod {
    border: none;
}

.BaselineDetailTable td {
    padding: 16px 8px 14px 5px;
    text-align: left;
}

.BaselineDetailTable td.hpdFiltersCell {
    padding: 12px 0px 0px 0px;
    text-align: left;
}

.BaselineDetailTable td .hpdFiltersFirstColumnEmph {
    display: inline-block;
    padding: 4px 0 8px 12px;
    font-weight: bold;
}

.BaselineDetailTable td .hpdFiltersFirstColumn {
    display: inline-block;
    padding: 0 0 4px 20px;
    margin: 0em;
    font-weight: bold;
}

.BaselineDetailTable td .hpdFiltersSecondColumn {
    float: right;
    padding: 2px 0 0 4px;
    margin: 0px;
    text-align: right;
}

.BaselineDetailTable td .hpdFiltersData {
    display: inline-block;
    font-weight: bold;
    padding-bottom: 12px;
}

.BaselineDetailTable td .hpdFiltersDataSecondColumn {
    float: right;
    padding: 0 0 0 4px;
    margin: 0px;
    text-align: right;
}

.BaselineDetailTable td .hpdFiltersTitle {
    display: inline-block;
    font-weight: bold;
    padding-bottom: 8px;
}

.widget-expand-collapse-button {
    padding-top: 2px;
    padding-right: 5px;
}

#printLoadingProgressGif {
    display: none;
    position: relative;
}

#printingIconHolder {
    display: inline-block;
}

#printingIconHolder .centerimage {
    position: absolute;
    left: -24px;
    top: 3px;
    width: 30px;
    height: 10px;
}

.printIconColumn {
    width: 16px;
    height: 10px;
}

#performanceIndexFilterSelector {
    width: 268px;
    top: 36px;
    left: 0px;
}

#eventsFilterSelector {
    top: 36px;
    left: 15px;
    min-width: 268px;
}

#hpdGPSFilterSliderSelector {
    top: 41px;
    left: 625px;
    min-width: 268px;
}

#hpdLogFilterSliderSelector {
    top: 101px;
    left: -5px;
    min-width: 268px;
}

#hpdTrueWindFilterSliderSelector {
    top: 101px;
    left: 310px;
    min-width: 268px;
}

.showHideChevron {
    margin-top: 2px;
    margin-right: 5px;
    cursor: pointer;
}

.baselineButtons {
    display: block;
    clear: both;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.ecaZonesButton {
    font-size: 12px !important;
    padding: 2px 6px 2px 6px !important;
}

.baselineRow #HPD-Edit-Upper {
    height: auto;
}

#loadSFOCComments {
    width: 103%;
    height: 6.6em;
    overflow: auto;
    resize: none;
}

#configactionswidget span {
    float: left;
    padding-bottom: 7%;
}

.btnNavigateTime {
    margin-bottom: 5px;
    padding: 4px;
}

#shipDetailTabs .companyTabs {
    padding-left: 7px;
    padding-right: 8px;
    margin-right: 0px;
    line-height: 14px;
}

#alertBoxRange ul {
    margin: 0.5em 0em 0.5em 1em;
}

.kpiNotApplicable {
    color: #cccccc;
}

.kpiWarning {
    color: #F89406;
}

.kpiAlert {
    color: #B94A48;
}

.kpiOK {
    color: #468847;
}

.disabledText {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#sortable_edit {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 350px;
}

#sortable_edit li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    font-size: 1em;
    height: 18px;
}

#sortable_edit li .ui-icon {
    position: absolute;
    margin-left: -1.3em;
}

#sortable_edit li .companyButtonName {
    position: absolute;
    padding-left: 10px;
    width: 240px;
}

#sortable_edit li .companyButtonCheckBoxSelected {
    position: absolute;
    padding-left: 280px;
    width: 40px;
}

.spanShipSelector .select2-container {
    margin-bottom: 5px;
}

.popover.clickover {
    width: 360px;
}

.popover ul {
    margin-top: 8px;
}

.popover ul li {
    margin-top: 4px;
}

table.tablesorter.lowPadding tbody td {
    padding: 2px 6px 2px 6px;
}

.activeMapButton {
    border-bottom: 2px;
}

.showRouteButton {
    padding-top: 7px;
}

.activeMapParent {
    color: forestgreen;
}

.mapRoundIcon {
    width: 10px;
    height: 10px;
    background-color: #0062A9;
    border-radius: 50%;
    border: 1px solid white;
}

.mapArrowIcon {
    font-size: 20px;
    color: #0062A9;
    text-shadow: 1px 0px 2px white;
}

.mapArrowIconB94A48 {
    font-size: 20px;
    color: #B94A48;
    text-shadow: 1px 0px 2px white;

}

.mapArrowIconF89406 {
    font-size: 20px;
    color: #F89406;
    text-shadow: 1px 0px 2px white;
}

.mapArrowIcon808080 {
    font-size: 20px;
    color: #808080;
    text-shadow: 1px 0px 2px white;
}

.mapArrowIconCCCCCC {
    font-size: 20px;
    color: #CCCCCC;
    text-shadow: 1px 0px 2px white;

}

.mapArrowIcon468847 {
    font-size: 20px;
    color: #468847;
    text-shadow: 1px 0px 2px white;
}

.mapRoundIconB94A48 {
    width: 10px;
    height: 10px;
    background-color: #B94A48;
    border-radius: 50%;
    border: 1px solid white;
}

.mapRoundIconF89406 {
    width: 10px;
    height: 10px;
    background-color: #F89406;
    border-radius: 50%;
    border: 1px solid white;
}

.mapRoundIcon808080 {
    width: 10px;
    height: 10px;
    background-color: #808080;
    border-radius: 50%;
    border: 1px solid white;
}

.mapRoundIconCCCCCC {
    width: 10px;
    height: 10px;
    background-color: #CCCCCC;
    border-radius: 50%;
    border: 1px solid darkgrey;
}

.mapRoundIcon468847 {
    width: 10px;
    height: 10px;
    background-color: #468847;
    border-radius: 50%;
    border: 1px solid white;
}

.mapRoundIcon315AF8 {
    width: 10px;
    height: 10px;
    background-color: #315AF8;
    border-radius: 50%;
    border: 1px solid white;
}

.mapRoundIconFF6F00 {
    width: 10px;
    height: 10px;
    background-color: #FF6F00;
    border-radius: 50%;
    border: 1px solid white;
}

.pointOfInterestIconBunkerStation {
    width: 10px;
    height: 10px;
    /*    background-color: #315AF8;
        border-radius: 50%;
        border: 1px solid white;
    */
}

.pointOfInterestIconRig {
    width: 10px;
    height: 10px;
    /*    background-color: #315AF8;
    border-radius: 50%;
    border: 1px solid white;
*/
}

.shipIcon:hover {
    border: 1px solid #555;
}

.recenterMapButton {
    padding-top: 7px;
}

.lower {
    margin-top: 40px;
}

#dataExport-nav .shipSelector ul {
    width: 680px !important;
}

#importBaselineData {
    width: 100%;
}

#LoadSFOCEditUpper {
    margin-bottom: 10px;
}

.engineCheckboxHolder {
    margin-right: 6px;
    display: inline-block;
}

.engineCheckbox {
    margin-right: -2px;
}

.highcharts-contextmenu div div {
    font-size: 12px !important;
    font-family: 'Abel', sans-serif !important;
    background-color: #FFF !important;
    padding: 3px 8px !important;
    z-index: 1000 !important;
}

.highcharts-contextmenu div {
    z-index: 1000 !important;
    padding: 0px 0px !important;
}

.highcharts-contextmenu div div:hover {
    background-color: #F7F8FA !important;
    color: black !important;
}

.highcharts-contextmenu div hr {
    background-color: #FFF !important;
    margin: 0em 0 !important;
}

.highcharts-contextmenu div hr:hover {
    background-color: #FFF !important;
}


#fuelTabs.grid_12 .consumptionStackedBarChartHolder .highcharts-button {
    z-index: 999 !important;
}

#fuelTabs.grid_12 .consumptionStackedBarChartHolder .highcharts-contextmenu {
    z-index: 999 !important;
}
#fuelTabs.grid_12 .consumptionStackedBarChartEnergyHolder .highcharts-button {
    z-index: 999 !important;
}

#fuelTabs.grid_12 .consumptionStackedBarChartEnergyHolder .highcharts-contextmenu {
    z-index: 999 !important;
}

#dashboardsTabs.grid_12 .highcharts-button {
    display: none;
}

#dataTabs.grid_12 .number-graph .highcharts-button {
    transform: translate(996px, 21px) !important;
}


#fuelTabs.grid_12 .RemainingOnBoardWidget .highcharts-button {
    transform: translate(786px, 5px) !important;
}

#fuelTabs.grid_12 .fuelPieChartContainer .highcharts-button {
    transform: translate(346px, 34px) !important;
}

#ConsumptionMeasuredBarChart .highcharts-button {
    z-index: 999 !important;
}

#hpdTriggerHolder.grid_12 .highcharts-button {
    transform: translate(896px, 21px);
}

#MainPotentialSavingsWidget .highcharts-contextmenu {
    right: 4px !important;
    top: -20px !important;
}

#consumptionExportButton {
    margin-bottom: -25px;
}

.subComponent {
    background-color: #2e6c8a !important;
}

#popTable {
    margin-top: 10px;
}

.popoverAlign {
    text-align: left !important;
}

#tagTabsList li {
    border: transparent;
    background: transparent;
}

#tagTabsList li a {
    padding: 0.5em 0.5em;
    font-size: 13px;
    color: #192A68;
    border-radius: 5px;
    font-family: sans-serif;
}

#tagTabsList .ui-state-active > a {
    background-color: rgb(238, 238, 238);
}

#tagTabsList .ui-state-hover > a {
    background-color: rgb(238, 238, 238);
    color: #005EC9;
}

.shipTagListTable th {
    background-color: #D9DADE;
    font-size: 13px;
}

.shipTagListTable {
    font-size: 13px;
    font-family: sans-serif;
}

.shipTagListTable tr:nth-child(even) td {
    background-color: #F7F8FA;
}

#tagTabsList {
    background: none !important;
}

.EditTagTables {
    /*display: inline-table!important;*/
    padding-left: 0 !important;
}

#dataHistoryMapDiv .leaflet-top.leaflet-left {
    z-index: initial;
}

#performancefilters li.disabled {
    cursor: default;
}

#performancefilters li.disabled a {
    color: #999;
}

.floatLeft {
    float: left;
}

.leaflet-popup-tip {
    width: 0px !important;
    height: 0px !important;
    padding: 0px !important;
    margin: 0 !important;
}

[id*="legendContainer"] {
    line-height: 12px;
    color: black;
    background-color: ghostwhite;
    padding: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.weatherLegend {
    margin-top: auto;
    width: 120px;
    margin-bottom: -7px !important;
    margin-right: 20px !important;
}

.weatherLegend i {
    width: 18px;
    height: 12px;
    float: left;
    margin-right: 8px;
    opacity: 0.9;
}

[id*="legendButton"] {
    width: 115%;
    height: 28px;
    /*border: 1px solid #aaa;*/
    background-color: #fff;
    /*background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);*/
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: #444;
    text-decoration: none;
    line-height: 24px;
    border-radius: 5px;
    padding: 0 0 0 8px;
    cursor: pointer;
}

#smallLegendPin {
    width: 18px;
    line-height: 1px;
    display: inline-grid;
    float: right;
    margin: 5px 5px 5px 0;
}

#smallLegendPin i {
    height: 1px;
    margin-right: 0;
}

#addAdvUser {
    float: right;
    margin: 20px 0 0px 0;
    clear: both;
}

.shipMarkerIcon {
    bottom: -30px;
}

/*Toggle Switch CSS*/
.toggle-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 20px;
    background-color: #cf8d00 !important;
    border-radius: 2px;
    transition: all 0.3s;
}
.toggle-switch-green {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 20px;
    background-color: #35b41e !important;
    border-radius: 2px;
    transition: all 0.3s;
}
.toggle-switch-gray {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 20px;
    background-color: #b4bcc2 !important;
    border-radius: 2px;
    transition: all 0.3s;
}

.toggle-switch::after, .toggle-switch-green::after, .toggle-switch-gray::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 18px;
    border-radius: 2%;
    background-color: white;
    top: 1px;
    left: 1px;
    bottom: 1px;
    transition: all 0.3s;
}

.toggle-checkbox:checked + .toggle-switch::after,
.toggle-checkbox:checked + .toggle-switch-green::after,
.toggle-checkbox:checked + .toggle-switch-gray::after {
    left: 29px;
}

.toggle-checkbox:checked + .toggle-switch,
.toggle-checkbox:checked + .toggle-switch-green,
.toggle-checkbox:checked + .toggle-switch-gray {
    background-color: #29467F !important;
}

.toggle-checkbox {
    display: none;
}

.primarybtn:hover {
    background-color: purple;
}

/*Toggle Switch CSS End*/

/*-----Activities-ship page styles ---------- START----- */

#div-DailyFuelConsumptionByActivityColumChart {
    margin-top: 50px;
}

#div-activityDataTableWidget {
    margin-top: 50px;
}

.activityreport-seperator {
    width: 100%;
}

/*-----Activities-ship page styles ---------- END----- */
/*Toggle Switch CSS End*/


/*CSS LOADER*/
.loading {
    height: 0;
    width: 0;
    padding: 15px;
    border: 6px solid #ccc;
    border-right-color: #888;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    position: absolute;
    left: 50%;
    top: 50%;
}

@-webkit-keyframes rotate {
    /* 100% keyframe for  clockwise. 
     use 0% instead for anticlockwise */
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.panel-heading {
    padding: 0;
    border: 0;
}

.panel-title > a, .panel-title > a:active {
    display: block;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid black;
    padding: 1px;
    font-weight: 300 !important;
}

.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    float: left;
    transition: all 0.5s;
    font-size: 12px;
    margin-top: 0;
    width: 20px !important;
    margin-top: 5px;
}

.panel-heading.active a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    width: 20px !important;
    font-size: 12px;
}

/* =============================================================================
   Bunkering page styles
   ========================================================================== */

#bunker-nav {
    margin-left: 0 !important;
}

.bunkerreport-seperator {
    width: 100%;
}

#BunkerDetails {
    font-size: 16px;
    padding: 10px;
    text-align: left;
    border: solid 1px #a6d8a8;
    margin: auto;
}

#BunkerDetails {
    display: none;
}

#divBunkerDetails #exportBtn {
    margin-bottom: 12px;
}

#bunkeringDetailsDataTable_wrapper th, #bunkeringDetailsDataTable_wrapper td {
    white-space: nowrap;
}

#bunkeringDetailsDataTable_wrapper {
    /*width: 1200px;*/
    margin: 0 auto;
}

#bunkeringDetailsDataTable_wrapper table.dataTable thead .sorting,
#bunkeringDetailsDataTable_wrapper table.dataTable thead .sorting_desc,
#bunkeringDetailsDataTable_wrapper table.dataTable thead .sorting_asc {
    padding-right: 20px
}

#bunkeringDetailsDataTable_wrapper table.tablesorter {
    margin: 0 0 0 !important;
}

#bunkeringDetailsDataTable_wrapper .dataTables_processing {
    z-index: 1 !important;
}

#divBunkerDetails {
    margin-top: 0px;
}

/* =============================================================================
   Score card styles
   ========================================================================== */
.scorecard table td p {
    font-size: 15px !important;
}

.scorecard table td span {
    font-size: 15px !important;
}

.scorecard table th h3 {
    font-size: 13px !important;
    font-weight: bold !important;
}

/* =============================================================================
   activity report - Activity Details List
   ========================================================================== */

#activityDetailsTableDiv {
    margin-bottom: 15px;
}

/* ========================================================================== */

.shipOverviewPage .mapHolder {
    margin-bottom: 30px;
}

#overview_mapwrapper {
    width: 100%;
    float: left;
}

/* =============================================================================
   EFMS Data Table Styles
   ========================================================================== */

table.efmsDataTable thead .sorting {
    background: url(/Content/images/sort_both.png) center right no-repeat !important;
}

table.efmsDataTable thead .sorting_asc {
    background: url(/Content/images/sort_asc.png) center right no-repeat !important;
}

table.efmsDataTable thead .sorting_desc {
    background: url(/Content/images/sort_desc.png) center right no-repeat !important;
}

table.efmsDataTable th, table.efmsDataTable td {
    white-space: nowrap;
}

table.efmsDataTable thead .sorting,
table.efmsDataTable thead .sorting_desc,
table.efmsDataTable thead .sorting_asc {
    padding-right: 20px
}

.efmsDataTable .tablesorter {
    margin: 0 0 0 !important;
}

/* ========================================================================== */

#spnConsumptionVsBenchmarkPercentageTooltip, #spnConsumptionVsBenchmarkValueInLitresTooltip {
    width: 10px !important;
    display: block !important;
    margin-bottom: 5px !important;
}

.guageLabelParent {
    text-align: center;
}

.negativeValueHighlighting {
    background-color: #ffe9ed !important;
}

/*============================================================================
    EFMS Preview Page Style
============================================================================*/
#exportDataDT_filter input {
    font-size: 1.3em;
    margin: 4px 6px 4px 0;
    padding: 1px;
    border: 1px solid #bbb;
    background: #fff;
}

.same-height {
    padding: 16px;
    margin: 10px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background-color: white
}

.text-danger {
    color: #ff0000;
}

.border-error {
    border: 1px solid #ff0000 !important;
}

.text-center {
    text-align: center;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.menu-header {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    background-color: #FFFFFF;
    position: fixed;
    height: 60px !important;
    overflow: visible;
    z-index: 10;
}

/* ++ scrollbars*/
/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: lavender lightgrey;
}

/* Chrome, Edge*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #F1F1F1;
}

::-webkit-scrollbar-thumb {
    background-color: #C1C1C1;
    border-radius: 20px;
    border: 1px solid;
    border-color: #C1C1C1;
}
/* -- scrollbars*/

.hamburher-menu {
    padding-top: 50px;
    height: 100%;
    position: fixed;
    top: 10px;
    left: 0;
    width: 60px;
    /*transition: width 50ms ease-in-out;*/
    background-color: #FFFFFF;
    font-size: 12px;
    z-index: 1100;
    overflow-x: hidden;
    color: #555555;
    overflow-y: hidden;
    box-shadow: 1px 0px 2px rgb(0 0 0 / 20%)
}

.hamburher-menu:hover {
    width: 200px;
    overflow-y:visible;
}

.list-group-item.parent:hover, .list-group-item.parent:hover button, .list-group-item.parent:hover img {
    background-color: #EFEFEF;
    border-radius: 5px;
}

.list-group-item.child, .list-group-item.child a {
    transition: background-color 0ms;
    transition: color 0ms;
}

.list-group-item.child:hover, .list-group-item.child:hover a {
    background-color: #0060a0;
    color: #EEEEEE;
}

.list-group-item.child:hover {
    border-radius: 5px;
}

.hamburher-menu:hover .link {
    display: inline;
}

.hamburher-menu li {
    cursor: pointer;
    border-radius: 4px !important;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    height: 48px;
    }
.hamburher-menu ul {
    border-radius: 4px;
    margin: 2px;
}

.hamburher-menu a:visited {
    text-decoration: none;
    decoration: none;
}

.hamburher-menu .list-group-item {
    border: none !important;    
}

.hamburher-menu .dropdown-item:hover {
    background-color: rgb(239,239,239);
}

.menu-icon {
    display: inline;
}

.link {
    display: none;
    transition: display 50ms ease-out;
}

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

.collapse {
    border-radius: 4px;
}

.ibutton {
    display: inline;
    float: right;
    border: none;
    background-color: transparent;
}

.list-group a, .list-group button {
     -webkit-transition: none !important; 
     transition: none !important;
}

.kpi-table-wrapper{
    background-color: white;
    border-radius: 15px;
    padding: 30px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: .25rem;
}

.kpi-auto-value {
    min-width: 150px;
    width: 15%;
    white-space: nowrap;
}

.kpi-auto-serie {
    width: 5%;
    white-space: nowrap;
}

.my-custom-scrollbar {
    position: relative;
    height: 200px;
    overflow: auto;
}

.table-wrapper-scroll-y {
    display: block;
}

img.action {
    cursor: pointer;
}

 .m-0{
     margin:0px;
 }
.mb-10 {
    margin-bottom: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.p-2{
    padding:2px;
}

.align-middle {
    vertical-align: middle !important;
}

.cell-padding {
    padding: 6px 4px !important;
}

.table-cell-fuel-prediction-tank {
    height: 39px;
}

.measure-container {
    margin: auto;
    width: 100%;
    padding-top: 10px;
}

.btn-marorkaDefault {
    color: #0060a0 !important;
}

.btn-marorkaDarkBlue {
    background-color: #0060A0 !important;
    border-color: #0060A0 !important;
    color: white !important;
}
.btn-marorkaRed {
    background-color: #FF5151 !important;
    border-color: #FF5151 !important
}
.time-constraint {
    min-width: 140px;
}

.chart-container {
    padding: 16px;
    margin-top: 10px;
    margin-bottom: 10px;

}

.chart-container.shadow {
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.chart-container:nth-child(1) {
    margin-right: 20px;
}
.more::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: .5em solid transparent;
    border-left-color: gray;
    transform-origin: 0 50%;
    transition: transform .25s;
}

.more.down::before {
    transform: rotate(90deg);
    transition: transform .25s;
}

.checkbox-size {
    height: 20px !important;
    border: 0 !important;
    box-shadow: none !important;
}

.badge-info {
    background-color: #2d6987 !important;
}

.trip-profile-name {
    padding-top: 5px;
    font-weight: bold;
    height: 60px;
}

.timeLineChart {
   width:100%; 
   height:200px;
}

.timeLineChart_mvr {
    width: 100%;
    /*height: 700px;*/
}

.legend-container {
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
}

.legend-title{
    clear:both;
    font-weight:bold;
    margin-bottom:4px;
}

.legend-timeline {
    border:1px solid;
    border-radius:5px;
    padding:3px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 12px
}

.legend-marker{
    width:15px;
    height:12px;
    margin-right:3px;
    display:inline-block;
}

.legend-text{
    font-weight:bold;
}

.w-100{
    width:100%;
}

.add-kpi-button{
    float:right;
    margin-bottom:7px;
    margin-right:30px;
    font-size:14px;
    font-weight:bold;
}

.mr-0{
    margin-right:0;
}

.ml-0 {
    margin-left: 0;
}

.not-operational-use {
    background-color: red;
    color: #fff !important;
    padding-top:10px;
    padding-bottom:10px;
    margin-left: -15px;
    margin-right: -15px;
}

.btn-left{
    text-align:left!important;
}
table th {
    font-weight: 600;
}

.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active {
    background-color: #5aa9ff !important;
}
button, .btn {
    padding: .375rem .75rem;
}
.treegrid-indent {
    /*width: 16px;*/
    height: 16px;
    display: inline-block;
    position: relative;
}

.treegrid-expander {
    width: 16px;
    height: 26px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    vertical-align:middle;
}

.treegrid-expander-expanded {
    background-image: url(../img/collapse.png);
}

.treegrid-expander-collapsed {
    background-image: url(../img/expand.png);
}

.modal-content {
    width: 680px;
    margin-top: 30px;
    max-height: calc(100vh - 90px);
}

.modal-body {
    max-height: 800px;
    padding: 15px;
    overflow-y: auto;
    overscroll-behavior: none;
}

#myModalCogContent, #myModalCogScatterContent, #myModalCogHistogramContent {
    width: 900px !important;
    /*margin-left: -450px;*/
}
table td, table th {
    padding: .75rem !important;
    border-top: 1px solid #dee2e6;
}

#buttonVoyageContainer h4, #div-VoyageTargets h4{
    font-size:.81rem;
    font-weight: bold;
}

.popover{
    z-index: 2000;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6;
}

#fuelTypeFilterValues li, #secondFuelTypeFilterValues li {
    display: inline;
    margin-right: 10px;
}

.card-body table{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/*UI slider*/
.sliderContainer .ui-slider-horizontal, #scaleSlider.ui-slider-horizontal {
    height: .3em !important;
}

.sliderContainer .ui-slider-handle, #scaleSlider .ui-slider-handle {
    height: .9em !important;
    width: .9em !important;
    border: none;
    border-radius: 50% !important;
    background: none;
    background-color: #0363bf !important;
    top: -0.35em !important;
}

.sliderContainer .ui-widget-content, #scaleSlider.ui-widget-content {
    border: none;
    background: none;
    background-color: #92bef1 !important;
}
.sliderContainer .ui-widget-header {
    border:none;
    background: none;
    background-color: #0363bf !important;
}

/*Reporting*/

#reportlist table td:first-child a{
    font-weight: bold !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {    
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

.mt15{
    margin-top: 15px !important;
}

.table thead th {
    border-bottom: 1px solid #dee2e6;
}

#myModalCog td, #myModalCogScatter td, #myModalCogHistogram td{
    border: none;
    padding:3px !important;
}

.modal-lg {
    max-width: 900px !important;
}

.card-body table tr:first-child td{
    border:none !important;
}

.reportSelectorButtonGroup button.selected {
    background-color: #0060a0 !important;
    color: white !important;
    border-radius: .55em !important;
}

.reportSelectorButtonGroup button {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    text-transform: none !important;    
    box-shadow:none !important;
    -webkit-box-shadow: none !important;
    background-color:none;
    font-weight:500;
}

.reportSelectorButtonGroup button:first-child {
    margin-left: 0px !important;    
}

.reportSelectorButtonGroup button:last-child {
    margin-right: 0px !important;    
}

.routepath {
    display: inline-block;
    font-weight: 400;
    color: #192967;
    text-align: left;
    background-color: transparent;
    /*padding: 1.4rem 0.272rem;*/
    font-size: 1rem;
}

table.dataTable thead > tr > th {    
    /*padding-right: initial !important;*/
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before {
    left: auto !important;
    right: 0px !important;
    font-size:11px !important;
}

th.dt-body-right{
    text-align: right !important;
    padding-right: 14px !important;
}

.reportSelectorButtonGroup{
    border:1px solid white !important;
    border-radius: .55em !important;
}

.smallFiltersResetButton {
    pointer-events:;
    font-weight: 500 !important;
    color: #0060a0 !important;
    text-transform: none !important;
    border-radius: 0.25rem !important;
}

.smallFiltersApplyButton {   
    color: white;
    font-weight: 500 !important;
    background-color: #0060a0 !important;
    text-transform: none !important;
    border-radius: 0.25rem !important;
}
.smallFiltersApplyButton:hover{
    color:white;
}

.downloadBtn {
    background-image: url('/Content/images/Download-white.svg');
    background-color: #0060a0;
    background-position: center;
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
    padding: .375rem .75rem;
    margin: .375rem 0;
}

.text-app-blue {
    color: #0060a0 !important;
}

.text-app-gray {
    color: rgb(85,85,85) !important;
}

.bg-app-blue {
    background-color: #0060a0 !important;
}

button.bg-app-blue.active {
    background-color: #1071b1 !important;
}

.bg-app-gray {
    background-color: rgb(85,85,85) !important;
}

/*.col, .col-6, .col-4, .col-8 {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.col:first-child, .col-6:first-child, .col-4:first-child, .col-8:first-child {
        padding-left: 15px;
    }

.col:last-child, .col-6:last-child, .col-4:last-child, .col-8:last-child {
        padding-right: 15px;
    }*/

#FuelBunkeringMap .leaflet-pane.leaflet-map-pane {
    transform: translate3d(0px, -20px, 0px);
}

#FuelConsumptionPerShipValues .rowEntry {
    display:flex;
}

.highcharts-container{
    display:block;
}

.modal-footer {
    background-color: rgb(245,245,245) !important;
}

#shipEvents td{
    border: none !important;
}

.dropdown-item:hover {
    background-color: rgb(239,239,239) !important;
}

.hamb-item-active {
    color: rgb(255,255, 255) !important;
    background-color: rgb(0,96, 160) !important;
}
    .hamb-item-active:hover {
        color: rgb(255,255, 255) !important;
        background-color: rgb(0,96, 160) !important;
    }

table th, table td{
    background-color: none !important;         
}

.EmptySpaceItem{
    display:none;
}

#widgetLabel-ApplicationOverviewWidget{
    vertical-align:middle !important;
}

#myModal_ApplicationOverviewWidget .modal-header h5{
    margin:auto;
}

#div-AutologgedDataQuality #infoModal_Particulars {
    vertical-align:middle !important;
}

#AutologgedDataQuality table th:nth-child(n+3), #AutologgedDataQuality table td:nth-child(n+3), #ManualReportsDataQuality table th:nth-child(n+3), #ManualReportsDataQuality table td:nth-child(n+3) {
    text-align: center !important;
}

#AutologgedDataQuality table th:last-child, #AutologgedDataQuality table td:last-child, #ManualReportsDataQuality table th:last-child, #ManualReportsDataQuality table td:last-child {
    text-align: left !important;
}

#DataQualitySingleShipGrid table th{
    text-align:right !important;
}
#DataQualitySingleShipGrid table td:first-child {
    text-align: left !important;
}
#DataQualityGrid table th:not(:first-child) {
    text-align: right !important;
}

#shipSelectorModal ul {
    list-style:none;
    padding:0;
}

/*Ship selector modal*/

.shipSelectorModal li{
    padding: 0.4rem !important;
    border-top: 1px solid #dee2e6 !important;
}

.shipSelectorModal label{
    margin: 0 !important;
}

.shipSelectorModal li.shipSeriesRow{
    border-bottom: 1px solid #dee2e6;
}

.shipSelectorModal .shipSeriesRow + .shipOption{
    border-top: none !important;
}

.shipSelectorModal .SeriesSelectorInput{
    margin-right: 5px;
}

.shipSelectorModal .shipsFilterButtonDiv .waves-input-wrapper:nth-child(3), .shipSelectorModal .secondShipsFilterButtonDiv .waves-input-wrapper:nth-child(3) {
    margin-left: auto;
}


#SingleshipSelectorModal ul {
    list-style: none;
    padding: 0;
}

/*Ship selector modal*/

.SingleshipSelectorModal li {
    padding: 0.4rem !important;
    border-top: 1px solid #dee2e6 !important;
}

.SingleshipSelectorModal label {
    margin: 0 !important;
}

.SingleshipSelectorModal li.shipSeriesRow {
    border-bottom: 1px solid #dee2e6;
}

.SingleshipSelectorModal .shipSeriesRow + .shipOption {
    border-top: none !important;
}

.SingleshipSelectorModal .SeriesSelectorInput {
    margin-right: 5px;
}

.SingleshipSelectorModal .shipsFilterButtonDiv .waves-input-wrapper:nth-child(3), .SingleshipSelectorModal .secondShipsFilterButtonDiv .waves-input-wrapper:nth-child(3) {
    margin-left: auto;
}
ul#singleShipList label {
    padding: 0.4rem !important;
    padding-left: 25px !important;
}
ul#singleShipList li {
    padding: 0 !important;   
}

.multiLineTwoColumnsRow .col-6:nth-child(2n+1) {
    padding-left: 15px;
}
.multiLineTwoColumnsRow .col-6:nth-child(2n) {
    padding-right: 15px;
}
#DataQualitySingleShipGrid tfoot tr th:first-child{
    text-align:left !important;
}

#line4 table th.sorter-onlinevalue, #shipcomparisonwidget table th.sorter-onlinevalue{
    text-align: right;
}
.light-blue-text {
    color: #0060a0 !important;
}
.analyticsLink  #div-scatterplot h5{
    display:flex;
    align-items:end;
}

.analyticsLink #div-scatterplot #labelcontainer {
    margin-left:auto;
}

.analyticsLink #div-summaryWidget {
    margin-top:15px;
    padding-top: 10px;
}
.analyticsLink #div-summaryWidgetMulti {
    margin-top: 15px;
    box-sizing:unset;
}

.analyticsLink #dataQualityWidget {
   margin-left: 2px;
}
#performanceTabs #header-scatterplot #labelcontainer a {
    margin-left: 2px;
}
.analyticsLink #header-scatterplot #widgetLabel-scatterplot {
    vertical-align:middle;
}
.ui-datepicker td{
    padding:1px !important;
    font-size:.7rem;
}
.ui-datepicker th {
    padding: .7em .3em !important;
    /*font-size:.7em !important;*/
}
.ui_tpicker_minute ~ dt, .ui_tpicker_minute ~ dd 
{
    display: none !important;
}

#speedShaftPowerDiv, #speedGauge, #speedline, #meFuelConsumptionDiv, #propulsionPerformanceDiv, #fcChartDiv, #speedShaftPowerDivSlideOut, #speedGaugeSlideOut, #speedlineSlideOut, #fcChartDivSlideOut {
    height: 150px;
}
#shipSlideOutDetailsContainer, #shipSlideOutDetailsEFMSContainer {
    padding-top: 50px;
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    height: 100%;
    background-color: #FFFFFF;
    font-size: 12px;
    z-index: 1100;
    overflow-x: hidden;
    color: #555555;
    background-color: rgb(253,253,250);
    box-shadow: -1px 0px 2px rgb(0 0 0 / 20%);
}

.dd-select {
    border-radius: 0.25rem !important;
    border: 1px solid #ced4da !important;
}
.dropdown-menu{
    font-size:0.8rem;
}
.ui-daterangepickercontain .ui-daterangepicker {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    margin-top:2px;
    width:222px !important;
    font-size:.8rem;
}

.ui-state-hover {
    /*background: none !important;
    background-color: rgb(85,85,85) !important;*/
}
.ui-daterangepicker ul{
    width:100%;
}

#filtersContainer #filters > div{
    width:330px;
    margin-right:40px;
}

.dropdown-menu {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border:none !important;
    margin-top:5px;
}

#fitCurvesSelect a.dd-option{
    display:flex;
}

#fitCurvesSelect img.dd-option-image {
    align-self: center;
}

#fitCurvesSelect li a.dd-option label.dd-option-text {
    margin-bottom:0px !important;
}

.select2-arrow{
    display:none !important;
}
#durationUnitLabel{
    margin-bottom:0.3rem !important;
}

.select2-container .select2-choice {
    background: none;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.voyage-group-icon {
    background: url(../Content//images//label_black_24dp.svg);
    height: 24px;
    width: 24px;
    margin-top: -6px;
    display: block;
}

.slide-out-title {
    font-size: 15px;
    color: #0060A0;
}

.close-slide {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    border-width: 0px;
    background: #ffffff;
    outline: 0px auto -webkit-focus-ring-color !important;
}

.center-slide-out-text{
    display:flex;
    align-items:center;
}

.flex-col60 {
    flex-basis: 60%;
    flex-shrink: 0;
}

.flex-col40 {
    flex-basis: 40%;
    flex-shrink: 0;
}

.flex-col75 {
    flex-basis: 75%;
    flex-shrink: 0;
}

.flex-col25 {
    flex-basis: 25%;
    flex-shrink: 0;
}

.custButton {
    background: #0060a0 !important;
    text-transform: capitalize;
}

#header-emailsub {
    font-weight: normal !important;
}

#TrafficLightWidget_WorldMap .leaflet-popup-pane {
    display: none !important;
}

.coursHeader {
    cursor: default !important;
}

.disable-div{
    pointer-events:none !important;
}

.ovrwPanel {
    display: flex;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

.ovrwPanel .ovrwElement {
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    width: 280px;
    box-sizing: border-box;
    text-align: center;
    display: grid;
    border-radius: 5px;
    padding-top: 10px;
}

.ovrwPanel .ovrwElement img {
    height: 50px;
}

.ovrwPanel .ovrwElement div:first-child {
    font-size: 16px;
}

.ovrwPanel .ovrwElement div span {
    font-size: 12px;
    color: gray;
}

.ovrwPanel .ovrwElement div span:nth-child(odd) {
    color: #068dff;
}

.ovrwElementMainValue {
    font-size: 16px !important;
}

#div-ReliqOverview {
    width: 100% !important;
}

.shadow-box {
    padding: 16px;
    margin-top: 10px;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    border-radius: 5px;
    border: 0;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    background-color: white;
}

.side-bar-icon {
    padding-left: 5px;
    color: #a9afbb;
    font-size: large;
}

.bootbox {
    margin-top:300px;
}


.width-33 {
    width: 33%;
}


.allign-centr-targets {
    text-align:center;
    vertical-align:middle;
}

body.modal-open {
    overflow: hidden;
}

.mw-700p {
    max-width: 700px;
}


.cii_icon_A {
    margin: 0 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    border: none;
    background: url(/Content/images/CII_A_24.svg) no-repeat 0% 100%;
}

.cii_icon_B {
    margin: 0 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    border: none;
    background: url(/Content/images/CII_B_24.svg) no-repeat 0% 100%;
}
.cii_icon_C {
    margin: 0 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    border: none;
    background: url(/Content/images/CII_C_24.svg) no-repeat 0% 100%;
}
.cii_icon_D {
    margin: 0 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    border: none;
    background: url(/Content/images/CII_D_24.svg) no-repeat 0% 100%;
}
.cii_icon_E {
    margin: 0 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    border: none;
    background: url(/Content/images/CII_E_24.svg) no-repeat 0% 100%;
}

.rightAlignImportant {
    text-align: right !important;
}

.no-data {
    padding: 80px;
    margin-left:50px;
    text-align: center;
    font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica;
    color: #d3d3d3;
    font-size: 18px;
    font-weight: bold
}

.ChartLabel-Container {
    width: 100%;
    position: relative;
}

.ChartLabel {
    position: absolute;
    color: #777777;
    font-size: 12px;
    top: 50px;
    z-index: 1;
    display: inline-block;
}

.ChartLabel--Left {
    left: 140px;
}

.ChartLabel--Right {
    right: 60px;
    float: right;
}

.card-body.total-card {
    padding-top: 1em;
    padding-bottom: 0.9em;
}

.bunkeringSublegend {
    display: flex;
    align-items: center;
    justify-content: center;
}
.bunkeringSublegendItem {
    margin-left: 30px;
    display: inline-block;
}
.bunkeringSublegendItemMark {
    height: 8px;
    width: 8px;
    margin-right: 5px;
    display: inline-block;
}
.bunkeringSublegendItemText {
    display: inline-block;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 12px;
    white-space: nowrap;
    color: rgb(0, 0, 0);
    font-weight: bold;
}
.bunkeringPercentageChart {
    border-top: 1px solid rgb(187, 187, 187);
    padding: 30px;
    margin-top: 30px;
}

.dotSpan {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}

.BunkeringStateCol .ui-icon {
    display: inline-block;
}

#emailSubBox16 {
    margin-right: 5px
}

#timezonelistForDailyReport {
    margin-right: 30px;
    margin-left: 10px;
}

#emailReportTime {
    margin-left: 10px;
}

.cii-rating-A {
    color: white;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 24px;
    background-color: #388e3c;
}

.cii-rating-B {
    color: white;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 24px;
    background-color: #7EB468;
}

.cii-rating-C {
    color: white;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 24px;
    background-color: #F7DE4B
}

.cii-rating-D {
    color: white;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 24px;
    background-color: #ECA43C
}

.cii-rating-E {
    color: white;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 24px;
    background-color: #E55E58
}

.errorCodesForShipTitled {
    margin-bottom: 30px;
    border: 1px solid #aaaaaa;
}

.errorCodesLegend::after {
    content: "";
    clear: both;
    display: table;
}

.ecr-legend-footer {
    clear: both;
    float: none;
}

.ecr-legend-footer-list {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.ecr-series-hidden {
    background-color: dimgrey;
}

.errorCodesLegend .legend-timeline {
    cursor: pointer;
}

.ecr-info-footer-toggle  {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.ecr-info-footer-body {
    display: none;
}

.timeLineChart_ecr h3 {
    padding-left: 35px;
    margin-bottom: 0;
    float: none;
    clear: both;
}

.timeLineChart_ecr .ecr-heading .legend-container {
    float: right;
    margin-top: 5px;
}

.timeLineChart_ecr .ecr-heading.ui-accordion-header-active .legend-container {
    display: none;
}

.ecr-ship-title {
    font-size: 15px;
    line-height: 35px;
    margin-left: 5px;
    font-weight: bold;
    font-family: arial;
}

.ecr-heading {
    padding-left: 25px;
    margin-bottom: 0;
    float: none;
    clear: both;
}

.ecr-heading-body {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 100%;
}

.ecr-heading-col1 {
    flex: 1 1 15%;
}
.ecr-heading-col2 {
    flex: 1 1 15%;
}
.ecr-heading-col3 {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 1 30%;
}
.ecr-heading-col4 {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 1 30%;
}
.ecr-engines-cell {
    flex: 1 1 50%;
}
.ecr-heading-text {
    font-family: arial;
    margin: 0 15px 0 5px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 3px;
}

.clearFloat {
    clear: both;
    float: none;
}

.mapdiv .legend {
    line-height: 22px;
    color: #555;
    background-color: #fefefe;
    opacity: 0.75;
    padding: 5px;
}

.mapdiv .legend i {
    width: 18px;
    height: 5px;
    display: inline-block;
    margin-right: 5px;
}
.missing-tank-gauge-warning {
    color: #ff3311;
    text-align: center;
}

#container:has(#iframe_gtt-digital-online) {
    padding-bottom: 0px !important;
}

#main:has(#iframe_gtt-digital-online) {
    margin-bottom: 60px !important;
}

.timeSerieConfigurator td .form-group:last-child {
    min-width: 150px !important;
    max-width: 220px !important;
}

.timeSerieConfigurator td .form-group:last-child .chosen-select {
    min-width: 100%;
    height: 25px !important;
}

.timeSerieConfigurator td .form-group:last-child .chosen-container.chosen-container-single {
    width: 220px !important;
}

.timeSerieConfigurator td .form-group:nth-child(2) .chosen-container.chosen-container-single {
    width: 60px !important;
}

.mtn7 {
    margin-top:-7px !important;
}