/* -----------------------------------------
   Universal Styles
----------------------------------------- */

body,
html {
    height: 100%;
}

body {
    font-family: 'VW Text', arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: #000000;
    background-color: #f5f5f5;
}

.systembody {
    background-color: #f5f5f5;
}

strong {
    font-weight: 600;
}

hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.fixed-height {
    position: relative;
    min-height: 100%;
}

/* -----------------------------------------
   Link Styles
----------------------------------------- */

a,
a:link,
a:visited {
    color: #0da6e2;
    transition: 0.3s;
}

a:hover {
    color: #0da6e2;
    text-decoration: underline;
    transition: 0.3s;
}

/* -----------------------------------------
   Titles
----------------------------------------- */

.section-header h2 {
    margin-top: 8px;
    margin-bottom: 5px;
}

h1 {
    font-weight: 600;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 5px;
}

h2 {
    font-weight: 600;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #032459;
}

h3 {
    font-weight: 600;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 15px;
    color: #032459;
}

h4 {
    font-weight: 600;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ececec;
    padding-bottom: 5px;
    color: #0da6e2;
}

h5 {
    font-weight: 600;
    font-family: 'VW Head', arial, helvetica, sans-serif;
}

h6 {
    font-weight: 600;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
}

.spaced-title {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    text-align: center;
}

/* -----------------------------------------
   Toastr.js
----------------------------------------- */

#toast-container>div {
    padding: 20px 20px 20px 20px !important;
    border-radius: 0px !important;
    opacity: 0.85 !important;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1), 0 0 40px 0 rgba(0, 0, 0, .15) !important;
    transition-duration: .4s !important;
}

#toast-container>div:hover {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1), 0 0 40px 0 rgba(0, 0, 0, .15) !important;
    transition-duration: .4s !important;
    opacity: 1 !important;
    filter: alpha(opacity=100);
    cursor: pointer;
}

.toast-close-button {
    font-weight: 300 !important;
    font-size: 36px !important;
    right: 0px !important;
}

.toast-close-button:hover {
    color: #ffffff !important;
    opacity: 1 !important;
}

.alert-system {
    opacity: 0.95;

}

.alert-error-system {
    background-color: #000;
}

.alert-error-system .toast-title {
    color: #ffffff;
}

.alert-info-system {
    color: #ffffff;
    background-color: #000;
}

.alert-lg {
        font-size: 15px;
    line-height: 20px;
    text-align: center;
}

.alert-info-system .toast-title {
    color: #ffffff;
}

.alert-success-system {
    background-color: #000;
}

.alert-success-system .toast-title {
    color: #ffffff;
}

.alert-warning-system {
    background-color: #000;
}

.alert-warning-system .toast-title {
    color: #ffffff;
}

.toast-title {
    font-family: 'VW Head', arial, helvetica, sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 24px !important;
}

.toast-message {
    font-size: 13px !important;
    line-height: 21px !important;
}

.toast-progress {
    opacity: 0.6 !important;
}

.alert-info-system .toast-progress {
    background-color: #032459 !important;
}

.alert-error-system .toast-progress {
    background-color: #0da6e2 !important;
}

.alert-warning-system .toast-progress {
    background-color: #0da6e2 !important;
}

.alert-success-system .toast-progress {
    background-color: #0da6e2 !important;
}

/* -----------------------------------------
   Button Styles
----------------------------------------- */

.btn {
    border-radius: 30px;
    font-size: 15px;
    line-height: 19px;
    padding: 8px 20px;
    font-weight: 400;
}

.btn-math {
    border: 6px;
    border-radius: 4px;
    padding: 0px;
    margin-left: 4px;
    color: #0da6e2;
}

.btn-math.active {
    color: #05c405;
}

.btn-xs {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.right-navigation .bootstrap-select .dropdown-menu {
    min-width: 250px;
    max-width: 300px !important;
}

.right-navigation .btn-xs {
    padding: 6px 20px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 3px;
}

.right-navigation .btn-light {
    padding: 6px 20px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 3px;
}

.btn-lg {
    font-size: 17px;
    line-height: 26px;
}

.btn-link {
    font-size: 14px;
    font-weight: 400;
    color: #0da6e2;
    padding: 7px 0px;
    border: 0px;
}

.btn-link:hover {
    text-decoration: none;
    color: #1db1eb;

}

.btn-link.focus,
.btn-link:focus {
    text-decoration: none;
    box-shadow: none;
}

.btn-light {
    color: #636363 !important;
    background-color: #d9d9d9;
    border-color: #d9d9d9;
}

.btn-light:hover {
    color: #636363;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}

.btn-primary {
    color: #fff !important;
    background-color: #032459;
    border-color: #032459;
}

.btn-primary:hover {
    color: #fff;
    background-color: #183f7e;
    border-color: #183f7e;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, .1);
    background-color: #183f7e;
    border-color: #183f7e;
    border-color: 0px;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.5);
}

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

.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 rgba(0, 0, 0, 0.5)
}

.btn-outline-primary {
    color: #032459 !important;
    background-color: transparent;
    background-image: none;
    border-color: #032459;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #032459;
    border-color: #032459;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0.1)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: grey !important;
    border-color: grey;
    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: #fff;
    background-color: #032459;
    border-color: #032459;
}

.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 .2rem rgba(0, 0, 0, 0.1)
}

.btn-outline-secondary {
    color: #0da6e2 !important;
    background-color: transparent;
    background-image: none;
    border-color: #0da6e2;
}

.btn-outline-secondary:hover {
    background-color: #0da6e2;
    color: #ffffff !important;
    border-color: #0da6e2;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0.1)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #ffffff;
    background-color: #dddddd;
    border: 1px solid #c9c9c9;
    color: #919191 !important;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #0da6e2;
    border-color: #0da6e2;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0.5)
}

.btn-outline-light {
    color: #ffffff !important;
    background-color: transparent;
    background-image: none;
    border-color: #ffffff;
}

.btn-outline-light:hover {
    color: #032459 !important;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0.5)
}


.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #ffffff;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
    color: #fff;
    background-color: #333333;
    border-color: #ffffff;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
    color: #032459 !important;
    background-color: #ffffff;
    border-color: #032459;
}


.btn-inverse:focus,
.btn-inverse.focus {
    box-shadow: 0 0 3px 3px rgba(255, 255, 255, .1);
    background-color: rgba(255, 255, 255, 1);
    border-color: #ffffff;
}

.btn-inverse.disabled,
.btn-inverse:disabled {
    color: rgba(0, 0, 0, 0.5);
    background-color: rgba(255, 255, 255, 255.5);
    border-color: rgba(255, 255, 255, 255.5);
}

.btn-inverse:not(:disabled):not(.disabled):active,
.btn-inverse:not(:disabled):not(.disabled).active,
.show>.btn-inverse.dropdown-toggle {
    color: #000;
    background-color: #ececec;
    border-color: #ffffff;
}

.btn-inverse:not(:disabled):not(.disabled):active:focus,
.btn-inverse:not(:disabled):not(.disabled).active:focus,
.show>.btn-inverse.dropdown-toggle:focus {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.5)
}

.btn-secondary {
    color: #ffffff !important;
    background-color: #0da6e2;
    border-color: #0da6e2;
}

.btn-secondary:hover {
    color: #ffffff;
    background-color: #4cc7f4;
    border-color: #4cc7f4;
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 3px 3px rgba(255, 255, 255, .1);
    color: #ffffff;
    background-color: #4cc7f4;
    border-color: #4cc7f4;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: rgba(0, 0, 0, 0.5);
    background-color: rgba(255, 255, 255, 255.5);
    border-color: rgba(255, 255, 255, 255.5);
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: #ffffff;
    background-color: #4cc7f4;
    border-color: #4cc7f4;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.5)
}

.filter-btn {
    display: block;
    text-align: center;
    width: 100%;
    background-color: #ececec !important;
    padding: 10px !important;
    margin-bottom: 15px;
    font-size: 13px !important;
}

.btn.negociacao {
    background-color: #d39e00;
}

.btn.recusado,
.btn.vendido-faturado,
.btn.negociacao {
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
    font-size: 13px;
    padding: 0px 3px;
    border-radius: 0.25em;
    vertical-align: baseline;
}


/* -----------------------------------------
   Datepicker
----------------------------------------- */

.ui-datepicker {
    bottom: 0px;
}

.ui-datepicker-trigger {
    border: none;
    background: none;
    position: absolute;
    bottom: 5px;
    left: 18px;
}

input.small-9.columns.hasDatepicker {
    float: left;
    width: 73%;
}

button.ui-datepicker-trigger {
    background: transparent;
    color: #0da6e2;
    padding: 4px 8px;
}

button.ui-datepicker-trigger:hover {
    background: transparent;
}

button.ui-datepicker-trigger:focus {
    outline: 0px;
}


button.ui-datepicker-trigger i.fa.icon-calendar {
    color: black;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    background-image: none !important;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    font-weight: normal;
    align-items: center;
    justify-content: center;
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #032459 !important;
}

.ui-widget-header a {
    color: #0da6e2 !important;
}

.hasDatepicker {
    padding-left: 40px !important;
}

.ui-datepicker-prev:before {
    content: "\f053";
}

.ui-datepicker-next:before {
    content: "\f054";
}

.ui-datepicker .ui-datepicker-title {
    font-family: 'VW Text', arial, helvetica, sans-serif;
    font-weight: 400;
    font-size: 12px;
}

.ui-widget-header {
    border: 0px !important;
    background: transparent !important;
    color: #333 !important;
    font-weight: 400 !important;
}

.ui-widget.ui-widget-content {
    width: 250px;
    height: 250px;
    padding: 15px 20px;
    border: 0px !important;
    border-radius: 0px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 5%);
    z-index: 10000 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0px !important;
    background: transparent !important;
    font-weight: normal !important;
    color: #000000 !important;
    font-family: 'VW Text', arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px transparent !important;
    background: #0da6e2 !important;
    color: #fff !important;

}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0px !important;
    font-weight: normal !important;
    font-family: 'VW Text', arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
}

.ui-datepicker-next-hover {
    background-color: #f5f5f5 !important;
    border: 0px !important;
    right: 1px !important;
    top: 2px !important;
    border-radius: 0px !important;
    cursor: pointer;
}

.ui-datepicker-prev-hover {
    background-color: #f5f5f5 !important;
    border: 0px !important;
    left: 1px !important;
    top: 2px !important;
    border-radius: 0px !important;
    cursor: pointer;
}

/* -----------------------------------------
   Ajustes Cotação
----------------------------------------- */

.card-upload .card-header {

    border-radius: 0px;
    font-weight: 600;
    background-color: #999;
    color: white;
    font-size: 14px;
    line-height: 19px;
    font-family: 'VW Head', arial, helvetica, sans-serif;
}

