body {
    font-family: "Arial", sans-serif !important;
    font-size: 12px;
}

.extra {
    font-size: 18px;
    padding-left: 90px;
    margin-left: 0 !important;
    margin-right: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: -moz-available;
    height: 4em;
}
.navbar {
    border-radius: 0 !important;
    border: 0;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:active,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > li > a:active {
    outline: none;
    box-shadow: none;
}

.navbar-header {
    font-size: 2.2em;
    color: #fff;
    font-weight: bold;
}

.navbar .navbar-brand {
    font-size: 18px;
    padding-left: 90px;
    margin-left: 0 !important;
    margin-right: 1em;
    background-image: url(../img/sesamo-gos-logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}

.placardSelected {
    border: 0.3em solid #337ab7 !important;
    border-radius: 8px !important;
    outline-offset: -4px;
    opacity: 1;
}

.alternativePlacardSelected {
    pointer-events: none !important;
    border: 0.3em solid gray !important;
    border-radius: 8px !important;
    outline-offset: -4px;
    opacity: 0.7;
}

.placardDisabled {
    cursor: not-allowed !important;
    opacity: 0.4;
}
.placardtoEnable {
    opacity: 0.6;
}

.activePlacard {
    border: 0.3em solid #337ab7 !important;
    border-radius: 8px !important;
    outline-offset: -4px;
    opacity: 1;
}

.glyphicon-refresh-animate {
    animation: spin 0.7s infinite linear;
    -webkit-animation: spin 0.7s infinite linear;
    -moz-animation: spin 0.7s infinite linear;
    -o-animation: spin 0.7s infinite linear;
    -ms-animation: spin 0.7s infinite linear;
}
@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}
@-moz-keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}
@-webkit-keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}
@-o-keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}
@-ms-keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}

.fade-in-and-out {
    animation: fadeInAndOut 5s infinite linear;
    -webkit-animation: fadeInAndOut 5s infinite linear;
    -moz-animation: fadeInAndOut 5s infinite linear;
    -o-animation: fadeInAndOut 5s infinite linear;
    -ms-animation: fadeInAndOut 5s infinite linear;
}
@keyframes fadeInAndOut {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: visible;
        opacity: 0.25;
    }
    75% {
        visibility: visible;
        opacity: 0.5;
    }
    100% {
        visibility: visible;
        opacity: 0.25;
    }
}
@-moz-keyframes fadeInAndOut {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: visible;
        opacity: 0.25;
    }
    75% {
        visibility: visible;
        opacity: 0.5;
    }
    100% {
        visibility: visible;
        opacity: 0.25;
    }
}
@-webkit-keyframes fadeInAndOut {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: visible;
        opacity: 0.25;
    }
    75% {
        visibility: visible;
        opacity: 0.5;
    }
    100% {
        visibility: visible;
        opacity: 0.25;
    }
}
@-o-keyframes fadeInAndOut {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: visible;
        opacity: 0.25;
    }
    75% {
        visibility: visible;
        opacity: 0.5;
    }
    100% {
        visibility: visible;
        opacity: 0.25;
    }
}
@-ms-keyframes fadeInAndOut {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: visible;
        opacity: 0.25;
    }
    75% {
        visibility: visible;
        opacity: 0.5;
    }
    100% {
        visibility: visible;
        opacity: 0.25;
    }
}

.disableDivInteraction {
    pointer-events: none;
}

.placardModalWarningText {
    text-align: center;
    position: absolute !important;
    bottom: 15%;
    background-color: yellow;
    left: 0%;
    width: 100%;
}

.thumbnail > img {
    max-height: 10em !important;
}

.row-placard img {
    width: 4em;
}

.step {
    margin-top: 50px;
    font-size: 1em;
}

.infoUsers {
    padding: 5px 0 5px 0;
}

.infoSac {
    padding: 40px 0 40px 0;
}

.btn {
    padding: 6px 6px !important;
    white-space: normal !important;
}

.btn-xs {
    display: inline !important;
    padding: 3px 6px !important;
}

dd button.btn-xs{
    padding: 1px 6px !important;
}

.btn-sizer {
    min-width: 280px;
    max-width: 360px;
    width: 15vw;
    font-size: 1.2em !important;
    text-transform: uppercase;
}

.btn-default {
    background-color: #a2a2a2 !important;
    color: #fff !important;
}

.redFields {
    border: 1px solid red !important;
}

.redText {
    color: red;
    font-weight: bold;
}

.labelError {
    color: red;
    font-size: 0.9em !important;
    font-weight: normal;
    margin-bottom: 0px;
}

