/* Minification failed. Returning unminified contents.
(6542,25): run-time error CSS1038: Expected hex color, found '#fff0'
(6991,36): run-time error CSS1046: Expect comma, found '0'
(6991,40): run-time error CSS1046: Expect comma, found '/'
 */
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

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

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

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

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font-size: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

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

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-family: 'Helvetica Bold', 'icomoon';
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
    line-height: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

    /**
 * Address `quotes` property not supported in Safari 4.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: circle none;
    list-style-image: none;
}

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

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

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

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
    border-color: #bbb;
}

/**
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible; /* 4 */
}

    /**
 * Re-set default cursor for disabled elements.
 */

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

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

    /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* ==========================================================================
   Inputs
   ========================================================================== */

/**
 * Remove IE10's �clear field� X button on inputs
 */

input::-ms-clear {
    display: none;
}


/**
 * Remove Chrome's �spinners�
 */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaLTStd-Roman.eot');
    src: url('../fonts/HelveticaLTStd-Roman.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaLTStd-Roman.woff') format('woff'),
         url('../fonts/HelveticaLTStd-Roman.ttf') format('truetype'),
         url('../fonts/HelveticaLTStd-Roman.svg#Helvetica-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Bold';
    src: url('../fonts/HelveticaLTStd-Bold.eot');
    src: url('../fonts/HelveticaLTStd-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaLTStd-Bold.woff') format('woff'),
         url('../fonts/HelveticaLTStd-Bold.ttf') format('truetype'),
         url('../fonts/HelveticaLTStd-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Light';
    src: url('../fonts/HelveticaLTStd-Light.eot');
    src: url('../fonts/HelveticaLTStd-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaLTStd-Light.woff') format('woff'),
         url('../fonts/HelveticaLTStd-Light.ttf') format('truetype'),
         url('../fonts/HelveticaLTStd-Light.svg#Helvetica-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Oblique';
    src: url('../fonts/HelveticaLTStd-Obl.eot');
    src: url('../fonts/HelveticaLTStd-Obl.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaLTStd-Obl.woff') format('woff'),
         url('../fonts/HelveticaLTStd-Obl.ttf') format('truetype'),
         url('../fonts/HelveticaLTStd-Obl.svg#Helvetica-Obl') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/IcoMoon.eot?26kqy0');
	src:url('../fonts/IcoMoon.eot?#iefix26kqy0') format('embedded-opentype'),
		url('../fonts/IcoMoon.ttf?26kqy0') format('truetype'),
		url('../fonts/IcoMoon.woff?26kqy0') format('woff'),
		url('../fonts/IcoMoon.svg?26kqy0#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'Helvetica Light', 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow_right:before {
	content: "\e600";
}
.icon-calendar:before {
	content: "\e601";
}
.icon-check:before {
	content: "\e602";
}
.icon-clock:before {
	content: "\e603";
}
.icon-document:before {
	content: "\e604";
}
.icon-documents:before {
	content: "\e605";
}
.icon-down:before {
	content: "\e606";
}
.icon-external:before {
	content: "\e607";
}
.icon-gt:before {
	content: "\e608";
}
.icon-help:before {
	content: "\e609";
}
.icon-lt:before {
	content: "\e60a";
}
.icon-mail:before {
	content: "\e60b";
}
.icon-minus:before {
	content: "\e60c";
}
.icon-pen:before {
	content: "\e60d";
}
.icon-plus:before {
	content: "\e60e";
}
.icon-popup:before, .right-icon-popup:after {
	content: "\e60f";
}
.icon-search:before {
	content: "\e610";
}
.icon-sort_asc:before {
	content: "\e611";
}
.icon-sort_desc:before {
	content: "\e612";
}
.icon-sort_none:before {
	content: "\e613";
}
.icon-up:before {
	content: "\e614";
}
.icon-warning:before {
	content: "\e615";
}
.icon-x:before {
	content: "\e616";
}
.icon-info:before {
	content: "\ea0c";
}
.icon-note:before {
	content: "\ea08";
}
.icon-none:before {
	content: " ";
}
/*
 * 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.
 */

/* apply a natural box layout model to all elements */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    color: #444;
    font-family: 'Helvetica', 'icomoon';
}

p {
    margin: 0;
}

i {
    display: block;
    font-weight: normal;
    font-style: normal;
    font-family: 'Helvetica Oblique', 'icomoon';
    text-align: left;
}

a, button {
    font-family: 'Helvetica Light', 'icomoon';
    color: #00aeef;
    cursor: pointer;
    background: none;
    border: none;
    text-decoration: none;
    outline: none;
    padding: 1px 0;
}

    a:hover, button:hover {
        color: #60d4ff;
    }

    a * {
        cursor: pointer;
    }

    a.disabled,
    button.disabled,
    button[disabled] {
        color: #aaa !important;
        cursor: default !important;
    }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #00aeef;
    text-shadow: none;
    color: #fff;
}

::selection {
    background: #00aeef;
    color: #fff;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    border: 0;
    background: url(/Content/img/center_divider.png) center no-repeat;
    height: 8px;
    padding: 0;
    margin: 0;
}

    hr.left {
        background: url(/Content/img/left_side_divider.png) left bottom no-repeat;
        height: 21px;
    }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

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

    ul > * {
        margin: 0;
        padding: 0;
    }

h1, h2, h3, h4, h5 {
    font-family: 'Helvetica Light', 'icomoon';
    font-style: normal;
    font-weight: normal;
    margin: 0;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Placeholder
   ========================================================================== */

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.placeholder {
    color: #aaa;
}
.icon {
    padding-left: 18px;
    background-repeat: no-repeat;
}

.right-icon {
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.icon:hover {
    background-position: 0 -40px;
}

.icon[disabled='disabled'] {
    background-position: 0 -80px !important;
}

a.icon.disabled, a.icon.disabled:hover {
    background-position: 0 -80px !important;
}

.icon.plus {
    background-image: url(/Content/img/plus.png);
}

.icon.minus {
    background-image: url(/Content/img/minus.png);
}

.icon.upload {
    background-image: url(/Content/img/upload.png);
}

.icon.document {
    background-image: url(/Content/img/icon-document.png);
}

.icon.pilotage {
    background-image: url(/Content/img/icon-arrpilot.png);
}
.icon.new-window {
    background-image: url(/Content/img/icon-new-window.png);
}

.icon.popup-window, .right-icon.popup-window {
    background-image: url(/Content/img/icon-popup.png);
}

.icon.help {
    background-image: url(/Content/img/icon_question_mark.png);
}

.icon.pilot-arr {
    background-image: url(/Content/img/icon_arr.png);
}

.icon.pilot-dep {
    background-image: url(/Content/img/icon_dep.png);
}
.icon.pilot-blank {
    background-image: url(/Content/img/icon_blank.png);
}

.icon.shift-left {
    background-image: url(/Content/img/icon-shift-left.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.icon.shift-right {
    background-image: url(/Content/img/icon-shift-right.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.right-icon.lock {
    background-image: url(/Content/img/icon-lock.png);
}

.right-icon.check {
    background-image: url(/Content/img/complete.png);
}

.icon.hazmat {
    background-image: url(/Content/img/hazmat.png);
    padding-left: 13px;
    background-position: 100% 1px;
}

    .icon.hazmat.big {
        background-image: url(/Content/img/hazmat_big.png);
        padding-left: 25px;
        background-size: contain;
    }

form.section .icon-popup {
    font-size: 20px;
}
.accordion {
    overflow: hidden;
}

    /*General Accordion****************************************************************************/
    /*Set style of open slide*/
    .accordion section:target {
        background: #FFF;
        padding: 10px;
    }

        .accordion section:target:hover {
            background: #FFF;
        }

        .accordion section:target h2 {
            width: 100%;
        }

            .accordion section:target h2 a {
                color: #333;
                padding: 0;
            }

        .accordion section:target div {
            display: block;
        }

    .accordion section h2 a {
        padding: 8px 10px;
        display: block;
        font-size: 16px;
        font-weight: normal;
        color: #eee;
        text-decoration: none;
    }

    /*set style of closed slide*/
    .accordion section {
        float: left;
        overflow: hidden;
        color: #333;
        cursor: pointer;
        background: #333;
        margin: 3px;
    }

        .accordion section:hover {
            background: #444;
        }

        .accordion section p {
            display: none;
        }

        .accordion section:after {
            position: relative;
            font-size: 24px;
            color: #000;
            font-weight: bold;
        }

        .accordion section:nth-child(1):after {
            content: '1';
        }

        .accordion section:nth-child(2):after {
            content: '2';
        }

        .accordion section:nth-child(3):after {
            content: '3';
        }

        .accordion section:nth-child(4):after {
            content: '4';
        }

        .accordion section:nth-child(5):after {
            content: '5';
        }

.vertical section {
    width: 100%;
    height: 40px;
    -webkit-transition: height 0.2s ease-out;
    -moz-transition: height 0.2s ease-out;
    -o-transition: height 0.2s ease-out;
    -ms-transition: height 0.2s ease-out;
    transition: height 0.2s ease-out;
}
/*Set height of the slide*/
.vertical :target {
    height: 250px;
    width: 97%;
}

.vertical section h2 {
    position: relative;
    left: 0;
    top: -15px;
}

/*Set position of the number on the slide*/
.vertical section:after {
    top: -60px;
    left: 810px;
}

.vertical section:target:after {
    left: -9999px;
}

#account {
    position: fixed;
    text-align: right;
    right: 10px;
    top: 8px;
    z-index: 20;
    color: #999;
}

    #account > a {
        display: block;
        padding: 10px 0 10px 10px;
    }

    #account > div .language {
        float: right;
    }

    #account > div > section {
        display: block;
        position: relative;
    }

        #account > div > section > span {
            color: #00aeef;
            cursor: pointer;
        }

            #account > div > section > span:hover {
                color: #60d4ff;
            }

        #account > div > section > menu {
            z-index: 1;
            position: absolute;
            top: 100%;
            right: 0;
            background: #fff;
            text-align: left;
            min-width: 350px;
            margin: 0;
            padding: 0;
            overflow-y: auto;
            max-height: 500px;
            border: 1px solid #ddd;
            box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
            border-radius: 5px;
        }

            #account > div > section > menu > menuitem {
                padding: 20px;
                border-top: 1px solid #ddd;
                display: block;
            }

                #account > div > section > menu > menuitem.active {
                    background: #ddf4fc;
                    color: #444;
                }

                #account > div > section > menu > menuitem:first-child {
                    border-top: 0;
                }

                #account > div > section > menu > menuitem > a {
                    display: inline-block;
                    font-size: 20px;
                }

                    #account > div > section > menu > menuitem > a.email {
                        font-size: 14px;
                        margin-bottom: 10px;
                    }

                    #account > div > section > menu > menuitem > a.right {
                        position: absolute;
                        right: 20px;
                    }

                    #account > div > section > menu > menuitem > a.right-icon {
                        background-position: 100% 2px;
                        padding-right: 27px;
                    }

                        #account > div > section > menu > menuitem > a.right-icon:hover {
                            background-position: 100% -38px;
                        }


    #account div.admin {
        margin-top: 20px;
        font-size: 14px;
    }

    #account .session-icon {
        width: 10px;
        height: 10px;
        position: relative;
        bottom: 1px;
        left: 2px;
    }

    #account .session-icon.error {
        animation: blinker 1s linear infinite;
    }

    #account .session-time {

    }

    #account .session-time.warning {
        color: #efba00;
    }

    #account .session-time.error {
        color: red;
        font-weight: bold;
        /*animation: blinker 1s linear infinite;*/
    }

    #account .session-time.icon-minus{
        position: absolute;
        color: white;
        top: 85px;
        left: -15px;
        background: none;
    }

    @keyframes blinker {  
      50% { opacity: 0; }
    }

    #account .session-time .message {
        background: red;
        padding: 5px 10px 5px 22px;
        position: relative;
        right: 21px;
        color: white;
        font-weight: initial;
    }

a[disabled=disabled] {
    color: #c0c0c0 !important;
    pointer-events: none !important;
}

button:empty {
    height: 16px;
}

button.definitive {
    color: #fff;
    background: rgb(30, 165, 30);
    padding-left: 5px;
    padding-right: 5px;
}

    button.definitive:hover {
        background: rgb(24, 136, 24);
    }

button.preliminary {
}


button.no-focus:focus {
    outline: none; 
}
#clock {
    position: relative;
    width: 140px;
    height: 140px;
    margin: 0;
    background: url(/Content/img/clock/clockface.jpg);
    list-style: none;
}
        
#min, #hour {
    position: absolute;
    width: 10px;
    height: 140px;
    top: 0px;
    left: 65px;
    transition: all 0.5s ease;
}
           
#min {
    background: url(/Content/img/clock/minhand.png);
    z-index: 2;
}
           
#hour {
    background: url(/Content/img/clock/hourhand.png);
    z-index: 1;
}
.columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .columns > * {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0px;
        -ms-flex: 1 0 0px;
        flex: 1 0 0px;
   
        margin-right: 1em;
    }

    .columns > *:last-child {
        margin-right: 0;
    }

/*
.columns > div {
    float: left;
    width: 50%;
    padding-left: 5px;
}

    .columns > div:first-child {
        padding: 0 5px 0 0;
    }
*/

/* Phones */
/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px), 
all and (max-width: 930px) {
    .columns > div {
        float: none;
        width: 100%;
        padding-left: 0;
    }

        .columns > div:first-child {
            padding: 0;
        }
}*/

.dr-notification-container {
    position: fixed;
    z-index: 10;
    top: 33px;
    text-align: center;
    width: 100%;
    pointer-events: none;
    height: 25px;
    overflow: hidden;
}

.dr-notification-wrapper {
    opacity: 1;
    transition: opacity 0.35s ease-in-out;
}

.dr-notification {
}

.dr-notification-close-btn {
    display: none;
}

.dr-notification-title {
    display: none;
}

p.dr-notification-text {
    font-family: 'Helvetica', 'icomoon';
    font-size: 13px;
    background: #ffffdd;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 0 7px;
}


.dr-notification .dr-notification-type-error + .dr-notification-content .dr-notification-text {
    background: #EE0707;
    color: #fff;
}

.drop-box {
    margin: -2px;
    border: 3px dashed transparent;
}

.progress {
    font-size: smaller;
    background: orange;
    width: 0;
}

.drop-box-visible {
    border: 3px dashed #aaa;
    border-radius: 5px;
    background: #f0f0f0;
    padding: 5px 10px;
}

.drop-box-hover {
    margin: -2px;
    border: 3px dashed #ff8400;
}

aside.drop-box-error {
    margin-top: 5px;
}

ul.dropdown-multiselect {
    min-height: 30px;
}

    ul.dropdown-multiselect .popup {
        width: 700px;
        margin-left: -350px;
        top: auto;
    }

        ul.dropdown-multiselect .popup > ul {
            display: inline-block;
            vertical-align: top;
            width: 210px;
            margin: 0px 5px 15px 5px;
        }

            ul.dropdown-multiselect .popup > ul > li {
                text-align: left;
                line-height: 1.1;
                margin: 13px 0;
                border-radius: 5px;
            }

                ul.dropdown-multiselect .popup > ul > li:before {
                    color: #55EC3B;
                }

                ul.dropdown-multiselect .popup > ul > li:not(.icon-check) {
                    padding-left: 14px;
                }

                ul.dropdown-multiselect .popup > ul > li.icon-check > a {
                    color: #55EC3B;
                }

.dropdown-multiselect button.plus > span {
    font-size: 21px;
    line-height: 100%;
    margin-right: 3px;
}

ul.dropdown-multiselect > li {
    display: inline-block;
}

    ul.dropdown-multiselect > li:not(.add) {
        background-color: rgba(255, 255, 255, 0.5);
        line-height: 22px;
        padding: 0 5px;
        margin-right: 5px;
        border-radius: 5px;
        border: 1px solid #ddd;
    }

*[data-msw-pagination] button.popup-window {
    float: none !important;
    height: 16px !important;
}

.editor {
    position: relative;
}

.overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

    .overlay > img {
        width: 31px;
        height: 31px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -15px 0 0 -15px;
    }

.event-container:not(:empty) {
    margin: 10px 0;
}

.event {
    background: #00aeef;
    color: #FFF;
    padding: 5px 10px 5px 10px;
    width: 1000px;
    margin: 0 auto 4px auto;
    white-space: normal;
    position: relative;
}

    .event.positive {
        background: #6aa351;
    }

    .event.negative {
        background: #e37c28;
    }

    .event button {
        font-size: 14px;
        color: #fff;
        text-decoration: underline;
        position: absolute;
        top: 3px;
        right: 7px;
    }