.card-resumo-cotacao .form-group {
    margin-bottom: 5px;
}

.optional-item-quote {
    padding-left: 5px;
    display: block;

    color: #000000;
    margin-bottom: 2px;

}

.optional-item-quote .car-component-name {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #032459;
    font-family: 'VW Head', arial, helvetica, sans-serif;
}

.optional-item-quote .car-component-name span {
    display: block;
    font-size: 12px;
    line-height: 15px;
    color: #919191;
}

.optional-item-quote .car-component-description p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.optional-item-quote .car-component-price {
    border: 1px solid #0da6e2;
    border-radius: 24px;
    color: #0da6e2;
    padding: 6px 20px;
    display: inline-block;
}

.optional-item-quote .btn-link-description {}

.optional-item-quote .car-component-description {
    padding-left: 0px;
}

.thead-gray {
    background-color: #f5f5f5;
}

.thead-gray .sticky-td {
    background-color: #f5f5f5 !important;
}




.table-sheet .input-group>.input-group-append>.btn {
    height: 35px;
    padding: 7px 15px 10px 11px;
}

.table-sheet table tr td:last-child,
.table-sheet table tr th:last-child {
    text-align: left !important;
}

.input-destaque .form-control {
    background-color: #ffffff;
    border-color: #7ccb73;
}

.input-destaque .input-group-text {
    background-color: #ebffe4;
    border-color: #7ccb73;
}


.table-sheet .model-name {
    min-width: 200px;
    font-weight: 600;
}

.table-sheet .percentage .form-group {
    min-width: 152px;
}

.table-sheet .percentage .form-group .btn-secondary {
    height: 35px;
    padding: 6px 16px;
    font-size: 13px;
}

.table-sheet tr th {
    min-width: 100px;
}

.table-sheet tr th {
    padding: 0.5rem;
    text-align: center;
}

.table-sheet tr td {
    padding: 0.5rem;
    text-align: center;
}

.table-sheet .form-group {
    margin-bottom: 0px;
    min-width: 190px;
}

.table-mobile .list-title {
    display: block;
    font-weight: 600;
    color: #0da6e2;
    font-size: 13px;
    line-height: 20px;
    font-family: 'VW Head', arial, helvetica, sans-serif;
}

.card-mobile-header .card-header {
    font-size: 14px;
    line-height: 18px;
    background-color: #e1e1e1;
    font-weight: 600;
    text-align: center;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    border-bottom: 0px;
}

.table-mobile .list-description {
    margin-bottom: 5px;
    display: block;
    font-size: 16px;
    line-height: 21px;
}


.table-mobile-container .btn-position .btn-access {
    position: absolute;
    right: -7px;
    top: calc(50% - 26px);
    font-size: 19px;
    padding: 10px;
    z-index: 500;
    color: #333333;
}

.table-mobile-container .btn-position {
    position: relative;
}