.heightSpace {
    height: 12px;
}

input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    -ms-appearance: textfield;
    appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.uiGrid {
    width: 100%;
}

.uiGrid .ui-grid-viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.uiGrid .ui-grid-render-container-body .ui-grid-viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.col-lg-12:has(.uiGrid) {
    overflow-x: hidden;
}

.row-buttons {
    padding: 25px 0 25px 0;
}

.ui-grid-invisible {
    display: none;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.red {
    color: red;
}

.green {
    color: green;
}

button small {
    font-size: 14px;
    text-transform: none;
}

.glyphicon.fast-right-spinner {
    -webkit-animation: glyphicon-spin-r 1s infinite linear;
    animation: glyphicon-spin-r 1s infinite linear;
}

@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.jh-root,
.jh-type-object,
.jh-type-array,
.jh-key,
.jh-value,
.jh-root tr {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
}

.jh-key,
.jh-value {
    margin: 0;
    padding: 0.2em;
    font-weight: bold;
}

.jh-value {
    border-left: 1px solid #ddd;
}

.jh-type-number {
    text-align: center;
    color: #5286bc;
}

.jh-type-bool-true {
    text-align: center;
    color: #5a811c;
}

.jh-type-bool-false {
    text-align: center;
    color: #d45317;
}

.jh-type-bool-image {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: bottom;
}

.jh-type-string {
    font-style: italic;
    color: #6e6e6e;
}

.jh-array-key {
    font-style: italic;
    font-size: small;
    text-align: center;
}

.jh-object-key,
.jh-array-key {
    color: #444;
    vertical-align: top;
}

.jh-type-object > tr:nth-child(odd),
.jh-type-array > tr:nth-child(odd) {
    background-color: #f5f5f5;
}

.jh-type-object > tr:nth-child(even),
.jh-type-array > tr:nth-child(even) {
    background-color: #fff;
}

.jh-type-object,
.jh-type-array {
    width: 100%;
    border-collapse: collapse;
}

.jh-root {
    border: 1px solid #ccc;
    margin: 0.2em;
}

th.jh-key {
    text-align: left;
}

.jh-type-object > tr,
.jh-type-array > tr {
    border: 1px solid #ddd;
    border-bottom: none;
}

.jh-type-object > tr:last-child,
.jh-type-array > tr:last-child {
    border-bottom: 1px solid #ddd;
}

.jh-type-object > tr:hover,
.jh-type-array > tr:hover {
    border: 1px solid #f99927;
}

.jh-empty {
    font-style: italic;
    color: #999;
    font-size: small;
}

.jh-a {
    text-decoration: none;
}

.jh-a:hover {
    text-decoration: underline;
}

.jh-a span.jh-type-string {
    text-decoration: none;
    color: #268ddd;
    font-style: normal;
}

table.jh-root > tbody > tr {
    border-top: solid 1px #ddd;
}

table.jh-type-array > tbody > tr,
table.jh-type-object > tbody > tr {
    border-top: solid 1px #ddd;
}

table.jh-type-array > tbody > tr:first-child,
table.jh-type-object > tbody > tr:first-child {
    border-top: 0;
}

.label.payment-method {
    margin-right: 2px;
}

.dl-horizontal dt {
    background-color: #337ab7;
    color: white;
    padding: 3px;
    font-weight: normal;
    border-radius: 0.2em;
}

.dl-horizontal dd {
    word-wrap: break-word;
    padding: 3px;
}

.title-underline {
    border-bottom: #eee solid 1px;
    padding-bottom: 8px;
}

.status-TRANSIT_BEGIN {
    background-color: darkblue;
    color: white;
}

.status-TRANSIT_VALIDATION {
    background-color: lightblue;
    color: #333;
}

.status-TRANSIT_AUTHORIZED {
    background-color: green;
    color: white;
}

.status-TRANSIT_DENIED {
    background-color: darkred;
    color: white;
}

.status-TRANSIT_TO_HELPDESK,
.status-TRANSIT_TO_TOTEM,
.status-TRANSIT_BLOCKED {
    background-color: yellow;
    color: #333;
}

.status-TRANSIT_IN_CHARGE {
    background-color: orange;
    color: #333;
}

.custom-status-0 {
    background-color: green !important;
    color: white !important;
}

.custom-status-1 {
    background-color: yellow !important;
    color: #333 !important;
}

.custom-status-2 {
    background-color: darkred !important;
    color: white !important;
}

.custom-status-7 {
    background-color: grey !important;
    color: white !important;
}

tr.validations,
.validations tr {
    background-color: #eee;
    color: #333;
}

.validations table > thead > tr > th {
    border-bottom: 0;
}

.validations table > tbody > tr > td {
    border-top: 0;
}

.dashboard {
    background-color: #fff;
}

.dashboard:fullscreen {
    overflow: auto;
}

.dashboard:-webkit-full-screen {
    overflow: auto;
}

.dashboard .col_lane {
    width: 80px;
    overflow: hidden;
}

.dashboard .col_dir {
    width: 50px;
    overflow: hidden;
}

.dashboard .col_class {
    width: 130px;
    overflow: hidden;
    word-wrap: break-word;
}

.dashboard .col_container,
.dashboard .col_plate {
    width: 150px;
    overflow: hidden;
    word-wrap: break-word;
}

.dashboard .col_adr {
    width: 100px;
    overflow: hidden;
    word-wrap: break-word;
}

.dashboard .col_class .label,
.dashboard .col_container .label,
.dashboard .col_plate .label {
    margin-right: 2px;
}

.dashboard .col_status {
    width: 250px;
    overflow: hidden;
    word-wrap: break-word;
}

.dashboard .col_status > div {
    max-height: 120px;
    overflow: hidden;
    margin-bottom: 16px;
}

.dashboard .col_prg {
    max-width: 10px !important;
    width: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right;
}

.dashboard .col_alm {
    max-width: 15px !important;
    width: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

.dashboard tr.compact .col_status {
    width: 200px;
    margin-bottom: 0;
}

.dashboard tr.compact .col_status > div {
    margin-bottom: 0;
}

.dashboard tr.compact td > div {
    max-height: 85px;
    overflow: hidden;
}

.dashboard .col_totem {
    width: 350px;
    overflow: hidden;
}

.dashboard .col_driver {
    overflow: hidden;
}

.dashboard tr.compact .col_driver {
    width: 200px;
    overflow: hidden;
}

.dashboard tr.compact .col_helpdesk {
    width: 300px;
    overflow: hidden;
}

.dashboard tr.compact .col_actions {
    width: 210px;
    overflow: hidden;
}

.dashboard .support_badge {
    padding: 0;
    float: left;
    background-color: #fff;
    margin-left: 4px;
}

.dashboard .support_badge .badge_thumbnail {
    text-align: center;
}

.dashboard .support_badge .badge_thumbnail img {
    height: 129px;
}

.dashboard .support_badge .badge_thumbnail .caption {
    background-color: #fff;
    color: #000;
    padding: 2px;
    height: 63px;
    overflow: hidden;
    max-width: 100px;
    text-align: left;
}

.dashboard .table > tbody > tr > td {
    vertical-align: middle;
}

.dashboard .table > tbody > tr {
    height: 167px;
}

.dashboard .table > tbody > tr.compact {
    height: 100px;
}

.dashboard .table > tbody > tr.compact td {
    max-height: 100px;
}

.dashboard .live-jpeg {
    height: 192px;
}

.tech-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

.tech-status-badge .glyphicon {
    font-size: 10px;
    color: #fff;
    top: 0;
}

.lane-btn-inner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.dashboard .col_lane .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
}

#playerJpeg.playing {
    cursor: url("../img/camera.svg"), move;
}