.event-container .event {
    border-radius: 5px;
}
#feedback {
    z-index: 10;
    position: fixed;
    bottom: 0;
    margin:30px;
    width: 50px;
    height: 50px;
    box-shadow: grey 2px 2px 5px 0px;
    border-radius: 100%;
    background-color: white;

    text-align: center;
    padding: 5px 0px;
}

    #feedback .icon-mail {
        font-size: 40px;
    }

    #feedback .feedbackForm {
        position: fixed;
        bottom: 0;
        left: 20px;
        padding: 20px 10px 10px 10px;
        background: white;
        box-shadow: grey 2px 2px 5px 0px;
    }
    
    #feedback .feedbackForm textarea{
        margin: 15px 0px;
        height: 120px;
        resize: none;
        width: 100%;
        line-height: 18px;
        padding: 5px;
    }

    #feedback .feedbackForm > div{
        width: 270px;
        height: 270px;
    }

    #feedback .close-button{
        position: absolute;
        right: 0;
        margin-right: 10px;
        font-size: 20px;
        top: 0;
    }
fieldset {
    background: rgba(255,255,255,0.5);
    padding: 1.2em;
    border-radius: 5px;
}
span.fileinput {
    position: relative;
    overflow: hidden;
    font-family: 'Helvetica Light', 'icomoon';
    color: #00aeef;
    cursor: pointer;
    background: transparent url(/Content/img/upload.png) no-repeat;
    padding-left: 18px;
    border: none;
}

label.file-input-label {
    width: 100% !important;
    float: none !important;
    cursor: pointer;
}

span.fileinput.disabled {
    background-position: 0 -84px !important;
}

span.fileinput:hover {
    color: #60d4ff;
    background-position: 0 -44px;
}

span.fileinput.disabled span {
    text-decoration: none;
    cursor: default;
    color: #aaa;
}

.upload-excel {
    margin: -5px 0;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -300px;
}

footer, .footer-push {
    height: 300px;
}

footer {
    text-align: center;
    clear: both;
    padding-top: 60px;
}

    footer .partners a {
        display: inline-block;
        width: 295px;
        height: 88px;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        box-shadow: none;
        transition: all .2s ease-in-out;
        transform: scale(0.95);
    }

        footer .partners a:hover {
            -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
            -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
            box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
            transform: scale(1);
        }

    footer .sjofartsverket {
        background: url(/Content/img/sjofartsverket.jpg);
    }

    footer .tullverket {
        background: url(/Content/img/tullverket.jpg);
    }

    footer .trasportstyrelsen {
        background: url(/Content/img/transportstyrelsen.jpg);
    }

    footer .kustbevakningen {
        background: url(/Content/img/kustbevakningen.jpg);
    }

    footer .anna {
        background: url(/Content/img/anna_small.jpg);
    }

    footer .eu {
        background: url(/Content/img/eu.jpg);
        width: 313px !important;
    }

    footer .msw {
        background: url(/Content/img/msw.jpg);
    }

/*@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px), 
all and (max-width: 830px) {
    .wrapper {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -2em;
    }

    footer, .footer-push {
      height: 2em;
    }

    footer {
        background: url(/Content/img/center_divider.png) center top no-repeat;
        background-size: 100%;
        padding-top: 20px;
    }

        footer > *:not(.partners) {
            display: none;
        }

        footer .partners a {
            width: 22%;
            background-size: 100%;
            height: 0;
            overflow: hidden;
            padding-top: 6%;
        }

        footer .partners a + a {
            margin-left: 0;
        }

            footer .eu {
        background: url(/Content/img/eu.jpg);
        width: 22% !important;
    }
}*/

form.section .list {
    background: rgba(255,255,255,0.5);
    padding: 5px 10px;
    border-radius: 5px;
}

    form.section .list ol,
    form.section .list ul {
        padding: 0 0 0 30px;
        margin: 0;
    }

    form.section .list > ul {
        list-style-type: square;
    }

    form.section .list > ol,
    form.section .list > ul {
        line-height: 21px;
    }

    form.section .list > ol > li {
        clear: both;
    }

    form.section .list .head:after {
        clear: both;
        content: " ";
        display: table;
        line-height: 0;
    }

    form.section .list .head .buttons {
        float: right;
    }

        form.section .list .head .buttons > a,
        form.section .list .head .buttons > button {
            margin-left: 1em;
        }

    form.section .list .head .head-description {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: middle;
        width: 60%;
    }

    form.section .list .body {
        padding: 10px 10px;
        margin-bottom: 10px;
        background: #fff;
        line-height: 30px;
        border-radius: 5px;
    }

    form.section .list hr {
        background: none;
        height: 10px;
        margin: 0;
        clear: both;
    }

    form.section .list.empty > ol,
    form.section .list.empty > ul {
        padding: 0 0 0 5px;
        list-style-type: none;
    }

/* Extras div */
form.section .list-actions {
    margin-top: 10px;
    line-height: 18px;
}

    form.section .list-actions .clear {
        float: left;
        margin-bottom: 5px;
        margin-right: 10px;
    }

 
/*  */
form.section.cruiseroutes .list.drop-box,
form.section.bunker .list.drop-box,
form.section.security .list.drop-box,
form.section.waste .list.drop-box,
form.section.passengers .list.drop-box,
form.section.crew .list.drop-box,
form.section.crew-effects .list.drop-box,
form.section.cargo .list.drop-box,
form.section.store-items .list.drop-box {
    margin: 0px;
    padding: 0px;
    background: none;
}
form.section {
    background: #e8e8e8;
    margin-bottom: 1em;
    position: relative;
    border-radius: 5px;
}

    form.section .content {
        padding: 20px;
        position: relative;
    }

    form.section .inner-content {
        padding: 0px 20px 20px 20px;
        position: relative;
    }

    form.section .tab {
        padding: 0 20px 20px 20px;
    }

    form.section .summary {
        position: absolute;
        text-align: right;
        top: 16px;
        right: 17px;
        line-height: 1.4em;
        color: #999;
    }

    form.section h3 {
        margin-bottom: 10px;
        display: inline-block;
        transition: margin 0.3s ease-in-out;
        position: relative;
    }

    form.section .arrow {
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        form.section .arrow:not(div):before {
            content: url(/Content/img/icon_expand.png);
            width: 16px;
            height: 7px;
            transition: all ease-in-out 0.3s;
            float: left;
            margin: -6px 5px 0 0px;
            -webkit-transform-origin: 9px 19px;
            -webkit-transform: rotate(0deg);
            -ms-transform-origin: 9px 22px;
            -ms-transform: rotate(0deg);
            transform-origin: 9px 22px;
            transform: rotate(0deg);
            cursor: pointer;
        }

    form.section h4.arrow:before {
        content: url(/Content/img/icon_expand_h4.png);
        width: 12px;
        height: 7px;
        margin: -6px 5px 0 0;
        -webkit-transform-origin: 8px 18px;
        -ms-transform-origin: 8px 18px;
        transform-origin: 8px 18px;
    }

    form.section.collapsed .arrow {
        margin-bottom: 0;
    }

        form.section.collapsed .arrow:before {
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

    form.section h5.single-line-header-details {
        margin-top: 10px;
    }

    form.section > div > article {
        padding: 5px 0px 10px 0px;
    }

    form.section label {
        white-space: nowrap;
    }

        form.section label * {
            white-space: normal;
        }

        form.section label > input[type="radio"] {
            float: right;
            margin: 2px 5px 0 0;
        }

        form.section label.row.radio {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        }
        
        form.section label.row.radio + label.row.radio {
            margin-left: 10px;
        } 
        
        form.section label.row.radio > input[type="radio"] {
            float: left;
        }   

        form.section label + input[type="checkbox"] {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 14px;
            -ms-flex: 0 0 14px;
            flex: 0 0 14px;

            margin-right: 5px;
            height: 31px;
        }

        form.section label,
        form.section label + input:not([type="radio"]):not([type='checkbox']),
        form.section label + .picker-wrapper,
        form.section label + .picker-wrapper + .picker-wrapper,
        form.section label + .picker-wrapper + .picker-wrapper + p,
        form.section label + select,
        form.section label + textarea,
        form.section label + .box-list,
        form.section label + p,
        form.section label + p + p {
            float: left;
            width: 50%;
            position: relative;
            line-height: 30px;
        }

        form.section label + textarea {
            height: 60px;
            padding: 2px 3px;
            line-height: 19px;
        }

            form.section label + input:not([type="radio"]):not([type='checkbox']) {
                line-height: 25px;
            }

    form.section p.unit {
        line-height: 30px;
    }

    form.section label.row {
        float: none;
        width: auto;
    }

        form.section label.row.radio {
            vertical-align: text-bottom;
            padding-left: 4px;
        }

    form.section label + input:not([type='checkbox']).weight {
        width: 30%;
        margin-right: 2%;
    }

        form.section label + input:not([type='checkbox']).weight + select {
            width: 15%;
            padding: 0 0 0 5px;
        }

    form.section label + input:not([type='checkbox']).height {
        width: 42%;
        margin-right: 2%;
    }

    form.section label + input:not([type='checkbox']).volume {
        width: 65px;
        margin-right: 2%;
    }

    form.section label + input:not([type='checkbox']).number {
        width: 60px;
    }

    form.section label + input:not([type='checkbox']).long-number {
        /*width: 5em;*/
        max-width: 50px;
    }
    /*
    form.section label + input:not([type='checkbox']),
    form.section label + div > input:not([type='checkbox']),
    form.section label + select {
        margin: 3px 0;
    }
        */
    form.section .list {
        position: relative;
        border-radius: 5px;
    }

    form.section .box {
        background: rgba(255,255,255,.5);
        padding: 5px 10px;
        border-radius: 5px;
    }

    form.section .box-list > * {
        display: inline-block;
        float: none;
    }

    form.section .box-list > label {
        width: auto;
        margin-right: 10px;
    }

    form.section label + input[type="radio"] {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 12px;
        -ms-flex: 0 0 12px;
        flex: 0 0 12px;
        margin-top: 1px;
    }

    form.section input[type="radio"] + label{
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-right: 8px;
    }

    form.section div.picker-wrapper.date {
        width: 130px;
        padding-right: 4px;
    }

    form.section div.picker-wrapper.time {
        width: 79px;
    }

    form.section .list div.picker-wrapper.date {
        width: 130px;
    }

    form.section p.date {
        font-family: "Courier New";
    }

    form.section hr.splitter {
        background: none;
        height: 10px;
        margin: 0;
        clear: both;
    }

    form.section hr.long-splitter {
        background: none;
        height: 20px;
        margin: 0;
        clear: both;
    }

/* Phones */
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px), all and (max-width: 830px) {
    form.section {
        margin-left: 10px;
        margin-right: 10px;
        padding: 20px 10px 10px 10px;
    }
}*/

.page > header {
    position: fixed;
    left: 0;
    top: 0;
    padding: 15px 30px 0;
    background: #fff;
    width: 100%;
    z-index: 10;
    white-space: nowrap;
}

    .page > header > a {
        font-size: 160%;
        font-family: 'Helvetica light', 'icomoon';
    }

    .page > header center > a {
        background: transparent;
        font-size: 200%;
        line-height: 1.3em;
        font-family: 'Helvetica light', 'icomoon';
        color: #00aeef;
        cursor: pointer !important;
        display: inline-block;
        margin-left: 40px;
    }

        .page > header center > a:first-child {
            margin-left: 0;
        }

        .page > header center > a + span {
            font-size: 200%;
        }

        .page > header center > a:hover {
            color: #60d4ff;
        }

    .page > header > h1 {
        display: inline;
        border-right: transparent solid 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 1.7em;
    }

    .page > header > label {
        margin-left: 20px;
    }

    .page > header > .column-header {
        display: inline-block;
        font-size: 14px;
        color: #777;
        cursor: pointer;
    }

        .page > header > .column-header:hover {
            color: #444;
        }

    .page > header #submitButton.required {
        color: #ef8d00;
    }

        .page > header #submitButton.required:hover,
        .page > header span.icon-help.required:hover {
            color: #ffc778;
        }

    .page > header > hr {
        position: absolute;
        left: 0;
        width: 100%;
        margin-top: 0;
    }

    .page > header > center {
        padding-bottom: 0;
    }

    .page > header a.home {
        font-size: 300%;
        line-height: 1.7em;
    }

.header-spacer {
    height: 205px;
}




/*@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px), 
all and (max-width: 830px) {
    header {
        padding: 0;
    }

    header > h1 {
        clear: both;
        display: block;
        margin: 0 15px;
        padding-top: 0;
        font-size: 30px;
        line-height: 32px;
    }

    header > h1 > span {
        clear: both;
        display: block;
        white-space: nowrap;
    }

    header button {
        font-size: 16px;
    }

    header button + button {
        margin-left: 5px;
    }

    header > center {
        padding: 5px 0;
    }
}

@media all (min-width: 831px) and (max-width: 1001px) {
  header > h1 {
        font-size: 40px;
    }
}*/

.help {
    height: 18px;
    margin-left: 5px;
    position: relative;
    display: inline-block;
}

    .help > * {
        position: absolute;
        top: 10px;
        left: 10px;
        display: none;
        background: #fff;
        width: 300px;
        padding: 20px;
        z-index: 14;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
        line-height: 1.2em !important;
    }

    .help.align-left > * {
        left: -290px;
    }

    .help:hover > * {
        display: block;
    }

label > .help {
    margin-left: 0px;
    position: relative;
    top: 3px;
}

.help-button {
    position: relative;
    display: inline;
    color: #00aeef;
    cursor: pointer;
}

.help-button:hover {
    color: #60d4ff;
}

.help-button > div {
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px 20px;
    top: 50%;
    left: 50%;
    width: 330px;
    font-family: 'Helvetica Light';
    color: #444;
    font-size: 14px;
    cursor: default;
    white-space: normal;
    line-height: 18px;
    z-index: 2;
    text-align: justify;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
    border-radius: 5px;
}

    .help-button > div > p {
        margin-bottom: 10px;
    }

        .help-button > div > p:last-child {
            margin-bottom: 0;
        }

.help-button.active > div {
    display: block;
}

label + .help-button {
    line-height: 30px;
}

/*
    Event warning
*/

ul.visits-list > li .help-content .event-row li > aside {
    display: none;
    padding: 0px 6px 6px 6px;
}

ul.visits-list > li .help-content .event-row li:hover > aside {
    display: block;
}

ul.visits-list > li .help-content .event-row li > aside > * {
    display: block;
}

ul.visits-list > li .events .help-content .event-row.positive li:hover {
    background-color: rgba(121,215,80,0.2);
}

ul.visits-list > li .events .help-content .event-row.negative li:hover {
    background-color: rgba(227,124,40,0.2);
}

ul.visits-list > li .events .help-content .event-row.neutral li:hover {
    background-color: rgba(0,174,239,0.2);
}


ul.visits-list > li .events .help-content .event-row.positive li .header{
    font-weight: bold;
    color: #588c41;
}

ul.visits-list > li .events .help-content .event-row.negative li .header{
    font-weight: bold;
    color: #c66f28;
}

ul.visits-list > li .events .help-content .event-row.neutral li .header{
    font-weight: bold;
    color: #078bbc;
}
input {
    min-width: 0;
    border-radius: 5px;
}

input, select, textarea {
    border: 1px solid #ccc;
    outline: none;
    padding: 0 5px;
    font-size: 105%;
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
}

.customs-textarea {
    width: 100% !important;
    min-height: 28px;
    height: 40px;
    max-height: 200px;
}

select {
    height: 27px;
    vertical-align: top;
    margin: 3px 0;
}

input.disabled,
input[disabled],
input[disabled="disabled"],
select.disabled,
select[disabled],
select[disabled="disabled"],
textarea.disabled,
textarea[disabled] {
    color: #444;
    background-color: #eee;
    cursor: default;
}

input[type="checkbox"] {
    border: none;
    vertical-align: middle;
    height: auto;
    margin-bottom: 1px;
}

input:focus, select:focus {
    border: 1px solid #ff8400;
}

button:focus, a:focus {
    outline: 1px solid #ff8400;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}



/* Phones */
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px), all and (max-width: 830px) {
    input, select {
        padding: 0 5px;
        height: 24px;
    }
}*/

.listing {
    z-index: 9;
}

    .listing i {
        display: inline-block;
    }

ul.listing {
    padding: 0px !important;
}

.listing > li > .entry {
    white-space: nowrap;
    position: relative;
}

    .listing > li > .entry:hover .tooltip {
        display: block;
    }

.listing .entry.draft,
.listing .entry.draft > a {
    font-family: 'Helvetica Bold', 'icomoon';
}