.table-mobile-container {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

label .fa-info-circle {
    margin-left: 3px;
}

.contacts-card .collapse-content {
    background-color: #f9f9f9;
    padding: 15px;
    margin-bottom: 15px;
}

.sale-type.card-disabled {
    background-color: #f9f9f9;
    opacity: 0.5;
}

.sale-type.card-disabled:hover {
    background-color: #ffffff;
    opacity: 1;
}

.color-description {
    margin-top: 0px;
    font-size: 13px;
}

.color-description span {
    display: block;
}

.color-description .color-name {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
}

.icon-politicas {
    color: #c6c6c6;
    font-size: 16px;
    margin-left: 10px;
    font-weight: 900;
}

.icon-politicas.active {
    color: #009900;
    font-size: 16px;
    margin-left: 10px;
    font-weight: 900;
}

.table-models .table-year {
    background: #e1e1e1;
    color: #000;
}

.table-models .table-year th {
    color: #032459;
    ;
}



.table-models thead th {
    border-top: 0px !important;
}

.table-models table tr:first-child td {
    border-top: 0px !important;
}

.table-models .table-year th {
    padding-top: 0.75rem;
}

.my-edition {
    font-size: 11px;
    line-height: 16px;
    background-color: #f5f5f5;
    padding: 4px 8px;
    border-radius: 4px;
    color: #707070;
    font-weight: 600;
    width: 100%;
    text-align: center;
    display: block;
}

.table-bold {
    font-weight: 600;
    color: #000;
}

.table-models tr td:last-child {
    text-align: right;
}

.table-models th {
    padding: 0px 0.75rem 0.75rem 0.75rem;
    vertical-align: top;
    border-top: 0px;
}

.owl-carousel .owl-item img {
    display: block;
    width: auto !important;
    max-height: 250px;
}

.table-itens-serie tr td:first-child {
    width: 50px;
    font-weight: 600;
}


.table-itens-serie tr td {
    vertical-align: middle !important;
}

.table-clientes {
    height: 300px;
    overflow-y: auto;
}

.table-system table .active td {
    background-color: #28a74526;
    font-weight: 500;
}

.table-system table .active td:first-child {
    border-left: 3px solid #009900;
}

.table-system table .active td .client-results-info {}

.table-hover {
    cursor: pointer;
}

.table-system table .active td:last-child .btn {
    color: #009900;
}

.card-resumo-final .items-block .col-description {
    font-size: 16px;
    line-height: 18px;
    padding: 6px 0px;
}

.model-code {
    font-size: 14px;
    line-height: 19px;
    color: #919191;
}

.sale-type,
.sale-type:visited {
    width: 100%;
    padding: 25px 20px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    font-family: 'VW head', arial, helvetica, sans-serif;
    text-align: center;
    border: 1px solid #fff !important;
}

.sale-type.active {
    border: 1px solid #009900 !important;
    background-color: #fcfffc !important;
    border-bottom-width: 2px !important;

}

.sale-type.sale-long {
    text-align: left;
    color: #000000;
}

.sale-type.sale-long span {
    color: #000000;
}

.sale-type.sale-long .sale-title {
    font-weight: 600;
}

.sale-type.sale-long span {
    display: block;
    text-align: left;
}

.card-resumo-final .card-footer .form-group {
    position: relative;
}

.car-component-price {
    padding-left: 50px;
}

.car-component-price p {
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    margin-bottom: 0px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .col-xxl-3 {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }

    .col-xxl-9 {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }
}

@media only screen and (max-width: 576px) {

    .btn-img img {
        width: 65px !important;
        height: 65px !important;
    }

    .icon-politicas {
        margin-left: 0px;
    }

    .spaced-title {

        margin-top: 0px !important;

    }



}

@media only screen and (min-width: 767px) {
    .header-select {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

/* -----------------------------------------
   Tabs
----------------------------------------- */

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px solid;
    border-color: #999999;
    color: #999999;
    ;
    width: 100%;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    margin-left: 2px;

}

.nav-sub .nav-link {

    font-family: 'VW Text', arial, helvetica, sans-serif;
    border-bottom-color: transparent;
    padding: 0.5rem 0.5rem;

}

.nav-sub .nav-item.show .nav-link,
.nav-sub .nav-link.active {
    color: #032459 !important;
    border-color: #032459 !important;
    font-weight: 600;
}

.nav-sub {
    margin-bottom: 15px !important;
}

.nav-tabs .nav-item:first-child {
    margin-left: 0px;
}

.nav-tabs .nav-item:last-child {
    margin-right: 0px;
}

.nav-tabs .nav-item {
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 1px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #0da6e2;
    border-color: #0da6e2;
    font-weight: 600;
}

.nav-tabs {
    border-bottom: 0px;
}

.nav-tabs {
    margin-bottom: 25px
}

.tab-content h2 {
    font-size: 19px;
    line-height: 24px;
    padding-bottom: 6px;
    border-bottom: 1px solid #000000;
    margin-bottom: 10px;
    margin-top: 25px;
}

.card-montagem h2 {
    font-size: 21px;
    line-height: 27px;
    padding-bottom: 6px;
    margin-top: 0px;
    margin-bottom: 5px;

    color: #0da6e2;
}


/* -----------------------------------------
   System Navigation
----------------------------------------- */

.sent-email {
    position: relative;
    display: inline-block;
}

.sent-email .icone-frente {
    color: #ffffff;
    position: absolute;
    top: 3px;
    left: 13px;
    font-size: 6px;
}

.sent-email .icone-tras {
    color: #009900;
    position: absolute;
    top: 0px;
    left: 10px;
    font-size: 12px;
}

.shorten-menu a {
    position: relative;
}

.shorten-menu {
    width: 50px !important;
}

.shorten-menu .nav-title {
    display: none;
}

.card-style {
    padding: 25px;
    border:1px solid #d9d9d9;
    border-radius: 6px;
    margin-bottom: 10px;
}

.card-style p {
    margin-bottom: 3px;
    font-weight: 600;
    color: #0da6e2;
}

.card-style .list-style {
    margin-bottom: 0px;
    margin-top: 0px;
}

.list-style {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 5px;
}

.list-style li {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 3px;
    color: #565656;
    border-bottom: 1px solid #ececec;
    padding: 5px 10px;

}

.list-style li:last-child {
    border-bottom: 0px;

}


.list-style li:before {
    content: "\f0da";
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
    font-weight: 700;
    color: #0da6e2;
    margin-left: -10px;
    width: 10px;
}

.select-dn {
    float: left;
    margin-bottom: 0px;
    max-width: 800px;
}

.select-dn .btn-light {
    color: #ffffff !important;
}

.find-dn .dropdown-menu {
    padding: 1rem;
}

.find-dn .form-group {
    margin-bottom: 0px;
}

.find-dn .dropdown-menu .btn {
    width: 100%;
}

.nav-link {
    display: block;
    padding: 0.45rem 1rem;
}


.header-content {
    background-color: #0da6e2;
    color: #fff;
    height: 49px;
    padding: 10px 15px;
}

.header-content .btn {
    float: right;
    margin-left: 5px;
    margin-top: -1px;
}

.header-content .btn-link {
    color: #ffffff;
    margin-top: -3px;
}

.header-content .btn-link:hover {
    opacity: .7;
}

.header-content h2 {
    color: #fff;
    font-size: 21px;
    line-height: 21px;
    margin-bottom: 0px;
    font-weight: 600;
    margin-top: 3px;
    float: left;
}

.card-resumo-cotacao .type-of-sale {
    padding: 3px 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    border: 1px solid #f2f2f2;
    display: block;
    text-align: center;
    border-radius: 6px;
    margin-top: 5px;
}

.right-navigation {

    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: end;
    justify-content: end;

}


.long-content {
    padding-left: 250px;
    padding-top: 53px;
    padding-right: 0px;
}

.shorten-content {
    padding-left: 50px !important;
}



.collapse-menu-list {
    background-color: #f2f2f2;
    height: 49px;
}

.collapse-menu-list a {
    padding: 15px 15px !important;
    border-left: 0px !important;
}

.section-nav {
    width: 250px;
    background-color: #ffffff;
    height: 100%;
    padding: 53px 0px 15px 0px;
    position: fixed;
    top: 0px;
    left: 0;
    bottom: 0;
    z-index: 1000;
    display: block;
    overflow: auto
}

.section-nav ul {
    list-style: none;
    padding: 0px;
    background-color: #fff;
}

.section-nav ul li .active {
    color: #032459;
    font-weight: 600;
    border-left: 3px solid #0da6e2;
}

.section-nav ul li ul li .active {
    color: #333333;
    font-weight: 500;
    border-left: 3px solid #aeaeae !important;

}

.section-nav ul li ul li .active a {}



.section-nav ul li a {
    color: #969696;
    padding: 10px 15px 10px 12px;
    display: block;
    border-left: 3px solid #fff;
}

.section-nav ul li ul li a {
    color: #969696;
    padding: 5px 15px 5px 12px;
    display: block;
    background-color: #f2f2f2;
    border-left: 3px solid #f2f2f2 !important;
}

.section-nav ul li a:hover {
    text-decoration: none;
    color: #000000;
}

.section-nav ul li a:hover i {
    color: #0da6e2 !important;
    transition: 0.2s;
}

.section-nav ul li .active i {
    color: #0da6e2 !important;
}

.section-nav ul li .nav-icon {
    text-align: center;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    display: inline-block;
}

.section-nav ul li {
    border-bottom: 1px solid #f5f5f5;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 14px;
    line-height: 19px;
}

.section-nav ul li .nav-icon i {
    color: #969696;
    font-size: 14px;
    line-height: 19px;
    transition: 0.2s;
}

.section-nav ul li ul li {
    padding: 0px 0px;
    border-top: 1px solid #fff;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    border-bottom: 0px;
}

.section-nav ul li ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

.section-nav ul li ul li .nav-icon i {
    color: #969696;
    font-size: 11px;
    line-height: 19px;
    transition: 0.2s;
}

.language-selection-img {
    height: 20px;
    padding-right: 3px;
}

[data-toggle="collapse"] .fa:before {
    content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f13a";
}

.nav-reports {

    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-reports .nav-link span {
    font-size: 9px;
    font-weight: 600;
    color: #9e9e9e;
}

.nav-reports .nav-item {
    text-align: center;
}

.nav-reports .nav-link.active,
.nav-reports .show>.nav-link {
    color: #fff;
    background-color: #000;
}

.nav-reports .nav-link {
    border-radius: 0rem;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 11px;
}

.dashLogo img {
    max-height: 30px;
}

.dashLogo {
    color: #C2C2C2;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    padding-top: 0px;
    padding-bottom: 0px;
}

.center-navigation a {
    font-family: 'VW Head', arial, helvetica, sans-serif;
}

.navbar-toggler {
    padding: .24rem .60rem;
    font-size: 1rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 24px;
}

.config-page .navbar-toggler {
    padding: .24rem .60rem;
    font-size: 1rem;
    line-height: 1;
    background-color: #f5f5f5;
    border: 1px solid transparent;
    border-radius: 0;
}

.config-page .navbar {
    background-color: #F2F2F2;
    padding: 0px;
}

.usermenu {
    font-size: 13px;
    color: #C1C1C1;
    line-height: 23px;
}

.select-divider {
    border-bottom:1px solid #ececec;
    margin-bottom: 10px;
}

.select-divider .form-check-inline label {
    font-weight: 600;
}

.usermenu i {

    font-size: 17px;
    color: #C1C1C1;
    line-height: 23px;
}

.navbar-nav .dropdown-menu {
    position: absolute;
    float: none;
}

.dropdown-menu {

    border-radius: 6px;
}

.dropdown-header {
    font-weight: 600;
    padding: 0.5rem 1.5rem 0.5rem 15px;
    color: #0da6e2;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    border-top: 0px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 5px !important;
}

.dropdown-menu a,
.dropdown-menu a:link,
.dropdown-menu a:visited {
    color: #032459;
    transition: 0.3s;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #0da6e2 !important;
    text-decoration: none;
    background-color: #ffffff;
}



.icone-perfil {
    width: 20px;
    text-align: center;
    color: #c1c1c1;
}

.config-page .nav .nav-link.active {
    color: #fff;
    background-color: #000;
}

.config-page .nav .nav-link {
    border-radius: 0rem;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 14px;
    display: block;
    width: 100%;
}

.config-page .nav .title-nav {
    border-radius: 0rem;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 14px;
    display: block;
    width: 100%;
    padding: .5rem 1rem;
    margin-bottom: 0px;
}

.config-page .nav .nav-link:hover {
    padding-left: 1.2rem;
}

.card-data-panel .card-body h3 {
    font-size: 12px;
    margin: 0px;
    line-height: 21px;
    font-weight: 500;
}

.card-data-panel .card-body h5 {
    font-size: 28px;
    margin-bottom: 0px;
    color: #032459;
}

/* -----------------------------------------
   Dropdowns
----------------------------------------- */

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem .25rem 0px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 13px;
    line-height: 17px;
}

.dropdown-menu-header {
    padding-bottom: 10px;
    display: block;
}

/* -----------------------------------------
   Notifications
----------------------------------------- */


.notification-list {
    max-width: 400px;
    min-width: 400px;
}

.timeline {
    list-style: none;
    padding-left: 0;
    position: relative;
    overflow: auto;
    max-height: 200px;
    padding-right: 10px;
}

.dropdown-notifications .dropdown-menu {
    padding: 1rem;
}

.usermenu .dropdown-menu {
    padding: 0.75rem;
}

.dropdown-notifications .dropdown-menu p {
    margin-bottom: 0px;
}

.timeline li {
    position: relative;
    padding-left: 70px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 14px;
    border-top: 1px solid #f5f5f5;
}

.timeline li .timeline-date {
    display: inline-block;
    width: 100%;
    color: #a6a6a6;
    font-size: 11px;
}

.timeline.timeline-icons li {
    padding-top: 7px;
}

.timeline p {
    position: relative
}

.close-notification {
    position: absolute;
    top: 10px;
    right: 0px;
    color: #c1c1c1 !important;
    font-size: 9px;
}


.timeline.timeline-icons.timeline-sm li {
    margin-bottom: 0px;
    padding: 10px 40px 10px 0px;
}

.timeline.timeline-icons.timeline-sm li .timeline-icon {
    left: 4.5px;
}

.timeline.timeline-advanced li {
    padding-top: 0;
}

.timeline.timeline-advanced li:after {
    background: #fff;
    border: 1px solid #29b6d8;
}

.timeline.timeline-advanced li .timeline-date {
    width: 75px;
    position: absolute;
    right: 5px;
    top: 3px;
    text-align: right;
}

.timeline.timeline-advanced li .timeline-title {
    font-size: 17px;
    margin-bottom: 0;
    padding-top: 5px;
    font-weight: bold;
}

.timeline.timeline-advanced li .timeline-subtitle {
    display: inline-block;
    width: 100%;
    color: #a6a6a6;
}

.timeline.timeline-advanced li .timeline-content {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 70px;
}

.timeline.timeline-advanced li .timeline-content p {
    margin-bottom: 3px;
}

.timeline.timeline-advanced li .timeline-content .divider-dashed {
    padding-top: 0px;
    margin-bottom: 7px;
    width: 200px;
}

.timeline.timeline-advanced li .timeline-user {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.timeline.timeline-advanced li .timeline-user:before,
.timeline.timeline-advanced li .timeline-user:after {
    content: " ";
    display: table;
}

.timeline.timeline-advanced li .timeline-user:after {
    clear: both;
}

.timeline.timeline-advanced li .timeline-user .timeline-avatar {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 10px;
}

.timeline.timeline-advanced li .timeline-user .timeline-user-name {
    font-weight: bold;
    margin-bottom: 0;
}

.timeline.timeline-advanced li .timeline-user .timeline-user-subtitle {
    color: #a6a6a6;
    margin-top: -4px;
    margin-bottom: 0;
}

.timeline.timeline-advanced li .timeline-link {
    margin-left: 5px;
    display: inline-block;
}

.timeline-load-more-btn {
    margin-left: 70px;
}

.timeline-load-more-btn i {
    margin-right: 5px;
}

.bell-icon {
    position: relative;
    padding: 11px;
}

.badge {
    position: absolute;
    top: 8px;
    right: 4px;
    display: inline-block;
    min-width: 12px;
    font-size: 7px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
}

.badge-danger {
    background-color: #db5565;
}

.dropdown-notifications .fa-bell {
    color: #C1C1C1;
    font-size: 16px;
    line-height: 16px;

}


/* -----------------------------------------
   Alert Styles
----------------------------------------- */

.toast {
    border-radius: 0px;

}

.close-toast {
    font-size: 18px;
}

.toast-position {
    position: absolute;
    top: 0;
    right: 10px;
}

.toast-box {
    z-index: 7000;
    position: relative;
}

.toast-success {
    color: #009900;
}

.toast-warning {
    color: #ffcc00;
}

.toast-error {
    color: #cc3300;
}

.green-alert {
    border: 1px solid #009900;
    color: #009900;
}

.yellow-alert {
    border: 1px solid #fa0;
    color: #fa0;
}

.red-alert {
    border: 1px solid #BB0A30;
    color: #BB0A30;
}

.primary-alert {
    border: 1px solid #000;
    color: #000;
}

.text-danger-audi {
    color: #bb0a30 !important;
}


.text-success-audi {
    color: #090 !important;
}

.text-danger {
    color: #bb0a30 !important;
    margin-top: 5px;
}

.alert {
    border-radius: 6px;
    padding: 1rem 3rem 1rem 1.25rem;
}

.alert .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    opacity: 1;
}

.alert-calculo span {
    font-weight: 600;
}


.alert-info {
    color: #032459;
    background-color: #ffffff;
    border-color: #0da6e2;
}


.alert .fa-times {
    color: #fff !important
}

.alert-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 16px;
}

/* -----------------------------------------
   Dashboard
----------------------------------------- */

.dashboard-home .nav-item {
    width: 50%;
    border-radius: 0px;
    border: 0px;
}

.dashboard-home .nav-item .active {
    border-bottom: 3px solid #000;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    color: #000;
}

.dashboard-home .nav-link {
    font-weight: 600;
    text-align: center;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 16px;
    color: #6d6d6d;
    border-radius: 0px;
    padding: 15px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 3px solid #ececec;
}

.dashboard-home .nav-link:focus,
.dashboard-home .nav-link:hover {
    border-left-color: #fff;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom: 3px solid #000;
}

.dashboard-home .tab-pane {
    padding-top: 40px;
}

.dashboard h3 {
    padding-left: 8px;
}

.low-col {
    padding-left: 8px;
    padding-right: 8px;
}

.low-row {
    margin-left: -8px;
    margin-right: -8px;
}

.table-financiamento .strong {
    font-weight: 600;

}

.table-system h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #032459;
}