#playerJpeg.stopped {
    cursor: url("../img/play.svg"), move;
}

.playerJpegWrapper {
    position: relative;
    width: 100%;
}

.playerJpegCtrl {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 2px;
    text-align: center;
    left: 0;
}

.playerJpegCtrl button {
    cursor: pointer;
}

.border {
    border: 1px solid black !important;
}

.disabledTab {
    pointer-events: none;
    color: #ccc;
}

.permission-denied-img {
    background: url(../img/permission-denied.png) left center no-repeat;
    background-position: center;
    height: 50%;
    min-height: 440px;
}

.dangerous-field {
    background: #ff9900 !important;
    padding: 4px !important;
    border-radius: 0 !important;
    color: black !important;
    font-weight: bold !important;
    font-size: 20px !important;
}

.dangerous-field:hover {
    background: #ff9900a9 !important;
    padding: 4px !important;
    border-radius: 0 !important;
    color: rgba(0, 0, 0, 0.664) !important;
    font-weight: bold !important;
    font-size: 20px !important;
}

.dangerous-field:focus {
    background: #ff9900a9 !important;
    padding: 4px !important;
    border-radius: 0 !important;
    color: rgba(0, 0, 0, 0.664) !important;
    font-weight: bold !important;
    font-size: 20px !important;
}