.listing .entry > * {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.listing .entry > .eta-ata,
.listing .entry > .etd-atd {
    overflow: visible;
    font-family: 'Courier New';
    font-weight: bold;
}

    .listing .entry > .eta-ata > span,
    .listing .entry > .etd-atd > span {
        font-size: 105%;
        line-height: 1.6em;
    }

.listing li.selected .entry {
    background: #eee;
}

.listing .date-divider {
    padding: 30px 0 0 30px;
    background: url(/Content/img/left_side_divider.png) left 15px no-repeat;
    width: 800px;
}

    .listing .date-divider p {
        cursor: pointer;
        font-size: 140%;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding-bottom: 10px;
    }

        .listing .date-divider p:before {
            content: url(/Content/img/icon_expand.png);
            width: 16px;
            height: 6px;
            transition: all ease-in-out 0.3s;
            float: left;
            margin: -4px 8px 0 -17px;
            -webkit-transform-origin: 10px 12px;
            -webkit-transform: rotate(0deg);
            -ms-transform-origin: 10px 12px;
            -ms-transform: rotate(0deg);
            transform-origin: 10px 12px;
            transform: rotate(0deg);
            cursor: pointer;
        }

    .listing .date-divider.collapsed p:before {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .listing .date-divider p > span {
        color: #bbb;
    }

    .listing .date-divider.no-shadow {
        padding: 0 0 0 30px;
        background: none;
    }





.page > .listing .entry:not(.date-divider) {
    padding: 1px 0 4px 60px;
}

.page > .listing .entry-info:not(.date-divider) {
    padding: 1px 0 4px 60px;
}

.page > .listing .entry-group {
    margin-bottom: 7px;
}

.page > .listing .entry {
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-property: background;
    cursor: pointer !important;
}

    .page > .listing .entry:hover {
        background: #eee;
    }

    .page > .listing .entry.deleted {
        color: #b9b9b9;
    }

.listing th {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-family: 'Helvetica Oblique', 'icomoon';
    text-align: left;
    color: #bbb;
}

.loader, .popup.loader {
    background: #fff url(/Content/img/busy.gif) center 30px no-repeat;
    text-align: center;
    padding-top: 50px;
    position: fixed;
}

.popup .loader {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.list > .loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.75;
    background-position: 50% 50%;
    padding: 0;
    display: none;
    z-index: 10;
}

.list.disabled > .loader {
    display: block;
}

.pdf-loader {
    background: rgba(255,255,255,0.9) url(/Content/img/busy.gif) center 5px no-repeat;
    text-align: center;
    padding-top: 20px;
    position: initial;
    font-size:small;
    color: #444;
    border-radius: 5px;
}
.language {
    display: inline;
}

a[href="/Language/Change?culture=en"] {
    display: inline-block;
    background: url(/Content/img/flags/gb_bw.gif);
    width: 16px;
    height: 11px;
}

a[href="/Language/Change?culture=en"].active {
    background: url(/Content/img/flags/gb.gif);
}

a[href="/Language/Change?culture=sv"] {
    display: inline-block;
    background: url(/Content/img/flags/se_bw.gif);
    width: 16px;
    height: 11px;
}

a[href="/Language/Change?culture=sv"].active {
    background: url(/Content/img/flags/se.gif);
}
.map-container {
    background: #fefefe;
    position: fixed;
    bottom: 0;
    right: -1000px;
    z-index: 1;
    transition: right 0.3s ease-in-out;
}

.map {
    background: url(/Content/img/map.jpg);
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 4;
    position: relative;
}

.map-container > .hover-area {
    display: none;
    position: absolute;
    left: -50px;
    height: 100%;
    width: 50px;
    background: #ddd url(/Content/img/map_arrow.png) 50% 50% no-repeat;
}

.map-container:hover > .hover-area {
    background-color: #eee;
}

.map-container.map-hidden > .hover-area {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.map-container.hover-area-hidden > .hover-area {
    display: block;
}

.map .port {
    position: absolute;
    z-index: 5;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    margin-top: -3px;
    border-radius: 3px;
    background: #00AEEF;
}

    .map .port:hover {
        z-index: 6;
    }

    .map .port a {
        padding: 1px 5px;
        font-size: 11px;
        background: white;
        border: 1px solid #00AEEF;
        margin-left: 3px;
    }

.modal-popup {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    
    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.5);

    text-align: left;
}

    .modal-popup > div {
        flex: 0 1 600px;
        background: #fff;
        padding: 13px 20px 20px 20px;
        border: 1px solid #ddd;
        box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
        border-radius: 5px;
    }

    .modal-popup > div > h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .modal-popup > div > a {
        font-size: 18px;
    }

    .modal-popup > div > p {
        line-height: 1.2;
        margin-bottom: 2px;
    }

    .modal-popup > div > .warning {
        color: #ef8d00;
    }

    .modal-popup > div > ul {
        margin-bottom: 20px;
        max-height: 300px;
        overflow-y: scroll;
    }

    .modal-popup > div > ul > li {
        clear: left;
        padding-top: 8px;
    }

    .modal-popup > div > ul > li > input {
        float: left;
        margin-top: 12px;
    }

    .modal-popup > div > ul > li > label {
        display: block;
        font-size: 12px;
        line-height: 1.2;
        margin-left: 23px;
    }

    .modal-popup > div > ul > li > label > span {
        display: block;
        font-size: 16px;
        font-family: 'Helvetica Light';
    }

.modal-footer > div {
    float: left;
    margin: -7px 0px -15px -5px;
    font-size: 12px;
    opacity: 0.5;
    line-height: 1.5;
    text-align: left;
    padding: 0px;
}

header > nav {
    margin-top: 30px;
    font-size: 200%;
    line-height: 1em;
}

    header > nav > a {
        margin-right: 40px;
        color: #444;
        text-decoration: none;
    }

        header > nav > a:first-child {
            margin-right: 0;
        }

        header > nav > a.active, nav > a:hover {
            color: #bbb;
        }

        header > nav > a.new-visit {
            transition: opacity 0.15s ease-in-out;
            opacity: 0;
            color: #00aeef;
            margin-right: 25px;
            top: -1px;
            position: relative;
        }

        header > nav > a:first-child:hover + a.new-visit, a.new-visit:hover {
            opacity: 1;
        }

        header > nav > a.new-visit:hover {
            color: #60d4ff;
        }

form.section nav {
    position: absolute;
    text-align: right;
    width: 100%;
    left: 0;
    top: 26px;
    padding: 0 10px;
}

    form.section:not(.collapsed) nav {
        box-shadow: inset 0 -4px 0 -2px #fff;
    }

    form.section nav > a {
        -webkit-user-select: none;  /* Chrome all / Safari all */
        -moz-user-select: none;     /* Firefox all */
        -ms-user-select: none;      /* IE 10+ */

        /* No support for these yet, use at own risk */
        -o-user-select: none;
        user-select: none; 
  
        color: #00aeef;
        margin-left: 2px;
        display: inline-block;
        position: relative;
        bottom: 2px;
        text-align: center;
        line-height: 1.2;
        padding: 3px 7px;
        height: 38px;
        vertical-align: top;   
    }

    form.section nav > a:hover {
        color: #444;
    }

    form.section:not(.collapsed) nav > a.selected {
        color: #444;
        background: none;
    }

    form.section nav > a.has-error {
        color: white !important;
        background-color: red !important;
        border-radius: 5px;
        box-shadow: 0 0px 0 2px #fff;
    }

.page.visit form.section:not(.collapsed) nav > a.selected {
    border-radius: 5px 5px 0px 0px;
}


/*@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px), 
all and (max-width: 830px) {
    nav {
        margin: 0;
    }

    nav > a {
        float: left;
        margin: 0;
        background-color: #fff;
        width: 15%;
        height: 0;
        overflow: hidden;
        padding-top: 15%;
        background-size: 100%;
        background-position-y: bottom;
    }

    nav > a.active {
        background-position-y: top;
    }

        nav > a.new-visit {
            display: none;
        }

    nav > a {
        background-image: url(/Content/img/mobile/menu_visits.png);
    }

    nav > a + a + a {
        background-image: url(/Content/img/mobile/menu_ships.png);
    }

    nav > a + a + a + a {
        background-image: url(/Content/img/mobile/menu_profile.png);
    }

    nav > a + a + a + a + a {
        background-image: url(/Content/img/mobile/menu_help.png);
    }
}*/


.notification {
    /*position: relative;
    clear: both;
    z-index: 100;*/
}

    .notification > p {
        /*position: absolute;
        width: 300px;
        right: 100%;
        background-position-x: right;
        background-position-y: 50%;
        background-repeat: no-repeat;
        border-right: transparent solid 5px;
        border-left: transparent solid 5px;
        top: -28px;
        */
        padding: 0 10px;
        margin-bottom: 5px;
        color: #fff;
        line-height: 20px;
        /*overflow: hidden;*/
        /*white-space: nowrap;*/
        text-overflow: ellipsis;
        font-family: 'Helvetica', 'icomoon';
    }

    /*
.list .notification > p {
    top: -21px;
    right: 100%;
    margin-right: 26px;
}

.open .notification > p {
}

.editor .notification > p {
    margin-right: -4px;
    top: -28px;
}

.columns > div + div .notification > p, 
.notification.right > p {
    right: auto;
    left: 100%;
    background-position-x: left;
    text-align: right;
    top: -20px;
    margin-right: 0;
    margin-left: 1px;
}

.columns > div + div .open .notification > p, 
.open .notification.right > p {
    top: -20px;
    margin-left: 1px;
}

.columns > div + div notification > .list-error, 
.notification.right > .list-error {
    margin-left: 25px;
}

.columns > div + div .editor .notification > p, 
.editor .notification.right > p {
    top: -26px;
    margin-left: -4px;
}
    */
    .notification.info > p {
        background: #00aeef;
        border: 1px solid #0084b5;
    }

    .notification.warning > p {
        background: rgb(239, 157, 0);
        border: 1px solid #bd7c00;
    }

    .notification > p {
        z-index: 120;
        border-radius: 5px;
    }

        .notification > p a,
        .notification > p .icon-help {
            color: #ffffff;
        }

        .notification > p a {
            text-decoration: underline;
        }

            .notification > p a:hover,
            .notification > p .icon-help:hover {
                color: #ffffff80;
            }

        .notification > p.icon-note > span {
            margin-left: 4px;
        }

    .notification.failure > p {
        background-image: url(/Content/img/notification_failure.png);
        z-index: 140;
    }

    .notification.error > p {
        background: #ff0000;
        border-radius: 5px;
        border: 1px solid #b50000;
        /*
    background-image: url(/Content/img/notification_red.png);
    z-index: 160;
    */
    }
/*
    .notification.error > p > a {
        color: white;
    }


form.section .list > ol > li > div > .notification > p {
    top: -1px;
    margin-right: 0 23px;
}

.open > div > .notification,
form.section .list > ol > li > .open > div > .notification > p,
form.section .list > ul > li > .open > div > .notification > p,
form.section .list.disabled .notification {
    display: none;
}
*/
form.section .notification.error.block,
form.section .notification.message.block {
    display: none;
}

form.section.collapsed.has-error .notification.error.block,
form.section.collapsed .notification.message.block {
    display: block;
}
/*
form.section .notification.above > p {
    position: relative;
    left: auto;
    right: auto;
    width: auto !important;
    right: auto !important;
    background-position-x: 50%;
    background-position-y: 100%;
    background-repeat: no-repeat;
    border-right: 0;
    border-left: 0;
    margin-top: 1px;
    margin-bottom: 5px;
    top: 0 !important;
    padding: 2px 10px 10px 10px;
    text-align: left;
}

.list .notification.above > p {
    margin-right: 10px;
}

@media only screen and (max-width: 1575px) {
    .notification > p {
        position: relative;
        width: auto !important;
        right: auto !important;
        background-position-x: 50%;
        background-position-y: 0%;
        background-repeat: no-repeat;
        border-right: 0;
        border-left: 0;
        padding-top: 7px;
        margin-top: 1px;
        margin-bottom: 10px;
        top: 0 !important;
    }

    .notification.block > p {
        margin-bottom: -10px;
        margin-top: 20px;
    }

    .columns > div + div .notification > p,
    .notification.right > p {
        right: auto;
        left: auto;
        background-position-x: center;
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
    }

    .editor .notification > p {
        margin-right: 0;
    }
}
    */

.object.checkbox {
    display: block;
}

.object.checkbox > * {
    display: inline;
}
.object {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 2px;
    line-height: 30px;
}

.object > label, .object > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.object > .customs-id-label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
}

.object > .customs-refnr-label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
}

.object > input[type="checkbox"],
.object > input[type="radio"] {
    margin-bottom: 0;
    margin-right: 5px;
    height: 30px;
}

.object > input[type="checkbox"] + label,
.object > input[type="radio"] + label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

    .object > input[type="checkbox"] + label + .help-button {
        line-height: 30px;
    }
.object.date-and-time > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 9em;
    -ms-flex: 0 0 9em;
    flex: 0 0 9em;
}

.object.date-and-time > div + div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5.6em;
    -ms-flex: 0 0 5.6em;
    flex: 0 0 5.6em;
}
.object.option-list > label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}

.object.option-list > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
}
.object.radio-list > input {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1em;
        -ms-flex: 0 0 1em;
            flex: 0 0 1em;
}

.object.radio-list > input + label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;

    margin-right: 1em;
}
.object.unit-blank > input {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4em;
        -ms-flex: 0 0 4em;
            flex: 0 0 4em;
}
.object.unit-m > input {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4em;
        -ms-flex: 0 0 4em;
            flex: 0 0 4em;
}

.object.unit-m > span {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.2em;
        -ms-flex: 0 0 1.2em;
            flex: 0 0 1.2em;
}
.object.value-and-unit > input {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
}

.object.value-and-unit > select {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80px;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
}
.page {
    padding-bottom: 500px;
    margin: 0 auto;
}

    .page.centered {
        width: 1000px;
    }

/* Phones */
/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px), 
all and (max-width: 1020px) {
    .page.centered {
        width: 100%;
    }
}*/
.picker-wrapper {
    position: relative;
    line-height: 215%;
}

    .picker-wrapper > img {
        position: absolute;
        left: 25px;
        top: 9px;
        width: 16px;
        height: 11px;
        z-index: 1;
    }

    .picker-wrapper > .clear-picker {
        display: none;
        font-size: 18px;
        width: 0;
        height: 24px;
        position: absolute;
        color: #ccc;
        top: 0;
        right: 22px;
        cursor: pointer;
    }

    .picker-wrapper:hover > .clear-picker {
        display: block;
    }

    .picker-wrapper > .clear-picker:hover {
        color: #aaa;
    }

    .picker-wrapper.form-open > .clear-picker, .picker-wrapper.form-open > img {
        z-index: 200;
    }

    .picker-wrapper > div.popup {
        position: absolute;
        left: 0;
        margin-left: -20px;
        top: 27px;
    }

    .picker-wrapper > div.popup > a {
        margin-right: 10px;
    }

    .picker-wrapper .busy {
        margin-top: 30px;
        text-align: center;
    }

        .picker-wrapper .busy .busy-content {
            font-size: 150%;
            font-family: 'Helvetica light', 'icomoon';
        }

        .picker-wrapper .busy .busy-graphics {
            height: 15px;
            margin-top: 10px;
            margin-left: -15px;
            background: url(/Content/img/loader.gif) 50% top no-repeat;
        }

    .picker-wrapper.big > div.popup {
        top: 26px;
        margin-left: 0;
        width: 100%;
    }

    .picker-wrapper.big .picker {
        font-size: 118%;
        line-height: 156%;
        background-position: 0 4px;
    }

        .picker-wrapper.big .picker:hover {
            background-position: 0 -36px;
        }

    .picker-wrapper.form-open > .picker {
        z-index: 160;
        border-bottom: 0;
        top: -1px;
        border-bottom-color: #fff;
    }

.picker {
    width: 100%;
    background-position: 3px 3px;
    background-repeat: no-repeat;
    position: relative;
    top: -1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 23px;
}

    .picker.flagVisible {
        padding-left: 45px;
    }

    .picker:hover {
        background-position: 3px -37px;
    }

    .picker.edit {
        background-image: url(/Content/img/icon_magnifier.png);
    }

    .picker.non-edit {
        padding-left: 5px !important;
    }

    .picker.calender {
        background-image: url(/Content/img/cal.png);
        font-family: 'Courier New';
    }

    .picker.date {
        background-image: url(/Content/img/cal.png);
        font-family: 'Courier New';
    }

    .picker.time {
        background-image: url(/Content/img/icon-clock.png);
        font-family: 'Courier New';
    }

    .picker.date-time {
        background-image: url(/Content/img/edit.png);
    }

    .picker[disabled="disabled"] {
        color: #444;
        background-color: #eee;
    }

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    width: 160px;
    text-align: left;
    background-color: #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    line-height: 21px;
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title  {
    display: none !important;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .popover > .arrow:after {
        content: "";
        border-width: 10px;
    }

div.popover > div.popover-content > div > button.btn {
    float: none;
    margin-right: 15px;
}

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
}

    .popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
}

    .popover.right > .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0;
    }

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
}

    .popover.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
}

    .popover.left > .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff;
    }


