:root {
    --primary: #f97c00;
    --primary-light: #ff9e3d;
    --dark: #4d4d4d;
    --dark-lighter: #5f5f5f;
}

.text-color-primary
{
    color: var(--primary);
}

.header
{
    background-color: var(--dark);
    color: #fff;
    border-bottom: 1px solid var(--primary-light);
}

.sidebar
{
    background-color: var(--dark);
    color: #fff;
}

.sidebar-nav .nav-link
{
    background-color: var(--dark-lighter);
}

.sidebar-nav .nav-link.collapsed
{
    background-color: var(--dark-lighter);
}

#dropdownLangPicker
{
    background-color: initial;
    border: 0px;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}

.language-picker img
{
    width: 30px;
    margin-right: 6px;
}

.language-picker-dropdown
{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    min-width: 0px;
}

.language-picker-dropdown a
{
    padding: 3px 15px;
}

.language-picker-dropdown a:hover
{
    background-color: var(--primary);
    color: #fff !important;
}

.cke_notification_warning
{
    display: none !important;
}

.center-form
{
    width: 100%;
    max-width: 500px;
    margin: 0px auto;
}

#client-view
{
    width: 100%;
}
.taxcodechek-result
{
    gap: 4px;
}
.taxcodechek-result .fa-circle-check
{
    font-size: 16px;
    color: green;
}
.taxcodechek-result .fa-ban
{
    font-size: 16px;
    color: red;
}

.block-conatiner
{
    padding: 10px 15px;
    border: 1px solid var(--primary);
}

#trailer-infos table
{
    font-size: 14px;
}
#trailer-infos table th,
#trailer-infos table td
{
    padding: 3px;
}

#trailer-infos img
{
    max-width: 140px;
}

.btn-empty
{
    border: 1px solid var(--primary);
}
.btn-empty:hover
{
    background-color: var(--primary);
    color: #fff;
}

.btn-checkbox
{
    color: var(--primary);
    border: 2px solid var(--primary);
}
.btn-checkbox:hover, .btn-checkbox.btn-checked
{
    background-color: var(--primary);
    color: #fff;
}

.change-back-date-day
{
    width: 20%;
}

.rent-info-row
{
    font-size: 20px;
    margin-bottom: 10px;
}
.rent-info-highlighted
{
    font-size: 20px;
    font-weight: 600;
}
.rent-info-highlighted-full
{
    font-size: 28px;
    font-weight: 700;
}
.rir-price
{
    font-weight: 800;
}

.stock-info-sm .rent-info-row
{
    font-size: 14px;
    margin-bottom: 3px;
}

.rowfirstalert td
{
    color: #fff;
    background-color: #e5ba53;
}
.rowsecondalert td
{
    color: #fff;
    background-color: #ff4c4c;
}

.rowfirstalert td a,
.rowsecondalert td a
{
    color: #fff !important;
}

.sales-extras-selector {
    gap: 6px;
    font-size: 17px;
}
.selected-extra-price {
    font-weight: 700;
}
.sales-extras-selector .form-check {
    gap: 8px;
}
.form-check-readonly
{
    position: relative;
}
.form-check-readonly::before
{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.4;
}
.logo-info
{
    color: #fff !important;
    font-size: 14px !important;
    text-transform: uppercase;
}
.checklist-btn
{
    width: 40%;
    padding: 5px;
    border: 2px solid var(--primary);
    text-align: center;
    font-size: 14px;
}
.checklist-btn:hover
{
    cursor: pointer;
}
.checklist-btn:hover, .checklist-btn-selected {
    background-color: var(--primary);
    color: #fff;
}
.checklist-value-amount
{
    width: 30px;
    text-align: center;
}

#task-notify-list
{
    width: 260px;
    max-height: 80vh;
    overflow-y: auto;
}

.mp-dashboard
{
    gap: 50px;
}

.mp-dahboard-item
{
    text-align: center;
    padding: 20px;
    width: 360px;
    border: 1px solid var(--primary);
}

.mpdi-icon
{
    width: 100%;
    aspect-ratio: 3/1;
    font-size: 50px;
}

.mpdi-name
{
    font-size: 22px;
    font-weight: 700;
}

.mpdi-name-sm
{
    font-size: 16px;
    font-weight: 700;
}