.table-system table .img-container {
    width: 25%;
    text-align: center;
}

.table-system table .model-container {
    width: 60%;
}

.table-system table .qty-container {
    width: 10%;
}


.table-system table img {
    max-height: 40px;
}

.table-system table tr td {
    vertical-align: middle;
    position: relative;
}

.table-system table td,
.table-system table th {}

.table-system table thead th {
    border-top: 2px solid #ececec;
    font-size: 14px;
    font-weight: 600;
    font-family: 'VW Text', arial, helvetica, sans-serif;
    color: #0da6e2;
}

.table-system table td,
.table-system table th {
    border-top: 1px solid #ececec;
}

.table-system table td {
    font-size: 14px;
    font-weight: 500;
    font-family: 'VW Text', arial, helvetica, sans-serif;

}

.table-system table tr td:last-child,
.table-system table tr th:last-child {
    text-align: right;
}

.table-system table tr td:last-child .btn,
.table-system table tr th:last-child .btn {
    float: right;
}

.card .card-body .table-system table {
    margin-bottom: 0px;
}

.table-system .one-icon-width {
    width: 35px;
    min-width: 35px;
}

.table-system .two-icon-width {
    width: 60px;
    min-width: 60px;
}

.table-system .three-icon-width {
    width: 90px;
    min-width: 90px;
}

.table-system .four-icon-width {
    width: 125px;
    min-width: 125px;
}

.table-system .five-icon-width {
    width: 175px;
    min-width: 175px;
}

.table-system .six-icon-width {
    width: 195px;
    min-width: 195px;
}

.table-system .seven-icon-width {
    width: 205px;
    min-width: 205px;
}

.table-system .eight-icon-width {
    width: 215px;
    min-width: 215px;
}

.table-system .table-hover tr td:hover {
    cursor: pointer;

}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .01);
}

/* -----------------------------------------
   Checkbox
----------------------------------------- */

.car-component-description ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.car-component-description ul li {
    padding-left: 10px;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 3px;
    color: #565656;

}


.car-component-description ul li:before {
    content: "\f0da";
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
    font-weight: 700;
    color: #0da6e2;
    margin-left: -10px;
    width: 10px;
}


.card-montagem .checkbox label {
    padding-left: 50px;
    display: block;
    font-weight: 600;
    color: #000000;
    margin-bottom: 2px;
    font-size: 15px;
    line-height: 19px;
    font-family: 'VW Head', arial, helvetica, sans-serif;
}

.card-montagem .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 22px;
    top: 23px;
    border: 1px solid #989898;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    cursor: pointer;
}

.card-montagem .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 28px;
    top: 25px;
    font-size: 15px;
    color: #009900;
    cursor: pointer;
}

.card-montagem .checkbox input[type="checkbox"] {
    opacity: 0;
    display: none;
}

.card-montagem .checkbox input[type="checkbox"]:focus+label::before {
    outline: 0px
}

.card-montagem .checkbox input[type="checkbox"]:checked+label::after {
    font-family: 'Font Awesome 6 Pro';
    content: "\f00c";
}

.card-montagem .checkbox input[type="checkbox"]:disabled+label {
    opacity: 0.65;
}

.card-montagem .checkbox input[type="checkbox"]:disabled+label::before {
    background-color: #7b7b7b;
    cursor: not-allowed;
}


/* -----------------------------------------
   Content
----------------------------------------- */

.card-header:first-child {
    border-radius: 6px 6px 0 0;
}

.card-resumo-configuracao .card-header {
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #0da6e2;
    border-bottom: 0px;
    background-color: #ffffff;
    padding-bottom: 0px;
    padding-top: 15px;
}


.card-resumo-configuracao ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.card-resumo-configuracao ul li {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px;
    color: #969696;

}

.card-resumo-configuracao ul li span {
    font-weight: bold;
    display: block;
    font-size: 16px;
    line-height: 21px;
    color: #032459;
}


.btn-img.active {
    border: 1px solid #009900 !important;
    background-color: #fcfffc !important;
    border-bottom-width: 2px !important;
}

.btn-img.active:hover {
    border: 1px solid #009900 !important;
    background-color: #fcfffc !important;
    border-bottom-width: 2px !important;
}

.btn-img {
    position: relative;
    padding: 25px 18px;
    border: 1px solid #ececec;
    margin-right: 5px;
    width: 100%;
    border-bottom-width: 2px !important;
    border-radius: 6px;
}

.btn-img .checked {
    color: #009900;
    position: absolute;
    right: -10px;
    bottom: -10px;
    font-size: 18px;
}

.btn-img:hover {
    border: 1px solid #009900 !important;
    background-color: #fcfffc !important;
    border-bottom-width: 2px !important;
}

.btn-img img {
    width: 80px;
    height: 80px;
    border-radius: 6px;
}

.card-resumo-cotacao h2 {
    text-align: center;
    font-size: 21px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 5px;

}

.card-resumo-cotacao .version {
    color: #909090;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    margin-bottom: 10px;
}

.card-resumo-cotacao .price-block {
    background-color: #F2F2F2;
        margin-bottom: 8px;
    text-align: center;
    padding: 10px;
    font-weight: 600;
    font-size: 21px;
    line-height: 26px;
    color: #032459;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    border-radius: 6px;
}

.card-resumo-cotacao .price-block .price-block-title {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    color: #606060;

}

.table-status {
    font-weight: 500;
    padding-left: 15px;
    display: block;
}

.status-circle {
    font-size: 8px;
    position: absolute;
    top: calc(50% - 4px);
}

.table-user-collapse .btn.disabled,
.table-user-collapse .btn:disabled {
    opacity: 0.2;

}

.table-user-collapse .btn.disabled:hover,
.table-user-collapse .btn:disabled:hover {
    cursor: none;

}

.table-user-collapse .nested-toggler i {
    padding: 10px 12px;
    position: absolute;
    left: -30px;
    top: calc(50% - 16px);
}

.table-user-collapse .nested-toggler {
    position: relative;
    color: #000000;
}

.table-user-collapse .nested-toggler:hover {
    text-decoration: none;
    color: #0da6e2;
}

.table-user-collapse .nested-toggler .fa-chevron-right {
    color: #0da6e2;
}


.table-user-collapse .child td {
    background-color: #f1fbff;
}

.table-user-collapse tr:last-child td {
    border-bottom: 1px solid #ececec;
}

.table-user-collapse .subchild td {
    background-color: #f9f9f9;
}

.table-user-collapse .parent td:first-child {
    padding-left: 32px;
}

.table-user-collapse .parent td:first-child .nested-toggler {
    text-decoration: none;
    color: #032459;
}

.table-user-collapse .child td:first-child {
    padding-left: 31px;
    border-left: 4px solid #0da6e2;
}

.table-user-collapse .subchild td:first-child {
    padding-left: 31px;
    border-left: 4px solid #bfbfbf;
}

.table-user-collapse .clickable {
    cursor: pointer;
}

.table-user-collapse .parent td {
    background-color: #ffffff;
}


.header-content .client-name {
    float: right;
    margin-top: 8px;
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 0px;
    text-align: right;
}

.sale-type,
.sale-type:visited {
    width: 100%;
    padding: 25px 20px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    text-align: center;
    border: 1px solid #fff !important;
    transition: 0.2s;
    border-bottom-width: 2px !important;
}

.sale-type:hover {
    border-top: 1px solid #009900 !important;
    border-left: 1px solid #009900 !important;
    border-right: 1px solid #009900 !important;
    background-color: #fcfffc !important;
    border-bottom: 2px solid #009900 !important;
    transition: 0.2s;

}

.sale-type span {
    color: #919191;
    margin-top: 5px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
}

.car-select,
.car-select:visited {
    width: 100%;
    padding: 20px 40px 20px 40px;
    border: 1px solid #fff !important;
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
}

.car-select h3 {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    font-family: 'VW Head', arial, helvetica, sans-serif;

}

.car-select:hover {
    text-decoration: none;
    border: 1px solid #0da6e2 !important;
    background-color: #ffffff;
}

.card-footer {
    background-color: #DEDEDE;
    border-top: 0px;
    border-radius: 0px;
}

.card-footer:last-child {
    border-radius: 0x;
}

.card-footer .right-align {
    float: right;
}

.card-footer .right-align .btn {
    margin-left: 5px;
}

.fixed-top {
    background-color: #032459 !important;
}

.btn-collapse {
    padding: 0px;
    margin-bottom: 0px;
    border: 0px;
    font-size: 12px;
    line-height: 17px;
    font-family: 'VW Head', arial, helvetica, sans-serif;
}

.btn-collapse-item {
    padding: 0px 0px 5px 0px;
    margin-bottom: 0px;
    border: 0px;
    font-size: 13px;
    line-height: 17px;
    font-weight: 600;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    border-bottom: 1px solid #032459;
    width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 10px;
    border-radius: 0px;

}

.item-components .collapse-content {
    background-color: #f5f5f5;
    padding: 20px;

}

.collapse-container {
    background-color: #ffffff;
    padding: 15px;
    border: 1px solid #b2b2b2;
    border-radius: 6px;
}

.item-components .collapse-content h3 {
    margin: 15px 0px 10px 0px;
    font-size: 16px;
}

.item-components .btn-collapse-item {
    padding: 0px 0px 5px 0px;
    margin-bottom: 0px;
    margin-top: 15px;
    border: 0px;
    font-size: 15px;
    line-height: 21px;
    font-weight: 600;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    border-bottom: 1px solid #032459;
    width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 10px;
    border-radius: 0px;
}

.icon-btn {
    float: left;
    margin-top: 3px;
}

.btn-collapse-item span {
    float: right;
}

.items-block .collapse-content {
    padding-bottom: 10px;
}

.items-block .col-description {
    vertical-align: bottom;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    border-top: 0px;
    padding: 5px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ececec;
}

.items-block .col-description-right {
    text-align: right;
}

.items-block .col-title {
    font-size: 13px;
    line-height: 17px;
    font-weight: 600;
    color: #606060;
    border-top: 0px;
    padding: 5px 0px 0px 0px;
}