.popup {
    position: absolute;
    z-index: 120;
    top: 35%;
    left: 50%;
    background: #fff;
    box-shadow: 0 0 10px #4e4e4e, 1px 1px 3px #696969;
    padding: 13px 20px 20px 20px;
    border-radius: 5px;
}

    .popup.verysmall {
        width: 175px;
        margin-left: -80px;
    }

    .popup.smaller {
        width: 250px;
        margin-left: -125px;
    }

    .popup.small {
        width: 400px;
        margin-left: -200px;
    }

    .popup.medium {
        width: 880px;
        margin-left: -440px;
        min-height: 250px;
    }

    .popup.large {
        width: 1000px;
        margin-left: -500px;
    }

    .popup.full-height {
        position: fixed;
        height: 96%;
        top: 2%;
    }

    .popup h3 {
        margin-bottom: 10px;
    }

    .popup .extra-buttons {
        white-space: nowrap;
        font-size: 15px;
    }

        .popup .extra-buttons > * {
            margin-right: 20px;
        }

/*@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px), 
all and (max-width: 830px) {
    .popup {
        position: fixed;
        z-index: 15;
        top: 0;
        left: 0;

        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;

        text-align: left;
        box-shadow: 0;
        padding: 2em;
    }

        .popup:before {
            content: "";
            background: url(/Content/img/minus.png) no-repeat;
            position: absolute;
            top: 10px;
            right: 15px;
            width: 14px;
            height: 14px;
        }
}*/
.saving {
    position: absolute;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    text-align: center;
    background: #ffffdd;
    top: 33px;
    z-index: 15;
    font-size: 13px;
    border: 1px solid #ddd;
    opacity: 0;
    transition: opacity 0.35s ease-in-out;
    pointer-events: none;
}

    .saving.show {
        opacity: 1;
    }



.sidebar-container {
    position: fixed;
    top: 154px;
    right: 0;
    z-index: 11;
}

    .sidebar-container .sidebar-hover {
        background: #F5F5F5;
        -webkit-box-shadow: -4px 4px 10px 0px rgba(20, 20, 20, 0.3);
        -moz-box-shadow: -4px 4px 10px 0px rgba(20, 20, 20, 0.3);
        box-shadow: -4px 4px 10px 0px rgba(20, 20, 20, 0.3);
        transition: right 0.3s ease-in-out;
        position: absolute;
        right: 0px;
        height: 100%;
        width: 50px;
    }

        .sidebar-container .sidebar-hover button {
            top: 4%;
            position: relative;
            -webkit-transform: rotate(90deg);
            -webkit-transform-origin: 12% 50%;
            -ms-transform: rotate(90deg);
            -ms-transform-origin: 12% 50%;
            transform: rotate(90deg);
            transform-origin: 12% 50%;
        }

            .sidebar-container .sidebar-hover button h2 {
                white-space: nowrap;
            }

    .sidebar-container .sidebar {
        position: absolute;
        right: -400px;
        z-index: 4;
        position: relative;
        background: #F5F5F5;
        padding: 10px 20px;
        -webkit-box-shadow: -4px 4px 10px 0px rgba(20, 20, 20, 0.3);
        -moz-box-shadow: -4px 4px 10px 0px rgba(20, 20, 20, 0.3);
        box-shadow: -4px 4px 10px 0px rgba(20, 20, 20, 0.3);
        transition: right 0.3s ease-in-out;
    }

    .sidebar-container.visible .sidebar {
        right: 0px;
    }

.tab-control {
    list-style: none;
    margin-right: 20px;
    margin-top: -40px;
}

    .tab-control li {
        font-family: 'Helvetica Light', 'icomoon';
        font-size: 100%;
        opacity: 0.4;
        float: right;
        display: inline;
        padding: 2px 15px;
        margin-bottom: -2px;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .tab-control li.selected {
            color: #000;
            opacity: 1;
            margin: -2px;
            border: 2px solid #fff;
            border-bottom: 0;
        }

.tab-content {
    border-top: 2px solid #fff;
    width: 100%;
    height: 100%;
    display: none;
    padding: 20px;
}

    .tab-content.selected {
        display: block;
    }


.tab .overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

    .tab .overlay > img {
        width: 31px;
        height: 31px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -15px 0 0 -15px;
    }

.listing .entry > .tooltip {
    display: none;
    position: absolute;
    left: 72px;
    top: 13px;
    background: #FFFEEE;
    padding: 10px;
    font-family: 'Helvetica', 'icomoon';
    box-shadow: 0 5px 5px rgba(0,0,0,.5);
    z-index: 1;
}


.tree {
}

    .tree ul {
    }

        .tree ul li {

        }

    .tree .tree-description {
        display: inline;
        display: table-cell;
        line-height: 1.6em;
    }

    .tree .tree-buttons {
        display: inline;
        display: table-cell;
    }

    .tree .tree-button {
        margin-left: -26px;
    }

    .tree .tree-button-code {
        min-width: 30px;
        margin-right: 5px;
    }

#version {
    position: fixed;
    text-align: right;
    right: 10px;
    top: 0px;
    z-index: 20;
    color: #999;
    padding-top: 50px;
    min-width: 141px;
}

    #version .assembly {
        display: none;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 500px;
    }

    #version:hover .assembly {
        display: block;
    }

    #version .logo {
        position: absolute;
        top: 20px;
        right: 0px;
        background: url(/Content/img/logo_small_beta.png) right 29px no-repeat;
    }

    #version > div {
        position: relative;
    }

    #version > div > div {
        position: absolute;
        right: 0;
        top: 100%;
        background: #fff;
        border: 1px solid #707070;
    }

    #version .dd-menu-link {
        color: #00aeef;
        cursor: pointer;
    }

.page.login + #version {
    right: 30px;
}

