:root {
    --primary: #57c02c;
    --primary-light: #64ce39;
    --primary-dark: #399d0d;
    --dark: #383E42;
    --dark-lighter: #556065;
}

.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;
}
.rir-price
{
    font-weight: 800;
}

.rowfirstalert td
{
    color: #fff;
    background-color: #e5ba53;
}
.rowsecondalert td
{
    color: #fff;
    background-color: #ff4c4c;
}

.rowsalert td
{
    color: #fff;
    background-color: #ff4c4c;
}

.rowfirstalert td a,
.rowsecondalert td a,
.rowsalert td a,
.rowsalert .kv-editable-link
{
    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
{
    font-weight: 700;
}
.str-column {
    padding: 5px 3px;
}
.sales-trailer-row {
    border-bottom: 1px solid #ccc;
}
.sales-trailer-row:last-child {
    border: 0px;
}
.str-price
{
    width: 100px;
    min-width: 100px;
    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;
}

.header-search input
{
    border-radius: 0px;
    height: 30px;
    border: 1px solid #ccc;
}

.search-btn
{
    width: 30px;
    height: 30px;
    border-radius: 0px;
    padding: 0px;
}

.search-item
{
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
}

.search-item:hover
{
    background-color: #ccc;
}

@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: 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;
    }
    .header-search input
    {
        width: 120px;
    }
}