.card-cotacao .btn-link,
.card-cotacao .btn-link:visited {
    color: #032459;
    border-radius: 0px;
    font-size: 13px;
    line-height: 18px;
    padding-bottom: 0px;
    margin-top: 5px;
}

.card-cotacao .btn-link i {
    margin-left: 0px;
    margin-right: 5px;
}

.card-cotacao.card-disabled {
    background-color: #f9f9f9;
    opacity: 0.5;
}

.card-cotacao.active {
    border: 1px solid #009900;
    background-color: #fcfffc;
    border-bottom-width: 2px;
}

.card-cotacao {
    border: 1px solid #D9D9D9;
    padding: 15px;
    position: relative;
    margin-bottom: 8px;
    border-radius: 6px;
    background-color: #fff;
}

.card-resumo-cotacao .card-footer {
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ececec;
    box-shadow: 1px -3px 6px rgb(0 0 0 / 10%);
    padding-bottom: 75px;
}

.card-resumo-cotacao .items-block {
    margin-top: 10px
}

.card-collapse .card .card-body {
    background-color: #f5f5f5
}

.card-collapse .card {
    box-shadow: none;
}

.card-collapse .card .card-header {
    background-color: transparent;
    padding: 10px 0px;
    border-bottom: 1px solid #ececec;
}

.card-header-with-link .btn-link {
    float: right;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    padding: 7px 0px;
    border: 0px;
}

.card-header-with-link .btn-link:hover {
    color: #4c4c4c;
    text-decoration: none;
}

.btn-link i {
    margin-left: 5px;
}

.card-header-with-link h3 {
    margin-bottom: 0px;
}


.list-without-icons {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 10px;
}

.list-without-icons li {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 2px;

}

.list-without-icons strong {
    font-weight: 600;
}

.list-with-icons {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 10px;
}



.list-with-icons li {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 2px;

}

.list-with-icons i {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    text-align: center;
}

.card-img-dealer {
    max-height: 60px;
    margin-right: 10px;
}



.card-client-info .card-header {
    background-color: #DEDEDE;
    border-bottom: 0px;
    padding: 20px;
}

.card-client-info .card-header h3 {
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    margin-bottom: 0px;
}

.card-client-info .card-header .cnpj-info {
    font-size: 13px;
    line-height: 18px;
    display: block;
}

.card-client-info .card-body {
    padding: 20px;
}

.card-client-info .card-body h4 {
    margin-bottom: 0px;
    border-bottom: 0px;
}

.card-client-info .card-body p {
    font-size: 13px;
    line-height: 18px;
}

.card-dealer-info .card-header {
    background-color: #ffffff;
    padding: 20px 20px;
    color: #fff;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 14px;
    line-height: 17px;
}

.card-dealer-info .card-header img {
    width: 80px;
    margin-left: 20px;
}

.card-dealer-info .card-header h3 {
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 32px;
    line-height: 37px;
    text-align: right;
}

.card-dealer-info .card-header span {
    color: #032459;
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
}


.card-dealer-info .card-body {
    padding: 20px;
}

.card-dealer-info .card-body h4 {
    margin-bottom: 0px;
    border-bottom: 0px;
}

.card-dealer-info .card-body p {
    font-size: 14px;
    line-height: 19px;
}

.card-data-panel h5 span {
    font-size: 12px;
    color: #999;
}

.filters {
    margin-bottom: 15px;
}

.section-content {
    padding: 15px;
}

h2 .dn-number {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
}

.low-col-card {
    padding-left: 8px;
    padding-right: 8px;
}


.low-row-card {
    margin-left: -8px;
    margin-right: -8px;
}

.nav-reports .nav-link {
    padding: .5rem .3rem;
}

.nav-reports .nav-link.active {
    padding: .5rem .7rem;
    margin: 0 0.2rem;
}

.production-status p {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 2px;
}

.production-status p span {
    font-weight: 600;
}

.process-sidebar .btn {
    margin-top: 10px;
}


.justification-box p {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.reports .form-inline {
    float: right;
}

.reports .form-inline .btn {
    margin: 0px;
}


.delete-msg h6 {
    font-size: 16px;
    color: #bb0a30;
}

.pagination-container {
    margin-top: 15px;
}

.pagination li a {
        position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: 0px;
    line-height: 1.25;
    color: #6e6e6e;
    background-color: transparent;
    border: 0px;
    border-radius: 6px;
    font-weight: 600;
}

.pagination li a:hover {
    background-color: #f5f5f5;
    text-decoration: none;
}

.pagination .active {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #fff;
    background-color: #0da6e2;
    border: 1px solid #0da6e2;
    border-radius: 6px;
    font-weight: 600;

}

.pagination {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    margin-bottom: 0px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
}

.page-link:hover {
    z-index: 2;
    color: #000000;
}

.tab-configs {
    border: 1px solid #ececec;
    padding: 20px;

}

.table-filters {
    margin-bottom: 10px;
}

.table-filters .search-input {
    padding: 15px 0px !important;
    font-size: 14px !important;
}

.table-filters .input-group .search-input {
    border-bottom-color: #000000;
}

.table-filters .input-group .search-input:focus {
    border-bottom: 1px solid #000000;
}


.table-filters .filters-right .btn {
    margin-left: 5px;
}

.btn-table {
    font-size: 14px;
    line-height: 17px;
    padding: 2px 5px;
    margin: 0px;
    z-index: 1000;
    color: #0da6e2;
}

.btn-actions {
    font-size: 12px;
    line-height: 23px;
    padding: 0px;
    padding-bottom: 0px;
    text-align: center;
    height: 26px;
    width: 26px;
}

.client-results-info {
    font-size: 11px;
    line-height: 14px;
    color: #848484;
    text-align: left;
    display: block;
    font-weight: 300;
}


.table-status-inactive {
    color: #BB0A30
}

.table-status-active {
    color: #009900;
}

.table-status-pending {
    color: #fa0
}

.table-system .tag-obriga {
    padding: 5px 9px;
    background-color: #d0e2ff;
    border-radius: 4px;
    color: #032459;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
}
.table-system .tag-proibe {
    padding: 5px 9px;
    background-color: #ffd5d5;
    border-radius: 4px;
    color: #c91d1d;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
}
.table-system .tag-ou {
    padding: 5px 9px;
    background-color: #f0f0f0;
    border-radius: 4px;
    color: #6a6a6a;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
}

.actions-td {
    min-width: 110px;
}

.actions-pricetable {
    min-width: 130px;
}

.actions-pricetable .btn-table {
    font-size: 21px;
    line-height: 26px;
}

.actions-pricetable .toggle-on {
    color: gray;
}

.actions-pricetable .toggle-off {
    color: green;
}

.card-configs .nav-pills .nav-link {
    font-size: 14px;
}

.sub-nav-link {
    padding: 3px 0px 3px 15px;
    font-size: 11px !important;
    border-top: 1px solid #e0e0e0;
    margin-left: 15px;
}

.tab-configs .table th {
    border-top: 0px;
    padding-top: 0px;
}

.tab-configs tr td {
    vertical-align: middle;
    padding: 0.3rem 0.75rem;
}

.card-configs {
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 0;
    background-color: #F2F2F2;

}

.config-page .card-configs {
    border: 1px solid rgb(242, 242, 242);
}

.config-page h6 {
    padding-top: 10px;
    font-size: 18px;
    color: #000;
    font-weight: 600;


}

.config-page .table-header {
    border-bottom: 1px solid #ececec;
    margin-bottom: 15px;
}

.config-page .table-header .btn {
    float: right;
}

.icon-green {
    color: #009900;
}

.icon-red {
    color: #BB0A30;
}

.card-pills .card-body .icon-alert {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 21px;
    line-height: 21px;
    color: #BB0A30;

}

.table-system table .icon-alert {
    color: #BB0A30;

}

.confirmed {
    color: #009900;
}


.btn-icon-approved {
    color: #009900;
}

.btn-icon-denied {
    color: #BB0A30;
}

.btn-icon {
    font-size: 13px;
    line-height: 16px;
    padding: 0px 2px;
    text-align: center;
    margin-left: 8px;
}

.family-upload .btn-icon {
    padding: 8px 0px;
    margin-left: 0px;
}

.family-upload .btn-red {
    color: #BB0A30;
}

.family-upload .btn-green {
    color: #009900;
}

.validation-summary-errors ul {
    list-style: none;
    margin-left: -40px
}

.consulate-flag {
    max-width: 20px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0da6e2;
    ;
}

.nav-pills .nav-link.active:hover,
.nav-pills .show>.nav-link:hover {
    color: #fff;
    background-color: #0da6e2;
    ;
}

.nav-pills .nav-link {
    border-radius: 0rem;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 13px;
    border-radius: 6px;
    margin-right: 3px;
}

.nav-pills .nav-link:hover {
    background-color: #f5f5f5;
}

.show-options .card {
    border-radius: 0px;
    background-color: #fff;
    border: 0px;
}

.show-options .card-body {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-left: 1px solid rgba(0, 0, 0, .125);
    border-right: 1px solid rgba(0, 0, 0, .125);
    padding-bottom: 5px;
}


.show-options .card-header {
    padding: 0px;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .125);

}

.document-box {
    background-color: #F2F2F2;
    padding: 8px 12px;
    display: block;
    overflow: hidden;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
}

.document-approval {
    border-left: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    margin-bottom: 5px;
    padding: 8px 12px;
}

.document-approval .text-red {
    color: #BB0A30;
    font-weight: 600;
}

.text-red {
    color: #BB0A30;

}

.document-approval .text-green {
    color: #009900;
    font-weight: 600;
}

.document-approval p {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0px;
}

.document-description {
    border: 1px solid #ececec;
    background-color: #f5f5f5;
    margin-bottom: 10px;
    margin-top: 0px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 17px;
}

.document-approval .form-check {
    font-size: 11px;
    font-weight: 400;
}

.observation {
    font-size: 11px;
    margin-top: 10px;
    line-height: 14px;
    font-weight: 400;
}

.document-box .link {
    max-width: 80%;
}

.show-options .card-header .btn-link {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    padding: 7px 0px;
}

.show-options .card-header .btn-link:hover {
    text-decoration: none;
}

.options-title {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px;
    font-weight: 600;
}

.option-list {
    padding-left: 15px;
}

.card {
    border-radius: 6px;
    border: 0px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 5%);
}

.card-pills {
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 0;
    background-color: #F2F2F2;
    margin-bottom: 15px;
}

.card-pills .card-body {
    padding: 1.5rem;
}

.card-pills h5 {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 10px;
    display: block;
}

.nav-pills .nav-link span {
    font-size: 9px;
    font-weight: 600;
}

.card-pills ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.card-pills ul li {
    margin-bottom: 3px;
}