ul.visits-list {
    width: 1024px;
    position: relative;
    z-index: 2;
}

    ul.visits-list > li:nth-child(odd) {
        padding-left: 30px;
        font-size: 17px;
        font-family: 'Helvetica Light', 'Icomoon';
        line-height: 35px;
        cursor: pointer;
    }

    ul.visits-list > li:nth-child(even) {
        padding-left: 30px;
        font-size: 17px;
        font-family: 'Helvetica Light', 'Icomoon';
        line-height: 35px;
        cursor: pointer;
        /*  background: rgba(1,1,1,0.02);*/
        background-image: url(/Content/img/bg-shadow.png);
    }

    ul.visits-list > li.draft {
        font-weight: bold;
    }

    ul.visits-list > li.deleted {
        font-weight: normal !important;
        color: red;
    }

    ul.visits-list > li:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aeef+0,00aeef+100&0.1+0,0+50 */
        background: -moz-linear-gradient(left, rgba(0,174,239,0.1) 0%, rgba(0,174,239,0) 50%, rgba(0,174,239,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,174,239,0.1)), color-stop(50%,rgba(0,174,239,0)), color-stop(100%,rgba(0,174,239,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, rgba(0,174,239,0.1) 0%,rgba(0,174,239,0) 50%,rgba(0,174,239,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, rgba(0,174,239,0.1) 0%,rgba(0,174,239,0) 50%,rgba(0,174,239,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(0,174,239,0.1) 0%,rgba(0,174,239,0) 50%,rgba(0,174,239,0) 100%); /* IE10+ */
        background: linear-gradient(to right, rgba(0,174,239,0.1) 0%,rgba(0,174,239,0) 90%,rgba(0,174,239,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a00aeef', endColorstr='#0000aeef',GradientType=1 ); /* IE6-9 */
    }

    ul.visits-list > li > .row {
        white-space: nowrap;
        height: 35px;
    }



    ul.visits-list > li > .rowP {
        white-space: nowrap;
        height: 35px;
    }






    ul.visits-list > li > .row > pilot-dep {
        background-image: url(/Content/img/icon_dep.png);
        height: 16px;
        width: 10px;
    }

    ul.visits-list > li > .row > pilot-blank {
        background-image: url(/Content/img/icon_blank.png);
        height: 16px;
        width: 10px;
    }

    ul.visits-list > li > .row > *,
    ul.visits-list > li > .rowP > * {
        display: inline-block;
    }

    ul.visits-list > li > .row > img,
    ul.visits-list > li > .rowP > img {
        width: 16px;
        margin-right: 10px;
        margin-top: -4px;
    }

    ul.visits-list > li > .row > .spacer {
        width: 21px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
    }

    ul.visits-list > li > .row > .ship-name,
    ul.visits-list > li > .rowP > .ship-name {
        width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
    }

    ul.visits-list > li > .row > .fairway-declaration {
        width: 370px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
        font-size: 16px;
    }

    ul.visits-list > li > .row > .port-of-call,
    ul.visits-list > li > .rowP > .port-of-call {
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
    }

    ul.visits-list > li > .row > .port-of-call-spacer,
    ul.visits-list > li > .rowP > .port-of-call-spacer {
        width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
    }

    ul.visits-list > li > .row > .pilotage-type,
    ul.visits-list > li > .rowP > .pilotage-type {
        width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
        text-align: right;
        font-size: 13px;
        /* font-family: 'Courier New', 'Icomoon';*/
    }

    ul.visits-list > li > .row > .timetable {
        width: 198px;
    }

    ul.visits-list > li > .row .periodic-declaration {
        width: 200px;
    }

    ul.visits-list > li > .row > .customs,
    ul.visits-list > li > .row > .coast-guard,
    ul.visits-list > li > .row > .ssns,
    ul.visits-list > li > .row > .port,
    ul.visits-list > li > .row > .pilotage,
    ul.visits-list > li > .row > .declaration {
        width: 30px;
    }

.time-table > .visits-list > li > .row > .ship-name {
    width: 225px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

ul.visits-list > li > .row > .timetable > a {
    font-size: 12px;
}

ul.visits-list .eta-ata-small {
    font-family: 'Courier New', 'Icomoon';
    /*  font-size: small;*/
    width: 122px;
    /*   word-spacing: -4px*/
}

ul.visits-list .eta-ata-small-blue {
    font-family: 'Courier New', 'Icomoon';
    /* font-size: small;*/
    width: 122px;
    /* word-spacing: -4px;*/
    background-color: #00aeef;
    color: white;
}

ul.visits-list .pilot-status {
    /*  font-size: small;*/
    font-size: small;
    font-weight: bolder;
    width: 10px;
    /*   word-spacing: -4px*/
}


ul.visits-list .pilot-status-green {
    font-size: small;
    font-weight: bolder;
    /* word-spacing: -4px;*/
    /*background-color: #6aa351;*/
    width: 10px;
    color: #6aa351;
}


ul.visits-list .pilot-invoice {
    width: 21px;
    /*word-spacing: -4px*/
}

ul.visits-list .eta-block {
    width: 200px;
    /*word-spacing: -4px*/
}

ul.visits-list .etd-block {
    width: 209px;
    /*word-spacing: -4px*/
}

ul.visits-list .img-small {
    max-height: 20px;
    max-width: 20px;
}

ul.visits-list .row .eta-ata,
ul.visits-list .row .etd-atd,
ul.visits-list .row .port-visit-id,
ul.visits-list .row .pilot-exp,
ul.visits-list .rowP .eta-ata,
ul.visits-list .rowP .etd-atd,
ul.visits-list .rowP .port-visit-id {
    font-family: 'Courier New', 'Icomoon';
}

ul.visits-list .eta-ata.final,
ul.visits-list .etd-atd.final {
    color: #6aa351;
}

ul.visits-list .eta-ata.pilotageOrder,
ul.visits-list .etd-atd.pilotageOrder {
    color: #6aa351;
}

ul.visits-list .side-message {
    position: absolute;
    font-size: 11px;
    font-family: 'Courier New', 'Icomoon';
}


ul.visits-list .side-message-front {
    position: absolute;
    font-size: 11px;
    font-family: 'Courier New', 'Icomoon';
}

ul.visits-list .side-message-front-ad {
    position: absolute;
    font-size: 11px;
    font-family: 'Courier New', 'Icomoon';
    font-weight: bold;
    text-decoration: underline;
}

ul.visits-list .ata,
ul.visits-list .arrival-pilotage {
    left: 551px;
    margin-top: 3px;
}

ul.visits-list .pilot-exp {
    margin-left: 50px;
    margin-top: 3px;
}

ul.visits-list .atd,
ul.visits-list .departure-pilotage {
    left: 755px; /*735 before*/
    margin-top: 3px;
}

ul.visits-list .ata,
ul.visits-list .atd {
    color: #6aa351;
}

ul.visits-list .arrival-pilotage,
ul.visits-list .departure-pilotage {
    color: #6aa351;
}

ul.visits-list .warning {
    color: rgb(239, 157, 0);
}

ul.visits-list .notification.warning {
    color: white;
    background: rgb(239, 157, 0);
    font-size: small;
    font-weight: bold;
    padding-left: 5px;
}

    ul.visits-list .notification.warning .icon-arrow_right {
        float: right;
        transform: rotate(-90deg);
        padding: 5px;
    }

        ul.visits-list .notification.warning .icon-arrow_right:hover {
            color: rgba(255,255,255,0.5);
        }



ul.visits-list .arriving-pilotage-warning {
    font-size: 14px !important;
    left: 404px;
    margin-top: 5px;
}

ul.visits-list .departure-pilotage-warning {
    font-size: 14px !important;
    left: 588px;
    margin-top: 5px;
}


/* ul.visits-list .eta-ata.final::after {
        content: "ATA";
        font-size: 11px;
        margin-left: 5px;
    }

    ul.visits-list .etd-atd.final::after {
        content: "ATD";
        font-size: 11px;
        margin-left: 5px;
    }*/

ul.visits-list > li > aside {
    display: none;
    white-space: nowrap;
    font-size: 12px;
    font-weight: normal;
}

ul.visits-list > li:hover > aside {
    display: block;
}

ul.visits-list > li > aside > * {
    display: inline-block;
}

ul.visits-list > li > aside .periodic-declaration > span,
ul.visits-list > li > aside .ship-name > span,
ul.visits-list > li > aside .year-month > span,
ul.visits-list > li > aside .port-of-call > span {
    float: right;
    margin-right: 30px;
    font-family: 'Courier New', 'Icomoon';
}



ul.visits-list > li > aside .periodic-declaration {
    width: 220px;
    margin-left: 4px;
}


ul.visits-list > li > aside .picker-wrapper > a[disabled] {
    color: #999;
}

ul.visits-list + hr {
    background: url(/Content/img/left_side_divider.png) left bottom no-repeat;
    margin: 20px 0 0 0;
    height: 21px;
}

ul.visits-list .hr2 {
    background: url(/Content/img/center_divider_small.png) left bottom no-repeat;
    margin: 0px 0 0 0;
    height: 2px;
    width: 1024px;
    margin-bottom: -5px;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1000;
}

    .modal-overlay + .popup {
        z-index: 1001;
    }

ul.visits-list > li.time-table:hover {
    /*background: none;*/
    background: linear-gradient(to right, rgba(0,174,239,0.1) 0%,rgba(0,174,239,0) 90%,rgba(0,174,239,0) 100%);
}

ul.visits-list > li.time-table > ul.visits-list {
    margin-left: -10px;
}

ul.visits-list .time-table > .row:before {
    content: url(/Content/img/icon_expand.png);
    width: 16px;
    height: 7px;
    transition: all ease-in-out 0.3s;
    float: left;
    margin: -6px 5px 0 0px;
    -webkit-transform-origin: 9px 19px;
    -webkit-transform: rotate(0deg);
    -ms-transform-origin: 9px 22px;
    -ms-transform: rotate(0deg);
    transform-origin: 9px 22px;
    transform: rotate(0deg);
    cursor: pointer;
}

ul.visits-list .time-table.collapsed > .row:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

ul.visits-list .events {
    width: 27px;
    text-align: center;
    line-height: 23px;
    background: rgba(1,1,1,0.02);
    color: rgba(255,255,255,0);
}

ul.visits-list .column-status {
    width: 27px;
    text-align: center;
    height: 69px;
    resize: none;
    line-height: 14px;
    text-align: center;
    width: 27px;
    white-space: pre-line;
    border: none;
    overflow: hidden;
    padding: 2px;
    font-size: x-small;
    font-weight: bold;
    background: rgba(1,1,1,0.02);
    vertical-align: text-top;
}

ul.visits-list .events.positive {
    background: #6aa351;
    color: #fff;
}

ul.visits-list .events.neutral {
    background: #00aeef;
    color: #fff;
}

ul.visits-list .pilot-background {
    background: rgba(1,1,1,0.02);
}

ul.visits-list .events.negative {
    background: #e37c28;
    color: #fff;
}

ul.visits-list .events.disabled {
    background: rgba(1,1,1,0.02);
    color: rgba(255,255,255,0);
}

ul.visits-list .events.positive:hover:not(.disabled) {
    background: #9bcc86;
}

ul.visits-list .events.neutral:hover:not(.disabled) {
    background: #99e1fb;
}

ul.visits-list .events.negative:hover:not(.disabled) {
    background: #ffc392;
}

.help-button .clear-filter {
    position: absolute;
    top: 0px;
    right: 7px;
    font-size: 15px;
    color: gray;
}

    .help-button .clear-filter:hover {
        color: lightgray;
    }


/*************************************
    Attention 
*************************************/

ul.visits-list.attention .ata.side-message,
ul.visits-list.attention .atd.side-message {
    margin-left: 19px;
}

ul.visits-list.attention > li:nth-child(even) {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,00aeef+100&0.33+0,0+100 */
    background: -moz-linear-gradient(left, rgba(255,255,255,0.33) 0%, rgba(0,174,239,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.33) 0%,rgba(0,174,239,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0.33) 0%,rgba(0,174,239,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54ffffff', endColorstr='#0000aeef',GradientType=1 ); /* IE6-9 */
}

ul.visits-list.attention > li:hover {
    background: none;
}

    ul.visits-list.attention > li:hover:not(:first-child) {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#febf01+0,ef8d00+0,ededed+100&0.47+0,0+100 */
        background: -moz-linear-gradient(left, rgba(239,141,0,0.47) 0%, rgba(237,237,237,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(239,141,0,0.47) 0%,rgba(237,237,237,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(239,141,0,0.47) 0%,rgba(237,237,237,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78ef8d00', endColorstr='#00ededed',GradientType=1 ); /* IE6-9 */
    }

ul.visits-list.attention {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#febf01+0,ef8d00+0,ededed+100&0.47+0,0+100 */
    background: -moz-linear-gradient(left, rgba(239,141,0,0.47) 0%, rgba(237,237,237,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(239,141,0,0.47) 0%,rgba(237,237,237,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(239,141,0,0.47) 0%,rgba(237,237,237,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78ef8d00', endColorstr='#00ededed',GradientType=1 ); /* IE6-9 */

    margin: -20px;
    padding: 20px;
}

.form-section label.cargoLabel {
    width: 100%;
}

.cargo .long-number {
    width: 65px !important;
}

.cargo input + p {
    line-height: 30px;
}

.consignment-editor {
}

    .consignment-editor tr.divider {
        height: 10px;
    }

    .consignment-editor .port {
        width: 100px !important;
    }

    .consignment-editor td {
        width: 50%;
    }

    .consignment-editor .form-list.goodsitem {
        background: none;
    }


.commodityName {
    display: inline-block;
    max-width: 200px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
}

.consignment {
    background: rgba(255,255,255,.5);
    padding: 5px 0 5px 10px;
}

    .consignment .portcity-country {
        vertical-align: baseline;
        margin-right: 4px;
        margin-left: 4px;
        padding-bottom: 1px;
    }

form.section .list.consignment { /* Hack to remove padding from form-list */
    padding: 0;
}

form.section .list.consignment > .open > .body + aside { 
    display: none;
}

    form.section .list.consignment + .list.consignment { /* Hack to remove padding from form-list */
        margin-top: 10px;
    }

    form.section .list.consignment > div > .body { /* Hack to formatting from form-list */
        background: transparent;
        margin: 0;
        padding: 0 15px 10px 15px;
    }

.consignment > div > .head {
    padding: 0 10px;
}

    .consignment > div > .head > button {
        position: relative;
        top: 8px;
    }

.consignment > div > .body {
    clear: right;
}


.consignment .transportContractType {
    width: 30%;
}


    .consignment > div > .body > div > .picker-wrapper {
        width: 46%;
        margin-right: 4%;
    }

        .consignment > div > .body > div > .picker-wrapper + input {
            width: 46%;
        }

    .consignment > div > .body > .list { /* Hack to formatting from form-list */
        background: transparent;
    }

.crew-editor {
    background: #fff;
    border-radius: 1px;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
}

    .crew-editor .name {
        width: 100% !important;
    }

    .crew-editor .date,
    .crew-editor input,
    .crew-editor select {
        width: 120px !important;
    }

    .crew-editor td {
        width: 50%;
    }

    .crew-editor tr.divider {
        height: 10px;
    }
.document-editor {
    clear: both;
}

    .document-editor .document {
        float: none !important;
        height: auto !important;
    }

    .document-editor span.description {
        margin-left: 1em;
    }

    .document-editor .icon.help {
        margin-top: 5px;
    }

.crew-effect-editor .effects{
    background: #fafafa !important;
}

.crew-effect-editor .unit{
    margin-left: 5px;
}
.goodsitem-editor {
    background: #fff;
    border-radius: 1px;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
}

    .goodsitem-editor .loader {
        text-align: center;
        padding-top: 40px;
        position: static;
        font-size: 80%;
    }

    .goodsitem-editor .commodity-tree {
    }

        .goodsitem-editor .commodity-tree p {
            margin-top: 5px;
            line-height: normal;
            font-size: 80%;
            color: #999;
        }

            .goodsitem-editor .commodity-tree p:last-child {
                color: #000;
            }

    .goodsitem-editor tr.divider {
        height: 10px;
    }

    .goodsitem-editor .text {
        width: 100% !important;
    }

    .goodsitem-editor .number {
        width: 80px !important;
    }

    .goodsitem-editor .m3 {
        width: 80px !important;
    }

    .goodsitem-editor .weight {
        width: 80px !important;
    }

        .goodsitem-editor .weight + select {
            width: 18% !important;
            padding: 0 0 0 5px !important;
        }

    .goodsitem-editor td {
        width: 50%;
    }

.pilotage-editor {
}

    .pilotage-editor .hours {
        width: 30px !important;
    }

    .pilotage-editor .minutes {
        width: 30px !important;
    }

    .pilotage-editor .number {
        width: 40px !important;
    }

    .pilotage-editor .long-number {
        width: 65px !important;
    }

    .pilotage-editor .lane-description {
        margin-bottom: 3px;
        line-height: normal;
        font-size: 80%;
        color: #555;
    }

    .pilotage-editor input[type="radio"] {
        vertical-align: baseline;
        float: left;
    }

        .pilotage-editor input[type="radio"] + label {
            width: auto;
            margin-left: 5px;
        }

            .pilotage-editor input[type="radio"] + label + input {
                margin-left: 40px;
            }

.waive-editor label + input,
.waive-editor label + div.point {
    width: 47% !important;
}


.passenger-editor {
    background: #fff;
    border-radius: 1px;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
}

    .passenger-editor .name {
        width: 100% !important;
    }

    .passenger-editor .date,
    .passenger-editor input,
    .passenger-editor select {
        width: 120px !important;
    }

    .passenger-editor td {
        width: 50%;
    }

    .passenger-editor tr.divider {
        height: 10px;
    }

.movement-editor {
}

    .movement-editor .hours {
        width: 30px !important;
    }

    .movement-editor .minutes {
        width: 30px !important;
    }

    .movement-editor .number {
        width: 40px !important;
    }

    .movement-editor .long-number {
        width: 65px !important;
    }

    .movement-editor .lane-description {
        margin-bottom: 3px;
        line-height: normal;
        font-size: 80%;
        color: #555;
    }

    .movement-editor input[type="radio"] {
        vertical-align: baseline;
        float: left;
    }

        .movement-editor input[type="radio"] + label {
            width: auto;
            margin-left: 5px;
        }

            .movement-editor input[type="radio"] + label + input {
                margin-left: 40px;
            }


.port-request .short-comment {
    height: auto;
    width: 50%;
    margin-bottom: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.port-request h2 {
    margin-bottom: 6px;
}

.port-request table {
    width: 100%;
}

    .port-request table thead {
        font-style: italic;
        font-size: 90%;
        color: #666;
    }

.port-request .number {
    width: 65px;
}

.sid-consignment .head-description-column {
    display: inline-flex;
}

    .sid-consignment .head-description-column.sidreference,
    .sid-consignment .head-description-column.transportcontractreference {
        display: inline-block;
        width: 150px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: bottom;
    }
    .sid-consignment .head-description-column.transportcontractreference {
        text-align: right;
    }

.store-item .unit{
    margin-left: 5px;
}

.store-item .disabled{
    color: rgb(170, 170, 170);
}
.upload-editor {
    clear: both;
}

    .upload-editor .document {
        float: none !important;
        height: auto !important;
    }

    .upload-editor span.description {
        margin-left: 1em;
    }

    .upload-editor .icon.help {
        margin-top: 5px;
    }


.waste-editor .object > label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
}

/* Hack for having a sticky footer only on the login-page. */
.login-page, .login-page body {
    overflow-y: hidden;
}
/* End hack */

.page.login {
    padding-top: 10em;
    overflow-y: scroll;
    height: 100%;
    text-align: center;
    padding-bottom: 0;
}

    .page.login .language {
        position: fixed;
        text-align: right;
        right: 30px;
        top: 8px;
        z-index: 2;
        font-size: 80%;
        color: #999;
    }

    .page.login img.logo {
        width: 540px;
        height: 208px;
        margin: 0 auto 20px;
    }

    .page.login form {
        width: 800px;
        margin: 0 auto;
        position: relative;
        text-align: center;
    }

        .page.login form > section {
            float: left;
            width: 400px;
            height: 300px;
        }

            .page.login form > section:first-child {
                border-right: 1px solid #ddd;
                text-align: center;
                padding: 90px 30px;
            }

            .page.login form > section:last-child {
                padding: 20px 40px;
            }

            .page.login form > section > a.big {
                font-size: 38px;
                display: block;
                margin-bottom: 20px;
                line-height: 1.6;
            }

            .page.login form > section > h3 {
                font-size: 14px;
            }

            .page.login form > section > div {
                border: 1px solid #eee;
                border-radius: 5px;
                height: 220px;
                overflow-y: auto;
                text-align: left;
                position: relative;
            }

            .page.login form > section > div > .loader {
                position: absolute;
                left: 50%;
                margin-left: -8px;
                width: 16px;
            }

    .page.login .register {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .page.login .register .popup p {
            margin-top: 20px;
        }

            .page.login .register .popup p + p + p {
                text-align: center;
            }

    .page.login hr {
        margin: 0 0 20px 0;
    }

    .page.login footer hr + p {
        margin: 0 0 40px 0;
    }

    .page.login form article {
        margin: 10px;
    }

        .page.login form article span.date {
            font-size: 80%;
            display: block;
            line-height: 15px;
        }

        .page.login form article span.title {
            display: block;
        }

        .page.login form article a {
            font-size: 16px;
            display: inline-block;
            line-height: 17px;
        }

        .page.login form article p {
            font-size: 12px;
            line-height: 1.4;
        }

/* Phones */
/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    .page.login {
        padding-top: 5em;
        overflow-y: auto;
    }
    .page.login .language {
        right: 10px;
    }

    .page.login img.logo {
        width: 70%;
        height: auto;
        padding-bottom: 3em;
    }

    .page.login form {
        width: 100%;
        padding: 20px 20% 0 20%;
        background: url(/Content/img/center_divider.png) center top no-repeat;
        background-size: 100%;
    }

    .page.login input {
        padding: 0 5px;
        height: 24px;
    }
}*/

.page.organisation header > h1 {
    display: block;
    padding-right: 164px
}

.page.organisation form.section.organisation-notifications {
    background: #d6e5f5;
}

.page.organisation form.section.organisation-users {
    background: #cdfed7;
}

.page.organisation .notifications-table {
    width: 100%;
}


    .page.organisation .notifications-table tr > * {
        line-height: 30px;
        padding: 0;
    }

    .page.organisation .notifications-table th {
        font-weight: normal;
        text-align: left;
    }

    .page.organisation .notifications-table td {
        text-align: center;
    }

        .page.organisation .notifications-table td:first-child {
            text-align: left;
            padding-left: 20px;
        }


.page.organisation form.section.organisation-information .columns > div {
    float: left;
    width: 50%;
    padding-left: 25px;
}

.page.organisations .column-header {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.page.organisations .organisation-name {
    width: 250px;
}

.page.organisations .organisation-eori {
    width: 200px;
}

.page.organisations .organisation-users {
    width: 100px;
}

.page.organisations input#free-text-search {
    padding-right: 24px;
    width: 180px;
}

    .page.organisations input#free-text-search + button.clear-filter {
        background-image: url(/Content/img/icon-x.png);
        width: 20px;
        height: 20px;
        position: absolute;
        margin-top: 34px;
        margin-left: -26px;
    }

        .page.organisations input#free-text-search + button.clear-filter:hover {
            background-position-y: 100%;
        }


.page.periodic-declaration form.section.fairway {
    background: #FFF5D3;
}

    .page.periodic-declaration form.section.fairway:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #FFF5D3, 0 0px 0 2px #fff;
        border-radius: 5px 5px 0px 0px;
    }

.page.periodic-declaration form.section.visits {
    background: #EDD8FF;
}

    .page.periodic-declaration form.section.visits:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #EDD8FF, 0 0px 0 2px #fff;
        border-radius: 5px 5px 0px 0px;
    }

.page.periodic-declaration header .extra-label {
    position: absolute;
    font-size: 90%;
    width: 220px;
    left: 50%;
    margin-left: -110px;
    text-align: center;
    margin-top: -1px;
}

.page.periodic-declaration header hr.draft {
    background-image: url(/Content/img/center_divider_visit.png);
    height: 27px;
}

.page.periodic-declaration a.log:before {
    content: url(/Content/img/icon_expand_blue.png);
    width: 16px;
    height: 7px;
    transition: all ease-in-out 0.3s;
    float: left;
    margin: -6px 10px 0 0;
    -webkit-transform-origin: 9px 22px;
    -webkit-transform: rotate(-90deg);
    -ms-transform-origin: 9px 22px;
    -ms-transform: rotate(-90deg);
    transform-origin: 9px 22px;
    transform: rotate(-90deg);
    cursor: pointer;
}

.page.periodic-declaration a.log.collapsed:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.page.periodic-declaration .log[disabled]:before {
    content: none;
}

.page.periodic-declaration .submit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    text-align: center;
}

    .page.periodic-declaration .submit .popup {
        padding: 20px 20px 30px 20px;
        position: fixed;
        top: 25%;
    }

        .page.periodic-declaration .submit .popup p {
            margin-top: 10px;
            margin-bottom: 25px;
        }

            .page.periodic-declaration .submit .popup p p p {
                text-align: center;
            }

    .page.periodic-declaration .icon-warning {
        color: #ef9d00;
        cursor: pointer;
        font-weight: bolder;
    }

    .page.periodic-declaration span.required, 
    .page.periodic-declaration p.required {
        color: #ef8d00;
    }


.page.periodic-declaration span.deleted {
    color: red;
}

.page.periodic-declaration .deleted > .help-button {
    color: red;
    font-size: 120%;
}

.page.periodic-declaration .deleted > .help-button:hover {
    color: #ff8e8e;
}
.page.schedule .icon-warning {
    color: #ef9d00;
    cursor: pointer;
    font-weight: bolder;
}

.page.schedule header button {
    margin-bottom: 20px;
}

.page.schedule form.section.interval {
    background: #f3dff2;
}

    .page.schedule form.section.interval .visits {
        margin-top: -27px;
    }


.page.schedule form.section.calendar {
    background: #E6FAE4;
}

.page.schedule form.section h3 {
    display: block;
    float: left;
}

    .page.schedule form.section h3 span {
        font-size: 90%;
    }

.page.schedule .comment {
    height: 60px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page.schedule .etd-diff,
.page.schedule .nr-of-times {
    width: 55px !important;
}

    .page.schedule .etd-diff + span {
        margin-left: 5px;
        line-height: 32px;
    }


.page.schedule .box-list {
    line-height: 0;
    margin: 7px 0;
}

    .page.schedule .box-list > input {
        margin-right: 12px;
    }

    .page.schedule .box-list > label {
        line-height: 18px;
        margin-right: 11px;
        width: 14px;
    }



.page.schedule .multi-input > div {
    position: relative;
    width: 100%;
}

    .page.schedule .multi-input > div input {
        width: 90px;
        display: inline-block;
    }

    .page.schedule .multi-input > div .clear-picker {
        display: none;
        font-size: 18px;
        width: 0;
        height: 24px;
        position: absolute;
        color: #ccc;
        top: 0;
        left: 68px;
        cursor: pointer;
    }

    .page.schedule .multi-input > div:hover .clear-picker {
        display: block;
    }

.page.schedule .multi-input > a {
    line-height: 30px;
}

.page.schedule .commentlow {
    height: 40px;
    width: 100%;
    font-size: 90%;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page.schedule span.required {
    color: #ef8d00;
}

/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px), all and (max-width: 830px) {
}*/

.page.user header > h1 {
    display: block;
    padding-right: 164px;
}

.page.user header button {
    margin-bottom: 20px;
}

.page.user .splitter {
    margin-bottom: 15px;
}

.page.user form.section.credentials {
    background: #c0d5ed;
}

.page.user form.section.user-information {
    background: #d2dcf3;
}

.page.user form.section.notifications {
    background: #fff1c2;
}

.page.user form.section.interface-settings {
    background: #ffd7ae;
}

    .page.user form.section.interface-settings .row {
        vertical-align: middle;
    }

    .page.user form.section.interface-settings img {
        padding-bottom: 3px;
    }

.page.users .column-header {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.page.users .user-name {
    width: 250px;
}

.page.users .user-email {
    width: 300px;
}

.page.users .user-personal-id {
    width: 100px;
}

.page.users input#free-text-search {
    padding-right: 24px;
    width: 180px;
}

    .page.users input#free-text-search + button.clear-filter {
        background-image: url(/Content/img/icon-x.png);
        width: 20px;
        height: 20px;
        position: absolute;
        margin-top: 34px;
        margin-left: -26px;
    }

        .page.users input#free-text-search + button.clear-filter:hover {
            background-position: 0 100%;
        }
.page.vessel form.section.identification {
    background: #c0d5ed;
}

.page.vessel form.section.specifications {
    background: #d2dcf3;
}

.page.vessel form.section.contact-information {
    background: #fff1c2;
}

.page.vessel form.section.previous-ports {
    background: #ffd7ae;
}

.page.vessel .identification p > img {
    vertical-align: baseline;
}

.page.vessel .environmetclass-box label {
    padding-left: 20px;
}

.page.vessels .column-header {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.page.vessels .ship-name {
    width: 250px;
}

.page.vessels .callsign {
    width: 120px;
}

.page.vessels .imo-number {
    width: 100px;
}

.page.vessels .mmsi-number {
    width: 150px;
}

.page.vessels input#free-text-search {
    padding-right: 24px;
    width: 180px;
}

    .page.vessels input#free-text-search + button.clear-filter {
        background-image: url(/Content/img/icon-x.png);
        width: 20px;
        height: 20px;
        position: absolute;
        margin-top: 34px;
        margin-left: -26px;
    }

        .page.vessels input#free-text-search + button.clear-filter:hover {
            background-position: 0 100%;
        }

.page.visit header hr.draft {
    background-image: url(/Content/img/center_divider_visit.png);
    height: 27px;
}

.page.visit header > h1 {
    padding-right: 164px;
}

.page.visit header .extra-label {
    position: absolute;
    font-size: 90%;
    width: 220px;
    left: 50%;
    margin-left: -110px;
    text-align: center;
    margin-top: -1px;
}

.page.visit .vessel .information .list > div > div {
    margin: 8px 0;
}

.page.visit .comment {
    height: 73px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page.visit .commentlow {
    height: 40px;
    width: 100%;
    font-size: 90%;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page.visit span.required,
.page.visit p.required {
    color: #ef8d00;
}

.page.visit span.required.valid,
.page.visit p.required.valid {
    color: #444;
}

.page.visit a.share:before,
.page.visit a.log:before {
    content: url(/Content/img/icon_expand_blue.png);
    width: 16px;
    height: 7px;
    transition: all ease-in-out 0.3s;
    float: left;
    margin: -6px 10px 0 0;
    -webkit-transform-origin: 9px 22px;
    -webkit-transform: rotate(-90deg);
    -ms-transform-origin: 9px 22px;
    -ms-transform: rotate(-90deg);
    transform-origin: 9px 22px;
    transform: rotate(-90deg);
    cursor: pointer;
}

.page.visit a.share.collapsed:before,
.page.visit a.log.collapsed:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.page.visit .share[disabled]:before,
.page.visit .log[disabled]:before {
    content: none;
}

.page.visit .list center {
    line-height: 24px;
}

    .page.visit .list center .icon.new-window {
        margin-right: 20px;
    }

.page.visit .extras {
    margin-top: 10px;
}

.page.visit h3.information {
    margin-top: 10px;
}

.page.visit div.information .box, .page.visit div.information .list {
    padding: 10px 20px;
    margin-bottom: 10px;
}

.page.visit div.information > a {
    line-height: 16px;
    font-size: 111%;
    clear: both;
}

.page.visit div.information .list ol {
    margin-left: 8px;
}

.page.visit div.information .list > a {
    line-height: 22px;
}

.popup > div.list-wrapper {
    overflow-y: auto;
    position: absolute;
    top: 40px;
    margin: 10px;
    bottom: 34px;
    left: 10px;
    right: 10px;
}

    .popup > div.list-wrapper + div.extras {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        padding: 10px 20px;
        line-height: 20px;
    }

        .popup > div.list-wrapper + div.extras > .fileinput {
            float: right;
        }


.page.visit form.section.interval {
    background: #f3dff2;
}

.page.visit form.section.vessel {
    background: #d6e5f5;
}

.page.visit form.section.pilotage {
    background: #EBFFEF;
}

    .page.visit form.section.pilotage:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #EBFFEF, 0 0px 0 2px #fff;
    }

.popup.crew,
.page.visit form.section.crew {
    background: #bcedc6;
}

    .page.visit form.section.crew:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #bcedc6, 0 0px 0 2px #fff;
    }

.passengers.crew,
.page.visit form.section.passengers {
    background: #dbffe2;
}

    .page.visit form.section.passengers:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #dbffe2, 0 0px 0 2px #fff;
    }

.page.visit form.section.cargo {
    background: #fff1c2;
}

    .page.visit form.section.cargo:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #fff1c2, 0 0px 0 2px #fff;
    }

.page.visit form.section.dangerous-cargo {
    background: #ffd3ab;
}

    .page.visit form.section.dangerous-cargo:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #ffd3ab, 0 0px 0 2px #fff;
    }

.page.visit form.section.port-request {
    background: #DDE4FF;
}

    .page.visit form.section.port-request:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #DDE4FF, 0 0px 0 2px #fff;
    }

.page.visit form.section.expanded-inspection {
    background: #C9D5FF;
}

    .page.visit form.section.expanded-inspection:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #C9D5FF, 0 0px 0 2px #fff;
    }

.page.visit form.section.waste {
    background: #eed9c2;
}

    .page.visit form.section.waste:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #eed9c2, 0 0px 0 2px #fff;
    }

.page.visit form.section.health {
    background: #ffceca;
}

    .page.visit form.section.health:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #ffceca, 0 0px 0 2px #fff;
    }

