.langswitch {
    text-align: right;
    position: absolute;
    top: 50px;
    z-index: 999;
    right: 200px;
    width: 100px;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: #f2e370 !important;
}

hr {
    /*border: 1px solid #ffd600;
    background-color: #ffd600;*/
    height: 1px;
    width: 100%;
    /*border-radius: 25px*/
    ;
}

.text-black {
    color: black !important;
}

.navbar-brand-img {
    max-width: 180px !important;
}

.modal-footer> :not(:first-child) {
    margin-left: 0rem !important;
}

.moveJobModal {
    max-width: 1000px !important;
}

.bg-gradient-primary {
    background: linear-gradient(87deg, #00aeef 0, #018aca 100%) !important;
}

.bg-gradient-custom,
.bg-yellow {
    background: linear-gradient(87deg, #f2e370 0, #ffd600 100%) !important;
}

.board-card * {
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
}

.board-card:hover {
    cursor: pointer;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.35) !important;
}

.text-yellow {
    color: #f2e370 !important;
}

.bg-logo {
    background-image: url(../img/brand/distriworks.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
}

.btn-none[type=submit]:focus {
    background-color: none;
}

a.nav-link {
    text-decoration: none;
}

table a:not(.btn):not(.fc-daygrid-day-number):not(.nav-link):not(.pagination) {
    color: rgba(0, 0, 0, 0.7);
    text-decoration: underline;
}

.order-table td {
    vertical-align: top !important;
}

a:not(.btn):not(.nav-link):hover {
    color: rgba(0, 0, 0, 1) !important;
    text-decoration: underline;
}

.separator-light {
    fill: #e9ecef;
}

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

.btn-primary,
.btn-primary:active {
    background-color: black;
    border-color: #262626;
}

.btn-primary:hover {
    background-color: black;
    border-color: #262626;
}

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

.navbar-vertical .navbar-nav .nav-link.active:before {
    border-left: 2px solid #f2e370;
}

.navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before {
    border-left: 2px solid #f2e370;
}

td a {
    color: black;
}

.table td,
.table th {
    white-space: normal !important;
}

.alert-primary {
    background-color: #f2e370 !important;
    border-color: #f2e370 !important;
    color: #212529;
}

.pb-dashboard {
    padding-top: 6rem !important;
}

.datepicker-inline {
    width: 100% !important;
}

.datepicker--time-current {
    display: block !important;
    text-align: right !important;
    margin-right: 10px !important;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px;
}

.p-page-title {
    margin-top: -6rem !important;
}

.alert-info {
    background-color: #ced4da !important;
}

.page-item.active .page-link {
    background-color: #f2e370 !important;
    border-color: #f2e370 !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: black;
    border-color: black;
}

h1 {
    display: block;
}

.px-profile {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
}

.shipment-padding-top {
    margin-top: 20px !important;
}

.text-right {
    padding-bottom: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #000000;
    /*display: block;
    width: 100%;*/
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.75);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: rgba(255, 255, 255, 1);
}

.hidden {
    display: none !important;
}

.hidden-md{
    display: none;
}

a:not([href])
 :not([tabindex])
 :not(.fc-col-header-cell-cushion)
 :not(.fc-daygrid-day-number)
 :not(.phpdebugbar a) {
    color: white !important;
}



.datepicker--cell.-selected-,
.datepicker-extra-call-selected {
    color: #000000 !important;
    background-color: #f2e370 !important;
    border-radius: 6px !important;
}
.deliver-date-highlight {
    background-color: #f2e370 !important; /* Gold color for highlighting */
    color: #000 !important;
}

.w-fit {
    width: fit-content;
}


@media (max-width: 1024px) {
    .px-profile {
        padding-left: 0px;
        padding-right: 0px;
    }

    .col-width-fix {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .margin-form-fix {
        margin: 10px;
    }

    .langswitch {
        right: 100px;
    }
}

@media (max-width: 768px) {
    .hidden-md{
        display: block !important;
    }

    .hidden-sm{
        display: none !important;
    }

    .moveJobModal {
        max-width: 700px !important;
    }

    .btn-create {
        margin-top: 1rem !important;
    }

    .p-page-title {
        margin-top: -4rem !important;
    }

    .card {
        margin-top: 2rem;
    }

    .main-content .navbar-top {
        padding-top: 0;
        padding-left: 1.75rem !important;
    }

    .pt-4,
    .py-4 {
        padding-top: 4rem !important;
    }

    .pt-nav {
        padding-top: 0.5rem !important;
    }

    .pb-dashboard {
        padding-bottom: 6rem !important;
    }

    h1 {
        font-size: 1.15em !important;
        margin-top: 0.5rem;
    }

    .col-flex-fix-left {
        flex: 0 0 45% !important;
    }

    .col-flex-fix-right {
        flex: 0 0 55% !important;
        max-width: 55% !important;
    }

    .header-order-overview-height {
        height: 125px !important;
    }

    .margin-top-fix {
        margin-top: -6rem !important;
    }
}

@media (max-width: 567px) {
    .hidden-xs{
        display: none !important;
    }

    .hidden-sm{
        display: block !important;
    }

    .px-profile {
        padding-left: 0px;
        padding-right: 0px;
    }

    .btn-product-back {
        margin-top: 15px !important;
    }

    .pickup_padding_top {
        margin-top: 20px !important;
    }

    .langswitch {
        right: 50px;
        top: 25px;
    }

    .langswitch li {
        padding-bottom: 10px !important;
    }
}

@media (max-width: 355px) {
    .langswitch {
        right: 25px;
    }
}