.card-pills ul li span {
    font-weight: 600;
}

.process-status-alert {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    max-width: 195px;
}

.center-item {
    text-align: center;
}

.pill-car-photo {
    border-radius: 8px;
}



.section-header {
    border-bottom: 3px solid #F2F2F2;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.section-header h6 {
    font-weight: 600;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px;
    color: #797979;
}

.section-header .btn {
    margin-left: 5px;
    float: right;
}

.section-subheader {
    padding-bottom: 10px;
}


.section-subheader .btn {
    margin-left: 5px;
    float: right;
}

.section-footer {
    border-top: 3px solid #F2F2F2;
    padding-top: 10px;
    margin-top: 20px;
    margin-bottom: 35px;
}

.section-footer .btn {
    margin-left: 5px;
    float: right;
}

.process-block .card {
    border: 1px solid #ececec;
    padding: 0px;
    border-radius: 0px;

}

/*.section-content .form-check {
    padding-left: 2.25rem;
}*/

.accordion-proccess .card-header {
    padding: 0px;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.card-menu .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.75rem 2.25rem;
}

/* Card Elements */

.card-itens-pacote .card-header {
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    color: #ffffff;
    background-color: #032459;
}

.loginCard .card {
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 0;
}

.loginCard .card-body {
    padding: 2.25rem;
}

.card-menu {
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 0;
    background-color: #F2F2F2;
    margin-bottom: 15px;
}

.event table {
    margin-bottom: 0.6rem;
    border-collapse: separate;
    border-spacing: 0 0.75em;
}

.event table tr td {
    vertical-align: middle;
    border-bottom: 1px solid #dee2e6;
}

.event table tr td:first-child {
    border-left: 1px solid #dee2e6;
}

.event table tr td:last-child {
    border-right: 1px solid #dee2e6;
}

.event-date {
    padding: 10px;
    background-color: #ececec;
    font-size: 11px;
    line-height: 14px;
    font-weight: 400;
    width: 160px;
}

.event-doc {
    padding: 10px;
    font-size: 13px;
    line-height: 17px;
    width: 180px;
}

.event-author {
    font-size: 12px;
    font-weight: 600;
    width: 180px;
}

.event-author span {
    margin-right: 4px;
}

.event-clock {
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
}

.event-text {
    padding: 10px;
    font-size: 13px;
    line-height: 17px;
    width: 290px;
}

.country-flag {
    max-width: 18px;
    margin-right: 5px;
}

.country-flag-table {
    max-width: 18px;
    margin-right: 5px;
    float: left;
}

.card-menu ul {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}

.card-menu ul li {
    margin-bottom: 5px;
}

.card-menu ul li span {
    font-weight: 600;
}

.list-items ul {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}

.list-items ul li {
    margin-bottom: 5px;
}

.list-items ul li span {
    font-weight: 600;
}

.card-content {
    border: 1px solid #ececec;
    border-radius: 0;
    background-color: #ffffff;
}

.card-content .card-body {
    padding: 2.25rem;
}

.process-block {
    margin-bottom: 15px;
}

.process-block h6 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ececec;
    font-size: 18px;
}

.process-block .listbox h6 {

    font-size: 16px;
    border-bottom: 0px;
}

#base-config-collapse .btn {
    font-size: 14px;
    font-weight: 600;
    font-family: 'VW Head', arial, helvetica, sans-serif;
}

.block-01 p {
    margin-bottom: 5px;

}

.block-01 .custom-file {
    margin-bottom: 15px;
}


.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem 1rem .375rem 1rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: transparent;
    border-left: inherit;
    border-radius: 0px;
    line-height: 19px;
}

.custom-file-label {
    padding: .375rem 4rem .375rem 1em;
    overflow: hidden;
    font-size: 14px;
    color: #636363;
    line-height: 19px;
    border-radius: 24px;
    word-break: break-all;
}

.process-container .etapa {
    padding: 0px;
}

.orange-bg {
    background-color: #ED5310 !important;
}

.process-container .process-error a {
    background: #BB0A30 !important;
}

.process-container a {
    padding: 10px 15px 10px 35px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    position: relative;
    display: block;
    margin-left: -4px;
    background: #ccc;

}

.process-container a:hover {
    text-decoration: none;
    cursor: default;
}


.process-container li:first-child a {
    padding: 10px 16px 10px 20px;
    margin-left: 0px;
}

.process-container li:last-child a {
    padding: 10px 28px 10px 40px;
}


.process-container .active a {
    color: #ffffff;
    background-color: #000000;
}


.process-container .active a:hover {
    text-decoration: none;
    cursor: default;
}

.process-container .done a {
    color: #fcb392;
    background-color: #ED5310;
    transition: 0.2s;
}

.process-container .done a:hover {
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
}

.process-container {
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 4px;
}

.process-container li {
    display: inline-block;
    height: 50px;
}

.process-container li:last-child .process-step:before {
    display: none;
}

.process-container li:last-child .process-step:after {
    display: none;
}


.process-container .process-step:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #ececec;
    position: absolute;
    top: 0%;
    margin-top: 0px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.process-container .process-step:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #ccc;
    position: absolute;
    top: 0%;
    margin-top: 0;
    left: 100%;
    z-index: 2;
}

.process-container .done .process-step:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #ed5310;
    position: absolute;
    top: 0%;
    margin-top: 0;
    left: 100%;
    z-index: 2;
}

.process-container .active .process-step:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #ffffff;
    position: absolute;
    top: 0%;
    margin-top: 0px;
    margin-left: 1px;
    left: 99%;
    z-index: 1;
}

.process-container .done .process-step:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #ff8b58;
    position: absolute;
    top: 0%;
    margin-top: 0px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

/*.destaque-title {
    color: #0da6e2;
    font-weight: 600;
}*/

.process-container .active:first-child .process-step:after {

    left: 99%;

}

.process-container .process-error .process-step:after {
    border-left: 18px solid #BB0A30 !important;
}

.process-container .active .process-step:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #000000;
    position: absolute;
    top: 0%;
    margin-top: 0;
    left: 99%;
    z-index: 2;
}

.process-container .active:after {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid green;
}

.process-container .active {
    font-weight: 600;
}


.tooltip-inner {
    max-width: 200px;
    padding: 8px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0px;
    font-size: 12px;
}

.dealer-accordion .card .card-body {
    padding: 10px;
}

.dealer-accordion .card .card-header .btn-link {
    font-size: 14px;
    font-family: 'VW Head', arial, helvetica, sans-serif;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 19px;
    color: #000;
    padding: 12px 20px;
    width: 100%;
    text-align: left;
    border-radius: 0px;

}

.dealer-accordion .card .card-header {
    background-color: #ffffff;
    border-top: 1px solid rgb(245 245 245);
    border-bottom: 0px;
    padding: 0px;
}

.dealer-accordion .card .card-header .btn[aria-expanded=true] {
    background-color: #0da6e2;
    color: #ffffff;
    border-radius: 0px;
}

.table-system .quote-by-user {
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    margin-top: 0px;
    background-color: #333333;
    padding: 8px 16px;
    color: #fff;
    margin-right: 10px;
}

.table-system .quote-by-user span {
    font-weight: 600;
}

.dropdown-icon {
    display: inline-block;
}

.dropdown-icon .dropdown-menu {
    padding: 15px 20px;
    z-index: 9999999;
    background-color: #032459;
    color: #ffffff;
    font-size: 14px;
    line-height: 19px;
    min-width: 350px;
    margin-top: 9px;

}


.dropdown-icon .dropdown-menu span {
    font-size: 12px;
    line-height: 15px;
    display: block;
    font-weight: 500;
    color: #0da6e2;
}

.dropdown-icon .dropdown-menu p {
    margin-bottom: 0px;
}

.dropdown-icon .dropdown-menu .soma {
    color: #0da6e2;
    font-weight: 700;
}


.car-component {
    height: 60px;
}

.car-component img {
    max-height: 60px;

}

.card-overview .overview-numbers {
    color: #606060;
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
}

.card-overview .overview-numbers span {
    color: #000000;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    margin-top: 2px;
    display: block;
}

.card-overview .card-header {
    background-color: #ECECEC;
    border-bottom: 0px;
    padding: 20px;

}

.card-overview .card-body h3 {
    font-size: 14px;
    line-height: 19px;
}

.card-overview .card-header h2 {
    font-size: 19px;
    line-height: 24px;
}

.card-overview .card-header h3 {
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 10px;
}

.card-overview .card-header ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.card-overview .card-header ul li {
    margin-bottom: 3px;
}

.card-overview .card-header ul li i {
    margin-right: 3px;
    text-align: center;
    width: 16px;
}

.card-overview .card-header ul li span {
    font-weight: 600;
}

.card-overview .btn-collapse-item {

    font-size: 14px;
    line-height: 19px;
}

.card-resumo-final .btn-collapse-item {

    font-size: 16px;
    line-height: 21px;
}

.card-overview .collapse-content {
    background-color: #f9f9f9;
    padding: 15px;
    margin-bottom: 15px;
}

.card-upload .card-img img {
    max-height: 100px;
}

.card-upload .card-img {
    padding: 15px;
}

.items-block tr th {
    padding: 5px 0px 5px 0px;
    border-top: 0px;
    font-size: 13px;
    line-height: 18px;
    font-family: 'VW Head', arial, helvetica, sans-serif;
}

.items-block tr th:last-child {
    text-align: right;
}

.card-financiamento .card-footer {
    background-color: #fff;
    padding: 1.25rem;

}

.card-financiamento .card-body {
    padding: 1.25rem 1.25rem 0 1.25rem;
}

.card-financiamento {
    text-align: center;
    border: 1px solid #032459;
}

.card-financiamento .info-simulacao {
    font-size: 14px;
    line-height: 19px;
    margin-top: 20px;
    margin-bottom: 25px;
    border: 1px solid #b2b2b2;
    padding: 15px 20px;
    border-radius: 0px;
}

.card-financiamento .valor-simulacao span {
    font-size: 12px;
    display: block;
    color: #606060;
    background-color: #e7e7e7;
    padding: 3px 6px;
    line-height: 19px;
    font-family: 'VW Text', arial, helvetica, sans-serif;
    margin-bottom: 8px;
}


.card-financiamento .mais-parcelas {
    padding: 10px;
}

.card-financiamento .valor-simulacao {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 21px;
    display: block;
    border: 1px solid #b2b2b2;
    font-weight: 600;
    padding-bottom: 10px;
    font-family: 'VW Head', arial, helvetica, sans-serif;
}

.card-financiamento .img-plano {
    max-width: 100px;
}

.usermenu .icone-perfil {
    color: #0da6e2;
    font-size: 12px !important;
    line-height: 16px;

}

