/* Roboto */
/* roboto-mono-regular - latin_latin-ext */
@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-mono-v4-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto Mono'), local('RobotoMono-Regular'), url('fonts/roboto-mono-v4-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-mono-v4-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-mono-v4-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-mono-v4-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-mono-v4-latin_latin-ext-regular.svg#RobotoMono') format('svg'); /* Legacy iOS */
}

/* roboto-mono-italic - latin_latin-ext */

@font-face {
    font-family: 'Roboto Mono';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/roboto-mono-v4-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Mono Italic'), local('RobotoMono-Italic'), url('fonts/roboto-mono-v4-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-mono-v4-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-mono-v4-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-mono-v4-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-mono-v4-latin_latin-ext-italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
}

/* roboto-mono-700 - latin_latin-ext */

@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/roboto-mono-v4-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url('fonts/roboto-mono-v4-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-mono-v4-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-mono-v4-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-mono-v4-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-mono-v4-latin_latin-ext-700.svg#RobotoMono') format('svg'); /* Legacy iOS */
}

/* roboto-mono-700italic - latin_latin-ext */

@font-face {
    font-family: 'Roboto Mono';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/roboto-mono-v4-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Mono Bold Italic'), local('RobotoMono-BoldItalic'), url('fonts/roboto-mono-v4-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-mono-v4-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-mono-v4-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-mono-v4-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-mono-v4-latin_latin-ext-700italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
}

.font-family-roboto-mono {
    font-family: "Roboto Mono", "Lato", "sans serif";
    font-size: 0.96em;
}

/* MinistryOfMagic */

@font-face {
    font-family: 'Ministry Of Magic';
    src: url('fonts/MinistryOfMagic-Regular.otf') format("opentype");
}

.breadcrumb {
    background-color: inherit;
}

/* OSM */

.osm-container {
    overflow: auto;
    position: relative;
}

.osm-loader {
    position: absolute;
    top: 20px;
    left: 20px;
    display: none;
    z-index: 1000;
}

.osm-map {
    height: 300px;
}

div.olControlScaleLine {
    color: #333333;
}

div.olControlToolbar {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    background: none;
    border-radius: 0;
    padding: 0;
}

div.olControlZoom,
div.olControlToggle {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    background: none;
    border-radius: 0;
    padding: 0;
}

    div.olControlZoom a,
    div.olControlToggle a {
        display: inline-block;
        margin: 0;
        padding: 6px 15px;
        color: #636e7b;
        font-size: 14px;
        font-family: 'Lato', sans-serif;
        font-weight: normal;
        text-decoration: none;
        text-align: center;
        height: auto;
        width: auto;
        line-height: 1.4285em;
        background-color: #e4e7ea;
        filter: none;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    }

        div.olControlZoom a:hover {
            background-color: #f7f7f7;
            color: #333333;
            filter: none;
        }

/* CUSTOM */

.auto-post-back {
}

.btn.btn-tiny {
    padding: 3px 7px;
    line-height: 1;
    font-size: 11px;
    border: none;
}

.text-red {
    color: #ff0000;
}

.text-green {
    color: green;
}

.asterisk {
    color: #ff0000;
    margin-left: 1px;
}

.form-control-border {
    border: 1px solid #cccccc;
    border-radius: 3px;
}

.form-control-image {
    border: 1px solid #cccccc;
    border-radius: 3px;
    max-width: 100%;
    display: inline-block;
}

    .form-control-image img {
        max-width: 100%;
        height: auto;
    }

.form-horizontal .control-label {
    color: #333333;
}

.form-group.form-group-hierarchy ul {
    padding-left: 1.28em;
}

textarea.form-control {
    min-height: 150px;
}

.bootstrap-collapse {
    cursor: pointer;
}

    .bootstrap-collapse .bootstrap-collapsed-button {
        display: none;
    }

    .bootstrap-collapse.collapsed .bootstrap-collapsed-button {
        display: inline;
    }

    .bootstrap-collapse .bootstrap-expanded-button {
        display: inline;
    }

    .bootstrap-collapse.collapsed .bootstrap-expanded-button {
        display: none;
    }

.panel-icon {
}