@media only screen and (min-height: 1800px) {
    .dashboard {
        font-size: 300%;
    }

    .dashboard .btn {
        font-size: 200%;
    }

    .dashboard .col_lane {
        width: 240px;
    }

    .dashboard .col_dir {
        width: 150px;
    }

    .dashboard .col_class {
        width: 390px;
    }

    .dashboard .col_container {
        width: 450px;
    }

    .dashboard .col_plate {
        width: 320px;
    }

    .dashboard .col_class .label,
    .dashboard .col_container .label,
    .dashboard .col_plate .label {
        margin-right: 6px;
        font-size: 45px;
        line-height: 81px;
    }

    .dashboard tr.compact .col_container .label,
    .dashboard tr.compact .col_plate .label {
        font-size: 36px;
    }

    .dashboard .col_status {
        width: 594px;
    }

    .dashboard .col_status > div {
        max-height: 420px;
    }

    .dashboard .col_totem {
        width: 890px;
    }

    .dashboard .col_driver {
        width: 700px;
    }

    .dashboard .support_badge {
        margin-left: 12px;
    }

    .dashboard .support_badge .badge_thumbnail img {
        height: 320px;
    }

    .dashboard .support_badge .badge_thumbnail .caption {
        padding: 4px;
        height: 180px;
        max-width: 270px;
    }

    .dashboard .table > tbody > tr {
        height: 521px;
    }

    .dashboard .live-jpeg {
        height: 500px;
    }

    .dashboard .table > tbody > tr > td {
        border-top-width: 5px;
    }

    .dashboard .block-transit {
        display: none;
    }

    .dashboard .col_prg {
        max-width: 30px !important;
        width: 30px !important;
    }

    .col_prg .prg-rect {
        width: 30px;
    }

    .col_prg .prg-wrap {
        max-height: 521px !important;
        height: 521px;
        width: 30px;
    }

    .col_prg .prg-wrap.compact {
        max-height: 274px !important;
        height: 274px;
    }

    .dashboard .table > tbody > tr.compact {
        height: 274px;
    }

    .dashboard .table > tbody > tr.compact td {
        max-height: 274px;
    }
}

.badge-lane-success {
    padding: 5px !important;
    border-radius: 5px;
    background-color: #337ab7;
    color: #fff;
    margin: 5px;
}

.badge-lane {
    border: 1px solid #ddd;
    padding: 5px !important;
    border-radius: 5px;
}

.badge-lane:hover {
    cursor: pointer;
    background-color: #e7e7e7;
    font-weight: bold;
    border: 1px solid #ddd;
    padding: 5px !important;
    border-radius: 5px;
}

.panel-seals {
    background-color: #ddd;
    border: 1px solid #333;
    padding-top: 15px;
    padding-bottom: 15px;
}

div.video-control {
    white-space: normal;
    text-align: right;
    margin: 0;
    padding: 0;
}

.video-control .btn-group {
    margin: 0 0 5px 5px;
}

.video-control .btn {
    padding: 4px 12px;
    outline: medium none;
}

.video-control .btn-mini {
    padding: 0 6px;
}

.video-control select {
    padding: 0 6px;
    line-height: 22px;
    height: 22px;
    min-height: 22px;
    outline: 0;
    width: 50px;
}

.video-control a {
    color: black;
    background-color: white;
    border: 1px solid;
    border-color: gray;
}

.declarationHead,
.declarationHead > th {
    background-color: #d0e6e3;
    font-weight: bold;
}

.declarationBody {
    background-color: #f4ebc8;
}

.tableDetail {
    table-layout: fixed;
    width: 100%;
}
.tableDetail > tbody > tr > td {
    border: 0px !important;
}
.tableDetail > thead > tr > th {
    border: 0px !important;
}

.panel-lane {
    cursor: pointer;
    border-radius: 10px !important;
    border: 2px solid #ddd !important;
}

.panel-lane:hover {
    box-shadow: 2px 3px 4px #888 !important;
}

a#control-lane {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.btn.control-lane {
    margin: 5px;
    max-width: 80px;
    min-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 6px solid transparent !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

.control-lane.selected {
    border-color: #337ab7 !important;
}

table.row-clickable tbody tr td a {
    display: block;
    padding: 8px;
}

.table > tbody > tr > td {
    vertical-align: middle !important;
}

.prg-wrap {
    max-height: 208px !important;
    height: 208px;
    width: 10px;
}

.prg-wrap.compact {
    max-height: 100px !important;
    height: 100px;
}

.prg-rect {
    height: 90%;
    width: 10px;
    background-color: #555;
}

