@import "tailwindcss";

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';

@theme {
    --font-sans:
        "Instrument Sans", ui-sans-serif, system-ui, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
}

@font-face {
    font-family: "Nissan AG Light";
    src: url("nissan_ag_light-webfont.eot");
    src:
        url("nissan_ag_light-webfont.eot?#iefix") format("embedded-opentype"),
        url("nissan_ag_light-webfont.woff") format("woff"),
        url("Nissan AG Light.ttf") format("truetype"),
        url("nissan_ag_light-webfont.svg#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Nissan Brand Light";
    src: url("Nissan Brand Light.otf");
}

@font-face {
    font-family: "Nissan AG Extendend";
    src: url("nissan_ag_light_extended-webfont.eot");
    src:
        url("nissan_ag_light_extended-webfont.eot?#iefix")
            format("embedded-opentype"),
        url("nissan_ag_light_extended-webfont.woff") format("woff"),
        url("Nissan AG Light Extended.ttf") format("truetype"),
        url("nissan_ag_light_extended-webfont.svg#fontawesomeregular")
            format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Nissan AG Extendend";
    src: url("nissan_ag_medium_extendend-webfont.eot");
    src:
        url("nissan_ag_medium_extendend-webfont.eot?#iefix")
            format("embedded-opentype"),
        url("nissan_ag_medium_extendend-webfont.woff2") format("woff2"),
        url("nissan_ag_medium_extendend-webfont.woff") format("woff"),
        url("nissan_ag_medium_extendend-webfont.ttf") format("truetype"),
        url("nissan_ag_medium_extendend-webfont.svg#nissan_ag_extdmediumnormal")
            format("svg");
    font-weight: bold;
    font-style: normal;
}
* {
    outline: none !important;
}

*:focus {
    outline: 0 !important;
}

body {
    /* font-size: 12px; */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777777;
    background-color: #fff;
    -ms-overflow-style: scrollbar;
}

header,
footer,
nav,
section {
    display: block;
}

section#main {
    margin-top: 20px;
}

.breadcrumb {
    background-color: rgba(245, 245, 245, 0);
    font-family: "Nissan AG Extendend";
}

.navbar-brand img {
    max-height: 50px;
    margin-top: -15px;
}

.navbar-right li a i {
    font-size: 17px;
    vertical-align: middle;
}

/* General */

.label-nissan {
    background-color: #c71444;
    color: #ffffff;
}

.label-nissan-inverted {
    background-color: #ffffff;
    color: #c71444;
}

.nissan-red {
    color: #c71444;
}

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