.mp-dahboard-item:not(.mpdi-commission):hover
{
    color: #fff !important;
    background-color: var(--primary) !important;
}

.production-name
{
    font-size: 20px;
    font-weight: 700;
    color: var(--primary);
}
.production-type
{
    font-size: 20px;
    font-weight: 700;
}

.production-item
{
    border: 1px solid var(--primary);
    padding: 20px;
}

.production-send-disabled
{
    cursor: not-allowed;
    filter: brightness(100%) brightness(50%);
}

.client-view-thumb{
    width: 70px;
    min-width: 70px;
    margin-right: 10px;
}

.password-show-row
{
    font-weight: 700;
    font-size: 15px;
}

.password-show
{
    padding: 5px;
    filter: blur(4px);
}
.password-show:hover
{
    filter: none;
}

.jcrop-holder
{
    background-color: initial !important;
}

.fancybox__container
{
    z-index: 10500 !important;
}

.sales-trailer-head
{

}
.str-column {
    padding: 5px 3px;
}
.sales-trailer-row {
    border-bottom: 1px solid #ccc;
}
.sales-trailer-row:last-child {
    border: 0px;
}
.str-titles
{
    width: 82px;
    min-width: 82px;
    text-align: left;
}
.str-price
{
    width: 128px;
    min-width: 128px;
    text-align: right;
}
.str-amount
{
    width: 80px;
    min-width: 80px;
    text-align: center;
}
.str-tax
{
    width: 60px;
    min-width: 60px;
    text-align: center;
}
.str-delete
{
    width: 35px;
    min-width: 35px;
    text-align: center;
}
.str-column
{
    font-size: 16px;
}
.str-type-description
{
    font-size: 13px;
}
.str-type-description p:last-child
{
    margin-bottom: 0px;
}
.str-price-sm{
    font-size: 11px;
}
.sales-trailer-head .str-price
{
    text-align: center;
}

.datepicker.datepicker-dropdown
{
    z-index: 1000 !important;
}

.client-fields-company .client-fields-personinfo
{
    display: none !important;
}

.client-fields-company .client-fields-default { order: 0; }
.client-fields-company .client-fields-address { order: 1; }
.client-fields-company .client-fields-executive { order: 2; }
.client-fields-company .client-fields-contact { order: 3; }
.client-fields-company .client-fields-documents { order: 4; }

.btn-alerting {
    animation: btnflashing 0.5s infinite;
}
@keyframes btnflashing {
    from {background-color: #ccc;}
    to {background-color: red;}
}

.item-list-m-labels
{
    min-width: 110px;
    width: 110px;
    text-align: left;
    font-size: 15px;
}

.item-list-m-labels.str-price-sm
{
    font-size: 10px;
}

.str-table-row-m
{
    display: none;
    padding-left: 20px;
}

@media (max-width: 1599px) {
    .mp-dahboard-item
    {
        width: 300px;
    }
}

@media (max-width: 1370px) {
    .mp-dashboard
    {
        gap: 30px;
    }
    .mp-dahboard-item
    {
        width: 250px;
    }
    .mpdi-name
    {
        font-size: 18px;
    }
    .mpdi-icon
    {
        font-size: 35px;
    }
}

@media (max-width: 992px) {
    .str-price {
        width: 110px;
        min-width: 110px;
    }
}

@media (max-width: 767px) {
    .block-conatiner {
        padding: 5px;
    }
    .str-column {
        width: 100% !important;
        padding: 2px 0px;
        border-bottom: 1px solid #eee;
    }
    .str-column:last-child, .str-column:nth-last-child(2) {
        border: 0px;
    }
    .str-table-row-m
    {
        display: block;
    }
    .sales-item-row
    {
        border-bottom: 1px solid var(--primary) !important;
    }
    .sales-item-row:last-child
    {
        border-bottom: 0px !important;
    }
}

@media (max-width: 575px) {
    .mp-dashboard
    {
        gap: 10px;
    }
    .mp-dahboard-item
    {
        width: 155px;
        padding: 10px 4px;
    }
    .mpdi-name
    {
        font-size: 14px;
    }
    .mpdi-icon
    {
        font-size: 30px;
    }
    .logo-info
    {
        font-size: 12px !important;
    }
}