:root {
    /*font from torghatten.no, consider using this: font-family: "Open Sans", Arial, Sans-serif, serif;*/
    --torghatten-red: #e3131e;
    --torghatten-blue: #0e2d7a;
    --timeline-separator: rgb(17, 34, 63);
    background-color: white;
}

body {
    margin: 0;
    padding: 0;
    background-color: white;
}

span, p, h1, h2, h3, h4, h5, h6, li {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

p {
    margin: 0;
}

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

.small-fab {
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
}

.small-fab > span > svg {
    font-size: 1.12rem !important;
}

/* */
.timeline-add-button {
    background: none;
    border: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    padding: 0;
    margin-left: auto;
    color: black;
}

/*Override red border in default styling with border none*/
.vis-group-level-unknown-but-gte1 {
    border: none !important;
    background-color: #ffffff !important;
}

.vis-item .vis-item-overflow {
    overflow: unset !important;
}

.vis-inner > a, .vis-inner > a:visited, .vis-inner > a:active {
    text-decoration: none;
    color: #0e2d7a;
}

.vis-inner > a:hover {
    text-decoration: underline;
}

.vis-inner {
    display: inline-flex !important;
}

/* Disable separating borders on panel-level*/
.vis-panel {
    border: none !important;
}

/*
 *  Vis.js forced us to use important here, but we want the separator color to override the alternating color
 *  Thus, we select every other child, exclude those with separator classes, and set their background color.
.vis-foreground > .vis-group:not(.timeline-separator-background):nth-child(odd)
    , .vis-labelset > .vis-label:not(.vis-group-level-0):nth-child(odd) {
    background-color: rgba(0,0,0,0.04) !important;
}
 */

.vis-background > .timeline-separator-background {
    border: none !important;
    border-top: 1px var(--timeline-separator) solid !important;
}

.vis-group-level-0.vis-label {
    border: none !important;
    border-top: 1px var(--timeline-separator) solid !important;
}

.vis-group-level-0 > .vis-inner > a {
    color: black;
    font-weight: bold;
}

.vis-group {
    border-bottom: none !important;
}

/*
    Decreases the indent of nested groups.
    The library only renders this once so changes on the client of this do not show the full effect.
*/
.vis-label.vis-nested-group .vis-inner {
    padding-left: 25px !important;
    width: 100%;
}
.vis-label.vis-nesting-group .vis-inner {
    width: 100%; /*calc(100% - 15px);*/
}
/*Hide downwards arrow in group*/
.vis-label.vis-nesting-group.expanded::before {
    display: none;
}

/*Decrease padding of items since as the new label takes more vertical space.*/
.vis-item .vis-item-content {
    display: inline-flex !important;
    flex-direction: column;
    column-gap: 5px;
    border:none !important;
    /*margin-bottom: -5px; note: decreases bottom padding further*/
}

.vis-single-day-production {
    border-color: rgb(171, 245, 197) !important;
}

.vis-single-day-event {
    border-color: rgb(255, 122, 117) !important;
}

.vis-single-day-shipyard {
    border-color: rgb(182, 184, 186) !important;
}

.vis-single-day-standby {
    border-color: rgb(207, 232, 255) !important;
}

.vis-single-day-other {
    border-color: rgb(242, 234, 165) !important;
}

.vis-label.even {
    background-color: rgba(0, 0, 0, 0.04) !important;
}

.vis-item.vis-background {
    background-color: rgba(0, 0, 0, 0.04) !important;
}

/*!*Breaks the spans in items into several lines. Remove to put them on the same line*!*/
/*.vis-item-content > span {*/
/*    display: block;*/
/*}*/

/*Decreases the font of the second span in items. */
.vis-item-content>span:nth-child(2) {
    font-size: 0.75em;
}

/*NOTE: this overrides */
.vis-foreground.vis-group:not(.timeline-separator-background), .vis-labelset.vis-label:not(.vis-group-level-0.vis-label) {
    border: none !important;
}

/*Disable pointer cursor in nested groups, since we have turned off collapsing of groups. */
.vis-nesting-group {
    cursor: unset !important;
}

/*
    Implements striping on a set of rows in a table.
    Had to use !important to override element styles set inline in the head.
*/
.striped-table-row > * {
    border: none !important;
}
.striped-table-row:nth-of-type(even) {
    background-color: white;
}
.striped-table-row:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.04);
}

.timeline-label-fab {
    border-radius:50%;
    height:1em;
    width:1em;
    margin: 2px 2px 2px 0;
}

/* Mobiscroll overwrites to scale down labeled outlined pickers.
   Could probably be handled in a better way but this works for now
   as we want consistent styling of the pickers anyways.
*/

.mbsc-material.mbsc-textfield-wrapper {
    margin: 0 !important;
}

.mbsc-material.mbsc-textfield-outline {
    height: 2.5em !important;
}

.mbsc-label-outline-floating {
    top: 0.5em !important;
}

.mbsc-label-outline-floating.mbsc-label-floating-active {
    transform: translateY(-1em) scale(0.75) !important;
}


/*
    Mobiscroll input utilities, used to override the size of the inputfield
*/

.mbs-normal-size-input > .mbsc-textfield-inner {
    padding: 8px 2px !important;
}

.mbs-force-horizontal-scroll > :last-child {
    width: 100% !important;
}

.mbs-force-horizontal-scroll .mbsc-calendar-grid.mbsc-flex-1-1.mbsc-flex-col.mbsc-material {
    flex-direction: row;
}