.page.visit form.section.store-items {
    background: #FFE89C;
}

.page.visit form.section.store-items:not(.collapsed) nav > a.selected {
    box-shadow: 0 2px 0 #FFE89C, 0 0px 0 2px #fff;
}

.page.visit form.section.documents {
    background: #f2f2f2;
}

.page.visit form.section.documents:not(.collapsed) nav > a.selected {
    box-shadow: 0 2px 0 #f2f2f2, 0 0px 0 2px #fff;
}

.page.visit form.section.security {
    background: #e8e8e8;
}

.page.visit form.section.security:not(.collapsed) nav > a.selected {
    box-shadow: 0 2px 0 #e8e8e8, 0 0px 0 2px #fff;
}

.page.visit form.section.reportingparty {
    background: #EBEAF2;
}

/*.page.visit form.section.overview .columns > div {
    float: left;
    width: 50%;
    padding-left: 25px;
}

    .page.visit form.section.overview .columns > div:first-child {
        padding: 0 5px 0 0;
    }*/

.page.visit form.section.overview .barges .picker-wrapper.vessel > input{
    width: 200px;
}

.page.visit form.section.overview h5.number-of {
    margin-right: 30px;
    margin-top: 5px;
}

.page.visit form.section.overview .multi-input > div {
    position: relative;
    width: 100%;
}

    .page.visit form.section.overview .multi-input > div input {
        width: 90px;
        display: inline-block;
    }

    .page.visit form.section.overview .multi-input > div .clear-picker {
        display: none;
        font-size: 18px;
        width: 0;
        height: 24px;
        position: absolute;
        color: #ccc;
        top: 0;
        left: 68px;
        cursor: pointer;
    }

    .page.visit form.section.overview .multi-input > div:hover .clear-picker {
        display: block;
    }

.page.visit form.section.overview .multi-input a {
    line-height: 30px;
}

.page.visit form.section.pilotage .waive {
    background: rgba(255,255,255,0.5);
    padding: 5px 0 5px 10px;
}

.page.visit form.section.pilotage .waive {
    background: rgba(255,255,255,0.5);
    padding: 5px 0 5px 10px;
}

.page.visit .comment-tab {
}

    .page.visit .comment-tab.selected {
        color: #000;
        cursor: default;
    }


.page.visit .sidebar {
}

    .page.visit .sidebar .header-status {
    }

    .page.visit .sidebar tr.spacer {
        height: 10px;
    }

    .page.visit .sidebar .report-status.none {
        color: #999;
    }


.page.visit .submit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    text-align: center;
}

    .page.visit .submit .popup {
        padding: 20px 20px 30px 20px;
        position: fixed;
        top: 25%;
    }

        .page.visit .submit .popup p {
            margin-top: 10px;
            margin-bottom: 25px;
        }

            .page.visit .submit .popup p p p {
                text-align: center;
            }

.page.visit .partners {
}

    .page.visit .partners img {
        display: inline-block;
        width: 295px;
        height: 88px;
        margin: 5px 10px;
        border: 1px solid #e0e0e0;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.05);
        -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.05);
        box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.05);
        border-radius: 5px;
    }



/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px), all and (max-width: 830px) {
    .page.visit button.share:before,
    .page.visit button.log:before {
        margin: -2px 4px 0 0;
        -webkit-transform-origin: 9px 11px;
        -ms-transform-origin: 9px 11px;
    }

    .page.visit form.section.overview .columns > div {
        float: none;
        width: 100%;
        padding-left: 0;
    }

        .page.visit form.section.overview .columns > div:first-child {
            padding: 0;
        }
}*/

.page.visit header section {
    position: absolute;
    top: 70px;
    left: 77px;
    white-space: initial;
    white-space: normal;
}

    .page.visit header section.next {
        left: auto;
        right: 77px;
        text-align: right;
    }

    .page.visit header section > a {
        display: block;
        font-size: 14px;
        margin-top: 15px;
    }

    .page.visit header section > span {
        color: #00aeef;
        cursor: pointer;
    }

        .page.visit header section > span:hover {
            color: #60d4ff;
        }

    .page.visit header section > menu {
        z-index: 1;
        position: absolute;
        top: 100%;
        background: #fff;
        width: 500px;
        margin: 0;
        padding: 0;
        border: 1px solid #ddd;
        box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
        border-radius: 5px;
    }

    .page.visit header section.next > menu {
        right: 0;
    }

    .page.visit header section > menu > menuitem {
        padding: 20px;
        display: block;
    }

        .page.visit header section > menu > menuitem > a,
        .page.visit header section > menu > menuitem > p {
            font-size: 14px;
            display: block;
            line-height: 1.4;
        }

        .page.visit header section > menu > menuitem > h3 {
            font-size: 20px;
            margin-bottom: 15px;
        }

        .page.visit header section > menu > menuitem > a:not(:last-child) {
            margin-bottom: 15px;
        }

.page.visit .icon-warning {
    color: #ef9d00;
    cursor: pointer;
    font-weight: bolder;
}
.page.visit .icon-mail {
    color: #60d4ff;
    cursor: pointer;
    font-weight: bold;
}

.page.visit .icon-warning:hover {
    color: #DBD672;
}

.page.visit .list.drop-box{

}


.page.visits header > a.menu {
    display: inline-block;
    margin-bottom: 15px;
    margin-top: -4px;
}

.page.visits header div.menu-buttons {
    position: fixed;
    z-index: 10;
    top: 80px;
    width: 100%;
    min-width: 500px;
    margin-left: -7px;
    font-size: 120%;
}

    .page.visits header div.menu-buttons p.menu-splitter {
        float: left;
        margin: 10px;
        color: #777;
    }

.page.visits header .menu-buttons div.menu {
    background: white;
    border-radius: 5px;
    float: left;
    padding: 10px;
}

    .page.visits header .menu-buttons div.menu.excel:hover {
        box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
    }

    .page.visits header .menu-buttons div.menu .help-content.excel {
        font-size: 14px;
        z-index: 10;
        font-family: 'Helvetica Light';
        line-height: 18px;
        padding: 5px;
    }

.page.visits .column-header {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-family: 'Helvetica Light', 'icomoon';
}

.page.visits .filter {
    display: inline-block;
    position: relative;
    top: -5px;
    margin-right: 40px;
}

.page.visits .trashcan {
    display: inline-block;
    position: relative;
    top: 25px;
    /*right: 225px;*/
}

    .page.visits .trashcan label {
        display: inline-block;
        font-family: 'Helvetica Light';
        font-size: 16px;
    }

.page.visits .picker-wrapper.date-range {
    height: 28px;
    margin-right: 40px;
}

.page.visits .ship-name {
    width: 225px;
}

.page.visits .port-of-call {
    width: 160px;
}

.page.visits .port-visit-id {
    width: 180px;
}

.page.visits .status {
    width: 108px;
    background: 0;
    padding-left: 0;
}

.page.visits .year-month,
.page.visits .eta-ata,
.page.visits .etd-atd {
    width: 200px;
}

.page.visits .column-header.customs,
.page.visits .column-header.ssns,
.page.visits .column-header.port,
.page.visits .column-header.pilotage,
.page.visits .column-header.declaration,
.page.visits .column-header.coast-guard {
    width: 10px;
    transform: rotate(-90deg);
    position: relative;
    bottom: 16px;
    right: 16px;
}

.page.visits .eta-ata > span.check, .page.visits .etd-atd > span.check {
    color: #0bd406;
}

.page.visits .picker-wrapper.date-range {
    top: -4px;
    overflow: visible;
    margin-left: 10px;
}

.page.visits .picker-wrapper.date-time > .picker {
    line-height: 185%;
    top: 0px;
}

.page.visits .picker-wrapper.date-time.form-open > .picker {
    top: 0px;
}

.page.visits span.locked {
    cursor: not-allowed;
}

.page.visits input#free-text-search {
    padding: 0 24px 0 5px;
    width: 180px;
}

.page.visits .filter .search-button {
    height: 28px;
    width: 28px;
    right: 0px;
    position: absolute;
    cursor: pointer;
}

    .page.visits .filter .search-button:before {
        color: #00aeef;
        font-size: 20px;
        position: absolute;
        top: 3px;
        right: 3px;
        height: 20px;
    }

    .page.visits .filter .search-button:before {
        color: #60d4ff;
    }

.page.visits .schedule-id {
    color: #909090;
    cursor: pointer;
}

    .page.visits .schedule-id:before {
        content: url(/Content/img/icon_expand.png);
        width: 16px;
        height: 7px;
        transition: all ease-in-out 0.3s;
        float: left;
        margin: 0px 8px 0 -17px;
        -webkit-transform-origin: 7px 12px;
        -webkit-transform: rotate(0deg);
        -ms-transform-origin: 7px 12px;
        -ms-transform: rotate(0deg);
        cursor: pointer;
    }

    .page.visits .schedule-id.collapsed:before {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    }


.page.visits .checkbox-deleted {
    display: inline-block;
    margin-left: 30px;
}

ul.visits-list > li > .row > .icon-warning {
    font-size: 25px;
    font-weight: bold;
    color: rgb(239, 157, 0);
    position: absolute;
    padding: 6px;
}

    ul.visits-list > li > .row > .icon-warning::after hover {
        color: #DBD672;
    }

    ul.visits-list > li > .row > .icon-warning:hover {
        color: #ffd178;
    }

.picker-wrapper.commodity {
    flex: 0 0 50%;
    text-align: right;
}

    .picker-wrapper.commodity input.picker.edit {
        padding-right: 27px;
    }

.picker-wrapper.commodity .popup {
    width: 1050px;
    margin-left: -600px;
    text-align: left;
}

    .picker-wrapper.commodity .popup button {
        text-align: left;
    }

    .picker-wrapper.commodity .popup ul.category {
        line-height: 24px;
    }

        .picker-wrapper.commodity .popup ul.category > li {
            vertical-align: top;
            display: inline-block;
        }

    .picker-wrapper.commodity .popup ul.listing {
        margin-bottom: 30px;
    }

    .picker-wrapper.commodity .popup ul.listinglow {
        margin-bottom: 30px;
        min-height: 50px;
    }

        .picker-wrapper.commodity .popup ul.listing.wide {
            column-count: 2;
            -moz-column-count: 2;
            -webkit-column-count: 2;
            min-height: initial;
        }

        .picker-wrapper.commodity .popup ul.listing > li {
            display: block;
            vertical-align: top;
            display: block;
            width: 190px;
            padding-right: 10px;
        }

        .picker-wrapper.commodity .popup p {
            max-width: 190px;
        }
.picker-wrapper .flag-state {
    width: 40px;
}

.picker-wrapper .country-name {
    width: 250px;
}

.picker-wrapper .country-code {
    width: 50px;
}

.picker-wrapper .flag-state {
    width: 40px;
}

.picker-wrapper .crew-name {
    width: 170px;
}

.picker-wrapper .rank-or-rating {
    width: 130px;
}

.picker-wrapper.dangerous-goods > div.popup {
    margin-left: -600px;
}

.picker-wrapper.dangerous-goods .name {
    width: 480px;
}

.picker-wrapper.dangerous-goods .code {
    width: 115px;
}

.picker-wrapper.dangerous-goods input[type="radio"] {
    height: auto;
}