.subtext {
    color: #cacaca;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

.form-control {
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.form-control:focus {
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #a94442;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #a94442;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #a94442;
}

.validation-summary-errors-no-padding ul {
    padding-left: 10px;
}

.validation-summary-valid {
    display: none;
}

div.StockList {
    padding: 10px;
    margin: 0;
}

.SearchFields div {
    display: inline-block;
}

select {
    outline: none !important;
}

input {
    outline: none !important;
}

.ImageCell {
    width: 30px;
    text-align: center;
}

.ColumnsText {
    text-align: center !important;
}

.HeaderText {
    text-transform: uppercase;
}

#Background {
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
}

iframe.noScrolling {
    overflow: hidden;
    height: 950px;
    width: 100%;
}

.rectangle {
    width: 20px;
    height: 20px;
    border: solid 1px lightgrey;
    border-radius: 3px;
}

.btn-nissan.active,
.btn-nissan {
    background-color: #c71444 !important;
    border-color: #c71444 !important;
    color: #ffffff !important;
}

.progress {
    background-color: #b0c4de;
}

.progress-nissan {
    background-color: #c71444;
    background-image: -webkit-linear-gradient(top, #c94e6f, #c71444);
    transition: width 0.6s ease;
}

.crop {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 150px;
    position: absolute;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
    margin-top: 2px;
    margin-left: 5px;
}

.custom-input-container {
    position: relative;
    outline: none !important;
    outline-style: none !important;
    box-shadow: none;
    border-color: transparent;
}

.custom-input-overlay {
    width: 100px;
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

.custom-input-left-overlay {
    padding-left: 110px;
    outline: none !important;
}

.command-selected {
    background-color: #c71444;
    transition: width 0.6s ease;
    border-color: #c71444;
    color: #ffffff;
}

button.nissan,
span.nissan {
    background-color: #ffffff;
    background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
    background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
    background-image: -webkit-gradient(
        linear,
        0 0,
        0 100%,
        from(#ffffff),
        to(#eeeeee)
    );
    background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
    background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
    background-image: linear-gradient(top, #ffffff, #eeeeee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: #c71444;
    color: #c71444;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.dataTables_filter input[type="search"] {
    width: 300px !important;
}

.dataTables_paginate .paginate_button {
    padding: 0 !important;
    margin: 0 !important;
}

.dataTables_paginate .paginate_button:hover {
    background: none !important;
    border: none !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #777777 !important;
}

.pagination > li > a,
.pagination > li > span {
    color: #777777 !important;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #cccccc !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #c71444 !important;
    border-color: #c71444 !important;
    color: #ffffff !important;
}

.dataTables_processing {
    background: rgba(250, 250, 250, 0.85) !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.processing img {
    padding: 12px;
}

.datetimepicker input[readonly] {
    background-color: #fff;
}

.glyphicon-exclamation-sign {
    color: #c71444;
}

#niivos-panel {
    display: inline;
}

.modal-body iframe {
    height: 80vh;
    width: 100%;
}

@media screen and (min-width: 1240px) {
    .modal-flexible {
        width: 1200px !important;
    }
}

@media screen and (min-width: 1440px) {
    .modal-flexible {
        width: 1400px !important;
    }
}

.modal-flexible {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.modal-autosize {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.modal-autosize #action-content {
    height: auto !important;
}

.modal-size-800 .modal-content {
    width: 800px;
}

#NavigationTabs a {
    color: #c71444;
}

.nav-tabs a {
    color: #c71444;
}

.nav-tabs > li > a {
    color: #c71444;
    font-size: 13px;
}

.bordered-tab-contents > .tab-content > .tab-pane {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
}

.bordered-tab-contents > .nav-tabs {
    margin-bottom: 0;
}

.bootbox-body {
    font-size: 1.5em;
}

.table-custom {
    white-space: nowrap;
    font-size: 12px;
}

.table-custom select {
    height: 28px;
    line-height: 28px;
    padding: 4px;
    font-size: 12px;
}

.table-custom th,
a,
a:hover {
    color: #c71444;
}

.table-custom .fa-check-circle {
    color: #009933;
}

.table-custom .progress {
    margin-bottom: 0;
}

.table-custom.no-footer {
    border-bottom: 1px solid #ccc !important;
}

.table-custom thead th,
.table-custom thead td {
    border-bottom: 1px solid #ccc !important;
}

.table-custom td.wrapok {
    white-space: normal;
}

.SearchFields select {
    width: 220px;
}

.alert-custom {
    height: 30px;
    padding: 7px;
    margin-bottom: 0px;
    margin-top: 20px;
    margin-left: 17px;
    width: 445px;
}

.indelivery {
    margin-right: 5px;
    color: #ff0066;
}

.quotation {
    color: #5b9bd5;
}

.orderrequest {
    margin-right: 5px;
    color: #ff4500;
}

.order {
    margin-right: 5px;
    color: #f90;
}

.subdealerrequest {
    margin-right: 5px;
    color: #960696;
}

.delivered {
    margin-right: 5px;
    color: #0baa0b;
}

.retailcaptured {
    margin-right: 5px;
    color: #a52a2a;
}

.progress-indelivery {
    background-color: #ff0066;
}

.progress-quotation {
    background-color: #5b9bd5;
}

.progress-orderrequest {
    background-color: #ff4500;
}

.progress-order {
    background-color: #f90;
}

.progress-subdealerrequest {
    background-color: #960696;
}

.progress-delivered {
    background-color: #0baa0b;
}

.progress-retailcaptured {
    background-color: #a52a2a;
}

.urgent {
    color: #eb8058;
}

.progress-urgent {
    background-color: #eb8058;
}

.thisweek {
    color: #0baa0b;
}

.progress-thisweek {
    background-color: #0baa0b;
}

.current {
    color: #0baa0b;
}

.progress-current {
    background-color: #0baa0b;
}

.onGoing {
    color: #5b9bd5;
}

.progress-onGoing {
    background-color: #5b9bd5;
}

.lost {
    color: black;
}

.progress-lost {
    background-color: black;
}

.overtime {
    color: #ff0000;
}

.progress-overtime {
    background-color: #ff0000;
}

form {
    font-size: 14px;
}

.checkbox-with-inputtext {
    display: inline;
    width: 200px;
}

.container-fluid {
    font-size: 12px;
}

.container-fluid .panels {
    margin-top: 15px;
}

.container-fluid select {
    font-size: 12px;
}

.container-fluid .form-control {
    font-size: 12px;
}

.jqplot-table-legend {
    border: none !important;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    left: 13px !important;
}

.jqplot-table-legend-label {
    padding-left: 3px;
}

div.jqplot-table-legend-swatch-outline {
    border: none !important;
}

.jqplot-table-legend-swatch {
    padding-left: 10px;
}

#dossiers-chart,
#leads-chart {
    height: 300px;
}

.jqplot-xaxis {
    width: 80px !important;
}

.jqplot-yaxis-label {
    margin-right: 20px !important;
    font-size: 11pt !important;
    position: absolute !important;
}

.panel-heading h2 {
    font-family:
        Nissan AG Extendend,
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;
}

.panel-body.small {
    padding-bottom: 0;
}

.panel .panel-heading h2,
.panel .panel-heading h3 {
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
}

table#dossiers select {
    width: 190px;
}

.table-custom thead th,
.table-custom thead td,
.table-custom tbody td {
    padding: 5px 2px !important;
}

#localstock th,
#nationalstock th,
#sp-perfect-matches th,
#sp-partial-matches th {
    text-transform: uppercase !important;
    text-align: left;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #c71444;
}

button.transparent {
    background-color: white;
    border: transparent;
}

button.transparent span {
    color: #c71444;
}

/*****CAMPAIGNS And ACCESSORIES*****/
.campaigns-panel,
.accessories-panel {
    margin-top: -15px;
}

.campagne,
.accessory-select {
    cursor: pointer;
}

.campActive,
.accessory-active {
    background-color: #c71444;
    color: #ffffff;
}

.campActive a,
.accessory-active a {
    color: #ffffff;
}

.campLoading,
.accessory-loading {
    background-color: #f5d3dc;
}

.accessory .comment-toggle {
    display: block;
    margin: 5px 0;
}

.campagne > .campButtonON,
.accessory > .accessoryButtonON {
    display: none;
}

.campActive > .campButtonOFF,
.accessory-active > .accessoryButtonOFF {
    display: none;
}

.campActive > .campButtonON,
.accessory-active > .accessoryButtonON {
    display: table-cell;
}

.accessoryButtonON,
.accessoryButtonOFF,
.campButtonON,
.campButtonOFF {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.accessory .img-thumbnail {
    height: 48px;
}

.accessory .popover {
    max-width: 70%;
}

/*****END CAMPAIGNS*****/

.bootbox .cancel {
    margin-left: 10px;
}

.stock-type {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #505050 !important;
}

.typeahead li {
    font-size: 12px;
}

.shake {
    outline-color: red;
    /* also need animation and -moz-animation */
    -webkit-animation: shake 0.5s linear;
}
/* also need keyframes and -moz-keyframes */
@-webkit-keyframes shake {
    8%,
    41% {
        -webkit-transform: translateX(-10px);
    }

    25%,
    58% {
        -webkit-transform: translateX(10px);
    }

    75% {
        -webkit-transform: translateX(-5px);
    }

    92% {
        -webkit-transform: translateX(5px);
    }

    0%,
    100% {
        -webkit-transform: translateX(0);
    }
}

#dossierchart-progress.progress-area,
#leadschart-progress.progress-area {
    position: static !important;
}

.progress-area .blockElement {
    left: 0 !important;
    background-color: transparent !important;
}

#dossierchart-progress.progress-area .blockElement,
#leadschart-progress.progress-area .blockElement {
    width: 100% !important;
    text-align: right !important;
    padding-right: 10px !important;
}

#quick-filters button {
    margin-top: 3px;
}

#quick-filters .btn-quickfilter-nissanred {
    border-color: #c71444;
    color: #c71444;
}

