/*-----------------------------------------------------*/
/*--- General elements
/*-----------------------------------------------------*/
* { margin:0; padding:0; font-family:"Open Sans", sans-serif; font-weight:400; }
body { font-size:14px; color:#3a4c54; background-color:#f5f9fb; }
h1, h2, h3, h4, h5 { font-weight:400; }
h1 { font-size:20px; text-transform:uppercase; }
h1 span { font-weight:300; }
b, strong { font-weight:600; }
a { color:#d40021; text-decoration:none; }
ul { list-style-type:none; }
iframe { display:block; width:100%; border:1px solid #EEE; background-color:#FFF; }
img { image-orientation: from-image; }

DIALOG { display:none; position:fixed; top:50%; left:50%; width:450px; max-width:90%; padding:30px; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:center; background-color:#FFF; border-radius:2px; font-size:15px; border:none; box-sizing:border-box; }
DIALOG[open] { display:block; }
DIALOG::backdrop { background:rgba(0,0,0,.5); }
DIALOG p { max-height:300px; margin:0 0 15px; overflow-y:auto; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/* ----- Forms
/*-----------------------------------------------------*/
form { position:relative; }
fieldset { border:none; }
fieldset h2 { margin:0 0 30px; }
select, button, label, input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor:pointer; outline:none; }
input[type="text"], input[type="email"], input[type="password"], input[type="number"], select, textarea { display:inline-block; width:100%; height:42px; padding:10px; border:none; border-bottom:2px solid #e7edf0; font-size:15px; font-weight:600; background-color:#FFF; outline:none; box-sizing:border-box; transition:all 0.3s; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="file"]:focus, select:focus,  textarea:focus { border-color:#FFC107; }
select { padding:0 10px; }
textarea, select[multiple] { height:150px; }
button, input, select { -webkit-appearance:none; -moz-appearance:none; }
label { position:relative; display:block; white-space:nowrap; box-sizing:border-box; }
input[disabled], input[readonly], select[disabled], textarea[disabled] { color:#d40021; border-color:#d40021; font-weight:600; }

.label { display:block; font-size:14px; line-height:30px; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.label--hidden { display:none; }
.label span { background-color:#e7edf0; padding:1px 3px; border-radius:2px; font-size:11px; }

.required { display:block; position:absolute; bottom:4px; left:4px; text-indent:-999px; overflow:hidden; width:0; height:0; z-index:1; border-style:solid; border-width:7px 0 0 7px; border-color: transparent transparent transparent #FF9800; }

.error-message { display:block; position:absolute; bottom:-35px; padding:2px 8px; font-size:11px; font-weight:600; line-height:200%; color:#FFFFFF; background-color:#FF5722; border-radius:2px; z-index:1; }
.error-message:hover { overflow:visible; }
.error-message:before { content:""; display:block; position:absolute; top:-5px; left:20px; width:0; height:0; border-style:solid; border-width:0 5px 6px 5px; border-color:transparent transparent #FF5722 transparent; }

.error-field input, .error-field select, .error-field textarea, .error-field .custom-combobox-input { border-color:#FF5722 !important; }
.error-field .label { color:#FF5722; }

.checkbox .label, .radio .label { cursor:pointer; padding-left:36px; height:26px; line-height:28px; }
.checkbox input, .radio input { position:absolute; top:1px; left:0; width:0; height:0; opacity:0; }
.checkbox input + .label:before, .radio input + .label:before { position:absolute; top:1px; left:0; content:""; display:block; width:22px; height:22px; background-color:#FFF; border:2px solid #DADADA; border-radius:2px; }
.checkbox input:checked + .label:before, .radio input:checked + .label:before { border-color:#d40021; }
.checkbox input:checked + .label:after, .radio input:checked + .label:after { position:absolute; top:2px; left:1px; content:""; display:block; width:24px; height:24px; background:url('../images/global/form-controls/checkbox-checked.svg?2') no-repeat center; background-size:14px; }
.checkbox input:checked:disabled + .label:after, .radio input:checked:disabled + .label:after { background:url('../images/icons/checkbox-disabled.svg') no-repeat center; }

::-webkit-input-placeholder { font-size:14px; font-weight:400; color:#999999; letter-spacing:0; font-family:"Open Sans", sans-serif; }
::-moz-placeholder { font-size:14px; font-weight:400; color:#999999; letter-spacing:0; font-family:"Open Sans", sans-serif; }
:-ms-input-placeholder { font-size:14px; font-weight:400; color:#999999; letter-spacing:0; font-family:"Open Sans", sans-serif; }
:-moz-placeholder { font-size:14px; font-weight:400; color:#999999; letter-spacing:0; font-family:"Open Sans", sans-serif; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type="number"] { -moz-appearance:textfield; }

.input-uppercase,
.select-uppercase { text-transform:uppercase; }

.form-buttons { margin:15px 0 0; }
.form-buttons--sticky { position:-webkit-sticky; position:sticky; bottom:0; padding:10px; background-color:#FFFFFF; }

.input-vin { font-weight:normal !important; font-size:18px !important; letter-spacing:16px; text-indent:6px; font-family:'Roboto Mono', monospace; background:url('../images/global/form-controls/input-vin-background.png?2'); background-repeat:no-repeat; background-position:0 0; }

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

    label { margin:0 0 15px; }

    .form-buttons .button { width:100%; margin:0 0 15px; }
    .form-buttons .button:last-child { margin:0; }
}

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

    label { margin:0 0 15px; }

    .label-group { position:relative; margin:0 -10px; }
    .label-group:after { content:""; display:block; clear:both; }
    .label-group > label { float:left; border:10px solid transparent; border-top:0; border-bottom:0; }
    .label-group-2 > label, .label-group-2 > .label-group { width:50%; }
    .label-group-3 > label, .label-group-3 > .label-group { width:33.33%; }
    .label-group-4 > label, .label-group-4 > .label-group { width:25%; }
    .label-group-5 > label, .label-group-5 > .label-group { width:20%; }
    .label-group-6 > label, .label-group-6 > .label-group { width:16.66%; }
    .label-group-7 > label, .label-group-7 > .label-group { width:14.28%; }
    .label-group-8 > label, .label-group-8 > .label-group { width:12.5%; }
    .label-group-9 > label, .label-group-8 > .label-group { width:11.11%; }
    .label-group-10 > label, .label-group-10 > .label-group { width:10%; }
    .label-group > .label-group { float:left; border:10px solid transparent; border-top:none; border-bottom:none; }
    .label-group > .label-group .label { overflow:visible; }
    .label-group > .label-group-2 label:nth-child(1) { border-right-width:5px; }
    .label-group > .label-group-2 label:nth-child(2) { border-left-width:5px; }

    .label-group > .label-group-3 label:nth-child(1) { border-right:none; }
    .label-group > .label-group-3 label:nth-child(2) { border:none; }
    .label-group > .label-group-3 label:nth-child(3) { border-left:none; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/* ----- Application messages
/*-----------------------------------------------------*/

.app-messages { position:relative; margin:0 0 30px; text-align:center; }
.app-messages .wrapper { width:100%; max-width:100%; }
.app-message { padding:15px; color:#FFFFFF; background-color:#DDDDDD; }
.app-message p { font-weight:600; }
.app-message-info { }
.app-message-confirmation { background-color:#d8f6d9; color:#4CAF50; border-bottom:2px solid #4CAF50; }
.app-message-warning { background-color:#fff0c4; color:#FF9800; border-bottom:2px solid #FF9800; }
.app-message-error { background-color:#ffc6cf; color:#d40021; border-bottom:2px solid #d40021; }

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

    .app-message { font-size:16px; }
}

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

    .app-message { font-size:14px; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/* ----- Buttons
/*-----------------------------------------------------*/

.button { display:inline-block; padding:0 20px; height:34px; line-height:34px; font-size:13px; font-weight:600; text-align:center; cursor:pointer; -webkit-appearance:none; border:none; border-radius:2px; box-sizing:border-box; transition:all 0.3s; text-transform:uppercase; letter-spacing:2px; vertical-align:middle; }

.button--small { height:36px; line-height:36px;  }
.button--large { height:50px; line-height:50px; }

.button--light { background-color:#FFFFFF; color:#d40021; border-bottom:2px solid #d40021; }
.button--light:hover { background-color:#f5f9fb; }

.button--highlight { background:#d40021; color:#FFF; }
.button--highlight:hover {}

.button--dark { background-color:#4f5959; color:#FFF; }
.button--dark:hover {}

.button--neutral { background-color:#e7edf0; color:#7f939c; }
.button--neutral:hover {}

.button--fluid { width:100%; }

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

    .button--large { font-size:16px; }
}

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

    .button--large { font-size:12px; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Ajax content
/*-----------------------------------------------------*/

.ajax-content { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:100; }
.ajax-content.loading:after { display:none; }
.ajax-content__inner { position:relative; display:block; top:0; width:1024px; height:100%; padding:45px 30px; margin:0 auto; box-sizing:border-box; background:#FFF; transition:all 0.3s; overflow:auto; overflow-x:hidden; }
.ajax-content__close { display:block; position:absolute; top:10px; right:10px; width:22px; height:22px; z-index:9; background:url('../images/global/icons/ajax-content-close.svg') no-repeat center; border:5px solid rgba(0, 0, 0, 0); color:transparent; }

.ajax-content .heading { margin:0; }
.ajax-content h1 { font-size:20px; margin:0 0 30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

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

    .ajax-content__inner { padding:45px 15px; max-width:100%; }
}

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

    .ajax-content__inner { padding:45px 30px; max-width:90%; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Loading
/*-----------------------------------------------------*/
@keyframes spinner { to {transform: rotate(360deg);} }
@-webkit-keyframes spinner { to {-webkit-transform: rotate(360deg);} }
.loading { pointer-events:none; }
.loading:before { content:'Loading'; position:absolute; top:50%; left:50%; width:36px; height:36px; margin-top:-18px; margin-left:-18px; z-index:101; }
.loading:after { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.9); z-index:100; }
.loading:not(:required):before { content:''; border-radius:50%; border-top:2px solid #d40021; border-right:2px solid transparent; animation:spinner .6s linear infinite; -webkit-animation:spinner .6s linear infinite; }

.loading-message { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.5); z-index:2000; }
.loading-message p { position:absolute; top:0; left:0; width:100%; height:100%; padding:80px; background-color:#FFF; text-align:center; font-size:15px; font-weight:600; border-radius:2px; box-sizing:border-box; }
.loading-message p:before { content:'Loading'; position:absolute; top:50px; left:50%; width:36px; height:36px; margin-top:-11px; margin-left:-18px; z-index:2; box-sizing:border-box; }
.loading-message p:not(:required):before { content:''; border-radius:50%; border-top:2px solid #d40021; border-right:2px solid transparent; animation:spinner .6s linear infinite; -webkit-animation:spinner .6s linear infinite; }

.loading-message-visible .loading-message { display:block; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/* ----- Status select
/*-----------------------------------------------------*/

.status-select { height:34px; font-size:10px; text-transform:uppercase; letter-spacing:2px; font-weight:600; border:none; border-radius:2px; background-color:#FFFFFF; transition: all 0.3s; }
.status-select[disabled] { cursor:default; }

/* Invoice */
.status-select--invoice-pending { background-color:#e7edf0; color:#7f939c !important; border-bottom:2px solid #a9b7bd !important; }
.status-select--invoice-paid { background-color:#4CAF50; color:#FFF !important; border-bottom:2px solid #348a37 !important; }

/* Car user payment */
.status-select--car-user-payment-pending { background-color:#e7edf0; color:#7f939c !important; border-bottom:2px solid #a9b7bd !important; }
.status-select--car-user-payment-paid { background-color:#4CAF50; color:#FFF !important; border-bottom:2px solid #348a37 !important; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/* ----- List options
/*-----------------------------------------------------*/

.list-options { position:relative; margin:10px 0; }
.list-options::after { content:""; display:block; clear:both; }

/* Check all */
.list-options__check-all { }
.list-options__check-all label { height:40px; margin:0 !important; background-color:#FFF; border-bottom:2px solid #e7edf0; }
.list-options__check-all .label { padding:0 10px 0 46px !important; line-height:38px !important; text-transform:uppercase; font-weight:600; font-size:12px; color:#3a4c54; }
.list-options__check-all .label:before { top:6px !important; left:10px !important; }
.list-options__check-all .label:after { top:7px !important; left:11px !important; }

/* Pagination */
.list-options__pagination { position:relative; margin:0 auto; }
.list-options__pagination:after { content:""; display:block; }
.list-options__pagination a, .list-options__pagination strong { position:relative; display:inline-block; min-width:40px; height:40px; padding:0 11px; margin:0 3px; text-align:center; line-height:38px; border-bottom:2px solid #e7edf0; font-weight:600; color:#3a4c54; font-size:12px; text-transform:uppercase; background:#FFFFFF; border-radius:2px; transition:all 0.3s; box-sizing:border-box; }
.list-options__pagination a:hover, .list-options__pagination strong { border-color:#d40021; color:#d40021; }

/* Limit */
.list-options__limit { position:relative; }
.list-options__limit select { height:40px; font-size:12px; color:#3a4c54; text-transform:uppercase; border-radius:2px; }

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

    /* Check all */
    .list-options__check-all { float:left; }

    /* Pagination */
    .list-options__pagination { text-align:center; margin:0 auto 15px; }
    .list-options__pagination--header { display:none; }

    /* Limit */
    .list-options__limit { float:right; }
}

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

    /* Check all */
    .list-options__check-all { position:absolute; top:0; left:0; }

    /* Pagination */
    .list-options__pagination { float:left; left:50%; }
    .list-options__pagination a, .list-options__pagination strong { float:left; right:50%; }

    /* Limit */
    .list-options__limit { float:right; }
    .list-options__limit select { width:auto; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/* ----- List actions
/*-----------------------------------------------------*/

.list-actions { display:flex; background-color:#FFFFFF; border-radius:2px; border-bottom:2px solid #d3dde2; overflow-x:auto; box-sizing:border-box; z-index:2; }

/* Buttons */
.list-actions__button { display:block; border:none; text-transform:uppercase; letter-spacing:1px; font-weight:600; background-color:#f5f9fb; color:#465b64; text-align:center; border-radius:2px; border-bottom:3px solid #d3dde2; box-sizing:border-box; white-space:normal; transition:all .3s; }
.list-actions__button:before { content:""; display:block; width:35px; height:35px; margin:0 auto 5px; background-size:contain; background-position:center; background-repeat:no-repeat; }
.list-actions__button:hover { background-color:#e7edf0; }

.list-actions__button--add { border-bottom-color:#d40021; color:#d40021; }
.list-actions__button--add:before { background-image:url('../images/global/icons/list-actions/button-add.svg?20190801'); }

.list-actions__button--search { border-bottom-color:#2196F3; color:#2196F3; }
.list-actions__button--search:before {  background-image:url('../images/global/icons/list-actions/button-search.svg?20190801'); }

.list-actions__button--request-payment { border-bottom-color:#8BC34A; color:#8BC34A; }
.list-actions__button--request-payment:before { background-image:url('../images/global/icons/list-actions/button-request-payment.svg?20190801'); }

.list-actions__button--import { border-bottom-color:#FF9800; color:#FF9800; }
.list-actions__button--import:before { background-image:url('../images/global/icons/list-actions/button-import.svg?20190801'); }

.list-actions__button--print { border-bottom-color:#607D8B; color:#607D8B; }
.list-actions__button--print:before { background-image:url('../images/global/icons/list-actions/button-print.svg?20190801'); }

.list-actions__button--copy-for-excel { border-bottom-color:#8BC34A; color:#8BC34A; }
.list-actions__button--copy-for-excel:before { background-image:url('../images/global/icons/list-actions/button-copy-for-excel.svg?20190801'); }

.list-actions__button--add-invoice { border-bottom-color:#9C27B0; color:#9C27B0; }
.list-actions__button--add-invoice:before { background-image:url('../images/global/icons/list-actions/button-add-invoice.svg?20190801'); }

/* Form */
.list-actions__form { display:none; background-color:#f5f9fb; padding:30px; }

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

    .list-actions { width:100%; padding:5px; }
    .list-actions--fixed { position:fixed; bottom:0px; right:0px; }

    /* Buttons */
    .list-actions__button { width:33.33%; min-width:33.33%; padding:10px; border:5px solid #FFFFFF; ; font-size:12px; }
}

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

    .list-actions { margin:0 0 30px; padding:15px 20px; }
    .list-actions--fixed { position:sticky; top:60px; }

    /* Buttons */
    .list-actions__button { width:110px; padding:10px; margin:10px; font-size:10px; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Tables
/*-----------------------------------------------------*/
.table-wrapper { overflow-x:auto; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Heading text
/*-----------------------------------------------------*/

.heading-text { margin:0 0 30px; }

/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Heading
/*-----------------------------------------------------*/
.heading { position:relative; }
.heading h1 { font-weight:600; }

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

    .heading { margin:15px 0; }
    .heading h1 { font-size:24px; text-align:center; }
}

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

    .heading { margin:30px 0; }
    .heading h1 { font-size:22px; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Tabs
/*-----------------------------------------------------*/
.tabs { position:relative; }
.tabs .tabs { margin:0; }
.tabs-triggers { display:flex; position:relative; border-bottom:2px solid #7f939c; overflow-x:auto; }
.tabs-triggers:after { display:block; content:""; clear:both; }

.tab-trigger { display:block; border-right:1px solid #FFF; color:#7f939c; font-weight:600; text-transform:uppercase; transition:all .3s; letter-spacing:2px; white-space:nowrap; }
.tab-trigger.current, .tab-trigger:hover { background-color:#7f939c; color:#FFF; }
.tab-trigger:last-child { border-right:none; }
.tab-content { display:none; }
.tabs__content-inner { padding:45px 30px; background-color:#f5f9fb;}
.tabs__content-inner--1 { background-color:#FFF; }

.tab-content.current { display:block; }

.tab-trigger-large { height:40px; padding:0 15px; line-height:40px; font-size:11px; background-color:#e7edf0; }
.tab-trigger-small { height:30px; padding:0 15px; line-height:30px; font-size:10px; background-color:#eee; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Tables
/*-----------------------------------------------------*/

.table-wrapper { max-width:100%; overflow-x:auto; }

/* Items table */
.items-table { table-layout:fixed; border-collapse:collapse; width:100%; font-size:13px; background-color:#FFFFFF; }
.items-table tr { background-color:#FFF; border-bottom:1px solid #e7edf0; transition:all 0.3s; }
.items-table tr:hover { background-color:#e7edf0; }
.items-table th, .items-table td { width:100%; padding:15px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.items-table th { padding:10px; font-size:10px; text-transform:uppercase; text-align:left; font-weight:300; color:#7f939c; }
.items-table td b { display:block; overflow:hidden; text-overflow:ellipsis; }

.items-table__tr {}
.items-table__tr--inactive { opacity:0.3; }

.items-table-details { font-size:13px; }

/* Buttons */
.items-table-button { display:block; padding:0; height:34px; line-height:32px; font-size:10px; letter-spacing:2px; font-weight:600; text-align:center; text-transform:uppercase; cursor:pointer; -webkit-appearance:none; border:none; border:1px solid #7f939c; color:#7f939c; border-radius:2px; box-sizing:border-box; transition:all 0.3s; overflow:hidden; background-color:#FFFFFF; background-size:contain; background-position:center; background-repeat:no-repeat; }

.items-table-button-view { }

.items-table-button--icon { display:block; position:relative; padding-right:34px; }
.items-table-button--icon:after { content:""; display:block; position:absolute; top:0; right:0; height:32px; width:34px; background-position:center; background-size:20px; background-repeat:no-repeat; }

.items-table-button--icon-project,
.items-table-button--icon-car { border:1px solid #7f939c; color:#7f939c; }
.items-table-button--icon-project:hover,
.items-table-button--icon-car:hover { background-color:#FFF; color:#7f939c; }
.items-table-button--icon-project:after { background-color:#7f939c; background-image:url('../images/global/icons/items-table/items-table-button-project.svg'); }
.items-table-button--icon-car:after { background-color:#7f939c; background-image:url('../images/global/icons/items-table/items-table-button-car.svg'); }

.items-table-button-view { width:34px; background-color:#FF9800; color:#FFFFFF; text-indent:-999px; background-image:url('../images/global/icons/items-table/items-table-button-view.svg'); border:none; background-size:15px; border-radius:100%; }
.items-table-button-update { width:34px; background-color:#FF9800; color:#FFFFFF; text-indent:-999px; background-image:url('../images/global/icons/items-table/items-table-button-update.svg'); border:none; background-size:20px; border-radius:100%; }
.items-table-button-import { width:34px; background-color:transparent; color:#7f939c; text-indent:-999px; background-image:url('../images/global/icons/items-table/items-table-button-import.svg'); border:none; background-size:28px; }
.items-table-button-download { width:34px; background-color:transparent; color:#7f939c; text-indent:-999px; background-image:url('../images/global/icons/items-table/items-table-button-download.svg'); border:none; background-size:28px; }
.items-table-button-sign { width:34px; background-color:#5d7580; color:#FFFFFF; text-indent:-999px; background-image:url('../images/global/icons/items-table/items-table-button-sign.svg'); border:none; background-size:20px; border-radius:100%; }

.items-table-button-active { width:34px; text-indent:-999px; background-image:url('../images/supplier/icons/items-table-button-active.svg'); border:none; }
.items-table-button-active-0 { background-color:#999999; }
.items-table-button-active-0:hover { background-color:#999999; }
.items-table-button-active-1 { background-color:#d40021; }
.items-table-button-active-1:hover { background-color:#d40021; }

.items-table-button-delete { width:36px; text-indent:-999px; background-color:transparent; background-image:url('../images/supplier/icons/items-table-button-delete.svg'); border:none; }
.items-table-button-delete:hover { background-color:transparent; }

/* VIN */
.items-table__vin { display:block; height:32px; line-height:32px; overflow:hidden; text-overflow:ellipsis; text-align:center; border-bottom:2px solid #fdb443; background-color:#ffe7c2; font-size:12px; letter-spacing:3px; font-weight:600; color:#b06900; border-radius:2px; }

/* Highlight */
.items-table__highlight {  display:block; height:32px; line-height:32px; overflow:hidden; text-overflow:ellipsis; text-align:center; border-bottom:2px solid #d3dde2; background-color:#f5f9fb; font-size:12px; font-weight:600; color:#7f939c; border-radius:2px; }

/* Status invoice */
.items-table__status-invoice { display: block; width:24px; height:24px; text-align:center; background-color:#bbe1ff; border-radius:50%; line-height:24px; font-weight:600; font-size:13px; color:#2196f3; transition:all 0.3s; }
.items-table__status-invoice:hover { background-color:#2196f3; color:#FFFFFF; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- General
/*-----------------------------------------------------*/

/* Wrapper */
.wrapper { position:relative; max-width:920px; height:100%; }

/* Content */
.content { padding:60px 0 120px 210px; font-size:14px; box-sizing:border-box; }
.content > .wrapper { min-height:800px; }

/* Footer */
.footer { height:50px; margin:60px 0 0; line-height:50px; background-color:#ECECEC; }
.footer .wrapper { max-width:1110px; padding:0 0 0 210px; }
.footer .wrapper:after { content:""; display:block; clear:both; }
.footer .column:nth-child(1) { float:left; }
.footer .column:nth-child(2) { float:right; }
.footer h5, .footer span, .footer a { display:inline; color:#999; font-size:10px; text-transform:uppercase; }
.footer h5 { font-weight:600; }
.footer a { margin-left:10px; }


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

    /* Wrapper */
    .wrapper { padding:0 15px; }

    /* Content */
    .content { padding:60px 0 120px; }
}

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

    /* Wrapper */
    .wrapper { padding:0 30px; }

    /* Content */
    .content { padding:60px 0 120px 210px; }
}
/*-----------------------------------------------------*/



/*-----------------------------------------------------*/
/*--- Header
/*-----------------------------------------------------*/

.header { position:fixed; top:0; width:100%; height:50px; background-color:#e7edf0; z-index:2; }

/* Columns */
.header__column { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:2; box-sizing:border-box; }

/* Language block */
.header-language-block { float:left; }
.header-language-block__list { margin:0 -2px; }
.header-language-block__list-item { float:left; margin:0 2px; }
.header-language-block__list-item-a { position:relative; display:block; float:left; width:34px; height:34px; font-size:11px; text-transform:uppercase; color:#3a4c54; font-weight:600; line-height:32px; border-bottom:2px solid #d3dde2; text-align:center; vertical-align:middle; box-sizing:border-box; background-color:#FFFFFF; border-radius:2px; box-sizing:border-box; }
.header-language-block__list-item-a--current { color:#d40021; border-color:#d40021; font-weight:600; }

/* User block */
.header-user-block { float:left; margin:0 -2px; }
.header-user-block__name,
.header-user-block__button { position:relative; display:block; float:left; height:34px; margin:0 2px; line-height:32px; vertical-align:middle; box-sizing:border-box; background-color:#FFFFFF; border-radius:2px; }
.header-user-block__name { max-width:140px; padding:0 10px; font-size:11px; text-transform:uppercase; color:#3a4c54; font-weight:600; border-bottom:2px solid #d3dde2; cursor:default; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.header-user-block__button { width:34px; border-bottom:2px solid #d40021; }
.header-user-block__button:before { content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:26px; height:26px; background:url('../images/global/icons/user-block-logout.svg?1') no-repeat center; background-size:contain; }

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

    /* Wrapper */
    .header .wrapper { padding:0 15px; }

    /* Columns */
    .header__column--1 { left:0; padding:0 0 0 65px; }
    .header__column--2 { right:0; padding:0 15px 0 0; }
}

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

    /* Wrapper */
    .header .wrapper { padding:0 30px 0 240px; }

    /* Columns */
    .header__column--1 { left:0; padding:0 0 0 240px; }
    .header__column--2 { right:0; padding:0 30px 0 0; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Sidebar
/*-----------------------------------------------------*/

.sidebar { position:fixed; top:0; width:210px; height:100%; padding:20px 0 0; background-color:#3a4c54; z-index:3; box-sizing:border-box; transition:all 0.3s; }

/* Logo */
.sidebar__logo { display:block; width:75%; margin:0 auto 40px; }
.sidebar__logo img { position:relative; display:block; width:100%; height:auto; }

/* Trigger */
.sidebar__trigger { position:absolute; top:0; right:-50px; width:50px; height:50px; line-height:50px; z-index:4; background-color:#d40021; color:#FFF; text-align:center; text-transform:uppercase; font-size:11px; text-indent:-999px; overflow:hidden; background-size:50%; background-image:url('../images/global/icons/sidebar/trigger.svg'); background-repeat:no-repeat; background-position:center; }

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

    .sidebar { left:-210px; }
    .sidebar--visible { left:0; }
}

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

    /* Trigger */
    .sidebar__trigger { display:none; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Placeholder
/*-----------------------------------------------------*/
.load-placeholder { position:relative; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Menu block
/*-----------------------------------------------------*/
.menu-list { position:relative; margin:45px 0 0; z-index:2; }
.menu-list li { border-bottom:1px solid #3a4c54; background-color:#465b64; transition:all 0.3s; }
.menu-list a { position:relative; display:block; padding:0 10px 0 60px; height:44px; line-height:44px; font-size:13px; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s; color:#ffffff; border-left:5px solid #5c737d; opacity:0.6; }
.menu-list li:hover a,
.menu-list li.current a { opacity:1; border-color:#d40021; background-color:#5d7580; }

.menu-list a:before { content:""; position:absolute; display:block; left:20px; top:50%; width:22px; height:22px; margin:-11px 0 0 0; background-repeat:no-repeat; background-size:contain; background-position:center; opacity:0.8; transition:all 0.3s; }
.menu-list > li:hover a:before, .menu-list > li.current a:before { opacity:1; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/* ----- User icon
/*-----------------------------------------------------*/
.user-icon { position:relative; display:block; margin:0 auto; width:35px; height:35px; line-height:35px; font-size:12px; text-align:center; color:#333; background-color:#7f939c; cursor:default; border:2px solid #FFF; border-radius:100%; }
.user-icon span { display:block; width:100%; height:100%; color:#FFF; text-transform:uppercase; opacity:0.75; font-weight:600; }
.user-icon b { display:block; position:absolute; top:-5px; right:-5px; width:20px; height:20px; text-align:center; line-height:20px; background-color:#FFF; font-size:10px; text-transform:uppercase; border-radius:100%; border:1px solid #7f939c; color:#7f939c; }
.user-icon--large { width:50px; height:50px; line-height:50px; font-size:18px; }

.users-icons { position:relative; width:35px; height:35px; }
.users-icons__icon { position:absolute; top:0; }
.users-icons__icon:hover { z-index:2; }
.users-icons__icon--1 { left:0; }
.users-icons__icon--2 { left:8px; }
.users-icons__icon--3 { left:16px; }
.users-icons__icon--4 { left:24px; }
.users-icons__icon--5 { left:32px; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Placeholder
/*-----------------------------------------------------*/
.load-placeholder { position:relative; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- File upload
/*-----------------------------------------------------*/

.file-upload { position:relative; height:100px; padding:15px; overflow:hidden; background-color:#FFFFFF; border:3px dashed #e7edf0; }
.file-upload__input { opacity:0; display:block; position:absolute; top:0; right:0; height:100%; margin:0; font-size:220px; cursor:pointer; z-index:2; }
.file-upload__button { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#3a4c54; z-index:1; text-align:center; }
.file-upload__button:before { content:""; display:block; width:50px; height:50px; margin:0 auto; background:url('../images/global/icons/car-user-payment/file-upload__button.svg') no-repeat center; background-size:contain; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- File uploader
/*-----------------------------------------------------*/

.fileuploader { padding:0 !important; background-color:transparent !important; }

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item-inner { background:transparent !important; }
.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image { background-color:#FFFFF !important; }

.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
.fileuploader-items .fileuploader-item .fileuploader-item-image img { width:100%; height:100%; object-fit:cover; }

.fileuploader-theme-thumbnails .fileuploader-item .actions-holder { height:30px !important; }
.fileuploader-items .fileuploader-item .fileuploader-action { width:30px !important; height:30px !important; background-color:#ffffff !important; box-shadow:none !important; }
.fileuploader-items .fileuploader-item .fileuploader-action i { border-radius:50% !important; line-height:30px !important; background-color:#ffffff !important; color:#7f939c !important; }
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-download i { font-size:17px !important; }
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i { font-size:19px !important; }

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner { border-color:#b5c2c7 !important; background-color:#FFFFFF !important; opacity:1 !important; }

.fileuploader-theme-thumbnails .fileuploader-item .progress-holder .fileuploader-progressbar { height:8px !important; margin-top:-4px !important; background-color:#e7edf0 !important; border-radius:2px !important; }
.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar { box-shadow:none !important; background-color:#7f939c !important;  border-radius:2px !important; }

.fileuploader-item-select { display:block;position:absolute;top:10px;left:10px;z-index:2; }
.fileuploader-item-select .label:before { width:25px !important; height:25px !important; }
/*-----------------------------------------------------*/