.picker-wrapper.dangerous-goods input[type="radio"] + label {
    width: auto;
    float: inherit;
    margin-left: 5px;
}

.picker-wrapper.dangerous-goods {
    flex: 0 0 50%;
    text-align: right;
}

.picker-wrapper.dangerous-goods .popup {
    text-align: left;
}

.picker-wrapper.dangerous-goods .picker {
    padding-right: 23px;
    position: absolute;
    top: 0;
    left: 0;
}
.date-range + .icon-down {
    position: relative;
    left: -5px;
    margin-left: -15px;
    top: 0;
    z-index: 200;
    cursor: text;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
}

.date-range:hover + .icon-down {
    color: #60d4ff;
}

.date-range .popup > .column {
    width: 30%;
    float: left;
    margin-left: 5%;
    text-align: center;
    margin-bottom: 10px;
}

.date-range .popup > .column > a {
    display: block;
    line-height: 1.7em;
}

.date-range .popup > .column:first-child {
    margin-left: 0;
}

.date-range .popup > .column > a.active {
    font-family: 'Helvetica', 'icomoon';
    text-decoration: underline;
}

.date-range .popup hr {
    clear: both;
    height: 0;
    border-top: 1px solid #ccc;
    margin: 10px 0;
}

.date-range .popup > label {
    float: left;
    width: 40%;
    margin-left: 4%;
}

.date-range .popup > label:first-of-type {
    margin-left: 0;
}

.date-range .popup > .picker-wrapper {
    float: left;
    width: 40%;
    margin-right: 4%;
}

.date-range .popup > button {
    font-size: 20px;
    margin-left: 6px;
}

.date-range .popup > .picker-wrapper + .picker-wrapper {
    margin-right: 0;
}

.picker-wrapper.date-range > .picker {
    display: inline-block;
    width: 230px;
    height: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 26px 0 7px;
}

.picker-wrapper.date-range.form-open > .picker {
    border-bottom: 1px solid #fff;
}

.picker-wrapper.date-range > .picker.number {
    font-family: "Courier New";
    font-size: 13px;
    top: -2px;
}
.ui-datepicker {
    width: 200px;
    border: 0;
    float: left;
}

.ui-datepicker-header {
    border: 0;
    background: none;
}

.ui-datepicker .ui-state-default, .ui-datepicker .ui-state-hover {
    border: 0;
    background: none;
    border: 1px solid white;
}

.ui-datepicker-next, .ui-datepicker-prev, .ui-datepicker-next span, .ui-datepicker-prev span {
    cursor: pointer;
    color: transparent;
    user-select: none;
}

    .ui-datepicker-next span, .ui-datepicker-prev span {
        width: 15px;
        display: block;
        margin-left: 14px;
    }

.ui-datepicker-prev {
    width: 20%;
    display: block;
    float: left;
    text-align: center;
}

.ui-datepicker-next {
    width: 20%;
    display: block;
    float: right;
    text-align: center;
}

.ui-datepicker-title {
    width: 60%;
    display: block;
    float: left;
    text-align: center;
}

.ui-datepicker .ui-state-active {
    border: 1px solid #00aeef;
    border-radius: 2px;
    background: #D9E9FA;
    color: #00aeef;
    font-family: 'Helvetica', 'icomoon';
}

.ui-datepicker .ui-datepicker-header, .ui-datepicker th {
    padding: 0;
}

.ui-datepicker table {
    font-size: 12px;
    width: 100%;
}

.ui-datepicker th {
    font-size: 12px;
    line-height: 1.8em;
    color: #444;
    font-family: 'Helvetica Light', 'icomoon';
    font-weight: normal;
}

.ui-datepicker td {
    line-height: 1em;
    text-align: right;
}

    .ui-datepicker td a {
        padding: 0;
        width: 100%;
        display: block;
    }

.ui-widget-content a {
    font-size: 12px !important;
    line-height: 1.2em !important;
    color: #444;
    font-family: 'Helvetica Light', 'icomoon';
    font-weight: normal !important;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 14px;
    line-height: 1.8em;
    color: #444;
    font-family: 'Helvetica Light', 'icomoon';
    font-weight: normal;
}

    .ui-datepicker .ui-datepicker-title select {
        font-size: 10px;
        height: 18px;
        padding: 0px 1px;
        width: 50%;
    }

.date-time.picker-wrapper {
    width: 170px;
    white-space: normal;
    font-weight: normal;
    top: 1px;
}

.date-time.picker-wrapper > .popup {
    width: 300px;
    top: 27px;
    font-size: 14px;
}

.date-time.picker-wrapper > .popup .popup {
    top: 26px;
}

.date-time.picker-wrapper > .picker {
    font-family: "Courier New";
    font-weight: bold;
    border: 0;
    padding-left: 21px;
    color: #444;
    background-color: transparent;
}

.date-time.picker-wrapper.form-open > .picker {
    border: 1px solid #ccc;
    border-bottom-color: #fff;
    width: 173px;
    position: relative;
    left: -1px;
    top: -1px;
    height: 26px;
    background-color: #fff;
}

.date-time .picker-wrapper.date {
    width: 123px;
}

.date-time .picker-wrapper.time {
    width: 80px;
}

.date-time .popup .foot-note {
    color: #555;
    font-size: 13px;
    margin-top: 5px;
    font-family: 'Helvetica', 'icomoon';
    font-weight: normal;
    line-height: 1.4em;
    text-align: center;
}
.picker-wrapper.depot .customerId {
    width: 80px;
}

.picker-wrapper.depot .name {
    width: 200px;
}

.picker-wrapper.depot .port {
    width: 60px;
}

.picker-wrapper.goods > div.popup {
    margin-left: -500px;
    margin-top: 5px;
    width: 800px;
    padding: 0px;
}

.picker-wrapper.goods .name {
    width: 620px;
}

.picker-wrapper.goods .code {
    width: 100px;
}

.picker-wrapper.goods input[type="radio"] {
    height: auto;
}

    .picker-wrapper.goods input[type="radio"] + label {
        width: auto;
        float: inherit;
        margin-left: 5px;
    }

.picker-wrapper.goods {
    flex: 0 0 50%;
    text-align: right;
}

    .picker-wrapper.goods .popup {
        text-align: left;
    }

    .picker-wrapper.goods .picker {
        padding-right: 23px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .picker-wrapper.goods .icon-plus {
        color: black;
        cursor: pointer;
    }

    .picker-wrapper.goods .listing-header {
        font-size: 120%;
        padding: 10px 20px;
        display: inline-block;
        width: 100%;
        margin-bottom: -12px;
        line-height: 25px;
    }

        .picker-wrapper.goods .listing-header a {
            font-size: 11pt;
        }

        .picker-wrapper.goods .listing-header .clickable {
            color: #00aeef;
            cursor: pointer;
        }

            .picker-wrapper.goods .listing-header .clickable:hover {
                color: #60d4ff;
            }

        .picker-wrapper.goods .listing-header .separator {
            color: rgb(170, 170, 170);
        }

    .picker-wrapper.goods hr.splitter {
        background: url(/Content/img/center_divider.png) center no-repeat;
        position: absolute;
        width: 100%;
        left: 0px;
        margin: -1px;
    }

    .picker-wrapper.goods .listing-box {
        max-height: 500px;
        overflow-y: auto;
        padding: 10px 20px;
        width: 100%;
    }

    .picker-wrapper.goods .loading-box {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.7;
        left: 0;
        top: 0;
        background: white;
        border-radius: 5px;
    }

        .picker-wrapper.goods .loading-box .loader {
            background: #fff0 url(/Content/img/busy.gif) center center no-repeat;
            height: 100%;
        }

    .picker-wrapper.goods .detailed-info {
        color: rgb(125, 125, 125);
        padding-left: 20px;
        margin-top: -5px;
        font-size: small;
    }

        .picker-wrapper.goods .detailed-info .separator {
            color: rgb(170, 170, 170);
        }

    .picker-wrapper.goods > div.popup .listing.goods > li.has-detailed-info > aside {
        display: none;
    }

    .picker-wrapper.goods > div.popup .listing.goods > li.selected > aside,
    .picker-wrapper.goods > div.popup .listing.goods > li.has-detailed-info:hover > aside {
        display: block;
    }

    .picker-wrapper.goods > div.popup .listing.goods > li.selected,
    .picker-wrapper.goods > div.popup .listing.goods > li.has-detailed-info:hover {
        background: #eee;
    }

    .picker-wrapper.goods > div.popup .listing.goods > li.has-detailed-info > aside {
        line-height: 1.5;
    }

    .picker-wrapper.goods > div.popup .listing.goods aside {
        background: #eee;
    }

    .picker-wrapper.goods > div.popup .listing.goods > li.has-detailed-info > aside .description {
        width: 700px;
    }

    .picker-wrapper.goods .overlay {
        border-radius: 5px;
    }

    .picker-wrapper.goods .icon-mail {
        color: #666;
        position: relative;
        top: 1px;
        cursor: initial;
    }

    .picker-wrapper.goods .notification > p {
        background: #666;
        margin-bottom: 1px;
    }

        .picker-wrapper.goods .notification > p:first-child {
            margin-top: 10px;
        }

    .picker-wrapper.goods .notification .icon-mail {
        color: white;
        cursor: initial;
        font-weight: normal;
        top: 1px;
        position: relative;
    }

    .picker-wrapper.goods .goods-category-body {
        margin-top: 8px;
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-gap: 0;
        -moz-column-gap: 0;
        -webkit-column-gap: 0;
    }

        .picker-wrapper.goods .goods-category-body .goods-category {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 10px 20px;
            line-height: 1.1;
            word-break: break-word;
        }

            .picker-wrapper.goods .goods-category-body .goods-category > p {
                margin-bottom: 11px;
            }

            .picker-wrapper.goods .goods-category-body .goods-category > div {
                margin-bottom: 11px;
            }

    .picker-wrapper.goods .listing-header a.right {
        margin-left: 20px;
    }

    .picker-wrapper.goods .listing-header a.left {
        font-size: 150%;
    }

    .picker-wrapper.goods .listing-header b.left {
        max-width: 300px;
        text-overflow: ellipsis;
        overflow: hidden;
        position: absolute;
        margin-left: 10px;
        white-space: nowrap;
    }

.picker-wrapper.organisation .name {
    width: 250px;
}

.picker-wrapper.organisation .customerNumber {
    width: 150px;
}

.pilot-licence-number .picker-wrapper .name,
.pilot-licence-number .picker-wrapper .number {
    width: 160px;
}

.pilot-licence-number .picker-wrapper input {
    width: 105px;
}

.pilot-licence-number .picker-wrapper > .clear-picker {
    left: 85px;
}

.pilot-licence-number .pilot-name {
    font-size: 80%;
    text-overflow: ellipsis;
    width: 80px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}

.pilot-licence-number.form-open .picker-wrapper > .picker {
    z-index: 160;
    border-bottom: 0;
    top: -1px;
    border-bottom-color: #fff;
}

.picker-wrapper.point .name {
    width: 250px;
}

.picker-wrapper.point .type {
    width: 100px;
}

.picker-wrapper.point .popup {
    width: auto;
    padding: 13px 10px 20px 10px;
    width: 740px;
    max-height: 500px;
}

.picker-wrapper.point .popup > p{
    padding: 20px 10px;
}

    .picker-wrapper.point .popup > div > div {
        width: 200px;
        float: left;
        margin: 10px;
        display: inline;
        overflow: auto;
        max-height: 470px;
    }

    .picker-wrapper.point .popup > div > div:first-child {
        width: 250px;
    }

    .picker-wrapper.point .popup > div > div > ul {

    }

.picker-wrapper.point ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.picker-wrapper.point ul li a:hover,
.picker-wrapper.point ul li a.selected {
    background: #eee;
}

.picker-wrapper.point ul ul {
    margin-left: 20px;
}

.picker-wrapper.point .picker {
    padding-right: 23px;
}

.picker-wrapper.port .flag-state {
    width: 30px;
}

.picker-wrapper.port .locode {
    width: 120px;
}

.picker-wrapper.port .name {
    width: 200px;
}

.picker-wrapper.port .picker {
    padding-right: 23px;
}
.popup.time-picker.small {
    width: 180px;
    padding-top: 40px;
}
.vessel > div.popup.medium,
#ship > div.popup.medium {
    width: 640px;
}

.picker-wrapper.vessel > .picker {
    width: 200px;
}

.picker-wrapper.vessel > .clear-picker {
    right: 48px;
}

.section.overview .picker-wrapper.vessel > .picker {
    width: 210px;
}

.section.overview .barge .picker-wrapper.vessel > .picker {
    width: 205px;
}

.section.overview .tugboat .picker-wrapper.vessel > .picker {
    width: 200px;
}

.picker-wrapper.vessel .flag-state {
    width: 20px;
}

.picker-wrapper.vessel .ship-name {
    width: 250px;
}

.picker-wrapper.vessel .callsign {
    width: 120px;
}

.picker-wrapper.vessel .imo-number {
    width: 100px;
}

.picker-wrapper.vessel .mmsi-number {
    width: 100px;
}

.picker-wrapper.vessel .ship-type {
    width: 150px;
}
div.rss {
    z-index: 100;
    position: fixed; 
    left: 0; bottom: 0; 
    width: 100%; 
    background-color: #00aeef; 
    color: white; 
    text-align: center;
    display: flex;
}

.rsstext {
    font-size:110%;
    padding:5px;
}

.rssbutton{
    cursor:pointer;
    margin-left:20px; 
    margin-right:20px;
}

.marquee {
    width: 450px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 20s linear infinite;
}

.marquee:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { text-indent: 27.5em }
    100% { text-indent: -105em }
}

/* Make it pretty */
.microsoft {
    padding-left: 1.5em;
    position: relative;
    font: 16px 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

/* ::before was :before before ::before was ::before - kthx */
.microsoft:before, .microsoft::before {
    z-index: 2;
    content: '';
    position: absolute;
    top: -1em; left: -1em;
    width: .5em; height: .5em;
    box-shadow: 1.0em 1.25em 0 #F65314,
        		1.6em 1.25em 0 #7CBB00,
        		1.0em 1.85em 0 #00A1F1,
        		1.6em 1.85em 0 #FFBB00;
}

.microsoft:after, .microsoft::after {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 2em; height: 2em;
    background-image: linear-gradient(90deg, white 70%, rgba(255,255,255,0));
}

/* Style the links */
.vanity {
    color: #333;
    text-align: center;
    font: .75em 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

.vanity a, .microsoft a {
    color: #1570A6;
    transition: color .10s;
    text-decoration: none;
}

.vanity a:hover, .microsoft a:hover {
    color: #F65314;
}

/* Style toggle button */
.toggle {
	display: block;
    margin: 2em auto;
}

form.section.barge {
    background: #FDF8E8;
}

form.section.barge nav {
    top: 26px;
}

form.section.barge nav > a {
    max-width: 120px;
    text-align: center;
    line-height: 1.2;
    padding: 3px 15px;
    height: 38px;
    vertical-align: top;
}

    .page.visit form.section.barge:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #FDF8E8, 0 0px 0 2px #fff;
    }

form.section.barge .picker-wrapper.vessel > .picker {
    width: 180px !important;
}
.page.visit form.section.bunker {
    background: #ffeddd;
}

    .page.visit form.section.bunker:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #ffeddd, 0 0px 0 2px #fff;
    }

form.section.cargo nav {
    top: 26px;
}

form.section.cargo nav > a {
    max-width: 125px;
    text-align: center;
    line-height: 1.2;
    padding: 3px 2px;
    height: 38px;
    vertical-align: top;
}
form.section.crew .list .head .head-description {
    max-width: 380px;
    width: 70%;
}
.page.visit form.section.cruiseroutes {
    background: #c1f08c;
}

    .page.visit form.section.cruiseroutes:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #c1f08c, 0 0px 0 2px #fff;
    }

    .page.visit form.section.cruiseroutes .object > label {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
    }

    .page.visit form.section.cruiseroutes .object > div.port {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
    }
form.section.dangerous-cargo nav > a {
    max-width: 160px;
}

form.section.dangerous-cargo .list-actions button:before {
    font-size: 120%;
    vertical-align: text-bottom;
}

form.section.dangerous-cargo .dangerous-goods-help-image {
    position: absolute;
    right: 330px;
    top: 0;
    border-radius: 5px;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 35%);
    background: #fff;
    text-align: center;
    padding: 15px 20px;
}

    form.section.dangerous-cargo .dangerous-goods-help-image > img {
        border-radius: 5px;
        margin-bottom: 15px;
    }

form.section.expanded-inspection .inner-content {
    padding: 0;
}

form.section.expanded-inspection nav {
    /*box-shadow: none;*/
    top: 26px;
}

    form.section.expanded-inspection nav > a {
        max-width: 140px;
        text-align: center;
        line-height: 1.2;
        padding: 3px 15px;
        height: 38px;
        vertical-align: top;
    }