.logo {
    background-image: url('img/logo_portal_snl_kassa_258_fc2.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 30px;
    width: 210px;
    background-size: cover;
}

.account .logo {
    background-image: url('img/logo_portal_snl_kassa_258_fc.png');
    height: 80px;
    width: 269px;
    background-size: contain;
}

.aside.aside-left .logo {
    background-position: 0px 0px;
    background-size: contain;
}

.logo_software_support_nederland_small_gr {
    background-image: url('img/logo_software_support_nederland_75_grey.png');
    background-repeat: no-repeat;
    height: 25px;
    width: 75px;
    display: inline-block;
}

.logo_idfarm_small_gr {
    background-image: url('img/logo_idfarm_75_grey.png');
    background-repeat: no-repeat;
    height: 25px;
    width: 75px;
    display: inline-block;
}

.logo_titanbiz_small_gr {
    background-image: url('img/logo_titanbiz_75_grey.png');
    background-repeat: no-repeat;
    height: 25px;
    width: 75px;
    display: inline-block;
}

/* STEPS */

.nav.nav-steps > li > a {
    color: #94989d;
}

    .nav.nav-steps > li > a .nav-step-number {
        display: inline-block;
        width: 24px;
        height: 24px;
        border: 5px solid #cccccc;
        border-radius: 50px;
        background-color: #cccccc;
        font-weight: bold;
        color: #ffffff;
        margin-right: 10px;
        text-align: center;
        line-height: 1;
    }

.nav.nav-steps > li.nav-step-success > a {
    color: #1CAF9A;
}

    .nav.nav-steps > li.nav-step-success > a .nav-step-number {
        border-color: #1CAF9A;
        background-color: #1CAF9A;
    }

.nav.nav-steps > li.nav-step-warning > a {
    color: #F0AD4E;
}

    .nav.nav-steps > li.nav-step-warning > a .nav-step-number {
        border-color: #F0AD4E;
        background-color: #F0AD4E;
    }

/* UPLOAD */

.upload {
}

    .upload .upload-file-single {
    }

    .upload .upload-file-empty {
    }

/* LAYOUT */

.iframe {
    background-color: #fff;
}

.signed-in {
}

.signed-out {
    background-color: #fff;
    margin-top: 8%;
}

.m-b-15 {
    margin-bottom: 15px;
}

input#StartDate:read-only {
    background: white;
}

input#EndDate:read-only {
    background: white;
}

@media all and (min-width: 991px) {
    .signed-out {
        background-image: url('img/bg-account1.jpg');
        background-repeat: no-repeat;
        background-size: 50% auto;
    }
}

@media screen and (min-width: 769px) {
    .tab-content .panel-body {
        min-height: 550px;
    }
}

@media screen and (max-width: 568px) {
    .section .section-header h1 {
        font-size: 18px;
        font-weight: bold;
    }

    .section .section-header .glyphicon,
    .section .section-header .fa {
        font-size: 16px;
        line-height: 16px;
        width: 31px;
        height: 31px;
    }

    .section .section-header span {
        display: block;
        margin-left: 41px;
    }

        .section .section-header span:before {
            display: none;
        }
}

/* ANIMATIONS */

@keyframes blink {
    from {
        opacity: 0.2;
    }

    to {
        opacity: 1;
    }
}

.blink {
    animation: blink 0.5s infinite alternate;
}

@media (orientation:landscape) and (max-width:768px) {
    .hide-in-landscape {
        display: none;
    }
}

@media (orientation:portrait) {
    .hide-in-portrait {
        display: none;
    }
}

.selected-filter-item {
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline-block;
    padding: 3px 7px 1px 7px;
    margin-right: 10px;
    margin-top: 3px;
    background: #f7f7f7;
    color: #636e7b;
}