.pstn-relative {
    position: relative;
}

.pstn-relative .infos-box {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background-color: #0da6e2;
    padding: 15px;
    border-radius: 0px;
    color: #fff;
    font-weight: 400;
}

.pstn-relative .infos-box span {
    font-weight: 600;
}

.section-subheader .input-group-append .btn {
    margin-left: 0px;
    float: none;
}

.section-subheader .input-group .form-control {
   height: calc(1.5em + 0.75rem + 3px) !important;
}

/* -----------------------------------------
   File Drop
----------------------------------------- */

.file-drop-area {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 25px;
    border: 1px dashed rgb(183 183 183 / 40%);
    border-radius: 3px;
    transition: 0.2s;
    margin-bottom: 15px;
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.file-drop-area i {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 52px;
    color: #b0b0b0;
    line-height: 52px;
    margin-bottom: 10px;
}

.file-drop-area .or-select {
    color: #b0b0b0;
    margin-bottom: 7px;
    font-size: 11px;
}

.file-drop-area .formatos-aceitos {
    text-align: center;
    margin-top: 5px;
    font-size: 11px;
    color: #b0b0b0;
}

.garage-car-upload .item {
    position: relative;
    float: left;
    width: 45%;
    margin: 0px 5px;
}

.file-drop-area span {
    display: block;
    text-align: center;
    width: 100%;
}

.flag-principal {
    z-index: 500;
    position: absolute;
    left: 10px;
    bottom: 20px;
    font-weight: 500;
    background-color: #e1f2ce;
    color: #529900;
    font-size: 12px;
    line-height: 14px;
    padding: 4px 6px;
    border-radius: 4px;
    margin-left: 5px;
    margin-top: 1px;
    font-weight: 500;
}

.garage-car-upload img {
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: move;

}

.garage-car-upload .item .remove {
    position: absolute;
    color: #ffffff;
    top: -2px;
    right: -6px;
    background-color: #d12828;
    padding: 0px;
    font-size: 10px;
    line-height: 12px;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    text-align: center;
    z-index: 500;
}

/* -----------------------------------------
   Owl Carousel
----------------------------------------- */

.owl-car-images .owl-prev,
.owl-car-images .owl-next {
    position: absolute;
    color: #fff !important;
    border: none;
    z-index: 100;
    font-size: 28px !important;
    width: 55px;
    height: 55px;
    background-color: rgba(1, 67, 164, 0.9) !important;

}

.owl-car-images .owl-prev:hover,
.owl-car-images .owl-next:hover {
    background-color: rgba(1, 67, 164, 1) !important;
}

.owl-car-images .owl-prev {
    left: 15px;
    top: 42%;
}

.owl-car-images .owl-next {
    right: 15px;
    top: 42%;
}

.owl-item img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    width: auto !important;
    max-height: 300px;
}

/* -----------------------------------------
   Forms
----------------------------------------- */

input[type=checkbox],
input[type=radio] {
    margin-right: 5px;
}

.search-input {
    padding: 22px 22px !important;
    font-size: 16px !important;
}

.select-search .dropdown-item.active,
.select-search .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #0da6e2;
    border-radius: 24px;

}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #ececec
}

.bootstrap-select .dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0da6e2;
}

.bootstrap-select .dropdown-item.active {
    color: #032459 !important;
}


.bootstrap-select.dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #0da6e2;
    border-radius: 24px;
}

.bootstrap-select .dropdown-menu li a.opt {
    padding-left: 15px !important;
}

.select-search .bs-actionsbox,
.select-search .bs-donebutton,
.select-search .bs-searchbox {
    padding: 4px 4px;
    margin-bottom: 10px;
}

.bootstrap-select .no-results {
    padding: 5px 10px !important;
    font-size: 12px;
}

.form-group .bootstrap-select .dropdown-toggle:focus,
.form-group .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: 0px !important;
}

.bootstrap-select .dropdown-menu ul li {
    margin-bottom: 0px;
}

.bootstrap-select .dropdown-menu li a {
    padding: 5px 10px;
}

.bootstrap-select .dropdown-menu .dropdown-item.selected {
    background-color: aliceblue;
    border-radius: 24px;
}

.bootstrap-select .dropdown-menu .dropdown-item.selected:hover {
    color: #032459 !important;
}

.bootstrap-select .dropdown-menu .dropdown-item {
    margin-bottom: 3px;
}





.select-dn .bootstrap-select .btn {
    font-size: 14px;
    border: 1px solid #ffffff;
    color: #000000 !important;

}

.select-dn {
    margin-bottom: 0px !important;
}

.select-search .bootstrap-select>.dropdown-toggle {
    background-color: white;
}

.select-search .dropdown-toggle::after {
    font-size: 14px;
}

.select-search .bootstrap-select .dropdown-menu {
    padding: 20px;
    z-index: 10000;
}

.right-navigation .select-search .bootstrap-select .dropdown-menu .inner {
    overflow-y: auto !important;
    height: 155px;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

.form-group {
    margin-bottom: 10px;
}

.form-inline {
    align-items: start;
}

.form-inline label {
    margin-top: 8px;
    margin-right: 10px;
}

.table-filters .input-group .form-control {
    height: 37px;
}

.multiselect-container {
    padding: 15px 25px !important;
}

.multiselect-container>li.multiselect-group label {
    font-weight: 400;
    font-size: 12px;
}

.multiselect-container .input-group {
    margin: 0px 0px 15px 0px !important;
}

.multiselect-container>li>a>label {
    padding: 3px 0px 3px 0px !important;
    font-size: 14px;
    color: #333333;

}


.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;

}

.input-group>.input-group-prepend>.input-group-text {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    padding-left: 16px;
    padding-right: 14px;
    border-right: 0px;
}

.input-group>.input-group-append>.input-group-text {
    padding-left: 16px;
    padding-right: 14px;
    border-left: 0px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}

textarea {
    border: 1px solid #a9a9a9 !important;
    margin-top: 5px !important;
    font-size: 14px !important;
    padding: 15px !important;
    border-radius: 6px !important;
}

.form-control {
    display: block;
    margin: 0;
    padding: .5em 1em;
    width: 100%;
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    text-align: left;
    color: rgba(0, 0, 0, 1);
    background: 0 0;
    transition: 0.3s;
    transition-timing-function: ease-in;
    resize: none;
    outline: 0;
    border-radius: 24px;

}

label {
    color: #787878;
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
}

/* -----------------------------------------
   Accordion
----------------------------------------- */

.process-accordion .btn-link {
    padding: 0px;
    padding-bottom: 10px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.process-accordion .btn-link:hover,
.process-accordion .btn-link:focus {
    text-decoration: none;
    color: #000;
}

.process-accordion .card {
    border: 0px;
}

.process-accordion .process-block .card .card-body {
    padding: 1.25rem;
}

.process-accordion .card-header {
    padding: 0px;
    margin-bottom: 10px;
    background-color: #fff;
    border-bottom: 1px solid #ececec;
}

.process-accordion .card-body {
    padding: 0px;
}

.process-accordion .process-block .card-body {

    border: 1px solid #ececec;
    padding: 10px;
    border-radius: 0px;
}

/* -----------------------------------------
   Login
----------------------------------------- */

.loginCard {
    margin-top: 45px;
}

.loginCard h5 {
    font-size: 28px;
    line-height: 35px;
}

.loginCard .loginLogo {
    max-width: 50px;
}


/* -----------------------------------------
   Modal
----------------------------------------- */

.modal-header {
    border-bottom: 0px;
}

.modal-body {
    padding: 0 1rem;
}

.modal-footer {
    border-top: 0px;
    margin-top: 0px;
    padding-top: 0px;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, .2);
    border-radius: 0;
    outline: 0;
    padding: 2em;
}

.modal-financiamento-details {
    background-color: #032459;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px 33px;
}

.modal-financiamento-details p {
    margin-bottom: 0px;
    font-size: 11px;
    line-height: 16px;
    color: #0da6e2;
    font-weight: 600;
}

.modal-financiamento {}

.modal-financiamento-details p span {
    font-size: 18px;
    line-height: 26px;
    display: block;
    color: #fff;
    font-weight: 600;
}

.modal-financiamento .modal-content {
    padding: 15px 15px;
}

.modal-financiamento .modal-body {
    padding: 1rem;
}

.modal-financiamento-logos {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0px 33px 15px 33px;
}

.modal-financiamento-logos img {
    max-height: 48px;
}

.modal .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 21px;
    height: 21px;
    left: 0px;
    top: 0px;
    border: 1px solid #989898;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    cursor: pointer;
}

.modal .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 4px;
    top: 1px;
    font-size: 15px;
    color: #009900;
    cursor: pointer;
}

.modal .checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'Font Awesome 6 Pro';
    content: "\f00c";
}

.modal .checkbox input[type="checkbox"] {
    opacity: 0;
    display: none;
}

.modal .checkbox input[type="checkbox"]:focus + label::before {
    outline: 0px
}

.modal .checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}

.modal .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #7b7b7b;
    cursor: not-allowed;
}

.modal .checkbox label {
    padding-left: 35px;
    display: block;
    font-weight: 600;
    color: #000000;
    margin-bottom: 2px;
    font-size: 15px;
    line-height: 19px;
    font-family: 'VW Head', arial, helvetica, sans-serif;
}

.modal .checkbox-info {
    position: relative;
}

/* -----------------------------------------
   Media Queries
----------------------------------------- */

@media only screen and (max-width: 767px) {
    .card-header-with-link .btn-link {
        float: left;
    }

    .table-system .card-header-with-link .btn-link {
        margin-left: 10px;
    }

    .header-content .client-name {
        margin-top: 0px;
        width: 185px;
        font-size: 9px;
        word-break: break-word;
    }



}

@media only screen and (min-width: 576px) {}