.page.visit form.section.fairway-items {
    background: #FFF5D3;
}

    .page.visit form.section.fairway-items:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #FFF5D3, 0 0px 0 2px #fff;
    }

    .page.visit form.section.fairway-items nav a {
        max-width: 130px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .page.visit form.section.fairway-items .get-passengers {
        margin-left: 51px;
        margin-right: 5px;
        max-width: 53px;
    }

form.section.fairway-items .tab.deleted ul > li:not(:first-child){
    margin-top:20px;
}

form.section.fairway-items .tab.deleted .box{
    background: white;
}
form.section.health .list label + input:not([type="radio"]):not([type='checkbox']) {
    width: 47%;
}

form.section.health .short-comment {
    height: auto;
    width: 47%;
    margin-bottom: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

form.section.health .list .head .head-description {
    max-width: 380px;
    width: 70%;
}
form.section.log {
    background: transparent;
    width: 1000px;
    margin: 0 auto;
}

    form.section.log table {
        margin-top: 5px 0 5px 0;
        width: 100%;
    }

        form.section.log table tr > * {
            padding-right: 10px;
        }

            form.section.log table tr > *:last-child {
                padding-right: 0;
            }

        form.section.log table th {
            font-size: 14px;
            color: #bbb;
            font-weight: normal;
            font-style: normal;
            font-family: 'Helvetica Oblique', 'icomoon';
            text-align: left;
        }

    form.section.log td, form.section.log th {
        white-space: nowrap;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 150px;
        max-width: 200px;
    }

        form.section.log td.organisation {
            max-width: 300px;
        }

    form.section.log a {
        outline: none !important;
    }


    form.section.log a {
        background: #00aeef;
        display: inline-block;
        padding: 0px 4px;
        color: white;
        margin-top: 1px;
    }

        form.section.log a.positive {
            background: #6aa351;
        }

        form.section.log a.negative {
            background: #e37c28;
        }

    form.section.log .audits {
        max-height: 450px; 
        overflow-y: auto;
    }

    form.section.log .filter {
        background-color: rgba(0,0,0,0.05);
        text-align: center;
        padding: 5px;
        margin-top: 5px;
        white-space: normal;
    }

        form.section.log .filter li{
            display: inline-block;
        }


/*@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px),
all and (max-width: 830px) {
    form.section.log {
        width: 100%;
        padding: 0 10px 5px 10px;
    }

        form.section.log table th, form.section.log table tr:not(.admin) {
            font-size: 9px;
            line-height: 16px;
        }
}*/

form.section.moderator {
    background: transparent;
    width: 1000px;
    margin: 0 auto;
    padding: 0 0 20px 0;
}

    form.section.moderator table {
        margin-top: 20px;
        width: 100%;
    }

        form.section.moderator table tr > * {
            padding-right: 10px;
        }

            form.section.moderator table tr > *:last-child {
                padding-right: 0;
            }

        form.section.moderator table th {
            font-size: 14px;
            color: #bbb;
            font-weight: normal;
            font-style: normal;
            font-family: 'Helvetica Oblique', 'icomoon';
            text-align: left;
        }

        form.section.moderator table select {
            margin-top: 1px;
            margin-bottom: 1px;
        }

        form.section.moderator table div.permissions {
            margin-top: 4px;
            margin-bottom: 4px;
        }

        form.section.moderator table .admin input {
            width: 100%;
            margin-right: 10px;
        }

    form.section.moderator td, form.section.moderator th {
        white-space: nowrap;
    }

/*@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px), 
all and (max-width: 830px) {
    form.section.moderator {
        width: 100%;
        padding: 0 10px 5px 10px;
    }

        form.section.moderator table th, form.section.moderator table tr:not(.admin) {
            font-size: 9px;
            line-height: 16px;
        }
}*/

form.section.movement {
    background: #98e9a8;
}

    form.section.movement:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #98e9a8, 0 0px 0 2px #fff;
    }

    form.section.movement .picker-wrapper.vessel > .picker {
        width: 180px;
    }

    form.section.movement .route-info {
        min-height: 30px;
        background: #eee;
    }

        form.section.movement .route-info .lane-description {
            line-height: 1.5;
            font-size: 80%;
        }

    form.section.movement .warning a,
    form.section.movement .warning .icon-help {
        color: #fff;
    }

        form.section.movement .warning a:hover,
        form.section.movement .warning .icon-help:hover {
            color: rgba(255,255,255,0.5);
        }

    form.section.movement .list .head .head-description {
        width: 325px;
    }

    form.section.movement .list .head .head-description-outer {
        width: 325px;
    }

        form.section.movement .list .head .head-description-outer .head-description {
            width: 320px;
        }

    form.section.movement .tugboats .picker-wrapper.vessel > .picker {
        width: 147px;
    }

    form.section.movement .list .head .buttons > a, form.section .list .head .buttons > button:first-child {
        margin-left: 2px;
    }

    form.section.movement .hisingsbron {
        background: #b6e6ff;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    }

form.section.overview .picker-wrapper ul {
    padding: 0px;
}

/* 
    Excel popup
*/

form.section.overview .excel-popup {
    z-index: 30;
}

    form.section.overview .excel-popup label {
        font-size: 16px;
        font-family: 'Helvetica Light';
    }

    form.section.overview .excel-popup table {
        margin-left: 20px;
    }

/*
    Adjecent visit warning
*/

form.section.overview .adjecent-visit-warning {
    background-color: #FFFF84;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}

    form.section.overview .adjecent-visit-warning .port-city {
        width: 180px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    form.section.overview .adjecent-visit-warning .visit-id {
        font-family: 'Helvetica Light', 'icomoon';
        font-style: normal;
        font-weight: normal;
        margin: 0;
    }
form.section.passengers .list .head .head-description {
    max-width: 380px;
    width: 70%;
}
form.section.pilotage nav {
    top: 26px;
}

form.section.pilotage nav > a {
    max-width: 120px;
    text-align: center;
    line-height: 1.2;
    padding: 3px 15px;
    height: 38px;
    vertical-align: top;
}
form.section.port-activities nav {
    box-shadow: none;
}

.page.visit form.section.port-activities {
    background: #F7DBF7;
}
.port-request .list.movement {
    margin-top: 6px;
}

form.section.port-request .inner-content {
    padding: 0;
}

form.section.port-request .movement-editor .picker-wrapper.vessel > .picker {
    width: 167px;
}
.ship-to-ship .comment {
    width: 50% !important;
}
form.section.tanker {
    background: #FDF8E8;
}

    .page.visit form.section.tanker:not(.collapsed) nav > a.selected {
        box-shadow: 0 2px 0 #FDF8E8, 0 0px 0 2px #fff;
    }
form.section.waste .inner-content {
    padding: 0;
}

form.section.waste nav {
    /*box-shadow: none;*/
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

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

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dppx) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  /*box-sizing: inherit;*/
}

html, body {
    height: 100%;
}

body {
    overflow-y: scroll;
    font-size: 14px;
    line-height: 1.7em;
    min-width: 1140px;
}

h1 {
    font-size: 300%;
    line-height: 1.5em;
}

h2 {
    font-size: 139%;
}

h3 {
    font-size: 174%;
    line-height: 1.3em;
}

h4 {
    font-size: 120%;
    line-height: 1.9em;
}


i.required:not(.valid) {
    color: #ef8d00;
}

.right {
    float: right;
}

.left {
    float: left;
}

.ui-match {
    background-color: #00AEEF;
    color: #fff;
}

label.disabled {
    color: #999;
}

label.required:not(.valid) {
    color: #ef8d00;
}

.rotate {
    -webkit-animation: spin 8s linear infinite;
    -moz-animation: spin 8s linear infinite;
    animation: spin 8s linear infinite;
}

.transparent {
    opacity: 0.5;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Phones */
/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px), 
all and (max-width: 830px) {
    body {
        overflow-y: auto;
    }
}*/

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

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

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

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    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;
    outline: none;
}

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

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

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

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

    .modal-header h3 {
        margin: 0;
        line-height: 30px;
    }

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

.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;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    *zoom: 1;
}

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

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

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

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

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }




.multiselect {
    display: inline-block;
    max-height: 300px;
    position: relative;
}

.multiselect-wrapper {
    margin: 0;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: 0 4px 5px rgba(0,0,0,.15);
    z-index: 1010;
    width: 100%;
    padding: 5px;
    border-radius: 1px;
    margin-top: 1px;
    position: absolute;
    min-width: 200px;
}

.multiselect ul {
    list-style-type: none;
    overflow: auto;
    max-height: 200px;
}

.multiselect input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    height: 25px;
}

.multiselect .btn {
    
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
/*
 * jReject (jQuery Browser Rejection Plugin)
 * Version 1.0.0
 * URL: http://jreject.turnwheel.com/
 * Description: jReject is a easy method of rejecting specific browsers on your site
 * Author: Steven Bower (TurnWheel Designs) http://turnwheel.com/
 * Copyright: Copyright (c) 2009-2011 Steven Bower under dual MIT/GPL license.
 */

#jr_overlay {
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 2000;
	position: absolute;
}

#jr_wrap {
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 3000;
	padding: 0;
	margin: 0;
}

#jr_inner {
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 12px;
	background: #FFF;
	border: 1px solid #CCC;
	color: #4F4F4F;
	margin: 0 auto;
	height: auto;
	padding: 20px;
	position: relative;
}

#jr_header {
	display: block;
	color: #333;
	padding: 5px;
	padding-bottom: 0;
	margin: 0;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 1.3em;
	margin-bottom: 0.5em;
}

#jr_inner p {
	text-align: left;
	padding: 5px;
	margin: 0;
}

#jr_inner ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#jr_inner ul li {
	cursor: pointer;
	float: left;
	width: 120px;
	height: 122px;
	margin: 0 10px 10px 10px;
	padding: 0;
	text-align: center;
}

#jr_inner li a {
	color: #333;
	font-size: 0.8em;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#jr_inner li a:hover {
	text-decoration: underline;
}

#jr_inner .jr_icon {
	width: 100px;
	height: 100px;
	margin: 1px auto;
	padding: 0;
	background: transparent no-repeat scroll left top;
	cursor: pointer;
}

#jr_close {
	margin: 0 0 0 50px;
	clear: both;
	text-align: left;
	padding: 0;
	margin: 0;
}

#jr_close a {
	color: #000;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

#jr_close p {
	padding: 10px 0 0 0;
	margin: 0;
}

/*!
 * FullCalendar v1.6.4 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
	}
	
.fc table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
html .fc,
.fc table {
	font-size: 1em;
	}
	
.fc td,
.fc th {
	padding: 0;
	vertical-align: top;
	}



/* Header
------------------------------------------------------------------------*/

.fc-header td {
	white-space: nowrap;
	}

.fc-header-left {
	width: 25%;
	text-align: left;
	}
	
.fc-header-center {
	text-align: center;
	}
	
.fc-header-right {
	width: 25%;
	text-align: right;
	}
	
.fc-header-title {
	display: inline-block;
	vertical-align: top;
	}
	
.fc-header-title h2 {
	margin-top: 0;
	white-space: nowrap;
	}
	
.fc .fc-header-space {
	padding-left: 10px;
	}
	
.fc-header .fc-button {
	margin-bottom: 1em;
	vertical-align: top;
	}
	
/* buttons edges butting together */

.fc-header .fc-button {
	margin-right: -1px;
	}
	
.fc-header .fc-corner-right,  /* non-theme */
.fc-header .ui-corner-right { /* theme */
	margin-right: 0; /* back to normal */
	}
	
/* button layering (for border precedence) */
	
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
	z-index: 2;
	}
	
.fc-header .fc-state-down {
	z-index: 3;
	}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
	z-index: 4;
	}
	
	
	
/* Content
------------------------------------------------------------------------*/
	
.fc-content {
	clear: both;
	zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
	}
	
.fc-view {
	width: 100%;
	overflow: hidden;
	}
	
	

/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
	border: 1px solid #ddd;
	}
	
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
	background: #fcf8e3;
	}
	
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
	}
	


/* Buttons
------------------------------------------------------------------------*/

.fc-button {
	position: relative;
	display: inline-block;
	padding: 0 .6em;
	overflow: hidden;
	height: 1.9em;
	line-height: 1.9em;
	white-space: nowrap;
	cursor: pointer;
	}
	
.fc-state-default { /* non-theme */
	border: 1px solid;
	}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	}

/*
	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
	and we'll try to make them look good cross-browser.
*/

.fc-text-arrow {
	margin: 0 .1em;
	font-size: 2em;
	font-family: "Courier New", Courier, monospace;
	vertical-align: baseline; /* for IE7 */
	}

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
	font-weight: bold;
	}
	
/* icon (for jquery ui) */
	
.fc-button .fc-icon-wrap {
	position: relative;
	float: left;
	top: 50%;
	}
	
.fc-button .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
	*margin-top: 0;
	*top: -50%;
	}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
	}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
	}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
	}

	

/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event-container > * {
	z-index: 8;
	}

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
	z-index: 9;
	}
	 
.fc-event {
    border: 1px solid #00aeef;
    background-color: #D9E9FA;
    color: #00aeef;
	font-size: .85em;
	cursor: default;
	}

a.fc-event {
	text-decoration: none;
	}
	
a.fc-event,
.fc-event-draggable {
	cursor: pointer;
	}
	
.fc-rtl .fc-event {
	text-align: right;
	}

.fc-event-inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
	
.fc-event-time,
.fc-event-title {
	padding: 0 1px;
	}
	
.fc .ui-resizable-handle {
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden; /* hacky spaces (IE6/7) */
	font-size: 300%;  /* */
	line-height: 50%; /* */
	}
	
	
	
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;
	}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
	border-left-width: 1px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
	border-right-width: 1px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}
	
/* resizable */
	
.fc-event-hori .ui-resizable-e {
	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
	right: -3px      !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: e-resize;
	}
	
.fc-event-hori .ui-resizable-w {
	top: 0           !important;
	left: -3px       !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: w-resize;
	}
	
.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px; /* IE6 had 0 height */
	}
	
	
	
/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
	border-collapse: separate;
    background-color: #fff;
}
	
.fc-border-separate th,
.fc-border-separate td {
	border-width: 1px 0 0 1px;
	}
	
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
	border-right-width: 1px;
	}
	
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
	border-bottom-width: 1px;
	}
	
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
	border-top-width: 0;
	}
	
	

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
	text-align: center;
	}

.fc .fc-week-number {
	width: 22px;
	text-align: center;
	}

.fc .fc-week-number div {
	padding: 0 2px;
	}
	
.fc-grid .fc-day-number {
	float: right;
	padding: 0 2px;
	}
	
.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
	}
	
.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 1px; /* distance between events and day edges */
	}
	
/* event styles */
	
.fc-grid .fc-event-time {
	}
	
/* right-to-left */
	
.fc-rtl .fc-grid .fc-day-number {
	float: left;
	}
	
.fc-rtl .fc-grid .fc-event-time {
	float: right;
	}
	
	

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
	border-collapse: separate;
	}
	
.fc-agenda-days th {
	text-align: center;
	}
	
.fc-agenda .fc-agenda-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: normal;
	}

.fc-agenda .fc-week-number {
	font-weight: bold;
	}
	
.fc-agenda .fc-day-content {
	padding: 2px 2px 1px;
	}
	
/* make axis border take precedence */
	
.fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px;
	}
	
.fc-agenda-days .fc-col0 {
	border-left-width: 0;
	}
	
/* all-day area */
	
.fc-agenda-allday th {
	border-width: 0 1px;
	}
	
.fc-agenda-allday .fc-day-content {
	min-height: 34px; /* TODO: doesnt work well in quirksmode */
	_height: 34px;
	}
	
/* divider (between all-day and slots) */
	
.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;
	}
	
.fc-widget-header .fc-agenda-divider-inner {
	background: #eee;
	}
	
/* slot rows */
	
.fc-agenda-slots th {
	border-width: 1px 1px 0;
	}
	
.fc-agenda-slots td {
	border-width: 1px 0 0;
	background: none;
	}
	
.fc-agenda-slots td div {
	height: 20px;
	}
	
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
	border-top-width: 0;
	}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
	border-top-style: dotted;
	}
	
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
	*border-top-style: solid; /* doesn't work with background in IE6/7 */
	}
	


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
	border-width: 0 1px;
	}

.fc-event-vert.fc-event-start {
	border-top-width: 1px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	}

.fc-event-vert.fc-event-end {
	border-bottom-width: 1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	}
	
.fc-event-vert .fc-event-time {
	white-space: nowrap;
	font-size: 10px;
	}

.fc-event-vert .fc-event-inner {
	position: relative;
	z-index: 2;
	}
	
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25);
	}
	
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
	}
	
/* resizable */
	
.fc-event-vert .ui-resizable-s {
	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
	width: 100%      !important;
	height: 8px      !important;
	overflow: hidden !important;
	line-height: 8px !important;
	font-size: 11px  !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
	}
	
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
	_overflow: hidden;
	}