.prg-blink {
    -webkit-animation: prg-blink 1s infinite;
    -moz-animation: prg-blink 1s infinite;
    -o-animation: prg-blink 1s infinite;
    animation: prg-blink 1s infinite;
}
@keyframes prg-blink {
    0%,
    49% {
        background-color: red;
    }
    50%,
    100% {
        background-color: #555;
    }
}
@-moz-keyframes prg-blink {
    0%,
    49% {
        background-color: red;
    }
    50%,
    100% {
        background-color: #555;
    }
}
@-webkit-keyframes prg-blink {
    0%,
    49% {
        background-color: red;
    }
    50%,
    100% {
        background-color: #555;
    }
}
@-o-keyframes prg-blink {
    0%,
    49% {
        background-color: red;
    }
    50%,
    100% {
        background-color: #555;
    }
}
@-ms-keyframes prg-blink {
    0%,
    49% {
        background-color: red;
    }
    50%,
    100% {
        background-color: #555;
    }
}

.placard-modal-confirm {
    z-index: 1050 !important;
}

.placard-modal {
    position: fixed;
    z-index: 1040 !important;
    left: 5%;
    width: 45%;
    height: max-content;
}

.modal-open .modal {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.modal-dialog {
    width: 90% !important;
    margin: auto !important;
}

.modal-dialog.modal-directive-dialog {
    margin: 30px auto !important;
}

.modal-body {
    max-height: calc(100vh - 250px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body.modal-open {
    overflow: scroll !important;
}

.placard-thumbnail {
    padding: 1px !important;
    margin-bottom: 5px !important;
    line-height: 0.25 !important;
}

.placard-add-delete-button {
    font-size: 36px !important;
    position: absolute !important;
    right: 20% !important;
    color: #c9302c !important;
    opacity: 0.7 !important;
}

/* Gantry*/
div#gantry {
    background-color: #fff;
}

/* Print Button Transit Detail */
div#print-btn-group.btn-group {
    display: flex;
}

.form-group.identification {
    background-color: #ddd;
    border-radius: 5px;
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding: 13px;
}

.container-campanello {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 75%;
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 75%;
    height: 75%;
}

.radio-button-label{
    font-weight: 600; 
    word-wrap:break-word;
}
.padding-top-10{
    padding-top: 10px;
}
.padding-5{
    padding: 5px;
}
.flex{
    display: flex;
}
.padding-10{
    padding: 10px;
}
.div-analytics-filter{
    width: 13%; 
    margin: 5px;
    padding: 10px;
}
.div-analytics-graphs-filter-open{
    width: 87%;
}
.div-analytics-graphs-filter-closed{
    width: 100%;
}

.form-analytics-filter{
    border: #e7e7e7 0.5px solid;
    border-radius: 8px;
    padding: 10px 15px;
    background-color: #f8f8f8;
    position: sticky;
    top: 0;
}

.shadow{
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.active-button {
    border: #337ab7 5px solid;
    box-shadow: #337ab7 0 0 5px;
}

.full-btn-width{
    width: 100%;
}

.dd-lane-config {
    margin-bottom: 8px;
}

div.place-card {
    display: inline-block;
    vertical-align: top;
    margin-inline: 2em;
}

div.dangerousgoods {
    display: inline-block;
    border: 0.15em solid #000;
    border-radius: 0.2em;
    background-color: #FF8C00;
    text-align: center;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 1em;
    color: #000;
    width: 5em;
}

span.dangerousgoods {
    display: inline-grid;
    border: 0.15em solid #000;
    border-radius: 0.2em;
    background-color: #FF8C00;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1em;
    color: #000;
    width: 100%;
}

span.dangerousgoods .kemler,
div.dangerousgoods .kemler {
    padding: 0.3em 1em;
}

span.dangerousgoods .onu ,
div.dangerousgoods .onu {
    border-top: 0.1em solid #000;
    padding: 0.3em 1em;
}

.label-place {
    color: #ffffff;
    background-color: #5a32a3;
}

.big-label-place {
    display: flex;
    padding: .5em .6em .5em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #5a32a3;
    align-items: center;
    justify-content: center;
}

.lane-buttons {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
  justify-content: center;
}

.btn-place {
    background-color: #5a32a3 !important;
    color: #fff !important;
}

.btn-place:hover {
    background-color: #4a2a8b !important;
    color: #fff !important;
}

.nav-tabs > li > a:focus {
    outline: none;
    box-shadow: none;
}

.badge_overflow_count {
    color: black;
    font-weight: 500;
    font-size: large;
}