label.required::after {
    content: "*";
    padding-left: 3px;
    color: rgb(214, 1, 1);
}

/*
 * Sidebar
 */

/* Overide bootstrap VALID Green color */

.form-control.is-valid:focus,
.was-validated :valid.form-control,
.form-select.is-valid:focus,
.was-validated :valid.form-select {
    border-color: inherit !important;
    background-image: inherit !important;
    box-shadow: inherit !important;
}

/* Overide bootstrap Navbar Active Button */

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fff;
    background-color:#0b5ed7;
    border-color: #0b5ed7 #0b5ed7 #fff;
}

.nav-link:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.to-top {
    position: fixed;
    right: 3px;
    bottom: 40px;
    border: 2px solid #687991;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 1001;
    opacity: 1;
    cursor: pointer;
    display: none
}

.ui-autocomplete {
            z-index: 9999;
/* position: fixed;
            width: 340px;
            height: 300px;
            top: 50%;
            left: 50%;
            margin-top: -240px;
            margin-left: -170px;
            */
            background: #fff;
            border-radius: 3px;
            border: 1px solid #ccc;
            box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
            -webkit-animation-name: bounceIn;
            -webkit-animation-fill-mode: both;
            -webkit-animation-duration: 1s;
            -webkit-animation-iteration-count: 1;
            -webkit-animation-timing-function: linear;
            -moz-animation-name: bounceIn;
            -moz-animation-fill-mode: both;
            -moz-animation-duration: 1s;
            -moz-animation-iteration-count: 1;
            -moz-animation-timing-function: linear;
            animation-name: bounceIn;
            animation-fill-mode: both;
            animation-duration: 1s;
            animation-iteration-count: 1;
            animation-timing-function: linear;
            box-shadow: 0px 0px 20px #999;
            -moz-box-shadow: 0px 0px 20px #999;
            -webkit-box-shadow: 0px 0px 20px #999;
           /* display: none; */

 }

.single-card-row {
    padding-left: 0px !important;
    margin-left: 14px !important;
}

.accordion-button {
    font-size: inherit;
}

.remove-cargo {
    cursor: pointer;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout h4 {
    margin-bottom: .25rem
}

.bd-callout p:last-child {
    margin-bottom: 0
}

.bd-callout code {
    border-radius: .25rem
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout-info {
    border-left-color: #5bc0de
}

.bd-callout-warning {
    border-left-color: #f0ad4e
}

.bd-callout-success {
    border-left-color: #038457
}

.bd-callout-danger {
    border-left-color: #d9534f
}


.form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
    border-color: transparent;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}