
/*------------------------------------
- COLOR primary
------------------------------------*/
.alert-primary {
    color: #843600;
    background-color: #ffe1cc;
    border-color: #ffd4b7;
}

.alert-primary hr {
    border-top-color: #ffc69e;
}

.alert-primary .alert-link {
    color: #512100;
}

.badge-primary {
    color: #212529;
    background-color: #FF6900;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #212529;
    background-color: #cc5400;
}

.bg-primary {
    background-color: #FF6900 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #cc5400 !important;
}

.border-primary {
    border-color: #FF6900 !important;
}

.btn-primary {
    color: #212529;
    background-color: #FF6900;
    border-color: #FF6900;
}

.btn-primary:hover {
    color: #212529;
    background-color: #db5a00;
    border-color: #cc5400;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 105, 0, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #212529;
    background-color: #FF6900;
    border-color: #FF6900;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #212529;
    background-color: #cc5400;
    border-color: #bc4d00;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 105, 0, 0.5);
}

.btn-outline-primary {
    color: #FF6900;
    background-color: transparent;
    border-color: #FF6900;
}

.btn-outline-primary:hover {
    color: #212529;
    background-color: #FF6900;
    border-color: #FF6900;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 105, 0, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #FF6900;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #212529;
    background-color: #FF6900;
    border-color: #FF6900;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 105, 0, 0.5);
}

.list-group-item-primary {
    color: #843600;
    background-color: #ffd4b7;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #843600;
    background-color: #ffc69e;
}

.list-group-item-primary.list-group-item-action.active {
    color: #212529;
    background-color: #843600;
    border-color: #843600;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #ffd4b7;
}

.table-hover .table-primary:hover {
    background-color: #ffc69e;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #ffc69e;
}

.text-primary {
    color: #FF6900 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #cc5400 !important;
}

.license {
    font-size: 0.75rem;
}

img.car-icon {
    height: 1rem;
}

/* ------- */

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
/* @media (min-width: 768px) { */
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }
    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
/* } */

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}

.carousel-item .card {
    margin: 0 10px;
    box-shadow: 2px 6px 8px 0 rgba(37, 35, 30, 0.5);
    border: none;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 8vh;
    width: 8vh;
    outline: #FF6900;
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 3px solid #FF6900;
  /* background-image: none; */
}