.download-indicator {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('http://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;
    text-align: center;
    vertical-align: middle;
    line-height: 85vh;
    font-size: 20px;
}

body.loading .download-indicator {
    overflow: hidden;
}

body.loading .download-indicator {
    display: block;
}

@media (max-width:768px) {
    .nav.nav-tabs li[role='presentation'] {
        width: 50%;
        text-align: center;
    }

    .input-group-btn a[download='download'] {
        display: block;
        padding: 15px 20px;
    }
}

td.highlighted-date {
    background-color: #E6FFCC !important;
    border-radius: 4px !important;
    color: #444 !important;
}

    td.highlighted-date:hover {
        background-color: #72E5A0 !important;
    }

.active.day.highlighted-date {
    background-color: #52A574 !important;
    color: #E6FFCC !important;
    border-radius: 4px;
}

.dashboard-panel .panel-heading {
    min-height: 170px;
}

.btn-snl {
    background-color: #1d2939;
    padding: 1rem;
    width: 100%;
    border: 1px solid black;
    color: #dedede;
}

    .btn-snl:hover {
        color: #fff;
        background-color: #525252;
    }

.date-column {
    width: 10em;
}

.legend {
    background-color: #F7F5D4;
    border: 1px solid #F4D555;
    border-radius: 3px;
    box-shadow: 1px 3px 3px #ddd;
    margin-top: 1em;
}

.loading {
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: grey;
    opacity: 0.3;
}

.loader {
    z-index: 1000;
    left: 50%;
    font-size: 10px;
    border: .8em solid rgb(255, 255, 255);
    border-left: .8em solid rgb(282, 83, 0);
    animation: spin 1.1s infinite linear;
}

    .loader, .loader:after {
        border-radius: 50%;
        width: 8em;
        height: 8em;
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -4.05em;
    }

@keyframes spin {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}



/* FONTEDITOR */

.font-editor .input-group {
    width: 155px;
}

    .font-editor .input-group select {
        width: 80px;
    }

.font-editor .btn-group {
    float: right;
    margin: 0px;
}

.font-editor button.btn {
    width: 40px;
    padding: 6px 10px;
}

.font-editor .well {
    padding: 9px
}

/* FONTEDITOR */

.color-editor button.btn {
    width: 40px;
    padding: 6px 10px;
}


/* SORT COLOMN */
.sort-column {
    display: flex;
    justify-content: center;
}

    .sort-column a {
        margin: 0px 5px;
    }



.subtitle.subtitle-lined[data-toggle="collapse"] {
    cursor: pointer;
}



.accordion-view .subtitle {
    margin-top: 0px;
    background: white;
    padding: 2rem !important;
    margin-bottom: 0px !important;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    position: relative
}

    .accordion-view .subtitle[data-toggle="collapse"]:after {
        content: "\f078";
        right: 20px;
        position: absolute;
        font: normal normal normal 14px/1 FontAwesome;
    }

    .accordion-view .subtitle[data-toggle="collapse"].collapsed:after {
        content: "\f077";
    }

.accordion-view .editor-panel-fields {
    padding: 2rem 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: white;
}

.accordion-view .editor-panel {
    margin-top: 15px;
    border: 1px solid #e4e7ea;
    border-radius: 4px;
    box-shadow: 0 3px 0 rgb(12 12 12 / 3%);
}

.highlighted-row {
    background-color: rgba(255,139,0,.75) !important;
}

a.btn.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: grey;
    border-color: grey;
}

/* TIMELINE TRACK AND TRACE */

/* Timeline.css */
.timeline {
    position: relative;
    padding: 20px 0 20px;
    list-style: none;
}

    .timeline:before {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 3px;
        margin-left: -1.5px;
        background-color: #eeeeee;
    }

    .timeline > li {
        position: relative;
        margin-bottom: 20px;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            float: left;
            position: relative;
            width: 46%;
            padding: 20px;
            border: 1px solid #d4d4d4;
            border-radius: 1px;
            -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.175);
            box-shadow: 0 1px 6px rgba(0,0,0,0.175);
        }

            .timeline > li > .timeline-panel:before {
                content: " ";
                display: inline-block;
                position: absolute;
                top: 26px;
                right: -15px;
                border-top: 15px solid transparent;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                border-left: 15px solid #ccc;
            }

            .timeline > li > .timeline-panel:after {
                content: " ";
                display: inline-block;
                position: absolute;
                top: 27px;
                right: -14px;
                border-top: 14px solid transparent;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                border-left: 14px solid #fff;
            }

        .timeline > li > .timeline-badge {
            z-index: 100;
            position: absolute;
            top: 16px;
            left: 50%;
            width: 50px;
            height: 50px;
            margin-left: -25px;
            border-radius: 50% 50% 50% 50%;
            text-align: center;
            font-size: 1.4em;
            line-height: 50px;
            color: #fff;
            background-color: #999999;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                right: auto;
                left: -15px;
                border-right-width: 15px;
                border-left-width: 0;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                right: auto;
                left: -14px;
                border-right-width: 14px;
                border-left-width: 0;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }
.SystemStatus {
    color: darkorange;
}

.OnderwegStatus {
    color: red;
}

.OntvangenStatus {
    color: green;
}

.DeelsontvangenStatus {
    color: yellow;
    text-shadow: 0 0 10px black;
}
@media(max-width:767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        top: 16px;
        left: 15px;
        margin-left: 0;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            right: auto;
            left: -15px;
            border-right-width: 15px;
            border-left-width: 0;
        }

        ul.timeline > li > .timeline-panel:after {
            right: auto;
            left: -14px;
            border-right-width: 14px;
            border-left-width: 0;
        }
}

/* END TIMELINE TRACK AND TRACE */



.stock-detail {
	margin-top: 0.75rem;
	table-layout: fixed;
	width: 100%;
}

	.stock-detail .total th, .stock-detail .total td {
		border-top: 1px solid;
	}

	.stock-detail th {
		color: white;
	}

	.stock-detail td {
		text-align: right;
	}