@media only screen and (min-width: 481px) {

    .car-component {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .table-filters .filters-right {
        margin-left: auto !important;
    }

    /*.shorten-menu a[title]:hover::after {
        content: attr(title);
        position: absolute;
        font-size: 13px;
        line-height: 18px;
        min-width: 200px;
        top: 0px;
        left: 50px;
        background-color: #fff;
        padding: 11px;
        height: 41px;
        border-bottom: 1px solid #f5f5f5;
        box-shadow: 4px 4px 6px rgb(0 0 0 / 4%);
    }

    .shorten-menu ul li ul li a[title]:hover::after {
        content: attr(title);
        position: absolute;
        font-size: 12px;
        line-height: 18px;
        min-width: 160px;
        top: 0px;
        left: 50px;
        background-color: #f2f2f2;
        padding: 5px 11px;
        height: 31px;
        border-bottom: 1px solid #ffffff;
        box-shadow: 4px 4px 6px rgb(0 0 0 / 4%);
    }*/


}

@media (min-width: 768px) {
    .navbar-expand-md .filters-collapse {
        display: block;
    }

    .modal-financiamento-logos {
        -ms-flex-align: center !important;
        align-items: center !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }


}

@media only screen and (min-width: 576px) and (max-width: 991px) {

    .dashLogo span {
        display: none !important;
    }

    .select-search .bootstrap-select .dropdown-menu {
        padding: 20px;
        min-width: 300px !important;
        max-width: 500px;
        max-height: 400px !important;
    }
}

.modal .bootstrap-select .dropdown-menu .inner {
    overflow-y: auto !important;
    height: 155px;
}

@media only screen and (min-width: 992px) {

    .optional-item-quote {
        -ms-flex-align: center !important;
        align-items: center !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .table-sheet table tr .sticky-td {
        position: sticky;
        background: white;
        z-index: 9999;
        left: 0;
    }

    .table-sheet table .thead-main tr th {
        background: white;
        z-index: 3;
        position: sticky;
        top: -1px;
        text-align: center;
    }



    .table-sheet table tr td:first-child,
    .table-sheet table th:first-child {
        position: -webkit-sticky;
        position: sticky;
        min-width: 130px;
        left: 0;
        z-index: 4;
        background-color: #f9f9f9;
    }

    .table-sheet table th:first-child {
        z-index: 5 !important;
    }

    .table-sheet table tr td:nth-child(2),
    .table-sheet table th:nth-child(2) {
        position: -webkit-sticky;
        position: sticky;
        width: 130px;
        left: 130px;
        z-index: 2;
        background-color: #f9f9f9;
        border-right: var(--border-size-s) solid var(--color-neutral-4);
    }

    .table-sheet table th:nth-child(2) {
        background-color: #f9f9f9;
        z-index: 4 !important;
    }

    .table-sheet table .thead-gray th:nth-child(2) {
        background-color: #f9f9f9;
        z-index: 2 !important;
    }

    .table-sheet table .thead-gray th:first-child {
        z-index: 2 !important;
    }

    .table-sheet table .thead-gray th {
        z-index: 1 !important;
    }

    .table-sheet table .thead-gray th .input-group-append .btn,
    .table-sheet table .thead-gray th .input-group-prepend .btn {
        position: relative;
        z-index: 1;
    }


    .table-sheet table tr td:nth-child(3),
    .table-sheet table th:nth-child(3) {
        background-color: #f9f9f9;
        position: -webkit-sticky;
        position: sticky;
        left: 330px;
        z-index: 2;
        border-right: var(--border-size-s) solid var(--color-neutral-4);
    }

    .table-sheet table th:nth-child(3) {
        background-color: #f9f9f9;
        z-index: 4 !important;
    }

    .table-sheet table .thead-gray th:nth-child(3) {
        background-color: #f9f9f9;
        z-index: 2 !important;
    }

    .card-resumo-cotacao {
        position: fixed;

        height: 100%;
        margin-top: -65px;

    }

    .fixed-sidebar-container {
        -ms-flex: 0 0 370px;
        flex: 0 0 370px;
    }

    .card-resumo-cotacao .card-body {
        overflow-y: auto;

    }

    .card-resumo-cotacao {
        border-radius: 0px;
    }

    .search-input {
        min-width: 300px !important;
    }

.modal .select-search .bootstrap-select .dropdown-menu {
        max-width: fit-content !important;
    }

    .select-search .bootstrap-select .dropdown-menu {
        padding: 20px;
        max-height: 400px !important;
        max-width: 100%;
    }

    .fixed-sidebar {
        position: fixed;
        height: 100%;
        margin-top: -65px;
        width: 370px;
    }

    .container-normal {
        width: calc(100% - 370px);
    }
}


@media only screen and (max-width: 991px) {
    .btn-collapse {
        text-align: left
    }

    .optional-item-quote .car-component-price {
        margin-top: 5px;
    }

    .garage-car-upload img {}

    .modal-financiamento-logos img {
        max-height: 23px;
    }

    .card-resumo-cotacao .card-footer {
        padding: .75rem 1.25rem 1.25rem 1.25rem;
    }
}

@media only screen and (max-width: 577px) {

    .card-dealer-info .card-header h3 {
        font-size: 28px;
        line-height: 35px;
    }

    .select-dn {
        float: none;
        margin-bottom: 10px;
        padding-top: 7px;
        margin-right: 0px;
        width: 100% !important;
    }



    .car-component {
        display: none !important;
    }

    .car-component-mobile {
        padding-left: 50px;
        height: 50px;
        margin-bottom: 10px;
    }

    .car-component-mobile img {
        max-height: 50px;
    }

    .section-nav {
        padding: 50px 0px 15px 0px;
    }

    .long-content {
        padding-top: 50px;
    }

    .sale-type a {
        padding: 10px 20px;
    }

    .header-content .btn {
        padding-left: 14px;
        padding-right: 14px;
    }

    .btn-collapse span {
        display: block
    }

    .pagination {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        margin-left: 10px;
    }

    .btn-right-responsive {
        display: block;
        width: 100%;
    }

    .long-content {
        padding-left: 0px;
    }

    .usermenu .fa-user {
        color: #C1C1C1;
        font-size: 16px;
        line-height: 16px;

    }



    .collapse .select-dn .btn-light {
        width: 100%;
    }

    .my-account {
        display: none;

    }

    .usermenu {
        margin-right: 0px;
    }

    .select-search .bootstrap-select .dropdown-menu {
        padding: 20px;
        min-width: 250px !important;
        max-width: 350px;
        max-height: 250px !important;
    }

    .center-navigation .nav-link {
        color: rgba(255, 255, 255, .5);
        padding: 15px 0px 15px 0px;
        border-bottom: 1px solid #505050;
    }

    .table-filters .filters-right {
        width: 100%
    }

    .table-filters .filters-right .btn {
        margin-top: 10px;
        display: block;
        width: 100%;
        margin-left: 0px;
    }

    .custom-file-label::after {

        content: ">";
    }



    .fixed-top .navbar-toggler {
        position: absolute;
        top: 8px;
        right: 15px;
    }


    .right-navigation .btn-xs {
        font-size: 13px;
        line-height: 16px;
        padding: 7px 14px;
        margin-bottom: 3px;
    }

    .notification-list {
        padding: 1rem;
        max-width: 290px;
        min-width: 290px;
    }

    .center-item {
        text-align: left;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .section-header .btn {
        float: left;
        margin-left: 0px;
        margin-right: 5px;
        margin-top: 5px;
    }

    .section-footer .btn {
        float: left;
        margin-left: 0px;
        margin-right: 5px;
    }

    .event {
        margin-top: 15px;
    }

    .config-page .navbar {
        background-color: #F2F2F2;
        padding: 0px;
        min-height: 40px;
        margin-bottom: 15px;
        margin-top: -10px;

    }

    .config-page .navbar-collapse {
        padding-top: 40px;
    }

    .config-page .navbar-toggler {
        color: #6d6d6d;
        font-size: 14px;
        font-weight: 600;
        position: absolute;
        font-family: 'VW Head', arial, helvetica, sans-serif;
    }

    .config-page .navbar .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 1px;
        padding: 0rem 0rem 1.25rem 0rem;
    }

    .config-page .table-header .btn {
        padding: 8px 14px;
        font-size: 12px;
    }

    .sub-nav-link {
        padding: 6px 0px 6px 15px;
        font-size: 12px !important;
        border-top: 1px solid #e0e0e0;
        margin-left: 15px;
        margin-right: 15px;
    }

    .process-status-alert {

        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        max-width: none;
    }

    .process-container li {
        display: inline-block;
        height: 40px;
    }

    .process-container .process-step {
        font-size: 12px;
    }

    .nav-reports .navbar {
        background-color: #F2F2F2;
        padding: 0px;
        min-height: 40px;
        margin-bottom: 15px;
        margin-top: -10px;

    }

    .nav-reports .navbar-collapse {
        padding-top: 40px;
    }

    .nav-reports .navbar-toggler {
        color: #6d6d6d;
        font-size: 14px;
        font-weight: 600;
        position: absolute;
        font-family: 'VW Head', arial, helvetica, sans-serif;
        border: 0px;
    }

    .nav-reports .nav-link {
        padding: .70rem 1rem;
        font-size: 13px;
        display: block;
        width: 100%;
    }

    .nav-reports {
        background-color: #F2F2F2;
        padding: 0px;
        min-height: 40px;
        margin-bottom: 15px;
        margin-top: -10px;
    }

    .table-system table img {
        max-height: 40px;
    }

    /*    .low-col span {
        padding-bottom: 0px;
        padding-left: 0px;
        text-align: left;
    }*/

}

@media only screen and (min-width: 320px) and (max-width: 374px) {

    .config-page .navbar-toggler {
        top: 5px;
        left: 32%;
    }

    .nav-reports .navbar-toggler {
        top: 5px;
        left: 32%;
    }
}

@media only screen and (min-width: 375px) and (max-width: 424px) {

    .config-page .navbar-toggler {
        top: 5px;
        left: 35%;
    }

    .nav-reports .navbar-toggler {
        top: 5px;
        left: 35%;
    }
}

@media only screen and (min-width: 425px) and (max-width: 480px) {

    .config-page .navbar-toggler {
        top: 5px;
        left: 36%;
    }

    .nav-reports .navbar-toggler {
        top: 5px;
        left: 36%;
    }

}

@media (min-width: 1200px) {
    .container {
        max-width: 1180px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1380px;
    }
}


@media (min-width: 1600px) {
    .container {
        max-width: 1580px;
    }

    .garage-car-upload .item {
        position: relative;
        float: left;
        width: 30%;
        margin: 0px 5px;
    }
}

@media only screen and (min-height: 768px) {

    .table-sheet {
        max-height: 480px;
    }
}

@media only screen and (min-height: 1024px) {

    .table-sheet {
        max-height: 750px;
    }
}

@media only screen and (min-height: 1200px) {

    .table-sheet {
        max-height: 880px;
    }
}

@media only screen and (min-height: 1400px) {

    .table-sheet {
        max-height: 1180px;
    }
}


@media only screen and (min-height: 2100px) {

    .table-sheet {
        max-height: 1780px;
    }
}

.carousel-item.truck {
    height: 200px;
}

.carousel-control-next,
.carousel-control-prev {
    filter: invert(15%);
}

.carousel-item.truck img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media only screen and (min-width: 1200px) {

    .carousel-item.truck {
        height: 400px;
    }
}

.tooltip {
    top: 0 !important;
}

.input-group .form-control:focus {
    z-index: 1;
}