.cursor-pointer {
    cursor: pointer;
}

.text-default {
    font-size: 1em;
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.padding-15 {
    padding: 15px;
}

.no-padding-left {
    padding-left: 0px;
}

.no-padding-right {
    padding-right: 0px;
}

.no-margin {
    margin: 0;
}

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

.margin-top-5 {
    margin-top: 5px;
}

.tooltip-inner {
    text-align: left;
}

button.multiselect {
    font-size: 12px;
}

.multiselect-container {
    font-size: 12px;
}

.multiselect-container .checkbox input {
    margin-top: 2px;
}

.leads-notification-link .leads-notification-icon {
    font-size: 17px;
    margin-top: 4px;
    vertical-align: middle;
}

.leads-notification-link .fa-stack {
    display: block;
    margin-top: 3px;
    position: absolute;
    top: 0;
    right: 0;
}

.leads-notification-link .fa-stack i {
    font-size: 1.75em;
}

.leads-notification-link .fa-stack span {
    font-family: Calibri, Arial, sans-serif;
    font-size: 12px;
    margin-top: -2px;
}

/* Three-state toggles */
.toggle-wrapper {
    width: 50px;
    min-width: 50px;
    height: 20px;
    background: #ccc;
    border-radius: 10px;
    position: relative;
    margin: 10px;
    cursor: pointer;
    display: inline-block;
}

.toggle-knob {
    margin: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    transition: left 0.2s ease;
}

.toggle-left .toggle-knob {
    left: 1px;
    background: #3c763d;
}
.toggle-middle .toggle-knob {
    left: 16px;
    background: #777777;
}
.toggle-right .toggle-knob {
    left: 31px;
    background: #a94442;
}

.select2-container .select2-selection--multiple {
    min-height: 20px;
    font-size: 15px;
    min-height: 40px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 12px !important;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px !important;
}

.select2-container {
    width: 100% !important;
}

.select2-dropdown {
    z-index: 9999 !important;
}
/* Labels */
/* label {
    font-size: 18px;
    font-weight: 500;
    color: #374151;
}

/* Input fields */
/* input,
select {
    font-size: 18px !important;
    height: 50px;
}
::placeholder {
    font-size: 16px;
    color: #6b7280;
}
.select2-results__option {
    padding: 0 !important;
}

.select2-results__option span {
    display: block;
    padding: 8px 12px;
}  */